@import url('https://fonts.googleapis.com/css2?family=Caveat&display=swap');
@font-face {
    font-family: 'RalewayBold';
    src: url(../fonts/Raleway-Bold.woff2) format("woff2"), url(../fonts/Raleway-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: 'RalewaySemiBold';
    src: url(../fonts/Raleway-SemiBold.woff2) format("woff2"), url(../fonts/Raleway-SemiBold.woff) format("woff");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: 'RalewayRegular';
    src: url(../fonts/Raleway-Regular.woff2) format("woff2"), url(../fonts/Raleway-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'RalewayMedium';
    src: url(../fonts/Raleway-Medium.woff2) format("woff2"), url(../fonts/Raleway-Medium.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'RalewayExtraBold';
    src: url(../fonts/Raleway-ExtraBold.eot);
    src: url(../fonts/Raleway-ExtraBold.eot?#iefix) format("embedded-opentype"), url(../fonts/Raleway-ExtraBold.woff2) format("woff2"), url(../fonts/Raleway-ExtraBold.woff) format("woff"), url(../fonts/Raleway-ExtraBold.ttf) format("truetype"), url(../fonts/aleway-ExtraBold.svg#Raleway-ExtraBold) format("svg");
    font-weight: 800;
    font-style: normal
}

@font-face {
    font-family: 'OpenSansSemiBold';
    src: url(../fonts/OpenSans-Semibold.woff2) format("woff2"), url(../fonts/OpenSans-Semibold.woff) format("woff");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: 'OpenSansBold';
    src: url(../fonts/OpenSans-Bold.woff2) format("woff2"), url(../fonts/OpenSans-Bold.woff) format("woff");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: 'OpenSansRegular';
    src: url(../fonts/OpenSans-Regular.woff2) format("woff2"), url(../fonts/OpenSans-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Notera';
    src: url(../fonts/notera_personaluseonly-webfont.woff2) format("woff2"), url(../fonts/notera_personaluseonly-webfont.woff) format("woff");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: 'Caveat';
    src: url(../fonts/Caveat-Regular.woff2) format("woff2"), url(../fonts/Caveat-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'MontserratBold';
    src: url(../fonts/Montserrat-Bold.eot);
    src: url(../fonts/Montserrat-Bold.eot?#iefix) format("embedded-opentype"), url(../fonts/Montserrat-Bold.woff2) format("woff2"), url(../fonts/Montserrat-Bold.woff) format("woff"), url(../fonts/Montserrat-Bold.ttf) format("truetype"), url(../fonts/Montserrat-Bold.svg#Montserrat-Bold) format("svg");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: 'helvetica_neue_medium_extenRg';
    src: url(../fonts/roboto-bold-webfont.woff2) format("woff2"), url(../fonts/roboto-bold-webfont.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

body {
    padding: 0;
    margin: 0;
    overflow-x: hidden
}

.loginbody .from {
    width: 500px!important
}

.clearfix {
    clear: both;
    overflow: hidden
}

.faqview_body_sub .mat-expansion-panel-body strong {
    font-weight: normal
}

.faqview_body_sub .mat-expansion-panel-body {
    background: #f2f8fa!important;
    padding-top: 25px!important;
    padding-bottom: 25px!important;
    border: 1px solid #d1dce0;
    border-top: 0!important;
    font-size: 18px;
    line-height: 24px
}

.faqview_body_sub .mat-expansion-panel-body p {
    padding: 0;
    margin: 0
}

.faqview_body_sub * {
    box-shadow: none!important;
    border-radius: 0!important
}

.faqview_body_sub .mat-expansion-panel-spacing {
    margin: 0
}

.faqview_body_sub .mat-expansion-panel {
    margin-bottom: 16px
}

.faqview_body_sub .mat-expansion-panel:last-of-type {
    margin-bottom: 0
}

.faqview_body_sub .mat-expansion-panel-header {
    background: #3ba2e0!important;
    font-family: 'OpenSansSemiBold';
    border-radius: 0;
    height: auto!important;
    padding-top: 10px;
    padding-bottom: 10px
}

.faqview_body_sub .mat-expansion-panel-header-title {
    font-family: 'OpenSansSemiBold';
    color: #fff;
    font-size: 20px;
    position: relative
}

.faqview_body_sub .matexpansionpanelheader {
    background: #3ba2e0!important;
    font-family: 'OpenSansSemiBold';
    border-radius: 5px!important;
    height: auto!important;
    padding: 10px
}

.faqview_body_sub .mat-expansion-panel-header-title {
    font-family: 'OpenSansSemiBold';
    color: #fff;
    font-size: 20px;
    position: relative
}

.faqview_body_sub mat-panel-title::before {
    content: 'Q.';
    padding-right: 5px
}

.faqview_body_sub .mat-expansion-indicator::after,
.faqview_body_sub .mat-expansion-panel-header-description {
    color: #fff
}

.loginbody .from h2 {
    font-family: 'OpenSansBold'!important;
    text-align: center!important;
    background: #0af;
    background: linear-gradient(180deg, rgba(0, 170, 255, 1) 38%, rgba(1, 105, 192, 1) 81%);
    color: #fff!important;
    padding: 12px 12px 16px!important;
    margin: 0!important;
    font-size: 32px!important;
    position: relative!important;
    border-radius: 5px;
    margin-bottom: 15px!important
}

.loginbody .mat-raised-button {
    background: #f6fb31;
    background: linear-gradient(180deg, rgba(246, 251, 49, 1) 0%, rgba(255, 202, 0, 1) 100%);
    padding: 10px 0!important;
    text-align: center!important;
    display: block!important;
    margin: 5px auto!important;
    font-family: 'OpenSansBold'!important;
    font-size: 24px!important;
    color: #000!important;
    text-transform: uppercase!important;
    border-radius: 6px!important;
    border: none!important;
    box-shadow: none!important;
    outline: none!important
}

.loginbody a {
    padding: 0!important;
    color: #0272bd
}

.loginbody a:hover {
    color: #012136
}

.loginbody .mat-form-field-subscript-wrapper {
    position: inherit!important
}

.loginbody .mat-form-field-hint-spacer {
    flex: inherit!important
}

.loginbody .mat-form-field-hint-wrapper {
    padding-bottom: 5px
}

.loginbody .mat-form-field-appearance-legacy .mat-hint {
    color: #960000
}

.loginbody .signupfooter {
    text-align: center!important;
    display: block!important;
    font-size: 18px
}

.loginbody {
    width: 100vw;
    height: 100vh;
    overflow: hidden
}

.context {
    width: 100%;
    position: absolute;
    z-index: 9
}

.context h1 {
    text-align: center;
    color: #fff;
    font-size: 50px
}

.adminheader {
    margin: 0!important
}

.area {
    background: #2987a0;
    background: -webkit-linear-gradient(to left, #8f94fb, #4e54c8);
    width: 100%;
    height: 100vh
}

.circles {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.circles li {
    position: absolute;
    display: block;
    list-style: none;
    width: 20px;
    height: 20px;
    background: rgba(255, 255, 255, 0.2);
    animation: animate 25s linear infinite;
    bottom: -150px
}

.circles li:nth-child(1) {
    left: 25%;
    width: 80px;
    height: 80px;
    animation-delay: 0
}

.circles li:nth-child(2) {
    left: 10%;
    width: 20px;
    height: 20px;
    animation-delay: 2s;
    animation-duration: 12s
}

.circles li:nth-child(3) {
    left: 70%;
    width: 20px;
    height: 20px;
    animation-delay: 4s
}

.circles li:nth-child(4) {
    left: 40%;
    width: 60px;
    height: 60px;
    animation-delay: 0;
    animation-duration: 18s
}

.circles li:nth-child(5) {
    left: 65%;
    width: 20px;
    height: 20px;
    animation-delay: 0
}

.circles li:nth-child(6) {
    left: 75%;
    width: 110px;
    height: 110px;
    animation-delay: 3s
}

.circles li:nth-child(7) {
    left: 35%;
    width: 150px;
    height: 150px;
    animation-delay: 7s
}

.circles li:nth-child(8) {
    left: 50%;
    width: 25px;
    height: 25px;
    animation-delay: 15s;
    animation-duration: 45s
}

.circles li:nth-child(9) {
    left: 20%;
    width: 15px;
    height: 15px;
    animation-delay: 2s;
    animation-duration: 35s
}

.circles li:nth-child(10) {
    left: 85%;
    width: 150px;
    height: 150px;
    animation-delay: 0;
    animation-duration: 11s
}

@keyframes animate {
    0% {
        transform: translateY(0) rotate(0deg);
        opacity: 1;
        border-radius: 0
    }
    100% {
        transform: translateY(-1000px) rotate(720deg);
        opacity: 0;
        border-radius: 50%
    }
}

.signee {
    background: url(../../../assets/images/signee.png) no-repeat right 5px;
    background-size: 12px;
    padding-right: 15px;
    display: inline-block
}

.loginbgtop {
    background: url(../../../assets/images/loginbg_top.png) no-repeat left -10% top;
    width: 100%;
    height: 357px;
    position: absolute;
    left: 0;
    background-size: 860px 288px;
    top: 0
}

.loginbgtop img {
    width: 380px;
    margin: 10px 0 0 10px
}

.admin-list {
    margin: 0;
    padding: 0
}

.admintop {
    box-shadow: none!important;
    border-radius: 0!important;
    margin: 0!important;
    padding: 0!important;
    border: none!important;
    position: absolute!important;
    left: 0;
    top: 15px;
    background: none!important;
    width: 100%;
    z-index: 9
}

.admintopwrapper {
    background: #fff;
    border-radius: 90px;
    margin: 0 auto;
    width: 1600px;
    border: solid 1px #429bc5
}

.admintopwrapper_contain {
    padding: 10px 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center
}

.adminlogo {
    width: 190px;
    border-right: solid 1px #ccc;
    padding-right: 25px
}

.adminlogo a {
    outline: none
}

.adminlogo img {
    width: 100%
}

.menuiconlabel {
    display: none
}

.newheaderAD_myaccount {
    outline: none!important;
    display: block;
    width: 38px;
    cursor: pointer;
    background: url(../images/sidebararrow.png) right center no-repeat;
    position: relative;
    border-left: solid 1px #ccc;
    padding: 10px 25px 10px 15px
}

.accout_IMG {
    width: 37px;
    height: 37px;
    background: #b5c0ca;
    padding: 0;
    overflow: hidden;
    border-radius: 100px;
    display: block;
    outline: none!important
}

.accout_IMG img {
    width: 100%;
    object-fit: cover;
    margin-top: 0;
    height: 92%;
    border-radius: 100px
}

.myaccount_dropdown {
    display: none;
    position: absolute;
    right: -10px;
    top: 36px;
    padding-top: 15px;
    width: 150px;
    z-index: 999;
    background: url(../images/top_menuicon.png) no-repeat 115px 0
}

.myaccount_dropdown_wrapper {
    background: #01adf6;
    text-align: center;
    padding: 0!important;
    border-radius: 5px!important;
    display: block
}

.myaccount_dropdown a {
    font-size: 16px;
    color: #fff;
    font-family: 'OpenSansRegular';
    padding: 8px 20px;
    display: block;
    border-radius: 5px;
    border-top: 2px solid #0e8abf
}

.myaccount_dropdown a:hover {
    color: #333
}

.myaccount_dropdown a:first-of-type {
    border: none
}

.newheaderAD_myaccount:hover .myaccount_dropdown {
    display: block
}

.sharelink_block .searchForm_body {
    padding: 5px 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.sharelink_block .searchForm_body mat-form-field {
    margin: 2px
}

.sharelink_block .searchForm_body .mat-form-field-flex {
    display: inline-flex;
    align-items: baseline;
    box-sizing: border-box;
    width: 100%;
    border: .5px solid #bdbdbd;
    border-radius: 2px 2px 0 0;
    padding: 0 10px 3px;
    background: #fff
}

.sharelink_block .searchForm_body .mat-form-field-appearance-legacy .mat-form-field-infix {
    padding: 0
}

.sharelink_block .searchForm_body .mat-form-field-appearance-legacy .mat-form-field-wrapper {
    padding-bottom: 0
}

.sharelink_block .searchForm_body .mat-form-field-underline {
    display: none
}

.sharelink_block .searchForm_body .mat-form-field-label {
    top: 12px
}

.sharelink_block .searchForm_body input.mat-input-element {
    margin-top: 2px
}

.sharelink_block .searchForm_body .mat-form-field-should-float .mat-form-field-label {
    margin-top: 10px;
    color: #2297bb
}

.sharelink_block .searchForm_body .btnsearch {
    background: rgba(48, 200, 251, 1);
    background: -moz-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(48, 200, 251, 1)), color-stop(100%, rgba(32, 163, 219, 1)));
    background: -webkit-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -o-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -ms-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: linear-gradient(to bottom, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#30c8fb', endColorstr='#20a3db', GradientType=0);
    height: 42px;
    margin: auto;
    text-align: center;
    line-height: 42px;
    justify-content: center;
    align-items: center;
    color: #fff;
    margin: 2px;
    font-size: 18px;
    border: none;
    border-radius: 2px;
    cursor: pointer;
    padding: 0 10px
}

.adminmenu {
    flex: 1
}

.adminmenu ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around
}

.adminmenu ul li {
    list-style: none;
    font-family: 'OpenSansSemiBold';
    font-size: 14px;
    line-height: 30px;
    color: #262626;
    padding: 0 5px
}

.adminmenu * {
    outline: none!important
}

.adminmenu ul li a {
    cursor: pointer;
    padding: 4px 0;
    color: #262626;
    text-decoration: none;
    outline: none!important;
    text-transform: capitalize;
    font-family: 'OpenSansSemiBold'
}

.adminmenu ul li a:hover {
    color: #01adf6
}
.adminmenu ul li a mat-icon{line-height: 30px;}

.adminmenu .active a {
    color: #01adf6
}

.adminmenu ul li .submenu a {
    position: relative;
    background: url(../images/imgmenu1.png) no-repeat right 12px;
    padding-right: 20px
}

.adminmenu ul li:hover .submenu a {
    /* background: url(../images/imgmenu1hover.png) no-repeat right 12px; */
    /* color: #01adf6 */
}

.adminmenu .active .submenu a {
    background: url(../images/imgmenu1hover.png) no-repeat right 12px;
    color: #01adf6
}

.adminmenu ul .submenu ul {
    display: none;
    position: absolute;
    background: #01adf6;
    text-align: center;
    padding: 0!important;
    border-radius: 5px!important;
    z-index: 99
}

.adminmenu ul li:hover .submenu ul {
    display: block
}

.adminmenu ul .submenu ul .submenu ul {
    display: none;
    position: inherit;
    background: #144c6b;
    margin-bottom: 8px
}

.adminmenu ul .submenu ul li:hover .submenu ul {
    display: block
}

.adminmenu ul .submenu ul li .submenu a {
    position: relative;
    background: url(../images/imgmenu2.png) no-repeat 90% 18px!important
}

.adminmenu ul .submenu ul li .submenu a:hover {
    position: relative;
    background: url(../images/imgmenu1.png) no-repeat 90% 18px!important
}

.adminmenu ul .submenu ul .submenu ul li a {
    color: #fff!important;
    background: none!important
}

.adminmenu ul .submenu ul .submenu ul li a:hover {
    color: #77d2f9!important;
    background: none!important
}

.submenu ul li {
    border-top: 2px solid #0e8abf;
    min-width: 200px
}

.submenu ul li:first-child {
    border: none
}

.submenu ul li a {
    font-size: 16px;
    color: #fff!important;
    font-family: 'OpenSansRegular';
    padding: 8px 20px;
    display: block;
    background: none!important
}

.submenu ul li a:hover {
    color: #333!important
}

.admin_bannerdesign {
    box-shadow: none!important;
    border-radius: 0!important;
    margin: 0!important;
    padding: 0!important;
    border: none!important;
    position: relative;
    background: url(../images/adminbg.png) no-repeat right top!important
}

.admin_banner_wrapper {
    display: block;
    width: 100%;
    height: 500px
}

.admin_banner_textwrapper {
    width: 1600px;
    margin: 0 auto
}

.admin_banner_textwrapper h1 {
    margin: 0;
    padding: 0;
    font-family: 'RalewayBold';
    font-size: 46px;
    color: #ffed2f
}

.admin_banner_textwrapper h2 {
    margin: 0;
    padding: 15px 0;
    font-family: 'RalewayBold';
    font-size: 26px;
    color: #fff
}

.admin_banner_textwrapper h3 {
    margin: 0;
    padding: 0;
    font-family: 'RalewayRegular';
    font-size: 26px;
    color: #c4f8fa;
    text-shadow: 2px 2px 2px #135f84
}

.admin_banner_textwrappertext {
    width: 800px;
    height: 300px;
    display: table-cell!important;
    vertical-align: middle;
    padding-top: 117px;
    padding-left: 50px
}

.admincom {
    position: absolute;
    right: 10%;
    top: 117px
}

.admincomnew {
    position: absolute;
    right: 10%;
    top: 117px;
    background: url(../images/admin_sliderMAIN.png) no-repeat left top;
    width: 500px;
    height: 500px
}


/*--------------------------*/

.slideshow-container {
    display: block!important;
    margin: 0!important;
    padding: 0!important;
    position: relative
}

.mySlides {
    position: relative;
    overflow: hidden;
    margin: 0!important;
    clear: both
}

.mySlides img {
    width: 358px;
    padding: 39px 0 0 102px
}


/*--------------------------*/

.admintopblock {
    display: block;
    width: 95%;
    margin: 20px auto
}

.admintopblock_wrapper {
    display: flex!important;
    flex-wrap: wrap;
    align-items: center
}

.admintopblock_wrapper .mat-card-content {
    margin-bottom: 0
}

.lastlogin {
    background: url(../images/login_admin_icon.png) no-repeat left center;
    background-size: 30px;
    padding: 10px;
    padding-left: 40px;
    margin-top: 10px!important;
    margin-left: 10px
}

.lastlogin mat-label {
    display: block
}

.lastlogin mat-label span {
    display: block;
    font-family: 'OpenSansSemiBold';
    font-size: 18px;
    color: #012136
}

.lastlogin mat-label span strong {
    font-family: 'OpenSansBold';
    color: #01adf6
}

.admintopblock_wrapper .mat-card-content {
    border-right: solid 2px #d6d6d6
}

.admintopblock_wrapper .mat-card-content:last-of-type {
    border: none
}

.wlc_user {
    background: url(../images/user_admin_icon.png) no-repeat left center;
    background-size: 30px;
    padding: 10px;
    padding-left: 42px;
    margin-top: 10px!important
}

.wlc_user mat-label {
    display: block;
    position: relative
}

.wlc_user mat-label span {
    display: block;
    font-family: 'OpenSansSemiBold';
    font-size: 18px;
    color: #012136;
    text-transform: capitalize
}

.wlc_user mat-label span strong {
    font-family: 'OpenSansBold';
    color: #01adf6
}

.Share_Link_distributor {
    background: url(../images/SocialShareLinkicon2.png) no-repeat left center;
    background-size: 30px;
    padding: 0;
    padding-left: 42px
}

.Share_Link_distributor mat-label {
    display: flex;
    position: relative;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center
}

.Share_Link_distributor mat-label span {
    display: inline-block;
    font-family: 'OpenSansSemiBold';
    font-size: 18px;
    color: #012136
}

.Share_Link_distributor mat-label span a {
    color: #012136
}

.Share_Link_distributor mat-label span strong {
    font-family: 'OpenSansBold';
    color: #01adf6
}

.GrabUrl_DB_BTN2 {
    background: #012136 url(../images/sharelinkicon.png) no-repeat center center;
    background-size: 58%;
    width: 35px;
    height: 35px;
    font-size: 0;
    display: inline-block;
    border-radius: 100px;
    margin-left: 10px
}

.sharelinkblockwrapper {
    display: block;
    width: auto;
    margin: 0!important;
    padding: 20px 15px;
    border-bottom: solid 1px #f0f0f1
}

.sharelinkblockwrapper:last-of-type {
    border: none
}

.sharelinkblockwrapper h2 {
    margin: 0 0 30px;
    padding: 0;
    color: #333;
    font-size: 24px;
    font-weight: 400;
    position: relative
}

.sharelinkblockwrapper h2 span {
    display: inline-block;
    background: #fff;
    padding-right: 15px
}

.sharelinkblockwrapper_row {
    display: table!important;
    width: 100%;
    vertical-align: middle;
    background: #f0f0f1;
    border-radius: 80px;
    border: solid 1px #dad8d8;
    align-items: center;
    margin-top: 30px
}

.sharelinkblock_img {
    border-right: solid 1px #cac7c7;
    padding: 15px 0;
    text-align: center;
    display: table-cell!important;
    vertical-align: middle;
    background: #0c9f99;
    border-radius: 80px 0 0 80px
}

.sharelinkblock_img:hover {
    background: #4565a3
}

.sharelinkblock_img img {
    width: 50px
}

.sharelinkblock_img .urlcopybtn {
    border: none!important;
    background: none!important;
    cursor: pointer!important;
    outline: none!important
}

.sharelinkblock_link {
    display: table-cell!important;
    width: 90%;
    vertical-align: middle
}

.sharelinkblock_link_wrapper {
    width: 100%;
    display: flex!important;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center
}

.sharelinkblock_link_wrapper .sharelinkblock_linkptext {
    padding: 0 15px;
    font-size: 18px;
    color: #111;
    word-break: break-all;
    margin: 0
}

.sharelinkblock_icon {
    padding: 0 15px;
    border-left: solid 1px #cac7c7;
    width: 220px
}

.sharelinkblock_icon img {
    width: 45px;
    margin: 5px;
    cursor: pointer
}

.checkmark__circle {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 2;
    stroke-miterlimit: 10;
    stroke: #7ac142;
    fill: none;
    animation: stroke .6s cubic-bezier(.65, 0, .45, 1) forwards
}

.checkmark {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    display: block;
    stroke-width: 2;
    stroke: #fff;
    stroke-miterlimit: 10;
    margin: 10% auto;
    box-shadow: inset 0 0 0 #7ac142;
    animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both
}

.checkmark__check {
    transform-origin: 50% 50%;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    animation: stroke .3s cubic-bezier(.65, 0, .45, 1) .8s forwards
}

@keyframes stroke {
    100% {
        stroke-dashoffset: 0
    }
}

@keyframes scale {
    0%,
    100% {
        transform: none
    }
    50% {
        transform: scale3d(1.1, 1.1, 1)
    }
}

@keyframes fill {
    100% {
        box-shadow: inset 0 0 0 30px #7ac142
    }
}

.main_practice_block11 {
    display: none
}

.main_practice_block88 {
    display: none
}

.main_practice_block88:first-child {
    display: block
}

.main_practice_block11:first-child {
    display: block
}

@keyframes fill {
    100% {
        box-shadow: inset 0 0 0 30px #7ac142
    }
}

.clipboard .mat-dialog-container {
    border: solid 10px #1f9196
}

.clipboard .mat-dialog-container .mat-card {
    box-shadow: none
}

.clipboard .mat-dialog-container .mat-card-title {
    display: block;
    margin-bottom: 8px;
    text-transform: capitalize;
    font-size: 22px
}

.admin_inner_block {
    background: url(../images/adminbginner.png) no-repeat right top!important;
    background-size: cover!important;
    box-shadow: none!important;
    border-radius: 0!important;
    margin: 0!important;
    padding: 15px 0!important;
    border: none!important;
    position: relative
}

.admin_inner_block .admintop {
    position: inherit!important;
    left: 0!important;
    top: 0!important
}

.listingpage_wrapper {
    display: block;
    padding: 15px;
    margin: 0!important
}

.listingpage_wrapper .listingpageh2 {
    margin: 10px 0;
    padding: 15px;
    display: block;
    background: #08a298;
    background: linear-gradient(90deg, rgba(8, 162, 152, 1) 0%, rgba(74, 96, 164, 1) 100%);
    border-radius: 8px;
    font-family: 'OpenSansSemiBold';
    font-size: 26px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 25px;
    text-align: center
}

.addeditpage_wrapper {
    display: block;
    padding: 15px;
    min-height: 80vh;
    position: relative
}

.addeditpage_wrapper .listingpageh2 {
    margin: 10px 0;
    padding: 15px;
    display: block;
    background: #08a298;
    background: linear-gradient(90deg, rgba(8, 162, 152, 1) 0%, rgba(74, 96, 164, 1) 100%);
    border-radius: 8px;
    font-family: 'OpenSansSemiBold';
    font-size: 26px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 25px;
    text-align: center
}

.addeditpage_wrapper .AddEditBlog {
    background: #f1f1f1 url(../images/form_bg.png) no-repeat right bottom;
    border-radius: 10px;
    width: 85%;
    margin: 0 auto;
    background-size: 60px;
    margin-bottom: 2px!important;
    min-height: 180px
}

.addeditformuser .mat-chip-list {
    position: absolute;
    display: flex;
    top: -10px;
    background: #fff;
    width: 100%;
    z-index: 9;
    height: 50px
}

.AddEditBlogSelect .mat-form-field-appearance-legacy .mat-form-field-label {
    color: #4a4646!important;
    font-size: 16px!important
}

.AddEditBlogSelect .mat-form-field-has-label .mat-form-field-label {
    top: 28px!important;
    color: #0e6567!important
}

.AddEditBlogSelect .mat-form-field-hide-placeholder .mat-form-field-label {
    top: 20px!important;
    color: #000!important
}

.AddEditBlogSelect .mat-select {
    margin-top: 7px
}

.addeditform .containerLeadProduct {
    padding: 40px 60px 40px 40px;
    padding-top: 0
}

.addeditform .containerLeadProductnew {
    padding: 0 0 40px
}

.addeditform .containerLeadProduct .mat-form-field {
    display: block
}

.addeditform .container {
    padding: 40px
}

.addeditformuserlead .container {
    padding-top: 0!important;
    margin-top: -40px
}

.addeditform .mat-form-field-flex {
    background: #fff;
    border: 1px solid #d0d0d0;
    padding: 0 5px;
    box-sizing: border-box;
    border-radius: 4px 4px 0 0;
    padding: 0 .75em .75em .75em
}

.addeditform .mat-form-field-appearance-legacy .mat-form-field-label {
    color: #4a4646!important;
    font-size: 16px!important
}

.addeditform .mat-form-field-appearance-legacy .mat-form-field-prefix {
    font-size: 16px
}

.addeditform input.mat-input-element {
    font-size: 16px!important
}

.addeditform .mat-form-field-appearance-legacy .mat-form-field-infix {
    padding: 15px 0 0
}

.addeditform .mat-form-field-has-label .mat-form-field-label {
    top: 28px!important;
    color: #0e6567!important
}

.addeditform .mat-form-field-hide-placeholder .mat-form-field-label {
    top: 20px!important;
    color: #000!important
}

.addeditform textarea {
    resize: none!important
}

.addeditform .form_field_wrapperstatus {
    margin-bottom: 15px
}

.addeditform .passbuttoncls {
    display: flex;
    align-items: center;
    margin-bottom: 15px
}

.addeditform .passbuttoncls button {
    background: rgba(14, 61, 92, 1);
    background: -moz-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(14, 61, 92, 1)), color-stop(100%, rgba(2, 35, 57, 1)));
    background: -webkit-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -o-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -ms-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: linear-gradient(to bottom, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0e3d5c', endColorstr='#022339', GradientType=0);
    font-size: 18px;
    color: #fff!important
}

.addeditform .form-element .mat-raised-button {
    margin: 2px 5px 2px 0;
    background: rgba(48, 200, 251, 1);
    background: -moz-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(48, 200, 251, 1)), color-stop(100%, rgba(32, 163, 219, 1)));
    background: -webkit-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -o-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -ms-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: linear-gradient(to bottom, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#30c8fb', endColorstr='#20a3db', GradientType=0);
    font-size: 20px;
    color: #fff;
    padding: 5px 10px;
    min-width: 140px;
    text-transform: capitalize
}

.addeditform .form-element .mat-raised-button:nth-of-type(1) {
    margin: 2px 5px 2px 0
}

.addeditform .form_field_launched {
    margin-bottom: 15px
}

.mat-snack-bar-container {
    color: #fff!important;
    font-family: 'OpenSansSemiBold';
    background: #01629f!important
}

.adminlisttable mat-card {
    border: none!important;
    box-shadow: none!important;
    border-radius: 0!important
}

.adminlisttable table {
    box-shadow: none;
    border-radius: 8px!important
}

.adminlisttable table tr {
    border: 1px solid #d0d0d0!important
}

.adminlisttable table tr:nth-of-type(even) {
    background: #f3f3f3
}

.adminlisttable thead {
    background: #012136!important;
    border-radius: 8px 8px 0 0!important
}

.adminlisttable thead th {
    color: #fff!important;
    font-size: 16px!important
}

.adminlisttable thead th .mat-checkbox-inner-container {
    border: solid 1px #fff
}

.adminlisttable thead th span {
    display: flex;
    align-self: center
}

.adminlisttable table tfoot {
    display: none
}

.adminlisttable thead th:nth-of-type(1) {
    border-radius: 8px 0 0 0!important
}

.adminlisttable thead th:last-of-type {
    border-radius: 0 8px 0 0!important
}

.adminlisttable tbody tr {
    border-radius: 0 0 8px 8px
}

.adminlisttable tbody tr:last-of-type td:first-of-type {
    border-radius: 0 0 0 8px
}

.adminlisttable tbody tr:last-of-type td:last-of-type {
    border-radius: 0 0 8px 0
}

.cdk-global-scrollblock {
    position: unset!important
}

.cdk-global-scrollblock body {
    overflow: hidden;
    height: auto
}

.drop {
    cursor: pointer
}

.admindashboard_block3 {
    box-shadow: none!important;
    border-radius: 0!important;
    border: none!important;
    margin: 0 auto!important;
    padding: 0!important;
    display: flex!important;
    flex-wrap: wrap!important;
    justify-content: space-between!important;
    width: 95%!important;
    margin-bottom: 20px!important
}

.admindashboard_block3_wrapper {
    width: 49.4%;
    box-shadow: 0 2px 13px 0 rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12)!important;
    background: #fff;
    margin: 0!important;
    padding: 0!important;
    border-radius: 5px
}

.admindashboard_block3_wrapper_con {
    padding: 10px;
    position: relative
}

.admindashboard_block3_wrapper_con .dashboard_grid_h4wrapper_info3 {
    margin: 0;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-direction: column
}

.admindashboard_block3_wrapper_con .mat-card-content mat-card-content {
    margin: 0;
    display: block
}

.admindashboard_block3_wrapper h1 {
    margin: 0;
    padding: 10px;
    text-align: center;
    background: #08a298;
    background: linear-gradient(90deg, rgba(8, 162, 152, 1) 0%, rgba(74, 96, 164, 1) 100%);
    border-radius: 5px 5px 0 0;
    color: #f4f1f1;
    font-size: 26px;
    font-weight: 400
}

.admindashboard_block3_wrapper .devider1 {
    background: #08a298;
    background: linear-gradient(90deg, rgba(8, 162, 152, 1) 0%, rgba(74, 96, 164, 1) 100%);
    width: 100%;
    height: 5px;
    border-top: solid 5px #fff
}

.searchicon_con {
    border: none;
    background: #4cbfb8;
    color: #fff;
    border-radius: 100px;
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 0;
    line-height: 47px;
    position: absolute;
    left: 15px;
    top: 7px;
    cursor: pointer
}

.tabledivcom3 {
    padding-bottom: 65px;
    min-height: 420px
}

.tabledivcom5 {
    padding-bottom: 65px;
    min-height: 320px
}

.tabledivcom4 {
    padding-bottom: 75px;
    min-height: 300px
}

.addeditpage_wrapper_modal button {
    margin: 2px 3px 2px 0;
    background: rgba(48, 200, 251, 1);
    background: -moz-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(48, 200, 251, 1)), color-stop(100%, rgba(32, 163, 219, 1)));
    background: -webkit-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -o-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -ms-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: linear-gradient(to bottom, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#30c8fb', endColorstr='#20a3db', GradientType=0);
    font-size: 20px;
    color: #fff;
    padding: 8px 10px;
    border: none;
    cursor: pointer;
    text-transform: capitalize;
    min-width: 100px;
    border-radius: 5px
}

.addeditpage_wrapper_modal .mat-form-field {
    display: block;
    position: relative;
    text-align: left
}

.addeditpage_wrapper_modal .mat-form-field-flex {
    background: #fff;
    border: 1px solid #d0d0d0;
    padding: 0 5px;
    box-sizing: border-box;
    border-radius: 4px 4px 0 0;
    padding: 0 .75em .75em .75em
}

.addeditpage_wrapper_modal .mat-form-field-appearance-legacy .mat-form-field-label {
    color: #4a4646!important;
    font-size: 16px!important
}

.addeditpage_wrapper_modal .mat-form-field-appearance-legacy .mat-form-field-prefix {
    font-size: 16px;
    color: #4a4646!important
}

.addeditpage_wrapper_modal input.mat-input-element {
    font-size: 16px!important
}

.addeditpage_wrapper_modal .mat-form-field-appearance-legacy .mat-form-field-infix {
    padding: 15px 0 0
}

.addeditpage_wrapper_modal .mat-form-field-has-label .mat-form-field-label {
    top: 28px!important;
    color: #0e6567!important
}

.addeditpage_wrapper_modal .mat-form-field-hide-placeholder .mat-form-field-label {
    top: 20px!important;
    color: #000!important
}

.addeditpage_wrapper_modal textarea {
    resize: none!important
}

.adminlisttable .cdk-column-Actions button:hover {
    background: rgba(23, 174, 255, 1);
    background: -moz-linear-gradient(top, rgba(23, 174, 255, 1) 0%, rgba(20, 161, 255, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(23, 174, 255, 1)), color-stop(100%, rgba(20, 161, 255, 1)));
    background: -webkit-linear-gradient(top, rgba(23, 174, 255, 1) 0%, rgba(20, 161, 255, 1) 100%);
    background: -o-linear-gradient(top, rgba(23, 174, 255, 1) 0%, rgba(20, 161, 255, 1) 100%);
    background: -ms-linear-gradient(top, rgba(23, 174, 255, 1) 0%, rgba(20, 161, 255, 1) 100%);
    background: linear-gradient(to bottom, rgba(23, 174, 255, 1) 0%, rgba(20, 161, 255, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#17aeff', endColorstr='#14a1ff', GradientType=0)
}

.adminlisttable .cdk-column-Actions .material-icons {
    margin: 4px;
    color: #0c3956
}

.mat-bottom-sheet-container-xlarge {
    border-radius: 10px 10px 0 0
}

.mat-bottom-sheet-container-xlarge .mat-raised-button {
    background: rgba(14, 61, 92, 1);
    background: -moz-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(14, 61, 92, 1)), color-stop(100%, rgba(2, 35, 57, 1)));
    background: -webkit-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -o-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -ms-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: linear-gradient(to bottom, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0e3d5c', endColorstr='#022339', GradientType=0);
    font-size: 18px;
    color: #fff!important
}

.mat-bottom-sheet-container-xlarge .mat-raised-button:hover {
    background: rgba(23, 174, 255, 1);
    background: -moz-linear-gradient(top, rgba(23, 174, 255, 1) 0%, rgba(20, 161, 255, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(23, 174, 255, 1)), color-stop(100%, rgba(20, 161, 255, 1)));
    background: -webkit-linear-gradient(top, rgba(23, 174, 255, 1) 0%, rgba(20, 161, 255, 1) 100%);
    background: -o-linear-gradient(top, rgba(23, 174, 255, 1) 0%, rgba(20, 161, 255, 1) 100%);
    background: -ms-linear-gradient(top, rgba(23, 174, 255, 1) 0%, rgba(20, 161, 255, 1) 100%);
    background: linear-gradient(to bottom, rgba(23, 174, 255, 1) 0%, rgba(20, 161, 255, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#17aeff', endColorstr='#14a1ff', GradientType=0)
}

.adminlisttable .notebtncls {
    background: url(../images/listingaddnotes.png) no-repeat center center!important;
    background-size: 100%!important;
    width: 25px!important;
    height: 25px!important;
    font-size: 0;
    box-shadow: none!important;
    border-radius: 0;
    padding: 0;
    margin: 4px;
    min-width: inherit
}

.followupcallnotes button {
    background: url(../images/listingaddnotes.png) no-repeat center center!important;
    background-size: 100%!important;
    width: 25px!important;
    height: 25px!important;
    font-size: 0;
    box-shadow: none!important;
    border-radius: 0;
    padding: 0;
    margin: 4px;
    min-width: inherit
}

.adminlisttable .cdk-column-Actions section {
    display: inline-block;
    margin: 0 1px
}

.adminlisttable .OtherActions .mat-raised-button {
    background: url(../images/listingotthericon.png) no-repeat center center!important;
    background-size: 100%!important;
    width: 25px!important;
    height: 25px!important;
    font-size: 0;
    box-shadow: none!important;
    border-radius: 0;
    padding: 0;
    min-width: inherit;
    margin: 2px 4px
}

.lib-pager-class .mat-card mat-label {
    margin-right: 10px
}

.lib-pager-class {
    clear: inherit!important;
    float: none!important;
    text-align: center;
    margin-top: 16px
}

.lib-pager-class .mat-form-field {
    width: 70px;
    margin: 0 6px;
    text-align: center
}

.lib-pager-class .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
    display: none!important
}

.lib-pager-class .mat-form-field .mat-form-field-flex {
    border: 1px solid #e4e4e4;
    padding: 0 5px;
    border-radius: 4px
}

.lib-pager-class .mat-form-field .mat-form-field-appearance-legacy .mat-form-field-underline {
    height: 0
}

.lib-pager-class .mat-form-field .mat-form-field-underline {
    display: none
}

.lib-pager-class:last-of-type {
    margin-top: 25px!important
}

.togglesearchcls {
    background: #f1f1f1;
    border-radius: 10px;
    border: solid 1px #d0d0d0;
    padding-top: 15px;
    padding-bottom: 15px
}

.togglesearchcls .searchbtncls {
    display: flex;
    justify-content: center;
    width: 100%;
    align-items: center
}

.togglesearchcls .search_class {
    display: flex;
    width: auto;
    align-items: center
}

.adminlisttable .togglesearchcls .add_button {
    text-align: center;
    background: rgba(48, 200, 251, 1);
    background: -moz-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(48, 200, 251, 1)), color-stop(100%, rgba(32, 163, 219, 1)));
    background: -webkit-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -o-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -ms-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: linear-gradient(to bottom, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#30c8fb', endColorstr='#20a3db', GradientType=0);
    font-size: 22px;
    color: #fff;
    padding: 4px;
    width: 40px;
    border-radius: 100px;
    height: 40px;
    min-width: inherit
}

.togglesearchcls .searchbtncls .material-icons {
    width: 40px;
    border-radius: 50%;
    background: rgba(48, 200, 251, 1);
    background: -moz-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(48, 200, 251, 1)), color-stop(100%, rgba(32, 163, 219, 1)));
    background: -webkit-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -o-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -ms-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: linear-gradient(to bottom, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#30c8fb', endColorstr='#20a3db', GradientType=0);
    height: 40px;
    margin: auto;
    text-align: center;
    line-height: 40px;
    justify-content: center;
    align-items: center;
    color: #fff;
    margin: 0 20px 0 0;
    font-size: 30px
}

.CustomButtonListen_div {
    padding: 0!important
}

.buttonsearch_div {
    padding: 0!important
}

.buttonSearchDatacls_div {
    padding: 0!important
}

.searchbar .mat-form-field {
    width: 32%;
    margin: 0 .5%!important
}

.adminlisttable .searchbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    height: auto
}

.searchbar .mat-form-field .mat-form-field-flex {
    display: inline-flex;
    align-items: baseline;
    box-sizing: border-box;
    width: 100%;
    border: .5px solid #bdbdbd;
    border-radius: 2px 2px 0 0;
    padding: 0 10px 3px;
    background: #fff
}

.example-button-row {
    text-align: right;
    padding-bottom: 10px
}

.example-button-row button {
    background: rgba(14, 61, 92, 1);
    background: -moz-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(14, 61, 92, 1)), color-stop(100%, rgba(2, 35, 57, 1)));
    background: -webkit-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -o-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -ms-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: linear-gradient(to bottom, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0e3d5c', endColorstr='#022339', GradientType=0);
    font-size: 18px;
    color: #fff!important;
    margin: 2px 0;
    padding: 5px 15px;
    text-transform: capitalize
}

.mat-progress-bar {
    z-index: 9
}

.loaderprogress {
    position: fixed!important
}

.mat-progress-bar.mat-warn .mat-progress-bar-fill::after {
    background-color: #0071bc!important
}

.mat-progress-bar.mat-warn .mat-progress-bar-background {
    fill: #fae81e!important
}

.mat-progress-bar.mat-warn .mat-progress-bar-buffer {
    background-color: #fae81e!important
}

.mat-progress-bar-buffer {
    background-color: #0071bc!important
}

.mat-progress-bar-fill:after {
    background-color: #fae81e!important
}

.mat-raised-button[disabled][disabled] {
    background-color: rgba(0, 0, 0, .12);
    opacity: .4;
    cursor: not-allowed
}

.admindashboard_block1 {
    box-shadow: none!important;
    border-radius: 0!important;
    border: none!important;
    margin: 0 auto!important;
    padding: 0!important;
    display: flex!important;
    flex-wrap: wrap!important;
    justify-content: space-between!important;
    width: 95%!important;
    margin-bottom: 20px!important
}

.admindashboard_block1 .admindashboard_block1 {
    width: 100%!important
}

.admindashboard_block1_wrapper {
    width: 32.5%;
    box-shadow: 0 2px 13px 0 rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12)!important;
    background: #fff;
    margin: 0!important;
    padding: 0!important;
    border-radius: 5px
}

.admindashboard_block1_wrapper_con {
    padding: 10px;
    position: relative
}

.admindashboard_block5 {
    box-shadow: none!important;
    border-radius: 0!important;
    border: none!important;
    margin: 0 auto!important;
    padding: 0!important;
    justify-content: space-between!important;
    width: 95%!important;
    margin-bottom: 20px!important
}

.admindashboard_block5_wrapper {
    box-shadow: 0 2px 13px 0 rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12)!important;
    background: #fff;
    margin: 0!important;
    padding: 0!important;
    border-radius: 5px
}

.admindashboard_block5_wrapper_con {
    padding: 10px;
    position: relative
}

.admindashboard_block5_wrapper .devider1 {
    background: #08a298;
    background: linear-gradient(90deg, rgba(8, 162, 152, 1) 0%, rgba(74, 96, 164, 1) 100%);
    width: 100%;
    height: 5px;
    border-top: solid 5px #fff
}

.admindashboard_block5_wrapper h1 {
    margin: 0;
    padding: 10px;
    text-align: center;
    background: #08a298;
    background: linear-gradient(90deg, rgba(8, 162, 152, 1) 0%, rgba(74, 96, 164, 1) 100%);
    border-radius: 5px 5px 0 0;
    color: #f4f1f1;
    font-size: 26px;
    font-weight: 400
}

.admindashboard_block1_wrapper_con .dashboard_grid_h4wrapper_info {
    margin: 0;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-direction: column
}

.admindashboard_block1_wrapper_con .mat-card-content mat-card-content {
    display: block
}

.tabledivcom .main_practice_block {
    display: none
}

.tabledivcom .main_practice_block:first-child {
    display: block
}

.tabledivcom .main_practice_block2 {
    display: none
}

.tabledivcom .main_practice_block2:first-child {
    display: block
}

.tabledivcom .main_practice_block3 {
    display: none
}

.tabledivcom9 .main_practice_block3 {
    display: none
}

.tabledivcom9 .main_practice_block4 {
    display: none
}

.tabledivcom9 .main_practice_block3:first-child {
    display: block
}

.tabledivcom9 .main_practice_block4:first-child {
    display: block
}

.tabledivcom .main_practice_block3:first-child {
    display: block
}

.tabledivcom .main_practice_block4 {
    display: none
}

.tabledivcom .main_practice_block4:first-child {
    display: block
}

.main_practice_block5 {
    display: none
}

.main_practice_block5:first-child {
    display: block
}

.main_practice_block4 {
    display: none
}

.main_practice_block4:first-child {
    display: block
}

.tabledivcom2 .main_practice_block5 {
    display: none
}

.tabledivcom2 .main_practice_block5:first-child {
    display: block
}

.tabledivcom4 .main_practice_block6 {
    display: none
}

.tabledivcom4 .main_practice_block6:first-child {
    display: block
}

.main_practice_block7 {
    display: none
}

.main_practice_block7:first-child {
    display: block
}

.main_practice_block7 {
    display: none
}

.main_practice_block7:first-child {
    display: block
}

.main_practice_block8 {
    display: none
}

.main_practice_block8:first-child {
    display: block
}

.main_practice_block8 {
    display: none
}

.main_practice_block8:first-child {
    display: block
}

.main_practice_block9 {
    display: none
}

.main_practice_block9:first-child {
    display: block
}

.main_practice_block9 {
    display: none
}

.main_practice_block9:first-child {
    display: block
}

.admindashboard_block1_wrapper h1 {
    margin: 0;
    padding: 10px;
    text-align: center;
    background: #08a298;
    background: linear-gradient(90deg, rgba(8, 162, 152, 1) 0%, rgba(74, 96, 164, 1) 100%);
    border-radius: 5px 5px 0 0;
    color: #f4f1f1;
    font-size: 26px;
    font-weight: 400
}

.admindashboard_block1_wrapper .devider1 {
    background: #08a298;
    background: linear-gradient(90deg, rgba(8, 162, 152, 1) 0%, rgba(74, 96, 164, 1) 100%);
    width: 100%;
    height: 5px;
    margin-top: 5px
}

.toogle_griid {
    display: block!important;
    text-align: right;
    margin: 0!important
}

.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
    background-color: #4cbfb8!important
}

.mat-slide-toggle-thumb {
    background-color: #4cbfb8!important
}

.activedistributors_grid_deviderimgblock {
    position: relative
}

.activedistributors_grid_devider {
    width: 100%;
    height: 120px;
    border-radius: 8px 8px 0 0
}

.admindashboard_block1_wrapper:nth-child(1) .activedistributors_grid_devider {
    background: #2abbd3;
    background: linear-gradient(90deg, rgba(42, 187, 211, 1) 0%, rgba(48, 153, 198, 1) 100%)
}

.admindashboard_block1_wrapper:nth-child(2) .activedistributors_grid_devider {
    background: #1b7e98;
    background: linear-gradient(90deg, rgba(27, 126, 152, 1) 0%, rgba(31, 103, 142, 1) 100%)
}

.admindashboard_block1_wrapper:nth-child(3) .activedistributors_grid_devider {
    background: #166b80;
    background: linear-gradient(90deg, rgba(22, 107, 128, 1) 0%, rgba(27, 86, 118, 1) 100%)
}

.activedistributors_grid_user {
    width: 120px;
    height: 120px;
    background: #b5c0ca;
    padding: 0;
    overflow: hidden;
    border-radius: 100px;
    display: block!important;
    margin-left: auto!important;
    margin-right: auto!important;
    margin-top: -75px!important;
    border: solid 2px #27b3cc!important
}

.activedistributors_grid_user img {
    width: 100%;
    object-fit: cover;
    margin-top: 0;
    height: 98%;
    border-radius: 100px
}

.activedistributors_grid h2 {
    text-align: center;
    margin: 0;
    padding: 10px 0 0;
    font-size: 26px;
    color: #141819;
    font-weight: 400
}

.activedistributors_grid h3 {
    text-align: center;
    margin: 0;
    padding: 5px 0 15px;
    font-size: 14px;
    color: #141819;
    font-weight: 400
}

.activedistributors_grid h4 {
    border-bottom: solid 1px #fff;
    margin: 1px 0;
    padding: 0 5px;
    text-align: center;
    font-size: 16px;
    color: #141819;
    font-weight: 400;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.activedistributors_grid h4 strong {
    font-weight: 400;
    color: #126c6f;
    display: inline-block;
    width: 50%;
    text-align: left
}

.activedistributors_grid h4 span {
    display: inline-block;
    width: 49%;
    text-align: left;
    padding-left: 1%;
    word-break: break-all
}

.activedistributors_grid h4 span span {
    width: auto;
    padding-left: 10px
}

.activedistributors_grid h4 span span:first-of-type {
    padding: 0
}

.dashboard_grid_btnfooter2 {
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 25px;
    text-align: center
}

.dashboard_grid_btnfooter2 button {
    display: block;
    font-size: 18px;
    line-height: 44px;
    min-width: 140px;
    text-align: center;
    background: rgba(14, 61, 92, 1);
    background: -moz-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(14, 61, 92, 1)), color-stop(100%, rgba(2, 35, 57, 1)));
    background: -webkit-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -o-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -ms-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: linear-gradient(to bottom, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0e3d5c', endColorstr='#022339', GradientType=0);
    font-size: 20px;
    color: #fff;
    font-family: 'OpenSansSemiBold';
    text-decoration: none;
    outline: none;
    margin: 0 auto;
    cursor: pointer;
    border: none;
    border-radius: 5px
}

.dashboard_grid_btnfooter2 .buttonsub {
    display: inline-block;
    min-width: 120px;
    width: auto;
    padding: 0 10px;
    margin: 0 2px!important;
    line-height: 44px;
    text-align: center;
    background: rgba(14, 61, 92, 1);
    background: -moz-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(14, 61, 92, 1)), color-stop(100%, rgba(2, 35, 57, 1)));
    background: -webkit-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -o-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -ms-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: linear-gradient(to bottom, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0e3d5c', endColorstr='#022339', GradientType=0);
    font-size: 18px;
    color: #fff;
    font-family: 'OpenSansSemiBold';
    text-decoration: none;
    outline: none;
    cursor: pointer;
    border: none;
    border-radius: 5px
}

.dashboard_grid_btnfooter2 .buttonsub2 {
    display: inline-block;
    width: 120px;
    margin: 0 2px!important;
    height: 44px;
    text-align: center;
    background: rgba(14, 61, 92, 1);
    background: -moz-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(14, 61, 92, 1)), color-stop(100%, rgba(2, 35, 57, 1)));
    background: -webkit-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -o-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -ms-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: linear-gradient(to bottom, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0e3d5c', endColorstr='#022339', GradientType=0);
    font-size: 18px;
    color: #fff;
    font-family: 'OpenSansSemiBold';
    text-decoration: none;
    outline: none;
    cursor: pointer;
    border: none;
    border-radius: 5px
}

.dashboard_grid_btnfooter2 .buttonsub2 button {
    background: url(../images/appointments_BTN.png) no-repeat center center;
    background-size: 30px;
    width: 120px;
    height: 44px;
    padding: 0;
    min-width: inherit
}

.dashboard_grid_btnfooter2_BTN2 {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center
}

.dashboard_grid_btnfooter {
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 15px;
    text-align: center
}

.dashboard_grid_btnfooter button {
    display: block;
    font-size: 18px;
    line-height: 44px;
    min-width: 140px;
    text-align: center;
    background: rgba(14, 61, 92, 1);
    background: -moz-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(14, 61, 92, 1)), color-stop(100%, rgba(2, 35, 57, 1)));
    background: -webkit-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -o-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -ms-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: linear-gradient(to bottom, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0e3d5c', endColorstr='#022339', GradientType=0);
    font-size: 20px;
    color: #fff;
    font-family: 'OpenSansSemiBold';
    text-decoration: none;
    outline: none;
    margin: 0 auto;
    cursor: pointer;
    border: none;
    border-radius: 5px
}

.dashboard_grid_btnfooter .buttonsub {
    display: inline-block;
    min-width: 120px;
    width: auto;
    padding: 0 10px;
    margin: 1px!important;
    line-height: 44px;
    text-align: center;
    background: rgba(14, 61, 92, 1);
    background: -moz-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(14, 61, 92, 1)), color-stop(100%, rgba(2, 35, 57, 1)));
    background: -webkit-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -o-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -ms-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: linear-gradient(to bottom, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0e3d5c', endColorstr='#022339', GradientType=0);
    font-size: 18px;
    color: #fff;
    font-family: 'OpenSansSemiBold';
    text-decoration: none;
    outline: none;
    cursor: pointer;
    border: none;
    border-radius: 5px
}

.dashboard_grid_h4wrapper_infoconwrapper {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-direction: column
}

.dashboard_grid_h4wrapper_info {
    background: #f0f0f1;
    min-height: 375px;
    border-radius: 0 0 8px 8px
}

.hidetwoclass .tabledivcom3 {
    min-height: 310PX
}

.hidetwoclass .dashboard_grid_h4wrapper_info {
    background: #f0f0f1;
    min-height: 336px;
    border-radius: 0 0 8px 8px
}

.Training_Data_block {
    box-shadow: 0 2px 13px 0 rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12)!important;
    background: #fff;
    margin: 0 auto!important;
    padding: 0!important;
    border-radius: 5px;
    width: 95%!important
}

.Training_Data_block h1 {
    margin: 0;
    padding: 10px;
    text-align: center;
    background: #08a298;
    background: linear-gradient(90deg, rgba(8, 162, 152, 1) 0%, rgba(74, 96, 164, 1) 100%);
    border-radius: 5px 5px 0 0;
    color: #f4f1f1;
    font-size: 26px;
    font-weight: 400
}

.Training_Data_block .devider1 {
    background: #08a298;
    background: linear-gradient(90deg, rgba(8, 162, 152, 1) 0%, rgba(74, 96, 164, 1) 100%);
    width: 100%;
    height: 5px;
    border-top: solid 5px #fff
}

.Training_Data_block .admindashboard_block2_wrapper {
    box-shadow: none!important;
    border: solid 1px #f0f0f1!important;
    width: 31.5%;
    padding: .5%!important;
    display: flex;
    flex-direction: column
}

.admindashboard_block2_wrappercenter {
    justify-content: space-between
}

.admindashboard_block2 .actionbuttonwrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.admindashboard_block2 .actionbuttonwrapper .actionbuttonwrapperspan {
    margin-left: 5px
}

.Training_Data_block .admindashboard_block2 {
    margin-top: 20px!important;
    margin-bottom: 30px!important;
    padding: 0 1%!important;
    background: none!important;
    width: auto!important;
    padding-bottom: 20px!important
}

.Training_Data_block .admindashboard_block2_wrapper:nth-of-type(even) {
    background: #f0f0f1
}

.Training_Data_block .TrainingProgress_wrapper_box {
    position: inherit;
    right: 0;
    top: 0;
    background: #fff;
    width: 250px;
    border-radius: 160px;
    height: 250px;
    display: block;
    margin: 0 auto
}

.Training_Data_block mat-progress-spinner {
    width: 200px;
    height: 200px;
    background: #eaeaef;
    border-radius: 100%;
    top: 0;
    border: solid 1px #cbcbd4
}

.Training_Data_block .mat-progress-bar-buffer {
    background-color: #c0e6e8!important
}

.Training_Data_block .mat-progress-bar-fill:after {
    background-color: #16949b!important
}

.Training_Data_block .TrainingProgress_btndiv_wrapper {
    height: auto;
    padding: 10px!important;
    text-align: center;
    display: block
}

.Training_Data_block .TrainingProgress_wrapper {
    border-radius: 0 0 8px 8px;
    margin-top: 25px!important;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #129fa0
}

.Training_Data_block .TrainingProgress_wrapper .TrainingProgress_btndiv:first-of-type {
    border-radius: 0;
    border-radius: 0 0 8px 8px
}

.Training_Data_block .TrainingProgress_wrapper .TrainingProgress_btndiv {
    height: auto;
    padding: 0!important;
    text-align: center;
    width: 50%
}

.Training_Data_block .TrainingProgress_wrapper .TrainingProgress_btndiv button {
    font-size: 24px
}

.Training_Data_block .TrainingProgress_wrapper .TrainingProgress_btndiv:last-of-type {
    border-radius: 0;
    margin: 0;
    border: none;
    margin: 0!important;
    border-radius: 0 0 8px 8px
}

.Training_Data_block .mat-progress-spinner circle,
.Training_Data_block .mat-spinner circle {
    stroke: #16949b!important
}

.Training_Data_block .admindashboard_block2_wrapper .mat-progress-bar {
    margin: 0!important;
    height: 15px!important;
    border: 1px solid #c8c8c8;
    border-radius: 50px
}
.Showing_tlist{display: block;
    text-align: center;
    padding: 10px 0;
}
.progress_div_wrapper .Showing_tlist{display: block;
    text-align: center;
    padding: 10px 0;}

    .progress_div_wrapper .Showing_alllist{display: block;
        font-size: 18px;
        line-height: 44px;
        min-width: 140px;
        text-align: center;
        background: rgba(14, 61, 92, 1);
        background: -moz-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(14, 61, 92, 1)), color-stop(100%, rgba(2, 35, 57, 1)));
        background: -webkit-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
        background: -o-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
        background: -ms-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
        background: linear-gradient(to bottom, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0e3d5c', endColorstr='#022339', GradientType=0);
        font-size: 20px;
        color: #fff;
        font-family: 'OpenSansSemiBold';
        text-decoration: none;
        outline: none;
        margin: 0 auto;
        cursor: pointer;
        border: none;
        border-radius: 5px;}

.progress_div_wrapper {
    padding: 10px;
    border-radius: 10px;
    background: #fff;
    cursor: pointer
}

.progress_div_wrapper:nth-of-type(odd) {
    background: #f0f0f1
}

.Training_Data_block .categoryname {
    color: #252525;
    font-size: 16px;
    margin-bottom: 10px;
    font-family: 'OpenSansSemiBold'
}

.Training_Data_block .progresspercentagecls {
    float: right;
    font-family: 'OpenSansSemiBold';
    font-size: 20px
}

.Training_Data_block .progresspercentagecls2 {
    font-family: 'OpenSansSemiBold';
    font-size: 16px
}

.Training_Data_block .admindashboard_block2 h2 {
    margin: 0;
    padding: 10px;
    margin-bottom: 15px;
    text-align: center;
    font-family: 'OpenSansSemiBold';
    font-size: 16px;
    color: #fff;
    line-height: 22px;
    background: #08a298;
    background: linear-gradient(90deg, rgba(8, 162, 152, 1) 0%, rgba(74, 96, 164, 1) 100%);
    border-radius: 5px
}

.distributorListdatatablecss .mat-card {
    box-shadow: none!important;
    border-radius: 0!important;
    border: none!important;
    margin: 0!important;
    padding: 0!important
}

.distributorListdatatablecss thead th span {
    display: flex;
    align-self: center
}

.distributorListdatatablecss .lib-pager-class {
    display: none!important
}

.distributorListdatatablecss .lib-pager-class:last-of-type {
    padding-bottom: 15px;
    margin-top: 15px!important;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center
}

.distributorListdatatablecss .lib-pager-class .ng-tns-c7-0 {
    margin-top: 3px
}

.distributorListdatatablecss .togglesearchcls {
    background: none;
    border-radius: 0;
    border: none;
    padding-top: 0
}

.distributorListdatatablecss .searchbtncls .material-icons {
    display: none
}

.distributorListdatatablecss .mat-form-field-wrapper {
    padding-bottom: 0!important
}

.distributorListdatatablecss .mat-form-field-underline {
    display: none
}

.distributorListdatatablecss .tablewrapper {
    margin-top: 10px!important;
    overflow-x: scroll
}

.distributorListdatatablecss .searchbar .mat-form-field {
    width: 100%;
    margin: 0!important;
    border: none!important;
    background: none!important
}

.distributorListdatatablecss .searchbar .mat-form-field .mat-form-field-flex {
    display: inline-flex;
    align-items: baseline;
    box-sizing: border-box;
    width: 100%;
    border: none;
    border-radius: 0;
    padding: 0;
    background: none
}

.distributorListdatatablecss .searchicon {
    margin-top: -6px;
    float: left
}

.distributorListdatatablecss .mat-form-field-infix {
    border-top: 0 solid transparent
}

.distributorListdatatablecss .mat-form-field-should-float label {
    top: 25px!important;
    color: #000
}

.distributorListdatatablecss table {
    box-shadow: none!important;
    margin-left: 0!important;
    margin-right: 0!important;
    width: 100%!important;
    border: solid 1px #efefef
}

.distributorListdatatablecss thead {
    background: #efefef!important
}

.distributorListdatatablecss tr td {
    font-size: 12px;
}

.distributorListdatatablecss tr {
    position: relative!important
}

.distributorListdatatablecss tr td {
    position: relative!important;
    z-index: 9
}

.distributorListdatatablecss tr td:nth-of-type(2) {
    position: initial!important
}

.distributorListdatatablecss tr td .blankdivconred {
    position: relative!important;
    z-index: 9
}

.distributorListdatatablecss tr td .blankdivconYellow {
    position: relative!important;
    z-index: 9
}

.distributorListdatatablecss tr td .blankdivconYellowattende {
    background: #fbea44;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.distributorListdatatablecss tr td .blankdivconredattende {
    background: #ec9b9b;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.progressbardiv {
    position: absolute;
    top: -5px;
    width: 100%;
    left: 0;
    height: 10px;
    margin-bottom: 0!important
}

.tabledivcom {
    padding-bottom: 65px;
    min-height: 340px
}

.distributorListdatatablecss tfoot {
    display: none
}

.distributorListdatatablecss table tr:nth-of-type(even) {
    background: #fbf9f9
}

.admindashboard_graph {
    box-shadow: none!important;
    border-radius: 0!important;
    border: none!important;
    margin: 0 auto!important;
    padding: 0!important;
    display: flex!important;
    flex-wrap: wrap!important;
    justify-content: space-between!important;
    width: 95%!important
}

.admindashboard_graph_wrapper {
    width: 49.3%;
    box-shadow: 0 2px 13px 0 rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12)!important;
    background: #fff;
    margin: 0!important;
    padding: 0!important;
    border-radius: 5px;
    margin-bottom: 20px!important
}

.admindashboard_graph_wrapper_con {
    padding: 10px;
    position: relative
}

.admindashboard_graph_wrapper h1 {
    margin: 0;
    padding: 10px;
    text-align: center;
    background: #08a298;
    background: linear-gradient(90deg, rgba(8, 162, 152, 1) 0%, rgba(74, 96, 164, 1) 100%);
    border-radius: 5px 5px 0 0;
    color: #f4f1f1;
    font-size: 26px;
    font-weight: 400
}

.admindashboard_graph_wrapper .devider1 {
    background: #08a298;
    background: linear-gradient(90deg, rgba(8, 162, 152, 1) 0%, rgba(74, 96, 164, 1) 100%);
    width: 100%;
    height: 5px;
    margin-top: 5px
}

.graphcounttop .graphcounttext {
    display: block;
    background: url(../images/graph_top.png) no-repeat left center;
    padding: 10px 0 10px 38px;
    color: #3871a0;
    font-size: 18px;
    font-weight: 400;
    font-family: 'OpenSansSemiBold'
}

.graphcountbottom {
    text-align: right
}

.graphcountbottom .graphcounttext {
    display: block;
    background: url(../images/graph_bottom.png) no-repeat right top;
    padding: 32px 0 0;
    color: #3871a0;
    font-size: 18px;
    font-weight: 400;
    font-family: 'OpenSansSemiBold'
}

.togglebuttondiv {
    width: 115px;
    float: right
}

.togglebuttondiv span {
    display: inline-block;
    float: left;
    margin: 3px 0 0
}

.togglebuttondiv1 {
    width: 100px;
    float: right!important;
    display: block!important
}

.togglebuttondiv1 span {
    display: inline-block;
    float: left;
    margin: 3px 0 0
}

.mat-slide-toggle-label {
    margin-top: -4px
}

.togglebuttondiv1 .togglebuttondiv1 span {
    display: inline-block;
    float: left;
    margin: 4px 0 0
}

.admindashboard_block2 {
    box-shadow: none!important;
    border-radius: 0!important;
    border: none!important;
    margin: 0 auto!important;
    padding: 0!important;
    display: flex!important;
    flex-wrap: wrap!important;
    justify-content: space-between!important;
    width: 95%!important;
    margin-bottom: 20px!important
}

.admindashboard_block2_wrapper {
    width: 32.5%;
    box-shadow: 0 2px 13px 0 rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12)!important;
    background: #fff;
    margin: 0!important;
    padding: 0!important;
    border-radius: 5px
}

.admindashboard_block2_wrapper_con {
    padding: 10px;
    position: relative;
    height: 86%
}

.admindashboard_block2_wrapper_con .dashboard_grid_h4wrapper_info2 {
    margin: 0;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-direction: column
}

.admindashboard_block2_wrapper_con .mat-card-content mat-card-content {
    display: block;
    margin-bottom: 0!important
}

.mat-card-actions,
.mat-card-content,
.mat-card-subtitle {
    display: block;
    margin-bottom: 0
}

.admindashboard_block2_wrapper h1 {
    margin: 0;
    padding: 10px;
    text-align: center;
    background: #08a298;
    background: linear-gradient(90deg, rgba(8, 162, 152, 1) 0%, rgba(74, 96, 164, 1) 100%);
    border-radius: 5px 5px 0 0;
    color: #f4f1f1;
    font-size: 26px;
    font-weight: 400
}

.admindashboard_block2_wrapper .devider1 {
    background: #08a298;
    background: linear-gradient(90deg, rgba(8, 162, 152, 1) 0%, rgba(74, 96, 164, 1) 100%);
    width: 100%;
    height: 5px;
    border-top: solid 5px #fff
}

.admindashboard_sharelinkblock {
    box-shadow: none!important;
    border: none!important;
    margin: 0 auto!important;
    padding: 0!important;
    display: flex!important;
    flex-wrap: wrap!important;
    justify-content: space-between!important;
    width: 95%!important;
    margin-bottom: 20px!important;
    box-shadow: 0 2px 13px 0 rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12)!important;
    background: #fff;
    border-radius: 5px!important
}

.admindashboard_sharelinkblock h1 {
    margin: 0;
    padding: 10px;
    text-align: left;
    background: #08a298;
    background: linear-gradient(90deg, rgba(8, 162, 152, 1) 0%, rgba(74, 96, 164, 1) 100%);
    border-radius: 5px 5px 0 0;
    width: 100%;
    color: #f4f1f1;
    font-size: 26px;
    font-weight: 400
}

.admindashboard_sharelinkblock .devider1 {
    background: #08a298;
    background: linear-gradient(90deg, rgba(8, 162, 152, 1) 0%, rgba(74, 96, 164, 1) 100%);
    width: 100%;
    height: 5px;
    margin-top: 5px
}

.code_conduct_wrapper h2 {
    font-size: 18px;
    font-family: 'OpenSansSemiBold';
    text-align: center;
    margin-top: 40px;
    margin-bottom: 20px
}

.code_conduct_wrapper input {
    padding: 0 10px;
    background: none;
    border: none;
    border-bottom: 1px solid #000;
    height: 40px
}

.code_conduct_wrapper input:focus {
    outline: none
}

.code_conduct_wrapper .signature_wrapper input {
    width: 70%
}

.code_conduct_wrapper .signature_wrapper input:nth-last-of-type(1) {
    width: 60%
}

.code_conduct_wrapper .signature_wrapper .digital_signature {
    font-family: 'Caveat', cursive;
    font-size: 44px;
    color: #000
}

.footer_contractform .bottom_form_section {
    font-family: 'OpenSansRegular';
    font-size: 16px
}

.footer_contractform .bottom_form_section input {
    padding: 0 10px;
    background: none;
    border: none;
    border-bottom: 1px solid #000;
    margin: 5px 0
}

.footer_contractform .bottom_form_section .by {
    width: 60%
}

.footer_contractform .bottom_form_section .print {
    width: 52%
}

.footer_contractform .bottom_form_section .title {
    width: 59%
}

.footer_contractform .bottom_form_section .date {
    width: 58%
}

.footer_contractform .bottom_form_section .nex_right_inp {
    width: 64%
}

.footer_contractform .bottom_form_section input:focus {
    outline: none
}

.searchbar_jobticketlist .mat-toolbar-row {
    height: initial!important;
    display: flex!important;
    flex-wrap: wrap!important;
    position: relative;
    justify-content: center!important
}

.searchbar_jobticketlist .search_class {
    position: absolute;
    top: 98px;
    right: 324px
}

.searchbar_jobticketcatagory .mat-toolbar-row {
    height: initial!important;
    display: flex!important;
    flex-wrap: wrap!important;
    position: relative;
    justify-content: center!important
}

.searchbar_jobticketcatagory .search_class {
    position: absolute;
    top: 29px;
    right: 21px
}

.jobticket_wrappermain {
    justify-content: center;
    flex-wrap: wrap;
    margin: 70px;
    padding: 18px;
    background: #dedad6!important
}

.jobticket_view {
    border: none!important;
    box-shadow: none!important;
    outline: none!important;
    border-radius: 0!important;
    padding: 0!important;
    min-height: 780px
}

.jobticket {
    border: none!important;
    box-shadow: none!important;
    outline: none!important;
    border-radius: 0!important
}

.jobticket_header {
    background: #08a298;
    background: linear-gradient(90deg, rgba(8, 162, 152, 1) 0%, rgba(74, 96, 164, 1) 100%);
    display: flex;
    padding: 10px;
    justify-content: space-between;
    align-items: center
}

.jobticket_header .mat-button {
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    outline: 0;
    border: none;
    -webkit-tap-highlight-color: transparent;
    display: inline-block;
    white-space: nowrap;
    text-decoration: none;
    vertical-align: baseline;
    text-align: center;
    margin: 0;
    min-width: 64px;
    font-family: 'OpenSansSemiBold';
    line-height: 33px;
    padding: 0 16px;
    border-radius: 4px;
    overflow: visible;
    width: 150px;
    height: 33px;
    font-size: 12px;
    font-weight: 600;
    padding: 0 18px 0 8px!important;
    background: linear-gradient(180deg, rgba(218, 218, 218, 1) 0%, rgba(139, 139, 139, 1) 100%);
    color: #000;
    margin-top: 3px
}

.jobticket_header .mat-icon {
    background-repeat: no-repeat;
    display: inline-block;
    fill: currentColor;
    height: 24px;
    width: 22px;
    float: right;
    position: absolute;
    top: 6px;
    font-size: 21px
}

.jobticket_header p {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    font-family: 'OpenSansSemiBold';
    margin: 8px 0 5px 5px !important
}

.jobticket_description {
    font-size: 14px;
    margin-left: 6px;
    font-weight: 500
}

.jobticket_body {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 15px
}

.subpart_left {
    width: 30%;
    background: #e5e1e1!important;
    margin: 0
}

.subpart_left_header {
    background: linear-gradient(0deg, #ffc400, #ffe200)!important;
    font-size: 19px;
    margin: 0;
    height: 40px
}

.subpart_left_header p {
    color: #000;
    font-weight: 400;
    margin: 0!important;
    padding: 9px
}

.subpart_left_header_span {
    float: right;
    font-size: 15px;
    font-weight: 600;
    margin-top: 3px
}

.jobticketimg {
    width: 100%;
    border: solid 1px #fff
}

.subpart_left_block_img {
    width: 36%
}

.subpart_left_block {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 10px;
    align-items: center
}

.subpart_left_block_description {
    line-height: 22px;
    width: 60%
}

.subpart_left_block_description p {
    color: #38bbe9;
    margin: 0;
    font-size: 18px;
    font-family: 'OpenSansSemiBold'
}

.subpart_left_block_description .subdescription {
    color: #5d5a5a;
    font-size: 16px!important;
    font-weight: 500!important;
    margin: 5px 0;
    display: block;
    padding: 0
}

.jobticket .rightbox {
    background: #e5e1e1!important;
    width: 69%;
    padding-bottom: 15px
}

.jobticket .rightbox_header {
    background: #190505;
    font-size: 19px;
    margin: 10px;
    font-family: 'OpenSansSemiBold'
}

.rightbox_header p {
    color: #fff;
    font-weight: 600;
    padding: 9px;
    margin: 0!important
}

.jobticket .rightbox_description {
    font-weight: 400
}

.jobticket .description {
    margin-left: 16px;
    line-height: 35px;
    margin-right: 16px;
    position: relative;
    font-size: 16px
}

.jobticket .description p strong {
    font-family: 'OpenSansSemiBold';
    color: #19404c
}

.description_button {
    width: 100px;
    height: 30px;
    background: rgba(48, 200, 251, 1);
    background: -moz-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(48, 200, 251, 1)), color-stop(100%, rgba(32, 163, 219, 1)));
    background: -webkit-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -o-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -ms-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: linear-gradient(to bottom, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#30c8fb', endColorstr='#20a3db', GradientType=0);
    border: none;
    border-radius: 5px;
    color: #fff;
    font-weight: 600;
    top: 93px;
    right: 20px;
    cursor: pointer;
    outline: none
}

.uploadblock .form {
    background: #f5f3f3;
    padding: 5px;
    border-bottom: 1px solid #aaa6a6;
    margin: 29px 11px 11px!important
}

.rightbox .description_footer {
    background: #fff;
    margin: 16px;
    display: flex
}

.rightbox .description_footer:last-of-type {
    margin-bottom: 0
}

.footerdescriptionjobticket {
    padding: 15px
}

.footerdescriptionjobticket p {
    margin: 0;
    padding: 0
}

.activedistributors_grid2 h4 {
    border-bottom: solid 1px #fff;
    margin: 1px 0;
    padding: 0 5px;
    font-size: 16px;
    color: #141819;
    font-weight: 400;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.wordbreakcss {
    word-break: break-all
}

.activedistributors_grid2 h4 strong {
    font-weight: 400;
    color: #126c6f;
    display: inline-block;
    width: 40%
}

.activedistributors_grid2 h4 span {
    display: inline-block;
    width: 55%
}

.activedistributors_grid2 h4 span p {
    margin: 0!important;
    padding: 0!important
}

.dashboard_grid_h4wrapper_info2 {
    background: #f0f0f1;
    min-height: 430px;
    border-radius: 0 0 8px 8px
}

.tabledivcom2 {
    padding-bottom: 50px;
    min-height: 476px;
    margin-bottom: 0!important
}

.descriptiontext {
    height: 40px;
    overflow: hidden
}

.dashboard_grid_h4wrapper_info3 {
    background: #f0f0f1;
    min-height: 320px;
    border-radius: 0 0 8px 8px
}

.dashboard_grid_h4wrapper_info4 {
    background: #f0f0f1;
    min-height: 334px;
    border-radius: 0 0 8px 8px
}

.dashboard_grid_h4wrapper_info5 {
    background: #f0f0f1;
    min-height: 280px;
    border-radius: 0 0 8px 8px
}

.sales_agreement_wrapper {
    background: url(../images/signupbg.jpg) no-repeat center!important;
    background-attachment: fixed!important;
    padding: 50px 0!important;
    box-shadow: none!important;
    border: none!important;
    border-radius: 0!important
}

.sales_agreement_wrapper_con {
    margin: 0!important
}

.sales_agreement_wrapper .sales_inner_wrapper {
    padding: 50px;
    width: 1600px;
    margin: 0 auto;
    opacity: .98;
    background: rgba(219, 220, 217, 1);
    background: -moz-linear-gradient(-45deg, rgba(219, 220, 217, 1) 0%, rgba(255, 255, 255, 1) 35%, rgba(247, 247, 247, 1) 66%, rgba(208, 209, 207, 1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(219, 220, 217, 1)), color-stop(35%, rgba(255, 255, 255, 1)), color-stop(66%, rgba(247, 247, 247, 1)), color-stop(100%, rgba(208, 209, 207, 1)));
    background: -webkit-linear-gradient(-45deg, rgba(219, 220, 217, 1) 0%, rgba(255, 255, 255, 1) 35%, rgba(247, 247, 247, 1) 66%, rgba(208, 209, 207, 1) 100%);
    background: -o-linear-gradient(-45deg, rgba(219, 220, 217, 1) 0%, rgba(255, 255, 255, 1) 35%, rgba(247, 247, 247, 1) 66%, rgba(208, 209, 207, 1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(219, 220, 217, 1) 0%, rgba(255, 255, 255, 1) 35%, rgba(247, 247, 247, 1) 66%, rgba(208, 209, 207, 1) 100%);
    background: linear-gradient(135deg, rgba(219, 220, 217, 1) 0%, rgba(255, 255, 255, 1) 35%, rgba(247, 247, 247, 1) 66%, rgba(208, 209, 207, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#dbdcd9', endColorstr='#d0d1cf', GradientType=1)
}

.contract_submit {
    background: rgba(48, 200, 251, 1);
    background: -moz-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(48, 200, 251, 1)), color-stop(100%, rgba(32, 163, 219, 1)));
    background: -webkit-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -o-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -ms-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: linear-gradient(to bottom, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#30c8fb', endColorstr='#20a3db', GradientType=0);
    border-radius: 4px;
    display: block;
    width: 190px;
    border: none;
    padding: 10px 0;
    cursor: pointer;
    font-size: 30px;
    color: #fff;
    font-family: 'RalewayBold';
    text-transform: uppercase;
    float: right
}

.distributorListdatatablecss .noFoundTextinner {
    display: none
}

.noFoundText {
    text-align: center!important;
    padding-top: 250px!important;
    color: red!important;
    background: #fff url(../images/noFoundText.gif) no-repeat center 25px!important;
    font-weight: 700!important;
    font-size: 16px!important;
    padding-bottom: 15px!important;
    border-radius: 10px!important
}

.noFoundTextinner {
    text-align: center!important;
    font-weight: 700!important;
    font-size: 16px!important;
    color: red!important;
    margin-top: 20px
}

.billable_block_arrrow {
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 34px
}

.block_arrrow_content {
    display: block!important;
    position: relative!important;
    height: 40px;
    margin-top: 15px
}

.distributorListdatatablecss .togglesearchcls {
    display: none!important
}

.adminlisttable .button_div_custom_cls {
    display: inline-block;
    float: left;
    position: relative;
    z-index: 9
}

.mat-bottom-sheet-container {
    border: solid 10px #254e6d;
    border-bottom: none;
    padding: 15px!important
}

.mat-bottom-sheet-container bottonsheet {
    padding: 10px!important;
    display: block!important;
    text-align: center
}

.mat-bottom-sheet-container bottonsheet .mat-raised-button {
    font-size: 20px!important;
    min-width: 160px!important;
    padding: 1px 15px;
    margin: 2px;
    display: inline-block;
    background: rgba(14, 61, 92, 1);
    background: -moz-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(14, 61, 92, 1)), color-stop(100%, rgba(2, 35, 57, 1)));
    background: -webkit-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -o-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -ms-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: linear-gradient(to bottom, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0e3d5c', endColorstr='#022339', GradientType=0)
}

.mat-bottom-sheet-container .bottom-sheet-header-toggle {
    margin: 0;
    padding: 15px 10px;
    text-align: center;
    background: #08a298;
    background: linear-gradient(90deg, rgba(8, 162, 152, 1) 0%, rgba(74, 96, 164, 1) 100%);
    border-radius: 5px;
    color: #f4f1f1;
    font-size: 26px;
    font-weight: 400
}

.mat-bottom-sheet-container a {
    display: block!important
}

.mat-bottom-sheet-container a .mat-list-item-content {
    background: rgba(14, 61, 92, 1);
    background: -moz-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(14, 61, 92, 1)), color-stop(100%, rgba(2, 35, 57, 1)));
    background: -webkit-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -o-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -ms-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: linear-gradient(to bottom, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0e3d5c', endColorstr='#022339', GradientType=0);
    font-size: 18px;
    color: #fff!important;
    margin: 2px 0!important;
    padding: 5px 15px!important;
    text-align: center!important
}

.mat-bottom-sheet-container a .mat-list-item-content:hover {
    background: rgba(48, 200, 251, 1);
    background: -moz-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(48, 200, 251, 1)), color-stop(100%, rgba(32, 163, 219, 1)));
    background: -webkit-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -o-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -ms-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: linear-gradient(to bottom, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#30c8fb', endColorstr='#20a3db', GradientType=0)
}

.mat-bottom-sheet-container button {
    background: rgba(14, 61, 92, 1)!important;
    background: -moz-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%)!important;
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(14, 61, 92, 1)), color-stop(100%, rgba(2, 35, 57, 1)))!important;
    background: -webkit-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%)!important;
    background: -o-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%)!important;
    background: -ms-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%)!important;
    background: linear-gradient(to bottom, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%)!important;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0e3d5c', endColorstr='#022339', GradientType=0);
    font-size: 18px;
    color: #fff!important;
    margin: 2px 5px!important;
    padding: 5px 15px!important;
    text-align: center!important;
    cursor: pointer;
    border: none;
    width: auto;
    display: inline-block!important;
    border-radius: 5px;
    line-height: 38px
}

.mat-bottom-sheet-container button .mat-list-item-content {
    display: block!important;
    padding: 0!important;
    line-height: inherit!important;
    height: auto!important
}

.mat-bottom-sheet-container button:hover {
    background: rgba(48, 200, 251, 1)!important;
    background: -moz-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%)!important;
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(48, 200, 251, 1)), color-stop(100%, rgba(32, 163, 219, 1)))!important;
    background: -webkit-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%)!important;
    background: -o-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%)!important;
    background: -ms-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%)!important;
    background: linear-gradient(to bottom, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%)!important;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#30c8fb', endColorstr='#20a3db', GradientType=0)
}

.mat-list-item-content {
    width: 100%
}

.block_arrrow_content .block_left_arrow {
    width: 40px!important;
    height: 40px;
    position: absolute;
    left: 10px;
    top: 18px;
    cursor: pointer;
    z-index: 9;
    padding: 0;
    border: none;
    background: #0d9d99;
    color: #fff;
    border-radius: 100px;
    outline: none
}

.block_arrrow_content .block_right_arrow {
    width: 40px!important;
    height: 40px;
    position: absolute;
    right: 10px;
    top: 18px;
    cursor: pointer;
    z-index: 9;
    padding: 0;
    border: none;
    background: #0d9d99;
    color: #fff;
    border-radius: 100px;
    outline: none
}

.admindashboard_block2_wrapper .block_arrrow_content .block_left_arrow {
    top: 6px
}

.admindashboard_block2_wrapper .block_arrrow_content .block_right_arrow {
    top: 6px
}

.admindashboard_alltableblock {
    box-shadow: none!important;
    border: none!important;
    margin: 0 auto!important;
    padding: 0!important;
    display: flex!important;
    flex-wrap: wrap!important;
    justify-content: space-between!important;
    width: 95%!important;
    margin-bottom: 25px!important;
    margin-top: 25px!important
}

.admindashboard_alltableblock .alltableblock_wrapper {
    box-shadow: 0 2px 13px 0 rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12)!important;
    background: #fff;
    border-radius: 5px!important;
    width: 25%;
    margin: 0!important
}

.admindashboard_alltableblock .alltableblock_wrapper:nth-last-of-type(2) {
    width: 48%
}

.admindashboard_alltableblock .alltableblock_wrapper h2 {
    margin: 0;
    padding: 10px 74px 10px 10px;
    text-align: center;
    background: #08a298;
    background: linear-gradient(90deg, rgba(8, 162, 152, 1) 0%, rgba(74, 96, 164, 1) 100%);
    border-radius: 5px 5px 0 0;
    color: #f4f1f1;
    font-weight: 400;
    font-family: 'OpenSansSemiBold';
    line-height: 35px
}

.admindashboard_alltableblock .alltableblock_wrapper .devider1 {
    background: #08a298;
    background: linear-gradient(90deg, rgba(8, 162, 152, 1) 0%, rgba(74, 96, 164, 1) 100%);
    width: 100%;
    height: 5px;
    margin-top: 5px
}

.admindashboard_alltableblock .alltableblock_wrappe h4 {
    margin: 0;
    padding: 10px;
    color: #126c6f;
    font-size: 20px;
    font-family: 'OpenSansSemiBold';
    font-weight: 400;
    background: #e8e4e4;
    border-bottom: solid 1px #fff
}

.admindashboard_alltableblock .alltableblock_wrapper h4:first-of-type {
    border-radius: 5px 5px 0 0
}

.admindashboard_alltableblock .alltableblock_wrapper h4 {
    margin: 0;
    padding: 10px;
    color: #126c6f;
    font-size: 20px;
    font-family: 'OpenSansSemiBold';
    font-weight: 400;
    background: #e8e4e4;
    border-bottom: solid 1px #fff
}

.ListingElements {
    border-bottom: solid 1px #e8e4e4;
    font-size: 18px;
    font-family: 'OpenSansSemiBold';
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

.ListingElements:last-of-type {
    border: none
}

.showing0ff_admin {
    display: block;
    text-align: center;
    margin: 0;
    padding: 15px 0 0
}

.tabledivcomwrapper {
    margin-bottom: 0!important
}

.activedistributors_grid {
    margin-bottom: 0!important
}

.dashboard_grid_h4wrapper_infoconwrapper {
    margin-bottom: 0!important
}

.togglebuttondiv1 {
    margin-bottom: 0!important
}

.distributorListdatatablecss .searchiconcls {
    background: none!important;
    color: #50c1ba;
    margin: 0!important;
    padding: 0!important;
    width: 50px!important;
    position: absolute;
    left: 0;
    height: auto!important;
    top: -40px;
    display: none!important
}

.distributorListdatatablecss .searchiconcls .iconcls {
    font-size: 35px!important
}

.myaccounttab .mat-ink-bar {
    display: none
}

.view_table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%
}

.view_td,
.view_th {
    border: 1px solid #ddd;
    text-align: left;
    padding: 8px
}

.view_th {
    color: #254e6d
}

.view_tr:nth-child(odd) {
    background-color: #efefef
}

.distributorListdatatablecss .togglesearchcls {
    display: none!important
}

.ResourcePreview .mat-raised-button {
    background: url(../images/listingviewicon.png) no-repeat center center!important;
    background-size: 100%!important;
    width: 25px!important;
    height: 25px!important;
    font-size: 0;
    box-shadow: none!important;
    border-radius: 0;
    padding: 0;
    min-width: inherit;
    margin: 4px 0 4px 10px
}

.mat-dialog-container {
    border: solid 10px #254e6d;
    padding: 15px!important
}

.sales_inner_sub {
    padding-left: 25px
}

.sales_inner_wrapper h1 {
    margin: 0 0 30px;
    padding: 0;
    font-family: 'OpenSansBold';
    font-size: 46px;
    color: #34bfea;
    text-align: center
}

.sales_inner_wrapper h1 span {
    display: block;
    font-size: 20px;
    color: #012136
}

.sales_inner_wrapper h2 {
    margin: 0;
    padding: 10px 0;
    font-family: 'OpenSansSemiBold';
    font-size: 26px;
    color: #3179a0
}

.sales_inner_wrapper p {
    margin: 0;
    padding: 10px 0;
    font-family: 'OpenSansRegular';
    font-size: 18px;
    color: #000;
    line-height: 24px
}

.sales_inner_wrapper p strong {
    color: #01adf6
}

.sales_inner_sub h2 {
    color: #012136
}

.sales_inner_wrapper h5 {
    margin: 0;
    padding: 5px 0;
    font-family: 'OpenSansSemiBold';
    font-size: 22px;
    color: #3179a0
}

.sales_inner_wrapper p .inputDate {
    width: 110px!important;
    border: none;
    box-shadow: none;
    border-bottom: solid 1px #3c3737;
    color: #000;
    background: #eef3ae;
    text-align: center;
    font-size: 18px;
    padding: 0
}

.sales_inner_wrapper p .inputFullName {
    border: none;
    box-shadow: none;
    border-bottom: solid 1px #3c3737;
    color: #000;
    background: #eef3ae;
    text-align: center;
    font-size: 18px;
    padding: 0
}

.sales_inner_wrapper p .inputaddress {
    width: 400px!important;
    border: none;
    box-shadow: none;
    border-bottom: solid 1px #3c3737;
    color: #000;
    background: #eef3ae;
    text-align: center;
    font-size: 18px;
    padding: 0
}

.sales_inner_bottom {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.sales_inner_bottom_inner {
    width: 49%
}

.sales_inner_bottom_inner label {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    align-items: top;
    margin: 15px 0 10px
}

.sales_inner_bottom_inner button {
    display: block;
    width: 130px;
    line-height: 40px;
    text-align: center;
    background: rgba(14, 61, 92, 1);
    background: -moz-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(14, 61, 92, 1)), color-stop(100%, rgba(2, 35, 57, 1)));
    background: -webkit-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -o-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -ms-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: linear-gradient(to bottom, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0e3d5c', endColorstr='#022339', GradientType=0);
    font-size: 18px;
    color: #fff;
    font-family: 'OpenSansSemiBold';
    text-decoration: none;
    outline: none;
    margin: 10px 0;
    cursor: pointer;
    border: none;
    border-radius: 5px
}

.sales_inner_bottom_inner b {
    font-weight: 400;
    display: inline-block;
    padding-right: 10px;
    font-family: 'OpenSansRegular';
    font-size: 18px;
    color: #000;
    line-height: 24px;
    padding-top: 16px
}

.sales_inner_bottom_inner span {
    font-size: 42px;
    line-height: 36px;
    color: #0a3a4e;
    font-family: 'Caveat', cursive;
}

.sales_inner_wrapper input {
    outline: none!important
}

.sales_inner_wrapper .signdate {
    border: none;
    box-shadow: none;
    border-bottom: solid 1px #3c3737;
    color: #000;
    background: none;
    font-size: 18px;
    padding: 0
}

.sales_inner_wrapper .signature {
    width: 400px!important;
    border: none;
    box-shadow: none;
    border-bottom: solid 1px #3c3737;
    color: #000;
    background: none;
    font-size: 40px;
    padding: 0;
    font-family: 'Caveat', cursive;
}

.sales_inner_btnwrapper {
    display: block;
    margin: 15px 0 0
}

.sales_inner_btnwrapper button {
    min-width: 160px;
    line-height: 50px;
    text-align: center;
    background: rgba(48, 200, 251, 1);
    background: -moz-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(48, 200, 251, 1)), color-stop(100%, rgba(32, 163, 219, 1)));
    background: -webkit-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -o-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -ms-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: linear-gradient(to bottom, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#30c8fb', endColorstr='#20a3db', GradientType=0);
    font-size: 22px;
    color: #fff;
    border: none;
    cursor: pointer;
    border-radius: 5px;
    margin: 5px 0 0
}

.sales_inner_btnwrapper .subbtn2 {
    margin-left: 10px;
    background: rgba(14, 61, 92, 1);
    background: -moz-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(14, 61, 92, 1)), color-stop(100%, rgba(2, 35, 57, 1)));
    background: -webkit-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -o-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -ms-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: linear-gradient(to bottom, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0e3d5c', endColorstr='#022339', GradientType=0);
    padding: 0 20px
}

.signmodal .logo_wrapper {
    text-align: center
}

.signmodal .logo_wrapper img {
    max-width: 100%;
    width: 300px;
    margin: 0 auto;
    margin-top: 5px
}

.signmodal .digital_sign h3 {
    color: #00c0ff;
    text-transform: capitalize;
    font-family: 'OpenSansSemiBold';
    margin: 0;
    padding: 0;
    margin-top: 25px
}

.signmodal .message_success {
    margin-top: 15px
}

.signmodal .message_success label {
    display: block;
    padding-bottom: 10px
}

.signmodal .message_success input {
    width: 98%;
    border: 1px solid #b5b5b5;
    font-family: 'OpenSansSemiBold';
    font-size: 16px;
    padding: 7px 1%;
    outline: none!important
}

.signmodal .message_success input:focus {
    outline: none!important
}

.signmodal .message_success textarea {
    width: 98%;
    border: 1px solid #b5b5b5;
    font-family: 'OpenSansSemiBold';
    font-size: 16px;
    padding: 7px 1%;
    height: 50px;
    outline: none!important;
    resize: none
}

.signmodal .message_success textarea:focus {
    outline: none!important
}

.signmodal .message_success p {
    line-height: 25px;
    font-family: 'RalewayRegular';
    font-size: 16px
}

.signmodal .message_success p span {
    font-weight: 500;
    color: #0071bd
}

.helpwrapper {
    position: absolute;
    right: -2px;
    top: 50%;
    transform: translateY(-50%)
}

.signmodal .first_sign_wrapper {
    margin-top: 25px
}

.signmodal .first_sign_wrapper p {
    background: url(../images/digital-sign-fieldseticon1.png) no-repeat 0 16px;
    padding-left: 28px;
    font-size: 18px;
    text-transform: capitalize;
    color: #0baade;
    font-family: 'OpenSansSemiBold';
    background-size: 24px;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-top: 4px
}

.signmodal .third_sign_wrapper {
    margin-bottom: 25px
}

.signmodal .third_sign_wrapper p {
    background: url(../images/digital-sign-fieldseticon2.png) no-repeat 0 top;
    padding-left: 28px;
    font-size: 18px;
    text-transform: capitalize;
    color: #0baade;
    font-family: 'OpenSansSemiBold';
    background-size: 24px;
    margin-bottom: 0;
    padding-top: 6px
}

.signmodal .second_sign_wrapper {
    border-left: 3px solid #0baade;
    padding: 0 15px
}

.signmodal .second_sign_wrapper .sign_text input {
    padding: 0;
    font-family: 'Caveat', cursive;
    font-size: 44px;
    border: none
}

.signmodal .second_sign_wrapper .sign_text input:focus {
    outline: none;
    box-shadow: none
}

.signmodal p {
    font-family: 'OpenSansRegular';
    font-size: 18px;
    color: #000;
    line-height: 24px;
    margin: 0;
    padding: 0
}

.signmodal .mat-button {
    background: rgba(14, 61, 92, 1);
    background: -moz-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(14, 61, 92, 1)), color-stop(100%, rgba(2, 35, 57, 1)));
    background: -webkit-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -o-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -ms-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: linear-gradient(to bottom, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0e3d5c', endColorstr='#022339', GradientType=0);
    font-size: 18px;
    color: #fff!important;
    margin: 2px 0;
    padding: 0 15px
}

.signmodal .mat-button:focus {
    outline: none
}

.signmodal .mat-dialog-container {
    width: 600px;
    overflow-x: hidden;
    margin: 0 auto
}

.signmodal .mat-dialog-actions {
    margin-bottom: inherit;
    padding: 8px 0 0
}

.ViewDetailsmodal .mat-dialog-container {
    position: relative;
    overflow: inherit!important
}

.cosemodalview {
    position: absolute;
    right: -20px;
    top: -20px;
    border-radius: 100px;
    padding: 4px 4px 5px;
    background: #254e6d;
    outline: none!important;
    border: none!important;
    color: #fff
}

.AddEditBlog .drop {
    text-align: center;
    margin-bottom: 25px;
    justify-content: center
}

.AddEditBlog .form-element mat-label {
    font-size: 16px;
    font-family: 'OpenSansSemiBold'
}

.AddEditBlog .filesid {
    width: 97%;
    background: #e4e2e2;
    padding: 0 1.5%;
    display: block;
    margin-bottom: 20px;
    padding-bottom: 10px;
    position: relative
}

.AddEditBlog .filesid .mat-progress-bar {
    margin-top: 0;
    position: absolute;
    top: 0;
    left: 0
}

.AddEditBlog .filesid h1 {
    text-align: center;
    color: #3773a1;
    font-size: 18px;
    font-family: 'OpenSansSemiBold'
}

.AddEditBlog .imagecardcls {
    display: block;
    margin: 0 auto;
    padding: 0;
    border: none;
    border-radius: 0;
    box-shadow: none;
    box-shadow: none!important;
    background: none
}

.AddEditBlog .imagecardcls img {
    width: 100%;
    margin: 0;
    border: solid 5px #f1f1f1
}

.AddEditBlog .cropimagesdiv {
    margin: 20px auto
}

.AddEditBlog .filesid h2 {
    text-align: center;
    color: #3773a1;
    font-size: 18px;
    font-family: 'OpenSansSemiBold';
    padding: 0;
    margin: 0
}

.AddEditBlog .cropimagesdiv span {
    display: block;
    padding-bottom: 0;
    text-align: center
}

.filenamecls {
    text-align: center
}

.AddEditBlog .filefieldscls .mat-form-field {
    display: block
}

.AddEditBlog .filefieldscls br {
    display: none
}

.AddEditBlog .actionbtndiv {
    text-align: center;
    min-height: 40px
}

.AddEditBlog .actionbtndiv2 {
    text-align: center;
    padding-bottom: 15px;
    min-height: 40px;
    cursor: pointer;
}

.AddEditBlog .actionbtndiv .mat-chip {
    background: rgba(88, 88, 88, 1)!important;
    background: -moz-linear-gradient(top, rgba(88, 88, 88, 1) 0%, rgba(20, 25, 26, 1) 100%)!important;
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(88, 88, 88, 1)), color-stop(100%, rgba(20, 25, 26, 1)))!important;
    background: -webkit-linear-gradient(top, rgba(88, 88, 88, 1) 0%, rgba(20, 25, 26, 1) 100%)!important;
    background: -o-linear-gradient(top, rgba(88, 88, 88, 1) 0%, rgba(20, 25, 26, 1) 100%)!important;
    background: -ms-linear-gradient(top, rgba(88, 88, 88, 1) 0%, rgba(20, 25, 26, 1) 100%)!important;
    background: linear-gradient(to bottom, rgba(88, 88, 88, 1) 0%, rgba(20, 25, 26, 1) 100%)!important;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#585858', endColorstr='#14191a', GradientType=0)!important;
    font-size: 18px;
    color: #fff!important;
    margin: 2px;
    padding: 8px 15px;
    display: inline-block;
    height: 24px!important;
    border-radius: 5px;
    min-width: 90px
}

.AddEditBlog .actionbtndiv2 .mat-chip {
    background: rgba(14, 61, 92, 1);
    background: -moz-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(14, 61, 92, 1)), color-stop(100%, rgba(2, 35, 57, 1)));
    background: -webkit-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -o-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -ms-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: linear-gradient(to bottom, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0e3d5c', endColorstr='#022339', GradientType=0);
    font-size: 18px;
    color: #fff!important;
    margin: 2px;
    padding: 8px 15px;
    display: inline-block;
    border-radius: 5px;
    min-width: 90px;
    height: 24px!important
}

.fileuploadcompleteicon {
    display: block;
    text-align: center
}

.AddEditBlog .ckeditor {
    display: block;
    margin: 10px 0
}

.jobticket_header .changestabtn {
    position: relative;
    margin: 0!important;
    cursor: pointer;
    width: 150px
}

.share_link_body_con {
    display: flex!important;
    flex-wrap: wrap!important;
    justify-content: space-between!important;
    border: none!important;
    border-top: solid 1px #ccc!important;
    box-shadow: none!important;
    margin: 10px 0!important;
    padding: 10px 0!important;
    border-radius: 0!important
}

.share_link_body_con:first-of-type {
    border: none!important;
    padding-top: 0!important;
    margin-top: 0!important
}

.share_link_body_con:last-child {
    padding-bottom: 0!important
}

.share_link_body_con_left {
    width: 20%;
    overflow: hidden;
    border: solid 1px #ccc
}

.share_link_body_con .mat-card-content {
    margin-bottom: 0!important
}

.share_link_body_con_left img {
    width: 100%;
    height: auto;
    justify-content: center
}

.share_link_body_con_right {
    width: 77%
}

.share_link_body_con_right_wrapper {
    position: relative;
    flex-direction: column;
    justify-content: space-between;
    display: flex;
    align-items: stretch;
    height: 100%
}

.share_link_body_con_right_form {
    margin: 0;
    display: flex!important;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center
}

.sharelinkname_copy {
    display: flex!important;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 200px
}

.share_link_body_con_right_form .sharelinkname {
    display: flex;
    align-items: center;
    width: 70%;
    padding: 2px 1%;
    border: solid 1px #a8aaac;
    font-size: 18px;
    color: #333;
    font-family: 'OpenSansSemiBold';
    border-radius: 0;
    outline: none;
    word-break: break-all
}

.share_link_body_con_right_form button {
    width: 150px;
    border-radius: 4px;
    margin: 0;
    height: 36px;
    line-height: 36px;
    font-family: 'OpenSansSemiBold';
    font-size: 18px;
    color: #fff;
    background: rgba(48, 200, 251, 1);
    background: -moz-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(48, 200, 251, 1)), color-stop(100%, rgba(32, 163, 219, 1)));
    background: -webkit-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -o-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -ms-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: linear-gradient(to bottom, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#30c8fb', endColorstr='#20a3db', GradientType=0);
    border: none;
    outline: none;
    cursor: pointer
}

.sharelinktooltip {
    font-family: 'OpenSansBold';
    font-size: 20px!important;
    color: #fff!important;
    background-color: #1c8e9c!important;
    width: 33px!important;
    height: 33px!important;
    border-radius: 100px!important;
    box-shadow: none!important;
    border: none!important;
    cursor: pointer!important;
    outline: none!important;
    padding: 0!important;
    display: block!important;
    width: 31px;
    margin: 3px 0 0 15px !important;
    background-image: none!important;
    line-height: 34px!important
}

.share_link_body_con_right_wrapper p {
    font-weight: 400;
    color: #333;
    font-size: 18px;
    font-family: 'OpenSansRegular';
    margin: 0;
    padding: 15px 0 0
}

.share_link_body_con_bottom {
    display: flex!important;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 15px 0 0;
    align-items: center
}

.share_link_body_con_bottom button {
    display: block;
    width: 140px;
    line-height: 44px;
    text-align: center;
    background: rgba(14, 61, 92, 1);
    background: -moz-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(14, 61, 92, 1)), color-stop(100%, rgba(2, 35, 57, 1)));
    background: -webkit-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -o-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -ms-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: linear-gradient(to bottom, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0e3d5c', endColorstr='#022339', GradientType=0);
    font-size: 20px;
    color: #fff;
    font-family: 'OpenSansSemiBold';
    text-decoration: none;
    outline: none;
    cursor: pointer;
    border: none;
    border-radius: 5px
}

.custom-tooltip-css {
    background-color: #111!important;
    color: #fff!important;
    text-align: center;
    top: -10px;
    font-size: 14px!important
}

.AddEditBlog .cke_chrome {
    margin: 15px 0 0!important
}

.AddEditBlog .form_field_description {
    margin: 0 0 15px!important
}

.changestabtn .mat-select {
    display: inline-block;
    width: 16px;
    right: 5px;
    position: absolute;
    top: 9px
}

.buttonwrapperjobticket .bluebuttoncls {
    display: block;
    width: 140px;
    line-height: 44px;
    text-align: center;
    background: rgba(14, 61, 92, 1);
    background: -moz-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(14, 61, 92, 1)), color-stop(100%, rgba(2, 35, 57, 1)));
    background: -webkit-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -o-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -ms-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: linear-gradient(to bottom, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0e3d5c', endColorstr='#022339', GradientType=0);
    font-size: 20px;
    color: #fff;
    font-family: 'OpenSansSemiBold';
    text-decoration: none;
    outline: none;
    margin: 16px;
    cursor: pointer;
    border: none;
    border-radius: 5px;
    margin-top: 16px!important
}

#customers {
    font-family: Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%
}

#customers td,
#customers th {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: center
}

#customers tr:nth-child(even) {
    background-color: #f2f2f2
}

#customers th {
    padding-top: 12px;
    padding-bottom: 12px;
    background-color: #589bc0;
    color: #fff
}

.addpagecss .form {
    padding: 15px
}

.addpagecss .drop {
    text-align: center;
    margin-bottom: 25px;
    justify-content: center
}

.addpagecss .form-element mat-label {
    font-size: 16px;
    font-family: 'OpenSansSemiBold';
    padding-bottom: 10px;
    display: block
}

.addpagecss .filesid {
    width: 97%;
    background: #e4e2e2;
    padding: 0 1.5%;
    display: block;
    margin-bottom: 20px
}

.addpagecss .filesid h1 {
    text-align: center;
    color: #3773a1;
    font-size: 18px;
    font-family: 'OpenSansSemiBold'
}

.addpagecss .imagecardcls {
    display: block;
    margin: 0 auto;
    padding: 0;
    border: none;
    border-radius: 0;
    box-shadow: none;
    box-shadow: none!important;
    background: none
}

.addpagecss .imagecardcls img {
    width: 100%;
    margin: 0;
    border: solid 5px #f1f1f1
}

.addpagecss .cropimagesdiv {
    margin: 20px auto
}

.addpagecss .filesid h2 {
    text-align: center;
    color: #3773a1;
    font-size: 18px;
    font-family: 'OpenSansSemiBold';
    padding: 0;
    margin: 0
}

.addpagecss .cropimagesdiv span {
    display: block;
    padding-bottom: 0;
    text-align: center
}

.addpagecss .filenamecls {
    text-align: center
}

.addpagecss .filefieldscls .mat-form-field {
    display: block
}

.addpagecss .filefieldscls br {
    display: none
}

.addpagecss .actionbtndiv {
    text-align: center;
    min-height: 40px
}

.addpagecss .actionbtndiv2 {
    text-align: center;
    padding-bottom: 15px;
    min-height: 40px
}

.addpagecss .actionbtndiv .mat-chip {
    background: rgba(88, 88, 88, 1)!important;
    background: -moz-linear-gradient(top, rgba(88, 88, 88, 1) 0%, rgba(20, 25, 26, 1) 100%)!important;
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(88, 88, 88, 1)), color-stop(100%, rgba(20, 25, 26, 1)))!important;
    background: -webkit-linear-gradient(top, rgba(88, 88, 88, 1) 0%, rgba(20, 25, 26, 1) 100%)!important;
    background: -o-linear-gradient(top, rgba(88, 88, 88, 1) 0%, rgba(20, 25, 26, 1) 100%)!important;
    background: -ms-linear-gradient(top, rgba(88, 88, 88, 1) 0%, rgba(20, 25, 26, 1) 100%)!important;
    background: linear-gradient(to bottom, rgba(88, 88, 88, 1) 0%, rgba(20, 25, 26, 1) 100%)!important;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#585858', endColorstr='#14191a', GradientType=0)!important;
    font-size: 18px;
    color: #fff!important;
    margin: 2px;
    padding: 8px 15px;
    display: inline-block;
    border-radius: 5px
}

.addpagecss .actionbtndiv2 .mat-chip {
    background: rgba(14, 61, 92, 1);
    background: -moz-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(14, 61, 92, 1)), color-stop(100%, rgba(2, 35, 57, 1)));
    background: -webkit-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -o-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -ms-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: linear-gradient(to bottom, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0e3d5c', endColorstr='#022339', GradientType=0);
    font-size: 18px;
    color: #fff!important;
    margin: 2px;
    padding: 8px 15px;
    display: inline-block;
    border-radius: 5px
}

.addpagecss .fileuploadcompleteicon {
    display: block;
    text-align: center
}

.addpagecss .ckeditor {
    display: block;
    margin: 10px 0
}

.addpagecss .form-element button {
    margin: 2px 0;
    background: rgba(48, 200, 251, 1);
    background: -moz-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(48, 200, 251, 1)), color-stop(100%, rgba(32, 163, 219, 1)));
    background: -webkit-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -o-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -ms-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: linear-gradient(to bottom, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#30c8fb', endColorstr='#20a3db', GradientType=0);
    font-size: 22px;
    color: #fff;
    padding: 5px 10px;
    min-width: 140px;
    text-transform: capitalize
}

.addpagecss .form-element button:nth-of-type(2) {
    margin: 2px 5px
}

.addpagecss .form_field_wrapperreply_description {
    margin-bottom: 10px
}

.listing_wrapper table {
    box-shadow: none!important;
    margin-left: 0!important;
    margin-right: 0!important;
    width: 100%!important
}

.loginpage .signupfooter a:last-of-type {
    padding-right: 40px!important;
    position: relative;
    display: block;
    margin: 0 auto;
    width: 150px;
    text-align: left
}

.loginpage .signupfooter a:last-of-type::after {
    content: '';
    display: block;
    width: 35px;
    height: 35px;
    background: #0272bd url(../images/fpassword_icon.png) no-repeat center center;
    background-size: 22px;
    position: absolute;
    right: 0;
    top: -6px;
    border-radius: 100px;
    margin: 0 auto
}

.loginpage .signupfooter a:last-of-type:hover::after {
    background-color: #012136!important
}

.loginbodyforgetpassword .signupfooter a:first-of-type {
    padding-right: 40px!important;
    position: relative;
    display: block;
    margin: 0 auto;
    width: 50px;
    text-align: left
}

.loginbodyforgetpassword .signupfooter a:first-of-type::after {
    content: '';
    display: block;
    width: 35px;
    height: 35px;
    background: #0272bd url(../images/login_icon.png) no-repeat center center;
    background-size: 22px;
    position: absolute;
    right: 0;
    top: -6px;
    border-radius: 100px;
    margin: 0 auto
}

.loginbodyforgetpassword .signupfooter a:first-of-type:hover::after {
    background-color: #012136!important
}

.jobticket_name {
    font-family: 'OpenSansBold';
    color: #051319;
    font-size: 16px
}

.jobticket_date {
    font-family: 'OpenSansSemiBold';
    font-size: 16px;
    color: #012136;
    padding-left: 10px
}

.jobticket_Description {
    font-family: 'OpenSansBold';
    color: #01adf6;
    font-size: 16px
}

.jobticket_Description p {
    display: inline-block
}

.jobticket_date p {
    display: inline-block
}

.jobticket_img {
    margin-top: 10px!important;
    display: block
}

.jobticket_img img {
    border: solid 2px #0c3856
}

.mat-menu-content:not(:empty) {
    padding-top: 0!important;
    padding-bottom: 0!important
}

.metmenuoption .mat-option {
    border-top: solid 1px #ccc
}

.metmenuoption .mat-option:first-of-type {
    border: none!important
}

.jobticket_Descriptionwrapper {
    padding-top: 10px
}

.maindialognew .mat-dialog-content {
    display: block;
    margin: 0;
    padding: 0;
    overflow: auto;
    width: 100%
}

.maindialognew .mat-list-item {
    height: auto
}

.custom-modalbox .close-btn-modal {
    float: none!important;
    color: #fff;
    position: absolute;
    right: -20px;
    cursor: pointer;
    top: -20px;
    background: #254e6d;
    border-radius: 100px;
    padding: 1px
}

.mat-bottom-sheet-container {
    overflow: inherit!important
}

.bottomsheetcancelcls {
    float: none!important;
    color: #fff;
    position: absolute;
    right: -20px;
    cursor: pointer;
    top: -20px;
    background: #254e6d;
    border-radius: 100px;
    padding: 1px
}

.custom-modalbox .mat-dialog-container {
    position: relative;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
    overflow: inherit!important
}

.custom-modalbox .mat-subheader {
    font-family: 'OpenSansBold'!important;
    font-size: 22px!important;
    text-align: center;
    color: #fff!important;
    margin: 0 auto!important;
    padding: 10px!important;
    line-height: 24px!important;
    background: #294b6d;
    display: block;
    height: auto!important
}

.custom-modalbox .ng-star-inserted button {
    width: 160px!important;
    line-height: 50px;
    text-align: center;
    background: rgba(48, 200, 251, 1);
    background: -moz-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(48, 200, 251, 1)), color-stop(100%, rgba(32, 163, 219, 1)));
    background: -webkit-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -o-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -ms-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: linear-gradient(to bottom, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#30c8fb', endColorstr='#20a3db', GradientType=0);
    font-size: 22px;
    color: #fff;
    display: block;
    margin: 0 auto
}

.custom-modalbox .ng-star-inserted textarea {
    width: 96%;
    font-family: 'OpenSansRegular';
    border: 1px solid #bbb!important;
    box-shadow: none;
    margin: 20px 2% 14px;
    padding: 10px;
    box-sizing: border-box;
    resize: none;
    outline: none!important
}

.custom-modalbox .mat-dialog-container {
    border: solid 10px #254e6d;
    padding: 0!important
}

/* .custom-modalbox .ng-star-inserted {
    margin: 5px!important;
    width: auto!important
} */

.custom-modalbox .ng-star-inserted .ng-star-inserted {
    padding: 5px!important; display: block;
}
#dialogdataproductsarray p{ word-break: break-all;}
#dialogdataemail p{ word-break: break-all!Important;}

.viewdetailmodal .closeiconmodal {
    float: none!important;
    color: #fff;
    position: absolute;
    right: -20px;
    cursor: pointer;
    top: -20px;
    background: #254e6d;
    border-radius: 100px;
    padding: 1px
}

.viewdetailmodal .mat-dialog-container {
    overflow: inherit!important;
    position: relative!important
}

.custom-modalbox .mat-dialog-title {
    margin: 0;
    padding: 0;
    color: #254e6d;
    font-size: 24px;
    font-weight: 400;
    position: relative
}

.custom-modalbox p {
    margin: 0;
    padding: 0;
    font-size: 18px;
    color: #333;
    font-family: 'OpenSansSemiBold'
}

.custom-modalbox .innerhtml-content h2 {
    font-size: 18px!important;
    line-height: 24px!important
}

.mat-dialog-actions {
    padding: 0!important;
    flex-wrap: wrap!important;
    min-height: inherit!important;
    align-items: center!important;
    margin: 10px 0 0!important
}

.admin-list_v2 {
    position: relative;
    min-height: 60vh
}

.adminlisttable_v2 .container {
    clear: both;
    overflow: hidden
}

.adminlisttable_v2 .mat-card {
    padding: 0!important;
    box-shadow: none!important;
    clear: both;
    position: relative
}

.adminlisttable_v2 .togglesearchcls {
    float: right;
    width: 28%;
    padding: 0;
    border: none;
    position: relative;
    padding-top: 80px
}

.adminlisttable_v2 .togglesearchcls .CustomButtonListen_div {
    position: absolute;
    top: 10px;
    left: 2%;
    width: 96%
}

.adminlisttable_v2 .togglesearchcls .searchbtncls {
    display: block;
    width: 96%;
    align-items: center;
    margin: 0 auto
}

.previewfile_modal .closemodal {
    float: none!important;
    color: #fff;
    position: absolute;
    right: -20px;
    cursor: pointer;
    top: -20px;
    background: #254e6d;
    border-radius: 100px;
    padding: 0 0 3px!important;
    width: 30px!important;
    min-width: inherit!important;
    border: none!important;
    outline: none!important;
    text-align: center;
    line-height: 45px!important;
    height: 30px
}

.viewfollowupcall-modal .mat-dialog-container {
    border: solid 10px #254e6d;
    padding: 15px!important;
    position: relative;
    overflow: inherit
}

.viewfollowupcall-modal viewfollowup {
    max-height: 80vh;
    overflow-y: auto;
    display: block;
    min-height: 100px;
    overflow-x: hidden;
    padding: 0!important
}

.view_follow_up_icon {
    background: url(../images/listingviewicon.png) no-repeat center center!important;
    background-size: 100%!important;
    width: 25px!important;
    height: 25px!important;
    font-size: 0;
    box-shadow: none!important;
    border-radius: 0;
    padding: 0;
    min-width: inherit;
    border: none;
    top: -5px;
    position: relative;
    cursor: pointer
}

.ContractLife_modal adduser {
    display: block;
    position: relative
}

.addcontract_modal adduser {
    display: block;
    position: relative;
    overflow-x: hidden;
    overflow-y: scroll;
    max-height: 70vh
}

.addcontract_modal .form-element button:nth-child(3) {
    display: none
}

.ContractLife_modal .form-element button:nth-child(3) {
    display: none
}

.ContractLife_modal .mat-dialog-container {
    overflow: inherit!important
}

.ContractLife_modal .closemodal {
    float: none!important;
    color: #fff;
    position: absolute;
    right: -34px;
    cursor: pointer;
    top: -34px;
    background: #254e6d;
    border-radius: 100px;
    padding: 0 0 3px!important;
    width: 30px!important;
    min-width: inherit!important;
    border: none!important;
    outline: none!important;
    text-align: center;
    line-height: 45px!important;
    height: 30px
}

.ContractLife_modal .closemodal2 {
    float: none!important;
    color: #fff;
    position: absolute;
    right: -22px;
    cursor: pointer;
    top: -22px;
    background: #254e6d;
    border-radius: 100px;
    padding: 0 0 3px!important;
    width: 30px!important;
    min-width: inherit!important;
    border: none!important;
    outline: none!important;
    text-align: center;
    line-height: 45px!important;
    height: 30px
}

.hidetwoclass .admindashboard_block2_wrapper {
    width: 100%!important;
    margin-bottom: 15px!important
}

.noFoundTextposition {
    margin-top: -400px;
    margin-bottom: 75px
}

.hideoneclass .admindashboard_block2_wrapper {
    width: 49.5%!important
}

.hideoneclass .admindashboard_block2_wrappernew {
    width:100%!important
}

.Jobticketslistcss .view_jobticketinBTN {
    display: inline-block
}

.Jobticketslistcss .view_jobticketinBTN button {
    background: url(../images/listingviewicon.png) no-repeat center center!important;
    background-size: 100%!important;
    width: 25px!important;
    height: 25px!important;
    font-size: 0;
    box-shadow: none!important;
    border-radius: 0;
    padding: 0;
    min-width: inherit;
    margin: 0
}

.Jobticketslistcss .add_jobticketinBTN {
    display: inline-block
}

.Jobticketslistcss .add_jobticketinBTN button {
    background: url(../images/addlisticon.png) no-repeat center center!important;
    background-size: 100%!important;
    width: 18px!important;
    height: 25px!important;
    font-size: 0;
    box-shadow: none!important;
    border-radius: 0;
    padding: 0;
    margin: 0;
    min-width: inherit
}

.schedule_modal .mat-dialog-container {
    padding: 0!important;
    position: relative;
    overflow: inherit
}

.schedule_modal .Congratulation_modalbody {
    padding: 15px;
    text-align: center;
    max-height: 80vh;
    overflow-y: auto;
    display: block;
    min-height: 100px;
    overflow-x: hidden
}

.schedule_modal .Lesson_Videos_Modalclodse {
    float: none!important;
    color: #fff;
    position: absolute;
    right: -20px;
    cursor: pointer;
    top: -20px;
    background: #254e6d;
    border-radius: 100px;
    padding: 3px 0 0 1px;
    outline: none!important;
    border: none;
    width: 30px;
    text-align: center
}

.schedule_modal .Congratulation_modalbody .Congratulationh2class {
    font-family: 'OpenSansBold'!important;
    font-size: 22px!important;
    text-align: center;
    color: #fff!important;
    margin: 0 auto!important;
    padding: 10px!important;
    line-height: 24px!important;
    background: #294b6d;
    display: block;
    height: auto!important;
    border-radius: 5px
}

.schedule_modal .Congratulation_modalbody h3 {
    display: block;
    padding: 10px;
    font-family: 'OpenSansSemiBold';
    font-size: 18px;
    color: #012136
}

.schedule_modal .Congratulation_modalbody h3 strong {
    font-family: 'OpenSansBold';
    color: #01adf6
}

.Congratulationbuttonclass {
    margin: 2px 0;
    background: rgba(48, 200, 251, 1);
    background: -moz-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(48, 200, 251, 1)), color-stop(100%, rgba(32, 163, 219, 1)));
    background: -webkit-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -o-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -ms-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: linear-gradient(to bottom, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#30c8fb', endColorstr='#20a3db', GradientType=0);
    font-size: 22px;
    color: #fff!important;
    padding: 5px 10px;
    min-width: 140px;
    text-transform: capitalize
}

.adminlisttablebody .mat-tab-header {
    border: none!important
}

.mat-tab-header {
    overflow-x: inherit!important;
    overflow-y: inherit!important;
    overflow-x: inherit!important;
    overflow-y: inherit!important
}

.mat-tab-body-wrapper {
    overflow-x: inherit!important;
    overflow-y: inherit!important
}

.mat-tab-body {
    overflow: inherit!important;
    height: auto!important
}

.mat-tab-body-content {
    overflow: inherit!important;
    height: auto!important
}

.mat-tab-body.mat-tab-body-active {
    position: relative!important;
    overflow-x: inherit!important;
    overflow-y: inherit!important
}

.adminlisttablebody .mat-tab-header .mat-tab-label {
    background: #28bbe9;
    border-radius: 5px 5px 0 0;
    margin: 0 5px;
    opacity: inherit;
    color: #fff
}

.adminlisttablebody .mat-tab-header .mat-tab-label-active {
    background: #23879d
}

.adminlisttable_v2 .togglesearchcls .mat-form-field {
    width: 96%;
    margin: 0 2%!important;
    display: block
}

.adminlisttable_v2 .togglesearchcls .mat-form-field-underline {
    display: none
}

.adminlisttable_v2 .togglesearchcls .mat-form-field .mat-form-field-flex {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    border: .5px solid #bdbdbd;
    padding: 0 16px 3px;
    background: #fff;
    border-radius: 40px;
    height: 54px
}

.adminlisttable_v2 .togglesearchcls .mat-form-field-infix {
    border: 0
}

.adminlisttable_v2 .mat-form-field-has-label .mat-form-field-label {
    top: 26px!important
}

.adminlisttable_v2 .togglesearchcls .search_class {
    display: flex;
    width: 98%;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 0 auto
}

.adminlisttable_v2 .togglesearchcls .search_class br {
    display: none
}

.adminlisttable_v2 .togglesearchcls .search_class .add_button {
    background: rgba(48, 200, 251, 1);
    background: -moz-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(48, 200, 251, 1)), color-stop(100%, rgba(32, 163, 219, 1)));
    background: -webkit-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -o-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -ms-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: linear-gradient(to bottom, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#30c8fb', endColorstr='#20a3db', GradientType=0);
    width: 80%
}

.adminlisttable_v2 .togglesearchcls .add_button {
    width: 100%;
    background: rgba(14, 61, 92, 1);
    background: -moz-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(14, 61, 92, 1)), color-stop(100%, rgba(2, 35, 57, 1)));
    background: -webkit-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -o-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -ms-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: linear-gradient(to bottom, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0e3d5c', endColorstr='#022339', GradientType=0);
    font-size: 22px;
    line-height: 50px;
    border-radius: 8px
}

.adminlisttable_v2 .togglesearchcls input.mat-input-element {
    margin-top: 10px
}

.adminlisttable_v2 .togglesearchcls .mat-select {
    margin-top: 10px
}

.adminlisttable_v2 .tablewrapper {
    float: left;
    width: 70%
}

.adminlisttable_v2 .noFoundText {
    float: left;
    width: 70%;
    clear: none;
    overflow: inherit;
    padding-top: 250px!important;
    margin-top: 50px
}

.adminlisttable_v2 .lib-pager-class {
    display: none!important
}

.adminlisttable_v2 .lib-pager-class:first-of-type {
    display: block!important;
    width: 250px;
    position: absolute;
    right: 30%;
    z-index: 9;
    text-align: right;
    color: #fff;
    top: 12px;
    padding-right: 15px
}

.adminlisttable_v2 .lib-pager-class:first-of-type mat-label::after {
    content: 'Results';
    display: inline-block;
    padding-left: 5px
}

.adminlisttable_v2 .lib-pager-class:first-of-type .material-icons {
    display: none
}

.adminlisttable_v2 .lib-pager-class:first-of-type .mat-form-field {
    display: none
}

.adminlisttable_v2 .lib-pager-class:last-of-type {
    display: block!important
}

.adminlisttable_v2 table {
    display: block;
    box-shadow: none
}

.adminlisttable_v2 thead {
    display: block
}

.adminlisttable_v2 .mat-header-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    height: auto;
    background: #01629f;
    border-radius: 8px;
    border: solid 5px #e6e3e3;
    padding-top: 62px; position: relative;
}

.adminlisttable_v2 .mat-header-row::after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: #fff;
    bottom: 0;
    position: absolute;
}



.adminlisttable_v2 .mat-header-row th:first-child {
    display: none
}

.adminlisttable_v2 .mat-header-row th {
    width: 31.3%;
    font-size: 16px;
    color: #fff;
    padding: 15px 1%!important;
    border-bottom: solid 1px #fff
}

.listingtableheading {
    width: 70%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 8
}

.listingtableheading_wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-bottom: solid 1px #fff;
    padding: 15px 1%;
    background: #01629f;
    margin: 5px
}

.listingtableheading_wrapper h2 {
    margin: 0;
    padding: 0;
    display: flex;
    color: #f4f1f1;
    align-items: center
}

.listingtableheading_wrapper h2 label {
    margin: 0;
    padding: 0 15px 0 0;
    color: #f4f1f1;
    font-size: 26px;
    font-weight: 400;
    text-transform: uppercase
}

.listingtableheading_wrapper p {
    margin: 0;
    padding: 0;
    align-items: center;
    display: flex;
    color: #f4f1f1;
    font-size: 16px
}

.adminlisttable_v2 tbody {
    display: block
}

.adminlisttable_v2 tbody tr {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    height: auto;
    border-radius: 4px;
    border: solid 2px #ccc;
   
    border-bottom: solid 1px #ccc;
    margin: 20px 0; position: relative;
}

.adminlisttable_v2 tbody tr::after{ content: ''; display: block; width: 100%; height: 1px; background: #ccc; bottom: 0;
    position: absolute;}

.adminlisttable_v2 tbody td {
    width: 31.3%;
    font-size: 16px;
    color: #111;
    padding: 15px 1%!important;
    border-bottom: solid 1px #ccc
}

.adminlisttable_v2 tbody td:nth-child(1) {
    display: none
}

.leadlistpage .adminlisttable_v2 td.mat-column-tags span span {
    font-size: 0;
    cursor: pointer
}

.adminlisttable_v2 tbody td.mat-column-tags {
    padding: 9px 1%!important;
    min-height: 30px;
}

/* .adminlisttable_v2 tbody td.mat-column-dispositionview {
    height: 19px!important
} */

.maincontant tbody td.mat-column-dispositionview {
    padding: 8px 1%!important;
     min-height: 32px;
}

.adminlisttable_v2 td.mat-column-tags span span span {
    display: inline-block;
    background: #15959a;
    color: #fff;
    margin-right: 5px;
    margin-bottom: 2px;
    padding: 5px;
    padding-right: 18px;
    clip-path: polygon(0 0, 90% 0%, 100% 50%, 90% 100%, 0 100%);
    font-size: 16px!important
}

.adminlisttable_v2 td.mat-column-tags span span span span {
    display: inline-block;
    margin-right: 0;
    margin-bottom: 0;
    padding: 0;
    padding-right: 5px;
    clip-path: inherit
}

.adminlisttable_v2 table tr:nth-of-type(even) {
    background: #f3f3f3
}

.adminlisttable_v2 tfoot {
    display: none
}

.adminlisttable_v2 tbody .mat-column-Actions .button_div_custom_cls {
    display: inline-block
}

.adminlisttable_v2 tbody .mat-column-Actions span {
    display: inline-block!important;
    margin-top: 5px;
}

.adminlisttable_v2 tbody .mat-column-Actions section {
    display: inline-block
}

.adminlisttable_v2 tbody .mat-column-Actions .notebtncls {
    background: url(../images/listingaddnotes.png) no-repeat center center!important;
    background-size: 100%!important;
    width: 25px!important;
    height: 25px!important;
    font-size: 0;
    box-shadow: none!important;
    border-radius: 0;
    padding: 0;
    margin: 4px 4px;
    min-width: inherit
}

.adminlisttable_v2 tbody .mat-column-Actions .OtherActions .mat-raised-button {
    background: url(../images/listingotthericon.png) no-repeat center center!important;
    background-size: 100%!important;
    width: 25px!important;
    height: 25px!important;
    font-size: 0;
    box-shadow: none!important;
    border-radius: 0;
    padding: 0;
    min-width: inherit;
    margin: 4px 0 4px 10px
}

.adminlisttable_v2 tbody .mat-column-Actions .Resendmail button {
    background: url(../images/listing_iconn1.png) no-repeat center center!important;
    background-size: 100%!important;
    width: 25px!important;
    height: 25px!important;
    font-size: 0;
    box-shadow: none!important;
    border-radius: 0;
    padding: 0;
    margin: 4px 4px;
    min-width: inherit
}

.adminlisttable_v2 tbody .mat-column-Actions .ResetPasswordMail button {
    background: url(../images/listing_iconn2.png) no-repeat center center!important;
    background-size: 100%!important;
    width: 22px!important;
    height: 25px!important;
    font-size: 0;
    box-shadow: none!important;
    border-radius: 0;
    padding: 0;
    margin: 4px 4px;
    min-width: inherit
}

.adminlisttable_v2 tbody .mat-column-Actions .LogMe button {
    background: url(../images/logmeicon.png) no-repeat center center!important;
    background-size: 100%!important;
    width: 20px!important;
    height: 25px!important;
    font-size: 0;
    box-shadow: none!important;
    border-radius: 0;
    padding: 0;
    margin: 4px 4px;
    min-width: inherit
}

.viewContractbtnbutton {
    background: url(../images/viewContract_icon.png) no-repeat center center!important;
    background-size: 100%!important;
    width: 30px!important;
    height: 35px!important;
    font-size: 0;
    box-shadow: none!important;
    border-radius: 0;
    padding: 0;
    margin: 0 auto;
    min-width: inherit;
    display: block;
    margin-top: 15px;
    border: none;
    cursor: pointer
}

.adminlisttable_v2 tbody .mat-column-Actions .viewContract button {
    background: url(../images/viewContract_icon.png) no-repeat center center!important;
    background-size: 100%!important;
    width: 20px!important;
    height: 25px!important;
    font-size: 0;
    box-shadow: none!important;
    border-radius: 0;
    padding: 0;
    margin: 4px 4px;
    min-width: inherit
}

.adminlisttable_v2 tbody .mat-column-Actions .isContractmanager button {
    background: url(../images/listing_iconn_contract.png) no-repeat center center!important;
    background-size: 100%!important;
    width: 30px!important;
    height: 26px!important;
    font-size: 0;
    box-shadow: none!important;
    border-radius: 0;
    padding: 0;
    margin: 4px 4px;
    min-width: inherit
}

.adminlisttable_v2 tbody .mat-column-Actions .material-icons {
    margin: 4px 4px;
    color: #0c3956
}

.adminlisttable_v2 tbody .mat-column-fullname {
    padding-top: 0!important;
    padding-bottom: 0!important
}

.form_field_answer {
    margin-bottom: 15px
}

.adminlisttable_v2 tbody .mat-column-fullname {
    padding: 0 1%!important;
    line-height: 50px;
    display: block
}

.adminlisttable_v2 tbody .mat-column-fullname span span {
    padding-left: 45px!important;
    background: url(../images/newlisting_user_icon.png) no-repeat left center;
    background-size: 30px;
    display: block
}

.adminlisttable_v2 tbody .mat-column-email {
    padding: 0 1%!important;
    line-height: 50px;
    display: block
}

.adminlisttable_v2 tbody .mat-column-email span span {
    padding-left: 45px!important;
    background: url(../images/newlisting_mail_icon.png) no-repeat left center;
    background-size: 30px;
    display: block
}

.adminlisttable_v2 tbody .mat-column-phone {
    padding: 0 1%!important;
    line-height: 50px;
    display: block
}

.adminlisttable_v2 tbody .mat-column-phone span span {
    padding-left: 45px!important;
    background: url(../images/newlisting_ph_icon.png) no-repeat left center;
    background-size: 30px;
    display: block
}

.example-section {
    position: absolute;
    width: 100%;
    top: 0
}

.notes-modal .mat-dialog-container {
    padding: 0 0 15px!important;
    width: 100%!important
}

.mat-dialog-content {
    max-height: 90vh!important
}

.notes-modal {
    min-width: 600px!important;
    max-width: 90%!important
}

.notes-modal .mat-list-item-content {
    padding-left: 2%;
    padding-right: 2%
}

.adminlisttable_v2 thead th span {
    display: flex;
    align-self: center;
    height: 20px
}

.adminshare_linkiconspan {
    width: 88px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    cursor: pointer
}

.adminshare_linkiconspan img {
    cursor: pointer;
    width: 25px;
    margin: 1px
}

.Sharelinks_description {
    font-size: 18px;
    color: #333;
    font-family: 'OpenSansSemiBold';
    margin: 0;
    padding: 20px 0 0
}

.Sharelinks_description p {
    margin: 0;
    padding: 0;
    font-size: 18px;
    color: #333;
    font-family: 'OpenSansSemiBold'
}

/* .adminlisttable_v2 .mat-column-Actions {
    border: none!important
} */

.managementpagemainbody {
    padding-bottom: 20px;
    min-height: 80vh;
    padding-bottom: 20px
}

.slotview {
    background-color: #fff!important;
    padding: 0 0 10px!important;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    clear: both
}

.slotview .slot-card {
    width: 21%;
    margin: .5%!important;
    background: #f2f8fa;
    padding: 1%!important;
    border: solid 1px #d4e8ef!important;
    word-break: break-all;
    transition: all .2s ease-in-out;
    box-shadow: none!important
}

.slotview .slot-card:hover {
    transform: scale(1.1)
}

.slotview .slot-card .mat-card-content p:nth-of-type(1) b {
    display: block;
    background: #08a298;
    background: linear-gradient(90deg, rgba(8, 162, 152, 1) 0%, rgba(74, 96, 164, 1) 100%);
    color: #f4f1f1;
    font-size: 18px;
    padding: 5px;
    font-size: 18px;
    text-transform: capitalize
}

.slotview .slot-card .mat-card-content p {
    margin-bottom: 5px
}

.slotview .slot-card .mat-card-content p a {
    color: red
}

.slotview .slot-card .mat-card-content p:last-of-type {
    margin-bottom: 0
}

.slotview .slot-card b {
    color: #04649c
}

.slotview .example-card {
    max-width: inherit!important;
    width: 30.3%!important;
    margin: 10px .5%!important;
    background: #f2f8fa;
    padding: .5%!important;
    border: solid 1px #d4e8ef!important;
    word-break: break-all;
    transition: all .2s ease-in-out;
    box-shadow: none!important;
    position: relative;
    padding-bottom: 50px!important
}

.slotview .example-card .mat-card-actions {
    position: absolute;
    left: 2%;
    margin: 0!important;
    bottom: 3%
}

.slotview .example-card:hover {
    transform: scale(1.1)
}

.slotview .example-card .mat-card-content p:nth-of-type(1) b {
    display: block;
    background: #08a298;
    background: linear-gradient(90deg, rgba(8, 162, 152, 1) 0%, rgba(74, 96, 164, 1) 100%);
    color: #f4f1f1;
    font-size: 18px;
    padding: 5px;
    font-size: 18px;
    text-transform: capitalize
}

.slotview .example-card .mat-card-content p {
    margin-bottom: 5px;
    word-break:break-word;
}

.slotview .example-card .mat-card-content p a {
    color: red
}

.slotview .example-card .mat-card-content p:last-of-type {
    margin-bottom: 0
}

.slotview .example-card b {
    color: #04649c
}

.managementpagemainbody .mat-card {
    padding: 0;
    border-radius: 0!important;
    box-shadow: none!important
}

.event_managementbody .mat-toolbar-single-row {
    margin: 0!important;
    padding: 15px!important;
    display: flex!important;
    justify-content: space-between;
    background: #08a298!important;
    background: linear-gradient(90deg, rgba(8, 162, 152, 1) 0%, rgba(74, 96, 164, 1) 100%)!important;
    border-radius: 8px;
    font-family: 'OpenSansSemiBold';
    font-size: 26px!important;
    color: #fff!important;
    text-transform: uppercase;
    margin-bottom: 25px!important;
    text-align: center!important;
    height: auto!important;
    width: auto;
    white-space: normal
}

.event_managementbody .mat-toolbar-single-row h2 {
    text-align: center!important
}

.event_managementbody .mat-toolbar-single-row:nth-child(2) {
    padding: 0!important
}

.event_managementbody .mat-toolbar-single-row h2 {
    font-family: 'OpenSansSemiBold';
    font-size: 26px;
    color: #fff;
    text-transform: uppercase;
    padding: 0
}

.event_managementbody .mat-toolbar-single-row .google_calendar_status {
    text-align: center;
    color: #fff;
    position: relative;
    padding-top: 30px
}

.event_managementbody .mat-toolbar-single-row .google_calendar_status .material-icons {
    position: absolute;
    width: 100%;
    text-align: center;
    left: 0;
    top: 0
}

.event_managementbody {
    padding: 15px
}

.event_managementbody .buttonsetToolbar {
    display: block!important;
    background: #f2f8fa!important;
    white-space: normal
}

.event_managementbody .buttonsetToolbar .singleButton {
    background: rgba(48, 200, 251, 1);
    background: -moz-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(48, 200, 251, 1)), color-stop(100%, rgba(32, 163, 219, 1)));
    background: -webkit-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -o-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -ms-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: linear-gradient(to bottom, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#30c8fb', endColorstr='#20a3db', GradientType=0);
    font-size: 22px;
    color: #fff;
    line-height: 40px;
    text-transform: capitalize;
    box-shadow: none!important
}

.event_managementbody .buttonsetToolbar .singleButton .material-icons {
    color: #fff!important
}

.listingnewstyle .notranslate {
    color: #208a9d!important
}

.event_managementbody .calendar_wrapper {
    background: #f1f1f1 url(../images/form_bg.png) no-repeat right bottom;
    border-radius: 10px!important;
    width: 85%!important;
    margin: 0 auto!important;
    background-size: 60px;
    border: none!important;
    margin-bottom: 15px!important
}

.event_managementbody .calendar_wrapper .example-container {
    padding: 40px
}

.event_managementbody .calendar_wrapper .example-container .mat-form-field-flex {
    border-radius: 4px 4px 0 0;
    padding: 0 .75em .75em;
    background: #fff;
    border: 1px solid #d0d0d0;
    box-sizing: border-box
}

.event_managementbody .calendar_wrapper .example-container .mat-form-field-appearance-legacy .mat-form-field-label {
    color: #4a4646;
    font-size: 16px!important;
    font-family: 'OpenSansSemiBold'
}

.event_managementbody .calendar_wrapper .example-container input.mat-input-element {
    font-size: 16px!important
}

.event_managementbody .calendar_wrapper .example-container .mat-form-field-appearance-legacy .mat-form-field-infix {
    padding: 15px 0 0
}

.event_managementbody .calendar_wrapper .example-container textarea {
    resize: none!important
}

.event_managementbody .calendar_wrapper .example-container .form_field_wrapperstatus {
    margin-bottom: 15px
}

.event_managementbody .calendar_wrapper .example-container .passbuttoncls {
    display: flex;
    align-items: center;
    margin-bottom: 15px
}

.event_managementbody .calendar_wrapper .example-container .passbuttoncls button {
    background: rgba(14, 61, 92, 1);
    background: -moz-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(14, 61, 92, 1)), color-stop(100%, rgba(2, 35, 57, 1)));
    background: -webkit-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -o-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -ms-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: linear-gradient(to bottom, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0e3d5c', endColorstr='#022339', GradientType=0);
    font-size: 18px;
    color: #fff!important
}

.event_managementbody .calendar_wrapper .example-container .form-element button {
    margin: 2px 0;
    background: rgba(48, 200, 251, 1);
    background: -moz-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(48, 200, 251, 1)), color-stop(100%, rgba(32, 163, 219, 1)));
    background: -webkit-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -o-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -ms-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: linear-gradient(to bottom, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#30c8fb', endColorstr='#20a3db', GradientType=0);
    font-size: 22px;
    color: #fff;
    padding: 5px 10px;
    min-width: 140px;
    text-transform: capitalize
}

.event_managementbody .calendar_wrapper .example-container .form-element button:nth-of-type(2) {
    margin: 2px 5px
}

.event_managementbody .calendar_wrapper input.mat-input-element {
    font-size: 16px!important
}

.event_managementbody .calendar_wrapper textarea.mat-input-element {
    padding: 0!important;
    margin: 0!important
}

.event_managementbody .calendar_wrapper material-timepicker input.mat-input-element {
    margin-top: 10px!important
}

.event_managementbody .calendar_wrapper .mat-form-field-should-float label {
    top: 28px!important;
    color: #0e6567!important
}

.event_managementbody .calendar_wrapper .example-container .timeContainer .mat-form-field-flex {
    padding-bottom: 0
}

.event_managementbody .calendar_wrapper .button_wrapper button {
    margin: 2px 0;
    background: rgba(48, 200, 251, 1);
    background: -moz-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(48, 200, 251, 1)), color-stop(100%, rgba(32, 163, 219, 1)));
    background: -webkit-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -o-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -ms-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: linear-gradient(to bottom, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#30c8fb', endColorstr='#20a3db', GradientType=0);
    font-size: 22px;
    color: #fff;
    padding: 5px 10px;
    width: 140px!important;
    text-transform: capitalize;
    border-radius: 5px!important
}

.event_managementbody .calendar_wrapper .button_wrapper button:nth-of-type(2) {
    margin: 2px 5px
}

.event_managementbody .calendar_wrapper .button_wrapper {
    display: block!important
}

.event_managementbody .listingnewstyle .mat-card {
    margin-left: 0;
    margin-right: 0
}

.event_managementbody .btn-group {
    border: none!important
}

.event_managementbody .btn-group button {
    border: none;
    border-radius: 0;
    padding: 5px;
    min-width: inherit;
    color: #012136
}

.event_managementbody table {
    box-shadow: none;
    border: 1px solid #e0dcdc!important;
    border-radius: 8px!important
}

.event_managementbody thead th:nth-of-type(1) {
    border-radius: 8px 0 0 0!important
}

.event_managementbody thead th:last-of-type {
    border-radius: 0 8px 0 0!important
}

.event_managementbody tbody tr:last-of-type td:first-of-type {
    border-radius: 0 0 0 8px
}

.event_managementbody tbody tr:last-of-type td:last-of-type {
    border-radius: 0 0 8px 0
}

.event_managementbody table tr {
    border: 1px solid #d0d0d0!important
}

.event_managementbody table tr:nth-of-type(even) {
    background: #f3f3f3
}

.event_managementbody thead {
    background: #012136!important;
    border-radius: 8px 8px 0 0!important
}

.event_managementbody thead th {
    color: #fff!important;
    font-size: 16px!important;
    border: none!important;
    background: none!important
}

.event_managementbody tbody td {
    border: none!important
}

.event_managementbody thead th .mat-checkbox-inner-container {
    border: solid 1px #fff
}

.event_managementbody thead th span {
    display: flex;
    align-self: center
}

.event_managementbody table tfoot {
    display: none
}

.sales_person_topcon_wrapper {
    background: #08a298;
    background: linear-gradient(90deg, rgba(8, 162, 152, 1) 0%, rgba(74, 96, 164, 1) 100%);
    border-radius: 5px;
    display: inline-block;
    padding: 15px;
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 2.5% 99%);
    border-radius: 0 5px 5px 0;
    padding-left: 22px
}

.sales_person_topcon_wrapper label {
    margin: 0;
    display: block;
    background: #f4f1f1;
    padding: 10px;
    font-family: 'OpenSansSemiBold';
    font-size: 18px;
    color: #012136;
    border-radius: 0 5px 5px 0;
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 1.5% 99%);
    padding-left: 36px;
    min-width: 991px
}

.sales_person_topcon_wrapper label span {
    font-family: 'OpenSansBold';
    color: #01adf6;
    display: inline-block;
    padding-right: 5px
}

.sales_person_topcon_wrapper label p {
    display: inline-block;
    margin: 0;
    padding: 0;
    /* text-transform: capitalize; */
}

.sales_person_topcon_wrapper label b {
    display: inline-block;
    padding: 0 5px
}

.manage_lesson_listpagebody .mat-card {
    padding: 15px;
    box-shadow: none!important;
    border: none;
    border-radius: 0
}

.manage_lesson_listpagebody .mat-toolbar-single-row {
    margin: 0 0 10px!important;
    padding: 15px!important;
    display: block!important;
    background: #08a298!important;
    background: linear-gradient(90deg, rgba(8, 162, 152, 1) 0%, rgba(74, 96, 164, 1) 100%)!important;
    border-radius: 8px!important;
    text-align: center!important;
    height: auto!important;
    word-break: break-word;
    white-space: normal
}

.manage_lesson_listpagebody .mat-toolbar-single-row h2 {
    font-family: 'OpenSansSemiBold'!important;
    font-size: 26px!important;
    color: #fff!important;
    text-transform: uppercase!important;
    margin: 0;
    padding: 0
}

.manage_lesson_listpagebody .searchblock .searchblockwrapper span .countSection {
    flex: inherit!important;
    width: 33.1%!important;
    padding: 0!important;
    margin: .1%;
    border: none!important;
    overflow: hidden
}

.manage_lesson_listpagebody .countSection span {
    padding: 25px 15px;
    font-size: 18px;
    color: #fff
}

.manage_lesson_listpagebody .searchblock .searchblockwrapper span .countSection:nth-child(2) {
    background: #01629f!important
}

.manage_lesson_listpagebody .searchblock .searchblockwrapper span .countSection:nth-child(3) {
    background: #f3b405!important
}

.manage_lesson_listpagebody .searchblock .searchblockwrapper span .countSection:nth-child(4) {
    background: #129fa0!important
}

.manage_lesson_listpagebody .searchblock .searchblockwrapper span .countSection:nth-child(5) {
    background: #01629f!important
}

.manage_lesson_listpagebody .countSection h2 {
    background: #fff;
    padding: 0;
    border-radius: 100px;
    text-align: center;
    margin-left: 10px;
    flex: 1 1 9px!important;
    font-size: 22px;
    line-height: 70px
}

.manage_lesson_listpagebody .searchblock .searchblockwrapper span .countSection:nth-child(2) h2 {
    color: #01629f!important
}

.manage_lesson_listpagebody .searchblock .searchblockwrapper span .countSection:nth-child(3) h2 {
    color: #f3b405!important
}

.manage_lesson_listpagebody .searchblock .searchblockwrapper span .countSection:nth-child(4) h2 {
    color: #129fa0!important
}

.manage_lesson_listpagebody .searchblock .searchblockwrapper span .countSection:nth-child(5) h2 {
    color: #01629f!important
}

.manage_lesson_listpagebody .buttonsetToolbar {
    background: none!important;
    padding: 0!important
}

.manage_lesson_listpagebody .buttonsetToolbar button {
    background: rgba(14, 61, 92, 1);
    background: -moz-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(14, 61, 92, 1)), color-stop(100%, rgba(2, 35, 57, 1)));
    background: -webkit-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -o-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -ms-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: linear-gradient(to bottom, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0e3d5c', endColorstr='#022339', GradientType=0);
    font-size: 20px;
    color: #fff;
    font-family: 'OpenSansSemiBold';
    text-decoration: none;
    outline: none;
    cursor: pointer;
    border: none;
    border-radius: 5px;
    padding: 5px 10px
}

.manage_lesson_listpagebody .buttonsetToolbar button .material-icons {
    color: #fff!important
}

.manage_lesson_listpagebody .submitbtn {
    background: rgba(48, 200, 251, 1);
    background: -moz-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(48, 200, 251, 1)), color-stop(100%, rgba(32, 163, 219, 1)));
    background: -webkit-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -o-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -ms-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: linear-gradient(to bottom, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#30c8fb', endColorstr='#20a3db', GradientType=0);
    font-size: 18px;
    padding: 2px 15px;
    margin: 5px .2%;
    height: 40px
}

.manage_lesson_listpagebody .searchbar {
    display: block!important;
    margin-top: 15px!important;
    text-align: center;
    padding-bottom: 15px
}

.manage_lesson_listpagebody mat-form-field {
    float: none;
    width: 24.3%!important;
    text-align: left;
    margin: 0 .5%
}

.manage_lesson_listpagebody .mat-form-field-flex {
    display: inline-flex;
    align-items: baseline;
    box-sizing: border-box;
    width: 100%;
    border: solid 1px #c4c8ca;
    padding-left: 2%;
    padding-right: 2%;
    padding-bottom: 4px
}

.manage_lesson_listpagebody .mat-form-field-appearance-legacy .mat-form-field-label {
    top: 14px
}

.manage_lesson_listpagebody .mat-form-field-should-float label {
    top: 20px!important;
    color: #0e6567!important
}

.manage_lesson_listpagebody .multipledeleteandupdatebuttan {
    display: block;
    margin: 0 0 20px;
    clear: both;
    overflow: hidden
}

.manage_lesson_listpagebody .multipledeleteandupdatebuttan button {
    display: inline-block!important;
    box-shadow: none!important;
    color: #fff!important;
    background: rgba(14, 61, 92, 1);
    background: -moz-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(14, 61, 92, 1)), color-stop(100%, rgba(2, 35, 57, 1)));
    background: -webkit-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -o-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -ms-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: linear-gradient(to bottom, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0e3d5c', endColorstr='#022339', GradientType=0);
    padding: 8px 14px!important;
    border-radius: 4px!important;
    font-size: 16px;
    line-height: inherit;
    margin: 0 2px
}

.manage_lesson_listpagebody .mat-elevation-z8 {
    box-shadow: none!important
}

.mat-checkbox-checked.mat-accent .mat-checkbox-background,
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
    background-color: #0eadff!important
}

.manage_lesson_listpagebody table {
    box-shadow: none;
    border: 1px solid #f3f3f3!important;
    border-radius: 8px!important
}

.manage_lesson_listpagebody table tr {
    border: 1px solid #d0d0d0!important
}

.manage_lesson_listpagebody table tr:nth-of-type(odd) {
    background: #f3f3f3
}

.manage_lesson_listpagebody thead tr {
    background: #012136!important;
    border-radius: 8px 8px 0 0!important
}

.manage_lesson_listpagebody thead th {
    color: #fff!important;
    font-size: 16px!important
}

.manage_lesson_listpagebody thead th .mat-checkbox-inner-container {
    border: solid 1px #fff
}

.manage_lesson_listpagebody thead th span {
    display: flex;
    align-self: center
}

.manage_lesson_listpagebody thead th:nth-of-type(1) {
    border-radius: 8px 0 0 0!important
}

.manage_lesson_listpagebody thead th:last-of-type {
    border-radius: 0 8px 0 0!important
}

.manage_lesson_listpagebody tbody tr {
    border-radius: 0 0 8px 8px
}

.manage_lesson_listpagebody tbody tr:last-of-type td:first-of-type {
    border-radius: 0 0 0 8px
}

.manage_lesson_listpagebody tbody tr:last-of-type td:last-of-type {
    border-radius: 0 0 8px 0
}

.manage_lesson_listpagebody td,
.manage_lesson_listpagebody th {
    width: auto!important
}

.manage_lesson_listpagebody .cdk-column-Actions .material-icons {
    margin: 4px;
    color: #0c3956
}

.manage_lesson_listpagebody {
    min-height: 780px
}

.manage_lesson_listpagebody .mat-paginator {
    display: block!important;
    clear: both!important;
    overflow: hidden!important;
    margin: 5px auto;
    margin-top: 15px;
    float: none;
    width: 388px;
    text-align: center;
    float: none!important
}

.manage_lesson_listpagebody .mat-paginator .mat-paginator-range-label {
    margin: 0!important
}

.manage_lesson_listpagebody .mat-paginator .mat-form-field-appearance-legacy .mat-form-field-wrapper {
    padding-bottom: 0
}

.manage_lesson_listpagebody .mat-paginator .mat-form-field-appearance-legacy .mat-form-field-underline {
    display: none
}

.manage_lesson_listpagebody .mat-paginator .mat-form-field-flex {
    padding-left: 4px;
    width: 60px
}

.manage_lesson_listpagebody .material-icons {
    margin: 4px!important;
    color: #0c3956!important
}

.adminlisttable_v2 .mat-toolbar-row,
.adminlisttable_v2 .mat-toolbar-single-row {
    display: block;
    height: auto
}

.detail-view .mat-dialog-container {
    /* width: 600px!important; */
    width: 630px!important;
    max-width: 90%!important
}

.detail-view .mat-dialog-container .example-card {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 10px!important;
    box-shadow: none!important
}

.detail-view .mat-dialog-container .example-card:nth-of-type(odd) {
    background: #d6dadc
}

.detail-view .mat-dialog-container .mat-card-header-text {
    margin: 0
}

.detail-view .mat-card-header .mat-card-title {
    margin-bottom: 0;
    font-size: 16px;
    word-break: break-word;
    text-transform: capitalize
}

.detail-view .mat-card-header {
    width: 49%;
    word-break: break-all;
    color: #01426c
}

.detail-view .mat-card-content,
.mat-card-subtitle {
    width: 49%;
    word-break: break-all
}

.detail-view .custom-modalbox p {
    font-size: 16px
}

.detail-view .innerhtml-content img {
    width: 100%
}

.SocialShareLinkBTN span {
    display: inline-block
}

.SocialShareLinkBTN button {
    background: url(../images/SocialShareLinkicon.png) no-repeat center center!important;
    background-size: 100%!important;
    width: 25px!important;
    height: 25px!important;
    font-size: 0;
    box-shadow: none!important;
    border-radius: 0;
    padding: 0;
    margin: 4px 8px!important;
    min-width: inherit;
    float: none!important
}

.preview_lesson span {
    display: inline-block
}

.preview_lesson button {
    background: url(../images/PreviewLesson_icon.png) no-repeat center center!important;
    background-size: 100%!important;
    width: 25px!important;
    height: 25px!important;
    font-size: 0;
    box-shadow: none!important;
    border-radius: 0;
    padding: 0;
    margin: 4px 8px!important;
    min-width: inherit;
    float: none!important
}

.videos span {
    display: inline-block
}

.videos button {
    background: url(../images/video_icon.png) no-repeat center center!important;
    background-size: 100%!important;
    width: 25px!important;
    height: 25px!important;
    font-size: 0;
    box-shadow: none!important;
    border-radius: 0;
    padding: 0;
    margin: 4px 8px!important;
    min-width: inherit;
    float: none!important
}

.files span {
    display: inline-block
}

.files button {
    background: url(../images/files_icon.png) no-repeat center center!important;
    background-size: 100%!important;
    width: 25px!important;
    height: 25px!important;
    font-size: 0;
    box-shadow: none!important;
    border-radius: 0;
    padding: 0;
    margin: 4px 8px!important;
    min-width: inherit;
    float: none!important
}

.audios span {
    display: inline-block
}

.audios button {
    background: url(../images/audio_icon.png) no-repeat center center!important;
    background-size: 100%!important;
    width: 25px!important;
    height: 25px!important;
    font-size: 0;
    box-shadow: none!important;
    border-radius: 0;
    padding: 0;
    margin: 4px 8px!important;
    min-width: inherit;
    float: none!important
}

.manage_quiz span {
    display: inline-block
}

.manage_quiz button {
    background: url(../images/quiz_icon.png) no-repeat center center!important;
    background-size: 100%!important;
    width: 25px!important;
    height: 25px!important;
    font-size: 0;
    box-shadow: none!important;
    border-radius: 0;
    padding: 0;
    margin: 4px 8px!important;
    min-width: inherit;
    float: none!important
}

.manage_lesson_listpagebody td.mat-cell:last-of-type,
.manage_lesson_listpagebody td.mat-footer-cell:last-of-type,
.manage_lesson_listpagebody th.mat-header-cell:last-of-type {
    padding-right: 5px!important
}

.manage_lesson_listpagebody td.mat-cell:first-of-type,
.manage_lesson_listpagebody td.mat-footer-cell:first-of-type,
.manage_lesson_listpagebody th.mat-header-cell:first-of-type {
    /* padding-left: 5px!important */

}

.manage_lesson_listpagebody .buttons_ro {
    display: flex
}

.manage_lesson_listpagebody .buttons_ro span {
    cursor: pointer
}

.lessonAddEditBlog .admingeneralcls {
    padding: 15px
}

.lessonAddEditBlog .admingeneralcls .header {
    margin: 0!important;
    padding: 15px!important;
    display: block!important;
    background: #08a298!important;
    background: linear-gradient(90deg, rgba(8, 162, 152, 1) 0%, rgba(74, 96, 164, 1) 100%)!important;
    border-radius: 8px!important;
    font-family: 'OpenSansSemiBold'!important;
    font-size: 26px!important;
    color: #fff!important;
    text-transform: uppercase!important;
    margin-bottom: 25px!important;
    text-align: center!important
}

.lessonAddEditBlog .admingeneralcls .formclass {
    background: #f1f1f1 url(../images/form_bg.png) no-repeat right bottom;
    border-radius: 10px!important;
    width: 85%!important;
    margin: 0 auto!important;
    background-size: 60px;
    border: none!important;
    padding: 40px!important;
    margin-bottom: 15px!important
}

.lessonAddEditBlog .admingeneralcls .mat-form-field-flex {
    border-radius: 4px 4px 0 0;
    padding: 0 .75em .75em;
    background: #fff;
    border: 1px solid #d0d0d0;
    box-sizing: border-box
}

.lessonAddEditBlog .admingeneralcls .mat-form-field-appearance-legacy .mat-form-field-label {
    color: #4a4646;
    font-size: 16px!important;
    font-family: 'OpenSansSemiBold'
}

.lessonAddEditBlog .admingeneralcls .mat-form-field-should-float label {
    top: 28px!important;
    color: #0e6567!important
}

.lessonAddEditBlog .admingeneralcls input.mat-input-element {
    font-size: 16px!important
}

.lessonAddEditBlog .admingeneralcls .mat-form-field-appearance-legacy .mat-form-field-infix {
    padding: 15px 0 0
}

.lessonAddEditBlog .admingeneralcls textarea {
    resize: none!important
}

.lessonAddEditBlog .admingeneralcls .btncls button {
    margin: 2px 0;
    background: rgba(48, 200, 251, 1);
    background: -moz-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(48, 200, 251, 1)), color-stop(100%, rgba(32, 163, 219, 1)));
    background: -webkit-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -o-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -ms-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: linear-gradient(to bottom, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#30c8fb', endColorstr='#20a3db', GradientType=0);
    font-size: 22px;
    color: #fff;
    padding: 5px 10px;
    width: 140px!important;
    text-transform: capitalize;
    border-radius: 5px!important
}

.lessonAddEditBlog .admingeneralcls .btncls button:nth-of-type(2) {
    margin: 2px 5px
}

.lessonAddEditBlog .admingeneralcls .mat-checkbox {
    margin-top: 15px
}

.lessonAddEditBlog .admingeneralcls .filebuttoncls {
    display: inline-block;
    margin: 10px 0 0
}

.lessonAddEditBlog .admingeneralcls .typebtncls_0 button {
    background: url(../images/addvideo_icon.png) no-repeat center center!important;
    background-size: 100%!important;
    width: 30px!important;
    height: 35px!important;
    font-size: 0;
    box-shadow: none!important;
    border-radius: 0;
    padding: 0;
    margin: 4px 8px 4px 0 !important;
    min-width: inherit;
    float: none!important
}

.lessonAddEditBlog .admingeneralcls .typebtncls_1 button {
    background: url(../images/addaudio_icon.png) no-repeat center center!important;
    background-size: 100%!important;
    width: 25px!important;
    height: 35px!important;
    font-size: 0;
    box-shadow: none!important;
    border-radius: 0;
    padding: 0;
    margin: 4px 8px 4px 0 !important;
    min-width: inherit;
    float: none!important
}

.lessonAddEditBlog .admingeneralcls .typebtncls_2 button {
    background: url(../images/addfile_icon.png) no-repeat center center!important;
    background-size: 90%!important;
    width: 25px!important;
    height: 30px!important;
    font-size: 0;
    box-shadow: none!important;
    border-radius: 0;
    padding: 0;
    margin: 4px 8px 4px 0 !important;
    min-width: inherit;
    float: none!important
}

.lessonAddEditBlog .checkboxnew {
    display: table!important
}

.lessonAddEditBlog .quizcls {
    display: block
}

.AddUserComponent .mat-card {
    box-shadow: none!important;
    text-align: center
}

.AddUserComponent .mat-dialog-container button {
    background: #254e6d;
    font-size: 22px;
    color: #fff;
    box-shadow: none;
    font-family: 'OpenSansSemiBold';
    text-shadow: none;
    white-space: normal;
    min-height: inherit;
    padding: 0!important;
    line-height: 36px!important;
    text-align: center;
    display: block;
    width: 100%;
    margin: 5px 0;
    padding: 0 5px!important;
    padding-bottom: 4px!important
}

.event-edit-modal .mat-dialog-container {
    position: relative;
    overflow: inherit;
    padding: 0!important
}

.event-edit-modal .btn-modal-close {
    float: none!important;
    color: #fff;
    position: absolute;
    right: -20px;
    cursor: pointer;
    top: -20px;
    background: #254e6d;
    border-radius: 100px;
    padding: 1px;
    border: none;
    width: 28px;
    outline: none
}

.event-edit-modal mat-dialog-content {
    max-height: 70vh!important;
    overflow: hidden;
    display: block;
    overflow-y: scroll;
    padding: 15px;
    margin: 0
}

.event-edit-modal .edit-header .modal-title {
    display: block;
    text-align: center;
    font-family: 'OpenSansSemiBold';
    font-size: 26px;
    padding: 10px;
    background: #f1f1f1;
    color: #254e6d
}

.event-edit-modal .mat-form-field {
    display: block;
    margin-top: 10px
}

.event-edit-modal .available-weekdays {
    display: block;
    margin-bottom: 10px
}

.event-edit-modal textarea {
    resize: none!important
}

.event-edit-modal .event-submit {
    margin: 2px 0;
    background: rgba(48, 200, 251, 1);
    background: -moz-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(48, 200, 251, 1)), color-stop(100%, rgba(32, 163, 219, 1)));
    background: -webkit-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -o-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -ms-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: linear-gradient(to bottom, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#30c8fb', endColorstr='#20a3db', GradientType=0);
    font-size: 22px;
    color: #fff;
    padding: 5px 10px;
    width: 140px!important;
    text-transform: capitalize;
    border-radius: 5px!important
}

.event-edit-modal .event-reset {
    margin: 2px 0;
    background: rgba(48, 200, 251, 1);
    background: -moz-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(48, 200, 251, 1)), color-stop(100%, rgba(32, 163, 219, 1)));
    background: -webkit-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -o-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -ms-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: linear-gradient(to bottom, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#30c8fb', endColorstr='#20a3db', GradientType=0);
    font-size: 22px;
    color: #fff;
    padding: 5px 10px;
    width: 140px!important;
    text-transform: capitalize;
    border-radius: 5px!important
}

.event-edit-modal .edit-event-dialog {
    padding: 15px!important
}

.delete-single .mat-dialog-actions {
    justify-content: flex-start;
    display: flex;
    flex-wrap: wrap!important
}

.delete-single .ng-star-inserted button {
    margin: 0
}

.mat-dialog-container .mat-dialog-title {
    margin: 0;
    padding: 0;
    color: #254e6d;
    font-size: 24px;
    font-weight: 400;
    position: relative
}

.mat-dialog-container .mat-dialog-content {
    padding: 0;
    font-size: 18px;
    color: #333;
    font-family: 'OpenSansSemiBold';
    margin: 0
}

.mat-dialog-container .mat-dialog-content p {
    margin: 0;
    padding: 0
}

.mat-dialog-container .mat-dialog-actions button {
    text-align: center;
    background: rgba(48, 200, 251, 1);
    background: -moz-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(48, 200, 251, 1)), color-stop(100%, rgba(32, 163, 219, 1)));
    background: -webkit-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -o-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -ms-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: linear-gradient(to bottom, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#30c8fb', endColorstr='#20a3db', GradientType=0);
    font-size: 22px;
    color: #fff;
    line-height: 45px!important
}

.popuptextconAB {
    display: block;
    text-align: center;
    font-family: 'OpenSansSemiBold';
    font-size: 20px;
    color: #262626;
    padding: 15px 0
}

.popuptextconAB b {
    color: #012136!important
}

.lessonAddEditBlog .addvideoblock {
    background: none!important;
    padding: 0!important;
    width: auto!important;
    display: block!important
}

.lessonAddEditBlog .adddeletefilecls {
    right: 0!important
}

.lessonAddEditBlog .imgcard {
    margin: 0!important;
    padding: 0!important;
    width: auto!important;
    word-break: break-all!important;
    box-shadow: none!important
}

.lessonAddEditBlog .addvideoblock {
    margin: 5px 5px 5px 0 !important;
    width: 320px!important;
    word-break: break-all!important;
    box-shadow: none!important;
    background: #fff!important;
    border: solid 1px #ccc!important;
    padding: 16px!important;
    border-radius: 4px
}

.adddeleteAudiocls {
    right: 0!important
}

.adddeletevideocls {
    right: 0!important
}

.lessonAddEditBlog .material-icons {
    margin: 4px!important;
    color: #0c3956!important
}

.lessonAddEditBlog .addvideoblock b {
    color: #0c3956!important
}

.lessonAddEditBlog .addvideoblock .mat-card-title {
    color: #0c3956!important
}

.lesson_videomodal .Lesson_Videos_Modal {
    height: auto!important;
    padding: 15px!important;
    width: auto;
    overflow-x: hidden;
    overflow-y: scroll;
    max-height: 70vh
}

.mat-card-image:first-child {
    margin-top: 0!important
}

.lesson_videomodal .mat-dialog-container {
    padding: 0!important;
    position: relative;
    overflow: inherit
}

.lesson_videomodal .headercls h2 {
    display: block;
    text-align: center;
    font-family: 'OpenSansSemiBold';
    font-size: 26px;
    padding: 10px;
    background: #f1f1f1;
    color: #254e6d;
    margin: 0
}

.lesson_videomodal .headercls h2 u {
    text-decoration: none
}

.lesson_videomodal textarea {
    resize: none!important
}

.lesson_videomodal .mat-raised-button {
    margin: 2px 5px;
    background: rgba(48, 200, 251, 1);
    background: -moz-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(48, 200, 251, 1)), color-stop(100%, rgba(32, 163, 219, 1)));
    background: -webkit-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -o-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -ms-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: linear-gradient(to bottom, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#30c8fb', endColorstr='#20a3db', GradientType=0);
    font-size: 22px;
    color: #fff;
    padding: 5px 15px;
    width: fit-content!important;
    text-transform: capitalize;
    border-radius: 5px!important; margin-top: 15px!important;
}

.lesson_videomodal .mat-raised-button span.mat-button-wrapper{    color: #ffffff!important;    margin-top: 0!important; margin-bottom: 0!important;    }

.Lesson_Videos_Modal,
.videocontainer {
    padding: 15px!important;
    overflow-x: hidden
}

.lessonAddEditBlog2 {
    padding: 15px
}

.lessonAddEditBlog2 mat-card {
    box-shadow: none!important;
    border: none;
    margin: 0;
    padding: 0
}

.lessonAddEditBlog2 mat-toolbar {
    margin: 0!important;
    padding: 15px!important;
    display: block!important;
    background: #08a298!important;
    background: linear-gradient(90deg, rgba(8, 162, 152, 1) 0%, rgba(74, 96, 164, 1) 100%)!important;
    border-radius: 8px!important;
    font-family: 'OpenSansSemiBold'!important;
    font-size: 26px!important;
    color: #fff!important;
    text-transform: uppercase!important;
    margin-bottom: 25px!important;
    text-align: center!important
}

.lessonAddEditBlog2 mat-toolbar h2 {
    margin: 0!important;
    padding: 0!important;
    font-size: 26px!important
}

.lessonAddEditBlog2 .formcls {
    background: #f1f1f1 url(../images/form_bg.png) no-repeat right bottom;
    border-radius: 10px!important;
    width: 85%!important;
    margin: 0 auto!important;
    background-size: 60px;
    border: none!important;
    padding: 40px!important;
    margin-bottom: 15px!important
}

.lessonAddEditBlog2 .formcls .mat-form-field-flex {
    border-radius: 4px 4px 0 0;
    padding: 0 .75em .75em;
    background: #fff;
    border: 1px solid #d0d0d0;
    box-sizing: border-box
}

.lessonAddEditBlog2 .formcls .mat-form-field-appearance-legacy .mat-form-field-label {
    color: #4a4646;
    font-size: 16px!important;
    font-family: 'OpenSansSemiBold'
}

.lessonAddEditBlog2 .formcls .mat-form-field-should-float label {
    top: 28px!important;
    color: #0e6567!important
}

.lessonAddEditBlog2 .formcls input.mat-input-element {
    font-size: 16px!important
}

.lessonAddEditBlog2 .formcls .mat-form-field-appearance-legacy .mat-form-field-infix {
    padding: 15px 0 0
}

.lessonAddEditBlog2 .formcls textarea {
    resize: none!important
}

.lessonAddEditBlog2 .formcls .trainingsubbtn {
    margin: 2px 0;
    background: rgba(48, 200, 251, 1);
    background: -moz-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(48, 200, 251, 1)), color-stop(100%, rgba(32, 163, 219, 1)));
    background: -webkit-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -o-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -ms-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: linear-gradient(to bottom, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#30c8fb', endColorstr='#20a3db', GradientType=0);
    font-size: 22px;
    color: #fff;
    padding: 5px 10px;
    width: 140px!important;
    text-transform: capitalize;
    border-radius: 5px!important
}

.lessonAddEditBlog2 .formcls .trainingsubbtn:nth-of-type(2) {
    margin: 2px 5px
}

.lessonAddEditBlog2 .formcls .mat-checkbox {
    margin-top: 15px;
    display: block
}

.manage_lesson_listpagebody .buttonsetToolbar .addquizcls {
    float: right!important;
    margin: 5px!important
}

.viewanscls {
    background: url(../images/ViewAnswer_icon.png) no-repeat center center!important;
    background-size: 100%!important;
    width: 25px!important;
    height: 25px!important;
    font-size: 0!important;
    box-shadow: none!important;
    border-radius: 0;
    padding: 0!important;
    margin: 4px 8px!important;
    min-width: inherit!important;
    float: none!important
}

.addanscls {
    background: url(../images/AddAnswer_icon.png) no-repeat center center!important;
    background-size: 100%!important;
    width: 25px!important;
    height: 25px!important;
    font-size: 0!important;
    box-shadow: none!important;
    border-radius: 0;
    padding: 0!important;
    margin: 4px 8px!important;
    min-width: inherit!important;
    float: none!important
}

.manage_lesson_listpagebodytop .buttons_ro {
    align-items: center;
    display: flex
}

.lessonAddEditBlog3 {
    padding: 15px!important
}

.lessonAddEditBlog3 mat-card {
    box-shadow: none!important;
    border: none;
    margin: 0;
    padding: 0
}

.lessonAddEditBlog3 mat-toolbar {
    margin: 0!important;
    padding: 15px!important;
    display: block!important;
    background: #08a298!important;
    background: linear-gradient(90deg, rgba(8, 162, 152, 1) 0%, rgba(74, 96, 164, 1) 100%)!important;
    border-radius: 8px!important;
    font-family: 'OpenSansSemiBold'!important;
    font-size: 26px!important;
    color: #fff!important;
    text-transform: uppercase!important;
    margin-bottom: 25px!important;
    text-align: center!important
}

.lessonAddEditBlog3 mat-toolbar h2 {
    margin: 0!important;
    padding: 0!important;
    font-size: 26px!important
}

.lessonAddEditBlog3 form {
    background: #f1f1f1 url(../images/form_bg.png) no-repeat right bottom;
    border-radius: 10px!important;
    width: 85%!important;
    margin: 0 auto!important;
    background-size: 60px;
    border: none!important;
    padding: 40px!important;
    min-height: 580px;
    margin-bottom: 15px!important
}

.lessonAddEditBlog3 .mat-form-field-flex {
    border-radius: 4px 4px 0 0;
    padding: 0 .75em .75em;
    background: #fff;
    border: 1px solid #d0d0d0;
    box-sizing: border-box
}

.lessonAddEditBlog3 .mat-form-field-appearance-legacy .mat-form-field-label {
    color: #4a4646;
    font-size: 16px!important;
    font-family: 'OpenSansSemiBold'
}

.lessonAddEditBlog3 .mat-form-field-should-float label {
    top: 28px!important;
    color: #0e6567!important
}

.lessonAddEditBlog3 input.mat-input-element {
    font-size: 16px!important
}

.lessonAddEditBlog3 .mat-form-field-appearance-legacy .mat-form-field-infix {
    padding: 15px 0 0
}

.lessonAddEditBlog3 textarea {
    resize: none!important
}

.lessonAddEditBlog3 .trainingsubbtn {
    margin: 2px 0;
    background: rgba(48, 200, 251, 1);
    background: -moz-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(48, 200, 251, 1)), color-stop(100%, rgba(32, 163, 219, 1)));
    background: -webkit-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -o-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -ms-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: linear-gradient(to bottom, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#30c8fb', endColorstr='#20a3db', GradientType=0);
    font-size: 22px;
    color: #fff;
    padding: 5px 10px;
    width: 140px!important;
    text-transform: capitalize;
    border-radius: 5px!important
}

.lessonAddEditBlog3 .trainingsubbtn:nth-of-type(2) {
    margin: 2px 5px
}

.lessonAddEditBlog3 .mat-checkbox {
    margin-top: 15px;
    display: block
}

.updateanswerlist .buttonsetToolbar {
    background: none!important;
    clear: both;
    overflow: hidden;
    height: auto
}

.updateanswerlist .buttonsetToolbar button {
    background: rgba(14, 61, 92, 1);
    background: -moz-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(14, 61, 92, 1)), color-stop(100%, rgba(2, 35, 57, 1)));
    background: -webkit-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -o-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -ms-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: linear-gradient(to bottom, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0e3d5c', endColorstr='#022339', GradientType=0);
    font-size: 20px;
    color: #fff;
    font-family: 'OpenSansSemiBold';
    text-decoration: none;
    outline: none;
    cursor: pointer;
    border: none;
    border-radius: 5px;
    padding: 5px 10px
}

.updateanswerlist mat-toolbar {
    margin-bottom: 0!important
}

.updateanswerlist .buttonsetToolbar .material-icons {
    color: #fff!important
}

.updateanswerlist table {
    box-shadow: none;
    border: 1px solid #f3f3f3!important;
    border-radius: 8px!important
}

.updateanswerlist table tr {
    border: 1px solid #d0d0d0!important
}

.updateanswerlist table tr:nth-of-type(odd) {
    background: #f3f3f3
}

.updateanswerlist thead tr {
    background: #012136!important;
    border-radius: 8px 8px 0 0!important
}

.updateanswerlist thead th {
    color: #fff!important;
    font-size: 16px!important
}

.updateanswerlist thead th .mat-checkbox-inner-container {
    border: solid 1px #fff
}

.updateanswerlist thead th span {
    display: flex;
    align-self: center
}

.updateanswerlist thead th:nth-of-type(1) {
    border-radius: 8px 0 0 0!important
}

.updateanswerlist thead th:last-of-type {
    border-radius: 0 8px 0 0!important
}

.updateanswerlist tbody tr {
    border-radius: 0 0 8px 8px
}

.updateanswerlist tbody tr:last-of-type td:first-of-type {
    border-radius: 0 0 0 8px
}

.updateanswerlist tbody tr:last-of-type td:last-of-type {
    border-radius: 0 0 8px 0
}

.updateanswerlist td,
.updateanswerlist th {
    width: auto!important
}

.updateanswerlist .cdk-column-Actions .material-icons {
    margin: 4px;
    color: #0c3956
}

.updateanswerlist .mat-paginator {
    display: block!important;
    clear: both!important;
    overflow: hidden!important;
    margin: 5px auto;
    margin-top: 15px;
    float: none;
    width: 388px;
    text-align: center;
    float: none!important
}

.updateanswerlist .mat-form-field-flex {
    display: inline-flex!important;
    align-items: baseline!important;
    box-sizing: border-box!important;
    width: 100%!important;
    border: solid 1px #c4c8ca!important;
    padding-left: 2%!important;
    padding-right: 2%!important;
    padding-bottom: 4px!important
}

.updateanswerlist {
    min-height: 760px
}

.updateanswerlist .mat-elevation-z8 {
    box-shadow: none!important
}

.updateanswerlist .material-icons {
    margin: 4px!important;
    color: #0c3956!important
}

.updateanswerlist .questioncls {
    padding: 10px!important;
    background-color: #efe8e8!important;
    font-family: 'OpenSansSemiBold'!important;
    font-size: 20px!important;
    color: #0c3956!important;
    margin: 0 0 30px;
    border-radius: 5px
}

.updateanswerlist .questioncls h2 {
    margin: 0;
    padding: 0
}

.lesson_videomodal .Lesson_Videos_Modalclodse {
    float: none!important;
    color: #fff;
    position: absolute;
    right: -20px;
    cursor: pointer;
    top: -20px;
    background: #254e6d;
    border-radius: 100px;
    padding: 2px;
    border: none;
    width: 30px;
    outline: none;
    line-height: 14px
}

.lesson_videomodal .example-section {
    position: inherit;
    width: 100%;
    margin: 0 0 10px
}

.lesson_videomodal .mat-card {
    box-shadow: none!important;
    border: none!important;
    margin: 0!important;
    padding: 0!important
}

.lesson_videomodal audio {
    display: block;
    margin: 0 auto;
    margin-bottom: 5px;
    width: 100%
}

.lesson_videomodal .mat-card-image {
    display: block;
    margin: 0 auto;
    margin-bottom: 5px;
    width: 100%
}

.lesson_videomodal iframe {
    display: block;
    margin: 0 auto;
    margin-bottom: 5px;
    width: 100%
}

.lesson_videomodal .listheader {
    display: block;
    text-align: center;
    font-family: 'OpenSansSemiBold';
    font-size: 26px;
    padding: 10px;
    background: #f1f1f1;
    color: #254e6d;
    margin: 0
}

.lesson_videomodal .Lesson_Videos_Modal_footer {
    padding: 10px!important;
    margin-top: 0!important;
    text-align: center
}

.lessonAddEditBlog .mat-checkbox .mat-checkbox-label {
    padding-right: 16px
}

.Lesson_Videos_Modal .previewhtmlcls {
    border-bottom: solid 1px #f1f1f1!important;
    border-radius: 0!important;
    padding: 0!important;
    margin: 0 0 15px!important
}

.previewhtmlcls p {
    margin-top: 0
}

.Lesson_Videos_Modal .mat-card .popuptextconAB {
    border-bottom: solid 1px #f1f1f1!important;
    margin: 0 0 15px!important
}

.Lesson_Videos_Modal .mat-card:last-of-type .popuptextconAB {
    border-bottom: none!important;
    margin: 0!important
}

.adminlisttable_v2 .example-section {
    position: fixed;
    left: 0;
    top: 10px
}

.userEdit button {
    background: url(../images/my_appointments_reschedule.png) no-repeat center center!important;
    background-size: 100%!important;
    width: 18px!important;
    height: 25px!important;
    font-size: 0;
    box-shadow: none!important;
    border-radius: 0;
    padding: 0;
    margin: 4px 4px;
    min-width: inherit
}

.follow_up_call button {
    background: url(../images/Dispositio_icon.png) no-repeat center center!important;
    background-size: 100%!important;
    width: 25px!important;
    height: 25px!important;
    font-size: 0;
    box-shadow: none!important;
    border-radius: 0;
    padding: 0;
    margin: 4px 4px;
    min-width: inherit
}

.FolderView button {
    background: url(../images/folderviewicon.png) no-repeat center center!important;
    background-size: 100%!important;
    width: 25px!important;
    height: 25px!important;
    font-size: 0;
    box-shadow: none!important;
    border-radius: 0;
    padding: 0;
    margin: 4px 4px;
    min-width: inherit
}

.disposition_warranty button {
    background: url(../images/tages.png) no-repeat center center!important;
    background-size: 100%!important;
    width: 25px!important;
    height: 25px!important;
    font-size: 0;
    box-shadow: none!important;
    border-radius: 0;
    padding: 0;
    margin: 4px 4px;
    min-width: inherit
}

.disposition button {
    background: url(../images/tagesview_lead.png) no-repeat center center!important;
    background-size: 100%!important;
    width: 25px!important;
    height: 25px!important;
    font-size: 0;
    box-shadow: none!important;
    border-radius: 0;
    padding: 0;
    margin: 4px 4px;
    min-width: inherit
}

.adminlisttable_v2 tbody .mat-column-Actions .userEdit button {
    background: url(../images/editlist.png) no-repeat center center!important;
    background-size: 100%!important;
    width: 18px!important;
    height: 25px!important;
    font-size: 0;
    box-shadow: none!important;
    border-radius: 0;
    padding: 0;
    margin: 4px 4px;
    min-width: inherit
}

.adminlisttable_v2 tbody .mat-column-Actions .UpdateStatus button {
    background: url(../images/UpdateStatus_icon.png) no-repeat center center!important;
    background-size: 100%!important;
    width: 22px!important;
    height: 22px!important;
    font-size: 0;
    box-shadow: none!important;
    border-radius: 0;
    padding: 0;
    margin: 4px 4px;
    min-width: inherit
}

.adminlisttable_v2 tbody .mat-column-Actions .StatusChange button {
    background: url(../images/Status_Change_icon.png) no-repeat center center!important;
    background-size: 100%!important;
    width: 26px!important;
    height: 26px!important;
    font-size: 0;
    box-shadow: none!important;
    border-radius: 0;
    padding: 0;
    margin: 4px 4px;
    min-width: inherit
}

.adminlisttable_v2 tbody .mat-column-Actions .PresentationLinks button {
    background: url(../images/SocialShareLinkicon.png) no-repeat center center!important;
    background-size: 100%!important;
    width: 22px!important;
    height: 22px!important;
    font-size: 0;
    box-shadow: none!important;
    border-radius: 0;
    padding: 0;
    margin: 4px 4px;
    min-width: inherit
}

.cdk-global-scrollblock {
    top: 0!important
}

.TrainingProgress_wrapper {
    border-radius: 0 0 8px 8px;
    margin-top: 25px!important
}

.TrainingProgress_wrapper_con {
    display: block;
    padding: 15px;
    text-align: center
}

.TrainingProgress_wrapper_con .mat-progress-spinner {
    margin: 0 auto
}

.TrainingProgress_wrapper .TrainingProgress_wrapper_con {
    display: block
}

.TrainingProgress_wrapper .TrainingProgress_wrapper_con .mat-progress-spinner {
    display: block
}

.TrainingProgress_wrapper .TrainingProgress_btndiv {
    display: block;
    text-align: left;
    padding: 10px 15px;
    margin: 0;
    font-size: 16px;
    color: #fff;
    font-family: 'OpenSansSemiBold';
    padding-bottom: 15px
}

.TrainingProgress_con .mat-progress-spinner svg {
    background: #eaeaef!important;
    border-radius: 100px!important;
    border: solid 1px #cbcbd4!important
}

.TrainingProgress_con .mat-progress-spinner circle,
.TrainingProgress_con .mat-spinner circle {
    stroke: #16949b!important
}

.TrainingProgress_wrapper .TrainingProgress_btndiv:first-of-type {
    border-radius: 5px 5px 0 0
}

.TrainingProgress_wrapper .TrainingProgress_btndiv:last-of-type {
    border-radius: 0 0 5px 5px
}

.TrainingProgress_wrapper .TrainingProgress_btndiv:nth-child(1) {
    background: #129fa0;
    color: #fff;
    height: 100%
}

.TrainingProgress_wrapper .TrainingProgress_btndiv:nth-child(2) {
    margin-top: 2px;
    background: #f3b405;
    color: #fff;
    height: 100%
}

.TrainingProgress_wrapper .TrainingProgress_btndiv button {
    padding: 10px;
    text-align: center;
    color: #fff;
    font-size: 30px;
    font-weight: 400;
    font-family: 'OpenSansBold';
    border: none;
    background: none;
    margin: 0;
    padding: 0 0 10px 0;
    text-transform: capitalize;
    outline: none
}

.TrainingProgress_wrapper .TrainingProgress_btndiv p {
    margin: 0;
    padding: 0;
    font-size: 18px
}

.technologicalconsultant .lastlogin a {
    display: inline-block;
    background: none!important;
    padding: 0;
    border-radius: 4px;
    text-align: center;
    margin: 2px;
    clip-path: inherit!important;
    cursor: pointer!important
}

.TrainingProgress_wrapper_con {
    position: relative
}

.TrainingProgress_wrapper_con span {
    display: block;
    text-align: center;
    font-size: 20px;
    color: #16949b;
    position: absolute;
    left: 0;
    top: 46%;
    width: 100%;
    font-family: 'OpenSansSemiBold'
}

.training_center_wrapper {
    padding: 0
}

.trainingheadercls_wrapper {
    background: #e6e9ec;
    padding: 15px
}

.training_center_wrapper .trainingheadercls {
    border: 1px solid #f7faff!important;
    box-shadow: 1px 1px 5px #d4d4d4;
    margin-bottom: 0;
    border-radius: 50px;
    padding: 0!important;
    background-color: #99acaf
}

.training_center_wrapper .trainingheadercls h2 {
    color: #252525;
    font-size: 26px;
    font-weight: 400;
    font-family: 'OpenSansSemiBold';
    padding-left: 20px
}

.training_center_wrapper .trainingheadercls h3 {
    color: #fff;
    font-weight: 400;
    padding-right: 10px
}

.training_center_wrapper .trainingheadercls .mat-progress-bar {
    margin: 0 10px!important;
    height: 16px!important;
    border-radius: 50px;
    border: 1px solid #f7faff!important
}

.training_center_wrapper .trainingheadercls .mat-progress-bar-buffer {
    background-color: #fff!important
}

.training_center_wrapper .trainingheadercls .mat-progress-bar-fill:after {
    background-color: #5fc523!important
}

.training_center_wrapper .alltrainingcls .trainingcentercls {
    margin: 0;
    position: -webkit-sticky;
    position: sticky;
    top: 0
}

.trainingcentercls_group .trainingcentercls_box_wrapper {
    padding: 7px;
    background: #fff;
    border: 1px solid #e9e7e7
}

.training_center_wrapper .trainingcenterclsupdate {
    margin-top: 0!important
}

.training_center_wrapper .trainingcentercls_group {
    border-bottom: 0!important
}

.training_center_wrapper .trainingcentercls_group h2 {
    margin: 0!important;
    padding: 8px 10px 12px!important;
    text-align: center!important;
    background: #fdd203!important;
    background: linear-gradient(180deg, rgba(253, 210, 3, 1) 0%, rgba(253, 183, 1, 1) 100%)!important;
    color: #252525!important;
    font-size: 26px!important;
    font-weight: 400!important;
    border-bottom: solid 5px #fff;
    font-family: 'OpenSansSemiBold'
}

.trainingcentercls .progresspercentagecls {
    margin-top: -24px
}

.trainingcentercls_box .classongoing {
    background: #7cdaf7!important;
    background-image: -webkit-linear-gradient(top, #7cdaf7, #2dbdea)!important;
    background-image: -moz-linear-gradient(top, #7cdaf7, #2dbdea)!important;
    background-image: -o-linear-gradient(top, #7cdaf7, #2dbdea)!important;
    background-image: linear-gradient(to bottom, #7cdaf7, #2dbdea)!important;
    border-bottom: 0;
    white-space: normal;
    word-break: break-word;
    display: inline-block;
    word-wrap: normal;
    resize: none;
    box-sizing: border-box;
    width: 100%!important
}

.trainingcentercls_box {
    border: 1px solid #dbdee2;
    margin-top: 7px
}

.trainingcentercls_box:first-child {
    margin-top: 0!important
}

.trainingcentercls_group .trainingcentercls_box:nth-child(4) {
    margin-top: 0!important
}

.maincartcls_row .alltrainingcls {
    background-color: #edf0f2
}

.classnotdone {
    background-color: transparent!important
}

.trainingcentercls_box .classnotdone {
    background: #eceff1;
    background-image: -webkit-linear-gradient(top, #eceff1, #eceff1);
    background-image: -moz-linear-gradient(top, #eceff1, #eceff1);
    background-image: -o-linear-gradient(top, #eceff1, #eceff1);
    background-image: linear-gradient(to bottom, #eceff1, #eceff1);
    border-bottom: 0
}

.trainingcentercls_group {
    margin-bottom: 10px
}

.training_center_wrapper .trainingcentercls_box .mat-progress-bar-buffer {
    background-color: #fff!important
}

.training_center_wrapper .trainingcentercls_box .mat-progress-bar-fill:after {
    background-color: #5fc523!important
}

.training_center_wrapper .trainingcentercls_box .mat-progress-bar-buffer {
    background-color: #fff!important
}

.training_center_wrapper .trainingcentercls_box .mat-progress-bar-fill:after {
    background-color: #5fc523!important
}

.training_center_wrapper .trainingcentercls_box .mat-progress-bar {
    margin: 0!important;
    height: 15px!important;
    border: 1px solid #c8c8c8;
    border-radius: 50px
}

.training_center_wrapper .trainingcentercls_box .categoryname {
    color: #252525;
    font-size: 20px;
    margin-bottom: 10px;
    font-family: 'OpenSansSemiBold'
}

.training_center_wrapper .trainingcentercls_box .categoryname .material-icons {
    margin-right: 10px;
    float: left
}

.training_center_wrapper .trainingcentercls_box .categoryname .countcls {
    flex: inherit;
    display: block;
    margin: 15px 0 0
}

.trainingcentercls_box .mat-list-item {
    padding: 8px 16px
}

.training_center_wrapper mat-card-title {
    margin: 0!important;
    padding: 10px 16px!important;
    background: #35b336;
    background: linear-gradient(0deg, rgba(53, 179, 54, 1) 0%, rgba(75, 215, 58, 1) 100%);
    color: #fff!important;
    font-size: 30px!important;
    font-family: 'OpenSansSemiBold';
    font-weight: 400!important;
    border-bottom: solid 5px #fff;
    border: 5px solid #fff;
    position: relative;
    padding-right: 65px!important;
    min-height: 38px;
    position: relative;
    margin-bottom: 14px!important;
    border-radius: 8px;
    text-shadow: 0 2px 3px #000;
    box-shadow: 0 0 3px #000
}

.training_center_wrapper mat-card-title::after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_bio_shadow1.png);
    background-position: center top;
    background-size: 100% 100%;
    width: 100%;
    height: 30px;
    position: absolute;
    left: 50%;
    bottom: -35px;
    transform: translateX(-50%)
}

.training_center_wrapper mat-card-title .back_to_dashbord {
    background: url(../images/backtodashboard.png) no-repeat left center;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    border: none;
    cursor: pointer;
    padding: 5px 8px;
    font-size: 0;
    background-size: 100%;
    width: 40px;
    height: 37px;
    border: none
}

.trainingcenterclsupdate .classlessonongoing {
    background: #2ec4f7!important;
    background-image: -webkit-linear-gradient(top, #2ec4f7, #23aae0)!important;
    background-image: -moz-linear-gradient(top, #2ec4f7, #23aae0)!important;
    background-image: -o-linear-gradient(top, #2ec4f7, #23aae0)!important;
    background-image: linear-gradient(to bottom, #2ec4f7, #23aae0)!important;
    white-space: normal;
    word-break: break-word;
    display: inline-block;
    word-wrap: normal;
    resize: none;
    box-sizing: border-box;
    width: 100%!important;
    font-size: 30px!important;
    font-weight: 400!important;
    padding: 10px 18px!important;
    color: #fff;
    text-transform: inherit !important;

}

.trainingcenterclsupdate .classlessondone {
    background: #fdd203;
    background-image: -webkit-linear-gradient(top, #fdd203, #fdb701);
    background-image: -moz-linear-gradient(top, #fdd203, #fdb701);
    background-image: -o-linear-gradient(top, #fdd203, #fdb701);
    background-image: linear-gradient(to bottom, #fdd203, #fdb701);
    color: #252525!important;
    font-size: 30px!important;
    font-family: 'OpenSansSemiBold';
    font-weight: 400!important;
    padding: 6px 18px 12px!important;
    text-transform: inherit !important;
}

.trainingcenterclsupdate .classlessonnotdone {
    color: #252525!important;
    font-size: 30px!important;
    font-family: 'OpenSansSemiBold';
    font-weight: 400!important;
    padding: 6px 18px 12px!important;
    background: #e7e7e7;
    background-image: -webkit-linear-gradient(top, #e7e7e7, #a39d9d);
    background-image: -moz-linear-gradient(top, #e7e7e7, #a39d9d);
    background-image: -o-linear-gradient(top, #e7e7e7, #a39d9d);
    background-image: linear-gradient(to bottom, #e7e7e7, #a39d9d);
    width: auto!important
}

.rowinner_block {
    background-color: #fff!important;
    padding: 0!important;
    margin: 2px 0!important
}

.training_center_wrapper .rowinner_block {
    position: relative
}

.rowinner_block {
    clear: both;
    overflow: hidden
}

/* .lessoncontent span:last-of-type {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 5px 15px 0
} */

.lessoncontent span:last-of-type span {
    display: block;
    padding: 0 10px 0 0;
    text-align: left;
    color: #252525;
    font-size: 18px;
    font-family: 'OpenSansSemiBold';
    width: 70%
}

.lessoncontent button span {
    display: block!important;
    padding: 0!important;
    color: #fff!important;
    font-size: 20x!important;
    width: 100%!important;
    text-align: center!important
}

.training_center_wrapper .rowinner_block .markbtncls {
    font-family: 'OpenSansSemiBold';
    border-radius: 4px!important;
    font-size: 24px;
    min-width: 100px;
    color: #fff!important;
    float: none;
    box-shadow: none;
    border-radius: 0;
    background: rgba(48, 200, 251, 1);
    background: -moz-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(48, 200, 251, 1)), color-stop(100%, rgba(32, 163, 219, 1)));
    background: -webkit-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -o-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -ms-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: linear-gradient(to bottom, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#30c8fb', endColorstr='#20a3db', GradientType=0);
    line-height: 40px;
    outline: none;
    position: inherit!important;
    text-shadow: 0 2px 3px #000;
    padding-bottom: 4px;
    margin: 0 auto;
    display: block;
}

.training_center_wrapper .training_mainwrappercon button {
    width: 140px;
    line-height: 44px;
    text-align: center;
    box-shadow: none;
    background: transparent;
    font-size: 20px;
    color: #fff;
    font-family: 'OpenSansSemiBold';
    text-decoration: none;
    outline: none;
    margin: 5px 2px 5px 0;
    cursor: pointer;
    border: none;
    border-radius: 5px
}

.training_center_wrapper .doneimgcls {
    width: 28px!important;
    margin: -6px 0 0!important;
    left: inherit!important;
    position: inherit!important;
    padding: 0!important;
    display: inline-block
}

.training_center_wrapper .afvmaindiv {
    background: #fff;
    padding: 0
}

.training_center_wrapper .audioWrapper {
    background: #fff;
    padding: 5px!important;
    border: 1px solid #c5d5dc
}

.leadlistpage .listingpage_wrapper {
    position: relative;
    min-height: 70vh;
    position: relative;
    min-height: 100vh
}

.leadlistpage .leadbutton {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 26.8%;
    z-index: 9;
    background: rgba(14, 61, 92, 1);
    background: -moz-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(14, 61, 92, 1)), color-stop(100%, rgba(2, 35, 57, 1)));
    background: -webkit-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -o-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -ms-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: linear-gradient(to bottom, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0e3d5c', endColorstr='#022339', GradientType=0);
    font-size: 22px;
    line-height: 50px
}

.audioseccls .audioseccls_slider {
    background: #d5dfdf;
    background-image: -webkit-linear-gradient(top, #d5dfdf, #d5dfdf);
    background-image: -moz-linear-gradient(top, #d5dfdf, #d5dfdf);
    background-image: -o-linear-gradient(top, #d5dfdf, #d5dfdf);
    background-image: linear-gradient(to bottom, #d5dfdf, #d5dfdf)
}

.audio_controlcls {
    background: #afbaba;
    background-image: -webkit-linear-gradient(top, #afbaba, #90a0a0);
    background-image: -moz-linear-gradient(top, #afbaba, #90a0a0);
    background-image: -o-linear-gradient(top, #afbaba, #90a0a0);
    background-image: linear-gradient(to bottom, #afbaba, #90a0a0);
    display: flex;
    align-items: center;
    flex-direction: row-reverse
}

.audiotitle_position {
    padding: 15px 15px 0
}

.audioseccls .descriptioncls p {
    color: #464848;
    font-family: 'OpenSansSemiBold';
    font-size: 16px
}

.audioseccls .audioseccls_title p {
    margin: 0;
    color: #000;
    font-size: 22px;
    font-weight: 400;
    text-align: left;
    font-family: 'OpenSansSemiBold'
}

.audioseccls .mataudiocls {
    display: block;
    flex: 1 0 64%;
    position: relative
}

.audioseccls mat-slider {
    width: 100%!important;
    position: absolute;
    display: block;
    top: -24px;
    margin: 0;
    padding: 0
}

.mat-slider-horizontal .mat-slider-wrapper {
    height: 9px!important;
    top: 23px!important;
    left: 0!important;
    right: 0!important
}

.mat-slider-horizontal .mat-slider-track-background {
    height: 9px!important;
    width: 98%!important;
    background: #5e6a6a!important;
    border-radius: 50px
}

.mat-slider-horizontal .mat-slider-track-wrapper {
    height: 9px!important;
    width: 98%!important
}

.mat-slider-thumb {
    right: 0!important
}

.mat-slider-horizontal .mat-slider-ticks {
    height: 9px!important
}

.mat-slider-horizontal .mat-slider-ticks-container {
    height: 9px!important;
    width: 100%!important
}

.mat-slider-horizontal .mat-slider-track-fill {
    height: 9px!important;
    background: #fdee02!important
}

.mat-slider-thumb {
    position: absolute!important;
    right: -15px!important;
    bottom: -15px!important;
    width: 30px!important;
    height: 30px!important;
    background: #000!important
}

.audiocntrlbtn {
    display: flex!important;
    padding: 8px 8px 0!important;
    flex-wrap: wrap!important;
    justify-content: space-between!important;
    align-items: center!important;
    flex: 1 0 auto
}

.audiocntrlbtn_card {
    padding: 0!important
}

.audioseccls {
    height: auto!important
}

.training_center_wrapper .mandetorycls {
    display: flex!important;
    margin-top: 10px
}

.training_center_wrapper .donetikcls {
    width: auto!important
}

.trainingcenter .lesson_pdfmodal .mat-dialog-container {
    position: relative;
    overflow: inherit;
    width: 600px!important;
    max-width: 96%!important
}

.trainingcenter .lesson_pdfmodal .dilogcontentcancelcls button {
    float: none!important;
    color: #fff;
    position: absolute;
    right: -20px;
    cursor: pointer;
    top: -20px;
    background: #254e6d;
    border-radius: 100px;
    padding: 0 0 3px!important;
    width: 30px!important;
    line-height: inherit!important;
    min-width: inherit!important
}

.pdftoimgcls {
    height: auto!important;
    width: 100%!important;
    margin-top: 15px
}

.pdftoimgcls img {
    height: auto!important;
    width: 100%!important
}

.trainingcenter .lesson_pdfmodal .filetitle {
    font-family: 'OpenSansBold'!important;
    font-size: 22px!important;
    text-align: center;
    color: #fff!important;
    margin: 0 auto!important;
    padding: 10px!important;
    line-height: 24px!important;
    background: #294b6d;
    display: block;
    height: auto!important
}

.trainingcenter .lesson_pdfmodal preview-content-dialog {
    max-height: 80vh;
    padding: 15px!important;
    overflow-x: hidden;
    display: block
}

.training_center_wrapper .videoplayimg {
    width: 6%!important;
    left: 47%!important;
    top: 47%!important
}

.addeditpage_wrapper .mat-tab-header {
    border: none!important
}

.addeditpage_wrapper .mat-tab-header .mat-tab-label {
    background: #28bbe9;
    border-radius: 5px 5px 0 0;
    margin: 0 5px;
    opacity: inherit;
    color: #fff
}

.addeditpage_wrapper .mat-tab-header .mat-tab-label-active {
    background: #23879d
}

.classdone {
    background: #a8fd98;
    background-image: -webkit-linear-gradient(top, #a8fd98, #8dfd01);
    background-image: -moz-linear-gradient(top, #a8fd98, #8dfd01);
    background-image: -o-linear-gradient(top, #a8fd98, #8dfd01);
    background-image: linear-gradient(to bottom, #a8fd98, #8dfd01)
}

.maincartcls_row .alltrainingcls {
    background-color: #fff!important
}

.previewpdfcls {
    border: 1px solid #dbdee2;
    display: flex;
    margin-bottom: 6px;
    align-items: center;
    justify-content: center
}

.previewpdfcls img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.image_filetype .fileinfocls {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap
}

.image_filetype .fileinfocls .File_titlecls_wrapper {
    flex: 1 0 25%;
    align-items: center;
    display: flex
}

.image_filetype .fileinfocls .descriptioncls {
    flex: 1 0 52%;
    align-items: center;
    display: flex;
    border-left: 1px solid #e0e3e3;
    padding-left: 10px
}

.image_filetype .fileinfocls .file_btn_cls {
    flex: 1 0 auto;
    align-items: center;
    display: flex;
    justify-content: center
}

.image_filetype .fileinfocls .mandetorycls_wrapper {
    flex: 1 0 100%;
    font-size: 16px!important
}

.image_filetype .fileinfocls .mandetorycls_wrapper .mandetorycls {
    justify-content: flex-end;
    margin-top: 0
}

.image_filetype .fileinfocls .mandetorycls_wrapper .mandetorycls .donetikcls {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border: 1px solid #5fc523;
    margin-left: 5px
}

.image_filetype .fileinfocls .mandetorycls_wrapper .mandetorycls .donetikcls img {
    width: 24px!important;
    margin: 0!important
}

.image_filetype {
    color: #252525!important;
    font-size: 30px!important;
    font-family: 'OpenSansSemiBold';
    font-weight: 400!important;
    padding: 0!important;
    display: block
}

.image_filetype .File_titlecls {
    margin-top: 0
}

.image_filetype p {
    margin-bottom: 0;
    margin-top: 0
}

.image_filetype .fileinfocls {
    padding: 9px 15px;
    border: 1px solid #c5d5dc;
    background: #fff;
    background-image: -webkit-linear-gradient(top, #fff, #fff);
    background-image: -moz-linear-gradient(top, #fff, #fff);
    background-image: -o-linear-gradient(top, #fff, #fff);
    background-image: linear-gradient(to bottom, #fff, #fff);
    padding: 12px 17px 15px
}

.trainingcentercls .image_filetype .fileinfocls .File_titlecls_wrapper .File_titlecls {
    font-size: 26px;
    color: #1389ba
}

.file_div .fileinfocls {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap
}

.file_div .fileinfocls .file_btn_cls {
    flex: 1 0 auto;
    align-items: center;
    display: flex;
    justify-content: center
}

.file_div .fileinfocls .mandetorycls_wrapper {
    flex: 1 0 100%;
    font-size: 16px!important
}

.file_div .fileinfocls .mandetorycls_wrapper .mandetorycls {
    justify-content: flex-end
}

.file_div .fileinfocls .mandetorycls_wrapper .mandetorycls .donetikcls {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border: 1px solid #5fc523;
    margin-left: 5px
}

.file_div .fileinfocls .mandetorycls_wrapper .mandetorycls .donetikcls img {
    width: 24px!important;
    margin: 0!important
}

.file_div {
    color: #252525!important;
    font-size: 30px!important;
    font-family: 'OpenSansSemiBold';
    font-weight: 400!important;
    padding: 0!important;
    display: block
}

.file_div .File_titlecls {
    margin-top: 0
}

.file_div p {
    margin-bottom: 0;
    margin-top: 0
}

.file_div .fileinfocls {
    padding: 9px 15px;
    border: 1px solid #c5d5dc;
    background: #fff;
    background-image: -webkit-linear-gradient(top, #fff, #fff);
    background-image: -moz-linear-gradient(top, #fff, #fff);
    background-image: -o-linear-gradient(top, #fff, #fff);
    background-image: linear-gradient(to bottom, #fff, #fff);
    padding: 12px 17px 15px
}

.trainingcentercls .file_div .fileinfocls .File_titlecls_wrapper .File_titlecls {
    font-size: 26px;
    color: #1389ba;
    margin-bottom: 0;
    line-height: 30px
}

.file_div .fileinfocls .descriptioncls {
    margin: 0
}

.file_div .fileinfocls .descriptioncls p {
    margin: 0
}

.file_div .fileinfocls .File_titlecls_wrapper {
    flex: 1 0 25%;
    align-items: center;
    display: flex
}

.file_div .fileinfocls .descriptioncls {
    flex: 1 0 52%;
    align-items: center;
    display: flex;
    border-left: 1px solid #e0e3e3;
    padding-left: 10px
}

.filetype_pdf .documentcls_wrapper {
    /* border: 1px solid #dbdee2; */
    padding: 10px;
    /* display: flex;
    margin-bottom: 6px;
    align-items: center;
    justify-content: center */
}

.fileinfocls{ padding:0 10px 10px 10px;}

.maincartcls_row  .downloadbtncls {background: #fdd203!important;
    background: linear-gradient(
180deg, rgba(253, 210, 3, 1) 0%, rgba(253, 183, 1, 1) 100%)!important;     padding: 0 10px!important;
line-height: 40px!important;
margin: 10px 0 0 0!important;}

.maincartcls_row  .downloadbtncls span{ background: none!important; color: #000!important;}

.training_mainwrappercon{ border-bottom: solid 1px #ccc;}
.training_mainwrappercon:last-of-type{ border: none;}
.filetype_pdf .documentcls_wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.banner1cls .submitbtngroup .submitbtn {
    margin-right: 0!important;
    margin-top: 0!important
}

.banner1cls .bannerclassmentor {
    flex-wrap: nowrap!important
}

.banner1cls {
    background-color: #fff!important;
    border: 1px solid #dbdee2
}

.reptrainingcenter_new_body {
    background: url(../images/reptrainingcenter_new_bg.jpg) left top no-repeat!important;
    margin-bottom: 0;
    background-size: cover!important;
    padding: 0 16px!important;
    border-radius: 0!important;
    overflow: hidden;
    display: none!important
}

.trainingcenterimgnew {
    position: absolute;
    right: -48px;
    bottom: 0;
    z-index: 9;
    margin-bottom: -5px!important
}

.reptrainingcenter_new_wrapper_con {
    padding: 0 290px;
    position: relative
}

.reptrainingcenter_new_wrapper {
    display: block;
    width: 100%;
    padding: 35px 0 20px
}

.reptrainingcenter_new_wrapper h2 {
    text-align: center;
    font-size: 50px;
    color: #f1f1f1;
    text-transform: uppercase;
    font-family: 'RalewayExtraBold';
    line-height: 50px;
    text-shadow: 0 0 5px #1a4a6e;
    margin: 0;
    padding: 0
}

.reptrainingcenter_new_wrapper h3 {
    text-align: center;
    font-size: 26px;
    color: #251c1c;
    font-family: 'RalewaySemiBold';
    line-height: 30px;
    margin: 0;
    padding: 10px 0
}

.reptrainingcenter_new_text {
    text-align: center;
    font-size: 30px;
    padding: 0 10px 10px;
    margin-top: 0;
    margin-bottom: 0!important
}

.reptrainingcenter_new_text h4 {
    text-align: center;
    font-family: 'RalewayBold';
    color: #fff;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    font-size: 48px;
    text-align: center;
    text-shadow: 0 0 5px #1a4a6e
}

.reptrainingcenter_new_text2 {
    margin-top: 10px;
    display: flex;
    overflow: hidden;
    background: #fff;
    border-radius: 10px;
    padding: 8px;
    -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 7px #000;
    box-shadow: 0 0 7px #000
}

.reptrainingcenter_new_text2 .reptrainingcenter_new_text2_sub {
    width: 50%;
    margin-bottom: 0
}

.reptrainingcenter_new_text2 .reptrainingcenter_new_text2_sub:nth-child(1) .reptrainingcenter_new_text2_subbody {
    background: rgba(190, 214, 35, 1);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(190, 214, 35, 1)), to(rgba(92, 197, 35, 1)));
    background: linear-gradient(to bottom, rgba(190, 214, 35, 1) 0, rgba(92, 197, 35, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#bed623', endColorstr='#5cc523', GradientType=0);
    height: 100%;
    position: relative
}

.reptrainingcenter_new_text2_subbody h4 {
    display: block;
    text-align: left;
    font-family: 'RalewayBold';
    padding: 10px;
    font-size: 30px;
    color: #222;
    font-weight: 700;
    margin: 0
}

.bannerlogog1listswrapper {
    background-color: #fff;
    display: flex;
    flex-direction: row;
    justify-content: stretch;
    margin-bottom: 50px!important;
    width: 97%;
    margin-left: auto;
    margin-right: auto
}

.bannerlogog1 {
    height: 125px!important
}

.bannerlogog1lists .bannerlogog1 {
    padding: 0!important
}

.bannerlogog1 img {
    max-width: 100%;
    display: block;
    margin: 0 auto
}

.reptrainingcenter_new_text2 .reptrainingcenter_new_text2_sub:nth-child(2) {
    margin: 0 0 0 1%
}

.reptrainingcenter_new_text2 .reptrainingcenter_new_text2_sub:nth-child(2) .reptrainingcenter_new_text2_subbody {
    background: rgba(254, 209, 10, 1);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(254, 209, 10, 1)), to(rgba(218, 156, 0, 1)));
    background: linear-gradient(to bottom, rgba(254, 209, 10, 1) 0, rgba(218, 156, 0, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fed10a', endColorstr='#da9c00', GradientType=0);
    height: 100%;
    position: relative
}

.reptrainingcenter_new_wrapper h5 {
    text-align: center;
    font-size: 24px;
    color: #fff;
    font-family: 'RalewaySemiBold';
    line-height: 30px;
    margin: 0;
    padding: 25px 0 10px;
    max-width: 86%;
    margin-left: auto;
    margin-right: auto
}

.reptrainingcenter_new_wrapper .reptrainingcenterfootertext {
    display: block;
    background: #fff;
    padding: 10px;
    padding-bottom: 15px;
    width: 670px;
    margin: 20px auto;
    clip-path: polygon(100% 0, 100% 72%, 50% 100%, 50% 100%, 0% 72%, 0 0)
}

.reptrainingcenter_new_wrapper .reptrainingcenterfootertext h6 {
    display: block;
    text-align: center;
    padding: 18px 5px;
    margin: 0;
    font-size: 42px;
    color: #202020;
    text-transform: uppercase;
    font-family: 'RalewayExtraBold';
    line-height: 44px;
    text-shadow: 0 0 2px #fff;
    clip-path: polygon(100% 0, 100% 70%, 50% 100%, 50% 100%, 0% 70%, 0 0);
    padding-bottom: 36px;
    background: #fdd203;
    background-image: -webkit-linear-gradient(top, #fdd203, #fdb701);
    background-image: -moz-linear-gradient(top, #fdd203, #fdb701);
    background-image: -o-linear-gradient(top, #fdd203, #fdb701);
    background-image: linear-gradient(to bottom, #fdd203, #fdb701)
}

.reptrainingcenter_new_text2_subbody .bannerlogog1lists {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-bottom: 0!important;
    align-items: center;
    padding: 5px;
    -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.3)
}

.reptrainingcenter_new_text2 {
    display: flex!important;
    flex-direction: row;
    justify-content: stretch;
    margin-bottom: 0!important
}

.triangle {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute
}

.listright .triangle {
    left: -1px;
    top: -1px;
    border-width: 20px 20px 0 0;
    border-color: #fff transparent transparent
}

.listleft .triangle {
    right: -1px;
    bottom: -1px;
    border-width: 0 0 20px 20px;
    border-color: transparent transparent #fff
}

.listright .bannerlogog1lists .bannerlogog1:nth-child(1) img {
    height: 120px
}

.listright .bannerlogog1lists .bannerlogog1:nth-child(4) img {
    height: 103px
}

.lessoncontent .paragraphwrapper .paragraphcls img {
    border: 1px solid #e9e7e7
}

.file_btn_cls button {
    min-width: 36px
}

.norecordfoundcls {
    display: block;
    margin: 20px auto;
    text-align: center;
    background: url(../images/NoQuizfound.gif) no-repeat center top;
    background-size: 60px;
    padding-top: 70px
}

.norecordfoundcls b {
    text-align: center;
    display: block;
    font-family: 'OpenSansBold';
    font-size: 22px!important;
    color: #208b9c
}

.resources_wrapper_block {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 10px 0
}

.resources_imgdiv {
    background: url(../images/linebg.png) left top;
    box-shadow: 0 2px 13px 0 rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12)!important;
    margin: 8px;
    width: 280px;
    border-radius: 4px
}

.resources_imgdiv img {
    width: 100%
}

.resources_imgdiv_con {
    background: #fff;
    opacity: .5
}

.resources_imgdiv_con label {
    display: block;
    border-radius: 4px 4px 0 0;
    margin: 0;
    padding: 10px 5px;
    text-align: center;
    background: #232323;
    color: #fff;
    font-size: 20px;
    font-weight: 400
}

.resources_imgdiv_box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    height: 140px;
    vertical-align: middle;
    padding: 0;
    overflow: hidden
}

.resources_wrapper_block .activeclass {
    background: none!important
}

.resources_wrapper_block .activeclass .resources_imgdiv_con {
    opacity: inherit!important
}

.resources_active_block img {
    display: block;
    margin: 10px auto;
    max-width: 100%
}

.resources_active_block label {
    display: block;
    text-align: center;
    font-size: 26px;
    font-family: 'OpenSansBold';
    color: #fff;
    padding: 10px;
    background: #1b8f9b;
    border-radius: 5px
}

.admindashboard_resources {
    display: block!important;
    clear: both;
    overflow: hidden
}

.resources_active_block {
    display: block!important;
    padding: 0;
    background: #f0f0f1;
    border-radius: 8px;
    margin: 0 20px 15px!important
}

.resources_active_block_main {
    display: block;
    margin: 0 20px!important
}

.resources_active_block_maincon {
    width: auto;
    padding: .5%;
    background: #f0f0f1;
    border-radius: 8px;
    margin-bottom: 20px
}

.resources_active_block_maincon h2 {
    display: block;
    text-align: center;
    font-family: 'OpenSansBold';
    padding: 15px 10px;
    font-size: 30px;
    color: #fff;
    margin: 0;
    background: #25b0e6;
    border-radius: 5px 5px 0 0
}



.tech_uta_new_banner{     background: url(../images/uta_newbannerBG.jpg) no-repeat left top!important;
    background-size: cover!important;
    padding: 50px;
    margin-bottom: 15px!important;
}

.tech_uta_new_banner_wrapper_body{ display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative; align-items: center;}

    .tech_uta_new_logo{ width:30%;     margin-left: 100px;}

    .tech_uta_new_logo img{ width: 100%;}

    .tech_uta_new_text{ width: 58%;}


    .tech_uta_new_text_con{   background: url(../images/uta_new_shadow.png) no-repeat center bottom!important; background-size: 90%!important;
         padding-bottom: 40px;}



    .banner_link {
        margin-top: 10px;
        display: inline-block;
        
        border-radius: 30px;
        text-align: center;
     
        font-family: 'RalewayBold';
        font-size: 20px;
        color: #191919;
        text-decoration: none;
        text-transform: uppercase;
      
        border: solid 5px rgba(30, 35, 58, 0.3);     margin-right: 10px;
    }

    .banner_link span{ display: block;    padding: 15px 10px;
        background: rgb(253,254,254);
        background: linear-gradient(
    180deg, rgba(253,254,254,1) 0%, rgba(167,199,214,1) 100%);
        border-radius: 30px; min-width: 320px;}


    .tech_uta_new_text_con_div_body{   background: rgb(255,233,0);
        background: linear-gradient(180deg, rgba(255,233,0,1) 0%, rgba(255,200,0,1) 100%);
        border: solid 12px #fff;
        border-radius: 0 0 12px 12px;
        padding: 20px;
        position: relative;
        border-top: none;}

        .uta_new_left_line{ position: absolute; left: -12px;
            top: -12px;}
        .uta_new_right_line{ position: absolute; right: -12px;
            top: -12px;}

            .tech_uta_new_text_con_div_body h2 {
                margin: 0;
                padding: 0;
                text-align: left;
                font-family: 'OpenSansSemiBold';
                font-size:34px;
                color: #000;
                line-height: 40px;
            }

.Bannerscontain_wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
 
    padding: .5% 0;
    margin: 0 -.5%
}

.Bannerscontain_sub {
    box-shadow: 0 2px 13px 0 rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12)!important;
    margin: .5%;
    width: 32.3%;
    background: #fff;
    text-align: center;
    border-radius: 5px;
    padding-bottom: 8px
}

.Bannerscontain_sub .material-icons {
    cursor: pointer;
    display: inline-block;
    background: #ccc;
    margin: 2px;
    border-radius: 100px;
    padding: 5px;
    color: #656060
}

.Bannerscontain_sub_img {
    border-radius: 5px 5px 0 0;
    width: auto;
    height: 250px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border: solid 5px #f0f0f1;
    overflow: hidden
}

.Bannerscontain_sub_img img {
    max-width: 100%
}

.Bannerscontain_sub .itemname {
    display: block;
    text-align: center;
    margin: 0;
    padding: 10px 5px 0;
    font-size: 24px;
    color: #13979a;
    font-family: 'OpenSansBold'
}

.Bannerscontain_sub .itedescription {
    display: block;
    text-align: center;
    margin: 0 0 8px;
    padding: 10px 5px;
    font-size: 18px;
    color: #7d7777; 
}

.Files_con .Bannerscontain_sub_img img {
    width: 80px
}

.video_gallery_div {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: .5%
}

.video_body {
    min-height: 780px
}

.video_body_con {
    width: 90%;
    margin: 0 auto;
    background: #f1f3f5;
    border: solid 1px #ccc;
    margin-bottom: 25px
}

.example-card-video {
    display: block!important;
    width: 48%!important;
    box-shadow: none!important;
    border-radius: 0!important;
    margin: .5%!important;
    background: #ccc!important;
    padding: .5%!important
}

.example-card-video .mat-card-image {
    width: 100%!important;
    margin: 0!important
}

.manage_lesson_listpagebody .submitbtn:nth-of-type(1) {
    background: #2abaef url(../images/searchicon4.png) no-repeat center center!important;
    font-size: 0!important;
    border-radius: 100px;
    width: 45px!important;
    height: 45px;
    padding: 0;
    min-width: inherit;
    background-size: 60%!important;
    margin: 0 5px;
    position: relative;
    top: -4px
}

.adminlisttable_v2 .searchbtncls .search_class button {
    font-size: 0!important;
    border-radius: 100px;
    width: 45px!important;
    height: 45px;
    padding: 0;
    min-width: inherit;
    background-size: 60%!important;
    margin: 0 5px;
    position: relative;
    top: 0
}

.adminlisttable_v2 .searchbtncls .search_class button span {
    background: url(../images/searchicon4.png) no-repeat center center!important;
    display: block;
    background-size: 60%!important
}

.adminlisttable_v2 .togglesearchcls .searchbtncls .material-icons {
    width: 45px!important;
    height: 45px!important;
    line-height: 45px;
    font-size: 30px
}

.download_btn span {
    background: url(../images/admin_download.png) no-repeat center center!important;
    font-size: 0!important;
    padding: 0!important;
    background-size: 20px!important;
    width: 30px!important;
    height: 35px!important;
    margin: 0 5px;
    cursor: pointer
}

.write_contract_btn span {
    background: url(../images/add_admin_contract.png) no-repeat center center!important;
    font-size: 0!important;
    padding: 0!important;
    /* background-size: 20px!important; */
    background-size: 22px!important;
    width: 30px!important;
    height: 35px!important;
    margin: 0 5px;
    cursor: pointer
}

.contract_btn span {
    background: url(../images/admin_contract.png) no-repeat center center!important;
    font-size: 0!important;
    padding: 0!important;
    background-size: 20px!important;
    width: 30px!important;
    height: 35px!important;
    margin: 0 5px;
    cursor: pointer
}

.lastlogin2_btnwrapper {
    display: flex!important;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center
}

.lastlogin2 {
    /* background: url(../images/contract_admin_icon.png) no-repeat left center; */
    background: url(../images/contactuser_admin_icon\ 1.png) no-repeat left center;

    background-size: 30px;
    padding: 10px;
    padding-left: 40px;
    margin-top: 10px!important;
    margin-left: 10px
}

.AddEditBlog .addeditform {
    overflow: hidden;
    position: relative;
    padding: 0!important
}

.previewfile_modal .mat-dialog-container .mat-card {
    border: none!important;
    box-shadow: none!important;
    padding: 0!important;
    max-height: 80vh;
    overflow-y: auto;
    overflow-x: hidden
}

.previewfile_modal .mat-dialog-container {
    position: relative;
    overflow: inherit
}

.previewfile_modal .mat-dialog-container img {
    width: 100%
}

.previewfile_modal p {
    margin: 0!important;
    padding: 0!important;
    min-height: inherit!important
}

.previewfile_modal .closemodal {
    float: none!important;
    color: #fff;
    position: absolute;
    right: -20px;
    cursor: pointer;
    top: -20px;
    background: #254e6d;
    border-radius: 100px;
    padding: 0 0 3px!important;
    width: 30px!important;
    min-width: inherit!important;
    border: none!important;
    outline: none!important;
    text-align: center;
    line-height: 45px!important;
    height: 30px
}

.AddUserComponent .closemodal {
    float: none!important;
    color: #fff;
    position: absolute;
    right: -20px;
    cursor: pointer;
    top: -20px;
    background: #254e6d;
    border-radius: 100px;
    padding: 0 0 3px!important;
    width: 30px!important;
    min-width: inherit!important;
    border: none!important;
    outline: none!important;
    text-align: center;
    line-height: 45px!important;
    height: 30px
}

.user_details_page .user_details_pageheading {
    margin: 10px 0;
    padding: 15px;
    display: block;
    background: #08a298;
    background: linear-gradient(90deg, rgba(8, 162, 152, 1) 0%, rgba(74, 96, 164, 1) 100%);
    border-radius: 8px;
    font-family: 'OpenSansSemiBold';
    font-size: 26px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 25px;
    text-align: center
}

.user_details_page {
    padding: 16px
}

.user_details_page .productcls:nth-of-type(odd) {
    background: #ddd!important
}

.adminlisttablebody .mat-ink-bar {
    display: none
}

.adminlisttablebody .mat-tab-labels {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.noFoundText img {
    display: none
}

.nots-for {
    background: #278a9d;
    color: #fff;
    padding: 20px 10px;
    font-family: 'AvenirBlack';
    align-items: center;
    width: 98%
}

.btn-grp {
    float: right
}

.mat-from {
    width: 100%
}

.FVuser_details_block_body {
    box-shadow: none;
    border-radius: 0;
    border: none;
    margin: 0;
    padding: 15px;
    min-height: 80vh
}

.FVuser_details_pageheading {
    margin: 10px 0;
    padding: 15px;
    display: block;
    background: #08a298;
    background: linear-gradient(90deg, rgba(8, 162, 152, 1) 0%, rgba(74, 96, 164, 1) 100%);
    border-radius: 8px;
    font-family: 'OpenSansSemiBold';
    font-size: 26px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 25px;
    text-align: center
}

.FVuser_details_block_body mat-card {
    box-shadow: none!important;
    border-radius: 0;
    border: none;
    margin: 0;
    padding: 0
}

.FVuser_details_block_wrapper {
    display: flex!important;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 15px!important
}

.FVuser_details_block {
    width: 28%;
    background: #f3f3f3!important;
    border-radius: 5px!important
}

.FVuser_details_block_right {
    width: 48%;
    background: #f3f3f3!important;
    border-radius: 5px!important
}

.FVuser_details_block_wrapper .activeclass {
    width: 71%
}

.FVuser_details_block_login {
    width: 22%;
    background: #f3f3f3!important;
    border-radius: 5px!important
}

.FVuser_details_block mat-card {
    box-shadow: none!important;
    border-radius: 0;
    border: none;
    margin: 0;
    padding: 15px;
    background: none!important
}

.FVuser_details_block_right mat-card {
    box-shadow: none!important;
    border-radius: 0;
    border: none;
    margin: 0;
    padding: 15px;
    background: none!important
}

.FVuser_details_block_login mat-card {
    box-shadow: none!important;
    border-radius: 0;
    border: none;
    margin: 0;
    padding: 15px;
    background: none!important
}

.FVuser_details_block_body mat-card-title {
    background: #01629f;
    color: #f4f1f1;
    font-size: 26px;
    font-weight: 400;
    padding: 5px 10px;
    border-radius: 5px;
    text-transform: capitalize
}

.FVuser_details_block_login mat-card-content {
    margin: 0;
    padding: 12px 0;
    border-top: solid 1px #ddd;
    font-size: 16px;
    color: #01629f;
    font-family: 'OpenSansBold'
}

.FVuser_details_block_login mat-card-content:first-of-type {
    border: none;
    height: 300px;
    overflow-y: scroll;
    overflow-x: hidden
}

.FVuser_details_block_login mat-card-content span {
    color: #111;
    font-family: 'OpenSansRegular'
}

.FVuser_details_block_login mat-card-content span b {
    color: #0e9c99;
    padding-bottom: 5px;
    font-family: 'OpenSansSemiBold'
}

.userdetail_info {
    display: flex!important;
    flex-wrap: wrap;
    justify-content: space-between;
    border-bottom: solid 1px #ddd;
    margin: 0!important;
    padding: 8px 0
}

.userdetail_info b {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 50%;
    color: #0e9c99;
    font-family: 'OpenSansRegular';
    font-size: 14px
}

.userdetail_info p {
    margin: 0;
    padding: 0;
    display: inline-block;
    text-align: right;
    width: 49%;
    color: #111;
    font-family: 'OpenSansRegular';
    font-size: 14px
}

.userdetail_info b span {
    padding-right: 5px;
    color: #01629f
}

.FVuser_details_btnblock button {
    display: block;
    width: 100%;
    text-align: left;
    border: none;
    background: #2297bb;
    margin: 5px 0;
    border-radius: 20px;
    line-height: 40px;
    font-size: 18px;
    padding-left: 70px;
    font-family: 'OpenSansSemiBold';
    border: none;
    outline: none;
    cursor: pointer;
    color: #fff;
    text-transform: capitalize
}

.FVuser_details_btnblock .personalinfo_BTN {
    background-image: url(../images/PersonalInfo_icon.png);
    background-repeat: no-repeat;
    background-position: 14px center;
    background-size: 36px
}

.FVuser_details_btnblock .personalinfo_BTN:hover {
    /* background-image: url(../images/PersonalInfo_icon.png); */
    background-image: url(../images/PersonalInfo_icon_hover.png);
    background-repeat: no-repeat;
    background-position: 14px center;
    background-size: 36px;
    background-color: #d1d5da;
    color: #01629f
}

.FVuser_details_btnblock .personalinfo_BTN_active {
    background-image: url(../images/PersonalInfo_icon_hover.png);
    background-repeat: no-repeat;
    background-position: 14px center;
    background-size: 36px;
    background-color: #d1d5da;
    color: #01629f
}

.FVuser_details_btnblock .changepsw_BTN {
    background-image: url(../images/changepsw_BTN.png);
    background-repeat: no-repeat;
    background-position: 14px center;
    background-size: 30px
}

.FVuser_details_btnblock .changepsw_BTN:hover {
    background-image: url(../images/changepsw_BTN_hove.png);
    background-repeat: no-repeat;
    background-position: 14px center;
    background-size: 30px;
    background-color: #d1d5da;
    color: #01629f
}

.FVuser_details_btnblock .changepsw_BTN_active {
    background-image: url(../images/changepsw_BTN_hove.png);
    background-repeat: no-repeat;
    background-position: 14px center;
    background-size: 30px;
    background-color: #d1d5da;
    color: #01629f
}

.FVuser_details_btnblock .leads_BTN {
    background-image: url(../images/leads_BTN.png);
    background-repeat: no-repeat;
    background-position: 14px center;
    background-size: 36px
}

.FVuser_details_btnblock .leads_BTN:hover {
    background-image: url(../images/leads_BTN_hover.png);
    background-repeat: no-repeat;
    background-position: 14px center;
    background-size: 34px;
    background-color: #d1d5da;
    color: #01629f
}

.FVuser_details_btnblock .leads_BTN_active {
    background-image: url(../images/leads_BTN_hover.png);
    background-repeat: no-repeat;
    background-position: 14px center;
    background-size: 34px;
    background-color: #d1d5da;
    color: #01629f
}

.FVuser_details_btnblock .sharelink_BTN {
    background-image: url(../images/sharelink_BTN.png);
    background-repeat: no-repeat;
    background-position: 14px center;
    background-size: 26px
}

.FVuser_details_btnblock .sharelink_BTN:hover {
    background-image: url(../images/sharelink_BTN_hover.png);
    background-repeat: no-repeat;
    background-position: 14px center;
    background-size: 26px;
    background-color: #d1d5da;
    color: #01629f
}

.FVuser_details_btnblock .sharelink_BTN_active {
    background-image: url(../images/sharelink_BTN_hover.png);
    background-repeat: no-repeat;
    background-position: 14px center;
    background-size: 26px;
    background-color: #d1d5da;
    color: #01629f
}

.FVuser_details_btnblock .training_BTN {
    background-image: url(../images/training_BTN.png);
    background-repeat: no-repeat;
    background-position: 14px center;
    background-size: 30px
}

.FVuser_details_btnblock .training_BTN:hover {
    background-image: url(../images/training_BTN_hover.png);
    background-repeat: no-repeat;
    background-position: 14px center;
    background-size: 36px;
    background-color: #d1d5da;
    color: #01629f
}

.FVuser_details_btnblock .training_BTN_active {
    background-image: url(../images/training_BTN_hover.png);
    background-repeat: no-repeat;
    background-position: 14px center;
    background-size: 36px;
    background-color: #d1d5da;
    color: #01629f
}

.FVuser_details_btnblock .jobticket_BTN {
    background-image: url(../images/jobticket_BTN.png);
    background-repeat: no-repeat;
    background-position: 14px center;
    background-size: 36px
}

.FVuser_details_btnblock .jobticket_BTN:hover {
    background-image: url(../images/jobticket_BTNhover.png);
    background-repeat: no-repeat;
    background-color: #d1d5da;
    color: #01629f
}

.FVuser_details_btnblock .jobticket_BTN_active {
    background-image: url(../images/jobticket_BTNhover.png);
    background-repeat: no-repeat;
    background-color: #d1d5da;
    color: #01629f
}

.FVuser_details_btnblock .notes_BTN {
    background-image: url(../images/notes_BTN.png);
    background-repeat: no-repeat;
    background-position: 20px center;
    background-size: 30px
}

.FVuser_details_btnblock .notes_BTN:hover {
    background-image: url(../images/notes_BTNhover.png);
    background-repeat: no-repeat;
    background-color: #d1d5da;
    color: #01629f
}

.FVuser_details_btnblock .notes_BTN_active {
    background-image: url(../images/notes_BTNhover.png);
    background-repeat: no-repeat;
    background-color: #d1d5da;
    color: #01629f
}

.FVuser_details_btnblock .worksheet_BTN {
    background-image: url(../images/worksheet_BTN.png);
    background-repeat: no-repeat;
    background-position: 20px center;
    background-size: 25px
}

.FVuser_details_btnblock .worksheet_BTN:hover {
    background-image: url(../images/worksheet_BTNhover.png);
    background-repeat: no-repeat;
    background-color: #d1d5da;
    color: #01629f
}

.FVuser_details_btnblock .worksheet_BTN_active {
    background-image: url(../images/worksheet_BTNhover.png);
    background-repeat: no-repeat;
    background-color: #d1d5da;
    color: #01629f
}

.FVuser_details_btnblock .appointments_BTN {
    background-image: url(../images/appointments_BTN.png);
    background-repeat: no-repeat;
    background-position: 18px center;
    background-size: 30px
}

.FVuser_details_btnblock .appointments_BTN:hover {
    background-image: url(../images/appointments_BTNhover.png);
    background-repeat: no-repeat;
    background-color: #d1d5da;
    color: #01629f
}

.FVuser_details_btnblock .appointments_BTN_active {
    background-image: url(../images/appointments_BTNhover.png);
    background-repeat: no-repeat;
    background-color: #d1d5da;
    color: #01629f
}

.FVuser_details_btnblock .presentation_BTN {
    background-image: url(../images/presentation_BTN.png);
    background-repeat: no-repeat;
    background-position: 20px center;
    background-size: 30px
}

.FVuser_details_btnblock .presentation_BTN:hover {
    background-image: url(../images/presentation_BTNhover.png);
    background-repeat: no-repeat;
    background-color: #d1d5da;
    color: #01629f
}

.FVuser_details_btnblock .presentation_BTN_active {
    background-image: url(../images/presentation_BTNhover.png);
    background-repeat: no-repeat;
    background-color: #d1d5da;
    color: #01629f
}

.FVuser_details_btnblock .communications_BTN {
    background-image: url(../images/communications_BTN.png);
    background-repeat: no-repeat;
    background-position: 16px center;
    background-size: 30px
}

.FVuser_details_btnblock .communications_BTN:hover {
    background-image: url(../images/communications_BTNhover.png);
    background-repeat: no-repeat;
    background-color: #d1d5da;
    color: #01629f
}

.FVuser_details_btnblock .communications_BTN_active {
    background-image: url(../images/communications_BTNhover.png);
    background-repeat: no-repeat;
    background-color: #d1d5da;
    color: #01629f
}

.FVuser_details_btnblock .FVcontract_BTN {
    background-image: url(../images/contract_BTN.png);
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 35px
}

.FVuser_details_btnblock .FVcontract_BTN:hover {
    background-image: url(../images/contract_BTNhover.png);
    background-repeat: no-repeat;
    background-color: #d1d5da;
    color: #01629f
}

.FVuser_details_btnblock .FVcontract_BTN_active {
    background-image: url(../images/contract_BTNhover.png);
    background-repeat: no-repeat;
    background-color: #d1d5da;
    color: #01629f
}

.FVuser_details_btnblock .questionnaire_BTNactivity {
    background-image: url(../images/questionnaire_btn.png);
    background-repeat: no-repeat;
    background-position: 18px center;
    background-size: 24px
}

.FVuser_details_btnblock .questionnaire_BTNactivity:hover {
    background-image: url(../images/questionnaire_btnHover.png);
    background-repeat: no-repeat;
    background-color: #d1d5da;
    color: #01629f
}

.FVuser_details_btnblock .questionnaire_BTNactivity_active {
    background-image: url(../images/questionnaire_btnHover.png);
    background-repeat: no-repeat;
    background-color: #d1d5da;
    color: #01629f
}

.FVuser_details_btnblock .FVcontact_BTNactivity {
    background-image: url(../images/Contractactivity_BTN.png);
    background-repeat: no-repeat;
    background-position: 18px center;
    background-size: 26px
}

.FVuser_details_btnblock .FVcontact_BTNactivity:hover {
    background-image: url(../images/Contractactivity_BTNhover.png);
    background-repeat: no-repeat;
    background-color: #d1d5da;
    color: #01629f
}

.FVuser_details_btnblock .FVcontact_BTNactivity_active {
    background-image: url(../images/Contractactivity_BTNhover.png);
    background-repeat: no-repeat;
    background-color: #d1d5da;
    color: #01629f
}

.FVuser_details_btnblock .FVcontact_BTN {
    background-image: url(../images/contract_BTN.png);
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 35px
}

.FVuser_details_btnblock .FVcontact_BTN:hover {
    background-image: url(../images/contract_BTNhover.png);
    background-repeat: no-repeat;
    background-color: #d1d5da;
    color: #01629f
}

.FVuser_details_btnblock .FVcontact_BTN_active {
    background-image: url(../images/contract_BTNhover.png);
    background-repeat: no-repeat;
    background-color: #d1d5da;
    color: #01629f
}

.FVuser_details_btnblock .Attachments_BTN {
    background-image: url(../images/Attachment_BTN.png);
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 30px
}

.FVuser_details_btnblock .Attachments_BTN:hover {
    background-image: url(../images/Attachment_BTNhover.png);
    background-repeat: no-repeat;
    background-color: #d1d5da;
    color: #01629f
}

.FVuser_details_btnblock .Attachments_BTN_active {
    background-image: url(../images/Attachment_BTNhover.png);
    background-repeat: no-repeat;
    background-color: #d1d5da;
    color: #01629f
}

.FVuser_details_btnblock .editlead_BTN {
    background-image: url(../images/editlead_BTN.png);
    background-repeat: no-repeat;
    background-position: 16px center;
    background-size: 30px
}

.FVuser_details_btnblock .editlead_BTN:hover {
    background-image: url(../images/editlead_BTNhover.png);
    background-repeat: no-repeat;
    background-color: #d1d5da;
    color: #01629f
}

.FVuser_details_btnblock .editlead_BTN_active {
    background-image: url(../images/editlead_BTNhover.png);
    background-repeat: no-repeat;
    background-color: #d1d5da;
    color: #01629f
}

.bio_ener_logo {
    padding-top: 50px!important;
    padding-bottom: 50px!important;
}

.bio_ener_logo img {
    width: 400px;
    max-width: inherit;
}

.productcls_body_wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.productcls_body_wrapper .productcls {
    background: #d1d5da!important;
    border-radius: 10px;
    padding: 0.5%;
    margin: 0.5%;
    flex: 1 1 48%;
}

.productcls_body_wrapper .productname_span {
    display: block;
    padding: 5px 0 5px 12px;
}


/* Amitava */

.tech_dashboard_mdg_block_body{background: rgb(193,236,61);
    background: linear-gradient(90deg, rgba(193,236,61,1) 0%, rgba(231,240,191,1) 100%);}


.tech_dashboard_mdg_block_body1{background: url(../images/tech_db_mgd_bg3.png) no-repeat left bottom;}

.tech_dashboard_mdg_block_body2{background: url(../images/tech_db_mgd_bg2.png) no-repeat right bottom; }

.tech_dashboard_mdg_block_body3{background: url(../images/tech_db_mgd_bg1.png) no-repeat left top; background-size: cover; padding: 0 40px;
 display: flex; flex-wrap: wrap; padding-bottom: 25px;      align-items: flex-start;  min-height: 370px;
}

.tech_db_mgd_logo{ margin: 0 0 0 54px;}

.tech_dashboard_mdg_block_text{ width: 800px; margin-top: 50px; margin-left: 50px;}

.tech_dashboard_mdg_block_text_con{ background: url(../images/tech_db_mgd_shadow.png) no-repeat center bottom; padding-bottom: 30px;}

 

.tech_dashboard_mdg_block_text h2 { display: block; background: rgb(63,63,63);
    background: linear-gradient(180deg, rgba(63,63,63,1) 0%, rgba(6,6,6,1) 100%); border-radius: 5px; text-align: center; padding: 10px 10px; 
    margin: 0;
}

.tech_dashboard_mdg_block_text h2  span{ font-size: 55px;
    text-transform: uppercase; background: -webkit-linear-gradient(#ffffff, #c9c8c7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; display: block;}

    .tech_dashboard_mdg_block_text h3{ margin: -10px 0 0 0; padding: 0; font-size: 25px; color: #000000;}

.iframe_pdfdiv{ position: relative!important;
    overflow: hidden!important;
    width: 40vw!important;
    padding-top: 56.25%!important;}

    .iframe_pdfdiv video{
        position: absolute!important;
        top: 0!important;
        left: 0!important;
        bottom: 0!important;
        right: 0!important;
        width: 100%!important;
        height: 100%!important;
      }



      .iframe_pdfdiv_modalscoll {
        border: none!important;
        box-shadow: none!important;
        padding: 0!important;
        max-height: 80vh;
        overflow-y: auto!important;
        overflow-x: hidden; max-width:880px;
    }

.videomainwrapper {
    position: relative;
    width: 100%; 
  }
  
  .videomainwrapper .videoimg { 
    width: 100%; 
  }

.lesson_videomodal .vjs-control-bar{ display: none;}
.lesson_videomodal .vjs-loading-spinner{ display: none;}
.lesson_videomodal .vjs-big-play-button{ display: none;}
.lesson_videomodal .vjs-control-bar{ display: none;}
.lesson_videomodal .vjs-modal-dialog{ display: none;}

.my-video-modal-dimensions {
    width: 100%;
    height: auto;
}

.vjs-poster {
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    background-color: #000000;
    cursor: pointer;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%; }
  
  .vjs-has-started .vjs-poster {
    display: none; }

    .actioncontrol {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        background: rgba(0,0,0,.5);
        width: 98%;
        bottom: 0;
        color: #fff;
        padding: 0 1% 3px;
    }

    .lesson_videomodal  video{ width: 100%;}

    .lesson_videomodal  .mat-slider-horizontal {
        bottom: 38px;
        position: absolute;
        z-index: 99999;
        width: 100%;
        min-width: 100%;
        transition: opacity 250ms linear;
        background: rgba(0,0,0,.5);
        padding-top: 0;
        height: auto;
    }

    .lesson_videomodal .mat-slider-horizontal .mat-slider-wrapper {
        background-color: #c5cae9!important;
        left: 0;
        right: 0;
        cursor: pointer;
        height: 2px;
        top: 0;
    }


    .lesson_videomodal .loaderprogress {
        position: relative!important;
   
        width: 100%!important;
    }
    
 
.actioncontrol {
    position: relative;
    z-index: 9999!important;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background: rgba(0,0,0,.5);
    width: 93%;
    bottom: 0;
    color: #fff;
    padding: 0 1% 3px;
    padding-right: 6%;
}
.actioncontrol button{
        background: transparent;
    box-shadow: none;
    border: none;
}
.actioncontrol .openfullscreen{
    position: absolute;
    right:0;
        background: transparent;
    box-shadow: none;
    border: none;
}
.actioncontrol button .mat-icon{
    color: #fff;
}

.actioncontrol .videotime {
    margin: 5px !important;
    order: 3;
}
.actionButttons {
    text-align: center;

}
training_center_continue_resume_dialog span{
    color: #252525;
        font-size: 20px;
        font-family: 'OpenSansSemiBold';
        display: block;
}
training_center_continue_resume_dialog h2{
    margin: 0 0 20px 0;
    padding: 10px;
    text-align: center;
    background: #08a298;
    background: linear-gradient( 
90deg
 , rgba(8, 162, 152, 1) 0%, rgba(74, 96, 164, 1) 100%);
    border-radius: 5px;
    color: #f4f1f1;
    font-size: 26px;
    font-weight: 400;
}
training_center_continue_resume_dialog{
    text-align: center;
    padding: 15px;
    display: block;
}
close-video-example-dialog{text-align: center;
    padding: 15px;
    display: block;}

close-video-example-dialog h2{    margin: 0 0 20px 0;
    padding: 10px;
    text-align: center;
    background: #08a298;
    background: linear-gradient( 
90deg
 , rgba(8, 162, 152, 1) 0%, rgba(74, 96, 164, 1) 100%);
    border-radius: 5px;
    color: #f4f1f1;
    font-size: 26px;
    font-weight: 400;}


close-video-example-dialog span{        color: #252525;
    font-size: 20px;
    margin-bottom: 16px;
    font-family: 'OpenSansSemiBold';
    display: block;}
.actionButttons button{
    font-size: 16px;
    line-height: 35px;
    text-align: center;
    background: rgba(14, 61, 92, 1);
    background: -moz-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(14, 61, 92, 1)), color-stop(100%, rgba(2, 35, 57, 1)));
    background: -webkit-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -o-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -ms-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: linear-gradient(to bottom, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0e3d5c', endColorstr='#022339', GradientType=0);
    color: #fff;
    font-family: 'OpenSansSemiBold';
    text-decoration: none;
    outline: none;
    margin: 0 5px;
    cursor: pointer;
    border: none;
    border-radius: 5px
}

.PendingContracts_div{display: flex!important; justify-content: center; align-items: center;
    padding-left: 9% !important;
    padding-right: 9% !important;}

.PendingContracts_div img{ width: 32px;}

.PendingContracts_text{ padding-left: 5px;}
/* 
.PendingContracts_text{    background: url(../images/contract_admin_icon.png) no-repeat left center;
    background-size: 22px;
    padding-left: 30px; } */
.newcontractmodal{
    width: 90%!important;
    max-width: 100vw!important;
}

.newcontractmodal .secondblockforcontract{ padding: 10px; width: 70%;}
.formandcontractblock{
    display: flex;
}
.firstblockforform{
    overflow-y: scroll;
    height: 1300px;      background: #f1f1f1;   width: 40%;
}
/*------start Onboarding Webinar CSS------*/


/*------END Onboarding Webinar CSS------*/

.lessoncontent {
    cursor: auto;
    clear: both;
    overflow: hidden;
    background: #dde1e3;
    padding-bottom: 10px
}

.obwblk3 .yellowarrowlist .mat-list-item .mat-list-item-content {
    display: inherit;
    padding: 0 5px
}


/*-------Media section koushik----*/


/* followuplist css  */


/*-------------*/

.notebtncls {
    background: url(../images/notes_BTNhover.png) no-repeat center center!important;
    background-size: 100%!important;
    width: 25px!important;
    height: 30px!important;
    font-size: 0!important;
    box-shadow: none!important;
    border-radius: 0!important;
    padding: 0!important;
    margin: 4px 8px!important;
    min-width: inherit!important
}

.FVuser_details_btnblock .commission_BTN {
    background-image: url(../images/commissionad_icon.png);
    background-repeat: no-repeat;
    background-position: 16px center;
    background-size: 30px
}

.FVuser_details_btnblock .commission_BTN:hover {
    background-image: url(../images/commissionad_icon_active.png);
    background-repeat: no-repeat;
    background-color: #d1d5da;
    color: #01629f
}

.FVuser_details_btnblock .commission_BTN_active {
    background-image: url(../images/commissionad_icon_active.png);
    background-repeat: no-repeat;
    background-color: #d1d5da;
    color: #01629f
}

.FVuser_details_btnblock .payment_BTN {
    background-image: url(../images/paymentsettings_icon.png);
    background-repeat: no-repeat;
    background-position: 16px center;
    background-size: 30px
}

.FVuser_details_btnblock .payment_BTN:hover {
    background-image: url(../images/paymentsettings_icon_active.png);
    background-repeat: no-repeat;
    background-color: #d1d5da;
    color: #01629f
}

.FVuser_details_btnblock .payment_BTN_active {
    background-image: url(../images/paymentsettings_icon_active.png);
    background-repeat: no-repeat;
    background-color: #d1d5da;
    color: #01629f
}

.FVuser_details_btnblock .tech_BTN {
    background-image: url(../images/TechnologicalConsultant_icon.png);
    background-repeat: no-repeat;
    background-position: 16px center;
    background-size: 30px
}

.FVuser_details_btnblock .tech_BTN:hover {
    background-image: url(../images/TechnologicalConsultant_icon_active.png);
    background-repeat: no-repeat;
    background-color: #d1d5da;
    color: #01629f
}

.FVuser_details_btnblock .tech_BTN_active {
    background-image: url(../images/TechnologicalConsultant_icon_active.png);
    background-repeat: no-repeat;
    background-color: #d1d5da;
    color: #01629f
}

.FVuser_details_btnblock .contract_BTN {
    background-image: url(../images/ContractReports_icon.png);
    background-repeat: no-repeat;
    background-position: 16px center;
    background-size: 30px
}

.FVuser_details_btnblock .contract_BTN:hover {
    background-image: url(../images/ContractReports_icon_active.png);
    background-repeat: no-repeat;
    background-color: #d1d5da;
    color: #01629f
}

.FVuser_details_btnblock .contract_BTN_active {
    background-image: url(../images/ContractReports_icon_active.png);
    background-repeat: no-repeat;
    background-color: #d1d5da;
    color: #01629f
}

.FVuser_details_btnblock .training_reports_BTN {
    background-image: url(../images/TrainingReports_icon.png);
    background-repeat: no-repeat;
    background-position: 16px center;
    background-size: 30px
}

.FVuser_details_btnblock .training_reports_BTN:hover {
    background-image: url(../images/TrainingReports_icon_active.png);
    background-repeat: no-repeat;
    background-color: #d1d5da;
    color: #01629f
}

.FVuser_details_btnblock .training_reports_BTN_active {
    background-image: url(../images/TrainingReports_icon_active.png);
    background-repeat: no-repeat;
    background-color: #d1d5da;
    color: #01629f
}

.FVuser_details_btnblock .Genarel_Call_Block_BTN {
    background-image: url(../images/GeneralCallBlockicon_hover.png);
    background-repeat: no-repeat;
    background-position: 16px center;
    background-size: 30px
}

.FVuser_details_btnblock .Genarel_Call_Block_BTN:hover {
    background-image: url(../images/GeneralCallBlockicon.png);
    background-repeat: no-repeat;
    background-color: #d1d5da;
    color: #01629f
}

.FVuser_details_btnblock .Genarel_Call_Block_BTN_active {
    background-image: url(../images/GeneralCallBlockicon.png);
    background-repeat: no-repeat;
    background-color: #d1d5da;
    color: #01629f
}

.FVuser_details_btnblock .APPGenarel_Call_Block_BTN {
    background-image: url(../images/APPGeneralCallBlockicon_hover.png);
    background-repeat: no-repeat;
    background-position: 16px center;
    background-size: 30px
}

.FVuser_details_btnblock .APPGenarel_Call_Block_BTN:hover {
    background-image: url(../images/APPGeneralCallBlockicon.png);
    background-repeat: no-repeat;
    background-color: #d1d5da;
    color: #01629f
}

.FVuser_details_btnblock .APPGenarel_Call_Block_BTN_active {
    background-image: url(../images/APPGeneralCallBlockicon.png);
    background-repeat: no-repeat;
    background-color: #d1d5da;
    color: #01629f
}

.FVuser_details_btnblock .Warranty_Call_Block_BTN {
    background-image: url(../images/wcb_icon.png);
    background-repeat: no-repeat;
    background-position: 16px center;
    background-size: 30px
}

.FVuser_details_btnblock .Warranty_Call_Block_BTN:hover {
    background-image: url(../images/wcb_icon_active.png);
    background-repeat: no-repeat;
    background-color: #d1d5da;
    color: #01629f
}

.FVuser_details_btnblock .Warranty_Call_Block_BTN_active {
    background-image: url(../images/wcb_icon_active.png);
    background-repeat: no-repeat;
    background-color: #d1d5da;
    color: #01629f
}

.FVuser_details_btnblock .followup_BTN {
    background-image: url(../images/follow_icon.png);
    background-repeat: no-repeat;
    background-position: 16px center;
    background-size: 30px
}

.FVuser_details_btnblock .followup_BTN:hover {
    background-image: url(../images/follow_icon_hover.png);
    background-repeat: no-repeat;
    background-color: #d1d5da;
    color: #01629f
}

.FVuser_details_btnblock .followup_BTN_active {
    background-image: url(../images/follow_icon_hover.png);
    background-repeat: no-repeat;
    background-color: #d1d5da;
    color: #01629f
}

.FVuser_details_btnblock .Upcoming_Events_followup_BTN {
    background-image: url(../images/Upcoming_Event_for_Follow_Up_icon_hover.png);
    background-repeat: no-repeat;
    background-position: 16px center;
    background-size: 30px
}

.FVuser_details_btnblock .Upcoming_Events_followup_BTN:hover {
    background-image: url(../images/Upcoming_Event_for_Follow_Up_icon.png);
    background-repeat: no-repeat;
    background-color: #d1d5da;
    color: #01629f
}

.FVuser_details_btnblock .Upcoming_Events_followup_BTN_active {
    background-image: url(../images/Upcoming_Event_for_Follow_Up_icon.png);
    background-repeat: no-repeat;
    background-color: #d1d5da;
    color: #01629f
}

.FVuser_details_btnblock .Upcoming_Events_Appointments_BTN {
    background-image: url(../images/Upcoming_Events_For_Appointments_icon_hover.png);
    background-repeat: no-repeat;
    background-position: 16px center;
    background-size: 30px
}

.FVuser_details_btnblock .Upcoming_Events_Appointments_BTN:hover {
    background-image: url(../images/Upcoming_Events_For_Appointments_icon.png);
    background-repeat: no-repeat;
    background-color: #d1d5da;
    color: #01629f
}

.FVuser_details_btnblock .Upcoming_Events_Appointments_BTN_active {
    background-image: url(../images/Upcoming_Events_For_Appointments_icon.png);
    background-repeat: no-repeat;
    background-color: #d1d5da;
    color: #01629f
}

.FVuser_details_btnblock .Discovery_call_BTN {
    background-image: url(../images/Discovery_cal_icon_hover.png);
    background-repeat: no-repeat;
    background-position: 16px center;
    background-size: 30px
}

.FVuser_details_btnblock .Discovery_call_BTN:hover {
    background-image: url(../images/Discovery_cal_icon.png);
    background-repeat: no-repeat;
    background-color: #d1d5da;
    color: #01629f
}

.FVuser_details_btnblock .Discovery_call_BTN_active {
    background-image: url(../images/Discovery_cal_icon.png);
    background-repeat: no-repeat;
    background-color: #d1d5da;
    color: #01629f
}

.followupmodal followup .AddEditBlog .addeditformuser .submitbtnsection button:nth-of-type(2) {
    display: none!important
}

.followupmodal .addeditpage_wrapper {
    display: block;
    padding: 0
}

.followupmodal .addeditpage_wrapper .AddEditBlog {
    width: auto
}

.followupmodal .mat-dialog-container {
    overflow: inherit;
    width: 650px
}

.followupmodal .addeditpage_wrapper {
    max-height: 80vh;
    overflow-y: auto;
    display: block;
    min-height: 100px;
    overflow-x: hidden;
    padding: 0!important
}

.followupmodal .addeditform .container {
    padding: 0 15px 20px
}

.followupmodal .addeditpage_wrapper .AddEditBlog {
    background-image: none
}

.ResendContarct_span {
    padding-left: 15px;
    font-size: 16px;
    color: #218a9d
}

.contract_flexblock .contract_flexblocklist:hover .ResendContarct_span {
    color: #fff!important
}

.Commission_title {
    background-image: url(../images/commissionad_icon.png)!important;
    background-repeat: no-repeat!important;
    background-position: 10px center!important;
    background-size: 25px!important;
    padding-left: 56px!important
}

.TechnologicalConsultant_title {
    background-image: url(../images/TechnologicalConsultant_icon.png)!important;
    background-repeat: no-repeat!important;
    background-position: 10px center!important;
    background-size: 25px!important;
    padding-left: 56px!important
}

.PaymentSettings_title {
    background-image: url(../images/paymentsettings_icon.png)!important;
    background-repeat: no-repeat!important;
    background-position: 10px center!important;
    background-size: 25px!important;
    padding-left: 56px!important
}

.ContractReports_title {
    background-image: url(../images/ContractReports_icon.png)!important;
    background-repeat: no-repeat!important;
    background-position: 10px center!important;
    background-size: 25px!important;
    padding-left: 56px!important
}

.TrainingReports_title {
    background-image: url(../images/TrainingReports_icon.png)!important;
    background-repeat: no-repeat!important;
    background-position: 10px center!important;
    background-size: 25px!important;
    padding-left: 56px!important
}

.contractAadd dialog-new-contract-dialog {
    max-height: 80vh;
    overflow-y: auto;
    display: block;
    min-height: 100px;
    overflow-x: hidden;
    padding: 0!important
}

.contractAadd dialog-new-contract-dialog .addeditpage_wrapper {
    min-height: inherit!important;
    margin: 0px;
    padding: 0!important;
}

.contractAadd dialog-new-contract-dialog .addeditpage_wrapper .AddEditBlog {
    width: auto;
    background-image: none!important;
    padding: 0!important;
}

.contractAadd {
    width: 600px;
}

.contractAadd dialog-new-contract-dialog .listingpageh2 {
    margin-bottom: 0px!important;
}

.contractAadd dialog-new-contract-dialog .addeditform .container {
    padding: 15px;
}

.contractAadd .mat-dialog-container {
    overflow: inherit;
}

.contractAadd .btncancelcls {
    float: none!important;
    color: #fff;
    position: absolute;
    right: -20px;
    cursor: pointer;
    top: -20px;
    background: #254e6d!important;
    border-radius: 100px;
    padding: 0!important;
    width: 30px!important;
    line-height: 30px!important;
    min-width: inherit!important;
    text-align: center;
}


/*----------------*/

.FVuser_details_block_right .addeditform .container {
    padding: 0
}

.FVuser_details_block_right .addeditform .container mat-card {
    padding: 0!important
}

.UserDetails_text {
    background-image: url(../images/UserDetails_icon.png)!important;
    background-repeat: no-repeat!important;
    background-position: 10px center!important;
    background-size: 30px!important;
    padding-left: 56px!important
}

.ParentDetails_text {
    background-image: url(../images/ParentDetails_icon.png)!important;
    background-repeat: no-repeat!important;
    background-position: 10px center!important;
    background-size: 30px!important;
    padding-left: 56px!important
}

.PersonalInfo_text {
    background-image: url(../images/PersonalInfo_icon.png)!important;
    background-repeat: no-repeat!important;
    background-position: 10px center!important;
    background-size: 30px!important;
    padding-left: 56px!important
}

.LoginDetails_text {
    background-image: url(../images/LoginDetails_icon.png)!important;
    background-repeat: no-repeat!important;
    background-position: 10px center!important;
    background-size: 30px!important;
    padding-left: 56px!important
}

.JobTickettitle {
    background-image: url(../images/jobticket_BTN.png)!important;
    background-repeat: no-repeat!important;
    background-position: 10px center!important;
    background-size: 30px!important;
    padding-left: 56px!important
}

.NOTESDetails_text {
    background-image: url(../images/notes_BTN.png)!important;
    background-repeat: no-repeat!important;
    background-position: 10px center!important;
    background-size: 30px!important;
    padding-left: 56px!important
}

.Upcoming_Events_Calls_text {
    background-image: url(../images/Upcoming_Event_for_Follow_Up_icon_hover.png)!important;
    background-repeat: no-repeat!important;
    background-position: 10px center!important;
    background-size: 30px!important;
    padding-left: 56px!important
}

.Upcoming_Events_Appointments_text {
    background-image: url(../images/Upcoming_Events_For_Appointments_icon_hover.png)!important;
    background-repeat: no-repeat!important;
    background-position: 10px center!important;
    background-size: 30px!important;
    padding-left: 56px!important
}

.notes_title_text {
    background-image: url(../images/notes_BTN.png)!important;
    background-repeat: no-repeat!important;
    background-position: 10px center!important;
    background-size: 30px!important;
    padding-left: 56px!important
}

.Discoverycallblock_text {
    background-image: url(../images/Discovery_cal_icon_hover.png)!important;
    background-repeat: no-repeat!important;
    background-position: 10px center!important;
    background-size: 30px!important;
    padding-left: 56px!important
}

.Warrantycallblock_text {
    background-image: url(../images/wcb_icon.png)!important;
    background-repeat: no-repeat!important;
    background-position: 10px center!important;
    background-size: 30px!important;
    padding-left: 56px!important
}

.trainingactivity_title {
    background-image: url(../images/training_BTN.png)!important;
    background-repeat: no-repeat!important;
    background-position: 10px center!important;
    background-size: 30px!important;
    padding-left: 56px!important
}

.PersonalInfo_body {
    display: block;
    padding: 0!important
}

.PersonalInfo_body .mat-card-content {
    padding: 12px;
    font-size: 16px;
    font-family: 'OpenSansRegular';
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.PersonalInfo_body .mat-card-content p {
    display: inline-block!important;
    margin: 0;
    padding: 0
}

.PersonalInfo_body .mat-card-content b {
    color: #0e9c99;
    font-family: 'OpenSansSemiBold'
}

.PersonalInfo_body .mat-card-content:nth-child(odd) {
    background: #ddd
}

.jobticket_titleblock {
    font-family: 'OpenSansBold';
    color: #111;
    font-size: 18px!important;
    padding: 10px 0
}

.jobticket_titleblock strong {
    color: #30c7fa;
}

.jobticket_details {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center
}

.jobticket_details .mat-card-content {
    background: #ddd;
    padding: 10px .5%!important;
    border-radius: 50px;
    width: 46.5%;
    margin: .5%!important;
    text-align: center;
    font-family: 'OpenSansRegular';
    color: #111;
    font-size: 17px!important;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center
}

.jobticket_details .mat-card-content p {
    padding: 0 10px
}

.jobticket_details .mat-card-content strong {
    color: #0e9c99;
    padding-right: 10px;
    font-family: 'OpenSansSemiBold';
    display: inline-block
}

.jobticket_reply_btn {
    cursor: pointer;
    font-family: 'OpenSansSemiBold';
    background: rgba(48, 200, 251, 1);
    background: -moz-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(48, 200, 251, 1)), color-stop(100%, rgba(32, 163, 219, 1)));
    background: -webkit-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -o-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -ms-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: linear-gradient(to bottom, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#30c8fb', endColorstr='#20a3db', GradientType=0);
    font-size: 22px;
    color: #fff;
    padding: 4px 10px 6px;
    min-width: 140px;
    text-transform: capitalize;
    outline: none;
    border: none;
    margin: 0 auto;
    display: block;
    border-radius: 5px;
    margin-top: 15px;
    box-shadow: 0 3px 1px -2px #000 0 2px 2px 0 #000 0 1px 5px 0 #000
}

.nots-for mat-label {
    font-family: 'OpenSansBold';
    color: #8ee4ff
}

.formclass mat-label {
    font-weight: 700;
    font-size: 16px
}

.formclass ck-editor {
    display: block;
    margin: 10px 0
}

.nots-for mat-label span {
    color: #fff;
    padding-left: 10px
}

.notes-grp .btn-grp {
    margin-top: -8px
}

.notes-grp .btn-grp button:first-child {
    margin-right: 5px
}

.addeditformlead {
    margin-top: 10px
}

.addeditformleadwrapper {
    margin-top: 10px
}

.notes_btn_div {
    display: block
}

.notes_btn_div button {
    font-family: 'OpenSansSemiBold';
    background: rgba(48, 200, 251, 1);
    background: -moz-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(48, 200, 251, 1)), color-stop(100%, rgba(32, 163, 219, 1)));
    background: -webkit-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -o-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -ms-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: linear-gradient(to bottom, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#30c8fb', endColorstr='#20a3db', GradientType=0);
    font-size: 22px;
    color: #fff;
    padding: 4px 10px 6px;
    min-width: 140px;
    text-transform: capitalize;
    outline: none;
    border: none;
    display: inline-block;
    border-radius: 5px;
    margin-top: 15px;
    margin-right: 5px;
    box-shadow: 0 3px 1px -2px #000 0 2px 2px 0 #000 0 1px 5px 0 #000
}

.addeditformleadwrapper .mat-form-field-appearance-legacy .mat-form-field-wrapper {
    padding-bottom: 0
}

.addeditformleadwrapper {
    margin-top: 15px!important
}

.addeditformleadwrapper .mat-form-field-underline {
    display: none
}

.addeditformleadwrapper .mat-form-field {
    display: block
}

.addeditformleadwrapper .mat-form-field .mat-form-field-infix {
    display: block;
    position: relative;
    text-align: left;
    background: #fff;
    border: 1px solid #d0d0d0;
    border-radius: 4px 4px 0 0;
    resize: none;
    padding: 0 .75em .75em;
    resize: none;
    border-bottom: solid 1px rgba(0, 0, 0, .42)
}

.addeditformleadwrapper textarea.mat-input-element {
    margin: 0;
    resize: none;
    height: 50px
}

.addeditformleadwrapper .mat-form-field-appearance-legacy .mat-form-field-label {
    padding: 0 16px!important;
    width: auto;
    font-size: 16px!important
}

.addeditformleadwrapper .mat-form-field-infix {
    padding-top: 20px!important
}

.addeditformleadwrapper .mat-form-field-has-label .mat-form-field-label {
    top: 34px!important;
    color: #0e6567!important
}

.addeditformleadwrapper .mat-form-field-hide-placeholder .mat-form-field-label {
    top: 20px!important;
    color: #000!important
}

.open_note_wrapper {
    display: flex!important;
    flex-wrap: wrap;
    justify-content: center;
    padding: 2px;
    margin-top: 15px!important
}

.open_note_con {
    background: #ddd;
    padding: .5% 1%;
    border-radius: 7px;
    width: 45%;
    margin: .5%!important;
    text-align: left;
    font-family: 'OpenSansRegular';
    color: #111;
    font-size: 16px!important
}

.open_note_con b {
    color: #0e9c99;
    padding-right: 10px;
    font-family: 'OpenSansSemiBold'
}

.open_note_con p {
    margin: 0;
    padding: 5px 0
}

.open_note_con .delbtn {
    background: none;
    border: none;
    margin: 5px 0 0;
    color: #278a9d;
    padding: 0
}

.videocls .videotitlecls {
    background-color: #e3e0e0!important;
    padding: 10px 10px 0!important;
    font-size: inherit!important;
    margin: 0!important;
    height: auto!important;
    width: auto!important;
    min-width: inherit!important;
    color: #294b6d!important;
    font-size: 22px!important
}

.videocls .video_descriptioncls {
    background-color: #e3e0e0!important;
    padding: 5px 10px 18px 10px!important;
    font-size: inherit!important;
    margin-top: 0!important;
    height: auto!important;
    width: auto!important;
    min-width: inherit!important;
    font-size: 18px!important
}

.video_timecls {
    font-family: 'OpenSansBold'!important;
    font-size: 22px!important;
    text-align: center;
    color: #fff!important;
    margin: 0 auto!important;
    padding: 10px!important;
    line-height: 24px!important;
    background-color: #294b6d!important;
    display: block;
    height: auto!important;
    min-width: inherit!important;
    width: auto!important;
    margin-bottom: 15px
}

.lesson_videomodal .mat-dialog-container .mat-dialog-content {
    padding: 10px!important
}

.lesson_videomodal .mat-dialog-actions .btncancelcls {
    border-radius: 100px!important;
    width: 32px!important;
    background: none!important;
    min-width: inherit;
    line-height: 30px!important;
    padding: 0!important;
    margin: 0!important
}

.viewUrlcontent .mat-card-actions {
    margin-left: 0!important;
    margin-right: 0!important
}

.mat-card-header .mat-card-subtitle:not(:first-child) {
    margin-top: 0;
    width: 100%
}

.viewUrlcontent .mat-card-header-text {
    margin: 16px 0
}

.videocontainer lib-file-upload .button-group {
    height: auto!important
}

.videocontainer lib-file-upload .button-group button:nth-of-type(1) {
    margin-right: 5px!important
}

.mat-raised-button[disabled][disabled] {
    width: auto!important
}

.lesson_pdfmodal .mat-dialog-container {
    padding: 0!important
}

.lesson_pdfmodal .mat-dialog-container .allimgcountscls button:first-of-type {
    position: absolute;
    top: 50%;
    left: 2px;
    background-color: #294b6d;
    border: none;
    padding: 0;
    width: 33px;
    border-radius: 100px;
    min-width: inherit;
    color: #fff
}

.lesson_pdfmodal .mat-dialog-container .allimgcountscls button:last-of-type {
    position: absolute;
    top: 50%;
    right: 2px;
    background-color: #294b6d;
    border: none;
    padding: 0;
    width: 33px;
    border-radius: 100px;
    min-width: inherit;
    color: #fff
}

.lesson_pdfmodal .mat-dialog-container .pdftoimgcls {
    border: solid 1px #ccc
}

.lesson_pdfmodal .mat-dialog-container .allimgcountscls .paginationcls {
    text-align: center;
    background-color: #294b6d;
    padding: 10px 0;
    color: #fff;
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%
}

.productbtn_span .booknow_icon {
    font-size: 0;
    min-height: inherit;
    margin: 0;
    padding: 0;
    background-color: transparent!important;
    background-image: url(../images/FV_book_now_icon.png);
    background-repeat: no-repeat;
    background-position: 14px center;
    background-size: 36px;
    box-shadow: none!important
}

.productbtn_span .viewbooking_icon {
    font-size: 0;
    min-height: inherit;
    margin: 0;
    padding: 0;
    background-color: transparent!important;
    background-image: url(../images/listingviewicon2.png);
    background-repeat: no-repeat;
    background-position: 14px center;
    background-size: 36px;
    box-shadow: none!important
}

.productbtn_span .completeworksheet_icon {
    font-size: 0;
    min-height: inherit;
    margin: 0;
    padding: 0;
    background-color: transparent!important;
    background-image: url(../images/FV_completeworksheet_icon.png);
    background-repeat: no-repeat;
    background-position: 14px center;
    background-size: 28px;
    box-shadow: none!important
}

.productbtn_span .viewworksheet_icon {
    font-size: 0;
    min-height: inherit;
    margin: 0;
    padding: 0;
    background-color: transparent!important;
    background-image: url(../images/FV_completeworksheetview_icon.png);
    background-repeat: no-repeat;
    background-position: 14px center;
    background-size: 28px;
    box-shadow: none!important
}

.mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
    background-color: #400!important
}

.cancelBTN .mat-raised-button {
    background: url(../images/cancelappoinment2.png) no-repeat center center!important;
    background-size: 100%!important;
    width: 26px!important;
    height: 26px!important;
    font-size: 0;
    box-shadow: none!important;
    border-radius: 0;
    padding: 0;
    min-width: inherit;
    margin: 4px 0 4px 4px
}

.deletebut .mat-raised-button {
    background: url(../images/cancelappoinment2.png) no-repeat center center!important;
    background-size: 100%!important;
    width: 26px!important;
    height: 26px!important;
    font-size: 0;
    box-shadow: none!important;
    border-radius: 0;
    padding: 0;
    min-width: inherit;
    margin: 4px 0 4px 4px
}

.rescheduleBTN .mat-raised-button {
    background: url(../images/my_appointments_reschedule.png) no-repeat center center!important;
    background-size: 100%!important;
    width: 22px!important;
    height: 25px!important;
    font-size: 0;
    box-shadow: none!important;
    border-radius: 0;
    padding: 0;
    min-width: inherit;
    margin: 4px 0 4px 4px
}

.addcommison {
    display: inline-block
}

.addcommison .mat-raised-button {
    background: url(../images/Commission_icon.png) no-repeat center center!important;
    background-size: 100%!important;
    width: 25px!important;
    height: 25px!important;
    font-size: 0;
    box-shadow: none!important;
    border-radius: 0;
    padding: 0;
    min-width: inherit;
    margin: 2px 4px
}

.viewcommison {
    display: inline-block
}

.viewcommison .mat-raised-button {
    background: url(../images/CommissionView_icon.png) no-repeat center center!important;
    background-size: 100%!important;
    width: 25px!important;
    height: 25px!important;
    font-size: 0;
    box-shadow: none!important;
    border-radius: 0;
    padding: 0;
    min-width: inherit;
    margin: 2px 4px
}

.contractstatus {
    display: inline-block
}

.contractstatus .mat-raised-button {
    background: url(../images/admin_contract.png) no-repeat center center!important;
    background-size: 80%!important;
    width: 25px!important;
    height: 25px!important;
    font-size: 0;
    box-shadow: none!important;
    border-radius: 0;
    padding: 0;
    min-width: inherit;
    margin: 2px 4px
}

.quiz_resultcls .example-h2 {
    font-family: 'OpenSansBold'!important;
    font-size: 22px!important;
    text-align: center;
    color: #fff!important;
    margin: 0 auto!important;
    padding: 10px!important;
    line-height: 24px!important;
    background: #294b6d;
    display: block;
    height: auto!important
}

.quiz_resultcls .mat-dialog-container .btncancelcls {
    float: none!important;
    color: #fff;
    position: absolute;
    right: -20px;
    cursor: pointer;
    top: -20px;
    background: #254e6d!important;
    border-radius: 100px;
    padding: 0 0 3px!important;
    width: 30px!important;
    line-height: inherit!important;
    min-width: inherit!important
}

.quiz_resultcls .mat-dialog-container {
    position: relative;
    overflow: inherit
}

.quiz_resultcls .mat-dialog-container .mat-card-content {
    max-height: 80vh;
    overflow-x: hidden;
    margin: 0!important
}

.quiz_resultcls .mat-dialog-container h2 {
    border: solid 1px #ccc;
    border-top: none;
    text-align: center;
    font-family: 'OpenSansSemiBold';
    margin: 0;
    padding: 5px;
    font-size: 18px
}

.videolistingpage .mat-tab-label-container .mat-tab-labels {
    justify-content: center
}

.videolistingpage .mat-tab-label-container .mat-tab-labels .mat-tab-label {
    background: #28bbe9;
    border-radius: 5px 5px 0 0;
    margin: 0 5px;
    opacity: inherit;
    color: #fff
}

.videolistingpage .mat-tab-label-container .mat-tab-labels .mat-tab-label-active {
    background: #23879d
}

.videolistingpage .mat-ink-bar {
    display: none
}

.videolistingpage .listing_titlebar {
    position: relative;
    padding-top: 15px;
    min-height: 100px
}

.videolistingpage .listing_titlebar .titlewrapper {
    display: inline-block
}

.videolistingpage .listing_titlebar h2 {
    font-family: 'OpenSansSemiBold';
    font-size: 26px;
    color: #1e8c9c;
    text-transform: capitalize;
    margin: 0;
    padding: 0
}

.videolistingpage .container {
    margin-top: 15px
}

.buttonwrapper {
    position: absolute;
    right: 0;
    top: 16px
}

.buttonwrapper button {
    display: block;
    text-align: center;
    background: rgba(14, 61, 92, 1);
    background: -moz-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(14, 61, 92, 1)), color-stop(100%, rgba(2, 35, 57, 1)));
    background: -webkit-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -o-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -ms-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: linear-gradient(to bottom, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0e3d5c', endColorstr='#022339', GradientType=0);
    font-size: 16px;
    color: #fff;
    font-family: 'OpenSansSemiBold';
    text-decoration: none;
    outline: none;
    margin: 0 auto;
    cursor: pointer;
    border: none;
    border-radius: 5px;
    padding: 2px 15px
}

.leadlist_listing .togglesearchcls {
    display: none
}

.ShareLinkReport_list {
    display: flex
}

.ShareLinkReport_list .mat-card-content {
    background: #ddd;
    padding: 10px 1%;
    border-radius: 20px;
    width: 30.3%;
    text-align: center;
    font-family: 'OpenSansRegular';
    color: #111;
    font-size: 16px!important;
    margin: .5%
}

.ChangePassword_text {
    background-image: url(../images/changepsw_BTN.png)!important;
    background-repeat: no-repeat!important;
    background-position: 10px center!important;
    background-size: 30px!important;
    padding-left: 56px!important
}

.FVuser_details_btnblock .own_contract_BTN {
    background-image: url(../images/OwnContractView_BTN.png);
    background-repeat: no-repeat;
    background-position: 16px center;
    background-size: 32px
}

.FVuser_details_btnblock .own_contract_BTN:hover {
    background-image: url(../images/OwnContractView_BTN_hover.png);
    background-repeat: no-repeat;
    background-color: #d1d5da;
    color: #01629f
}

.FVuser_details_btnblock .FVowncontract_BTN_active {
    background-image: url(../images/OwnContractView_BTN_hover.png);
    background-repeat: no-repeat;
    background-color: #d1d5da;
    color: #01629f
}

.FVuser_details_block_login mat-card-content ul {
    margin: 0;
    padding: 0
}

.FVuser_details_block_login mat-card-content ul li {
    margin: 10px 0 0 20px;
    list-style: none;
    background: url(../images/FVCurrentProjects_texticon.png) no-repeat left 7px;
    padding: 0 0 0 16px;
    color: #111;
    font-family: 'OpenSansRegular'
}

.FVuser_details_block_login mat-card-content ul li b {
    display: inline-block;
    color: #060a0a;
    font-weight: 400;
    font-family: 'OpenSansRegular';
    margin: 0;
    padding: 0
}

.appointmenttitle {
    background-image: url(../images/appointments_BTN.png)!important;
    background-repeat: no-repeat!important;
    background-position: 10px center!important;
    background-size: 25px!important;
    padding-left: 56px!important
}

.Communication_title {
    background-image: url(../images/communications_BTN.png)!important;
    background-repeat: no-repeat!important;
    background-position: 10px center!important;
    background-size: 30px!important;
    padding-left: 56px!important
}

.lead_list_title {
    background-image: url(../images/leads_BTN.png)!important;
    background-repeat: no-repeat!important;
    background-position: 10px center!important;
    background-size: 30px!important;
    padding-left: 56px!important
}

.sharelink_title {
    background-image: url(../images/sharelink_BTN.png)!important;
    background-repeat: no-repeat!important;
    background-position: 10px center!important;
    background-size: 25px!important;
    padding-left: 56px!important
}

.edituser_title {
    background-image: url(../images/editlead_BTN.png)!important;
    background-repeat: no-repeat!important;
    background-position: 10px center!important;
    background-size: 25px!important;
    padding-left: 56px!important
}

.Questionnaire_title {
    background-image: url(../images/questionnaire_btn.png)!important;
    background-repeat: no-repeat!important;
    background-position: 10px center!important;
    background-size: 25px!important;
    padding-left: 56px!important
}

.communitionlead_block .addeditform button {
    display: inline-block;
    margin: 2px!important
}

.contract_text {
    background-image: url(../images/contract_BTN.png)!important;
    background-repeat: no-repeat!important;
    background-position: 10px center!important;
    background-size: 30px!important;
    padding-left: 56px!important
}

.Attachmentttitle {
    background-image: url(../images/Attachment_BTN.png)!important;
    background-repeat: no-repeat!important;
    background-position: 10px center!important;
    background-size: 30px!important;
    padding-left: 56px!important
}

.contract_activitytext {
    background-image: url(../images/Contractactivity_BTN.png)!important;
    background-repeat: no-repeat!important;
    background-position: 10px center!important;
    background-size: 30px!important;
    padding-left: 56px!important
}

.contract_flexblock {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center
}

.contract_flexblock .contract_flexblocklist {
    background: #ddd!important;
    padding: 10px 1%!important;
    border-radius: 10px!important;
    width: 29.3%!important;
    margin: 1%!important;
    text-align: center!important;
    font-family: 'OpenSansSemiBold'!important;
    color: #111!important;
    font-size: 18px!important;
    outline: none!important;
    cursor: pointer
}

.contract_flexblock .contract_flexblocklist:hover {
    background: #0e9c99!important;
    color: #fff!important
}

.contract_flexblock .contract_flexblocklist img {
    max-width: 90%
}

.contract_flexblock .contract_flexblocklist p {
    border: none!important;
    outline: none!important
}

.contract_flexblock .contract_flexblocklist * {
    border: none;
    outline: none
}

.contract_flexblock .view_contact_btn {
    width: auto;
    padding: 8px 15px;
    font-weight: 400;
    background: #111;
    border: none;
    border-radius: 5px;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    outline: none
}

.view_contact_btn_wrapper {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center
}

.view_contact_btn_wrapper .material-icons {
    margin-right: 10px
}

.contract_flexblock .contract_flexblocklist:hover .view_contact_btn {
    background: #fff;
    color: #111
}

.Contractpagebody .mat-raised-button:nth-child(2) {
    display: inline-block
}

.Contractpagebody .mat-raised-button:nth-child(3) {
    display: inline-block
}

.form-elementTermsblock {
    margin-bottom: 10px!important
}

.Contractpagebody .AddEditBlog ck-editor {
    font-family: 'OpenSansRegular'
}

.Contractpagebody .AddEditBlog ck-editor .cke_chrome {
    margin: 0 0 15px!important
}

.adminlisttable_v2 tbody .mat-column-Actions .FolderView button {
    background: url(../images/folderviewicon.png) no-repeat center center!important;
    background-size: 100%!important;
    width: 25px!important;
    height: 25px!important;
    font-size: 0;
    box-shadow: none!important;
    border-radius: 0;
    padding: 0;
    margin: 4px 4px;
    min-width: inherit
}

.FollowUpCall tbody .mat-column-Actions .FolderView button {
    background: url(../images/folderviewicon.png) no-repeat center center!important;
    background-size: 100%!important;
    width: 25px!important;
    height: 25px!important;
    font-size: 0;
    box-shadow: none!important;
    border-radius: 0;
    padding: 0;
    margin: 4px 4px;
    min-width: inherit
}

.lead_list_block_v2 tbody .mat-column-Actions .FolderView button {
    background: url(../images/folderviewicon.png) no-repeat center center!important;
    background-size: 100%!important;
    width: 25px!important;
    height: 25px!important;
    font-size: 0;
    box-shadow: none!important;
    border-radius: 0;
    padding: 0;
    margin: 4px 4px;
    min-width: inherit
}

.video_gallery_card {
    box-shadow: none!important;
    margin: 15px 0 0!important;
    padding: 0!important;
    display: flex!important;
    flex-wrap: wrap;
    justify-content: center
}

.video_gallery_card .mat-card-content {
    margin: 0!important
}

.video_gallery_card .video_category {
    margin: 2px!important
}

.video_gallery_card .video_category button {
    line-height: 44px;
    text-align: center;
    background: rgba(14, 61, 92, 1);
    background: -moz-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(14, 61, 92, 1)), color-stop(100%, rgba(2, 35, 57, 1)));
    background: -webkit-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -o-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -ms-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: linear-gradient(to bottom, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0e3d5c', endColorstr='#022339', GradientType=0);
    font-size: 20px;
    color: #fff;
    font-family: 'OpenSansSemiBold';
    text-decoration: none;
    outline: none;
    margin: 0 auto;
    cursor: pointer;
    border: none;
    border-radius: 5px
}

.admindashboard_block1 .block_arrrow_content .block_left_arrow {
    width: 40px!important;
    height: 40px;
    position: absolute;
    left: 10px;
    top: 32px;
    cursor: pointer;
    z-index: 9;
    padding: 0;
    border: none;
    background: #0d9d99;
    color: #fff;
    border-radius: 100px;
    outline: none
}

.admindashboard_block1 .block_arrrow_content .block_right_arrow {
    width: 40px!important;
    height: 40px;
    position: absolute;
    right: 10px;
    top: 32px;
    cursor: pointer;
    z-index: 9;
    padding: 0;
    border: none;
    background: #0d9d99;
    color: #fff;
    border-radius: 100px;
    outline: none
}

.video_gallery_category {
    margin: 0 15px
}

.video_gallery_category h2 {
    margin: 10px 0;
    padding: 15px;
    display: block;
    background: #08a298;
    background: linear-gradient(90deg, rgba(8, 162, 152, 1) 0%, rgba(74, 96, 164, 1) 100%);
    border-radius: 8px;
    font-family: 'OpenSansSemiBold';
    font-size: 26px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 25px;
    text-align: center
}

.example-card-video .mainvideocls {
    position: relative
}

.example-card-video .mainvideocls .playbuttoncls {
    width: 12%!important;
    position: absolute;
    left: 44%;
    top: 44%;
    cursor: pointer
}

.example-card-video .mainvideoimg {
    border: solid 1px #fff
}

.example-card-video .mat-card-content {
    margin: 0;
    padding: 0
}

.example-card-video .mat-card-content h4 {
    font-size: 22px;
    color: #0c9f99;
    font-family: 'OpenSansSemiBold';
    margin: 0;
    padding: 0
}

.example-card-video .video_description {
    margin: 0;
    padding: 0
}

.example-card-video .video_description h4 {
    font-size: 16px;
    color: #000;
    font-family: 'OpenSansRegular';
    margin: 0;
    padding: 10px 0;
    font-weight: 400
}

.example-card-video .video_description h4 strong {
    color: #1d8d9c
}

.example-card-video .video_description h4 p {
    margin: 0;
    padding: 0
}

.example-card-video .video_description .readmorecls {
    font-family: 'OpenSansRegular';
    color: red;
    margin-top: 10px;
    display: inline-block;
    cursor: pointer
}



.videocontainer_tech {
    position: relative;
    overflow: hidden;
    width: auto;
    padding-top: 56.25%!important;
    background: #000
}

.videocontainer_tech iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%
}

.videocontainer_tech img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: .5
}

.videogallerymodal {
    pointer-events: auto;
    width: 800px;
    max-width: 80%;
    overflow: inherit
}

.videogallerymodal video-modal-gallery {
    display: block;
    position: static;
    max-height: 80vh;
    overflow-x: hidden
}

.videogallerymodal .mat-dialog-container {
    overflow: inherit;
    position: relative
}

.videogallerymodal .video_titlecls {
    font-size: 22px;
    color: #0c9f99;
    font-family: 'OpenSansSemiBold';
    margin: 0;
    padding: 10px 0;
    display: block
}

.videogallerymodal .video_desccls {
    font-size: 16px;
    color: #000;
    font-family: 'OpenSansRegular';
    margin: 0;
    padding: 0;
    font-weight: 400;
    display: block
}

.videogallerymodal .video_desccls p {
    margin: 0;
    padding: 0
}

.videogallerymodal .video_desccls strong {
    color: #1d8d9c
}

.videogallerymodal .btncancelcls {
    float: none!important;
    color: #fff;
    position: absolute;
    right: -25px;
    cursor: pointer;
    top: -25px;
    background: #254e6d!important;
    border-radius: 100px;
    padding: 0 6px;
    min-width: inherit
}

.FVuser_details_block_right .sales_agreement_wrapper .sales_inner_wrapper {
    width: auto!important;
    margin-top: 0!important;
    padding: 15px!important
}

.FVuser_details_block_right .sales_agreement_wrapper {
    padding: 0!important
}

.viewOwnContract_title {
    background-image: url(../images/OwnContractView_BTN.png)!important;
    background-repeat: no-repeat!important;
    background-position: 10px center!important;
    background-size: 30px!important;
    padding-left: 56px!important
}

.video_gallery_card .video_category .allactive {
    background: rgba(48, 200, 251, 1);
    background: -moz-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(48, 200, 251, 1)), color-stop(100%, rgba(32, 163, 219, 1)));
    background: -webkit-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -o-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -ms-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: linear-gradient(to bottom, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#30c8fb', endColorstr='#20a3db', GradientType=0)
}

.video_gallery_card .video_category .activecls {
    background: rgba(48, 200, 251, 1);
    background: -moz-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(48, 200, 251, 1)), color-stop(100%, rgba(32, 163, 219, 1)));
    background: -webkit-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -o-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -ms-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: linear-gradient(to bottom, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#30c8fb', endColorstr='#20a3db', GradientType=0)
}

.TrainingProgress_wrapper_box {
    position: absolute;
    right: 20px;
    top: 20%;
    background: #fff;
    width: 250px;
    border-radius: 160px;
    height: 250px
}

.TrainingProgress_wrapper_box .TrainingProgress_wrapper_con {
    margin-top: 10px
}

.TrainingProgress_btndiv_wrapper {
    height: 150px;
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.resource_modal .closemodal {
    float: none!important;
    color: #fff;
    position: absolute;
    right: -20px;
    cursor: pointer;
    top: -20px;
    background: #254e6d;
    border-radius: 100px;
    padding: 0 0 3px!important;
    width: 30px!important;
    min-width: inherit!important;
    border: none!important;
    outline: none!important;
    text-align: center;
    line-height: 32px!important;
    height: 30px
}

.resource_modal .mat-dialog-container {
    position: relative;
    overflow: inherit
}

.resource_modal .resorcecls {
    border: none!important;
    box-shadow: none!important;
    padding: 0!important;
    max-height: 80vh;
    overflow-y: auto;
    overflow-x: hidden
}

.resource_modal .resource_textcls {
    font-family: 'OpenSansSemiBold';
    font-size: 18px;
    color: #012136;
    text-align: center
}

.resource_modal .resource_textcls strong {
    color: #01adf6
}

.resource_modal .gototrainingcls {
    display: block;
    line-height: 40px;
    text-align: center;
    background: rgba(14, 61, 92, 1);
    background: -moz-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(14, 61, 92, 1)), color-stop(100%, rgba(2, 35, 57, 1)));
    background: -webkit-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -o-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -ms-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: linear-gradient(to bottom, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0e3d5c', endColorstr='#022339', GradientType=0);
    font-size: 18px;
    color: #fff;
    font-family: 'OpenSansSemiBold';
    text-decoration: none;
    outline: none;
    margin: 0 auto;
    margin-top: 15px;
    cursor: pointer;
    border: none;
    border-radius: 5px
}

.lesson_videomodal .generalmodalcls mat-dialog-actions .btncancelcls {
    float: none!important;
    color: #fff;
    position: absolute;
    right: -20px;
    cursor: pointer;
    top: -20px;
    background: #254e6d!important;
    border-radius: 100px;
    padding: 0 0 3px!important;
    width: 30px!important;
    line-height: inherit!important;
    min-width: inherit!important
}

.followupmodal .btncancelcls {
    float: none!important;
    color: #fff;
    position: absolute;
    right: -20px;
    cursor: pointer;
    top: -20px;
    background: #254e6d!important;
    border-radius: 100px;
    padding: 0!important;
    width: 30px!important;
    line-height: 30px!important;
    min-width: inherit!important;
    text-align: center
}

.norecfound {
    color: red;
    font-size: 16px
}

.admindashboard_alltableblock table {
    box-shadow: none!important;
    margin-left: 0!important;
    margin-right: 0!important;
    width: 100%!important
}

.worksheet-modal .headercls {
    display: block;
    text-align: center;
    font-family: 'OpenSansSemiBold';
    font-size: 26px;
    padding: 10px;
    color: #fff;
    margin: 0
}

.worksheet-modal .form-element button {
    display: inline-block;
    text-align: center;
    background: rgba(48, 200, 251, 1);
    background: -moz-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(48, 200, 251, 1)), color-stop(100%, rgba(32, 163, 219, 1)));
    background: -webkit-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -o-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -ms-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: linear-gradient(to bottom, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#30c8fb', endColorstr='#20a3db', GradientType=0);
    font-size: 22px;
    color: #fff;
    line-height: 45px!important;
    display: none
}

.worksheet-modal .form-element button:first-of-type {
    display: inline-block
}

.worksheet-modal .form-element .custombuttonscls {
    display: inline-block;
    margin: 0 5px
}

.worksheet-modal .mat-dialog-container {
    border: solid 10px #254e6d;
    padding: 0!important;
    position: relative;
    overflow: inherit
}

.worksheet-modal .mat-dialog-container .worksheetmainclass_wrapper {
    max-height: 70vh;
    overflow-y: auto;
    padding: 15px;
    display: block;
    overflow-x: hidden
}

.worksheet-modal .worksheetclose .btncancelcls {
    float: none!important;
    color: #fff!important;
    position: absolute;
    right: -25px;
    cursor: pointer;
    top: -22px;
    background-color: #254e6d!important;
    border-radius: 100px;
    padding: 2px;
    border: none;
    width: 40px;
    outline: none;
    line-height: 34px;
    min-width: inherit
}

.worksheet-modal .mat-form-field-flex {
    border-radius: 4px 4px 0 0;
    padding: 0 .75em .75em;
    background: #fff;
    border: 1px solid #d0d0d0;
    box-sizing: border-box
}

.worksheet-modal .mat-form-field-appearance-legacy .mat-form-field-label {
    color: #4a4646;
    font-size: 16px!important;
    font-family: 'OpenSansSemiBold'
}

.worksheet-modal .mat-form-field-should-float label {
    top: 28px!important;
    color: #0e6567!important
}

.worksheet-modal input.mat-input-element {
    font-size: 16px!important
}

.worksheet-modal .mat-form-field-appearance-legacy .mat-form-field-infix {
    padding: 15px 0 0
}

.worksheet-modal textarea {
    resize: none!important
}

.worksheet-modal .form_field_wrappercompany_financial {
    margin: 0 0 20px
}

.worksheet-modal .form_field_wrappercompany_financial mat-label {
    margin-bottom: 10px!important;
    display: block
}

.worksheet-modal .form_field_wrappercompany_financial .mat-radio-button {
    margin-right: 10px!important
}

.worksheet-modal .form_field_technology mat-label {
    margin-bottom: 10px!important;
    display: block
}

.worksheet-modal .form_field_technology .mat-radio-button {
    margin-right: 10px!important
}

.worksheet-modal .form-element mat-label {
    margin-bottom: 10px!important;
    display: block!important
}

.worksheet-modal .form-element .mat-radio-button {
    margin-right: 10px!important
}

.worksheet-modal .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
    border-color: #28b5eb
}

.worksheet-modal .mat-radio-button.mat-accent .mat-radio-inner-circle {
    background-color: #2bbdf1
}

.worksheet-modal .skipcls {
    display: block;
    margin: 0 auto;
    padding: 15px;
    text-align: center;
    padding-bottom: 0
}

.worksheet-modal .skipcls mat-checkbox {
    display: block;
    margin-bottom: 10px
}

.worksheet-modal .skipcls .btncancelcls {
    background: rgba(14, 61, 92, 1);
    background: -moz-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(14, 61, 92, 1)), color-stop(100%, rgba(2, 35, 57, 1)));
    background: -webkit-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -o-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -ms-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: linear-gradient(to bottom, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0e3d5c', endColorstr='#022339', GradientType=0);
    font-size: 20px;
    color: #fff;
    font-family: 'OpenSansSemiBold';
    text-decoration: none;
    outline: none;
    cursor: pointer;
    border: none;
    border-radius: 5px;
    padding: 5px 15px
}

.bluebuttoncls_show {
    background: rgba(14, 61, 92, 1);
    background: -moz-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(14, 61, 92, 1)), color-stop(100%, rgba(2, 35, 57, 1)));
    background: -webkit-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -o-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -ms-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: linear-gradient(to bottom, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0e3d5c', endColorstr='#022339', GradientType=0);
    font-size: 20px!important;
    color: #fff!important;
    font-family: 'OpenSansSemiBold'!important;
    text-decoration: none;
    outline: none;
    cursor: pointer;
    border: none;
    border-radius: 5px!important;
    padding: 5px 15px!important;
    display: block!important;
    width: 180px!important;
    margin: 0 auto!important
}

.FVuser_details_block_right .bluebuttoncls_show_wrapper {
    display: block;
    width: 100%;
    text-align: center
}

.FVuser_details_block_right .bluebuttoncls_show_wrapper .bluebuttoncls_show {
    display: inline-block!important;
    margin: 5px!important;
    width: auto!important;
}

.FVuser_details_block_right .bluebuttoncls_show_wrapper .bluebuttoncls_Cancel {
    background-image: url(../images/book_Cancel_icon.png);
    background-repeat: no-repeat;
    background-size: 66%;
    background-position: center center;
    font-size: 0;
    width: 45px;
    height: 45px;
    padding: 0;
    min-width: inherit;
    background-color: #2297bb;
    border-radius: 100px;
    margin: 2px 5px
}

.FVuser_details_block_right .bluebuttoncls_show_wrapper .bluebuttoncls_Reschedule {
    background-image: url(../images/book_Reschedule_icon.png);
    background-repeat: no-repeat;
    background-size: 66%;
    background-position: center center;
    font-size: 0;
    width: 45px;
    height: 45px;
    padding: 0;
    min-width: inherit;
    background-color: #2297bb;
    border-radius: 100px;
    margin: 2px 5px
}

.FVuser_details_block_right .bluebuttoncls_show_wrapper .bluebuttoncls_contract {
    background-image: url(../images/ContractReports_icon.png);
    background-repeat: no-repeat;
    background-size: 66%;
    background-position: center center;
    font-size: 0;
    width: 45px;
    height: 45px;
    padding: 0;
    min-width: inherit;
    background-color: #2297bb;
    border-radius: 100px;
    margin: 2px 5px
}

.Communicationmodal .container {
    max-height: 80vh;
    overflow-y: auto;
    display: block;
    min-height: 100px;
    overflow-x: hidden;
    padding: 0!important;
    margin-top: 15px
}

.worksheet-modal .form_field_purchesed_date button {
    line-height: inherit!important
}

.schedule_modal game-plan-dialog {
    text-align: center;
    padding: 10px;
    font-size: 18px;
    font-family: 'RalewaySemiBold';
    display: block
}

.schedule_modal game-plan-dialog strong {
    color: #012136
}

.schedule_modal game-plan-dialog .game_planheadercls {
    display: block;
    padding: 0 0 20px;
    font-family: 'OpenSansBold';
    font-size: 28px;
    color: #012136;
    text-align: center;
    margin: 0
}

.schedule_modal game-plan-dialog .mat-raised-button {
    margin: 20px 0 5px;
    background: rgba(48, 200, 251, 1);
    background: -moz-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(48, 200, 251, 1)), color-stop(100%, rgba(32, 163, 219, 1)));
    background: -webkit-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -o-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -ms-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: linear-gradient(to bottom, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#30c8fb', endColorstr='#20a3db', GradientType=0);
    font-size: 22px;
    color: #fff;
    padding: 5px 10px;
    min-width: 140px;
    text-transform: capitalize;
    word-break: break-word;
    white-space: initial!important
}

.mat-tab-body-content {
    overflow: inherit
}

.calendar_managementnewblock .pagination {
    border: 1px solid #d3d3d3;
    border-radius: 5px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: inline-block;
    float: right;
    font-size: 15px;
    padding: 5px
}

.adminDB_banner_con_text_block h2 {
    margin: 10px 0;
    padding: 15px;
    display: block;
    background: #08a298;
    background: linear-gradient(90deg, rgba(8, 162, 152, 1) 0%, rgba(74, 96, 164, 1) 100%);
    border-radius: 8px;
    font-family: 'OpenSansSemiBold';
    font-size: 26px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 25px;
    text-align: center
}

.admininnerbodyppointment {
    padding: 15px;
    min-height: 80vh
}

.admininnerbodyppointment .mat-dialog-content .center {
    text-align: center;
    font-size: 18px;
    color: #333
}

.slotview .slot-card .mat-card-actions button {
    box-shadow: none!important;
    background-color: #333
}

.admininnerbodyppointment .noFoundText {
    text-align: center;
    color: #fff;
    height: auto!important;
    display: block;
    padding: 10px
}

.admininnerbodyppointment .filter .mat-stroked-button {
    border: 1px solid #bdbaba;
    padding: 0 15px;
    line-height: 34px;
    height: 60px;
    margin: 0 5px;
    top: -5px;
    color: #b0bbbb!important
}

.admininnerbodyppointment .filter .mat-form-field:nth-child(1) {
    margin-right: 5px
}

.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
    color: #d3d3d3!important
}

.admininnerbodyppointment .filter .pagination {
    float: right;
    display: block;
    width: auto;
    margin-top: 8px
}

.admininnerbodyppointment .filter .pagination br {
    display: none
}

.admininnerbodyppointment .filter .pagination .mat-select {
    display: inline-block;
    width: auto;
    outline: 0;
    margin: 0;
    top: 17px
}

.admininnerbodyppointment .filter .pagination .sample_label {
    padding-right: 50px;
    display: inline-block;
    padding-left: 10px
}

.admininnerbodyppointment .filter .pagination mat-label b {
    color: #04649c
}

.admininnerbodyppointment .filter .pagination mat-icon {
    color: #04649c
}

.admininnerbodyppointment .filter .pagination b {
    font-weight: 400;
    color: #111
}

.admininnerbodyppointment .filter .pagination .mat-select {
    position: relative
}

.admininnerbodyppointment .filter .pagination .mat-select-trigger {
    display: block;
    cursor: pointer;
    box-sizing: border-box;
    width: 50px;
    position: absolute;
    right: 0;
    top: -30px
}

.admininnerbodyppointment .filter .pagination .mat-card-actions {
    margin-left: 0;
    margin-right: 0;
    padding: 8px 0;
    margin-bottom: 4px!important
}

.admininnerbodyppointment .filter .pagination .mat-form-field-appearance-outline .mat-select-arrow-wrapper {
    transform: translateY(65%)
}

.mat-form-field-appearance-outline .mat-form-field-outline-end,
.mat-form-field-appearance-outline .mat-form-field-outline-start {
    border: 1px solid #d3d3d3;
    min-width: 5px
}

.video_add_editcls .addeditform .form-element .mat-raised-button:nth-of-type(2) {
    margin: 2px 5px 2px 0;
    display: inline-block!important
}

.form_field_video_description {
    margin-bottom: 20px
}

.form_field_video_description mat-label {
    font-family: 'OpenSansSemiBold';
    display: block;
    padding: 0 0 10px
}

.trainingheadercls_inner {
    max-width: 1310px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.trainingheadercls_inner h2 {
    flex: 1;
    color: #252525;
    font-size: 30px;
    font-family: 'OpenSansSemiBold';
    margin: 0
}

.trainingheadercls_inner .trainingheadercls {
    flex: 1;
    padding: 0 10px!important
}

.maincartcls_row {
    max-width: 1310px;
    margin: 0 auto;
    display: block
}

.FVuser_details_block_right .trainingheadercls {
    border: 1px solid #f7faff!important;
    box-shadow: 1px 1px 5px #d4d4d4;
    margin-bottom: 10px;
    border-radius: 50px;
    padding: 0 20px!important;
    background: #fff!important;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.mat-tab-labels {
    display: flex;
    text-align: center;
    justify-content: center
}

.addeditpage_wrapper mat-ink-bar {
    background-color: #2dbce9
}

.listingpage_wrapper mat-ink-bar {
    background-color: #2dbce9
}

.addeditpage_wrapper .mat-tab-label-container {
    border-bottom: 1px solid rgba(0, 0, 0, .12)
}

.FVuser_details_block_right .trainingheadercls h2 {
    color: #35bfea;
    font-size: 26px;
    font-weight: 400;
    font-family: 'OpenSansBold';
    -webkit-box-flex: 1;
    flex: 1;
    margin: 10px 0 0
}

.FVuser_details_block_right .trainingheadercls .mat-progress-bar {
    margin: 20px 10px!important;
    height: 20px!important;
    -webkit-box-flex: 1;
    flex: 1;
    align-items: center;
    display: flex
}

.FVuser_details_block_right .trainingheadercls .mat-progress-bar-buffer {
    background-color: #262626!important
}

.FVuser_details_block_right .trainingheadercls .mat-progress-bar-fill:after {
    background-color: #0071bc!important
}

.FVuser_details_block_right .trainingcenterclsupdate {
    margin-top: 0!important
}

.FVuser_details_block_right .trainingcentercls_group h2 {
    margin: 0!important;
    padding: 10px!important;
    text-align: center!important;
    background: #08a298!important;
    background: linear-gradient(90deg, rgba(8, 162, 152, 1) 0%, rgba(74, 96, 164, 1) 100%)!important;
    color: #f4f1f1!important;
    font-size: 26px!important;
    font-weight: 400!important;
    border-bottom: solid 5px #fff
}

.FVuser_details_block_right .mat-expansion-panel {
    background: #2297bb;
    color: #fff;
    box-shadow: none!important;
    border-radius: 10px!important
}

.FVuser_details_block_right .mat-expanded {
    background: #fff;
    color: #111
}

.FVuser_details_block_right .mat-expansion-panel-header-title {
    font-family: 'OpenSansSemiBold';
    font-size: 18px;
    color: #fff
}

.FVuser_details_block_right .mat-expanded .mat-expansion-panel-header-title {
    font-family: 'OpenSansSemiBold';
    font-size: 18px;
    color: #01629f
}

.FVuser_details_block_right .mat-expanded .mat-expansion-panel-header {
    background: #e4e2e2!important
}

.mat-expansion-panel-body {
    padding: 0
}

.mat-expansion-panel-body .mat-card {
    margin: 0;
    border-bottom: solid 1px #e4e2e2;
    color: #0e9c99;
    font-family: 'OpenSansSemiBold';
    font-size: 16px
}

.mat-expansion-panel-body .mat-card:last-of-type {
    border: none
}

.mat-expansion-panel-body .mat-card span {
    color: #2297bb;
    font-family: 'OpenSansRegular';
    font-size: 16px;
    display: block;
    padding: 0;  
    width: 28%;
    text-align: right;
}

.mat-expansion-panel-body .mat-card span.material-icons {
    font-family: 'Material Icons'!important
}

.technologicaldivblock {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 94%
}

.technologicaldivblock span strong {
    font-weight: 400;
    color: #111;
    display: inline-block;
    padding-left: 5px
}

.trainingactivity_wrapper .mat-card p {
    margin: 0;
    padding: 0; width: 70%;
}

.trainingactivity_wrapper .mat-card .material-icons {
    cursor: pointer;
    color: #081b27;
    font-size: 20px;
    margin-left: 10px;
    display: inline-block
}

.form_field_wrappercategory_description {
    margin-bottom: 20px
}

.form_field_wrappercategory_description mat-label {
    font-family: 'OpenSansSemiBold';
    display: block;
    padding-bottom: 10px
}

.user_details_page .productcls {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.banner1cls .bannerclassmentor {
    align-items: center!important
}

.banner1cls .bannerclassmentor .red_Eye {
    display: flex
}

.banner1cls .bannerclassmentor .reviewcls {
    font-size: 20px!important;
    color: #0b4163;
    padding-right: 10px;
    display: inline-block
}

.banner1cls .bannerclassmentor .mat-card-content {
    font-size: 16px;
    color: #fff;
    padding: 12px;
    margin: 0
}

.schedule_modal .mat-card {
    box-shadow: none!important;
    padding: 0
}

.schedule_modal .generalmodalcls {
    padding: 20px;
    padding-top: 0
}

.schedule_modal .mat-dialog-container .btncancelcls {
    float: none!important;
    color: #fff;
    position: absolute;
    right: -20px;
    cursor: pointer;
    top: -20px;
    background: #254e6d;
    border-radius: 100px;
    padding: 0 0 3px;
    outline: none!important;
    border: none;
    width: 30px;
    text-align: center;
    margin: 0!important;
    min-width: inherit;
    line-height: inherit!important
}

.schedule_modal .btnbluecls {
    margin-left: 0!important;
    margin-top: 15px!important
}

.schedule_modal .questioncls br {
    display: none
}

.schedule_modal .questioncls h2 {
    display: block;
    padding: 0 0 10px;
    font-family: 'OpenSansBold';
    font-size: 22px;
    color: #fff;
    text-align: center;
    margin: 0 -20px;
    background: #254e6d
}

.schedule_modal .questioncls h3 {
    display: block;
    padding: 10px 0;
    font-family: 'OpenSansBold';
    font-size: 20px;
    color: #01adf6;
    margin: 0
}

.schedule_modal .questioncls .mat-radio-group .mat-radio-button .mat-radio-label {
    padding: 0 16px 0 0;
    font-size: 16px
}

.schedule_modal .questioncls .mat-radio-group * {
    box-shadow: none!important;
    margin-bottom: 4px
}

.schedule_modal .questioncls .mat-radio-group:last-child {
    margin-bottom: 0
}

.schedule_modal .quizanscls .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
    border-color: #26b2e8
}

.schedule_modal .quizanscls .mat-radio-button.mat-accent .mat-radio-inner-circle {
    background-color: #2cc0f4
}

.schedule_modal .quizanscls .example-h2 {
    display: block;
    padding: 0 0 10px;
    font-family: 'OpenSansBold';
    font-size: 22px;
    color: #fff;
    text-align: center;
    margin: 0 -20px;
    background: #254e6d
}

.schedule_modal .quizanscls span {
    display: block;
    margin: 0 -20px
}

.schedule_modal .quizanscls span h2 {
    display: block;
    padding: 6px 20px;
    font-family: 'OpenSansBold';
    font-size: 19px;
    color: #25292b;
    margin: 0;
    border-bottom: solid 1px #ccc
}

.schedule_modal .quizanscls span h2 span {
    display: inline-block;
    margin: 0
}

.schedule_modal .quizanscls .mat-dialog-actions {
    margin-top: 0!important
}

.sampleCSV_btn {
    font-size: 14px;
    color: #232121;
    font-family: 'OpenSansRegular';
    text-decoration: none;
    outline: none;
    cursor: pointer;
    border: none;
    border-radius: 5px;
    padding: 8px 10px;
    float: right;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 9
}

.addeditformcsv .container {
    margin-top: -35px
}

.sampleCSV_btn .material-icons {
    cursor: pointer;
    display: inline-block;
    background: #307ba0;
    color: #fff;
    border-radius: 100px;
    padding: 5px;
    margin-left: 6px;
    font-size: 18px
}

.sampleCSV_btn b {
    font-weight: 400;
    color: red
}

.leaduploadcss .mat-form-field {
    display: block
}

.leaduploadcss .mat-form-field-flex {
    background-color: #fff!important;
    border: 1px solid #d0d0d0;
    box-sizing: border-box;
    border-radius: 4px 4px 0 0;
    padding: 0 .75em .75em
}

.leaduploadcss .mat-form-field-has-label .mat-form-field-label {
    top: 15px!important;
    color: #0e6567!important;
    font-size: 16px;
    font-family: 'OpenSansSemiBold'
}

.leaduploadcss .mat-form-field-hide-placeholder .mat-form-field-label {
    color: #000!important;
    font-family: 'OpenSansSemiBold'
}

.trainingactivity_wrapper .mat-expansion-panel-body .mat-card {
    padding: 15px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center
}

.leaduploadcss .form-element button {
    margin: 2px 5px 2px 0;
    background: rgba(48, 200, 251, 1);
    background: -moz-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(48, 200, 251, 1)), color-stop(100%, rgba(32, 163, 219, 1)));
    background: -webkit-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -o-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -ms-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: linear-gradient(to bottom, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#30c8fb', endColorstr='#20a3db', GradientType=0);
    font-size: 22px;
    color: #fff;
    padding: 5px 10px;
    min-width: 140px;
    text-transform: capitalize
}

.leaduploadtablecss table {
    width: 100%;
    border-spacing: 0;
    border: 1px solid #d5d5d5!important
}

.leaduploadtablecss thead th {
    color: #fff!important;
    font-size: 16px!important;
    font-family: 'OpenSansSemiBold';
    padding: 14px 10px;
    text-transform: capitalize;
    text-align: left
}

.leaduploadtablecss tbody td {
    padding: 14px 10px;
    text-align: left;
    border-top: solid 1px #d5d5d5
}

.leaduploadtablecss .form-element {
    display: block;
    text-align: center;
    padding-top: 15px
}

.leaduploadtablecss .form-element button {
    margin: 2px 5px 2px 0;
    background: rgba(48, 200, 251, 1);
    background: -moz-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(48, 200, 251, 1)), color-stop(100%, rgba(32, 163, 219, 1)));
    background: -webkit-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -o-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -ms-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: linear-gradient(to bottom, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#30c8fb', endColorstr='#20a3db', GradientType=0);
    font-size: 22px;
    color: #fff;
    padding: 5px 10px;
    min-width: 140px;
    text-transform: capitalize
}

.worksheet-modal {
    width: 900px
}

.worksheet-modal .mat-dialog-container {
    padding: 10px!important
}

.worksheet-modal .btncancelcls {
    border-radius: 100px!important;
    width: 32px!important;
    min-width: inherit;
    line-height: 30px!important;
    padding: 0!important;
    margin: 0!important;
    background: #254e6d!important;
    position: absolute;
    right: -20px;
    top: -20px
}

.worksheet-modal iframe {
    display: block;
    margin: 0 auto;
    margin-bottom: 5px;
    width: 100%
}

.worksheetyoutube {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%
}

.worksheetyoutube iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%
}

.worksheet-modal img {
    display: block;
    width: 100%;
    margin: 0
}

.worksheet-modal .viewcontract {
    max-height: 80vh;
    overflow-y: scroll
}

.admindashboard_block3card {
    box-shadow: none!important;
    border: none!important;
    border-radius: 0!important
}

.ContarctPreview .mat-raised-button {
    background: url(../images/listingviewicon.png) no-repeat center center!important;
    background-size: 100%!important;
    width: 25px!important;
    height: 25px!important;
    font-size: 0;
    box-shadow: none!important;
    border-radius: 0;
    padding: 0;
    min-width: inherit;
    margin: 2px 4px
}

.contactpreview .mat-dialog-container {
    padding: 0!important;
    position: relative;
    overflow: inherit
}

.contactpreview .appcontact_preview {
    max-height: 80vh;
    overflow: hidden;
    overflow-y: scroll;
    display: block;
    padding: 15px
}

.contactpreview app-contact-preview h2 {
    font-family: 'OpenSansSemiBold';
    font-size: 22px!important;
    color: #294b6d!important;
    margin: 0 auto!important;
    padding: 10px 0!important
}

.contactpreview app-contact-preview P {
    font-family: 'OpenSansRegular';
    font-size: 16px!important;
    color: #111!important;
    margin: 0 auto!important;
    padding: 5px 0!important
}

.contactpreview app-contact-preview li::marker {
    color: #294b6d!important;
    font-family: 'OpenSansSemiBold';
    font-size: 20px
}

.contactpreview app-contact-preview strong {
    display: inline-block
}

.custom-modalbox-videoplayer-preview mat-dialog-container {
    overflow: inherit;
    position: relative
}

.listingpage_wrapper {
    min-height: 80vh
}

.custom-modalbox-videoplayer-preview .closemodal {
    border-radius: 100px!important;
    width: 32px!important;
    min-width: inherit;
    outline: none!important;
    margin: 0!important;
    background: #254e6d!important;
    position: absolute;
    right: -20px;
    top: -20px;
    border: none!important;
    color: #fff;
    font-size: 25px;
    line-height: 22px!important;
    padding: 2px 0 6px;
    cursor: pointer
}

.contactpreview .btncancelcls {
    border-radius: 100px!important;
    width: 32px!important;
    min-width: inherit;
    outline: none!important;
    margin: 0!important;
    background: #254e6d!important;
    position: absolute;
    right: -20px;
    top: -20px;
    border: none!important;
    color: #fff;
    font-size: 24px;
    line-height: 22px!important;
    padding: 2px 5px;
    cursor: pointer;
    text-align: center
}

.skipcls .btncancelcls {
    position: inherit;
    margin: 5px auto!important;
    display: block;
    width: 120px!important;
    border-radius: 5px!important;
    height: inherit;
    line-height: 39px!important;
    background: rgba(14, 61, 92, 1)!important;
    background: -moz-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%)!important;
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(14, 61, 92, 1)), color-stop(100%, rgba(2, 35, 57, 1)))!important;
    background: -webkit-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%)!important;
    background: -o-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%)!important;
    background: -ms-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: linear-gradient(to bottom, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%)!important;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0e3d5c', endColorstr='#022339', GradientType=0);
    font-size: 20px;
    color: #fff
}

.worksheet-modal .skipcls span {
    display: block
}

.CommingSoon_modal h3 {
    text-align: center;
    font-family: 'OpenSansSemiBold';
    font-size: 26px;
    color: #17667f
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border: 1px solid #c3e6cb;
    position: relative;
    padding: 10px;
    border-radius: 5px;
    font-family: 'OpenSansRegular';
    font-size: 16px!important;
    overflow: hidden;
    margin: 10px!important
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border: 1px solid #f5c6cb;
    position: relative;
    padding: 10px;
    border-radius: 5px;
    font-family: 'OpenSansRegular';
    font-size: 16px!important;
    overflow: hidden;
    margin: 10px!important
}

.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border: 1px solid #bee5eb;
    position: relative;
    padding: 10px;
    border-radius: 5px;
    font-family: 'OpenSansRegular';
    font-size: 16px!important;
    overflow: hidden;
    margin: 10px!important
}

.alertCSS .material-icons {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    text-shadow: 0 1px 0 #fff;
    opacity: .5
}

.alertCSS .alert_text {
    display: block;
    text-align: center;
    line-height: 20px;
    padding-right: 35px
}

.adminrescheduleBTN {
    background: url(../images/my_appointments_reschedule.png) no-repeat center center!important;
    background-size: 100%!important;
    width: 22px!important;
    height: 25px!important;
    font-size: 0;
    box-shadow: none!important;
    border-radius: 0;
    padding: 0;
    min-width: inherit;
    margin: 4px 0 4px 4px;
    border: none
}

.Reschedule_span {
    display: flex!important;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center
}

.Reschedule_span span {
    width: auto
}

.hidefistclass .admindashboard_block3_wrapper {
    width: 100%
}

.share_link_body_con_left {
    display: flex!important;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: .5%;
    width: 20%
}

.Sharelinks_description ul {
    margin: 0;
    padding: 0
}

.Sharelinks_description ul li {
    list-style: none;
    background: url(../images/FVCurrentProjects_texticon.png) no-repeat left 7px;
    padding: 0 0 0 16px
}

.footermodalcss {
    position: relative!important
}

.footermodalcss .mat-dialog-container {
    padding: 0!important
}

.footermodalcss .footermodal_body {
    max-height: 80vh;
    overflow-y: auto;
    padding: 15px;
    display: block;
    min-height: 100px;
    overflow-x: hidden
}

.footermodalcss .close-btn-modal {
    float: none!important;
    color: #fff;
    position: absolute;
    right: -16px;
    cursor: pointer;
    top: -16px;
    background: #254e6d;
    border-radius: 100px;
    padding: 0 6px;
    min-width: inherit
}

.footermodalcss .footermodal_logo {
    width: 350px;
    display: block;
    margin: 0 auto;
    max-width: 100%
}

.footermodalcss .footermodal_body h2 {
    text-transform: uppercase;
    font-family: 'OpenSansBold';
    color: #fff;
    font-size: 35px;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
    background: #1a77bc;
    padding: 5px
}

.footermodalcss .footermodal_body h3 {
    color: #14aaed;
    font-size: 24px;
    font-family: 'OpenSansSemiBold';
    margin: 0;
    padding: 0 0 15px
}

.footermodalcss .footermodal_body h4 {
    color: #14aaed;
    font-size: 20px;
    font-family: 'OpenSansSemiBold';
    margin: 0;
    padding: 0 0 15px;
    color: #1a77bc
}

.footermodalcss .footermodal_body p {
    font-size: 18px;
    font-family: 'OpenSansRegular';
    line-height: 24px;
    margin: 0;
    padding: 0 0 15px;
    color: #000
}

.footermodalcss .footermodal_body p:last-of-type {
    padding: 0
}

.footermodalcss .footermodal_body p a {
    color: #126c6f
}

.footermodalcss .footermodal_body p a:hover {
    text-decoration: none
}

.footermodalcss ul {
    margin: 0 0 15px;
    padding: 0
}

.footermodalcss ul li {
    list-style: none;
    background: url(../images/footermodalliicon.png) left 7px no-repeat;
    padding-left: 20px;
    font-size: 18px;
    font-family: 'OpenSansRegular';
    color: #000
}

.DialogBoxComponent {
    text-align: center
}

.DialogBoxComponent .mat-dialog-actions {
    flex-wrap: wrap!important;
    justify-content: center
}

.subpart_left_con_sub .subpart_left_block_description p span {
    display: inline!important
}

.subpart_left_con_sub {
    border-top: solid 1px #fff
}

.subpart_left_con_sub .subpart_left_block_description p {
    display: block;
    margin-bottom: 5px
}

.subpart_left_con_sub .subpart_left_block_description p:last-of-type {
    margin-bottom: 0
}

.subpart_left_con_sub .subpart_left_block_description p b {
    background: #19404c;
    color: #fff;
    padding: 5px;
    padding-right: 18px;
    clip-path: polygon(0 0, 90% 0%, 100% 50%, 90% 100%, 0 100%);
    display: inline-block;
    margin-right: 5px
}

.subpart_left_con_sub .subpart_left_block_description {
    width: 100%!important
}

.subpart_left_con_sub .subpart_left_block_description p span {
    color: #000
}

.hidetwoclass .admindashboard_block1_wrapper {
    width: 100%
}

.hideoneclass .admindashboard_block1_wrapper {
    width: 49.5%!important
}

.hidefistclass .TrainingProgress_con {
    margin-top: 25px!important
}

.hidsecendeoneclass .admindashboard_block2_wrapper {
    width: 49.5%
}

.folderviewcls {
    width: 50px;
    display: block;
    margin: 10px auto
}

.folderviewcls button {
    background: url(../images/listingviewicon.png) no-repeat center center!important;
    background-size: 100%!important;
    width: 50px!important;
    height: 50px!important;
    font-size: 0;
    box-shadow: none!important;
    border-radius: 0;
    padding: 0;
    margin: 4px 4px;
    min-width: inherit
}

.jobticketreplycls {
    width: 50px;
    display: block;
    margin: 10px auto
}

.jobticketreplycls button {
    background: url(../images/listingviewicon.png) no-repeat center center!important;
    background-size: 100%!important;
    width: 50px!important;
    height: 50px!important;
    font-size: 0;
    box-shadow: none!important;
    border-radius: 0;
    padding: 0;
    margin: 4px 4px;
    min-width: inherit
}

.view_jobticketinBTN button {
    background: url(../images/ViewAppointment_icon.png) no-repeat center center!important;
    background-size: 100%!important;
    width: 22px!important;
    height: 25px!important;
    font-size: 0;
    box-shadow: none!important;
    border-radius: 0;
    padding: 0;
    margin: 4px 4px;
    min-width: inherit
}

.folder_view {
    float: left
}


/* .folder_view button {
background: url(../images/folderviewicon.png) no-repeat center center!important;
background-size: 100%!important;
width: 25px!important;
height: 25px!important;
font-size: 0;
box-shadow: none!important;
border-radius: 0;
padding: 0;
min-width: inherit
}

.Folder_view button {
background: url(../images/listingviewicon.png) no-repeat center center!important;
background-size: 100%!important;
width: 25px!important;
height: 25px!important;
font-size: 0;
box-shadow: none!important;
border-radius: 0;
padding: 0;
min-width: inherit
} */

.mostactivetablecss .OpenFolderView button {
    background: url(../images/admin_fv_open_newtab.png) no-repeat center center!important;
    background-size: 100%!important;
    width: 25px!important;
    height: 25px!important;
    font-size: 0;
    box-shadow: none!important;
    border-radius: 0;
    padding: 0;
    min-width: inherit
}

.mostactivetablecss .Folder_view button {
    background: url(../images/admin_fv_open_sametab.png) no-repeat center center!important;
    background-size: 100%!important;
    width: 25px!important;
    height: 25px!important;
    font-size: 0;
    box-shadow: none!important;
    border-radius: 0;
    padding: 0;
    min-width: inherit
}

.Newlyddedleadscss .OpenFolderView button {
    background: url(../images/admin_fv_open_newtab.png) no-repeat center center!important;
    background-size: 100%!important;
    width: 25px!important;
    height: 25px!important;
    font-size: 0;
    box-shadow: none!important;
    border-radius: 0;
    padding: 0;
    min-width: inherit
}

.Newlyddedleadscss .folder_view button {
    background: url(../images/admin_fv_open_sametab.png) no-repeat center center!important;
    background-size: 100%!important;
    width: 25px!important;
    height: 25px!important;
    font-size: 0;
    box-shadow: none!important;
    border-radius: 0;
    padding: 0;
    min-width: inherit
}

.button_div_custom_cls {
    display: inline-flex
}


/* .button_div_custom_cls section{ margin: 5px;} */

.distributorListdatatablecss .tablewrapper .material-icons {
    color: #0c3956
}

.leadsfolderviewcls {
    width: 50px;
    display: block;
    margin: 10px auto
}

.leadsfolderviewcls button {
    background: url(../images/listingviewicon.png) no-repeat center center!important;
    background-size: 100%!important;
    width: 50px!important;
    height: 50px!important;
    font-size: 0;
    box-shadow: none!important;
    border-radius: 0;
    padding: 0;
    margin: 4px 4px;
    min-width: inherit
}

.FolderViewcls {
    width: 30px;
    display: block
}

.FolderViewcls button.mat-raised-button {
    background: url(../images/folderviewicon.png) no-repeat center center!important;
    background-size: 100%!important;
    width: 30px!important;
    height: 30px!important;
    font-size: 0;
    box-shadow: none!important;
    border-radius: 0;
    padding: 0;
    margin: 4px 4px;
    min-width: inherit
}

.activedistributors_grid2 {
    margin-bottom: 0!important
}

.tabledivcom_list {
    min-height: 449px
}

.addtags_div {
    border-bottom: solid 1px #ddd;
    margin: 0!important;
    padding: 8px 0
}

.addtags_div:last-of-type {
    border: none
}

.addtags_div p {
    display: inline-block;
    margin: 0;
    padding: 0 8px 0 0;
    color: #0e9c99;
    font-family: 'OpenSansSemiBold';
    font-size: 18px
}

.addtags_div span {
    color: #111;
    font-family: 'OpenSansRegular';
    font-size: 16px
}

.tags_title {
    background: #01629f!important;
    color: #f4f1f1!important;
    font-size: 26px!important;
    font-weight: 400!important;
    padding: 5px 10px!important;
    border-radius: 5px!important;
    text-transform: capitalize!important;
    display: flex!important;
    flex-wrap: wrap!important;
    justify-content: space-between!important
}

.tags_title span {
    color: #f4f1f1!important;
    font-size: 26px;
    font-weight: 400;
    background-image: url(../images/addtagicon.png)!important;
    background-repeat: no-repeat!important;
    background-position: 0 center!important;
    background-size: 30px!important;
    padding-left: 45px!important
}

.tags_title button {
    background-image: url(../images/addtagicon2.png)!important;
    background-repeat: no-repeat!important;
    background-position: 0 center!important;
    background-size: 30px!important;
    cursor: pointer;
    background: none;
    border: none;
    font-size: 0;
    padding: 0;
    width: 30px;
    border: none;
    outline: none
}

.addtagscls {
    width: 300px
}

.addtagscls .mat-form-field {
    display: block;
    width: 100%
}

.addtagscls .mat-form-field-flex {
    background: #fff;
    border: 1px solid #d0d0d0;
    box-sizing: border-box;
    border-radius: 4px 4px 0 0;
    padding: 0 .75em 5px;
    border-bottom: solid 1px #797979
}

.addtagscls .mat-form-field-appearance-legacy .mat-form-field-label {
    color: #4a4646!important;
    font-size: 16px!important
}

.addtagscls input.mat-input-element {
    font-size: 16px!important
}

.addtagscls .mat-form-field-hide-placeholder .mat-form-field-label {
    top: 17px!important;
    color: #000!important
}

.addtagscls .mat-form-field-should-float .mat-form-field-label {
    top: 26px!important;
    color: #0e6567!important
}

.addtagscls .mat-form-field-underline {
    display: none
}

.addtagscls button {
    margin: 2px 5px 2px 0;
    background: rgba(48, 200, 251, 1);
    background: -moz-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(48, 200, 251, 1)), color-stop(100%, rgba(32, 163, 219, 1)));
    background: -webkit-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -o-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -ms-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: linear-gradient(to bottom, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#30c8fb', endColorstr='#20a3db', GradientType=0);
    font-size: 22px;
    color: #fff;
    padding: 6px 10px;
    min-width: 140px;
    text-transform: capitalize;
    border: none;
    border-radius: 4px;
    cursor: pointer
}

.admin_menu_block {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    flex: 1
}

.admindashboard_alltableblock .LogmeBTN {
    display: inline-block
}

.admindashboard_alltableblock .LogmeBTN button {
    background: url(../images/logmeicon.png) no-repeat center center!important;
    background-size: 100%!important;
    width: 20px!important;
    height: 25px!important;
    font-size: 0;
    box-shadow: none!important;
    border-radius: 0;
    padding: 0;
    min-width: inherit;
    float: left;
    margin: 0 5px
}

.admindashboard_alltableblock .FolderView {
    display: inline-block
}

.admindashboard_alltableblock .FolderView button {
    background: url(../images/folderviewicon.png) no-repeat center center!important;
    background-size: 100%!important;
    width: 22px!important;
    height: 25px!important;
    font-size: 0;
    box-shadow: none!important;
    border-radius: 0;
    padding: 0;
    min-width: inherit
}

.answer {
    display: inline-block
}

.answer button {
    background: url(../images/answer_icon.png) no-repeat center center!important;
    background-size: 100%!important;
    width: 20px!important;
    height: 25px!important;
    font-size: 0;
    box-shadow: none!important;
    border-radius: 0;
    padding: 0;
    min-width: inherit
}

.SalesCommission {
    display: inline-block
}

.SalesCommission button {
    background: url(../images/SalesCommission.png) no-repeat center center!important;
    background-size: 100%!important;
    width: 25px!important;
    height: 25px!important;
    font-size: 0;
    box-shadow: none!important;
    border-radius: 0;
    padding: 0;
    min-width: inherit
}

.EventCommission {
    display: inline-block
}

.EventCommission button {
    background: url(../images/EventCommission.png) no-repeat center center!important;
    background-size: 100%!important;
    width: 25px!important;
    height: 25px!important;
    font-size: 0;
    box-shadow: none!important;
    border-radius: 0;
    padding: 0;
    min-width: inherit
}

.banner1cls .bannerclassmentor {
    display: flex;
    flex-wrap: wrap
}

.hidetwoclass .admindashboard_block3_wrapper {
    width: 100%;
    margin: 0 auto!important
}

.TrainingProgress_wrapper_box_null {
    position: absolute;
    right: 20px;
    top: 20%;
    background: #fff;
    width: 160px;
    border-radius: 155px;
    height: 155px
}

.TrainingProgress_wrapper_box_null .TrainingProgress_wrapper_con {
    margin: 0!important
}

.dashboard_wrapper_block {
    box-shadow: none!important;
    border: none!important;
    border-radius: 0!important;
    background: none!important;
    box-shadow: none!important;
    margin: 0!important;
    padding: 0!important
}

.admin_Folder_viewbtn {
    text-align: center;
    margin-top: 10px
}

.admin_Folder_viewbtn .open_in_new {
    background: url(../images/admin_fv_open_newtab.png) no-repeat center center!important;
    background-size: 100%!important;
    width: 30px!important;
    height: 32px!important;
    font-size: 0;
    box-shadow: none!important;
    border-radius: 0;
    padding: 0;
    margin: 4px 4px;
    min-width: inherit;
    display: inline-block;
    cursor: pointer
}

.admin_Folder_viewbtn .notes_button {
    background: url(../images/notes_view.png) no-repeat center center!important;
    background-size: 100%!important;
    width: 30px!important;
    height: 32px!important;
    font-size: 0;
    box-shadow: none!important;
    border-radius: 0;
    padding: 0;
    margin: 4px 4px;
    min-width: inherit;
    display: inline-block;
    cursor: pointer
}

.admin_Folder_viewbtn .present_to_all {
    background: url(../images/admin_fv_open_sametab.png) no-repeat center center!important;
    background-size: 100%!important;
    width: 27px!important;
    height: 32px!important;
    font-size: 0;
    box-shadow: none!important;
    border-radius: 0;
    padding: 0;
    margin: 4px 4px;
    min-width: inherit;
    display: inline-block;
    cursor: pointer
}

.admin_Folder_viewbtn2 {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 55px
}

.admin_Folder_viewbtn2 .open_in_new2 {
    background: url(../images/admin_fv_open_newtab.png) no-repeat center center!important;
    background-size: 100%!important;
    width: 22px!important;
    height: 22px!important;
    font-size: 0;
    box-shadow: none!important;
    border-radius: 0;
    padding: 0;
    margin: 2px;
    min-width: inherit;
    display: inline-block;
    cursor: pointer
}

.admin_Folder_viewbtn2 .present_to_all2 {
    background: url(../images/admin_fv_open_sametab.png) no-repeat center center!important;
    background-size: 100%!important;
    width: 22px!important;
    height: 22px!important;
    font-size: 0;
    box-shadow: none!important;
    border-radius: 0;
    padding: 0;
    margin: 2px;
    min-width: inherit;
    display: inline-block;
    cursor: pointer
}

.admindashboard_alltableview {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.admindashboard_alltableview mat-checkbox {
    margin-right: 10px
}

.admindashboard_alltableview mat-checkbox label {
    margin-top: -5px
}

.video_div .fileinfocls {
    border: 1px solid #dbdee2;
    background: #eceff1;
    background-image: -webkit-linear-gradient(top, #eceff1, #eceff1);
    background-image: -moz-linear-gradient(top, #eceff1, #eceff1);
    background-image: -o-linear-gradient(top, #eceff1, #eceff1);
    background-image: linear-gradient(to bottom, #eceff1, #eceff1);
    padding: 5px 10px 10px 10px;
}


.paragraphwrapper .paragraphcls {
    background-color: #99acaf;
   
    width: auto!important;
    font-size: 30px!important; 
    /* padding: 10px 18px!important; */
    color: #000;
}

.video_div fileinfocls .File_titlecls_wrapper .videotitlecls {
    font-size: 30px;
    font-family: 'OpenSansSemiBold';
    color: #000100;
    margin-bottom: 5px
}

.video_div .descriptioncls p {
    font-size: 18px;
    color: #141819;
    font-family: 'OpenSansRegular';
    padding: 0;
    margin-bottom: 15px
}

.trainingcentercls p {
    font-size: 18px;
    color: #141819;
    font-family: 'OpenSansRegular';
    padding: 0;
    margin: 0
}

.trainingcentercls .videotitlecls {
    font-size: 22px;
    font-family: 'OpenSansSemiBold';
    color: #294b6d;
    margin-bottom: 10px;
    margin-top: 0
}

.trainingcentercls .videoDescls {
    font-size: 18px;
    color: #141819;
    font-family: 'OpenSansRegular';
    margin: 0;
    padding: 0
}

.trainingcentercls .File_titlecls_wrapper .File_titlecls {
    font-size: 22px;
    font-family: 'OpenSansSemiBold';
    color: #294b6d;
    margin-bottom: 5px
}

.trainingcentercls .descriptioncls p {
    font-size: 18px;
    color: #141819;
    font-family: 'OpenSansRegular';
    margin: 0;
    padding: 0
}

.trainingcentercls .File_descriptioncls {
    font-size: 18px;
    color: #141819;
    font-family: 'OpenSansRegular';
    margin: 0 0 15px;
    padding: 0
}

.lesson_pdfmodal .File_descriptioncls {
    font-size: 16px;
    color: #141819;
    font-family: 'OpenSansRegular';
    margin: 15px 0;
    padding: 0
}

.paragraphcls {
    font-size: 16px;
    color: #141819;
    font-family: 'OpenSansRegular';
    margin: 15px 0;
    padding: 0
}

.schedule_modal .mat-dialog-actions button {
    display: block;
    margin: 0 auto!important;
    float: none;
    margin-top: 10px!important
}

.schedule_modal {
    max-width: 500px
}

.lesson_videomodal .videocontainer {
    position: relative;
    overflow: inherit;
    width: auto;
    padding-top: 0!important;
    max-height: 80vh;
    overflow-y: auto;
    display: block;
    min-height: 100px;
    overflow-x: hidden
}
training_center_continue_resume_dialog{
    text-align: center;
}
training_center_continue_resume_dialog .generalmodalcls{
    margin: 0;
    padding: 10px;
    text-align: center;
    background: #08a298;
    background: linear-gradient( 
90deg
 , rgba(8, 162, 152, 1) 0%, rgba(74, 96, 164, 1) 100%);
    color: #f4f1f1;
    font-size: 26px;
    margin-bottom: 10px;
}
training_center_continue_resume_dialog span{
    font-weight: 500;
    font-size: 19px;
    display: block;
    text-align: center;
}

.shwmrcls button {
    width: auto!important;
    font-size: 18px!important;
    line-height: 40px!important;
    margin: 0!important;
    background: -moz-linear-gradient(top, rgba(50, 203, 254, 1) 0%, rgba(30, 160, 216, 1) 100%)!important;
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(50, 203, 254, 1)), color-stop(100%, rgba(30, 160, 216, 1)))!important;
    background: -webkit-linear-gradient(top, rgba(50, 203, 254, 1) 0%, rgba(30, 160, 216, 1) 100%)!important;
    background: -o-linear-gradient(top, rgba(50, 203, 254, 1) 0%, rgba(30, 160, 216, 1) 100%)!important;
    background: -ms-linear-gradient(top, rgba(50, 203, 254, 1) 0%, rgba(30, 160, 216, 1) 100%)!important;
    background: linear-gradient(to bottom, rgba(50, 203, 254, 1) 0%, rgba(30, 160, 216, 1) 100%)!important;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#32cbfe', endColorstr='#1ea0d8', GradientType=0)!important
}

.shwlesscls button {
    width: auto!important;
    font-size: 18px!important;
    line-height: 40px!important;
    margin: 0!important;
    background: -moz-linear-gradient(top, rgba(50, 203, 254, 1) 0%, rgba(30, 160, 216, 1) 100%)!important;
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(50, 203, 254, 1)), color-stop(100%, rgba(30, 160, 216, 1)))!important;
    background: -webkit-linear-gradient(top, rgba(50, 203, 254, 1) 0%, rgba(30, 160, 216, 1) 100%)!important;
    background: -o-linear-gradient(top, rgba(50, 203, 254, 1) 0%, rgba(30, 160, 216, 1) 100%)!important;
    background: -ms-linear-gradient(top, rgba(50, 203, 254, 1) 0%, rgba(30, 160, 216, 1) 100%)!important;
    background: linear-gradient(to bottom, rgba(50, 203, 254, 1) 0%, rgba(30, 160, 216, 1) 100%)!important;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#32cbfe', endColorstr='#1ea0d8', GradientType=0)!important
}

.previewbtncls {
    width: auto!important;
    padding: 0!important
}

.previewbtncls span {
    font-size: 0;
    background: url(../images/traning_preview_icon.png) no-repeat center center!important;
    display: block;
    background-size: 30px!important
}

.downloadbtncls {
    width: auto!important;
    padding: 0!important
}

.downloadbtncls span {
    font-size: 0;
    background: url(../images/traning_download_icon.png) no-repeat center center!important;
    display: block;
    background-size: 30px!important
}

.Lesson_Videos_Modal .filetype_doc {
    text-align: center
}

.shwmrcls {
    display: block;
    margin-bottom: 10px
}

.shwlesscls {
    display: block;
    margin-bottom: 10px
}

.banner1cls .bannerclassmentor .mat-card-content {
    width: 100%!important;
    background: none!important;
    margin: 0!important;
    padding: 0!important;
    color: #08304a!important;
    font-size: 18px;
    font-family: 'OpenSansSemiBold'
}

.banner1cls .bannerclassmentor .submitbtngroup .submitbtn {
    background: #fae29c;
    background: linear-gradient(180deg, rgba(250, 226, 156, 1) 0%, rgba(244, 185, 20, 1) 100%);
    text-align: center;
    line-height: 40px;
    color: #001420!important;
    font-size: 20px
}

.book-event .mat-step-icon-selected {
    background-color: #0d9d99!important
}

.book-event .mat-step-header .mat-step-icon-state-edit {
    background-color: #213865!important
}

.book-event h4 {
    margin: 0 0 20px;
    padding: 10px;
    background: #08a298;
    background: linear-gradient(90deg, rgba(8, 162, 152, 1) 0%, rgba(74, 96, 164, 1) 100%);
    border-radius: 5px;
    color: #f4f1f1;
    font-size: 20px;
    font-weight: 400
}

.book-event button {
    margin: 2px 5px 2px 0;
    background: rgba(48, 200, 251, 1);
    background: -moz-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(48, 200, 251, 1)), color-stop(100%, rgba(32, 163, 219, 1)));
    background: -webkit-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -o-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -ms-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: linear-gradient(to bottom, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#30c8fb', endColorstr='#20a3db', GradientType=0);
    font-size: 22px;
    color: #fff;
    padding: 5px 10px;
    min-width: 140px;
    text-transform: capitalize
}

.book-event .mat-form-field {
    display: block!important
}

.book-event .mat-form-field-wrapper {
    padding-bottom: 0!important
}

.book-event .mat-dialog-container {
    padding: 0!important;
    width: 800px
}

.book-event .mat-form-field-underline {
    display: none!important
}

.book-event .mat-form-field-infix {
    width: auto!important
}

.book-event .mat-form-field-flex {
    background: #fff!important;
    border: 1px solid #000;
    box-sizing: border-box;
    border-radius: 4px 4px 0 0;
    padding: 0 .75em .75em!important;
    display: block!important
}

.book-event .mat-form-field-appearance-legacy .mat-form-field-label {
    color: #4a4646!important;
    font-size: 16px!important
}

.book-event input.mat-input-element {
    font-size: 16px!important
}

.book-event .mat-form-field-appearance-legacy .mat-form-field-infix {
    padding: 15px 0 0
}

.book-event .mat-form-field-has-label .mat-form-field-label {
    top: 25px!important;
    color: #0e6567!important
}

.book-event .mat-form-field-hide-placeholder .mat-form-field-label {
    top: 20px!important;
    color: #0e6567!important;
    word-break: break-word;
    white-space: normal;
    font-size: 16px
}

.book-event textarea {
    resize: none!important
}

.book-event .form_field_wrapperstatus {
    margin-bottom: 15px
}

.book-event .passbuttoncls {
    display: flex;
    align-items: center;
    margin-bottom: 15px
}

.book-event .passbuttoncls button {
    background: rgba(14, 61, 92, 1);
    background: -moz-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(14, 61, 92, 1)), color-stop(100%, rgba(2, 35, 57, 1)));
    background: -webkit-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -o-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -ms-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: linear-gradient(to bottom, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0e3d5c', endColorstr='#022339', GradientType=0);
    font-size: 18px;
    color: #fff!important
}

.book-event .form-element .mat-raised-button {
    margin: 2px 5px 2px 0;
    background: rgba(48, 200, 251, 1);
    background: -moz-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(48, 200, 251, 1)), color-stop(100%, rgba(32, 163, 219, 1)));
    background: -webkit-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -o-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -ms-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: linear-gradient(to bottom, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#30c8fb', endColorstr='#20a3db', GradientType=0);
    font-size: 22px;
    color: #fff;
    padding: 5px 10px;
    min-width: 140px;
    text-transform: capitalize
}

.book-event .form-element .mat-raised-button:nth-of-type(1) {
    margin: 2px 5px 2px 0
}

.book-event .form_field_launched {
    margin-bottom: 15px
}

.book-event .mat-form-field-appearance-fill .mat-form-field-infix {
    padding: 15px 0 0
}

.book-event .center mat-label {
    font-family: 'OpenSansSemiBold';
    color: #0e6567!important;
    font-size: 22px;
    text-align: center;
    display: block
}

.slotview .example-card button {
    display: block;
    text-align: center;
    background: rgba(14, 61, 92, 1);
    background: -moz-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(14, 61, 92, 1)), color-stop(100%, rgba(2, 35, 57, 1)));
    background: -webkit-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -o-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -ms-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: linear-gradient(to bottom, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0e3d5c', endColorstr='#022339', GradientType=0);
    font-size: 16px;
    color: #fff;
    font-family: 'OpenSansSemiBold';
    text-decoration: none;
    outline: none;
    margin: 0 auto;
    cursor: pointer;
    border: none;
    border-radius: 5px
}

.distributorListdatatablecss .searchbar {
    height: 0!important;
    width: 0!important;
    padding: 0!important;
    margin: 0!important;
    position: absolute!important;
    top: 0!important;
    left: 0!important;
    border-radius: 0!important;
    border: none;
    background: none!important;
    font-size: 0!important;
    width: 100%!important
}

.distributorListdatatablecss mat-form-field .filterForTexticon {
    display: none!important
}

.distributorListdatatablecss .togglesearchcls .search_class {
    width: auto!important
}

.distributorListdatatablecss .togglesearchcls .searchbtncls {
    display: block
}

.distributorListdatatablecss .togglesearchcls {
    padding: 0!important
}

.alltableblock_wrapper .searchicon {
    color: #0d9d99;
    background-size: 22px!important;
    box-shadow: none;
    font-size: 25px;
    padding: 2px;
    min-width: inherit;
    position: absolute;
    right: 10px;
    top: 15px;
    display: block!important;
    background-color: #fff!important;
    border-radius: 100px!important;
    cursor: pointer
}

.SearchComponent .mat-dialog-container {
    min-width: 380px
}

.SearchComponent .mat-form-field {
    display: block
}

.SearchComponent button {
    margin: 0;
    background: rgba(48, 200, 251, 1);
    background: -moz-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(48, 200, 251, 1)), color-stop(100%, rgba(32, 163, 219, 1)));
    background: -webkit-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -o-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -ms-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: linear-gradient(to bottom, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#30c8fb', endColorstr='#20a3db', GradientType=0);
    font-size: 22px;
    color: #fff;
    padding: 8px 15px;
    text-transform: capitalize;
    border: none;
    cursor: pointer;
    border-radius: 5px;
    margin: 2px
}

.SearchComponent .mat-form-field-flex {
    background: #fff;
    border: 1px solid #d0d0d0;
    padding: 0 5px;
    box-sizing: border-box;
    border-radius: 4px 4px 0 0;
    padding: 0 .75em .75em .75em
}

.SearchComponent .mat-form-field-appearance-legacy .mat-form-field-label {
    color: #4a4646!important;
    font-size: 16px!important
}

.SearchComponent input.mat-input-element {
    font-size: 16px!important
}

.SearchComponent .mat-form-field-appearance-legacy .mat-form-field-infix {
    padding: 15px 0 0
}

.SearchComponent .mat-form-field-has-label .mat-form-field-label {
    top: 28px!important;
    color: #0e6567!important
}

.alltableblock_wrapper h6 span {
    display: inline-block
}

.SearchComponent .mat-form-field-type-mat-native-select .mat-form-field-label {
    top: 16px!important;
    color: #0e6567!important
}

.SearchComponent .mat-form-field-hide-placeholder .mat-form-field-label {
    top: 20px!important;
    color: #000!important
}

.markasdone button {
    background: url(../images/makeasdone_icon.png) no-repeat center center!important;
    background-size: 100%!important;
    width: 22px!important;
    height: 25px!important;
    font-size: 0;
    box-shadow: none!important;
    border-radius: 0;
    padding: 0;
    min-width: inherit;
    margin: 4px 0 4px 4px;
    border: none
}

.filesdivcls {
    display: block;
    text-align: center
}

.AddEditBlog .filesid .example-section {
    position: inherit;
    width: 100%
}

.custom-modalbox-image-preview .mat-dialog-container {
    padding: 0!important;
    min-width: 400px
}

.custom-modalbox-image-preview .imgmodalcls button {
    float: none!important;
    color: #fff;
    position: absolute;
    right: -20px;
    cursor: pointer;
    top: -20px;
    border-radius: 100px;
    padding: 1px;
    font-size: 0;
    background: #254e6d url(../images/newcloseicon.png) no-repeat center center!important;
    background-size: 51%!important;
    min-width: inherit;
    width: 30px!important;
    height: 30px
}

.custom-modalbox-image-preview .imgmodalcls mat-card-container span {
    text-align: center;
    max-height: 80vh;
    overflow-y: auto;
    display: block;
    min-height: 100px;
    overflow-x: hidden
}

.custom-modalbox-image-preview .imgmodalcls mat-card-container .mat-button-wrapper {
    overflow: inherit!important
}

.multipledeleteandupdatebuttan {
    display: block;
    margin-top: 10px
}

.multipledeleteandupdatebuttan button {
    background: rgba(14, 61, 92, 1);
    background: -moz-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(14, 61, 92, 1)), color-stop(100%, rgba(2, 35, 57, 1)));
    background: -webkit-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -o-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -ms-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: linear-gradient(to bottom, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0e3d5c', endColorstr='#022339', GradientType=0);
    font-size: 18px;
    color: #fff!important;
    margin: 10px 5px;
    padding: 0 15px;
    text-transform: capitalize
}

app-my-account form .form-element button:last-of-type {
    display: none!important
}

.module_videoblock .videothumbnailcls {
    position: absolute;
    width: 50%!important;
    left: 25%;
    top: 19%
}

.adminlisttable_v2 .mat-form-field-should-float .mat-form-field-label {
    display: none!important
}

.listingnewstyle .filter .pagination .mat-icon-button {
    padding: 0;
    min-width: 0;
    width: 40px;
    height: 30px;
    flex-shrink: 0;
    line-height: 32px;
    border-radius: 50%;
    margin-top: -5px
}

.adminlisttable_v2 .mat-chip-list-wrapper {
    display: inline-flex;
    flex-direction: inherit;
    flex-wrap: inherit;
    align-items: center;
    margin: 0
}

.presentationtitle {
    background-image: url(../images/presentation_BTN.png)!important;
    background-repeat: no-repeat!important;
    background-position: 10px center!important;
    background-size: 25px!important;
    padding-left: 56px!important
}

.GenarelCallAppointmenttitle {
    background-image: url(../images/APPGeneralCallBlockicon_hover.png)!important;
    background-repeat: no-repeat!important;
    background-position: 10px center!important;
    background-size: 25px!important;
    padding-left: 56px!important
}

.presentation_wrapper {
    display: flex!important;
    flex-wrap: wrap;
    justify-content: center
}

.presentation_wrapper .mat-card {
    margin: .5%!important;
    padding: .5%;
    border-left: 10px solid #f6dc17;
    border-bottom: 10px solid #f6dc17;
    width: 46.3%;
    background: linear-gradient(
        45deg,rgba(22,87,174,1) 0%,rgba(21,68,110,1) 100%)!Important;
    border-radius: 10px;
    text-align: center; position: relative;
}
 

.presentation_wrapper .mat-card::before {
    content: '';
    background-image: url(../images/joinasadistributor_border3.png);
    width: 220px;
    height: 160px;
    position: absolute;
    left: -10px;
    top: 0;
    background-repeat: no-repeat;
}

.presentation_wrapper .mat-card::after {
    content: '';
    background-image: url(../images/joinasadistributor_border4.png);
    width: 178px;
    height: 148px;
    position: absolute;
    right: 0;
    bottom: -10px;
    background-repeat: no-repeat;
}

.presentation_wrapper .mat-card .mat-card-content {
    margin: 0;
    padding: 5px;
    z-index: 999;
}

.presentation_wrapper .mat-card .mat-card-content p {
    margin: 0;
    padding: 0
}

.presentation_wrapper .mat-card h2 {
    margin: 0;
    padding: 0; color: #fff;
}

.presentation_wrapper .mat-card img {
    max-width: 100%;
    display: block;
    margin: 10px auto;
    height: 68px;
    background: #fff;
    padding: 5px;
    border-radius: 5px;
}

 



.presentation_spanblock {
    flex-direction: column;
    justify-content: space-between;
    display: flex;
    align-items: stretch;
    height: 100%
}

.presentation_bock_button {
    margin-top: 10px!important
}

.presentation_wrapper .jobticket_titleblock {
    height: 100%
}

.presentation_wrapper .mat-card .presentation_bock_button button {
    background: rgba(48, 200, 251, 1);
    background: -moz-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(48, 200, 251, 1)), color-stop(100%, rgba(32, 163, 219, 1)));
    background: -webkit-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -o-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -ms-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: linear-gradient(to bottom, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#30c8fb', endColorstr='#20a3db', GradientType=0);
    font-size: 18px;
    color: #fff;
    padding: 6px 10px;
    margin: 2px;
    text-transform: capitalize;
    border: none;
    cursor: pointer;
    border-radius: 4px;
    font-family: 'OpenSansSemiBold'
}

.book-event button {
    display: inline-block
}

.Tags_td p {
    display: inline-block;
    background: #15959a;
    color: #fff;
    margin: 2px;
    padding: 5px;
    padding-right: 18px;
    clip-path: polygon(0 0, 90% 0%, 100% 50%, 90% 100%, 0 100%);
    font-size: 16px!important
}

.Tags_td p span {
    width: auto;
    display: block;
    padding: 0;
    word-break: inherit
}

.tech_dashboard_reso_block {
    box-shadow: none!important;
    border: none!important;
    margin: 40px auto!important;
    margin-bottom: 0!important;
    padding: 0!important;
    border-radius: 0!important
}

.tech_dashboard_reso_block_heading {
    box-shadow: none!important;
    border: none!important;
    margin: 0!important;
    padding: 0!important;
    background: url(../images/tech_db_top_bg1.jpg) no-repeat left top!important;
    height: 144px;
    background-size: cover!important;
    border-radius: 0!important
}

.tech_dashboard_reso_block_heading_wrapper {
    width: 1060px;
    margin: 0 auto;
    position: relative
}

.tech_db_top_img1 {
    position: absolute;
    right: 0;
    top: -26px
}

.tech_dashboard_reso_block_heading_wrapper h2 {
    margin: 0;
    padding: 0 0 0 170px;
    display: flex;
    align-items: center;
    height: 144px
}

.tech_dashboard_reso_block_heading_wrapper h2 span {
    background: #ffed2f url(../images/tech_db_top_textbg.png) no-repeat;
    background-size: 100%;
    display: block;
    width: 480px;
    line-height: 76px;
    border-radius: 50px;
    box-shadow: 0 0 10px #3a555f;
    font-family: 'RalewayBold';
    font-size: 36px;
    color: #191919;
    text-transform: uppercase;
    text-align: center
}

.tech_dashboard_reso_block_con {
    box-shadow: none!important;
    border: none!important;
    margin: 35px 0 0!important;
    padding: 0!important;
    border-radius: 0!important
}

.tech_dashboard_reso_block_con h2 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
    background: url(../images/tech_db_text_bg2.png) repeat-x left center
}

.tech_dashboard_reso_block_con h2 span {
    background: #fff;
    padding: 0 25px
}

.tech_dashboard_reso_block_con h2 strong {
    font-size: 36px;
    text-transform: uppercase;
    font-family: 'RalewayBold';
    padding: 0 22px;
    color: #fff;
    text-shadow: 0 0 5px #647377
}

.videocontainer {
    position: relative;
    padding-bottom: 56.25%!important;
    height: 0
}

.videocontainer iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.reso_block_video_con_block {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.reso_block_video_con_sub {
    width: 32.2%;
    background: #fbe339;
    margin: 0 .5%;
    margin-top: 15px
}

.tech_dashboard_reso_block_video_con {
    background: #e9ebec!important;
    box-shadow: none!important;
    border: none!important;
    padding: 26px!important;
    border-radius: 0!important;
    margin: 0!important
}

.tech_dashboardvideoicon {
    background: url(../images/tech_db_top_icon1.png) no-repeat left center;
    font-size: 36px;
    color: #252525;
    font-family: 'OpenSansSemiBold';
    padding: 0 0 0 60px;
    margin: 0 .5%
}

.reso_block_video_con_sub h4 {
    margin: 0;
    padding: 6px 16px;
    border-top: solid 18px #e9ebec;
    background: #01a7dd;
    font-size: 30px;
    color: #fff;
    font-family: 'OpenSansSemiBold'
}

.reso_block_video_con_sub p {
    margin: 0;
    padding: 16px;
    font-size: 18px;
    color: #191919;
    font-family: 'OpenSansSemiBold'
}

.tech_dashboard_reso_block_other_con {
    background: #fff!important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(236, 237, 238, 1) 100%)!important;
    box-shadow: none!important;
    border: none!important;
    padding: 26px!important;
    border-radius: 0!important;
    margin: 0!important;
    border-bottom: solid 1px #dbe0e2!important
}

.tech_dashboardfilesicon {
    background: url(../images/tech_db_top_icon2.png) no-repeat left center;
    font-size: 36px;
    color: #252525;
    font-family: 'OpenSansSemiBold';
    padding: 0 0 0 70px;
    margin: 0 .5%
}

.reso_block_Files_con_block {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.reso_block_Files_con_sub {
    width: 32.2%;
    background: #fff;
    margin: 0 .5%;
    margin-top: 15px;
    border: solid 1px #cccfcf
}

.reso_block_Files_con_sub_wrapper {
    border: solid 1px #fff;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    text-align: center;
    background: #32c5f5;
    align-items: center
}

.reso_block_Files_con_sub_wrapper .Files_con_img {
    width: 26%;
    padding: 3%;
    background: #fff;
    min-height: 220px;
    display: flex;
    align-items: center
}

.reso_block_Files_con_sub_wrapper .Files_con_img img {
    width: 100%
}

.reso_block_Files_con_text {
    width: 68%;
    background: url(../images/tech_db_con_shadow2.png) no-repeat right top;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 250px
}

.reso_block_Files_con_text label {
    display: block;
    margin: 0;
    padding: 20px 10px;
    font-size: 36px;
    color: #fff;
    font-family: 'OpenSansSemiBold';
    line-height: 36px
}

.reso_block_Files_con_text b {
    display: block;
    margin: 0;
    padding: 15px 5px;
    font-size: 24px;
    color: #161407;
    font-family: 'OpenSansSemiBold';
    background: #fee933
}

.reso_block_Files_con_sub_btn a {
    color: #fff;
    margin: 10px;
    cursor: pointer
}

.reso_block_Files_con_sub_btn a span {
    font-size: 45px
}

.reso_block_Files_con_sub_btn {
    margin-top: 15px
}

.tech_dashboardlinksicon {
    background: url(../images/tech_db_top_icon3.png) no-repeat left center;
    font-size: 36px;
    color: #252525;
    font-family: 'OpenSansSemiBold';
    padding: 0 0 0 80px;
    margin: 0 .5%
}

.reso_block_links_con_block {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.reso_block_links_con_sub {
    width: 32.2%;
    background: #fff;
    margin: 0 .5%;
    margin-top: 15px;
    border: solid 1px #cccfcf;
    text-align: center
}

.reso_block_links_con_sub .links_con_img {
    padding: 10px;
    display: block
}

.reso_block_links_con_sub .links_con_img div {
    display: table;
    width: 100%
}

.reso_block_links_con_sub .links_con_img span {
    display: table-cell;
    width: 100%;
    height: 110px;
    text-align: center;
    vertical-align: middle
}

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

.utlogodiv {
    background: #019be1;
    border: solid 6px #019be1
}

.reso_block_links_con_text {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.reso_block_links_con_text label {
    text-align: center;
    border-bottom: solid 1px #e3e4e4;
    font-size: 25px;
    color: #000;
    font-family: 'OpenSansSemiBold';
    display: block;
    padding: 14px 10px
}

.reso_block_links_con_text a {
    font-size: 18px;
    color: #0f0fc6;
    font-family: 'OpenSansSemiBold';
    text-decoration: none;
    display: block;
    min-height: 70px;
    padding: 0 10px;
    margin-bottom: 10px;
    word-break: break-all
}

.reso_block_links_con_text a:hover {
    text-decoration: underline
}

.reso_block_links_con_sub p {
    margin: 0;
    padding: 0 10px 20px;
    font-size: 24px;
    color: #161407
}

.reso_block_links_con_sub p span {
    color: #ff5a00
}

.apoglogodiv {
    background: #fff;
    border: solid 6px #f9862c
}

.medworldonelogodiv {
    background: #fff;
    border: solid 6px #ce4b11
}

.tech_dashboardPrinticon {
    background: url(../images/tech_db_top_icon4.png) no-repeat left center;
    font-size: 36px;
    color: #252525;
    font-family: 'OpenSansSemiBold';
    padding: 0 0 0 80px;
    margin: 0 .5%
}

.reso_block_Print_con_block {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.reso_block_Print_con_sub {
    width: 32.2%;
    background: #fff;
    margin: 0 .5%;
    margin-top: 15px;
    border: solid 1px #cccfcf;
    text-align: center;
    position: relative
}

.reso_block_Print_con_sub label {
    min-width: 330px;
    display: inline-block;
    position: absolute;
    right: 0;
    bottom: 42px;
    margin: 0;
    padding: 0;
    font-family: 'OpenSansSemiBold';
    font-size: 20px;
    text-transform: uppercase;
    padding-bottom: 5px;
    background: url(../images/tech_db_bg3.png) no-repeat right bottom
}

.reso_block_Print_con_sub label span {
    background: #fee933;
    clip-path: polygon(10% 0%, 100% 0, 100% 100%, 0% 100%);
    padding: 8px 16px;
    padding-left: 45px;
    display: block
}

.Print_con_img {
    display: block
}

.Print_con_img img {
    width: 100%
}

.tabledivcom .distributorListdatatablecss .lib-pager-class {
    display: none!important
}

.userlistpage .adminlisttable_v2:nth-last-child(-n+3) {
    border: none!important
}

.userlistpage .adminlisttable_v2 thead th:nth-last-child(-n+3) {
    border: none!important
}

.leadlistpage .adminlisttable_v2 thead th:nth-last-child(-n+3) {
    border-bottom: solid 1px #fff!important
}


/* .leadlistpage .leads_leadtable thead th:nth-last-child(-n+3) {
    border-bottom: none!important
}

.leadlistpage .leads_leadtable tbody td:nth-last-child(-n+3) {
    border-bottom: none!important
} */


 

/* .leadlistpage .adminlisttable_v2 thead th:last-of-type {
    border: none!important
} */

.leadlistpage .adminlisttable_v2 tbody th:nth-last-child(-n+3) {
    border-bottom: solid 1px #ccc!important
}

.userlistpage .adminlisttable_v2 .mat-column-children {
    border: none!important
}

.userlistpage .adminlisttable_v2:nth-last-child(-n+3) {
    border: none!important
}

.mat-bottom-sheet-container .mat-list-base {
    padding-top: 8px;
    display: flex;
    -webkit-tap-highlight-color: transparent;
    flex-wrap: nowrap;
    justify-content: center
}

.mat-bottom-sheet-container .mat-list-item-content {
    width: auto;
    display: inline-block!important;
    border-radius: 5px;
    line-height: 38px;
    min-width: 100px
}

.mat-bottom-sheet-container a {
    display: inline-block!important;
    width: auto!important;
    margin: 0 5px
}

.notes-modal .mat-line {
    display: block;
    color: #01426c;
    font-size: 18px!important
}

.notes-modal .line-user {
    display: block!important;
    margin: 5px 0!important;
    font-size: 16px!important;
    color: #000!important
}

.notes-modal .line-user span {
    display: inline-block;
    padding-right: 5px
}

.notes-modal .line-datetime {
    font-size: 16px!important;
    color: #716767!important
}

.communicationwithemail_body {
    padding: 15px;
    min-height: 90vh
}

.communicationwithemail_body h2 {
    margin: 10px 0;
    padding: 15px;
    display: block;
    background: #08a298;
    background: linear-gradient(90deg, rgba(8, 162, 152, 1) 0%, rgba(74, 96, 164, 1) 100%);
    border-radius: 8px;
    font-family: 'OpenSansSemiBold';
    font-size: 26px;
    color: #fff;
    text-transform: uppercase;
    text-align: center
}

.communicationwithemail_body .addeditform .container {
    background: #f3f3f3;
    border-radius: 10px;
    border: solid 1px #ccc
}

.communicationwithemail_body .addeditform mat-label {
    padding-bottom: 10px;
    display: block
}

.FVuser_details_block_right .communitionlead_block .addeditform mat-label {
    padding-bottom: 10px;
    display: block
}

.communicationwithemail_body .addeditform .form_field_wrapperproductsarray {
    margin-top: 15px
}

.FVuser_details_block_right .communitionlead_block .addeditform .form_field_wrapperproductsarray {
    margin-top: 15px
}

.btn_mark_as_done button {
    background: url(../images/makeasdone_icon.png) no-repeat center center!important;
    background-size: 100%!important;
    width: 22px!important;
    height: 25px!important;
    font-size: 0;
    box-shadow: none!important;
    border-radius: 0;
    padding: 0;
    min-width: inherit;
    margin: 4px 0 4px 4px;
    border: none
}

.OpenFolderView button {
    background: url(../images/folderviewicon.png) no-repeat center center!important;
    background-size: 100%!important;
    width: 25px!important;
    height: 25px!important;
    font-size: 0;
    box-shadow: none!important;
    border-radius: 0;
    padding: 0;
    min-width: inherit;
    display: inline-block;
    cursor: pointer
}

.mostactivetablecss .button_div_custom_cls {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 60px
}

.mat-dialog-container cancel-alert {
    display: block;
    padding: 15px
}

.mat-dialog-container cancel-alert .mat-dialog-title {
    padding: 0 0 10px;
    text-align: center
}

.mat-dialog-container cancel-alert .cancel-alert-span {
    display: block
}

.mat-dialog-container cancel-alert .cancel-alert-span button {
    width: 120px;
    line-height: 44px;
    text-align: center;
    background: rgba(14, 61, 92, 1);
    background: -moz-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(14, 61, 92, 1)), color-stop(100%, rgba(2, 35, 57, 1)));
    background: -webkit-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -o-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -ms-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: linear-gradient(to bottom, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0e3d5c', endColorstr='#022339', GradientType=0);
    font-size: 20px;
    color: #fff;
    font-family: 'OpenSansSemiBold';
    text-decoration: none;
    outline: none;
    cursor: pointer;
    border: none;
    border-radius: 5px
}

.edituser_block .form-element button:nth-of-type(3) {
    display: none!important
}

.Contactnewform .form-element button:nth-of-type(3) {
    display: none!important
}

.tabledivcom2 .distributorListdatatablecss .lib-pager-class {
    display: none!important
}

.tabledivcom3 .distributorListdatatablecss .lib-pager-class {
    display: none!important
}

.tabledivcom4 .distributorListdatatablecss .lib-pager-class {
    display: none!important
}

.edituserformnew .form_field_wrapperfirstname {
    width: 50%;
    display: inline-block
}

.edituserformnew .form_field_wrapperlastname {
    width: 49%;
    display: inline-block;
    margin-left: 1%
}

.addeditformuser .form_field_wrapperSalutation {
    width: 50%;
    display: inline-block
}

.addeditformuser .form_field_wrapperFirst_Name {
    width: 49%;
    display: inline-block;
    margin-left: 1%
}

.Contactnewform .form-element {
    margin-top: 10px
}

.Contactnewform .drop {
    text-align: center
}

.Contactnewform .form_header_ {
    margin-bottom: 15px;
    display: block;
    font-size: 16px!important;
    font-family: 'OpenSansSemiBold'
}

.form_header_statusgroup {
    margin-bottom: 15px!important;
    display: block;
    font-size: 16px!important;
    font-family: 'OpenSansSemiBold'
}

.AddEditBlogAttachment .form-element mat-label {
    font-size: 16px;
    font-family: 'OpenSansSemiBold'
}

.adminmodal_btn_group {
    display: flex;
    flex-wrap: wrap;
    width: auto;
    justify-content: center
}

.adminmodal_btn_group .CONSULTANT_btn {
    width: 220px
}

.AddUserComponent {
    width: 440px;
    max-width: 80%!important
}

.AddUserComponent .mat-dialog-container {
    border: solid 10px #254e6d;
    padding: 0!important;
    overflow: inherit
}

.lead_list_block_v2 .togglesearchcls {
    display: none
}

.lead_list_block_v2 table {
    display: block;
    box-shadow: none
}

.lead_list_block_v2 thead {
    display: block
}

.lead_list_block_v2 tbody {
    display: block
}

.lead_list_block_v2 tfoot {
    display: none
}

.lead_list_block_v2 .mat-header-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    height: auto;
    background: #01629f;
    border-radius: 8px;
    border: solid 5px #e6e3e3
}

.lead_list_block_v2 .mat-header-row th {
    width: 31.3%;
    font-size: 16px;
    color: #fff;
    padding: 15px 1%!important;
    border-bottom: solid 1px #fff
}

.lead_list_block_v2 thead th span {
    display: flex;
    align-self: center;
    height: 20px
}

.lead_list_block_v2 tbody tr {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    height: auto;
    border-radius: 8px;
    border: solid 1px #e6e3e3;
    margin: 20px 0
}

.lead_list_block_v2 tbody td {
    width: 31.3%;
    font-size: 16px;
    color: #111;
    padding: 15px 1%!important;
    border-bottom: solid 1px #ccc
}

.lead_list_block_v2 .mat-header-row th:first-child {
    display: none
}

.lead_list_block_v2 tbody td:nth-child(1) {
    display: none
}

.lead_list_block_v2 table tr:nth-of-type(even) {
    background: #f3f3f3
}

.lead_list_block_v2 tbody td:nth-last-child(-n+3) {
    border-bottom: none
}

.lead_list_block_v2 .mat-form-field-appearance-legacy .mat-form-field-wrapper {
    padding-bottom: 0
}

.lead_list_block_v2 .lib-pager-class {
    display: flex!important;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center
}

.lead_list_block_v2 .lib-pager-class:first-of-type {
    display: none!important
}

.techvideoModal {
    width: 767px
}

.tech_videomodal {
    position: relative
}

.tech_videomodal .close-btn-modal {
    float: none!important;
    color: #fff!important;
    position: absolute;
    right: -40px;
    cursor: pointer;
    top: -40px;
    background-color: #254e6d!important;
    outline: none;
    border-radius: 100px;
    padding: 1px;
    width: 40px;
    min-width: inherit
}

.techvideoModal .mat-dialog-container {
    overflow: inherit!important
}

.video_play_tech {
    opacity: inherit!important;
    width: 16%!important;
    height: auto!important;
    left: 42%!important;
    top: 35%!important;
    z-index: 9!important;
    cursor: pointer!important
}

.editlistencls button {
    background: url(../images/newediticon.png) no-repeat center center!important;
    background-size: 100%!important;
    width: 18px!important;
    height: 19px!important;
    font-size: 0;
    box-shadow: none!important;
    border-radius: 0;
    padding: 0;
    min-width: inherit;
    margin: 2px 4px
}

.editcontract button {
    background: url(../images/newediticon.png) no-repeat center center!important;
    background-size: 100%!important;
    width: 18px!important;
    height: 19px!important;
    font-size: 0;
    box-shadow: none!important;
    border-radius: 0;
    padding: 0;
    min-width: inherit;
    margin: 4px;
    margin-top: 8px
}

.downloadattagement button {
    background: url(../images/traning_download_icon2.png) no-repeat center center!important;
    background-size: 100%!important;
    width: 20px!important;
    height: 19px!important;
    font-size: 0;
    box-shadow: none!important;
    border-radius: 0;
    padding: 0;
    min-width: inherit;
    margin: 4px;
    margin-top: 8px
}

.appointmentstable td.mat-column-Actions span span {
    float: left;
    margin-top: 4px
}

.mat-dialog-container mark-as-done-alert {
    display: block;
    text-align: center
}

.mat-dialog-container mark-as-done-alert .mat-dialog-content {
    padding-top: 10px
}

.mat-dialog-container mark-as-done-alert button {
    text-align: center;
    background: rgba(48, 200, 251, 1);
    background: -moz-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(48, 200, 251, 1)), color-stop(100%, rgba(32, 163, 219, 1)));
    background: -webkit-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -o-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -ms-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: linear-gradient(to bottom, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#30c8fb', endColorstr='#20a3db', GradientType=0);
    font-size: 22px;
    color: #fff;
    line-height: 40px!important;
    min-width: 100px
}

.Newlyddedleadscss .mat-column-Actions .button_div_custom_cls {
    display: flex
}

.Newlyddedleadscss .mat-column-Actions .button_div_custom_cls section button {
    margin: 2px 5px
}

.all_contract_wrapper {
    padding: 15px
}

.all_contract_wrapper .all_contract_wrapper_body {
    background: #f1f1f1;
    padding: 15px;
    border: solid 1px #d0d0d0;
    border-radius: 10px
}

.all_contract_text {
    margin: 10px 0
}

.all_contract_text p.ltr {
    margin: 0;
    padding: 0;
    font-family: 'OpenSansRegular';
    font-size: 18px;
    color: #000
}

.all_contract_text li::marker {
    font-family: 'OpenSansSemiBold';
    color: #01adf6!important;
    font-size: 20px
}

.all_contract_btn_body button {
    background: rgba(14, 61, 92, 1);
    background: -moz-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(14, 61, 92, 1)), color-stop(100%, rgba(2, 35, 57, 1)));
    background: -webkit-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -o-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -ms-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: linear-gradient(to bottom, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0e3d5c', endColorstr='#022339', GradientType=0);
    font-size: 18px;
    color: #fff!important;
    margin: 2px;
    padding: 5px 15px;
    text-transform: capitalize
}

.all_contract_wrapper_body .listingpageh2 {
    margin: 10px 0;
    padding: 15px;
    display: block;
    background: #08a298;
    background: linear-gradient(90deg, rgba(8, 162, 152, 1) 0%, rgba(74, 96, 164, 1) 100%);
    border-radius: 8px;
    font-family: 'OpenSansSemiBold';
    font-size: 26px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 25px;
    text-align: center
}

.all_contract_text img {
    max-width: 100%
}

.con_logo {
    width: 240px;
    display: block;
    margin: 0 auto
}

.con_logo img {
    width: 100%
}

.description_button_email {
    width: auto;
    padding: 10px 15px;
    font-weight: 400;
    background: rgba(48, 200, 251, 1);
    background: -moz-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(48, 200, 251, 1)), color-stop(100%, rgba(32, 163, 219, 1)));
    background: -webkit-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -o-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -ms-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: linear-gradient(to bottom, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#30c8fb', endColorstr='#20a3db', GradientType=0);
    border: none;
    border-radius: 5px;
    color: #fff;
    font-size: 16px;
    margin: 10px 0;
    cursor: pointer;
    outline: none;
    float: right
}

.description_comemail {
    padding: 10px
}

.description_comemail:nth-of-type(odd) {
    background: #ddd
}

.description_comemail_body {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center
}

.description_comemail_body p {
    margin: 0;
    padding: 0
}

.description_comemail_user {
    width: 60%
}

.description_comemail_pro {
    width: 35%
}

.comemail_name {
    display: block;
    margin: 0;
    padding: 0 0 10px;
    color: #0e9c99;
    font-family: 'OpenSansSemiBold'
}

.comemail_date {
    display: block;
    margin: 0;
    padding: 0
}

.comemail_subject {
    display: block;
    margin: 0;
    padding: 10px 0
}

.comemail_Descriptionwrapper {
    display: block;
    margin: 0;
    padding: 0
}

.comemail_subject strong {
    display: inline-block;
    padding-right: 5px;
    color: #01629f;
    font-weight: 400
}

.comemail_Descriptionwrapper strong {
    display: inline-block;
    padding-right: 5px;
    color: #01629f;
    font-weight: 400
}

.comemail_Description_text {
    display: inline-block;
    margin: 0;
    padding: 0
}

.description_comemail_pro {
    text-align: center
}

.comemail_pronam {
    display: block;
    margin: 0;
    padding: 10px 0 0;
    color: #000;
    font-family: 'OpenSansSemiBold'
}

.comemail_pronam strong {
    display: inline-block;
    padding-right: 5px;
    color: #01629f;
    font-weight: 400
}

.comemail_img {
    width: 100%;
    display: block
}

.comemail_img img {
    width: auto;
    max-width: 90%;
    display: block;
    margin: 0 auto;
    border: solid 1px #ccc;
    padding: 5px
}

.bluebuttonclsemail {
    margin: 16px auto!important;
    display: block!important;
    line-height: 46px!important;
    text-align: center;
    background: rgba(14, 61, 92, 1);
    background: -moz-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(14, 61, 92, 1)), color-stop(100%, rgba(2, 35, 57, 1)));
    background: -webkit-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -o-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -ms-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: linear-gradient(to bottom, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0e3d5c', endColorstr='#022339', GradientType=0);
    font-size: 20px;
    color: #fff!important;
    font-family: 'OpenSansSemiBold'!important;
    text-decoration: none!important;
    outline: none!important;
    cursor: pointer!important;
    border: none!important;
    font-size: 22px!important;
    border-radius: 5px!important
}

.Contractpagebody .strongtext {
    display: block;
    font-weight: 400;
    font-family: 'OpenSansSemiBold'
}

.Contractpagebody ck-editor {
    display: block;
    margin-bottom: 15px
}

.Contractpagebody mat-form-field {
    display: block
}

.form-elementTerms {
    display: flex;
    margin-bottom: 10px
}

.form-elementBTN .mat-raised-button {
    min-width: 180px!important
}

.mentor_list_form {
    width: auto;
    padding: 10px 19px;
    background: #063c65;
    border: 1px solid #c2d0d4;
    margin: 20px auto 5px;
    border-radius: 5px
}

.mentor_list_formBody {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch
}

.mentor_list_formBody label {
    font-size: 24px;
    color: #fff;
    font-family: 'OpenSansSemiBold';
    line-height: 35px;
    text-transform: capitalize;
    display: flex;
    align-items: center
}

.mentor_list_formBody input {
    flex: 1;
    height: 52px;
    background: #fff;
    padding: 0 10px;
    margin: 0 10px;
    outline: 0!important;
    font-size: 16px;
    font-family: 'OpenSansSemiBold'
}

.mentor_list_formBody button:nth-of-type(1) {
    width: 144px;
    height: auto;
    border: 4px solid rgba(0, 0, 0, .4);
    border-radius: 5px;
    cursor: pointer;
    box-shadow: none;
    outline: 0;
    background: rgba(30, 188, 245, 1);
    background: -webkit-gradient(left top, left bottom, color-stop(0, rgba(30, 188, 245, 1)), color-stop(100%, rgba(10, 163, 218, 1)));
    background: linear-gradient(to bottom, rgba(30, 188, 245, 1) 0, rgba(10, 163, 218, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#1ebcf5', endColorstr='#0aa3da', GradientType=0);
    font-size: 20px;
    color: #fff;
    font-family: 'OpenSansSemiBold'
}

.mentor_list_formBody button:nth-of-type(2) {
    width: 144px;
    height: auto;
    border: 4px solid rgba(0, 0, 0, .4);
    border-radius: 5px;
    cursor: pointer;
    box-shadow: none;
    outline: 0;
    margin-left: 10px;
    background: #fbc312;
    color: #000!important;
    font-size: 20px;
    font-family: 'OpenSansSemiBold'
}

.listingpage_wrapper .mat-tab-header {
    border: none!important
}

.listingpage_wrapper .mat-tab-header .mat-tab-label {
    background: #28bbe9!important;
    border-radius: 5px 5px 0 0;
    margin: 0 5px;
    opacity: inherit;
    color: #fff
}

.listingpage_wrapper .mat-tab-header .mat-tab-label:focus {
    background: #23879d!important
}

.listingpage_wrapper .mat-tab-header .mat-tab-label:hover {
    background: #23879d!important
}

.listingpage_wrapper .mat-tab-header .mat-tab-label-active {
    background: #23879d!important
}

.listingpage_wrapper .mat-tab-label-container {
    border-bottom: 1px solid rgba(0, 0, 0, .12)
}

.form_field_notes {
    margin-top: 5px;
    display: block
}

.form_field_topcontract {
    margin-bottom: 10px;
    display: block
}

.form_field_tarmsspecification {
    margin-bottom: 10px;
    display: block
}

.salescommissonadd .mat-form-field {
    display: block
}

.salescommissonadd .mat-checkbox {
    margin-right: 10px;
    display: inline-block;
    font-weight: 700
}

.salescommisson_sub .addeditform .mat-form-field-hide-placeholder .mat-form-field-prefix {
    top: -7px
}

.mat-form-field-appearance-legacy .mat-hint {
    color: #09334f!important
}

.userdetail_infomail p {
    word-break: break-all
}

.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
    margin-top: 6px!important;
    top: calc(100% - 1.7em)!important;
    font-size: 12px!important
}

.salescommissonadd .form-element {
    margin-top: 10px
}

.addcommission_span {
    display: block;
    padding: 10px 0;
    font-size: 16px;
    font-family: 'OpenSansSemiBold'
}

.addcommission_btn {
    background: rgba(14, 61, 92, 1);
    background: -moz-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(14, 61, 92, 1)), color-stop(100%, rgba(2, 35, 57, 1)));
    background: -webkit-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -o-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -ms-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: linear-gradient(to bottom, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0e3d5c', endColorstr='#022339', GradientType=0);
    font-size: 18px;
    color: #fff!important;
    margin: 2px;
    padding: 8px 15px;
    border: none;
    cursor: pointer;
    margin-bottom: 10px;
    border-radius: 5px
}

.example_form_select {
    background: #e0e0e0;
    padding: 10px;
    padding-bottom: 0;
    border-radius: 5px;
    margin: 5px 0
}

.Recently_Added_Notes_wrapper {
    background: #f1f1f1;
    border-radius: 10px;
    margin-top: 10px;
    overflow: hidden
}

.Recently_Added_Notes_body {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.Recently_Added_Notes_block {
    padding: 1%;
    border: solid 1px #fff;
    width: 30.2%;
    margin: .5%;
    background: #e0e0e0;
    border-radius: 6px
}

.Recently_Added_Notes_block strong {
    display: block;
    color: #01426c;
    font-size: 18px!important
}

.Recently_Added_Notes_block label {
    display: block!important;
    margin: 5px 0!important;
    font-size: 16px!important;
    color: #000!important;
    margin: 0
}

.Recently_Added_Notes_block span {
    font-size: 16px!important;
    color: #716767!important
}

.Recently_Added_Notes_button {
    background: rgba(14, 61, 92, 1);
    background: -moz-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(14, 61, 92, 1)), color-stop(100%, rgba(2, 35, 57, 1)));
    background: -webkit-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -o-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -ms-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: linear-gradient(to bottom, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0e3d5c', endColorstr='#022339', GradientType=0);
    font-size: 22px;
    line-height: 40px;
    border-radius: 7px;
    display: block;
    margin: 15px auto;
    color: #fff;
    border: none;
    padding: 4px 15px
}

.commonsettings_body {
    margin: 0!important;
    padding: 0!important;
    border: none!important;
    box-shadow: none!important;
    outline: none!important
}

.commonsettings_h2 {
    box-shadow: none!important;
    border: none!important;
    margin: 0!important;
    padding: 15px!important;
    background: url(../images/tech_db_top_bg1.jpg) no-repeat left top!important;
    background-size: cover!important;
    border-radius: 0!important;
    text-align: center
}

.commonsettings_h2 span {
    background: #ffed2f url(../images/tech_db_top_textbg.png) no-repeat;
    background-size: 100%;
    display: inline-block;
    width: auto;
    line-height: 76px;
    border-radius: 50px;
    box-shadow: 0 0 10px #3a555f;
    font-family: 'RalewayBold';
    font-size: 36px;
    color: #191919;
    text-transform: uppercase;
    text-align: center;
    padding: 0 15px;
    min-width: 480px;
    margin: 0
}

.associate_newassociateblock {
    overflow: hidden;
    padding: 15px 0 0
}

.associate_newassociateblock_wrapper {
    width: 98%;
    margin: 0 auto;
    background: url(../images/associate_newassociateblock_BG.jpg) no-repeat right bottom;
    border-radius: 5px;
    background-size: cover
}

.associate_newassociateblock_text {
    padding: 26px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

.associate_newassociateblock_text h2 {
    font-family: 'RobotoBlack';
    font-size: 50px;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 0 0 5px #888;
    margin: 0;
    padding: 0
}

.email_block1 {
    font-size: 26px
}

.email_block1 label {
    display: block;
    margin: 0;
    padding: 0;
    color: #fbe816;
    text-shadow: 0 0 5px #031c2b
}

.email_block1 .emaillabel {
    background: url(../images/sales-associate_email.png) no-repeat left center;
    font-size: 20px;
    padding: 5px 0;
    font-weight: 400;
    color: #fff;
    background-size: 30px;
    padding-left: 40px;
    margin: 5px 0 0
}

.associate_newassociateblock_IMG {
    width: 280px;
    overflow: hidden;
    height: 130px;
    border-radius: 10px;
    position: relative;
    margin: 0 15px
}

.associate_newassociateblock_IMG img {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 100%;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 5px
}

.associate_newassociateblock_main_text {
    display: block;
    padding: 26px;
    font-size: 30px;
    color: #fff;
    line-height: 35px;
    padding-top: 0
}

.associate_newassociateblock_main_text * {
    margin: 0;
    padding: 0
}

.commonsettings_con {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.commonsettings_con_span {
    width: 33.2%
}

.commonsettings_con_span:nth-of-type(1) {
    background-color: #00bbe4
}

.commonsettings_con_span:nth-of-type(2) {
    background-color: #4b4b94
}

.commonsettings_con_span:nth-of-type(3) {
    background-color: #de5621
}

.commonsettings_con_box {
    flex-direction: column;
    justify-content: space-between;
    display: flex;
    align-items: center;
    padding: 5%;
    text-align: center;
    width: 90%
}

.commonsettings_con_box .mat-card-title {
    color: #44d133;
    font-size: 36px;
    font-weight: 700;
    margin: 0;
    padding: 0
}

.commonsettings_con_span:nth-of-type(2) .mat-card-title {
    color: #ffed2f;
    color: #ffed2f
}

.commonsettings_con_box p {
    font-size: 22px;
    color: #fff;
    font-family: 'OpenSansSemiBold';
    line-height: 26px;
    margin: 0;
    padding: 15px 0
}

.commonsettings_con_box .mat-checkbox-inner-container {
    display: inline-block;
    height: 20px;
    line-height: 0;
    margin: auto;
    margin-right: 8px;
    width: 20px;
    background: #fff;
    outline: none;
    border: none
}

.sharelink_wrapper_con {
    position: relative;
    border: none!important;
    outline: none!important;
    border-radius: 0!important;
    box-shadow: none!important;
    padding: 0!important;
    margin: 15px 0!important
}

.sharelink_wrapper_body {
    position: relative;
    padding: 15px;
    position: relative;
    background: #7a6809;
    background: linear-gradient(90deg, rgba(122, 104, 9, 1) 0%, rgba(255, 212, 11, 1) 50%, rgba(122, 104, 9, 1) 100%);
    border-radius: 8px;
    padding: 6px 0;
    margin-bottom: 10px
}

.sharelink_wrapper_body_wrapper {
    background: #0a2547;
    background: linear-gradient(0deg, rgba(10, 37, 71, 1) 0%, rgba(34, 77, 131, 1) 100%);
    padding: 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.sharelink_wrapper_img {
    width: 31%;
    display: flex;
    align-items: center;
    justify-content: center
}

.sharelink_wrapper_img_block {
    background: #fff;
    padding: .5%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%
}

.sharelink_wrapper_img .mat-card-content {
    height: 300px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0
}

.sharelink_wrapper_img img {
    width: 100%
}

.sharelink_wrapper_text {
    width: 65%;
    display: flex;
    align-items: center
}

.sharelink_wrapper_text .mat-card-content {
    margin: 0;
    color: #fff;
    padding: 40px 0
}

.sharelink_wrapper_btn {
    position: absolute;
    left: 24px;
    top: 0;
    display: none
}

.associate_newassociateblock_wrapper {
    position: relative
}

.associate_newassociateblock_wrapper:hover .sharelink_wrapper_btn {
    display: block
}

.sharelink_wrapper_body:last-of-type {
    border: none
}

.sharelink_wrapper_btn .dashboard_edit_btnfooter {
    background: url(../images/db_edit.png) no-repeat center center!important;
    width: 40px;
    height: 40px;
    background-size: 62%!important;
    font-size: 0;
    border: none;
    cursor: pointer;
    background-color: #051923!important;
    border-radius: 100px;
    margin: 0 1px
}

.sharelink_wrapper_btn .dashboard_preview_btnfooter {
    background: url(../images/db_priview.png) no-repeat center center!important;
    width: 40px;
    height: 40px;
    background-size: 62%!important;
    font-size: 0;
    border: none;
    cursor: pointer;
    background-color: #051923!important;
    border-radius: 100px;
    margin: 0 1px
}

.Recently_Added_Notes_block .material-icons {
    color: #01426c!important;
    font-size: 22px!important;
    margin: 0 2px 2px 0 !important
}

.notes-modal_view .mat-dialog-container {
    padding: 0!important
}

.mat-column-answer img {
    max-width: 100%
}

.mat-column-answer {
    width: 320px
}

.searchForm_body_wrapper {
    background: #e6e6e6;
    border-radius: 10px;
    border: solid 1px #d0d0d0;
    padding-top: 15px;
    padding-bottom: 15px;
    margin: 0 10px;
    justify-content: center;
    align-items: center;
    display: flex
}

.searchForm_body_wrapper .mat-form-field .mat-form-field-flex {
    display: inline-flex;
    align-items: baseline;
    box-sizing: border-box;
    width: 100%;
    border: .5px solid #bdbdbd;
    border-radius: 2px 2px 0 0;
    padding: 0 10px 3px;
    background: #fff
}

.searchForm_body_wrapper .mat-form-field-appearance-legacy .mat-form-field-wrapper {
    padding-bottom: 0
}

.searchForm_body_wrapper .mat-form-field-appearance-legacy .mat-form-field-underline {
    display: none!important
}

.searchForm_body_wrapper .mat-form-field-wrapper {
    position: relative;
    margin: 5px
}

.searchForm_body_wrapper .SearchBTN {
    text-align: center;
    background: rgba(48, 200, 251, 1);
    background: -moz-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(48, 200, 251, 1)), color-stop(100%, rgba(32, 163, 219, 1)));
    background: -webkit-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -o-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -ms-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: linear-gradient(to bottom, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#30c8fb', endColorstr='#20a3db', GradientType=0);
    font-size: 22px;
    color: #fff;
    padding: 4px;
    width: 40px;
    border-radius: 100px;
    height: 40px;
    min-width: inherit;
    border: none;
    cursor: pointer;
    margin: 5px
}

.searchForm_body_wrapper .SearchBTN span {
    background: url(../images/searchicon4.png) no-repeat 3px 3px!important;
    font-size: 0;
    display: block;
    background-size: 24px!important;
    width: 30px;
    height: 30px
}

.searchForm_body_wrapper .RefreshBTN {
    text-align: center;
    background: rgba(48, 200, 251, 1);
    background: -moz-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(48, 200, 251, 1)), color-stop(100%, rgba(32, 163, 219, 1)));
    background: -webkit-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -o-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -ms-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: linear-gradient(to bottom, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#30c8fb', endColorstr='#20a3db', GradientType=0);
    font-size: 22px;
    color: #fff;
    padding: 4px;
    width: 40px;
    border-radius: 100px;
    height: 40px;
    min-width: inherit;
    border: none;
    cursor: pointer;
    margin: 5px
}

.searchForm_body_wrapper .RefreshBTN span {
    background: url(../images/Refresh_icon.png) no-repeat 3px 3px!important;
    font-size: 0;
    display: block;
    background-size: 24px!important;
    width: 30px;
    height: 30px
}

.mat-form-field-appearance-legacy .mat-form-field-label {
    top: 1.4em!important
}

.noDataFound {
    color: red
}

.statuschangemodal {
    width: 400px!important;
    max-width: 90%!important
}

.statuschangemodal changestatusmodal {
    position: relative;
    display: block
}

.statuschangemodal .mat-card {
    box-shadow: none;
    padding: 0
}

.statuschangemodal .mat-dialog-container {
    overflow: inherit!important
}

.statuschangemodal .close-btn-modal {
    float: none!important;
    color: #fff;
    position: absolute;
    right: -35px;
    cursor: pointer;
    top: -35px;
    background: #254e6d;
    border-radius: 100px;
    padding: 1px
}

.statuschangemodal .mat-form-field {
    display: block
}

.statuschangemodal button {
    width: 120px!important;
    line-height: 46px;
    text-align: center;
    background: rgba(48, 200, 251, 1);
    background: -moz-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(48, 200, 251, 1)), color-stop(100%, rgba(32, 163, 219, 1)));
    background: -webkit-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -o-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -ms-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: linear-gradient(to bottom, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#30c8fb', endColorstr='#20a3db', GradientType=0);
    font-size: 20px;
    color: #fff;
    margin: 0 5px 0 0;
    border: none;
    cursor: pointer;
    border-radius: 5px
}

.sales_person_topcon_sub {
    width: 95%;
    margin: 0 auto
}

.googecalenderblock {
    width: 95%!important;
    margin: 10px auto!important;
    border: none!important;
    box-shadow: 0 2px 13px 0 rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12)!important;
    background: #fff!important;
    margin-bottom: 15px!important;
    padding: 0!important;
    border-radius: 5px!important;
    overflow: hidden;
    box-shadow: none!important
}

.googecalenderblock_wrapper .div1 span strong {
    text-transform: capitalize;
    font-size: 22px;
    font-weight: 400;
    display: block;
    padding-bottom: 10px;
    color: #1e8c9c
}

.Updatecalendar_btn {
    display: block;
    line-height: 44px;
    text-align: center;
    background: rgba(14, 61, 92, 1);
    background: -moz-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(14, 61, 92, 1)), color-stop(100%, rgba(2, 35, 57, 1)));
    background: -webkit-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -o-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -ms-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: linear-gradient(to bottom, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0e3d5c', endColorstr='#022339', GradientType=0);
    font-size: 20px;
    color: #fff;
    font-family: 'OpenSansSemiBold';
    text-decoration: none;
    outline: none;
    margin: 0 auto;
    cursor: pointer;
    border: none;
    border-radius: 5px;
    padding: 0 15px;
    margin-bottom: 15px!important;
    text-transform: capitalize
}

.ConnectCalendar {
    padding: 0 10px
}

.ConnectCalendar .ConnectCalendar_btn {
    background: url(../images/calendernewicon.png) no-repeat left center;
    width: 30px;
    height: 32px;
    background-size: 100%;
    font-size: 0;
    border: none;
    cursor: pointer;
    padding: 0;
    margin: 10px 6px 0 0 !important
}

.ConnectCalendar .Create_Availability_btn {
    background: url(../images/Create_Availability_icon.png) no-repeat left center;
    width: 33px;
    height: 33px;
    background-size: 100%;
    font-size: 0;
    border: none;
    cursor: pointer;
    padding: 0;
    margin: 10px 0 0 6px !important
}

.salescommisson_sub .error_text {
    display: block;
    margin-top: -10px;
    color: red;
    padding-bottom: 5px
}

.answerBoxComponent {
    max-width: 80%
}

.faqanswer img {
    max-width: 100%
}

.answerBoxComponent {
    position: relative!important;
    text-align: center
}

.faqanswer {
    max-height: 80vh;
    overflow-y: auto;
    display: block;
    overflow-x: hidden
}

.closebtnmodalfaq {
    float: none!important;
    color: #fff;
    position: absolute;
    right: -20px;
    cursor: pointer;
    top: -20px;
    background: #254e6d;
    border-radius: 100px;
    padding: 1px
}

.Commisonmodal .addeditform .container {
    padding: 0
}

.Commisonmodal .addeditform .container .form-element {
    margin-top: 15px
}

.Commisonmodal .addeditform .container .form-element .mat-raised-button:last-of-type {
    display: none!important
}

.googecalenderblock .mat-toolbar-single-row {
    margin: 0!important;
    padding: 15px!important;
    display: flex!important;
    justify-content: space-between;
    background: #08a298!important;
    background: linear-gradient(90deg, rgba(8, 162, 152, 1) 0%, rgba(74, 96, 164, 1) 100%)!important;
    border-radius: 8px;
    font-family: 'OpenSansSemiBold';
    font-size: 26px!important;
    color: #fff!important;
    text-transform: uppercase;
    text-align: center!important;
    height: auto!important;
    width: auto;
    padding: 0;
    word-break: break-word;
    white-space: break-spaces!important
}

.googecalenderblock .mat-toolbar-single-row h2 {
    font-family: 'OpenSansSemiBold';
    font-size: 26px;
    color: #fff;
    text-transform: uppercase;
    padding: 0
}

.googecalenderblock .google_calendar_status mat-label {
    font-size: 14px;
    font-weight: 400;
    margin: 0
}

.googecalenderblock .google_calendar_status mat-label p {
    margin: 0;
    padding: 0;
    line-height: 22px
}

.buttonsetToolbar_new {
    display: block!important;
    background: #f0f4f5!important;
    white-space: normal;
    padding: 15px!important;
    border-radius: 10px;
    text-align: center
}

.buttonsetToolbar_new .singleButton {
    background: rgba(48, 200, 251, 1);
    background: -moz-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(48, 200, 251, 1)), color-stop(100%, rgba(32, 163, 219, 1)));
    background: -webkit-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -o-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -ms-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: linear-gradient(to bottom, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#30c8fb', endColorstr='#20a3db', GradientType=0);
    font-size: 22px;
    color: #fff;
    line-height: 25px;
    text-transform: capitalize;
    padding: 8px 15px;
    box-shadow: none!important;
    margin: 5px;
    display: inline-block;
    border: none;
    cursor: pointer;
    border-radius: 4px;
    font-family: Roboto, "Helvetica Neue", sans-serif;
    font-weight: 500
}

.buttonsetToolbar_new_wrapper {
    margin: 10px auto
}

.sales_person_topcon_wrapper label p {
    word-break: break-all!important
}

.rule_block:nth-child(even) {
    background: #ccc
}

.rule_block {
    padding: 15px
}

.rule_block strong {
    color: #254e6d
}

.rule_block_wrapper {
    max-height: 80vh;
    overflow-y: auto;
    display: block;
    overflow-x: hidden;
    margin-top: -15px;
    margin-left: -15px;
    margin-right: -15px
}

.rule_block_close {
    float: none!important;
    color: #fff;
    position: absolute;
    right: -20px;
    cursor: pointer;
    top: -20px;
    background: #254e6d;
    border-radius: 100px;
    padding: 1px
}

.mat_checkbox_wrapper {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 14px
}

.PaymentSuggestion_icon {
    background: url(../images/Payment_Suggestion_icon.png) no-repeat center center!important;
    background-size: 100%!important;
    width: 30px!important;
    height: 33px!important;
    font-size: 0;
    display: inline-block;
    cursor: pointer
}

.Payment_History button {
    background: url(../images/payhistory_icon.png) no-repeat center center!important;
    background-size: 100%!important;
    width: 25px!important;
    height: 25px!important;
    font-size: 0;
    margin: 4px!important;
    display: inline-block;
    cursor: pointer;
    min-width: inherit!important;
    box-shadow: none!important;
    line-height: inherit;
    padding: 0
}

.Pay_Commission button {
    background: url(../images/paycomision_icon.png) no-repeat center center!important;
    background-size: 100%!important;
    width: 25px!important;
    height: 25px!important;
    font-size: 0;
    margin: 4px!important;
    display: inline-block;
    cursor: pointer;
    min-width: inherit!important;
    box-shadow: none!important;
    line-height: inherit;
    padding: 0
}

.AddUserComponentmodal {
    width: 420px;
    max-width: inherit!important;
    min-width: inherit
}

.AddUserComponentmodal .adminmodal_btn_group {
    padding: 0!important
}

.mat-tab-label {
    background: #01629f;
    color: #fff!important;
    margin: 0 1px;
    opacity: inherit!important
}

.mat-tab-label-active {
    background: #22889d
}

.commission-suggession-main img {
    width: 100%
}

.appointmentstable tbody tr {
    position: relative!important
}

.appointmentstable tbody tr td:first-of-type {
    position: relative;
    z-index: 9
}

.appointmentstable tbody tr td span {
    position: relative;
    z-index: 9
}

.appointmentstable tbody tr td.mat-column-Appointmentedstatus span {
    position: inherit
}

.adminlisttable tbody tr {
    position: relative!important
}

.adminlisttable tbody tr td:first-of-type {
    position: relative;
    z-index: 99
}

.adminlisttable tbody tr td span {
    position: relative;
    z-index: 9
}

.adminlisttable tbody tr td.mat-column-attende_name span {
    position: inherit
}

.adminlisttable .blankdivconred {
    position: relative!important;
    z-index: 99
}

.adminlisttable .blankdivconYellow {
    position: relative!important;
    z-index: 99
}

duplicate-wrong-data-view-dialog .error_type span {
    color: red!important
}

.adminlisttable tbody tr td.cdk-column-appoinmentStatus {
    position: initial!important
}

.adminlisttable tbody .cred {
    position: relative;
    z-index: 9
}

.adminlisttable tbody .pendingappoiment {
    position: relative;
    z-index: 9
}

.blankdivconRed {
    background: #ec9b9b;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.blankdivconYellow {
    background: #fbea44;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.blankdivconred {
    background: #ec9b9b;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.contactname {
    background: url(../images/newlisting_user_icon.png) no-repeat left center!important;
    background-size: 20px!important;
    width: 18px!important;
    box-shadow: none!important;
    border-radius: 0;
    padding: 5px 0 5px 27px;
    margin: 4px 4px;
    min-width: inherit;
    display: inline-block;
    width: 200px!important
}

.contactphone {
    background: url(../images/GeneralCallBlockicon.png) no-repeat left center!important;
    background-size: 20px!important;
    width: 18px!important;
    box-shadow: none!important;
    border-radius: 0;
    padding: 5px 0 5px 27px;
    margin: 4px 4px;
    min-width: inherit;
    display: inline-block;
    width: 90px!important
}

.appointmentstable tbody tr td .cred {
    position: relative;
    z-index: 9
}

.appointmentstable tbody tr td .pendingappoiment {
    position: relative;
    z-index: 9
}

.adminlisttablebody .mat-tab-group {
    overflow: hidden
}

.dashboard_add_btn2 {
    background: rgba(14, 61, 92, 1);
    background: -moz-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(14, 61, 92, 1)), color-stop(100%, rgba(2, 35, 57, 1)));
    background: -webkit-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -o-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -ms-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: linear-gradient(to bottom, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0e3d5c', endColorstr='#022339', GradientType=0);
    display: block;
    width: 139px;
    text-transform: capitalize;
    line-height: 30px;
    border-radius: 50px;
    box-shadow: 0 0 10px #f6fdff;
    font-family: 'RalewayBold';
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    padding: 10px 1%;
    border: none;
    cursor: pointer;
    margin: 0 auto
}

.distributorlistpage td.cdk-column-lastlogin_datetime {
    border: none!important
}

.distributorlistpage td.mat-column-status {
    border: none!important
}

.distributorlistpage th.cdk-column-lastlogin_datetime {
    border: none!important
}

.distributorlistpage th.mat-column-status {
    border: none!important
}

.mat-tab-body-wrapper {
    overflow: hidden!important
}

.form_field_screenshots .mat-progress-bar {
    margin-top: 10px
}

.faqanswer h1 {
    padding: 10px;
    display: block;
    background: #08a298;
    background: linear-gradient(90deg, rgba(8, 162, 152, 1) 0%, rgba(74, 96, 164, 1) 100%);
    border-radius: 0;
    font-family: 'OpenSansSemiBold';
    font-size: 22px;
    color: #fff;
    text-align: center;
    margin: 0
}

.faqanswer_wrapper {
    padding: 10px
}

.faqanswer_wrapper strong {
    font-weight: 400;
    color: #08a298;
    display: inline-block;
    padding-right: 5px
}

.faqanswer_wrapper span {
    display: inline-block
}

.faqanswer_wrapper span p {
    margin: 0;
    padding: 0
}

.faqanswer_wrapper_row {
    border-bottom: solid 1px #ccc
}

.faqanswer_wrapper_row:last-of-type {
    border: none
}

.AddUserComponent pay-commission-type-modal button {
    margin: 0;
    background: #254e6d;
    font-size: 22px;
    color: #fff;
    box-shadow: none;
    font-family: 'OpenSansSemiBold';
    text-shadow: none;
    white-space: normal;
    min-height: inherit;
    padding: 0!important;
    line-height: 6px!important;
    text-align: center;
    margin: 10px;
    height: auto;
    padding: 10px!important;
    min-height: inherit
}

.ContractLife_modal {
    width: 600px
}

.ContractLife_modal h2 {
    padding: 10px;
    display: block;
    background: #08a298;
    background: linear-gradient(90deg, rgba(8, 162, 152, 1) 0%, rgba(74, 96, 164, 1) 100%);
    border-radius: 0;
    font-family: 'OpenSansSemiBold';
    font-size: 22px;
    color: #fff;
    text-align: center;
    margin-bottom: 1px
}

.ContractLife_modal table {
    width: 100%;
    border-spacing: 0
}

.ContractLife_modal table th {
    background: #254e6d;
    color: #fff;
    font-weight: 400;
    width: 31.3%;
    padding: 10px 1%;
    border: solid 1px #fff;
    text-align: left
}

.ContractLife_modal table td {
    background: #f1f1f1;
    color: #254e6d;
    font-weight: 400;
    width: 31.3%;
    padding: 10px 1%;
    border: solid 1px #fff;
    text-align: left
}

.ContractLife_modal .satatus span {
    background: url(../images/newstatusicon.png) no-repeat left center!important;
    display: block;
    background-size: 22px!important;
    padding: 5px 0;
    padding-left: 35px;
    min-height: 20px
}

.ContractLife_modal .addedby span {
    background: url(../images/newlisting_user_icon.png) no-repeat left center!important;
    display: block;
    background-size: 22px!important;
    padding: 5px 0;
    padding-left: 35px;
    min-height: 20px
}

.ContractLife_modal .datetime span {
    background: url(../images/newdateicon.png) no-repeat left center!important;
    display: block;
    background-size: 22px!important;
    padding: 5px 0;
    padding-left: 35px
}

.contractstatuswraper {
    max-height: 80vh;
    overflow-y: auto;
    display: block;
    min-height: 100px;
    overflow-x: hidden
}

.commissionmodal {
    max-height: 80vh;
    overflow-y: auto;
    display: block;
    min-height: 100px;
    overflow-x: hidden
}

.paymentsuggetions {
    position: relative!important
}

.closebtncommissionmodal {
    position: absolute;
    right: -15px;
    top: -15px
}

.closebtncommissionmodal button {
    float: none!important;
    color: #fff;
    cursor: pointer;
    background: #254e6d!important;
    border-radius: 100px;
    padding: 1px;
    width: 30px;
    min-width: inherit;
    height: 30px;
    line-height: 20px
}

.commissionmodal p {
    margin: 0;
    padding: 10px 0
}

.commissionmodal p p {
    margin: 0;
    padding: 0
}

.addeditpage_wrapper_modal {
    max-height: 80vh;
    overflow-y: auto;
    display: block;
    min-height: 100px;
    overflow-x: hidden
}

.commissionmaindiv {
    padding: 15px;
    border-bottom: solid 1px #e6e3e3
}

.commissionmaindiv:last-of-type {
    border: none
}

.Rescheduledialogbox .mat-form-field {
    display: block
}

.Rescheduledialogbox .mat-form-field.mat-form-field-invalid {
    color: #254e6d!important
}

.Rescheduledialogbox .mat-form-field-label {
    color: #254e6d!important
}

.Rescheduledialogbox .mat-form-field.mat-form-field-invalid .mat-form-field-ripple,
.Rescheduledialogbox .mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent {
    background-color: #254e6d
}

.Rescheduledialogbox .cancel-alert-span button {
    background: rgba(48, 200, 251, 1);
    background: -moz-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(48, 200, 251, 1)), color-stop(100%, rgba(32, 163, 219, 1)));
    background: -webkit-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -o-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -ms-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: linear-gradient(to bottom, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#30c8fb', endColorstr='#20a3db', GradientType=0);
    font-size: 18px;
    color: #fff;
    padding: 2px 10px;
    margin: 2px;
    text-transform: capitalize;
    border: none;
    cursor: pointer;
    border-radius: 4px;
    font-family: 'OpenSansSemiBold'
}

.worksheet-modal {
    width: 600px
}

.worksheet-modal h2 {
    padding: 10px;
    display: block;
    background: #08a298;
    background: linear-gradient(90deg, rgba(8, 162, 152, 1) 0%, rgba(74, 96, 164, 1) 100%);
    border-radius: 0;
    font-family: 'OpenSansSemiBold';
    font-size: 22px;
    color: #fff;
    text-align: center;
    margin-top: 0;
    margin-bottom: 1px
}

.worksheet-modal table {
    width: 100%;
    border-spacing: 0
}

.worksheet-modal table th {
    background: #254e6d;
    color: #fff;
    font-weight: 400;
    padding: 10px 1%;
    border: solid 1px #fff;
    text-align: left
}

.worksheet-modal table td {
    background: #f1f1f1;
    color: #254e6d;
    font-weight: 400;
    padding: 10px 1%;
    border: solid 1px #fff;
    text-align: left
}

.worksheet-modal .satatus span {
    background: url(../images/newstatusicon.png) no-repeat left center!important;
    display: block;
    background-size: 22px!important;
    padding: 5px 0;
    padding-left: 35px;
    min-height: 22px
}

.worksheet-modal .addedby span {
    background: url(../images/newlisting_user_icon.png) no-repeat left center!important;
    display: block;
    background-size: 22px!important;
    padding: 5px 0;
    padding-left: 35px;
    min-height: 22px
}

.worksheet-modal .datetime span {
    background: url(../images/newdateicon.png) no-repeat left center!important;
    display: block;
    background-size: 22px!important;
    padding: 5px 0;
    padding-left: 35px;
    min-height: 22px
}

.worksheet-modal .usertype span {
    background: url(../images/User_type_icon.png) no-repeat left center!important;
    display: block;
    background-size: 22px!important;
    padding: 5px 0;
    padding-left: 35px;
    min-height: 20px
}

.worksheet-modal adduser {
    display: block;
    position: relative
}

.worksheet-modal .mat-dialog-container {
    overflow: inherit!important
}

.worksheet-modal .closemodal {
    float: none!important;
    color: #fff;
    position: absolute;
    right: -24px;
    cursor: pointer;
    top: -24px;
    background: #254e6d!important;
    border-radius: 100px;
    padding: 0 0 3px!important;
    width: 30px!important;
    min-width: inherit!important;
    border: none!important;
    outline: none!important;
    text-align: center;
    line-height: 45px!important;
    height: 30px
}

duplicate-wrong-data-view-dialog .close_btn {
    float: none!important;
    color: #fff;
    position: absolute;
    right: -20px;
    cursor: pointer;
    top: -20px;
    background: #254e6d;
    border-radius: 100px;
    padding: 3px 0 0 1px;
    outline: none!important;
    border: none;
    width: 30px;
    text-align: center
}

newleadmodal .addeditform .container {
    padding: 0
}

.DuplicateLeadBoxComponent mat-dialog-container {
    overflow: inherit
}

newleadmodal .addeditpage_wrapper {
    margin-bottom: 0
}

newleadmodal .close_btn {
    float: none!important;
    color: #fff;
    position: absolute;
    right: -20px;
    cursor: pointer;
    top: -20px;
    background: #254e6d;
    border-radius: 100px;
    padding: 3px 0 0 1px;
    outline: none!important;
    border: none;
    width: 30px;
    text-align: center
}

newleadmodal {
    max-height: 80vh;
    overflow-y: auto;
    display: block;
    min-height: 100px;
    overflow-x: hidden
}

.mat-dialog-container {
    position: relative;
    overflow: inherit
}

.inventorylistingquote_modal {
    width: 600px
}

.inventorylistingquote_modal .mat-dialog-container {
    position: relative;
    overflow: inherit
}

existinglead .addeditform .container {
    padding: 0
}

existinglead .addeditpage_wrapper {
    margin-bottom: 0
}

existinglead .close_btn {
    float: none!important;
    color: #fff;
    position: absolute;
    right: -20px;
    cursor: pointer;
    top: -20px;
    background: #254e6d;
    border-radius: 100px;
    padding: 3px 0 0 1px;
    outline: none!important;
    border: none;
    width: 30px;
    text-align: center
}

.addedlead_body .close_btn {
    float: none!important;
    color: #fff;
    position: absolute;
    right: -20px;
    cursor: pointer;
    top: -20px;
    background: #254e6d!important;
    border-radius: 100px;
    padding: 0!important;
    width: 30px!important;
    line-height: 30px!important;
    min-width: inherit!important;
    text-align: center
}

existinglead {
    max-height: 80vh;
    overflow-y: auto;
    display: block;
    min-height: 100px;
    overflow-x: hidden
}

existinglead .mat-form-field {
    display: block
}

existinglead .subbtn {
    display: block;
    min-width: 120px;
    width: auto;
    padding: 0 10px;
    margin: 0!important;
    line-height: 44px;
    text-align: center;
    background: rgba(14, 61, 92, 1);
    background: -moz-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(14, 61, 92, 1)), color-stop(100%, rgba(2, 35, 57, 1)));
    background: -webkit-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -o-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -ms-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: linear-gradient(to bottom, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0e3d5c', endColorstr='#022339', GradientType=0);
    font-size: 18px;
    color: #fff;
    font-family: 'OpenSansSemiBold';
    text-decoration: none;
    outline: none;
    cursor: pointer;
    border: none;
    border-radius: 5px
}

existinglead h2 {
    background: #254e6d;
    text-align: center;
    padding: 10px;
    color: #fff;
    font-weight: 400
}

newleadmodal h2 {
    background: #254e6d;
    text-align: center;
    padding: 10px;
    color: #fff;
    font-weight: 400
}

searchmodal {
    max-height: 80vh;
    overflow-y: auto;
    display: block;
    min-height: 100px;
    overflow-x: hidden;
    padding: 0!important
}

.dashboard_search_modal mat-form-field {
    display: block;
    width: 100%
}

.dashboard_search_modal {
    width: 500px
}

.adminmodal_btn_group_new {
    text-align: center
}

.dashboard_search_modal button {
    margin: 2px;
    background: rgba(48, 200, 251, 1);
    background: -moz-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(48, 200, 251, 1)), color-stop(100%, rgba(32, 163, 219, 1)));
    background: -webkit-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -o-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -ms-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: linear-gradient(to bottom, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#30c8fb', endColorstr='#20a3db', GradientType=0);
    font-size: 20px;
    color: #fff;
    padding: 10px;
    text-transform: capitalize;
    border: none;
    cursor: pointer;
    outline: none;
    border-radius: 5px
}

.form_header_ {
    color: #000!important;
    font-size: 18px!important;
    display: block;
    padding-bottom: 10px
}

.AddEditBlogSelect {
    background-image: none!important;
    margin-top: 15px!important
}

.AddEditBlogSelect .mat-form-field-flex {
    background: #fff;
    border: 1px solid #d0d0d0;
    padding: 0 5px;
    box-sizing: border-box;
    border-radius: 4px 4px 0 0;
    padding: 0 .75em .75em .75em
}

.AddEditBlogSelect .container {
    padding: 40px
}

.AddEditBlogSelect .container .mat-form-field-appearance-legacy .mat-form-field-wrapper {
    padding-bottom: 0
}

.AddEditBlogSelect .container .mat-form-field-underline {
    display: none
}

.AddEditBlogSelect .container .mat-form-field {
    display: block
}

.Questionnaireform form {
    position: relative
}

.Questionnaireform .form_field_wrapper {
    width: 100%!important
}

.Questionnaireform .form_field_wrapperhps_representative {
    width: 100%!important;
    width: 32.5%!important
}

.Questionnaireform .form_field_hps_representative::before {
    content: '';
    display: block;
    border: solid 4px #01629f;
    height: 85px;
    width: 99.5%!important;
    position: absolute;
    left: 0;
    top: 0
}

.Questionnaireform .form_field_hps_representative {
    display: block;
    margin: 0;
    width: auto
}

.Questionnaireform .form_field_wrapperphone_one {
    display: inline-block;
    margin: 0 .5%;
    width: 32%!important;
    margin-left: .5%;
    margin-right: .5%;
    margin-top: 15px
}

.Questionnaireform .form_field_wrapperemail_one {
    display: inline-block;
    width: 49.5%!important;
}

.form_field_wrapperhps_representative {
    display: inline-block;
    margin: 0 .5%;
    width: 32%!important;
    margin-left: .8%;
    margin-right: .5%;
    margin-top: 15px
}


/* .Questionnaireform .form_field_wrappername_of_practice{display:inline-block;width:50.5%!important;margin-top:12px} */


/* .Questionnaireform .form_field_wrapperprimary_practitioner{display:inline-block;width:49%!important;margin-left:.5%;margin-top:12px} */

.Questionnaireform .form_field_wrappercity {
    display: inline-block;
    width: 33%!important
}

.Questionnaireform .form_field_wrapperstate {
    display: inline-block;
    width: 33%!important
}

.Questionnaireform .form_field_wrapperzip {
    display: inline-block;
    width: 33%!important
}

.Questionnaireform .form_field_wrapperofficephone {
    display: inline-block;
    width: 33%!important
}

.Questionnaireform .form_field_wrapperextension_one {
    display: inline-block;
    width: 49.5%!important;
}

.Questionnaireform .form_field_wrapperofficefax {
    display: inline-block;
    width: 33%!important
}

.Questionnaireform .form_field_wrappertitle {
    display: inline-block;
    width: 33%!important
}

.Questionnaireform .form_field_wrapperextension_two {
    display: inline-block;
    width: 49%!important;
    margin-left: .5%
}

.Questionnaireform .form_field_wrappercellphone {
    display: inline-block;
    width: 50.5%!important
}

.Questionnaireform .form_field_wrapperemail_three {
    display: inline-block;
    width: 49%!important;
    margin-left: .5%
}

.Questionnaireform .form_field_wrapperlastvisit {
    border-top: solid 1px #01629f;
    padding: 15px 0
}

.Questionnaireform .form_field_wrapperlastvisit mat-label {
    display: block;
    margin-bottom: 10px
}

.Questionnaireform .form_field_wrapperlastvisit .mat-checkbox {
    margin: 0 10px 10px 0
}

.Questionnaireform .form_field_wrapperpatient_per_day .form_header_patient_per_day {
    display: block;
    font-size: 16px;
    font-family: 'OpenSansSemiBold';
    margin-bottom: 10px
}

.Questionnaireform .form_field_wrapperno_of_md_or_do .form_header_no_of_md_or_do {
    display: block;
    font-size: 16px;
    font-family: 'OpenSansSemiBold';
    margin-bottom: 10px;
    text-transform: uppercase;
    color: #01629f;
}

.Questionnaireform .mat-checkbox-layout .mat-checkbox-label {
    line-height: 24px;
    word-break: break-word;
    white-space: normal;
}

.Questionnaireform .form_field_pain_and_inflammation {
    padding: 10px!important;
}

.Questionnaireform .form_field_wrapperno_of_md_or_do {
    display: inline-block;
    width: 33%!important
}

.Questionnaireform .form_field_wrapperno_of_np {
    display: inline-block;
    width: 33%!important;
    margin-left: .5%;
    margin-right: .5%;
}

.Questionnaireform .form_field_wrapperno_of_pa {
    display: inline-block;
    width: 33%!important;
}

.Questionnaireform .form_field_wrapperpercent_of_madicare_patients {
    display: inline-block;
    width: 25%!important
}

.Questionnaireform .form_field_wrapperpercent_of_madicaid_patients {
    display: inline-block;
    width: 25%!important;
}

.Questionnaireform .form_field_wrapperpercent_of_private_insurance_patients {
    display: inline-block;
    width: 25%!important
}

.Questionnaireform .form_field_wrapperpercent_of_madicare_patients .mat-form-field-flex {
    border: none;
    border-radius: 0;
    border: solid 2px #01629f
}

.Questionnaireform .form_field_wrapperpercent_of_madicare_patients .mat-form-field-underline {
    display: none
}

.Questionnaireform .form_field_wrapperpercent_of_madicaid_patients .mat-form-field-flex {
    border: none;
    border-radius: 0;
    border: solid 2px #01629f
}

.Questionnaireform .form_field_wrapperpercent_of_madicaid_patients .mat-form-field-underline {
    display: none
}

.Questionnaireform .form_field_wrapperpercent_of_private_insurance_patients .mat-form-field-flex {
    border: none;
    border-radius: 0;
    border: solid 2px #01629f
}

.Questionnaireform .form_field_wrapperpercent_of_private_insurance_patients .mat-form-field-underline {
    display: none
}

.Questionnaireform .form_header_ {
    display: block;
    font-size: 16px;
    font-family: 'OpenSansSemiBold';
    margin-bottom: 10px
}

.Questionnaireform .form_header_note4 {
    display: block;
    font-size: 26px;
    font-family: 'OpenSansSemiBold';
    margin-bottom: 10px
}

.Questionnaireform .form_field_wrapperbreakdownone {
    display: inline-block;
    width: 24.5%!important
}

.Questionnaireform .form_field_wrapperbreakdowntwo {
    display: inline-block;
    width: 24.5%!important;
    margin: 0 .5%;
    margin-top: 32px
}

.Questionnaireform .form_field_wrapperbreakdownthree {
    display: inline-block;
    width: 24.5%!important;
    margin: 0 .5%;
    margin-top: 32px
}

.Questionnaireform .form_field_wrapperbreakdownfour {
    display: inline-block;
    width: 24.5%!important;
    margin-top: 32px
}

.Questionnaireform .form_field_wrapperbreakdownone .form_header_breakdownone {
    display: block;
    font-size: 16px;
    font-family: 'OpenSansSemiBold';
    margin-bottom: 10px
}

.Questionnaireform .form_field_wrapperbreakdownone .mat-form-field-flex {
    border: none;
    border-radius: 0;
    border: solid 2px #01629f
}

.Questionnaireform .form_field_wrapperbreakdownone .mat-form-field-underline {
    display: none
}

.Questionnaireform .form_field_wrapperbreakdowntwo .mat-form-field-flex {
    border: none;
    border-radius: 0;
    border: solid 2px #01629f
}

.Questionnaireform .form_field_wrapperbreakdowntwo .mat-form-field-underline {
    display: none
}

.Questionnaireform .form_field_wrapperbreakdownthree .mat-form-field-flex {
    border: none;
    border-radius: 0;
    border: solid 2px #01629f
}

.Questionnaireform .form_field_wrapperbreakdownthree .mat-form-field-underline {
    display: none
}

.Questionnaireform .form_field_wrapperbreakdownfour .mat-form-field-flex {
    border: none;
    border-radius: 0;
    border: solid 2px #01629f
}

.Questionnaireform .form_field_wrapperbreakdownfour .mat-form-field-underline {
    display: none
}

.Questionnaireform .form_field_wrappernote1 {
    border: solid 2px #01629f;
    padding: 10px;
    margin-bottom: 15px;
    width: 100%!important
}

.Questionnaireform .form_header_note1 {
    font-size: 16px;
    font-family: 'OpenSansSemiBold';
    margin-bottom: 15px
}

.Questionnaireform .form_field_wrapperobecitycounselling {
    width: 50%!important;
    display: inline-block
}

.Questionnaireform .form_field_wrappernuropathy_patients_in_house {
    width: 50%!important;
    display: inline-block
}

.Questionnaireform .form_field_wrapperprcticeHolistic {
    width: 50%!important;
    display: inline-block
}

.Questionnaireform .form_field_wrappermedtechinhouse {
    width: 50%!important;
    display: inline-block
}

.Questionnaireform .form_field_wrapperobecitycounselling .form-element {
    border-top: solid 2px #01629f;
    border-left: solid 2px #01629f;
    padding: 10px;
    padding-bottom: 15px
}

.Questionnaireform .form_field_wrappernuropathy_patients_in_house .form-element {
    border-top: solid 2px #01629f;
    border-right: solid 2px #01629f;
    padding: 10px
}

.Questionnaireform .form_field_wrapperobecitycounselling .form-element mat-label {
    display: block;
    margin-bottom: 10px
}

.Questionnaireform .form_field_wrapperobecitycounselling .form-element .mat-checkbox {
    margin: 10px 10px 0 0
}

.Questionnaireform .form_field_wrappernuropathy_patients_in_house .form-element mat-label {
    display: block;
    margin-bottom: 10px
}

.Questionnaireform .form_field_wrappernuropathy_patients_in_house .form-element .mat-checkbox {
    margin: 10px 10px 0 0
}

.Questionnaireform .form_field_wrapperprcticeHolistic .form-element {
    padding: 10px;
    border-bottom: solid 2px #01629f;
    border-left: solid 2px #01629f
}

.Questionnaireform .form_field_wrappermedtechinhouse .form-element {
    padding: 10px;
    border-bottom: solid 2px #01629f;
    border-right: solid 2px #01629f
}

.Questionnaireform .form_field_wrapperprcticeHolistic .form-element mat-label {
    display: block;
    margin-bottom: 10px
}

.Questionnaireform .form_field_wrapperprcticeHolistic .form-element .mat-checkbox {
    margin: 10px 10px 0 0
}

.Questionnaireform .form_field_wrappermedtechinhouse .form-element mat-label {
    display: block;
    margin-bottom: 10px
}

.Questionnaireform .form_field_wrappermedtechinhouse .form-element .mat-checkbox {
    margin: 10px 10px 0 0
}

.Questionnaireform .form_field_wrapperDoc_pracIs {
    border: solid 2px #01629f;
    width: 100%!important
}

.Questionnaireform .form_field_wrapperpain_and_inflammation {
    border: solid 2px #01629f;
    width: 100%!important;
    margin-bottom: 10px;
}

.Questionnaireform .form_field_wrappernote2 {
    width: 100%!important
}

.Questionnaireform .form_field_wrappernote3 {
    width: 100%!important
}

.Questionnaireform .form_field_wrappernote4 {
    width: 100%!important
}

.Questionnaireform .form_field_wrappernotes {
    width: 100%!important
}

.Questionnaireform .form_field_wrapperfstchoice {
    width: 49.5%!important
}

.Questionnaireform .form_field_wrappersecondchoice {
    width: 49.5%!important
}

.AddEditBlog .Questionnaireform .form_field_wrapperdoctorquestion {
    width: 100%!important
}

.AddEditBlog .Questionnaireform .form_field_wrappermeeting_required {
    width: 100%!important;
    margin-top: 10px
}

.AddEditBlog .Questionnaireform .form_field_wrapperindividual_organizational {
    width: 100%!important;
    margin-top: 10px
}

.Questionnaireform .form_field_wrapperDoc_pracIs .form-element mat-label {
    display: block;
    margin-bottom: 10px
}

.Questionnaireform .form_field_wrapperDoc_pracIs .form-element .mat-checkbox {
    margin: 10px 10px 0 0
}

.Questionnaireform .form_field_wrapperDoc_pracIs .form-element {
    padding: 10px
}

.Questionnaireform .form_field_wrapperDoc_pracIs {
    margin: 15px 0
}

.addeditformuserlead .mat-chip-list-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    margin: -19px 0 0;
    z-index: 1;
    position: relative;
    background: #fff
}

.AddEditBlog .Questionnaireform .form_field_wrapperaddress {
    width: 100%!important
}

.AddEditBlog .Questionnaireform .form_field_wrapperlastvisit {
    width: 100%!important
}

.AddEditBlog .Questionnaireform .form_field_wrapperhow_you_using {
    width: 49.5%!important
}

.AddEditBlog .Questionnaireform .form_field_wrapperhow_you_using_for_pad {
    width: 49.5%!important
}

.AddEditBlog .Questionnaireform .form_field_wrapperdiabetic_neuropaths {
    width: 49.5%!important;
    width: 100%!important
}

.AddEditBlog .Questionnaireform .form_field_wrapperdiabetic_neuropath {
    width: 100%!important
}

.AddEditBlog .Questionnaireform .form_field_wrapperpatient_per_day {
    width: 100%!important
}

.AddEditBlog .Questionnaireform .form_field_wrapperdibetic_patient_per_day {
    width: 100%!important
}

.AddEditBlog .Questionnaireform .form_field_wrapperdibatic_Parcentage_patient_per_day {
    width: 100%!important
}

.AddEditBlog .Questionnaireform .form_field_wrapperdibatic_Parcentage_patient_per_day_high_risk {
    width: 100%!important;
}

.leadlistpage .notes-modal textarea {
    display: none
}

.leadlistpage .notes-modal .mat-button-base {
    display: none
}

.leadlistpage .notes-modal .mat-divider {
    display: none
}

.leadlistpage .notes-modal .mat-list-item .mat-divider {
    display: block
}

.leadlistpage .notes-modal .mat-dialog-container {
    padding: 0!important
}

.leadbuttonsheet {
    width: 1000px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto
}

.leadbuttonsheet .mat-raised-button {
    width: 49%!important
}

.followuplist .followupmodal followup .addeditformuser .submitbtnsection .mat-raised-button:nth-of-type(2) {
    display: none!important
}

.followuplist .notes-modal textarea {
    display: block!important
}

.followuplist .notes-modal .mat-button-base {
    display: block!important
}

.followuplist .notes-modal .mat-divider {
    display: block!important
}

.followuplist .notes-modal .mat-list-item .mat-divider {
    display: block!important
}

.followuplist .notes-modal .mat-dialog-container {
    padding: 0 0 15px!important
}

.mat-simple-snackbar {
    text-align: center
}

.mat-simple-snackbar-action button {
    max-height: 36px;
    min-width: 0;
    background: #262626;
    color: #f3f3f3
}

.bottom_sheet_body {
    text-align: center
}

.bottom_sheet_body .bottom-sheet-header-toggle {
    text-align: center;
    font-size: 16px;
    font-family: 'OpenSansSemiBold'
}

.bottom_sheet_body button {
    display: inline-block!important;
    width: auto!important;
    background: rgba(48, 200, 251, 1)!important;
    background: -moz-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%)!important;
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(48, 200, 251, 1)), color-stop(100%, rgba(32, 163, 219, 1)))!important;
    background: -webkit-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%)!important;
    background: -o-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%)!important;
    background: -ms-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%)!important;
    background: linear-gradient(to bottom, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%)!important;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#30c8fb', endColorstr='#20a3db', GradientType=0);
    font-size: 20px!important;
    color: #fff!important;
    border: none;
    margin: 4px!important;
    height: inherit!important;
    line-height: 36px;
    border-radius: 5px
}

.productname_span {
    display: block;
    padding: 5px 0;
    font-size: 18px;
    color: #0e9c99;
    font-family: 'OpenSansBold'
}

.contract_flexblock .contract_flexblocklist:hover .productname_span {
    color: #fff
}

.faqiframebody {
    width: 600px;
    border: solid 5px #3ba2e0;
    margin: 10px 0 0 60px
}

.faqiframe {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%
}

.faqiframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border: none
}

.form_field_wrapperattachment_file h1 {
    font-size: 22px;
    font-family: 'OpenSansSemiBold'
}

.form_field_wrapperattachment_file .actionbtndiv {
    text-align: center;
    display: block;
    margin: 15px 0 0
}

.form_field_wrapperattachment_file .actionbtndiv .fileuploadbutton {
    background: rgba(48, 200, 251, 1);
    background: -moz-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(48, 200, 251, 1)), color-stop(100%, rgba(32, 163, 219, 1)));
    background: -webkit-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -o-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -ms-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: linear-gradient(to bottom, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#30c8fb', endColorstr='#20a3db', GradientType=0);
    font-size: 18px;
    color: #fff;
    padding: 6px 10px;
    margin: 2px;
    text-transform: capitalize;
    border: none;
    cursor: pointer;
    border-radius: 4px;
    font-family: 'OpenSansSemiBold'
}

.form_field_wrapperattachment_file .actionbtndiv .deletesinglefilecls {
    background: rgba(48, 200, 251, 1);
    background: -moz-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(48, 200, 251, 1)), color-stop(100%, rgba(32, 163, 219, 1)));
    background: -webkit-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -o-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -ms-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: linear-gradient(to bottom, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#30c8fb', endColorstr='#20a3db', GradientType=0);
    font-size: 18px;
    color: #fff;
    padding: 6px 10px;
    margin: 2px;
    text-transform: capitalize;
    border: none;
    cursor: pointer;
    border-radius: 4px;
    font-family: 'OpenSansSemiBold'
}

.worksheet-modal .worksheetmainclass_wrapper {
    text-align: center
}

.worksheet-modal .worksheetmainclass_wrapper button {
    width: auto;
    padding: 5px 15px;
    font-weight: 400;
    background: rgba(48, 200, 251, 1);
    background: -moz-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(48, 200, 251, 1)), color-stop(100%, rgba(32, 163, 219, 1)));
    background: -webkit-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -o-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -ms-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: linear-gradient(to bottom, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#30c8fb', endColorstr='#20a3db', GradientType=0);
    border: none;
    border-radius: 5px;
    color: #fff;
    font-size: 20px;
    margin: 5px;
    cursor: pointer;
    outline: none
}

.contract_activityblock {
    display: block
}

.contract_activityblock .productname_span {
    font-size: 20px
}

.contract_activityblock .contract_flexblocklist {
    width: auto!important
}

.contract_activityblock .contract_flexblocklist .contract_flexblocklist_body {
    display: flex;
    width: auto!important;
    justify-content: space-between;
    align-items: center;
    flex-direction: row-reverse
}

.contract_activityblock_left {
    width: 65%;
    text-align: left
}

.contract_activityblock_IMG {
    width: 30%;
    text-align: right
}

.contract_activityblock_IMG img {
    width: auto;
    border: solid 1px #fff!important;
    height: inherit;
    max-width: 100%;
    background: #fff;
    padding: 5px
}

.contract_activityblock p {
    margin-top: 0;
    padding-top: 0;
    font-family: 'OpenSansRegular';
    font-size: 16px
}

.contract_activityblock .view_contact_btn_wrapper {
    justify-content: left
}

.contract_flexblocklist_body_text {
    background: #f3f3f3;
    border-radius: 10px;
    padding: 10px;
    color: #000;
    margin-top: 10px
}

.contract_flexblocklist_body_text strong {
    color: #0e9c99;
    font-size: 22px
}

.contract_flexblocklist_body_text p {
    margin: 0;
    padding: 10px 0 0;
    font-family: 'OpenSansRegular';
    font-size: 16px
}

.leadaddeditform .AddEditBlog {
    background: none!important;
    width: auto!important
}

.leadaddeditform .addeditform .containerLeadProduct {
    padding: 0 0 40px
}

.leadaddeditform .addeditform .form_header_ {
    margin-bottom: 15px!important;
    display: block;
    font-size: 16px!important;
    font-family: 'OpenSansSemiBold'
}

.commonsettings_con_newspan_body {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%
}

.commonsettings_con_newspan {
    margin: .2% 0;
    margin-bottom: 0;
    width: 33.2%;
    display: block
}

.commonsettings_con_newspan span {
    background: url(../images/RE_block1conbg.png) no-repeat left top;
    padding: 5%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: center;
    background-size: contain
}

.commonsettings_con_newspan span mat-card-title {
    margin: 0;
    padding: 0 0 15px;
    font-size: 22px;
    color: #fff;
    font-family: 'OpenSansSemiBold';
    line-height: 26px;
    text-shadow: 0 0 5px #717371
}

.commonsettings_con_newspan button {
    background: none;
    border: solid 2px #fff;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: inherit;
    margin: 0 auto;
    border-radius: 100px;
    cursor: pointer;
    color: #fff;
    font-size: 32px
}

.commonsettings_con_newspan span p {
    margin: 0;
    padding: 0;
    font-size: 22px;
    color: #fff;
    font-family: 'OpenSansSemiBold';
    line-height: 26px;
    text-shadow: 0 0 5px #717371
}

.commonsettings_con_admin span {
    position: relative;
    height: 130px;
    display: block
}

.Commission_modaldiv {
    width: 400px;
    max-width: 100%
}

.Commission_modaldiv h2 {
    font-family: 'OpenSansBold'!important;
    font-size: 22px!important;
    text-align: center;
    color: #fff!important;
    margin: 0 auto!important;
    padding: 10px!important;
    line-height: 24px!important;
    background: #294b6d;
    display: block;
    height: auto!important;
    font-family: OpenSansBold!important;
    font-size: 22px!important;
    text-align: center;
    color: #fff!important;
    margin: 0 auto!important;
    padding: 10px!important;
    line-height: 24px!important;
    background: #294b6d;
    display: block;
    height: auto!important
}

.Commission_modaldiv h3 {
    font-family: 'OpenSansBold'!important;
    font-size: 20px!important;
    text-align: center;
    color: #294b6d!important;
    margin: 10px auto!important;
    line-height: 24px!important;
    display: block
}

.Commission_modaldiv .mat-form-field {
    display: block;
    width: 150px;
    margin: 0 auto
}

.Commission_modaldiv button {
    width: 120px!important;
    line-height: 40px;
    text-align: center;
    background: rgba(48, 200, 251, 1);
    background: -moz-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(48, 200, 251, 1)), color-stop(100%, rgba(32, 163, 219, 1)));
    background: -webkit-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -o-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -ms-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: linear-gradient(to bottom, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#30c8fb', endColorstr='#20a3db', GradientType=0);
    font-size: 20px;
    color: #fff;
    display: inline-block;
    margin: 2px;
    border: none;
    cursor: pointer
}

.Commission_modaldiv .mat-form-field label {
    color: #000
}

.buttonDIV {
    width: 100%;
    position: absolute;
    right: 0;
    bottom: 0;
    text-align: right
}

.buttonDIV button {
    border-radius: 5px 5px 10px 10px;
    border: none;
    cursor: pointer;
    border: none;
    background: none;
    color: #fff
}

.commonsettings_con_newspan:nth-child(3n+2) {
    margin: .2%;
    margin-bottom: 0
}

.commonsettings_con_newspan:nth-child(6n+1) {
    background: #00bbe4
}

.commonsettings_con_newspan:nth-child(6n+2) {
    background: #4b4b94
}

.commonsettings_con_newspan:nth-child(6n+3) {
    background: #de5621
}

.commonsettings_con_newspan:nth-child(6n+4) {
    background: #44912f
}

.commonsettings_con_newspan:nth-child(6n+5) {
    background: #1c4374
}

.commonsettings_con_newspan:nth-child(6n+6) {
    background: #1b6f62
}

.admindashboard_block2_short {
    background: url(../images/traingdeta_bg1.png) no-repeat center bottom;
    background-size: 100%
}

.form_field_wrapperPECEevent_commission label {margin-left: -20px;z-index: 9;}
.form_field_wrapperPECEevent_commission * {overflow: inherit!important;}

.form_field_Bio_Energeticsevent_commission label {margin-left: -20px;z-index: 9;}
.form_field_Bio_Energeticsevent_commission * {overflow: inherit!important;}

/* -------- */
.form_field_BioEnergeticsevent_commission label{    margin-left: -20px;    z-index: 9; }
.form_field_BioEnergeticsevent_commission * {    overflow: inherit!important; }
/* ---------- */



.form_field_TM_FLOW_ANS_MEDICAL_DEVICEsales_commission .mat-form-field-suffix {
    position: absolute;left: 30px;bottom: 30px;   
    /* left: 160px;bottom: 30px */
}

.form_field_neoGENsales_commission .mat-form-field-suffix {
    position: absolute;left: 30px;bottom: 30px;
    /* left: 160px;bottom: 30px */ 
}
.form_field_PECEsales_commission .mat-form-field-suffix {
    position: absolute;left: 30px;bottom: 30px;
    /* left: 160px;bottom: 30px */
}
.form_field_Bio_Energeticssales_commission .mat-form-field-suffix {
    position: absolute;left: 30px;bottom: 30px;
    /* left: 160px;bottom: 30px */
}

.form_field_RST_Sanexussales_commission .mat-form-field-suffix {
    position: absolute;left: 30px;bottom: 30px;
    /* left: 160px;bottom: 30px */
}
.form_field_RST_Sanexassales_commission .mat-form-field-suffix{position: absolute;left: 30px;bottom: 30px;}

.form_field_distributor_commission_value label {margin-left: -20px;z-index: 9; }

.form_field_distributor_commission_value * {overflow: inherit!important;}
.form_field_tech_commission_value label {margin-left: -20px;z-index: 9;}
.form_field_tech_commission_value * {overflow: inherit!important;}
.form_field_price label {margin-left: -20px;z-index: 9;}
.form_field_price * {overflow: inherit!important;}
.tabledivcom h4 {line-height: 35px;}
.tabledivcom1 h4 {line-height: 35px;}
.tabledivcom2 h4 {line-height: 35px;}
.tabledivcom3 h4 {line-height: 35px;}
.tabledivcom4 h4 {line-height: 35px;}
.tabledivcom5 h4 {line-height: 35px;}
.FollowUpCall table td span {position: relative!important;}
.FollowUpCall table .mat-column-attende_name span {position: initial!important;}
.FollowUpCall table td {position: initial!important;}
.FollowUpCall .mat-column-attende_name .blankdivconYellowattende {
    background: #fbea44;
    position: absolute!important;
    display: block;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0
}

.FollowUpCall .mat-column-attende_name .blankdivconredattende {
    background: #ec9b9b;
    position: absolute!important;
    display: block;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0
}

.adminlisttable .blankdivconYellowattende {
    background: #fbea44;
    position: absolute!important;
    display: block;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0
}

.adminlisttable .blankdivconredattende {
    background: #ec9b9b;
    position: absolute!important;
    display: block;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0
}

.FollowUpCall .mat-column-attende_name .blankdivconYellow {
    position: relative!important;
    z-index: 99
}

.FollowUpCall .mat-column-attende_name .blankdivconred {
    position: relative!important;
    z-index: 99
}

.FollowUpCall table td:first-of-type {
    position: relative!important
}

.FollowUpCall td:nth-of-type(2) {
    position: relative!important;
    z-index: 99
}

.FollowUpCall td.mat-column-event_title {
    position: relative!important;
    z-index: 99
}

.commissionhidedatefield .filterFordatesearchend {
    display: none!important
}

.commissionhidedatefield tfoot {
    display: table-footer-group!important
}

.AddUserComponent .mat-dialog-container pay-commission-type-modal button {
    background: rgba(14, 61, 92, 1);
    background: -moz-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(14, 61, 92, 1)), color-stop(100%, rgba(2, 35, 57, 1)));
    background: -webkit-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -o-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -ms-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: linear-gradient(to bottom, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0e3d5c', endColorstr='#022339', GradientType=0);
    font-size: 18px!important;
    color: #fff!important;
    margin: 2px!important;
    padding: 5px 15px!important;
    border: none!important;
    border-radius: 5px!important;
    cursor: pointer
}

.AddUserComponent .mat-dialog-container commission-type-modal button {
    background: rgba(14, 61, 92, 1);
    background: -moz-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(14, 61, 92, 1)), color-stop(100%, rgba(2, 35, 57, 1)));
    background: -webkit-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -o-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -ms-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: linear-gradient(to bottom, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0e3d5c', endColorstr='#022339', GradientType=0);
    font-size: 18px!important;
    color: #fff!important;
    margin: 2px!important;
    padding: 5px 15px!important;
    border: none!important;
    border-radius: 5px!important;
    cursor: pointer
}

.commissionhidedatefield tfoot td span {
    font-weight: 700
}

.commissionhidedatefield tfoot td span strong {
    color: #012136
}

.commissionhidedatefield tfoot td span {
    display: block;
    padding: 5px 0
}

.FollowUpCall table td.mat-column-dispositionfollow span span span {
    position: relative!important;
    display: inline-block;
    background: #15959a;
    color: #fff;
    margin-right: 10px;
    margin-bottom: 5px;
    padding: 5px;
    padding-right: 18px;
    clip-path: polygon(0 0, 90% 0%, 100% 50%, 90% 100%, 0 100%);
    font-size: 14px!important
}

.commissionhidedatefield tfoot td div {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between
}

.commissionhidedatefield tfoot td {
    border: none!important;
    font-size: 12px
}

/* .leadlistpage .adminlisttable_v2 tbody td:last-of-type {
    border: none!important
} */

.dispositionview_modal {
    width: 600px
}

.dispositionview_modal .mat-dialog-container {
    overflow: inherit!important;
    padding: 10px!important
}

.dispositionview_modal .contractstatuswraper {
    max-height: 80vh;
    overflow-y: auto;
    display: block;
    min-height: 100px;
    overflow-x: hidden
}

.dispositionview_modal .closemodal {
    float: none!important;
    color: #fff;
    position: absolute;
    right: -24px;
    cursor: pointer;
    top: -24px;
    background: #254e6d!important;
    border-radius: 100px;
    padding: 0 0 3px!important;
    width: 30px!important;
    min-width: inherit!important;
    border: none!important;
    outline: none!important;
    text-align: center;
    line-height: 45px!important;
    height: 30px
}

.dispositionview_modal h2 {
    padding: 10px;
    display: block;
    background: #08a298;
    background: linear-gradient(90deg, rgba(8, 162, 152, 1) 0%, rgba(74, 96, 164, 1) 100%);
    border-radius: 0;
    font-family: 'OpenSansSemiBold';
    font-size: 22px;
    color: #fff;
    text-align: center;
    margin-bottom: 1px;
    margin-top: 0
}

.dispositionview_modal table {
    width: 100%;
    border-spacing: 0
}

.dispositionview_modal table th {
    background: #254e6d;
    color: #fff;
    font-weight: 400;
    padding: 10px 1%;
    border: solid 1px #fff;
    text-align: left
}

.dispositionview_modal table td {
    background: #f1f1f1;
    color: #254e6d;
    font-weight: 400;
    padding: 10px 1%;
    border: solid 1px #fff;
    text-align: left
}

.dispositionview_modal .satatus span {
    background: url(../images/newstatusicon.png) no-repeat left center!important;
    display: block;
    background-size: 22px!important;
    padding: 5px 0;
    padding-left: 35px;
    min-height: 22px
}

.dispositionview_modal .addedby span {
    background: url(../images/newlisting_user_icon.png) no-repeat left center!important;
    display: block;
    background-size: 22px!important;
    padding: 5px 0;
    padding-left: 35px;
    min-height: 22px
}

.dispositionview_modal .datetime span {
    background: url(../images/newdateicon.png) no-repeat left center!important;
    display: block;
    background-size: 22px!important;
    padding: 5px 0;
    padding-left: 35px;
    min-height: 22px
}

.dispositionview_modal .usertype span {
    background: url(../images/User_type_icon.png) no-repeat left center!important;
    display: block;
    background-size: 22px!important;
    padding: 5px 0;
    padding-left: 35px;
    min-height: 20px
}

.dispositionview_modal adduser {
    display: block;
    position: relative
}

.commission_form .form_field_wrapperprice .mat-form-field-label {
    top: 24px!important;
    padding-left: 18px
}

.commission_form .form_field_wrappertech_commission_value .mat-form-field-label {
    top: 24px!important;
    padding-left: 18px
}

.commission_form .form_field_wrapperdistributor_commission_value .mat-form-field-label {
    top: 24px!important;
    padding-left: 18px
}

.removeaddleadbutton .adminlisttable_v2 .togglesearchcls {
    padding-top: 20px
}

.addlead_group {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-bottom: 20px;
    background: #f3f3f3;
    border-radius: 5px;
    border: solid 1px #d5d5d5;
    align-items: center
}

.addlead_group .addlead_group_con:nth-of-type(even) {
    background: #d5d5d5
}

.addlead_group .addlead_group_con {
    width: 24%;
    text-align: center;
    font-weight: 700;
    color: #23879d;
    height: 100%;
    padding: 10px .5%;
    font-size: 16px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center
}

.addlead_group .addlead_group_con button {
    color: #23879d!important;
    border: none;
    background: none!important;
    padding: 0;
    border-radius: 4px;
    font-size: 16px;
    cursor: pointer;
    align-items: center;
    margin: 3px 0 0 10px
}

.addlead_group .addlead_group_con strong {
    color: #012136;
    padding-right: 10px
}

.addlead_group_table {
    display: block;
    width: 100%;
    overflow-x: scroll
}

duplicate-wrong-data-view-dialog .leaduploadtablecss_wrapper {
    max-height: 60vh;
    overflow-y: auto;
    display: block;
    min-height: 100px;
    padding: 0!important
}

duplicate-wrong-data-view-dialog .leaduploadtablecss h1 {
    margin: 10px 0;
    padding: 15px;
    display: block;
    background: #08a298;
    background: linear-gradient(90deg, rgba(8, 162, 152, 1) 0%, rgba(74, 96, 164, 1) 100%);
    border-radius: 8px;
    font-family: 'OpenSansSemiBold';
    font-size: 26px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 25px;
    text-align: center
}

.addedlead h2 {
    margin: 0;
    padding: 15px;
    display: block;
    background: #08a298;
    background: linear-gradient(90deg, rgba(8, 162, 152, 1) 0%, rgba(74, 96, 164, 1) 100%);
    border-radius: 8px;
    font-family: 'OpenSansSemiBold';
    font-size: 26px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 25px;
    text-align: center
}

.addedlead .addedlead_BTN {
    margin: 2px 5px 2px 0;
    background: rgba(48, 200, 251, 1);
    background: -moz-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(48, 200, 251, 1)), color-stop(100%, rgba(32, 163, 219, 1)));
    background: -webkit-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -o-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -ms-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: linear-gradient(to bottom, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#30c8fb', endColorstr='#20a3db', GradientType=0);
    font-size: 20px;
    color: #fff;
    padding: 10px;
    min-width: 140px;
    border: none;
    border-radius: 5px;
    cursor: pointer
}

.addedleadmodal .mat-dialog-container {
    overflow: inherit!important
}

.addedlead {
    text-align: center
}

.edituserformnew form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.edituserformnew .form_field_wrapperfirstname {
    width: 49%;
    display: inline-block
}

.edituserformnew .form_field_wrapperlastname {
    width: 49%
}

.edituserformnew .form_field_wrapperphone {
    width: 49%
}

.edituserformnew .form_field_wrapperemail {
    width: 49%
}

.edituserformnew .form_field_wrapperstate {
    width: 32.5%
}

.edituserformnew .form_field_wrappertype {
    display: none
}

.edituserformnew .form_field_wrapperzip {
    width: 32.5%
}

.edituserformnew .form_field_wrappercity {
    width: 32.5%
}

.edituserformnew .form_field_wrapperaddress {
    width: 100%
}

.edituserformnew .form_field_wrapperstatus {
    width: 100%
}

.addeditformuser .form_field_wrapperSalutation {
    width: 50%;
    display: inline-block
}

.appointment_block .form_header_name_of_practice {
    display: block;
    font-size: 16px;
    font-family: 'OpenSansSemiBold';
    margin-bottom: 10px;
    color: #01629f;
}

.appointment_block .form_header_ {
    display: block;
    font-size: 16px!important;
    font-family: 'OpenSansSemiBold';
    margin-bottom: 10px;
    color: #01629f!important;
}

.appointment_block .form_header_Doc_pracIs {
    display: block;
    font-size: 16px;
    font-family: 'OpenSansSemiBold';
    margin: 10px 0 0 10px;
    color: #01629f;
}

.appointment_block .form_header_pain_and_inflammation {
    display: block;
    font-size: 16px;
    font-family: 'OpenSansSemiBold';
    margin: 10px 0 0 10px;
    color: #01629f;
    text-transform: uppercase;
}

.appointment_block .form_field_pain_and_inflammation mat-label {
    display: block;
    padding-bottom: 10px;
}

.appointment_block .form_field_estimate_percentage_category mat-label {
    display: block;
    padding-bottom: 10px;
}

.appointment_block .form_field_billing_setup mat-label {
    display: block;
    padding-bottom: 10px;
}

.appointment_block .form_field_pain_and_inflammation .mat-checkbox {
    margin-right: 10px;
    margin-bottom: 5px!important;
    display: inline-block;
}

.appointment_block .form_field_estimate_percentage_category .mat-radio-button {
    margin-right: 10px;
    margin-bottom: 5px!important;
    display: inline-block;
}

.appointment_block .form_field_billing_setup .mat-radio-button {
    margin-right: 10px;
    margin-bottom: 5px!important;
    display: inline-block;
}

.Questionnaireform .form_field_wrapperno_of_others {
    width: 33%!important;
}

.Questionnaireform .form_field_wrapperorganizational_name {
    width: 33%!important;
}

.Questionnaireform .form_field_wrappernpi_one {
    width: 33%!important;
}

.Questionnaireform .form_field_wrapperseen_per_day_one {
    width: 33%!important;
}

.Questionnaireform .form_field_wrapperprimary_practitioner {
    width: 33%!important;
}

.Questionnaireform .form_field_wrapperspecialty_taxonomy_one {
    width: 33%!important;
}

.Questionnaireform .form_field_wrappernpi_two {
    width: 33%!important;
}

.Questionnaireform .form_field_wrapperspecialty_taxonomy_two {
    width: 33%!important;
}

.Questionnaireform .form_field_wrapperseen_per_day_two {
    width: 33%!important;
}

.Questionnaireform .form_field_wrapperpractitioner_one {
    width: 33%!important;
}

.Questionnaireform .form_field_wrappernpi_three {
    width: 33%!important;
}

.Questionnaireform .form_field_wrapperspecialty_taxonomy_three {
    width: 33%!important;
}

.Questionnaireform .form_field_wrapperseen_per_day_three {
    width: 33%!important;
}

.Questionnaireform .form_field_wrapperpractitioner_two {
    width: 33%!important;
}

.Questionnaireform .form_field_wrappernpi_four {
    width: 33%!important;
}

.Questionnaireform .form_field_wrapperspecialty_taxonomy_four {
    width: 33%!important;
}

.Questionnaireform .form_field_wrapperseen_per_day_four {
    width: 33%!important;
}

.Questionnaireform .form_field_wrappernp_or_pa {
    width: 33%!important;
}

.Questionnaireform .form_field_wrappernpi_five {
    width: 33%!important;
}

.Questionnaireform .form_field_wrapperspecialty_taxonomy_five {
    width: 33%!important;
}

.Questionnaireform .form_field_wrapperseen_per_day_five {
    width: 33%!important;
}

.Questionnaireform .form_field_wrapperrep_name {
    width: 49.5%!important;
}

.Questionnaireform .form_field_wrapperphone_number {
    width: 49.5%!important;
}

.Questionnaireform .form_field_billing_setup {
    margin-bottom: 10px;
}

.appointment_block .form_header_total_patient_count {
    display: block;
    font-size: 16px;
    font-family: 'OpenSansSemiBold';
    margin-bottom: 10px;
    color: #01629f;
}

.appointment_block .form_header_billing_setup {
    display: block;
    font-size: 16px;
    font-family: 'OpenSansSemiBold';
    margin-bottom: 10px;
    color: #01629f;
    margin-top: 10px;
}

.Questionnaireform .form_field_wrapperpercent_of_cash_patients {
    display: inline-block;
    width: 25%!important
}

.Questionnaireform .form_field_wrapperpercent_of_cash_patients .mat-form-field-flex {
    border: none;
    border-radius: 0;
    border: solid 2px #01629f
}

.Questionnaireform .form_field_wrapperpercent_of_cash_patients .mat-form-field-underline {
    display: none
}

.Customized_link_block {
    box-shadow: none!important;
    border: none!important;
    margin: 0!important;
    padding: 0 2% 40px 2%!important;
}

.Customized_link_block h2 {
    border-radius: 10px;
    background: rgb(26, 59, 109);
    background: linear-gradient(180deg, rgba(26, 59, 109, 1) 0%, rgba(14, 37, 74, 1) 100%);
    padding: 5px 10px;
    text-align: center;
    font-size: 50px;
    text-transform: uppercase;
    color: #fff;
    margin: 0 0 15px 0;
}

.Customized_sub_block {
    margin-bottom: 6px;
    border-radius: 10px;
    background: rgb(39, 97, 136);
    background: linear-gradient(180deg, rgba(39, 97, 136, 1) 0%, rgba(29, 51, 68, 1) 100%);
    overflow: hidden;
}

.Customized_sub_block_wrapper {
    background: url(../images/share_block_new_TEXTBG.png) no-repeat right center!important;
    overflow: hidden;
    border-radius: 10px;
    display: flex;
    flex-wrap: wrap;
    padding: 0 15px;
    padding-bottom: 15px;
}

.Customized_sub_block_IMG {
    background: url(../images/share_block_new_shadow.png) no-repeat top center!important;
    padding: 0 40px;
}

.Customized_sub_block_IMG_block {
    display: block;
    background: #fff;
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 450px;
    box-shadow: 0 6px 10px #a6cae3 inset;
}

.Customized_sub_block_IMG_block img {
    max-width: 280px;
}

.Customized_sub_block_TEXT {
    padding-left: 10px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 645px;
}

.Customized_sub_block_TEXT div {
    display: block;
    width: 100%;
    padding: 15px 0 0 0;
}

.Customized_sub_block_TEXT h3 {
    margin: 0;
    padding: 0;
    background: url(../images/share_block_new_TEXTshadow.png) no-repeat bottom center!important;
    padding-bottom: 9px;
    display: inline-block;
    background-size: 100%!important;
}

.Customized_sub_block_TEXT h3 span {
    display: block;
    border-radius: 10px;
    background: rgb(253, 230, 100);
    background: linear-gradient(180deg, rgba(253, 230, 100, 1) 0%, rgba(252, 193, 14, 1) 100%);
    border: solid 4px #507690;
    padding: 10px 40px;
    font-size: 28px;
    text-transform: uppercase;
    color: #000000;
    text-shadow: 0 2px 0 #fde868;
    padding-right: 130px;
}

.Customized_sub_block_TEXT p {
    margin: 0;
    padding: 10px 30px;
    background: #fff;
    font-size: 20px;
    display: block;
}

.Customized_sub_block_TEXT a {
    display: inline-block;
    margin: 10px 10px 0 0;
    background: rgb(252, 253, 253);
    background: linear-gradient(180deg, rgba(252, 253, 253, 1) 0%, rgba(162, 196, 213, 1) 100%);
    border: solid 5px #314d61;
    border-radius: 10px;
    cursor: pointer;
    padding: 5px 40px;
    font-size: 28px;
    color: #001420;
    outline: none;
    text-decoration: none;
}

.Customized_sub_block_TEXT button {
    display: inline-block;
    margin: 10px 10px 0 0;
    background: rgb(252, 253, 253);
    background: linear-gradient(180deg, rgba(252, 253, 253, 1) 0%, rgba(162, 196, 213, 1) 100%);
    border: solid 5px #314d61;
    border-radius: 10px;
    cursor: pointer;
    padding: 5px 40px;
    font-size: 28px;
    color: #001420;
    outline: none;
    text-decoration: none;
    cursor: pointer;
}

.Added_label {    font-size: 16px;
    color: #111124;
    padding-left: 20px;}

.contract_flexblocklist:hover label{ color: #fff;}

.wrappernotinew { border-radius: 0!important; box-shadow: none!important; border: none!important; margin: 0 auto!important;  padding: 0!important; 
    
    width: 96%!important;      margin-bottom: 15px!important;   display: flex!important;
    flex-wrap: wrap!important;
    justify-content: space-between!important; }

    .wrappernotinew .alertCSS{     margin: 5px 0.5%!important;  flex: 1 0 auto;   padding: 14px 0.5%!important;    }

    .appcontact_preview{ width: 1024px; margin: 0 auto;}

    .appcontact_preview button{border: none;
        border-radius: 5px;
        color: #fff;
        font-size: 16px;
        margin: 10px 0;
        cursor: pointer;
        outline: none;
        background: #2297bb;
        margin-right: 10px;
        margin-right: 10px;
        padding: 8px 15px;}

        dialog-new-contract-dialog .appcontact_preview {
            width: auto;
            margin: 0 auto;
        }

        dialog-new-contract-dialog .as_hps_SoftwarePractice_header { width: auto;}
        dialog-new-contract-dialog .as_hps_SoftwarePractice_body{    width: auto;}
        dialog-new-contract-dialog .as_hps_SoftwarePractice_footer{   width: auto;}

      
/* Amitava */


/*------start Onboarding Webinar CSS------*/


/*------END Onboarding Webinar CSS------*/

.lessoncontent {
    cursor: auto;
    clear: both;
    overflow: hidden;
    background: #dde1e3;
    padding-bottom: 10px
}

.obwblk3 .yellowarrowlist .mat-list-item .mat-list-item-content {
    display: inherit;
    padding: 0 5px
}




.pp_banner_block{ background: url(../images/new_pr_bannerBG.png) no-repeat left top!important;
    background-size: cover!important; padding: 0 50px; margin-bottom: 15px!important;}

    .pp_banner_block_wrapper{display: flex; flex-wrap: wrap; justify-content: space-between; position: relative;}

    .pp_banner_block_text{ width: 50%; margin: 50px 0 36px 0;}

    .pp_banner_block_text_top{background: rgb(4,105,156);
        background: linear-gradient(180deg, rgba(4,105,156,1) 0%, rgba(0,27,48,1) 100%); border: solid 14px #d9e3e7;  
           border-radius: 0 0 12px 12px; padding: 20px; position: relative; border-top: none;}


        .pp_banner_block_text_top h2{margin: 0;
            padding: 0;
            text-align: left;
            font-family: 'OpenSansSemiBold';
            font-size: 40px;
            color: #fff;
            line-height: 44px;}


            .left_radias_img{ position: absolute; left: -22px;
                top: -22px;}
            .right_radias_img{ position: absolute; right: -22px;
                top: -22px;}


                .mediadack_link {
                    margin-top: 30px;
                    display: block;
                    
                    border-radius: 30px;
                    text-align: center;
                   
                    font-family: 'RalewayBold';
                    font-size: 20px;
                    color: #191919;
                    text-decoration: none;
                    text-transform: uppercase;
                    width: 320px; border: solid 5px  rgba(30, 35, 58, 0.5);
                }   
                
                .mediadack_link span{  display: block;
                    background: rgb(253,254,254);
                    background: linear-gradient(180deg, rgba(253,254,254,1) 0%, rgba(167,199,214,1) 100%);
                    border-radius: 30px;  padding: 15px 10px;}


                .pp_banner_block_logo {
                    background: url(../images/new_logo_con_BG.png) no-repeat right top!important;
                    background-size: 100%!important;
                    width: 44%; height: 100%;
                    position: absolute;
                    right: 0;
                    top: 0;
                    
                    display: flex;
                    flex-wrap: wrap;
                    align-items: center;
                    justify-content: center;
                }       

                .Bannerscontain_sub_img_file{ background: #000;}
   .Bannerscontain_sub_img_file img{ width: 100%!important;     opacity: 0.5;}
/*-------Media section koushik----*/


.tech_dashboard_reso_block_partRST_new {
    background: url(../images/rst_logo_banner_bg.png) no-repeat right top!important;
    background-size: cover!important; padding: 20px 50px;

}

.tech_dashboard_reso_block_partRST_newblock{   display: flex; align-items: center;}

.textcss1{ width: 90%; background: rgb(255,232,0);
    background: linear-gradient(180deg, rgba(255,232,0,1) 0%, rgba(255,196,0,1) 100%); border-top: solid 7px #354749;  border-bottom: solid 7px #354749;     box-shadow: 0 4px 5px #000;} 
    
.textcss_con_text{ padding: 22px; text-align: center;}

.textcss_con_text h2{margin: 0; padding: 0; font-size: 24px;
    color: #191919;}

.logocss1{ display: block; background: #fff; border-radius: 10px; padding: 12px;     padding-bottom: 8px; width: 28%;  }
.logocss1 img{ width: 100%;}

 
/* followuplist css  */

.tech_dashboard_reso_block_partRST {
    background: url(../images/rst_banner_BG.jpg) no-repeat left top!important;
    background-size: cover!important
}

.tech_dashboard_reso_block_partRST_body {
    background: url(../images/rst_banner_img1.png) no-repeat 60px center!important;
    padding-left: 270px
}

.tech_dashboard_reso_block_partRST_body_wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 45px;
    padding-left: 0;
    min-height: 315px;
    align-items: center
}

.tech_dashboard_reso_block_partRST_body_text {
    background: url(../images/rst_banner_bg2.png) no-repeat center center;
    background-size: cover;
    border-radius: 10px;
    box-shadow: 0 0 5px #080a23;
    padding: 12px;
    width: 850px
}

.tech_dashboard_reso_block_partRST_body_text_body {
    background: #29ebf0;
    background: linear-gradient(100deg, rgba(41, 235, 240, 1) 0%, rgba(141, 244, 247, 1) 50%, rgba(41, 235, 240, 1) 100%);
    border-radius: 8px;
    padding: 6px 0;
    border: solid 1px #fff;
    text-align: center;
    padding: 26px;
    font-family: 'OpenSansSemiBold';
    font-size: 34px;
    color: #15181b;
    line-height: 45px
}

.tech_dashboard_reso_block_partRST_body_text_body strong {
    font-family: 'OpenSansBold';
}

.tech_dashboard_reso_block_partBIO {
    background: url(../images/bio_ener_banner_BG2.jpg) no-repeat right top!important
}

.tech_dashboard_reso_block_partBIO_body {
    padding: 45px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    min-height: 315px;
    flex-direction: row-reverse
}

.tech_dashboard_reso_block_partBIO_text {
    background: url(../images/bio_ener_banner_BG1.png) repeat-y left top;
    background-size: cover;
    border-radius: 10px;
    box-shadow: 0 0 5px #180c0c;
    padding: 12px;
    width: 850px
}

.tech_dashboard_reso_block_partBIO_text_con {
    background: #024d88;
    background: linear-gradient(100deg, rgba(2, 77, 136, 1) 0%, rgba(12, 103, 175, 1) 100%);
    border-radius: 8px;
    padding: 6px 0;
    border: solid 1px #fff;
    text-align: center;
    padding: 26px;
    font-family: 'OpenSansSemiBold';
    font-size: 34px;
    color: #fff;
    line-height: 45px
}

.tech_dashboard_reso_block_partBIO_text_con strong {
    font-family: 'OpenSansBold';
    color: #16f8ff
}

.tech_dashboard_reso_block_partBIO_logo {
    width: 560px;
    background: #fff;
    border: solid 5px #6e7378;
    border-radius: 10px;
    padding: 12px 25px
}

.tech_dashboard_reso_block_partBIO_logo img {
    width: 100%
}


/*--------------*/

.tech_dashboard_reso_block_partUniversal {
    background: url(../images/Universal_tech_banner.jpg) no-repeat right top!important
}

.tech_dashboard_reso_block_partUniversal_body {
    padding: 45px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    min-height: 315px;
}

.tech_dashboard_reso_block_partUniversal_text {
    background: url(../images/bio_ener_banner_BG1.png) repeat-y left top;
    background-size: cover;
    border-radius: 10px;
    box-shadow: 0 0 5px #180c0c;
    padding: 15px;
    width: 850px
}

.tech_dashboard_reso_block_partUniversal_text_con {
    background: rgb(79, 172, 254);
    background: linear-gradient(98deg, rgba(79, 172, 254, 1) 0%, rgba(0, 201, 232, 1) 100%);
    border-radius: 8px;
    padding: 6px 0;
    border: solid 1px #fff;
    text-align: center;
    padding: 26px;
    font-family: 'OpenSansSemiBold';
    font-size: 34px;
    color: #040b1d;
    line-height: 45px;
    text-shadow: 0 1px 0px #86e0ef;
}

.tech_dashboard_reso_block_partUniversal_text_con strong {
    font-family: 'OpenSansBold';
    color: #16f8ff
}

.tech_dashboard_reso_block_partUniversal_logo {
    width: 450px;
    background: #fff;
    border: solid 5px rgb(6, 23, 35, 0.9);
    border-radius: 10px;
    padding: 10px;
}

.tech_dashboard_reso_block_partUniversal_logo img {
    width: 100%
}


/*-----------*/

.FollowUpCall table td .notcontacted {
    background: #15959a!important
}

.FollowUpCall table td .leftavoicemail {
    background: #1b6a6d!important
}

.FollowUpCall table td .contactedinfosentnodecision-maker {
    background: #21899d!important
}

.FollowUpCall table td .Hotleadchasingtoclose {
    background: #21899d!important
}

.FollowUpCall table td .contactednodecision-maker {
    background: #0a5358!important
}

.FollowUpCall table td .decision-makerreached {
    background: #30799f!important
}

.FollowUpCall table td .decision-makerreachedinfosent {
    background: #2a809e!important
}

.FollowUpCall table td .warrantydiscussionset {
    background: #3ea7cc!important
}

.FollowUpCall table td .discoverycallset {
    background: #09638e!important
}

.FollowUpCall table td .hotleadchasingtoclose {
    background: #0d5171!important
}

.FollowUpCall table td .chasingtoclose {
    background: #0d5571!important
}

.FollowUpCall table td .pushedoutchasingtoclose {
    background: #05a9e8!important
}

.FollowUpCall table td .killed {
    background: #083c50!important
}

.decision-makerreached {
    background: #30799f!important;
    display: inline-block;
    color: #fff;
    margin-right: 5px;
    margin-bottom: 2px;
    padding: 5px;
    padding-right: 18px;
    clip-path: polygon(0 0, 90% 0%, 100% 50%, 90% 100%, 0 100%);
    line-height: 20px
}

.CreditContractsent {
    background: #30799f!important;
    display: inline-block;
    color: #fff;
    margin-right: 5px;
    margin-bottom: 2px;
    padding: 5px;
    padding-right: 18px;
    clip-path: polygon(0 0, 90% 0%, 100% 50%, 90% 100%, 0 100%);
    line-height: 20px
}

.contactednodecision-maker {
    background: #30799f!important;
    display: inline-block;
    color: #fff;
    margin-right: 5px;
    margin-bottom: 2px;
    padding: 5px;
    padding-right: 18px;
    clip-path: polygon(0 0, 90% 0%, 100% 50%, 90% 100%, 0 100%);
    line-height: 20px
}

.Decision-makerreached {
    background: #30799f!important;
    display: inline-block;
    color: #fff;
    margin-right: 5px;
    margin-bottom: 2px;
    padding: 5px;
    padding-right: 18px;
    clip-path: polygon(0 0, 90% 0%, 100% 50%, 90% 100%, 0 100%);
    line-height: 20px
}

.Killed {
    background: #083c50!important;
    display: inline-block;
    color: #fff;
    margin-right: 5px;
    margin-bottom: 2px;
    padding: 5px;
    padding-right: 18px;
    clip-path: polygon(0 0, 90% 0%, 100% 50%, 90% 100%, 0 100%);
    line-height: 20px
}

.Decision-makerreachedinfosent {
    background: #083c50!important;
    display: inline-block;
    color: #fff;
    margin-right: 5px;
    margin-bottom: 2px;
    padding: 5px;
    padding-right: 18px;
    clip-path: polygon(0 0, 90% 0%, 100% 50%, 90% 100%, 0 100%);
    line-height: 20px
}

.decision-makerreachedinfosent {
    background: #083c50!important;
    display: inline-block;
    color: #fff;
    margin-right: 5px;
    margin-bottom: 2px;
    padding: 5px;
    padding-right: 18px;
    clip-path: polygon(0 0, 90% 0%, 100% 50%, 90% 100%, 0 100%);
    line-height: 20px
}

.contactedinfosentnodecision-maker {
    background: #05a9e8!important;
    display: inline-block;
    color: #fff;
    margin-right: 5px;
    margin-bottom: 2px;
    padding: 5px;
    padding-right: 18px;
    clip-path: polygon(0 0, 90% 0%, 100% 50%, 90% 100%, 0 100%);
    line-height: 20px
}


.Hotleadchasingtoclose {
    background: #05a9e8!important;
    display: inline-block;
    color: #fff;
    margin-right: 5px;
    margin-bottom: 2px;
    padding: 5px;
    padding-right: 18px;
    clip-path: polygon(0 0, 90% 0%, 100% 50%, 90% 100%, 0 100%);
    line-height: 20px
}


.FollowUpCall table td .pushedoutchasingtoclose {
    background: #05a9e8!important;
    display: inline-block;
    color: #fff;
    margin-right: 5px;
    margin-bottom: 2px;
    padding: 5px;
    padding-right: 18px;
    clip-path: polygon(0 0, 90% 0%, 100% 50%, 90% 100%, 0 100%);
    line-height: 20px
}

.Pushedoutchasingtoclose {
    background: #05a9e8!important;
    display: inline-block;
    color: #fff;
    margin-right: 5px;
    margin-bottom: 2px;
    padding: 5px;
    padding-right: 18px;
    clip-path: polygon(0 0, 90% 0%, 100% 50%, 90% 100%, 0 100%);
    line-height: 20px
}

.Chasingtoclose {
    background: #0d5571!important;
    display: inline-block;
    color: #fff;
    margin-right: 5px;
    margin-bottom: 2px;
    padding: 5px;
    padding-right: 18px;
    clip-path: polygon(0 0, 90% 0%, 100% 50%, 90% 100%, 0 100%);
    line-height: 20px
}

.chasingtoclose {
    background: #0d5571!important;
    display: inline-block;
    color: #fff;
    margin-right: 5px;
    margin-bottom: 2px;
    padding: 5px;
    padding-right: 18px;
    clip-path: polygon(0 0, 90% 0%, 100% 50%, 90% 100%, 0 100%);
    line-height: 20px
}

.Contactedinfosentnodecision-maker {
    background: #21899d!important;
    display: inline-block;
    color: #fff;
    margin-right: 5px;
    margin-bottom: 2px;
    padding: 5px;
    padding-right: 18px;
    clip-path: polygon(0 0, 90% 0%, 100% 50%, 90% 100%, 0 100%);
    line-height: 20px
}

.Hotleadchasingtoclose {
    background: #21899d!important;
    display: inline-block;
    color: #fff;
    margin-right: 5px;
    margin-bottom: 2px;
    padding: 5px;
    padding-right: 18px;
    clip-path: polygon(0 0, 90% 0%, 100% 50%, 90% 100%, 0 100%);
    line-height: 20px
}

.Notcontacted {
    background: #15959a!important;
    display: inline-block;
    color: #fff;
    margin-right: 5px;
    margin-bottom: 2px;
    padding: 5px;
    padding-right: 18px;
    clip-path: polygon(0 0, 90% 0%, 100% 50%, 90% 100%, 0 100%);
    line-height: 20px
}

.DiscoveryCallSet {
    background: #09638e!important;
    display: inline-block;
    color: #fff;
    margin-right: 5px;
    margin-bottom: 2px;
    padding: 5px;
    padding-right: 18px;
    clip-path: polygon(0 0, 90% 0%, 100% 50%, 90% 100%, 0 100%);
    line-height: 20px
}

.discoverycallset {
    background: #09638e!important;
    display: inline-block;
    color: #fff;
    margin-right: 5px;
    margin-bottom: 2px;
    padding: 5px;
    padding-right: 18px;
    clip-path: polygon(0 0, 90% 0%, 100% 50%, 90% 100%, 0 100%);
    line-height: 20px
}

.NoDiscovery {
    background: #2dbdea!important;
    display: inline-block;
    color: #fff;
    margin-right: 5px;
    margin-bottom: 2px;
    padding: 5px;
    padding-right: 18px;
    clip-path: polygon(0 0, 90% 0%, 100% 50%, 90% 100%, 0 100%);
    line-height: 12px!important;
    padding-top: 7px;
    line-height: 20px
}

.activedistributors_grid2 h4 span span {
    display: inline-block!important;
    width: auto!important
}

.Leftavoicemail {
    background: #1b6a6d!important;
    display: inline-block;
    color: #fff!important;
    margin-right: 5px;
    margin-bottom: 2px;
    padding: 5px;
    padding-right: 18px;
    clip-path: polygon(0 0, 90% 0%, 100% 50%, 90% 100%, 0 100%);
    line-height: 20px
}

.leftavoicemail {
    background: #1b6a6d!important;
    display: inline-block;
    color: #fff;
    margin-right: 5px;
    margin-bottom: 2px;
    padding: 5px;
    padding-right: 18px;
    clip-path: polygon(0 0, 90% 0%, 100% 50%, 90% 100%, 0 100%);
    line-height: 20px
}

.WarrentyContractsent {
    background: #3ea7cc!important;
    display: inline-block;
    color: #fff;
    margin-right: 5px;
    margin-bottom: 2px;
    padding: 5px;
    padding-right: 18px;
    clip-path: polygon(0 0, 90% 0%, 100% 50%, 90% 100%, 0 100%);
    line-height: 20px
}

.SigneeSignatureComplete {
    background: #1b6a6d!important;
    display: inline-block;
    color: #fff;
    margin-right: 5px;
    margin-bottom: 2px;
    padding: 5px;
    padding-right: 18px;
    clip-path: polygon(0 0, 90% 0%, 100% 50%, 90% 100%, 0 100%);
    line-height: 20px
}

.WarrantyContractsent {
    background: #3ea7cc!important;
    display: inline-block;
    color: #fff;
    margin-right: 5px;
    margin-bottom: 2px;
    padding: 5px;
    padding-right: 18px;
    clip-path: polygon(0 0, 90% 0%, 100% 50%, 90% 100%, 0 100%);
    line-height: 20px
}

.notcontacted {
    background: #15959a!important;
    display: inline-block;
    color: #fff;
    margin-right: 5px;
    margin-bottom: 2px;
    padding: 5px;
    padding-right: 18px;
    clip-path: polygon(0 0, 90% 0%, 100% 50%, 90% 100%, 0 100%);
    line-height: 20px
}

.WarrantyCallSet {
    background: #3ea7cc!important;
    display: inline-block;
    color: #fff;
    margin-right: 5px;
    margin-bottom: 2px;
    padding: 5px;
    padding-right: 18px;
    clip-path: polygon(0 0, 90% 0%, 100% 50%, 90% 100%, 0 100%);
    line-height: 20px
}

.TmflowContractsent {
    background: #2e80a0!important;
    display: inline-block;
    color: #fff;
    margin-right: 5px;
    margin-bottom: 2px;
    padding: 5px;
    padding-right: 18px;
    clip-path: polygon(0 0, 90% 0%, 100% 50%, 90% 100%, 0 100%);
    line-height: 20px
}

.WarrentyContractresent {
    background: #2e80a0!important;
    display: inline-block;
    color: #fff;
    margin-right: 5px;
    margin-bottom: 2px;
    padding: 5px;
    padding-right: 18px;
    clip-path: polygon(0 0, 90% 0%, 100% 50%, 90% 100%, 0 100%);
    line-height: 20px
}

.Contractsent {
    background: #2e80a0!important;
    display: inline-block;
    color: #fff;
    margin-right: 5px;
    margin-bottom: 2px;
    padding: 5px;
    padding-right: 18px;
    clip-path: polygon(0 0, 90% 0%, 100% 50%, 90% 100%, 0 100%);
    line-height: 20px
}

.DiscoverycallSet {
    background: #09638e!important;
    display: inline-block;
    color: #fff;
    margin-right: 5px;
    margin-bottom: 2px;
    padding: 5px;
    padding-right: 18px;
    clip-path: polygon(0 0, 90% 0%, 100% 50%, 90% 100%, 0 100%);
    line-height: 20px
}

.PeceContractresent {
    background: #2e80a0!important;
    display: inline-block;
    color: #fff;
    margin-right: 5px;
    margin-bottom: 2px;
    padding: 5px;
    padding-right: 18px;
    clip-path: polygon(0 0, 90% 0%, 100% 50%, 90% 100%, 0 100%);
    line-height: 20px
}

.PECEContractSignedbybothparties {
    background: #09638e!important;
    display: inline-block;
    color: #fff;
    margin-right: 5px;
    margin-bottom: 2px;
    padding: 5px;
    padding-right: 18px;
    clip-path: polygon(0 0, 90% 0%, 100% 50%, 90% 100%, 0 100%);
    line-height: 20px
}

.Contractresent {
    background: #2e80a0!important;
    display: inline-block;
    color: #fff;
    margin-right: 5px;
    margin-bottom: 2px;
    padding: 5px;
    padding-right: 18px;
    clip-path: polygon(0 0, 90% 0%, 100% 50%, 90% 100%, 0 100%);
    line-height: 20px
}


/*-----------*/
.FVuser_details_block_login  .decision-makerreached{  color: #fff!important;}

.FVuser_details_block_login  .CreditContractsent {  color: #fff!important;}

.FVuser_details_block_login  .contactednodecision-maker {  color: #fff!important;}
.FVuser_details_block_login  .Decision-makerreached {  color: #fff!important;}

.FVuser_details_block_login  .Killed {  color: #fff!important;}

.FVuser_details_block_login  .Decision-makerreachedinfosent{  color: #fff!important;}

.FVuser_details_block_login  .decision-makerreachedinfosent {  color: #fff!important;}

.FVuser_details_block_login  .contactedinfosentnodecision-maker{  color: #fff!important;}

.FVuser_details_block_login  .FollowUpCall table td .pushedoutchasingtoclose{  color: #fff!important;}

.FVuser_details_block_login  .Pushedoutchasingtoclose{  color: #fff!important;}
.FVuser_details_block_login  .Chasingtoclose {  color: #fff!important;}

.FVuser_details_block_login  .chasingtoclose {  color: #fff!important;}

.FVuser_details_block_login  .Contactedinfosentnodecision-maker{  color: #fff!important;}

.FVuser_details_block_login  .Notcontacted{  color: #fff!important;}

.FVuser_details_block_login  .DiscoveryCallSet{  color: #fff!important;}

.FVuser_details_block_login  .discoverycallset {  color: #fff!important;}

.FVuser_details_block_login  .NoDiscovery{  color: #fff!important;}

 

.FVuser_details_block_login  .Leftavoicemail {  color: #fff!important;}

.FVuser_details_block_login  .leftavoicemail {  color: #fff!important;}
.FVuser_details_block_login  .WarrentyContractsent{  color: #fff!important;}

.FVuser_details_block_login  .SigneeSignatureComplete {  color: #fff!important;}

.FVuser_details_block_login  .WarrantyContractsent {  color: #fff!important;}

.FVuser_details_block_login  .notcontacted{  color: #fff!important;}
.FVuser_details_block_login  .WarrantyCallSet{  color: #fff!important;}

.FVuser_details_block_login  .TmflowContractsent {  color: #fff!important;}

.FVuser_details_block_login  .WarrentyContractresent {  color: #fff!important;}

.FVuser_details_block_login  .Contractsent {  color: #fff!important;}

.FVuser_details_block_login  .DiscoverycallSet {  color: #fff!important;}

.FVuser_details_block_login  .PeceContractresent {  color: #fff!important;}

.FVuser_details_block_login  .PECEContractSignedbybothparties {  color: #fff!important;}

.FVuser_details_block_login  .Contractresent {  color: #fff!important;}

.FVuser_details_block_login  .Hotleadchasingtoclose {  color: #fff!important;}
 

/*----------*/
.mat-column-dispositionview .disposition {
    display: inline-block;
    background: #15959a;
    color: #fff;
    margin-right: 5px;
    margin-bottom: 2px;
    padding: 5px;
    padding-right: 18px;
    clip-path: polygon(0 0, 90% 0%, 100% 50%, 90% 100%, 0 100%);
    line-height: 20px
}

.tablelist3con th:nth-last-child(-n+3) {
    border: none!important
}

/* .tablelist3con td:nth-last-child(-n+3) {
    border: none!important
} */

.tablelist3con tbody th:nth-last-child(-n+3) {
    border-bottom: solid 1px #ccc!important
}

.adminlisttable .togglesearchcls .search_class .add_button .mat-button-wrapper {
    background: url(../images/searchicon4.png) no-repeat center center!important;
    display: block;
    background-size: 75%!important;
    font-size: 0
}

.open_in_new_list button {
    background: url(../images/admin_fv_open_newtab.png) no-repeat center center!important;
    background-size: 100%!important;
    width: 25px!important;
    height: 25px!important;
    font-size: 0;
    box-shadow: none!important;
    border-radius: 0;
    padding: 0;
    min-width: inherit;
    display: inline-block;
    cursor: pointer;
    margin: 0 10px
}

.open_in_same_list button {
    background: url(../images/admin_fv_open_sametab.png) no-repeat center center!important;
    background-size: 100%!important;
    width: 25px!important;
    height: 25px!important;
    font-size: 0;
    box-shadow: none!important;
    border-radius: 0;
    padding: 0;
    min-width: inherit;
    display: inline-block;
    cursor: pointer;
    margin: 0 10px
}

.userlisttavlev2 td:nth-last-child(-n+3) {
    border: none!important
}

ngx-material-timepicker-container {
    position: absolute!important;
    z-index: 9999!important
}

.maincontant .mat-column-Actions {
    padding: 2px 0!important;
}  



/* .dispositionlead .mat-column-Actions {
    display: block!important;
    padding-left: 67.6%!important
}

.maincontant .mat-column-Actions {
    padding-left: 33.6%!important
}  

/* .dispositionlead thead th.mat-column-Actions {
    display: block!important;
    padding-left: 67.6%!important
}

.maincontant thead th.mat-column-Actions {
    padding-left: 33.6%!important
} */

/* .leadlistpage .maincontant thead th:nth-last-child(-n+2) {
    border-bottom: none!important
} */

.video_gallery_div .example-card-video {
    background: url(../images/RE_block1conbg.png) left top no-repeat!important;
    position: relative
}

.video_gallery_div .example-card-video:nth-of-type(1) {
    background-color: #00bbe4!important
}

.video_gallery_div .example-card-video:nth-of-type(2) {
    background-color: #4b4b94!important
}

.video_gallery_div .example-card-video:nth-of-type(3) {
    background-color: #de5621!important
}

.video_gallery_div .example-card-video:nth-of-type(4) {
    background-color: #44912f!important
}

.video_gallery_div .example-card-video:nth-of-type(5) {
    background-color: #1c4374!important
}

.video_gallery_div .example-card-video:nth-of-type(6) {
    background-color: #1b6f62!important
}

.video_gallery_div .example-card-video h4 {
    margin: 0;
    padding: 0 0 15px;
    font-size: 22px;
    color: #fff;
    font-family: "OpenSansSemiBold";
    line-height: 26px;
    text-shadow: 0 0 5px #717371;
    text-align: center
}

.video_gallery_div .example-card-video button {
    background: url(../images/tech_db_top_textbg.png) 0 24px/230% no-repeat #ffed2f;
    display: block;
    width: 200px;
    text-transform: capitalize;
    line-height: 30px;
    border-radius: 50px;
    box-shadow: 0 0 10px #86a97c;
    font-family: RalewayBold;
    font-size: 20px;
    color: #191919;
    text-align: center;
    text-decoration: none;
    padding: 10px 1%;
    margin: 0 auto;
    border: none;
    cursor: pointer
}

.adminlist_FollowUpCall .adminlisttable .togglesearchcls {
    display: none
}

.adminlist_FollowUpCall .adminlisttable .lib-pager-class {
    display: none
}

.adminlist_FollowUpCall .adminlisttable .mat-card {
    padding: 0!important
}

.disabled_btn {
    opacity: .4
}

.leadselectproductinfo {
    position: absolute;
    top: 4px;
    right: -40px;
    font-size: 20px;
    color: #747171
}

.form_field_Doc_pracIs mat-label:before {
    content: '*';
    display: inline-block;
    color: red
}

.calendar_management_listing .event_managementbody .mat-toolbar-single-row {
    display: none!important
}

app-technological-consultant-dashboard .Training_Data_block {
    margin-bottom: 16px!important
}

.Training_Data_block .mat-progress-bar {
    height: 16px;
    border-radius: 10px;
    margin-top: 15px
}

app-lead-add-edit .mat-form-field-hide-placeholder .mat-form-field-prefix {
    color: red!important;
    top: -2px!important
}

app-folder-view .Contactnewform .addeditformuser .mat-form-field-hide-placeholder .mat-form-field-prefix {
    color: red!important;
    top: -7px!important
}

app-folder-view .Contactnewform .addeditformuser .mat-form-field-prefix {
    top: -22px!important;
    color: red!important
}

app-lead-add-edit .mat-form-field-hide-placeholder .mat-form-field-prefix {
    color: red!important;
    top: -5px!important
}

app-lead-add-edit .mat-form-field-prefix {
    top: -19px!important;
    color: red!important
}

.viewfollowupcall-modal .btncancelcls {
    float: none!important;
    color: #fff!important;
    position: absolute;
    right: -25px;
    cursor: pointer;
    top: -22px;
    background-color: #254e6d!important;
    border-radius: 100px;
    padding: 2px;
    border: none;
    width: 24px;
    outline: none;
    line-height: 24px;
    min-width: inherit;
    text-align: center
}

.presentation_btn2 {
    background: rgba(14, 61, 92, 1);
    background: -moz-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(14, 61, 92, 1)), color-stop(100%, rgba(2, 35, 57, 1)));
    background: -webkit-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -o-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: -ms-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    background: linear-gradient(to bottom, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0e3d5c', endColorstr='#022339', GradientType=0);
    font-size: 18px;
    color: #fff!important;
    margin: 2px 0;
    padding: 5px 15px;
    text-transform: capitalize;
    border: none;
    cursor: pointer;
    border-radius: 4px
}

.commonsettings_body_new {
    background: url(../images/traing_db_BG.jpg) no-repeat left top!important;
    background-size: cover!important;
    padding: 0!important;
    margin: 0!important;
    border-radius: 0!important
}

.commonsettings_h2_new {
    box-shadow: none!important;
    border: none!important;
    margin: 0!important;
    padding: 30px 15px 15px!important;
    border-radius: 0!important;
    text-align: center
}

.commonsettings_h2_new span {
    background: #ffed2f url(../images/tech_db_top_textbg.png) no-repeat center 30px;
    background-size: 100%;
    display: inline-block;
    width: auto;
    line-height: 76px;
    border-radius: 50px;
    box-shadow: 0 0 10px #3a555f;
    font-family: 'RalewayBold';
    font-size: 36px;
    color: #191919;
    text-transform: uppercase;
    text-align: center;
    padding: 0 15px;
    min-width: 480px;
    margin: 0
}

.commonsettings_con_newspan_body_new {
    background: none!important;
    padding: 0 40px 25px!important;
    margin: 0!important;
    border-radius: 0!important;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.commonsettings_con_newspan_new {
    border: solid 1px #8b9196;
    border-radius: 10px;
    margin: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 30%
}

.span_css_top {
    display: block;
    background: #010509;
    background: linear-gradient(214deg, rgba(1, 5, 9, 1) 0%, rgba(5, 25, 46, 1) 100%);
    width: 50%;
    border-radius: 10px 0 0 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center
}

.span_css_top img {
    width: auto;
    display: block;
    max-width: 90%;
    margin: 10px auto
}

.commonsettings_con_span_newDIV {
    width: 31%;
    border: solid 1px #7bdae5;
    border-radius: 10px;
    background: #090909;
    background: linear-gradient(214deg, rgba(9, 9, 9, 1) 0%, rgba(55, 63, 72, 1) 100%);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: .5%
}

.span_css_bottom {
    background: #090909;
    background: linear-gradient(214deg, rgba(9, 9, 9, 1) 0%, rgba(55, 63, 72, 1) 100%);
    border-radius: 0 10px 10px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 50%
}

.span_css_bottom_div {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-left: solid 1px #5a626a;
    position: relative
}


/* .span_css_top .traing_db_logo2{width:140px} */

.span_css_top .traing_db_logo4 {
    width: 260px
}

.span_css_bottom .mat-card-title {
    padding: 20px;
    font-size: 20px;
    color: #fff;
    margin-bottom: 0
}

.span_css_bottom p {
    padding: 0 20px 20px;
    font-size: 45px;
    color: #fff;
    margin: 0;
    font-weight: 700
}

.span_css_bottom p.PECE_text {
    color: #06feea
}

.span_css_bottom p.bio_text {
    color: #03a9f5
}

.span_css_bottom p.rst_text {
    color: #fec106
}

.span_css_bottom p.tm_text {
    color: #44d133
}

.traing_class_status {
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
    font-size: 19px!important;
    font-weight: 400!important;
    font-family: 'OpenSansSemiBold'
}

.traing_class_status div {
    width: 24.95%;
    display: flex;
    background: rgb(3,3,4);
background: linear-gradient(0deg, rgba(3,3,4,1) 0%, rgba(38,47,53,1) 100%);
}

/* .traing_class_status div:nth-of-type(odd) {
    background: #afb1b3
} */

.traing_class_status label {
    padding: 15px;
    text-align: center;
    display: inline-block;
    margin: 0 auto;
    color:#fff;
}

.traing_class_status .traing_class_status_yellow label::before {
    float: left;
    content: '';
    display: inline-block;
    margin-right: 10px;
    width: 30px;
    height: 30px;
    border-radius: 5px;
        background: #a8fd98;
    background-image: -webkit-linear-gradient(top, #a8fd98, #8dfd01);
    background-image: -moz-linear-gradient(top, #a8fd98, #8dfd01);
    background-image: -o-linear-gradient(top, #a8fd98, #8dfd01);
    background-image: linear-gradient(to bottom, #a8fd98, #8dfd01)
    /* background: #fdd203;
    background-image: -webkit-linear-gradient(top, #fdd203, #fdb701);
    background-image: -moz-linear-gradient(top, #fdd203, #fdb701);
    background-image: -o-linear-gradient(top, #fdd203, #fdb701);
    background-image: linear-gradient(to bottom, #fdd203, #fdb701) */
}

.traing_class_status .traing_class_status_green label::before {
    float: left;
    border-radius: 5px;
    content: '';
    display: inline-block;
    margin-right: 10px;
    width: 30px;
    height: 30px;
   background: #fdd203;
    background-image: -webkit-linear-gradient(top, #fdd203, #fdb701);
    background-image: -moz-linear-gradient(top, #fdd203, #fdb701);
    background-image: -o-linear-gradient(top, #fdd203, #fdb701);
    background-image: linear-gradient(to bottom, #fdd203, #fdb701)
}

.traing_class_status .traing_class_status_blue label::before {
    float: left;
    border-radius: 5px;
    content: '';
    display: inline-block;
    margin-right: 10px;
    width: 30px;
    height: 30px;
    background: #7cdaf7!important;
    background-image: -webkit-linear-gradient(top, #7cdaf7, #2dbdea)!important;
    background-image: -moz-linear-gradient(top, #7cdaf7, #2dbdea)!important;
    background-image: -o-linear-gradient(top, #7cdaf7, #2dbdea)!important;
    background-image: linear-gradient(to bottom, #7cdaf7, #2dbdea)!important
}
.traing_class_status .traing_class_status_blue:last-child label::before {
    background: #afb1b3!important;
}

.FollowupCalls_view .togglesearchcls {
    display: none
}

book-event button {
    display: block!important;
    margin-left: auto!important;
    margin-right: auto!important
}

.attendeefieldbutton {
    border: none!important;
    margin-left: inherit!important;
    margin-right: inherit!important;
    margin-bottom: 10px!important;
    background: rgba(14, 61, 92, 1)!important;
    background: -moz-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%)!important;
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(14, 61, 92, 1)), color-stop(100%, rgba(2, 35, 57, 1)))!important;
    background: -webkit-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%)!important;
    background: -o-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%)!important;
    background: -ms-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%)!important;
    background: linear-gradient(to bottom, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%)!important;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0e3d5c', endColorstr='#022339', GradientType=0)!important;
    cursor: pointer!important;
    border-radius: 5px!important;
    font-size: 16px!important
}

book-event mat-form-field {
    margin-bottom: 10px
}

.addeditform textarea {
    height: 60px
}

.AddEditBlog .form_field_wrapper {
    width: 32.5%
}

.AddEditBlog .form_field_wrapperfirstname {
    width: 49.5%
}

.AddEditBlog .form_field_wrapperlastname {
    width: 49.5%
}

.AddEditBlog .form_field_wrapperpassword {
    width: 49.5%
}

.AddEditBlog .form_field_wrapperconfirmpassword {
    width: 49.5%
}

.AddEditBlog .form_field_wrapperproductsarray {
    width: 49.5%
}

.AddEditBlog .form_field_wrapperparentid {
    width: 49.5%
}

.AddEditBlog .form_field_wrapperproducts {
    width: 49.5%
}

.AddEditBlog .form_field_wrapperdistributor {
    width: 49.5%
}

.AddEditBlog .form_field_wrapperaddress {
    width: 100%
}

.AddEditBlog .form_field_wrapperstatus {
    width: 100%
}

app-technological-consultant-add-edit .AddEditBlog .form_field_wrapperparentid {
    /* width: 32.5% */
    width: 100%
}

.AddEditBlog .form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.AddEditBlog .submitbtnsection {
    width: 100%
}

app-admin-add-edit .form_field_wrappertype {
    display: none
}

app-closer-add-edit .form_field_wrappertype {
    display: none
}

app-distributor-add-edit .form_field_wrappertype {
    display: none
}

app-distributor-add-edit .form_field_wrapperonbordingcall {
    display: none
}

app-contract-anager-add-edit .form_field_wrappertype {
    display: none
}

app-technological-consultant-add-edit .form_field_wrappertype {
    display: none
}

app-lead-add-edit .AddEditBlog .form_field_wrapperbatchname {
    width: 49.5%
}

app-lead-add-edit .AddEditBlog .form_field_wrapperscreenshots {
    width: 100%
}

app-lead-add-edit .form_field_wrapperHPS_Representative {
    display: none
}

app-lead-add-edit .form_field_wrapperDistributor {
    display: none
}

app-lead-add-edit .form_field_wrapperCurrency {
    display: none
}

app-lead-add-edit .form_field_wrapperPractice_Status {
    display: none
}

app-lead-add-edit .form_field_wrapperExchange_Rate {
    display: none
}

app-lead-add-edit .addeditformuserlead .libformclass .form_field_wrapperset_billing_address_as_shipping_address {
    width: 100%!important;
    margin-bottom: 12px!important
}

app-lead-add-edit .AddEditBlog .form_field_wrapperPractice_Notes {
    width: 100%!important
}

app-lead-add-edit .AddEditBlog .form_field_wrapperstatusgroup {
    width: 100%!important
}

.addeditformuserlead .libformclass .form_field_wrapper {
    width: 49.5%
}

.addeditformuserlead .libformclass .form_field_wrapperPractice_Notes {
    width: 100%!important
}

.addeditformuserlead .libformclass .form_field_wrapperWebsite {
    width: 100%!important
}

.addeditformuserlead .libformclass .form_field_wrapperstatusgroup {
    width: 100%!important
}

.addeditformuserlead .libformclass .form_field_wrapperstatus {
    width: 100%!important
}

.addeditformuserlead .libformclass .form_field_wrapperid {
    display: none
}

.addeditformuserlead .libformclass .form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.mat-dialog-container .AddEditBlog .form_field_wrapper {
    width: 100%
}

app-contact-add-edit .AddEditBlog .form_field_wrappertopcontract {
    width: 100%
}

app-contact-add-edit .AddEditBlog .form_field_wrappertarmsspecification {
    width: 100%!important;
    margin-top: 10px!important
}

app-contact-add-edit .AddEditBlog .form_field_wrapperbuttomcontract {
    width: 100%;
    margin-top: 10px!important
}

app-contact-add-edit .AddEditBlog .form_field_wrappernotes {
    width: 100%;
    margin-top: 10px!important
}

app-contact-add-edit .AddEditBlog .form_field_wrappercontractname {
    width: 49.5%
}

app-jobticket-add-edit .AddEditBlog .form_field_wrapperticket_title {
    width: 49.5%
}

app-jobticket-add-edit .AddEditBlog .form_field_wrapperticket_category {
    width: 49.5%
}

app-jobticket-add-edit .AddEditBlog .form_field_wrapperdetails {
    width: 100%
}

app-jobticket-add-edit .AddEditBlog .form_field_wrapperscreenshots {
    width: 100%;
    margin-top: 10px!important
}

app-jobticket-add-edit .AddEditBlog .form_field_wrapperpriority {
    width: 100%
}

app-category-add-edit .AddEditBlog .form_field_wrappercategory_name {
    width: 49.5%
}

app-category-add-edit .AddEditBlog .form_field_wrappercategory_priority {
    width: 49.5%
}

app-category-add-edit .AddEditBlog .form_field_wrappercategory_description {
    width: 100%
}

app-category-add-edit .AddEditBlog .form_field_wrapperparent_category_id {
    width: 100%
}

app-category-add-edit .AddEditBlog .form_field_wrapperstatus {
    width: 100%
}

app-commission-add .AddEditBlog .form_field_wrappertech_id {
    width: 100%!important
}

app-product-add-edit .AddEditBlog .form_field_wrapper {
    width: 100%!important
}

app-jobticket-category-add-edit .AddEditBlog .form_field_wrappercategory_name {
    width: 100%!important
}

app-jobticket-category-add-edit .AddEditBlog .form_field_wrapperdescription {
    width: 100%!important
}

app-jobticket-category-add-edit .AddEditBlog .form_field_wrapperuser_type {
    width: 49.5%!important
}

app-jobticket-category-add-edit .AddEditBlog .form_field_wrapperpriority {
    width: 49.5%!important
}

app-faqaddedit .AddEditBlog .form_field_wrapperquestion {
    width: 100%!important
}

app-faqaddedit .AddEditBlog .form_field_wrapperanswer {
    width: 100%!important
}

app-faqaddedit .AddEditBlog .form_field_wrapperquestioncategory {
    width: 49.5%!important
}

app-faqaddedit .AddEditBlog .form_field_wrapperuser_role {
    width: 49.5%!important
}

app-faqaddedit .AddEditBlog .form_field_wrapperYoutubeid {
    width: 49.5%!important
}

app-faqaddedit .AddEditBlog .form_field_wrapperpriority {
    width: 49.5%!important
}

app-faqcategoryaddedit .AddEditBlog .form_field_wrapper {
    width: 100%!important
}

app-my-account .AddEditBlog .form_field_wrapper {
    width: 32.5%!important
}

app-my-account .AddEditBlog .form_field_wrapperfirstname {
    width: 32.5%!important
}

app-my-account .AddEditBlog .form_field_wrapperaddress {
    width: 100%!important
}

app-my-account .AddEditBlog .form_field_wrappertype {
    display: none
}

.Contactnewformlist form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.Contactnewformlist form .form_field_wrapper {
    width: 49.5%
}

.Contactnewformlist form .form_field_wrapperisSignee {
    width: 100%
}

.Contactnewformlist form .form_field_wrapperOther_State {
    width: 32.5%
}

.Contactnewformlist form .form_field_wrapperOther_Zip {
    width: 32.5%
}

.Contactnewformlist form .form_field_wrapperOther_Country {
    width: 32.5%
}

.Contactnewformlist form .form_field_wrapperleadID {
    display: none
}

.Contactnewformlist .form_field_wrapperSalutation {
    width: 28%!important
}

.Contactnewformlist .form_field_wrapperFirst_Name {
    width: 35%!important;
    margin: 0!important;
    display: inline-block
}

.Contactnewformlist .form_field_wrapperLast_Name {
    width: 35%!important;
    display: inline-block
}

.Contactnewformlist form .form_field_wrapperstatusgroup {
    width: 100%
}

.Contactnewformlist form .form_field_wrapperOther_City {
    width: 100%;
    width: 100%
}

.searchForm_body_share_link .mat-form-field-label-wrapper {
    height: 40px;
    top: -24px
}

.ChangePassword_form form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.ChangePassword_form form .form_field_wrapperpassword {
    width: 49.5%
}

.ChangePassword_form form .form_field_wrapperconfirmpassword {
    width: 49.5%
}

@font-face {
    font-family: 'HelveticaRegular';
    src: url(../fonts/Helvetica.eot);
    src: url(../fonts/Helvetica.eot?#iefix) format("embedded-opentype"), url(../fonts/Helvetica.woff2) format("woff2"), url(../fonts/Helvetica.woff) format("woff"), url(../fonts/Helvetica.ttf) format("truetype"), url(../fonts/Helvetica.svg#Helvetica) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Helveticabold';
    src: url(../fonts/Helvetica-Bold.eot);
    src: url(../fonts/Helvetica-Bold.eot?#iefix) format("embedded-opentype"), url(../fonts/Helvetica-Bold.woff2) format("woff2"), url(../fonts/Helvetica-Bold.woff) format("woff"), url(../fonts/Helvetica-Bold.ttf) format("truetype"), url(../fonts/Helvetica-Bold.svg#Helvetica-Bold) format("svg");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: 'RobotoBold';
    src: url(../fonts/Roboto-Bold.eot);
    src: url(../fonts/Roboto-Bold.eot?#iefix) format("embedded-opentype"), url(../fonts/Roboto-Bold.woff2) format("woff2"), url(../fonts/Roboto-Bold.woff) format("woff"), url(../fonts/Roboto-Bold.ttf) format("truetype"), url(../fonts/Roboto-Bold.svg#Roboto-Bold) format("svg");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: 'RobotoMedium';
    src: url(../fonts/Roboto-Medium.eot);
    src: url(../fonts/Roboto-Medium.eot?#iefix) format("embedded-opentype"), url(../fonts/Roboto-Medium.woff2) format("woff2"), url(../fonts/Roboto-Medium.woff) format("woff"), url(../fonts/Roboto-Medium.ttf) format("truetype"), url(../fonts/Roboto-Medium.svg#Roboto-Medium) format("svg");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: 'RobotoRegular';
    src: url(../fonts/Roboto-Regular.eot);
    src: url(../fonts/Roboto-Regular.eot?#iefix) format("embedded-opentype"), url(../fonts/Roboto-Regular.woff2) format("woff2"), url(../fonts/Roboto-Regular.woff) format("woff"), url(../fonts/Roboto-Regular.ttf) format("truetype"), url(../fonts/Roboto-Regular.svg#Roboto-Regular) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'RobotoBlack';
    src: url(../fonts/Roboto-Black.eot);
    src: url(../fonts/Roboto-Black.eot?#iefix) format("embedded-opentype"), url(../fonts/Roboto-Black.woff2) format("woff2"), url(../fonts/Roboto-Black.woff) format("woff"), url(../fonts/Roboto-Black.ttf) format("truetype"), url(../fonts/Roboto-Black.svg#Roboto-Black) format("svg");
    font-weight: 900;
    font-style: normal
}

.trainingeditor {
    background-color: #0d0a00
}

.trainingeditorlogo {
    max-width: 380px;
    display: block;
    margin: 0 auto;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 18px 22px 10px;
    background-color: #fff
}

.trainingeditorlogo img {
    border: none!important;
    max-width: 100%
}

.trainingeditorimg {
    max-width: 482px;
    display: block;
    margin: 0 auto
}

.trainingeditorimg img {
    border: none!important;
    max-width: 100%
}

.trainingeditorcontent {
    position: relative;
    background: #262626
}

.trainingeditorcontentinner {
    position: relative;
    margin: 0;
    padding: 20px 0;
    z-index: 4
}

.trainingeditorcontentinner h2 {
    padding: 0;
    margin: 0
}

.trainingeditorcontentinner p {
    padding: 0;
    margin: 0
}

.trainingeditorcontentinner ul {
    padding: 0;
    margin: 0
}

.trainingeditorcontentinner ul li {
    padding: 0;
    margin: 0
}

.trainingeditorcontentinner ul li:last-child {
    margin-bottom: 0!important
}

.trainingeditor img {
    border: none!important;
    max-width: 100%
}

.trainingeditor.welcomeonboard .trainingeditorcontentinner ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    max-width: 96%;
    margin: 0 auto
}

.trainingeditor.welcomeonboard .trainingeditorcontentinner ul li {
    text-align: center;
    margin: 1%;
    padding: 0;
    flex: 1
}

.trainingeditor.welcomeonboard .trainingeditorcontentinner ul li:nth-child(2) {
    margin-top: 22px
}

.trainingeditor.welcomeonboard .trainingeditorcontentinner ul li:nth-child(3) {
    margin-top: 36px
}

.trainingeditor.welcomeonboard .trainingeditorcontentinner ul li img {
    width: 100%
}

.trainingeditor.welcomeonboard {
    background: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/onboard_welcome_bg.jpg) center no-repeat!important;
    margin-bottom: 0;
    background-size: 100% 100%!important;
    padding: 0!important;
    border-radius: 0!important;
    overflow: hidden
}

.trainingeditor.welcomeonboard .trainingeditortop {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/onboard_welcome_contentblocktop.png);
    background-size: 100% 69px;
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    z-index: 1;
    width: 100%;
    height: 69px;
    top: -68px
}

.trainingeditor.welcomeonboard .trainingeditorbottom {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/onboard_welcome_contentblockbottom.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    z-index: 2;
    width: 100%;
    min-height: 140px;
    bottom: 0
}

.trainingeditor.welcomeonboard .trainingeditorcontentwrapper {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/onboard_welcome_contentblockgradient.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    z-index: 3;
    width: 100%;
    height: 430px;
    margin-top: -38%
}

.trainingeditor.welcomeonboard .trainingeditorcontentinner h2 {
    display: block;
    font-size: 37.5px;
    font-family: 'Helveticabold';
    line-height: 38px;
    text-align: center;
    background: #fff;
    background-image: -webkit-linear-gradient(top, #fff 0%, #fff 45%, #cbd5da 46%, #cbd5da 100%);
    background-image: -moz-linear-gradient(top, #fff 0%, #fff 45%, #cbd5da 46%, #cbd5da 100%);
    background-image: -o-linear-gradient(top, #fff 0%, #fff 45%, #cbd5da 46%, #cbd5da 100%);
    background-image: linear-gradient(to bottom, #fff 0%, #fff 45%, #cbd5da 46%, #cbd5da 100%);
    white-space: normal;
    word-break: break-word;
    display: inline-block;
    word-wrap: normal;
    resize: none;
    box-sizing: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
    text-transform: uppercase;
    width: 100%
}

.trainingeditor.welcomeonboard .trainingeditorcontentinner p {
    display: block;
    font-size: 21px;
    font-family: 'OpenSansRegular';
    line-height: 24px;
    text-align: center;
    color: #fff;
    position: relative;
    width: 100%;
    margin-top: 10px
}

.trainingeditor.welcomeonboard .trainingeditorcontentinner p a,
.trainingeditor.welcomeonboard .trainingeditorcontentinner p a:hover {
    color: #ffed00;
    text-decoration: none
}

.trainingeditor.salesopertrain .trainingeditorlogo {
    max-width: 380px;
    display: block;
    margin: 0 auto 0 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 18px 22px 10px
}

.trainingeditor.salesopertrain .trainingeditorinner {
    padding-top: 25px
}

.trainingeditor.salesopertrain {
    background: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/onboard_sot_bg.jpg) center no-repeat!important;
    margin-bottom: 0;
    background-size: 100% 100%!important;
    padding: 0!important;
    border-radius: 0!important;
    overflow: hidden
}

.trainingeditor.salesopertrain .trainingeditortop {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/onboard_sot_contentblocktop.png);
    background-size: 100% 72px;
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    z-index: 1;
    width: 100%;
    height: 72px;
    top: -70px
}

.trainingeditor.salesopertrain .trainingeditorbottom {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/onboard_welcome_contentblockbottom.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    z-index: 2;
    width: 100%;
    min-height: 78px;
    bottom: 0
}

.trainingeditor.salesopertrain .trainingeditorcontentwrapper {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/onboard_welcome_contentblockgradient.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    z-index: 3;
    width: 100%;
    height: 106px;
    margin-top: -12%
}

.trainingeditor.salesopertrain .trainingeditorcontent {
    margin-top: -5%
}

.trainingeditor.salesopertrain .trainingeditortopcontent .trainingeditorleft h1 {
    display: block;
    font-family: 'Helveticabold';
    font-size: 26px;
    line-height: 28px;
    text-align: left;
    background: #fff;
    background-image: -webkit-linear-gradient(top, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    background-image: -moz-linear-gradient(top, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    background-image: -o-linear-gradient(top, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    background-image: linear-gradient(to bottom, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    white-space: normal;
    word-break: break-word;
    display: inline-block;
    word-wrap: normal;
    resize: none;
    box-sizing: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
    text-transform: uppercase;
    width: 100%;
    -webkit-filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5))
}

.trainingeditor.salesopertrain .trainingeditortopcontent {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    max-width: 96%;
    margin: 10px auto 115px;
    position: relative
}

.trainingeditor.salesopertrain .trainingeditorimg {
    width: 297px;
    max-width: inherit;
    margin-top: 0;
    position: absolute;
    right: 0;
    bottom: -115px
}

.trainingeditor.salesopertrain .trainingeditorleft p {
    font-size: 17px;
    margin: 0
}

.trainingeditor.salesopertrain .trainingeditorleft {
    max-width: 65%
}

.trainingeditor.salesopertrain .trainingeditorcontentinner h2 {
    display: block;
    font-size: 29px;
    font-family: 'Helveticabold';
    line-height: 30px;
    text-align: left;
    background: #fff;
    background-image: -webkit-linear-gradient(top, #fff 0%, #fff 45%, #cbd5da 46%, #cbd5da 100%);
    background-image: -moz-linear-gradient(top, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    background-image: -o-linear-gradient(top, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    background-image: linear-gradient(to bottom, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    white-space: normal;
    word-break: break-word;
    display: inline-block;
    word-wrap: normal;
    resize: none;
    box-sizing: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
    text-transform: uppercase;
    width: 100%;
    -webkit-filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5))
}

.trainingeditor.salesopertrain .trainingeditorcontentinner {
    padding: 20px
}

.trainingeditor.OpCEOsbio .trainingeditorlogo {
    max-width: 380px;
    display: block;
    margin: 0 auto 0 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 18px 22px 10px
}

.trainingeditor.OpCEOsbio .trainingeditorinner {
    padding-top: 25px
}

.trainingeditor.OpCEOsbio {
    background: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/onboard_sot_bg.jpg) center no-repeat!important;
    margin-bottom: 0;
    background-size: 100% 100%!important;
    padding: 0!important;
    border-radius: 0!important;
    overflow: hidden
}

.trainingeditor.OpCEOsbio .trainingeditortop {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/onboard_OpCEOsbio_contentblocktop.png);
    background-size: 100% 76px;
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    z-index: 1;
    width: 100%;
    height: 76px;
    top: -76px
}
/* .body_preview button{
    background: url(../images/preview_email.png)no-repeat center center;
    background-size: 20px 20px;
    font-size: 0;
    padding: 2px;
    min-width: unset;
    border-radius: 0 !important;
    box-shadow: none !important;
    width: 25px;
    background-color: transparent !important;
} */

.body_preview button {
    font-size: 0!important;
    display: block!important;
    background: #7ec8e6 url(../images/preview_email.png) no-repeat!important;
    width: 30px!important;
    min-width: 0!important;
    border-radius: 4px!important;
    margin: 5px!important;
    height: 28px!important;
    background-position: center!important;
    background-size: 20px!important;
    padding: 0!important;
}

.trainingeditor.OpCEOsbio .trainingeditorbottom {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/onboard_welcome_contentblockbottom.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    z-index: 2;
    width: 100%;
    min-height: 180px;
    bottom: 0
}

.trainingeditor.OpCEOsbio .trainingeditorcontentwrapper {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/onboard_welcome_contentblockgradient.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    z-index: 3;
    width: 100%;
    height: 285px;
    margin-top: -32%
}

.trainingeditor.OpCEOsbio .trainingeditorcontent {
    margin-top: 0;
    background: #191919
}

.trainingeditor.OpCEOsbio .trainingeditortopcontent .trainingeditorleft h1 {
    display: block;
    font-family: 'Helveticabold';
    font-size: 26px;
    line-height: 28px;
    text-align: left;
    background: #fff;
    background-image: -webkit-linear-gradient(top, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    background-image: -moz-linear-gradient(top, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    background-image: -o-linear-gradient(top, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    background-image: linear-gradient(to bottom, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    white-space: normal;
    word-break: break-word;
    display: inline-block;
    word-wrap: normal;
    resize: none;
    box-sizing: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
    text-transform: uppercase;
    width: 100%;
    -webkit-filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5))
}

.trainingeditor.OpCEOsbio .trainingeditortopcontent {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    max-width: 96%;
    margin: 10px auto 46px;
    position: relative
}

.trainingeditor.OpCEOsbio .trainingeditorimg {
    width: 260px;
    max-width: inherit;
    position: absolute;
    bottom: -46px;
    right: 0
}

.trainingeditor.OpCEOsbio .trainingeditorleft {
    max-width: 69%
}

.trainingeditor.OpCEOsbio .trainingeditorcontentinner {
    padding: 20px
}

.trainingeditor.OpCEOsbio .trainingeditorcontentinner ul li {
    font-family: 'HelveticaRegular';
    font-size: 14px;
    line-height: 16px;
    text-align: left;
    color: #fff;
    margin-bottom: 13px;
    border-left: 3px solid #0094ff;
    padding-left: 8px;
    list-style: none;
    display: inline-block
}

.trainingeditor.OpCEOsbio .trainingeditorcontentinner ul li span {
    color: #ffdf00
}

.trainingeditor.Salesopportunitiesoffer .trainingeditorcontentinner ul li img {
    width: 100%
}

.trainingeditor.Salesopportunitiesoffer {
    background: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/onboard_salesopportunitiesoffer_bg.jpg) right top no-repeat!important;
    margin-bottom: 0;
    background-size: 100% 100%!important;
    padding: 0!important;
    border-radius: 0!important;
    overflow: hidden
}

.trainingeditor.Salesopportunitiesoffer .trainingeditortop {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/onboard_welcome_contentblocktop.png);
    background-size: 100% 105px;
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    z-index: 1;
    width: 100%;
    height: 105px;
    top: -105px
}

.trainingeditor.Salesopportunitiesoffer .trainingeditorbottom {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/onboard_welcome_contentblockbottom.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    z-index: 2;
    width: 100%;
    min-height: 210px;
    bottom: 0
}

.trainingeditor.Salesopportunitiesoffer .trainingeditorcontentwrapper {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/onboard_welcome_contentblockgradient.png);
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    z-index: 3;
    width: 100%;
    height: 366px;
    margin-top: -41%
}

.trainingeditor.Salesopportunitiesoffer .trainingeditorcenter {
    max-width: 100%;
    padding-bottom: 50px
}

.trainingeditor.Salesopportunitiesoffer .trainingeditorcenter h1 {
    display: block;
    font-size: 42px;
    font-family: 'Helveticabold';
    line-height: 42px;
    text-align: center;
    background: #fff;
    background-image: -webkit-linear-gradient(top, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    background-image: -moz-linear-gradient(top, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    background-image: -o-linear-gradient(top, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    background-image: linear-gradient(to bottom, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    white-space: normal;
    word-break: break-word;
    display: inline-block;
    word-wrap: normal;
    resize: none;
    box-sizing: border-box;
    -webkit-background-clip: text;
    -webkit-filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
    -webkit-text-fill-color: transparent;
    position: relative;
    text-transform: uppercase;
    width: 100%
}

.trainingeditorcontentinner ul li {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    max-width: 96%;
    margin: 0 auto
}

.trainingeditorcontentinner ul li ul {
    text-align: center;
    margin: 1%;
    padding: 0;
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center
}

.trainingeditor.QualifyBPFC .trainingeditorlogo {
    max-width: 380px;
    display: block;
    margin: 0 auto 0 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 18px 22px 10px
}

.trainingeditor.QualifyBPFC .trainingeditorinner {
    padding-top: 25px
}

.trainingeditor.QualifyBPFC {
    background: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/onboard_qualifybpfc_bg.jpg) center no-repeat!important;
    margin-bottom: 0;
    background-size: 100% 100%!important;
    padding: 0!important;
    border-radius: 0!important;
    overflow: hidden
}

.trainingeditor.QualifyBPFC .trainingeditortop {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/onboard_OpCEOsbio_contentblocktop.png);
    background-size: 100% 76px;
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    z-index: 1;
    width: 100%;
    height: 76px;
    top: -76px
}

.trainingeditor.QualifyBPFC .trainingeditorbottom {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/onboard_welcome_contentblockbottom.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    z-index: 2;
    width: 100%;
    min-height: 180px;
    bottom: 0
}

.trainingeditor.QualifyBPFC .trainingeditorcontentwrapper {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/onboard_welcome_contentblockgradient.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    z-index: 3;
    width: 100%;
    height: 285px;
    margin-top: -32%
}

.trainingeditor.QualifyBPFC .trainingeditorcontent {
    margin-top: 45px;
    background: #191919
}

.trainingeditor.QualifyBPFC .trainingeditortopcontent .trainingeditorleft h1 {
    display: block;
    font-family: 'Helveticabold';
    font-size: 26px;
    line-height: 28px;
    text-align: left;
    background: #fff;
    background-image: -webkit-linear-gradient(top, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    background-image: -moz-linear-gradient(top, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    background-image: -o-linear-gradient(top, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    background-image: linear-gradient(to bottom, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    white-space: normal;
    word-break: break-word;
    display: inline-block;
    word-wrap: normal;
    resize: none;
    box-sizing: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
    text-transform: uppercase;
    width: 100%;
    -webkit-filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
    margin: 5px 0
}

.trainingeditor.QualifyBPFC .trainingeditortopcontent {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    max-width: 96%;
    margin: 10px auto 0
}

.trainingeditor.QualifyBPFC .trainingeditorimg {
    width: 244px;
    max-width: inherit;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 9999
}

.trainingeditor.QualifyBPFC .trainingeditorleft {
    max-width: 69%
}

.trainingeditor.QualifyBPFC .trainingeditorcontentinner {
    padding: 5px 20px 15px
}

.trainingeditor.QualifyBPFC .trainingeditorcontentinner ul {
    max-width: 66%
}

.trainingeditor.QualifyBPFC .trainingeditorcontentinner ul li {
    font-family: 'HelveticaRegular';
    font-size: 14px;
    line-height: 16px;
    text-align: left;
    color: #fff;
    margin-bottom: 13px;
    border-left: 3px solid #0094ff;
    padding-left: 8px;
    list-style: none;
    display: inline-block;
    width: 100%
}

.trainingeditor.QualifyBPFC .trainingeditorcontentinner ul li span {
    color: #ffdf00
}

.trainingeditor.QualifyBPFC .trainingeditorleft p {
    font-size: 17px;
    margin: 0;
    line-height: 20px;
    -webkit-filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
    color: #fff;
    font-family: 'HelveticaRegular'
}

.trainingeditor.apogeeinvent .trainingeditorlogo {
    max-width: 380px;
    display: block;
    margin: 0 auto 0 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 18px 22px 10px
}

.trainingeditor.apogeeinvent .trainingeditorinner {
    padding-top: 25px
}

.trainingeditor.apogeeinvent {
    background: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/onboard_apogeeinvent_bg.jpg) center no-repeat!important;
    margin-bottom: 0;
    background-size: 100% 100%!important;
    padding: 0!important;
    border-radius: 0!important;
    overflow: hidden
}

.trainingeditor.apogeeinvent .trainingeditortop {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/onboard_sot_contentblocktop.png);
    background-size: 100% 160px;
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    z-index: 1;
    width: 100%;
    height: 160px;
    top: -160px
}

.trainingeditor.apogeeinvent .trainingeditorbottom {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/onboard_welcome_contentblockbottom.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    z-index: 2;
    width: 100%;
    min-height: 183px;
    bottom: 0
}

.trainingeditor.apogeeinvent .trainingeditorcontentwrapper {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/onboard_welcome_contentblockgradient.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    z-index: 3;
    width: 100%;
    height: 268px;
    margin-top: -30%
}

.trainingeditor.apogeeinvent .trainingeditorcontent {
    margin-top: 0
}

.trainingeditor.apogeeinvent .trainingeditortopcontent {
    display: flex;
    justify-content: flex-end;
    align-items: stretch;
    max-width: 96%;
    margin: 10px auto 160px;
    position: relative
}

.trainingeditor.apogeeinvent .trainingeditorimg {
    width: 340px;
    max-width: inherit;
    margin-top: 0;
    position: absolute;
    right: 0;
    bottom: -160px
}

.trainingeditor.apogeeinvent .trainingeditorcontentinner p {
    font-size: 17px;
    margin: 0;
    line-height: 20px;
    -webkit-filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
    color: #fff;
    font-family: 'HelveticaRegular';
    text-align: center;
    color: #fff
}

.trainingeditor.apogeeinvent .trainingeditorcontentinner p span {
    color: #ffdf00
}

.trainingeditor.apogeeinvent .trainingeditorcontentinner {
    max-width: 100%
}

.trainingeditor.apogeeinvent .trainingeditorcontentinner h2 {
    display: block;
    font-size: 29px;
    font-family: 'Helveticabold';
    line-height: 30px;
    text-align: center;
    background: #ffed00;
    background-image: -webkit-linear-gradient(top, #ffed00 0%, #ffed00 45%, #ffed00 46%, #ffed00 100%);
    background-image: -moz-linear-gradient(top, #ffed00 0%, #ffed00 45%, #ffed00 46%, #ffed00 100%);
    background-image: -o-linear-gradient(top, #ffed00 0%, #ffed00 45%, #ffed00 46%, #ffed00 100%);
    background-image: linear-gradient(to bottom, #ffed00 0%, #ffed00 45%, #ffed00 46%, #ffed00 100%);
    white-space: normal;
    word-break: break-word;
    display: inline-block;
    word-wrap: normal;
    resize: none;
    box-sizing: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
    text-transform: uppercase;
    width: 100%;
    -webkit-filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
    margin-top: 25px
}

.trainingeditor.apogeeinvent .trainingeditorcontentinner h2:after {
    content: '';
    width: 35%;
    height: 2px;
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    background-image: linear-gradient(to right, rgba(255, 237, 0, 1), rgba(255, 237, 0, 0))
}

.trainingeditor.apogeeinvent .trainingeditorcontentinner h2:before {
    content: '';
    width: 35%;
    height: 2px;
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    background-image: linear-gradient(to left, rgba(255, 237, 0, 1), rgba(255, 237, 0, 0))
}

.trainingeditor.apogeeinvent .trainingeditorcontentinner {
    padding: 20px
}

.trainingeditor.apogeeinvent .trainingeditorcontentinner ul {
    max-width: 100%;
    text-align: center;
    margin-top: 5px
}

.trainingeditor.apogeeinvent .trainingeditorcontentinner ul li {
    font-family: 'Helveticabold';
    font-size: 18px;
    line-height: 18px;
    text-align: left;
    color: #00b9fd;
    margin-bottom: 5px;
    list-style: none;
    display: inline-block;
    text-transform: uppercase;
    margin-right: 15px
}

.trainingeditor.apogeeinvent .trainingeditorcontentinner ul li:last-child {
    margin-right: 0!important
}

.trainingeditor.apogeeinvent .trainingeditorcontentinner ul li span {
    color: #fff
}

.trainingeditor.hps .trainingeditorlogo {
    max-width: 336px;
    display: block;
    margin: 0 auto 0 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 10px;
    height: 108px;
    z-index: 9;
    position: relative
}

.trainingeditor.hps .trainingeditorlogo img {
    height: 100%;
    width: auto;
    margin: 0 auto;
    display: block
}

.trainingeditor.hps .trainingeditorinner {
    padding-top: 25px;
    position: relative
}

.trainingeditor.hps {
    background: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/onboard_hps_bg.jpg) center no-repeat!important;
    margin-bottom: 0;
    background-size: 100% 100%!important;
    padding: 0!important;
    border-radius: 0!important;
    overflow: hidden
}

.trainingeditor.hps .trainingeditortop {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/onboard_welcome_contentblocktop.png);
    background-size: 100% 105px;
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    z-index: 1;
    width: 100%;
    height: 105px;
    top: -104px
}

.trainingeditor.hps .trainingeditorbottom {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/onboard_welcome_contentblockbottom.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    z-index: 2;
    width: 100%;
    min-height: 130px;
    bottom: 0
}

.trainingeditor.hps .trainingeditorcontentwrapper {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/onboard_welcome_contentblockgradient.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    z-index: 3;
    width: 100%;
    height: 308px;
    margin-top: -25%
}

.trainingeditor.hps .trainingeditorcontent {
    margin-top: 125px;
    background: #262626
}

.trainingeditor.hps .trainingeditortopcontent {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    max-width: 96%;
    margin: 10px auto 0
}

.trainingeditor.hps .trainingeditorimg {
    width: 500px;
    max-width: inherit;
    margin-top: 0;
    position: absolute;
    right: 0;
    top: 0
}

.trainingeditor.hps .trainingeditorcontentinner {
    padding: 20px
}

.trainingeditor.hps .trainingeditorcontentinner ul li {
    font-family: 'HelveticaRegular';
    font-size: 14px;
    line-height: 16px;
    text-align: left;
    color: #fff;
    margin-bottom: 13px;
    border-left: 3px solid #0094ff;
    padding-left: 8px;
    list-style: none;
    display: inline-block
}

.trainingeditor.hps .trainingeditorcontentinner ul li span {
    color: #ffdf00
}

.trainingeditor.uta .trainingeditorlogo {
    max-width: 336px;
    display: block;
    margin: 0 auto 0 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 10px;
    height: auto;
    z-index: 9;
    position: relative
}

.trainingeditor.uta .trainingeditorlogo img {
    height: auto;
    width: 100%;
    margin: 0 auto;
    display: block
}

.trainingeditor.uta .trainingeditorinner {
    padding-top: 25px;
    position: relative
}

.trainingeditor.uta {
    background: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/onboard_uta_bg.jpg) center no-repeat!important;
    margin-bottom: 0;
    background-size: 100% 100%!important;
    padding: 0!important;
    border-radius: 0!important;
    overflow: hidden
}

.trainingeditor.uta .trainingeditortop {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/onboard_welcome_contentblocktop.png);
    background-size: 100% 105px;
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    z-index: 1;
    width: 100%;
    height: 105px;
    top: -104px
}

.trainingeditor.uta .trainingeditorbottom {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/onboard_welcome_contentblockbottom.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    z-index: 2;
    width: 100%;
    min-height: 130px;
    bottom: 0
}

.trainingeditor.uta .trainingeditorcontentwrapper {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/onboard_welcome_contentblockgradient.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    z-index: 3;
    width: 100%;
    height: 312px;
    margin-top: -35%
}

.trainingeditor.uta .trainingeditorcontent {
    margin-top: 125px;
    background: #262626
}

.trainingeditor.uta .trainingeditortopcontent {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    max-width: 96%;
    margin: 10px auto 0
}

.trainingeditor.uta .trainingeditorimg {
    width: 500px;
    max-width: inherit;
    margin-top: 0;
    position: absolute;
    right: 0;
    top: 0
}

.trainingeditor.uta .trainingeditorcontentinner {
    padding: 20px
}

.trainingeditor.uta .trainingeditorcontentinner ul li {
    font-family: 'HelveticaRegular';
    font-size: 14px;
    line-height: 16px;
    text-align: left;
    color: #fff;
    border-left: 3px solid #0094ff;
    padding-left: 8px;
    list-style: none;
    display: inline-block;
    max-width: 92%;
    margin: 0
}

.trainingeditor.uta .trainingeditorcontentinner ul li span {
    color: #ffdf00
}

.trainingeditor.uta .trainingeditorcontentinner .boxlist ul {
    margin-top: 16px;
    padding-left: 3px
}

.trainingeditor.uta .trainingeditorcontentinner .boxlist ul li {
    font-family: 'Helveticabold';
    font-size: 16px;
    line-height: 16px;
    text-align: left;
    color: #fff;
    border: none;
    padding-left: 24px;
    list-style: none;
    display: block;
    text-transform: uppercase;
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/boxlisttype.png);
    background-size: 16px;
    display: block;
    background-repeat: no-repeat;
    background-position: left center;
    margin: 0 0 14px!important
}

.trainingeditor.medworldone .trainingeditorlogo {
    max-width: 336px;
    display: block;
    margin: 0 auto 0 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 10px;
    height: auto;
    z-index: 9;
    position: relative
}

.trainingeditor.medworldone .trainingeditorlogo img {
    height: auto;
    width: 100%;
    margin: 0 auto;
    display: block
}

.trainingeditor.medworldone .trainingeditorinner {
    padding-top: 25px;
    position: relative
}

.trainingeditor.medworldone {
    background: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/onboard_medworldone_bg.jpg) center no-repeat!important;
    margin-bottom: 0;
    background-size: 100% 100%!important;
    padding: 0!important;
    border-radius: 0!important;
    overflow: hidden
}

.trainingeditor.medworldone .trainingeditortop {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/onboard_welcome_contentblocktop.png);
    background-size: 100% 105px;
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    z-index: 1;
    width: 100%;
    height: 105px;
    top: -104px
}

.trainingeditor.medworldone .trainingeditorbottom {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/onboard_welcome_contentblockbottom.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    z-index: 2;
    width: 100%;
    min-height: 235px;
    bottom: 0
}

.trainingeditor.medworldone .trainingeditorcontentwrapper {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/onboard_welcome_contentblockgradient.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    z-index: 3;
    width: 100%;
    height: 373px;
    margin-top: -42%
}

.trainingeditor.medworldone .trainingeditorcontent {
    margin-top: 125px;
    background: #262626
}

.trainingeditor.medworldone .trainingeditortopcontent {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    max-width: 96%;
    margin: 10px auto 0
}

.trainingeditor.medworldone .trainingeditorimg {
    width: 500px;
    max-width: inherit;
    margin-top: 0;
    position: absolute;
    right: 0;
    top: 0
}

.trainingeditor.medworldone .trainingeditorcontentinner {
    padding: 20px
}

.trainingeditor.medworldone .trainingeditorcontentinner ul li {
    font-family: 'HelveticaRegular';
    font-size: 14px;
    line-height: 16px;
    text-align: left;
    color: #fff;
    padding-left: 8px;
    list-style: none;
    display: inline-block;
    max-width: 92%;
    margin: 0;
    position: relative
}

.trainingeditor.medworldone .trainingeditorcontentinner ul li:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 3px;
    bottom: 60%;
    background-color: #0094ff;
    overflow: hidden
}

.trainingeditor.medworldone .trainingeditorcontentinner ul li span {
    color: #ffdf00
}

.trainingeditor.medworldone .trainingeditorcontentinner .boxlist ul {
    margin-top: 16px;
    padding-left: 3px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap
}

.trainingeditor.medworldone .trainingeditorcontentinner .boxlist ul li {
    font-family: 'HelveticaRegular';
    font-size: 16px;
    line-height: 16px;
    text-align: left;
    color: #fff;
    border: none;
    padding-left: 24px;
    list-style: none;
    display: block;
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/boxlisttype.png);
    background-size: 16px;
    display: block;
    background-repeat: no-repeat;
    background-position: left top;
    margin: 0 0 14px!important
}

.trainingeditor.medworldone .trainingeditorcontentinner h2 {
    display: block;
    font-size: 24px;
    font-family: 'Helveticabold';
    line-height: 24px;
    text-align: left;
    background: #ffed00;
    background-image: -webkit-linear-gradient(top, #ffed00 0%, #ffed00 45%, #ffed00 46%, #ffed00 100%);
    background-image: -moz-linear-gradient(top, #ffed00 0%, #ffed00 45%, #ffed00 46%, #ffed00 100%);
    background-image: -o-linear-gradient(top, #ffed00 0%, #ffed00 45%, #ffed00 46%, #ffed00 100%);
    background-image: linear-gradient(to bottom, #ffed00 0%, #ffed00 45%, #ffed00 46%, #ffed00 100%);
    white-space: normal;
    word-break: break-word;
    display: inline-block;
    word-wrap: normal;
    resize: none;
    box-sizing: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
    text-transform: uppercase;
    width: 100%;
    -webkit-filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
    margin-top: 15px;
    margin-bottom: 0
}

.trainingeditor.medworldone .trainingeditorcontentinner .boxlist ul li:nth-child(4n+1) {
    flex: 1 1 28%
}

.trainingeditor.medworldone .trainingeditorcontentinner .boxlist ul li:nth-child(4n+2) {
    flex: 1 1 15%
}

.trainingeditor.medworldone .trainingeditorcontentinner .boxlist ul li:nth-child(4n+3) {
    flex: 1 1 16%
}

.trainingeditor.medworldone .trainingeditorcontentinner .boxlist ul li:nth-child(4n+4) {
    flex: 1 1 20%
}

.trainingeditor.jointventureprogram .trainingeditorlogo {
    max-width: 336px;
    display: block;
    margin: 0 auto 0 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 10px
}

.trainingeditor.jointventureprogram .trainingeditorlogo img {
    height: auto;
    width: auto;
    margin: 0 auto;
    display: block
}

.trainingeditor.jointventureprogram .trainingeditorinner {
    padding-top: 25px;
    position: relative
}

.trainingeditor.jointventureprogram {
    background: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/onboard_jointventureprogram_bg.jpg) center no-repeat!important;
    margin-bottom: 0;
    background-size: 100% 100%!important;
    padding: 0!important;
    border-radius: 0!important;
    overflow: hidden
}

.trainingeditor.jointventureprogram .trainingeditortop {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/onboard_welcome_contentblocktop.png);
    background-size: 100% 105px;
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    z-index: 1;
    width: 100%;
    height: 105px;
    top: -104px
}

.trainingeditor.jointventureprogram .trainingeditorbottom {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/onboard_welcome_contentblockbottom.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    z-index: 2;
    width: 100%;
    min-height: 235px;
    bottom: 0
}

.trainingeditor.jointventureprogram .trainingeditorcontentwrapper {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/onboard_welcome_contentblockgradient.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    z-index: 3;
    width: 100%;
    height: 373px;
    margin-top: -40%
}

.trainingeditor.jointventureprogram .trainingeditorcontent {
    margin-top: 125px;
    background: #262626
}

.trainingeditor.jointventureprogram .trainingeditortopcontent {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    max-width: 96%;
    margin: 10px auto 0
}

.trainingeditor.jointventureprogram .trainingeditorimg {
    width: 500px;
    max-width: inherit;
    margin-top: 0;
    position: absolute;
    right: 0;
    top: 0
}

.trainingeditor.jointventureprogram .trainingeditorcontentinner {
    padding: 20px
}

.trainingeditor.jointventureprogram .trainingeditorcontentinner ul li {
    font-family: 'HelveticaRegular';
    font-size: 14px;
    line-height: 16px;
    text-align: left;
    color: #fff;
    padding-left: 8px;
    list-style: none;
    display: inline-block;
    max-width: 92%;
    margin: 0;
    position: relative
}

.trainingeditor.jointventureprogram .trainingeditorcontentinner ul li:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 3px;
    bottom: 50%;
    background-color: #0094ff;
    overflow: hidden
}

.trainingeditor.jointventureprogram .trainingeditorcontentinner ul li span {
    color: #ffdf00
}

.trainingeditor.jointventureprogram .trainingeditorcontentinner .boxlist ul {
    margin-top: 16px;
    padding-left: 3px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap
}

.trainingeditor.jointventureprogram .trainingeditorcontentinner .boxlist ul li {
    font-family: 'HelveticaRegular';
    font-size: 16px;
    line-height: 16px;
    text-align: left;
    color: #fff;
    border: none;
    padding-left: 24px;
    list-style: none;
    display: block;
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/boxlisttype.png);
    background-size: 16px;
    display: block;
    background-repeat: no-repeat;
    background-position: left top;
    margin: 0 0 14px!important
}

.trainingeditor.jointventureprogram .trainingeditorcontentinner h2 {
    display: block;
    font-size: 24px;
    font-family: 'Helveticabold';
    line-height: 24px;
    text-align: left;
    background: #ffed00;
    background-image: -webkit-linear-gradient(top, #ffed00 0%, #ffed00 45%, #ffed00 46%, #ffed00 100%);
    background-image: -moz-linear-gradient(top, #ffed00 0%, #ffed00 45%, #ffed00 46%, #ffed00 100%);
    background-image: -o-linear-gradient(top, #ffed00 0%, #ffed00 45%, #ffed00 46%, #ffed00 100%);
    background-image: linear-gradient(to bottom, #ffed00 0%, #ffed00 45%, #ffed00 46%, #ffed00 100%);
    white-space: normal;
    word-break: break-word;
    display: inline-block;
    word-wrap: normal;
    resize: none;
    box-sizing: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
    text-transform: uppercase;
    width: 100%;
    -webkit-filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
    margin-top: 15px;
    margin-bottom: 0
}

.trainingeditor.jointventureprogram .trainingeditorcontentinner .boxlist ul li {
    flex: 1 1 47%
}

.trainingeditor.cosc .trainingeditorcontentinner ul li img {
    width: 96%;
    height: auto;
    max-height: inherit
}

.trainingeditor.cosc {
    background: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/onboard_cosc_bg.jpg) right top no-repeat!important;
    margin-bottom: 0;
    background-size: 100%!important;
    padding: 0!important;
    border-radius: 0!important;
    overflow: hidden
}

.trainingeditor.cosc .trainingeditortop {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/onboard_welcome_contentblocktop.png);
    background-size: 100% 105px;
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    z-index: 1;
    width: 100%;
    height: 105px;
    top: -105px
}

.trainingeditor.cosc .trainingeditorbottom {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/onboard_welcome_contentblockbottom.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    z-index: 2;
    width: 100%;
    min-height: 210px;
    bottom: 0
}

.trainingeditor.cosc .trainingeditorcontentwrapper {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/onboard_welcome_contentblockgradient.png);
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    z-index: 3;
    width: 100%;
    height: 366px;
    margin-top: -41%
}

.trainingeditor.cosc .trainingeditorcenter {
    max-width: 100%
}

.trainingeditor.cosc .trainingeditorcenter h1 {
    display: block;
    font-size: 42px;
    font-family: 'Helveticabold';
    line-height: 42px;
    text-align: center;
    background: #fff;
    background-image: -webkit-linear-gradient(top, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    background-image: -moz-linear-gradient(top, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    background-image: -o-linear-gradient(top, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    background-image: linear-gradient(to bottom, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    white-space: normal;
    word-break: break-word;
    display: inline-block;
    word-wrap: normal;
    resize: none;
    box-sizing: border-box;
    -webkit-background-clip: text;
    -webkit-filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
    -webkit-text-fill-color: transparent;
    position: relative;
    text-transform: uppercase;
    width: 100%
}

.trainingeditor.cosc .trainingeditorcontent {
    margin-top: 3%
}

.trainingeditor.cosc .trainingeditorcontentinner .featurelists .singlefeature ul li {
    font-family: 'HelveticaRegular';
    font-size: 11px;
    line-height: 15px;
    text-align: left;
    color: #fff;
    padding-left: 8px;
    list-style: none;
    display: inline-block;
    max-width: 92%;
    margin: 0;
    position: relative
}

.trainingeditor.cosc .trainingeditorcontentinner .featurelists .singlefeature ul li:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 3px;
    bottom: 0;
    background-color: #0094ff;
    overflow: hidden
}

.trainingeditor.cosc .trainingeditorcontentinner .featurelists {
    margin-top: 0;
    padding-left: 3px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    max-width: 96%;
    margin-left: auto;
    margin-right: auto
}

.trainingeditor.cosc .trainingeditorcontentinner .featurelists .singlefeature {
    flex: 1 1 22%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 5px
}

.trainingeditor.cosc .trainingeditorcontentinner .featurelists .singlefeature h3 {
    font-size: 17px;
    font-family: 'Helveticabold';
    line-height: 17px;
    text-align: left;
    background-image: -webkit-linear-gradient(left, #ffeb00, #ffcd00);
    background-image: -moz-linear-gradient(left, #ffeb00, #ffcd00);
    background-image: -ms-linear-gradient(left, #ffeb00, #ffcd00);
    background-image: -o-linear-gradient(left, #ffeb00, #ffcd00);
    background-image: linear-gradient(to right, #ffeb00, #ffcd00);
    white-space: normal;
    word-break: break-word;
    display: flex;
    word-wrap: normal;
    resize: none;
    box-sizing: border-box;
    position: relative;
    width: 100%;
    -webkit-filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
    margin-top: 0;
    margin-bottom: 0;
    color: #000;
    padding: 7px;
    align-items: center;
    border-radius: 3px;
    margin-bottom: 5px
}

z .trainingeditor.cosc .trainingeditorcontentinner .featurelists .singlefeature:nth-child(3n+1) {
    flex: 1 1 22%
}

.trainingeditor.cosc .trainingeditorcontentinner .featurelists .singlefeature:nth-child(3n+2) {
    flex: 1 1 26%
}

.trainingeditor.cosc .trainingeditorcontentinner .featurelists .singlefeature:nth-child(3n+3) {
    flex: 1 1 29%
}

.trainingeditor.cosc .trainingeditorcontentinner .featurelists .singlefeature:nth-child(4) {
    margin-top: -2%
}

.trainingeditor.cosc .trainingeditorcontentinner .featurelists .singlefeature:nth-child(5) {
    margin-top: -4%
}

.trainingeditor.cosc .trainingeditorcontentinner .logowrappercls {
    background-color: #f6f6f6;
    padding: 5px;
    border-radius: 10px;
    max-width: 96%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-top: 15px
}

.trainingeditor.cosc .trainingeditorcontentinner .logowrappercls ul {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap
}

.trainingeditor.cosc .trainingeditorcontentinner .logowrappercls ul li {
    flex: 1 1 14.66%;
    align-items: center;
    margin: 1%;
    position: relative;
    height: 50px
}

.trainingeditor.cosc .trainingeditorcontentinner .logowrappercls ul li:before {
    content: "";
    top: 0;
    left: -8px;
    position: absolute;
    height: 100%;
    width: 2px;
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(149, 149, 149, 1) 49%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(49%, rgba(149, 149, 149, 1)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(149, 149, 149, 1) 49%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(149, 149, 149, 1) 49%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(149, 149, 149, 1) 49%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(149, 149, 149, 1) 49%, rgba(255, 255, 255, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#fff', GradientType=1)
}

.trainingeditor.cosc .trainingeditorcontentinner .logowrappercls ul li:first-child:before {
    display: none
}

.trainingeditor.closedesksupport .trainingeditorcontentinner ul li img {
    width: 96%;
    height: auto;
    max-height: inherit
}

.trainingeditor.closedesksupport {
    background: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/onboard_closedesksupport_bg.jpg) right top no-repeat!important;
    margin-bottom: 0;
    background-size: 100% 100%!important;
    padding: 0!important;
    border-radius: 0!important;
    overflow: hidden
}

.trainingeditor.closedesksupport .trainingeditortop {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/onboard_welcome_contentblocktop.png);
    background-size: 100% 70px;
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    z-index: 1;
    width: 100%;
    height: 70px;
    top: -68px
}

.trainingeditor.closedesksupport .trainingeditorbottom {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/onboard_welcome_contentblockbottom.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    z-index: 2;
    width: 100%;
    min-height: 80px;
    bottom: 0
}

.trainingeditor.closedesksupport .trainingeditorcontentwrapper {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/onboard_welcome_contentblockgradient.png);
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    z-index: 3;
    width: 100%;
    height: 170px;
    margin-top: -20%
}

.trainingeditor.closedesksupport .trainingeditorcenter {
    max-width: 100%
}

.trainingeditor.closedesksupport .trainingeditorcenter h1 {
    display: block;
    font-size: 42px;
    font-family: 'Helveticabold';
    line-height: 42px;
    text-align: center;
    background: #fff;
    background-image: -webkit-linear-gradient(top, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    background-image: -moz-linear-gradient(top, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    background-image: -o-linear-gradient(top, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    background-image: linear-gradient(to bottom, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    white-space: normal;
    word-break: break-word;
    display: inline-block;
    word-wrap: normal;
    resize: none;
    box-sizing: border-box;
    -webkit-background-clip: text;
    -webkit-filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
    -webkit-text-fill-color: transparent;
    position: relative;
    text-transform: uppercase;
    width: 100%
}

.trainingeditor.closedesksupport .trainingeditorcontent {
    margin-top: 0
}

.trainingeditor.closedesksupport .trainingeditorcenter .trainingeditorimg {
    max-width: 620px;
    display: block;
    margin: 0 auto;
    margin-top: -5%
}

.trainingeditor.closedesksupport .trainingeditorcontentinner p {
    font-size: 17px;
    margin: 0;
    line-height: 20px;
    -webkit-filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
    color: #fff;
    font-family: 'HelveticaRegular';
    text-align: center;
    color: #fff;
    text-align: center;
    max-width: 76%;
    margin-left: auto;
    margin-right: auto
}

.trainingeditor.trainingcenter .trainingeditorcontentinner ul li img {
    width: 96%;
    height: auto;
    max-height: inherit
}

.trainingeditor.trainingcenter {
    background: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/onboard_trainingcenter_bg.jpg) right top no-repeat!important;
    margin-bottom: 0;
    background-size: 100% 100%!important;
    padding: 0!important;
    border-radius: 0!important;
    overflow: hidden
}

.trainingeditor.trainingcenter .trainingeditortop {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/onboard_welcome_contentblocktop.png);
    background-size: 100% 72px;
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    z-index: 1;
    width: 100%;
    height: 72px;
    top: -72px
}

.trainingeditor.trainingcenter .trainingeditorbottom {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/onboard_welcome_contentblockbottom.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    z-index: 2;
    width: 100%;
    min-height: 80px;
    bottom: 0
}

.trainingeditor.trainingcenter .trainingeditorcontentwrapper {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/onboard_welcome_contentblockgradient.png);
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    z-index: 3;
    width: 100%;
    height: 170px;
    margin-top: -20%
}

.trainingeditor.trainingcenter .trainingeditorcenter {
    max-width: 100%
}

.trainingeditor.trainingcenter .trainingeditorinner h1 {
    display: block;
    font-size: 30px;
    font-family: 'Helveticabold';
    line-height: 36px;
    text-align: center;
    background: #fff;
    background-image: -webkit-linear-gradient(top, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    background-image: -moz-linear-gradient(top, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    background-image: -o-linear-gradient(top, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    background-image: linear-gradient(to bottom, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    white-space: normal;
    word-break: break-word;
    display: inline-block;
    word-wrap: normal;
    resize: none;
    box-sizing: border-box;
    -webkit-background-clip: text;
    -webkit-filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
    -webkit-text-fill-color: transparent;
    position: relative;
    text-transform: uppercase;
    width: 100%
}

.trainingeditor.trainingcenter .trainingeditorcontent {
    margin-top: -13%
}

.trainingeditor.trainingcenter .trainingeditorcenter .trainingeditorimg {
    max-width: 725px;
    display: block;
    margin: 0 auto
}

.trainingeditor.trainingcenter .trainingeditorcontentinner h2 {
    display: block;
    font-size: 25px;
    font-family: 'Helveticabold';
    line-height: 25px;
    text-align: center;
    background: #fe0;
    background-image: -webkit-linear-gradient(top, #fe0 0%, #fe0 45%, #fe0 46%, #fe0 100%);
    background-image: -moz-linear-gradient(top, #fe0 0%, #fe0 45%, #fe0 46%, #fe0 100%);
    background-image: -o-linear-gradient(top, #fe0 0%, #fe0 45%, #fe0 46%, #fe0 100%);
    background-image: linear-gradient(to bottom, #fe0 0%, #fe0 45%, #fe0 46%, #fe0 100%);
    white-space: normal;
    word-break: break-word;
    display: inline-block;
    word-wrap: normal;
    resize: none;
    box-sizing: border-box;
    -webkit-background-clip: text;
    -webkit-filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
    margin-bottom: 10px;
    -webkit-text-fill-color: transparent;
    position: relative;
    text-transform: uppercase;
    width: 100%
}

.trainingeditor.trainingcenter .trainingeditorcontentinner p {
    font-size: 17px;
    margin: 0;
    line-height: 20px;
    -webkit-filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
    color: #fff;
    font-family: 'HelveticaRegular';
    text-align: center;
    color: #fff;
    text-align: center;
    max-width: 76%;
    margin-left: auto;
    margin-right: auto
}

.trainingeditor.calenderavail .trainingeditorcontentinner ul li img {
    width: 96%;
    height: auto;
    max-height: inherit
}

.trainingeditor.calenderavail {
    background: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/onboard_calenderavail_bg.jpg) right top no-repeat!important;
    margin-bottom: 0;
    background-size: 100% 100%!important;
    padding: 0!important;
    border-radius: 0!important;
    overflow: hidden
}

.trainingeditor.calenderavail .trainingeditortop {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/onboard_welcome_contentblocktop.png);
    background-size: 100% 70px;
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    z-index: 1;
    width: 100%;
    height: 70px;
    top: -68px
}

.trainingeditor.calenderavail .trainingeditorbottom {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/onboard_welcome_contentblockbottom.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    z-index: 2;
    width: 100%;
    min-height: 80px;
    bottom: 0
}

.trainingeditor.calenderavail .trainingeditorcontentwrapper {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/onboard_welcome_contentblockgradient.png);
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    z-index: 3;
    width: 100%;
    height: 170px;
    margin-top: -20%
}

.trainingeditor.calenderavail .trainingeditorcenter {
    max-width: 100%
}

.trainingeditor.calenderavail .trainingeditorinner h1 {
    display: block;
    font-size: 30px;
    font-family: 'Helveticabold';
    line-height: 36px;
    text-align: center;
    background: #fff;
    background-image: -webkit-linear-gradient(top, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    background-image: -moz-linear-gradient(top, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    background-image: -o-linear-gradient(top, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    background-image: linear-gradient(to bottom, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    white-space: normal;
    word-break: break-word;
    display: inline-block;
    word-wrap: normal;
    resize: none;
    box-sizing: border-box;
    -webkit-background-clip: text;
    -webkit-filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
    -webkit-text-fill-color: transparent;
    position: relative;
    text-transform: uppercase;
    width: 100%
}

.trainingeditor.calenderavail .trainingeditorcontent {
    margin-top: -13%
}

.trainingeditor.calenderavail .trainingeditorcenter .trainingeditorimg {
    max-width: 725px;
    display: block;
    margin: 0 auto
}

.trainingeditor.calenderavail .trainingeditorcontentinner h2 {
    display: block;
    font-size: 25px;
    font-family: 'Helveticabold';
    line-height: 25px;
    text-align: center;
    background: #fe0;
    background-image: -webkit-linear-gradient(top, #fe0 0%, #fe0 45%, #fe0 46%, #fe0 100%);
    background-image: -moz-linear-gradient(top, #fe0 0%, #fe0 45%, #fe0 46%, #fe0 100%);
    background-image: -o-linear-gradient(top, #fe0 0%, #fe0 45%, #fe0 46%, #fe0 100%);
    background-image: linear-gradient(to bottom, #fe0 0%, #fe0 45%, #fe0 46%, #fe0 100%);
    white-space: normal;
    word-break: break-word;
    display: inline-block;
    word-wrap: normal;
    resize: none;
    box-sizing: border-box;
    -webkit-background-clip: text;
    -webkit-filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
    margin-bottom: 10px;
    -webkit-text-fill-color: transparent;
    position: relative;
    text-transform: uppercase;
    width: 100%
}

.trainingeditor.calenderavail .trainingeditorcontentinner p {
    font-size: 17px;
    margin: 0;
    line-height: 20px;
    -webkit-filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
    color: #fff;
    font-family: 'HelveticaRegular';
    text-align: center;
    color: #fff;
    text-align: center;
    max-width: 76%;
    margin-left: auto;
    margin-right: auto
}

.trainingeditor.powerpoint .trainingeditorcontentinner ul li img {
    width: 100%;
    height: auto;
    max-height: inherit
}

.trainingeditor.powerpoint {
    background: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/onboard_powerpoint_bg.jpg) right top no-repeat!important;
    margin-bottom: 0;
    background-size: cover!important;
    padding: 0!important;
    border-radius: 0!important;
    overflow: hidden
}

.trainingeditor.powerpoint .trainingeditortop {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/onboard_welcome_contentblocktop.png);
    background-size: 100% 105px;
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    z-index: 1;
    width: 100%;
    height: 105px;
    top: -105px
}

.trainingeditor.powerpoint .trainingeditorbottom {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/onboard_welcome_contentblockbottom.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    z-index: 2;
    width: 100%;
    min-height: 120px;
    bottom: 0
}

.trainingeditor.powerpoint .trainingeditorcontentwrapper {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/onboard_welcome_contentblockgradient.png);
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    z-index: 3;
    width: 100%;
    height: 207px;
    margin-top: -23%
}

.trainingeditor.powerpoint .trainingeditorcenter {
    max-width: 100%
}

.trainingeditor.powerpoint .trainingeditorcenter h1 {
    display: block;
    font-size: 30px;
    font-family: 'Helveticabold';
    line-height: 32px;
    text-align: center;
    background: #fff;
    background-image: -webkit-linear-gradient(top, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    background-image: -moz-linear-gradient(top, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    background-image: -o-linear-gradient(top, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    background-image: linear-gradient(to bottom, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    white-space: normal;
    word-break: break-word;
    display: inline-block;
    word-wrap: normal;
    resize: none;
    box-sizing: border-box;
    -webkit-background-clip: text;
    -webkit-filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
    -webkit-text-fill-color: transparent;
    position: relative;
    text-transform: uppercase;
    width: 100%;
    margin-bottom: 0
}

.trainingeditor.powerpoint .trainingeditorcenter h2 {
    display: block;
    font-size: 25px;
    font-family: 'Helveticabold';
    line-height: 27px;
    text-align: center;
    background: #fffc00;
    background-image: -webkit-linear-gradient(top, #fffc00 0%, #fffc00 45%, #fffc00 46%, #fffc00 100%);
    background-image: -moz-linear-gradient(top, #fffc00 0%, #fffc00 45%, #fffc00 46%, #fffc00 100%);
    background-image: -o-linear-gradient(top, #fffc00 0%, #fffc00 45%, #fffc00 46%, #fffc00 100%);
    background-image: linear-gradient(to bottom, #fffc00 0%, #fffc00 45%, #fffc00 46%, #fffc00 100%);
    white-space: normal;
    word-break: break-word;
    display: inline-block;
    word-wrap: normal;
    resize: none;
    box-sizing: border-box;
    -webkit-background-clip: text;
    -webkit-filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
    -webkit-text-fill-color: transparent;
    position: relative;
    text-transform: uppercase;
    width: 100%;
    margin-bottom: 5px
}

.trainingeditor.powerpoint .trainingeditorcenter p {
    font-size: 18.7px;
    margin: 0;
    line-height: 22px;
    -webkit-filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
    color: #fff;
    font-family: 'HelveticaRegular';
    text-align: center;
    color: #fff;
    text-align: center;
    max-width: 84%;
    margin-left: auto;
    margin-right: auto
}

.trainingeditor.powerpoint .trainingeditorcontent {
    margin-top: 10%
}

.trainingeditor.powerpoint .trainingeditorcontentinner .screenwrappercls {
    background-color: #f6f6f6;
    padding: 5px;
    border-radius: 10px;
    max-width: 96%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-top: 15px
}

.trainingeditor.powerpoint .trainingeditorcontentinner .screenwrappercls ul {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
    padding: 10px 0
}

.trainingeditor.powerpoint .trainingeditorcontentinner .screenwrappercls ul li {
    flex: 1 1 14.66%;
    align-items: center;
    margin: 0 1%;
    position: relative;
    height: auto;
    border: 1px solid #eee
}

.trainingeditor.powerpoint .trainingeditorcontentinner .screenwrappercls .titlecls {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    font-size: 18px;
    margin: 0;
    line-height: 22px;
    color: #000;
    font-family: 'HelveticaRegular'
}

.trainingeditor.powerpoint .trainingeditorcontentinner .screenwrappercls .titlecls img {
    max-width: 24px;
    height: auto;
    margin: 0;
    margin-right: 8px;
    margin-left: 10px
}

.trainingeditor.flyers .trainingeditorcontentinner ul li img {
    width: 100%;
    height: auto;
    max-height: inherit
}

.trainingeditor.flyers {
    background: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/onboard_flyers_bg.jpg) right top no-repeat!important;
    margin-bottom: 0;
    background-size: cover!important;
    padding: 0!important;
    border-radius: 0!important;
    overflow: hidden
}

.trainingeditor.flyers .trainingeditortop {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/onboard_welcome_contentblocktop.png);
    background-size: 100% 105px;
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    z-index: 1;
    width: 100%;
    height: 105px;
    top: -105px
}

.trainingeditor.flyers .trainingeditorbottom {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/onboard_welcome_contentblockbottom.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    z-index: 2;
    width: 100%;
    min-height: 120px;
    bottom: 0
}

.trainingeditor.flyers .trainingeditorcontentwrapper {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/onboard_welcome_contentblockgradient.png);
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    z-index: 3;
    width: 100%;
    height: 207px;
    margin-top: -23%
}

.trainingeditor.flyers .trainingeditorcenter {
    max-width: 100%
}

.trainingeditor.flyers .trainingeditorcenter h1 {
    display: block;
    font-size: 30px;
    font-family: 'Helveticabold';
    line-height: 32px;
    text-align: center;
    background: #fff;
    background-image: -webkit-linear-gradient(top, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    background-image: -moz-linear-gradient(top, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    background-image: -o-linear-gradient(top, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    background-image: linear-gradient(to bottom, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    white-space: normal;
    word-break: break-word;
    display: inline-block;
    word-wrap: normal;
    resize: none;
    box-sizing: border-box;
    -webkit-background-clip: text;
    -webkit-filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
    -webkit-text-fill-color: transparent;
    position: relative;
    text-transform: uppercase;
    width: 100%;
    margin-bottom: 0
}

.trainingeditor.flyers .trainingeditorcenter h2 {
    display: block;
    font-size: 25px;
    font-family: 'Helveticabold';
    line-height: 27px;
    text-align: center;
    background: #fffc00;
    background-image: -webkit-linear-gradient(top, #fffc00 0%, #fffc00 45%, #fffc00 46%, #fffc00 100%);
    background-image: -moz-linear-gradient(top, #fffc00 0%, #fffc00 45%, #fffc00 46%, #fffc00 100%);
    background-image: -o-linear-gradient(top, #fffc00 0%, #fffc00 45%, #fffc00 46%, #fffc00 100%);
    background-image: linear-gradient(to bottom, #fffc00 0%, #fffc00 45%, #fffc00 46%, #fffc00 100%);
    white-space: normal;
    word-break: break-word;
    display: inline-block;
    word-wrap: normal;
    resize: none;
    box-sizing: border-box;
    -webkit-background-clip: text;
    -webkit-filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
    -webkit-text-fill-color: transparent;
    position: relative;
    text-transform: uppercase;
    width: 100%;
    margin-bottom: 5px
}

.trainingeditor.flyers .trainingeditorcenter p {
    font-size: 18.7px;
    margin: 0;
    line-height: 22px;
    -webkit-filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
    color: #fff;
    font-family: 'HelveticaRegular';
    text-align: center;
    max-width: 84%;
    margin-left: auto;
    margin-right: auto
}

.trainingeditor.flyers .trainingeditorcontent {
    margin-top: 5%
}

.trainingeditor.flyers .trainingeditorcontentinner .screenwrappercls {
    background-color: #f6f6f6;
    padding: 5px;
    border-radius: 10px;
    max-width: 96%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-top: 15px
}

.trainingeditor.flyers .trainingeditorcontentinner .screenwrappercls ul {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
    padding: 10px 0
}

.trainingeditor.flyers .trainingeditorcontentinner .screenwrappercls ul li {
    flex: 1 1 14.66%;
    align-items: center;
    margin: 0 1%;
    position: relative;
    height: auto;
    border: 1px solid #eee
}

.trainingeditor.flyers .trainingeditorcontentinner .screenwrappercls .titlecls {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    font-size: 18px;
    margin: 0;
    line-height: 22px;
    color: #000;
    font-family: 'HelveticaRegular'
}

.trainingeditor.flyers .trainingeditorcontentinner .screenwrappercls .titlecls img {
    max-width: 24px;
    height: auto;
    margin: 0;
    margin-right: 8px;
    margin-left: 10px
}

.trainingeditor.businesscard .trainingeditorcontentinner ul li img {
    width: 100%;
    height: auto;
    max-height: inherit
}

.trainingeditor.businesscard {
    background: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/onboard_businesscard_bg.jpg) right top no-repeat!important;
    margin-bottom: 0;
    background-size: cover!important;
    padding: 0!important;
    border-radius: 0!important;
    overflow: hidden
}

.trainingeditor.businesscard .trainingeditortop {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/onboard_welcome_contentblocktop.png);
    background-size: 100% 105px;
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    z-index: 1;
    width: 100%;
    height: 105px;
    top: -105px
}

.trainingeditor.businesscard .trainingeditorbottom {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/onboard_welcome_contentblockbottom.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    z-index: 2;
    width: 100%;
    min-height: 120px;
    bottom: 0
}

.trainingeditor.businesscard .trainingeditorcontentwrapper {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/onboard_welcome_contentblockgradient.png);
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    z-index: 3;
    width: 100%;
    height: 207px;
    margin-top: -23%
}

.trainingeditor.businesscard .trainingeditorcenter {
    max-width: 100%
}

.trainingeditor.businesscard .trainingeditorcenter h1 {
    display: block;
    font-size: 30px;
    font-family: 'Helveticabold';
    line-height: 32px;
    text-align: center;
    background: #fff;
    background-image: -webkit-linear-gradient(top, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    background-image: -moz-linear-gradient(top, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    background-image: -o-linear-gradient(top, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    background-image: linear-gradient(to bottom, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    white-space: normal;
    word-break: break-word;
    display: inline-block;
    word-wrap: normal;
    resize: none;
    box-sizing: border-box;
    -webkit-background-clip: text;
    -webkit-filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
    -webkit-text-fill-color: transparent;
    position: relative;
    text-transform: uppercase;
    width: 100%;
    margin-bottom: 0
}

.trainingeditor.businesscard .trainingeditorcenter h2 {
    display: block;
    font-size: 25px;
    font-family: 'Helveticabold';
    line-height: 27px;
    text-align: center;
    background: #fffc00;
    background-image: -webkit-linear-gradient(top, #fffc00 0%, #fffc00 45%, #fffc00 46%, #fffc00 100%);
    background-image: -moz-linear-gradient(top, #fffc00 0%, #fffc00 45%, #fffc00 46%, #fffc00 100%);
    background-image: -o-linear-gradient(top, #fffc00 0%, #fffc00 45%, #fffc00 46%, #fffc00 100%);
    background-image: linear-gradient(to bottom, #fffc00 0%, #fffc00 45%, #fffc00 46%, #fffc00 100%);
    white-space: normal;
    word-break: break-word;
    display: inline-block;
    word-wrap: normal;
    resize: none;
    box-sizing: border-box;
    -webkit-background-clip: text;
    -webkit-filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
    -webkit-text-fill-color: transparent;
    position: relative;
    text-transform: uppercase;
    width: 100%;
    margin-bottom: 5px
}

.trainingeditor.businesscard .trainingeditorcenter p {
    font-size: 18.7px;
    margin: 0;
    line-height: 22px;
    -webkit-filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
    color: #fff;
    font-family: 'HelveticaRegular';
    text-align: center;
    color: #fff;
    text-align: center;
    max-width: 84%;
    margin-left: auto;
    margin-right: auto
}

.trainingeditor.businesscard .trainingeditorcontent {
    margin-top: 5%
}

.trainingeditor.businesscard .trainingeditorcontentinner .screenwrappercls {
    background-color: #f6f6f6;
    padding: 5px;
    border-radius: 10px;
    max-width: 96%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-top: 15px
}

.trainingeditor.businesscard .trainingeditorcontentinner .screenwrappercls ul {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
    padding: 10px 0
}

.trainingeditor.businesscard .trainingeditorcontentinner .screenwrappercls ul li {
    flex: 1 1 14.66%;
    align-items: center;
    margin: 0 1%;
    position: relative;
    height: auto;
    border: 1px solid #eee
}

.trainingeditor.businesscard .trainingeditorcontentinner .screenwrappercls .titlecls {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    font-size: 18px;
    margin: 0;
    line-height: 22px;
    color: #000;
    font-family: 'HelveticaRegular'
}

.trainingeditor.businesscard .trainingeditorcontentinner .screenwrappercls .titlecls img {
    max-width: 24px;
    height: auto;
    margin: 0;
    margin-right: 8px;
    margin-left: 10px
}

.trainingeditor.weoffer {
    background: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/onboard_weoffer_bg.jpg) right top no-repeat!important;
    margin-bottom: 0;
    background-size: 100% 100%!important;
    padding: 0!important;
    border-radius: 0!important;
    overflow: hidden
}

.trainingeditor.weoffer .trainingeditortop {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/onboard_welcome_contentblocktop.png);
    background-size: 100% 105px;
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    z-index: 1;
    width: 100%;
    height: 105px;
    top: -105px
}

.trainingeditor.weoffer .trainingeditorbottom {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/onboard_welcome_contentblockbottom.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    z-index: 2;
    width: 100%;
    min-height: 40px;
    bottom: 0
}

.trainingeditor.weoffer .trainingeditorcontentwrapper {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/onboard_welcome_contentblockgradient.png);
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    z-index: 3;
    width: 100%;
    height: 137px;
    margin-top: -15%
}

.trainingeditor.weoffer .trainingeditorcenter {
    max-width: 100%
}

.trainingeditor.weoffer .trainingeditorcontent {
    margin-top: 12%
}

.trainingeditor.weoffer .trainingeditorinner h1 {
    display: block;
    font-size: 27.89px;
    font-family: 'Helveticabold';
    line-height: 30px;
    text-align: left;
    background: #fff;
    background-image: -webkit-linear-gradient(top, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    background-image: -moz-linear-gradient(top, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    background-image: -o-linear-gradient(top, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    background-image: linear-gradient(to bottom, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    white-space: normal;
    word-break: break-word;
    display: inline-block;
    word-wrap: normal;
    resize: none;
    box-sizing: border-box;
    -webkit-background-clip: text;
    -webkit-filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
    -webkit-text-fill-color: transparent;
    position: relative;
    text-transform: uppercase;
    width: 59%
}

.trainingeditor.weoffer .trainingeditorlogo {
    max-width: 316px;
    display: block;
    margin: 20px 10px 0 auto;
    border-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 18px 22px 10px;
    background-color: #fff;
    position: absolute;
    right: 0;
    top: 9%
}

.trainingeditor.weoffer .trainingeditortopcontent {
    max-width: 94%;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.trainingeditor.weoffer .trainingeditorinner h2 {
    display: block;
    font-size: 27.89px;
    font-family: 'Helveticabold';
    line-height: 30px;
    text-align: left;
    background: #fff600;
    background-image: -webkit-linear-gradient(top, #fff600 0%, #fff600 45%, #fff600 46%, #fff600 100%);
    background-image: -moz-linear-gradient(top, #fff600 0%, #fff600 45%, #fff600 46%, #fff600 100%);
    background-image: -o-linear-gradient(top, #fff600 0%, #fff600 45%, #fff600 46%, #fff600 100%);
    background-image: linear-gradient(to bottom, #fff600 0%, #fff600 45%, #fff600 46%, #fff600 100%);
    white-space: normal;
    word-break: break-word;
    display: inline-block;
    word-wrap: normal;
    resize: none;
    box-sizing: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
    text-transform: uppercase;
    margin: 0;
    padding-left: 35px
}

.trainingeditor.weoffer .trainingeditortopcontent .listsblock ul {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
    margin-top: 10px;
    list-style: none;
    margin-left: 15px
}

.trainingeditor.weoffer .trainingeditortopcontent .listsblock ul li ul {
    columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1;
    margin-top: 0;
    list-style: none
}

.trainingeditor.weoffer .trainingeditortopcontent .listsblock ul li::before {
    content: "\25A0";
    color: #fff600;
    font-weight: 700;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
    font-size: 20px
}

.trainingeditor.weoffer .trainingeditortopcontent .listsblock ul li ul li::before {
    content: "\26AC";
    color: #fff600;
    font-weight: 700;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
    font-size: 20px
}

.trainingeditor.weoffer .trainingeditortopcontent .listsblock ul li {
    position: relative;
    height: auto;
    color: #fff;
    font-family: 'HelveticaRegular';
    text-align: left;
    font-size: 12px;
    line-height: 20px
}

.trainingeditor.weoffer .trainingeditortopcontent .listsblock ul li span {
    color: #fff600
}

.trainingeditor.utaintroduc {
    background: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/uta_introduction_bg.jpg) right top no-repeat!important;
    margin-bottom: 0;
    background-size: 100% 100%!important;
    padding: 0 0 108px!important;
    border-radius: 0!important;
    overflow: hidden;
    position: relative
}

.trainingeditorutalogo {
    max-width: 181px;
    display: block;
    margin: 29px 0 auto 44px
}

.trainingeditorutalogo img {
    border: none!important;
    max-width: 100%
}

.trainingeditor.utaintroduc .trainingeditorutaimg {
    width: 288px;
    height: auto;
    position: absolute;
    bottom: 0;
    right: 20px
}

.trainingeditor.utaintroduc .trainingeditorutaimg img {
    border: none!important;
    max-width: 100%
}

.trainingeditor.utaintroduc .linktxt {
    position: absolute;
    bottom: 3px;
    right: 20px;
    z-index: 8
}

.trainingeditor.utaintroduc .linktxt a {
    color: #fff;
    font-size: 13.56px;
    margin: 0;
    line-height: 22.9px;
    font-family: 'RobotoRegular';
    text-decoration: none
}

.trainingeditor.utaintroduc .trainingeditorutacontent {
    margin-left: 44px
}

.trainingeditor.utaintroduc .trainingeditorutacontent h1 {
    font-size: 34.86px;
    font-family: 'RobotoBold';
    line-height: 38.73px;
    text-align: left;
    background: #00efff;
    background-image: -webkit-linear-gradient(165deg, #00efff 0%, #eefeff 70%);
    background-image: -moz-linear-gradient(165deg, #00efff 0%, #eefeff 70%);
    background-image: -o-linear-gradient(165deg, #00efff 0%, #eefeff 70%);
    background-image: linear-gradient(165deg, #00efff 0%, #eefeff 70%);
    white-space: normal;
    word-break: break-word;
    display: inline-block;
    word-wrap: normal;
    resize: none;
    box-sizing: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
    margin: 0;
    max-width: 62%;
    margin-top: 40px
}

.trainingeditor.utaintroduc .trainingeditorutacontent p {
    font-size: 16.73px;
    margin: 0;
    line-height: 21.3px;
    -webkit-filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
    color: #fff;
    font-family: 'RobotoMedium';
    text-align: left;
    max-width: 52%;
    margin-top: 15px
}

.trainingeditor.utaintroduc .trainingeditorutacontent h3 {
    font-size: 19.37px;
    font-family: 'RobotoBold';
    line-height: 21.3px;
    text-align: left;
    background: #fff;
    background-image: -webkit-linear-gradient(top, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    background-image: -moz-linear-gradient(top, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    background-image: -o-linear-gradient(top, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    background-image: linear-gradient(to bottom, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    white-space: normal;
    word-break: break-word;
    display: inline-block;
    word-wrap: normal;
    resize: none;
    box-sizing: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
    margin: 0;
    max-width: 48%;
    text-transform: uppercase;
    margin-top: 15px
}

.trainingeditor.utaintroduc .trainingeditorutabottom {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/uta_introduction_contentblockbottom.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    z-index: 7;
    width: 100%;
    min-height: 111px;
    bottom: 0
}

.trainingeditor.utaintroduc .trainingeditorutacontent h1 span {
    font-family: 'MontserratBold'
}

.trainingeditor.utaintroduc.utaaboutus .trainingeditorutacontent h3 {
    font-size: 15.49px;
    font-family: 'RobotoMedium';
    line-height: 19.37px;
    max-width: 59%
}

.trainingeditor.utaintroduc.utaaboutus .trainingeditorutacontent p {
    font-size: 15.49px;
    font-family: 'RobotoMedium';
    line-height: 19.37px;
    max-width: 65%
}

.trainingeditor.utaintroduc.utaaboutus .trainingeditorutacontent p span {
    color: #1cf1ff
}

.trainingeditor.utaintroduc.utaaboutus .trainingeditorutacontent h1 {
    text-transform: uppercase;
    font-size: 27.11px;
    font-family: 'RobotoBold';
    line-height: 29.05px;
    margin-top: 14px;
    background: #00efff;
    background-image: -webkit-linear-gradient(165deg, #00efff 0%, #eefeff 70%);
    background-image: -moz-linear-gradient(165deg, #00efff 0%, #eefeff 70%);
    background-image: -o-linear-gradient(165deg, #00efff 0%, #eefeff 70%);
    background-image: linear-gradient(135deg, #00efff 0%, #eefeff 70%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.trainingeditor.utaintroduc.utaaboutus .trainingeditorutaimg {
    width: 325px;
    right: -20px
}

.trainingeditor.utaintroduc.worldwideweb .trainingeditorutaimg {
    width: 278px;
    right: 16px
}

.trainingeditor.utaintroduc.worldwideweb .trainingeditorutacontent h1 {
    text-transform: uppercase;
    font-size: 46.48px;
    font-family: 'RobotoBold';
    line-height: 46.48px;
    margin-top: 14px;
    background: #00efff;
    background-image: -webkit-linear-gradient(135deg, #00efff 40%, #eefeff 95%);
    background-image: -moz-linear-gradient(135deg, #00efff 40%, #eefeff 95%);
    background-image: -o-linear-gradient(135deg, #00efff 40%, #eefeff 95%);
    background-image: linear-gradient(135deg, #00efff 40%, #eefeff 95%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
    margin-top: 23px
}

.trainingeditor.utaintroduc.worldwideweb .trainingeditorutacontent ul {
    columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1;
    margin-top: 0;
    list-style: none;
    padding: 0
}

.trainingeditor.utaintroduc.worldwideweb .trainingeditorutacontent ul li {
    font-size: 15.49px;
    font-family: 'RobotoMedium';
    line-height: 19.37px;
    max-width: 59%;
    color: #fff;
    margin-top: 27px;
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/circlelisttype.png);
    background-size: 17px;
    display: block;
    background-repeat: no-repeat;
    background-position: left top 3px;
    padding-left: 24px;
    list-style: none
}

.trainingeditor.utaintroduc.worldwideweb .trainingeditorutacontent ul li span {
    color: #00e5f4
}

.trainingeditor.utaintroduc.WhoweRP {
    padding: 0 0 86px!important
}

.trainingeditor.utaintroduc.WhoweRP .trainingeditorutaimg {
    width: 294px;
    right: 22px;
    bottom: 12px
}

.trainingeditor.utaintroduc.WhoweRP .trainingeditorutacontent h1 {
    text-transform: uppercase;
    font-size: 46.48px;
    font-family: 'RobotoBold';
    line-height: 42.61px;
    margin-top: 14px;
    background: #00efff;
    background-image: -webkit-linear-gradient(155deg, #00efff 0%, #eefeff 77%);
    background-image: -moz-linear-gradient(155deg, #00efff 0%, #eefeff 77%);
    background-image: -o-linear-gradient(155deg, #00efff 0%, #eefeff 77%);
    background-image: linear-gradient(155deg, #00efff 0%, #eefeff 77%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
    margin-top: 10px;
    max-width: 68%
}

.trainingeditor.utaintroduc.WhoweRP .trainingeditorutacontent ul {
    columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1;
    margin-top: 0;
    list-style: none;
    padding: 0
}

.trainingeditor.utaintroduc.WhoweRP .trainingeditorutacontent ul li {
    font-size: 13.56px;
    font-family: 'RobotoMedium';
    line-height: 17.43px;
    max-width: 54%;
    color: #fff;
    margin-top: 13px;
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/circlelisttype.png);
    background-size: 17px;
    display: block;
    background-repeat: no-repeat;
    background-position: left top 0;
    padding-left: 24px;
    list-style: none
}

.trainingeditor.utaintroduc.WhoweRP .trainingeditorutacontent ul li span {
    color: #00e5f4
}

.trainingeditor.utaintroduc.WhoweRP .trainingeditorutabottom {
    background-position: right -157px bottom!important
}

.trainingeditor.utaintroduc.WhoweRP .linktxt {
    bottom: 12px
}

.trainingeditor.utaintroduc.WhoweRP .trainingeditorutacontent p {
    max-width: 68%
}

.trainingeditor.utaintroduc.WhoweRP .trainingeditorutacontent p span {
    color: #00e5f4
}

.trainingeditor.utaintroduc.globaldemandsb .trainingeditorutaimg {
    width: 278px;
    right: 5px
}

.trainingeditor.utaintroduc.globaldemandsb .trainingeditorutacontent h1 {
    text-transform: uppercase;
    font-size: 30.99px;
    font-family: 'RobotoBold';
    line-height: 32.92px;
    margin-top: 14px;
    background: #00efff;
    background-image: -webkit-linear-gradient(135deg, #00efff 0%, #eefeff 90%);
    background-image: -moz-linear-gradient(135deg, #00efff 0%, #eefeff 90%);
    background-image: -o-linear-gradient(135deg, #00efff 0%, #eefeff 90%);
    background-image: linear-gradient(135deg, #00efff 0%, #eefeff 90%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
    margin-top: 23px;
    max-width: 64%
}

.trainingeditor.utaintroduc.globaldemandsb .trainingeditorutacontent ul {
    columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1;
    margin-top: 0;
    list-style: none;
    padding: 0
}

.trainingeditor.utaintroduc.globaldemandsb .trainingeditorutacontent ul li {
    font-size: 15.49px;
    font-family: 'RobotoMedium';
    line-height: 17.43px;
    max-width: 59%;
    color: #fff;
    margin-top: 27px;
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/circlelisttype.png);
    background-size: 17px;
    display: block;
    background-repeat: no-repeat;
    background-position: left top 3px;
    padding-left: 24px;
    list-style: none
}

.trainingeditor.utaintroduc.globaldemandsb .trainingeditorutacontent ul li span {
    color: #00e5f4
}

.trainingeditor.utaintroduc.currentinitiatives {
    padding: 0 0 60px!important
}

.trainingeditor.utaintroduc.currentinitiatives .trainingeditorutaimg {
    width: 322px;
    right: -9px;
    bottom: 19px
}

.trainingeditor.utaintroduc.currentinitiatives .trainingeditorutacontent h1 {
    text-transform: uppercase;
    font-size: 19.37px;
    font-family: 'RobotoBold';
    line-height: 23.24px;
    margin-top: 5px;
    background: #00efff;
    background-image: -webkit-linear-gradient(135deg, #00efff 0%, #eefeff 90%);
    background-image: -moz-linear-gradient(135deg, #00efff 0%, #eefeff 90%);
    background-image: -o-linear-gradient(135deg, #00efff 0%, #eefeff 90%);
    background-image: linear-gradient(135deg, #00efff 0%, #eefeff 90%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
    margin-top: 23px;
    max-width: 66%
}

.trainingeditor.utaintroduc.currentinitiatives .trainingeditorutacontent ul {
    columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1;
    margin-top: 0;
    list-style: none;
    padding: 0
}

.trainingeditor.utaintroduc.currentinitiatives .trainingeditorutacontent ul li {
    font-size: 13.56px;
    font-family: 'RobotoMedium';
    line-height: 17.43px;
    max-width: 60%;
    color: #fff;
    margin-top: 13px;
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/circlelisttype.png);
    background-size: 17px;
    display: block;
    background-repeat: no-repeat;
    background-position: left top 3px;
    padding-left: 24px;
    list-style: none
}

.trainingeditor.utaintroduc.currentinitiatives .trainingeditorutacontent ul li span {
    color: #00e5f4
}

.trainingeditor.utaintroduc.currentinitiativespageone {
    padding: 0 0 71px!important
}

.trainingeditor.utaintroduc.currentinitiativespageone .trainingeditorutaimg {
    width: 253px;
    right: 17px;
    bottom: 19px
}

.trainingeditor.utaintroduc.currentinitiativespageone .trainingeditorutacontent h1 {
    text-transform: uppercase;
    font-size: 34.86px;
    font-family: 'RobotoBold';
    line-height: 38.73px;
    margin-top: 5px;
    background: #00efff;
    background-image: -webkit-linear-gradient(135deg, #00efff 0%, #eefeff 90%);
    background-image: -moz-linear-gradient(135deg, #00efff 0%, #eefeff 90%);
    background-image: -o-linear-gradient(135deg, #00efff 0%, #eefeff 90%);
    background-image: linear-gradient(135deg, #00efff 0%, #eefeff 90%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
    margin-top: 10px;
    max-width: 70%
}

.trainingeditor.utaintroduc.currentinitiativespageone .trainingeditorutacontent ul {
    columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1;
    margin-top: 0;
    list-style: none;
    padding: 0
}

.trainingeditor.utaintroduc.currentinitiativespageone .trainingeditorutacontent ul li {
    font-size: 11.62px;
    font-family: 'RobotoMedium';
    line-height: 15.49px;
    max-width: 60%;
    color: #fff;
    margin-top: 13px;
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/circlelisttype.png);
    background-size: 17px;
    display: block;
    background-repeat: no-repeat;
    background-position: left top 3px;
    padding-left: 24px;
    list-style: none
}

.trainingeditor.utaintroduc.currentinitiativespageone .trainingeditorutacontent ul li span {
    color: #00e5f4
}

.trainingeditor.utaintroduc.currentinitiativespagetwo {
    padding: 0 0 80px!important
}

.trainingeditor.utaintroduc.currentinitiativespagetwo .trainingeditorutaimg {
    width: 226px;
    right: 45px;
    bottom: 19px
}

.trainingeditor.utaintroduc.currentinitiativespagetwo .trainingeditorutacontent h1 {
    text-transform: uppercase;
    font-size: 34.86px;
    font-family: 'RobotoBold';
    line-height: 38.73px;
    margin-top: 5px;
    background: #00efff;
    background-image: -webkit-linear-gradient(135deg, #00efff 0%, #eefeff 90%);
    background-image: -moz-linear-gradient(135deg, #00efff 0%, #eefeff 90%);
    background-image: -o-linear-gradient(135deg, #00efff 0%, #eefeff 90%);
    background-image: linear-gradient(135deg, #00efff 0%, #eefeff 90%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
    margin-top: 25px;
    max-width: 70%
}

.trainingeditor.utaintroduc.currentinitiativespagetwo .trainingeditorutacontent ul {
    columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1;
    margin-top: 0;
    list-style: none;
    padding: 0
}

.trainingeditor.utaintroduc.currentinitiativespagetwo .trainingeditorutacontent ul li {
    font-size: 11.62px;
    font-family: 'RobotoMedium';
    line-height: 15.49px;
    max-width: 60%;
    color: #fff;
    margin-top: 25px;
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/circlelisttype.png);
    background-size: 17px;
    display: block;
    background-repeat: no-repeat;
    background-position: left top 3px;
    padding-left: 24px;
    list-style: none
}

.trainingeditor.utaintroduc.currentinitiativespagetwo .trainingeditorutacontent ul li span {
    color: #00e5f4
}

.trainingeditor.utaintroduc.processqualification {
    padding: 0 0 80px!important
}

.trainingeditor.utaintroduc.processqualification .trainingeditorutaimg {
    width: 267px;
    right: 10px;
    bottom: 19px
}

.trainingeditor.utaintroduc.processqualification .trainingeditorutacontent h1 {
    text-transform: uppercase;
    font-size: 34.86px;
    font-family: 'RobotoBold';
    line-height: 38.73px;
    margin-top: 5px;
    background: #00efff;
    background-image: -webkit-linear-gradient(135deg, #00efff 0%, #eefeff 90%);
    background-image: -moz-linear-gradient(135deg, #00efff 0%, #eefeff 90%);
    background-image: -o-linear-gradient(135deg, #00efff 0%, #eefeff 90%);
    background-image: linear-gradient(135deg, #00efff 0%, #eefeff 90%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
    margin-top: 15px;
    max-width: 70%
}

.trainingeditor.utaintroduc.processqualification .trainingeditorutacontent ul {
    columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1;
    margin-top: 0;
    list-style: none;
    padding: 0
}

.trainingeditor.utaintroduc.processqualification .trainingeditorutacontent ul li {
    font-size: 13.56px;
    font-family: 'RobotoMedium';
    line-height: 17.43px;
    max-width: 54%;
    color: #fff;
    margin-top: 15px;
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/circlelisttype.png);
    background-size: 17px;
    display: block;
    background-repeat: no-repeat;
    background-position: left top 3px;
    padding-left: 24px;
    list-style: none
}

.trainingeditor.utaintroduc.processqualification .trainingeditorutacontent ul li span {
    color: #00e5f4
}

.trainingeditor.utaintroduc.whatwedo {
    padding: 0 0 80px!important
}

.trainingeditor.utaintroduc.whatwedo .trainingeditorutaimg {
    width: 255px;
    right: 24px;
    bottom: 42px
}

.trainingeditor.utaintroduc.whatwedo .trainingeditorutacontent h1 {
    text-transform: uppercase;
    font-size: 30.99px;
    font-family: 'RobotoBold';
    line-height: 32.92px;
    margin-top: 5px;
    background: #00efff;
    background-image: -webkit-linear-gradient(135deg, #00efff 0%, #eefeff 90%);
    background-image: -moz-linear-gradient(135deg, #00efff 0%, #eefeff 90%);
    background-image: -o-linear-gradient(135deg, #00efff 0%, #eefeff 90%);
    background-image: linear-gradient(135deg, #00efff 0%, #eefeff 90%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
    margin-top: 15px;
    max-width: 70%
}

.trainingeditor.utaintroduc.whatwedo .trainingeditorutacontent ul {
    columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1;
    margin-top: 0;
    list-style: none;
    padding: 0
}

.trainingeditor.utaintroduc.whatwedo .trainingeditorutacontent ul li {
    font-size: 13.56px;
    font-family: 'RobotoMedium';
    line-height: 17.43px;
    max-width: 61%;
    color: #fff;
    margin-top: 15px;
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/circlelisttype.png);
    background-size: 17px;
    display: block;
    background-repeat: no-repeat;
    background-position: left top 3px;
    padding-left: 24px;
    list-style: none
}

.trainingeditor.utaintroduc.whatwedo .trainingeditorutacontent ul li span {
    color: #00e5f4
}

.trainingeditor.utaintroduc.whatwedo .trainingeditorutabottom {
    background-position: bottom right -155px
}

.trainingeditor.mwointroduc {
    background: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/mwo_introduction_bg.jpg) right top no-repeat!important;
    margin-bottom: 0;
    background-size: 100% 100%!important;
    padding: 0!important;
    border-radius: 0!important;
    overflow: hidden;
    position: relative
}

.trainingeditor.mwointroduc .trainingeditorinner {
    padding: 15px 25px 25px
}

.trainingeditortopsec {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.trainingeditortopsec .trainingeditormwotext h1 {
    font-size: 30.26px;
    font-family: 'OpenSansBold';
    line-height: 38.9px;
    text-transform: uppercase;
    background: #632423;
    background-image: -webkit-linear-gradient(135deg, #632423 0%, #632423 90%);
    background-image: -moz-linear-gradient(135deg, #632423 0%, #632423 90%);
    background-image: -o-linear-gradient(135deg, #632423 0%, #632423 90%);
    background-image: linear-gradient(135deg, #632423 0%, #632423 90%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-top: 15px;
    font-weight: 400;
    margin: 0
}

.trainingeditortopsec .trainingeditormwotext h3 {
    font-size: 18px;
    font-family: 'OpenSansBold';
    line-height: 19px;
    text-transform: uppercase;
    background: #953734;
    background-image: -webkit-linear-gradient(135deg, #953734 0%, #953734 90%);
    background-image: -moz-linear-gradient(135deg, #953734 0%, #953734 90%);
    background-image: -o-linear-gradient(135deg, #953734 0%, #953734 90%);
    background-image: linear-gradient(135deg, #953734 0%, #953734 90%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 400;
    margin: 0;
    max-width: 90%;
    margin-top: 0
}

.trainingeditormwologo {
    width: 320px;
    display: block;
    margin: 0;
    margin-right: 10px
}

.trainingeditormwologo img {
    border: none!important;
    max-width: 100%
}

.trainingeditor.mwointroduc .mwointroductiondesignimg {
    width: 346px;
    height: auto;
    position: absolute;
    bottom: -8px;
    right: 0
}

.trainingeditor.mwointroduc .trainingeditormwoimg img {
    border: none!important;
    max-width: 100%
}

.trainingeditor.mwointroduc .trainingeditormwoimg {
    width: 270px;
    height: auto;
    position: absolute;
    bottom: -6px;
    right: 20px
}

.trainingeditormwocontent {
    max-width: 538px
}

.trainingeditor.mwointroduc .trainingeditormwocontent h1 {
    background: #141819
}

.trainingeditor.mwointroduc .trainingeditormwocontent h1 span {
    font-size: 20.99px;
    font-family: 'OpenSansRegular';
    line-height: 23px;
    text-transform: uppercase;
    margin-top: 5px;
    background: #141819;
    background-image: -webkit-linear-gradient(135deg, #141819 0%, #141819 90%);
    background-image: -moz-linear-gradient(135deg, #141819 0%, #141819 90%);
    background-image: -o-linear-gradient(135deg, #141819 0%, #141819 90%);
    background-image: linear-gradient(135deg, #141819 0%, #141819 90%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-top: 15px;
    font-weight: 400
}

.trainingeditor.mwointroduc .trainingeditormwocontent h2 {
    margin-top: 5px;
    background: #2cb319;
    background-image: -webkit-linear-gradient(135deg, #2cb319 0%, #16523e 90%);
    background-image: -moz-linear-gradient(135deg, #2cb319 0%, #16523e 90%);
    background-image: -o-linear-gradient(135deg, #2cb319 0%, #16523e 90%);
    background-image: linear-gradient(135deg, #2cb319 0%, #16523e 90%);
    margin-top: 15px;
    padding: 10px 65px 10px 10px;
    display: inline-block
}

.trainingeditor.mwointroduc .trainingeditormwocontent h2 span {
    font-size: 44px;
    font-family: 'OpenSansBold';
    line-height: 44px;
    margin-top: 5px;
    background: #fff;
    background-image: -webkit-linear-gradient(135deg, #fff 0%, #fff 90%);
    background-image: -moz-linear-gradient(135deg, #fff 0%, #fff 90%);
    background-image: -o-linear-gradient(135deg, #fff 0%, #fff 90%);
    background-image: linear-gradient(135deg, #fff 0%, #fff 90%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-top: 15px;
    font-weight: 400
}

.trainingeditor.mwointroduc .trainingeditormwocontent p {
    font-size: 16.98px;
    font-family: 'OpenSansRegular';
    line-height: 19.37px
}

.trainingeditor.mwointroduc .trainingeditormwocontent ul {
    margin: 0;
    padding: 0;
    margin-top: 10px
}

.trainingeditor.mwointroduc .trainingeditormwocontent ul li {
    font-family: 'OpenSansBold';
    font-size: 14px;
    line-height: 20px;
    text-align: left;
    color: #632423;
    margin-bottom: 22px;
    border-left: 3px solid #15513e;
    padding-left: 6px;
    list-style: none;
    display: inline-block
}

.trainingeditor.mwointroduc .trainingeditormwocontent ul li:last-child {
    margin-bottom: 0
}

.trainingeditor.mwointroduc.missionandvision .trainingeditormwologo {
    flex: 0 0 270px;
    margin: 0;
    margin-right: 10px
}

.trainingeditor.mwointroduc.missionandvision .trainingeditormwocontent {
    max-width: 608px
}

.trainingeditor.mwointroduc.missionandvision .trainingeditormwocontent h2 {
    margin-top: 5px;
    background: none;
    color: #8c1b44;
    font-size: 23px;
    padding: 10px;
    margin-bottom: 7px;
    line-height: 27px
}

.trainingeditor.mwointroduc.missionandvision .mwointroductiondesignimg {
    height: auto;
    position: absolute;
    bottom: -7px;
    right: -104px
}

.trainingeditor.mwointroduc.missionandvision .trainingeditormwoimg {
    width: 303px;
    height: auto;
    position: absolute;
    bottom: -6px;
    right: -8px
}

.trainingeditor.mwointroduc.missionandvision .trainingeditortopsec .trainingeditormwotext h1 {
    font-size: 36.26px
}

.trainingeditor.mwointroduc.globalri .trainingeditormwologo {
    flex: 0 0 270px;
    margin: 0;
    margin-right: 10px
}

.trainingeditor.mwointroduc.globalri .trainingeditormwocontent {
    max-width: 610px;
    margin-top: 15px
}

.trainingeditor.mwointroduc.globalri .trainingeditormwocontent h2 {
    margin-top: 5px;
    background: none;
    color: #8c1b44;
    font-size: 23px;
    padding: 10px;
    margin-bottom: 7px;
    line-height: 27px
}

.trainingeditor.mwointroduc.globalri .mwointroductiondesignimg {
    width: 360px;
    height: auto;
    position: absolute;
    bottom: -7px;
    right: -105px
}

.trainingeditor.mwointroduc.globalri .trainingeditormwoimg {
    width: 340px;
    height: auto;
    position: absolute;
    bottom: -6px;
    right: -13px
}

.trainingeditor.mwointroduc.globalri .trainingeditortopsec .trainingeditormwotext h1 {
    font-size: 36.26px
}

.trainingeditor.mwointroduc.globusri .trainingeditormwologo {
    flex: 0 0 270px;
    margin: 0;
    margin-right: 10px
}

.trainingeditor.mwointroduc.globusri .trainingeditormwocontent {
    max-width: 470px;
    margin-top: 5px
}

.trainingeditor.mwointroduc.globusri .trainingeditormwocontent h1 {
    margin-top: 3px;
    background: none;
    color: #8c1b44;
    font-size: 40px;
    padding: 10px;
    margin-bottom: 7px;
    line-height: 46px
}

.trainingeditor.mwointroduc.globusri .mwointroductiondesignimg {
    width: 450px;
    height: auto;
    position: absolute;
    bottom: -7px;
    right: -60px
}

.trainingeditor.mwointroduc.globusri .trainingeditormwoimg {
    width: 355px;
    height: auto;
    position: absolute;
    bottom: -50px;
    right: 0
}

.trainingeditor.mwointroduc.globusri .trainingeditortopsec .trainingeditormwotext h1 {
    font-size: 36.26px
}

.trainingeditor.mwointroduc.DemandSBN .trainingeditormwologo {
    flex: 0 0 270px;
    margin: 0;
    margin-right: 10px
}

.trainingeditor.mwointroduc.DemandSBN .trainingeditormwocontent {
    max-width: 510px;
    margin-top: 5px
}

.trainingeditor.mwointroduc.DemandSBN .trainingeditormwocontent h1 {
    margin-top: 3px;
    background: none;
    color: #632423;
    font-size: 28px;
    padding: 10px;
    margin-bottom: 7px;
    line-height: 32px
}

.trainingeditor.mwointroduc.DemandSBN .mwointroductiondesignimg {
    width: 404px;
    height: auto;
    position: absolute;
    bottom: -7px;
    right: -43px
}

.trainingeditor.mwointroduc.DemandSBN .trainingeditormwoimg {
    width: 340px;
    height: auto;
    position: absolute;
    bottom: -27px;
    right: -13px
}

.trainingeditor.mwointroduc.DemandSBN .trainingeditortopsec .trainingeditormwotext h1 {
    font-size: 36.26px
}

.trainingeditor.mwointroduc.listinginventory .trainingeditormwologo {
    flex: 0 0 270px;
    margin: 0;
    margin-right: 10px
}

.trainingeditor.mwointroduc.listinginventory .trainingeditormwocontent {
    max-width: 596px
}

.trainingeditor.mwointroduc.listinginventory .trainingeditormwocontent h2 {
    margin-top: 5px;
    background: none;
    color: #060;
    font-size: 23px;
    padding: 10px;
    margin-bottom: 7px;
    line-height: 27px
}

.trainingeditor.mwointroduc.listinginventory .mwointroductiondesignimg {
    height: auto;
    position: absolute;
    bottom: -7px;
    right: -50px;
    width: 352px
}

.trainingeditor.mwointroduc.listinginventory .trainingeditormwoimg {
    width: 450px;
    height: auto;
    position: absolute;
    bottom: -6px;
    right: -30px
}

.trainingeditor.mwointroduc.listinginventory .trainingeditortopsec .trainingeditormwotext h1 {
    font-size: 27.26px;
    line-height: 32px
}

.trainingeditor.mwointroduc.listinginventory .trainingeditormwocontent ul li {
    font-family: 'OpenSansBold';
    font-size: 16px;
    line-height: 20px;
    text-align: left;
    color: #632423;
    margin-bottom: 20px;
    border-left: 0;
    padding-left: 0;
    list-style: disc;
    display: list-item;
    margin-left: 28px
}

.trainingeditor.mwointroduc.FAndMa .trainingeditormwologo {
    flex: 0 0 270px;
    margin: 0;
    margin-right: 10px
}

.trainingeditor.mwointroduc.FAndMa .trainingeditormwocontent {
    max-width: 476px;
    margin-top: 5px
}

.trainingeditor.mwointroduc.FAndMa .trainingeditormwocontent h1 {
    margin-top: 3px;
    background: none;
    color: #632423;
    font-size: 42px;
    padding: 10px 0 0;
    margin-bottom: 7px;
    line-height: 36px
}

.trainingeditor.mwointroduc.FAndMa .trainingeditormwocontent h3 {
    margin-top: 3px;
    background: none;
    color: #632423;
    font-family: 'OpenSansRegular';
    font-weight: 500;
    font-size: 28px;
    padding: 0 0 10px;
    margin-bottom: 7px;
    line-height: 32px
}

.trainingeditor.mwointroduc.FAndMa .mwointroductiondesignimg {
    width: 404px;
    height: auto;
    position: absolute;
    bottom: -7px;
    right: -43px
}

.trainingeditor.mwointroduc.FAndMa .trainingeditormwoimg {
    width: 313px;
    height: auto;
    position: absolute;
    top: 28px;
    right: 10px
}

.trainingeditor.mwointroduc.FAndMa .trainingeditormwoimg img {
    max-height: inherit;
    height: auto
}

.trainingeditor.mwointroduc.FAndMa .trainingeditortopsec .trainingeditormwotext h1 {
    font-size: 36.26px
}

.trainingeditor.mwointroduc.specialization .trainingeditormwologo {
    flex: 0 0 270px;
    margin: 0;
    margin-right: 10px
}

.trainingeditor.mwointroduc.specialization .trainingeditormwocontent {
    max-width: 520px;
    margin-top: 15px
}

.trainingeditor.mwointroduc.specialization .trainingeditormwocontent h2 {
    margin-top: 5px;
    background: none;
    color: #632423;
    font-size: 17px;
    padding: 10px 0 0;
    margin-bottom: 0;
    line-height: 24px
}

.trainingeditor.mwointroduc.specialization .mwointroductiondesignimg {
    width: 356px;
    height: auto;
    position: absolute;
    bottom: -7px;
    right: -14px
}

.trainingeditor.mwointroduc.specialization .trainingeditormwoimg {
    width: 283px;
    height: auto;
    position: absolute;
    bottom: -5px;
    right: 8px
}

.trainingeditor.mwointroduc.specialization .trainingeditortopsec .trainingeditormwotext h1 {
    font-size: 41.26px
}

.trainingeditor.mwointroduc.comparisonquote .trainingeditormwologo {
    flex: 0 0 270px;
    margin: 0;
    margin-right: 10px
}

.trainingeditor.mwointroduc.comparisonquote .trainingeditormwocontent {
    max-width: 610px
}

.trainingeditor.mwointroduc.comparisonquote .trainingeditormwocontent h2 {
    margin-top: 5px;
    font-size: 23px;
    padding: 8px 15px 15px;
    margin-bottom: 20px;
    line-height: 27px
}

.trainingeditor.mwointroduc.comparisonquote .mwointroductiondesignimg {
    height: auto;
    position: absolute;
    bottom: -6px;
    right: -46px;
    width: 365px
}

.trainingeditor.mwointroduc.comparisonquote .trainingeditormwoimg {
    width: 230px;
    height: auto;
    position: absolute;
    bottom: -6px;
    right: 16px
}

.trainingeditor.mwointroduc.comparisonquote .trainingeditormwocontent h1 {
    font-size: 30.26px;
    line-height: 34px;
    background: none;
    color: #632423;
    margin: 10px 0
}

.trainingeditor.mwointroduc.comparisonquote .trainingeditormwocontent ul li {
    font-family: 'OpenSansBold';
    font-size: 16px;
    line-height: 20px;
    text-align: left;
    color: #632423;
    margin-bottom: 20px;
    border-left: 0;
    padding-left: 0;
    list-style: disc;
    display: list-item;
    margin-left: 17px
}

.trainingeditor.mwointroduc .trainingeditormwocontent h2 span {
    font-size: 24px;
    line-height: 33px;
    padding-right: 20px
}

.trainingeditor.mwointroduc.FPAHP .trainingeditormwologo {
    flex: 0 0 270px;
    margin: 0;
    margin-right: 10px
}

.trainingeditor.mwointroduc.FPAHP .trainingeditormwocontent {
    max-width: 100%
}

.trainingeditor.mwointroduc.FPAHP .mwointroductiondesignimg {
    height: auto;
    position: absolute;
    bottom: -7px;
    right: -50px;
    width: 352px
}

.trainingeditor.mwointroduc.FPAHP .trainingeditormwoimg {
    width: 450px;
    height: auto;
    position: absolute;
    bottom: -6px;
    right: -30px
}

.trainingeditor.mwointroduc.FPAHP .trainingeditortopsec .trainingeditormwotext h1 {
    font-size: 27.26px;
    line-height: 32px
}

.trainingeditor.mwointroduc.FPAHP .trainingeditormwocontent ul {
    margin: 0;
    padding: 0;
    column-count: 3;
    column-gap: 0;
    margin-top: 10px
}

.trainingeditor.mwointroduc.FPAHP .trainingeditormwocontent ul li {
    font-family: 'OpenSansBold';
    font-size: 16px;
    line-height: 20px;
    text-align: left;
    color: #632423;
    margin-bottom: 2px;
    border-left: 0;
    list-style: none;
    margin-left: 0;
    break-inside: avoid;
    padding: 5px;
    width: 96%
}

.trainingeditor.mwointroduc.FPAHP .trainingeditormwocontent p {
    margin: 0;
    font-size: 15.98px;
    font-family: 'OpenSansRegular';
    line-height: 21.37px
}

.trainingeditor.mwointroduc.FPAHP .trainingeditormwocontent h2 {
    background: #2cb319;
    background-image: -webkit-linear-gradient(135deg, #2cb319 0%, #16523e 90%);
    background-image: -moz-linear-gradient(135deg, #2cb319 0%, #16523e 90%);
    background-image: -o-linear-gradient(135deg, #2cb319 0%, #16523e 90%);
    background-image: linear-gradient(135deg, #2cb319 0%, #16523e 90%);
    margin-top: 0;
    padding: 3px 8px 10px;
    display: inline-block;
    margin: 0 0 5px;
    width: 95%
}

.trainingeditor.mwointroduc.FPAHP .trainingeditormwocontent span {
    font-size: 16px;
    font-family: 'OpenSansBold';
    line-height: 16px;
    margin-top: 0;
    background: #fff;
    background-image: -webkit-linear-gradient(135deg, #fff 0%, #fff 90%);
    background-image: -moz-linear-gradient(135deg, #fff 0%, #fff 90%);
    background-image: -o-linear-gradient(135deg, #fff 0%, #fff 90%);
    background-image: linear-gradient(135deg, #fff 0%, #fff 90%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 400;
    padding-right: 0;
    text-transform: capitalize
}

.trainingeditor.mwointroduc.FPAHP .trainingeditormwocontent ul li:nth-child(3n+1) {
    order: 1
}

.trainingeditor.mwointroduc.FPAHP .trainingeditormwocontent ul li:nth-child(3n+2) {
    order: 2
}

.trainingeditor.mwointroduc.FPAHP .trainingeditormwocontent ul li:nth-child(3n) {
    order: 3
}

.trainingeditor.mwointroduc.FPAHP .trainingeditormwocontent ul::before,
.trainingeditor.mwointroduc.FPAHP .trainingeditormwocontent ul::after {
    content: "";
    flex-basis: 100%;
    width: 0;
    order: 2
}

.trainingeditor.mwointroduc.PP .trainingeditormwologo {
    flex: 0 0 270px;
    margin: 0;
    margin-right: 10px
}

.trainingeditor.mwointroduc.PP .trainingeditormwocontent {
    max-width: 100%
}

.trainingeditor.mwointroduc.PP .mwointroductiondesignimg {
    height: auto;
    position: absolute;
    bottom: -7px;
    right: -50px;
    width: 352px
}

.trainingeditor.mwointroduc.PP .trainingeditormwoimg {
    width: 450px;
    height: auto;
    position: absolute;
    bottom: -6px;
    right: -30px
}

.trainingeditor.mwointroduc.PP .trainingeditortopsec .trainingeditormwotext h1 {
    font-size: 27.26px;
    line-height: 32px
}

.trainingeditor.mwointroduc.PP .trainingeditormwocontent ul {
    margin: 0;
    padding: 0;
    column-count: 3;
    column-gap: 0;
    margin-top: 10px
}

.trainingeditor.mwointroduc.PP .trainingeditormwocontent ul li {
    font-family: 'OpenSansBold';
    font-size: 16px;
    line-height: 20px;
    text-align: left;
    color: #632423;
    margin-bottom: 2px;
    border-left: 0;
    list-style: none;
    margin-left: 0;
    break-inside: avoid;
    padding: 5px;
    width: 96%
}

.trainingeditor.mwointroduc.PP .trainingeditormwocontent p {
    margin: 0;
    font-size: 15.98px;
    font-family: 'OpenSansRegular';
    line-height: 21.37px
}

.trainingeditor.mwointroduc.PP .trainingeditormwocontent h2 {
    background: #2cb319;
    background-image: -webkit-linear-gradient(135deg, #2cb319 0%, #16523e 90%);
    background-image: -moz-linear-gradient(135deg, #2cb319 0%, #16523e 90%);
    background-image: -o-linear-gradient(135deg, #2cb319 0%, #16523e 90%);
    background-image: linear-gradient(135deg, #2cb319 0%, #16523e 90%);
    margin-top: 0;
    padding: 3px 8px 10px;
    display: inline-block;
    margin: 0 0 5px;
    width: 95%
}

.trainingeditor.mwointroduc.PP .trainingeditormwocontent span {
    font-size: 16px;
    font-family: 'OpenSansBold';
    line-height: 16px;
    margin-top: 0;
    background: #fff;
    background-image: -webkit-linear-gradient(135deg, #fff 0%, #fff 90%);
    background-image: -moz-linear-gradient(135deg, #fff 0%, #fff 90%);
    background-image: -o-linear-gradient(135deg, #fff 0%, #fff 90%);
    background-image: linear-gradient(135deg, #fff 0%, #fff 90%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 400;
    padding-right: 0;
    text-transform: capitalize
}

.trainingeditor.mwointroduc.PP .trainingeditormwocontent ul li:nth-child(3n+1) {
    order: 1
}

.trainingeditor.mwointroduc.PP .trainingeditormwocontent ul li:nth-child(3n+2) {
    order: 2
}

.trainingeditor.mwointroduc.PP .trainingeditormwocontent ul li:nth-child(3n) {
    order: 3
}

.trainingeditor.mwointroduc.PP .trainingeditormwocontent ul::before,
.trainingeditor.mwointroduc.PP .trainingeditormwocontent ul::after {
    content: "";
    flex-basis: 100%;
    width: 0;
    order: 2
}

.trainingeditor.hpsintroduc {
    background: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/hps_main_bg.jpg) right top no-repeat!important;
    margin-bottom: 0;
    background-size: cover!important;
    padding: 0!important;
    border-radius: 0!important;
    overflow: hidden;
    position: relative
}

.trainingeditor.hpsintroduc .trainingeditorhpsbottom {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/hps_footer_img.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    display: block;
    z-index: 2;
    width: 100%;
    min-height: 177px
}

.trainingeditor.hpsintroduc .trainingeditortopsec {
    margin: 50px 0 15px
}

.trainingeditor.hpsintroduc .trainingeditortopsec h2 strong {
    display: inline-flex;
    text-transform: capitalize
}

.trainingeditor.hpsintroduc .trainingeditortopsec h2 strong sup {
    font-size: 18px;
    margin-top: 7px!important;
    margin-left: 3px
}

.trainingeditor.hpsintroduc .trainingeditorhpslogo {
    flex: 0 0 375px;
    display: block;
    margin-right: 25px;
    background-color: #000;
    padding: 10px 25px;
    position: relative
}

.trainingeditor.hpsintroduc .trainingeditorhpslogo img {
    border: none!important;
    max-width: 100%
}

.trainingeditor.hpsintroduc .trainingeditorhpslogo:after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/trainingeditorhpslogo_after_divider.png);
    background-size: cover;
    background-repeat: no-repeat;
    width: 24px;
    height: 284px;
    position: absolute;
    right: -27px;
    top: -15px
}

.trainingeditor.hpsintroduc .trainingeditortopsec h2 {
    font-size: 38.34px;
    font-family: 'RobotoBlack';
    line-height: auto;
    padding: 3px;
    margin: 0;
    text-transform: capitalize
}

.trainingeditor.hpsintroduc.adcpd {
    background: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/hps_adcpd_bg.jpg) right top no-repeat!important;
    margin-bottom: 0;
    background-size: cover!important;
    padding: 0!important;
    border-radius: 0!important;
    overflow: hidden;
    position: relative
}

.trainingeditor.hpsintroduc.adcpd .trainingeditoradcpdbottom {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/hps_footer_img.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    display: block;
    z-index: 2;
    width: 100%;
    min-height: 177px;
    margin-bottom: -5%
}

.trainingeditor.hpsintroduc.adcpd .trainingeditortopsec {
    margin: 0
}

.trainingeditor.hpsintroduc.adcpd .trainingeditorhpscontent {
    margin-left: 245px;
    margin-right: 25px
}

.trainingeditor.hpsintroduc.adcpd .headeronecls {
    background: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/hps_adcpd_headerone_bg.jpg) right top no-repeat!important;
    margin-bottom: 12px;
    background-size: cover!important;
    padding: 0!important;
    border-radius: 10px!important;
    position: relative
}

.trainingeditor.hpsintroduc.adcpd .headeronecls:after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/hps_adcpd_headerone_bg_bottomshadow.png);
    background-size: 100% 24px;
    background-repeat: no-repeat;
    width: 100%;
    height: 24px;
    position: absolute;
    bottom: 0;
    top: 90%;
    left: 0
}

.trainingeditor.hpsintroduc.adcpd .headeronecls h2 {
    display: block;
    font-size: 33.15px;
    font-family: 'RobotoBlack';
    line-height: 33.15px;
    background: #fff;
    background-image: -webkit-linear-gradient(top, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    background-image: -moz-linear-gradient(top, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    background-image: -o-linear-gradient(top, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    background-image: linear-gradient(to bottom, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    white-space: normal;
    word-break: break-word;
    display: inline-block;
    word-wrap: normal;
    resize: none;
    box-sizing: border-box;
    -webkit-background-clip: text;
    -webkit-filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
    -webkit-text-fill-color: transparent;
    position: relative;
    text-transform: inherit;
    width: 100%;
    margin: 0;
    padding: 13px 16px 16px
}

.trainingeditor.hpsintroduc.adcpd .headeronecls h2 strong {
    display: inline-flex
}

.trainingeditor.hpsintroduc.adcpd .headeronecls h2 strong sup {
    font-size: 6px;
    margin-top: -1px!important;
    margin-left: 4px;
    width: 11px;
    height: 11px;
    line-height: 11px;
    border: 1px solid #fff;
    border-radius: 100px;
    text-align: center
}

.trainingeditor.hpsintroduc.adcpd .headertwocls {
    background: transparent;
    margin-bottom: 4px;
    border-radius: 7px!important;
    overflow: hidden;
    position: relative;
    border: 2px solid #fff;
    padding: 5px;
    display: inline-block;
    max-width: 88%
}

.trainingeditor.hpsintroduc.adcpd .headertwocls h3 {
    display: block;
    background: #27a2e1;
    background-image: -webkit-linear-gradient(top, #27a2e1 0%, #1dbbe9 100%);
    background-image: -moz-linear-gradient(top, #27a2e1 0%, #1dbbe9 100%);
    background-image: -o-linear-gradient(top, #27a2e1 0%, #1dbbe9 100%);
    background-image: linear-gradient(to bottom, #27a2e1 0%, #1dbbe9 100%);
    white-space: normal;
    word-break: break-word;
    display: inline-block;
    word-wrap: normal;
    resize: none;
    box-sizing: border-box;
    position: relative;
    width: 100%;
    margin: 0;
    border-radius: 7px!important;
    padding: 4px 12px 8px
}

.trainingeditor.hpsintroduc.adcpd .headertwocls h3 strong {
    font-size: 25.77px;
    font-family: 'RobotoBold';
    line-height: auto;
    color: #fff
}

.trainingeditor.hpsintroduc.adcpd .trainingeditorhpslogo {
    flex: 0 0 151px;
    display: block;
    margin-right: 0;
    background-color: transparent;
    padding: 7px 10px;
    position: relative;
    z-index: 5
}

.trainingeditor.hpsintroduc.adcpd h4 {
    display: block;
    font-size: 23.88px;
    font-family: 'MontserratBold';
    line-height: 21.88px;
    background: #353535;
    background-image: -webkit-linear-gradient(top, #353535 0%, #353535 45%, #000 46%, #000 100%);
    background-image: -moz-linear-gradient(top, #353535 0%, #353535 45%, #000 46%, #000 100%);
    background-image: -o-linear-gradient(top, #353535 0%, #353535 45%, #000 46%, #000 100%);
    background-image: linear-gradient(to bottom, #353535 0%, #353535 45%, #000 46%, #000 100%);
    white-space: normal;
    word-break: break-word;
    display: inline-block;
    word-wrap: normal;
    resize: none;
    box-sizing: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
    text-transform: uppercase;
    width: 100%;
    margin: 0
}

.trainingeditor.hpsintroduc.adcpd .trainingeditorhpslogo:after {
    display: none
}

.trainingeditor.hpsintroduc.adcpd .trainingeditorhpslogo img {
    border: none!important;
    max-width: 100%
}

.trainingeditor.hpsintroduc.adcpd .trainingeditorhpslogobg {
    position: absolute;
    top: 0;
    left: 0
}

.trainingeditor.hpsintroduc.adcpd .trainingeditoradcpdimg {
    width: 222px;
    position: absolute;
    left: 25px;
    bottom: -6px
}

.trainingeditor.hpsintroduc.adcpd .trainingeditoradcpdimg img {
    border: none!important;
    max-width: 100%
}

.trainingeditor.hpsintroduc.adcpd p {
    display: block;
    font-size: 16px;
    font-family: 'MontserratBold';
    line-height: 22px;
}

.trainingeditor.hpsintroduc.adcpd p span {
    color: #ff0000;
    display: initial;
    padding: 0;
}

.trainingeditor.hpsintroduc.AWSIntro {
    background: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/hps_adcpd_bg.jpg) right top no-repeat!important;
    margin-bottom: 0;
    background-size: cover!important;
    padding: 0!important;
    border-radius: 0!important;
    overflow: hidden;
    position: relative
}

.trainingeditor.hpsintroduc.AWSIntro .trainingeditoradcpdbottom {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/hps_footer_img.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    display: block;
    z-index: 99;
    width: 100%;
    min-height: 177px;
    margin-bottom: -5%;
    float: left
}

.trainingeditor.hpsintroduc.AWSIntro .trainingeditortopsec {
    margin: 0
}

.trainingeditor.hpsintroduc.AWSIntro .trainingeditorhpscontent {
    margin-left: 245px;
    margin-right: 25px;
    margin-top: -8%
}

.trainingeditor.hpsintroduc.AWSIntro .headeronecls {
    background: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/hps_adcpd_headerone_bg.jpg) right top no-repeat!important;
    margin-bottom: 12px;
    background-size: cover!important;
    padding: 0!important;
    border-radius: 7px!important;
    position: relative;
    max-width: 94%;
    float: right
}

.trainingeditor.hpsintroduc.AWSIntro .headeronecls:after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/hps_adcpd_headerone_bg_bottomshadow.png);
    background-size: 100% 24px;
    background-repeat: no-repeat;
    width: 100%;
    height: 24px;
    position: absolute;
    bottom: 0;
    top: 90%;
    left: 0
}

.trainingeditor.hpsintroduc.AWSIntro .headeronecls h2 {
    display: block;
    font-size: 27.2px;
    font-family: 'RobotoBlack';
    line-height: 27.2px;
    background: #fff;
    background-image: -webkit-linear-gradient(top, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    background-image: -moz-linear-gradient(top, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    background-image: -o-linear-gradient(top, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    background-image: linear-gradient(to bottom, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    white-space: normal;
    word-break: break-word;
    display: inline-block;
    word-wrap: normal;
    resize: none;
    box-sizing: border-box;
    -webkit-background-clip: text;
    -webkit-filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
    -webkit-text-fill-color: transparent;
    position: relative;
    text-transform: inherit;
    width: 100%;
    margin: 0;
    padding: 13px 16px 16px
}

.trainingeditor.hpsintroduc.AWSIntro .headeronecls h2 strong {
    display: inline-flex
}

.trainingeditor.hpsintroduc.AWSIntro .headertwocls {
    background: transparent;
    margin-bottom: 4px;
    border-radius: 7px!important;
    overflow: hidden;
    position: relative;
    border: 2px solid #fff;
    padding: 5px;
    width: 100%;
    float: right
}

.trainingeditor.hpsintroduc.AWSIntro .headertwocls h3 {
    display: block;
    background: #03a3d0;
    background-image: -webkit-linear-gradient(top, #03a3d0 0%, #006796 100%);
    background-image: -moz-linear-gradient(top, #03a3d0 0%, #006796 100%);
    background-image: -o-linear-gradient(top, #03a3d0 0%, #006796 100%);
    background-image: linear-gradient(to bottom, #03a3d0 0%, #006796 100%);
    white-space: normal;
    word-break: break-word;
    display: inline-block;
    word-wrap: normal;
    resize: none;
    box-sizing: border-box;
    position: relative;
    width: 100%;
    margin: 0;
    border-radius: 7px!important;
    padding: 4px 12px 8px
}

.trainingeditor.hpsintroduc.AWSIntro .headertwocls h3 strong {
    font-size: 23.77px;
    font-family: 'RobotoBold';
    line-height: auto;
    color: #fff;
    -webkit-filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5))
}

.trainingeditor.hpsintroduc.AWSIntro .trainingeditorhpslogo {
    flex: 0 0 151px;
    display: block;
    margin-right: 0;
    background-color: transparent;
    padding: 7px 10px;
    position: relative;
    z-index: 9
}


/* .trainingeditor.hpsintroduc.AWSIntro .headerthreecls h4 {
    display: block;
    font-size: 23.88px;
    font-family: 'MontserratBold';
    line-height: 21.88px;
    background: #1a2534;
    background-image: -webkit-linear-gradient(top, #1a2534 0%, #1a2534 100%);
    background-image: -moz-linear-gradient(top, #1a2534 0%, #1a2534 100%);
    background-image: -o-linear-gradient(top, #1a2534 0%, #1a2534 100%);
    background-image: linear-gradient(to bottom, #1a2534 0%, #1a2534 100%);
    white-space: normal;
    word-break: break-word;
    display: inline-block;
    word-wrap: normal;
    resize: none;
    box-sizing: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
    text-transform: uppercase;
    width: 100%;
    margin: 0
} */

.trainingeditor.hpsintroduc.AWSIntro .trainingeditorhpslogo:after {
    display: none
}

.trainingeditor.hpsintroduc.AWSIntro .trainingeditorhpslogo img {
    border: none!important;
    max-width: 100%
}

.trainingeditor.hpsintroduc.AWSIntro .trainingeditorhpslogobg {
    position: absolute;
    top: 0;
    left: 0
}

.trainingeditor.hpsintroduc.AWSIntro .trainingeditoradcpdimg {
    width: 312px;
    position: absolute;
    left: -23px;
    bottom: 26px
}

.trainingeditor.hpsintroduc.AWSIntro .trainingeditoradcpdimg img {
    border: none!important;
    max-width: 100%
}

.trainingeditor.hpsintroduc.AWSIntro ul {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    flex-wrap: wrap;
    list-style: none;
    float: left
}

.trainingeditor.hpsintroduc.AWSIntro ul li {
    flex: 0 0 49%;
    margin-bottom: 8px;
    position: relative
}

.trainingeditor.hpsintroduc.AWSIntro ul li strong {
    clip-path: polygon(0% 0%, 92% 0, 100% 50%, 92% 100%, 0% 100%);
    padding: 8px 23px 8px 26px;
    display: block;
    margin-left: 18px;
    font-size: 14.82px;
    font-family: 'MontserratBold';
    line-height: 14.82px;
    color: #fff
}

.trainingeditor.hpsintroduc.AWSIntro ul li::before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/circlelisttype_black.png);
    background-position: center left;
    background-repeat: no-repeat;
    background-size: 30px;
    z-index: 9;
    width: 30px;
    height: 30px
}

.trainingeditor.hpsintroduc.AWSIntro ul li:nth-child(3n+1) strong {
    background-color: #f9364d
}

.trainingeditor.hpsintroduc.AWSIntro ul li:nth-child(3n+2) strong {
    background-color: #f15e0f
}

.trainingeditor.hpsintroduc.AWSIntro ul li:nth-child(3n) strong {
    background-color: #162d5b
}

.trainingeditor.hpsintroduc.AWSIntro .headerthreecls {
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#fff', GradientType=1);
    display: block;
    padding: 10px 10px 6px;
    margin-top: 5px;
    float: left
}

.trainingeditor.hpsintroduc.AWSIntro .headerthreecls h4 {
    display: block;
    font-size: 15.64px;
    font-family: 'MontserratBold';
    line-height: 18.64px;
    white-space: normal;
    word-break: break-word;
    display: inline-block;
    word-wrap: normal;
    resize: none;
    box-sizing: border-box;
    position: relative;
    text-transform: inherit;
    width: 100%;
    margin: 0;
    color: #000
}

.trainingeditor.hpsintroduc.AWSIntro h5 {
    display: block;
    font-size: 13.94px;
    font-family: 'MontserratBold';
    line-height: 15.94px;
    white-space: normal;
    word-break: break-word;
    word-wrap: normal;
    resize: none;
    box-sizing: border-box;
    position: relative;
    text-transform: inherit;
    width: 100%;
    color: #1a2534;
    margin: 0;
    padding: 0;
    margin-top: 10px;
    float: left
}

.trainingeditor.hpsintroduc.ODC {
    background: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/hps_adcpd_bg.jpg) right top no-repeat!important;
    margin-bottom: 0;
    background-size: cover!important;
    padding: 0!important;
    border-radius: 0!important;
    overflow: hidden;
    position: relative
}

.trainingeditor.hpsintroduc.ODC .trainingeditoradcpdbottom {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/hps_footer_img.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    display: block;
    z-index: 2;
    width: 100%;
    min-height: 135px;
    margin-bottom: -4%
}

.trainingeditor.hpsintroduc.ODC .trainingeditortopsec {
    margin: 0
}

.trainingeditor.hpsintroduc.ODC .trainingeditorhpscontent {
    margin-left: 245px;
    margin-right: 25px;
    margin-top: -7%;
    padding-bottom: 105px
}

.trainingeditor.hpsintroduc.ODC .headeronecls {
    background: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/hps_adcpd_headerone_bg.jpg) right top no-repeat!important;
    margin-bottom: 12px;
    background-size: cover!important;
    padding: 0!important;
    border-radius: 7px!important;
    position: relative;
    max-width: 94%;
    margin-right: 0;
    margin-left: auto
}

.trainingeditor.hpsintroduc.ODC .headeronecls:after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/hps_adcpd_headerone_bg_bottomshadow.png);
    background-size: 100% 24px;
    background-repeat: no-repeat;
    width: 100%;
    height: 24px;
    position: absolute;
    bottom: 0;
    top: 90%;
    left: 0
}

.trainingeditor.hpsintroduc.ODC .headeronecls h2 {
    display: block;
    font-size: 33.84px;
    font-family: 'RobotoBlack';
    line-height: 27.2px;
    background: #fff;
    background-image: -webkit-linear-gradient(top, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    background-image: -moz-linear-gradient(top, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    background-image: -o-linear-gradient(top, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    background-image: linear-gradient(to bottom, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    white-space: normal;
    word-break: break-word;
    display: inline-block;
    word-wrap: normal;
    resize: none;
    box-sizing: border-box;
    -webkit-background-clip: text;
    -webkit-filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
    -webkit-text-fill-color: transparent;
    position: relative;
    text-transform: inherit;
    width: 100%;
    margin: 0;
    padding: 13px 16px 16px;
    text-align: center
}

.trainingeditor.hpsintroduc.ODC .headeronecls h2 strong {
    display: inline-flex
}

.trainingeditor.hpsintroduc.ODC .headerthreecls {
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#fff', GradientType=1);
    display: block;
    padding: 16px 20px;
    margin-top: 5px;
    margin-right: -4%;
    max-width: 85%;
    margin-left: auto
}

.trainingeditor.hpsintroduc.ODC .headerthreecls h4 span {
    color: #fb2e01;
    display: inherit;
    padding: 0;
}

.trainingeditor.hpsintroduc.ODC .headerthreecls h4 {
    display: block;
    font-size: 14.2px;
    font-family: 'MontserratBold';
    line-height: 19.64px;
    white-space: normal;
    word-break: break-word;
    display: inline-block;
    word-wrap: normal;
    resize: none;
    box-sizing: border-box;
    position: relative;
    width: 100%;
    margin: 0;
    color: #000
}

.trainingeditor.hpsintroduc.ODC .trainingeditorhpslogo {
    flex: 0 0 151px;
    display: block;
    margin-right: 0;
    background-color: transparent;
    padding: 7px 10px;
    position: relative;
    z-index: 9
}

.trainingeditor.hpsintroduc.ODC .trainingeditorhpslogo:after {
    display: none
}

.trainingeditor.hpsintroduc.ODC .trainingeditorhpslogo img {
    border: none!important;
    max-width: 100%
}

.trainingeditor.hpsintroduc.ODC .trainingeditorhpslogobg {
    position: absolute;
    top: 0;
    left: 0
}

.trainingeditor.hpsintroduc.ODC .trainingeditorODCimg {
    width: 460px;
    position: absolute;
    right: 18px;
    bottom: -26px
}

.trainingeditor.hpsintroduc.ODC .trainingeditorODCimg img {
    border: none!important;
    max-width: 100%
}

.trainingeditor.hpsintroduc.ODC .trainingeditorcomputerimg {
    width: 360px;
    position: absolute;
    left: 38px;
    bottom: 58px
}

.trainingeditor.hpsintroduc.ODC .trainingeditorcomputerimg img {
    border: none!important;
    max-width: 100%
}

.trainingeditor.hpsintroduc.SCL {
    background: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/hps_adcpd_bg.jpg) right top no-repeat!important;
    margin-bottom: 0;
    background-size: cover!important;
    padding: 0!important;
    border-radius: 0!important;
    overflow: hidden;
    position: relative
}

.trainingeditor.hpsintroduc.SCL .trainingeditorinner {
    padding-bottom: 85px
}

.trainingeditor.hpsintroduc.SCL .trainingeditoradcpdbottom {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/hps_footer_img.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    z-index: 2;
    width: 100%;
    height: 115px;
    bottom: 0
}

.trainingeditor.hpsintroduc.SCL .trainingeditortopsec {
    margin: 0
}

.trainingeditor.hpsintroduc.SCL .trainingeditorhpscontent {
    margin-left: 245px;
    margin-right: 25px;
    margin-top: -7%;
    padding-bottom: 12px
}

.trainingeditor.hpsintroduc.SCL .headeronecls {
    background: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/hps_adcpd_headerone_bg.jpg) right top no-repeat!important;
    margin-bottom: 12px;
    background-size: cover!important;
    padding: 0!important;
    border-radius: 7px!important;
    position: relative;
    max-width: 94%;
    margin-right: 0;
    margin-left: auto
}

.trainingeditor.hpsintroduc.SCL .headeronecls:after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/hps_adcpd_headerone_bg_bottomshadow.png);
    background-size: 100% 24px;
    background-repeat: no-repeat;
    width: 100%;
    height: 24px;
    position: absolute;
    bottom: 0;
    top: 90%;
    left: 0
}

.trainingeditor.hpsintroduc.SCL .headeronecls h2 {
    display: block;
    font-size: 32.53px;
    font-family: 'RobotoBlack';
    line-height: 32.53px;
    background: #fff;
    background-image: -webkit-linear-gradient(top, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    background-image: -moz-linear-gradient(top, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    background-image: -o-linear-gradient(top, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    background-image: linear-gradient(to bottom, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    white-space: normal;
    word-break: break-word;
    display: inline-block;
    word-wrap: normal;
    resize: none;
    box-sizing: border-box;
    -webkit-background-clip: text;
    -webkit-filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
    -webkit-text-fill-color: transparent;
    position: relative;
    text-transform: inherit;
    width: 100%;
    margin: 0;
    padding: 13px 16px 16px;
    text-align: center
}

.trainingeditor.hpsintroduc.SCL .headeronecls h2 strong {
    display: inline-flex
}

.trainingeditor.hpsintroduc.SCL .headerthreecls {
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#fff', GradientType=1);
    display: block;
    padding: 16px 20px;
    margin-top: 5px;
    margin-right: -4%;
    max-width: 85%;
    margin-left: auto
}

.trainingeditor.hpsintroduc.SCL .headerthreecls h4 span {
    color: #fb2e01
}

.trainingeditor.hpsintroduc.SCL .headerthreecls h4 {
    display: block;
    font-size: 14.2px;
    font-family: 'MontserratBold';
    line-height: 19.64px;
    white-space: normal;
    word-break: break-word;
    display: inline-block;
    word-wrap: normal;
    resize: none;
    box-sizing: border-box;
    position: relative;
    width: 100%;
    margin: 0;
    color: #000
}

.trainingeditor.hpsintroduc.SCL .trainingeditorhpslogo {
    flex: 0 0 151px;
    display: block;
    margin-right: 0;
    background-color: transparent;
    padding: 7px 10px;
    position: relative;
    z-index: 9
}

.trainingeditor.hpsintroduc.SCL .trainingeditorhpslogo:after {
    display: none
}

.trainingeditor.hpsintroduc.SCL .trainingeditorhpslogo img {
    border: none!important;
    max-width: 100%
}

.trainingeditor.hpsintroduc.SCL .trainingeditorhpslogobg {
    position: absolute;
    top: 0;
    left: 0
}

.trainingeditor.hpsintroduc.SCL .trainingeditorSCLimg {
    width: 460px;
    position: absolute;
    right: 18px;
    bottom: -26px
}

.trainingeditor.hpsintroduc.SCL .trainingeditorSCLimg img {
    border: none!important;
    max-width: 100%
}

.trainingeditor.hpsintroduc.SCL .trainingeditorbottomheadercls {
    left: 45px;
    bottom: 50px;
    position: absolute;
    z-index: 7
}

.trainingeditor.hpsintroduc.SCL .trainingeditorbottomheadercls h3 {
    clip-path: polygon(0% 0%, 94% 0, 100% 50%, 94% 100%, 0% 100%);
    padding: 10px 24px;
    font-size: 15.82px;
    font-family: 'MontserratBold';
    line-height: auto;
    color: #fff;
    background-color: #f9364d;
    max-width: 80%;
    margin: 0 auto
}

.trainingeditor.hpsintroduc.SCL ol {
    clear: both;
    list-style: none;
    list-style-type: none;
    column-count: 2;
    list-style-type: none;
    margin: 0 auto;
    display: block;
    padding: 0;
    max-width: 90%
}

.trainingeditor.hpsintroduc.SCL ol li {
    margin: 0 0 20px;
    padding-top: 20px;
    display: block;
    position: relative;
    counter-increment: inst;
    width: 72%;
    float: left
}

.trainingeditor.hpsintroduc.SCL ol li::before {
    content: counter(inst);
    background: #ddd;
    background-image: -webkit-linear-gradient(156deg, #ddd 40%, #f9f8f1 100%);
    background-image: -moz-linear-gradient(156deg, #ddd 40%, #f9f8f1 100%);
    background-image: -o-linear-gradient(156deg, #ddd 40%, #f9f8f1 100%);
    background-image: linear-gradient(156deg, #ddd 40%, #f9f8f1 100%);
    color: #939393;
    font-weight: 700;
    font-style: italic;
    border-radius: 0 .675em .675em 0;
    text-align: center;
    padding-top: 0;
    padding-left: 2.25%;
    left: -5%;
    top: -.65em;
    position: absolute;
    transition: all .2s ease-in-out;
    z-index: 5
}

.trainingeditor.hpsintroduc.SCL ol li .imgwrapper {
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
    width: 72px;
    height: 72px;
    background-color: #e8e7e5;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: -10px;
    top: 63%;
    transform: translateY(-50%);
    z-index: 6
}

.trainingeditor.hpsintroduc.SCL ol li .imgwrapper .imgwrapperinner {
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
    width: 53px;
    height: 53px;
    background-color: #166bfb;
    display: flex;
    align-items: center;
    justify-content: center
}

.trainingeditor.hpsintroduc.SCL ol li .imgwrapper .imgwrapperinner2 {
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
    width: 51px;
    height: 51px;
    background-color: #28f9e1;
    display: flex;
    align-items: center;
    justify-content: center
}

.trainingeditor.hpsintroduc.SCL ol li .imgwrapper .imgwrapperinner2 img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.trainingeditor.hpsintroduc.SCL ol li:nth-child(n+5) {
    float: right
}

.trainingeditor.hpsintroduc.SCL ol li:nth-child(n+5) .imgwrapper {
    right: inherit;
    left: -30px
}

.trainingeditor.hpsintroduc.SCL ol li:nth-child(n+5):before {
    right: 20px;
    left: inherit
}

.trainingeditor.hpsintroduc.SCL ol li:nth-child(n+5) .bgcolor {
    padding: 12px 30px 15px 62px
}

@media (min-width: 33em) {
    .trainingeditor.hpsintroduc.SCL ol li:before {
        border-radius: 50%;
        font-size: 20px;
        height: 30px;
        margin-left: 2.5%;
        padding-left: 0;
        padding-top: 0;
        top: 8px;
        width: 30px;
        z-index: 9;
        line-height: 30px;
        border: 1px solid #fff
    }
}

.trainingeditor.hpsintroduc.SCL .middledesign {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 35px;
    position: relative
}

.trainingeditor.hpsintroduc.SCL .middledesigncarecter {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 170px
}

.trainingeditor.hpsintroduc.SCL ol li .bgcolor {
    background: #295587;
    background-image: -webkit-linear-gradient(left, #295587 40%, #223d5d 100%);
    background-image: -moz-linear-gradient(left, #295587 40%, #223d5d 100%);
    background-image: -o-linear-gradient(left, #295587 40%, #223d5d 100%);
    background-image: linear-gradient(to right, #295587 40%, #223d5d 100%);
    border: 1px solid #c6c6c6;
    white-space: normal;
    word-break: break-word;
    display: inline-block;
    word-wrap: normal;
    resize: none;
    box-sizing: border-box;
    position: relative;
    width: 88%;
    margin: 0;
    border-radius: 7px!important;
    padding: 12px 51px 15px;
    font-size: 12.09px;
    font-family: 'Helveticabold';
    line-height: 14px;
    color: #fff
}

.trainingeditor.hpsintroduc.SCL ol li:nth-child(1) {
    position: relative
}

.trainingeditor.hpsintroduc.SCL ol li:nth-child(1)::after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/line-design1.png);
    background-size: 107px 37px;
    background-repeat: no-repeat;
    width: 107px;
    height: 37px;
    position: absolute;
    bottom: 0;
    top: 70%;
    left: 100%;
    z-index: 5
}

.trainingeditor.hpsintroduc.SCL ol li:nth-child(2) {
    position: relative
}

.trainingeditor.hpsintroduc.SCL ol li:nth-child(2)::after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/line-design2.png);
    background-size: 102px 10px;
    background-repeat: no-repeat;
    width: 102px;
    height: 10px;
    position: absolute;
    bottom: 0;
    top: 60%;
    left: 100%;
    z-index: 5
}

.trainingeditor.hpsintroduc.SCL ol li:nth-child(3) {
    position: relative
}

.trainingeditor.hpsintroduc.SCL ol li:nth-child(3)::after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/line-design3.png);
    background-size: 108px 45px;
    background-repeat: no-repeat;
    width: 108px;
    height: 45px;
    position: absolute;
    bottom: 0;
    top: 11%;
    left: 100%;
    z-index: 5
}

.trainingeditor.hpsintroduc.SCL ol li:nth-child(4) {
    position: relative
}

.trainingeditor.hpsintroduc.SCL ol li:nth-child(4)::after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/line-design4.png);
    background-size: 97px 17px;
    background-repeat: no-repeat;
    width: 97px;
    height: 17px;
    position: absolute;
    bottom: 0;
    top: 50%;
    left: 100%;
    z-index: 5
}

.trainingeditor.hpsintroduc.SCL ol li:nth-child(5) {
    position: relative
}

.trainingeditor.hpsintroduc.SCL ol li:nth-child(5)::after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/line-design5.png);
    background-size: 82px 17px;
    background-repeat: no-repeat;
    width: 82px;
    height: 17px;
    position: absolute;
    bottom: 0;
    top: 72%;
    right: 100%;
    z-index: 5
}

.trainingeditor.hpsintroduc.SCL ol li:nth-child(6) {
    position: relative
}

.trainingeditor.hpsintroduc.SCL ol li:nth-child(6)::after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/line-design6.png);
    background-size: 96px 33px;
    background-repeat: no-repeat;
    width: 96px;
    height: 33px;
    position: absolute;
    bottom: 0;
    top: 26%;
    right: 100%;
    z-index: 5
}

.trainingeditor.hpsintroduc.SCL ol li:nth-child(7) {
    position: relative
}

.trainingeditor.hpsintroduc.SCL ol li:nth-child(7)::after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/line-design7.png);
    background-size: 86px 6px;
    background-repeat: no-repeat;
    width: 86px;
    height: 6px;
    position: absolute;
    bottom: 0;
    top: 65%;
    right: 100%;
    z-index: 5
}

.trainingeditor.hpsintroduc.SCL ol li:nth-child(8) {
    position: relative
}

.trainingeditor.hpsintroduc.SCL ol li:nth-child(8)::after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/line-design8.png);
    background-size: 84px 27px;
    background-repeat: no-repeat;
    width: 84px;
    height: 27px;
    position: absolute;
    bottom: 0;
    top: 30%;
    right: 100%;
    z-index: 5
}

.trainingeditor.hpsintroduc.EarlyDetection {
    background: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/hps_adcpd_bg.jpg) right top no-repeat!important;
    margin-bottom: 0;
    background-size: cover!important;
    padding: 0!important;
    border-radius: 0!important;
    overflow: hidden;
    position: relative
}

.trainingeditor.hpsintroduc.EarlyDetection .trainingeditorinner {
    padding-bottom: 68px!important
}

.trainingeditor.hpsintroduc.EarlyDetection .trainingeditoradcpdbottom {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/hps_footer_img.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    z-index: 2;
    width: 100%;
    min-height: 88px;
    bottom: 0
}

.trainingeditor.hpsintroduc.EarlyDetection .trainingeditortopsec {
    margin: 0
}

.trainingeditor.hpsintroduc.EarlyDetection .trainingeditorhpscontent {
    margin-left: 210px;
    margin-right: 25px;
    margin-top: -8%
}

.trainingeditor.hpsintroduc.EarlyDetection .headeronecls {
    background: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/hps_adcpd_headerone_bg.jpg) right top no-repeat!important;
    margin-bottom: 12px;
    background-size: cover!important;
    padding: 0!important;
    border-radius: 7px!important;
    position: relative;
    max-width: 94%;
    float: right
}

.trainingeditor.hpsintroduc.EarlyDetection .headeronecls:after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/hps_adcpd_headerone_bg_bottomshadow.png);
    background-size: 100% 24px;
    background-repeat: no-repeat;
    width: 100%;
    height: 24px;
    position: absolute;
    bottom: 0;
    top: 90%;
    left: 0
}

.trainingeditor.hpsintroduc.EarlyDetection .headeronecls h2 {
    display: block;
    font-size: 29.2px;
    font-family: 'RobotoBlack';
    line-height: 29.2px;
    background: #fff;
    background-image: -webkit-linear-gradient(top, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    background-image: -moz-linear-gradient(top, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    background-image: -o-linear-gradient(top, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    background-image: linear-gradient(to bottom, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    white-space: normal;
    word-break: break-word;
    display: inline-block;
    word-wrap: normal;
    resize: none;
    box-sizing: border-box;
    -webkit-background-clip: text;
    -webkit-filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
    -webkit-text-fill-color: transparent;
    position: relative;
    text-transform: inherit;
    width: 100%;
    margin: 0;
    padding: 13px 16px 16px
}

.trainingeditor.hpsintroduc.EarlyDetection .headeronecls h2 strong {
    display: inline-flex
}

.trainingeditor.hpsintroduc.EarlyDetection .headertwocls {
    background: transparent;
    margin-bottom: 4px;
    border-radius: 7px!important;
    overflow: hidden;
    position: relative;
    border: 2px solid #fff;
    padding: 5px;
    display: inline-block;
    max-width: 100%
}

.trainingeditor.hpsintroduc.EarlyDetection .headertwocls h3 {
    display: block;
    background: #03a3d0;
    background-image: -webkit-linear-gradient(top, #03a3d0 0%, #006796 100%);
    background-image: -moz-linear-gradient(top, #03a3d0 0%, #006796 100%);
    background-image: -o-linear-gradient(top, #03a3d0 0%, #006796 100%);
    background-image: linear-gradient(to bottom, #03a3d0 0%, #006796 100%);
    white-space: normal;
    word-break: break-word;
    display: inline-block;
    word-wrap: normal;
    resize: none;
    box-sizing: border-box;
    position: relative;
    width: 100%;
    margin: 0;
    border-radius: 7px!important;
    padding: 8px 12px
}

.trainingeditor.hpsintroduc.EarlyDetection .headertwocls h3 strong {
    font-size: 18.46px;
    font-family: 'Helveticabold';
    line-height: 21px;
    color: #fff;
    -webkit-filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
    margin: 0;
    padding: 0;
    display: inline-block;
    text-transform: inherit;
}

.trainingeditor.hpsintroduc.EarlyDetection .headertwocls h3 strong span {
    color: #ffc700;
    display: inherit;
    padding: 0;
}

.trainingeditor.hpsintroduc.EarlyDetection .trainingeditorhpslogo {
    flex: 0 0 151px;
    display: block;
    margin-right: 0;
    background-color: transparent;
    padding: 7px 10px;
    position: relative;
    z-index: 9
}

.trainingeditor.hpsintroduc.EarlyDetection .trainingeditorhpslogo:after {
    display: none
}

.trainingeditor.hpsintroduc.EarlyDetection .trainingeditorhpslogo img {
    border: none!important;
    max-width: 100%
}

.trainingeditor.hpsintroduc.EarlyDetection .trainingeditorhpslogobg {
    position: absolute;
    top: 0;
    left: 0
}

.trainingeditor.hpsintroduc.EarlyDetection .listsclswrapper {
    background: transparent;
    margin-bottom: 4px;
    border-radius: 7px!important;
    overflow: hidden;
    position: relative;
    border: 2px solid #fff;
    padding: 2px;
    display: inline-block;
    margin-left: 25px;
    margin-right: 25px
}

.trainingeditor.hpsintroduc.EarlyDetection .listsclswrapper .listscls {
    background: #fff;
    background-image: -webkit-linear-gradient(top, #fff 0%, #c4d7de 100%);
    background-image: -moz-linear-gradient(top, #fff 0%, #c4d7de 100%);
    background-image: -o-linear-gradient(top, #fff 0%, #c4d7de 100%);
    background-image: linear-gradient(to bottom, #fff 0%, #c4d7de 100%);
    white-space: normal;
    word-break: break-word;
    display: inline-block;
    word-wrap: normal;
    resize: none;
    box-sizing: border-box;
    position: relative;
    width: 100%;
    margin: 0;
    border-radius: 7px!important;
    padding: 10px 12px
}

.trainingeditor.hpsintroduc.EarlyDetection .listsclswrapper .listscls strong {
    font-size: 11.96px;
    font-family: 'Helveticabold';
    line-height: 14px;
    color: #1a1a1a;
    margin-left: 27px;
    display: inline-block
}

.trainingeditor.hpsintroduc.EarlyDetection ul {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    flex-wrap: wrap;
    list-style: none
}

.trainingeditor.hpsintroduc.EarlyDetection ul li {
    flex: 0 0 32.33%;
    margin-bottom: 8px;
    position: relative
}

.trainingeditor.hpsintroduc.EarlyDetection ul li::before {
    content: '';
    position: absolute;
    top: 3px;
    left: 0;
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/circlelisttype_black1.png);
    background-position: center left;
    background-repeat: no-repeat;
    background-size: 21px;
    z-index: 5;
    width: 21px;
    height: 21px
}

.trainingeditor.hpsintroduc.EarlyDetection .headerthreecls {
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#fff', GradientType=1);
    display: block;
    padding: 10px 10px 6px;
    margin-top: 5px
}

.trainingeditor.hpsintroduc.EarlyDetection .headerthreecls h4 {
    display: block;
    font-size: 15.64px;
    font-family: 'MontserratBold';
    line-height: 15.64px;
    white-space: normal;
    word-break: break-word;
    display: inline-block;
    word-wrap: normal;
    resize: none;
    box-sizing: border-box;
    position: relative;
    text-transform: uppercase;
    width: 100%;
    margin: 0;
    color: #000
}

.trainingeditor.hpsintroduc.EarlyDetection h5 {
    display: block;
    font-size: 13.94px;
    font-family: 'MontserratBold';
    line-height: 15.94px;
    white-space: normal;
    word-break: break-word;
    display: inline-block;
    word-wrap: normal;
    resize: none;
    box-sizing: border-box;
    position: relative;
    text-transform: uppercase;
    width: 100%;
    color: #1a2534;
    margin: 0;
    padding: 0;
    margin-top: 10px
}

.trainingeditor.hpsintroduc.MajorRiskFactors {
    background: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/hps_adcpd_bg.jpg) right top no-repeat!important;
    margin-bottom: 0;
    background-size: cover!important;
    padding: 0!important;
    border-radius: 0!important;
    overflow: hidden;
    position: relative
}

.trainingeditor.hpsintroduc.MajorRiskFactors .trainingeditorinner {
    padding-bottom: 90px
}

.trainingeditor.hpsintroduc.MajorRiskFactors .trainingeditoradcpdbottom {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/hps_footer_img.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    z-index: 2;
    width: 100%;
    min-height: 130px;
    bottom: 0
}

.trainingeditor.hpsintroduc.MajorRiskFactors .trainingeditortopsec {
    margin: 0
}

.trainingeditor.hpsintroduc.MajorRiskFactors .trainingeditorhpscontent {
    margin-left: 210px;
    margin-right: 25px;
    margin-top: -8%
}

.trainingeditor.hpsintroduc.MajorRiskFactors .headeronecls {
    background: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/hps_adcpd_headerone_bg.jpg) right top no-repeat!important;
    margin-bottom: 12px;
    background-size: cover!important;
    padding: 0!important;
    border-radius: 7px!important;
    position: relative;
    max-width: 94%;
    float: right
}

.trainingeditor.hpsintroduc.MajorRiskFactors .headeronecls:after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/hps_adcpd_headerone_bg_bottomshadow.png);
    background-size: 100% 24px;
    background-repeat: no-repeat;
    width: 100%;
    height: 24px;
    position: absolute;
    bottom: 0;
    top: 88%;
    left: 0
}

.trainingeditor.hpsintroduc.MajorRiskFactors .headeronecls h2 {
    display: block;
    font-size: 24.28px;
    font-family: 'RobotoBlack';
    line-height: 24.28px;
    background: #fff;
    background-image: -webkit-linear-gradient(top, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    background-image: -moz-linear-gradient(top, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    background-image: -o-linear-gradient(top, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    background-image: linear-gradient(to bottom, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    white-space: normal;
    word-break: break-word;
    display: inline-block;
    word-wrap: normal;
    resize: none;
    box-sizing: border-box;
    -webkit-background-clip: text;
    -webkit-filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
    -webkit-text-fill-color: transparent;
    position: relative;
    text-transform: inherit;
    width: 100%;
    margin: 0;
    padding: 13px 16px 16px
}

.trainingeditor.hpsintroduc.MajorRiskFactors .headeronecls h2 strong {
    display: inline-flex
}

.trainingeditor.hpsintroduc.MajorRiskFactors .headertwocls {
    background: transparent;
    margin-bottom: 4px;
    border-radius: 7px!important;
    overflow: hidden;
    position: relative;
    border: 2px solid #fff;
    padding: 5px;
    display: inline-block;
    max-width: 100%
}

.trainingeditor.hpsintroduc.MajorRiskFactors .headertwocls h3 {
    display: block;
    background: #03a3d0;
    background-image: -webkit-linear-gradient(top, #03a3d0 0%, #006796 100%);
    background-image: -moz-linear-gradient(top, #03a3d0 0%, #006796 100%);
    background-image: -o-linear-gradient(top, #03a3d0 0%, #006796 100%);
    background-image: linear-gradient(to bottom, #03a3d0 0%, #006796 100%);
    white-space: normal;
    word-break: break-word;
    display: inline-block;
    word-wrap: normal;
    resize: none;
    box-sizing: border-box;
    position: relative;
    width: 100%;
    margin: 0;
    border-radius: 7px!important;
    padding: 4px 12px 8px
}

.trainingeditor.hpsintroduc.MajorRiskFactors .headertwocls h3 strong {
    font-size: 32.43px;
    font-family: 'Helveticabold';
    line-height: 32px;
    color: #fff;
    -webkit-filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
    margin: 0;
    padding: 0;
    text-transform: inherit
}

.trainingeditor.hpsintroduc.MajorRiskFactors .headertwocls h3 strong span {
    color: #ffff00;
    display: inherit;
    padding: 0;
}

.trainingeditor.hpsintroduc.MajorRiskFactors .trainingeditorhpslogo {
    flex: 0 0 151px;
    display: block;
    margin-right: 0;
    background-color: transparent;
    padding: 7px 10px;
    position: relative;
    z-index: 9
}

.trainingeditor.hpsintroduc.MajorRiskFactors .trainingeditorhpslogo:after {
    display: none
}

.trainingeditor.hpsintroduc.MajorRiskFactors .trainingeditorhpslogo img {
    border: none!important;
    max-width: 100%
}

.trainingeditor.hpsintroduc.MajorRiskFactors .trainingeditorhpslogobg {
    position: absolute;
    top: 0;
    left: 0
}

.trainingeditor.hpsintroduc.MajorRiskFactors .listsclswrapper {
    background: transparent;
    margin-bottom: 4px;
    border-radius: 7px!important;
    overflow: hidden;
    position: relative;
    border: 2px solid #fff;
    padding: 2px;
    display: inline-block;
    margin-left: 210px;
    margin-right: 25px;
    z-index: 8
}

.trainingeditor.hpsintroduc.MajorRiskFactors .listsclswrapper .listscls {
    background: #fff;
    background-image: -webkit-linear-gradient(top, #fff 0%, #c4d7de 100%);
    background-image: -moz-linear-gradient(top, #fff 0%, #c4d7de 100%);
    background-image: -o-linear-gradient(top, #fff 0%, #c4d7de 100%);
    background-image: linear-gradient(to bottom, #fff 0%, #c4d7de 100%);
    white-space: normal;
    word-break: break-word;
    display: inline-block;
    word-wrap: normal;
    resize: none;
    box-sizing: border-box;
    position: relative;
    width: 100%;
    margin: 0;
    border-radius: 7px!important;
    padding: 10px 12px
}

.trainingeditor.hpsintroduc.MajorRiskFactors .listsclswrapper .listscls strong {
    font-size: 11.96px;
    font-family: 'Helveticabold';
    line-height: 14px;
    color: #1a1a1a;
    margin-left: 27px;
    display: inline-block
}

.trainingeditor.hpsintroduc.MajorRiskFactors .listsclswrapper .listscls ul li:first-child::before {
    display: none
}

.trainingeditor.hpsintroduc.MajorRiskFactors .listsclswrapper .listscls ul li:first-child span {
    font-size: 13.6px;
    font-family: 'Helveticabold';
    color: #000
}

.trainingeditor.hpsintroduc.MajorRiskFactors ul {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    flex-wrap: wrap;
    list-style: none
}

.trainingeditor.hpsintroduc.MajorRiskFactors ul li {
    flex: 0 0 32.33%;
    margin-bottom: 4px;
    position: relative
}

.trainingeditor.hpsintroduc.MajorRiskFactors ul li::before {
    content: '';
    position: absolute;
    top: 3px;
    left: 0;
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/circlelisttype_black1.png);
    background-position: center left;
    background-repeat: no-repeat;
    background-size: 21px;
    z-index: 5;
    width: 21px;
    height: 21px
}

.trainingeditor.hpsintroduc.MajorRiskFactors .headerthreecls {
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#fff', GradientType=1);
    display: block;
    padding: 10px 10px 6px;
    margin-top: 5px
}

.trainingeditor.hpsintroduc.MajorRiskFactors .headerthreecls h4 {
    display: block;
    font-size: 15.64px;
    font-family: 'MontserratBold';
    line-height: 15.64px;
    white-space: normal;
    word-break: break-word;
    display: inline-block;
    word-wrap: normal;
    resize: none;
    box-sizing: border-box;
    position: relative;
    text-transform: uppercase;
    width: 100%;
    margin: 0;
    color: #000
}

.trainingeditor.hpsintroduc.MajorRiskFactors h5 {
    display: block;
    font-size: 13.94px;
    font-family: 'MontserratBold';
    line-height: 15.94px;
    white-space: normal;
    word-break: break-word;
    display: inline-block;
    word-wrap: normal;
    resize: none;
    box-sizing: border-box;
    position: relative;
    text-transform: uppercase;
    width: 100%;
    color: #1a2534;
    margin: 0;
    padding: 0;
    margin-top: 10px
}

.trainingeditor.hpsintroduc.MajorRiskFactors .trainingeditoradcpdimg {
    width: 214px;
    position: absolute;
    left: 12px;
    bottom: 70px
}

.trainingeditor.hpsintroduc.MajorRiskFactors .trainingeditoradcpdimg img {
    border: none!important;
    max-width: 100%
}

.trainingeditor.hpsintroduc.HRFD {
    background: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/hps_adcpd_bg.jpg) right top no-repeat!important;
    margin-bottom: 0;
    background-size: cover!important;
    padding: 0!important;
    border-radius: 0!important;
    overflow: hidden;
    position: relative
}

.trainingeditor.hpsintroduc.HRFD .trainingeditorinner {
    padding-bottom: 18px
}

.trainingeditor.hpsintroduc.HRFD .trainingeditoradcpdbottom {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/hps_footer_img.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    z-index: 2;
    width: 100%;
    height: 88px;
    bottom: 0
}

.trainingeditor.hpsintroduc.HRFD .trainingeditortopsec {
    margin: 0
}

.trainingeditor.hpsintroduc.HRFD .trainingeditorhpscontent {
    margin-left: 210px;
    margin-right: 25px;
    margin-top: -8%
}

.trainingeditor.hpsintroduc.HRFD .headeronecls {
    background: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/hps_adcpd_headerone_bg.jpg) right top no-repeat!important;
    margin-bottom: 12px;
    background-size: cover!important;
    padding: 0!important;
    border-radius: 7px!important;
    position: relative;
    max-width: 94%;
    float: right
}

.trainingeditor.hpsintroduc.HRFD .headeronecls:after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/hps_adcpd_headerone_bg_bottomshadow.png);
    background-size: 100% 24px;
    background-repeat: no-repeat;
    width: 100%;
    height: 24px;
    position: absolute;
    bottom: 0;
    top: 90%;
    left: 0
}

.trainingeditor.hpsintroduc.HRFD .headeronecls h2 {
    display: block;
    font-size: 27.14px;
    font-family: 'RobotoBlack';
    line-height: 27.14px;
    background: #fff;
    background-image: -webkit-linear-gradient(top, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    background-image: -moz-linear-gradient(top, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    background-image: -o-linear-gradient(top, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    background-image: linear-gradient(to bottom, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    white-space: normal;
    word-break: break-word;
    display: inline-block;
    word-wrap: normal;
    resize: none;
    box-sizing: border-box;
    -webkit-background-clip: text;
    -webkit-filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
    -webkit-text-fill-color: transparent;
    position: relative;
    text-transform: inherit;
    width: 100%;
    margin: 0;
    padding: 13px 16px 16px
}

.trainingeditor.hpsintroduc.HRFD .headeronecls h2 strong {
    display: inline-flex
}

.trainingeditor.hpsintroduc.HRFD .headertwocls {
    background: transparent;
    margin-bottom: 4px;
    border-radius: 7px!important;
    overflow: hidden;
    position: relative;
    border: 2px solid #fff;
    padding: 5px;
    display: inline-block;
    max-width: 100%;
    float: right
}

.trainingeditor.hpsintroduc.HRFD .headertwocls h3 {
    display: block;
    background: #03a3d0;
    background-image: -webkit-linear-gradient(top, #03a3d0 0%, #006796 100%);
    background-image: -moz-linear-gradient(top, #03a3d0 0%, #006796 100%);
    background-image: -o-linear-gradient(top, #03a3d0 0%, #006796 100%);
    background-image: linear-gradient(to bottom, #03a3d0 0%, #006796 100%);
    white-space: normal;
    word-break: break-word;
    display: inline-block;
    word-wrap: normal;
    resize: none;
    box-sizing: border-box;
    position: relative;
    width: 100%;
    margin: 0;
    border-radius: 7px!important;
    padding: 8px 10px 14px
}

.trainingeditor.hpsintroduc.HRFD .headertwocls h3 strong {
    font-size: 22.88px;
    font-family: 'Helveticabold';
    line-height: 24px;
    color: #fff;
    -webkit-filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
    margin: 0;
    padding: 0;
    display: inline-block;
    text-transform: inherit
}

.trainingeditor.hpsintroduc.HRFD .headertwocls h3 strong span {
    color: #ffc700
}

.trainingeditor.hpsintroduc.HRFD .trainingeditorhpslogo {
    flex: 0 0 151px;
    display: block;
    margin-right: 0;
    background-color: transparent;
    padding: 7px 10px;
    position: relative;
    z-index: 9
}

.trainingeditor.hpsintroduc.HRFD .trainingeditorhpslogo:after {
    display: none
}

.trainingeditor.hpsintroduc.HRFD .trainingeditorhpslogo img {
    border: none!important;
    max-width: 100%
}

.trainingeditor.hpsintroduc.HRFD .trainingeditorhpslogobg {
    position: absolute;
    top: 0;
    left: 0
}

.trainingeditor.hpsintroduc.HRFD .listsclswrapper {
    background: transparent;
    margin-bottom: 4px;
    border-radius: 7px!important;
    overflow: hidden;
    position: relative;
    border: 2px solid #fff;
    padding: 2px;
    display: inline-block;
    margin-left: 25px;
    margin-right: 25px;
    z-index: 3
}

.trainingeditor.hpsintroduc.HRFD .listsclswrapper .listscls {
    background: #fff;
    background-image: -webkit-linear-gradient(top, #fff 0%, #c4d7de 100%);
    background-image: -moz-linear-gradient(top, #fff 0%, #c4d7de 100%);
    background-image: -o-linear-gradient(top, #fff 0%, #c4d7de 100%);
    background-image: linear-gradient(to bottom, #fff 0%, #c4d7de 100%);
    white-space: normal;
    word-break: break-word;
    display: inline-block;
    word-wrap: normal;
    resize: none;
    box-sizing: border-box;
    position: relative;
    width: 100%;
    margin: 0;
    border-radius: 7px!important;
    padding: 10px 12px
}

.trainingeditor.hpsintroduc.HRFD .listsclswrapper .listscls strong {
    font-size: 11.96px;
    font-family: 'Helveticabold';
    line-height: 14px;
    color: #1a1a1a;
    margin-left: 27px;
    display: inline-block
}

.trainingeditor.hpsintroduc.HRFD .listsclswrapper .listscls ul li:first-child::before {
    display: none
}

.trainingeditor.hpsintroduc.HRFD .listsclswrapper .listscls ul li:first-child span {
    font-size: 22.6px;
    font-family: 'Helveticabold';
    color: #000
}

.trainingeditor.hpsintroduc.HRFD ul {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    flex-wrap: wrap;
    list-style: none
}

.trainingeditor.hpsintroduc.HRFD ul li {
    flex: 0 0 24%;
    margin-bottom: 8px;
    position: relative
}

.trainingeditor.hpsintroduc.HRFD ul li::before {
    content: '';
    position: absolute;
    top: 3px;
    left: 0;
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/circlelisttype_black1.png);
    background-position: center left;
    background-repeat: no-repeat;
    background-size: 21px;
    z-index: 5;
    width: 21px;
    height: 21px
}

.trainingeditor.hpsintroduc.HRFD .headerthreecls {
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#fff', GradientType=1);
    display: block;
    padding: 10px 10px 6px;
    margin-top: 5px
}

.trainingeditor.hpsintroduc.HRFD .headerthreecls h4 {
    display: block;
    font-size: 15.64px;
    font-family: 'MontserratBold';
    line-height: 15.64px;
    white-space: normal;
    word-break: break-word;
    display: inline-block;
    word-wrap: normal;
    resize: none;
    box-sizing: border-box;
    position: relative;
    text-transform: uppercase;
    width: 100%;
    margin: 0;
    color: #000
}

.trainingeditor.hpsintroduc.HRFD h5 {
    display: block;
    font-size: 13.94px;
    font-family: 'MontserratBold';
    line-height: 15.94px;
    white-space: normal;
    word-break: break-word;
    display: inline-block;
    word-wrap: normal;
    resize: none;
    box-sizing: border-box;
    position: relative;
    text-transform: uppercase;
    width: 100%;
    color: #1a2534;
    margin: 0;
    padding: 0;
    margin-top: 10px
}

.trainingeditor.hpsintroduc.HRFD .listsclsheader {
    display: inline-block;
    margin-left: 25px;
    margin-right: 25px
}

.trainingeditor.hpsintroduc.HRFD .listsclsheader h3 {
    font-size: 15.74px;
    font-family: 'MontserratBold';
    line-height: 15.74px;
    color: #353535;
    white-space: normal;
    word-break: break-word;
    display: inline-block;
    word-wrap: normal;
    resize: none;
    box-sizing: border-box;
    position: relative;
    text-transform: inherit;
    width: 100%;
    margin: 0;
    margin-bottom: 10px
}

.trainingeditor.hpsintroduc.OVP {
    background: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/hps_adcpd_bg.jpg) right top no-repeat!important;
    margin-bottom: 0;
    background-size: cover!important;
    padding: 0!important;
    border-radius: 0!important;
    overflow: hidden;
    position: relative
}

.trainingeditor.hpsintroduc.OVP .trainingeditoradcpdbottom {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/hps_footer2_img.png);
    background-size: 300px 45px;
    background-repeat: no-repeat;
    position: relative;
    display: block;
    z-index: 2;
    width: 100%;
    min-height: 45px;
    background-position: bottom left
}

.trainingeditor.hpsintroduc.OVP .trainingeditortopsec {
    margin: 0
}

.trainingeditor.hpsintroduc.OVP .trainingeditorhpscontent {
    margin-left: 210px;
    margin-right: 25px;
    margin-top: -8%
}

.trainingeditor.hpsintroduc.OVP .headeronecls {
    background: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/hps_adcpd_headerone_bg.jpg) right top no-repeat!important;
    margin-bottom: 12px;
    background-size: cover!important;
    padding: 0!important;
    border-radius: 7px!important;
    position: relative;
    max-width: 94%;
    float: right
}

.trainingeditor.hpsintroduc.OVP .headeronecls:after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/hps_adcpd_headerone_bg_bottomshadow.png);
    background-size: 100% 24px;
    background-repeat: no-repeat;
    width: 100%;
    height: 24px;
    position: absolute;
    bottom: 0;
    top: 90%;
    left: 0
}

.trainingeditor.hpsintroduc.OVP .headeronecls h2 {
    display: block;
    font-size: 32.6px;
    font-family: 'RobotoBlack';
    line-height: 32.6px;
    background: #fff;
    background-image: -webkit-linear-gradient(top, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    background-image: -moz-linear-gradient(top, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    background-image: -o-linear-gradient(top, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    background-image: linear-gradient(to bottom, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    white-space: normal;
    word-break: break-word;
    display: inline-block;
    word-wrap: normal;
    resize: none;
    box-sizing: border-box;
    -webkit-background-clip: text;
    -webkit-filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
    -webkit-text-fill-color: transparent;
    position: relative;
    text-transform: uppercase;
    width: 100%;
    margin: 0;
    padding: 13px 16px 16px
}

.trainingeditor.hpsintroduc.OVP .headeronecls h2 strong {
    display: inline-flex
}

.trainingeditor.hpsintroduc.OVP .headertwocls {
    background: transparent;
    margin-bottom: 4px;
    border-radius: 7px!important;
    overflow: hidden;
    position: relative;
    border: 2px solid #fff;
    padding: 5px;
    display: inline-block;
    max-width: 100%
}

.trainingeditor.hpsintroduc.OVP .headertwocls h3 {
    display: block;
    background: #03a3d0;
    background-image: -webkit-linear-gradient(top, #03a3d0 0%, #006796 100%);
    background-image: -moz-linear-gradient(top, #03a3d0 0%, #006796 100%);
    background-image: -o-linear-gradient(top, #03a3d0 0%, #006796 100%);
    background-image: linear-gradient(to bottom, #03a3d0 0%, #006796 100%);
    white-space: normal;
    word-break: break-word;
    display: inline-block;
    word-wrap: normal;
    resize: none;
    box-sizing: border-box;
    position: relative;
    width: 100%;
    margin: 0;
    border-radius: 7px!important;
    padding: 8px 12px
}

.trainingeditor.hpsintroduc.OVP .headertwocls h3 strong {
    font-size: 22.88px;
    font-family: 'Helveticabold';
    line-height: 26.88px;
    color: #fff;
    -webkit-filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
    margin: 0;
    padding: 0;
    display: inline-block
}

.trainingeditor.hpsintroduc.OVP .headertwocls h3 strong span {
    color: #ffc700
}

.trainingeditor.hpsintroduc.OVP .trainingeditorhpslogo {
    flex: 0 0 151px;
    display: block;
    margin-right: 0;
    background-color: transparent;
    padding: 7px 10px;
    position: relative;
    z-index: 9
}

.trainingeditor.hpsintroduc.OVP .trainingeditorhpslogo:after {
    display: none
}

.trainingeditor.hpsintroduc.OVP .trainingeditorhpslogo img {
    border: none!important;
    max-width: 100%
}

.trainingeditor.hpsintroduc.OVP .trainingeditorhpslogobg {
    position: absolute;
    top: 0;
    left: 0
}

.trainingeditor.hpsintroduc.OVP .listsclswrapper {
    background: transparent;
    margin-bottom: 4px;
    border-radius: 7px!important;
    overflow: hidden;
    position: relative;
    border: 2px solid #fff;
    padding: 2px;
    display: inline-block;
    margin-left: 355px;
    margin-right: 25px;
    z-index: 8
}

.trainingeditor.hpsintroduc.OVP .listsclswrapper .listscls {
    background: #fff;
    background-image: -webkit-linear-gradient(top, #fff 0%, #c4d7de 100%);
    background-image: -moz-linear-gradient(top, #fff 0%, #c4d7de 100%);
    background-image: -o-linear-gradient(top, #fff 0%, #c4d7de 100%);
    background-image: linear-gradient(to bottom, #fff 0%, #c4d7de 100%);
    white-space: normal;
    word-break: break-word;
    display: inline-block;
    word-wrap: normal;
    resize: none;
    box-sizing: border-box;
    position: relative;
    width: 100%;
    margin: 0;
    border-radius: 7px!important;
    padding: 10px 12px
}

.trainingeditor.hpsintroduc.OVP .listsclswrapper .listscls strong {
    font-size: 11.96px;
    font-family: 'Helveticabold';
    line-height: 14px;
    color: #1a1a1a;
    margin-left: 27px;
    display: inline-block
}

.trainingeditor.hpsintroduc.OVP ul {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    flex-wrap: wrap;
    list-style: none
}

.trainingeditor.hpsintroduc.OVP ul li {
    flex: 0 0 32.33%;
    margin-bottom: 4px;
    position: relative
}

.trainingeditor.hpsintroduc.OVP ul li::before {
    content: '';
    position: absolute;
    top: 3px;
    left: 0;
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/circlelisttype_black1.png);
    background-position: center left;
    background-repeat: no-repeat;
    background-size: 21px;
    z-index: 5;
    width: 21px;
    height: 21px
}

.trainingeditor.hpsintroduc.OVP .headerthreecls {
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#fff', GradientType=1);
    display: block;
    padding: 10px 10px 6px;
    margin-top: 5px
}

.trainingeditor.hpsintroduc.OVP .headerthreecls h4 {
    display: block;
    font-size: 15.64px;
    font-family: 'MontserratBold';
    line-height: 15.64px;
    white-space: normal;
    word-break: break-word;
    display: inline-block;
    word-wrap: normal;
    resize: none;
    box-sizing: border-box;
    position: relative;
    text-transform: uppercase;
    width: 100%;
    margin: 0;
    color: #000
}

.trainingeditor.hpsintroduc.OVP h5 {
    display: block;
    font-size: 13.94px;
    font-family: 'MontserratBold';
    line-height: 15.94px;
    white-space: normal;
    word-break: break-word;
    display: inline-block;
    word-wrap: normal;
    resize: none;
    box-sizing: border-box;
    position: relative;
    text-transform: uppercase;
    width: 100%;
    color: #1a2534;
    margin: 0;
    padding: 0;
    margin-top: 10px
}

.trainingeditor.hpsintroduc.OVP .trainingeditoradcpdimg {
    width: 446px;
    position: absolute;
    left: -80px;
    bottom: -15px
}

.trainingeditor.hpsintroduc.OVP .trainingeditoradcpdimg img {
    border: none!important;
    max-width: 100%
}

.trainingeditor.hpsintroduc.OVP .orangeboxcls {
    background-color: #ef5d0f;
    position: relative;
    padding: 12px;
    display: inline-block;
    margin-left: 355px;
    margin-right: 25px;
    z-index: 8;
    box-shadow: 0 2px 6px 1px #000
}

.trainingeditor.hpsintroduc.OVP .orangeboxcls p {
    font-size: 13.74px;
    font-family: 'MontserratBold';
    line-height: 16.74px;
    color: #fff;
    white-space: normal;
    word-break: break-word;
    margin: 0
}

.trainingeditor.hpsintroduc.OVPC {
    background: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/hps_adcpd_bg.jpg) right top no-repeat!important;
    margin-bottom: 0;
    background-size: cover!important;
    padding: 0!important;
    border-radius: 0!important;
    overflow: hidden;
    position: relative
}

.trainingeditor.hpsintroduc.OVPC .trainingeditoradcpdbottom {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/hps_footer2_img.png);
    background-size: 301px 59px;
    background-repeat: no-repeat;
    position: relative;
    display: block;
    z-index: 2;
    width: 100%;
    min-height: 59px;
    background-position: bottom left
}

.trainingeditor.hpsintroduc.OVPC .trainingeditortopsec {
    margin: 0
}

.trainingeditor.hpsintroduc.OVPC .trainingeditorhpscontent {
    margin-left: 250px;
    margin-right: 25px;
    margin-top: -8%;
    z-index: 8;
    position: relative
}

.trainingeditor.hpsintroduc.OVPC .headeronecls {
    background: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/hps_adcpd_headerone_bg.jpg) right top no-repeat!important;
    margin-bottom: 12px;
    background-size: cover!important;
    padding: 0!important;
    border-radius: 7px!important;
    position: relative;
    max-width: 94%;
    float: right
}

.trainingeditor.hpsintroduc.OVPC .headeronecls:after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/hps_adcpd_headerone_bg_bottomshadow.png);
    background-size: 100% 24px;
    background-repeat: no-repeat;
    width: 100%;
    height: 24px;
    position: absolute;
    bottom: 0;
    top: 94%;
    left: 0
}

.trainingeditor.hpsintroduc.OVPC .headeronecls h2 {
    display: block;
    font-size: 23.47px;
    font-family: 'RobotoBlack';
    line-height: 26.47px;
    background: #fff;
    background-image: -webkit-linear-gradient(top, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    background-image: -moz-linear-gradient(top, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    background-image: -o-linear-gradient(top, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    background-image: linear-gradient(to bottom, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    white-space: normal;
    word-break: break-word;
    display: inline-block;
    word-wrap: normal;
    resize: none;
    box-sizing: border-box;
    -webkit-background-clip: text;
    -webkit-filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
    -webkit-text-fill-color: transparent;
    position: relative;
    text-transform: inherit;
    width: 100%;
    margin: 0;
    padding: 13px 16px 16px
}

.trainingeditor.hpsintroduc.OVPC .headeronecls h2 strong {
    display: inline-flex
}

.trainingeditor.hpsintroduc.OVPC .headertwocls {
    background: transparent;
    margin-bottom: 4px;
    border-radius: 7px!important;
    overflow: hidden;
    position: relative;
    border: 2px solid #fff;
    padding: 5px;
    display: inline-block;
    max-width: 100%
}

.trainingeditor.hpsintroduc.OVPC .headertwocls h3 {
    display: block;
    background: #03a3d0;
    background-image: -webkit-linear-gradient(top, #03a3d0 0%, #006796 100%);
    background-image: -moz-linear-gradient(top, #03a3d0 0%, #006796 100%);
    background-image: -o-linear-gradient(top, #03a3d0 0%, #006796 100%);
    background-image: linear-gradient(to bottom, #03a3d0 0%, #006796 100%);
    white-space: normal;
    word-break: break-word;
    display: inline-block;
    word-wrap: normal;
    resize: none;
    box-sizing: border-box;
    position: relative;
    width: 100%;
    margin: 0;
    border-radius: 7px!important;
    padding: 8px 12px
}

.trainingeditor.hpsintroduc.OVPC .headertwocls h3 strong {
    font-size: 22.88px;
    font-family: 'Helveticabold';
    line-height: 26.88px;
    color: #fff;
    -webkit-filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
    margin: 0;
    padding: 0;
    display: inline-block
}

.trainingeditor.hpsintroduc.OVPC .headertwocls h3 strong span {
    color: #ffc700
}

.trainingeditor.hpsintroduc.OVPC .trainingeditorhpslogo {
    flex: 0 0 151px;
    display: block;
    margin-right: 0;
    background-color: transparent;
    padding: 7px 10px;
    position: relative;
    z-index: 9
}

.trainingeditor.hpsintroduc.OVPC .trainingeditorhpslogo:after {
    display: none
}

.trainingeditor.hpsintroduc.OVPC .trainingeditorhpslogo img {
    border: none!important;
    max-width: 100%
}

.trainingeditor.hpsintroduc.OVPC .trainingeditorhpslogobg {
    position: absolute;
    top: 0;
    left: 0
}

.trainingeditor.hpsintroduc.OVPC .listsclswrapper {
    background: transparent;
    margin-bottom: 4px;
    border-radius: 7px!important;
    overflow: hidden;
    position: relative;
    border: 2px solid #fff;
    padding: 2px;
    display: inline-block;
    margin-right: 285px;
    margin-left: 25px;
    z-index: 8
}

.trainingeditor.hpsintroduc.OVPC .listsclswrapper .listscls {
    background: #fff;
    background-image: -webkit-linear-gradient(top, #fff 0%, #c4d7de 100%);
    background-image: -moz-linear-gradient(top, #fff 0%, #c4d7de 100%);
    background-image: -o-linear-gradient(top, #fff 0%, #c4d7de 100%);
    background-image: linear-gradient(to bottom, #fff 0%, #c4d7de 100%);
    white-space: normal;
    word-break: break-word;
    display: inline-block;
    word-wrap: normal;
    resize: none;
    box-sizing: border-box;
    position: relative;
    width: 100%;
    margin: 0;
    border-radius: 7px!important;
    padding: 10px 12px
}

.trainingeditor.hpsintroduc.OVPC .listsclswrapper .listscls strong {
    font-size: 13.1px;
    font-family: 'Helveticabold';
    line-height: 14px;
    color: #1a1a1a;
    margin-left: 30px;
    display: inline-block
}

.trainingeditor.hpsintroduc.OVPC ul {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    flex-wrap: wrap;
    list-style: none
}

.trainingeditor.hpsintroduc.OVPC ul li {
    flex: 0 0 100%;
    margin-bottom: 4px;
    position: relative
}

.trainingeditor.hpsintroduc.OVPC ul li::before {
    content: '';
    position: absolute;
    top: 3px;
    left: 0;
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/circlelisttype_black1.png);
    background-position: center left;
    background-repeat: no-repeat;
    background-size: 21px;
    z-index: 5;
    width: 21px;
    height: 21px
}

.trainingeditor.hpsintroduc.OVPC .listsclswrapper .listscls ul li:first-child::before {
    display: none
}

.trainingeditor.hpsintroduc.OVPC .listsclswrapper .listscls ul li:first-child span {
    font-size: 19.07px;
    font-family: 'Helveticabold';
    color: #000;
    margin-left: 0
}

.trainingeditor.hpsintroduc.OVPC .headerthreecls {
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#fff', GradientType=1);
    display: block;
    padding: 10px 10px 6px;
    margin-top: 5px
}

.trainingeditor.hpsintroduc.OVPC .headerthreecls h4 {
    display: block;
    font-size: 15.64px;
    font-family: 'MontserratBold';
    line-height: 15.64px;
    white-space: normal;
    word-break: break-word;
    display: inline-block;
    word-wrap: normal;
    resize: none;
    box-sizing: border-box;
    position: relative;
    text-transform: uppercase;
    width: 100%;
    margin: 0;
    color: #000
}

.trainingeditor.hpsintroduc.OVPC h5 {
    display: block;
    font-size: 13.94px;
    font-family: 'MontserratBold';
    line-height: 15.94px;
    white-space: normal;
    word-break: break-word;
    display: inline-block;
    word-wrap: normal;
    resize: none;
    box-sizing: border-box;
    position: relative;
    text-transform: uppercase;
    width: 100%;
    color: #1a2534;
    margin: 0;
    padding: 0;
    margin-top: 10px
}

.trainingeditor.hpsintroduc.OVPC .trainingeditoradcpdimg {
    width: 268px;
    position: absolute;
    right: 4px;
    bottom: -5px;
    z-index: 2;
}

.trainingeditor.hpsintroduc.OVPC .trainingeditoradcpdimg img {
    border: none!important;
    max-width: 100%
}

.trainingeditor.hpsintroduc.OVPC .orangeboxcls {
    background-color: #ef5d0f;
    position: relative;
    padding: 12px;
    display: inline-block;
    margin-left: 355px;
    margin-right: 25px;
    z-index: 8;
    box-shadow: 0 2px 6px 1px #000
}

.trainingeditor.hpsintroduc.OVPC .orangeboxcls p {
    font-size: 13.74px;
    font-family: 'MontserratBold';
    line-height: 16.74px;
    color: #fff;
    white-space: normal;
    word-break: break-word;
    margin: 0
}

.trainingeditor.hpsintroduc.OVPC .pinkboxcls {
    background: #fe4b9a;
    background-image: -webkit-linear-gradient(top, #fe4b9a 0%, #ac2da8 100%);
    background-image: -moz-linear-gradient(top, #fe4b9a 0%, #ac2da8 100%);
    background-image: -o-linear-gradient(top, #fe4b9a 0%, #ac2da8 100%);
    background-image: linear-gradient(to bottom, #fe4b9a 0%, #ac2da8 100%);
    position: relative;
    padding: 12px;
    display: inline-block;
    margin-left: 25px;
    margin-right: 285px;
    z-index: 8;
    border: 9px solid #ffff;
}

.trainingeditor.hpsintroduc.OVPC .pinkboxcls p {
    font-size: 16.24px;
    font-family: 'MontserratBold';
    line-height: 19.74px;
    color: #fff;
    white-space: normal;
    word-break: break-word;
    margin: 0
}

.trainingeditor.hpsintroduc.OVPC .blueboxcls {
    background: #0080ba;
    background-image: -webkit-linear-gradient(top, #0080ba 0%, #03a5ef 100%);
    background-image: -moz-linear-gradient(top, #0080ba 0%, #03a5ef 100%);
    background-image: -o-linear-gradient(top, #0080ba 0%, #03a5ef 100%);
    background-image: linear-gradient(to bottom, #0080ba 0%, #03a5ef 100%);
    position: relative;
    padding: 12px;
    display: inline-block;
    margin-left: 25px;
    margin-right: 285px;
    z-index: 8;
    box-shadow: 0 2px 6px 1px #000;
    border: 5px solid #ffff;
    margin-top: 10px
}

.trainingeditor.hpsintroduc.OVPC .blueboxcls p {
    font-size: 11.24px;
    font-family: 'MontserratBold';
    line-height: 16.74px;
    color: #fff;
    white-space: normal;
    word-break: break-word;
    margin: 0
}

.trainingeditor.hpsintroduc.AVIOP {
    background: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/hps_adcpd_bg.jpg) right top no-repeat!important;
    margin-bottom: 0;
    background-size: cover!important;
    padding: 0!important;
    border-radius: 0!important;
    overflow: hidden;
    position: relative;
    padding-bottom: 8px!important
}

.trainingeditor.hpsintroduc.AVIOP .trainingeditoradcpdbottom {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/hps_footer2_img.png);
    background-size: 301px 59px;
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    z-index: 2;
    width: 100%;
    min-height: 59px;
    bottom: 0
}

.trainingeditor.hpsintroduc.AVIOP .trainingeditortopsec {
    margin: 0
}

.trainingeditor.hpsintroduc.AVIOP .trainingeditorhpscontent {
    margin-left: 210px;
    margin-right: 25px;
    margin-top: -8%
}

.trainingeditor.hpsintroduc.AVIOP .headeronecls {
    background: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/hps_adcpd_headerone_bg.jpg) right top no-repeat!important;
    margin-bottom: 12px;
    background-size: cover!important;
    padding: 0!important;
    border-radius: 7px!important;
    position: relative;
    max-width: 94%;
    float: right
}

.trainingeditor.hpsintroduc.AVIOP .headeronecls:after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/hps_adcpd_headerone_bg_bottomshadow.png);
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 24px;
    position: absolute;
    bottom: 0;
    top: 90%;
    left: 0
}

.trainingeditor.hpsintroduc.AVIOP .headeronecls h2 {
    display: block;
    font-size: 25.17px;
    font-family: 'RobotoBlack';
    line-height: 25.17px;
    background: #fff;
    background-image: -webkit-linear-gradient(top, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    background-image: -moz-linear-gradient(top, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    background-image: -o-linear-gradient(top, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    background-image: linear-gradient(to bottom, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    white-space: normal;
    word-break: break-word;
    display: inline-block;
    word-wrap: normal;
    resize: none;
    box-sizing: border-box;
    -webkit-background-clip: text;
    -webkit-filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
    -webkit-text-fill-color: transparent;
    position: relative;
    text-transform: uppercase;
    width: 100%;
    margin: 0;
    padding: 13px 16px 16px
}

.trainingeditor.hpsintroduc.AVIOP .headeronecls h2 strong {
    display: inline-flex
}

.trainingeditor.hpsintroduc.AVIOP .headertwocls {
    background: transparent;
    margin-bottom: 4px;
    border-radius: 7px!important;
    overflow: hidden;
    position: relative;
    border: 2px solid #fff;
    padding: 5px;
    display: inline-block;
    max-width: 100%
}

.trainingeditor.hpsintroduc.AVIOP .trainingeditorhpslogo {
    flex: 0 0 151px;
    display: block;
    margin-right: 0;
    background-color: transparent;
    padding: 7px 10px;
    position: relative;
    z-index: 9
}

.trainingeditor.hpsintroduc.AVIOP .trainingeditorhpslogo:after {
    display: none
}

.trainingeditor.hpsintroduc.AVIOP .trainingeditorhpslogo img {
    border: none!important;
    max-width: 100%
}

.trainingeditor.hpsintroduc.AVIOP .trainingeditorhpslogobg {
    position: absolute;
    top: 0;
    left: 0
}

.trainingeditor.hpsintroduc.AVIOP .purpleboxcls {
    background: #6f65d2;
    background-image: -webkit-linear-gradient(top, #6f65d2 0%, #4d43ab 100%);
    background-image: -moz-linear-gradient(top, #6f65d2 0%, #4d43ab 100%);
    background-image: -o-linear-gradient(top, #6f65d2 0%, #4d43ab 100%);
    background-image: linear-gradient(to bottom, #6f65d2 0%, #4d43ab 100%);
    position: relative;
    padding: 12px;
    display: inline-block;
    margin-left: 234px;
    margin-right: 25px;
    z-index: 8;
    box-shadow: 0 2px 6px 1px #000;
    margin-top: 2px
}

.trainingeditor.hpsintroduc.AVIOP .purpleboxcls p {
    font-size: 14.65px;
    font-family: 'MontserratBold';
    line-height: 16.74px;
    color: #fff;
    white-space: normal;
    word-break: break-word;
    margin: 0
}

.trainingeditor.hpsintroduc.AVIOP .trainingeditorcomputerimg {
    width: 563px;
    float: right;
    position: relative;
    z-index: 3
}

.trainingeditor.hpsintroduc.AVIOP .trainingeditorcomputerimg img {
    border: none!important;
    max-width: 100%
}

.trainingeditor.hpsintroduc.AVIOP .trainingeditoradcpdimg {
    width: 360px;
    position: absolute;
    left: 0;
    bottom: -6px;
    z-index: 1
}

.trainingeditor.hpsintroduc.AVIOP .trainingeditoradcpdimg img {
    border: none!important;
    max-width: 100%
}

.trainingeditor.hpsintroduc.WWH {
    background: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/hps_adcpd_bg.jpg) right top no-repeat!important;
    margin-bottom: 0;
    background-size: cover!important;
    padding: 0!important;
    border-radius: 0!important;
    overflow: hidden;
    position: relative;
    padding-bottom: 8px!important
}

.trainingeditor.hpsintroduc.WWH .trainingeditoradcpdbottom {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/hps_footer2_img.png);
    background-size: 301px 59px;
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    z-index: 2;
    width: 100%;
    min-height: 59px;
    bottom: 0
}

.trainingeditor.hpsintroduc.WWH .trainingeditortopsec {
    margin: 0
}

.trainingeditor.hpsintroduc.WWH .trainingeditorhpscontent {
    margin-left: 210px;
    margin-right: 25px;
    margin-top: -8%
}

.trainingeditor.hpsintroduc.WWH .headeronecls {
    background: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/hps_adcpd_headerone_bg.jpg) right top no-repeat!important;
    margin-bottom: 12px;
    background-size: cover!important;
    padding: 0!important;
    border-radius: 7px!important;
    position: relative;
    max-width: 94%;
    float: right
}

.trainingeditor.hpsintroduc.WWH .headeronecls:after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/hps_adcpd_headerone_bg_bottomshadow.png);
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 24px;
    position: absolute;
    bottom: 0;
    top: 90%;
    left: 0
}

.trainingeditor.hpsintroduc.WWH .headeronecls h2 {
    display: block;
    font-size: 23.52px;
    font-family: 'RobotoBlack';
    line-height: 25.17px;
    background: #fff;
    background-image: -webkit-linear-gradient(top, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    background-image: -moz-linear-gradient(top, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    background-image: -o-linear-gradient(top, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    background-image: linear-gradient(to bottom, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    white-space: normal;
    word-break: break-word;
    display: inline-block;
    word-wrap: normal;
    resize: none;
    box-sizing: border-box;
    -webkit-background-clip: text;
    -webkit-filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
    -webkit-text-fill-color: transparent;
    position: relative;
    text-transform: uppercase;
    width: 100%;
    margin: 0;
    padding: 13px 16px 16px
}

.trainingeditor.hpsintroduc.WWH .headeronecls h2 strong {
    display: inline-flex
}

.trainingeditor.hpsintroduc.WWH .headertwocls {
    background: transparent;
    margin-bottom: 4px;
    border-radius: 7px!important;
    overflow: hidden;
    position: relative;
    border: 2px solid #fff;
    padding: 5px;
    display: inline-block;
    max-width: 100%
}

.trainingeditor.hpsintroduc.WWH .trainingeditorhpslogo {
    flex: 0 0 151px;
    display: block;
    margin-right: 0;
    background-color: transparent;
    padding: 7px 10px;
    position: relative;
    z-index: 9
}

.trainingeditor.hpsintroduc.WWH .trainingeditorhpslogo:after {
    display: none
}

.trainingeditor.hpsintroduc.WWH .trainingeditorhpslogo img {
    border: none!important;
    max-width: 100%
}

.trainingeditor.hpsintroduc.WWH .trainingeditorhpslogobg {
    position: absolute;
    top: 0;
    left: 0
}

.trainingeditor.hpsintroduc.WWH .greenboxcls {
    background: #78dc00;
    background-image: -webkit-linear-gradient(top, #78dc00 0%, #058006 100%);
    background-image: -moz-linear-gradient(top, #78dc00 0%, #058006 100%);
    background-image: -o-linear-gradient(top, #78dc00 0%, #058006 100%);
    background-image: linear-gradient(to bottom, #78dc00 0%, #058006 100%);
    position: relative;
    padding: 12px;
    display: inline-block;
    margin-left: 234px;
    margin-right: 25px;
    z-index: 8;
    box-shadow: 0 2px 6px 1px #000;
    margin-top: 2px
}

.trainingeditor.hpsintroduc.WWH .greenboxcls p {
    font-size: 14.65px;
    font-family: 'MontserratBold';
    line-height: 16.74px;
    color: #fff;
    white-space: normal;
    word-break: break-word;
    margin: 0
}

.trainingeditor.hpsintroduc.WWH .trainingeditorcomputerimg {
    width: 563px;
    float: right;
    position: relative;
    z-index: 3
}

.trainingeditor.hpsintroduc.WWH .trainingeditorcomputerimg img {
    border: none!important;
    max-width: 100%
}

.trainingeditor.hpsintroduc.WWH .trainingeditoradcpdimg {
    width: 253px;
    position: absolute;
    left: 14px;
    bottom: -1px;
    z-index: 1
}

.trainingeditor.hpsintroduc.WWH .trainingeditoradcpdimg img {
    border: none!important;
    max-width: 100%
}

.trainingeditor.hpsintroduc.PhyTax {
    background: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/hps_adcpd_bg.jpg) right top no-repeat!important;
    margin-bottom: 0;
    background-size: cover!important;
    padding: 0!important;
    border-radius: 0!important;
    overflow: hidden;
    position: relative;
    padding-bottom: 5px!important
}

.trainingeditor.hpsintroduc.PhyTax .trainingeditoradcpdbottom {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/hps_footer_img.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    display: block;
    z-index: 2;
    width: 100%;
    min-height: 177px;
    margin-bottom: -5%
}

.trainingeditor.hpsintroduc.PhyTax .trainingeditortopsec {
    margin: 0
}

.trainingeditor.hpsintroduc.PhyTax .trainingeditorhpscontent {
    margin-left: 270px;
    margin-right: 25px;
    margin-top: -10%
}

.trainingeditor.hpsintroduc.PhyTax .headeronecls {
    background: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/hps_adcpd_headerone_bg.jpg) right top no-repeat!important;
    margin-bottom: 12px;
    background-size: cover!important;
    padding: 0!important;
    border-radius: 7px!important;
    position: relative;
    max-width: 94%;
    float: right
}

.trainingeditor.hpsintroduc.PhyTax .headeronecls:after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/hps_adcpd_headerone_bg_bottomshadow.png);
    background-size: 100% 24px;
    background-repeat: no-repeat;
    width: 100%;
    height: 24px;
    position: absolute;
    bottom: 0;
    top: 90%;
    left: 0
}

.trainingeditor.hpsintroduc.PhyTax .headeronecls h2 {
    display: block;
    font-size: 27.2px;
    font-family: 'RobotoBlack';
    line-height: 27.2px;
    background: #fff;
    background-image: -webkit-linear-gradient(top, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    background-image: -moz-linear-gradient(top, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    background-image: -o-linear-gradient(top, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    background-image: linear-gradient(to bottom, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    white-space: normal;
    word-break: break-word;
    display: inline-block;
    word-wrap: normal;
    resize: none;
    box-sizing: border-box;
    -webkit-background-clip: text;
    -webkit-filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
    -webkit-text-fill-color: transparent;
    position: relative;
    text-transform: uppercase;
    width: 100%;
    margin: 0;
    padding: 13px 16px 16px
}

.trainingeditor.hpsintroduc.PhyTax .headeronecls h2 strong {
    display: inline-flex
}

.trainingeditor.hpsintroduc.PhyTax .headertwocls {
    margin: 0;
    margin-left: 150px;
    margin-right: 23px
}

.trainingeditor.hpsintroduc.PhyTax .headertwocls h3 {
    display: block;
    background: #03a3d0;
    background-image: -webkit-linear-gradient(top, #03a3d0 0%, #006796 100%);
    background-image: -moz-linear-gradient(top, #03a3d0 0%, #006796 100%);
    background-image: -o-linear-gradient(top, #03a3d0 0%, #006796 100%);
    background-image: linear-gradient(to bottom, #03a3d0 0%, #006796 100%);
    white-space: normal;
    word-break: break-word;
    display: inline-block;
    word-wrap: normal;
    resize: none;
    box-sizing: border-box;
    position: relative;
    width: 100%;
    margin: 0;
    border-radius: 7px!important;
    padding: 4px 12px 8px
}

.trainingeditor.hpsintroduc.PhyTax .headertwocls h3 strong {
    font-size: 22.77px;
    font-family: 'RobotoBold';
    line-height: auto;
    color: #fff;
    -webkit-filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5))
}

.trainingeditor.hpsintroduc.PhyTax .trainingeditorhpslogo {
    flex: 0 0 151px;
    display: block;
    margin-right: 0;
    background-color: transparent;
    padding: 7px 10px;
    position: relative;
    z-index: 9
}

.trainingeditor.hpsintroduc.PhyTax .trainingeditorhpslogo img {
    border: none!important;
    max-width: 100%
}

.trainingeditor.hpsintroduc.PhyTax .trainingeditorhpslogobg {
    position: absolute;
    top: 0;
    left: 0
}

.trainingeditor.hpsintroduc.PhyTax .trainingeditorhpslogo:after {
    display: none
}

.trainingeditor.hpsintroduc.PhyTax .trainingeditoradcpdimg {
    width: 312px;
    position: absolute;
    left: -23px;
    bottom: 26px
}

.trainingeditor.hpsintroduc.PhyTax .trainingeditoradcpdimg img {
    border: none!important;
    max-width: 100%
}

.trainingeditor.hpsintroduc.PhyTax ul {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    flex-wrap: wrap;
    list-style: none;
    margin-left: 90px;
    margin-right: 25px;
    margin-top: 10px
}

.trainingeditor.hpsintroduc.PhyTax ul li {
    flex: 0 0 100%;
    margin-bottom: 8px;
    position: relative
}

.trainingeditor.hpsintroduc.PhyTax ul li strong {
    clip-path: polygon(0% 0%, 100% 0, 100% 50%, 100% 100%, 0% 100%);
    padding: 10px 23px 10px 26px;
    display: block;
    margin-left: 18px;
    font-size: 12.16px;
    font-family: 'MontserratBold';
    line-height: normal;
    color: #fff
}

.trainingeditor.hpsintroduc.PhyTax ul li::before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/circlelisttype_black.png);
    background-position: center left;
    background-repeat: no-repeat;
    background-size: 30px;
    z-index: 9;
    width: 30px;
    height: 30px
}

.trainingeditor.hpsintroduc.PhyTax ul li strong {
    background: #02baf1;
    background-image: -webkit-linear-gradient(top, #02baf1 0%, #0276a3 100%);
    background-image: -moz-linear-gradient(top, #02baf1 0%, #0276a3 100%);
    background-image: -o-linear-gradient(top, #02baf1 0%, #0276a3 100%);
    background-image: linear-gradient(to bottom, #02baf1 0%, #0276a3 100%);
    white-space: normal;
    word-break: break-word
}

.trainingeditor.hpsintroduc.PhyTax .headerthreecls {
    background: -moz-linear-gradient(left, rgba(36, 71, 110, 1) 75%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(75%, rgba(36, 71, 110, 1)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, rgba(36, 71, 110, 1) 75%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, rgba(36, 71, 110, 1) 75%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(left, rgba(36, 71, 110, 1) 75%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(36, 71, 110, 1) 75%, rgba(255, 255, 255, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#fff', GradientType=1);
    display: block;
    padding: 8px 10px 9px;
    margin-top: 8px;
    margin-left: 60px;
    margin-right: 25px;
    position: relative
}

.trainingeditor.hpsintroduc.PhyTax .headerthreecls h4 {
    display: block;
    font-size: 22px;
    font-family: 'MontserratBold';
    line-height: 23px;
    white-space: normal;
    word-break: break-word;
    display: inline-block;
    word-wrap: normal;
    resize: none;
    box-sizing: border-box;
    position: relative;
    text-transform: inherit;
    width: 100%;
    margin: 0;
    color: #fff
}

.trainingeditor.hpsintroduc.PhyTax .headerthreecls::before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -35px;
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/circlelisttype_black.png);
    background-position: center left;
    background-repeat: no-repeat;
    background-size: 30px;
    z-index: 9;
    width: 30px;
    height: 30px
}


/*------END HPS CSS------*/


/*-------Media section koushik----*/

@media screen and (max-width: 1366px) {
    .trainingeditor.mwointroduc .trainingeditormwocontent {
        max-width: 61%
    }
    .trainingeditor.hpsintroduc.adcpd h4 {
        font-size: 19px
    }
    .trainingeditor.hpsintroduc.adcpd .headeronecls h2 {
        font-size: 30px
    }
    .trainingeditor.hpsintroduc.AWSIntro .headertwocls h3 strong {
        font-size: 21px
    }
}

@media screen and (max-width: 1300px) {
    .trainingeditor.mwointroduc .trainingeditormwocontent {
        max-width: 58%
    }
    .trainingeditor.hpsintroduc .trainingeditortopsec h2 {
        font-size: 35px
    }
    .trainingeditor.jointventureprogram .trainingeditorcontentinner .boxlist ul li {
        flex: 1 1 37%
    }
    .trainingeditor.weoffer .trainingeditorlogo {
        max-width: 270px
    }
    .trainingeditor.weoffer .trainingeditorinner h1 {
        font-size: 24px;
        line-height: 25px
    }
    .trainingeditor.hpsintroduc.adcpd .headertwocls h3 strong {
        font-size: 22px
    }
    .trainingeditor.hpsintroduc.adcpd .headeronecls h2 {
        font-size: 24px
    }
    .trainingeditor.hpsintroduc.AWSIntro .headertwocls h3 strong {
        font-size: 20px
    }
}

@media screen and (max-width: 1220px) {
    .trainingeditor.hpsintroduc.AWSIntro .headertwocls h3 strong {
        font-size: 19px
    }
    .trainingeditor.hpsintroduc.ODC .trainingeditorcomputerimg {
        width: 330px
    }
}

@media screen and (max-width: 1199px) {
    .trainingeditortopsec .trainingeditormwotext h1 {
        font-size: 24px!important;
        line-height: 24px!important;
        margin-top: 10px
    }
    .trainingeditortopsec .trainingeditormwotext h3 {
        font-size: 15px!important;
        line-height: 15px!important;
        margin-top: 10px
    }
    .trainingeditor.mwointroduc .trainingeditormwocontent {
        max-width: 53%
    }
    .trainingeditor.mwointroduc .mwointroductiondesignimg {
        width: 318px
    }
    .trainingeditor.mwointroduc.globalri .trainingeditormwoimg img {
        margin-top: -14%;
        margin-left: -12%
    }
    .trainingeditor.welcomeonboard .trainingeditorcontentinner h2 {
        font-size: 25px;
        line-height: 30px
    }
    .trainingeditor.hpsintroduc.OVP ul li {
        flex: 0 0 48%
    }
    .trainingeditor.hpsintroduc .trainingeditortopsec h2 {
        font-size: 28px
    }
    .training_center_wrapper mat-card-title {
        font-size: 20px!important
    }
    .trainingeditor.apogeeinvent .trainingeditorlogo {
        max-width: 270px
    }
    .trainingeditor.apogeeinvent .trainingeditorimg {
        width: 300px
    }
    .trainingeditor.apogeeinvent .trainingeditorcontentinner h2:before {
        width: 30%
    }
    .trainingeditor.apogeeinvent .trainingeditorcontentinner h2:after {
        width: 30%
    }
    .trainingeditor.uta .trainingeditorimg {
        width: 380px
    }
    .trainingeditor.uta .trainingeditorlogo {
        max-width: 230px
    }
    .trainingeditor.uta .trainingeditorcontent {
        margin-top: 95px
    }
    .trainingeditor.medworldone .trainingeditorimg {
        width: 380px
    }
    .trainingeditor.medworldone .trainingeditorlogo {
        max-width: 230px
    }
    .trainingeditor.medworldone .trainingeditorcontent {
        margin-top: 95px
    }
    .trainingeditor.jointventureprogram .trainingeditorimg {
        width: 380px
    }
    .trainingeditor.jointventureprogram .trainingeditorlogo {
        max-width: 230px
    }
    .trainingeditor.jointventureprogram .trainingeditorcontent {
        margin-top: 95px
    }
    .trainingeditor.cosc .trainingeditorcenter h1 {
        font-size: 24px!important;
        line-height: 24px!important;
        margin-top: 10px
    }
    .trainingeditor.weoffer .trainingeditorinner h1 {
        font-size: 21px;
        line-height: 24px;
        width: 59%
    }
    .trainingeditor.weoffer .trainingeditorlogo {
        max-width: 210px;
        top: 8%
    }
    .trainingeditor.closedesksupport .trainingeditorcenter h1 {
        font-size: 24px!important;
        line-height: 24px!important;
        margin-top: 10px
    }
    .trainingeditor.closedesksupport .trainingeditorcontentinner p {
        max-width: 90%
    }
    .trainingeditor.hpsintroduc.adcpd .headertwocls h3 strong {
        font-size: 20px
    }
    .trainingeditor.hpsintroduc.adcpd h4 {
        font-size: 17px
    }
    .trainingeditor.hpsintroduc .trainingeditorhpslogo:after {
        display: none
    }
    .trainingeditor.hpsintroduc.adcpd .headeronecls h2 {
        font-size: 22px;
        line-height: normal
    }
    .trainingeditor.hpsintroduc.AWSIntro .headertwocls h3 strong {
        font-size: 18px
    }
    .trainingeditor.hpsintroduc.ODC .trainingeditorcomputerimg {
        width: 315px
    }
    .trainingeditor.hpsintroduc.ODC .headeronecls h2 {
        line-height: 33.48px
    }
    .trainingeditor.hpsintroduc.SCL ol li .bgcolor {
        padding: 12px 35px 15px
    }
    .trainingeditor.hpsintroduc.OVP .listsclswrapper {
        margin-left: 290px
    }
    .trainingeditor.hpsintroduc.AVIOP .trainingeditorcomputerimg {
        width: 435px
    }
    .trainingeditor.hpsintroduc.WWH .trainingeditorcomputerimg {
        width: 435px
    }
    .trainingeditor.hpsintroduc.AWSIntro ul li strong {
        padding: 8px 28px 8px 26px;
    }
}

@media screen and (max-width: 1140px) {
    .trainingeditor.hpsintroduc.AWSIntro .headertwocls h3 strong {
        font-size: 16px
    }
    .trainingeditor.hpsintroduc.AWSIntro ul li strong {
        font-size: 12px
    }
}

@media screen and (max-width: 1100px) {
    .trainingeditor.hpsintroduc.AWSIntro .headertwocls h3 strong {
        font-size: 15px
    }
    .trainingeditor.hpsintroduc.AWSIntro .headerthreecls h4 {
        font-size: 13px
    }
}

@media screen and (max-width: 1024px) {
    .trainingeditor.hpsintroduc.adcpd .headeronecls h2 {
        font-size: 20px
    }
    .trainingeditor.hpsintroduc.adcpd h4 {
        font-size: 15px;
        line-height: normal
    }
    .trainingeditor.hpsintroduc.adcpd .headertwocls h3 strong {
        font-size: 18px;
        line-height: normal
    }
    .trainingeditor.hpsintroduc.AWSIntro .headertwocls h3 strong {
        font-size: 14px
    }
    .trainingeditor.hpsintroduc.ODC .trainingeditorODCimg {
        width: 370px;
        bottom: 18px
    }
}

@media screen and (max-width: 991px) {
    .trainingeditor.jointventureprogram .trainingeditorcontentinner .boxlist ul li {
        flex: 1 1 37%
    }
    .trainingeditor.powerpoint .trainingeditorcenter h1 {
        font-size: 24px
    }
    .trainingeditor.hpsintroduc.AWSIntro .headertwocls h3 strong {
        font-size: 22px
    }
    .trainingeditor.hpsintroduc.SCL .headeronecls h2 {
        font-size: 27px
    }
    .trainingeditor.hpsintroduc.WWH .trainingeditorcomputerimg {
        width: 574px
    }
    .trainingeditor.hpsintroduc.AVIOP .trainingeditorcomputerimg {
        width: 540px
    }
}

@media screen and (max-width: 900px) {
    .trainingeditor.hpsintroduc.AWSIntro .headertwocls h3 strong {
        font-size: 20px
    }
}

@media screen and (max-width: 840px) {
    .trainingeditor.hpsintroduc.AWSIntro .headertwocls h3 strong {
        font-size: 18px
    }
}

@media screen and (max-width: 767px) {
    .trainingeditor.QualifyBPFC .trainingeditorlogo {
        max-width: 270px;
        margin: 0 auto;
        border-radius: 10px!important
    }
    .trainingeditor.QualifyBPFC .trainingeditortopcontent {
        justify-content: center
    }
    .trainingeditor.QualifyBPFC .trainingeditortopcontent .trainingeditorleft h1 {
        text-align: center
    }
    .trainingeditor.QualifyBPFC .trainingeditorimg {
        position: inherit
    }
    .trainingeditor.QualifyBPFC .trainingeditorcontentinner ul {
        max-width: 100%
    }
    .trainingeditor.QualifyBPFC .trainingeditorleft {
        max-width: 100%
    }
    .trainingeditor.QualifyBPFC .trainingeditorleft p {
        text-align: center
    }
    .trainingeditor.apogeeinvent .trainingeditorlogo {
        max-width: 270px;
        margin: 0 auto;
        border-radius: 10px
    }
    .trainingeditor.apogeeinvent .trainingeditortopcontent {
        justify-content: center;
        margin: 10px auto 0
    }
    .trainingeditor.apogeeinvent .trainingeditorimg {
        width: 290px;
        position: inherit;
        bottom: 0;
        margin: 0 auto;
        display: block
    }
    .trainingeditor.apogeeinvent .trainingeditortop {
        background-size: 100% 72px;
        height: 72px;
        top: -72px
    }
    .trainingeditor.apogeeinvent .trainingeditorcontentinner h2:before {
        width: 30%
    }
    .trainingeditor.apogeeinvent .trainingeditorcontentinner h2:after {
        width: 30%
    }
    .trainingeditor.hps .trainingeditorlogo {
        max-width: 270px;
        border-radius: 10px!important;
        margin: 0 auto
    }
    .trainingeditor.hps .trainingeditortopcontent {
        max-width: 100%;
        margin: 0
    }
    .trainingeditor.hps .trainingeditorimg {
        width: 100%;
        position: inherit
    }
    .trainingeditor.hps .trainingeditorcontent {
        margin-top: 0
    }
    .trainingeditor.hps .trainingeditortop {
        background-size: 100% 72px;
        height: 72px;
        top: -72px
    }
    .trainingeditor.uta .trainingeditorlogo {
        max-width: 270px;
        border-radius: 10px!important;
        margin: 0 auto
    }
    .trainingeditor.uta .trainingeditortopcontent {
        max-width: 100%;
        margin: 0
    }
    .trainingeditor.uta .trainingeditorcontent {
        margin-top: 0
    }
    .trainingeditor.uta .trainingeditorimg {
        width: 100%;
        position: inherit
    }
    .trainingeditor.uta .trainingeditortop {
        background-size: 100% 72px;
        height: 72px;
        top: -72px
    }
    .trainingeditor.uta .trainingeditorcontentinner .boxlist ul li {
        background-position: left top
    }
    .trainingeditor.medworldone .trainingeditorlogo {
        max-width: 270px;
        border-radius: 10px!important;
        margin: 0 auto
    }
    .trainingeditor.medworldone .trainingeditortopcontent {
        max-width: 100%;
        margin: 0
    }
    .trainingeditor.medworldone .trainingeditorcontent {
        margin-top: 0
    }
    .trainingeditor.medworldone .trainingeditorimg {
        width: 100%;
        position: inherit
    }
    .trainingeditor.medworldone .trainingeditortop {
        background-size: 100% 72px;
        height: 72px;
        top: -72px
    }
    .trainingeditor.medworldone .trainingeditorcontentinner .boxlist ul li {
        background-position: left top;
        flex: 1 1 37%!important
    }
    .trainingeditor.jointventureprogram .trainingeditorlogo {
        max-width: 270px;
        border-radius: 10px!important;
        margin: 0 auto
    }
    .trainingeditor.jointventureprogram .trainingeditortopcontent {
        max-width: 100%;
        margin: 0
    }
    .trainingeditor.jointventureprogram .trainingeditorcontent {
        margin-top: 0
    }
    .trainingeditor.jointventureprogram .trainingeditorimg {
        width: 100%;
        position: inherit
    }
    .trainingeditor.jointventureprogram .trainingeditortop {
        background-size: 100% 72px;
        height: 72px;
        top: -72px
    }
    .trainingeditor.jointventureprogram .trainingeditorcontentinner .boxlist ul li {
        background-position: left top;
        flex: 1 1 37%!important
    }
    .trainingeditor.cosc .trainingeditorcontentinner .featurelists .singlefeature {
        flex: 1 1 37%!important;
        margin-top: 0!important
    }
    .trainingeditor.cosc .trainingeditortop {
        background-size: 100% 72px;
        height: 72px;
        top: -72px
    }
    .trainingeditor.cosc .trainingeditorcontentinner .logowrappercls ul li {
        flex: 1 1 30.66%;
        height: auto
    }
    .trainingeditor.weoffer .trainingeditorlogo {
        max-width: 270px;
        border-radius: 10px!important;
        margin: 0 auto;
        position: inherit;
        top: 0;
        margin-top: 20px
    }
    .trainingeditor.weoffer .trainingeditortopcontent .listsblock ul {
        margin-left: 0
    }
    .trainingeditor.weoffer .trainingeditorinner h2 {
        padding-left: 0
    }
    .trainingeditor.weoffer .trainingeditortop {
        background-size: 100% 72px;
        height: 72px;
        top: -72px
    }
    .trainingeditor.weoffer .trainingeditortopcontent .listsblock ul {
        columns: 1;
        -webkit-columns: 1;
        -moz-columns: 1
    }
    .trainingeditor.weoffer .trainingeditorinner h1 {
        width: 100%;
        text-align: center
    }
    .trainingeditor.weoffer .trainingeditorcontent {
        margin-top: 12%
    }
    .trainingeditor.trainingcenter .trainingeditorcenter .trainingeditorimg {
        max-width: 90%
    }
    .trainingeditor.trainingcenter .trainingeditorcontentinner p {
        font-size: 16px;
        max-width: 92%
    }
    .trainingeditor.trainingcenter .trainingeditorinner h1 {
        font-size: 22px;
        line-height: 26px
    }
    .trainingeditor.calenderavail .trainingeditorcenter .trainingeditorimg {
        max-width: 90%
    }
    .trainingeditor.calenderavail .trainingeditorcontentinner p {
        font-size: 16px;
        max-width: 92%
    }
    .trainingeditor.calenderavail .trainingeditorinner h1 {
        font-size: 22px;
        line-height: 26px
    }
    .trainingeditor.powerpoint .trainingeditortop {
        background-size: 100% 72px;
        height: 72px;
        top: -72px
    }
    .trainingeditor.powerpoint .trainingeditorcontentinner .screenwrappercls {
        max-width: 90%
    }
    .trainingeditor.flyers .trainingeditortop {
        background-size: 100% 72px;
        height: 72px;
        top: -72px
    }
    .trainingeditor.flyers .trainingeditorcontentinner .screenwrappercls {
        max-width: 90%
    }
    .trainingeditor.flyers .trainingeditorcontent {
        margin-top: 10%
    }
    .trainingeditor.flyers .trainingeditorinner h1 {
        font-size: 22px;
        line-height: 26px
    }
    .trainingeditor.businesscard .trainingeditortop {
        background-size: 100% 72px;
        height: 72px;
        top: -72px
    }
    .trainingeditor.businesscard .trainingeditorcontentinner .screenwrappercls {
        max-width: 90%
    }
    .trainingeditor.businesscard .trainingeditorcontent {
        margin-top: 10%
    }
    .trainingeditor.businesscard .trainingeditorinner h1 {
        font-size: 22px;
        line-height: 26px
    }
    .trainingeditor.hpsintroduc.SCL ol li:nth-child(n+5) .bgcolor {
        padding: 12px 25px 15px 47px
    }
    .trainingeditor.hpsintroduc.SCL ol li .bgcolor {
        padding: 12px 37px 15px
    }
    .trainingeditor.hpsintroduc.SCL .middledesign {
        margin-bottom: 5px
    }
    .trainingeditor.hpsintroduc.SCL .trainingeditorbottomheadercls {
        left: 0;
        bottom: 0;
        position: inherit;
        z-index: 7;
        margin-bottom: 20px
    }
    .trainingeditor.hpsintroduc.SCL .headeronecls h2 {
        font-size: 24px
    }
    .trainingeditor.hpsintroduc.AWSIntro .headertwocls h3 strong br {
        display: none
    }
    .trainingeditor.utaintroduc .trainingeditorutaimg {
        width: 288px;
        height: auto;
        position: inherit;
        bottom: 0;
        right: 0;
        margin: 0 auto;
        margin-top: 15px
    }
    .trainingeditor.utaintroduc .trainingeditorutacontent {
        margin-left: auto;
        margin-right: auto;
        max-width: 85%
    }
    .trainingeditor.utaintroduc .trainingeditorutacontent h1 {
        font-size: 20.86px;
        line-height: 28.73px;
        max-width: 100%;
        margin-top: 0
    }
    .trainingeditor.utaintroduc .trainingeditorutacontent p {
        max-width: 100%
    }
    .trainingeditor.utaintroduc .trainingeditorutacontent h3 {
        font-size: 15.37px;
        max-width: 100%
    }
    .trainingeditorutalogo {
        display: block;
        margin: 15px auto 10px
    }
    .trainingeditor.utaintroduc {
        background: #000!important
    }
    .trainingeditor.utaintroduc .trainingeditorutacontent h1 {
        max-width: 100%!important;
        font-size: 25px!important;
        line-height: 32px!important
    }
    .trainingcenterclsupdate .classlessonongoing {
        font-size: 25px!important;
        line-height: 32px!important
    }
    .trainingeditor.utaintroduc .trainingeditorutacontent ul li {
        max-width: 100%!important;
        font-size: 13px!important
    }
    .trainingeditor.utaintroduc .trainingeditorutacontent ul li br {
        display: none
    }
    .trainingcenterclsupdate .classlessondone {
        font-size: 22px!important
    }
    .trainingeditor.utaintroduc {
        padding: 0 0 20px!important
    }
    .trainingeditor.utaintroduc .trainingeditorutacontent p {
        max-width: 100%!important
    }
    .trainingeditor.utaintroduc .trainingeditorutacontent p br {
        display: none
    }
    .trainingeditor.utaintroduc .trainingeditorutacontent h3 {
        max-width: 100%!important
    }
    .trainingeditor.utaintroduc .trainingeditorutacontent h3 br {
        display: none
    }
    .trainingeditortopsec {
        justify-content: center;
        flex-wrap: wrap
    }
    .trainingeditor.mwointroduc .trainingeditormwotext {
        text-align: center
    }
    .trainingeditor.mwointroduc .trainingeditormwocontent {
        max-width: 100%!important
    }
    .trainingeditor.mwointroduc .trainingeditormwoimg {
        position: inherit!important;
        bottom: 0!important;
        right: 0!important;
        margin: 10px auto 0!important;
        display: block!important;
        width: 270px!important
    }
    .trainingeditor.mwointroduc .mwointroductiondesignimg {
        display: none
    }
    .trainingeditor.mwointroduc .trainingeditormwobottom {
        display: none
    }
    .trainingeditor.mwointroduc .trainingeditorinner {
        padding: 15px 25px 0
    }
    .trainingeditor.mwointroduc .trainingeditormwocontent h1 {
        max-width: 100%!important;
        font-size: 24px!important;
        line-height: 32px!important
    }
    .trainingeditor.mwointroduc.globusri .trainingeditormwoimg {
        margin: 10px auto -32px!important
    }
    .trainingeditor.mwointroduc.FAndMa .trainingeditormwocontent h1 {
        max-width: 100%!important;
        font-size: 32px!important;
        line-height: 36px!important;
        text-align: center
    }
    .trainingeditor.mwointroduc.FAndMa .trainingeditormwocontent h3 {
        max-width: 100%!important;
        font-size: 20px!important;
        line-height: 24px!important;
        text-align: center
    }
    .trainingeditor.mwointroduc.FPAHP .trainingeditormwocontent ul,
    .trainingeditor.mwointroduc.PP .trainingeditormwocontent ul {
        column-count: 2!important
    }
    .trainingeditor.hpsintroduc .trainingeditortopsec h2 {
        font-size: 24px!important;
        line-height: 24px!important;
        margin-top: 10px;
        text-align: center
    }
    .trainingeditor.hpsintroduc .trainingeditorhpscontent {
        margin-left: auto!important;
        margin-right: auto!important;
        max-width: 90%!important;
        text-align: center;
        margin-top: 0!important;
        padding-bottom: 0!important
    }
    .trainingeditor.hpsintroduc .trainingeditoradcpdimg {
        width: 222px;
        position: inherit!important;
        left: 0!important;
        bottom: 0!important;
        margin: 0 auto!important;
        display: block
    }
    .trainingeditor.hpsintroduc .trainingeditoradcpdbottom {
        display: none!important
    }
    .trainingeditor.hpsintroduc .trainingeditorhpslogobg {
        display: none
    }
    .trainingeditor.hpsintroduc .trainingeditorhpslogo {
        flex: 0 0 151px;
        display: block!important;
        padding: 7px 10px!important;
        position: relative;
        z-index: 5;
        background: #1c2a3d!important;
        margin: 10px auto!important;
        border: 6px solid #edb20f
    }
    .trainingeditor.hpsintroduc .headerthreecls {
        max-width: 100%!important
    }
    .trainingeditor.hpsintroduc .trainingeditorcomputerimg {
        position: inherit!important;
        left: 0!important;
        bottom: 0!important;
        margin: 0 auto!important;
        margin-top: 20px!important
    }
    .trainingeditor.hpsintroduc .trainingeditorODCimg {
        width: 100%!important;
        position: inherit!important;
        right: 0!important;
        bottom: 0!important
    }
    .trainingeditor.hpsintroduc .headeronecls,
    .trainingeditor.hpsintroduc .headeronecls,
    .trainingeditor.hpsintroduc .headeronecls {
        max-width: 100%!important;
        float: none!important;
        margin: 0 auto!important
    }
    .trainingeditor.hpsintroduc .headertwocls {
        max-width: 100%!important;
        float: none!important;
        margin: 10px auto!important;
        display: block!important
    }
    .trainingeditor.hpsintroduc .listsclswrapper {
        display: block!important;
        margin-left: auto!important;
        margin-right: auto!important;
        max-width: 90%!important
    }
    .trainingeditor.hpsintroduc .trainingeditorinner {
        padding-bottom: 0!important
    }
    .trainingeditor.hpsintroduc .listsclsheader {
        display: block!important;
        margin-left: auto!important;
        margin-right: auto!important;
        text-align: center!important
    }
    .trainingeditor.hpsintroduc ul li {
        flex: 0 0 50%!important
    }
    .trainingeditor.hpsintroduc.OVP .orangeboxcls,
    .trainingeditor.hpsintroduc.OVPC .pinkboxcls {
        display: block!important;
        margin-left: auto!important;
        margin-right: auto!important;
        max-width: 88%!important;
        text-align: center!important
    }
    .trainingeditor.OpCEOsbio .trainingeditortopcontent {
        flex-direction: column;
        margin: 10px auto 0
    }
    .trainingeditor.OpCEOsbio .trainingeditorleft {
        max-width: 100%
    }
    .trainingeditor.OpCEOsbio .trainingeditorimg {
        position: inherit;
        margin: 0 auto;
        display: block;
        bottom: 0
    }
    .trainingeditor.salesopertrain .trainingeditortopcontent {
        flex-direction: column;
        margin: 10px auto 0
    }
    .trainingeditor.salesopertrain .trainingeditorleft {
        max-width: 100%
    }
    .trainingeditor.salesopertrain .trainingeditorimg {
        position: inherit;
        margin: 0 auto;
        display: block;
        bottom: 0
    }
    .trainingeditor.Salesopportunitiesoffer .trainingeditorcenter h1 {
        font-size: 32px;
        line-height: 32px
    }
    .trainingcenterclsupdate .classlessondone,
    .trainingcenterclsupdate .classlessonongoing {
        font-size: 20px!important
    }
    .trainingcenterclsupdate .classlessonnotdone {
        font-size: 20px!important
    }
    .trainingeditor.hpsintroduc.AVIOP .trainingeditorcomputerimg {
        width: 100%;
        float: none;
        position: relative
    }
    .trainingeditor.hpsintroduc.AVIOP .purpleboxcls {
        display: block;
        margin-left: auto;
        margin-right: auto;
        max-width: 90%
    }
    .trainingeditor.hpsintroduc.WWH .trainingeditorcomputerimg {
        width: 100%;
        float: none;
        position: relative
    }
    .trainingeditor.hpsintroduc.WWH .greenboxcls {
        display: block;
        margin-left: auto;
        margin-right: auto;
        max-width: 90%
    }
}

@media screen and (max-width:540px) {
    .trainingeditor.hpsintroduc ul li {
        flex: 0 0 100%!important
    }
}


/*-------Media section end koushik----*/


/* --------------------------------------block1_new-------------------------------- */

.apogee_bannarblockmain h1,
.apogee_bannarblockmain h2,
.apogee_bannarblockmain h3,
.apogee_bannarblockmain h4,
.apogee_bannarblockmain h5,
.apogee_bannarblockmain h6 {
    padding: 0;
    margin: 0;
    font-size: 30px;
    line-height: 35px
}

.apogee_bannarblockmain ul li .mat-list-item-content {
    padding: 0!important
}

.apogee_bannarblockmain a {
    text-decoration: none;
    outline: 0;
    color: inherit;
    cursor: pointer
}

.apogee_bannarblockmain .mat-card-content {
    margin-bottom: 0!important
}

.apogee_bannarblockmain .wh1 {
    color: #fff
}

.apogee_bannarblockmain .b1 {
    color: #1fc2ff
}

.apogee_bannarblockmain .flexbox .textarea .wh2 {
    color: #fff
}

.apogee_bannarblockmain .org1 {
    color: #ffaa45
}

.apogee_bannarblockmain .subcontent_wrapper2 .sky_b1 {
    color: #b1eaff;
    display: block
}

.apogee_bannarblockmain .b2 {
    color: #00a0db;
    margin-top: 6px;
    margin-bottom: 0
}

.apogee_bannarblockmain .org2 {
    color: #dda637
}

.apogee_bannarblockmain .r2 {
    color: #ed1c25
}

.apogee_bannarblockmain .col_bl1 {
    color: #000
}

.apogee_bannarblockmain img {
    border: none!important;
    max-width: 100%!important
}

.apogee_bannarblockmain {
    width: 100%;
    display: block;
    margin: 0 auto!important
}

.bannarblock1 {
    background: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/apogeedesign_bg.png), url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/apogeeblue_bg.png);
    background-position: right bottom, center center;
    background-size: cover, cover;
    overflow: hidden;
    background-repeat: no-repeat;
    margin-bottom: 20px!important;
    padding: 33px 0
}

.bannarblock1 .subcontent_wrapper {
    width: 90%;
    margin: 0 auto
}

.bannarblock1 .subcontent_wrapper .apogeelogo1 {
    max-width: 100%;
    width: auto;
    margin-left: 10px
}

.bannarblock1 .subcontent_wrapper h1 {
    font-size: 38px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    padding: 0;
    font-family: 'Helveticabold'!important;
    padding: 0;
    margin: 25px auto 27px
}

.bannarblock1 .flexbox {
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap
}

.bannarblock1 .flexbox ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding: 1px 0;
    width: 100%;
    list-style: none!important
}

.bannarblock1 .flexbox ul li {
    width: 49%;
    height: auto;
    margin: 0 .5%
}

.bannarblock1 .flexbox ul li:nth-child(1) {
    width: 49%;
    height: auto;
    margin: 0 .5%
}

.bannarblock1 .flexbox ul li:nth-child(2) {
    width: 49%;
    height: auto;
    margin: 0 .5%
}

.bannarblock1 .flexbox .imgwrapper_content {
    background: #6f758b;
    background: linear-gradient(360deg, rgba(111, 117, 139, 1) 0%, rgba(255, 255, 255, 1) 100%);
    border-radius: 50%;
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding: 7px;
    width: 190px;
    height: 190px
}

.bannarblock1 .flexbox .imgbackground {
    background: #f5f5f5;
    justify-content: center;
    display: flex;
    align-items: center;
    overflow: hidden;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    position: relative
}

.bannarblock1 .flexbox ul li .textarea {
    flex-direction: column!important;
    text-align: center!important
}

.bannarblock1 .imgwrapper_content .imgbackground img {
    object-fit: contain;
    max-width: 100%!important;
    max-height: 100%!important;
    width: 100%;
    height: 100%
}

.bannarblock1 .flexbox .textarea h2 {
    font-family: 'helvetica_neue_medium_extenRg_new';
    font-weight: 400;
    font-size: 22px;
    line-height: 28px;
    color: #fff;
    margin: 10px auto
}

.bannarblock1 .flexbox .textarea h3 {
    font-family: 'helvetica_neue_medium_extenRg_new';
    font-weight: 400;
    font-size: 22px;
    line-height: 28px;
    color: #1fc2ff;
    margin-bottom: 8px
}

.bannarblock1 .flexbox .textarea h4 {
    font-family: 'HelveticaRegular';
    font-weight: 400;
    font-size: 17px;
    line-height: 25px;
    color: #fff
}

.bannarblock1 .subcontent_wrapper .flexbox ul li .mat-list-item-content {
    flex-direction: column!important;
    text-align: center!important
}

.bannarblock1 .subcontent_wrapper .flexbox .textarea .mat-card-content {
    display: block!important;
    margin-bottom: 0!important
}

@media only screen and (max-width:892px) {
    .apogee_bannarblockmain {
        width: 100%;
        margin: 0 auto
    }
    .subcontent_wrapper {
        width: 100%;
        margin: 0 auto
    }
}

@media only screen and (max-width:872px) {
    .apogee_bannarblockmain {
        width: 100%;
        margin: 0 auto
    }
    .subcontent_wrapper {
        width: 100%
    }
    .bannarblock1 .subcontent_wrapper h1 {
        font-size: 37px;
        line-height: 37px
    }
}

@media only screen and (max-width:820px) {
    .bannarblock1 .subcontent_wrapper h1 {
        font-size: 34px;
        line-height: 34px
    }
    .bannarblock1 .flexbox .textarea h2 {
        font-size: 32px;
        line-height: 32px
    }
    .bannarblock1 .flexbox .textarea h3 {
        font-size: 32px;
        line-height: 32px
    }
}

@media only screen and (max-width:720px) {
    .bannarblock1 .subcontent_wrapper h1 {
        font-size: 30px;
        line-height: 34px
    }
    .bannarblock1 .flexbox .textarea h2 {
        font-size: 30px;
        line-height: 30px
    }
    .bannarblock1 .flexbox .textarea h3 {
        font-size: 30px;
        line-height: 30px
    }
    .bannarblock1 .flexbox .textarea h4 {
        font-size: 23px;
        line-height: 23px
    }
}

@media only screen and (max-width:620px) {
    .bannarblock1 .subcontent_wrapper h1 {
        font-size: 26px;
        line-height: 30px
    }
    .bannarblock1 .flexbox .textarea h2 {
        font-size: 22px;
        line-height: 24px
    }
    .bannarblock1 .flexbox .textarea h3 {
        font-size: 18px;
        line-height: 20px
    }
    .bannarblock1 .flexbox .textarea h4 {
        font-size: 17px;
        line-height: 19px;
        font-size: 21px;
        line-height: 21px
    }
}

@media only screen and (max-width:580px) {
    .bannarblock1 .subcontent_wrapper h1 {
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 15px
    }
    .bannarblock1 .flexbox ul {
        flex-direction: column!important
    }
    .bannarblock1 .flexbox ul li:nth-child(1) {
        width: 100%;
        height: auto;
        margin: 0;
        margin-bottom: 10px;
        margin-top: 10px;
        margin-bottom: 20px
    }
    .bannarblock1 .flexbox ul li:nth-child(2) {
        width: 100%;
        height: auto;
        margin: 0
    }
}

@media only screen and (max-width:509px) {
    .bannarblock1 .subcontent_wrapper h1 {
        font-size: 21px;
        line-height: 24px
    }
}

@media only screen and (max-width:480px) {
    .bannarblock1 .subcontent_wrapper h1 {
        font-size: 20px;
        line-height: 20px
    }
}

@media only screen and (max-width:390px) {
    .bannarblock1 .subcontent_wrapper h1 {
        font-size: 16px;
        line-height: 20px
    }
}


/* ------------------------------------------------block2_new------------------------------- */

.bannarblock2 {
    background: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/apogeeblock2.png), url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/bluebox.png), url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/apogeeblue_bg.png);
    background-position: right -3% bottom, right bottom, center center;
    background-size: 246px, 100% 100%, cover;
    background-repeat: no-repeat;
    overflow: hidden;
    padding: 43px 0;
    margin-bottom: 20px!important
}

.bannarblock2 .subcontent_wrapper2 {
    width: 96%;
    margin: 0 auto;
    display: block
}

.bannarblock2 .subcontent_wrapper2 .apogeelogo1 {
    max-width: 100%;
    width: auto;
    margin-left: 10px
}

.bannarblock2 .subcontent_wrapper2 h1 {
    color: #b1eaff;
    font-family: 'Helveticabold';
    font-size: 33.47px;
    line-height: 33.47px;
    text-transform: uppercase;
    margin-top: 15px;
    text-align: left;
    max-width: 99%
}

.bannarblock2 .flexboxbannar ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    border: 1px solid #7195ae;
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: center;
    padding-top: 0!important;
    padding-left: 0!important;
    list-style: none
}

.bannarblock2 .flexboxbannar ul li {
    width: 18%;
    height: auto;
    padding: 5px;
    padding: 15px 5px
}

.bannarblock2 .textarea p {
    color: #fff;
    font-family: 'helveticaregular';
    margin-top: 10px!important;
    font-size: 12.94px;
    line-height: 20px;
    margin-bottom: 0
}

.bannarblock2 .flexboxbannar h2 {
    font-size: 13.94px;
    font-family: 'helveticaregular'!important;
    line-height: 15.49px;
    color: #ffaa45;
    font-weight: 400!important
}

.bannarblock2 .subcontent_wrapper2 .bluetext p {
    font-size: 23.24px;
    line-height: 25.56px;
    font-family: 'helveticaregular';
    display: block;
    margin-bottom: 13px;
    text-align: left;
    margin-top: 0;
    color: #1fc2ff
}

.bannarblock2 .bannar_section {
    background-color: #fff;
    display: block;
    overflow: hidden;
    padding: 7px;
    width: 500px
}

.bannarblock2 .bannar_section .blue_bg h3 {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/block2_blue_bg.png);
    background-repeat: no-repeat;
    color: #fff;
    font-size: 17px;
    line-height: 22px;
    font-family: 'helveticaregular';
    padding: 7px;
    text-align: left;
    background-size: 100% 100%
}

.bannarblock2 .container {
    display: flex;
    justify-content: space-between
}

.bannarblock2 .container ul {
    display: flex;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
    list-style: none;
    padding-left: 0!important;
    margin: 0!important
}

.bannarblock2 .container ul li {
    width: 16.44%;
    height: auto
}

.bannarblock2 .container ul li img {
    max-width: 100%;
    width: 100%!important
}

.bannarblock2 .flexboxbannar {
    width: 88%
}

.bannarblock2 .flexboxbannar ul li .mat-list-item-content {
    flex-direction: column!important;
    margin: 13px 0!important
}

.bannarblock2 .flexboxwrapper ul li .mat-list-item-content {
    flex-direction: column!important;
    text-align: center!important;
    flex-direction: column!important;
    text-align: center!important
}

.bannarblock2 .flexboxwrapper.subcontent_wrapper4 ul li .mat-list-item-content {
    height: 100%
}

.bannarblock2 .flexboxwrapper.subcontent_wrapper4 .logobottomline {
    width: 100%;
    height: 2px;
    margin-top: 2px;
    margin-bottom: 3px
}

.bannarblock2 .flexboxwrapper.subcontent_wrapper4 .contenttextwrapper {
    padding: 0 2%;
    display: inline-block;
    width: 96%
}

@media only screen and (max-width:1199px) {
    .bannarblock2 .subcontent_wrapper2 h1 {
        font-size: 31.47px;
        max-width: 100%
    }
    .bannarblock2 .subcontent_wrapper2 .bluetext p {
        font-size: 20.24px;
        max-width: 87%
    }
}

@media only screen and (max-width:1120px) {
    .bannarblock2 .subcontent_wrapper2 .bluetext p {
        font-size: 18.24px
    }
    .bannarblock2 .subcontent_wrapper2 h1 {
        font-size: 27.47px
    }
}

@media only screen and (max-width:1040px) {
    .bannarblock2 .subcontent_wrapper2 .bluetext p {
        font-size: 16.24px;
        line-height: normal
    }
    .bannarblock2 .flexboxbannar {
        width: 85%
    }
}

@media only screen and (max-width:991px) {
    .bannarblock2 .subcontent_wrapper2 h1 {
        font-size: 32.47px
    }
}

@media only screen and (max-width:892px) {
    .bannarblock2 .subcontent_wrapper2 {
        width: 97%
    }
}

@media only screen and (max-width:872px) {
    .bannarblock2 .subcontent_wrapper2 h1 {
        max-width: 100%
    }
}

@media only screen and (max-width:860px) {
    .bannarblock2 {
        background-size: 224px, 100% 100%, cover
    }
    .bannarblock2 .subcontent_wrapper2 .bluetext p {
        font-size: 22.24px;
        line-height: 23.56px
    }
    .bannarblock2 .subcontent_wrapper2 h1 {
        font-size: 32.47px;
        line-height: 33.47px
    }
    .bannarblock2 .bannar_section {
        width: 474px
    }
    .bannarblock2 .subcontent_wrapper2 .bluetext p {
        font-size: 20.24px;
        line-height: 23.56px
    }
}

@media only screen and (max-width:820px) {
    .bannarblock2 {
        background-size: 208px, 100% 100%, cover
    }
    .bannarblock2 .subcontent_wrapper2 .bluetext p {
        font-size: 20.24px;
        line-height: 22.56px
    }
    .bannarblock2 .subcontent_wrapper2 h1 {
        font-size: 30.47px;
        line-height: 31.47px
    }
}

@media only screen and (max-width:800px) {
    .bannarblock2 .flexboxbannar {
        width: 676px
    }
    .bannarblock2 .textarea p {
        font-size: 11.94px;
        line-height: 13px
    }
    .bannarblock2 .bannar_section {
        width: 450px
    }
    .bannarblock2 .subcontent_wrapper2 h1 {
        font-size: 31.47px;
        line-height: 32.47px
    }
}

@media only screen and (max-width:780px) {
    .bannarblock2 .flexboxbannar {
        width: 666px
    }
}

@media only screen and (max-width:767px) {
    .bannarblock2 {
        padding-bottom: 122%
    }
    .bannarblock2 .flexboxbannar ul {
        justify-content: center;
        text-align: center!important
    }
    .bannarblock2 .subcontent_wrapper2 h1 {
        text-align: center;
        font-size: 29.47px;
        line-height: 30.47px
    }
    .bannarblock2 .flexboxbannar {
        width: 100%!important
    }
    .bannarblock2 .container ul {
        padding-top: 7px
    }
    .bannarblock2 .container ul li {
        width: 33%
    }
    .bannarblock2 .subcontent_wrapper2 .bluetext p {
        text-align: center;
        max-width: 100%
    }
    .bannarblock2 .bannar_section {
        width: 98%
    }
    .bannarblock2 .bannar_section .blue_bg h3 {
        text-align: center!important
    }
    .bannarblock2 {
        background-size: 99%, 100% 100%, cover
    }
    .bannarblock2 .subcontent_wrapper2 .bluetext p br {
        display: none
    }
}

@media only screen and (max-width:720px) {
    .bannarblock2 .subcontent_wrapper2 h1 {
        text-align: center;
        font-size: 28.47px;
        line-height: 30.47px
    }
    .bannarblock2 .flexboxbannar ul {
        flex-direction: column!important
    }
    .bannarblock2 .flexboxbannar ul li {
        width: 98.55%
    }
}

@media only screen and (max-width:680px) {
    .bannarblock2 .subcontent_wrapper2 h1 {
        text-align: center;
        font-size: 26.47px;
        line-height: 30.47px
    }
    .bannarblock2 .subcontent_wrapper2 .bluetext p {
        font-size: 18.24px;
        line-height: 22.56px
    }
}

@media only screen and (max-width:620px) {
    .bannarblock2 .subcontent_wrapper2 h1 {
        font-size: 25.47px;
        line-height: 27.47px
    }
    .bannarblock2 .bannar_section {
        width: 97.5%
    }
    .bannarblock2 .subcontent_wrapper2 .bluetext p {
        font-size: 17.24px;
        line-height: 18.56px
    }
}

@media only screen and (max-width:600px) {
    .bannarblock2 .subcontent_wrapper2 h1 {
        font-size: 24.47px;
        line-height: 26.47px
    }
    .bannarblock2 .flexboxbannar ul li {
        width: 98%
    }
}

@media only screen and (max-width:580px) {
    .bannarblock2 .subcontent_wrapper2 h1 {
        font-size: 23.47px;
        line-height: 24.47px
    }
    .bannarblock2 .textarea p {
        font-size: 14px;
        line-height: 14px
    }
    .bannarblock2 .subcontent_wrapper2 .bluetext p {
        font-size: 16.24px;
        line-height: 18.56px
    }
}

@media only screen and (max-width:540px) {
    .bannarblock2 .subcontent_wrapper2 h1 {
        font-size: 22.47px;
        line-height: 24.47px
    }
}

@media only screen and (max-width:520px) {
    .bannarblock2 .subcontent_wrapper2 h1 {
        font-size: 21.47px;
        line-height: 24.47px
    }
    .bannarblock2 .subcontent_wrapper2 .bluetext p {
        font-size: 15px;
        line-height: 16px
    }
    .bannarblock2 .bannar_section {
        width: 97%
    }
}

@media only screen and (max-width:480px) {
    .bannarblock2 .subcontent_wrapper2 h1 {
        font-size: 19.47px;
        line-height: 21.47px
    }
    .subcontent_wrapper2 .bluetext p {
        font-size: 14px;
        line-height: 16px
    }
    .bannarblock2 .container ul li {
        width: 49%
    }
}

@media only screen and (max-width:460px) {
    .bannarblock2 .subcontent_wrapper2 h1 {
        font-size: 18.47px;
        line-height: 20.47px
    }
    .bannarblock2 .textarea p {
        font-size: 13px;
        line-height: 13px
    }
    .bannarblock2 .flexboxbannar ul li {
        width: 97%
    }
    .bannarblock2 .subcontent_wrapper2 .bluetext p {
        font-size: 18px;
        line-height: 20px
    }
}

@media only screen and (max-width:440px) {
    .bannarblock2 .subcontent_wrapper2 h1 {
        font-size: 17px;
        line-height: 20px
    }
    .bannarblock2 .flexboxbannar {
        width: 99.55%!important
    }
    .bannarblock2 .bannar_section {
        width: 96.5%
    }
}

@media only screen and (max-width:390px) {
    .bannarblock2 .subcontent_wrapper2 h1 {
        font-size: 16px;
        line-height: 20px
    }
    .bannarblock2 .bannar_section {
        width: 96%
    }
}

@media only screen and (max-width:360px) {
    .bannarblock2 .bannar_section {
        width: 95.5%
    }
}


/* -------------------------------------block3_new--------------------------- */

.bannarblock3 {
    background: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/block3slide_bg.png), url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/apogeeblue_bg.png);
    background-repeat: no-repeat;
    background-position: right bottom, center center;
    background-size: 100% 100%, cover;
    overflow: hidden;
    margin-bottom: 20px!important;
    padding: 33px 0
}

.bannarblock3 .subcontent_wrapper3 {
    width: 96%;
    display: block!important;
    margin: 0 auto
}

.bannarblock3 .textwrapper {
    text-align: center;
    margin-top: -50px;
    padding-left: 10%
}

.bannarblock3 .textwrapper h1 {
    font-size: 33px;
    line-height: 33px;
    font-family: 'Helveticabold';
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 5px
}

.bannarblock3 .textwrapper h2 {
    font-size: 20px;
    line-height: 20px;
    font-family: 'HelveticaRegular';
    color: #4bc6f5;
    margin-bottom: 3px;
    margin-top: 0;
    display: block;
    font-weight: 400!important
}

.bannarblock3 .textwrapper h3 {
    font-size: 14px;
    line-height: 20px;
    font-family: 'HelveticaRegular';
    text-transform: uppercase;
    margin-bottom: 5px;
    font-weight: 400!important;
    color: #fff
}

.bannarblock3 .flexbox ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    padding-left: 0!important;
    margin-top: 0!important;
    margin-bottom: 0!important
}

.bannarblock3 .flexbox ul li:nth-child(1) {
    width: 40%;
    height: auto
}

.bannarblock3 .flexbox ul li:nth-child(2) {
    width: 56%;
    height: auto
}

.bannarblock3 .boxbannarleft img {
    max-width: 100%;
    display: block;
    margin: 0 auto 10px
}

.bannarblock3 .flexbox ul .boxbannarleft .contenttext {
    font-size: 14px;
    line-height: 16px;
    font-family: 'Helveticabold';
    display: block;
    text-transform: uppercase;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 0;
    color: #00a0db
}

.bannarblock3 ul li img {
    max-width: 80px!important;
    display: block;
    margin: 5px auto 10px!important
}

.bannarblock3 .flexbox ul .boxbannarright .contenttext {
    font-size: 15px;
    line-height: 15px;
    font-family: 'HelveticaRegular';
    margin-top: 8px;
    padding-left: 25px;
    color: #00a0db
}

.bannarblock3 .orgtext h3 {
    font-size: 16px;
    font-family: 'helveticaregular';
    padding-left: 25px;
    padding-bottom: 5px;
    padding-top: 5px;
    font-weight: 400;
    color: #dda637
}

.bannarblock3 .orgtext h4 {
    font-size: 14px;
    line-height: 14px;
    font-family: 'Helveticabold';
    padding-left: 25px;
    padding-bottom: 5px;
    color: #1fc2ff
}

.bannarblock3 .titlewrapper h2 {
    text-align: center!important;
    font-family: 'HelveticaRegular';
    color: #dda637;
    font-size: 20px;
    line-height: 20px;
    border: 1px solid #7ca3bb;
    padding: 8px 20px 5px;
    background-color: #02042d;
    font-weight: 400
}

.bannarblock3 .textwrapper2 p {
    color: #fff;
    font-size: 16px;
    line-height: 18px;
    font-family: 'HelveticaRegular'!important;
    margin-top: 0!important;
    margin-bottom: 0!important
}

.bannarblock3 .listwrapper p {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/listbox.png)!important;
    background-repeat: no-repeat!important;
    background-position: left top 10px!important;
    padding: 11px 0 3px 27px !important;
    text-align: left!important
}

.bannarblock3 .flexbox ul .boxbannarleft .mat-list-item-content {
    flex-direction: column!important
}

.bannarblock3 .flexbox ul .boxbannarright .mat-list-item-content {
    flex-direction: column!important
}

@media only screen and (max-width:1280px) {
    .bannarblock3 .titlewrapper h2 {
        font-size: 18px;
        padding: 8px 20px 12px
    }
}

@media only screen and (max-width:1199px) {
    .bannarblock3 .titlewrapper h2 {
        font-size: 16px;
        padding: 8px 20px 10px
    }
}

@media only screen and (max-width:1024px) {
    .bannarblock3 .titlewrapper h2 {
        font-size: 14px;
        padding: 8px 7px 10px
    }
    .bannarblock3 .textwrapper h1 {
        font-size: 24px;
        line-height: 30px
    }
    .bannarblock3 .textwrapper {
        padding-left: 17%
    }
}

@media only screen and (max-width:892px) {
    .bannarblock3 .subcontent_wrapper3 {
        width: 97%
    }
}

@media only screen and (max-width:872px) {
    .bannarblock3 .titlewrapper h2 {
        font-size: 19px;
        line-height: 20px
    }
    .bannarblock3 .flexbox ul .boxbannarright .contenttext {
        font-size: 14px;
        line-height: 15px
    }
}

@media only screen and (max-width:852px) {
    .bannarblock3 .flexbox ul .boxbannarleft .contenttext {
        font-size: 12px;
        line-height: 15px
    }
    .bannarblock3 .titlewrapper h2 {
        font-size: 18px;
        line-height: 20px
    }
    .bannarblock3 .flexbox ul .boxbannarright .contenttext {
        font-size: 17px;
        line-height: 17px
    }
    .bannarblock3 .textwrapper {
        padding-left: 6%
    }
}

@media only screen and (max-width:800px) {
    .bannarblock3 .orgtext h4 {
        font-size: 13px;
        line-height: 15px
    }
    .bannarblock3 .textwrapper2 p {
        font-size: 14px;
        line-height: 17px
    }
}

@media only screen and (max-width:767px) {
    .textwrapper {
        padding-left: 0;
        margin: 10px auto
    }
    .bannarblock3 .flexbox ul li:nth-child(1) {
        width: 100%!important
    }
    .bannarblock3 .flexbox ul li:nth-child(2) {
        width: 100%!important
    }
    .bannarblock3 .listwrapper p {
        background-position: center top!important;
        padding: 30px 0 5px!important
    }
    .bannarblock3 .textwrapper2 p {
        text-align: center!important
    }
    .bannarblock3 .flexbox ul .boxbannarleft .contenttext {
        font-size: 14px;
        line-height: 16px;
        margin: 10px auto
    }
    .bannarblock3 .flexbox ul .boxbannarright .contenttext {
        margin: 10px auto;
        padding-left: 0;
        text-align: center
    }
    .bannarblock3 .orgtext h3 {
        padding-left: 0;
        text-align: center
    }
    .bannarblock3 .orgtext h4 {
        padding-left: 0;
        text-align: center;
        font-size: 14px
    }
    .bannarblock3 .textwrapper {
        display: block;
        width: auto;
        margin: 0;
        padding: 0 20px;
        text-align: center
    }
    .bannarblock3 .b2 {
        margin-top: 10px;
        margin-bottom: 10px;
        text-align: center!important
    }
    .apogee_bannarblockmain .bannarblock3 .org2 {
        margin-top: 10px
    }
}

@media only screen and (max-width:520px) {
    .bannarblock3 .textwrapper h1 {
        font-size: 32px;
        line-height: 32px
    }
    .bannarblock3 .textwrapper h3 {
        font-size: 17px;
        line-height: 20px
    }
}

@media only screen and (max-width:480px) {
    .bannarblock3 .textwrapper h1 {
        font-size: 28px;
        line-height: 28px
    }
    .bannarblock3 .textwrapper h2 {
        font-size: 18px;
        line-height: 20px
    }
    .bannarblock3 .textwrapper h3 {
        font-size: 14px;
        line-height: 18px
    }
    .bannarblock3 .flexbox ul .boxbannarleft .contenttext {
        font-size: 13px;
        line-height: 15px
    }
}


/* ------------------------------------------------block4_new------------------------------- */

.bannarblock4 {
    background: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/apogeedesign_bg.png), url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/apogeeblue_bg.png);
    background-position: right bottom, center center;
    background-size: cover, cover;
    overflow: hidden;
    background-repeat: no-repeat;
    padding: 40px 0;
    margin-bottom: 20px!important;
    position: relative
}

.bannarblock4 .subcontent_wrapper4 {
    width: 94%;
    display: block!important;
    margin: 0 auto
}

.bannarblock4 .bannartext {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/curveblue.png);
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
    padding: 0 30px;
    max-width: 800px;
    position: relative;
    background-size: 100% 100%;
    width: fit-content;
    margin: 0 auto;
    z-index: 7
}

.bannarblock4 .bannartext h1 {
    font-size: 35px;
    line-height: 40px;
    font-family: 'Helveticabold';
    text-transform: uppercase;
    display: block;
    text-align: center;
    margin: 0 6px;
    padding: 0;
    color: #fff;
    margin-bottom: 1px
}

.blue_line {
    z-index: 7;
    position: relative
}

.bannarblock4 .flexboxwrapper ul {
    display: flex!important;
    justify-content: space-between;
    align-items: stretch!important;
    width: 100%;
    flex-wrap: wrap;
    position: relative;
    border-top: 4px solid #0582ac;
    padding-left: 0!important;
    margin-top: 0!important
}

.bannarblock4 .flexboxwrapper ul li {
    color: #111010!important;
    display: block!important;
    flex: 0 0 22%;
    margin: 1% .5%;
    border-radius: 5px;
    height: auto!important;
    padding: 7px!important;
    background: #fff
}

.flexboxwrapper .logoimgwrapper img {
    object-fit: contain;
    max-width: 100%;
    position: relative
}

.blue_line .leftimgcurve {
    position: absolute;
    top: -3px;
    left: -14px;
    width: 18px!important;
    height: 17px!important;
    z-index: 8;
    max-width: inherit!important;
    max-height: inherit!important
}

.blue_line .rightimgcurve {
    position: absolute;
    top: -3px;
    right: -14px;
    width: 18px!important;
    height: 17px!important;
    z-index: 8;
    max-width: inherit!important;
    max-height: inherit!important
}

.bannarblock4 .contenttextwrapper p {
    font-size: 12px;
    font-family: 'HelveticaRegular';
    color: #455e69;
    text-align: left;
    line-height: 18px;
    margin-top: 0;
    font-weight: 700
}

.bannarblock4 .contenttextwrapper .text4 p {
    color: #000;
    font-family: 'Helveticabold';
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    text-align: left
}

.bgcol1 {
    background-color: #1180ae
}

.bgcol2 {
    background-color: #f47a29
}

.bgcol3 {
    background-color: #db5371
}

.bgcol4 {
    background-color: #27aafd
}

.flexboxwrapper ul li .logoimgwrapper {
    background-color: #fff;
    display: block!important;
    box-shadow: inset 0 0 5px #c5baba;
    padding: 5px;
    height: 96%
}

.bannarblock4 .subcontent_wrapper4 .logobottomline {
    width: 100%;
    height: 2px;
    margin-top: 2px;
    margin-bottom: 3px;
    display: block
}

.bannarblock4 .subcontent_wrapper4 .contenttextwrapper {
    padding: 0 2%;
    display: inline-block;
    width: 96%
}

@media only screen and (max-width:1199px) {
    .bannarblock4 .flexboxwrapper ul li {
        margin: 1% .25% 0
    }
}

@media only screen and (max-width:767px) {
    .logoimgwrapper img {
        display: block!important;
        margin: 0 auto!important
    }
    .newheaderAD_logo {
        margin: 0 auto 20px
    }
    .bannarblock4 .flexboxwrapper ul li {
        margin: .5%;
        flex: 1 1 45%
    }
    .bannarblock4 .contenttextwrapper p {
        text-align: center
    }
    .bannarblock4 .contenttextwrapper .text4 p {
        text-align: center
    }
    .bannarblock4 .subcontent_wrapper4 .contenttextwrapper .text4 {
        margin-bottom: 20px
    }
    .bannarblock4 .flexboxwrapper ul {
        padding-top: 5px!important
    }
}

@media only screen and (max-width:730px) {
    .flexboxwrapper ul {
        margin-bottom: 0!important
    }
}

@media only screen and (max-width:480px) {
    .blue_line .leftimgcurve {
        left: -8px
    }
    .blue_line .rightimgcurve {
        right: -8px
    }
}

@media only screen and (max-width:400px) {
    .flexboxwrapper ul li {
        margin: 1%
    }
}


/* ----------------------------------------------block5_new--------------------------------------- */

.bannarblock5 {
    background: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/block5_girlimg.png), url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/block3slide_bg.png), url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/apogeeblue_bg.png);
    background-repeat: no-repeat;
    background-position: left bottom, right bottom, center center;
    background-size: 184px, 100% 100%, cover;
    overflow: hidden;
    margin-bottom: 20px!important;
    padding: 30px 0
}

.bannarblock5 .subcontent_wrapper5 {
    display: block;
    margin: 0 auto;
    width: 96%
}

.bannarblock5 .subcontent_wrapper5 .textwrapper2 {
    text-align: center;
    margin-top: -60px;
    padding-left: 258px;
    display: block
}

.bannarblock5 .subcontent_wrapper5 .textwrapper2 h1 {
    font-size: 55px;
    line-height: 60px;
    font-family: 'Helveticabold'!important;
    text-transform: uppercase;
    color: #fff
}

.bannarblock5 .subcontent_wrapper5 .textwrapper2 h2 {
    font-family: 'HelveticaRegular'!important;
    font-size: 33px;
    line-height: 36px;
    font-weight: 400;
    color: #dda637
}

.bannarblock5 .contentwrapper_text .contenttext1 p {
    font-size: 23px!important;
    line-height: 24px!important;
    font-family: 'HelveticaRegular'!important;
    text-transform: uppercase!important;
    margin-bottom: 0!important;
    font-weight: 400!important;
    color: #fff
}

.bannarblock5 .contentwrapper_text .contenttext2 p {
    font-size: 20px!important;
    font-family: 'HelveticaRegular'!important;
    line-height: 22px!important;
    margin-bottom: 0!important;
    font-weight: 400;
    color: #fff
}

.bannarblock5 .contentwrapper_text .contenttext3 p {
    font-size: 23px!important;
    font-family: 'HelveticaRegular'!important;
    margin-bottom: 0!important;
    font-weight: 400!important;
    color: #1fc2ff
}

.bannarblock5 .contentwrapper_text {
    display: block!important;
    padding-left: 185px!important
}

.apogee_bannarblockmain .bannarblock5 .wh1 {
    margin-top: 20px
}

.apogee_bannarblockmain .bannarblock5 .b1 {
    margin-top: 10px
}

@media only screen and (max-width:1199px) {
    .bannarblock5 .subcontent_wrapper5 .textwrapper2 h1 {
        font-size: 46px
    }
}

@media only screen and (max-width:1100px) {
    .bannarblock5 .subcontent_wrapper5 .textwrapper2 h1 {
        font-size: 40px
    }
    .bannarblock5 .contentwrapper_text .contenttext1 p {
        font-size: 18px!important;
        line-height: 24px!important
    }
    .bannarblock5 .subcontent_wrapper5 .textwrapper2 h2 {
        font-size: 30px;
        line-height: 30px
    }
}

@media only screen and (max-width:1024px) {
    .bannarblock5 .subcontent_wrapper5 .textwrapper2 h2 {
        font-size: 24px;
        line-height: 24px
    }
    .bannarblock5 .contentwrapper_text .contenttext2 p {
        font-size: 18px!important;
        line-height: 20px!important
    }
}

@media only screen and (max-width:991px) {
    .bannarblock5 {
        background-size: 140px, 100% 100%, cover
    }
}

@media only screen and (max-width:892px) {
    .bannarblock5 .subcontent_wrapper5 {
        width: 94%!important
    }
    .bannarblock5 .contentwrapper_text .contenttext1 p {
        font-size: 22px!important;
        line-height: 24px!important
    }
    .bannarblock5 .contentwrapper_text .contenttext2 p {
        font-size: 18px!important;
        line-height: 20px!important
    }
    .bannarblock5 {
        background-size: 155px, 100% 100%, cover
    }
}

@media only screen and (max-width:820px) {
    .bannarblock5 .contentwrapper_text .contenttext2 p {
        font-size: 16px!important;
        line-height: 20px!important
    }
    .bannarblock5 {
        background-size: 162px, 100% 100%, cover
    }
    .bannarblock5 .contentwrapper_text .contenttext3 p {
        font-size: 22px!important;
        line-height: 22px
    }
}

@media only screen and (max-width:767px) {
    .bannarblock5 .subcontent_wrapper5 .textwrapper2 h1 {
        font-size: 50px;
        line-height: 52px
    }
    .bannarblock5 .subcontent_wrapper5 .textwrapper2 h2 {
        font-size: 30px;
        line-height: 33px
    }
    .bannarblock5 .subcontent_wrapper5 .textwrapper2 {
        margin-top: 0;
        padding-left: 0
    }
    .bannarblock5 {
        background-size: 100% auto, 100% 100%, cover;
        padding: 30px 0 220%
    }
    .bannarblock5 .contentwrapper_text {
        padding-left: 0!important
    }
    .apogee_bannarblockmain .bannarblock5 .wh1 {
        text-align: center
    }
    .bannarblock5 .contentwrapper_text .contenttext3 p {
        text-align: center
    }
}

@media only screen and (max-width:740px) {
    .bannarblock5 .contentwrapper_text .contenttext1 p {
        font-size: 20px!important;
        line-height: 24px!important
    }
    .bannarblock5 .subcontent_wrapper5 .textwrapper2 h2 {
        font-size: 27px;
        line-height: 28px
    }
    .bannarblock5 .subcontent_wrapper5 .textwrapper2 h1 {
        font-size: 40px;
        line-height: 42px
    }
}

@media only screen and (max-width:700px) {
    .bannarblock5 .subcontent_wrapper5 .textwrapper2 h1 {
        font-size: 35px;
        line-height: 36px
    }
    .bannarblock5 .subcontent_wrapper5 .textwrapper2 h2 {
        font-size: 23px;
        line-height: 24px
    }
    .bannarblock5 .contentwrapper_text .contenttext1 p {
        font-size: 17px!important;
        line-height: 20px!important
    }
    .bannarblock5 .contentwrapper_text .contenttext2 p {
        font-size: 15px!important;
        line-height: 16px!important
    }
    .bannarblock5 .contentwrapper_text .contenttext3 p {
        font-size: 19px!important;
        line-height: 20px
    }
}

@media only screen and (max-width:640px) {
    .bannarblock5 .subcontent_wrapper5 .textwrapper2 h1 {
        font-size: 28px;
        line-height: 30px
    }
    .bannarblock5 .subcontent_wrapper5 .textwrapper2 h2 {
        font-size: 20px;
        line-height: 22px
    }
    .bannarblock5 .subcontent_wrapper5 .textwrapper2 {
        margin-top: 0!important;
        padding-left: 0!important
    }
    .bannarblock5 .contentwrapper_text {
        padding-left: 0!important;
        text-align: center!important
    }
    .bannarblock5 .contentwrapper_text .contenttext1 p {
        font-size: 16px!important
    }
    .bannarblock5 .contentwrapper_text .contenttext3 p {
        font-size: 17px!important;
        line-height: 20px
    }
}


/* -------------------------------------------------block6------------------------ */

.bannarblock6 {
    background: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/block6_girlimg.png), url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/block3slide_bg.png), url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/apogeeblue_bg.png);
    background-repeat: no-repeat;
    background-position: left bottom, right bottom, center center;
    background-size: 290px, 100% 100%, cover;
    overflow: hidden;
    margin-bottom: 20px!important;
    padding-top: 27px
}

.subcontent_wrapper6 .newheaderAD_logo {
    width: 280px;
    height: auto
}

.bannarblock6 .subcontent_wrapper6 {
    width: 96%;
    margin: 0 auto;
    display: block
}

.bannarblock6 .subcontent_wrapper6 .apogeelogo1 {
    max-width: 100%
}

.bannarblock6 .subcontent_wrapper6 .textwrapper2 {
    text-align: center;
    margin-top: -60px;
    padding-left: 290px;
    display: block
}

.bannarblock6 .subcontent_wrapper6 .textwrapper2 h1 {
    font-size: 56px;
    line-height: 56px;
    font-family: 'Helveticabold';
    text-transform: uppercase;
    color: #fff
}

.bannarblock6 .subcontent_wrapper6 .textwrapper2 h3 {
    font-family: 'HelveticaRegular';
    font-size: 20px;
    line-height: 22px;
    font-weight: 400;
    display: block;
    margin-top: 6px;
    color: #f9b451
}

.bannarblock6 .flexboxbannar2 {
    margin-left: 156px;
    margin-top: 14px;
    margin-bottom: 20px!important
}

.bannarblock6 .flexboxbannar2 ul {
    display: flex;
    justify-content: center;
    align-items: stretch;
    background-color: #fff;
    padding: 10px;
    text-align: center;
    flex-wrap: wrap;
    list-style: none;
    margin-top: 0;
    margin-bottom: 0
}

.bannarblock6 .flexboxbannar2 ul li {
    background-color: #00bfff;
    height: auto;
    border: 1px solid #6ad9ff;
    flex: 1 1 21.5%;
    margin: 0;
    padding: 10px
}

.bannarblock6 .flexboxbannar2 .title h1 {
    font-size: 12px;
    font-family: 'helveticaregular';
    line-height: 15.49px;
    padding-top: 8px;
    margin-bottom: 8px;
    color: #fff
}

.bannarblock6 .contentpara p {
    color: #fff;
    font-family: 'helveticaregular';
    margin-top: 10px;
    font-size: 10px;
    line-height: 16px;
    margin-top: 0;
    margin-bottom: 0
}

@media only screen and (max-width:1280px) {
    .bannarblock6 .flexboxbannar2 ul li {
        flex: 1 1 20.5%
    }
}

@media only screen and (max-width:1199px) {
    .bannarblock6 .subcontent_wrapper6 .textwrapper2 h3 {
        font-size: 16px;
        line-height: 22px
    }
}

@media only screen and (max-width:991px) {
    .bannarblock6 .subcontent_wrapper6 {
        width: 97%
    }
}

@media only screen and (max-width:767px) {
    .bannarblock6 {
        padding-bottom: 135%;
        background-size: 100%, 100% 100%, cover;
        background-position: left 48px bottom, right bottom, center center
    }
    .bannarblock6 .flexboxbannar2 .title h1 {
        font-size: 16px;
        line-height: 18px
    }
    .bannarblock6 .subcontent_wrapper6 .textwrapper2 {
        margin-top: 0;
        padding-left: 0
    }
    .bannarblock6 .flexboxbannar2 {
        margin-left: 0
    }
    .bannarblock6 .flexboxbannar2 ul li {
        flex: 1 1 44%
    }
    .bannarblock6 .contentpara p {
        font-size: 14px;
        line-height: 16px
    }
}

@media only screen and (max-width:480px) {
    .bannarblock6 .flexboxbannar2 ul li {
        flex: 1 1 51%
    }
    .bannarblock6 .subcontent_wrapper6 .textwrapper2 h1 {
        font-size: 45px;
        line-height: 46px
    }
}


/* ----------------------------------------------block7--------------------------------------- */

.bannarblock7 {
    background: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/block7_car_img.png), url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/block3slide_bg.png), url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/apogeeblue_bg.png);
    background-repeat: no-repeat;
    background-position: right bottom, right bottom, center center;
    background-size: 490px, 100% 100%, cover;
    overflow: hidden;
    margin-bottom: 20px!important;
    padding: 27px 0
}

.bannarblock7 .subcontent_wrapper7 {
    width: 96%;
    display: block;
    margin: 0 auto
}

.textwrapper3 {
    text-align: center;
    margin-top: -60px;
    padding-left: 290px;
    display: block
}

.textwrapper3 h1 {
    font-size: 51px;
    line-height: 51px;
    font-family: 'Helveticabold';
    text-transform: uppercase;
    border-bottom: 3px solid #ff4249;
    padding-bottom: 5px;
    color: #fff
}

.block7_container {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.block7_contenttext .block7text1 p {
    font-size: 27px;
    line-height: 30px;
    font-family: 'helveticaregular';
    margin-top: 26px;
    margin-bottom: 0;
    color: #fff
}

.block7_contenttext .block7text2 p {
    font-size: 19px;
    line-height: 22px;
    font-family: 'helveticaregular';
    margin-top: 20px;
    margin-bottom: 0;
    margin-right: 25%;
    color: #fff
}

.block7_contenttext .block7text3 p {
    font-size: 19px;
    line-height: 22px;
    font-family: 'helveticaregular';
    margin-top: 30px;
    margin-bottom: 0;
    margin-right: 15%;
    color: #fff
}

.block7_contenttext {
    display: block!important;
    padding: 5px;
    text-align: left
}

.bannarblock7 .textwrapper3 h1 {
    font-size: 48px;
    line-height: 50px
}

@media only screen and (max-width:1199px) {
    .bannarblock7 .textwrapper3 h1 {
        font-size: 30px;
        line-height: 42px
    }
    .block7_contenttext .block7text1 p {
        font-size: 24px;
        line-height: 26px
    }
    .block7_contenttext .block7text2 p {
        margin-right: 38%;
        font-size: 16px;
        line-height: 20px;
        margin-top: 20px
    }
    .block7_contenttext .block7text3 p {
        font-size: 16px;
        line-height: 20px;
        margin-top: 20px;
        margin-right: 35%
    }
}

@media only screen and (max-width:991px) {
    .bannarblock7 .subcontent_wrapper7 {
        width: 97%
    }
    .block7_contenttext .block7text2 p {
        margin-right: 43%
    }
    .block7_contenttext .block7text3 p {
        margin-right: 30%
    }
    .bannarblock7 .textwrapper3 h1 {
        font-size: 38px;
        line-height: 44px
    }
}

@media only screen and (max-width:767px) {
    .bannarblock7 .textwrapper3 {
        margin-top: 0;
        padding-left: 0
    }
    .bannarblock7 {
        background-size: 103%, 100% 100%, cover;
        padding-bottom: 60%
    }
    .block7_contenttext {
        text-align: center
    }
    .block7_contenttext .block7text1 p {
        font-size: 24px;
        line-height: 26px;
        text-align: center;
        margin-top: 15px
    }
    .block7_contenttext .block7text2 p {
        margin-right: auto;
        margin-left: auto;
        text-align: center
    }
    .block7_contenttext .block7text3 p {
        margin-right: auto;
        margin-left: auto;
        text-align: center
    }
}

@media only screen and (max-width:480px) {
    .bannarblock7 .textwrapper3 h1 {
        font-size: 32px;
        line-height: 36px
    }
}

@media only screen and (max-width:390px) {
    .bannarblock7 .textwrapper3 h1 {
        font-size: 28px;
        line-height: 30px
    }
}


/* ------------------------------------------block8------------------------------------------- */

.bannarblock8 {
    background: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/bannarblock8_bg.png), url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/apogeeblue_bg.png);
    background-repeat: no-repeat;
    background-position: right bottom, center center;
    background-size: 100% 100%, cover;
    overflow: hidden;
    margin-bottom: 20px!important;
    padding: 33px 0
}

.subcontent_wrapper8 {
    width: 96%;
    display: block;
    margin: 0 auto
}

.block8_container {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.block8_container .apogeelogo1 {
    max-width: 100%
}

.bannarblock8 .textwrapper5 {
    text-align: center;
    margin-top: -60px;
    padding-left: 85px;
    display: block
}

.bannarblock8 .textwrapper5 h1 {
    font-size: 35px;
    font-family: 'Helveticabold';
    text-transform: uppercase;
    color: #fff
}

.bannarblock8_flexbox {
    padding-top: 30px;
    width: 100%;
    margin: 0 auto
}

.bannarblock8 .bannarblock8_flexbox .titletext h2 {
    font-size: 35px!important;
    line-height: 35px!important;
    font-family: 'Helveticabold'!important;
    color: #fff
}

.bannarblock8 .bannarblock8_flexbox .titletext h2 span {
    color: #eb1e25
}

.bannarblock8_flexbox ul li .orange_box {
    display: block!important;
    background-color: #ef9941!important;
    border-radius: 5px!important
}

.bannarblock8_flexbox ul li .yellow_box {
    display: block!important;
    background-color: #edd241!important;
    border-radius: 5px!important
}

.bannarblock8_flexbox ul li .grey_box {
    display: block!important;
    background-color: #a5a5a5!important;
    border-radius: 5px!important
}

.bannarblock8_flexbox ul {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
    padding-top: 0;
    list-style: none!important;
    padding-left: 0!important;
    margin-top: -5%
}

.bannarblock8_flexbox ul li {
    flex: 1 1 32.33%;
    margin: .5%;
    height: auto
}

.bannarblock8 .bannarblock8_flexbox ul li .boxbannar {
    padding: 15px
}

.bannarblock8 .bannarblock8_flexbox ul li .boxbannar .title h1 {
    font-size: 17px;
    font-family: 'robotobold';
    display: block;
    margin: 5px 0!important;
    color: #fff
}

.bannarblock8 .textwrapper6 p {
    font-size: 11px;
    font-family: 'helveticaregular';
    margin-top: 0;
    margin-bottom: 0;
    color: #fff!important
}

.bannarblock8_flexbox ul li:nth-child(2) .boxbannar .title h1 {
    color: #000!important
}

.bannarblock8_flexbox ul li:nth-child(2) .boxbannar .textwrapper6 p {
    color: #000!important
}

.bannarblock8 .listwrapper6 p {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/arrow_bullet.png);
    background-repeat: no-repeat;
    background-position: left top 14px;
    padding: 10px 0 7px 17px
}

.bannarblock8_flexbox ul li .mat-list-item-content {
    display: block!important
}

@media only screen and (max-width:1199px) {
    .bannarblock8 .bannarblock8_flexbox ul li .boxbannar {
        padding: 8px
    }
    .bannarblock8 .bannarblock8_flexbox .titletext h2 {
        font-size: 32px!important
    }
    .bannarblock8 .textwrapper5 {
        margin-top: -50px;
        padding-left: 210px
    }
}

@media only screen and (max-width:991px) {
    .bannarblock8 .textwrapper5 h1 {
        font-size: 33px;
        line-height: 33px
    }
    .bannarblock8 .bannarblock8_flexbox ul li .boxbannar {
        padding: 12px
    }
}

@media only screen and (max-width:767px) {
    .bannarblock8_flexbox {
        padding-top: 15px
    }
    .bannarblock8 .textwrapper5 {
        text-align: center;
        margin-top: 0;
        padding-left: 0
    }
    .bannarblock8 .bannarblock8_flexbox .titletext h2 {
        text-align: center!important
    }
    .bannarblock8_flexbox ul {
        flex-wrap: wrap!important;
        margin-top: 16px;
        align-items: stretch
    }
    .bannarblock8_flexbox ul li {
        height: auto
    }
    .bannarblock8 .bannarblock8_flexbox ul li .boxbannar {
        height: 100%
    }
    .bannarblock8 .textwrapper6 p {
        font-size: 14px
    }
}

@media only screen and (max-width:600px) {
    .bannarblock8_flexbox ul li {
        flex: 1 1 99%
    }
    .bannarblock8 .listwrapper6 {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%
    }
    .bannarblock8 .listwrapper6 p {
        display: flex;
        flex-direction: column;
        flex-basis: 100%;
        flex: 1 1 46%
    }
    .bannarblock8 .bannarblock8_flexbox ul li .boxbannar {
        height: auto
    }
}


/* --------------------------------------------------------block9---------------------------------------- */

.bannarblock9 {
    background: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/block9_groupimg.png), url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/apogeedesign_bg.png), url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/apogeeblue_bg.png);
    background-position: left bottom, right bottom, center center;
    background-size: auto 100%, cover, cover;
    overflow: hidden;
    background-repeat: no-repeat;
    padding: 30px 0;
    margin-bottom: 20px!important
}

.bannarblock9 .subcontent_wrapper9 {
    width: 96%;
    display: block;
    margin: 0 auto
}

.block9_container {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.bannarblock9 .textwrapper4 {
    text-align: center;
    margin-top: -60px;
    padding-left: 53%;
    display: block
}

.bannarblock9 .textwrapper4 h1 {
    font-size: 57px;
    line-height: 57px;
    font-family: 'Helveticabold';
    text-transform: uppercase;
    border-bottom: 3px solid #f27b26;
    padding-bottom: 5px;
    color: #fff
}

.block9content {
    padding-left: 53%
}

.block9content .bluetext2 p {
    font-size: 28px;
    line-height: 32px;
    font-family: 'helveticaregular';
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
    color: #1fc2ff
}

.bannarblock9 .flexbox {
    margin: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap
}

.bannarblock9 .flexbox ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    list-style: none!important
}

.bannarblock9 .block9content h3 {
    font-size: 28px;
    line-height: 32px;
    font-family: 'helveticaregular';
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
    color: #73dbff;
    text-transform: uppercase;
    position: relative
}

.bannarblock9 .block9content h3::after {
    content: "";
    top: 115%;
    left: 0;
    position: absolute;
    height: 3px;
    width: 100%;
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(5, 87, 125, 1) 49%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(49%, rgba(5, 87, 125, 1)), color-stop(100%, rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(5, 87, 125, 1) 49%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(5, 87, 125, 1) 49%, rgba(0, 0, 0, 0) 100%);
    background: -ms-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(5, 87, 125, 1) 49%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(5, 87, 125, 1) 49%, rgba(0, 0, 0, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#000', endColorstr='#000', GradientType=1)
}

.bannarblock9 .textwrapper7 p {
    font-size: 16px;
    line-height: 18px;
    font-family: 'HelveticaRegular';
    margin-top: 0;
    margin-bottom: 0;
    color: #fff
}

.bannarblock9 .listwrapper4 p {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/block9_oragebox.png);
    background-repeat: no-repeat;
    background-position: left top 10px;
    padding: 11px 0 3px 27px
}

@media only screen and (max-width:1366px) {
    .bannarblock9 .textwrapper4 {
        padding-left: 55%
    }
    .block9content {
        padding-left: 50%
    }
}

@media only screen and (max-width:1280px) {
    .bannarblock9 {
        background-position: left -30% bottom, right bottom, center center
    }
    .bannarblock9 .flexbox ul {
        margin-top: 0
    }
    .block9content .bluetext2 p {
        font-size: 26px
    }
    .bannarblock9 .textwrapper4 {
        padding-left: 50%
    }
}

@media only screen and (max-width:1199px) {
    .bannarblock9 .textwrapper4 h1 {
        font-size: 48px;
        line-height: 50px
    }
    .bannarblock9 {
        background-position: left -85px bottom, right bottom, center center
    }
}

@media only screen and (max-width:1040px) {
    .block9content .bluetext2 p {
        font-size: 24px;
        line-height: 26px
    }
    .block9content {
        padding-left: 42%
    }
    .bannarblock9 .textwrapper4 {
        padding-left: 42%
    }
}

@media only screen and (max-width:991px) {
    .bannarblock9 .subcontent_wrapper9 {
        width: 97%
    }
}

@media only screen and (max-width:767px) {
    .bannarblock9 .textwrapper4 h1 {
        font-size: 50px;
        line-height: 50px
    }
    .block9content .bluetext2 p {
        font-size: 30px;
        line-height: 30px
    }
    .bannarblock9 .textwrapper7 p {
        font-size: 15px;
        line-height: 15px
    }
    .bannarblock9 {
        padding-bottom: 80%;
        background-size: 117%, cover, cover
    }
    .bannarblock9 .textwrapper4 {
        margin-top: 0;
        padding-left: 0
    }
    .bannarblock9 .textwrapper4 h1 {
        font-size: 40px;
        line-height: 40px
    }
    .block9content {
        padding-left: 0
    }
    .bannarblock9 .flexbox ul li {
        flex: 1 1 47.33%;
        margin: 1%
    }
}

@media only screen and (max-width:540px) {
    .block9content .bluetext2 p {
        font-size: 24px;
        line-height: 24px
    }
    .bannarblock9 .listwrapper4 p {
        background-position: center top!important;
        padding: 20px 0 10px
    }
    .bannarblock9 .textwrapper7 p {
        text-align: center!important;
        font-size: 15px;
        line-height: 15px
    }
    .bannarblock9 .flexbox ul {
        margin-top: 20px;
        margin-left: 0;
        width: 80%
    }
    .bannarblock9 .flexbox ul li {
        flex: 1 1 98%
    }
}

@media only screen and (max-width:480px) {
    .block9content .bluetext2 p {
        font-size: 27px;
        line-height: 27px
    }
}

@media only screen and (max-width:360px) {
    .bannarblock9 .textwrapper4 h1 {
        font-size: 36px;
        line-height: 36px
    }
    .block9content .bluetext2 p {
        font-size: 21px;
        line-height: 22px
    }
}


/*------------------END PRITI ADDED CSS-------------------*/


/*------------------START AVIJIT ADDED CSS-------------------*/


/* -------------------------------- others slide css start ---------------------------------------------- */


/* -------------------------------------block3_new--------------------------- */

.as_custom_software {
    background: url("https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/block3slide_bg.png"), url("https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/apogeeblue_bg.png");
    background-repeat: no-repeat;
    background-position: right bottom, center center;
    background-size: 100% 100%, cover;
    overflow: hidden;
    margin-bottom: 20px!important;
    padding: 33px 0
}

@media only screen and (max-width: 1380px) {
.as_Materials_availability .asn_titlewrapper {
    width: 365px;
    margin-left: 10px
}
}
@media only screen and (max-width: 1199px) {
  
    .trainingeditorutalogo {
        display: block;
        margin: 15px auto 10px
    }
    .trainingeditor.utaintroduc {
        background: #000!important
    }
    .trainingeditor.utaintroduc .trainingeditorutacontent h1 {
        max-width: 100%!important;
        font-size: 25px!important;
        line-height: 32px!important
    }
    .trainingcenterclsupdate .classlessonongoing {
        font-size: 25px!important;
        line-height: 32px!important
    }
    .trainingeditor.utaintroduc .trainingeditorutacontent ul li {
        max-width: 100%!important;
        font-size: 13px!important
    }
    .trainingeditor.utaintroduc .trainingeditorutacontent ul li br {
        display: none
    }
    .trainingcenterclsupdate .classlessondone {
        font-size: 22px!important
    }
    .trainingeditor.utaintroduc {
        padding: 0 0 20px!important
    }
    .trainingeditor.utaintroduc .trainingeditorutacontent p {
        max-width: 100%!important
    }
    .trainingeditor.utaintroduc .trainingeditorutacontent p br {
        display: none
    }
    .trainingeditor.utaintroduc .trainingeditorutacontent h3 {
        max-width: 100%!important
    }
    .trainingeditor.utaintroduc .trainingeditorutacontent h3 br {
        display: none
    }
    .trainingeditortopsec {
        justify-content: center;
        flex-wrap: wrap
    }
    .trainingeditor.mwointroduc .trainingeditormwotext {
        text-align: center
    }
    .trainingeditor.mwointroduc .trainingeditormwocontent {
        max-width: 100%!important
    }
    .trainingeditor.mwointroduc .trainingeditormwoimg {
        position: inherit!important;
        bottom: 0!important;
        right: 0!important;
        margin: 10px auto 0!important;
        display: block!important;
        width: 270px!important
    }
    .trainingeditor.mwointroduc .mwointroductiondesignimg {
        display: none
    }
    .trainingeditor.mwointroduc .trainingeditormwobottom {
        display: none
    }
    .trainingeditor.mwointroduc .trainingeditorinner {
        padding: 15px 25px 0
    }
    .trainingeditor.mwointroduc .trainingeditormwocontent h1 {
        max-width: 100%!important;
        font-size: 24px!important;
        line-height: 32px!important
    }
    .trainingeditor.mwointroduc.globusri .trainingeditormwoimg {
        margin: 10px auto -32px!important
    }
    .trainingeditor.mwointroduc.FAndMa .trainingeditormwocontent h1 {
        max-width: 100%!important;
        font-size: 32px!important;
        line-height: 36px!important;
        text-align: center
    }
    .trainingeditor.mwointroduc.FAndMa .trainingeditormwocontent h3 {
        max-width: 100%!important;
        font-size: 20px!important;
        line-height: 24px!important;
        text-align: center
    }
    .trainingeditor.mwointroduc.FPAHP .trainingeditormwocontent ul,
    .trainingeditor.mwointroduc.PP .trainingeditormwocontent ul {
        column-count: 2!important
    }
    .trainingeditor.hpsintroduc .trainingeditortopsec h2 {
        font-size: 24px!important;
        line-height: 24px!important;
        margin-top: 10px;
        text-align: center
    }
    .trainingeditor.hpsintroduc .trainingeditorhpscontent {
        margin-left: auto!important;
        margin-right: auto!important;
        max-width: 94%!important;
    text-align: center;
    margin-top: 10px!important;
    padding-bottom: 10px!important;
    }
    .trainingeditor.hpsintroduc .trainingeditoradcpdimg {
        width: 222px;
        position: inherit!important;
        left: 0!important;
        bottom: 0!important;
        margin: 0 auto!important;
        display: block
    }
    .trainingeditor.hpsintroduc .trainingeditoradcpdbottom {
        display: none!important
    }
    .trainingeditor.hpsintroduc .trainingeditorhpslogobg {
        display: none
    }
    .trainingeditor.hpsintroduc .trainingeditorhpslogo {
        flex: 0 0 151px;
        display: block!important;
        padding: 7px 10px!important;
        position: relative;
        z-index: 5;
        background: #1c2a3d!important;
        margin: 10px auto!important;
        border: 6px solid #edb20f
    }
    .trainingeditor.hpsintroduc .headerthreecls {
        max-width: 100%!important
    }
    .trainingeditor.hpsintroduc .trainingeditorcomputerimg {
        position: inherit!important;
        left: 0!important;
        bottom: 0!important;
        margin: 0 auto!important;
        margin-top: 20px!important
    }
    .trainingeditor.hpsintroduc .trainingeditorODCimg {
        width: 100%!important;
        position: inherit!important;
        right: 0!important;
        bottom: 0!important
    }
    .trainingeditor.hpsintroduc .headeronecls,
    .trainingeditor.hpsintroduc .headeronecls,
    .trainingeditor.hpsintroduc .headeronecls {
        max-width: 100%!important;
        float: none!important;
        margin: 0 auto!important
    }
    .trainingeditor.hpsintroduc .headertwocls {
        max-width: 100%!important;
        float: none!important;
        margin: 10px auto!important;
        display: block!important
    }
    .trainingeditor.hpsintroduc .listsclswrapper {
        display: block!important;
        margin-left: auto!important;
        margin-right: auto!important;
        max-width: 94%!important
    }
    .trainingeditor.hpsintroduc .trainingeditorinner {
        padding-bottom: 0!important
    }
    .trainingeditor.hpsintroduc .listsclsheader {
        display: block!important;
        margin-left: auto!important;
        margin-right: auto!important;
        text-align: center!important
    }
    .trainingeditor.hpsintroduc ul li {
        flex: 0 0 32%!important
    }
    .trainingeditor.hpsintroduc.OVP .orangeboxcls,
    .trainingeditor.hpsintroduc.OVPC .pinkboxcls {
        display: block!important;
        margin-left: auto!important;
        margin-right: auto!important;
        max-width: 88%!important;
        text-align: center!important;
        margin-top: 10px;
    }
    .trainingeditor.OpCEOsbio .trainingeditortopcontent {
        flex-direction: column;
        margin: 10px auto 0
    }
    .trainingeditor.OpCEOsbio .trainingeditorleft {
        max-width: 100%
    }
    .trainingeditor.OpCEOsbio .trainingeditorimg {
        position: inherit;
        margin: 0 auto;
        display: block;
        bottom: 0
    }
    .trainingeditor.salesopertrain .trainingeditortopcontent {
        flex-direction: column;
        margin: 10px auto 0
    }
    .trainingeditor.salesopertrain .trainingeditorleft {
        max-width: 100%
    }
    .trainingeditor.salesopertrain .trainingeditorimg {
        position: inherit;
        margin: 0 auto;
        display: block;
        bottom: 0
    }
    .trainingeditor.Salesopportunitiesoffer .trainingeditorcenter h1 {
        font-size: 32px;
        line-height: 32px
    }
    .trainingcenterclsupdate .classlessondone,
    .trainingcenterclsupdate .classlessonongoing {
        font-size: 20px!important
    }
    .trainingcenterclsupdate .classlessonnotdone {
        font-size: 20px!important
    }
    .trainingeditor.hpsintroduc.AVIOP .trainingeditorcomputerimg {
        width: 100%;
        float: none;
        position: relative
    }
    .trainingeditor.hpsintroduc.AVIOP .purpleboxcls {
        display: block;
        margin-left: auto;
        margin-right: auto;
        max-width: 90%
    }
    .trainingeditor.hpsintroduc.WWH .trainingeditorcomputerimg {
        width: 100%;
        float: none;
        position: relative
    }
    .trainingeditor.hpsintroduc.WWH .greenboxcls {
        display: block;
        margin-left: auto;
        margin-right: auto;
        max-width: 90%
    }
}

@media screen and (max-width:660px) {
    .trainingeditor.apogeeinvent .trainingeditorcontentinner h2:before {
        width: 26%
    }
    .trainingeditor.apogeeinvent .trainingeditorcontentinner h2:after {
        width: 26%
    }
    .trainingeditor.hpsintroduc ul li {
        flex: 0 0 50%!important
    }
}

@media screen and (max-width:767px) {
    .trainingeditor.hpsintroduc.SCL .middledesigncarecter {
        position: inherit;
        top: 0;
        left: 0;
        transform: inherit;
        width: 280px;
        margin: 0 auto;
        display: block
    }
    .trainingeditor.hpsintroduc.SCL .middledesign {
        flex-direction: column
    }
    .trainingeditor.hpsintroduc.SCL ol li::after {
        display: none
    }
    .trainingeditor.hpsintroduc.SCL ol li {
        width: 100%;
        float: left
    }
    .trainingeditor.hpsintroduc.SCL ol li .bgcolor {
        font-size: 14px!important;
        padding: 12px 45px 15px 30px
    }
    .trainingeditor.hpsintroduc.SCL ol {
        column-count: 1
    }
    .trainingeditor.hpsintroduc.SCL ol li:nth-child(n+5) {
        float: left
    }
    .trainingeditor.hpsintroduc.SCL ol li:nth-child(n+5):before {
        right: inherit;
        left: -5px
    }
    .trainingeditor.hpsintroduc.SCL ol li:nth-child(n+5) .imgwrapper {
        right: 0;
        left: inherit
    }
    .trainingeditor.hpsintroduc.SCL ol li .imgwrapper {
        right: 0
    }
    .trainingeditor.hpsintroduc.SCL ol li:nth-child(n+5) .bgcolor {
        padding: 12px 25px
    }
    .trainingeditor.hpsintroduc.SCL ol li::before {
        padding-left: 0;
        left: -5px;
        top: 5px;
        width: 30px;
        height: 30px;
        border-radius: 100px;
        line-height: 30px;
        text-align: center
    }
}

@media screen and (max-width:600px) {
    .trainingeditor.welcomeonboard .trainingeditorcontentinner ul li {
        flex: 0 0 48%
    }
    .trainingeditor.welcomeonboard .trainingeditorcontentinner ul li:nth-child(2) {
        margin-top: auto
    }
    .trainingeditor.welcomeonboard .trainingeditorcontentinner ul li:nth-child(3) {
        margin-top: auto
    }
    .trainingeditor.welcomeonboard .trainingeditorcontentinner ul {
        margin-top: 20px
    }
}

@media screen and (max-width:540px) {
    .trainingeditor.mwointroduc.FPAHP .trainingeditormwocontent ul,
    .trainingeditor.mwointroduc.PP .trainingeditormwocontent ul {
        column-count: 1!important
    }
    .trainingeditor.hpsintroduc ul li {
        flex: 0 0 98%!important
    }
    .trainingeditor.hpsintroduc.OVP .orangeboxcls,
    .trainingeditor.hpsintroduc.OVPC .pinkboxcls {
        max-width: 86%!important
    }
    .trainingeditor.welcomeonboard .trainingeditorcontentinner h2 {
        font-size: 20px;
        line-height: 27px
    }
    .trainingeditorcontentinner ul li {
        flex-direction: column;
        margin: 2% auto
    }
    .trainingeditorcontentinner ul li ul {
        margin: 2%
    }
    .trainingeditor.apogeeinvent .trainingeditorcontentinner h2:before {
        width: 20%
    }
    .trainingeditor.apogeeinvent .trainingeditorcontentinner h2:after {
        width: 20%
    }
    .trainingeditor.cosc .trainingeditorcontentinner .logowrappercls ul li {
        flex: 1 1 47.66%
    }
    .trainingeditor.hpsintroduc.ODC .headeronecls h2 {
        line-height: normal;
        font-size: 27px
    }
    .trainingeditor.hpsintroduc.EarlyDetection .listsclswrapper .listscls strong {
        font-size: 14px;
        line-height: 16px
    }
    .trainingeditor.hpsintroduc.HRFD .listsclswrapper .listscls strong {
        font-size: 14px;
        line-height: 16px
    }
    .trainingeditor.hpsintroduc.MajorRiskFactors .headertwocls h3 strong {
        font-size: 24px;
        line-height: 26px
    }
    .trainingeditor.hpsintroduc.OVP .listsclswrapper .listscls strong {
        font-size: 14px;
        line-height: 16px
    }
    .trainingeditor.hpsintroduc.PhyTax .headeronecls h2 {
        font-size: 22px
    }
    .trainingeditor.hpsintroduc.PhyTax .headerthreecls h4 {
        font-size: 18px
    }
    .trainingeditor.hpsintroduc .headertwocls {
        max-width: 90%!important
    }
}

@media screen and (max-width:480px) {
    .trainingeditor.welcomeonboard .trainingeditorcontentinner ul li {
        flex: 0 0 98%
    }
    .trainingeditor.OpCEOsbio .trainingeditorlogo {
        max-width: 80%
    }
    .trainingeditor.salesopertrain .trainingeditorlogo {
        max-width: 80%
    }
    .trainingeditorlogo {
        max-width: 80%
    }
    .trainingeditor.Salesopportunitiesoffer .trainingeditorcenter h1 {
        font-size: 24px;
        line-height: 26px
    }
    .trainingeditor.QualifyBPFC .trainingeditorlogo {
        max-width: 80%
    }
    .trainingeditor.QualifyBPFC .trainingeditortopcontent .trainingeditorleft h1 {
        font-size: 24px;
        line-height: 26px
    }
    .trainingeditor.apogeeinvent .trainingeditorlogo {
        max-width: 80%
    }
    .trainingeditor.apogeeinvent .trainingeditorcontentinner h2 {
        font-size: 20px
    }
    .trainingeditor.apogeeinvent .trainingeditorcontentinner h2:before {
        width: 15%
    }
    .trainingeditor.apogeeinvent .trainingeditorcontentinner h2:after {
        width: 15%
    }
    .trainingeditor.apogeeinvent .trainingeditorcontentinner ul li {
        font-size: 16px
    }
    .trainingeditor.medworldone .trainingeditorcontentinner .boxlist ul li {
        flex: 1 1 98%!important
    }
    .trainingeditor.medworldone .trainingeditorcontentinner h2 {
        font-size: 20px;
        line-height: 20px
    }
    .trainingeditor.jointventureprogram .trainingeditorcontentinner .boxlist ul li {
        flex: 1 1 98%!important
    }
    .trainingeditor.jointventureprogram .trainingeditorcontentinner h2 {
        font-size: 20px;
        line-height: 20px
    }
    .trainingeditor.cosc .trainingeditorcontentinner .featurelists .singlefeature {
        flex: 1 1 98%!important
    }
    .trainingeditor.cosc .trainingeditorcontentinner .logowrappercls ul li {
        flex: 1 1 98%
    }
    .trainingeditor.weoffer .trainingeditorinner h2 {
        font-size: 21px;
        line-height: normal
    }
    .trainingeditor.weoffer .trainingeditorlogo {
        max-width: 80%
    }
    .trainingeditor.hpsintroduc .trainingeditorcomputerimg {
        width: 90%!important
    }
    .trainingeditor.hpsintroduc .trainingeditorODCimg {
        margin-bottom: -8px
    }
    .trainingeditor.hpsintroduc.OVP .trainingeditoradcpdimg {
        width: 100%
    }
    .trainingeditor.hpsintroduc.OVPC .blueboxcls {
        display: block;
        margin-left: auto;
        margin-right: auto;
        max-width: 86%
    }
    .trainingeditor.hpsintroduc.OVPC .trainingeditoradcpdimg {
        width: 100%;
        right: 0
    }
    .trainingeditor.hpsintroduc.PhyTax .headeronecls h2 {
        font-size: 18px
    }
    .trainingeditor.hpsintroduc.PhyTax ul {
        margin-left: 50px;
        margin-right: 10px
    }
    .trainingeditor.hpsintroduc.PhyTax .headerthreecls {
        margin-left: 50px;
        margin-right: 10px
    }
}


/*-------Media section end koushik----*/


/*------------------END--KOUSHIK ADDED CSS-------------------*/


/*------------------START PRITI ADDED CSS-------------------*/

@font-face {
    font-family: 'helvetica_neue_medium_extenRg_new';
    src: url(../fonts/helvetica_neue_medium_extended-webfont.woff2) format("woff2"), url(../fonts/helvetica_neue_medium_extended-webfont.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

.newheaderAD_logo {
    width: 210px;
    height: 47px
}

.computer_d_wrapper {
    width: 88px;
    height: auto;
    margin: 0 auto
}


/*------------------END PRITI ADDED CSS-------------------*/


/*------------------START AVIJIT ADDED CSS-------------------*/

.as_welcome_to_beto img,
.as_Our_Focus img,
.as_we_offer_you img,
.as_our_CEO img,
.as_partnered_with_titans img,
.as_Our_Inhouse_Private_team img {
    max-width: 100% !important;
    width: auto !important;
    border: 0 !important;
}

.pptmainwrapper {
    width: 892px;
    display: block;
    margin: 0 auto
}

addaudiovideofiledialog .videocontainer { padding-bottom: inherit!Important;}

.as_logowrapper {
    background: #aeaeae;
    background: linear-gradient(0deg, rgba(174, 174, 174, 1) 0%, rgba(214, 214, 214, 1) 21%, rgba(255, 255, 255, 1) 52%, rgba(255, 255, 255, 1) 100%);
    padding: 10px;
    position: relative;
    border-radius: 5px;
    width: fit-content
}

.as_logowrapper img {
    border: 0!important
}

.as_logowrapper::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -20px;
    transform: translateX(-50%);
    width: 100%;
    height: 20px;
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_shadow2.png);
    background-repeat: no-repeat;
    background-position: center top
}
.drop{ text-align: center;}

.as_abwrapper1 img,
.as_abwrapper2 img {
    max-width: 100%;
    display: block;
    max-width: 100%!important;
    width: auto!important;
    border: 0!important
}

.as_abwrapper2 {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 130px
}

.as_abwrapper1 {
    position: absolute;
    right: 0;
    top: 0;
    width: 100px;
    transform: rotate(-180deg)
}

.as_welcome_to_beto {
    position: relative;
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/welcome_bg1.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    padding: 25px;
    padding-right: 0;
    padding-bottom: 0
}

.as_Our_Focus,
.as_we_offer_you,
.as_our_CEO,
.as_partnered_with_titans {
    position: relative;
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/asbg1.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    padding: 25px
}

.as_Our_Inhouse_Private_team {
    position: relative;
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/asbg2.jpg);
    background-repeat: no-repeat;
    background-position: right top;
    background-size: cover;
    padding: 25px
}

.as_Our_Inhouse_Private_team .textwrapper {
    text-align: left;
    margin-top: 0;
    padding-left: 0
}

.as_partnered_with_titans {
    padding: 0
}

.as_partnered_with_titans_subwrapper {
    padding: 25px
}

.as_titlemainwrapper {
    margin: 20px 0
}

.as_titlemainwrapper h3 {
    font-family: 'OpenSanssemibold';
    font-size: 38px;
    color: #fff;
    text-shadow: 0 3px 3px #000;
    margin: 0
}

.as_titlemainwrapper h3 strong {
    color: #2ed6ff;
    font-style: normal
}

.as_titlemainwrapper h2 {
    margin: 0;
    font-family: 'Helveticabold';
    font-size: 35px;
    text-transform: uppercase;
    line-height: 38px;
    font-style: normal;
    display: block;
    background: #c1c1c1;
    background: linear-gradient(0deg, rgba(193, 193, 193, 1) 0%, rgba(255, 255, 255, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(0px 3px 3px #000)
}

.as_titlemainwrapper h4 {
    margin: 0;
    font-family: 'OpenSanssemibold';
    font-size: 42px;
    color: #2ed6ff;
    text-shadow: 0 3px 3px #000
}

.braybtn {
    text-decoration: none;
    font-family: 'Helveticabold';
    font-size: 22px;
    border: 0;
    background: #b1b1b1;
    background: linear-gradient(0deg, rgba(177, 177, 177, 1) 0%, rgba(245, 245, 245, 1) 100%);
    color: #2a2a2a;
    padding: 10px 20px;
    border-radius: 40px;
    cursor: pointer
}

.aslogosmainwrapper {
    position: relative;
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/welcome_bg3.png);
    background-repeat: no-repeat;
    background-position: center top;
    padding-left: 90px;
    width: 537px;
    margin: 0 0 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    min-height: 203px;
    margin-top: -55px;
    background-size: 100% 100%;
    z-index: 9
}

.logolist {
    width: 46%;
    text-align: center;
    position: relative
}

.logolist::after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/welcome_shadow1.png);
    position: absolute;
    right: -20px;
    top: 50%;
    transform: translatey(-50%);
    width: 20px;
    height: 100%;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: auto 100%
}

.as_welcome_to_beto .abimage {
    position: absolute;
    right: 0;
    top: 0;
    max-width: 100%!important;
    width: auto!important;
    border: 0!important
}

.logolist img {
    max-width: 100%!important;
    width: auto!important;
    border: 0!important
}

.textwrapper p {
    font-family: 'OpenSanssemibold';
    font-size: 16px;
    color: #fff;
    margin-bottom: 10px
}

.textwrapper p i {
    font-style: normal;
    color: #2ed6ff
}

.graybgtitlewrapper {
    background: #b1b1b1;
    background: linear-gradient(0deg, rgba(177, 177, 177, 1) 0%, rgba(245, 245, 245, 1) 100%);
    padding: 5px 20px;
    width: fit-content;
    margin-top: 10px
}

.graybgtitlewrapper h3,
.graybgtitlewrapper p {
    font-family: 'Helveticabold';
    font-size: 19px;
    color: #2a2a2a;
    margin: 0
}

.graybgtitlewrapper p {
    font-size: 12px
}

.as_Our_Focus .graybgtitlewrapper p {
    text-transform: uppercase
}

.listwrapper p {
    font-family: 'robotoregular';
    color: #fff;
    font-size: 14px;
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_icon1.png);
    background-repeat: no-repeat;
    background-position: left top 10px;
    padding: 5px 0;
    padding-left: 20px;
    margin: 0
}

.listwrapper p i {
    font-style: normal;
    color: #28bbe9
}

.as-colcontainer {
    display: flex;
    justify-content: space-between
}

.col-2 {
    width: 49.5%
}

.as_Our_Focus .abimage1 {
    display: none
}

.as_Our_Focus .abimage2 {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    max-width: 100%
}

.as_Our_Focus .as_titlemainwrapper h2 {
    font-size: 28px;
    line-height: 32px
}

.as_Our_Focus .textwrapper {
    display: block;
    width: 69%;
    margin: 0;
    text-align: left
}

.as_Our_Focus .listwrapper {
    width: 83%
}

.as_we_offer_you .abimage1 {
    display: none
}

.as_we_offer_you .abimage2 {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    max-width: 100%;
    min-height: 100%
}

.as_we_offer_you .as_titlemainwrapper h2 {
    font-size: 52px;
    line-height: 57px
}

.as_we_offer_you .as_titlemainwrapper h4 {
    font-size: 42px;
    line-height: 45px
}

.as_we_offer_you .listwrapper {
    width: 60%
}

.as_imgwrapper {
    background-color: #eee;
    height: 212px;
    width: 212px;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center
}

.abimagesubwrapper {
    background: #0062d2;
    background: linear-gradient(0deg, rgba(0, 98, 210, 1) 0%, rgba(0, 36, 104, 1) 100%);
    height: 230px;
    width: 230px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center
}

.as_our_CEO .abimagewrapper {
    height: 240px;
    width: 240px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 4px solid #fff;
    border-radius: 50%;
    position: absolute;
    right: 10px;
    top: 10px
}

.as_imgwrapper img {
    display: block;
    min-height: 100%;
    min-width: 100%;
    object-fit: cover;
    width: auto!important;
    border: 0!important
}

.as_our_CEO .as_titlemainwrapper h2,
.as_our_CEO .as_titlemainwrapper h4 {
    font-size: 24px;
    line-height: 30px
}

.as_our_CEO .listwrapper p:nth-child(1),
.as_our_CEO .listwrapper p:nth-child(2) {
    width: 77%
}

.as_partnered_with_titans .abimage1 {
    display: none
}

.as_partnered_with_titans .abimage2 {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    max-width: 100%;
    min-height: 100%
}

.as_partnered_with_titans .as_titlemainwrapper h2,
.as_partnered_with_titans .as_titlemainwrapper h4 {
    font-size: 40px;
    line-height: 45px;
    text-transform: uppercase
}

.graysubbar h2 {
    font-family: 'OpenSanssemibold';
    font-size: 16px;
    text-transform: uppercase;
    margin: 0
}

.graymainbar {
    background: #fff;
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(207, 207, 207, 1) 100%);
    padding: 4px 0;
    margin-bottom: 20px;
    display: inline-block
}

.graysubbar {
    background: #c2c2c2;
    background: linear-gradient(0deg, rgba(194, 194, 194, 1) 0%, rgba(254, 254, 254, 1) 100%);
    padding-left: 27px;
    border-top: 1px solid #919cb0;
    padding-right: 320px
}

.as_partnered_with_titans .listwrapper {
    width: 60%
}

.as_partnered_with_titans .listwrapper p {
    font-size: 15px
}

.as_Our_Inhouse_Private_team .as_logomainwrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px
}

.as_Patient_Report .textwrapper {
    text-align: inherit;
    margin-top: 0;
    padding-left: 0
}


/* --------------- Hps Css --------------- */

.as_HPS,
.as_Advance_Preventative_Healthcare,
.as_TMFlow {
    position: relative;
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_hps_bg1.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    position: relative
}

.as_TMFlow {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_hpsbg1.jpg)
}

.as_HPS_subwrapper {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_hpsimage1.png);
    background-repeat: no-repeat;
    background-position: right top 20px;
    padding: 10px 50px;
    padding-top: 125px
}

.as_Advance_Preventative_Healthcare .as_HPS_subwrapper {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_Advance_Preventative_Healthcare_image1.png);
    background-position: right 15px top 20px
}

.as_TMFlow .as_HPS_subwrapper {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_TMFlow_image2.png), url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_TMFlow_image1.png);
    background-position: right bottom, right 15px top 20px;
    padding-bottom: 55px
}

.as_hps_whiteborder {
    border: 3px solid #fff;
    border-radius: 8px;
    padding: 3px
}

.as_yellowbg {
    background: #eaba1c;
    background: linear-gradient(0deg, rgba(234, 186, 28, 1) 0%, rgba(252, 216, 2, 1) 100%);
    padding: 15px;
    border-radius: 8px
}

.as_yellowbg p {
    font-family: 'Helveticabold';
    font-size: 18px;
    color: #000;
    margin: 0
}

.as_yellowbg h2 {
    font-family: 'Helveticabold';
    font-size: 34px;
    color: #000;
    margin: 0
}

.as_Advance_Preventative_Healthcare .as_yellowbg,
.as_Advance_Preventative_Healthcare .as_hps_whiteborder {
    width: fit-content
}

.as_bluebg {
    background: #0090ca;
    background: linear-gradient(0deg, rgba(0, 144, 202, 1) 0%, rgba(0, 209, 254, 1) 100%);
    border-radius: 50px;
    padding: 10px 30px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .4)
}

.as_blackandbluebg {
    background: #004c60;
    background: linear-gradient(90deg, rgba(0, 76, 96, 1) 0%, rgba(0, 26, 39, 1) 100%);
    border-radius: 8px;
    padding: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .4)
}

.as_blackandbluebg h2 {
    font-family: 'Helveticabold';
    font-size: 15px;
    color: #fff;
    text-shadow: 0 2px 5px rgba(0, 0, 0, .4);
    text-transform: uppercase
}

.as_blackandbluebg h2 strong {
    color: #fdc900
}

.as_bluebg p {
    font-family: 'Helveticabold';
    font-size: 18px;
    color: #fff;
    text-shadow: 0 2px 5px rgba(0, 0, 0, .4);
    margin: 0
}

.as_HPS .as_titlemainwrapper h2 {
    font-size: 31px
}

.as_HPS_logowrapper {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_hpslogo_bg.png);
    background-repeat: no-repeat;
    background-position: center top;
    width: 318px;
    padding-left: 55px;
    padding-top: 6px;
    padding-bottom: 11px;
    position: absolute;
    left: 0;
    top: 0
}

.as_HPS_logowrapper img {
    border: 0!important;
    width: auto!important;
    max-width: 100%!important
}

.as_HPS .as_yellowbg {
    width: 69%
}

.as_HPS .as_titlemainwrapper {
    margin: 10px 0
}

.hps_graybg {
    background: #c2d5dd;
    background: linear-gradient(0deg, rgba(194, 213, 221, 1) 0%, rgba(255, 255, 255, 1) 100%);
    border: 3px solid #fff;
    border-radius: 8px;
    padding: 10px
}

.as_hps_greenlist p {
    font-family: 'Helveticabold';
    color: #1a1a1a;
    font-size: 14px;
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_hps_icon1.png);
    background-repeat: no-repeat;
    background-position: left top 6px;
    padding: 9px 0;
    padding-left: 27px;
    margin: 0
}

.as_hps_greenlist p strong {
    font-weight: 400;
    font-size: 12px;
    display: block
}

.as_hps_greenlist {
    position: relative
}

.as_HPS .as_hps_greenlist::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -36px;
    transform: translateX(-50%);
    width: 100%;
    height: 33px;
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_shadow2.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto
}

.as_HPS .as_hps_greenlist {
    column-count: 3;
    -moz-column-count: 3;
    margin-bottom: 20px
}

.as_Advance_Preventative_Healthcare .as_blackandbluebg {
    width: 570px;
    margin: 10px 0
}

.as_Advance_Preventative_Healthcare .as_HPS_subwrapper {
    padding-right: 20px
}

.as_Advance_Preventative_Healthcare .as_hps_greenlist {
    position: relative;
    column-count: 3
}

.as_TMFlow .as_yellowbg h2 {
    text-transform: uppercase;
    font-size: 34px;
    line-height: 37px
}

.as_hps_textwrapper {
    font-family: 'Helveticabold';
    font-size: 14px;
    color: #000;
    margin-bottom: 10px
}

.as_hps_textwrapper strong {
    color: #db0000
}

.as_TMFlow .as_hps_whiteborder {
    width: 622px;
    margin-bottom: 20px
}

.as_TMFlow .as_hps_textwrapper p {
    margin-bottom: 22px
}

.as_TMFlow .as_hps_textwrapper {
    width: 480px
}

.as_TMFlow .as_hps_abimagewrapper {
    position: absolute;
    right: 0;
    bottom: 0
}

.as_TMFlow .as_hps_abimagewrapper img {
    max-width: 100%!important;
    width: auto!important;
    display: block;
    border: 0!important
}

.as_Our_exam_results {
    background: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_Our_exam_results_bg1.jpg) right top no-repeat!important;
    margin-bottom: 0;
    background-size: cover!important;
    padding: 20px!important;
    border-radius: 0!important;
    overflow: hidden;
    position: relative
}

.as_Our_exam_results .trainingeditoradcpdbottom {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/hps_footer_img.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    display: block;
    z-index: 99;
    width: 100%;
    min-height: 135px;
    margin-bottom: -4%
}

.as_Our_exam_results .trainingeditortopsec {
    margin: 0
}

.as_Our_exam_results .trainingeditorhpscontent {
    margin-left: 245px;
    margin-right: 25px;
    margin-top: 0;
    padding-bottom: 12px
}

.as_Our_exam_results .headeronecls {
    background: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/hps_adcpd_headerone_bg.jpg) right top no-repeat!important;
    margin-bottom: 12px;
    background-size: cover!important;
    padding: 0!important;
    border-radius: 7px!important;
    overflow: hidden;
    position: relative;
    max-width: 94%;
    margin-right: 0;
    margin-left: auto
}

.as_Our_exam_results .headeronecls:after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/hps_adcpd_headerone_bg_bottomshadow.png);
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 24px;
    position: absolute;
    bottom: 0;
    top: 93%;
    left: 0
}

.as_Our_exam_results .headeronecls h2 {
    display: block;
    font-size: 30.53px;
    font-family: 'RobotoBlack';
    line-height: 30.53px;
    background: #fff;
    background-image: -webkit-linear-gradient(top, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    background-image: -moz-linear-gradient(top, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    background-image: -o-linear-gradient(top, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    background-image: linear-gradient(to bottom, #fff 0%, #fff 45%, #fff 46%, #fff 100%);
    white-space: normal;
    word-break: break-word;
    display: inline-block;
    word-wrap: normal;
    resize: none;
    box-sizing: border-box;
    -webkit-background-clip: text;
    -webkit-filter: drop-shadow(0 1px 1px rgba(0, 0, 0, .5));
    filter: drop-shadow(0 1px 1px rgba(0, 0, 0, .5));
    -webkit-text-fill-color: transparent;
    position: relative;
    text-transform: uppercase;
    width: 100%;
    margin: 0;
    padding: 13px 16px 16px;
    text-align: center
}

.as_Our_exam_results .headeronecls h2 strong {
    display: inline-flex
}

.as_Our_exam_results .headerthreecls {
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#fff', GradientType=1);
    display: block;
    padding: 16px 20px;
    margin-top: 5px;
    margin-right: -4%;
    max-width: 85%;
    margin-left: auto
}

.as_Our_exam_results .headerthreecls h4 strong {
    color: #fb2e01
}

.as_Our_exam_results .headerthreecls h4 {
    display: block;
    font-size: 14.2px;
    font-family: 'MontserratBold';
    line-height: 19.64px;
    white-space: normal;
    word-break: break-word;
    display: inline-block;
    word-wrap: normal;
    resize: none;
    box-sizing: border-box;
    position: relative;
    width: 100%;
    margin: 0;
    color: #000
}

.as_Our_exam_results .trainingeditorhpslogo {
    flex: 0 0 151px;
    display: block;
    margin-right: 0;
    background-color: transparent;
    padding: 7px 10px;
    position: relative;
    z-index: 9
}

.as_Our_exam_results .trainingeditorhpslogo:after {
    display: none
}

.as_Our_exam_results .trainingeditorhpslogo img {
    border: none!important;
    max-width: 100%
}

.as_Our_exam_results .trainingeditorhpslogobg {
    position: absolute;
    top: 0;
    left: 0
}

.as_Our_exam_results .trainingeditorSCLimg {
    width: 460px;
    position: absolute;
    right: 18px;
    bottom: -26px
}

.as_Our_exam_results .trainingeditorSCLimg img {
    border: none!important;
    max-width: 100%
}

.as_Our_exam_results .trainingeditorbottomheadercls h3 {
    padding: 10px 24px;
    font-size: 15px;
    font-family: 'Helveticabold';
    line-height: auto;
    color: #fff;
    background: #004c60;
    background: linear-gradient(90deg, rgba(0, 76, 96, 1) 0%, rgba(0, 26, 39, 1) 100%);
    margin-top: 0;
    margin-bottom: 0
}

.as_Our_exam_results ol {
    clear: both;
    list-style: none;
    list-style-type: none;
    column-count: 2;
    list-style-type: none;
    margin: 0 auto;
    display: block;
    padding: 0;
    max-width: 95%
}

.as_Our_exam_results ol li {
    margin: 0 0 20px;
    padding-top: 20px;
    display: block;
    position: relative;
    counter-increment: inst;
    width: 72%;
    float: left
}

.as_Our_exam_results ol li::before {
    content: counter(inst);
    background: #ddd;
    background-image: -webkit-linear-gradient(156deg, #ddd 40%, #f9f8f1 100%);
    background-image: -moz-linear-gradient(156deg, #ddd 40%, #f9f8f1 100%);
    background-image: -o-linear-gradient(156deg, #ddd 40%, #f9f8f1 100%);
    background-image: linear-gradient(156deg, #ddd 40%, #f9f8f1 100%);
    color: #939393;
    font-weight: 700;
    border-radius: 0 .675em .675em 0;
    text-align: center;
    padding-top: 0;
    padding-left: 2.25%;
    left: -5%;
    top: -.65em;
    position: absolute;
    transition: all .2s ease-in-out;
    z-index: 9
}

.as_Our_exam_results ol li .imgwrapper {
    width: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: -10px;
    top: 63%;
    transform: translateY(-50%);
    z-index: 99
}

.as_Our_exam_results ol li .imgwrapper img {
    max-width: 100%;
    border: 0!important
}

.as_Our_exam_results ol li .imgwrapper .imgwrapperinner {
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
    width: 53px;
    height: 53px;
    background-color: #166bfb;
    display: flex;
    align-items: center;
    justify-content: center
}

.as_Our_exam_results ol li .imgwrapper .imgwrapperinner2 {
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
    width: 51px;
    height: 51px;
    background-color: #28f9e1;
    display: flex;
    align-items: center;
    justify-content: center
}

.as_Our_exam_results ol li .imgwrapper .imgwrapperinner2 img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.as_Our_exam_results ol li:nth-child(n+5) {
    float: right
}

.as_Our_exam_results ol li:nth-child(n+5) .imgwrapper {
    right: inherit;
    left: -30px
}

.as_Our_exam_results ol li:nth-child(n+5):before {
    right: 20px;
    left: inherit
}

.as_Our_exam_results ol li:nth-child(n+5) .bgcolor {
    padding: 12px 30px 15px 62px
}

@media (min-width: 33em) {
    .as_Our_exam_results ol li:before {
        border-radius: 50%;
        font-size: 20px;
        height: 30px;
        margin-left: 2.5%;
        padding-left: 0;
        padding-top: 0;
        top: 8px;
        width: 30px;
        z-index: 9;
        line-height: 30px;
        border: 1px solid #fff
    }
}

.as_Our_exam_results .middledesign {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;
    margin-top: 20px
}

.as_Our_exam_results .middledesigncarecter {
    position: absolute;
    top: 61%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 170px
}

.as_Our_exam_results .middledesigncarecter img {
    border: 0!important
}

.as_Our_exam_results ol li .bgcolor {
    background: #43584c;
    background: linear-gradient(90deg, rgba(21, 194, 98, 1) 0%, rgba(27, 185, 213, 1) 100%);
    border: 1px solid #7b8c94;
    white-space: normal;
    word-break: break-word;
    display: inline-block;
    word-wrap: normal;
    resize: none;
    box-sizing: border-box;
    position: relative;
    width: 88%;
    margin: 0;
    border-radius: 7px!important;
    padding: 12px 51px 15px;
    font-size: 12.09px;
    font-family: 'Helveticabold';
    line-height: 14px;
    color: #fff;
    -moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, .3);
    -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, .3);
    box-shadow: inset 0 0 10px rgba(0, 0, 0, .3)
}

.as_Our_exam_results ol li:nth-child(1) {
    position: relative
}

.as_Our_exam_results ol li:nth-child(1)::after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/line-design1.png);
    background-size: 107px 37px;
    background-repeat: no-repeat;
    width: 107px;
    height: 37px;
    position: absolute;
    bottom: 0;
    top: 70%;
    left: 97%;
    z-index: 9
}

.as_Our_exam_results ol li:nth-child(2) {
    position: relative
}

.as_Our_exam_results ol li:nth-child(2)::after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/line-design2.png);
    background-size: 102px 10px;
    background-repeat: no-repeat;
    width: 102px;
    height: 10px;
    position: absolute;
    bottom: 0;
    top: 60%;
    left: 97%;
    z-index: 9
}

.as_Our_exam_results ol li:nth-child(3) {
    position: relative
}

.as_Our_exam_results ol li:nth-child(3)::after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/line-design3.png);
    background-size: 108px 45px;
    background-repeat: no-repeat;
    width: 108px;
    height: 45px;
    position: absolute;
    bottom: 0;
    top: 11%;
    left: 97%;
    z-index: 9
}

.as_Our_exam_results ol li:nth-child(4) {
    position: relative
}

.as_Our_exam_results ol li:nth-child(4)::after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/line-design4.png);
    background-size: 97px 17px;
    background-repeat: no-repeat;
    width: 97px;
    height: 17px;
    position: absolute;
    bottom: 0;
    top: 50%;
    left: 97%;
    z-index: 9
}

.as_Our_exam_results ol li:nth-child(5) {
    position: relative
}

.as_Our_exam_results ol li:nth-child(5)::after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/line-design5.png);
    background-size: 82px 17px;
    background-repeat: no-repeat;
    width: 82px;
    height: 17px;
    position: absolute;
    bottom: 0;
    top: 72%;
    right: 100%;
    z-index: 9
}

.as_Our_exam_results ol li:nth-child(6) {
    position: relative
}

.as_Our_exam_results ol li:nth-child(6)::after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/line-design6.png);
    background-size: 96px 33px;
    background-repeat: no-repeat;
    width: 96px;
    height: 33px;
    position: absolute;
    bottom: 0;
    top: 26%;
    right: 100%;
    z-index: 9
}

.as_Our_exam_results ol li:nth-child(7) {
    position: relative
}

.as_Our_exam_results ol li:nth-child(7)::after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/line-design7.png);
    background-size: 86px 6px;
    background-repeat: no-repeat;
    width: 86px;
    height: 6px;
    position: absolute;
    bottom: 0;
    top: 65%;
    right: 100%;
    z-index: 9
}

.as_Our_exam_results ol li:nth-child(8) {
    position: relative
}

.as_Our_exam_results ol li:nth-child(8)::after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/line-design8.png);
    background-size: 84px 27px;
    background-repeat: no-repeat;
    width: 84px;
    height: 27px;
    position: absolute;
    bottom: 0;
    top: 30%;
    right: 100%;
    z-index: 9
}

.as_Our_exam_results .as_hps_whiteborder {
    width: 497px;
    margin: 0 0 0 auto;
    margin-bottom: 10px
}

.as_Our_exam_results .as_yellowbg h2 {
    font-size: 29px
}

.as_Our_exam_results .as_blackandbluebg {
    width: 557px;
    margin: 0 0 0 auto
}

@media only screen and (max-width: 1380px) {
    .as_Materials_availability .asn_titlewrapper {
        width: 365px;
        margin-left: 10px
    }
    .as_Materials_availability .asn_titlewrapper h2 {
        font-size: 37.12px
    }
}

@media only screen and (max-width: 1360px) {
    .as_Your_Responsibilities_cont .asn_titlewrapper {
        max-width: 53%
    }
    .as_Your_Responsibilities_cont .asn_imagewrapper {
        max-width: 37%
    }
}

@media only screen and (max-width: 1340px) {
    .as_Our_commission_structure_list {
        width: 44.8%
    }
}

@media only screen and (max-width: 1320px) {
    .as_Our_exam_results .as_hps_whiteborder {
        width: 357px
    }
    .as_apogee_col3 {
        width: 32.3%
    }
    .as_apogee_col2 {
        width: 48.7%
    }
    .as_BP_Pipeline_Presentation.block14 .as_BP_Pipeline_titlewrapper {
        width: 333px
    }
    .as_BP_Pipeline_Presentation.block14 .as_BP_Pipeline_titlewrapper h2 {
        font-size: 25px;
        line-height: 26px
    }
    .as_BP_Pipeline_Presentation.block14 .as_BP_Pipeline_subwrapper {
        padding: 49px 390px 90px 20px
    }
    .as_BP_Pipeline_Presentation.block10 .col-4 {
        min-height: 430px;
        display: flex;
        justify-content: center;
        align-items: flex-end
    }
    .as_Your_Responsibilities .asn_imagewrapper {
        max-width: 30%
    }
    .as_Your_Responsibilities .asn_titlewrapper {
        max-width: 63%
    }
    .as_Your_Responsibilities .asn_subtitlewrapper {
        max-width: 65%
    }
    .as_Putting_in_a_Lead .asn_imagewrapper {
        max-width: 33%
    }
    .as_Putting_in_a_Lead .asn_titlewrapper {
        max-width: 60%
    }
    .as_Putting_in_a_Lead .asn_subtitlewrapper {
        max-width: 57%
    }
    .as_Putting_in_a_Lead .asn_listwrapper {
        max-width: 72%
    }
    .as_Putting_in_a_Lead .asn_titlewrapper h2 {
        font-size: 23px
    }
    .as_Qualifying_to_sell_for_Beto_cont .asn_titlewrapper {
        max-width: 60%
    }
    .as_Qualifying_to_sell_for_Beto_cont .asn_listwrapper {
        max-width: 67%
    }
    .as_Qualifying_to_sell_for_Beto .asn_titlewrapper {
        max-width: 60%
    }
    .as_Qualifying_to_sell_for_Beto .asn_listwrapper {
        max-width: 64%
    }
    .as_Qualifying_to_sell_for_Beto .asn_subtitlewrapper {
        max-width: 58%
    }
    .as_Qualifying_to_sell_for_Beto .asn_imagewrapper {
        max-width: 38%
    }
    .as_Powerful_marketing_technology_abimagewrapper {
        right: -50px
    }
    .as_Powerful_marketing_technology_subwrapper {
        width: 520px
    }
    .as_Powerful_marketing_technology_bluebar h2 {
        font-size: 18.36px;
        line-height: 21px
    }
    .as_Powerful_marketing_technology_list {
        width: 21%
    }
    .as_new_bannarblock2 {
        background-size: 310px, 100% 100%, cover
    }
    .as_Partnerships_with_the_following_companies .as_mwosubwrapper {
        width: 520px
    }
    .as_Listing_your_inventory .as_mwosubwrapper {
        width: 440px
    }
    .as_Listing_your_inventory .as_mwo_titlewrapper h2 {
        font-size: 26px;
        line-height: 32px
    }
    .as_Proprietary_medworldone_platform .as_mwosubwrapper {
        width: 414px
    }
    .as_Proprietary_medworldone_platform .as_mwo_titlewrapper h2 {
        margin: 0;
        font-size: 24px;
        line-height: 28px
    }
    .as_Proprietary_medworldone_platform .as_mwo_redbg h2 {
        font-size: 14px
    }
    .as_Medworldone_introduction .as_mwosubwrapper {
        width: 450px
    }
    .as_Medworldone_introduction .as_mwo_titlewrapper h3,
    .as_Medworldone_introduction .as_mwo_titlewrapper h2 {
        font-size: 18px
    }
    .as_Medworldone_introduction .as_mwo_bannerabimage {
        right: -30px
    }
    .as_BP_Pipeline_Presentation.block2 .as_BP_Pipeline_titlewrapper {
        width: 370px
    }
    .as_BP_Pipeline_Presentation.block2 .as_BP_Pipeline_titlewrapper h2 {
        font-size: 21.61px;
        line-height: 23px
    }
    .as_BP_Pipeline_Presentation.block2 .as_BP_Pipeline_subwrapper {
        background-position: right 20px bottom
    }
    .as_BP_Pipeline_Presentation.block3 .as_BP_Pipeline_titlewrapper {
        width: 310px
    }
    .as_BP_Pipeline_Presentation.block3 .as_BP_Pipeline_titlewrapper h2 {
        font-size: 20.9px;
        line-height: 23px
    }
    .as_BP_Pipeline_Presentation.block3 .as_BP_Pipeline_listwrapper p {
        font-size: 15.21px
    }
    .as_BP_Pipeline_Presentation.block3 .as_BP_Pipeline_listwrapper {
        width: 450px
    }
    .as_BP_Pipeline_Presentation.block4 .as_BP_Pipeline_subwrapper {
        padding-bottom: 60px
    }
    .as_BP_Pipeline_Presentation.block5 .as_BP_Pipeline_titlewrapper {
        width: 330px
    }
    .as_BP_Pipeline_Presentation.block5 .as_BP_Pipeline_titlewrapper h2 {
        font-size: 20.72px;
        line-height: 22px
    }
    .as_BP_Pipeline_Presentation.block6 .as_BP_Pipeline_titlewrapper {
        width: 330px
    }
    .as_BP_Pipeline_Presentation.block6 .as_BP_Pipeline_titlewrapper h2 {
        font-size: 20.72px;
        line-height: 22px
    }
    .as_BP_Pipeline_Presentation.block7 .as_BP_Pipeline_titlewrapper {
        width: 330px
    }
    .as_BP_Pipeline_Presentation.block7 .as_BP_Pipeline_titlewrapper h2 {
        font-size: 20.72px;
        line-height: 22px
    }
    .as_BP_Pipeline_Presentation.block8 .as_BP_Pipeline_titlewrapper {
        width: 330px
    }
    .as_BP_Pipeline_Presentation.block8 .as_BP_Pipeline_titlewrapper h2 {
        font-size: 20.72px;
        line-height: 22px
    }
    .as_BP_Pipeline_Presentation.block9 .as_BP_Pipeline_titlewrapper {
        width: 330px
    }
    .as_BP_Pipeline_Presentation.block9 .as_BP_Pipeline_titlewrapper h2 {
        font-size: 20.72px;
        line-height: 22px
    }
    .as_welcome_to_beto .as_titlemainwrapper h2 {
        font-size: 28px;
        line-height: 31px
    }
    .as_Our_Focus .as_titlemainwrapper h2 {
        font-size: 24px;
        line-height: 27px
    }
    .as_Our_Focus .textwrapper {
        width: 59%
    }
    .as_Our_Focus .abimage2 {
        width: 244px!important
    }
    .as_Our_Focus .listwrapper {
        width: auto
    }
    .as_we_offer_you .as_titlemainwrapper h4 {
        font-size: 32px;
        line-height: 34px
    }
    .as_we_offer_you .as_titlemainwrapper h2 {
        font-size: 42px;
        line-height: 54px
    }
    .as_our_CEO .as_titlemainwrapper {
        width: 59%
    }
    .as_partnered_with_titans .as_titlemainwrapper h2,
    .as_partnered_with_titans .as_titlemainwrapper h4 {
        font-size: 30px;
        line-height: 35px
    }
    .as_partnered_with_titans .abimage2 {
        right: -40px
    }
    .as_partnered_with_titans .listwrapper p {
        font-size: 14px
    }
    .as_partnered_with_titans .graysubbar h2 {
        font-size: 14px
    }
    .as_Our_Inhouse_Private_team .as_titlemainwrapper h3 {
        font-size: 32px
    }
    .as_TMFlow .as_yellowbg h2 {
        font-size: 28px;
        line-height: 29px
    }
    .as_TMFlow .as_hps_whiteborder {
        width: 472px
    }
    .as_TMFlow .as_hps_abimagewrapper {
        width: 300px
    }
    .as_TMFlow .as_HPS_subwrapper {
        background-position: right bottom, right -45px top 20px
    }
    .as_platform_validates_over .as_pece_titlewrapper h2 {
        font-size: 22px;
        line-height: 25px
    }
    .as_platform_validates_over .as_pece_graybg .abimage {
        width: 160px!important
    }
    .as_platform_validates_over .as_pece_subwrapper {
        width: 559px
    }
    .as_platform_validates_over .as_pece_yellowbg1 h2 {
        font-size: 18px
    }
    .as_pece_titlewrapper h2 {
        font-size: 22px;
        line-height: 27px
    }
    .Fully_managed_medical_device_platform .as_pece_subwrapper {
        width: 530px;
        margin: 0 0 0 auto;
        padding-top: 65px
    }
    .as_Patient_Report .as_pece_subwrapper {
        width: 460px
    }
    .as_Patient_Report .as_pece_yellowbg1 {
        width: 390px
    }
}

@media only screen and (max-width: 1290px) {
    .as_Our_commission_structure_list {
        width: 44.5%
    }
    .as_apogee_logomainwraopoer h2 {
        font-size: 20px
    }
}

@media only screen and (max-width: 1240px) {
    .as_Putting_in_a_Lead .asn_titlewrapper h2 {
        font-size: 20px
    }
    .as_Materials_availability .asn_titlewrapper h2 {
        font-size: 32.12px;
        line-height: 37px
    }
}

@media only screen and (max-width: 1220px) {
    .as_Sales_Operation_Introduction .asn_imagewrapper {
        width: 260px
    }
    .as_Sales_Operation_Introduction .asn_textwrapper {
        max-width: 78%
    }
    .as_Sales_Operation_Introduction .asn_titlewrapper {
        max-width: 63%
    }
    .as_Our_commission_structure_list {
        width: 44%
    }
}

@media only screen and (max-width: 1199px) {
    .as_apogee_productmainblock .abimage {
        right: 10px
    }
    .as_apogee_imgtitle p {
        font-size: 11px
    }
    .as_BP_Pipeline_Presentation.block16 .as_BP_Pipeline_subwrapper {
        width: 94%
    }
    .as_Putting_in_a_Lead .asn_subtitlewrapper h2 {
        font-size: 18.9px
    }
    .as_Putting_in_a_Lead .asn_listwrapper {
        max-width: inherit;
        width: auto
    }
    .as_Qualifying_to_sell_for_Beto_cont .asn_titlewrapper h2 {
        font-size: 29.58px
    }
    .as_Qualifying_to_sell_for_Beto_cont .asn_imagewrapper {
        max-width: 37%
    }
    .as_Qualifying_to_sell_for_Beto .asn_listwrapper {
        max-width: 76%
    }
    .as_Materials_availability {
        background-position: center bottom, left top
    }
    .as_Our_commission_structure_list {
        width: 43.8%
    }
    .as_betoppt_titlewrapper h3 {
        font-size: 30px;
        line-height: 31px
    }
    .as_new_bannarblock2 .as_flexboxbannar {
        width: auto
    }
    .as_trainingeditor.as_utaintroduc.as_WhoweRP .as_trainingeditorutacontent h1 {
        font-size: 36.48px;
        line-height: 36.61px
    }
    .as_trainingeditor.as_utaintroduc.as_WhoweRP .as_trainingeditorutacontent p {
        max-width: 51%
    }
    .as_trainingeditor.as_utaintroduc.as_worldwideweb .as_trainingeditorutacontent ul li {
        max-width: 48%
    }
    .as_trainingeditor.as_utaintroduc .as_trainingeditorutacontent h1 {
        font-size: 30.86px;
        line-height: 32.73px;
        margin-top: 30px
    }
    .as_Listing_your_inventory .as_mwo_bannerabimage {
        right: -50px
    }
    .as_Proprietary_medworldone_platform .as_mwo_bannerabimage {
        right: -80px
    }
    .as_Medworldone_introduction .as_mwo_bannerabimage {
        right: -90px
    }
    .as_Patient_Report .as_pece_subwrapper {
        width: 400px
    }
    .as_Patient_Report .as_pece_yellowbg1 {
        width: 350px
    }
    .as_Patient_Report .as_pece_abimagewrapper {
        bottom: -50px
    }
    .Fully_managed_medical_device_platform .as_pece_titlewrapper h2 {
        font-size: 18px;
        line-height: 23px
    }
    .Fully_managed_medical_device_platform .as_pece_subwrapper {
        width: 440px;
        padding-top: 35px
    }
    .Fully_managed_medical_device_platform .as_pece_abimagewrapper {
        left: 50px;
        bottom: -90px
    }
    .as_platform_validates_over .as_pece_bluelist p {
        font-size: 13px
    }
    .as_platform_validates_over .as_pece_yellowbg1 h2 {
        font-size: 16px
    }
    .as_platform_validates_over .as_pece_subwrapper {
        width: 519px
    }
    .Fully_managed_medical_device_platform {
        overflow: hidden
    }
    .as_platform_validates_over .as_pece_graybg .abimage {
        width: 137px!important;
        right: 13px;
        bottom: 20px
    }
    .as_platform_validates_over .as_pece_abimagewrapper {
        right: 0
    }
    .as_platform_validates_over .as_pece_titlewrapper h2 {
        font-size: 18px;
        line-height: 22px
    }
    .as_TMFlow .as_hps_textwrapper {
        width: 410px
    }
    .as_Advance_Preventative_Healthcare .as_yellowbg h2 {
        font-size: 28px
    }
    .as_Advance_Preventative_Healthcare .as_blackandbluebg {
        width: 480px
    }
    .as_partnered_with_titans .abimage2 {
        right: -100px
    }
    .as_we_offer_you .abimage2 {
        right: -70px
    }
    .as_Our_Focus .as_titlemainwrapper h2 {
        font-size: 20px;
        line-height: 25px
    }
    .aslogosmainwrapper {
        width: 387px
    }
    .as_welcome_to_beto .as_titlemainwrapper h2 {
        font-size: 26px;
        line-height: 27px
    }
    .as_BP_Pipeline_Presentation.block4 .as_BP_Pipeline_listwrapper {
        width: auto
    }
    .as_BP_Pipeline_Presentation.block2 .as_BP_Pipeline_titlewrapper h2 {
        font-size: 18.61px;
        line-height: 21px
    }
    .as_BP_Pipeline_Presentation.block2 .as_BP_Pipeline_titlewrapper {
        width: 320px
    }
    .as_BP_Pipeline_Presentation .logowrapper {
        width: 218px!important;
        padding: 20px 80px 69px 15px !important
    }
    .as_BP_Pipeline_Presentation.block3 .as_BP_Pipeline_subwrapper {
        background-position: right -50px bottom
    }
    .as_BP_Pipeline_Presentation.block9 .as_BP_Pipeline_subwrapper {
        background-position: right -97px top
    }
    .as_TMFlow .as_hps_textwrapper p {
        margin-bottom: 22px;
        font-size: 16px
    }
    .as_TMFlow .as_hps_whiteborder {
        width: 399px
    }
    .as_TMFlow .as_yellowbg h2 {
        font-size: 24px;
        line-height: 25px
    }
    .as_pece_logowrapper {
        width: 228px
    }
}

@media only screen and (max-width: 1100px) {
    .as_Our_exam_results .as_yellowbg h2 {
        font-size: 24px
    }
    .as_Our_exam_results .as_hps_whiteborder {
        width: 297px
    }
    .as_trainingeditor.as_utaintroduc.as_currentinitiativespageone .as_trainingeditorutacontent ul li {
        font-size: 16.62px;
        line-height: 21.49px;
        max-width: 57%
    }
    .as_apogee_col3 {
        width: 32.5%;
        padding: 3px
    }
    .as_apogee_col2 {
        width: 49%;
        padding: 3px
    }
    .as_apogee_imgtitle p {
        font-size: 10px
    }
    .as_apogee_productmainblock .abimage {
        right: -39px
    }
    .as_Our_exam_results ol li:nth-child(n+5):before {
        right: 0
    }
    .as_Our_exam_results ol li:nth-child(n+5) .bgcolor {
        width: 100%
    }
    .as_Our_exam_results ol {
        width: 100%
    }
    .as_BP_Pipeline_Presentation.block14 .as_BP_Pipeline_subwrapper {
        padding: 49px 337px 90px 20px
    }
    .as_BP_Pipeline_Presentation.block10 .as_BP_Pipeline_listwrapper p {
        font-size: 14.3px
    }
    .as_Qualifying_to_sell_for_Beto .asn_titlewrapper h2 {
        font-size: 27.58px
    }
    .as_Materials_availability .asn_titlewrapper h2 {
        font-size: 29.12px;
        line-height: 32px
    }
    .as_Sales_Operation_Introduction .asn_titlewrapper h2 {
        font-size: 20px;
        line-height: 22px
    }
    .as_Sales_Operation_Introduction .asn_titlewrapper {
        max-width: 60%
    }
    .asn_logowrapper {
        max-width: 49%
    }
    .as_Sales_Operation_Introduction .asn_imagewrapper {
        right: -30px
    }
    .as_Our_commission_structure_list {
        width: 43.3%
    }
    .as_Powerful_marketing_technology_subwrapper {
        width: 484px
    }
    .as_Powerful_marketing_technology_list {
        width: 20%
    }
    .list_text p {
        font-size: 11px
    }
    .listlogo {
        min-height: 55px
    }
    .as_Partnerships_with_the_following_companies .as_mwo_bannerabimage {
        right: -50px
    }
    .as_Partnerships_with_the_following_companies .as_mwosubwrapper {
        width: 440px
    }
    .as_Partnerships_with_the_following_companies .col-4 {
        padding-right: 10px
    }
    .as_Listing_your_inventory .as_mwosubwrapper {
        width: 370px
    }
    .as_Listing_your_inventory .as_mwo_titlewrapper h2 {
        font-size: 22px;
        line-height: 25px
    }
    .as_Medworldone_introduction .as_mwo_titlewrapper h3,
    .as_Medworldone_introduction .as_mwo_titlewrapper h2 {
        font-size: 16px
    }
    .as_Medworldone_introduction .as_mwo_listwrapper p {
        font-size: 13px
    }
    .as_platform_validates_over .as_pece_abimagewrapper {
        right: -40px
    }
    .as_Medworldone_introduction .as_mwosubwrapper {
        width: 410px
    }
}

@media only screen and (max-width: 1024px) {
    .as_joint_venture_partners .as_Joint_venture_program_subwrapper {
        max-width: 52%
    }
    .as_Joint_venture_program_abimage {
        right: 10px
    }
    .as_trainingeditor.as_utaintroduc.as_WhoweRP .as_trainingeditorutacontent p {
        max-width: 47%
    }
    .as_Our_commission_structure_list {
        width: 43%
    }
    .as_Proprietary_medworldone_platform .as_mwo_bannerabimage {
        right: -130px
    }
    .as_TMFlow .as_HPS_subwrapper {
        padding: 10px 20px;
        padding-top: 125px
    }
    .as_TMFlow .as_hps_textwrapper p {
        font-size: 15px
    }
    .as_TMFlow .as_hps_textwrapper {
        width: 340px
    }
    .as_TMFlow .as_hps_whiteborder {
        width: 372px
    }
    .as_TMFlow .as_yellowbg h2 {
        font-size: 20px;
        line-height: 23px
    }
}

@media only screen and (max-width: 991px) {
    .as_Partnerships_with_the_following_companies .as_mwo_logowrapper .as_mwo_titlewrapper h3 {
        padding-left: 0
    }
    .as_apogee_productmainblock .abimage {
        right: 30px
    }
    .as_Our_exam_results ol {
        width: 96%
    }
    .as_BP_Pipeline_Presentation.block10 .col-4 {
        min-height: inherit
    }
    .as_Your_Responsibilities_cont .asn_titlewrapper {
        max-width: inherit
    }
    .as_Your_Responsibilities_cont .asn_imagewrapper {
        max-width: inherit
    }
    .as_Your_Responsibilities_cont .asn_listwrapper {
        width: auto
    }
    .as_Your_Responsibilities .asn_imagewrapper {
        max-width: inherit
    }
    .as_Your_Responsibilities .asn_titlewrapper {
        max-width: inherit
    }
    .as_Your_Responsibilities .asn_subtitlewrapper {
        max-width: inherit
    }
    .as_Putting_in_a_Lead .asn_listwrapper p br {
        display: none
    }
    .as_Putting_in_a_Lead .asn_imagewrapper {
        max-width: inherit
    }
    .as_Putting_in_a_Lead .asn_titlewrapper {
        max-width: inherit
    }
    .as_Putting_in_a_Lead .asn_subtitlewrapper {
        max-width: inherit
    }
    .as_Putting_in_a_Lead .asn_listwrapper {
        max-width: inherit
    }
    .as_Qualifying_to_sell_for_Beto_cont .asn_imagewrapper {
        max-width: inherit
    }
    .as_Qualifying_to_sell_for_Beto_cont .asn_titlewrapper,
    .as_Qualifying_to_sell_for_Beto_cont .asn_listwrapper {
        max-width: inherit
    }
    .as_Qualifying_to_sell_for_Beto .asn_imagewrapper {
        max-width: inherit
    }
    .as_Qualifying_to_sell_for_Beto .asn_titlewrapper,
    .as_Qualifying_to_sell_for_Beto .asn_subtitlewrapper,
    .as_Qualifying_to_sell_for_Beto .asn_listwrapper {
        max-width: inherit
    }
    .asn_logowrapper {
        max-width: inherit
    }
    .as_Powerful_marketing_technology_list {
        width: 22%
    }
    .as_Powerful_marketing_technology_textwrapper {
        text-align: center
    }
    .as_custom_software .subcontent_wrapper3 {
        text-align: center
    }
    .as_custom_software .textwrapper {
        text-align: center;
        margin-top: 0;
        padding: 0
    }
    .as_custom_software .flexbox ul li:nth-child(1),
    .as_custom_software .flexbox ul li:nth-child(2) {
        width: 100%
    }
    .as_new_bannarblock2 {
        background-size: 50%, 100% 101%, cover;
        background-position: center bottom, right bottom, center center;
        padding-bottom: 43%
    }
    .as_new_subcontent_wrapper2 {
        text-align: center
    }
    .as_new_bannarblock2 .as_new_subcontent_wrapper2 h1 {
        max-width: inherit;
        text-align: center
    }
    .as_new_subcontent_wrapper2 .bluetext p {
        max-width: inherit;
        text-align: center
    }
    .as_new_bannarblock2 .bannar_section {
        width: auto
    }
    .as_Partnerships_with_the_following_companies .as_mwo_bannerabimage {
        right: inherit
    }
    .as_Listing_your_inventory .as_mwosubwrapper {
        width: auto
    }
    .as_Listing_your_inventory .as_mwo_bannerabimage {
        right: inherit
    }
    .as_Proprietary_medworldone_platform .as_mwo_bannerabimage {
        right: inherit
    }
    .as_Medworldone_introduction .as_mwo_titlewrapper,
    .as_Medworldone_introduction .as_mwo_redbg {
        margin-left: 0
    }
    .as_Proprietary_medworldone_platform .as_mwo_listwrapper {
        padding-left: 0
    }
    .as_Medworldone_introduction .as_mwosubwrapper {
        width: auto
    }
    .as_Medworldone_introduction .as_mwo_bannerabimage {
        right: inherit
    }
    .as_Patient_Report .textwrapper {
        text-align: center
    }
    .as_platform_validates_over .as_pece_subwrapper {
        width: auto
    }
    .as_Our_Focus .as_titlemainwrapper h2 {
        font-size: 26px;
        line-height: 30px
    }
    .pptmainwrapper {
        width: 100%;
        overflow: hidden
    }
    .as_welcome_to_beto {
        padding: 0;
        padding-top: 20px
    }
    .as_logowrapper {
        display: block;
        margin: 0 auto
    }
    .as_titlemainwrapper {
        text-align: center;
        padding: 0 20px
    }
    .as_buttonwrapper {
        display: inline-block;
        text-align: center;
        width: 100%
    }
    .as_welcome_to_beto .abimage {
        position: inherit;
        right: inherit;
        top: inherit;
        width: 100%!important
    }
    .aslogosmainwrapper {
        background: #060606;
        background: linear-gradient(0deg, rgba(6, 6, 6, 1) 0%, rgba(39, 39, 39, 1) 50%, rgba(6, 6, 6, 1) 100%);
        width: auto;
        padding: 20px;
        min-height: inherit;
        justify-content: center
    }
    .logolist {
        width: auto;
        padding: 10px 20px
    }
    .logolist::after {
        display: none
    }
    .as_Our_Focus,
    .as_we_offer_you,
    .as_our_CEO,
    .as_partnered_with_titans {
        padding: 0;
        padding-bottom: 20px
    }
    .as_Our_Focus .abimage2 {
        display: none
    }
    .as_Our_Focus .abimage1 {
        display: block;
        width: 100%!important;
        margin-bottom: 20px!important
    }
    .as_Our_Focus .textwrapper {
        display: block;
        width: auto;
        margin: 0;
        padding: 0 20px;
        text-align: center
    }
    .col-2 {
        width: 100%
    }
    .as-colcontainer {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap
    }
    .graybgtitlewrapper {
        margin: 5px auto
    }
    .as_Our_Focus .listwrapper {
        width: auto
    }
    .listwrapper p {
        background-position: center top 5px;
        padding: 5px 0;
        padding-left: 0;
        padding-top: 20px;
        text-align: center
    }
    .as_we_offer_you .listwrapper {
        width: auto;
        padding: 0 20px
    }
    .as_we_offer_you .abimage2,
    .abimage2 {
        display: none!important
    }
    .abimage1 {
        display: block!important;
        width: 100%!important;
        margin-bottom: 20px
    }
    .as_Our_Focus img,
    .as_we_offer_you img,
    .as_our_CEO img,
    .as_partnered_with_titans img,
    .as_Our_Inhouse_Private_team img {
        width: 100%!important
    }
    .as_our_CEO .abimagewrapper {
        position: inherit;
        right: inherit;
        top: inherit;
        margin: 0 auto;
        margin-bottom: 20px
    }
    .as_our_CEO {
        padding: 20px
    }
    .as_partnered_with_titans_subwrapper {
        padding: 0
    }
    .as_partnered_with_titans .listwrapper {
        width: auto;
        padding: 0 20px
    }
    .graysubbar {
        padding-right: 20px;
        text-align: center
    }
    .graymainbar {
        margin-top: 10px
    }
    .as_Our_Inhouse_Private_team .as_logomainwrapper {
        flex-direction: column
    }
    .as_Our_Inhouse_Private_team .as_titlemainwrapper {
        margin: 0;
        margin-top: 10px
    }
    .as_HPS_logowrapper {
        background: #001926;
        background: linear-gradient(180deg, rgba(0, 25, 38, 1) 0%, rgba(0, 45, 56, 1) 40%, rgba(0, 24, 37, 1) 80%, rgba(239, 196, 21, 1) 80%, rgba(239, 196, 21, 1) 90%, rgba(255, 255, 255, 1) 90%, rgba(255, 255, 255, 1) 100%);
        width: auto;
        padding: 20px;
        padding-bottom: 40px;
        position: inherit;
        left: inherit;
        top: inherit
    }
    .as_HPS_logowrapper img {
        display: block;
        margin: 0 auto
    }
    .as_HPS_subwrapper {
        background-position: center top 20px;
        padding: 20px;
        padding-top: 46%;
        background-size: 52%
    }
    .as_HPS .as_yellowbg {
        width: auto
    }
    .as_yellowbg {
        text-align: center
    }
    .as_HPS .as_hps_greenlist {
        column-count: 1;
        -moz-column-count: 1;
        margin-bottom: 20px
    }
    .as_hps_greenlist p {
        background-position: center top 6px;
        padding: 9px 0;
        padding-left: 0;
        margin: 0;
        padding-top: 30px;
        text-align: center
    }
    .as_bluebg {
        text-align: center
    }
    .as_Advance_Preventative_Healthcare .as_HPS_subwrapper {
        background-position: center top 20px;
        padding-top: 95%;
        background-size: 52%
    }
    .as_Advance_Preventative_Healthcare .as_yellowbg,
    .as_Advance_Preventative_Healthcare .as_hps_whiteborder {
        width: auto
    }
    .as_Advance_Preventative_Healthcare .as_blackandbluebg {
        width: auto;
        text-align: center
    }
    .as_Advance_Preventative_Healthcare .as_hps_greenlist {
        -moz-column-count: 1;
        column-count: 1
    }
    .as_TMFlow .as_HPS_subwrapper {
        background-position: right bottom, center top 20px;
        padding-bottom: 55px;
        padding-top: 80%
    }
    .as_TMFlow .as_hps_abimagewrapper {
        position: inherit;
        right: inherit;
        bottom: inherit;
        display: block;
        margin: 0 auto;
        width: fit-content
    }
    .as_TMFlow .as_hps_whiteborder {
        width: auto;
        margin-bottom: 20px
    }
    .as_TMFlow .as_hps_textwrapper {
        width: auto;
        text-align: center
    }
    .as_Our_exam_results {
        padding: 0!important
    }
    .as_Our_exam_results .as_hps_whiteborder {
        width: auto;
        margin: 10px 20px;
        margin-bottom: 10px
    }
    .as_Our_exam_results .as_blackandbluebg {
        width: auto;
        margin: 10px 20px;
        text-align: center
    }
    .as_Our_exam_results .middledesigncarecter {
        top: 69%;
        width: 145px
    }
    .as_Our_exam_results .trainingeditorbottomheadercls h3 {
        text-align: center
    }
    .as_our_CEO .listwrapper p:nth-child(1),
    .as_our_CEO .listwrapper p:nth-child(2) {
        width: auto
    }
    .as_we_offer_you .abimage1 {
        margin-bottom: 20px!important
    }
    .as_our_CEO .as_titlemainwrapper {
        width: auto
    }
    .as_partnered_with_titans .abimage1 {
        margin-bottom: 20px!important
    }
    .as_Our_Inhouse_Private_team .textwrapper {
        text-align: center
    }
    .as_pece_logowrapper {
        background: #00211f;
        background: linear-gradient(180deg, rgba(0, 33, 31, 1) 0%, rgba(0, 65, 61, 1) 45%, rgba(0, 33, 31, 1) 90%, rgba(236, 190, 1, 1) 90%, rgba(236, 190, 1, 1) 100%);
        padding: 20px;
        padding-bottom: 30px;
        position: inherit;
        left: inherit;
        top: inherit;
        width: auto
    }
    .as_pece_logowrapper img {
        display: block;
        margin: 0 auto
    }
    .as_Patient_Report .as_pece_abimagewrapper {
        position: inherit;
        right: inherit;
        bottom: inherit;
        display: block;
        text-align: center
    }
    .as_pece_abimagewrapper img {
        display: block;
        margin: 0 auto
    }
    .as_Patient_Report .as_pece_yellowbg1 {
        width: auto;
        margin: 10px 20px;
        text-align: center
    }
    .as_Patient_Report .as_pece_subwrapper {
        width: auto;
        padding-top: 0
    }
    .as_Patient_Report .abimage {
        display: none
    }
    .as_pece_titlewrapper {
        width: auto;
        text-align: center;
        margin: 0 20px
    }
    .as_platform_validates_over .as_pece_subwrapper {
        padding-top: 0;
        text-align: center
    }
    .as_pece_subwrapper {
        margin: 0 20px
    }
    .as_platform_validates_over .as_pece_abimagewrapper {
        position: inherit;
        right: inherit;
        bottom: inherit
    }
    .as_platform_validates_over .as_pece_bluelist {
        -moz-column-count: 1;
        column-count: 1;
        width: auto
    }
    .as_pece_bluelist p {
        background-position: center top 8px;
        padding: 5px 0;
        padding-left: 0;
        padding-top: 30px;
        margin: 0
    }
    .as_platform_validates_over .as_pece_graybg .abimage {
        position: inherit;
        right: inherit;
        bottom: 0;
        margin: 0 auto;
        width: auto!important
    }
    .Fully_managed_medical_device_platform .as_pece_abimagewrapper {
        position: inherit;
        left: inherit;
        bottom: inherit
    }
    .Fully_managed_medical_device_platform .as_pece_subwrapper {
        width: auto;
        margin: 0 0 0 auto;
        padding-top: 0
    }
    .as_platform_validates_over,
    .Fully_managed_medical_device_platform,
    .as_Patient_Report {
        padding: 0;
        padding-bottom: 20px
    }
    .as_pece_subwrapper {
        width: auto
    }
    .Fully_managed_medical_device_platform .as_hps_whiteborder {
        margin: 0 20px
    }
    .as_mwo_bannerabimage .as_newimage1 {
        display: none
    }
    .as_mwo_bannerabimage .as_newimage2 {
        display: block;
        width: 100%!important
    }
    .as_mwo_bannerabimage {
        position: inherit;
        right: inherit;
        top: inherit;
        height: auto;
        border-bottom: 5px solid #a8461b;
        margin-bottom: 20px
    }
    .lstabimage img {
        display: none
    }
    .as_mwomainwrapper {
        padding: 0;
        padding-bottom: 20px
    }
    .as_mwosubwrapper {
        width: auto;
        padding: 0 20px;
        text-align: center
    }
    .as_mwo_logowrapper {
        display: block;
        margin-bottom: 10px;
        padding: 0 20px
    }
    .as_mwo_logowrapper img {
        margin: 0 auto;
        display: block
    }
    .as_mwo_listwrapper p {
        background-position: center top 8px;
        padding: 5px 0;
        padding-left: 0;
        padding-top: 30px;
        margin: 0
    }
    .as_Proprietary_medworldone_platform .as_mwosubwrapper {
        width: auto
    }
    .as_Partnerships_with_the_following_companies .as_mwo_logowrapper {
        flex-direction: column;
        text-align: center
    }
    .as_Partnerships_with_the_following_companies .as_mwo_logowrapper img {
        margin: 0 auto;
        margin-bottom: 20px
    }
    .as_Partnerships_with_the_following_companies .as_mwosubwrapper {
        width: auto
    }
    .as_Partnerships_with_the_following_companies .col-4,
    .as_Partnerships_with_the_following_companies .col-6 {
        width: 100%
    }
    .as_listtext h2 {
        margin: 0 auto;
        margin-bottom: 3px
    }
    .as_listtext {
        background-position: center top 6px;
        padding: 5px 0;
        padding-left: 0;
        padding-top: 30px;
        margin: 0
    }
    .as_Partnerships_with_the_following_companies .as_mwo_bannerabimage img {
        min-height: inherit;
        display: block;
        margin: 0 auto
    }
    .as_trainingeditor.as_utaintroduc .as_trainingeditorutaimg {
        width: auto;
        height: auto;
        position: inherit;
        bottom: 0;
        right: inherit
    }
    .as_trainingeditor.as_utaintroduc .as_trainingeditorutaimg img {
        display: block;
        margin: 0 auto;
        margin-bottom: -70px;
        width: auto
    }
    .as_trainingeditor.as_utaintroduc {
        background-size: cover!important;
        background-position: left top!important
    }
    .as_trainingeditor.as_utaintroduc .as_trainingeditorutacontent {
        margin-left: 0;
        padding: 0 20px;
        text-align: center
    }
    .as_trainingeditor.as_utaintroduc .as_trainingeditorutacontent p,
    .as_trainingeditor.as_utaintroduc .as_trainingeditorutacontent h3,
    .as_trainingeditor.as_utaintroduc .as_trainingeditorutacontent h1 {
        max-width: inherit;
        margin-top: 15px;
        text-align: center
    }
    .as_trainingeditorutalogo {
        margin: 0 auto;
        margin-top: 20px
    }
    .as_trainingeditor.as_utaintroduc.as_worldwideweb .as_trainingeditorutacontent ul li {
        max-width: inherit;
        background-position: center top 3px;
        padding-left: 0;
        padding-top: 30px;
        margin: 0
    }
    .as_trainingeditor.as_utaintroduc.as_worldwideweb .as_trainingeditorutaimg {
        width: auto;
        right: inherit
    }
    .as_trainingeditor.as_utaintroduc.as_WhoweRP .as_trainingeditorutaimg {
        width: auto;
        right: inherit;
        bottom: inherit
    }
    .as_trainingeditor.as_utaintroduc.as_WhoweRP .as_trainingeditorutacontent ul li {
        max-width: inherit;
        background-position: center top 3px;
        padding-left: 0;
        padding-top: 30px;
        margin: 0
    }
    .as_trainingeditor.as_utaintroduc.as_WhoweRP .as_trainingeditorutacontent p {
        max-width: inherit;
        margin-bottom: 10px
    }
    .as_trainingeditor.as_utaintroduc.as_currentinitiativespageone .as_trainingeditorutacontent ul li {
        max-width: inherit
    }
    .as_trainingeditor.as_utaintroduc.as_currentinitiativespageone .as_trainingeditorutaimg {
        width: auto;
        right: inherit;
        bottom: inherit
    }
    .as_Powerful_marketing_technology_abimagewrapper .as_abimage2 {
        display: block;
        width: 100%!important
    }
    .as_abimage1 {
        display: none
    }
    .as_Powerful_marketing_technology_abimagewrapper {
        position: inherit;
        right: inherit;
        top: inherit;
        border-bottom: 5px solid #0e8dc8
    }
    .as_Powerful_marketing_technology_subwrapper {
        display: block;
        width: auto;
        position: relative;
        padding: 0;
        padding-bottom: 20px
    }
    .as_Powerful_marketing_technology_logowrapper {
        position: inherit;
        left: inherit;
        top: inherit;
        width: auto;
        background: #fff;
        background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 74%, rgba(189, 233, 249, 1) 74%, rgba(189, 233, 249, 1) 80%, rgba(53, 191, 242, 1) 80%, rgba(73, 197, 243, 1) 90%, rgba(37, 167, 215, 1) 90%, rgba(37, 167, 215, 1) 100%);
        padding: 20px;
        padding-bottom: 40px
    }
    .as_Powerful_marketing_technology_logowrapper img {
        display: block;
        margin: 0 auto;
        width: auto!important;
        border: 0!important
    }
    .as_Powerful_marketing_technology_bluebar {
        margin: 0 auto;
        margin-top: 20px
    }
    .as_Powerful_marketing_technology_titlewrapper h2 {
        text-align: center;
        margin: 0 20px
    }
    .as_Powerful_marketing_technology_textwrapper {
        margin: 0 20px;
        margin-top: 30px;
        margin-bottom: 5px;
        top: -20px
    }
    .as_Powerful_marketing_technology_listwrapper {
        margin: 0 20px;
        justify-content: center
    }
    .as_Joint_venture_program_abimage {
        position: inherit;
        right: inherit;
        top: inherit;
        transform: inherit;
        margin: 0 auto;
        display: block;
        margin-bottom: 20px
    }
    .as_Joint_venture_program_abimage img {
        display: block;
        margin: 0 auto;
        margin-bottom: 20px
    }
    .as_Joint_venture_program_subwrapper {
        width: auto;
        text-align: center;
        max-width: inherit
    }
    .as_Joint_venture_program,
    .as_leader_the_developing_sophisticated,
    .as_joint_venture_partners {
        position: relative;
        background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_Joint_venture_program_bg2.png), url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_Joint_venture_program_bg1.png);
        background-repeat: no-repeat, no-repeat;
        background-position: left bottom, center top;
        background-size: auto, cover;
        padding: 15px;
        padding-bottom: 117px
    }
    .as_Our_commission_structure .graybgtitlewrapper {
        display: block;
        margin: 10px auto;
        text-align: center
    }
    .as_betoppt_listwrapper p {
        background-repeat: no-repeat;
        background-position: center top 0;
        padding-left: 0;
        padding-top: 30px
    }
    .as_joint_venture_partners .as_Joint_venture_program_subwrapper {
        width: auto;
        max-width: inherit
    }
    .as_joint_venture_partners .as_betoppt_listwrapper {
        -moz-column-count: 1;
        column-count: 1;
        width: auto
    }
    .as_joint_venture_partners .as_betoppt_textwrapper h2 {
        margin-top: 19px;
        width: auto;
        margin-left: 0;
        text-align: center
    }
    .as_Our_commission_structure_list {
        width: 100%;
        flex-direction: column-reverse
    }
    .as_Our_commission_structure_list_logo {
        margin: 10px 0
    }
    .as_Our_commission_structure_list_text {
        text-align: center;
        margin-bottom: 10px
    }
    .as_Our_commission_structure_list_text p br {
        display: none
    }
    .as_Thank_you_for_reviewing_footer {
        flex-direction: column
    }
    .as_Thank_you_for_reviewing_footer .logolist {
        padding: 10px 0
    }
    .as_Sales_Operation_Introduction .asn_imagewrapper,
    .as_Qualifying_to_sell_for_Beto .asn_imagewrapper,
    .as_Qualifying_to_sell_for_Beto_cont .asn_imagewrapper,
    .as_Putting_in_a_Lead .asn_imagewrapper,
    .as_Your_Responsibilities .asn_imagewrapper,
    .as_Your_Responsibilities_cont .asn_imagewrapper {
        position: inherit;
        right: inherit;
        top: inherit;
        background: #00aff6;
        overflow: hidden;
        margin-bottom: 20px;
        width: auto
    }
    .as_Sales_Operation_Introduction .asn_imagewrapper img,
    .as_Qualifying_to_sell_for_Beto .asn_imagewrapper img,
    .as_Qualifying_to_sell_for_Beto_cont .asn_imagewrapper img,
    .as_Putting_in_a_Lead .asn_imagewrapper img,
    .as_Your_Responsibilities .asn_imagewrapper img,
    .as_Your_Responsibilities_cont .asn_imagewrapper img {
        width: 100%!important;
        margin-bottom: -48%!important
    }
    .as_Sales_Operation_Introduction {
        padding: 0;
        padding-bottom: 13%;
        background-position: center bottom, left top
    }
    .as_Sales_Operation_Introduction .asn_logowrapper {
        margin: 0 auto;
        max-width: inherit
    }
    .as_Sales_Operation_Introduction .asn_titlewrapper {
        width: auto;
        margin: 20px;
        text-align: center;
        max-width: inherit
    }
    .as_Sales_Operation_Introduction .asn_textwrapper {
        border-left: 0 solid #1792db;
        padding-left: 0;
        width: auto;
        text-align: center;
        margin: 0 20px;
        max-width: inherit
    }
    .as_Materials_availability_subblock1 {
        flex-direction: column;
        align-items: center
    }
    .as_Materials_availability .asn_logowrapper {
        margin-bottom: 20px
    }
    .as_Materials_availability .asn_titlewrapper {
        width: auto;
        text-align: center;
        margin-bottom: 10px
    }
    .as_Materials_availability .asn_titlewrapper h2 br {
        display: none
    }
    .as_Materials_availability .asn_subtitlewrapper {
        text-align: center
    }
    .as_Materials_availability {
        background-size: 100% auto, cover;
        background-position: center bottom, left top
    }
    .as_Qualifying_to_sell_for_Beto_cont {
        padding: 0;
        padding-bottom: 7%
    }
    .as_Your_Responsibilities,
    .as_Putting_in_a_Lead,
    .as_Your_Responsibilities_cont {
        background-size: 100% auto, cover;
        padding: 0;
        padding-bottom: 13%
    }
    .as_Qualifying_to_sell_for_Beto .asn_logowrapper,
    .as_Qualifying_to_sell_for_Beto_cont .asn_logowrapper,
    .as_Putting_in_a_Lead .asn_logowrapper,
    .as_Your_Responsibilities .asn_logowrapper,
    .as_Your_Responsibilities_cont .asn_logowrapper {
        margin: 0 auto
    }
    .as_Qualifying_to_sell_for_Beto .asn_titlewrapper,
    .as_Qualifying_to_sell_for_Beto_cont .asn_titlewrapper,
    .as_Putting_in_a_Lead .asn_titlewrapper,
    .as_Your_Responsibilities .asn_titlewrapper,
    .as_Your_Responsibilities_cont .asn_titlewrapper {
        width: auto;
        margin: 20px;
        text-align: center
    }
    .as_Qualifying_to_sell_for_Beto .asn_subtitlewrapper,
    .as_Putting_in_a_Lead .asn_subtitlewrapper,
    .as_Your_Responsibilities .asn_subtitlewrapper {
        padding: 5px 20px;
        margin: 10px 20px;
        width: auto;
        text-align: center
    }
    .as_Qualifying_to_sell_for_Beto {
        padding: 0;
        padding-bottom: 7%
    }
    .as_Qualifying_to_sell_for_Beto .asn_listwrapper,
    .as_Qualifying_to_sell_for_Beto_cont .asn_listwrapper,
    .as_Putting_in_a_Lead .asn_listwrapper,
    .as_Your_Responsibilities .asn_listwrapper,
    .as_Your_Responsibilities_cont .asn_listwrapper {
        width: auto;
        margin: 0 20px
    }
    .as_BP_Pipeline_Presentation .logowrapper {
        background: #006495!important;
        background: linear-gradient(180deg, rgba(0, 100, 149, 1) 0%, rgba(1, 45, 95, 1) 80%, rgba(9, 170, 249, 1) 80%, rgba(9, 170, 249, 1) 90%, rgba(135, 209, 230, 1) 90%, rgba(135, 209, 230, 1) 100%)!important;
        width: auto!important;
        padding: 20px!important;
        padding-bottom: 45px!important;
        position: inherit!important;
        left: inherit!important;
        top: inherit!important
    }
    .as_BP_Pipeline_Presentation .logowrapper img {
        display: block!important;
        margin: 0 auto!important
    }
    .as_BP_Pipeline_Presentation {
        padding: 0!important;
        overflow: hidden
    }
    .as_BP_Pipeline_Presentation .as_BP_Pipeline_titlewrapper {
        width: auto!important;
        right: 0!important;
        margin: 0 20px!important
    }
    .as_BP_Pipeline_Presentation.block1 .as_BP_Pipeline_subwrapper {
        background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_BP_Pipeline_Presentation_block1_bg02.png);
        background-position: right top;
        padding: 20px;
        padding-top: 89%;
        background-size: 100%;
        text-align: center
    }
    .as_BP_Pipeline_Presentation.block1 {
        background-size: 100% auto, cover;
        padding-bottom: 20px!important
    }
    .as_BP_Pipeline_Presentation.block2 .as_BP_Pipeline_listwrapper {
        flex-wrap: wrap
    }
    .as_BP_Pipeline_Presentation.block2 .as_BP_Pipeline_listwrapper .col {
        width: 100%
    }
    .as_BP_Pipeline_Presentation .as_BP_Pipeline_listwrapper p {
        background-position: center top 7px!important;
        padding-left: 0!important;
        padding-top: 20px!important;
        text-align: center!important
    }
    .as_BP_Pipeline_Presentation.block2 .as_BP_Pipeline_subwrapper {
        padding: 20px;
        padding-bottom: 30%;
        background-size: 66%;
        background-position: center bottom
    }
    .as_BP_Pipeline_Presentation.block3 .as_BP_Pipeline_subwrapper {
        background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_BP_Pipeline_Presentation_block3_bg01.png);
        background-size: 68%;
        padding: 20px;
        padding-bottom: 46%;
        background-position: center bottom
    }
    .as_BP_Pipeline_Presentation.block3 .as_BP_Pipeline_listwrapper {
        width: auto
    }
    .as_BP_Pipeline_Presentation.block4 .as_BP_Pipeline_listwrapper {
        width: auto;
        flex-wrap: wrap
    }
    .as_BP_Pipeline_Presentation.block4 .as_BP_Pipeline_listwrapper .col {
        width: 100%
    }
    .as_BP_Pipeline_Presentation.block4 .as_BP_Pipeline_subwrapper {
        padding: 20px;
        background-position: left -80px bottom, right bottom;
        padding-right: 20px;
        padding-bottom: 38%;
        background-size: 57%, 98%
    }
    .as_BP_Pipeline_Presentation.block5 .as_BP_Pipeline_subwrapper {
        padding: 20px;
        background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_BP_Pipeline_Presentation_block5_bg02.png);
        background-repeat: no-repeat;
        background-position: center bottom;
        padding-bottom: 90%;
        background-size: 130%;
        text-align: center
    }
    .as_BP_Pipeline_Presentation.block5 .as_colcontainer {
        flex-wrap: wrap
    }
    .as_BP_Pipeline_Presentation.block5 .col-6,
    .as_BP_Pipeline_Presentation.block5 .col-4 {
        width: 100%;
        padding: 0;
        border: 0
    }
    .as_BP_Pipeline_Presentation.block6 .as_colcontainer {
        flex-wrap: wrap
    }
    .as_BP_Pipeline_Presentation.block6 .col-6,
    .as_BP_Pipeline_Presentation.block6 .col-4 {
        width: 100%
    }
    .as_BP_Pipeline_Presentation.block6 .as_BP_Pipeline_subwrapper {
        background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_BP_Pipeline_Presentation_block6_bg02.png);
        padding: 20px;
        text-align: center;
        background-position: center bottom;
        padding-bottom: 30%;
        background-size: 66%
    }
    .as_BP_Pipeline_Presentation.block7 .as_BP_Pipeline_subwrapper {
        padding: 20px
    }
    .as_BP_Pipeline_Presentation.block7 .as_colcontainer {
        flex-wrap: wrap
    }
    .as_BP_Pipeline_Presentation.block7 .col-6,
    .as_BP_Pipeline_Presentation.block7 .col-4 {
        width: 100%
    }
    .as_BP_Pipeline_Presentation.block8 .as_BP_Pipeline_subwrapper {
        padding: 20px
    }
    .as_BP_Pipeline_Presentation.block8 .as_colcontainer {
        flex-wrap: wrap
    }
    .as_BP_Pipeline_Presentation.block8 .col-6,
    .as_BP_Pipeline_Presentation.block8 .col-4 {
        width: 100%
    }
    .as_BP_Pipeline_Presentation.block9 .as_BP_Pipeline_subwrapper {
        padding: 20px;
        background-size: 112%;
        padding-top: 98%;
        background-position: right top
    }
    .as_BP_Pipeline_Presentation.block9 .as_colcontainer {
        flex-wrap: wrap
    }
    .as_BP_Pipeline_Presentation.block9 .col-6,
    .as_BP_Pipeline_Presentation.block9 .col-4 {
        width: 100%
    }
    .as_BP_Pipeline_Presentation.block10 .as_BP_Pipeline_subwrapper {
        padding: 20px
    }
    .as_BP_Pipeline_Presentation.block10 .as_colcontainer {
        flex-wrap: wrap
    }
    .as_BP_Pipeline_Presentation.block10 .col-6,
    .as_BP_Pipeline_Presentation.block10 .col-4 {
        width: 100%
    }
    .as_BP_Pipeline_Presentation.block10 .as_newimgwrapper {
        margin-top: 10px
    }
    .as_BP_Pipeline_Presentation.block10 .as_BP_Pipeline_titlewrapper {
        margin: 0!important;
        text-align: center
    }
    .as_BP_Pipeline_Presentation.block10 {
        background-size: 100% auto, cover
    }
    .as_BP_Pipeline_Presentation.block11 {
        display: block;
        position: relative;
        padding: 25px 0 0 53px;
        background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_BP_Pipeline_Presentation_block7_bg3.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover
    }
    .as_BP_Pipeline_Presentation.block11 .as_BP_Pipeline_subwrapper {
        background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_BP_Pipeline_Presentation_block11_bg2.png);
        padding-right: 0;
        background-position: right top;
        background-repeat: no-repeat;
        background-size: 134%;
        padding-top: 131%;
        min-height: inherit;
        padding-bottom: 2%
    }
    .as_BP_Pipeline_Presentation.block12 .as_BP_Pipeline_subwrapper {
        padding: 20px;
        margin: 0;
        padding-bottom: 60%;
        background-position: center bottom;
        background-size: 82%
    }
    .as_BP_Pipeline_Presentation.block12 .as_colcontainer {
        flex-wrap: wrap
    }
    .as_BP_Pipeline_Presentation.block12 .col-6,
    .as_BP_Pipeline_Presentation.block12 .col-4 {
        width: 100%
    }
    .as_BP_Pipeline_Presentation.block13 .as_BP_Pipeline_subwrapper {
        padding: 20px;
        margin: 0;
        padding-bottom: 100%;
        background-position: right bottom;
        background-size: 128%
    }
    .as_BP_Pipeline_Presentation.block14 .as_BP_Pipeline_subwrapper {
        padding: 20px;
        background-position: center bottom, right bottom;
        background-size: 100% auto, 139%;
        padding-bottom: 78%
    }
    .as_BP_Pipeline_Presentation.block15 .as_BP_Pipeline_subwrapper {
        background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_BP_Pipeline_Presentation_block1_bg1.png), url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_BP_Pipeline_Presentation_block15_bg2.png);
        padding: 20px;
        background-position: center bottom, right bottom;
        background-size: 100% auto, 103%;
        padding-bottom: 92%;
        background-repeat: no-repeat;
        min-height: inherit;
        padding-top: 3%
    }
    .as_BP_Pipeline_Presentation.block15 {
        display: block;
        position: relative;
        padding: 25px 0 0 53px;
        background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_BP_Pipeline_Presentation_block7_bg3.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover
    }
    .as_BP_Pipeline_Presentation.block16 .as_BP_Pipeline_subwrapper {
        padding-top: 27%;
        padding-bottom: 20px;
        margin: 0 auto;
        width: auto;
        background-size: 60%
    }
}

@media only screen and (max-width: 767px) {
    .as_Our_exam_results ol {
        column-count: inherit;
        display: flex;
        flex-wrap: wrap;
        justify-content: center
    }
    .as_Our_exam_results ol li .imgwrapper {
        position: inherit;
        right: inherit;
        top: inherit;
        transform: inherit;
        z-index: 99;
        margin: 0 auto
    }
    .as_Our_exam_results ol li::after {
        display: none
    }
    .as_Our_exam_results ol li .bgcolor {
        background: none;
        box-shadow: none;
        text-align: center;
        border: 0;
        width: 100%;
        padding: 0;
        padding-bottom: 10px
    }
    .as_Powerful_marketing_technology_list {
        width: 46%
    }
    .as_apogee_logomainwraopoer {
        flex-direction: column
    }
    .as_apogee_logomainwraopoer img {
        margin-bottom: 20px!important
    }
    .as_apogee_productmainblock .abimage {
        right: inherit;
        position: inherit;
        top: inherit;
        display: block
    }
    .as_apogee_product_block1 {
        max-width: inherit
    }
    .as_apogee_col2,
    .as_apogee_col3 {
        width: 100%;
        padding: 3px!important
    }
    .as_apogee_productmainblock {
        background-size: 118%, cover;
        background-position: top 12% right, right bottom
    }
    .as_apogee_logomainwraopoer h2 {
        text-align: center
    }
    .as_Our_exam_results ol li {
        background: #43584c;
        background: linear-gradient(90deg, rgba(21, 194, 98, 1) 0%, rgba(27, 185, 213, 1) 100%);
        border: 1px solid #7b8c94;
        -moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, .3);
        -webkit-box-shadow: inset 0 0 10px #000;
        box-shadow: inset 0 0 10px #000;
        width: 48%;
        margin: 5px;
        display: flex;
        flex-direction: column-reverse;
        align-items: center
    }
    .as_Our_exam_results ol li::before {
        left: -10px;
        top: -1px;
        border-radius: 0 50% 50% 0
    }
    .as_Our_exam_results ol li:nth-child(n+5):before {
        right: inherit;
        left: -10px
    }
    .as_Our_exam_results ol li:nth-child(n+5) {
        float: left
    }
    .as_Our_exam_results .middledesigncarecter {
        top: inherit;
        width: inherit;
        position: inherit;
        left: inherit;
        transform: inherit;
        width: 40%
    }
    .as_Our_exam_results .middledesign {
        flex-direction: column-reverse
    }
    .as_Our_exam_results ol li:nth-child(n+5) .imgwrapper {
        left: inherit
    }
    .as_Our_exam_results ol li:nth-child(n+5) .bgcolor {
        padding: 10px 0
    }
}

@media only screen and (max-width: 660px) {
    .as_Our_exam_results ol li {
        width: 47%
    }
}

@media only screen and (max-width: 580px) {
    .as_flexboxbannar ul li {
        width: 100%
    }
    .as_Powerful_marketing_technology_list {
        width: 45%
    }
}

@media only screen and (max-width: 530px) {
    .as_Our_exam_results ol li:before {
        font-size: 20px;
        height: 30px;
        margin-left: 2.5%;
        width: 30px;
        z-index: 9;
        line-height: 30px;
        border: 1px solid #fff;
        padding-left: 0
    }
}

@media only screen and (max-width: 480px) {
    .as_Our_exam_results ol li:before {
        margin-left: 0;
        left: -1px
    }
    .as_Our_exam_results .middledesigncarecter {
        width: 80%
    }
    .as_Our_exam_results ol li {
        width: 100%
    }
    .as_Powerful_marketing_technology_list {
        width: 100%
    }
    .as_new_bannarblock2 {
        background-size: 100%, 100% 101%, cover;
        background-position: center bottom, right bottom, center center;
        padding-bottom: 83%
    }
    .logolist {
        width: 100%;
        padding: 10px 0
    }
}

@media only screen and (max-width: 460px) {
    .as_BP_Pipeline_Presentation .as_BP_Pipeline_titlewrapper h2 {
        font-size: 22px!important;
        line-height: 23px!important
    }
    .as_BP_Pipeline_Presentation.block10 .as_BP_Pipeline_titlewrapper h2 {
        font-size: 14px!important;
        line-height: 16px!important
    }
    .as_Qualifying_to_sell_for_Beto .asn_logowrapper,
    .as_Sales_Operation_Introduction .asn_logowrapper,
    .as_Qualifying_to_sell_for_Beto_cont .asn_logowrapper,
    .as_Putting_in_a_Lead .asn_logowrapper,
    .as_Your_Responsibilities .asn_logowrapper,
    .as_Your_Responsibilities_cont .asn_logowrapper {
        margin: 0 20px
    }
    .as_Materials_availability .as_bluebtn {
        max-width: inherit
    }
}


/************************* Statr New Css ****************************/

.Tell_a_Story .as_newlistwrapper em {
    font-family: 'Helvetica';
    font-size: 20px;
    color: #ffffff;
    font-style: normal;
    position: relative;
    padding-left: 25px;
    margin-left: 30px;
    margin-bottom: 15px;
    display: block
}

.Tell_a_Story .as_newlistwrapper em:after {
    content: '';
    background-color: #fff;
    height: 13px;
    width: 13px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 5px
}

.as_newlistwrapper i,
.as_newlistwrapper em {
    font-family: 'Helvetica';
    font-size: 20px;
    color: #ffffff;
    font-style: normal;
    position: relative;
    padding-left: 25px;
    margin-left: 30px;
    margin-bottom: 15px;
    display: block
}

.as_newlistwrapper i:after,
.as_newlistwrapper em:after {
    content: '';
    background-color: #fff;
    height: 13px;
    width: 13px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 5px
}

.as_newblockmainbg h1,
.as_newblockmainbg h2,
.as_newblockmainbg h3,
.as_newblockmainbg p {
    padding: 0;
    margin: 0
}

.as_newblockmainbg strong {
    font-weight: normal
}

.as_newblockmainbg img {
    max-width: 100%;
    width: auto!important;
    border: 0!important
}

.end_with_qualifying.as_newblockmainbg {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg1.png), url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg3.png), url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg4.png);
    background-repeat: no-repeat;
    background-position: right top, left bottom, center center;
    padding: 20px 45px 70px 45px;
    position: relative;
    background-size: auto, auto, cover;
    overflow: hidden
}

.end_with_qualifying .as_newlogosubwraooer {
    background: rgb(189, 189, 189);
    background: linear-gradient(0deg, rgba(189, 189, 189, 1) 0%, rgba(255, 255, 255, 1) 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 80px;
    padding: 18px 35px;
    position: relative
}

.end_with_qualifying .as_newlogosubwraooer::after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newshadow.png);
    height: 20px;
    width: 85%;
    background-size: 100% auto;
    background-position: center top;
    position: absolute;
    bottom: -20px;
    left: 50%;
    background-repeat: no-repeat;
    transform: translateX(-50%)
}

.end_with_qualifying .as_newtitlewrapper {
    background: rgb(189, 189, 189);
    background: linear-gradient(0deg, rgba(189, 189, 189, 1) 0%, rgba(255, 255, 255, 1) 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 80px;
    padding: 7px 25px;
    width: fit-content;
    display: block;
    margin: 15px 0
}

.end_with_qualifying .as_newtitlewrapper h2 {
    font-family: 'Helveticabold';
    font-size: 35px;
    line-height: 35px;
    background: rgb(0, 0, 0);
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(90, 90, 90, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0
}

.end_with_qualifying .as_newlogomainwraooer {
    background-color: rgb(255 255 255 / 25%);
    padding: 10px 15px;
    border-radius: 80px;
    width: 330px
}

.end_with_qualifying .as_newsubtitle {
    padding-left: 30px
}

.end_with_qualifying .as_newsubtitle h3 {
    font-family: 'Helveticabold';
    font-size: 22.46px;
    line-height: 24px;
    color: #ffffff;
    padding-bottom: 15px
}

.end_with_qualifying .as_newlistwrapper p {
    font-family: 'Helvetica';
    font-size: 20px;
    color: #ffffff;
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newicon1.png);
    background-repeat: no-repeat;
    background-position: left top 2px;
    padding-bottom: 15px;
    padding-left: 30px
}

.end_with_qualifying .as_bluewrapper {
    width: 450px;
    background: rgb(0, 181, 237);
    background: linear-gradient(0deg, rgba(0, 181, 237, 1) 0%, rgba(0, 224, 232, 1) 100%);
    border-radius: 80px;
    padding: 10px 33px;
    position: relative
}

.end_with_qualifying .as_bluewrapper::after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newshadow2.png);
    height: 50px;
    width: 91%;
    background-size: 100% auto;
    background-position: center top;
    position: absolute;
    bottom: -50px;
    left: 50%;
    background-repeat: no-repeat;
    transform: translateX(-50%)
}

.end_with_qualifying .as_bluewrapper p {
    font-family: 'HelveticaRegular';
    font-size: 14.76px;
    color: #121212;
    text-shadow: 1px 1px 0 #94fbff
}

.end_with_qualifying .webwrapper {
    background-color: #04233c;
    padding: 7px 15px;
    border-radius: 80px;
    position: absolute;
    right: 20px;
    bottom: 20px;
    z-index: 1
}

.end_with_qualifying .as_newsubcontainer {
    width: 580px
}

.end_with_qualifying .webwrapper a {
    color: #ffffff;
    font-family: 'Helvetica';
    text-decoration: none
}

.end_with_qualifying .as_lstbg {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 85px;
    width: 375px;
    position: absolute;
    right: 0;
    bottom: 0
}

.end_with_qualifying .as_newimagewrapper {
    display: block;
    position: absolute;
    right: 30px;
    bottom: 0
}

.how_to_ask_questions.as_newblockmainbg {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg1.png), url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg3.png), url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg4.png);
    background-repeat: no-repeat;
    background-position: right top, left bottom, center center;
    padding: 20px 45px 70px 45px;
    position: relative;
    background-size: auto, auto, cover;
    overflow: hidden
}

.how_to_ask_questions .as_newlogosubwraooer {
    background: rgb(189, 189, 189);
    background: linear-gradient(0deg, rgba(189, 189, 189, 1) 0%, rgba(255, 255, 255, 1) 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 80px;
    padding: 18px 35px;
    position: relative
}

.how_to_ask_questions .as_newlogosubwraooer::after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newshadow.png);
    height: 20px;
    width: 85%;
    background-size: 100% auto;
    background-position: center top;
    position: absolute;
    bottom: -20px;
    left: 50%;
    background-repeat: no-repeat;
    transform: translateX(-50%)
}

.how_to_ask_questions .as_newtitlewrapper {
    background: rgb(189, 189, 189);
    background: linear-gradient(0deg, rgba(189, 189, 189, 1) 0%, rgba(255, 255, 255, 1) 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 80px;
    padding: 7px 25px;
    width: fit-content;
    display: block;
    margin: 15px 0
}

.how_to_ask_questions .as_newtitlewrapper h2 {
    font-family: 'Helveticabold';
    font-size: 35px;
    line-height: 35px;
    background: rgb(0, 0, 0);
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(90, 90, 90, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0
}

.how_to_ask_questions .as_newlogomainwraooer {
    background-color: rgb(255 255 255 / 25%);
    padding: 10px 15px;
    border-radius: 80px;
    width: 330px
}

.how_to_ask_questions .as_newsubtitle {
    padding-left: 30px
}

.how_to_ask_questions .as_newsubtitle h3 {
    font-family: 'Helveticabold';
    font-size: 22.46px;
    line-height: 24px;
    color: #ffffff;
    padding-bottom: 15px
}

.how_to_ask_questions .as_newlistwrapper p {
    font-family: 'Helvetica';
    font-size: 20px;
    color: #ffffff;
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newicon1.png);
    background-repeat: no-repeat;
    background-position: left top 2px;
    padding-bottom: 15px;
    padding-left: 30px
}

.how_to_ask_questions .as_bluewrapper {
    width: 453px;
    background: rgb(0, 181, 237);
    background: linear-gradient(0deg, rgba(0, 181, 237, 1) 0%, rgba(0, 224, 232, 1) 100%);
    border-radius: 80px;
    padding: 10px 33px;
    position: relative
}

.how_to_ask_questions .as_bluewrapper::after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newshadow2.png);
    height: 50px;
    width: 91%;
    background-size: 100% auto;
    background-position: center top;
    position: absolute;
    bottom: -50px;
    left: 50%;
    background-repeat: no-repeat;
    transform: translateX(-50%)
}

.how_to_ask_questions .as_bluewrapper p {
    font-family: 'HelveticaRegular';
    font-size: 14.76px;
    color: #121212;
    text-shadow: 1px 1px 0 #94fbff
}

.how_to_ask_questions .as_newlistwrapper i,
.how_to_ask_questions .as_newlistwrapper em {
    font-family: 'Helvetica';
    font-size: 20px;
    color: #ffffff;
    font-style: normal;
    position: relative;
    padding-left: 25px;
    margin-left: 30px;
    margin-bottom: 15px;
    display: block
}

.how_to_ask_questions .as_newlistwrapper i:after,
.how_to_ask_questions .as_newlistwrapper em:after {
    content: '';
    background-color: #fff;
    height: 13px;
    width: 13px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 5px
}

.how_to_ask_questions .webwrapper {
    background-color: #04233c;
    padding: 7px 15px;
    border-radius: 80px;
    position: absolute;
    right: 20px;
    bottom: 20px;
    z-index: 1
}

.how_to_ask_questions .as_newsubcontainer {
    width: 607px
}

.how_to_ask_questions .webwrapper a {
    color: #ffffff;
    font-family: 'Helvetica';
    text-decoration: none
}

.how_to_ask_questions .as_lstbg {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 85px;
    width: 375px;
    position: absolute;
    right: 0;
    bottom: 0
}

.how_to_ask_questions .as_newimagewrapper {
    display: block;
    position: absolute;
    right: -30px;
    bottom: 15px
}

.ask_questions.as_newblockmainbg {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg1.png), url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg3.png), url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg4.png);
    background-repeat: no-repeat;
    background-position: right top, left bottom, center center;
    padding: 20px 45px 70px 45px;
    position: relative;
    background-size: auto, auto, cover;
    overflow: hidden
}

.ask_questions .as_newlogosubwraooer {
    background: rgb(189, 189, 189);
    background: linear-gradient(0deg, rgba(189, 189, 189, 1) 0%, rgba(255, 255, 255, 1) 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 80px;
    padding: 18px 35px;
    position: relative
}

.ask_questions .as_newlogosubwraooer::after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newshadow.png);
    height: 20px;
    width: 85%;
    background-size: 100% auto;
    background-position: center top;
    position: absolute;
    bottom: -20px;
    left: 50%;
    background-repeat: no-repeat;
    transform: translateX(-50%)
}

.ask_questions .as_newtitlewrapper {
    background: rgb(189, 189, 189);
    background: linear-gradient(0deg, rgba(189, 189, 189, 1) 0%, rgba(255, 255, 255, 1) 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 80px;
    padding: 7px 25px;
    width: fit-content;
    display: block;
    margin: 15px 0
}

.ask_questions .as_newtitlewrapper h2 {
    font-family: 'Helveticabold';
    font-size: 35px;
    line-height: 35px;
    background: rgb(0, 0, 0);
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(90, 90, 90, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0
}

.ask_questions .as_newlogomainwraooer {
    background-color: rgb(255 255 255 / 25%);
    padding: 10px 15px;
    border-radius: 80px;
    width: 330px
}

.ask_questions .as_newsubtitle {
    padding-left: 30px
}

.ask_questions .as_newsubtitle h3 {
    font-family: 'Helveticabold';
    font-size: 19.76px;
    line-height: 20px;
    color: #ffffff;
    padding-bottom: 15px
}

.ask_questions .as_newsubtitle h3 strong {
    color: #00dfe8
}

.ask_questions .as_newlistwrapper p {
    font-family: 'Helvetica';
    font-size: 20px;
    color: #ffffff;
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newicon1.png);
    background-repeat: no-repeat;
    background-position: left top 2px;
    padding-bottom: 10px;
    padding-left: 30px
}

.ask_questions .as_bluewrapper {
    width: 468px;
    background: rgb(0, 181, 237);
    background: linear-gradient(0deg, rgba(0, 181, 237, 1) 0%, rgba(0, 224, 232, 1) 100%);
    border-radius: 80px;
    padding: 10px 33px;
    position: relative
}

.ask_questions .as_bluewrapper::after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newshadow2.png);
    height: 50px;
    width: 91%;
    background-size: 100% auto;
    background-position: center top;
    position: absolute;
    bottom: -50px;
    left: 50%;
    background-repeat: no-repeat;
    transform: translateX(-50%)
}

.ask_questions .as_bluewrapper p {
    font-family: 'HelveticaRegular';
    font-size: 14.76px;
    color: #121212;
    text-shadow: 1px 1px 0 #94fbff
}

.ask_questions .as_newlistwrapper i,
.ask_questions .as_newlistwrapper em {
    font-family: 'Helvetica';
    font-size: 20px;
    color: #ffffff;
    font-style: normal;
    position: relative;
    padding-left: 25px;
    margin-left: 30px;
    margin-bottom: 15px;
    display: block
}

.ask_questions .as_newlistwrapper i:after,
.ask_questions .as_newlistwrapper em:after {
    content: '';
    background-color: #fff;
    height: 13px;
    width: 13px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 5px
}

.ask_questions .webwrapper {
    background-color: #04233c;
    padding: 7px 15px;
    border-radius: 80px;
    position: absolute;
    right: 20px;
    bottom: 20px;
    z-index: 1
}

.ask_questions .as_newsubcontainer {
    width: 615px
}

.ask_questions .webwrapper a {
    color: #ffffff;
    font-family: 'Helvetica';
    text-decoration: none
}

.ask_questions .as_lstbg {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 85px;
    width: 375px;
    position: absolute;
    right: 0;
    bottom: 0
}

.ask_questions .as_newimagewrapper {
    display: block;
    position: absolute;
    right: 20px;
    bottom: 35px
}

.ask_questions2.as_newblockmainbg {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg1.png), url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg3.png), url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg4.png);
    background-repeat: no-repeat;
    background-position: right top, left bottom, center center;
    padding: 20px 45px 70px 45px;
    position: relative;
    background-size: auto, auto, cover;
    overflow: hidden
}

.ask_questions2 .as_newlogosubwraooer {
    background: rgb(189, 189, 189);
    background: linear-gradient(0deg, rgba(189, 189, 189, 1) 0%, rgba(255, 255, 255, 1) 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 80px;
    padding: 18px 35px;
    position: relative
}

.ask_questions2 .as_newlogosubwraooer::after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newshadow.png);
    height: 20px;
    width: 85%;
    background-size: 100% auto;
    background-position: center top;
    position: absolute;
    bottom: -20px;
    left: 50%;
    background-repeat: no-repeat;
    transform: translateX(-50%)
}

.ask_questions2 .as_newtitlewrapper {
    background: rgb(189, 189, 189);
    background: linear-gradient(0deg, rgba(189, 189, 189, 1) 0%, rgba(255, 255, 255, 1) 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 80px;
    padding: 7px 25px;
    width: fit-content;
    display: block;
    margin: 15px 0
}

.ask_questions2 .as_newtitlewrapper h2 {
    font-family: 'Helveticabold';
    font-size: 35px;
    line-height: 35px;
    background: rgb(0, 0, 0);
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(90, 90, 90, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0
}

.ask_questions2 .as_newlogomainwraooer {
    background-color: rgb(255 255 255 / 25%);
    padding: 10px 15px;
    border-radius: 80px;
    width: 330px
}

.ask_questions2 .as_newsubtitle {
    padding-left: 30px
}

.ask_questions2 .as_newsubtitle h3 {
    font-family: 'Helveticabold';
    font-size: 19.76px;
    line-height: 20px;
    color: #ffffff;
    padding-bottom: 15px
}

.ask_questions2 .as_newsubtitle h3 strong {
    color: #00dfe8
}

.ask_questions2 .as_newlistwrapper p {
    font-family: 'Helvetica';
    font-size: 20px;
    color: #ffffff;
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newicon1.png);
    background-repeat: no-repeat;
    background-position: left top 2px;
    padding-bottom: 10px;
    padding-left: 30px
}

.ask_questions2 .as_bluewrapper {
    width: 490px;
    background: rgb(0, 181, 237);
    background: linear-gradient(0deg, rgba(0, 181, 237, 1) 0%, rgba(0, 224, 232, 1) 100%);
    border-radius: 80px;
    padding: 10px 33px;
    position: relative
}

.ask_questions2 .as_bluewrapper::after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newshadow2.png);
    height: 50px;
    width: 91%;
    background-size: 100% auto;
    background-position: center top;
    position: absolute;
    bottom: -50px;
    left: 50%;
    background-repeat: no-repeat;
    transform: translateX(-50%)
}

.ask_questions2 .as_bluewrapper p {
    font-family: 'HelveticaRegular';
    font-size: 14.76px;
    color: #121212;
    text-shadow: 1px 1px 0 #94fbff
}

.ask_questions2 .as_newlistwrapper i,
.ask_questions2 .as_newlistwrapper em {
    font-family: 'Helvetica';
    font-size: 20px;
    color: #ffffff;
    font-style: normal;
    position: relative;
    padding-left: 25px;
    margin-left: 30px;
    margin-bottom: 15px;
    display: block
}

.ask_questions2 .as_newlistwrapper i:after,
.ask_questions2 .as_newlistwrapper em:after {
    content: '';
    background-color: #fff;
    height: 13px;
    width: 13px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 5px
}

.ask_questions2 .webwrapper {
    background-color: #04233c;
    padding: 7px 15px;
    border-radius: 80px;
    position: absolute;
    right: 20px;
    bottom: 20px;
    z-index: 1
}

.ask_questions2 .webwrapper a {
    color: #ffffff;
    font-family: 'Helvetica';
    text-decoration: none
}

.ask_questions2 .as_lstbg {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 85px;
    width: 375px;
    position: absolute;
    right: 0;
    bottom: 0
}

.ask_questions2 .as_newimagewrapper {
    display: block;
    position: absolute;
    right: 20px;
    bottom: 35px
}

.Hard_Sell.as_newblockmainbg {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg1.png), url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg003.png), url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg4.png);
    background-repeat: no-repeat;
    background-position: right top, left bottom -30px, center center;
    padding: 20px 45px 60px 45px;
    position: relative;
    background-size: auto, auto, cover;
    overflow: hidden
}

.Hard_Sell .as_newlogosubwraooer {
    background: rgb(189, 189, 189);
    background: linear-gradient(0deg, rgba(189, 189, 189, 1) 0%, rgba(255, 255, 255, 1) 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 80px;
    padding: 18px 35px;
    position: relative
}

.Hard_Sell .as_newlogosubwraooer::after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newshadow.png);
    height: 20px;
    width: 85%;
    background-size: 100% auto;
    background-position: center top;
    position: absolute;
    bottom: -20px;
    left: 50%;
    background-repeat: no-repeat;
    transform: translateX(-50%)
}

.Hard_Sell .as_newtitlewrapper {
    background: rgb(189, 189, 189);
    background: linear-gradient(0deg, rgba(189, 189, 189, 1) 0%, rgba(255, 255, 255, 1) 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 80px;
    padding: 7px 25px;
    width: fit-content;
    display: block;
    margin: 15px 0
}

.Hard_Sell .as_newtitlewrapper h2 {
    font-family: 'Helveticabold';
    font-size: 35px;
    line-height: 35px;
    background: rgb(0, 0, 0);
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(90, 90, 90, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0
}

.Hard_Sell .as_newlogomainwraooer {
    background-color: rgb(255 255 255 / 25%);
    padding: 10px 15px;
    border-radius: 80px;
    width: 330px
}

.Hard_Sell .as_newsubtitle {
    padding-left: 30px
}

.Hard_Sell .as_newsubtitle h3 {
    font-family: 'Helveticabold';
    font-size: 19.76px;
    line-height: 20px;
    color: #ffffff;
    padding-bottom: 20px
}

.Hard_Sell .as_newsubtitle h3 strong {
    color: #00dfe8
}

.Hard_Sell .as_newlistwrapper p {
    font-family: 'Helvetica';
    font-size: 20px;
    color: #ffffff;
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newicon1.png);
    background-repeat: no-repeat;
    background-position: left top 2px;
    padding-bottom: 15px;
    padding-left: 30px
}

.Hard_Sell .as_bluewrapper {
    width: 325px;
    background: rgb(0, 181, 237);
    background: linear-gradient(0deg, rgba(0, 181, 237, 1) 0%, rgba(0, 224, 232, 1) 100%);
    border-radius: 80px;
    padding: 10px 33px;
    position: relative
}

.Hard_Sell .as_bluewrapper::after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newshadow2.png);
    height: 50px;
    width: 91%;
    background-size: 100% auto;
    background-position: center top;
    position: absolute;
    bottom: -50px;
    left: 50%;
    background-repeat: no-repeat;
    transform: translateX(-50%)
}

.Hard_Sell .as_bluewrapper p {
    font-family: 'HelveticaRegular';
    font-size: 14.76px;
    color: #121212;
    text-shadow: 1px 1px 0 #94fbff
}

.Hard_Sell .as_newlistwrapper i {
    font-family: 'Helvetica';
    font-size: 20px;
    color: #ffffff;
    font-style: normal;
    position: relative;
    padding-left: 25px;
    margin-left: 30px;
    margin-bottom: 15px;
    display: block
}

.Hard_Sell .as_newlistwrapper i:after {
    content: '';
    background-color: #fff;
    height: 13px;
    width: 13px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 5px
}

.Hard_Sell .webwrapper {
    background-color: #04233c;
    padding: 7px 15px;
    border-radius: 80px;
    position: absolute;
    right: 20px;
    bottom: 20px;
    z-index: 1
}

.Hard_Sell .as_newsubcontainer {
    width: 550px
}

.Hard_Sell .webwrapper a {
    color: #ffffff;
    font-family: 'Helvetica';
    text-decoration: none
}

.Hard_Sell .as_lstbg {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 85px;
    width: 375px;
    position: absolute;
    right: 0;
    bottom: 0
}

.Hard_Sell .as_newimagewrapper {
    display: block;
    position: absolute;
    right: -30px;
    bottom: 35px
}

.Sales_Process.as_newblockmainbg {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg1.png), url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg3.png), url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg4.png);
    background-repeat: no-repeat;
    background-position: right top, left bottom -33px, center center;
    padding: 20px 45px 33px 45px;
    position: relative;
    background-size: auto, auto, cover;
    overflow: hidden
}

.Sales_Process .as_newlogosubwraooer {
    background: rgb(189, 189, 189);
    background: linear-gradient(0deg, rgba(189, 189, 189, 1) 0%, rgba(255, 255, 255, 1) 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 80px;
    padding: 18px 35px;
    position: relative
}

.Sales_Process .as_newlogosubwraooer::after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newshadow.png);
    height: 20px;
    width: 85%;
    background-size: 100% auto;
    background-position: center top;
    position: absolute;
    bottom: -20px;
    left: 50%;
    background-repeat: no-repeat;
    transform: translateX(-50%)
}

.Sales_Process .as_newtitlewrapper {
    background: rgb(189, 189, 189);
    background: linear-gradient(0deg, rgba(189, 189, 189, 1) 0%, rgba(255, 255, 255, 1) 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 80px;
    padding: 7px 25px;
    width: fit-content;
    display: block;
    margin: 15px 0
}

.Sales_Process .as_newtitlewrapper h2 {
    font-family: 'Helveticabold';
    font-size: 35px;
    line-height: 35px;
    background: rgb(0, 0, 0);
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(90, 90, 90, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0
}

.Sales_Process .as_newlogomainwraooer {
    background-color: rgb(255 255 255 / 25%);
    padding: 10px 15px;
    border-radius: 80px;
    width: 330px
}

.Sales_Process .as_newsubtitle {
    padding-left: 30px
}

.Sales_Process .as_newsubtitle h3 {
    font-family: 'Helveticabold';
    font-size: 22.46px;
    line-height: 24px;
    color: #ffffff;
    padding-bottom: 15px
}

.Sales_Process .as_newlistwrapper p {
    font-family: 'Helvetica';
    font-size: 20px;
    color: #ffffff;
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newicon1.png);
    background-repeat: no-repeat;
    background-position: left top 2px;
    padding-bottom: 15px;
    padding-left: 30px
}

.Sales_Process .as_bluewrapper {
    width: 453px;
    background: rgb(0, 181, 237);
    background: linear-gradient(0deg, rgba(0, 181, 237, 1) 0%, rgba(0, 224, 232, 1) 100%);
    border-radius: 80px;
    padding: 10px 33px;
    position: relative
}

.Sales_Process .as_bluewrapper::after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newshadow2.png);
    height: 50px;
    width: 91%;
    background-size: 100% auto;
    background-position: center top;
    position: absolute;
    bottom: -50px;
    left: 50%;
    background-repeat: no-repeat;
    transform: translateX(-50%)
}

.Sales_Process .as_bluewrapper p {
    font-family: 'HelveticaRegular';
    font-size: 14.76px;
    color: #121212;
    text-shadow: 1px 1px 0 #94fbff
}

.Sales_Process .as_newlistwrapper i {
    font-family: 'Helvetica';
    font-size: 20px;
    color: #ffffff;
    font-style: normal;
    position: relative;
    padding-left: 25px;
    margin-left: 30px;
    margin-bottom: 15px;
    display: block
}

.Sales_Process .as_newlistwrapper i:after {
    content: '';
    background-color: #fff;
    height: 13px;
    width: 13px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 5px
}

.Sales_Process .webwrapper {
    background-color: #04233c;
    padding: 7px 15px;
    border-radius: 80px;
    position: absolute;
    right: 20px;
    bottom: 20px;
    z-index: 1
}

.Sales_Process .as_newsubcontainer {
    width: 535px
}

.Sales_Process .webwrapper a {
    color: #ffffff;
    font-family: 'Helvetica';
    text-decoration: none
}

.Sales_Process .as_lstbg {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 85px;
    width: 375px;
    position: absolute;
    right: 0;
    bottom: 0
}

.Sales_Process .as_newimagewrapper {
    display: block;
    position: absolute;
    right: 20px;
    bottom: 15px
}

.Sales_Process .as_newlistwrapper i,
.Sales_Process .as_newlistwrapper em {
    font-family: 'Helvetica';
    font-size: 20px;
    color: #ffffff;
    font-style: normal;
    position: relative;
    padding-left: 25px;
    margin-left: 30px;
    margin-bottom: 15px;
    display: block
}

.Sales_Process .as_newlistwrapper i:after,
.Sales_Process .as_newlistwrapper em:after {
    content: '';
    background-color: #fff;
    height: 13px;
    width: 13px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 5px
}

.Sales_Process2.as_newblockmainbg {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg1.png), url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg3.png), url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg4.png);
    background-repeat: no-repeat;
    background-position: right top, left bottom -33px, center center;
    padding: 20px 45px 33px 45px;
    position: relative;
    background-size: auto, auto, cover;
    overflow: hidden
}

.Sales_Process2 .as_newlogosubwraooer {
    background: rgb(189, 189, 189);
    background: linear-gradient(0deg, rgba(189, 189, 189, 1) 0%, rgba(255, 255, 255, 1) 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 80px;
    padding: 18px 35px;
    position: relative
}

.Sales_Process2 .as_newlogosubwraooer::after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newshadow.png);
    height: 20px;
    width: 85%;
    background-size: 100% auto;
    background-position: center top;
    position: absolute;
    bottom: -20px;
    left: 50%;
    background-repeat: no-repeat;
    transform: translateX(-50%)
}

.Sales_Process2 .as_newtitlewrapper {
    background: rgb(189, 189, 189);
    background: linear-gradient(0deg, rgba(189, 189, 189, 1) 0%, rgba(255, 255, 255, 1) 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 80px;
    padding: 7px 25px;
    width: fit-content;
    display: block;
    margin: 15px 0
}

.Sales_Process2 .as_newtitlewrapper h2 {
    font-family: 'Helveticabold';
    font-size: 35px;
    line-height: 35px;
    background: rgb(0, 0, 0);
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(90, 90, 90, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0
}

.Sales_Process2 .as_newlogomainwraooer {
    background-color: rgb(255 255 255 / 25%);
    padding: 10px 15px;
    border-radius: 80px;
    width: 330px
}

.Sales_Process2 .as_newsubtitle {
    padding-left: 30px
}

.Sales_Process2 .as_newsubtitle h3 {
    font-family: 'Helveticabold';
    font-size: 22.46px;
    line-height: 24px;
    color: #ffffff;
    padding-bottom: 20px
}

.Sales_Process2 .as_newlistwrapper p {
    font-family: 'Helvetica';
    font-size: 20px;
    color: #ffffff;
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newicon1.png);
    background-repeat: no-repeat;
    background-position: left top 2px;
    padding-bottom: 20px;
    padding-left: 30px
}

.Sales_Process2 .as_bluewrapper {
    width: 410px;
    display: block;
    margin-top: 30px;
    background: rgb(0, 181, 237);
    background: linear-gradient(0deg, rgba(0, 181, 237, 1) 0%, rgba(0, 224, 232, 1) 100%);
    border-radius: 80px;
    padding: 10px 33px;
    position: relative
}

.Sales_Process2 .as_bluewrapper::after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newshadow2.png);
    height: 50px;
    width: 91%;
    background-size: 100% auto;
    background-position: center top;
    position: absolute;
    bottom: -50px;
    left: 50%;
    background-repeat: no-repeat;
    transform: translateX(-50%)
}

.Sales_Process2 .as_bluewrapper p {
    font-family: 'HelveticaRegular';
    font-size: 14.76px;
    color: #121212;
    text-shadow: 1px 1px 0 #94fbff
}

.Sales_Process2 .as_newlistwrapper i {
    font-family: 'Helvetica';
    font-size: 20px;
    color: #ffffff;
    font-style: normal;
    position: relative;
    margin-bottom: 20px;
    display: block
}

.Sales_Process2 .webwrapper {
    background-color: #04233c;
    padding: 7px 15px;
    border-radius: 80px;
    position: absolute;
    right: 20px;
    bottom: 20px;
    z-index: 1
}

.Sales_Process2 .as_newsubcontainer {}

.Sales_Process2 .webwrapper a {
    color: #ffffff;
    font-family: 'Helvetica';
    text-decoration: none
}

.Sales_Process2 .as_lstbg {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 85px;
    width: 375px;
    position: absolute;
    right: 0;
    bottom: 0
}

.Sales_Process2 .as_newimagewrapper {
    display: block;
    position: absolute;
    right: 20px;
    bottom: -35px
}

.Sales_Process2 .as_newlistwrapper i,
.Sales_Process2 .as_newlistwrapper em {
    font-family: 'Helvetica';
    font-size: 20px;
    color: #ffffff;
    font-style: normal;
    position: relative;
    padding-left: 25px;
    margin-left: 30px;
    margin-bottom: 15px;
    display: block
}

.Sales_Process2 .as_newlistwrapper i:after,
.Sales_Process2 .as_newlistwrapper em:after {
    content: '';
    background-color: #fff;
    height: 13px;
    width: 13px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 5px
}

.attitude.as_newblockmainbg {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg1.png), url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg3.png), url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg4.png);
    background-repeat: no-repeat;
    background-position: right top, left bottom -12px, center center;
    padding: 20px 45px 33px 45px;
    position: relative;
    background-size: auto, auto, cover;
    overflow: hidden
}

.attitude .as_newlogosubwraooer {
    background: rgb(189, 189, 189);
    background: linear-gradient(0deg, rgba(189, 189, 189, 1) 0%, rgba(255, 255, 255, 1) 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 80px;
    padding: 18px 35px;
    position: relative
}

.attitude .as_newlogosubwraooer::after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newshadow.png);
    height: 20px;
    width: 85%;
    background-size: 100% auto;
    background-position: center top;
    position: absolute;
    bottom: -20px;
    left: 50%;
    background-repeat: no-repeat;
    transform: translateX(-50%)
}

.attitude .as_newtitlewrapper {
    background: rgb(189, 189, 189);
    background: linear-gradient(0deg, rgba(189, 189, 189, 1) 0%, rgba(255, 255, 255, 1) 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 80px;
    padding: 7px 25px;
    width: fit-content;
    display: block;
    margin: 15px 0
}

.attitude .as_newtitlewrapper h2 {
    font-family: 'Helveticabold';
    font-size: 35px;
    line-height: 35px;
    background: rgb(0, 0, 0);
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(90, 90, 90, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0
}

.attitude .as_newlogomainwraooer {
    background-color: rgb(255 255 255 / 25%);
    padding: 10px 15px;
    border-radius: 80px;
    width: 330px
}

.attitude .as_newsubtitle {
    padding-left: 30px
}

.attitude .as_newsubtitle h3 {
    font-family: 'Helveticabold';
    font-size: 19.83px;
    line-height: 22px;
    color: #ffffff;
    padding-bottom: 15px
}

.attitude .as_newsubtitle h3 strong {
    color: #00dfe8
}

.attitude .as_newlistwrapper p {
    font-family: 'Helvetica';
    font-size: 19.83px;
    color: #ffffff;
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newicon1.png);
    background-repeat: no-repeat;
    background-position: left top 2px;
    padding-bottom: 15px;
    padding-left: 30px
}

.attitude .as_bluewrapper {
    width: 453px;
    background: rgb(0, 181, 237);
    background: linear-gradient(0deg, rgba(0, 181, 237, 1) 0%, rgba(0, 224, 232, 1) 100%);
    border-radius: 80px;
    padding: 10px 33px;
    position: relative
}

.attitude .as_bluewrapper::after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newshadow2.png);
    height: 50px;
    width: 91%;
    background-size: 100% auto;
    background-position: center top;
    position: absolute;
    bottom: -50px;
    left: 50%;
    background-repeat: no-repeat;
    transform: translateX(-50%)
}

.attitude .as_bluewrapper p {
    font-family: 'HelveticaRegular';
    font-size: 14.76px;
    color: #121212;
    text-shadow: 1px 1px 0 #94fbff
}

.attitude .as_newlistwrapper i,
.attitude .as_newlistwrapper em {
    font-family: 'Helvetica';
    font-size: 20px;
    color: #ffffff;
    font-style: normal;
    position: relative;
    padding-left: 25px;
    margin-left: 30px;
    margin-bottom: 15px;
    display: block
}

.attitude .as_newlistwrapper i:after,
.attitude .as_newlistwrapper em:after {
    content: '';
    background-color: #fff;
    height: 13px;
    width: 13px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 5px
}

.attitude .webwrapper {
    background-color: #04233c;
    padding: 7px 15px;
    border-radius: 80px;
    position: absolute;
    right: 20px;
    bottom: 20px;
    z-index: 1
}

.attitude .as_newsubcontainer {
    width: 563px
}

.attitude .webwrapper a {
    color: #ffffff;
    font-family: 'Helvetica';
    text-decoration: none
}

.attitude .as_lstbg {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 85px;
    width: 375px;
    position: absolute;
    right: 0;
    bottom: 0
}

.attitude .as_newimagewrapper {
    display: block;
    position: absolute;
    right: 20px;
    bottom: 15px
}

.Tell_a_Story.as_newblockmainbg {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg1.png), url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg3.png), url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg4.png);
    background-repeat: no-repeat;
    background-position: right top, left bottom -38px, center center;
    padding: 20px 45px 33px 45px;
    position: relative;
    background-size: auto, auto, cover;
    overflow: hidden
}

.Tell_a_Story .as_newlogosubwraooer {
    background: rgb(189, 189, 189);
    background: linear-gradient(0deg, rgba(189, 189, 189, 1) 0%, rgba(255, 255, 255, 1) 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 80px;
    padding: 18px 35px;
    position: relative
}

.Tell_a_Story .as_newlogosubwraooer::after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newshadow.png);
    height: 20px;
    width: 85%;
    background-size: 100% auto;
    background-position: center top;
    position: absolute;
    bottom: -20px;
    left: 50%;
    background-repeat: no-repeat;
    transform: translateX(-50%)
}

.Tell_a_Story .as_newtitlewrapper {
    background: rgb(189, 189, 189);
    background: linear-gradient(0deg, rgba(189, 189, 189, 1) 0%, rgba(255, 255, 255, 1) 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 80px;
    padding: 7px 25px;
    width: fit-content;
    display: block;
    margin: 15px 0
}

.Tell_a_Story .as_newtitlewrapper h2 {
    font-family: 'Helveticabold';
    font-size: 35px;
    line-height: 35px;
    background: rgb(0, 0, 0);
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(90, 90, 90, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0
}

.Tell_a_Story .as_newlogomainwraooer {
    background-color: rgb(255 255 255 / 25%);
    padding: 10px 15px;
    border-radius: 80px;
    width: 330px
}

.Tell_a_Story .as_newsubtitle {
    padding-left: 30px
}

.Tell_a_Story .as_newsubtitle h3 {
    font-family: 'Helveticabold';
    font-size: 19.83px;
    line-height: 22px;
    color: #ffffff;
    padding-bottom: 15px
}

.Tell_a_Story .as_newsubtitle h3 strong {
    color: #00dfe8
}

.Tell_a_Story .as_newlistwrapper p {
    font-family: 'Helvetica';
    font-size: 19.83px;
    color: #ffffff;
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newicon1.png);
    background-repeat: no-repeat;
    background-position: left top 2px;
    padding-bottom: 15px;
    padding-left: 30px
}

.Tell_a_Story .as_bluewrapper {
    width: 315px;
    background: rgb(0, 181, 237);
    background: linear-gradient(0deg, rgba(0, 181, 237, 1) 0%, rgba(0, 224, 232, 1) 100%);
    border-radius: 80px;
    padding: 10px 33px;
    position: relative
}

.Tell_a_Story .as_bluewrapper::after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newshadow2.png);
    height: 50px;
    width: 91%;
    background-size: 100% auto;
    background-position: center top;
    position: absolute;
    bottom: -50px;
    left: 50%;
    background-repeat: no-repeat;
    transform: translateX(-50%)
}

.Tell_a_Story .as_bluewrapper p {
    font-family: 'HelveticaRegular';
    font-size: 14.76px;
    color: #121212;
    text-shadow: 1px 1px 0 #94fbff
}

.Tell_a_Story .as_newlistwrapper i,
.Tell_a_Story .as_newlistwrapper em {
    font-family: 'Helvetica';
    font-size: 20px;
    color: #ffffff;
    font-style: normal;
    position: relative;
    padding-left: 25px;
    margin-left: 30px;
    margin-bottom: 15px;
    display: block
}

.Tell_a_Story .as_newlistwrapper i:after,
.Tell_a_Story .as_newlistwrapper em:after {
    content: '';
    background-color: #fff;
    height: 13px;
    width: 13px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 5px
}

.Tell_a_Story .webwrapper {
    background-color: #04233c;
    padding: 7px 15px;
    border-radius: 80px;
    position: absolute;
    right: 20px;
    bottom: 20px;
    z-index: 1
}

.Tell_a_Story .webwrapper a {
    color: #ffffff;
    font-family: 'Helvetica';
    text-decoration: none
}

.Tell_a_Story .as_lstbg {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 85px;
    width: 375px;
    position: absolute;
    right: 0;
    bottom: 0
}

.Tell_a_Story .as_newimagewrapper {
    display: block;
    position: absolute;
    right: 30px;
    bottom: 35px
}

.Tell_a_Story2.as_newblockmainbg {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg1.png), url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg3.png), url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg4.png);
    background-repeat: no-repeat;
    background-position: right top, left bottom -38px, center center;
    padding: 20px 45px 33px 45px;
    position: relative;
    background-size: auto, auto, cover;
    overflow: hidden
}

.Tell_a_Story2 .as_newlogosubwraooer {
    background: rgb(189, 189, 189);
    background: linear-gradient(0deg, rgba(189, 189, 189, 1) 0%, rgba(255, 255, 255, 1) 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 80px;
    padding: 18px 35px;
    position: relative
}

.Tell_a_Story2 .as_newlogosubwraooer::after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newshadow.png);
    height: 20px;
    width: 85%;
    background-size: 100% auto;
    background-position: center top;
    position: absolute;
    bottom: -20px;
    left: 50%;
    background-repeat: no-repeat;
    transform: translateX(-50%)
}

.Tell_a_Story2 .as_newtitlewrapper {
    background: rgb(189, 189, 189);
    background: linear-gradient(0deg, rgba(189, 189, 189, 1) 0%, rgba(255, 255, 255, 1) 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 80px;
    padding: 7px 25px;
    width: fit-content;
    display: block;
    margin: 15px 0
}

.Tell_a_Story2 .as_newtitlewrapper h2 {
    font-family: 'Helveticabold';
    font-size: 35px;
    line-height: 35px;
    background: rgb(0, 0, 0);
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(90, 90, 90, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0
}

.Tell_a_Story2 .as_newlogomainwraooer {
    background-color: rgb(255 255 255 / 25%);
    padding: 10px 15px;
    border-radius: 80px;
    width: 330px
}

.Tell_a_Story2 .as_newsubtitle {
    padding-left: 30px
}

.Tell_a_Story2 .as_newsubtitle h3 {
    font-family: 'Helveticabold';
    font-size: 19.83px;
    line-height: 22px;
    color: #ffffff;
    padding-bottom: 15px
}

.Tell_a_Story2 .as_newsubtitle h3 strong {
    color: #00dfe8
}

.Tell_a_Story2 .as_newlistwrapper p {
    font-family: 'Helvetica';
    font-size: 19.83px;
    color: #ffffff;
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newicon1.png);
    background-repeat: no-repeat;
    background-position: left top 2px;
    padding-bottom: 15px;
    padding-left: 30px
}

.Tell_a_Story2 .as_bluewrapper {
    width: 365px;
    background: rgb(0, 181, 237);
    background: linear-gradient(0deg, rgba(0, 181, 237, 1) 0%, rgba(0, 224, 232, 1) 100%);
    border-radius: 80px;
    padding: 10px 33px;
    position: relative
}

.Tell_a_Story2 .as_bluewrapper::after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newshadow2.png);
    height: 50px;
    width: 91%;
    background-size: 100% auto;
    background-position: center top;
    position: absolute;
    bottom: -50px;
    left: 50%;
    background-repeat: no-repeat;
    transform: translateX(-50%)
}

.Tell_a_Story2 .as_bluewrapper p {
    font-family: 'HelveticaRegular';
    font-size: 14.76px;
    color: #121212;
    text-shadow: 1px 1px 0 #94fbff
}

.Tell_a_Story2 .as_newlistwrapper i,
.Tell_a_Story2 .as_newlistwrapper em {
    font-family: 'Helvetica';
    font-size: 20px;
    color: #ffffff;
    font-style: normal;
    position: relative;
    padding-left: 25px;
    margin-left: 30px;
    margin-bottom: 15px;
    display: block
}

.Tell_a_Story2 .as_newlistwrapper i:after,
.Tell_a_Story2 .as_newlistwrapper em:after {
    content: '';
    background-color: #fff;
    height: 13px;
    width: 13px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 5px
}

.Tell_a_Story2 .webwrapper {
    background-color: #04233c;
    padding: 7px 15px;
    border-radius: 80px;
    position: absolute;
    right: 20px;
    bottom: 20px;
    z-index: 1
}

.Tell_a_Story2 .webwrapper a {
    color: #ffffff;
    font-family: 'Helvetica';
    text-decoration: none
}

.Tell_a_Story2 .as_lstbg {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 85px;
    width: 375px;
    position: absolute;
    right: 0;
    bottom: 0
}

.Tell_a_Story2 .as_newimagewrapper {
    display: block;
    position: absolute;
    right: 0;
    bottom: 35px
}

.Tell_a_Story2 .as_newlistwrapper {
    display: block;
    position: relative;
    z-index: 1
}

.Proposals.as_newblockmainbg {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg1.png), url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg3.png), url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg4.png);
    background-repeat: no-repeat;
    background-position: right top, left bottom -38px, center center;
    padding: 20px 45px 33px 45px;
    position: relative;
    background-size: auto, auto, cover;
    overflow: hidden
}

.Proposals .as_newlogosubwraooer {
    background: rgb(189, 189, 189);
    background: linear-gradient(0deg, rgba(189, 189, 189, 1) 0%, rgba(255, 255, 255, 1) 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 80px;
    padding: 18px 35px;
    position: relative
}

.Proposals .as_newlogosubwraooer::after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newshadow.png);
    height: 20px;
    width: 85%;
    background-size: 100% auto;
    background-position: center top;
    position: absolute;
    bottom: -20px;
    left: 50%;
    background-repeat: no-repeat;
    transform: translateX(-50%)
}

.Proposals .as_newtitlewrapper {
    background: rgb(189, 189, 189);
    background: linear-gradient(0deg, rgba(189, 189, 189, 1) 0%, rgba(255, 255, 255, 1) 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 80px;
    padding: 7px 25px;
    width: fit-content;
    display: block;
    margin: 15px 0
}

.Proposals .as_newtitlewrapper h2 {
    font-family: 'Helveticabold';
    font-size: 35px;
    line-height: 35px;
    background: rgb(0, 0, 0);
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(90, 90, 90, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0
}

.Proposals .as_newlogomainwraooer {
    background-color: rgb(255 255 255 / 25%);
    padding: 10px 15px;
    border-radius: 80px;
    width: 330px
}

.Proposals .as_newsubtitle {
    padding-left: 30px
}

.Proposals .as_newsubtitle h3 {
    font-family: 'Helveticabold';
    font-size: 19.83px;
    line-height: 22px;
    color: #ffffff;
    padding-bottom: 15px;
    position: relative;
    z-index: 1
}

.Proposals .as_newsubtitle h3 strong {
    color: #00dfe8
}

.Proposals .as_newlistwrapper p {
    font-family: 'Helvetica';
    font-size: 19.83px;
    color: #ffffff;
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newicon1.png);
    background-repeat: no-repeat;
    background-position: left top 2px;
    padding-bottom: 15px;
    padding-left: 30px
}

.Proposals .as_bluewrapper {
    z-index: 1;
    width: 305px;
    background: rgb(0, 181, 237);
    background: linear-gradient(0deg, rgba(0, 181, 237, 1) 0%, rgba(0, 224, 232, 1) 100%);
    border-radius: 80px;
    padding: 10px 33px;
    position: relative
}

.Proposals .as_bluewrapper::after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newshadow2.png);
    height: 50px;
    width: 91%;
    background-size: 100% auto;
    background-position: center top;
    position: absolute;
    bottom: -50px;
    left: 50%;
    background-repeat: no-repeat;
    transform: translateX(-50%)
}

.Proposals .as_bluewrapper p {
    font-family: 'HelveticaRegular';
    font-size: 14.76px;
    color: #121212;
    text-shadow: 1px 1px 0 #94fbff
}

.Proposals .webwrapper {
    background-color: #04233c;
    padding: 7px 15px;
    border-radius: 80px;
    position: absolute;
    right: 20px;
    bottom: 20px;
    z-index: 1
}

.Proposals .webwrapper a {
    color: #ffffff;
    font-family: 'Helvetica';
    text-decoration: none
}

.Proposals .as_lstbg {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 85px;
    width: 375px;
    position: absolute;
    right: 0;
    bottom: 0
}

.Proposals .as_newimagewrapper {
    display: block;
    position: absolute;
    right: 0;
    bottom: 35px
}

.Proposals .as_newlistwrapper {
    display: block;
    position: relative;
    z-index: 1
}

.Proposals .as_newsubcontainer {
    width: 427px
}

.Negotiation.as_newblockmainbg {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg1.png), url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg3.png), url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg4.png);
    background-repeat: no-repeat;
    background-position: right top, left bottom -38px, center center;
    padding: 20px 45px 33px 45px;
    position: relative;
    background-size: auto, auto, cover;
    overflow: hidden
}

.Negotiation .as_newlogosubwraooer {
    background: rgb(189, 189, 189);
    background: linear-gradient(0deg, rgba(189, 189, 189, 1) 0%, rgba(255, 255, 255, 1) 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 80px;
    padding: 18px 35px;
    position: relative
}

.Negotiation .as_newlogosubwraooer::after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newshadow.png);
    height: 20px;
    width: 85%;
    background-size: 100% auto;
    background-position: center top;
    position: absolute;
    bottom: -20px;
    left: 50%;
    background-repeat: no-repeat;
    transform: translateX(-50%)
}

.Negotiation .as_newtitlewrapper {
    background: rgb(189, 189, 189);
    background: linear-gradient(0deg, rgba(189, 189, 189, 1) 0%, rgba(255, 255, 255, 1) 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 80px;
    padding: 7px 25px;
    width: fit-content;
    display: block;
    margin: 15px 0
}

.Negotiation .as_newtitlewrapper h2 {
    font-family: 'Helveticabold';
    font-size: 35px;
    line-height: 35px;
    background: rgb(0, 0, 0);
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(90, 90, 90, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0
}

.Negotiation .as_newlogomainwraooer {
    background-color: rgb(255 255 255 / 25%);
    padding: 10px 15px;
    border-radius: 80px;
    width: 330px
}

.Negotiation .as_newsubtitle {
    padding-left: 30px
}

.Negotiation .as_newsubtitle h3 {
    font-family: 'Helveticabold';
    font-size: 19.83px;
    line-height: 22px;
    color: #ffffff;
    padding-bottom: 10px;
    position: relative;
    z-index: 1
}

.Negotiation .as_newsubtitle h3 strong {
    color: #00dfe8
}

.Negotiation .as_newsubtitle h3 a {
    color: #ffff38
}

.Negotiation .as_newlistwrapper p {
    font-family: 'Helvetica';
    font-size: 19.83px;
    color: #fff;
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newicon1.png);
    background-repeat: no-repeat;
    background-position: left top 2px;
    padding-bottom: 10px;
    padding-left: 30px
}

.Negotiation .as_bluewrapper {
    z-index: 1;
    width: 265px;
    background: #00b5ed;
    background: linear-gradient(0deg, rgba(0, 181, 237, 1) 0%, rgba(0, 224, 232, 1) 100%);
    border-radius: 80px;
    padding: 10px 33px;
    position: relative
}

.Negotiation .as_bluewrapper::after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newshadow2.png);
    height: 50px;
    width: 91%;
    background-size: 100% auto;
    background-position: center top;
    position: absolute;
    bottom: -50px;
    left: 50%;
    background-repeat: no-repeat;
    transform: translateX(-50%)
}

.Negotiation .as_bluewrapper p {
    font-family: 'HelveticaRegular';
    font-size: 14.76px;
    color: #121212;
    text-shadow: 1px 1px 0 #94fbff
}

.Negotiation .webwrapper {
    background-color: #04233c;
    padding: 7px 15px;
    border-radius: 80px;
    position: absolute;
    right: 20px;
    bottom: 20px;
    z-index: 1
}

.Negotiation .webwrapper a {
    color: #fff;
    font-family: 'Helvetica';
    text-decoration: none
}

.Negotiation .as_lstbg {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 85px;
    width: 375px;
    position: absolute;
    right: 0;
    bottom: 0
}

.Negotiation .as_newimagewrapper {
    display: block;
    position: absolute;
    right: 0;
    bottom: 70px
}

.Negotiation .as_newlistwrapper i,
.Negotiation .as_newlistwrapper em {
    font-family: 'Helvetica';
    font-size: 20px;
    color: #fff;
    font-style: normal;
    position: relative;
    padding-left: 25px;
    margin-left: 30px;
    margin-bottom: 15px;
    display: block
}

.Negotiation .as_newlistwrapper i:after,
.Negotiation .as_newlistwrapper em:after {
    content: '';
    background-color: #fff;
    height: 13px;
    width: 13px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 5px
}

.Negotiation .as_newlistwrapper {
    display: block;
    position: relative;
    z-index: 1
}

.Negotiation .as_newsubcontainer {
    width: 567px
}

.Resourceful.as_newblockmainbg {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg1.png), url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg003.png), url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg4.png);
    background-repeat: no-repeat;
    background-position: right top, left bottom -38px, center center;
    padding: 20px 45px 70px;
    position: relative;
    background-size: auto, auto, cover;
    overflow: hidden
}

.Resourceful .as_newlogosubwraooer {
    background: #bdbdbd;
    background: linear-gradient(0deg, rgba(189, 189, 189, 1) 0%, rgba(255, 255, 255, 1) 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 80px;
    padding: 18px 35px;
    position: relative
}

.Resourceful .as_newlogosubwraooer::after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newshadow.png);
    height: 20px;
    width: 85%;
    background-size: 100% auto;
    background-position: center top;
    position: absolute;
    bottom: -20px;
    left: 50%;
    background-repeat: no-repeat;
    transform: translateX(-50%)
}

.Resourceful .as_newtitlewrapper {
    background: #bdbdbd;
    background: linear-gradient(0deg, rgba(189, 189, 189, 1) 0%, rgba(255, 255, 255, 1) 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 80px;
    padding: 7px 25px;
    width: fit-content;
    display: block;
    margin: 15px 0
}

.Resourceful .as_newtitlewrapper h2 {
    font-family: 'Helveticabold';
    font-size: 35px;
    line-height: 35px;
    background: #000;
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(90, 90, 90, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0
}

.Resourceful .as_newlogomainwraooer {
    background-color: red;
    padding: 10px 15px;
    border-radius: 80px;
    width: 330px
}

.Resourceful .as_newsubtitle {
    padding-left: 30px
}

.Resourceful .as_newsubtitle h3 {
    font-family: 'Helveticabold';
    font-size: 19.83px;
    line-height: 22px;
    color: #fff;
    padding-bottom: 20px;
    position: relative;
    z-index: 1
}

.Resourceful .as_newsubtitle h3 strong {
    color: #00dfe8
}

.Resourceful .as_newsubtitle h3 a {
    color: #ffff38
}

.Resourceful .as_newlistwrapper p {
    font-family: 'Helvetica';
    font-size: 19.83px;
    color: #fff;
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newicon1.png);
    background-repeat: no-repeat;
    background-position: left top 2px;
    padding-bottom: 20px;
    padding-left: 30px
}

.Resourceful .as_bluewrapper {
    z-index: 1;
    width: 480px;
    background: #00b5ed;
    background: linear-gradient(0deg, rgba(0, 181, 237, 1) 0%, rgba(0, 224, 232, 1) 100%);
    border-radius: 80px;
    padding: 10px 33px;
    position: relative
}

.Resourceful .as_bluewrapper::after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newshadow2.png);
    height: 50px;
    width: 91%;
    background-size: 100% auto;
    background-position: center top;
    position: absolute;
    bottom: -50px;
    left: 50%;
    background-repeat: no-repeat;
    transform: translateX(-50%)
}

.Resourceful .as_bluewrapper p {
    font-family: 'HelveticaRegular';
    font-size: 14.76px;
    color: #121212;
    text-shadow: 1px 1px 0 #94fbff
}

.Resourceful .webwrapper {
    background-color: #04233c;
    padding: 7px 15px;
    border-radius: 80px;
    position: absolute;
    right: 20px;
    bottom: 20px;
    z-index: 1
}

.Resourceful .webwrapper a {
    color: #fff;
    font-family: 'Helvetica';
    text-decoration: none
}

.Resourceful .as_lstbg {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 85px;
    width: 375px;
    position: absolute;
    right: 0;
    bottom: 0
}

.Resourceful .as_newimagewrapper {
    display: block;
    position: absolute;
    right: 0;
    bottom: 70px
}

.Resourceful .as_newlistwrapper {
    display: block;
    position: relative;
    z-index: 1
}

.Resourceful .as_newsubcontainer {
    width: 587px
}

.Resourceful2.as_newblockmainbg {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg1.png), url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg003.png), url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg4.png);
    background-repeat: no-repeat;
    background-position: right top, left -25px bottom, center center;
    padding: 20px 45px 70px;
    position: relative;
    background-size: auto, auto, cover;
    overflow: hidden
}

.Resourceful2 .as_newlogosubwraooer {
    background: #bdbdbd;
    background: linear-gradient(0deg, rgba(189, 189, 189, 1) 0%, rgba(255, 255, 255, 1) 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 80px;
    padding: 18px 35px;
    position: relative
}

.Resourceful2 .as_newlogosubwraooer::after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newshadow.png);
    height: 20px;
    width: 85%;
    background-size: 100% auto;
    background-position: center top;
    position: absolute;
    bottom: -20px;
    left: 50%;
    background-repeat: no-repeat;
    transform: translateX(-50%)
}

.Resourceful2 .as_newtitlewrapper {
    background: #bdbdbd;
    background: linear-gradient(0deg, rgba(189, 189, 189, 1) 0%, rgba(255, 255, 255, 1) 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 80px;
    padding: 7px 25px;
    width: fit-content;
    display: block;
    margin: 15px 0
}

.Resourceful2 .as_newtitlewrapper h2 {
    font-family: 'Helveticabold';
    font-size: 35px;
    line-height: 35px;
    background: #000;
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(90, 90, 90, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0
}

.Resourceful2 .as_newlogomainwraooer {
    background-color: red;
    padding: 10px 15px;
    border-radius: 80px;
    width: 330px
}

.Resourceful2 .as_newsubtitle {
    padding-left: 30px
}

.Resourceful2 .as_newsubtitle h3 {
    font-family: 'Helveticabold';
    font-size: 19.83px;
    line-height: 22px;
    color: #fff;
    padding-bottom: 20px;
    position: relative;
    z-index: 1
}

.Resourceful2 .as_newsubtitle h3 strong {
    color: #00dfe8
}

.Resourceful2 .as_newsubtitle h3 a {
    color: #ffff38
}

.Resourceful2 .as_newlistwrapper p {
    font-family: 'Helvetica';
    font-size: 19.83px;
    color: #fff;
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newicon1.png);
    background-repeat: no-repeat;
    background-position: left top 2px;
    padding-bottom: 20px;
    padding-left: 30px
}

.Resourceful2 .as_bluewrapper {
    z-index: 1;
    width: 480px;
    background: #00b5ed;
    background: linear-gradient(0deg, rgba(0, 181, 237, 1) 0%, rgba(0, 224, 232, 1) 100%);
    border-radius: 80px;
    padding: 10px 33px;
    position: relative
}

.Resourceful2 .as_bluewrapper::after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newshadow2.png);
    height: 50px;
    width: 91%;
    background-size: 100% auto;
    background-position: center top;
    position: absolute;
    bottom: -50px;
    left: 50%;
    background-repeat: no-repeat;
    transform: translateX(-50%)
}

.Resourceful2 .as_bluewrapper p {
    font-family: 'HelveticaRegular';
    font-size: 14.76px;
    color: #121212;
    text-shadow: 1px 1px 0 #94fbff
}

.Resourceful2 .webwrapper {
    background-color: #04233c;
    padding: 7px 15px;
    border-radius: 80px;
    position: absolute;
    right: 20px;
    bottom: 20px;
    z-index: 1
}

.Resourceful2 .webwrapper a {
    color: #fff;
    font-family: 'Helvetica';
    text-decoration: none
}

.Resourceful2 .as_lstbg {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 85px;
    width: 375px;
    position: absolute;
    right: 0;
    bottom: 0
}

.Resourceful2 .as_newimagewrapper {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0
}

.Resourceful2 .as_newlistwrapper {
    display: block;
    position: relative;
    z-index: 1
}

.Resourceful2 .as_newsubcontainer {
    width: 525px
}

.Resourceful3.as_newblockmainbg {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg1.png), url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg003.png), url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg4.png);
    background-repeat: no-repeat;
    background-position: right top, left -25px bottom, center center;
    padding: 20px 45px 70px;
    position: relative;
    background-size: auto, auto, cover;
    overflow: hidden
}

.Resourceful3 .as_newlogosubwraooer {
    background: #bdbdbd;
    background: linear-gradient(0deg, rgba(189, 189, 189, 1) 0%, rgba(255, 255, 255, 1) 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 80px;
    padding: 18px 35px;
    position: relative
}

.Resourceful3 .as_newlogosubwraooer::after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newshadow.png);
    height: 20px;
    width: 85%;
    background-size: 100% auto;
    background-position: center top;
    position: absolute;
    bottom: -20px;
    left: 50%;
    background-repeat: no-repeat;
    transform: translateX(-50%)
}

.Resourceful3 .as_newtitlewrapper {
    background: #bdbdbd;
    background: linear-gradient(0deg, rgba(189, 189, 189, 1) 0%, rgba(255, 255, 255, 1) 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 80px;
    padding: 7px 25px;
    width: fit-content;
    display: block;
    margin: 15px 0
}

.Resourceful3 .as_newtitlewrapper h2 {
    font-family: 'Helveticabold';
    font-size: 35px;
    line-height: 35px;
    background: #000;
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(90, 90, 90, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0
}

.Resourceful3 .as_newlogomainwraooer {
    background-color: red;
    padding: 10px 15px;
    border-radius: 80px;
    width: 330px
}

.Resourceful3 .as_newsubtitle {
    padding-left: 30px
}

.Resourceful3 .as_newsubtitle h3,
.Resourceful3 .as_newsubtitle h2 {
    font-family: 'Helveticabold';
    font-size: 19.83px;
    line-height: 22px;
    color: #fff;
    padding-bottom: 20px;
    position: relative;
    z-index: 1
}

.Resourceful3 .as_newsubtitle h3 strong {
    color: #ffff38
}

.as_newsubtitle h2 {
    color: #00dfe8
}

.Resourceful3 .as_newlistwrapper p {
    font-family: 'Helvetica';
    font-size: 19.83px;
    color: #fff;
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newicon1.png);
    background-repeat: no-repeat;
    background-position: left top 2px;
    padding-bottom: 20px;
    padding-left: 30px
}

.Resourceful3 .as_bluewrapper {
    z-index: 1;
    width: 480px;
    background: #00b5ed;
    background: linear-gradient(0deg, rgba(0, 181, 237, 1) 0%, rgba(0, 224, 232, 1) 100%);
    border-radius: 80px;
    padding: 10px 33px;
    position: relative
}

.Resourceful3 .as_bluewrapper::after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newshadow2.png);
    height: 50px;
    width: 91%;
    background-size: 100% auto;
    background-position: center top;
    position: absolute;
    bottom: -50px;
    left: 50%;
    background-repeat: no-repeat;
    transform: translateX(-50%)
}

.Resourceful3 .as_bluewrapper p {
    font-family: 'HelveticaRegular';
    font-size: 14.76px;
    color: #121212;
    text-shadow: 1px 1px 0 #94fbff
}

.Resourceful3 .webwrapper {
    background-color: #04233c;
    padding: 7px 15px;
    border-radius: 80px;
    position: absolute;
    right: 20px;
    bottom: 20px;
    z-index: 1
}

.Resourceful3 .webwrapper a {
    color: #fff;
    font-family: 'Helvetica';
    text-decoration: none
}

.Resourceful3 .as_lstbg {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 85px;
    width: 375px;
    position: absolute;
    right: 0;
    bottom: 0
}

.Resourceful3 .as_newimagewrapper {
    display: block;
    position: absolute;
    right: 20px;
    bottom: 40px
}

.Resourceful3 .as_newlistwrapper {
    display: block;
    position: relative;
    z-index: 1
}

.Resourceful3 .as_newsubcontainer {
    width: 525px
}

.Fill_Your_Pipeline.as_newblockmainbg {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg1.png), url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg003.png), url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg4.png);
    background-repeat: no-repeat;
    background-position: right top, left -25px bottom, center center;
    padding: 20px 45px 70px;
    position: relative;
    background-size: auto, auto, cover;
    overflow: hidden
}

.Fill_Your_Pipeline .as_newlogosubwraooer {
    background: #bdbdbd;
    background: linear-gradient(0deg, rgba(189, 189, 189, 1) 0%, rgba(255, 255, 255, 1) 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 80px;
    padding: 18px 35px;
    position: relative
}

.Fill_Your_Pipeline .as_newlogosubwraooer::after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newshadow.png);
    height: 20px;
    width: 85%;
    background-size: 100% auto;
    background-position: center top;
    position: absolute;
    bottom: -20px;
    left: 50%;
    background-repeat: no-repeat;
    transform: translateX(-50%)
}

.Fill_Your_Pipeline .as_newtitlewrapper {
    background: #bdbdbd;
    background: linear-gradient(0deg, rgba(189, 189, 189, 1) 0%, rgba(255, 255, 255, 1) 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 80px;
    padding: 7px 25px;
    width: fit-content;
    display: block;
    margin: 15px 0
}

.Fill_Your_Pipeline .as_newtitlewrapper h2 {
    font-family: 'Helveticabold';
    font-size: 35px;
    line-height: 35px;
    background: #000;
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(90, 90, 90, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0
}

.Fill_Your_Pipeline .as_newlogomainwraooer {
    background-color: red;
    padding: 10px 15px;
    border-radius: 80px;
    width: 330px
}

.Fill_Your_Pipeline .as_newsubtitle {
    padding-left: 30px
}

.Fill_Your_Pipeline .as_newsubtitle h3,
.Fill_Your_Pipeline .as_newsubtitle h2 {
    font-family: 'Helveticabold';
    font-size: 19.83px;
    line-height: 22px;
    color: #fff;
    padding-bottom: 20px;
    position: relative;
    z-index: 1
}

.Fill_Your_Pipeline .as_newsubtitle h3 strong {
    color: #ffff38
}

.Fill_Your_Pipeline .as_newsubtitle h2 {
    color: #00dfe8
}

.Fill_Your_Pipeline .as_newlistwrapper p {
    font-family: 'Helvetica';
    font-size: 14.79px;
    color: #fff;
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newicon1.png);
    background-repeat: no-repeat;
    background-position: left top 2px;
    padding-bottom: 20px;
    padding-left: 30px
}

.Fill_Your_Pipeline .as_bluewrapper {
    z-index: 1;
    width: 480px;
    background: #00b5ed;
    background: linear-gradient(0deg, rgba(0, 181, 237, 1) 0%, rgba(0, 224, 232, 1) 100%);
    border-radius: 80px;
    padding: 10px 33px;
    position: relative
}

.Fill_Your_Pipeline .as_bluewrapper::after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newshadow2.png);
    height: 50px;
    width: 91%;
    background-size: 100% auto;
    background-position: center top;
    position: absolute;
    bottom: -50px;
    left: 50%;
    background-repeat: no-repeat;
    transform: translateX(-50%)
}

.Fill_Your_Pipeline .as_bluewrapper p {
    font-family: 'HelveticaRegular';
    font-size: 14.76px;
    color: #121212;
    text-shadow: 1px 1px 0 #94fbff
}

.Fill_Your_Pipeline .webwrapper {
    background-color: #04233c;
    padding: 7px 15px;
    border-radius: 80px;
    position: absolute;
    right: 20px;
    bottom: 20px;
    z-index: 1
}

.Fill_Your_Pipeline .webwrapper a {
    color: #fff;
    font-family: 'Helvetica';
    text-decoration: none
}

.Fill_Your_Pipeline .as_lstbg {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 85px;
    width: 375px;
    position: absolute;
    right: 0;
    bottom: 0
}

.Fill_Your_Pipeline .as_newimagewrapper {
    display: block;
    position: absolute;
    right: 0;
    bottom: 40px
}

.Fill_Your_Pipeline .as_newlistwrapper {
    display: block;
    position: relative;
    z-index: 1
}

.Fill_Your_Pipeline .as_newsubcontainer {
    width: 555px
}

.Fill_Your_Pipeline .as_newlistwrapper i,
.Fill_Your_Pipeline .as_newlistwrapper em {
    font-family: 'Helvetica';
    font-size: 14.79px;
    color: #fff;
    font-style: normal;
    position: relative;
    padding-left: 25px;
    margin-left: 30px;
    margin-bottom: 15px;
    display: block
}

.Fill_Your_Pipeline .as_newlistwrapper i:after,
.Fill_Your_Pipeline .as_newlistwrapper em:after {
    content: '';
    background-color: #fff;
    height: 13px;
    width: 13px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 5px
}

.Agree_Always.as_newblockmainbg {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg1.png), url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg003.png), url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg4.png);
    background-repeat: no-repeat;
    background-position: right top, left bottom, center center;
    padding: 20px 45px 30px;
    position: relative;
    background-size: auto, 131px, cover;
    overflow: hidden
}

.Agree_Always .as_newlogosubwraooer {
    background: #bdbdbd;
    background: linear-gradient(0deg, rgba(189, 189, 189, 1) 0%, rgba(255, 255, 255, 1) 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 80px;
    padding: 18px 35px;
    position: relative
}

.Agree_Always .as_newlogosubwraooer::after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newshadow.png);
    height: 20px;
    width: 85%;
    background-size: 100% auto;
    background-position: center top;
    position: absolute;
    bottom: -20px;
    left: 50%;
    background-repeat: no-repeat;
    transform: translateX(-50%)
}

.Agree_Always .as_newtitlewrapper {
    background: #bdbdbd;
    background: linear-gradient(0deg, rgba(189, 189, 189, 1) 0%, rgba(255, 255, 255, 1) 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 80px;
    padding: 7px 25px;
    width: fit-content;
    display: block;
    margin: 15px 0
}

.Agree_Always .as_newtitlewrapper h2 {
    font-family: 'Helveticabold';
    font-size: 35px;
    line-height: 35px;
    background: #000;
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(90, 90, 90, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0
}

.Agree_Always .as_newlogomainwraooer {
    background-color: red;
    padding: 10px 15px;
    border-radius: 80px;
    width: 330px
}

.Agree_Always .as_newsubtitle {
    padding-left: 30px
}

.Agree_Always .as_newsubtitle h3,
.Agree_Always .as_newsubtitle h2 {
    font-family: 'Helveticabold';
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    padding-bottom: 5px;
    position: relative;
    z-index: 1
}

.Agree_Always .as_newsubtitle h3 i,
.Agree_Always .as_newsubtitle h3 em {
    color: #00dfe8;
    font-style: normal
}

.Agree_Always .as_newsubtitle h3 strong {
    color: #ffff38
}

.Agree_Always .as_newsubtitle h2 {
    color: #00dfe8;
    padding-bottom: 15px
}

.Agree_Always .as_newlistwrapper p {
    font-family: 'Helvetica';
    font-size: 16px;
    color: #fff;
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newicon1.png);
    background-repeat: no-repeat;
    background-position: left top 2px;
    padding-bottom: 10px;
    padding-left: 30px
}

.Agree_Always .as_bluewrapper {
    z-index: 1;
    width: 480px;
    background: #00b5ed;
    background: linear-gradient(0deg, rgba(0, 181, 237, 1) 0%, rgba(0, 224, 232, 1) 100%);
    border-radius: 80px;
    padding: 10px 33px;
    position: relative
}

.Agree_Always .as_bluewrapper::after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newshadow2.png);
    height: 50px;
    width: 91%;
    background-size: 100% auto;
    background-position: center top;
    position: absolute;
    bottom: -50px;
    left: 50%;
    background-repeat: no-repeat;
    transform: translateX(-50%)
}

.Agree_Always .as_bluewrapper p {
    font-family: 'HelveticaRegular';
    font-size: 14.76px;
    color: #121212;
    text-shadow: 1px 1px 0 #94fbff
}

.Agree_Always .as_newlistwrapper p strong {
    color: #00dfe8;
    display: block
}

.Agree_Always .webwrapper {
    background-color: #04233c;
    padding: 7px 15px;
    border-radius: 80px;
    position: absolute;
    right: 20px;
    bottom: 20px;
    z-index: 1
}

.Agree_Always .webwrapper a {
    color: #fff;
    font-family: 'Helvetica';
    text-decoration: none
}

.Agree_Always .as_lstbg {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 85px;
    width: 375px;
    position: absolute;
    right: 0;
    bottom: 0
}

.Agree_Always .as_newimagewrapper {
    display: block;
    position: absolute;
    right: 7px;
    bottom: 40px
}

.Agree_Always .as_newlistwrapper {
    display: block;
    position: relative;
    z-index: 1
}

.Agree_Always .as_newsubcontainer {
    width: 595px
}

.Agree_Always .as_newlistwrapper i,
.Agree_Always .as_newlistwrapper em {
    font-family: 'Helvetica';
    font-size: 14.79px;
    color: #fff;
    font-style: normal;
    position: relative;
    padding-left: 25px;
    margin-left: 30px;
    margin-bottom: 15px;
    display: block
}

.Agree_Always .as_newlistwrapper i:after,
.Agree_Always .as_newlistwrapper em:after {
    content: '';
    background-color: #fff;
    height: 13px;
    width: 13px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 5px
}

.Voicemails_and_Emails.as_newblockmainbg {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg1.png), url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg003.png), url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg4.png);
    background-repeat: no-repeat;
    background-position: right top, left bottom, center center;
    padding: 20px 45px 30px;
    position: relative;
    background-size: auto, 131px, cover;
    overflow: hidden
}

.Voicemails_and_Emails .as_newlogosubwraooer {
    background: #bdbdbd;
    background: linear-gradient(0deg, rgba(189, 189, 189, 1) 0%, rgba(255, 255, 255, 1) 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 80px;
    padding: 18px 35px;
    position: relative
}

.Voicemails_and_Emails .as_newlogosubwraooer::after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newshadow.png);
    height: 20px;
    width: 85%;
    background-size: 100% auto;
    background-position: center top;
    position: absolute;
    bottom: -20px;
    left: 50%;
    background-repeat: no-repeat;
    transform: translateX(-50%)
}

.Voicemails_and_Emails .as_newtitlewrapper {
    background: #bdbdbd;
    background: linear-gradient(0deg, rgba(189, 189, 189, 1) 0%, rgba(255, 255, 255, 1) 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 80px;
    padding: 7px 25px;
    width: fit-content;
    display: block;
    margin: 15px 0
}

.Voicemails_and_Emails .as_newtitlewrapper h2 {
    font-family: 'Helveticabold';
    font-size: 35px;
    line-height: 35px;
    background: #000;
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(90, 90, 90, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0
}

.Voicemails_and_Emails .as_newlogomainwraooer {
    background-color: red;
    padding: 10px 15px;
    border-radius: 80px;
    width: 330px
}

.Voicemails_and_Emails .as_newsubtitle {
    padding-left: 30px
}

.Voicemails_and_Emails .as_newsubtitle h3,
.Voicemails_and_Emails .as_newsubtitle h2 {
    font-family: 'Helveticabold';
    font-size: 17px;
    line-height: 22px;
    color: #fff;
    padding-bottom: 20px;
    position: relative;
    z-index: 1
}

.Voicemails_and_Emails .as_newsubtitle h3 i,
.Voicemails_and_Emails .as_newsubtitle h3 em {
    color: #00dfe8;
    font-style: normal
}

.Voicemails_and_Emails .as_newsubtitle h3 strong {
    color: #ffff38
}

.Voicemails_and_Emails .as_newsubtitle h2 {
    color: #00dfe8;
    padding-bottom: 20px
}

.Voicemails_and_Emails .as_newlistwrapper p {
    font-family: 'Helvetica';
    font-size: 16px;
    color: #fff;
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newicon1.png);
    background-repeat: no-repeat;
    background-position: left top 2px;
    padding-bottom: 10px;
    padding-left: 30px
}

.Voicemails_and_Emails .as_bluewrapper {
    z-index: 1;
    width: 480px;
    background: #00b5ed;
    background: linear-gradient(0deg, rgba(0, 181, 237, 1) 0%, rgba(0, 224, 232, 1) 100%);
    border-radius: 80px;
    padding: 10px 33px;
    position: relative
}

.Voicemails_and_Emails .as_bluewrapper::after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newshadow2.png);
    height: 50px;
    width: 91%;
    background-size: 100% auto;
    background-position: center top;
    position: absolute;
    bottom: -50px;
    left: 50%;
    background-repeat: no-repeat;
    transform: translateX(-50%)
}

.Voicemails_and_Emails .as_bluewrapper p {
    font-family: 'HelveticaRegular';
    font-size: 14.76px;
    color: #121212;
    text-shadow: 1px 1px 0 #94fbff
}

.Voicemails_and_Emails .as_newlistwrapper p strong {
    color: #00dfe8;
    display: block;
    margin-top: 20px
}

.Voicemails_and_Emails .webwrapper {
    background-color: #04233c;
    padding: 7px 15px;
    border-radius: 80px;
    position: absolute;
    right: 20px;
    bottom: 20px;
    z-index: 1
}

.Voicemails_and_Emails .webwrapper a {
    color: #fff;
    font-family: 'Helvetica';
    text-decoration: none
}

.Voicemails_and_Emails .as_lstbg {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 95px;
    width: 275px;
    position: absolute;
    right: 0;
    bottom: 0
}

.Voicemails_and_Emails .as_newimagewrapper {
    display: block;
    position: absolute;
    right: -44px;
    bottom: 40px
}

.Voicemails_and_Emails .as_newlistwrapper {
    display: block;
    position: relative;
    z-index: 1
}

.Voicemails_and_Emails .as_newsubcontainer {
    width: 705px
}

.Voicemails_and_Emails .as_newlistwrapper i,
.Voicemails_and_Emails .as_newlistwrapper em {
    font-family: 'Helvetica';
    font-size: 16px;
    color: #fff;
    font-style: normal;
    position: relative;
    padding-left: 25px;
    margin-left: 30px;
    margin-bottom: 10px;
    display: block
}

.Voicemails_and_Emails .as_newlistwrapper i:after,
.Self_Discipline .as_newlistwrapper em:after {
    content: '';
    background-color: #fff;
    height: 13px;
    width: 13px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 5px
}

.Follow_Up.as_newblockmainbg {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg1.png), url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg003.png), url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg4.png);
    background-repeat: no-repeat;
    background-position: right top, left bottom, center center;
    padding: 20px 45px 30px;
    position: relative;
    background-size: auto, 131px, cover;
    overflow: hidden
}

.Follow_Up .as_newlogosubwraooer {
    background: #bdbdbd;
    background: linear-gradient(0deg, rgba(189, 189, 189, 1) 0%, rgba(255, 255, 255, 1) 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 80px;
    padding: 18px 35px;
    position: relative
}

.Follow_Up .as_newlogosubwraooer::after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newshadow.png);
    height: 20px;
    width: 85%;
    background-size: 100% auto;
    background-position: center top;
    position: absolute;
    bottom: -20px;
    left: 50%;
    background-repeat: no-repeat;
    transform: translateX(-50%)
}

.Follow_Up .as_newtitlewrapper {
    background: #bdbdbd;
    background: linear-gradient(0deg, rgba(189, 189, 189, 1) 0%, rgba(255, 255, 255, 1) 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 80px;
    padding: 7px 25px;
    width: fit-content;
    display: block;
    margin: 15px 0
}

.Follow_Up .as_newtitlewrapper h2 {
    font-family: 'Helveticabold';
    font-size: 35px;
    line-height: 35px;
    background: #000;
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(90, 90, 90, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0
}

.Follow_Up .as_newlogomainwraooer {
    background-color: red;
    padding: 10px 15px;
    border-radius: 80px;
    width: 330px
}

.Follow_Up .as_newsubtitle {
    padding-left: 30px
}

.Follow_Up .as_newsubtitle h3,
.Follow_Up .as_newsubtitle h2 {
    font-family: 'Helveticabold';
    font-size: 19px;
    line-height: 22px;
    color: #fff;
    padding-bottom: 20px;
    position: relative;
    z-index: 1
}

.Follow_Up .as_newsubtitle h3 i,
.Follow_Up .as_newsubtitle h3 em {
    color: #00dfe8;
    font-style: normal
}

.Follow_Up .as_newsubtitle h3 strong {
    color: #ffff38
}

.Follow_Up .as_newsubtitle h2 {
    color: #00dfe8;
    padding-bottom: 20px;
    font-size: 22px;
    line-height: 24px
}

.Follow_Up .as_newlistwrapper p {
    font-family: 'Helvetica';
    font-size: 18px;
    color: #fff;
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newicon1.png);
    background-repeat: no-repeat;
    background-position: left top 2px;
    padding-bottom: 20px;
    padding-left: 30px;
    width: 82%
}

.Follow_Up .as_bluewrapper {
    z-index: 1;
    width: 480px;
    background: #00b5ed;
    background: linear-gradient(0deg, rgba(0, 181, 237, 1) 0%, rgba(0, 224, 232, 1) 100%);
    border-radius: 80px;
    padding: 10px 33px;
    position: relative
}

.Follow_Up .as_bluewrapper::after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newshadow2.png);
    height: 50px;
    width: 91%;
    background-size: 100% auto;
    background-position: center top;
    position: absolute;
    bottom: -50px;
    left: 50%;
    background-repeat: no-repeat;
    transform: translateX(-50%)
}

.Follow_Up .as_bluewrapper p {
    font-family: 'HelveticaRegular';
    font-size: 14.76px;
    color: #121212;
    text-shadow: 1px 1px 0 #94fbff
}

.Follow_Up .as_newlistwrapper p strong {
    color: #00dfe8;
    display: block;
    margin-top: 20px
}

.Follow_Up .webwrapper {
    background-color: #04233c;
    padding: 7px 15px;
    border-radius: 80px;
    position: absolute;
    right: 20px;
    bottom: 20px;
    z-index: 1
}

.Follow_Up .webwrapper a {
    color: #fff;
    font-family: 'Helvetica';
    text-decoration: none
}

.Follow_Up .as_lstbg {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 85px;
    width: 375px;
    position: absolute;
    right: 0;
    bottom: 0
}

.Follow_Up .as_newimagewrapper {
    display: block;
    position: absolute;
    right: 15px;
    bottom: 3px
}

.Follow_Up .as_newlistwrapper {
    display: block;
    position: relative;
    z-index: 1
}

.Follow_Up .as_newsubcontainer {
    width: 625px
}

.Follow_Up .as_newlistwrapper i,
.Follow_Up .as_newlistwrapper em {
    font-family: 'Helvetica';
    font-size: 18px;
    color: #fff;
    font-style: normal;
    position: relative;
    padding-left: 25px;
    margin-left: 30px;
    margin-bottom: 15px;
    display: block
}

.Follow_Up .as_newlistwrapper i:after,
.Self_Discipline .as_newlistwrapper em:after {
    content: '';
    background-color: #fff;
    height: 13px;
    width: 13px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 5px
}

.Emotions_and_Optimism.as_newblockmainbg {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg1.png), url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg003.png), url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg4.png);
    background-repeat: no-repeat;
    background-position: right top, left bottom, center center;
    padding: 20px 45px 30px;
    position: relative;
    background-size: auto, 131px, cover;
    overflow: hidden
}

.Emotions_and_Optimism .as_newlogosubwraooer {
    background: #bdbdbd;
    background: linear-gradient(0deg, rgba(189, 189, 189, 1) 0%, rgba(255, 255, 255, 1) 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 80px;
    padding: 18px 35px;
    position: relative
}

.Emotions_and_Optimism .as_newlogosubwraooer::after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newshadow.png);
    height: 20px;
    width: 85%;
    background-size: 100% auto;
    background-position: center top;
    position: absolute;
    bottom: -20px;
    left: 50%;
    background-repeat: no-repeat;
    transform: translateX(-50%)
}

.Emotions_and_Optimism .as_newtitlewrapper {
    background: #bdbdbd;
    background: linear-gradient(0deg, rgba(189, 189, 189, 1) 0%, rgba(255, 255, 255, 1) 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 80px;
    padding: 7px 25px;
    width: fit-content;
    display: block;
    margin: 15px 0
}

.Emotions_and_Optimism .as_newtitlewrapper h2 {
    font-family: 'Helveticabold';
    font-size: 35px;
    line-height: 35px;
    background: #000;
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(90, 90, 90, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0
}

.Emotions_and_Optimism .as_newlogomainwraooer {
    background-color: red;
    padding: 10px 15px;
    border-radius: 80px;
    width: 330px
}

.Emotions_and_Optimism .as_newsubtitle {
    padding-left: 30px
}

.Emotions_and_Optimism .as_newsubtitle h3,
.Emotions_and_Optimism .as_newsubtitle h2 {
    font-family: 'Helveticabold';
    font-size: 18px;
    line-height: 22px;
    color: #fff;
    padding-bottom: 20px;
    position: relative;
    z-index: 1
}

.Emotions_and_Optimism .as_newsubtitle h3 i,
.Emotions_and_Optimism .as_newsubtitle h3 em {
    color: #00dfe8;
    font-style: normal
}

.Emotions_and_Optimism .as_newsubtitle h3 strong {
    color: #ffff38
}

.Emotions_and_Optimism .as_newsubtitle h2 {
    color: #00dfe8;
    padding-bottom: 20px;
    font-size: 22px;
    line-height: 24px;
    width: 80%
}

.Emotions_and_Optimism .as_newlistwrapper p {
    font-family: 'Helvetica';
    font-size: 18px;
    color: #fff;
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newicon1.png);
    background-repeat: no-repeat;
    background-position: left top 2px;
    padding-bottom: 15px;
    padding-left: 30px;
    width: 82%
}

.Emotions_and_Optimism .as_bluewrapper {
    z-index: 1;
    width: 480px;
    background: #00b5ed;
    background: linear-gradient(0deg, rgba(0, 181, 237, 1) 0%, rgba(0, 224, 232, 1) 100%);
    border-radius: 80px;
    padding: 10px 33px;
    position: relative
}

.Emotions_and_Optimism .as_bluewrapper::after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newshadow2.png);
    height: 50px;
    width: 91%;
    background-size: 100% auto;
    background-position: center top;
    position: absolute;
    bottom: -50px;
    left: 50%;
    background-repeat: no-repeat;
    transform: translateX(-50%)
}

.Emotions_and_Optimism .as_bluewrapper p {
    font-family: 'HelveticaRegular';
    font-size: 14.76px;
    color: #121212;
    text-shadow: 1px 1px 0 #94fbff
}

.Emotions_and_Optimism .as_newlistwrapper p strong {
    color: #00dfe8;
    display: block;
    margin-top: 20px
}

.Emotions_and_Optimism .webwrapper {
    background-color: #04233c;
    padding: 7px 15px;
    border-radius: 80px;
    position: absolute;
    right: 20px;
    bottom: 20px;
    z-index: 1
}

.Emotions_and_Optimism .webwrapper a {
    color: #fff;
    font-family: 'Helvetica';
    text-decoration: none
}

.Emotions_and_Optimism .as_lstbg {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 85px;
    width: 375px;
    position: absolute;
    right: 0;
    bottom: 0
}

.Emotions_and_Optimism .as_newimagewrapper {
    display: block;
    position: absolute;
    right: 15px;
    bottom: 3px
}

.Emotions_and_Optimism .as_newlistwrapper {
    display: block;
    position: relative;
    z-index: 1
}

.Emotions_and_Optimism .as_newsubcontainer {
    width: 625px
}

.Emotions_and_Optimism .as_newlistwrapper i,
.Emotions_and_Optimism .as_newlistwrapper em {
    font-family: 'Helvetica';
    font-size: 18px;
    color: #fff;
    font-style: normal;
    position: relative;
    padding-left: 25px;
    margin-left: 30px;
    margin-bottom: 15px;
    display: block
}

.Emotions_and_Optimism .as_newlistwrapper i:after,
.Self_Discipline .as_newlistwrapper em:after {
    content: '';
    background-color: #fff;
    height: 13px;
    width: 13px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 5px
}

.The_30_Day_Rule.as_newblockmainbg {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg1.png), url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg003.png), url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg4.png);
    background-repeat: no-repeat;
    background-position: right top, left bottom, center center;
    padding: 20px 45px 40px;
    position: relative;
    background-size: auto, 131px, cover;
    overflow: hidden
}

.The_30_Day_Rule .as_newlogosubwraooer {
    background: #bdbdbd;
    background: linear-gradient(0deg, rgba(189, 189, 189, 1) 0%, rgba(255, 255, 255, 1) 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 80px;
    padding: 18px 35px;
    position: relative
}

.The_30_Day_Rule .as_newlogosubwraooer::after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newshadow.png);
    height: 20px;
    width: 85%;
    background-size: 100% auto;
    background-position: center top;
    position: absolute;
    bottom: -20px;
    left: 50%;
    background-repeat: no-repeat;
    transform: translateX(-50%)
}

.The_30_Day_Rule .as_newtitlewrapper {
    background: #bdbdbd;
    background: linear-gradient(0deg, rgba(189, 189, 189, 1) 0%, rgba(255, 255, 255, 1) 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 80px;
    padding: 7px 25px;
    width: fit-content;
    display: block;
    margin: 15px 0
}

.The_30_Day_Rule .as_newtitlewrapper h2 {
    font-family: 'Helveticabold';
    font-size: 35px;
    line-height: 35px;
    background: #000;
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(90, 90, 90, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0
}

.The_30_Day_Rule .as_newlogomainwraooer {
    background-color: red;
    padding: 10px 15px;
    border-radius: 80px;
    width: 330px
}

.The_30_Day_Rule .as_newsubtitle {
    padding-left: 30px
}

.The_30_Day_Rule .as_newsubtitle h3,
.The_30_Day_Rule .as_newsubtitle h2 {
    font-family: 'Helveticabold';
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    padding-bottom: 20px;
    position: relative;
    z-index: 1
}

.The_30_Day_Rule .as_newsubtitle h3 i,
.The_30_Day_Rule .as_newsubtitle h3 em {
    color: #00dfe8;
    font-style: normal
}

.The_30_Day_Rule .as_newsubtitle h3 strong {
    color: #ffff38
}

.The_30_Day_Rule .as_newsubtitle h2 {
    color: #00dfe8;
    font-size: 18px;
    line-height: 22px
}

.The_30_Day_Rule .as_newlistwrapper p {
    font-family: 'Helvetica';
    font-size: 17px;
    color: #fff;
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newicon1.png);
    background-repeat: no-repeat;
    background-position: left top 2px;
    padding-bottom: 20px;
    padding-left: 30px
}

.The_30_Day_Rule .as_bluewrapper {
    z-index: 1;
    width: 480px;
    background: #00b5ed;
    background: linear-gradient(0deg, rgba(0, 181, 237, 1) 0%, rgba(0, 224, 232, 1) 100%);
    border-radius: 80px;
    padding: 10px 33px;
    position: relative
}

.The_30_Day_Rule .as_bluewrapper::after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newshadow2.png);
    height: 50px;
    width: 91%;
    background-size: 100% auto;
    background-position: center top;
    position: absolute;
    bottom: -50px;
    left: 50%;
    background-repeat: no-repeat;
    transform: translateX(-50%)
}

.The_30_Day_Rule .as_bluewrapper p {
    font-family: 'HelveticaRegular';
    font-size: 14.76px;
    color: #121212;
    text-shadow: 1px 1px 0 #94fbff
}

.The_30_Day_Rule .as_newlistwrapper p strong {
    color: #00dfe8;
    display: block;
    margin-top: 20px
}

.The_30_Day_Rule .webwrapper {
    background-color: #04233c;
    padding: 7px 15px;
    border-radius: 80px;
    position: absolute;
    right: 20px;
    bottom: 20px;
    z-index: 1
}

.The_30_Day_Rule .webwrapper a {
    color: #fff;
    font-family: 'Helvetica';
    text-decoration: none
}

.The_30_Day_Rule .as_lstbg {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 85px;
    width: 375px;
    position: absolute;
    right: -40px;
    bottom: 0
}

.The_30_Day_Rule .as_newimagewrapper {
    display: block;
    position: absolute;
    right: 10px;
    bottom: -20px
}

.The_30_Day_Rule .as_newlistwrapper {
    display: block;
    position: relative;
    z-index: 1
}

.The_30_Day_Rule .as_newsubcontainer {
    width: 595px
}

.The_30_Day_Rule .as_newlistwrapper i,
.The_30_Day_Rule .as_newlistwrapper em {
    font-family: 'Helvetica';
    font-size: 16px;
    color: #fff;
    font-style: normal;
    position: relative;
    padding-left: 25px;
    margin-left: 30px;
    margin-bottom: 15px;
    display: block
}

.The_30_Day_Rule .as_newlistwrapper i:after,
.Self_Discipline .as_newlistwrapper em:after {
    content: '';
    background-color: #fff;
    height: 13px;
    width: 13px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 5px
}

.The_Law_of_Replacement.as_newblockmainbg {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg1.png), url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg003.png), url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg4.png);
    background-repeat: no-repeat;
    background-position: right top, left bottom, center center;
    padding: 20px 45px 40px;
    position: relative;
    background-size: auto, 131px, cover;
    overflow: hidden
}

.The_Law_of_Replacement .as_newlogosubwraooer {
    background: #bdbdbd;
    background: linear-gradient(0deg, rgba(189, 189, 189, 1) 0%, rgba(255, 255, 255, 1) 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 80px;
    padding: 18px 35px;
    position: relative
}

.The_Law_of_Replacement .as_newlogosubwraooer::after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newshadow.png);
    height: 20px;
    width: 85%;
    background-size: 100% auto;
    background-position: center top;
    position: absolute;
    bottom: -20px;
    left: 50%;
    background-repeat: no-repeat;
    transform: translateX(-50%)
}

.The_Law_of_Replacement .as_newtitlewrapper {
    background: #bdbdbd;
    background: linear-gradient(0deg, rgba(189, 189, 189, 1) 0%, rgba(255, 255, 255, 1) 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 80px;
    padding: 7px 25px;
    width: fit-content;
    display: block;
    margin: 15px 0
}

.The_Law_of_Replacement .as_newtitlewrapper h2 {
    font-family: 'Helveticabold';
    font-size: 35px;
    line-height: 35px;
    background: #000;
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(90, 90, 90, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0
}

.The_Law_of_Replacement .as_newlogomainwraooer {
    background-color: red;
    padding: 10px 15px;
    border-radius: 80px;
    width: 330px
}

.The_Law_of_Replacement .as_newsubtitle {
    padding-left: 30px
}

.The_Law_of_Replacement .as_newsubtitle h3,
.The_Law_of_Replacement .as_newsubtitle h2 {
    font-family: 'Helveticabold';
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    padding-bottom: 20px;
    position: relative;
    z-index: 1
}

.The_Law_of_Replacement .as_newsubtitle h3 i,
.The_Law_of_Replacement .as_newsubtitle h3 em {
    color: #00dfe8;
    font-style: normal
}

.The_Law_of_Replacement .as_newsubtitle h3 strong {
    color: #ffff38
}

.The_Law_of_Replacement .as_newsubtitle h2 {
    color: #00dfe8;
    font-size: 18px;
    line-height: 22px
}

.The_Law_of_Replacement .as_newlistwrapper p {
    font-family: 'Helvetica';
    font-size: 17px;
    color: #fff;
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newicon1.png);
    background-repeat: no-repeat;
    background-position: left top 2px;
    padding-bottom: 20px;
    padding-left: 30px
}

.The_Law_of_Replacement .as_bluewrapper {
    z-index: 1;
    width: 480px;
    background: #00b5ed;
    background: linear-gradient(0deg, rgba(0, 181, 237, 1) 0%, rgba(0, 224, 232, 1) 100%);
    border-radius: 80px;
    padding: 10px 33px;
    position: relative
}

.The_Law_of_Replacement .as_bluewrapper::after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newshadow2.png);
    height: 50px;
    width: 91%;
    background-size: 100% auto;
    background-position: center top;
    position: absolute;
    bottom: -50px;
    left: 50%;
    background-repeat: no-repeat;
    transform: translateX(-50%)
}

.The_Law_of_Replacement .as_bluewrapper p {
    font-family: 'HelveticaRegular';
    font-size: 14.76px;
    color: #121212;
    text-shadow: 1px 1px 0 #94fbff
}

.The_Law_of_Replacement .as_newlistwrapper p strong {
    color: #00dfe8;
    display: block;
    margin-top: 20px
}

.The_Law_of_Replacement .webwrapper {
    background-color: #04233c;
    padding: 7px 15px;
    border-radius: 80px;
    position: absolute;
    right: 20px;
    bottom: 20px;
    z-index: 1
}

.The_Law_of_Replacement .webwrapper a {
    color: #fff;
    font-family: 'Helvetica';
    text-decoration: none
}

.The_Law_of_Replacement .as_lstbg {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 85px;
    width: 375px;
    position: absolute;
    right: -40px;
    bottom: 0
}

.The_Law_of_Replacement .as_newimagewrapper {
    display: block;
    position: absolute;
    right: 10px;
    bottom: -20px
}

.The_Law_of_Replacement .as_newlistwrapper {
    display: block;
    position: relative;
    z-index: 1
}

.The_Law_of_Replacement .as_newsubcontainer {
    width: 535px
}

.The_Law_of_Replacement .as_newlistwrapper i,
.The_Law_of_Replacement .as_newlistwrapper em {
    font-family: 'Helvetica';
    font-size: 16px;
    color: #fff;
    font-style: normal;
    position: relative;
    padding-left: 25px;
    margin-left: 30px;
    margin-bottom: 15px;
    display: block
}

.The_Law_of_Replacement .as_newlistwrapper i:after,
.Self_Discipline .as_newlistwrapper em:after {
    content: '';
    background-color: #fff;
    height: 13px;
    width: 13px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 5px
}

.Delegate.as_newblockmainbg {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg1.png), url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg003.png), url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg4.png);
    background-repeat: no-repeat;
    background-position: right top, left bottom, center center;
    padding: 20px 45px;
    position: relative;
    background-size: auto, 131px, cover;
    overflow: hidden
}

.Delegate .as_newlogosubwraooer {
    background: #bdbdbd;
    background: linear-gradient(0deg, rgba(189, 189, 189, 1) 0%, rgba(255, 255, 255, 1) 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 80px;
    padding: 18px 35px;
    position: relative
}

.Delegate .as_newlogosubwraooer::after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newshadow.png);
    height: 20px;
    width: 85%;
    background-size: 100% auto;
    background-position: center top;
    position: absolute;
    bottom: -20px;
    left: 50%;
    background-repeat: no-repeat;
    transform: translateX(-50%)
}

.Delegate .as_newtitlewrapper {
    background: #bdbdbd;
    background: linear-gradient(0deg, rgba(189, 189, 189, 1) 0%, rgba(255, 255, 255, 1) 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 80px;
    padding: 7px 25px;
    width: fit-content;
    display: block;
    margin: 15px 0
}

.Delegate .as_newtitlewrapper h2 {
    font-family: 'Helveticabold';
    font-size: 35px;
    line-height: 37px;
    background: #000;
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(90, 90, 90, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0
}

.Delegate .as_newlogomainwraooer {
    background-color: red;
    padding: 10px 15px;
    border-radius: 80px;
    width: 330px
}

.Delegate .as_newsubtitle {
    padding-left: 30px
}

.Delegate .as_newsubtitle h3,
.Delegate .as_newsubtitle h2 {
    font-family: 'Helveticabold';
    font-size: 20px;
    line-height: 22px;
    color: #fff;
    padding-bottom: 15px;
    position: relative;
    z-index: 1
}

.Delegate .as_newsubtitle h3 i,
.Delegate .as_newsubtitle h3 em {
    color: #00dfe8;
    font-style: normal
}

.Delegate .as_newsubtitle h3 strong {
    color: #ffff38
}

.Delegate .as_newsubtitle h2 {
    color: #00dfe8;
    font-size: 20px;
    line-height: 22px
}

.Delegate .as_newlistwrapper p {
    font-family: 'Helvetica';
    font-size: 18px;
    color: #fff;
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newicon1.png);
    background-repeat: no-repeat;
    background-position: left top 2px;
    padding-bottom: 15px;
    padding-left: 30px
}

.Delegate .as_newlistwrapper p:nth-child(3) {
    width: 80%
}

.Delegate .as_bluewrapper {
    z-index: 1;
    width: 480px;
    background: #00b5ed;
    background: linear-gradient(0deg, rgba(0, 181, 237, 1) 0%, rgba(0, 224, 232, 1) 100%);
    border-radius: 80px;
    padding: 10px 33px;
    position: relative
}

.Delegate .as_bluewrapper::after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newshadow2.png);
    height: 50px;
    width: 91%;
    background-size: 100% auto;
    background-position: center top;
    position: absolute;
    bottom: -50px;
    left: 50%;
    background-repeat: no-repeat;
    transform: translateX(-50%)
}

.Delegate .as_bluewrapper p {
    font-family: 'HelveticaRegular';
    font-size: 14.76px;
    color: #121212;
    text-shadow: 1px 1px 0 #94fbff
}

.Delegate .as_newlistwrapper p strong {
    color: #00dfe8;
    display: block;
    margin-top: 20px
}

.Delegate .as_newsubtitle.as_newsubtitle2 h2 {
    width: 92%
}

.Delegate .webwrapper {
    background-color: #04233c;
    padding: 7px 15px;
    border-radius: 80px;
    position: absolute;
    right: 20px;
    bottom: 20px;
    z-index: 1
}

.Delegate .webwrapper a {
    color: #fff;
    font-family: 'Helvetica';
    text-decoration: none
}

.Delegate .as_lstbg {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg02.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 180px;
    width: 362px;
    position: absolute;
    right: -40px;
    bottom: 0
}

.Delegate .as_newimagewrapper {
    display: block;
    position: absolute;
    right: -12px;
    bottom: -10px
}

.Delegate .as_newlistwrapper {
    display: block;
    position: relative;
    z-index: 1
}

.Delegate .as_newsubcontainer {
    width: 610px
}

.Delegate .as_newlistwrapper i,
.Delegate .as_newlistwrapper em {
    font-family: 'Helvetica';
    font-size: 20px;
    color: #ffffff;
    font-style: normal;
    position: relative;
    padding-left: 25px;
    margin-left: 30px;
    margin-bottom: 15px;
    display: block
}

.Delegate .as_newlistwrapper i:after,
.Self_Discipline .as_newlistwrapper em:after {
    content: '';
    background-color: #fff;
    height: 13px;
    width: 13px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 5px
}

.Networking.as_newblockmainbg {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg1.png), url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg003.png), url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg4.png);
    background-repeat: no-repeat;
    background-position: right top, left bottom, center center;
    padding: 20px 45px 20px 45px;
    position: relative;
    background-size: auto, 87px, cover;
    overflow: hidden
}

.Networking .as_newlogosubwraooer {
    background: rgb(189, 189, 189);
    background: linear-gradient(0deg, rgba(189, 189, 189, 1) 0%, rgba(255, 255, 255, 1) 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 80px;
    padding: 18px 35px;
    position: relative
}

.Networking .as_newlogosubwraooer::after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newshadow.png);
    height: 20px;
    width: 85%;
    background-size: 100% auto;
    background-position: center top;
    position: absolute;
    bottom: -20px;
    left: 50%;
    background-repeat: no-repeat;
    transform: translateX(-50%)
}

.Networking .as_newtitlewrapper {
    background: rgb(189, 189, 189);
    background: linear-gradient(0deg, rgba(189, 189, 189, 1) 0%, rgba(255, 255, 255, 1) 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 80px;
    padding: 7px 25px;
    width: fit-content;
    display: block;
    margin: 15px 0
}

.Networking .as_newtitlewrapper h2 {
    font-family: 'Helveticabold';
    font-size: 35px;
    line-height: 37px;
    background: rgb(0, 0, 0);
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(90, 90, 90, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0
}

.Networking .as_newlogomainwraooer {
    background-color: red;
    padding: 10px 15px;
    border-radius: 80px;
    width: 330px
}

.Networking .as_newsubtitle {
    padding-left: 30px
}

.Networking .as_newsubtitle h3,
.Networking .as_newsubtitle h2 {
    font-family: 'Helveticabold';
    font-size: 20px;
    line-height: 22px;
    color: #fff;
    padding-bottom: 15px;
    position: relative;
    z-index: 1
}

.Networking .as_newsubtitle h3 i,
.Networking .as_newsubtitle h3 em {
    color: #00dfe8;
    font-style: normal
}

.Networking .as_newsubtitle h3 strong {
    color: #ffff38
}

.Networking .as_newsubtitle h2 {
    color: #00dfe8;
    font-size: 20px;
    line-height: 22px
}

.Networking .as_newlistwrapper p {
    font-family: 'Helvetica';
    font-size: 17px;
    color: #fff;
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newicon1.png);
    background-repeat: no-repeat;
    background-position: left top 2px;
    padding-bottom: 10px;
    padding-left: 30px
}

.Networking .as_bluewrapper {
    z-index: 1;
    width: 480px;
    background: #00b5ed;
    background: linear-gradient(0deg, rgba(0, 181, 237, 1) 0%, rgba(0, 224, 232, 1) 100%);
    border-radius: 80px;
    padding: 10px 33px;
    position: relative
}

.Networking .as_bluewrapper::after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newshadow2.png);
    height: 50px;
    width: 91%;
    background-size: 100% auto;
    background-position: center top;
    position: absolute;
    bottom: -50px;
    left: 50%;
    background-repeat: no-repeat;
    transform: translateX(-50%)
}

.Networking .as_bluewrapper p {
    font-family: 'HelveticaRegular';
    font-size: 14.76px;
    color: #121212;
    text-shadow: 1px 1px 0 #94fbff
}

.Networking .as_newlistwrapper p strong {
    color: #00dfe8;
    display: block;
    margin-top: 20px
}

.Networking .as_newsubtitle.as_newsubtitle2 h2 {
    width: 92%
}

.Networking .webwrapper {
    background-color: #04233c;
    padding: 7px 15px;
    border-radius: 80px;
    position: absolute;
    right: 20px;
    bottom: 20px;
    z-index: 1
}

.Networking .webwrapper a {
    color: #fff;
    font-family: 'Helvetica';
    text-decoration: none
}

.Networking .as_lstbg {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg02.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 134px;
    width: 362px;
    position: absolute;
    right: -40px;
    bottom: 0
}

.Networking .as_newimagewrapper {
    display: block;
    position: absolute;
    right: 20px;
    bottom: -10px
}

.Networking .as_newlistwrapper {
    display: block;
    position: relative;
    z-index: 1
}

.Networking .as_newsubcontainer {
    width: 610px
}

.Networking .as_newlistwrapper i,
.Networking .as_newlistwrapper em {
    font-family: 'Helvetica';
    font-size: 17px;
    color: #fff;
    font-style: normal;
    position: relative;
    padding-left: 25px;
    margin-left: 30px;
    margin-bottom: 10px;
    display: block
}

.Networking .as_newlistwrapper i:after,
.Self_Discipline .as_newlistwrapper em:after {
    content: '';
    background-color: #fff;
    height: 13px;
    width: 13px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 5px
}

.Message_Delivery.as_newblockmainbg {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg1.png), url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg003.png), url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg4.png);
    background-repeat: no-repeat;
    background-position: right top, left bottom, center center;
    padding: 20px 45px 5px;
    position: relative;
    background-size: auto, 87px, cover;
    overflow: hidden
}

.Message_Delivery .as_newlogosubwraooer {
    background: #bdbdbd;
    background: linear-gradient(0deg, rgba(189, 189, 189, 1) 0%, rgba(255, 255, 255, 1) 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 80px;
    padding: 18px 35px;
    position: relative
}

.Message_Delivery .as_newlogosubwraooer::after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newshadow.png);
    height: 20px;
    width: 85%;
    background-size: 100% auto;
    background-position: center top;
    position: absolute;
    bottom: -20px;
    left: 50%;
    background-repeat: no-repeat;
    transform: translateX(-50%)
}

.Message_Delivery .as_newtitlewrapper {
    background: #bdbdbd;
    background: linear-gradient(0deg, rgba(189, 189, 189, 1) 0%, rgba(255, 255, 255, 1) 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 80px;
    padding: 7px 25px;
    width: fit-content;
    display: block;
    margin: 15px 0
}

.Message_Delivery .as_newtitlewrapper h2 {
    font-family: 'Helveticabold';
    font-size: 35px;
    line-height: 37px;
    background: #000;
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(90, 90, 90, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0
}

.Message_Delivery .as_newlogomainwraooer {
    background-color: red;
    padding: 10px 15px;
    border-radius: 80px;
    width: 330px
}

.Message_Delivery .as_newsubtitle {
    padding-left: 30px
}

.Message_Delivery .as_newsubtitle h3,
.Message_Delivery .as_newsubtitle h2 {
    font-family: 'Helveticabold';
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    padding-bottom: 15px;
    position: relative;
    z-index: 1
}

.Message_Delivery .as_newsubtitle h3 i,
.Message_Delivery .as_newsubtitle h3 em {
    color: #00dfe8;
    font-style: normal
}

.Message_Delivery .as_newsubtitle h3 strong {
    color: #ffff38
}

.Message_Delivery .as_newsubtitle h2 {
    color: #00dfe8;
    font-size: 20px;
    line-height: 22px
}

.Message_Delivery .as_newlistwrapper p {
    font-family: 'Helvetica';
    font-size: 16px;
    color: #fff;
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newicon1.png);
    background-repeat: no-repeat;
    background-position: left top 2px;
    padding-bottom: 15px;
    padding-left: 30px
}

.Message_Delivery .as_bluewrapper {
    z-index: 1;
    width: 480px;
    background: rgb(0, 181, 237);
    background: linear-gradient(0deg, rgba(0, 181, 237, 1) 0%, rgba(0, 224, 232, 1) 100%);
    border-radius: 80px;
    padding: 10px 33px;
    position: relative
}

.Message_Delivery .as_bluewrapper::after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newshadow2.png);
    height: 50px;
    width: 91%;
    background-size: 100% auto;
    background-position: center top;
    position: absolute;
    bottom: -50px;
    left: 50%;
    background-repeat: no-repeat;
    transform: translateX(-50%)
}

.Message_Delivery .as_bluewrapper p {
    font-family: 'HelveticaRegular';
    font-size: 14.76px;
    color: #121212;
    text-shadow: 1px 1px 0 #94fbff
}

.Message_Delivery .as_newlistwrapper p strong {
    color: #00dfe8;
    display: block;
    margin-top: 20px
}

.Message_Delivery .as_newsubtitle.as_newsubtitle2 h2 {
    width: 92%
}

.Message_Delivery .webwrapper {
    background-color: #04233c;
    padding: 7px 15px;
    border-radius: 80px;
    position: absolute;
    right: 20px;
    bottom: 20px;
    z-index: 1
}

.Message_Delivery .webwrapper a {
    color: #fff;
    font-family: 'Helvetica';
    text-decoration: none
}

.Message_Delivery .as_lstbg {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg02.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 134px;
    width: 362px;
    position: absolute;
    right: -40px;
    bottom: 0
}

.Message_Delivery .as_newimagewrapper {
    display: block;
    position: absolute;
    right: 10px;
    bottom: 50px
}

.Message_Delivery .as_newlistwrapper {
    display: block;
    position: relative;
    z-index: 1
}

.Message_Delivery .as_newsubcontainer {
    width: 610px
}

.Message_Delivery .as_newlistwrapper i,
.Message_Delivery .as_newlistwrapper em {
    font-family: 'Helvetica';
    font-size: 16px;
    color: #fff;
    font-style: normal;
    position: relative;
    padding-left: 25px;
    margin-left: 30px;
    margin-bottom: 15px;
    display: block
}

.Message_Delivery .as_newlistwrapper i:after,
.Self_Discipline .as_newlistwrapper em:after {
    content: '';
    background-color: #fff;
    height: 13px;
    width: 13px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 5px
}

.Closing.as_newblockmainbg {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg1.png), url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg003.png), url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg4.png);
    background-repeat: no-repeat;
    background-position: right top, left bottom, center center;
    padding: 20px 45px 15px 45px;
    position: relative;
    background-size: auto, 87px, cover;
    overflow: hidden
}

.Closing .as_newlogosubwraooer {
    background: rgb(189, 189, 189);
    background: linear-gradient(0deg, rgba(189, 189, 189, 1) 0%, rgba(255, 255, 255, 1) 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 80px;
    padding: 18px 35px;
    position: relative
}

.Closing .as_newlogosubwraooer::after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newshadow.png);
    height: 20px;
    width: 85%;
    background-size: 100% auto;
    background-position: center top;
    position: absolute;
    bottom: -20px;
    left: 50%;
    background-repeat: no-repeat;
    transform: translateX(-50%)
}

.Closing .as_newtitlewrapper {
    background: rgb(189, 189, 189);
    background: linear-gradient(0deg, rgba(189, 189, 189, 1) 0%, rgba(255, 255, 255, 1) 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 80px;
    padding: 7px 25px;
    width: fit-content;
    display: block;
    margin: 15px 0
}

.Closing .as_newtitlewrapper h2 {
    font-family: 'Helveticabold';
    font-size: 35px;
    line-height: 37px;
    background: rgb(0, 0, 0);
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(90, 90, 90, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0
}

.Closing .as_newlogomainwraooer {
    background-color: rgb(255 255 255 / 25%);
    padding: 10px 15px;
    border-radius: 80px;
    width: 330px
}

.Closing .as_newsubtitle {
    padding-left: 10px
}

.Closing .as_newsubtitle h3,
.Closing .as_newsubtitle h2 {
    font-family: 'Helveticabold';
    font-size: 17px;
    line-height: 22px;
    color: #ffffff;
    padding-bottom: 15px;
    position: relative;
    z-index: 1
}

.Closing .as_newsubtitle h3 i,
.Closing .as_newsubtitle h3 em {
    color: #00dfe8;
    font-style: normal
}

.Closing .as_newsubtitle h3 strong {
    color: #ffff38
}

.Closing .as_newsubtitle h2 {
    color: #00dfe8;
    font-size: 18px;
    line-height: 20px
}

.Closing .as_newsubtitle.as_newsubtitle2 h2 {
    width: 83%
}

.Closing .as_newlistwrapper p {
    font-family: 'Helvetica';
    font-size: 16px;
    color: #ffffff;
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newicon1.png);
    background-repeat: no-repeat;
    background-position: left top 2px;
    padding-bottom: 10px;
    padding-left: 30px
}

.Closing .as_bluewrapper {
    z-index: 1;
    width: 480px;
    background: rgb(0, 181, 237);
    background: linear-gradient(0deg, rgba(0, 181, 237, 1) 0%, rgba(0, 224, 232, 1) 100%);
    border-radius: 80px;
    padding: 10px 33px;
    position: relative
}

.Closing .as_bluewrapper::after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newshadow2.png);
    height: 50px;
    width: 91%;
    background-size: 100% auto;
    background-position: center top;
    position: absolute;
    bottom: -50px;
    left: 50%;
    background-repeat: no-repeat;
    transform: translateX(-50%)
}

.Closing .as_bluewrapper p {
    font-family: 'HelveticaRegular';
    font-size: 14.76px;
    color: #121212;
    text-shadow: 1px 1px 0 #94fbff
}

.Closing .as_newlistwrapper p strong {
    color: #00dfe8;
    display: block;
    margin-top: 20px
}

.Closing .webwrapper {
    background-color: #04233c;
    padding: 7px 15px;
    border-radius: 80px;
    position: absolute;
    right: 20px;
    bottom: 20px;
    z-index: 1
}

.Closing .webwrapper a {
    color: #ffffff;
    font-family: 'Helvetica';
    text-decoration: none
}

.Closing .as_lstbg {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg02.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 134px;
    width: 362px;
    position: absolute;
    right: -40px;
    bottom: 0
}

.Closing .as_newimagewrapper {
    display: block;
    position: absolute;
    right: -50px;
    bottom: 58px
}

.Closing .as_newlistwrapper {
    display: block;
    position: relative;
    z-index: 1
}

.Closing .as_newsubcontainer {
    width: 625px
}

.Closing .as_newlistwrapper i,
.Closing .as_newlistwrapper em {
    font-family: 'Helvetica';
    font-size: 16px;
    color: #ffffff;
    font-style: normal;
    position: relative;
    padding-left: 25px;
    margin-left: 30px;
    margin-bottom: 10px;
    display: block
}

.Closing .as_newlistwrapper i:after,
.Self_Discipline .as_newlistwrapper em:after {
    content: '';
    background-color: #fff;
    height: 13px;
    width: 13px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 5px
}

.Closing2.as_newblockmainbg {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg1.png), url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg003.png), url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg4.png);
    background-repeat: no-repeat;
    background-position: right top, left bottom, center center;
    padding: 20px 45px 15px 45px;
    position: relative;
    background-size: auto, 87px, cover;
    overflow: hidden
}

.Closing2 .as_newlogosubwraooer {
    background: rgb(189, 189, 189);
    background: linear-gradient(0deg, rgba(189, 189, 189, 1) 0%, rgba(255, 255, 255, 1) 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 80px;
    padding: 18px 35px;
    position: relative
}

.Closing2 .as_newlogosubwraooer::after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newshadow.png);
    height: 20px;
    width: 85%;
    background-size: 100% auto;
    background-position: center top;
    position: absolute;
    bottom: -20px;
    left: 50%;
    background-repeat: no-repeat;
    transform: translateX(-50%)
}

.Closing2 .as_newtitlewrapper {
    background: rgb(189, 189, 189);
    background: linear-gradient(0deg, rgba(189, 189, 189, 1) 0%, rgba(255, 255, 255, 1) 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 80px;
    padding: 7px 25px;
    width: fit-content;
    display: block;
    margin: 15px 0
}

.Closing2 .as_newtitlewrapper h2 {
    font-family: 'Helveticabold';
    font-size: 35px;
    line-height: 37px;
    background: rgb(0, 0, 0);
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(90, 90, 90, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0
}

.Closing2 .as_newlogomainwraooer {
    background-color: rgb(255 255 255 / 25%);
    padding: 10px 15px;
    border-radius: 80px;
    width: 330px
}

.Closing2 .as_newsubtitle {
    padding-left: 0
}

.Closing2 .as_newsubtitle.as_newsubtitle2 {
    padding-left: 30px
}

.Closing2 .as_newsubtitle h3,
.Closing2 .as_newsubtitle h2 {
    font-family: 'Helveticabold';
    font-size: 21px;
    line-height: 24px;
    color: #ffffff;
    padding-bottom: 30px;
    position: relative;
    z-index: 1
}

.Closing2 .as_newsubtitle h3 i,
.Closing2 .as_newsubtitle h3 em {
    color: #00dfe8;
    font-style: normal
}

.Closing2 .as_newsubtitle h3 strong {
    color: #ffff38
}

.Closing2 .as_newsubtitle h2 {
    color: #00dfe8;
    font-size: 18px;
    line-height: 20px
}

.Closing2 .as_newlistwrapper p {
    font-family: 'Helvetica';
    font-size: 18px;
    color: #ffffff;
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newicon1.png);
    background-repeat: no-repeat;
    background-position: left top 2px;
    padding-bottom: 25px;
    padding-left: 30px
}

.Closing2 .as_bluewrapper {
    z-index: 1;
    width: 480px;
    background: rgb(0, 181, 237);
    background: linear-gradient(0deg, rgba(0, 181, 237, 1) 0%, rgba(0, 224, 232, 1) 100%);
    border-radius: 80px;
    padding: 10px 33px;
    position: relative
}

.Closing2 .as_bluewrapper::after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newshadow2.png);
    height: 50px;
    width: 91%;
    background-size: 100% auto;
    background-position: center top;
    position: absolute;
    bottom: -50px;
    left: 50%;
    background-repeat: no-repeat;
    transform: translateX(-50%)
}

.Closing2 .as_bluewrapper p {
    font-family: 'HelveticaRegular';
    font-size: 14.76px;
    color: #121212;
    text-shadow: 1px 1px 0 #94fbff
}

.Closing2 .as_newlistwrapper p strong {
    color: #00dfe8;
    display: block;
    margin-top: 20px
}

.Closing2 .webwrapper {
    background-color: #04233c;
    padding: 7px 15px;
    border-radius: 80px;
    position: absolute;
    right: 20px;
    bottom: 20px;
    z-index: 1
}

.Closing2 .webwrapper a {
    color: #ffffff;
    font-family: 'Helvetica';
    text-decoration: none
}

.Closing2 .as_lstbg {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg02.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 134px;
    width: 362px;
    position: absolute;
    right: -40px;
    bottom: 0
}

.Closing2 .as_newimagewrapper {
    display: block;
    position: absolute;
    right: 35px;
    bottom: 48px
}

.Closing2 .as_newlistwrapper {
    display: block;
    position: relative;
    z-index: 1
}

.Closing2 .as_newsubcontainer {
    width: 582px
}

.Closing2 .as_newlistwrapper i,
.Closing2 .as_newlistwrapper em {
    font-family: 'Helvetica';
    font-size: 16px;
    color: #ffffff;
    font-style: normal;
    position: relative;
    padding-left: 25px;
    margin-left: 30px;
    margin-bottom: 10px;
    display: block
}

.Closing2 .as_newlistwrapper i:after,
.Self_Discipline .as_newlistwrapper em:after {
    content: '';
    background-color: #fff;
    height: 13px;
    width: 13px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 5px
}

.Rebuttals.as_newblockmainbg {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg1.png), url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg003.png), url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg4.png);
    background-repeat: no-repeat;
    background-position: right top, left bottom, center center;
    padding: 20px 45px 15px 45px;
    position: relative;
    background-size: auto, 87px, cover;
    overflow: hidden
}

.Rebuttals .as_newlogosubwraooer {
    background: rgb(189, 189, 189);
    background: linear-gradient(0deg, rgba(189, 189, 189, 1) 0%, rgba(255, 255, 255, 1) 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 80px;
    padding: 18px 35px;
    position: relative
}

.Rebuttals .as_newlogosubwraooer::after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newshadow.png);
    height: 20px;
    width: 85%;
    background-size: 100% auto;
    background-position: center top;
    position: absolute;
    bottom: -20px;
    left: 50%;
    background-repeat: no-repeat;
    transform: translateX(-50%)
}

.Rebuttals .as_newtitlewrapper {
    background: rgb(189, 189, 189);
    background: linear-gradient(0deg, rgba(189, 189, 189, 1) 0%, rgba(255, 255, 255, 1) 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 80px;
    padding: 7px 25px;
    width: fit-content;
    display: block;
    margin: 15px 0
}

.Rebuttals .as_newtitlewrapper h2 {
    font-family: 'Helveticabold';
    font-size: 35px;
    line-height: 37px;
    background: rgb(0, 0, 0);
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(90, 90, 90, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0
}

.Rebuttals .as_newlogomainwraooer {
    background-color: rgb(255 255 255 / 25%);
    padding: 10px 15px;
    border-radius: 80px;
    width: 330px
}

.Rebuttals .as_newsubtitle {
    padding-left: 0
}

.Rebuttals .as_newsubtitle.as_newsubtitle2 {
    padding-left: 30px
}

.Rebuttals .as_newsubtitle h3,
.Rebuttals .as_newsubtitle h2 {
    font-family: 'Helveticabold';
    font-size: 19px;
    line-height: 24px;
    color: #ffffff;
    padding-bottom: 15px;
    position: relative;
    z-index: 1
}

.Rebuttals .as_newsubtitle h3 i,
.Rebuttals .as_newsubtitle h3 em {
    color: #00dfe8;
    font-style: normal
}

.Rebuttals .as_newsubtitle h3 strong {
    color: #ffff38
}

.Rebuttals .as_newsubtitle h2 {
    color: #00dfe8;
    font-size: 18px;
    line-height: 20px
}

.Rebuttals .as_newlistwrapper p {
    font-family: 'Helvetica';
    font-size: 18px;
    color: #ffffff;
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newicon1.png);
    background-repeat: no-repeat;
    background-position: left top 2px;
    padding-bottom: 15px;
    padding-left: 30px
}

.Rebuttals .as_bluewrapper {
    z-index: 1;
    width: 480px;
    background: rgb(0, 181, 237);
    background: linear-gradient(0deg, rgba(0, 181, 237, 1) 0%, rgba(0, 224, 232, 1) 100%);
    border-radius: 80px;
    padding: 10px 33px;
    position: relative
}

.Rebuttals .as_bluewrapper::after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newshadow2.png);
    height: 50px;
    width: 91%;
    background-size: 100% auto;
    background-position: center top;
    position: absolute;
    bottom: -50px;
    left: 50%;
    background-repeat: no-repeat;
    transform: translateX(-50%)
}

.Rebuttals .as_bluewrapper p {
    font-family: 'HelveticaRegular';
    font-size: 14.76px;
    color: #121212;
    text-shadow: 1px 1px 0 #94fbff
}

.Rebuttals .as_newlistwrapper p strong {
    color: #00dfe8;
    display: block;
    margin-top: 20px
}

.Rebuttals .webwrapper {
    background-color: #04233c;
    padding: 7px 15px;
    border-radius: 80px;
    position: absolute;
    right: 20px;
    bottom: 20px;
    z-index: 1
}

.Rebuttals .webwrapper a {
    color: #ffffff;
    font-family: 'Helvetica';
    text-decoration: none
}

.Rebuttals .as_lstbg {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg02.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 134px;
    width: 362px;
    position: absolute;
    right: -40px;
    bottom: 0
}

.Rebuttals .as_newimagewrapper {
    display: block;
    position: absolute;
    right: -20px;
    bottom: -35px
}

.Rebuttals .as_newlistwrapper {
    display: block;
    position: relative;
    z-index: 1
}

.Rebuttals .as_newsubcontainer {
    width: 605px
}

.Rebuttals .as_newlistwrapper i,
.Rebuttals .as_newlistwrapper em {
    font-family: 'Helvetica';
    font-size: 18px;
    color: #ffffff;
    font-style: normal;
    position: relative;
    padding-left: 25px;
    margin-left: 30px;
    margin-bottom: 10px;
    display: block
}

.Rebuttals .as_newlistwrapper i:after,
.Self_Discipline .as_newlistwrapper em:after {
    content: '';
    background-color: #fff;
    height: 13px;
    width: 13px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 5px
}

.Trigger_Events.as_newblockmainbg {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg1.png), url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg003.png), url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg4.png);
    background-repeat: no-repeat;
    background-position: right top, left bottom, center center;
    padding: 20px 45px 15px 45px;
    position: relative;
    background-size: auto, 87px, cover;
    overflow: hidden
}

.Trigger_Events .as_newlogosubwraooer {
    background: rgb(189, 189, 189);
    background: linear-gradient(0deg, rgba(189, 189, 189, 1) 0%, rgba(255, 255, 255, 1) 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 80px;
    padding: 18px 35px;
    position: relative
}

.Trigger_Events .as_newlogosubwraooer::after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newshadow.png);
    height: 20px;
    width: 85%;
    background-size: 100% auto;
    background-position: center top;
    position: absolute;
    bottom: -20px;
    left: 50%;
    background-repeat: no-repeat;
    transform: translateX(-50%)
}

.Trigger_Events .as_newtitlewrapper {
    background: rgb(189, 189, 189);
    background: linear-gradient(0deg, rgba(189, 189, 189, 1) 0%, rgba(255, 255, 255, 1) 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 80px;
    padding: 7px 25px;
    width: fit-content;
    display: block;
    margin: 15px 0
}

.Trigger_Events .as_newtitlewrapper h2 {
    font-family: 'Helveticabold';
    font-size: 35px;
    line-height: 37px;
    background: rgb(0, 0, 0);
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(90, 90, 90, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0
}

.Trigger_Events .as_newlogomainwraooer {
    background-color: rgb(255 255 255 / 25%);
    padding: 10px 15px;
    border-radius: 80px;
    width: 330px
}

.Trigger_Events .as_newsubtitle {
    padding-left: 0
}

.Trigger_Events .as_newsubtitle.as_newsubtitle2 {
    padding-left: 30px
}

.Trigger_Events .as_newsubtitle h3,
.Trigger_Events .as_newsubtitle h2 {
    font-family: 'Helveticabold';
    font-size: 19px;
    line-height: 24px;
    color: #ffffff;
    padding-bottom: 15px;
    position: relative;
    z-index: 1
}

.Trigger_Events .as_newsubtitle h3 i,
.Trigger_Events .as_newsubtitle h3 em {
    color: #00dfe8;
    font-style: normal
}

.Trigger_Events .as_newsubtitle h3 strong {
    color: #ffff38
}

.Trigger_Events .as_newsubtitle h2 {
    color: #00dfe8;
    font-size: 19px;
    line-height: 22px
}

.Trigger_Events .as_newlistwrapper p {
    font-family: 'Helvetica';
    font-size: 17px;
    color: #ffffff;
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newicon1.png);
    background-repeat: no-repeat;
    background-position: left top 2px;
    padding-bottom: 15px;
    padding-left: 30px
}

.Trigger_Events .as_bluewrapper {
    z-index: 1;
    width: 480px;
    background: rgb(0, 181, 237);
    background: linear-gradient(0deg, rgba(0, 181, 237, 1) 0%, rgba(0, 224, 232, 1) 100%);
    border-radius: 80px;
    padding: 10px 33px;
    position: relative
}

.Trigger_Events .as_bluewrapper::after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newshadow2.png);
    height: 50px;
    width: 91%;
    background-size: 100% auto;
    background-position: center top;
    position: absolute;
    bottom: -50px;
    left: 50%;
    background-repeat: no-repeat;
    transform: translateX(-50%)
}

.Trigger_Events .as_bluewrapper p {
    font-family: 'HelveticaRegular';
    font-size: 14.76px;
    color: #121212;
    text-shadow: 1px 1px 0 #94fbff
}

.Trigger_Events .as_newlistwrapper p strong {
    color: #00dfe8;
    display: block;
    margin-top: 20px
}

.Trigger_Events .webwrapper {
    background-color: #04233c;
    padding: 7px 15px;
    border-radius: 80px;
    position: absolute;
    right: 20px;
    bottom: 20px;
    z-index: 1
}

.Trigger_Events .webwrapper a {
    color: #ffffff;
    font-family: 'Helvetica';
    text-decoration: none
}

.Trigger_Events .as_lstbg {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg02.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 134px;
    width: 362px;
    position: absolute;
    right: -40px;
    bottom: 0
}

.Trigger_Events .as_newimagewrapper {
    display: block;
    position: absolute;
    right: 10px;
    bottom: 35px
}

.Trigger_Events .as_newlistwrapper {
    display: block;
    position: relative;
    z-index: 1
}

.Trigger_Events .as_newsubcontainer {
    width: 679px
}

.Trigger_Events .as_newlistwrapper i,
.Trigger_Events .as_newlistwrapper em {
    font-family: 'Helvetica';
    font-size: 17px;
    color: #ffffff;
    font-style: normal;
    position: relative;
    padding-left: 25px;
    margin-left: 30px;
    margin-bottom: 15px;
    display: block
}

.Trigger_Events .as_newlistwrapper i:after,
.Self_Discipline .as_newlistwrapper em:after {
    content: '';
    background-color: #fff;
    height: 13px;
    width: 13px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 5px
}

.Self_Discipline .as_newlistwrapper em:after {
    content: '';
    background-color: #fff;
    height: 13px;
    width: 13px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 5px
}

.Leadership.as_newblockmainbg {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg1.png), url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg3.png), url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg4.png);
    background-repeat: no-repeat;
    background-position: right top, left bottom, center center;
    padding: 20px 45px 75px 45px;
    position: relative;
    background-size: auto, auto, cover;
    overflow: hidden
}

.Leadership .as_newlogosubwraooer {
    background: rgb(189, 189, 189);
    background: linear-gradient(0deg, rgba(189, 189, 189, 1) 0%, rgba(255, 255, 255, 1) 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 80px;
    padding: 18px 35px;
    position: relative
}

.Leadership .as_newlogosubwraooer::after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newshadow.png);
    height: 20px;
    width: 85%;
    background-size: 100% auto;
    background-position: center top;
    position: absolute;
    bottom: -20px;
    left: 50%;
    background-repeat: no-repeat;
    transform: translateX(-50%)
}

.Leadership .as_newtitlewrapper {
    background: rgb(189, 189, 189);
    background: linear-gradient(0deg, rgba(189, 189, 189, 1) 0%, rgba(255, 255, 255, 1) 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 80px;
    padding: 7px 25px;
    width: fit-content;
    display: block;
    margin: 15px 0
}

.Leadership .as_newtitlewrapper h2 {
    font-family: 'Helveticabold';
    font-size: 35px;
    line-height: 37px;
    background: rgb(0, 0, 0);
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(90, 90, 90, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0
}

.Leadership .as_newlogomainwraooer {
    background-color: rgb(255 255 255 / 25%);
    padding: 10px 15px;
    border-radius: 80px;
    width: 330px
}

.Leadership .as_newsubtitle {
    padding-left: 0
}

.Leadership .as_newsubtitle.as_newsubtitle2 {
    padding-left: 30px
}

.Leadership .as_newsubtitle h3,
.Leadership .as_newsubtitle h2 {
    font-family: 'Helveticabold';
    font-size: 14px;
    line-height: 18px;
    color: #ffffff;
    padding-bottom: 10px;
    position: relative;
    z-index: 1
}

.Leadership .as_newsubtitle h3 i,
.Leadership .as_newsubtitle h3 em {
    color: #00dfe8;
    font-style: normal
}

.Leadership .as_newsubtitle h3 strong {
    color: #ffff38
}

.Leadership .as_newsubtitle h2 {
    color: #00dfe8;
    font-size: 19px;
    line-height: 22px
}

.Leadership .as_newlistwrapper p {
    font-family: 'Helvetica';
    font-size: 17px;
    color: #ffffff;
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newicon1.png);
    background-repeat: no-repeat;
    background-position: left top 2px;
    padding-bottom: 10px;
    padding-left: 30px
}

.Leadership .as_bluewrapper {
    z-index: 1;
    width: 480px;
    background: rgb(0, 181, 237);
    background: linear-gradient(0deg, rgba(0, 181, 237, 1) 0%, rgba(0, 224, 232, 1) 100%);
    border-radius: 80px;
    padding: 10px 33px;
    position: relative
}

.Leadership .as_bluewrapper::after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newshadow2.png);
    height: 50px;
    width: 91%;
    background-size: 100% auto;
    background-position: center top;
    position: absolute;
    bottom: -50px;
    left: 50%;
    background-repeat: no-repeat;
    transform: translateX(-50%)
}

.Leadership .as_bluewrapper p {
    font-family: 'HelveticaRegular';
    font-size: 23.76px;
    color: #121212;
    text-shadow: 1px 1px 0 #94fbff
}

.Leadership .as_newlistwrapper p strong {
    color: #00dfe8;
    display: block;
    margin-top: 20px
}

.Leadership .webwrapper {
    background-color: #04233c;
    padding: 7px 15px;
    border-radius: 80px;
    position: absolute;
    right: 20px;
    bottom: 20px;
    z-index: 1
}

.Leadership .webwrapper a {
    color: #ffffff;
    font-family: 'Helvetica';
    text-decoration: none
}

.Leadership .as_lstbg {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg02.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 134px;
    width: 362px;
    position: absolute;
    right: -40px;
    bottom: 0
}

.Leadership .as_newimagewrapper {
    display: block;
    position: absolute;
    right: 0;
    bottom: 35px
}

.Leadership .as_newlistwrapper {
    display: block;
    position: relative;
    z-index: 1
}

.Leadership .as_newsubcontainer {
    width: 655px
}

.Leadership .as_newlistwrapper i,
.Leadership .as_newlistwrapper em {
    font-family: 'Helvetica';
    font-size: 17px;
    color: #ffffff;
    font-style: normal;
    position: relative;
    padding-left: 25px;
    margin-left: 30px;
    margin-bottom: 10px;
    display: block
}

.Leadership .as_newlistwrapper i:after,
.Self_Discipline .as_newlistwrapper em:after {
    content: '';
    background-color: #fff;
    height: 13px;
    width: 13px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 5px
}

.Leadership2.as_newblockmainbg {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg1.png), url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg3.png), url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg4.png);
    background-repeat: no-repeat;
    background-position: right top, left bottom, center center;
    padding: 20px 45px 75px 45px;
    position: relative;
    background-size: auto, auto, cover;
    overflow: hidden
}

.Leadership2 .as_newlogosubwraooer {
    background: rgb(189, 189, 189);
    background: linear-gradient(0deg, rgba(189, 189, 189, 1) 0%, rgba(255, 255, 255, 1) 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 80px;
    padding: 18px 35px;
    position: relative
}

.Leadership2 .as_newlogosubwraooer::after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newshadow.png);
    height: 20px;
    width: 85%;
    background-size: 100% auto;
    background-position: center top;
    position: absolute;
    bottom: -20px;
    left: 50%;
    background-repeat: no-repeat;
    transform: translateX(-50%)
}

.Leadership2 .as_newtitlewrapper {
    background: rgb(189, 189, 189);
    background: linear-gradient(0deg, rgba(189, 189, 189, 1) 0%, rgba(255, 255, 255, 1) 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 80px;
    padding: 7px 25px;
    width: fit-content;
    display: block;
    margin: 15px 0
}

.Leadership2 .as_newtitlewrapper h2 {
    font-family: 'Helveticabold';
    font-size: 35px;
    line-height: 37px;
    background: rgb(0, 0, 0);
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(90, 90, 90, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0
}

.Leadership2 .as_newlogomainwraooer {
    background-color: rgb(255 255 255 / 25%);
    padding: 10px 15px;
    border-radius: 80px;
    width: 330px
}

.Leadership2 .as_newsubtitle {
    padding-left: 0
}

.Leadership2 .as_newsubtitle.as_newsubtitle2 {
    padding-left: 30px
}

.Leadership2 .as_newsubtitle h3,
.Leadership2 .as_newsubtitle h2 {
    font-family: 'Helveticabold';
    font-size: 17px;
    line-height: 20px;
    color: #ffffff;
    padding-bottom: 10px;
    position: relative;
    z-index: 1
}

.Leadership2 .as_newsubtitle h3 i,
.Leadership2 .as_newsubtitle h3 em {
    color: #00dfe8;
    font-style: normal
}

.Leadership2 .as_newsubtitle h3 strong {
    color: #ffff38
}

.Leadership2 .as_newsubtitle h2 {
    color: #00dfe8;
    font-size: 19px;
    line-height: 22px
}

.Leadership2 .as_newlistwrapper p {
    font-family: 'Helvetica';
    font-size: 17px;
    color: #ffffff;
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newicon1.png);
    background-repeat: no-repeat;
    background-position: left top 2px;
    padding-bottom: 10px;
    padding-left: 30px
}

.Leadership2 .as_bluewrapper {
    z-index: 1;
    width: 480px;
    background: rgb(0, 181, 237);
    background: linear-gradient(0deg, rgba(0, 181, 237, 1) 0%, rgba(0, 224, 232, 1) 100%);
    border-radius: 80px;
    padding: 10px 33px;
    position: relative
}

.Leadership2 .as_bluewrapper::after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newshadow2.png);
    height: 50px;
    width: 91%;
    background-size: 100% auto;
    background-position: center top;
    position: absolute;
    bottom: -50px;
    left: 50%;
    background-repeat: no-repeat;
    transform: translateX(-50%)
}

.Leadership2 .as_bluewrapper p {
    font-family: 'HelveticaRegular';
    font-size: 16.76px;
    color: #121212;
    text-shadow: 1px 1px 0 #94fbff
}

.Leadership2 .as_newlistwrapper p strong {
    color: #00dfe8;
    display: block;
    margin-top: 20px
}

.Leadership2 .webwrapper {
    background-color: #04233c;
    padding: 7px 15px;
    border-radius: 80px;
    position: absolute;
    right: 20px;
    bottom: 20px;
    z-index: 1
}

.Leadership2 .webwrapper a {
    color: #fff;
    font-family: 'Helvetica';
    text-decoration: none
}

.Leadership2 .as_lstbg {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg02.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 134px;
    width: 362px;
    position: absolute;
    right: -40px;
    bottom: 0
}

.Leadership2 .as_newimagewrapper {
    display: block;
    position: absolute;
    right: 20px;
    bottom: 35px
}

.Leadership2 .as_newlistwrapper {
    display: block;
    position: relative;
    z-index: 1
}

.Leadership2 .as_newsubcontainer {
    width: 655px
}

.Leadership2 .as_newlistwrapper i,
.Leadership2 .as_newlistwrapper em {
    font-family: 'Helvetica';
    font-size: 17px;
    color: #fff;
    font-style: normal;
    position: relative;
    padding-left: 25px;
    margin-left: 30px;
    margin-bottom: 10px;
    display: block
}

.Leadership2 .as_newlistwrapper i:after,
.Self_Discipline .as_newlistwrapper em:after {
    content: '';
    background-color: #fff;
    height: 13px;
    width: 13px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 5px
}

.Leadership3.as_newblockmainbg {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg1.png), url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg3.png), url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg4.png);
    background-repeat: no-repeat;
    background-position: right top, left bottom, center center;
    padding: 20px 45px 75px;
    position: relative;
    background-size: auto, auto, cover;
    overflow: hidden
}

.Leadership3 .as_newlogosubwraooer {
    background: rgb(189, 189, 189);
    background: linear-gradient(0deg, rgba(189, 189, 189, 1) 0%, rgba(255, 255, 255, 1) 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 80px;
    padding: 18px 35px;
    position: relative
}

.Leadership3 .as_newlogosubwraooer::after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newshadow.png);
    height: 20px;
    width: 85%;
    background-size: 100% auto;
    background-position: center top;
    position: absolute;
    bottom: -20px;
    left: 50%;
    background-repeat: no-repeat;
    transform: translateX(-50%)
}

.Leadership3 .as_newtitlewrapper {
    background: rgb(189, 189, 189);
    background: linear-gradient(0deg, rgba(189, 189, 189, 1) 0%, rgba(255, 255, 255, 1) 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 80px;
    padding: 7px 25px;
    width: fit-content;
    display: block;
    margin: 15px 0
}

.Leadership3 .as_newtitlewrapper h2 {
    font-family: 'Helveticabold';
    font-size: 35px;
    line-height: 37px;
    background: rgb(0, 0, 0);
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(90, 90, 90, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0
}

.Leadership3 .as_newlogomainwraooer {
    background-color: red;
    padding: 10px 15px;
    border-radius: 80px;
    width: 330px
}

.Leadership3 .as_newsubtitle {
    padding-left: 0
}

.Leadership3 .as_newsubtitle.as_newsubtitle2 {
    padding-left: 30px
}

.Leadership3 .as_newsubtitle h3,
.Leadership3 .as_newsubtitle h2 {
    font-family: 'Helveticabold';
    font-size: 22px;
    line-height: 24px;
    color: #fff;
    padding-bottom: 20px;
    position: relative;
    z-index: 1
}

.Leadership3 .as_newsubtitle h3 i,
.Leadership3 .as_newsubtitle h3 em {
    color: #00dfe8;
    font-style: normal
}

.Leadership3 .as_newsubtitle h3 strong {
    color: #ffff38
}

.Leadership3 .as_newsubtitle h2 {
    color: #00dfe8;
    font-size: 19px;
    line-height: 22px
}

.Leadership3 .as_newlistwrapper p {
    font-family: 'Helvetica';
    font-size: 20px;
    color: #fff;
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newicon1.png);
    background-repeat: no-repeat;
    background-position: left top 2px;
    padding-bottom: 20px;
    padding-left: 30px
}

.Leadership3 .as_bluewrapper {
    z-index: 1;
    width: 480px;
    background: rgb(0, 181, 237);
    background: linear-gradient(0deg, rgba(0, 181, 237, 1) 0%, rgba(0, 224, 232, 1) 100%);
    border-radius: 80px;
    padding: 10px 33px;
    position: relative
}

.Leadership3 .as_bluewrapper::after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newshadow2.png);
    height: 50px;
    width: 91%;
    background-size: 100% auto;
    background-position: center top;
    position: absolute;
    bottom: -50px;
    left: 50%;
    background-repeat: no-repeat;
    transform: translateX(-50%)
}

.Leadership3 .as_bluewrapper p {
    font-family: 'HelveticaRegular';
    font-size: 16.76px;
    color: #121212;
    text-shadow: 1px 1px 0 #94fbff
}

.Leadership3 .as_newlistwrapper p strong {
    color: #00dfe8;
    display: block;
    margin-top: 20px
}

.Leadership3 .webwrapper {
    background-color: #04233c;
    padding: 7px 15px;
    border-radius: 80px;
    position: absolute;
    right: 20px;
    bottom: 20px;
    z-index: 1
}

.Leadership3 .webwrapper a {
    color: #fff;
    font-family: 'Helvetica';
    text-decoration: none
}

.Leadership3 .as_lstbg {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg02.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 134px;
    width: 362px;
    position: absolute;
    right: -40px;
    bottom: 0
}

.Leadership3 .as_newimagewrapper {
    display: block;
    position: absolute;
    right: 20px;
    bottom: 35px
}

.Leadership3 .as_newlistwrapper {
    display: block;
    position: relative;
    z-index: 1
}

.Leadership3 .as_newsubcontainer {
    width: 655px
}

.Leadership3 .as_newlistwrapper i,
.Leadership3 .as_newlistwrapper em {
    font-family: 'Helvetica';
    font-size: 20px;
    color: #fff;
    font-style: normal;
    position: relative;
    padding-left: 25px;
    margin-left: 30px;
    margin-bottom: 20px;
    display: block
}

.Leadership3 .as_newlistwrapper i:after,
.Self_Discipline .as_newlistwrapper em:after {
    content: '';
    background-color: #fff;
    height: 13px;
    width: 13px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 5px
}

.Leadership4.as_newblockmainbg {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg1.png), url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg3.png), url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg4.png);
    background-repeat: no-repeat;
    background-position: right top, left bottom, center center;
    padding: 20px 45px 75px 45px;
    position: relative;
    background-size: auto, auto, cover;
    overflow: hidden
}

.Leadership4 .as_newlogosubwraooer {
    background: rgb(189, 189, 189);
    background: linear-gradient(0deg, rgba(189, 189, 189, 1) 0%, rgba(255, 255, 255, 1) 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 80px;
    padding: 18px 35px;
    position: relative
}

.Leadership4 .as_newlogosubwraooer::after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newshadow.png);
    height: 20px;
    width: 85%;
    background-size: 100% auto;
    background-position: center top;
    position: absolute;
    bottom: -20px;
    left: 50%;
    background-repeat: no-repeat;
    transform: translateX(-50%)
}

.Leadership4 .as_newtitlewrapper {
    background: rgb(189, 189, 189);
    background: linear-gradient(0deg, rgba(189, 189, 189, 1) 0%, rgba(255, 255, 255, 1) 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 80px;
    padding: 7px 25px;
    width: fit-content;
    display: block;
    margin: 15px 0
}

.Leadership4 .as_newtitlewrapper h2 {
    font-family: 'Helveticabold';
    font-size: 35px;
    line-height: 37px;
    background: rgb(0, 0, 0);
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(90, 90, 90, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0
}

.Leadership4 .as_newlogomainwraooer {
    background-color: red;
    padding: 10px 15px;
    border-radius: 80px;
    width: 330px
}

.Leadership4 .as_newsubtitle {
    padding-left: 0
}

.Leadership4 .as_newsubtitle.as_newsubtitle2 {
    padding-left: 30px
}

.Leadership4 .as_newsubtitle h3,
.Leadership4 .as_newsubtitle h2 {
    font-family: 'Helveticabold';
    font-size: 20px;
    line-height: 24px;
    color: #fff;
    padding-bottom: 10px;
    position: relative;
    z-index: 1
}

.Leadership4 .as_newsubtitle h3 i,
.Leadership4 .as_newsubtitle h3 em {
    color: #00dfe8;
    font-style: normal
}

.Leadership4 .as_newsubtitle h3 strong {
    color: #ffff38
}

.Leadership4 .as_newsubtitle h2 {
    color: #00dfe8;
    font-size: 19px;
    line-height: 22px
}

.Leadership4 .as_newlistwrapper p {
    font-family: 'Helvetica';
    font-size: 18px;
    color: #fff;
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newicon1.png);
    background-repeat: no-repeat;
    background-position: left top 2px;
    padding-bottom: 10px;
    padding-left: 30px
}

.Leadership4 .as_bluewrapper {
    z-index: 1;
    width: 480px;
    background: rgb(0, 181, 237);
    background: linear-gradient(0deg, rgba(0, 181, 237, 1) 0%, rgba(0, 224, 232, 1) 100%);
    border-radius: 80px;
    padding: 10px 33px;
    position: relative
}

.Leadership4 .as_bluewrapper::after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newshadow2.png);
    height: 50px;
    width: 91%;
    background-size: 100% auto;
    background-position: center top;
    position: absolute;
    bottom: -50px;
    left: 50%;
    background-repeat: no-repeat;
    transform: translateX(-50%)
}

.Leadership4 .as_bluewrapper p {
    font-family: 'HelveticaRegular';
    font-size: 16.76px;
    color: #121212;
    text-shadow: 1px 1px 0 #94fbff
}

.Leadership4 .as_newlistwrapper p strong {
    color: #00dfe8;
    display: block;
    margin-top: 20px
}

.Leadership4 .webwrapper {
    background-color: #04233c;
    padding: 7px 15px;
    border-radius: 80px;
    position: absolute;
    right: 20px;
    bottom: 20px;
    z-index: 1
}

.Leadership4 .webwrapper a {
    color: #fff;
    font-family: 'Helvetica';
    text-decoration: none
}

.Leadership4 .as_lstbg {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg02.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 134px;
    width: 362px;
    position: absolute;
    right: -40px;
    bottom: 0
}

.Leadership4 .as_newimagewrapper {
    display: block;
    position: absolute;
    right: 20px;
    bottom: 35px
}

.Leadership4 .as_newlistwrapper {
    display: block;
    position: relative;
    z-index: 1
}

.Leadership4 .as_newsubcontainer {
    width: 600px
}

.Leadership4 .as_newlistwrapper i,
.Leadership4 .as_newlistwrapper em {
    font-family: 'Helvetica';
    font-size: 18px;
    color: #fff;
    font-style: normal;
    position: relative;
    padding-left: 25px;
    margin-left: 30px;
    margin-bottom: 10px;
    display: block
}

.Leadership4 .as_newlistwrapper i:after,
.Self_Discipline .as_newlistwrapper em:after {
    content: '';
    background-color: #fff;
    height: 13px;
    width: 13px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 5px
}

.Leadership5.as_newblockmainbg {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg1.png), url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg3.png), url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg4.png);
    background-repeat: no-repeat;
    background-position: right top, left bottom, center center;
    padding: 20px 45px 75px;
    position: relative;
    background-size: auto, auto, cover;
    overflow: hidden
}

.Leadership5 .as_newlogosubwraooer {
    background: #bdbdbd;
    background: linear-gradient(0deg, rgba(189, 189, 189, 1) 0%, rgba(255, 255, 255, 1) 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 80px;
    padding: 18px 35px;
    position: relative
}

.Leadership5 .as_newlogosubwraooer::after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newshadow.png);
    height: 20px;
    width: 85%;
    background-size: 100% auto;
    background-position: center top;
    position: absolute;
    bottom: -20px;
    left: 50%;
    background-repeat: no-repeat;
    transform: translateX(-50%)
}

.Leadership5 .as_newtitlewrapper {
    background: #bdbdbd;
    background: linear-gradient(0deg, rgba(189, 189, 189, 1) 0%, rgba(255, 255, 255, 1) 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 80px;
    padding: 7px 25px;
    width: fit-content;
    display: block;
    margin: 15px 0
}

.Leadership5 .as_newtitlewrapper h2 {
    font-family: 'Helveticabold';
    font-size: 35px;
    line-height: 37px;
    background: #000;
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(90, 90, 90, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0
}

.Leadership5 .as_newlogomainwraooer {
    background-color: red;
    padding: 10px 15px;
    border-radius: 80px;
    width: 330px
}

.Leadership5 .as_newsubtitle {
    padding-left: 0
}

.Leadership5 .as_newsubtitle.as_newsubtitle2 {
    padding-left: 30px
}

.Leadership5 .as_newsubtitle h3,
.Leadership5 .as_newsubtitle h2 {
    font-family: 'Helveticabold';
    font-size: 20px;
    line-height: 24px;
    color: #fff;
    padding-bottom: 10px;
    position: relative;
    z-index: 1
}

.Leadership5 .as_newsubtitle h3 i,
.Leadership5 .as_newsubtitle h3 em {
    color: #00dfe8;
    font-style: normal
}

.Leadership5 .as_newsubtitle h3 strong {
    color: #ffff38
}

.Leadership5 .as_newsubtitle h2 {
    color: #00dfe8;
    font-size: 16px;
    line-height: 22px
}

.Leadership5 .as_newlistwrapper p {
    font-family: 'Helvetica';
    font-size: 18px;
    color: #fff;
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newicon1.png);
    background-repeat: no-repeat;
    background-position: left top 2px;
    padding-bottom: 10px;
    padding-left: 30px
}

.Leadership5 .as_bluewrapper {
    z-index: 1;
    width: 480px;
    background: #00b5ed;
    background: linear-gradient(0deg, rgba(0, 181, 237, 1) 0%, rgba(0, 224, 232, 1) 100%);
    border-radius: 80px;
    padding: 10px 33px;
    position: relative
}

.Leadership5 .as_bluewrapper::after {
    content: '';
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newshadow2.png);
    height: 50px;
    width: 91%;
    background-size: 100% auto;
    background-position: center top;
    position: absolute;
    bottom: -50px;
    left: 50%;
    background-repeat: no-repeat;
    transform: translateX(-50%)
}

.Leadership5 .as_bluewrapper p {
    font-family: 'HelveticaRegular';
    font-size: 16.76px;
    color: #121212;
    text-shadow: 1px 1px 0 #94fbff
}

.Leadership5 .as_newlistwrapper p strong {
    color: #00dfe8;
    display: block;
    margin-top: 20px
}

.Leadership5 .webwrapper {
    background-color: #04233c;
    padding: 7px 15px;
    border-radius: 80px;
    position: absolute;
    right: 20px;
    bottom: 20px;
    z-index: 1
}

.Leadership5 .webwrapper a {
    color: #fff;
    font-family: 'Helvetica';
    text-decoration: none
}

.Leadership5 .as_lstbg {
    background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg02.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 134px;
    width: 362px;
    position: absolute;
    right: -40px;
    bottom: 0
}

.Leadership5 .as_newimagewrapper {
    display: block;
    position: absolute;
    right: 5px;
    bottom: 35px
}

.Leadership5 .as_newlistwrapper {
    display: block;
    position: relative;
    z-index: 1
}

.Leadership5 .as_newsubcontainer {
    width: 600px
}

.Leadership5 .as_newlistwrapper i,
.Leadership5 .as_newlistwrapper em {
    font-family: 'Helvetica';
    font-size: 18px;
    color: #fff;
    font-style: normal;
    position: relative;
    padding-left: 25px;
    margin-left: 30px;
    margin-bottom: 10px;
    display: block
}

.Leadership5 .as_newlistwrapper i:after,
.Self_Discipline .as_newlistwrapper em:after {
    content: '';
    background-color: #fff;
    height: 13px;
    width: 13px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 5px
}

@media only screen and (max-width: 1360px) {
    .as_newimagewrapper {
        width: 30%;
        right: 0!important
    }
    .as_newsubcontainer {
        width: 67%!important
    }
    .as_bluewrapper {
        width: fit-content!important
    }
    .how_to_ask_questions .as_newimagewrapper {
        width: 35%
    }
    .ask_questions2.as_newblockmainbg .as_newsubcontainer {
        width: auto!important
    }
    .ask_questions2.as_newblockmainbg {
        padding: 20px 45px 90px
    }
    .Sales_Process .as_newimagewrapper {
        width: 35%
    }
    .Tell_a_Story .as_newsubcontainer {
        width: auto!important
    }
    .Tell_a_Story .as_newimagewrapper {
        width: auto!important
    }
    .Tell_a_Story .as_newlistwrapper {
        position: relative;
        z-index: 1
    }
    .Tell_a_Story2 .as_newimagewrapper {
        width: auto
    }
    .Proposals .as_newimagewrapper {
        width: auto
    }
    .Fill_Your_Pipeline .as_newimagewrapper {
        width: auto
    }
}

@media only screen and (max-width: 1199px) {
    .as_lstbg {
        width: 100%!important;
        background: #f4f5f5!important;
        height: 80px!important;
        right: 0!important
    }
    .as_newblockmainbg {
        padding: 20px 30px 80px 30px!important
    }
    .webwrapper {
        right: inherit!important;
        left: 50%!important;
        transform: translateX(-50%)!important
    }
    .as_newimagewrapper {
        display: block;
        position: inherit!important;
        right: inherit!important;
        bottom: inherit!important;
        margin: 0 auto!important;
        margin-bottom: -40px!important;
        width: 100%!important;
        text-align: center!important
    }
    .as_newsubcontainer {
        width: auto!important;
        text-align: center
    }
    .as_newsubtitle {
        padding-left: 0!important
    }
    .as_bluewrapper {
        width: auto!important;
        margin-bottom: 50px
    }
    .as_newlistwrapper p {
        background-position: center top 2px!important;
        padding-bottom: 15px!important;
        padding-left: 0!important;
        padding-top: 30px!important
    }
    .as_newtitlewrapper {
        margin: 15px auto!important
    }
    .as_newlogomainwraooer {
        margin: 0 auto!important;
        margin-bottom: 80px!important
    }
    .as_newblockmainbg {
        background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg_responsive.png), url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/as_newbg4.png)!important;
        background-repeat: no-repeat!important;
        background-position: right top, center center!important;
        background-size: 100% 180px, cover!important
    }
    .as_newlistwrapper i,
    .as_newlistwrapper em {
        padding-left: 0!important;
        margin-left: 0!important;
        padding-top: 30px!important
    }
    .as_newlistwrapper i:after,
    .as_newlistwrapper em:after {
        left: 50%!important;
        transform: translateX(-50%)!important
    }
    .Tell_a_Story .as_newimagewrapper {
        width: auto!important;
        margin-bottom: 0!important;
        margin-top: -53px!important
    }
    .as_newsubtitle h2 {
        width: auto!important
    }
    .as_newlistwrapper p {
        width: auto!important
    }
    .Tell_a_Story2 .as_newimagewrapper img {
        width: 100%!important;
        right: -30px;
        position: relative
    }
    .Proposals .as_newimagewrapper img,
    .Fill_Your_Pipeline .as_newimagewrapper img {
        width: 100%!important;
        right: -30px;
        position: relative
    }
}

@media only screen and (max-width: 480px) {
    .as_newlogomainwraooer {
        width: auto!important
    }
    .as_newblockmainbg {
        padding: 20px 20px 80px 20px!important
    }
}

@media only screen and (max-width: 380px) {
    .as_newblockmainbg {
        background-size: 100% 160px, cover!important
    }
}


/************************** End New Css *****************************/

.text {
    color: red
}

.admintopblock_wrapper2 span {
    font-family: 'OpenSansSemiBold';
    font-size: 18px;
    color: #01adf6;
}

.admintopblock_wrapper2 mat-slide-toggle {
    padding: 10px 0 0 10px;
    color: #012136;
}

.admintopblock_wrapper2 mat-slide-toggle span {
    color: #012136;
}

.admintopblock2 {
    margin-top: 0px!important;
}


/* Start Lession -  Beto Paredes Family Opportunities Intro Deck */

.pdfhomepagemain {
    margin: 0;
    padding: 0;
    position: relative!important;
    font-family: 'Arial', sans-serif!important;
}

.pdfhomepagemain img {
    border: 0 !important;
    outline: 0 !important
}

.pdfhomepagemain a img {
    outline: none !important
}

.pdfhomepagemain a {
    outline: none!important;
    cursor: pointer!important;
    text-decoration: none!important;
    background-color: transparent!important;
    -webkit-text-decoration-skip: objects!important;
    color: #fff !important
}

.pdfhomepagemain a:active,
.pdfhomepagemain a:focus {
    outline: none!important
}

.pdfhomepagemain:active,
.pdfhomepagemain:focus {
    outline: none!important;
    -moz-outline-style: none!important
}

.pdfhomepagemain:link:focus,
.pdfhomepagemain:visited:focus {
    outline: none!important
}

.pdfhomepagemain button {
    cursor: pointer;
    word-wrap: break-word!important;
    white-space: unset!important;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
    line-height: normal!important
}

.pdfmaincontainer {
    margin: 0 auto;
    padding: 0;
    display: block;
    width: 100%;
    background-image: url(https://s3.amazonaws.com/dev.backoffice.betoparedes.com/assets/images/training/common/pdfbgoverlay.png);
    background-color: #000;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    display: block;
    position: relative;
    padding-bottom: 40px;
}

.pdfheaderblock {
    margin: 0 auto;
    padding: 0;
    display: block;
    width: 100%;
    background-image: url(https://s3.amazonaws.com/dev.backoffice.betoparedes.com/assets/images/training/common/pdfheaderbg.png);
    background-repeat: no-repeat;
    background-position: left top;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-size: 100% auto;
    display: block;
    min-height: 106px;
}

.pdfheaderblockinner {
    padding: 15px
}

.pdffooterblock {
    margin: 0 auto;
    padding: 0;
    display: block;
    width: 100%;
    background-image: url(https://s3.amazonaws.com/dev.backoffice.betoparedes.com/assets/images/training/common/pdffooterrbg.png);
    background-repeat: no-repeat;
    background-position: left bottom;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-size: 100% auto;
    display: block;
    min-height: 76px;
    position: absolute;
    bottom: 0;
}

.pdfmaincontent {
    position: relative;
    z-index: 9;
}

.pdfmaincontentinner {
    width: 92%;
    margin: 0 auto;
    padding: 0;
    display: block;
}

.pdfheaderblock .pdflogowrapper {
    width: 302px;
    display: block;
}

.pdfheaderblock .pdflogowrapper img {
    width: 100%
}

.pdfmaincontent h2 {
    margin: 0;
    padding: 0;
    color: #b6e600;
    text-transform: uppercase;
}

.pdfmaincontent h2 span {
    text-transform: capitalize;
}

.pdfmaincontent h1 {
    margin: 0;
    padding: 0;
    color: #fff;
    text-transform: uppercase;
}

.pdfmaincontent p {
    margin: 0;
    padding: 0;
    color: #fff;
    line-height: 30px;
}

.pdfmaincontent h4 {
    margin: 0;
    padding: 0;
    color: #fff;
}

.pdfmaincontent h3 {
    margin: 0;
    padding: 0;
    color: #fff;
}

.pdfmaincontent p span {
    display: initial !important;
    padding: 0 !important;
}

.pdfmaincontent h3 span {
    display: initial !important;
    padding: 0 !important;
}

.pdfmaincontent h2 span {
    display: initial !important;
    padding: 0 !important;
}

.pdfmaincontent h1 span {
    display: initial !important;
    padding: 0 !important;
}

.training_center_wrapper .rowinner_block .markbtncls {
    margin-top: 10px;
}


/*-----------START SLIDE 1 CSS-----------*/

.slide1 .pdfmaincontent {
    color: #fff;
}

.slide1 h1 span {
    color: #b6e600;
}

.slide1 h1 {
    font-size: 40px!important;
    padding-left: 40%;
    text-transform: inherit;
    padding-bottom: 60px;
}

.slide1 .logo {
    max-width: 280px;
    display: block;
}

.slide1 .logolists img {
    width: 100%;
}

.slide1 {
    position: relative;
}

.slide1 .logolists {
    position: absolute;
    top: -39px;
    left: 10px;
}

.slide1 h1::after {
    content: '';
    background: linear-gradient( 90deg, rgb(250, 249, 247) 0, rgb(248, 248, 246) 32%, rgb(247, 246, 245) 32.5%, rgba(255, 255, 255, .011642156862745057) 32.5%, rgba(255, 255, 255, 0) 33%, rgba(154, 241, 36, 1) 33%, rgba(180, 222, 50, 1) 68.5%, rgba(255, 255, 255, 0) 68.5%, rgba(255, 255, 255, 0) 100%);
    height: 7px;
    width: 34%;
    position: absolute;
    bottom: 48px;
    right: 25%;
}


.slide1 .pdffooterblock { min-height: 87px;}

/*-----------START SLIDE 2 CSS-----------*/

.slide2 .pdffooterblock { min-height: 87px;}


.slide2 { position: relative;}

.slide2 .pdfrighttxtwrp {
    padding-left: 33%;
}

.slide2 .pdfrighttxtwrp h1 {
    font-size: 20px;
    margin-bottom: 10px;
    margin-top: -47px;
    text-transform: inherit;
}

.slide2 .textwrapper p {
    margin: 0;
    font-size: 14px;
    line-height: normal;
    margin-bottom: 10px;
}

.slide2 .listwrapper p {
    background-repeat: no-repeat;
    background-position: left top 10px;
    padding: 5px 0 0px 5px;
    background-image: none;
}

.slide2 .logolists img {
    width: 100%;
}

.slide2 .logolists {
    position: absolute;
    bottom: -54px;
    left: -10px;
}

.slide2 .logolists .logo {
    max-width: 289px;
    display: block;
}

.slide2 .paragraphcls img {
    margin: 0 auto;
    width: 100%;
    max-height: 100%;
    max-width: 100%;
    height: auto;
}

.slide2 .listwrapper p {
    position: relative;
}

.slide2 .listwrapper p::before {
    content: '\2022';
    position: absolute;
    width: 15px;
    left: -5%;
    height: 7px;
}

.slide2 .pdfmaincontent .imagewrpper {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
    width: 100%;
}

.slide2 .pdfmaincontent .imagewrpper .betoimg1 {
    max-width: 250px;
    margin-right: 10px;
    display: block;
}

.slide2 .pdfmaincontent .imagewrpper .betoimg1 img {
    width: 100%;
}

.slide2 .pdfmaincontent .imagewrpper .apogeeimg1 {
    max-width: 250px;
    display: block;
}

.slide2 .pdfmaincontent .imagewrpper .apogeeimg1 img {
    width: 100%;
}

.slide2 .listwrapper p:nth-child(5) {
    position: relative;
}

.slide2 .listwrapper p:nth-child(5)::after {
    content: '';
    position: absolute;
    background-image: url("https://s3.amazonaws.com/dev.backoffice.betoparedes.com/assets/images/training/slide2_icon_img1.2.png");
    background-repeat: no-repeat;
    right: 30%;
    width: 50px;
    height: 50px;
    top: 33px;
}


/* ----------slide3---- */

.slide3 .pdffooterblock { min-height: 87px;}
.slide4 .pdffooterblock { min-height: 87px;}
.slide5 .pdffooterblock { min-height: 87px;}
.slide6 .pdffooterblock { min-height: 87px;}

.slide7 .pdffooterblock { min-height: 87px;}

.slide8 .pdffooterblock { min-height: 87px;}

.slide9 .pdffooterblock { min-height: 87px;}

.slide10 .pdffooterblock { min-height: 87px;}
.slide11 .pdffooterblock { min-height: 87px;}
.slide12 .pdffooterblock { min-height: 87px;}
.slide13 .pdffooterblock { min-height: 87px;}






.slide3 .pdfrighttxtwrp {
    padding-left: 36%;
    margin-top: -5%;
}

.slide3 .pdfmaincontent h1 {
    text-transform: inherit;
    font-size: 28px;
    line-height: 32px;
    margin-bottom: 15px;
}

.slide3 .pdfmaincontent p {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 10px;
}

.slide3 .pdfmaincontent h2 {
    text-transform: inherit;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 15px;
}

.slide3 .logolists img {
    width: 100%;
}

.slide3 .logolists {
    position: absolute;
    top: 16px;
    left: -5px;
}

.slide3 .logolists .logo {
    max-width: 279px;
    display: block;
}


/* ----------slide4---- */

.slide4 .pdfrighttxtwrp {
    padding-left: 18%;
}

.slide4 .pdfmaincontent h1 {
    text-transform: inherit;
    font-size: 28px;
    line-height: 32px;
    margin-bottom: 15px;
}

.slide4 .pdfmaincontent .pdfrighttxtwrp p {
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 10px;
}

.slide4 .pdfmaincontent h2 {
    text-transform: inherit;
    font-size: 22px;
    margin-bottom: 10px;
}

.slide4 .pdfmaincontent .textwrapper p {
    padding-left: 12%;
    font-size: 18px;
    background-image: none;
}

.slide4 .bottomtxtcontainer {
    margin-bottom: 36px;
    padding-left: 10%;
}

.slide4 .logolists img {
    width: 100%;
}

.slide4 .logolists {
    position: absolute;
    top: 23px;
    left: -5px;
}

.slide4 .logolists .logo {
    max-width: 255px;
    display: block;
}

.slide4 .pdfmaincontent .textwrapper p {
    position: relative;
}

.slide4 .pdfmaincontent .textwrapper p::before {
    content: '';
    position: absolute;
    width: 12px;
    left: 6%;
    height: 13px;
    background-color: #9bc700;
    border-radius: 10px;
    top: 4px;
}


/* ----------slide5---- */

.slide5 .pdfmaincontent .pdfrighttxtwrp {
    padding-left: 22%;
    margin-top: -5%;
}

.slide5 .pdfmaincontent .pdfrighttxtwrp h1 {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 15px;
    padding-left: 13%;
}

.slide5 .pdfmaincontent .textwrapper {
    margin: 15px 0;
    padding-left: 0;
    position: relative;
    display: flex;
    justify-content: space-between;
    margin-left: 40px;
}

.slide5 .pdfmaincontent .lefttextwrapper {
    width: 40%;
}

.slide5 .pdfmaincontent .righttextwrapper {
    width: 63%;
}

.slide5 .logolists img {
    width: 100%;
}

.slide5 .logolists {
    position: absolute;
    top: 13px;
    left: -5px;
}

.slide5 .logolists .logo {
    max-width: 251px;
    display: block;
}

.slide5 .pdfmaincontent .lefttextwrapper p {
    position: relative;
    padding-left: 10px;
    background-image: none;
    font-size: 14px;
    line-height: normal;
    padding: 0;
    padding-left: 20px;
}
.slide5 .pdfmaincontent .righttextwrapper p{
    padding: 0;
    margin-top: 0;
}

.slide5 .pdfmaincontent .lefttextwrapper p::before {
    content: '';
    position: absolute;
    width: 12px;
    left: -6%;
    height: 13px;
    background-color: #9bc700;
    border-radius: 10px;
    top: 4px;
}

.slide5 .pdfmaincontent .righttextwrapper p {
    position: relative;
    background-image: none;
}

.slide5 .pdfmaincontent .righttextwrapper p::before {
    content: '';
    position: absolute;
    width: 12px;
    left: -6%;
    height: 13px;
    background-color: #9bc700;
    border-radius: 10px;
    top: 4px;
}


/* ----------slide6---- */

.slide6 .pdfmaincontent .pdfrighttxtwrp h1 {
    margin-top: -6%;
    padding-left: 34%;
    font-size: 20px;
    line-height: 26px;
}

.slide6 .pdfmaincontent .pdfrighttxtwrp h2 {
    text-transform: inherit;
    font-size: 24px;
    line-height: normal;
    margin-bottom: 15px;
}

.slide6 .pdfmaincontent .flexboxwrapper .lefttextwrapper h3 {
    margin-bottom: 30px;
}

.slide6 .pdfmaincontent .pdfrighttxtwrp .flexboxwrapper {
    display: flex;
    justify-content: space-between;
    margin: 22px 0;
}

.slide6 .pdfmaincontent .flexboxwrapper h3 {
    margin: 0;
    font-size: 24px;
    line-height: 30px;
}

.slide6 .pdfmaincontent .flexboxwrapper .lefttextwrapper p {
    padding-left: 15px;
}

.slide6 .pdfmaincontent .flexboxwrapper .righttextwrapper p {
    padding-left: 15px;
}

.slide6 .pdfmaincontent .flexboxwrapper .righttextwrapper p span {
    color: #cdb906;
}

.slide6 .pdfmaincontent .flexboxwrapper .righttextwrapper h3 {
    margin-bottom: 6px;
}

.slide6 .pdfmaincontent .flexboxwrapper .lefttextwrapper p {
    position: relative;
}

.slide6 .pdfmaincontent .flexboxwrapper .lefttextwrapper p::before {
    content: '';
    position: absolute;
    width: 12px;
    left: -6%;
    height: 13px;
    background-color: #9bc700;
    border-radius: 10px;
    top: 4px;
}

.slide6 .pdfmaincontent .flexboxwrapper .righttextwrapper p {
    position: relative;
}

.slide6 .pdfmaincontent .flexboxwrapper .righttextwrapper p::before {
    content: '';
    position: absolute;
    width: 12px;
    left: -6%;
    height: 13px;
    background-color: #9bc700;
    border-radius: 10px;
    top: 4px;
}

.slide6 .pdfmaincontent .flexboxwrapper .lefttextwrapper p {font-size: 14px; }
.slide6 .pdfmaincontent .flexboxwrapper .righttextwrapper p {font-size: 14px; }

/* ----------slide7---- */

.slide7 .pdfmaincontent h1 {
    text-transform: inherit;
    font-size: 28px;
    line-height: 34px;
    margin-bottom: 15px;
}

.slide7 .pdfmaincontent .pdfrighttxtwrp {
    width: 60%;
}

.slide7 .pdfmaincontent h2 {
    text-transform: inherit;
    margin-bottom: 15px;
}

.slide7 .pdfmaincontent .pdfrighttxtwrp p {
    font-size: 17px;
    line-height: 24px;
}

.slide7 .pdfmaincontent {
    position: relative;
}

.slide7 .logolists img {
    width: 100%;
}

.slide7 .pdfmaincontent .logolists {
    position: absolute;
    top: 13px;
    right: 14px!important;
}

.slide7 .logolists .logo {
    max-width: 380px;
    display: block;
}


/* ----------slide8---- */

.slide8 .pdfmaincontent .pdfrighttxtwrp {
    width: 560px;
}

.slide8 .pdfmaincontent .pdfrighttxtwrp h2 {
    text-transform: inherit;
    font-size: 28px;
    line-height: 32px;
    margin-bottom: 20px;
}

.slide8 .pdfmaincontent .pdfrighttxtwrp p {
    font-size: 17px;
    line-height: 24px;
    width: 452px;
}

.slide8 .pdfmaincontent {
    position: relative;
}

.slide8 .logolists {
    position: absolute;
    top: -63px;
    right: 66px;
}

.slide8 .logolists .logo {
    max-width: 277px;
    display: block;
}

.slide8 .logolists img {
    width: 100%;
}


/* ----------slide9---- */

.slide9 .pdfmaincontent h1 {text-transform: inherit;margin-bottom: 20px;font-size: 28px;}
.slide9 .pdfrighttxtwrp { padding-left: 33%;margin-top: -5%;}
.slide9 .pdfrighttxtwrp p { font-size: 18px;line-height: 26px;margin-bottom: 20px;}
.slide9 .logolists img { width: 100%;}
.slide9 .logolists {position: absolute;top: 6px;left: -5px;}
.slide9 .logolists .logo { max-width: 275px;display: block;}
.slide9 .pdfrighttxtwrp p {position: relative;}
.slide9 .pdfrighttxtwrp p::before { content: '';position: absolute; width: 12px;left: -6%;height: 13px;background-color: #9bc700; border-radius: 10px;top: 4px;}


/* ----------slide10---- */

.slide10 .pdfrighttxtwrp {margin: 55px 0;}
.slide10 h1 span { color: #b6e600;}
.slide10 .pdfmaincontent h1 { text-transform: inherit;font-size: 45px;line-height: 57px;margin-bottom: 15px;margin-left: 34%;margin-top: -4%;}
.slide10 .textwrapper p { font-size: 18px;line-height: 24px;margin-bottom: 28px;}
.slide10 .listwrapper p { background-image: url("https://s3.amazonaws.com/dev.backoffice.betoparedes.com/assets/images/training/slide10_listing_img11.1.png");background-repeat: no-repeat;background-position: left 30% top; padding-left: 35%;}
.slide10 .logolists img { width: 100%;}
.slide10 .logolists { position: absolute;top: -41px;left: 36px;}
.slide10 .logolists .logo { max-width: 216px;display: block;}

/* ----------slide11---- */

.slide11 .pdfmaincontent .listwrapper p span {color: #00c2ff;}
.slide11 .pdfrighttxtwrp {margin-left: 30%;margin-top: -5%;}
.slide11 .pdfmaincontent h1 {text-transform: inherit;font-size: 38px;margin-bottom: 15px;padding-left: 12%;}
.slide11 .pdfmaincontent h2 {font-size: 17px; text-transform: inherit;line-height: 20px;padding-left: 10%;}
.slide11 .pdfmaincontent h3 { font-size: 18px;line-height: 20px;padding-left: 9%;font-weight: normal;margin: 15px 0;}
.slide11 .pdfmaincontent .textwrapper p {font-size: 15px;line-height: 24px;margin-bottom: 10px;}
.slide11 .pdfmaincontent .listwrapper p {background-image: url(https://s3.amazonaws.com/dev.backoffice.betoparedes.com/assets/images/training/slide10_listing_img11.1.png);
    background-repeat: no-repeat;background-position: left top 10px;padding-left: 8%;}
.slide11 .logolists {position: absolute;top: 67px;left: 7px;}
.slide11 .logolists .logo {max-width: 265px;display: block;}
.slide11 .logolists img {width: 100%;}


/* ----------slide12---- */

.slide12 .pdfmaincontent h1 { text-transform: inherit;text-align: center;margin-top: -5%;margin-bottom: 15px;font-size: 38px;padding-left: 10%;}

.slide12 .pdfgrnbar { background: #9bc600;border-radius: 8px;padding: 10px;margin-bottom: 10px;}

.slide12 .pdfgrnbar h2 {
    color: #000;
    font-size: 13px;
    line-height: 18px;
    text-align: left;
    margin: 0;
    font-weight: 700;
    text-transform: inherit;
}

.slide12 .flexboxwrapper { background: rgb(247, 239, 239);background: linear-gradient(180deg, rgba(247, 239, 239, 1) 0%, rgba(177, 210, 224, 1) 100%);padding: 15px;border-radius: 6px;}
.slide12 .flexboxwrapper ul { display: flex;justify-content: space-between;flex-wrap: wrap;list-style: none;}
.slide12 .flexboxwrapper li {color: #000;font-size: 13px;line-height: 18px;margin-top: 8px;}
.slide12 .flexboxwrapper li:nth-child(3n+1) {width: 30%;margin-right: 5%;}
.slide12 .flexboxwrapper li:nth-child(3n+2) {  width: 30%;}
.slide12 .flexboxwrapper li:nth-child(3n+3) { width: 30%;}
.slide12 .flexboxwrapper li {position: relative;}
.slide12 .flexboxwrapper li::before { background-image: url("https://s3.amazonaws.com/dev.backoffice.betoparedes.com/assets/images/training/slide12_listing1_img1.png");background-repeat: no-repeat; background-position: left center;width: 25px; height: 25px;position: absolute;content: '';left: -32px;top: -2px;}


/* ----------slide13---- */

.slide13 h1 span {color: #b6e600;}

.slide13 .pdfmaincontent h1 {
    text-transform: inherit;
    text-align: center;
    padding-left: 23%;
    margin-top: -6%;
    font-size: 28px;
}

.slide13 .pdfmaincontent .flexboxwrp {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;
    position: relative;
}

.slide13 .pdfmaincontent .flexboxwrp ol {
    clear: both;
    list-style: none;
    -moz-column-count: 2;
    column-count: 2;
    margin: 0 auto;
    display: block;
    padding: 0;
    max-width: 95%;
}

.slide13 .pdfmaincontent .flexboxwrp ol li {
    position: relative;
    margin-bottom: 40px;
}

.slide13 .pdfmaincontent .flexboxwrp ol li .bgcolrbar {
    background: #43584c;
    background: linear-gradient( 90deg, rgb(155 231 52) 0, rgb(103 167 17) 100%);
    white-space: normal;
    word-break: break-word;
    display: inline-block;
    word-wrap: normal;
    resize: none;
    box-sizing: border-box;
    position: relative;
    width: 88%;
    margin: 0;
    border-radius: 7px!important;
    padding: 12px 45px 15px;
}

.slide13 .pdfmaincontent .flexboxwrp ol li::before {
    border-radius: 50%;
    font-size: 35px;
    height: 40px;
    margin-left: 2.5%;
    padding-left: 0;
    padding-top: 0;
    top: 8px;
    width: 40px;
    z-index: 9;
    line-height: 38px;
    border: 1px solid #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* .slide13 .middledesigncarecter {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 270px;
} */

.slide13 .pdfmaincontent .pdfrighttxtwrp .flexboxwrp .bgcolrbar img {
    position: absolute;
    right: -34px;
    width: 90px;
    height: 80px;
    top: -5px;
}

.slide13 .middledesigncarecter img {
    width: 100%;
}

.slide13 .pdfmaincontent .flexboxwrp ol li .bgcolrbar br {
    display: none;
}

.slide13 .pdfmaincontent h1 {
    margin-bottom: 3%;
}

.slide13 .pdfmaincontent .linearrow {
    position: absolute;
}

.slide13 .pdfmaincontent .flexboxwrp ol li {
    margin: 0 0 20px;
    padding-top: 20px;
    display: block;
    position: relative;
    counter-increment: inst;
    width: 72%;
    float: left;
}

.slide13 .pdfmaincontent .flexboxwrp ol li::before {
    content: counter(inst);
    background: #ddd;
    background-image: -webkit-linear-gradient( 156deg, #ddd 40%, #f9f8f1 100%);
    background-image: -moz-linear-gradient(156deg, #ddd 40%, #f9f8f1 100%);
    background-image: -o-linear-gradient(156deg, #ddd 40%, #f9f8f1 100%);
    background-image: linear-gradient( 156deg, #ddd 40%, #f9f8f1 100%);
    color: #939393;
    font-weight: 700;
    font-style: italic;
    border-radius: 50%;
    text-align: center;
    padding-top: 0;
    padding-left: 2.25%;
    left: -5%;
    /* top: -0.65em; */
    top: 0.35em;
    position: absolute;
    transition: all .2s ease-in-out;
    z-index: 5;
    width: 26px;
    height: 26px;
    font-size: 18px;
}

.slide13 .pdfmaincontent .flexboxwrp ol li:nth-child(n+5):before {
    right: 20px;
    left: inherit;
}

.slide13 .pdfmaincontent .flexboxwrp ol li:nth-child(n+5) {
    float: right;
}

.slide13 .pdfmaincontent .flexboxwrp ol li:nth-child(5) {
    position: relative;
}

.slide13 .pdfmaincontent .flexboxwrp ol li:nth-child(5) .bgcolrbar img {
    left: -44px;
    right: inherit;
}

.slide13 .pdfmaincontent .flexboxwrp ol li:nth-child(6) .bgcolrbar img {
    left: -44px;
    right: inherit;
}

.slide13 .pdfmaincontent .flexboxwrp ol li:nth-child(7) .bgcolrbar img {
    left: -44px;
    right: inherit;
}

.slide13 .pdfmaincontent .flexboxwrp ol li:nth-child(8) .bgcolrbar img {
    left: -44px;
    right: inherit;
}

.slide13 .pdfmaincontent .flexboxwrp ol li:nth-child(1) .bgcolrbar .linearrow {
    position: absolute;
    right: -88px;
    width: 71px;
    height: 48px;
    top: 32px;
    z-index: 9;
}

.slide13 .pdfmaincontent .flexboxwrp ol li:nth-child(2) .bgcolrbar .linearrow {
    position: absolute;
    right: -88px;
    width: 72px;
    height: 19px;
    top: 14px;
    z-index: 9;
}

/* .slide13 .pdfmaincontent .flexboxwrp ol li:nth-child(3) .bgcolrbar .linearrow {
    position: absolute;
    right: -103px;
    width: 72px;
    height: 10px;
    top: 24px;
    z-index: 9;
} */

.slide13 .pdfmaincontent .flexboxwrp ol li:nth-child(4) .bgcolrbar .linearrow {
    position: absolute;
    right: -102px;
    width: 81px;
    height: 34px;
    top: -4px;
    z-index: 9;
}

.slide13 .pdfmaincontent .flexboxwrp ol li:nth-child(5) .bgcolrbar .linearrow {
    position: absolute;
    left: -88px;
    width: 56px;
    height: 36px;
    top: 30px;
    z-index: 9;
}

.slide13 .pdfmaincontent .flexboxwrp ol li:nth-child(6) .bgcolrbar .linearrow {
    position: absolute;
    left: -88px;
    width: 72px;
    height: 25px;
    top: 8px;
    z-index: 9;
}

.slide13 .pdfmaincontent .flexboxwrp ol li:nth-child(7) .bgcolrbar .linearrow {
    position: absolute;
    left: -94px;
    width: 72px;
    height: 34px;
    top: -4px;
    z-index: 9;
}

.slide13 .pdfmaincontent .flexboxwrp ol li:nth-child(8) .bgcolrbar .linearrow {
    position: absolute;
    left: -88px;
    width: 67px;
    height: 44px;
    top: -9px;
    z-index: 9;
}


/* .slide13 .middledesigncarecter{ position: absolute;top: 50%;left: 50%; transform: translate(-50%,-50%); width: 220px;} */
.slide13 .pdfmaincontent .pdfrighttxtwrp .flexboxwrp .bgcolrbar img{ position: absolute;right: -34px;width: 90px;height: 80px;top: -5px;display: block;}

.slide13 .middledesigncarecter img{    width: 100%;}
.slide13 .pdfmaincontent .flexboxwrp ol li .bgcolrbar br{  display: none;}
.slide13 .pdfmaincontent h1{  margin-bottom: 3%;}
.slide13 .pdfmaincontent .linearrow{ position: absolute;}
.slide13 .pdfmaincontent .flexboxwrp ol li {margin: 0 0 20px;padding-top: 20px; display: block; position: relative; counter-increment: inst; width: 72%; float: left;}
.slide13 .pdfmaincontent .flexboxwrp ol li::before{ content: counter(inst); background: #ddd;
       background-image: -webkit-linear-gradient(156deg, #ddd 40%, #f9f8f1 100%);
       background-image: -moz-linear-gradient(156deg, #ddd 40%, #f9f8f1 100%);
       background-image: -o-linear-gradient(156deg, #ddd 40%, #f9f8f1 100%);
       background-image: linear-gradient( 156deg, #ddd 40%, #f9f8f1 100%);
       color: #939393;font-weight: 700;font-style: italic;border-radius: 50%;text-align: center;
       padding-top: 0;padding-left: 2.25%;left: -5%;top: 0.35em;position: absolute;transition: all .2s ease-in-out;z-index: 5;width: 26px; height: 26px;font-size: 18px;
}

.slide13 .middledesigncarecter { position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 276px;}


.slide13 .pdfmaincontent .flexboxwrp ol li:nth-child(1) .bgcolrbar .linearrow{position: absolute;right: -108px;width: 90px;height: 74px;top: 21px;z-index: 9; }
.slide13 .pdfmaincontent .flexboxwrp ol li:nth-child(2) .bgcolrbar .linearrow{ position: absolute;right: -88px;width: 72px;height: 19px;top: 5px;z-index: 9;}
.slide13 .pdfmaincontent .flexboxwrp ol li:nth-child(3) .bgcolrbar .linearrow{ position: absolute;right: -103px;width: 88px;height: 6px;top: 12px;z-index: 9;}
.slide13 .pdfmaincontent .flexboxwrp ol li:nth-child(4) .bgcolrbar .linearrow{position: absolute;right: -102px;width: 81px;height: 34px;top: -4px;z-index: 9; }
.slide13 .pdfmaincontent .flexboxwrp ol li:nth-child(5) .bgcolrbar .linearrow{position: absolute;left: -106px;width: 84px;height: 36px;top: 30px;z-index: 9; }
.slide13 .pdfmaincontent .flexboxwrp ol li:nth-child(6) .bgcolrbar .linearrow{ position: absolute;left: -88px;width: 72px;height: 25px;top: 8px;z-index: 9; }
.slide13 .pdfmaincontent .flexboxwrp ol li:nth-child(7) .bgcolrbar .linearrow{position: absolute;left: -94px;width: 72px;height: 34px;top: -4px;z-index: 9;}
.slide13 .pdfmaincontent .flexboxwrp ol li:nth-child(8) .bgcolrbar .linearrow{position: absolute;left: -88px;width: 67px;height: 44px;top: -20px;z-index: 9;}


/*-----------END SLIDE 13 CSS-----------*/


/*-----------START SLIDE 14 CSS-----------*/

.slide14 .pdfmaincontent p {
    padding-left: 38%;
    margin-top: -6%;
    font-size: 33px;
    font-weight: 600;
    line-height: 34px;
}

.slide14 .pdfmaincontent p span {
    color: #b6e600;
}

.slide14 .pdfmaincontent .pdfmaincontentinnerbottom {
    margin-top: 30px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.slide14 .pdfmaincontentinnerbottominner {
    width: 45%;
}

.slide14 .pdfmaincontentinnerbottominner p {
    padding-left: 0 !important;
    margin-top: 0 !important;
    font-size: 25px !important;
    line-height: 34px;
}

.slide14 .pdfmaincontentinnerbottom .pdfmainimgwrapper {
    background-color: #eeeeeeff;
    padding: 8px;
    width: 70%;
}

.slide14 .pdfmaincontentinnerbottom .pdfmainimgwrapper img {
    width: 100%
}


.slide14 .pdfmaincontentinnerbottom .pdfmainimgwrapper img { width: 100%;}
.slide13 .pdfmaincontent .flexboxwrp ol li { position: relative;margin-bottom: 40px;}
.slide13 .pdfmaincontent .flexboxwrp ol li .bgcolrbar{background: #43584c;background: linear-gradient( 90deg,rgb(155 231 52) 0,rgb(103 167 17) 100%);white-space: normal;word-break: break-word;display: inline-block;word-wrap: normal;
  resize: none;box-sizing: border-box;position: relative;width: 88%;margin: 0;border-radius: 7px!important;padding: 12px 45px 15px;font-size: 16px; }

/*-----------END SLIDE 14 CSS-----------*/


/*-----------START SLIDE 15 CSS-----------*/

.slide15 .pdfmaincontent p {
    padding-left: 38%;
    margin-top: -6%;
    font-size: 33px;
    font-weight: 600;
    line-height: 34px;
}

.slide15 .pdfmaincontent p span {
    color: #b6e600;
}

.slide15 .pdfmaincontent .pdfmaincontentinnerbottom {
    margin-top: 30px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.slide15 .pdfmaincontentinnerbottominner {
    width: 45%;
}

.slide15 .pdfmaincontentinnerbottominner p {
    padding-left: 0 !important;
    margin-top: 0 !important;
    font-size: 18px !important;
    line-height: 24px;
}

.slide15 .pdfmaincontentinnerbottom .pdfmainimgwrapper {
    background-color: #eeeeeeff;
    padding: 8px;
    width: 69%;
}

.slide15 .pdfmaincontentinnerbottom .pdfmainimgwrapper img {
    width: 100%
}


/*-----------END SLIDE 15 CSS-----------*/


/*-----------START SLIDE 16 CSS-----------*/

.slide16 .pdfmaincontent p {
    padding-left: 38%;
    margin-top: -6%;
    font-size: 33px;
    font-weight: 600;
    line-height: 34px;
}

.slide16 .pdfmaincontent p span {
    color: #b6e600;
}

.slide16 .pdfmaincontent .pdfmaincontentinnerbottom {
    margin-top: 30px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.slide16 .pdfmaincontentinnerbottominner {
    width: 45%;
}

.slide16 .pdfmaincontentinnerbottominner p {
    padding-left: 0 !important;
    margin-top: 0 !important;
    font-size: 18px !important;
    line-height: 24px;
}

.slide16 .pdfmaincontentinnerbottom .pdfmainimgwrapper {
    background-color: #eeeeeeff;
    padding: 8px;
    width: 69%;
}

.slide16 .pdfmaincontentinnerbottom .pdfmainimgwrapper img {
    width: 100%
}


/*-----------END SLIDE 16 CSS-----------*/


/*-----------START SLIDE 17 CSS-----------*/

.slide17 .pdfmaincontent p {
    padding-left: 38%;
    margin-top: -6%;
    font-size: 33px;
    font-weight: 600;
    line-height: 34px;
}

.slide17 .pdfmaincontent p span {
    color: #b6e600;
}

.slide17 .pdfmaincontent p.parabottom {
    margin-top: 20px;
    margin-bottom: 46px;
}

.pdfslide17wrapper {
    margin-top: 19px;
    display: flex;
    align-items: flex-start;
}

.slide17machineimage {
    width: 34%;
    position: absolute;
    bottom: -44px;
    left: 15px;
}

.slide17machineimage img {
    width: 100%
}

.pdfslide17wrapperright {
    width: 100%;
    padding-left: 38%;
}

.pdfslide17wrapperright p {
    padding-left: 0 !important;
    margin-top: 0 !important;
    font-size: 26px !important;
    font-weight: 600;
    line-height: 46px !important;
}


/*-----------END SLIDE 17 CSS-----------*/


/*-----------START SLIDE 18 CSS-----------*/

.slide18 .pdfmaincontent p {
    padding-left: 35%;
    margin-top: -5%;
    font-size: 40px;
    font-weight: 600;
    line-height: 35px;
}

.slide18 .pdfmaincontent p span {
    color: #b6e600;
}

.slide18 .pdfmaincontent .pdfmaincontentslide18inner {
    margin-top: 30px;
    display: flex;
    align-items: flex-start;
}

.slide18 .pdfmaincontent h2 {
    text-transform: capitalize;
}

.pdfmaincontenttop {
    margin-top: 20px;
}

.slide18 .pdfmaincontenttop p {
    padding-left: 0;
    margin-top: 0;
    font-size: 17px;
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 25px;
}

.slide18 .pdfmaincontenttop p:last-child {
    margin-bottom: 0;
}

.slide18 .pdfmaincontenttop h3 {
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
    margin-bottom: 10px;
}

.slide18 .pdfmaincontenttop h3 span {
    color: #b6e600;
}

.slide18machineimage {
    margin-top: -5%;
    width: 40%;
}

.pdfmaincontentslide18innerleft {
    width: 98%
}


/*-----------END SLIDE 18 CSS-----------*/


/*-----------START SLIDE 19 CSS-----------*/

.slide19 .pdfmaincontent p {
    padding-left: 35%;
    margin-top: -5%;
    font-size: 40px;
    font-weight: 600;
    line-height: 35px;
}

.slide19 .pdfmaincontent p span {
    color: #b6e600;
}

.slide19 .pdfmaincontent .pdfmaincontentlists {
    margin-top: 30px;
    display: flex;
    align-items: flex-start;
}

.slide19 .pdfmaincontent .pdfmaincontentlists ul li {
    padding-left: 0 !important;
    margin-top: 0 !important;
    font-size: 14px !important;
    line-height: 18px;
    color: #fff;
    width: 100%;
    padding: 0;
    margin-bottom: 8px;
}

.slide19 .pdfmaincontent .pdfmaincontentlists ul li::before {
    content: "\2022";
    color: #b6e600ff;
    display: inline-block;
    width: 10px;
    margin-left: -17px;
    font-size: 38px;
    height: 10px;
    position: absolute;
}

.slide19 .pdfmaincontent .pdfmaincontentlists ul {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0;
    flex-wrap: wrap;
    list-style: none;
    padding-left: 16px;
}

.slide19 .pdfmaincontentlistsleft {
    margin-right: 15px;
}

.slide19 .pdfmaincontent h2 {
    text-transform: capitalize;
}

.pdfmaincontenttop {
    margin-top: 20px;
}

.slide19 .pdfmaincontenttop p {
    padding-left: 0;
    margin-top: 0;
    font-size: 18px;
    font-weight: 400;
    line-height: 21px;
}

.slide19 .pdfmaincontenttop h3 {
    font-size: 24px;
    font-weight: 600;
    line-height: 26px;
    margin-bottom: 10px;
}


/*-----------END SLIDE 19 CSS-----------*/


/*-----------START SLIDE 20 CSS-----------*/

.slide20 .pdfmaincontent p {
    padding-left: 38%;
    margin-top: -6%;
    font-size: 26px;
    font-weight: 600;
    line-height: 31px;
}

.slide20 .pdfmaincontent p span {
    color: #b6e600;
}

.slide20 .pdfmaincontent .pdfmaincontentlists {
    margin-top: 30px;
}

.slide20 .pdfmaincontent .pdfmaincontentlists ul li {
    padding-left: 0 !important;
    margin-top: 0 !important;
    font-size: 14px !important;
    line-height: 18px;
    color: #fff;
    width: 22%;
    padding: 0 1%;
    margin: 0 1% 1%;
}

.slide20 .pdfmaincontent .pdfmaincontentlists ul li::before {
    content: "\2022";
    color: #b6e600ff;
    display: inline-block;
    width: 10px;
    margin-left: -17px;
    font-size: 38px;
    height: 10px;
    position: absolute;
}

.slide20 .pdfmaincontent .pdfmaincontentlists ul {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0;
    flex-wrap: wrap;
    list-style: none !important;
    margin: 0 -1%;
    padding-left: 8px;
}


/*-----------END SLIDE 20 CSS-----------*/


/*-----------START SLIDE 21 CSS-----------*/

.slide21 .pdfmaincontent p {
    padding-left: 38%;
    margin-top: -6%;
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
}

.slide21 .pdfmaincontent p span {
    color: #b6e600;
}

.slide21 .pdfmaincontent .pdfmaincontentinnerbottom {
    margin-top: 30px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.slide21 .pdfmaincontentinnerbottominner {
    width: 45%;
}

.slide21 .pdfmaincontentinnerbottominner p {
    padding-left: 0 !important;
    margin-top: 0 !important;
    font-size: 22px !important;
    line-height: 34px;
}

.slide21 .pdfmaincontentinnerbottom .pdfmainimgwrapper {
    background-color: #eeeeeeff;
    padding: 8px;
    width: 69%;
}

.slide21 .pdfmaincontentinnerbottom .pdfmainimgwrapper img {
    width: 100%
}


/*-----------END SLIDE 21 CSS-----------*/


/*-----------START SLIDE 22 CSS-----------*/

.slide22 .pdfmaincontent p {
    padding-left: 38%;
    margin-top: -6%;
    font-size: 24px;
    font-weight: 600;
    line-height: 31px;
}

.slide22 .pdfmaincontent p span {
    color: #b6e600;
}

.slide22 .pdfmaincontent .pdfmaincontentinnerbottom {
    margin-top: 30px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.slide22 .pdfmaincontentinnerbottominner {
    width: 45%;
}

.slide22 .pdfmaincontentinnerbottominner p {
    padding-left: 0 !important;
    margin-top: 0 !important;
    font-size: 18px !important;
    line-height: 26px;
}

.slide22 .pdfmaincontentinnerbottom .pdfmainimgwrapper {
    background-color: #eeeeeeff;
    padding: 8px;
    width: 69%;
}

.slide22 .pdfmaincontentinnerbottom .pdfmainimgwrapper img {
    width: 100%
}


/*-----------END SLIDE 22 CSS-----------*/


/*-----------START SLIDE 23 CSS-----------*/

.slide23 .pdfmaincontent p {
    padding-left: 38%;
    margin-top: -6%;
    font-size: 24px;
    font-weight: 600;
    line-height: 31px;
}

.slide23 .pdfmaincontent p span {
    color: #b6e600;
}

.slide23 .pdfmaincontent .pdfmaincontentinnerbottom {
    margin-top: 30px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.slide23 .pdfmaincontentinnerbottominner {
    width: 45%;
}

.slide23 .pdfmaincontentinnerbottominner p {
    padding-left: 0 !important;
    margin-top: 0 !important;
    font-size: 18px !important;
    line-height: 26px;
}

.slide23 .pdfmaincontentinnerbottom .pdfmainimgwrapper {
    background-color: #eeeeeeff;
    padding: 8px;
    width: 69%;
}

.slide23 .pdfmaincontentinnerbottom .pdfmainimgwrapper img {
    width: 100%
}


/*-----------END SLIDE 23 CSS-----------*/


/*-----------START SLIDE 24 CSS-----------*/

.slide24 .pdfmaincontent p {
    padding-left: 38%;
    margin-top: -6%;
    font-size: 24px;
    font-weight: 600;
    line-height: 31px;
}

.slide24 .pdfmaincontent p span {
    color: #b6e600;
}

.slide24 .pdfmaincontent .pdfmaincontentinnerbottom {
    margin-top: 30px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.slide24 .pdfmaincontentinnerbottominner {
    width: 45%;
}

.slide24 .pdfmaincontentinnerbottominner p {
    padding-left: 0 !important;
    margin-top: 0 !important;
    font-size: 19px !important;
    line-height: 31px;
}

.slide24 .pdfmaincontentinnerbottom .pdfmainimgwrapper {
    background-color: #eeeeeeff;
    padding: 8px;
    width: 69%;
}

.slide24 .pdfmaincontentinnerbottom .pdfmainimgwrapper img {
    width: 100%
}


/*-----------END SLIDE 24 CSS-----------*/


/*-----------START SLIDE 25 CSS-----------*/

.slide25 .pdfmaincontent p {
    padding-left: 38%;
    margin-top: -6%;
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
}

.slide25 .pdfmaincontent p span {
    color: #b6e600;
}

.slide25 .pdfmaincontent .pdfmaincontentinnerbottom {
    margin-top: 30px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.slide25 .pdfmaincontentinnerbottominner {
    width: 45%;
}

.slide25 .pdfmaincontentinnerbottominner p {
    padding-left: 0 !important;
    margin-top: 0 !important;
    font-size: 26px !important;
    line-height: 34px;
}

.slide25 .pdfmaincontentinnerbottom .pdfmainimgwrapper {
    background-color: #eeeeeeff;
    padding: 8px;
    width: 69%;
}

.slide25 .pdfmaincontentinnerbottom .pdfmainimgwrapper img {
    width: 100%
}


/*-----------END SLIDE 25 CSS-----------*/


/*-----------START SLIDE 26 CSS-----------*/

.slide26 .pdfmaincontent p {
    padding-left: 38%;
    margin-top: -6%;
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
}

.slide26 .pdfmaincontent p span {
    color: #b6e600;
}

.slide26 .pdfmaincontent .pdfmaincontentinnerbottom {
    margin-top: 30px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.slide26 .pdfmaincontentinnerbottominner {
    width: 45%;
}

.slide26 .pdfmaincontentinnerbottominner p {
    padding-left: 0 !important;
    margin-top: 0 !important;
    font-size: 18px !important;
}

.slide26 .pdfmaincontentinnerbottom .pdfmainimgwrapper {
    background-color: #eeeeeeff;
    padding: 8px;
    width: 69%;
}

.slide26 .pdfmaincontentinnerbottom .pdfmainimgwrapper img {
    width: 100%
}


/*-----------END SLIDE 26 CSS-----------*/


/*-----------START SLIDE 27 CSS-----------*/

.slide27 .pdfmaincontent p {
    padding-left: 38%;
    margin-top: -6%;
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
}

.slide27 .pdfmaincontent p span {
    color: #b6e600;
}

.slide27 .pdfmaincontent .pdfmaincontentinnerbottom {
    margin-top: 30px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.slide27 .pdfmaincontentinnerbottominner {
    width: 45%;
}

.slide27 .pdfmaincontentinnerbottominner p {
    padding-left: 0 !important;
    margin-top: 0 !important;
    font-size: 18px !important;
}

.slide27 .pdfmaincontentinnerbottom .pdfmainimgwrapper {
    background-color: #eeeeeeff;
    padding: 8px;
    width: 69%;
}

.slide27 .pdfmaincontentinnerbottom .pdfmainimgwrapper img {
    width: 100%
}


/*-----------END SLIDE 27 CSS-----------*/


/*-----------START SLIDE 28 CSS-----------*/

.slide28 .pdfmaincontainer {
    background-image: url(https://s3.amazonaws.com/dev.backoffice.betoparedes.com/assets/images/training/common/pdfbgoverlay.png), url(https://s3.amazonaws.com/dev.backoffice.betoparedes.com/assets/images/training/slide28-practice.png);
    background-repeat: no-repeat;
    background-position: center, left bottom !important;
    -webkit-background-size: cover, auto !important;
    -moz-background-size: cover, auto !important;
    -o-background-size: cover, auto !important;
    background-size: cover, auto !important;
}

.slide28 .pdfmaincontent p {
    padding-left: 38%;
    margin-top: -6%;
    font-size: 21px;
    font-weight: 600;
    line-height: 30px;
}

.slide28 .pdfmaincontent p span {
    color: #b6e600;
}

.slide28 .pdfmaincontent p.parabottom {
    margin-top: 20px;
    margin-bottom: 46px;
}


/*-----------END SLIDE 28 CSS-----------*/


/*-----------START SLIDE 29 CSS-----------*/

.slide29 .pdfmaincontent h2 {
    padding-left: 35%;
    margin-top: -6%;
    font-size: 26px;
}

.slide29 .pdfmaincontent h1 {
    font-size: 28px;
    margin-top: 20px;
    margin-bottom: 20px
}

.slide29 .pdfmaincontent p {
    font-size: 18px;
}

.slide29 .pdfmaincontent p a {
    color: #b6e600;
}

.slide29 .pdfmaincontent h4 {
    font-size: 28px;
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: 500;
}

.slide29 .logolists {
    background-color: #fff;
    padding: 0px 10px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.slide29 .logolists .logoimg {
    flex: 1
}

.slide29 .logolists .logoimg img {
    width: 100%
}


/*-----------END SLIDE 29 CSS-----------*/


/*-----------Start priti media CSS-----------*/

@media (max-width:1360px) {

    .slide2 .listwrapper p:nth-child(5)::after{right: 25%;top: 42px; }

    .slide3 .pdfmaincontent p br{ display: none; }
    .slide3 .pdfmaincontent h2 br{ display:none; }
    .slide2 .pdfrighttxtwrp h1{font-size: 18px; }
    .slide2 .logolists{bottom: -49px;left: -47px;}
    .slide2 .logolists .logo{ max-width: 312px; }

    .slide7 .pdfmaincontent h2 br{ display: none; }
    .slide7 .pdfmaincontent .pdfrighttxtwrp p br{ display: none; }
    .slide7 .pdfmaincontent h2{ font-size: 18px!important; }
    .slide7 .pdfmaincontent .pdfrighttxtwrp{width: 52%; }
    .slide7 .pdfmaincontent .pdfrighttxtwrp p { font-size: 16px;}


    .slide8 .pdfmaincontent .pdfrighttxtwrp { width: 436px; }
    .slide8 .pdfmaincontent .pdfrighttxtwrp h2{font-size: 26px;}
    .slide8 .pdfmaincontent .pdfrighttxtwrp p{ font-size: 16px; }
    .slide8 .logolists{  top: -20px;right: 60px;}
    .slide8 .logolists .logo { max-width: 280px;}

    .slide9 .pdfrighttxtwrp p{ font-size: 16px; }
    .slide9 .pdfrighttxtwrp{ padding-left: 36%;}
    .slide9 .pdfmaincontent h1{font-size: 26px; }

    .slide11 .logolists .logo{ max-width: 243px; } 
  
}

@media (max-width:1290px) {
    .slide2 .pdfmaincontent .imagewrpper .betoimg1{   max-width: 200px;}
    .slide2 .pdfmaincontent .imagewrpper .apogeeimg1{ max-width: 200px;}
    .slide2 .pdfrighttxtwrp{  padding-left: 36%; }
    .slide2 .listwrapper p:nth-child(5)::after{right: 20%;top: 46px; }


    .slide3 .logolists .logo{max-width: 295px; }
    .slide3 .pdfmaincontent h1{font-size: 26px;}

    .slide4 .pdfmaincontent .textwrapper p{ font-size: 16px; }
    .slide4 .logolists{  top: 61px; }
    .slide4 .logolists .logo{   max-width: 230px; }
    .slide4 .pdfmaincontent .pdfrighttxtwrp p{ font-size: 14px; }

    .slide5 .logolists{  top: 22px;  }
    .slide5 .pdfmaincontent .lefttextwrapper { width: 46%; }
    .slide5 .pdfmaincontent .pdfrighttxtwrp h1{ font-size: 16px;line-height: 26px;margin-bottom: 15px;padding-left: 20%; }

    .slide6 .pdfmaincontent .pdfrighttxtwrp h1{ font-size: 17px;line-height: 24px;padding-left: 40%; }
    .slide6 .pdfmaincontent .pdfrighttxtwrp h2{  margin-bottom: 10px; }
    .slide6 .pdfmaincontent .pdfrighttxtwrp .flexboxwrapper{ margin: 10px 0;}
    .slide6 .pdfmaincontent .flexboxwrapper h3{font-size: 20px;line-height: 24px; }

    .slide8 .pdfmaincontent .pdfrighttxtwrp h2 {font-size: 23px; }
    .slide8 .pdfmaincontent .pdfrighttxtwrp p{ width: 395px; }
    .slide9 .pdfmaincontent h1 { font-size: 23px;  }
    .slide9 .pdfrighttxtwrp p { font-size: 15px;  }
    .slide9 .logolists .logo{ max-width: 267px;  }

    .slide10 .pdfmaincontent h1{font-size: 41px;line-height: 46px; }

    .slide11 .logolists .logo {max-width: 235px;}
}

@media (max-width:1199px) {
    .slide1 .logolists { position: inherit;top: 0;left: 0;width: 47%;margin: 0px auto;margin-bottom: -45px!important; }

    .slide1 h1{font-size: 28px!important;text-align: center;padding-left: 0;text-transform: inherit;padding-bottom: 60px;position: relative;margin-top: 6%;}
    .slide1 h1 br{ display: none; }
    .slide1 h1::after{ width: 100%;right: 0;left: 15%; bottom: 30px; }
    .lessoncontent .paragraphwrapper .paragraphcls img{ margin: 0 auto;margin-bottom: -44px;width: 100%;max-height: 100%;max-width: 100%;height: auto; }
    .slide1 .logo{ max-width: inherit; }

    .slide2 .pdfrighttxtwrp{ padding-left: 0;margin-top:46px; }
    .slide2 .logolists{position: inherit;top: 0;left: 0;width: 47%;margin: 0px auto;margin-bottom: -45px;  }
    .slide2 .pdfrighttxtwrp h1{  text-align: center;    }
    .slide2 .pdfmaincontent .imagewrpper .betoimg1 img{margin-bottom: 0; }
    .slide2 .listwrapper p::before{ content: '';position: absolute;left: -2%;background-color: #fff;width: 5px;height: 5px;border-radius: 10px;top: 10px; }
  

    .slide3 .pdfrighttxtwrp {padding-left: 0; margin-top: 0;text-align: center; }
    .slide3 .logolists { position: inherit; top: 0;left: 0;margin: 0px auto;width: 47%;}
    .slide3 .logolists .logo{max-width:inherit; }
    .slide3 .logolists .logo img{ margin-bottom: -44px!important; }


    .slide4 .pdfrighttxtwrp {padding-left: 0;text-align: center;margin-top: 0px;}
    .slide4 .logolists { position: inherit;top: 0;left: 0;margin: 0px auto;width: 48%;margin-bottom: -40px; }
    .slide4 .logolists .logo{ max-width: inherit; }
    .slide4 .logolists .logo img{  display: block;margin-top: -7%; }

    .slide5 .pdfmaincontent .pdfrighttxtwrp {padding-left: 0;margin-top: 0px;text-align:center;}
    .slide5 .pdfmaincontent .pdfrighttxtwrp h1{  padding-left: 0;text-align: center; }
    .slide5 .logolists {position: inherit;top: 0;left: 0;margin-bottom: -44px!important;margin: 0px auto;width: 47%; }
    .slide5 .pdfmaincontent .lefttextwrapper p{    text-align: left;    }
    .slide5 .pdfmaincontent .righttextwrapper p{    text-align: left;    }
    .slide5 .logolists .logo{  max-width: inherit;  }

 .slide6 .pdfmaincontent .pdfrighttxtwrp h1{margin-top: 0px;padding-left: 0;text-align: center;}
 .slide6 .pdfmaincontent .flexboxwrapper .lefttextwrapper p {font-size: 14px; }
 .slide6 .pdfmaincontent .flexboxwrapper .righttextwrapper p {font-size: 14px; }
 .slide6 .pdfmaincontent .pdfrighttxtwrp h1{ font-size: 18px;line-height: 24px;margin-bottom: 10px;}
 .slide6 .pdfmaincontent .pdfrighttxtwrp h2{ text-align: center;}


 .slide7 .pdfmaincontent .pdfrighttxtwrp { width: auto;margin-top: 0px;text-align: center; }
 .slide7 .pdfmaincontent .logolists {position: inherit;top: 0;right: 0px!important; margin: 0px auto;width: 70%; }
 .slide7 .pdfmaincontent .pdfrighttxtwrp p br{ display:none; }
 .slide7 .pdfmaincontent h1 br{ display: none;  }
 .slide7 .pdfmaincontent h2 br{    display: none;  }
 .slide7 .logolists .logo{ max-width:inherit;  }
 .slide7 .pdfmaincontent .pdfrighttxtwrp p{margin-bottom: 10px;}

 .slide8 .pdfmaincontent .pdfrighttxtwrp {width: auto;padding-top: 0px; }
 .slide8 .pdfmaincontent .pdfrighttxtwrp h2{ text-align: center;  }
 .slide8 .logolists {position: inherit; top: 0;right: 0;margin: 0px auto;width: 47%;}
 .slide8 .pdfmaincontent .pdfrighttxtwrp p{text-align:center;width: auto;margin-bottom: 20px; } 
 .slide8 .logolists .logo{max-width: inherit;}

 .slide9 .pdfrighttxtwrp { padding-left: 0;margin-top: 0px;text-align: center;}
 .slide9 .logolists {position: inherit; top: 0;left: 0;width: 60%;margin: 0px auto;margin-bottom: -40px; }
 .slide9 .logolists .logo{ max-width: inherit; }
 .slide9 .pdfrighttxtwrp p::before{   left: -3%;  }
 .slide9 .pdfrighttxtwrp p{ text-align: left; }

 .slide10 .pdfrighttxtwrp {margin: 0;margin-top: 0px;}
 .slide10 .pdfmaincontent h1 {text-transform: inherit;font-size: 36px;line-height: 46px;margin-bottom: 15px;margin-left: 0;margin-top: 0;text-align: center; }
 /* .slide10 .pdfmaincontent h1 br{display: none;  } */
 .slide10 .logolists {position: inherit;top: 0;left: 0;margin: 0px auto; width: 45%;margin-bottom: -40px; }
 .slide10 .listwrapper p{ background-position: left 11% top 10px;padding-left: 17%; }
 .slide10 .logolists .logo{ max-width: inherit;}

 .slide11 .pdfrighttxtwrp {margin-left: 0;margin-top: 0px;}
 .slide11 .pdfmaincontent h1{text-align: center;}
 .slide11 .logolists {position: inherit;top: 0;left: 0;margin: 0px auto;width: 47%; }
 .slide11 .logolists .logo {max-width: inherit; }

 .slide12 .pdfmaincontent h1{padding-top: 0px;margin-top: 0; }
 .slide12 .pdfgrnbar h2{ text-align: center;  }

.slide13 .pdfrighttxtwrp{  padding-top: 40px;  }
.slide13 .middledesigncarecter{  position: inherit;}
.slide13 .pdfmaincontent .flexboxwrp ol li:nth-child(1) .bgcolrbar .linearrow{ display: none;}
.slide13 .pdfmaincontent .flexboxwrp ol li:nth-child(2) .bgcolrbar .linearrow{ display: none;}
.slide13 .pdfmaincontent .flexboxwrp ol li:nth-child(3) .bgcolrbar .linearrow{ display: none;}
.slide13 .pdfmaincontent .flexboxwrp ol li:nth-child(4) .bgcolrbar .linearrow{ display: none;}
.slide13 .pdfmaincontent .flexboxwrp ol li:nth-child(5) .bgcolrbar .linearrow{ display: none;}
.slide13 .pdfmaincontent .flexboxwrp ol li:nth-child(6) .bgcolrbar .linearrow{ display: none;}
.slide13 .pdfmaincontent .flexboxwrp ol li:nth-child(7) .bgcolrbar .linearrow{ display: none;}
.slide13 .pdfmaincontent .flexboxwrp ol li:nth-child(8) .bgcolrbar .linearrow{ display: none;}
.slide13 .pdfmaincontent .flexboxwrp ol{  column-count: 1;}
.slide13 .pdfmaincontent .flexboxwrp ol li{ width: 100%;}
.slide13 .pdfmaincontent .flexboxwrp{  text-align: center;margin: 0px auto;display: block;}
.slide13 .pdfmaincontent .flexboxwrp ol li{ margin-bottom: 15px; }
.slide13 .middledesigncarecter{ top: 0;left: 0;transform: translate(0%, 0%);width: 50%;margin: 0px auto;}
.slide13 .pdfmaincontent h1{  padding-left: 0;}

.slide13 .pdfmaincontent .flexboxwrp ol li:nth-child(5) .bgcolrbar img {
    left: inherit;
    position: absolute;
    right: -34px;
    width: 90px;
    height: 80px;
    top: -5px;
    display: block;
}
.slide13 .pdfmaincontent .flexboxwrp ol li:nth-child(n+1):before {
    right: inherit;
    left: 0;
}
.slide13 .pdfmaincontent .flexboxwrp ol li:nth-child(n+2):before {
    right: inherit;
    left: 0;
}
.slide13 .pdfmaincontent .flexboxwrp ol li:nth-child(n+3):before {
    right: inherit;
    left: 0;
}
.slide13 .pdfmaincontent .flexboxwrp ol li:nth-child(n+4):before {
    right: inherit;
    left: 0;
}
.slide13 .pdfmaincontent .flexboxwrp ol li:nth-child(n+5):before {
    right: inherit;
    left: 0;
}
.slide13 .pdfmaincontent .flexboxwrp ol li:nth-child(6) .bgcolrbar img {
    left: inherit;
    position: absolute;
    right: -34px;
    width: 90px;
    height: 80px;
    top: -5px;
    display: block;
}
.slide13 .pdfmaincontent .flexboxwrp ol li:nth-child(7) .bgcolrbar img {
    left: inherit;
    position: absolute;
    right: -34px;
    width: 90px;
    height: 80px;
    top: -5px;
    display: block;
}

.slide13 .pdfmaincontent .flexboxwrp ol li:nth-child(8) .bgcolrbar img {
    left: inherit;
    position: absolute;
    right: -34px;
    width: 90px;
    height: 80px;
    top: -5px;
    display: block;
}


.slide14 .pdfmaincontent p {padding-left: 38%;margin-top: -6%;font-size: 33px;font-weight: 600;line-height: 34px; }
.slide14 .pdfmaincontent p span {  color: #b6e600; }   
.slide14 .pdfmaincontent .pdfmaincontentinnerbottom { margin-top: 30px; display: flex;align-items: flex-start;justify-content: space-between;}   
.slide14 .pdfmaincontentinnerbottominner { width: 45%; }
.slide14 .pdfmaincontentinnerbottominner p { padding-left: 0 !important;margin-top: 0 !important;font-size: 25px !important;line-height: 34px;}   
.slide14 .pdfmaincontentinnerbottom .pdfmainimgwrapper {background-color: #eeeeeeff;padding: 8px;width: 70%; }

 


}

@media (max-width:991px) {
 .slide2 .pdfmaincontent .imagewrpper{ justify-content: center;  } 
 .slide2 .textwrapper p{ text-align: left;}
 .slide2 .listwrapper p:nth-child(5)::after{ right: 55%;top: 27px; }

 .slide4 .pdfmaincontent .textwrapper p::before{ top: 23px;}
 .slide4 .pdfmaincontent h1{ font-size: 24px;line-height: 30px; }
 .slide6 .pdfmaincontent .pdfrighttxtwrp .flexboxwrapper{ justify-content: space-around; }

 .slide10 .textwrapper p{ text-align: left;}
 .slide10 .listwrapper p{ background-position: left 10% center; }
 .slide11 .pdfmaincontent .listwrapper p{ background-position: left top 28px; }
 .slide11 .pdfmaincontent .listwrapper p{text-align: left; }
}


@media (max-width:767px) {
.slide12 .flexboxwrapper li:nth-child(3n+1){width: 50%;margin-right: 0;}
.slide12 .flexboxwrapper li:nth-child(3n+2){width: 50%;}
.slide12 .flexboxwrapper li:nth-child(3n+3){width: 100%;}
.slide6 .pdfmaincontent .flexboxwrapper .lefttextwrapper p {font-size: 13px; }
.slide6 .pdfmaincontent .flexboxwrapper .righttextwrapper p {font-size: 13px; }
.slide6 .pdfmaincontent .flexboxwrapper .righttextwrapper p::before{  left: -3%;}
    
}

@media (max-width:680px) {

    .slide2 .pdfrighttxtwrp h1 br{  display: none;  }
.slide6 .pdfmaincontent .flexboxwrapper .lefttextwrapper h3 {margin-bottom: 10px;}
.slide6 .pdfmaincontent .pdfrighttxtwrp .flexboxwrapper{ flex-direction: column; width: 100%; margin: 0px auto; text-align: center;justify-content: center;align-items: center;}
.slide6 .flexboxwrapper .lefttextwrapper{ width: auto;margin-bottom: 15px;}
.slide6 .pdfmaincontent .flexboxwrapper .lefttextwrapper p,.slide6 .pdfmaincontent .flexboxwrapper .righttextwrapper p {font-size: 16px;text-align: left;}


.slide9 .pdfrighttxtwrp p{font-size: 15px;line-height: 24px;text-align: left;padding-left: 15px;}
.slide9 .pdfmaincontent h1{ font-size: 22px;}
.slide9 .pdfrighttxtwrp p::before {   left: -2%;}


.slide12 .flexboxwrapper li:nth-child(3n+1) {width: 100%;}
.slide12 .flexboxwrapper li:nth-child(3n+2) {width: 100%;}
.slide12 .flexboxwrapper li:nth-child(3n+3) {width: 100%;}
.slide12 .pdfmaincontent h1{font-size: 30px;padding-left: 0;}
}

@media (max-width:480px) {
 .slide1 h1{font-size: 18px!important;}
 .slide3 .pdfmaincontent h1{font-size: 22px;line-height: 28px;}

 .slide5 .pdfmaincontent .lefttextwrapper { width: 100%;margin-bottom: 10px;padding-left: 0; }
 .slide5 .pdfmaincontent .righttextwrapper { width: 100%;  }
 .slide5 .pdfmaincontent .righttextwrapper p{ padding-left: 20px;    }

 .slide7 .pdfmaincontent h1{font-size: 22px;line-height: 28px; }
 .slide9 .pdfmaincontent h1{font-size: 19px;line-height: 25px; }
 .slide9 .pdfrighttxtwrp p {padding: 0 3%;margin: 0 1% 1%;width: 98%;font-size: 15px !important;line-height: 22px;margin-bottom: 12px;}

 .slide10 .pdfmaincontent h1{font-size: 30px;line-height: 38px;}
 .slide10 .listwrapper p{background-position: left 8% top 25px;}
 .slide11 .pdfmaincontent h1{font-size: 28px;padding-left: 0;}
 .slide11 .pdfmaincontent .listwrapper p{background-position: center top;padding-left: 0;text-align: center;padding-top: 30px!important;}
 .slide11 .pdfmaincontent h2{ text-align: center;padding-left: 0;}
 .slide11 .pdfmaincontent h3{text-align: center;padding-left: 0;}
 .slide5 .pdfmaincontent .textwrapper{flex-wrap: wrap;}
 .slide5 .pdfmaincontent .righttextwrapper p{ line-height: 24px; font-size: 14px; }

}
@media (max-width:380px) {
    .slide3 .pdfmaincontent h1{font-size: 16px;line-height: 22px;}
    .slide4 .pdfmaincontent h2{ font-size: 18px;  }

    .slide6 .pdfmaincontent .flexboxwrapper .righttextwrapper p::before{ left: 0;top: 10px; }       
    .slide7 .pdfmaincontent h2 { font-size: 16.2px!important; }
    .slide9 .pdfmaincontent h1 {font-size: 20px;line-height: 24px;  }
    .slide9 .pdfrighttxtwrp p{ padding: 0 5%; }

    .slide10 .listwrapper p{ background-position: center top;padding-left: 0; padding-top: 30px!important;}
    .slide10 .textwrapper p{   font-size: 16px;line-height: 22px;margin-bottom: 15px;  }
    .slide10 .pdfmaincontent h1 {font-size: 24px;line-height: 28px; }
    .slide10 .textwrapper p{ text-align: center;  }

    .slide11 .pdfmaincontent .listwrapper p{ background-position: center top;padding-left: 0; }
}




/*-----------End priti media CSS-----------*/


/*-----------Start Koushik media CSS-----------*/

@media (max-width: 1280px) {
    .slide14 .pdfmaincontent p,
    .slide15 .pdfmaincontent p,
    .slide16 .pdfmaincontent p,
    .slide17 .pdfmaincontent p {
        font-size: 31px;
    }
    .slide16 .pdfmaincontentinnerbottominner p {
        font-size: 16px !important;
    }
    .pdfslide17wrapperright p {
        font-size: 21px !important;
        line-height: 39px !important;
    }
    .slide18 .pdfmaincontent p {
        padding-left: 38%;
        font-size: 38px;
    }
    .slide18 .pdfmaincontenttop p {
        padding-left: 0;
        font-size: 17px;
    }
    .slide18machineimage {
        margin-top: -3%;
    }
    .slide19 .pdfmaincontent p {
        padding-left: 38%;
        font-size: 38px;
    }
    .slide19 .pdfmaincontenttop p {
        padding-left: 0;
        font-size: 17px;
        line-height: 24px;
    }
    .slide21 .pdfmaincontent p {
        font-size: 22px;
    }
    .slide21 .pdfmaincontentinnerbottominner p {
        font-size: 21px !important;
    }
    .slide22 .pdfmaincontent p {
        font-size: 22px;
    }
    .slide22 .pdfmaincontentinnerbottominner p {
        font-size: 16px !important;
    }
    .slide23 .pdfmaincontent p {
        font-size: 22px;
    }
    .slide23 .pdfmaincontentinnerbottominner p {
        font-size: 16px !important;
        line-height: 23px;
    }
    .slide24 .pdfmaincontent p {
        font-size: 22px;
    }
    .slide24 .pdfmaincontentinnerbottominner p {
        font-size: 17px !important;
        line-height: 28px;
    }
    .slide25 .pdfmaincontentinnerbottominner p {
        font-size: 21px !important;
        line-height: 34px;
    }
    .slide26 .pdfmaincontentinnerbottominner p {
        font-size: 16px !important;
    }
    .slide27 .pdfmaincontentinnerbottominner p {
        font-size: 16px !important;
        line-height: 26px;
    }
    .slide28 .pdfmaincontent p {
        font-size: 19px;
    }
    .slide29 .pdfmaincontent h2 {
        padding-left: 38%;
        font-size: 25px;
    }
    .slide29 .pdfmaincontent h1 {
        font-size: 24px;
    }
    .slide29 .pdfmaincontent h4 {
        font-size: 26px;
    }
    .slide29 .pdfmaincontent p {
        font-size: 22px;
    }
    .training_center_wrapper mat-card-title {
        font-size: 29px!important;
    }
}

@media (max-width:1199px) {
    .pdfheaderblock .pdflogowrapper {
        margin: 0 auto;
    }
    .slide14 .pdfmaincontent p {
        padding-left: 0;
        margin-top: 0;
        text-align: center;
    }
    .slide14 .pdfmaincontent .pdfmaincontentinnerbottom {
        justify-content: center;
        flex-wrap: wrap;
        margin-top: 20px;
    }
    .slide14 .pdfmaincontentinnerbottominner p br {
        display: none;
    }
    .slide14 .pdfmaincontentinnerbottominner {
        width: 100%;
    }
    .slide14 .pdfmaincontentinnerbottom .pdfmainimgwrapper {
        width: 100%;
        margin-top: 20px;
    }
    .slide15 .pdfmaincontent p {
        padding-left: 0;
        margin-top: 0;
        text-align: center;
    }
    .slide15 .pdfmaincontent .pdfmaincontentinnerbottom {
        justify-content: center;
        flex-wrap: wrap;
        margin-top: 20px;
    }
    .slide15 .pdfmaincontentinnerbottominner {
        width: 100%;
    }
    .slide15 .pdfmaincontentinnerbottominner p br {
        display: none;
    }
    .slide15 .pdfmaincontentinnerbottom .pdfmainimgwrapper {
        width: 100%;
        margin-top: 20px;
    }
    .slide16 .pdfmaincontent p {
        padding-left: 0;
        margin-top: 0;
        text-align: center;
    }
    .slide16 .pdfmaincontent .pdfmaincontentinnerbottom {
        justify-content: center;
        flex-wrap: wrap;
        margin-top: 20px;
    }
    .slide16 .pdfmaincontentinnerbottominner {
        width: 100%;
    }
    .slide16 .pdfmaincontentinnerbottominner p br {
        display: none;
    }
    .slide16 .pdfmaincontentinnerbottom .pdfmainimgwrapper {
        width: 100%;
        margin-top: 20px;
    }
    .slide17 .pdfmaincontent p {
        padding-left: 0;
        margin-top: 0;
        text-align: center;
    }
    .slide17 .pdfmaincontent .pdfmaincontentinnerbottom {
        justify-content: center;
        flex-wrap: wrap;
        margin-top: 20px;
    }
    .slide17 .pdfmaincontent p {
        width: 100%;
    }
    .slide17 .pdfmaincontent p br {
        display: none;
    }
    .pdfslide17wrapper {
        flex-wrap: wrap;
    }
    .slide17machineimage {
        width: 46%;
        margin: 0 auto;
        position: inherit;
        bottom: 0;
        left: 0;
        margin-top: -3%;
        order: 2;
    }
    .pdfslide17wrapperright {
        width: 100%;
        padding-left: 0;
        order: 1;
    }
    .slide17 .pdfmaincontainer {
        padding-bottom: 0;
    }
    .slide18 .pdfmaincontent p {
        padding-left: 0;
        margin-top: 0;
        text-align: center;
    }
    .slide18 .pdfmaincontent .pdfmaincontentinnerbottom {
        justify-content: center;
        flex-wrap: wrap;
        margin-top: 20px;
    }
    .slide18 .pdfmaincontent p {
        width: 100%;
    }
    .slide18 .pdfmaincontent p br {
        display: none;
    }
    .pdfslide18wrapper {
        flex-wrap: wrap;
    }
    .slide18machineimage {
        width: 22%;
        margin: 0 auto;
        position: inherit;
        bottom: 0;
        left: 0;
        margin-top: 15px;
    }
    .pdfslide18wrapperright {
        width: 100%;
        padding-left: 0;
    }
    .slide18 .pdfmaincontent .pdfmaincontentslide18inner {
        flex-wrap: wrap;
    }
    .slide18 .pdfmaincontenttop h3 {
        text-align: center;
    }
    .slide19 .pdfmaincontent p {
        padding-left: 0;
        margin-top: 0;
        text-align: center;
    }
    .slide19 .pdfmaincontent .pdfmaincontentinnerbottom {
        justify-content: center;
        flex-wrap: wrap;
        margin-top: 20px;
    }
    .slide19 .pdfmaincontent p {
        width: 100%;
    }
    .slide19 .pdfmaincontent p br {
        display: none;
    }
    .slide19 .pdfmaincontenttop h3 {
        text-align: center;
    }
    .slide19 .pdfmaincontenttop p {
        font-size: 18px;
    }
    .slide19 .pdfmaincontent h2 {
        font-size: 22px;
    }
    .slide19 .pdfmaincontent .pdfmaincontentlists ul li {
        font-size: 16px !important;
        line-height: 22px;
        margin-bottom: 12px;
    }
    .slide20 .pdfmaincontent p {
        padding-left: 0;
        margin-top: 0;
        text-align: center;
    }
    .slide20 .pdfmaincontent p {
        width: 100%;
    }
    .slide20 .pdfmaincontent p br {
        display: none;
    }
    .slide21 .pdfmaincontent p {
        padding-left: 0;
        margin-top: 0;
        text-align: center;
    }
    .slide21 .pdfmaincontent p {
        width: 100%;
    }
    .slide21 .pdfmaincontent p br {
        display: none;
    }
    .slide21 .pdfmaincontent .pdfmaincontentinnerbottom {
        flex-wrap: wrap;
        margin-top: 20px;
    }
    .slide21 .pdfmaincontentinnerbottominner {
        width: 100%;
    }
    .slide21 .pdfmaincontentinnerbottom .pdfmainimgwrapper {
        width: 100%;
        margin-top: 20px;
    }
    .slide22 .pdfmaincontent p {
        padding-left: 0;
        margin-top: 0;
        text-align: center;
    }
    .slide22 .pdfmaincontent p {
        width: 100%;
    }
    .slide22 .pdfmaincontent p br {
        display: none;
    }
    .slide22 .pdfmaincontent .pdfmaincontentinnerbottom {
        flex-wrap: wrap;
        margin-top: 10px;
    }
    .slide22 .pdfmaincontentinnerbottominner {
        width: 100%;
    }
    .slide22 .pdfmaincontentinnerbottom .pdfmainimgwrapper {
        width: 100%;
        margin-top: 20px;
    }
    .slide23 .pdfmaincontent p {
        padding-left: 0;
        margin-top: 0;
        text-align: center;
    }
    .slide23 .pdfmaincontent p {
        width: 100%;
    }
    .slide23 .pdfmaincontent p br {
        display: none;
    }
    .slide23 .pdfmaincontent .pdfmaincontentinnerbottom {
        flex-wrap: wrap;
        margin-top: 10px;
    }
    .slide23 .pdfmaincontentinnerbottominner {
        width: 100%;
    }
    .slide23 .pdfmaincontentinnerbottom .pdfmainimgwrapper {
        width: 100%;
        margin-top: 20px;
    }
    .slide24 .pdfmaincontent p {
        padding-left: 0;
        margin-top: 0;
        text-align: center;
    }
    .slide24 .pdfmaincontent p {
        width: 100%;
    }
    .slide24 .pdfmaincontent p br {
        display: none;
    }
    .slide24 .pdfmaincontent .pdfmaincontentinnerbottom {
        flex-wrap: wrap;
        margin-top: 10px;
    }
    .slide24 .pdfmaincontentinnerbottominner {
        width: 100%;
    }
    .slide24 .pdfmaincontentinnerbottom .pdfmainimgwrapper {
        width: 100%;
        margin-top: 20px;
    }
    .slide25 .pdfmaincontent p {
        padding-left: 0;
        margin-top: 0;
        text-align: center;
    }
    .slide25 .pdfmaincontent p {
        width: 100%;
    }
    .slide25 .pdfmaincontent p br {
        display: none;
    }
    .slide25 .pdfmaincontent .pdfmaincontentinnerbottom {
        flex-wrap: wrap;
        margin-top: 10px;
    }
    .slide25 .pdfmaincontentinnerbottominner {
        width: 100%;
    }
    .slide25 .pdfmaincontentinnerbottom .pdfmainimgwrapper {
        width: 100%;
        margin-top: 20px;
    }
    .slide26 .pdfmaincontent p {
        padding-left: 0;
        margin-top: 0;
        text-align: center;
    }
    .slide26 .pdfmaincontent p {
        width: 100%;
    }
    .slide26 .pdfmaincontent p br {
        display: none;
    }
    .slide26 .pdfmaincontent .pdfmaincontentinnerbottom {
        flex-wrap: wrap;
        margin-top: 10px;
    }
    .slide26 .pdfmaincontentinnerbottominner {
        width: 100%;
    }
    .slide26 .pdfmaincontentinnerbottom .pdfmainimgwrapper {
        width: 100%;
        margin-top: 20px;
    }
    .slide27 .pdfmaincontent p {
        padding-left: 0;
        margin-top: 0;
        text-align: center;
    }
    .slide27 .pdfmaincontent p {
        width: 100%;
    }
    .slide27 .pdfmaincontent p br {
        display: none;
    }
    .slide27 .pdfmaincontent .pdfmaincontentinnerbottom {
        flex-wrap: wrap;
        margin-top: 10px;
    }
    .slide27 .pdfmaincontentinnerbottominner {
        width: 100%;
    }
    .slide27 .pdfmaincontentinnerbottom .pdfmainimgwrapper {
        width: 100%;
        margin-top: 20px;
    }
    .slide28 .pdfmaincontent p {
        padding-left: 0;
        margin-top: 0;
        text-align: center;
    }
    .slide28 .pdfmaincontent p {
        width: 100%;
    }
    .slide28 .pdfmaincontent p br {
        display: none;
    }
    .slide28 .pdfmaincontainer {
        background-position: center, bottom center!important;
        -webkit-background-size: cover, 100% !important;
        -moz-background-size: cover, 100% !important;
        -o-background-size: cover, 100% !important;
        background-size: cover, 100%!important;
    }
    .slide28 .pdfmaincontainer .pdfmaincontent {
        padding-top: 0%;
        padding-bottom: 77%;
    }
    .slide29 .pdfmaincontent h2 {
        padding-left: 0;
        margin-top: 0;
        text-align: center;
    }
    .slide29 .pdfmaincontent p {
        padding-left: 0;
        margin-top: 0;
        text-align: center;
    }
    .slide29 .pdfmaincontent p {
        width: 100%;
    }
    .slide29 .pdfmaincontent p br {
        display: none;
    }
    .slide29 .pdfmaincontent h1 {
        text-align: center;
        font-size: 19px;
    }
    .slide29 .pdfmaincontent h4 {
        text-align: center;
        font-size: 20px;
    }
}

@media (max-width:767px) {
    .slide19 .pdfmaincontent .pdfmaincontentlists {
        flex-wrap: wrap;
    }
    .slide19 .pdfmaincontenttop h3 {
        font-size: 21px;
        line-height: 32px;
    }
    .slide19 .pdfmaincontent p {
        font-size: 26px;
        line-height: normal;
    }
    .slide19 .pdfmaincontenttop p {
        font-size: 18px;
    }
    .slide20 .pdfmaincontent .pdfmaincontentlists ul li {
        width: 47%;
    }
    .slide29 .logolists {
        justify-content: center;
        flex-wrap: wrap;
    }
    .slide29 .logolists .logoimg {
        flex: 0 0 33.33%;
    }
    .slide14 .pdfmaincontent p,
    .slide15 .pdfmaincontent p,
    .slide16 .pdfmaincontent p,
    .slide17 .pdfmaincontent p {
        font-size: 26px;
        line-height: normal;
    }
    .slide14 .pdfmaincontentinnerbottominner p {
        font-size: 18px !important;
        line-height: 24px;
    }
    .slide16 .pdfmaincontent .pdfmaincontentinnerbottom {
        margin-top: 10px;
    }
    .slide28 .pdfmaincontainer .pdfmaincontent {
        padding-top: 0%;
        padding-bottom: 77%;
    }
}

@media (max-width:480px) {
    .slide29 .logolists .logoimg {
        flex: 0 0 100%;
    }
    .slide20 .pdfmaincontent .pdfmaincontentlists ul li {
        width: 98%;
        font-size: 16px !important;
        line-height: 22px;
        margin-bottom: 12px;
    }
    .slide25 .pdfmaincontentinnerbottominner p {
        font-size: 18px !important;
        line-height: 28px;
    }
    .pdfheaderblock .pdflogowrapper {
        width: 260px;
    }
    .slide14 .pdfmaincontentinnerbottominner p {
        font-size: 16px !important;
        line-height: 22px;
    }
    .slide14 .pdfmaincontent p,
    .slide15 .pdfmaincontent p,
    .slide16 .pdfmaincontent p,
    .slide17 .pdfmaincontent p,
    .slide18 .pdfmaincontent p {
        font-size: 26px;
        line-height: normal;
    }
    .pdfheaderblock {
        -webkit-background-size: 100% 106px;
        -moz-background-size: 100% 106px;
        -o-background-size: 100% 106px;
        background-size: 100% 106px;
        display: block;
        min-height: 106px;
    }
}


/*-----------END Koushik media CSS-----------*/


/* End Lession -  Beto Paredes Family Opportunities Intro Deck */


/* Start Lession - PECE Sales Deck */

.trainingeditor.hpsintroduc.EDBIntro{background:url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/hps_adcpd_bg.jpg) right top no-repeat!important;margin-bottom:0;background-size:cover!important;padding:0!important;border-radius:0!important;overflow:hidden;position: relative;}
.trainingeditor.hpsintroduc.EDBIntro .trainingeditoradcpdbottom{background-image:url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/hps_footer_img.png);background-size: cover;background-repeat: no-repeat;position: relative;display: block;z-index: 99;width: 100%;min-height: 177px;margin-bottom: -5%;}
.trainingeditor.hpsintroduc.EDBIntro .trainingeditortopsec{margin: 0;}
.trainingeditor.hpsintroduc.EDBIntro .trainingeditorhpscontent{margin-left: 208px;margin-right: 25px;margin-top: -8%;}
.trainingeditor.hpsintroduc.EDBIntro .headeronecls{background:url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/hps_adcpd_headerone_bg.jpg) right top no-repeat!important;margin-bottom:12px;background-size:cover!important;padding:0!important;border-radius: 7px!important;position: relative;max-width: 85%;margin: 0 0 0 auto;}
.trainingeditor.hpsintroduc.EDBIntro .headeronecls:after{content: '';background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/hps_adcpd_headerone_bg_bottomshadow.png);background-size: 100% 24px;background-repeat: no-repeat;width: 100%;height: 24px;position: absolute;bottom: 0;top: 94%;left: 0;}
.trainingeditor.hpsintroduc.EDBIntro .headeronecls h2{display:block;font-size:32.2px;font-family:'RobotoBlack';line-height:34.2px;background:#fff;background-image:-webkit-linear-gradient(top,#fff 0%,#fff 45%,#fff 46%,#fff 100%);background-image:-moz-linear-gradient(top,#fff 0%,#fff 45%,#fff 46%,#fff 100%);background-image:-o-linear-gradient(top,#fff 0%,#fff 45%,#fff 46%,#fff 100%);background-image:linear-gradient(to bottom,#fff 0%,#fff 45%,#fff 46%,#fff 100%);white-space:normal;word-break:break-word;display:inline-block;word-wrap:normal;resize:none;box-sizing:border-box;-webkit-background-clip:text;-webkit-filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));-webkit-text-fill-color:transparent;position:relative;text-transform:inherit;    width: 100%;margin: 0;padding: 13px 16px 16px;}
.trainingeditor.hpsintroduc.EDBIntro .headeronecls h2 strong{display: inline-flex;}
.trainingeditor.hpsintroduc.EDBIntro .headertwocls{background:transparent; margin-bottom:4px;border-radius:7px!important;overflow:hidden;position: relative;border:2px solid #fff;padding:5px;display: inline-block;max-width: 100%;}
.trainingeditor.hpsintroduc.EDBIntro .headertwocls h3{display:block;background:#03a3d0;background-image:-webkit-linear-gradient(top,#03a3d0 0%,#006796 100%);background-image:-moz-linear-gradient(top,#03a3d0 0%, #006796 100%);background-image:-o-linear-gradient(top,#03a3d0 0%,#006796 100%);background-image:linear-gradient(to bottom,#03a3d0 0%, #006796 100%);white-space:normal;word-break:break-word;display:inline-block;word-wrap:normal;resize:none;box-sizing:border-box;position:relative;width:100%;margin: 0;border-radius:7px!important;padding: 4px 12px 8px;}
.trainingeditor.hpsintroduc.EDBIntro .headertwocls h3 strong{font-size:23.77px;font-family:'RobotoBold';line-height:auto;color:#fff;-webkit-filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));}
.trainingeditor.hpsintroduc.EDBIntro .trainingeditorhpslogo{flex: 0 0 151px;display: block;margin-right: 0;background-color: transparent;padding: 7px 10px;position: relative;z-index: 9;}
.trainingeditor.hpsintroduc.EDBIntro .headerthreecls h4{display:block;font-size:23.88px;font-family:'MontserratBold';line-height:21.88px;background:#1a2534;background-image:-webkit-linear-gradient(top,#1a2534 0%,#1a2534 100%);background-image:-moz-linear-gradient(top,#1a2534 0%,#1a2534 100%);background-image:-o-linear-gradient(top,#1a2534 0%,#1a2534 100%);background-image:linear-gradient(to bottom,#1a2534 0%,#1a2534 100%);white-space:normal;word-break:break-word;display:inline-block;word-wrap:normal;resize:none;box-sizing:border-box;-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative;text-transform:uppercase;width:100%;margin: 0;}
.trainingeditor.hpsintroduc.EDBIntro .trainingeditorhpslogo:after{display:none}
.trainingeditor.hpsintroduc.EDBIntro .trainingeditorhpslogo img{border:none!important;max-width:100%}
.trainingeditor.hpsintroduc.EDBIntro .trainingeditorhpslogobg{position: absolute;top: 0;left: 0;}
.trainingeditor.hpsintroduc.EDBIntro .trainingeditoradcpdimg{width: 312px;position: absolute;left: -23px;bottom: 26px;}
.trainingeditor.hpsintroduc.EDBIntro .trainingeditoradcpdimg img{border:none!important;max-width:100%}
.trainingeditor.hpsintroduc.EDBIntro .headerthreecls{display: block;}

.trainingeditor.hpsintroduc.EDBIntro .headerthreecls{background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);background: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 0)));background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);background: -o-linear-gradient(left, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);background: -ms-linear-gradient(left, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);background: linear-gradient(to right, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);display:block;padding: 10px 10px 6px;margin-top: 5px;padding-left: 56px;margin-left: 34px;}
.trainingeditor.hpsintroduc.EDBIntro .headerthreecls h4{display:block;font-size:15.64px;font-family:'MontserratBold';line-height:15.64px;white-space:normal;word-break:break-word;display:inline-block;word-wrap:normal;resize:none;box-sizing:border-box;position:relative;text-transform:inherit;width:100%;margin: 0;color:#000;}
.trainingeditor.hpsintroduc.EDBIntro .headerthreecls:nth-child(even){margin-left: 60px !important}
.trainingeditor.hpsintroduc.EDBIntro h5{display:block;font-size:13.94px;font-family:'MontserratBold';line-height:20.94px;white-space:normal;word-break:break-word;display:inline-block;word-wrap:normal;resize:none;box-sizing:border-box;position:relative;text-transform:uppercase;width:100%;color:#1a2534;margin:0;padding: 0;margin-top: 10px;padding-left: 80px;}
.trainingeditor.hpsintroduc.EDBIntro .headerthreecls h4{position:relative;}
.trainingeditor.hpsintroduc.EDBIntro .headerthreecls h4::before {content: '';position: absolute;top: 3px;left: -30px;background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/circlelisttype_black1.png);background-position: center left;background-repeat: no-repeat;background-size: 21px;z-index: 5;width: 21px; height: 21px;}



.trainingeditor.hpsintroduc.EMWANSIntro{background:url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/hps_adcpd_bg.jpg) right top no-repeat!important;margin-bottom:0;background-size:cover!important;padding:0!important;border-radius:0!important;overflow:hidden;position: relative;}
.trainingeditor.hpsintroduc.EMWANSIntro .trainingeditoradcpdbottom{background-image:url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/hps_footer_img.png);background-size: cover;background-repeat: no-repeat;position: relative;display: block;z-index: 99;width: 100%;min-height: 177px;margin-bottom: -5%;}
.trainingeditor.hpsintroduc.EMWANSIntro .trainingeditortopsec{margin: 0;}
.trainingeditor.hpsintroduc.EMWANSIntro .trainingeditorhpscontent{margin-left: 208px;margin-right: 25px;margin-top: -8%;}
.trainingeditor.hpsintroduc.EMWANSIntro .headeronecls{background:url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/hps_adcpd_headerone_bg.jpg) right top no-repeat!important;margin-bottom:12px;background-size:cover!important;padding:0!important;border-radius: 7px!important;position: relative;max-width: 85%;margin: 0 0 0 auto;z-index:9}
.trainingeditor.hpsintroduc.EMWANSIntro .headeronecls:after{content: '';background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/hps_adcpd_headerone_bg_bottomshadow.png);background-size: 100% 24px;background-repeat: no-repeat;width: 100%;height: 24px;position: absolute;bottom: 0;top: 94%;left: 0;}
.trainingeditor.hpsintroduc.EMWANSIntro .headeronecls h2{display:block;font-size:30.2px;font-family:'RobotoBlack';line-height:34.2px;background:#fff;background-image:-webkit-linear-gradient(top,#fff 0%,#fff 45%,#fff 46%,#fff 100%);background-image:-moz-linear-gradient(top,#fff 0%,#fff 45%,#fff 46%,#fff 100%);background-image:-o-linear-gradient(top,#fff 0%,#fff 45%,#fff 46%,#fff 100%);background-image:linear-gradient(to bottom,#fff 0%,#fff 45%,#fff 46%,#fff 100%);white-space:normal;word-break:break-word;display:inline-block;word-wrap:normal;resize:none;box-sizing:border-box;-webkit-background-clip:text;-webkit-filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));-webkit-text-fill-color:transparent;position:relative;text-transform:inherit;    width: 100%;margin: 0;padding: 10px 16px 16px;}
.trainingeditor.hpsintroduc.EMWANSIntro .headeronecls h2 strong{display: inline-flex;}
.trainingeditor.hpsintroduc.EMWANSIntro .headertwocls{background:transparent; margin-bottom:4px;border-radius:7px!important;overflow:hidden;position: relative;border:2px solid #fff;padding:5px;display: inline-block;max-width: 100%;}
.trainingeditor.hpsintroduc.EMWANSIntro .headertwocls h3{display:block;background:#03a3d0;background-image:-webkit-linear-gradient(top,#03a3d0 0%,#006796 100%);background-image:-moz-linear-gradient(top,#03a3d0 0%, #006796 100%);background-image:-o-linear-gradient(top,#03a3d0 0%,#006796 100%);background-image:linear-gradient(to bottom,#03a3d0 0%, #006796 100%);white-space:normal;word-break:break-word;display:inline-block;word-wrap:normal;resize:none;box-sizing:border-box;position:relative;width:100%;margin: 0;border-radius:7px!important;padding: 4px 12px 8px;}
.trainingeditor.hpsintroduc.EMWANSIntro .headertwocls h3 strong{font-size:23.77px;font-family:'RobotoBold';line-height:auto;color:#fff;-webkit-filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));}
.trainingeditor.hpsintroduc.EMWANSIntro .trainingeditorhpslogo{flex: 0 0 151px;display: block;margin-right: 0;background-color: transparent;padding: 7px 10px;position: relative;z-index: 9;}
.trainingeditor.hpsintroduc.EMWANSIntro .headerthreecls h4{display:block;font-size:23.88px;font-family:'MontserratBold';line-height:21.88px;background:#1a2534;background-image:-webkit-linear-gradient(top,#1a2534 0%,#1a2534 100%);background-image:-moz-linear-gradient(top,#1a2534 0%,#1a2534 100%);background-image:-o-linear-gradient(top,#1a2534 0%,#1a2534 100%);background-image:linear-gradient(to bottom,#1a2534 0%,#1a2534 100%);white-space:normal;word-break:break-word;display:inline-block;word-wrap:normal;resize:none;box-sizing:border-box;-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative;text-transform:uppercase;width:100%;margin: 0;}
.trainingeditor.hpsintroduc.EMWANSIntro .trainingeditorhpslogo:after{display:none}
.trainingeditor.hpsintroduc.EMWANSIntro .trainingeditorhpslogo img{border:none!important;max-width:100%}
.trainingeditor.hpsintroduc.EMWANSIntro .trainingeditorhpslogobg{position: absolute;top: 0;left: 0;}
.trainingeditor.hpsintroduc.EMWANSIntro .trainingeditoradcpdimg{width: 312px;position: absolute;left: -23px;bottom: 26px;}
.trainingeditor.hpsintroduc.EMWANSIntro .trainingeditoradcpdimg img{border:none!important;max-width:100%}
.trainingeditor.hpsintroduc.EMWANSIntro .headerthreecls{display: block;}

.trainingeditor.hpsintroduc.EMWANSIntro .headerthreecls{background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);background: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 0)));background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);background: -o-linear-gradient(left, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);background: -ms-linear-gradient(left, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);background: linear-gradient(to right, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);display:block;    padding: 10px 10px 10px;margin-top: 12px;padding-left: 15px;margin-left: 34px;}
.trainingeditor.hpsintroduc.EMWANSIntro .headerthreecls h4{display:block;font-size:15.64px;font-family:'MontserratBold';line-height:20.64px;white-space:normal;word-break:break-word;display:inline-block;word-wrap:normal;resize:none;box-sizing:border-box;position:relative;text-transform:inherit;width:100%;margin: 0;color:#000;}
.trainingeditor.hpsintroduc.EMWANSIntro .headerthreecls:nth-child(even){margin-left: 60px !important;width: 70%;}
.trainingeditor.hpsintroduc.EMWANSIntro h5{display:block;font-size:16.94px;font-family:'MontserratBold';line-height:24.94px;white-space:normal;word-break:break-word;display:inline-block;word-wrap:normal;resize:none;box-sizing:border-box;position:relative;text-transform:uppercase;width:100%;color:#1a2534;margin:0;padding: 0;margin-top: 15px;padding-left: 60px;}
.trainingeditor.hpsintroduc.EMWANSIntro .headerthreecls h4{position:relative;}
.trainingeditor.hpsintroduc.EMWANSIntro .trainingeditorinner{position: relative;}
.trainingeditor.hpsintroduc.EMWANSIntro .trainingeditorEMWANSIntrobgimg{position: absolute;right: -3%;top: 50%;transform: translateY(-60%);width: 525px;}
.trainingeditor.hpsintroduc.EMWANSIntro .trainingeditorEMWANSIntrobgimg img{opacity: 0.3;width: 100%;}
.trainingeditor.hpsintroduc.EMWANSIntro .bottomleftblock{position: relative;z-index: 9;}
.trainingeditor.hpsintroduc.EMWANSIntro .trainingeditorEMWANSIntroimg{position: absolute;right: 2%;bottom: 80px;width: 335px;z-index: 9;}
.trainingeditor.hpsintroduc.EMWANSIntro .trainingeditorEMWANSIntroimg img{width: 100%;}

.trainingeditor.hpsintroduc.HRFDC{background:url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/hps_adcpd_bg.jpg) right top no-repeat!important;margin-bottom:0;background-size:cover!important;padding:0!important;border-radius:0!important;overflow:hidden;position:relative}
.trainingeditor.hpsintroduc.HRFDC .trainingeditorinner{padding-bottom:18px}
.trainingeditor.hpsintroduc.HRFDC .trainingeditoradcpdbottom{background-image:url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/hps_footer_img.png);background-size:cover;background-repeat:no-repeat;position:absolute;display:block;z-index:2;width:100%;height:88px;bottom:0}
.trainingeditor.hpsintroduc.HRFDC .trainingeditortopsec{margin:0}
.trainingeditor.hpsintroduc.HRFDC .trainingeditorhpscontent{margin-left:210px;margin-right:25px;margin-top:-8%}
.trainingeditor.hpsintroduc.HRFDC .headeronecls{background:url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/hps_adcpd_headerone_bg.jpg) right top no-repeat!important;margin-bottom:12px;background-size:cover!important;padding:0!important;border-radius:7px!important;position:relative;max-width:94%;float:right}
.trainingeditor.hpsintroduc.HRFDC .headeronecls:after{content:'';background-image:url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/hps_adcpd_headerone_bg_bottomshadow.png);background-size:100% 24px;background-repeat:no-repeat;width:100%;height:24px;position:absolute;bottom:0;top:90%;left:0}
.trainingeditor.hpsintroduc.HRFDC .headeronecls h2{display:block;font-size:27.14px;font-family:'RobotoBlack';line-height:27.14px;background:#fff;background-image:-webkit-linear-gradient(top,#fff 0%,#fff 45%,#fff 46%,#fff 100%);background-image:-moz-linear-gradient(top,#fff 0%,#fff 45%,#fff 46%,#fff 100%);background-image:-o-linear-gradient(top,#fff 0%,#fff 45%,#fff 46%,#fff 100%);background-image:linear-gradient(to bottom,#fff 0%,#fff 45%,#fff 46%,#fff 100%);white-space:normal;word-break:break-word;display:inline-block;word-wrap:normal;resize:none;box-sizing:border-box;-webkit-background-clip:text;-webkit-filter:drop-shadow(0px 1px 1px rgba(0,0,0,0.5));filter:drop-shadow(0px 1px 1px rgba(0,0,0,0.5));-webkit-text-fill-color:transparent;position:relative;text-transform:inherit;width:100%;margin:0;padding:13px 16px 16px}
.trainingeditor.hpsintroduc.HRFDC .headeronecls h2 strong{display:inline-flex}
.trainingeditor.hpsintroduc.HRFDC .headertwocls{background:transparent;margin-bottom:4px;border-radius:7px!important;overflow:hidden;position:relative;border:2px solid #fff;padding:5px;display:inline-block;max-width:100%;float:right}
.trainingeditor.hpsintroduc.HRFDC .headertwocls h3{display:block;background:#03a3d0;background-image:-webkit-linear-gradient(top,#03a3d0 0%,#006796 100%);background-image:-moz-linear-gradient(top,#03a3d0 0%,#006796 100%);background-image:-o-linear-gradient(top,#03a3d0 0%,#006796 100%);background-image:linear-gradient(to bottom,#03a3d0 0%,#006796 100%);white-space:normal;word-break:break-word;display:inline-block;word-wrap:normal;resize:none;box-sizing:border-box;position:relative;width:100%;margin:0;border-radius:7px!important;padding:8px 10px 14px}
.trainingeditor.hpsintroduc.HRFDC .headertwocls h3 strong{font-size:22.88px;font-family:'Helveticabold';line-height:24px;color:#fff;-webkit-filter:drop-shadow(0px 1px 1px rgba(0,0,0,0.5));filter:drop-shadow(0px 1px 1px rgba(0,0,0,0.5));margin:0;padding:0;display:inline-block;text-transform:inherit}
.trainingeditor.hpsintroduc.HRFDC .headertwocls h3 strong span{color:#ffc700}
.trainingeditor.hpsintroduc.HRFDC .trainingeditorhpslogo{flex:0 0 151px;display:block;margin-right:0;background-color:transparent;padding:7px 10px;position:relative;z-index:9}
.trainingeditor.hpsintroduc.HRFDC .trainingeditorhpslogo:after{display:none}
.trainingeditor.hpsintroduc.HRFDC .trainingeditorhpslogo img{border:none!important;max-width:100%}
.trainingeditor.hpsintroduc.HRFDC .trainingeditorhpslogobg{position:absolute;top:0;left:0}
.trainingeditor.hpsintroduc.HRFDC .headerthreecls h4{display:block;font-size:15.64px;font-family:'MontserratBold';line-height:15.64px;white-space:normal;word-break:break-word;display:inline-block;word-wrap:normal;resize:none;box-sizing:border-box;position:relative;text-transform:uppercase;width:100%;margin:0;color:#000}
.trainingeditor.hpsintroduc.HRFDC h5{display:block;font-size:13.94px;font-family:'MontserratBold';line-height:15.94px;white-space:normal;word-break:break-word;display:inline-block;word-wrap:normal;resize:none;box-sizing:border-box;position:relative;text-transform:uppercase;width:100%;color:#1a2534;margin:0;padding:0;margin-top:10px}
.trainingeditor.hpsintroduc.HRFDC .listswrapper ul {display: flex;align-items: flex-start;justify-content: space-between;margin: 0 auto;padding: 0;flex-wrap: wrap;list-style: none;width: 90%;margin-top: 20px !important;margin-bottom: 30px;}
.trainingeditor.hpsintroduc.HRFDC .listswrapper ul li {flex: 0 0 48%;margin-top: 15px;position: relative;margin: 15px 0 0;padding-top: 0;counter-increment: inst;}
.trainingeditor.hpsintroduc.HRFDC .listswrapper .listsheadercls{display: block;background: #ff6f20;background-image: -webkit-linear-gradient(top,#ff6f20 0%,#850301 100%);
background-image: -moz-linear-gradient(top,#ff6f20 0%,#850301 100%);background-image: -o-linear-gradient(top,#ff6f20 0%,#850301 100%);background-image: linear-gradient(to bottom,#ff6f20 0%,#850301 100%);white-space: normal;word-break: break-word;display: inline-block;word-wrap: normal;resize: none;box-sizing: border-box;position: relative;width: 100%;margin: 0;border-radius: 7px!important;padding: 8px 10px 14px;font-size: 16px;}
.trainingeditor.hpsintroduc.HRFDC ul li span::before {content: counter(inst);color: #fff;position: absolute;left: 10px;}
.trainingeditor.hpsintroduc.HRFDC .listswrapper .listsheadercls span{display: flex;align-items: flex-start;justify-content: space-between;padding: 0px 21px 0;color: #fff;}
.trainingeditor.hpsintroduc.HRFDC .listswrapper .listsheadercls span:after {content: '';position: absolute;left: 22px;height: 4px;width: 4px;background-color: #fff;    border-radius: 100%;top: 23px;}
.trainingeditor.hpsintroduc.HRFDC .listsheadercls{margin-bottom:10px;}
.trainingeditor.hpsintroduc.HRFDC .listswrapper ul li p{margin-top:10px;font-size: 14px;font-family: Roboto,"Helvetica Neue",sans-serif;}


.trainingeditor.hpsintroduc.HRFDCtwo{background:url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/hps_adcpd_bg.jpg) right top no-repeat!important;margin-bottom:0;background-size:cover!important;padding:0!important;border-radius:0!important;overflow:hidden;position:relative}
.trainingeditor.hpsintroduc.HRFDCtwo .trainingeditorinner{padding-bottom:18px}
.trainingeditor.hpsintroduc.HRFDCtwo .trainingeditoradcpdbottom{background-image:url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/hps_footer_img.png);background-size:cover;background-repeat:no-repeat;position:absolute;display:block;z-index:2;width:100%;height:88px;bottom:0}
.trainingeditor.hpsintroduc.HRFDCtwo .trainingeditortopsec{margin:0}
.trainingeditor.hpsintroduc.HRFDCtwo .trainingeditorhpscontent{margin-left:210px;margin-right:25px;margin-top:-8%}
.trainingeditor.hpsintroduc.HRFDCtwo .headeronecls{background:url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/hps_adcpd_headerone_bg.jpg) right top no-repeat!important;margin-bottom:12px;background-size:cover!important;padding:0!important;border-radius:7px!important;position:relative;max-width:94%;float:right}
.trainingeditor.hpsintroduc.HRFDCtwo .headeronecls:after{content:'';background-image:url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/hps_adcpd_headerone_bg_bottomshadow.png);background-size:100% 24px;background-repeat:no-repeat;width:100%;height:24px;position:absolute;bottom:0;top:90%;left:0}
.trainingeditor.hpsintroduc.HRFDCtwo .headeronecls h2{display:block;font-size:27.14px;font-family:'RobotoBlack';line-height:27.14px;background:#fff;background-image:-webkit-linear-gradient(top,#fff 0%,#fff 45%,#fff 46%,#fff 100%);background-image:-moz-linear-gradient(top,#fff 0%,#fff 45%,#fff 46%,#fff 100%);background-image:-o-linear-gradient(top,#fff 0%,#fff 45%,#fff 46%,#fff 100%);background-image:linear-gradient(to bottom,#fff 0%,#fff 45%,#fff 46%,#fff 100%);white-space:normal;word-break:break-word;display:inline-block;word-wrap:normal;resize:none;box-sizing:border-box;-webkit-background-clip:text;-webkit-filter:drop-shadow(0px 1px 1px rgba(0,0,0,0.5));filter:drop-shadow(0px 1px 1px rgba(0,0,0,0.5));-webkit-text-fill-color:transparent;position:relative;text-transform:inherit;width:100%;margin:0;padding:13px 16px 16px}
.trainingeditor.hpsintroduc.HRFDCtwo .headeronecls h2 strong{display:inline-flex}
.trainingeditor.hpsintroduc.HRFDCtwo .headertwocls{background:transparent;margin-bottom:4px;border-radius:7px!important;overflow:hidden;position:relative;border:2px solid #fff;padding:5px;display:inline-block;max-width:100%;float:right}
.trainingeditor.hpsintroduc.HRFDCtwo .headertwocls h3{display:block;background:#03a3d0;background-image:-webkit-linear-gradient(top,#03a3d0 0%,#006796 100%);background-image:-moz-linear-gradient(top,#03a3d0 0%,#006796 100%);background-image:-o-linear-gradient(top,#03a3d0 0%,#006796 100%);background-image:linear-gradient(to bottom,#03a3d0 0%,#006796 100%);white-space:normal;word-break:break-word;display:inline-block;word-wrap:normal;resize:none;box-sizing:border-box;position:relative;width:100%;margin:0;border-radius:7px!important;padding:8px 10px 14px}
.trainingeditor.hpsintroduc.HRFDCtwo .headertwocls h3 strong{font-size:22.88px;font-family:'Helveticabold';line-height:24px;color:#fff;-webkit-filter:drop-shadow(0px 1px 1px rgba(0,0,0,0.5));filter:drop-shadow(0px 1px 1px rgba(0,0,0,0.5));margin:0;padding:0;display:inline-block;text-transform:inherit}
.trainingeditor.hpsintroduc.HRFDCtwo .headertwocls h3 strong span{color:#ffc700}
.trainingeditor.hpsintroduc.HRFDCtwo .trainingeditorhpslogo{flex:0 0 151px;display:block;margin-right:0;background-color:transparent;padding:7px 10px;position:relative;z-index:9}
.trainingeditor.hpsintroduc.HRFDCtwo .trainingeditorhpslogo:after{display:none}
.trainingeditor.hpsintroduc.HRFDCtwo .trainingeditorhpslogo img{border:none!important;max-width:100%}
.trainingeditor.hpsintroduc.HRFDCtwo .trainingeditorhpslogobg{position:absolute;top:0;left:0}
.trainingeditor.hpsintroduc.HRFDCtwo .headerthreecls h4{display:block;font-size:15.64px;font-family:'MontserratBold';line-height:15.64px;white-space:normal;word-break:break-word;display:inline-block;word-wrap:normal;resize:none;box-sizing:border-box;position:relative;text-transform:uppercase;width:100%;margin:0;color:#000}
.trainingeditor.hpsintroduc.HRFDCtwo h5{display:block;font-size:13.94px;font-family:'MontserratBold';line-height:15.94px;white-space:normal;word-break:break-word;display:inline-block;word-wrap:normal;resize:none;box-sizing:border-box;position:relative;text-transform:uppercase;width:100%;color:#1a2534;margin:0;padding:0;margin-top:10px}
.trainingeditor.hpsintroduc.HRFDCtwo .listswrapper ul {display: flex;align-items: flex-start;justify-content: space-between;margin: 0 auto;padding: 0;flex-wrap: wrap;list-style: none;width: 90%;margin-top: 20px !important;margin-bottom: 65px;}
.trainingeditor.hpsintroduc.HRFDCtwo .listswrapper ul li {flex: 0 0 48%;margin-top: 15px;position: relative;margin: 15px 0 0;padding-top: 0;counter-increment: inst;}
.trainingeditor.hpsintroduc.HRFDCtwo .listswrapper .listsheadercls{display: block;background: #ff6f20;background-image: -webkit-linear-gradient(top,#ff6f20 0%,#850301 100%);
background-image: -moz-linear-gradient(top,#ff6f20 0%,#850301 100%);background-image: -o-linear-gradient(top,#ff6f20 0%,#850301 100%);background-image: linear-gradient(to bottom,#ff6f20 0%,#850301 100%);white-space: normal;word-break: break-word;display: inline-block;word-wrap: normal;resize: none;box-sizing: border-box;position: relative;width: 100%;margin: 0;border-radius: 7px!important;padding: 8px 10px 14px;font-size: 16px;}
.trainingeditor.hpsintroduc.HRFDCtwo ul li span::before {content: counter(inst);color: #fff;position: absolute;left: 10px;}
.trainingeditor.hpsintroduc.HRFDCtwo .listswrapper .listsheadercls span{display: flex;align-items: flex-start;justify-content: space-between;padding: 0px 21px 0;color: #fff;}
.trainingeditor.hpsintroduc.HRFDCtwo .listswrapper .listsheadercls span:after {content: '';position: absolute;left: 22px;height: 4px;width: 4px;background-color: #fff;    border-radius: 100%;top: 23px;}
.trainingeditor.hpsintroduc.HRFDCtwo .listsheadercls{margin-bottom:10px;}
.trainingeditor.hpsintroduc.HRFDCtwo .listswrapper ul li p{margin-top:10px;font-size: 14px;font-family: Roboto,"Helvetica Neue",sans-serif;}


.trainingeditor.hpsintroduc.PracticeDashboard{background:url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/hps_adcpd_bg.jpg) right top no-repeat!important;margin-bottom:0;background-size:cover!important;padding:0!important;border-radius:0!important;overflow:hidden;position: relative;}
.trainingeditor.hpsintroduc.PracticeDashboard .trainingeditorinner{padding-bottom: 90px;}
.trainingeditor.hpsintroduc.PracticeDashboard .trainingeditoradcpdbottom{background-image:url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/hps_footer_img.png);background-size: cover;background-repeat: no-repeat;position: absolute;display: block;z-index: 2;width: 100%;min-height: 130px;bottom: 0;}
.trainingeditor.hpsintroduc.PracticeDashboard .trainingeditortopsec{margin: 0;}
.trainingeditor.hpsintroduc.PracticeDashboard .trainingeditorhpscontent{margin-left: 210px;margin-right: 25px;margin-top: -8%;}
.trainingeditor.hpsintroduc.PracticeDashboard .headeronecls{background:url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/hps_adcpd_headerone_bg.jpg) right top no-repeat!important;margin-bottom:12px;background-size:cover!important;padding:0!important;border-radius: 7px!important;position: relative;    max-width: 94%;float: right;}
.trainingeditor.hpsintroduc.PracticeDashboard .headeronecls:after{content: '';background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/hps_adcpd_headerone_bg_bottomshadow.png);background-size: 100% 24px;background-repeat: no-repeat;width: 100%;height: 24px;position: absolute;bottom: 0;top: 88%;left: 0;}
.trainingeditor.hpsintroduc.PracticeDashboard .headeronecls h2{display:block;font-size:40.28px;font-family:'RobotoBlack';line-height:40.28px;background:#fff;background-image:-webkit-linear-gradient(top,#fff 0%,#fff 45%,#fff 46%,#fff 100%);background-image:-moz-linear-gradient(top,#fff 0%,#fff 45%,#fff 46%,#fff 100%);background-image:-o-linear-gradient(top,#fff 0%,#fff 45%,#fff 46%,#fff 100%);background-image:linear-gradient(to bottom,#fff 0%,#fff 45%,#fff 46%,#fff 100%);white-space:normal;word-break:break-word;display:inline-block;word-wrap:normal;resize:none;box-sizing:border-box;-webkit-background-clip:text;-webkit-filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));-webkit-text-fill-color:transparent;position:relative;text-transform:inherit;    width: 100%;margin: 0;padding: 13px 16px 16px;}
.trainingeditor.hpsintroduc.PracticeDashboard .headeronecls h2 strong{display: inline-flex;}
.trainingeditor.hpsintroduc.PracticeDashboard .headertwocls{background:transparent; margin-bottom:4px;border-radius:7px!important;overflow:hidden;position: relative;border:2px solid #fff;padding:5px;display: inline-block;max-width: 100%;}
.trainingeditor.hpsintroduc.PracticeDashboard .headertwocls h3{display:block;background:#03a3d0;background-image:-webkit-linear-gradient(top,#03a3d0 0%,#006796 100%);background-image:-moz-linear-gradient(top,#03a3d0 0%, #006796 100%);background-image:-o-linear-gradient(top,#03a3d0 0%,#006796 100%);background-image:linear-gradient(to bottom,#03a3d0 0%, #006796 100%);white-space:normal;word-break:break-word;display:inline-block;word-wrap:normal;resize:none;box-sizing:border-box;position:relative;width:100%;margin: 0;border-radius:7px!important;padding: 4px 12px 8px;}
.trainingeditor.hpsintroduc.PracticeDashboard .headertwocls h3 strong{font-size: 23.43px;font-family: 'Helveticabold';line-height: 28px;color: #fff;-webkit-filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));margin: 0;padding: 0;display: inline-block;text-transform: inherit;}
.trainingeditor.hpsintroduc.PracticeDashboard .headertwocls h3 strong span{color:#ffc700}
.trainingeditor.hpsintroduc.PracticeDashboard .trainingeditorhpslogo{flex: 0 0 151px;display: block;margin-right: 0;background-color: transparent;padding: 7px 10px;position: relative;z-index: 9;}
.trainingeditor.hpsintroduc.PracticeDashboard .trainingeditorhpslogo:after{display:none}
.trainingeditor.hpsintroduc.PracticeDashboard .trainingeditorhpslogo img{border:none!important;max-width:100%}
.trainingeditor.hpsintroduc.PracticeDashboard .trainingeditorhpslogobg{position: absolute;top: 0;left: 0;}
.trainingeditor.hpsintroduc.PracticeDashboard .listsclswrapper{background: transparent;margin-bottom: 4px;border-radius: 7px!important;overflow: hidden;position: relative;border: 2px solid #fff;padding: 2px;display: inline-block;margin-left: 0;margin-right: 0;z-index: 8;width: 40%;}
.trainingeditor.hpsintroduc.PracticeDashboard .PracticeDashboardright{width: 60%;padding-left: 25px;}
.trainingeditor.hpsintroduc.PracticeDashboard .listsclswrapper .listscls{background: #ffffff;background-image: -webkit-linear-gradient(top,#ffffff 0%,#c4d7de 100%);background-image: -moz-linear-gradient(top,#ffffff 0%, #c4d7de 100%);background-image: -o-linear-gradient(top,#ffffff 0%,#c4d7de 100%);background-image: linear-gradient(to bottom,#ffffff 0%, #c4d7de 100%);white-space: normal;word-break: break-word;display: inline-block;word-wrap: normal;resize: none; box-sizing: border-box;position: relative;width: 100%;margin: 0;border-radius: 7px!important;padding: 10px 12px 10px;}
.trainingeditor.hpsintroduc.PracticeDashboard .listsclswrapper .listscls strong{font-size: 14.96px;font-family: 'Helveticabold';line-height: 18px;color: #1a1a1a;margin-left: 27px;display: inline-block;}
.trainingeditor.hpsintroduc.PracticeDashboard .listsclswrapper .listscls ul li:first-child::before{display:none}
.trainingeditor.hpsintroduc.PracticeDashboard .listsclswrapper .listscls ul li:first-child span{font-size: 18.6px;font-family: 'Helveticabold';color: #000;padding: 0;}
.trainingeditor.hpsintroduc.PracticeDashboard ul{display: flex;align-items: flex-start;justify-content: space-between;margin: 0;padding: 0;flex-wrap: wrap;list-style: none;}
.trainingeditor.hpsintroduc.PracticeDashboard ul li{flex: 0 0 100%;margin-bottom: 4px;position: relative;}
.trainingeditor.hpsintroduc.PracticeDashboard ul li::before{content:'';position:absolute;top:3px;left:0; background-image:url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/circlelisttype_black1.png);background-position:center left;background-repeat:no-repeat;background-size: 21px;z-index: 5;width: 21px;height: 21px;}
.trainingeditor.hpsintroduc.PracticeDashboard .headerthreecls{background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);background: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 0)));background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);background: -o-linear-gradient(left, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);background: -ms-linear-gradient(left, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);background: linear-gradient(to right, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);display:block;padding: 10px 10px 6px;    margin-top: 5px;}
.trainingeditor.hpsintroduc.PracticeDashboard .headerthreecls h4{display:block;font-size:15.64px;font-family:'MontserratBold';line-height:15.64px;white-space:normal;word-break:break-word;display:inline-block;word-wrap:normal;resize:none;box-sizing:border-box;position:relative;text-transform:uppercase;width:100%;margin: 0;color:#000;}
.trainingeditor.hpsintroduc.PracticeDashboard h5{display:block;font-size:13.94px;font-family:'MontserratBold';line-height:15.94px;white-space:normal;word-break:break-word;display:inline-block;word-wrap:normal;resize:none;box-sizing:border-box;position:relative;text-transform:uppercase;width:100%;color:#1a2534;margin:0;padding: 0;margin-top: 10px;}
.trainingeditor.hpsintroduc.PracticeDashboard .trainingeditoradcpdimg{width: 214px;position: absolute;left: 12px;bottom: 70px;}
.trainingeditor.hpsintroduc.PracticeDashboard .trainingeditoradcpdimg img{border:none!important;max-width:100%}

.trainingeditor.hpsintroduc.PracticeDashboard .PracticeDashboardwrapper{display: flex;align-items: flex-start;justify-content: space-between;width: 90%;margin: 0 auto;  position: relative;}
.trainingeditor.hpsintroduc.PracticeDashboard .PracticeDashboardimgwrapper{border-radius: 17px !important;display: block;overflow: hidden;border-bottom-left-radius: 0 !important;border-bottom-right-radius: 0 !important;}
.trainingeditor.hpsintroduc.PracticeDashboard .PracticeDashboardimgwrapper img{width: 100%;}
.trainingeditor.hpsintroduc.PracticeDashboard .PracticeDashboardwrapper .headergreenbgcls{position: absolute;bottom: -47px;z-index: 9;background: #78dd00; background-image: -webkit-linear-gradient(top,#78dd00 0%,#088306 100%);background-image: -moz-linear-gradient(top,#78dd00 0%, #088306 100%);background-image: -o-linear-gradient(top,#78dd00 0%,#088306 100%);background-image: linear-gradient(to bottom,#78dd00 0%, #088306 100%);white-space: normal;word-break: break-word;display: block;word-wrap: normal;resize: none;
    box-sizing: border-box;right: 0;width: 75%;padding: 5px 10px 10px;}
.trainingeditor.hpsintroduc.PracticeDashboard .PracticeDashboardwrapper .headergreenbgcls h3{color:#fff;font-size: 16px;margin: 0; padding: 0;}


.trainingeditor.hpsintroduc.DoctorsPanel{background:url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/hps_adcpd_bg.jpg) right top no-repeat!important;margin-bottom:0;background-size:cover!important;padding:0!important;border-radius:0!important;overflow:hidden;position: relative;}
.trainingeditor.hpsintroduc.DoctorsPanel .trainingeditorinner{padding-bottom: 90px;}
.trainingeditor.hpsintroduc.DoctorsPanel .trainingeditoradcpdbottom{background-image:url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/hps_footer_img.png);background-size: cover;background-repeat: no-repeat;position: absolute;display: block;z-index: 2;width: 100%;min-height: 130px;bottom: 0;}
.trainingeditor.hpsintroduc.DoctorsPanel .trainingeditortopsec{margin: 0;}
.trainingeditor.hpsintroduc.DoctorsPanel .trainingeditorhpscontent{margin-left: 210px;margin-right: 25px;margin-top: -8%;}
.trainingeditor.hpsintroduc.DoctorsPanel .headeronecls{background:url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/hps_adcpd_headerone_bg.jpg) right top no-repeat!important;margin-bottom:12px;background-size:cover!important;padding:0!important;border-radius: 7px!important;position: relative;    max-width: 94%;float: right;}
.trainingeditor.hpsintroduc.DoctorsPanel .headeronecls:after{content: '';background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/hps_adcpd_headerone_bg_bottomshadow.png);background-size: 100% 24px;background-repeat: no-repeat;width: 100%;height: 24px;position: absolute;bottom: 0;top: 88%;left: 0;}
.trainingeditor.hpsintroduc.DoctorsPanel .headeronecls h2{display:block;font-size:40.28px;font-family:'RobotoBlack';line-height:40.28px;background:#fff;background-image:-webkit-linear-gradient(top,#fff 0%,#fff 45%,#fff 46%,#fff 100%);background-image:-moz-linear-gradient(top,#fff 0%,#fff 45%,#fff 46%,#fff 100%);background-image:-o-linear-gradient(top,#fff 0%,#fff 45%,#fff 46%,#fff 100%);background-image:linear-gradient(to bottom,#fff 0%,#fff 45%,#fff 46%,#fff 100%);white-space:normal;word-break:break-word;display:inline-block;word-wrap:normal;resize:none;box-sizing:border-box;-webkit-background-clip:text;-webkit-filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));-webkit-text-fill-color:transparent;position:relative;text-transform:inherit;    width: 100%;margin: 0;padding: 13px 16px 16px;}
.trainingeditor.hpsintroduc.DoctorsPanel .headeronecls h2 strong{display: inline-flex;}
.trainingeditor.hpsintroduc.DoctorsPanel .headertwocls{background:transparent; margin-bottom:4px;border-radius:7px!important;overflow:hidden;position: relative;border:2px solid #fff;padding:5px;display: inline-block;max-width: 100%;}
.trainingeditor.hpsintroduc.DoctorsPanel .headertwocls h3{display:block;background:#03a3d0;background-image:-webkit-linear-gradient(top,#03a3d0 0%,#006796 100%);background-image:-moz-linear-gradient(top,#03a3d0 0%, #006796 100%);background-image:-o-linear-gradient(top,#03a3d0 0%,#006796 100%);background-image:linear-gradient(to bottom,#03a3d0 0%, #006796 100%);white-space:normal;word-break:break-word;display:inline-block;word-wrap:normal;resize:none;box-sizing:border-box;position:relative;width:100%;margin: 0;border-radius:7px!important;padding: 4px 12px 8px;}
.trainingeditor.hpsintroduc.DoctorsPanel .headertwocls h3 strong{font-size: 21.43px;font-family: 'Helveticabold';line-height: 28px;color: #fff;-webkit-filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));margin: 0;padding: 0;display: inline-block;text-transform: inherit;}
.trainingeditor.hpsintroduc.DoctorsPanel .headertwocls h3 strong span{color:#ffc700}
.trainingeditor.hpsintroduc.DoctorsPanel .trainingeditorhpslogo{flex: 0 0 151px;display: block;margin-right: 0;background-color: transparent;padding: 7px 10px;position: relative;z-index: 9;}
.trainingeditor.hpsintroduc.DoctorsPanel .trainingeditorhpslogo:after{display:none}
.trainingeditor.hpsintroduc.DoctorsPanel .trainingeditorhpslogo img{border:none!important;max-width:100%}
.trainingeditor.hpsintroduc.DoctorsPanel .trainingeditorhpslogobg{position: absolute;top: 0;left: 0;}
.trainingeditor.hpsintroduc.DoctorsPanel .listsclswrapper{background: transparent;margin-bottom: 30px;border-radius: 7px!important;overflow: hidden;position: relative;border: 2px solid #fff;padding: 2px;display: inline-block;margin-left: 0;margin-right: 0;z-index: 8;width: 40%;}
.trainingeditor.hpsintroduc.DoctorsPanel .DoctorsPanelright{width: 60%;padding-left: 25px;padding-top: 40px;}
.trainingeditor.hpsintroduc.DoctorsPanel .listsclswrapper .listscls{background: #ffffff;background-image: -webkit-linear-gradient(top,#ffffff 0%,#c4d7de 100%);background-image: -moz-linear-gradient(top,#ffffff 0%, #c4d7de 100%);background-image: -o-linear-gradient(top,#ffffff 0%,#c4d7de 100%);background-image: linear-gradient(to bottom,#ffffff 0%, #c4d7de 100%);white-space: normal;word-break: break-word;display: inline-block;word-wrap: normal;resize: none; box-sizing: border-box;position: relative;width: 100%;margin: 0;border-radius: 7px!important;padding: 10px 12px 10px;}
.trainingeditor.hpsintroduc.DoctorsPanel .listsclswrapper .listscls strong{font-size: 14.96px;font-family: 'Helveticabold';line-height: 18px;color: #1a1a1a;margin-left: 27px;display: inline-block;}

.trainingeditor.hpsintroduc.DoctorsPanel ul{display: flex;align-items: flex-start;justify-content: space-between;margin: 0;padding: 0;flex-wrap: wrap;list-style: none;}
.trainingeditor.hpsintroduc.DoctorsPanel ul li{flex: 0 0 100%;margin-bottom: 2px;position: relative;}
.trainingeditor.hpsintroduc.DoctorsPanel ul li::before{content:'';position:absolute;top:3px;left:0; background-image:url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/circlelisttype_black1.png);background-position:center left;background-repeat:no-repeat;background-size: 21px;z-index: 5;width: 21px;height: 21px;}
.trainingeditor.hpsintroduc.DoctorsPanel .headerthreecls{background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);background: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 0)));background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);background: -o-linear-gradient(left, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);background: -ms-linear-gradient(left, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);background: linear-gradient(to right, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);display:block;padding: 10px 10px 6px;    margin-top: 5px;}
.trainingeditor.hpsintroduc.DoctorsPanel .headerthreecls h4{display:block;font-size:15.64px;font-family:'MontserratBold';line-height:15.64px;white-space:normal;word-break:break-word;display:inline-block;word-wrap:normal;resize:none;box-sizing:border-box;position:relative;text-transform:uppercase;width:100%;margin: 0;color:#000;}
.trainingeditor.hpsintroduc.DoctorsPanel h5{display:block;font-size:13.94px;font-family:'MontserratBold';line-height:15.94px;white-space:normal;word-break:break-word;display:inline-block;word-wrap:normal;resize:none;box-sizing:border-box;position:relative;text-transform:uppercase;width:100%;color:#1a2534;margin:0;padding: 0;margin-top: 10px;}
.trainingeditor.hpsintroduc.DoctorsPanel .trainingeditoradcpdimg{width: 214px;position: absolute;left: 12px;bottom: 70px;}
.trainingeditor.hpsintroduc.DoctorsPanel .trainingeditoradcpdimg img{border:none!important;max-width:100%}
.trainingeditor.hpsintroduc.DoctorsPanel .DoctorsPanelwrapper{display: flex;align-items: flex-start;justify-content: space-between;width: 90%;margin: 0 auto;  position: relative;}
.trainingeditor.hpsintroduc.DoctorsPanel .DoctorsPanelimgwrapper{border-radius: 17px !important;display: block;overflow: hidden;border-bottom-left-radius: 0 !important;border-bottom-right-radius: 0 !important;}
.trainingeditor.hpsintroduc.DoctorsPanel .DoctorsPanelimgwrapper img{width: 100%;}
.trainingeditor.hpsintroduc.DoctorsPanel .DoctorsPanelwrapper .headergreenbgcls{position: absolute;bottom: -16px;z-index: 9;background: #78dd00; background-image: -webkit-linear-gradient(top,#78dd00 0%,#088306 100%);background-image: -moz-linear-gradient(top,#78dd00 0%, #088306 100%);background-image: -o-linear-gradient(top,#78dd00 0%,#088306 100%);background-image: linear-gradient(to bottom,#78dd00 0%, #088306 100%);white-space: normal;word-break: break-word;display: block;word-wrap: normal;resize: none;
    box-sizing: border-box;right: 0;width: 75%;padding: 5px 10px 10px;}
.trainingeditor.hpsintroduc.DoctorsPanel .DoctorsPanelwrapper .headergreenbgcls h3{color:#fff;font-size: 16px;margin: 0; padding: 0;}



.trainingeditor.hpsintroduc.AGEF{background:url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/hps_adcpd_bg.jpg) right top no-repeat!important;margin-bottom:0;background-size:cover!important;padding:0!important;border-radius:0!important;overflow:hidden;position: relative;}
.trainingeditor.hpsintroduc.AGEF .trainingeditorinner{padding-bottom: 90px;}
.trainingeditor.hpsintroduc.AGEF .trainingeditoradcpdbottom{background-image:url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/hps_footer_img.png);background-size: cover;background-repeat: no-repeat;position: absolute;display: block;z-index: 2;width: 100%;min-height: 130px;bottom: 0;}
.trainingeditor.hpsintroduc.AGEF .trainingeditortopsec{margin: 0;}
.trainingeditor.hpsintroduc.AGEF .trainingeditorhpscontent{margin-left: 210px;margin-right: 25px;margin-top: -8%;}
.trainingeditor.hpsintroduc.AGEF .headeronecls{background:url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/hps_adcpd_headerone_bg.jpg) right top no-repeat!important;margin-bottom:12px;background-size:cover!important;padding:0!important;border-radius: 7px!important;position: relative;    max-width: 94%;float: right;}
.trainingeditor.hpsintroduc.AGEF .headeronecls:after{content: '';background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/hps_adcpd_headerone_bg_bottomshadow.png);background-size: 100% 24px;background-repeat: no-repeat;width: 100%;height: 24px;position: absolute;bottom: 0;top: 88%;left: 0;}
.trainingeditor.hpsintroduc.AGEF .headeronecls h2{display:block;font-size:37.28px;font-family:'RobotoBlack';line-height:40.28px;background:#fff;background-image:-webkit-linear-gradient(top,#fff 0%,#fff 45%,#fff 46%,#fff 100%);background-image:-moz-linear-gradient(top,#fff 0%,#fff 45%,#fff 46%,#fff 100%);background-image:-o-linear-gradient(top,#fff 0%,#fff 45%,#fff 46%,#fff 100%);background-image:linear-gradient(to bottom,#fff 0%,#fff 45%,#fff 46%,#fff 100%);white-space:normal;word-break:break-word;display:inline-block;word-wrap:normal;resize:none;box-sizing:border-box;-webkit-background-clip:text;-webkit-filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));-webkit-text-fill-color:transparent;position:relative;text-transform:inherit;    width: 100%;margin: 0;padding: 13px 16px 16px;}
.trainingeditor.hpsintroduc.AGEF .headeronecls h2 strong{display: inline-flex;}
.trainingeditor.hpsintroduc.AGEF .headertwocls{background:transparent; margin-bottom:4px;border-radius:7px!important;overflow:hidden;position: relative;border:2px solid #fff;padding:5px;display: inline-block;max-width: 100%;}
.trainingeditor.hpsintroduc.AGEF .headertwocls h3{display:block;background:#03a3d0;background-image:-webkit-linear-gradient(top,#03a3d0 0%,#006796 100%);background-image:-moz-linear-gradient(top,#03a3d0 0%, #006796 100%);background-image:-o-linear-gradient(top,#03a3d0 0%,#006796 100%);background-image:linear-gradient(to bottom,#03a3d0 0%, #006796 100%);white-space:normal;word-break:break-word;display:inline-block;word-wrap:normal;resize:none;box-sizing:border-box;position:relative;width:100%;margin: 0;border-radius:7px!important;padding: 4px 12px 8px;}
.trainingeditor.hpsintroduc.AGEF .headertwocls h3 strong{font-size: 20.43px;font-family: 'Helveticabold';line-height: 28px;color: #fff;-webkit-filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));margin: 0;padding: 0;display: inline-block;text-transform: inherit;}
.trainingeditor.hpsintroduc.AGEF .headertwocls h3 strong span{color:#ffc700}
.trainingeditor.hpsintroduc.AGEF .trainingeditorhpslogo{flex: 0 0 151px;display: block;margin-right: 0;background-color: transparent;padding: 7px 10px;position: relative;z-index: 9;}
.trainingeditor.hpsintroduc.AGEF .trainingeditorhpslogo:after{display:none}
.trainingeditor.hpsintroduc.AGEF .trainingeditorhpslogo img{border:none!important;max-width:100%}
.trainingeditor.hpsintroduc.AGEF .trainingeditorhpslogobg{position: absolute;top: 0;left: 0;}
.trainingeditor.hpsintroduc.AGEF .listsclswrapper{background: transparent;margin-bottom: 30px;border-radius: 7px!important;overflow: hidden;position: relative;border: 2px solid #fff;padding: 2px;display: inline-block;margin-left: 0;margin-right: 0;z-index: 8;width: 40%;}
.trainingeditor.hpsintroduc.AGEF .AGEFright{width: 60%;padding-left: 25px;padding-top: 0;}
.trainingeditor.hpsintroduc.AGEF .listsclswrapper .listscls{background: #ffffff;background-image: -webkit-linear-gradient(top,#ffffff 0%,#c4d7de 100%);background-image: -moz-linear-gradient(top,#ffffff 0%, #c4d7de 100%);background-image: -o-linear-gradient(top,#ffffff 0%,#c4d7de 100%);background-image: linear-gradient(to bottom,#ffffff 0%, #c4d7de 100%);white-space: normal;word-break: break-word;display: inline-block;word-wrap: normal;resize: none; box-sizing: border-box;position: relative;width: 100%;margin: 0;border-radius: 7px!important;padding: 10px 12px 10px;}
.trainingeditor.hpsintroduc.AGEF .listsclswrapper .listscls strong{font-size: 14.96px;font-family: 'Helveticabold';line-height: 18px;color: #1a1a1a;margin-left: 27px;display: inline-block;}

.trainingeditor.hpsintroduc.AGEF ul{display: flex;align-items: flex-start;justify-content: space-between;margin: 0;padding: 0;flex-wrap: wrap;list-style: none;}
.trainingeditor.hpsintroduc.AGEF ul li{flex: 0 0 100%;margin-bottom: 2px;position: relative;}
.trainingeditor.hpsintroduc.AGEF ul li::before{content:'';position:absolute;top:3px;left:0; background-image:url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/circlelisttype_black1.png);background-position:center left;background-repeat:no-repeat;background-size: 21px;z-index: 5;width: 21px;height: 21px;}
.trainingeditor.hpsintroduc.AGEF .headerthreecls{background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);background: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 0)));background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);background: -o-linear-gradient(left, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);background: -ms-linear-gradient(left, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);background: linear-gradient(to right, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);display:block;padding: 10px 10px 6px;    margin-top: 5px;}
.trainingeditor.hpsintroduc.AGEF .headerthreecls h4{display:block;font-size:15.64px;font-family:'MontserratBold';line-height:15.64px;white-space:normal;word-break:break-word;display:inline-block;word-wrap:normal;resize:none;box-sizing:border-box;position:relative;text-transform:uppercase;width:100%;margin: 0;color:#000;}
.trainingeditor.hpsintroduc.AGEF h5{display:block;font-size:13.94px;font-family:'MontserratBold';line-height:15.94px;white-space:normal;word-break:break-word;display:inline-block;word-wrap:normal;resize:none;box-sizing:border-box;position:relative;text-transform:uppercase;width:100%;color:#1a2534;margin:0;padding: 0;margin-top: 10px;}
.trainingeditor.hpsintroduc.AGEF .trainingeditoradcpdimg{width: 214px;position: absolute;left: 12px;bottom: 70px;}
.trainingeditor.hpsintroduc.AGEF .trainingeditoradcpdimg img{border:none!important;max-width:100%}
.trainingeditor.hpsintroduc.AGEF .AGEFwrapper{display: flex;align-items: flex-start;justify-content: space-between;width: 90%;margin: 0 auto;  position: relative;}
.trainingeditor.hpsintroduc.AGEF .AGEFimgwrapper{border-radius: 17px !important;display: block;overflow: hidden;border-bottom-left-radius: 0 !important;border-bottom-right-radius: 0 !important;}
.trainingeditor.hpsintroduc.AGEF .AGEFimgwrapper img{width: 100%;}
.trainingeditor.hpsintroduc.AGEF .AGEFwrapper .headergreenbgcls{position: absolute;bottom: -16px;z-index: 9;background: #78dd00; background-image: -webkit-linear-gradient(top,#78dd00 0%,#088306 100%);background-image: -moz-linear-gradient(top,#78dd00 0%, #088306 100%);background-image: -o-linear-gradient(top,#78dd00 0%,#088306 100%);background-image: linear-gradient(to bottom,#78dd00 0%, #088306 100%);white-space: normal;word-break: break-word;display: block;word-wrap: normal;resize: none;
    box-sizing: border-box;right: 0;width: 75%;padding: 5px 10px 10px;}
.trainingeditor.hpsintroduc.AGEF .AGEFwrapper .headergreenbgcls h3{color:#fff;font-size: 16px;margin: 0; padding: 0;}




.trainingeditor.hpsintroduc.Ardt{background:url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/hps_adcpd_bg.jpg) right top no-repeat!important;margin-bottom:0;background-size:cover!important;padding:0!important;border-radius:0!important;overflow:hidden;position: relative;}
.trainingeditor.hpsintroduc.Ardt .trainingeditorinner{padding-bottom: 90px;}
.trainingeditor.hpsintroduc.Ardt .trainingeditoradcpdbottom{background-image:url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/hps_footer_img.png);background-size: cover;background-repeat: no-repeat;position: absolute;display: block;z-index: 2;width: 100%;min-height: 130px;bottom: 0;}
.trainingeditor.hpsintroduc.Ardt .trainingeditortopsec{margin: 0;}
.trainingeditor.hpsintroduc.Ardt .trainingeditorhpscontent{margin-left: 0;margin-right: 0;margin-top: -8%;}
.trainingeditor.hpsintroduc.Ardt .headeronecls{background:url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/hps_adcpd_headerone_bg.jpg) right top no-repeat!important;margin-bottom:20px;background-size:cover!important;padding:0!important;border-radius: 7px!important;position: relative;max-width: 94%;float: right;    margin-left: 31% !important;margin-right: 5%;}
.trainingeditor.hpsintroduc.Ardt .headeronecls:after{content: '';background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/hps_adcpd_headerone_bg_bottomshadow.png);background-size: 100% 24px;background-repeat: no-repeat;width: 100%;height: 24px;position: absolute;bottom: 0;top: 88%;left: 0;}
.trainingeditor.hpsintroduc.Ardt .headeronecls h2{display:block;font-size:28.28px;font-family:'RobotoBlack';line-height:34.28px;background:#fff;background-image:-webkit-linear-gradient(top,#fff 0%,#fff 45%,#fff 46%,#fff 100%);background-image:-moz-linear-gradient(top,#fff 0%,#fff 45%,#fff 46%,#fff 100%);background-image:-o-linear-gradient(top,#fff 0%,#fff 45%,#fff 46%,#fff 100%);background-image:linear-gradient(to bottom,#fff 0%,#fff 45%,#fff 46%,#fff 100%);white-space:normal;word-break:break-word;display:inline-block;word-wrap:normal;resize:none;box-sizing:border-box;-webkit-background-clip:text;-webkit-filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));-webkit-text-fill-color:transparent;position:relative;text-transform:inherit;    width: 100%;margin: 0;padding: 13px 16px 16px;}
.trainingeditor.hpsintroduc.Ardt .headeronecls h2 strong{display: inline-flex;}
.trainingeditor.hpsintroduc.Ardt .headertwocls{background:transparent; margin-bottom:4px;border-radius:7px!important;overflow:hidden;position: relative;border:2px solid #fff;padding:5px;display: inline-block;max-width: 100%;}
.trainingeditor.hpsintroduc.Ardt .headertwocls h3{display:block;background:#03a3d0;background-image:-webkit-linear-gradient(top,#03a3d0 0%,#006796 100%);background-image:-moz-linear-gradient(top,#03a3d0 0%, #006796 100%);background-image:-o-linear-gradient(top,#03a3d0 0%,#006796 100%);background-image:linear-gradient(to bottom,#03a3d0 0%, #006796 100%);white-space:normal;word-break:break-word;display:inline-block;word-wrap:normal;resize:none;box-sizing:border-box;position:relative;width:100%;margin: 0;border-radius:7px!important;padding: 4px 12px 8px;}
.trainingeditor.hpsintroduc.Ardt .headertwocls h3 strong{font-size: 20.43px;font-family: 'Helveticabold';line-height: 28px;color: #fff;-webkit-filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));margin: 0;padding: 0;display: inline-block;text-transform: inherit;}
.trainingeditor.hpsintroduc.Ardt .headertwocls h3 strong span{color:#ffc700}
.trainingeditor.hpsintroduc.Ardt .trainingeditorhpslogo{flex: 0 0 151px;display: block;margin-right: 0;background-color: transparent;padding: 7px 10px;position: relative;z-index: 9;}
.trainingeditor.hpsintroduc.Ardt .trainingeditorhpslogo:after{display:none}
.trainingeditor.hpsintroduc.Ardt .trainingeditorhpslogo img{border:none!important;max-width:100%}
.trainingeditor.hpsintroduc.Ardt .trainingeditorhpslogobg{position: absolute;top: 0;left: 0;}
.trainingeditor.hpsintroduc.Ardt .paraclswrapper{margin-bottom: 30px;position: relative;display: inline-block;margin-left: 0;margin-right: 0;z-index: 8;width: 40%;}
.trainingeditor.hpsintroduc.Ardt .paraclswrapper p{display:block;font-size:17.28px;font-family:'RobotoBlack';line-height:21.28px;color:#000;padding-top: 16px;}
.trainingeditor.hpsintroduc.Ardt .paraclswrapper p span{color:#ff0000;display:initial;padding:0}
.trainingeditor.hpsintroduc.Ardt .Ardtright{width: 60%;padding-left: 25px;padding-top: 0;}

.trainingeditor.hpsintroduc.Ardt h5{display:block;font-size:13.94px;font-family:'MontserratBold';line-height:15.94px;white-space:normal;word-break:break-word;display:inline-block;word-wrap:normal;resize:none;box-sizing:border-box;position:relative;text-transform:uppercase;width:100%;color:#1a2534;margin:0;padding: 0;margin-top: 10px;}
.trainingeditor.hpsintroduc.Ardt .trainingeditoradcpdimg{width: 214px;position: absolute;left: 12px;bottom: 70px;}
.trainingeditor.hpsintroduc.Ardt .trainingeditoradcpdimg img{border:none!important;max-width:100%}
.trainingeditor.hpsintroduc.Ardt .Ardtwrapper{display: flex;align-items: flex-start;justify-content: space-between;width: 90%;margin: 0 auto;  position: relative;}
.trainingeditor.hpsintroduc.Ardt .Ardtimgwrapper{border-radius: 17px !important;display: block;overflow: hidden;border-bottom-left-radius: 0 !important;border-bottom-right-radius: 0 !important;}
.trainingeditor.hpsintroduc.Ardt .Ardtimgwrapper img{width: 100%;}
.trainingeditor.hpsintroduc.Ardt .Ardtwrapper .headergreenbgcls{position: absolute;bottom: -16px;z-index: 9;background: #78dd00; background-image: -webkit-linear-gradient(top,#78dd00 0%,#088306 100%);background-image: -moz-linear-gradient(top,#78dd00 0%, #088306 100%);background-image: -o-linear-gradient(top,#78dd00 0%,#088306 100%);background-image: linear-gradient(to bottom,#78dd00 0%, #088306 100%);white-space: normal;word-break: break-word;display: block;word-wrap: normal;resize: none;
    box-sizing: border-box;right: 0;width: 75%;padding: 5px 10px 10px;}
.trainingeditor.hpsintroduc.Ardt .Ardtwrapper .headergreenbgcls h3{color:#fff;font-size: 16px;margin: 0; padding: 0;}



.trainingeditor.hpsintroduc.SFOIF{background:url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/hps_adcpd_bg.jpg) right top no-repeat!important;margin-bottom:0;background-size:cover!important;padding:0!important;border-radius:0!important;overflow:hidden;position: relative;}
.trainingeditor.hpsintroduc.SFOIF .trainingeditorinner{padding-bottom: 90px;}
.trainingeditor.hpsintroduc.SFOIF .trainingeditoradcpdbottom{background-image:url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/hps_footer_img.png);background-size: cover;background-repeat: no-repeat;position: absolute;display: block;z-index: 2;width: 100%;min-height: 130px;bottom: 0;}
.trainingeditor.hpsintroduc.SFOIF .trainingeditortopsec{margin: 0;}
.trainingeditor.hpsintroduc.SFOIF .trainingeditorhpscontent{margin-left: 0;margin-right: 0;margin-top: -8%;}
.trainingeditor.hpsintroduc.SFOIF .headeronecls{background:url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/hps_adcpd_headerone_bg.jpg) right top no-repeat!important;margin-bottom:20px;background-size:cover!important;padding:0!important;border-radius: 7px!important;position: relative;max-width: 94%;float: right;    margin-left: 31% !important;margin-right: 5%;}
.trainingeditor.hpsintroduc.SFOIF .headeronecls:after{content: '';background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/hps_adcpd_headerone_bg_bottomshadow.png);background-size: 100% 24px;background-repeat: no-repeat;width: 100%;height: 24px;position: absolute;bottom: 0;top: 88%;left: 0;}
.trainingeditor.hpsintroduc.SFOIF .headeronecls h2{display:block;font-size:28.28px;font-family:'RobotoBlack';line-height:34.28px;background:#fff;background-image:-webkit-linear-gradient(top,#fff 0%,#fff 45%,#fff 46%,#fff 100%);background-image:-moz-linear-gradient(top,#fff 0%,#fff 45%,#fff 46%,#fff 100%);background-image:-o-linear-gradient(top,#fff 0%,#fff 45%,#fff 46%,#fff 100%);background-image:linear-gradient(to bottom,#fff 0%,#fff 45%,#fff 46%,#fff 100%);white-space:normal;word-break:break-word;display:inline-block;word-wrap:normal;resize:none;box-sizing:border-box;-webkit-background-clip:text;-webkit-filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));-webkit-text-fill-color:transparent;position:relative;text-transform:inherit;    width: 100%;margin: 0;padding: 13px 16px 16px;}
.trainingeditor.hpsintroduc.SFOIF .headeronecls h2 strong{display: inline-flex;}
.trainingeditor.hpsintroduc.SFOIF .headertwocls{background:transparent; margin-bottom:4px;border-radius:7px!important;overflow:hidden;position: relative;border:2px solid #fff;padding:5px;display: inline-block;max-width: 100%;}
.trainingeditor.hpsintroduc.SFOIF .headertwocls h3{display:block;background:#03a3d0;background-image:-webkit-linear-gradient(top,#03a3d0 0%,#006796 100%);background-image:-moz-linear-gradient(top,#03a3d0 0%, #006796 100%);background-image:-o-linear-gradient(top,#03a3d0 0%,#006796 100%);background-image:linear-gradient(to bottom,#03a3d0 0%, #006796 100%);white-space:normal;word-break:break-word;display:inline-block;word-wrap:normal;resize:none;box-sizing:border-box;position:relative;width:100%;margin: 0;border-radius:7px!important;padding: 4px 12px 8px;}
.trainingeditor.hpsintroduc.SFOIF .headertwocls h3 strong{font-size: 20.43px;font-family: 'Helveticabold';line-height: 28px;color: #fff;-webkit-filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));margin: 0;padding: 0;display: inline-block;text-transform: inherit;}
.trainingeditor.hpsintroduc.SFOIF .headertwocls h3 strong span{color:#ffc700}
.trainingeditor.hpsintroduc.SFOIF .trainingeditorhpslogo{flex: 0 0 151px;display: block;margin-right: 0;background-color: transparent;padding: 7px 10px;position: relative;z-index: 9;}
.trainingeditor.hpsintroduc.SFOIF .trainingeditorhpslogo:after{display:none}
.trainingeditor.hpsintroduc.SFOIF .trainingeditorhpslogo img{border:none!important;max-width:100%}
.trainingeditor.hpsintroduc.SFOIF .trainingeditorhpslogobg{position: absolute;top: 0;left: 0;}
.trainingeditor.hpsintroduc.SFOIF .paraclswrapper{margin-bottom: 30px;position: relative;display: inline-block;margin-left: 0;margin-right: 0;z-index: 8;width: 40%;}
.trainingeditor.hpsintroduc.SFOIF .paraclswrapper p{display:block;font-size:17.28px;font-family:'RobotoBlack';line-height:21.28px;color:#000;padding-top: 16px;}
.trainingeditor.hpsintroduc.SFOIF .paraclswrapper p span{color:#ff0000;display:initial;padding:0}
.trainingeditor.hpsintroduc.SFOIF .SFOIFright{width: 60%;padding-left: 25px;padding-top: 0;}

.trainingeditor.hpsintroduc.SFOIF h5{display:block;font-size:13.94px;font-family:'MontserratBold';line-height:15.94px;white-space:normal;word-break:break-word;display:inline-block;word-wrap:normal;resize:none;box-sizing:border-box;position:relative;text-transform:uppercase;width:100%;color:#1a2534;margin:0;padding: 0;margin-top: 10px;}
.trainingeditor.hpsintroduc.SFOIF .trainingeditoradcpdimg{width: 214px;position: absolute;left: 12px;bottom: 70px;}
.trainingeditor.hpsintroduc.SFOIF .trainingeditoradcpdimg img{border:none!important;max-width:100%}
.trainingeditor.hpsintroduc.SFOIF .SFOIFwrapper{display: flex;align-items: flex-start;justify-content: space-between;width: 90%;margin: 0 auto;  position: relative;}
.trainingeditor.hpsintroduc.SFOIF .SFOIFimgwrapper{border-radius: 17px !important;display: block;overflow: hidden;border-bottom-left-radius: 0 !important;border-bottom-right-radius: 0 !important;}
.trainingeditor.hpsintroduc.SFOIF .SFOIFimgwrapper img{width: 100%;}
.trainingeditor.hpsintroduc.SFOIF .SFOIFwrapper .headergreenbgcls{position: absolute;bottom: -16px;z-index: 9;background: #78dd00; background-image: -webkit-linear-gradient(top,#78dd00 0%,#088306 100%);background-image: -moz-linear-gradient(top,#78dd00 0%, #088306 100%);background-image: -o-linear-gradient(top,#78dd00 0%,#088306 100%);background-image: linear-gradient(to bottom,#78dd00 0%, #088306 100%);white-space: normal;word-break: break-word;display: block;word-wrap: normal;resize: none;
    box-sizing: border-box;right: 0;width: 75%;padding: 5px 10px 10px;}
.trainingeditor.hpsintroduc.SFOIF .SFOIFwrapper .headergreenbgcls h3{color:#fff;font-size: 16px;margin: 0; padding: 0;}
.trainingeditor.hpsintroduc.SFOIF .paraclswrapper {background: transparent;margin-bottom: 4px;border-radius: 7px!important;overflow: hidden;position: relative;border: 2px solid #fff;
padding: 5px;display: inline-block;max-width: 100%;margin-top: 18%;}
.trainingeditor.hpsintroduc.SFOIF .paraclswrapper p {display: block;background: #03a3d0;background-image: -webkit-linear-gradient(top,#03a3d0 0%,#006796 100%);background-image: -moz-linear-gradient(top,#03a3d0 0%, #006796 100%);
background-image: -o-linear-gradient(top,#03a3d0 0%,#006796 100%);background-image: linear-gradient(to bottom,#03a3d0 0%, #006796 100%);white-space: normal;word-break: break-word;
display: inline-block; word-wrap: normal;resize: none;box-sizing: border-box;position: relative; width: 100%;margin: 0;border-radius: 7px!important;padding: 4px 12px 8px;}
.trainingeditor.hpsintroduc.SFOIF .paraclswrapper p strong {font-size: 17.43px;font-family: 'Helveticabold';line-height: 22px;color: #fff;-webkit-filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));margin: 0;padding: 0;display: inline-block;text-transform: inherit;}
.trainingeditor.hpsintroduc.SFOIF .SFOIFimageouterwrapper{position: absolute;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 406px;
    transform: translate(-110%, -109%);}



/* =============================================== */
@media (max-width:1400px) {
.trainingeditor.hpsintroduc.Ardt .headeronecls h2 {font-size: 26.28px;}
.trainingeditor.hpsintroduc.SFOIF .headeronecls h2 {font-size: 26.28px;}
}
@media (max-width:1280px) {
.trainingeditor.hpsintroduc.AGEF .headeronecls h2 {font-size: 28.28px;}
.trainingeditor.hpsintroduc.Ardt .headeronecls h2 {font-size: 23.28px;}
.trainingeditor.hpsintroduc.SFOIF .headeronecls h2 {font-size: 23.28px;}
}
@media (max-width:1199px) {
.trainingeditor.hpsintroduc.HRFDC ul li {flex: 0 0 48% !important;}
.trainingeditor.hpsintroduc.HRFDCtwo ul li {flex: 0 0 48% !important;}
.trainingeditor.hpsintroduc.PracticeDashboard .PracticeDashboardwrapper {flex-wrap: wrap;width: 100%;}
.trainingeditor.hpsintroduc.PracticeDashboard .listsclswrapper {width: 100%;}
.trainingeditor.hpsintroduc.PracticeDashboard .PracticeDashboardright {width: 90%;padding-left: 0;margin: 10px auto;display: block;}
.trainingeditor.hpsintroduc.PracticeDashboard .PracticeDashboardwrapper .headergreenbgcls {position: inherit;bottom: 0;width: 90%;margin: 0 auto;}
.trainingeditor.hpsintroduc.PracticeDashboard .trainingeditorinner {padding-bottom: 20px!important;}

.trainingeditor.hpsintroduc.DoctorsPanel .DoctorsPanelwrapper {flex-wrap: wrap;width: 100%;}
.trainingeditor.hpsintroduc.DoctorsPanel .listsclswrapper {width: 100%;}
.trainingeditor.hpsintroduc.DoctorsPanel .DoctorsPanelright {width: 90%;padding-left: 0;margin: 10px auto;display: block;}
.trainingeditor.hpsintroduc.DoctorsPanel .DoctorsPanelwrapper .headergreenbgcls {position: inherit;bottom: 0;width: 90%;margin: 0 auto;}
.trainingeditor.hpsintroduc.DoctorsPanel .trainingeditorinner {padding-bottom: 20px!important;}

.trainingeditor.hpsintroduc.AGEF .AGEFwrapper {flex-wrap: wrap;width: 100%;}
.trainingeditor.hpsintroduc.AGEF .listsclswrapper {width: 100%;}
.trainingeditor.hpsintroduc.AGEF .AGEFright {width: 90%;padding-left: 0;margin: 10px auto;display: block;}
.trainingeditor.hpsintroduc.AGEF .AGEFwrapper .headergreenbgcls {position: inherit;bottom: 0;width: 90%;margin: 0 auto;}
.trainingeditor.hpsintroduc.AGEF .trainingeditorinner {padding-bottom: 20px!important;}
.trainingeditor.hpsintroduc.AGEF .listsclswrapper {margin-bottom: 7px;}

.trainingeditor.hpsintroduc.Ardt .Ardtwrapper {flex-wrap: wrap;width: 100%;}
.trainingeditor.hpsintroduc.Ardt .Ardtright {width: 94%;padding-left: 0;margin: 10px auto;display: block;}
.trainingeditor.hpsintroduc.Ardt .Ardtwrapper .headergreenbgcls {position: inherit;bottom: 0;width: 90%;margin: 0 auto;}
.trainingeditor.hpsintroduc.Ardt .trainingeditorinner {padding-bottom: 20px!important;}
.trainingeditor.hpsintroduc.Ardt .paraclswrapper {width: 100%;}

.trainingeditor.hpsintroduc.SFOIF .SFOIFwrapper {flex-wrap: wrap;width: 100%;}
.trainingeditor.hpsintroduc.SFOIF .SFOIFright {width: 94%;padding-left: 0;margin: 10px auto;display: block;}
.trainingeditor.hpsintroduc.SFOIF .SFOIFwrapper .headergreenbgcls {position: inherit;bottom: 0;width: 90%;margin: 0 auto;}
.trainingeditor.hpsintroduc.SFOIF .trainingeditorinner {padding-bottom: 20px!important;}
.trainingeditor.hpsintroduc.SFOIF .paraclswrapper {width: 100%;margin-top: 0px;}
}

@media (max-width:1199px) {
.trainingeditor.hpsintroduc.AGEF .headeronecls h2 {font-size: 30.28px !important;}
.trainingeditor.hpsintroduc.Ardt .headeronecls h2 {font-size: 30.28px !important;}
.trainingeditor.hpsintroduc.SFOIF .headeronecls h2 {font-size: 30.28px !important;}
.trainingeditor.hpsintroduc.EDBIntro .headerthreecls {padding-left: 15px !important;margin-left: auto !important;padding-right: 15px !important;}
.trainingeditor.hpsintroduc.EDBIntro .headerthreecls:nth-child(even){padding-left: 15px !important;margin-left: auto !important;padding-right: 15px !important;}
.trainingeditor.hpsintroduc.EDBIntro .headerthreecls h4::before {content: '';position: inherit;top: 0;left: 0;background-image: url(https://s3.amazonaws.com/backoffice.betoparedes.com/assets/images/training/circlelisttype_black1.png);background-position: top center;background-repeat: no-repeat;background-size: 21px 21px;z-index: 9;width: 21px;height: 21px;margin: 0 auto 8px;display: block;}
.trainingeditor.hpsintroduc.EDBIntro h5 {padding-left: 0;}
.lessoncontent .paragraphwrapper .paragraphcls img {margin-bottom: 0;}
.trainingeditor.hpsintroduc.EMWANSIntro .headerthreecls {padding-left: 15px !important;margin-left: auto !important;padding-right: 15px !important;}
.trainingeditor.hpsintroduc.EMWANSIntro h5 {padding-left: 0;font-size: 14.94px;line-height: 21.94px;}
.lessoncontent .paragraphwrapper .paragraphcls img {margin-bottom: 0;}
.trainingeditor.hpsintroduc.EMWANSIntro .bottomleftblock {text-align: center;margin: 0 auto;width: 90%;}
.trainingeditor.hpsintroduc.EMWANSIntro .trainingeditorEMWANSIntroimg {position: inherit;right: 0;bottom: -10px;width: 290px;z-index: 9;margin: 0 auto;}
.trainingeditor.hpsintroduc.EMWANSIntro .trainingeditorEMWANSIntrobgimg {position: absolute;right: 25%;top: 50%;transform: translateY(-15%);width: 475px;}
.trainingeditor.hpsintroduc.EMWANSIntro .headerthreecls:nth-child(even) {margin-left: auto!important;width: 90%;}
.trainingeditor.hpsintroduc.EMWANSIntro .headerthreecls h4 {font-size: 19.64px;line-height: 23.64px;}

.trainingeditor.hpsintroduc.Ardt .headeronecls {margin-left: auto !important;}
.trainingeditor.hpsintroduc.Ardt .headeronecls{max-width: 94%!important;float: none!important;margin: 0 auto 20px!important;}
.trainingeditor.hpsintroduc.SFOIF .headeronecls {margin-left: auto !important;}
.trainingeditor.hpsintroduc.SFOIF .headeronecls{max-width: 94%!important;float: none!important;margin: 0 auto 20px!important;}
.trainingeditor.hpsintroduc.SFOIF .SFOIFimageouterwrapper {position: inherit;top: 0;left: 0;width: 100%;transform: inherit; margin-top: -12%;}

}
@media (max-width:767px) {
.trainingeditor.hpsintroduc.HRFDC ul li {flex: 0 0 98% !important;}
.trainingeditor.hpsintroduc.HRFDC .listswrapper ul {margin-top: 0px !important;}
.trainingeditor.hpsintroduc.HRFDCtwo ul li {flex: 0 0 98% !important;}
.trainingeditor.hpsintroduc.HRFDCtwo .listswrapper ul {margin-top: 0px !important;}
.trainingeditor.hpsintroduc.PracticeDashboard ul li {flex: 0 0 100%!important;}

.iframe_pdfdiv{   width: 55vw!important; }
}
@media (max-width:540px) {
.trainingeditor.hpsintroduc.EMWANSIntro .headeronecls h2 {font-size: 22.2px;line-height: 29.2px;}
.trainingeditor.hpsintroduc.PracticeDashboard .headertwocls {max-width: 100%!important;}
.trainingeditor.hpsintroduc.AGEF .headeronecls h2 {font-size: 22.28px;line-height: 29.28px;}
.trainingeditor.hpsintroduc.AGEF .headertwocls {max-width: 100%!important;}
.trainingeditor.hpsintroduc.Ardt .headeronecls h2 {font-size: 22.28px;line-height: 29.28px;}
.trainingeditor.hpsintroduc.Ardt .headertwocls {max-width: 100%!important;}
.trainingeditor.hpsintroduc.SFOIF .headeronecls h2 {font-size: 22.28px;line-height: 29.28px;}
.trainingeditor.hpsintroduc.SFOIF .headertwocls {max-width: 100%!important;}
}




.wrappernoti {
    display:flex !important;
    margin-left: 0.4%;
    justify-content: space-evenly;
}

/* End Lession - PECE Sales Deck */

/* ---------priti_1/2/22------ */
.paragraphcls .mainclass{display: flex;justify-content: space-between;align-items: center;}
.paragraphcls .mainclass .flexcontainerwrp{    display: block;}
.paragraphcls .mainclass h1{font-size: 24px;line-height: normal;font-family: 'OpenSansSemiBold';color: #000000c2;margin: 0;padding: 0;}
.paragraphcls .mainclass .mandetorycls_wrapper{   margin: 0; color: #b43e3e;font-size: 13px;}
.paragraphcls .mainclass p a.btncls{
    font-family: 'OpenSansSemiBold';border-radius: 4px!important;font-size: 18px;  line-height: normal;   min-width: 100px;color: #fff!important;
    float: none;box-shadow: none;border-radius: 0;background: rgba(48, 200, 251, 1);
    background: -moz-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(48, 200, 251, 1)), color-stop(100%, rgba(32, 163, 219, 1)));
    background: -webkit-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -o-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: -ms-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    background: linear-gradient(to bottom, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#30c8fb', endColorstr='#20a3db', GradientType=0);
   outline: none;position: inherit!important;text-shadow: 0 2px 3px #000;
    margin: 0 auto;display: block;text-align: center;padding: 10px;text-decoration: none;
}
/* ------end--------- */



.block_all_display_cls{
visibility:hidden;
}
/* .loaderprogress{
    visibility:visible;
} */
.addemailsttngsmodal .close-btn-modal{
    position: absolute;
    top: -8px;
    right: -5px;
    background: #254e6d;
    color: #fff;
    border-radius: 0 0 0 11px;
    font-size: 20px;
    padding: 0 0 3px 3px;
}
.email_report{
    text-align: center;
    margin: 0 auto 16px;
    text-transform: uppercase;
    font-size: 25px;
    background: #254e6d;
    color: #fff;
    padding: 10px 5px;
    border-radius: 5px;
}

/* ----------------------------techdashboard_16.02.22---------------------- */

.tech_dashboard_reso_block_partPECE .tech_dashboard_reso_block_body_text_wrapper_text_div{flex-direction: column;}

.tech_dashboard_reso_block_partPECE .tech_dashboard_reso_block_body_text_wrapper_text_div h1 span{
    background: #ffed2f url(../images/tech_db_top_textbg.png) no-repeat;
    background-size: 100% 50%;
    display: block;
    width: 565px;
    line-height: 58px;
    border-radius: 50px;
    box-shadow: 0 0 10px #3a555f;
    font-family: 'RalewayBold';
    font-size: 27px;
    color: #191919;
    text-transform: uppercase;
    text-align: center;
    margin: 0 auto;
}



.tech_dashboard_reso_block_part_TMF .tech_dashboard_reso_block_body_text_wrapper_text_div{
    flex-direction: column;
}

.tech_dashboard_reso_block_part_TMF .tech_dashboard_reso_block_body_text_wrapper_text_div h1 span {
    background: #ffed2f url(../images/tech_db_top_textbg.png) no-repeat;
    background-size: 100%;
    display: block;
    width: 480px;
    line-height: 58px;
    border-radius: 50px;
    box-shadow: 0 0 10px #3a555f;
    font-family: 'RalewayBold';
    font-size: 27px;
    color: #191919;
    text-transform: uppercase;
    text-align: center;
    margin: 0 auto;
}


.tech_dashboard_reso_block_partRST_new .tech_dashboard_reso_block_partRST_newblock .textcss1 .textcss_con h1 {
    margin: 0;
    padding: 0;
    margin-top: 15px;
}

.tech_dashboard_reso_block_partRST_new .tech_dashboard_reso_block_partRST_newblock .textcss1 .textcss_con h1 span {
    display: block;
    text-align: center;
    background: #0586c3;
    background: linear-gradient(180deg, rgba(5, 134, 195, 1) 0%, rgba(17, 28, 43, 1) 100%);
    color: #fff;
    display: block;
    width: 480px;
    line-height: 48px;
    border-radius: 50px;
    box-shadow: 0 0 10px #3a555f;
    font-family: 'RalewayBold';
    font-size: 24px;
    text-align: center;
    margin: 0 auto;
}
.tech_dashboard_reso_block_partRST_new .textcss_con_text {padding: 15px;}
.tech_dashboard_reso_block_body_text_wrapper_text_div h2 {font-size: 26px!important;line-height: 34px!important;}
.tech_dashboard_reso_block_partPECE .tech_dashboard_reso_block_body_text_wrapper_text_div h1 {margin: 0;padding: 0;margin-top: 20px;}
.pylogochgh .tech_dashboard_reso_block_body_logo img{ margin-left: -88%!important;}
.pylogochgh .tech_dashboard_reso_block_body_logo{    width: 487px!important;}
.tech_dashboard_reso_block_part_TMF .tech_dashboard_reso_block_body_text_wrapper_text_div h1{margin: 0;padding: 0;margin-top: 20px;}

@media screen and (max-width: 1860px) {
    .pylogochgh{background-size: 24%,cover!important;}
}
@media screen and (max-width: 1820px) {
 .pylogochgh  .tech_dashboard_reso_block_body{width: 1143px!important;}
}
@media screen and (max-width: 1760px) {
    .pylogochgh  .tech_dashboard_reso_block_body{width: 1123px!important;}
    .pylogochgh .tech_dashboard_reso_block_body_logo {width: 460px!important;}
   }
@media screen and (max-width: 1680px) {
    .pylogochgh .tech_dashboard_reso_block_body_text {width: 672px!important;padding-left: 116px!important;}
 }
 @media screen and (max-width: 1640px) {
    .pylogochgh{     background-size: 27% ,cover!important; }
 }

 @media screen and (max-width: 1600px) {
    .pylogochgh{     background-size: 25% ,cover!important; }
 }
 @media screen and (max-width: 1199px) {
    .tech_dashboard_reso_block_partPECE .tech_dashboard_reso_block_body_text {width: auto!important;padding-left: 0;margin-top: 25px;}
    .tech_dashboard_reso_block_partPECE .tech_dashboard_reso_block_body{width: auto!important;}
 }



 .textcss_con_text h2{    font-size: 21px;}

 /* -----------------------17.02.22_techdashboard_implementation------------- */

.shwlesscls{position: absolute;right: 236px;bottom: 17px;}
.shwlesscls button{background: none!important;}
.lessoncontent span:last-of-type span{display: inline-block!important;font-size: 15px;}

.videotrainngcls .training_mainwrappercon .fileinfocls .descriptioncls .shwmrcls button span{color: #d01111f2!important;}
.shwmrcls button{    background: none!important;}
.descriptioncls{    display: inline-flex;}
.lessoncontent .shwlesscls button span{color: #d01111f2!important}
.shwmrcls{position: absolute;left: 16%;bottom: 3%;}







 
/* --------dashboard_responsive--------- */
 @media screen and (max-width: 1740px) {
    .textcss_con_text h2 {font-size: 17px;}
  .pylogochgh .tech_dashboard_reso_block_body {width: 1132px!important;}
    .pylogochgh {background-size: 21% auto,cover!important;    }
 }
 @media screen and (max-width: 1880px) {
    .tech_dashboard_reso_block_partRST_new .tech_dashboard_reso_block_partRST_newblock .textcss1 .textcss_con h1 span{font-size: 20px;line-height: 40px;}
 }
 @media screen and (max-width: 500px) {
    .tech_dashboard_reso_block_partRST_new .tech_dashboard_reso_block_partRST_newblock .textcss1 .textcss_con h1 span {font-size: 20px;line-height: normal;padding: 10px;}
 }
/* -------------tranning_section_dashboard_responsive------- */


@media screen and (max-width: 1690px){
  .pylogochgh  .tech_dashboard_reso_block_body {width: 1182px!important;}
    .pylogochgh .tech_dashboard_reso_block_body_logo img {margin-left: -85%!important;}
}
@media screen and (max-width: 1640px){
    .pylogochgh .tech_dashboard_reso_block_body {width: 1150px!important;}
    .pylogochgh .tech_dashboard_reso_block_body_logo {width: 407px!important;}
}

@media screen and (max-width: 1600px){
    .pylogochgh .tech_dashboard_reso_block_body {width: 1130px!important;}
}


@media screen and (max-width: 1500px){
.tmflowsharelinkblk .tech_dashboard_reso_block_subcon_div span{padding: 15px!important;}
}

@media screen and (max-width: 1490px) {
    .pylogochgh{background-position: left -113px bottom,left top!important;background-size: 30%,cover!important;}
    .pylogochgh .tech_dashboard_reso_block_body_logo {width: 348px!important;}
    .pylogochgh .tech_dashboard_reso_block_body {width: 1054px!important;}
}


@media screen and (max-width: 1480px) {
    .tech_dashboard_reso_block_subcon_div span{padding: 15px 15px 20px;}
}

@media screen and (max-width: 1440px) {
    .pylogochgh .tech_dashboard_reso_block_body_logo {width: 301px!important;}
    .pylogochgh .tech_dashboard_reso_block_body {width: 1018px!important;}
    .pylogochgh .tech_dashboard_reso_block_body_logo img {margin-left: -101%!important;}
}
@media screen and (max-width: 1380px) {
    .pylogochgh{background-image: none!important;background: rgb(60,194,232);background: linear-gradient(90deg, rgba(60,194,232,1) 0%, rgba(170,252,232,1) 100%)!important;}
}
@media screen and (max-width: 1360px) {
    .shwlesscls{right: 28%;}
    .shwmrcls{left: 23%;}
}
@media screen and (max-width: 1320px) {
    .shwmrcls{left: 24%;}
}
@media screen and (max-width: 1260px) {
    .shwmrcls {left: 24.5%;}
}
@media screen and (max-width: 1252px) {
    .shwmrcls {left: 28.5%;}
}

@media screen and (max-width: 1220px) {
    .shwmrcls {left: 29%;}
}
@media screen and (max-width: 1199px) {
    .commonsettings_h2_new span {
        min-width: inherit;
        line-height: normal;
        padding: 10px 15px!important;
        font-size: 30px;
    }
    .pylogochgh{background-image: none!important;}
    .pylogochgh .tech_dashboard_reso_block_body_text{padding-left: 0px!important;}

    .pylogochgh{background: rgb(60,194,232);background: linear-gradient(180deg, rgba(60,194,232,1) 0%, rgba(170,252,232,1) 100%)!important;}
    .pylogochgh  .tech_dashboard_reso_block_body_logo {width: auto!important;text-align: center!important;}
  .pylogochgh .tech_dashboard_reso_block_body_logo img {width: auto!important;max-width: 100%!important;display: block!important;margin: 0 auto!important;}
  .pylogochgh .tech_dashboard_reso_block_body_logo img{display: block!important;margin: 0px auto!important;  }
  .pylogochgh .tech_dashboard_reso_block_body_logo img{
    display: block!important;
    margin: 0px auto!important;
  }
}




@media screen and (max-width: 766px) {
    .tech_dashboard_reso_block_subcon_div_tmf{flex: auto!important;}
}

@media screen and (max-width: 767px) {
    .tech_db_top_img1 {margin-top: 26px!important;}
    .tech_dashboard_reso_block_heading_wrapper h2 span{padding: 10px;}
    .tech_dashboard_reso_block_partPECE .tech_dashboard_reso_block_body_text_wrapper_text_div h1 span{font-size: 26px; line-height: normal;padding: 10px;}
}

@media screen and (max-width:690px) {
    .tech_db_top_img1 {margin-top: -2px!important;}
}
@media screen and (max-width:540px) {
    .tech_dashboard_reso_block_part_TMF .tech_dashboard_reso_block_body_text_wrapper_text_div h1 span{width: 450px!important;margin: 8px!important;}
}
@media screen and (max-width:520px) {
    .tech_dashboard_reso_block_heading_wrapper h2 span{line-height: normal!important;}
    .tech_dashboard_reso_block_part_TMF .tech_dashboard_reso_block_body_text_wrapper_text_div h1 span{width: 428px!important;}

}
@media screen and (max-width:490px) {
    .commonsettings_h2_new span{
        font-size: 26px!important;
    }
    .tech_dashboard_reso_block_part_TMF .tech_dashboard_reso_block_body_text_wrapper_text_div h1 span{width: 400px!important;}
    .commonsettings_h2_new span {
        min-width: inherit;
        line-height: normal!important;
        padding: 10px!important;
        font-size: 22px;
    }
}
@media screen and (max-width:460px) {
    .tech_dashboard_reso_block_part_TMF .tech_dashboard_reso_block_body_text_wrapper_text_div h1 span{
        width: 373px!important;
    }
}
@media screen and (max-width:410px) {
    .tech_db_top_img1 {margin-top: 0px!important;}
}
@media screen and (max-width:400px) {
    .tech_dashboard_reso_block_heading{        height: auto!important;    }
    .commonsettings_h2_new span{font-size: 22px;line-height: normal;padding: 10px!important;}
    .tech_dashboard_reso_block_part_TMF .tech_dashboard_reso_block_body_text_wrapper_text_div h1 span {
        /* width: auto!important;
        font-size: 22px!important;
        padding: 10px!important;
        line-height: normal!important; */
    }
   
}



@media screen and (max-width: 380px) {
    .commonsettings_h2_new span {font-size: 22px!important;}
 .tmflowsharelinkblk .tech_dashboard_reso_block_subcon_div span span {
        width: 100%;
        background-size: 100%;
        display: block;
        width: 100%;
        text-transform: capitalize;
        line-height: 30px;
        border-radius: 50px;
        box-shadow: 0 0 10px #86a97c;
        font-family: 'RalewayBold';
        font-size: 20px;
        color: #191919;
        text-align: center;
        text-decoration: none;
        padding: 10px 1%!important;
        margin: 0 auto;
        cursor: pointer;
        height: auto!Important;
    }
}


@media screen and (max-width: 340px) {
    .commonsettings_h2_new span{font-size: 18px!important;}
    .tech_dashboard_reso_block_partPECE .tech_dashboard_reso_block_body_text_wrapper_text_div h1 span{font-size: 18px;}
    .tech_dashboard_reso_block_body_text_wrapper_text_div h2{padding: 10px;}
    .tech_dashboard_reso_block_body_text_wrapper_text_div h2 {
        font-size: 21px!important;
        line-height: 26px!important;
    }
   
}


/* -------------------techdashboard_21.02.22------- */

@media screen and (max-width: 600px) {
    /* .tech_dashboard_reso_block_partRST_new .tech_dashboard_reso_block_partRST_newblock .textcss1 .textcss_con h1 span{    width: auto!important;} */

}
/* -----------faq------------- */

.faqview_body ul li span{font-size: 26px;}
/* --------------------my Appoinments_preview_modal----------- */

.detail-view .mat-dialog-container .dialoghead .preview_preheadercls {
    text-align: center;
    margin: 0;
    margin-bottom: 15px;
    background: #81b7dd;
    border-radius: 8px;
    padding: 5px!important;
    font-weight: 500;
    font-size: 28px;
    line-height: normal;
}
.detail-view .mat-card-content, .mat-card-subtitle{
    word-break: inherit!important;
}


@media screen and (max-width: 520px) {
    .custom-modalbox p{font-size: 13px!important;}
    .detail-view .mat-card-header .mat-card-title{font-size: 14px!important;}
}

@media screen and (max-width: 421px) {
    .listingpage_wrapper .mat-tab-header .mat-tab-label{margin-top: 10px!important;}
    .listingpage_wrapper .mat-tab-label-container{
        border-bottom: none!important;
    }
}
@media screen and (max-width: 380px) {
    .detail-view .mat-card-header{
        width: 40%!important;
    }
    .detail-view .mat-card-content, .mat-card-subtitle{
        width: 58%!important;
    }
    .custom-modalbox .ng-star-inserted{
        padding: 8px!important;
    }
}
@media screen and (max-width: 340px) {
    .detail-view .mat-card-header .mat-card-title {font-size: 12px!important;}
}

/* -----------------upcomming appoinments_text-size_changh------------ */
.noFoundTextinner{font-size: 18px!important;}
.noFoundTextinner span p{margin: 0px!important;}
 


 

/* @media screen and (max-width: 991px) {
    .detail-view .mat-dialog-container {width: auto!important;max-width: 100%!important;}
} */


/* --------------------admindashboard_cssupdate----------- */

.admindashboard_block1_wrapper_con{height: 86%!important;}
.admintranningrpt .block_arrrow_content .block_left_arrow{top: 17px;}
.admintranningrpt .block_arrrow_content .block_right_arrow{top: 17px;}
.detail-view .mat-dialog-container .dialoghead .preview_preheadercls{background: #01426c;color: #fff;}




/* ---------------preview_modal----------- */
.detail-view .mat-dialog-container .dialoghead .preview_preheadercls{background: #254e6d;color: #fff;}
.detail-view{    max-height: 80vh!important;  }
.mat-dialog-content{max-height: 65vh!important;}
.detail-view .mat-card-header{    width: 30%;}
.detail-view .mat-card-content, .mat-card-subtitle{    width: 60%;}
.custom-modalbox .ng-star-inserted{max-height: 100%;}

.firstblockforform{    width: auto; }

@media only screen and (max-width:380px) {
    .detail-view .mat-dialog-container .dialoghead .preview_preheadercls{font-size: 20px;}
}

/* -----------Add_notes_modal---------- */
.mat-dialog-content{    overflow-x: hidden!important;}

@media only screen and (max-width:560px) {
    /* .custom-modalbox .mat-dialog-container{max-width: 80%;} */
}
@media only screen and (max-width:500px) {
    /* .custom-modalbox .mat-dialog-container{max-width: 60%;} */
}

@media only screen and (max-width:380px) {
    /* .custom-modalbox .mat-dialog-container{max-width: 46%;} */
}

/* ----------------Admindashboard_responsive------------- */
.mat-dialog-actions{display: flex!important;align-items: stretch!important;justify-content: center!important;}
.lessonAddEditBlog .admingeneralcls .formclass{background: #f1f1f1;}

@media only screen and (max-width:1600px) {
    .manage_lesson_listpagebody .countSection h2{line-height: 58px;}
}
@media only screen and (max-width:1480px) {
    .button_div_custom_cls {display: flex;flex-wrap: wrap;}
    /* .tablewrapper tr th:nth-child(1){width:3%;}
    .tablewrapper tr th:nth-child(2){width: 15%;}
    .tablewrapper tr th:nth-child(3){width: 10%;}
    .tablewrapper tr th:nth-child(4){width: 10%;}
    .tablewrapper tr th:nth-child(5){width: 16%;}
    .tablewrapper tr th:nth-child(6){width: 10%;}
    .tablewrapper tr th:nth-child(7){width: 10%;}
    .tablewrapper tr th:nth-child(8){width: 15%;} */
}
@media only screen and (max-width:1420px) {
    .manage_lesson_listpagebody .countSection h2{line-height: 50px;}
}
@media only screen and (max-width:1380px) {
    /* .tablewrapper tr th:nth-child(8) {width: 23%;} */
    .ListingElements{font-size: 16px;}
    .admindashboard_alltableblock .alltableblock_wrapper{width: 23%;}
    .admindashboard_alltableblock .alltableblock_wrapper:nth-last-of-type(2) {width: 52%;}
}
@media only screen and (max-width:1340px) {
    .admindashboard_alltableblock .alltableblock_wrapper{width: 22.8%;}
    .admindashboard_alltableblock .alltableblock_wrapper:nth-last-of-type(2) {width: 53%;}
    .button_div_custom_cls {display: flex;flex-wrap: wrap;}   
}
@media only screen and (max-width:1260px) {
    .manage_lesson_listpagebody .countSection h2{font-size: 18px;line-height: 44px;}
}
@media only screen and (max-width:1240px) {
    .admindashboard_alltableblock .alltableblock_wrapper {width: 20.8%;}
    .ListingElements{font-size: 15px;}
    .admindashboard_alltableblock .alltableblock_wrapper:nth-last-of-type(2) {width: 55%;}
    /* .tablewrapper tr th:nth-child(8) {width: 30%;} */
    
}


@media only screen and (max-width:1199px) {
    .actionbuttonwrapper{display: flex;}

    /* .tablewrapper tr td, .tablewrapper tr th{display: flex;} */
    .actionbuttonwrapper{
        /* display: flex; */
        /* width: 8%; */
        /* justify-content: flex-end;     */
    }
    .distributorListdatatablecss tr td{word-break: inherit;}
    .searchblock .searchblockwrapper span .countSection span {flex: 1 1 60%!important;}
    .manage_lesson_listpagebody .countSection h2 {font-size: 18px;line-height: 50px;}

    .tablewrapper tr th:nth-child(1){width:100%;}
    .tablewrapper tr th:nth-child(2){width: 100%;}
    .tablewrapper tr th:nth-child(3){width: 100%;}
    .tablewrapper tr th:nth-child(4){width: 100%;}
    .tablewrapper tr th:nth-child(5){width: 100%;}
    .tablewrapper tr th:nth-child(6){width: 100%;}
    .tablewrapper tr th:nth-child(7){width: 100%;}
    .tablewrapper tr th:nth-child(8){width: 100%;}
    .distributorListdatatablecss .tablewrapper{overflow-y: hidden;}
}
@media only screen and (max-width:991px) {
    .training_center_wrapper mat-card-title{margin-top: 14px!important;}
    .searchblock .searchblockwrapper span .countSection span {flex: 1 1 64%!important;}
    .manage_lesson_listpagebody .searchblock .searchblockwrapper span .countSection{width: 33.1%!important;}
    .manage_lesson_listpagebody .countSection h2{line-height: 38px;}
}
@media only screen and (max-width:880px) {
    .searchblock .searchblockwrapper span .countSection span {flex: 1 1 54%!important;}
}
@media only screen and (max-width:700px) {
    .searchblock .searchblockwrapper span .countSection span {flex: 1 1 50%!important;}
}
@media only screen and (max-width:660px) {
    .manage_lesson_listpagebody .searchblock .searchblockwrapper span .countSection{width: 100%!important;margin: 0;}
    .manage_lesson_listpagebody .countSection h2{flex: 1 1 40%!important;}
    .searchblock .searchblockwrapper span .countSection span {flex: 1 1 50%!important;}
    .searchblock .searchblockwrapper span .countSection span br{display: none;}
    .mat-bottom-sheet-container .bottom-sheet-header-toggle{font-size: 18px;}
}
@media only screen and (max-width:560px) {
    .mat-dialog-actions .mat-button-base+.mat-button-base{margin-left: 0!important;}
    .mat-dialog-container .mat-dialog-actions button{margin-bottom: 10px;width: 100%!important;}
}
@media only screen and (max-width:440px) {
    .mat-dialog-container cancel-alert .cancel-alert-span {display: flex;}
}
@media only screen and (max-width:380px) {
    .activedistributors_grid2 h4 strong{width: 100%;}
    .activedistributors_grid2 h4 span{width: 100%;}
    .distributorListdatatablecss .tablewrapper{overflow-y: hidden;    }
}
@media only screen and (max-width:340px) {
    .mat-dialog-container cancel-alert .cancel-alert-span{display: flex;flex-direction: column;justify-content: center;align-items: center;}
}

 /* ----------admindashboard----------- */

.addeditpage_wrapper .AddEditBlog {background: #f1f1f1;}
.AddEditBlog .filesid{background: none;}
.body_preview button{    background: #fff url(../images/preview_email.png) no-repeat!important;background-position: center!important;background-size: 20px!important;}

.addeditform .container {padding: 21px;}
/* .AddEditBlog .submitbtnsection {  display: flex;} */

.admindashboard_block1 .block_arrrow_content .block_left_arrow .material-icons{vertical-align: middle;}
.admindashboard_block1 .block_arrrow_content .block_right_arrow .material-icons{vertical-align: middle;}
/* .adminlisttable tbody tr td span{text-align: right;} */
.adminlisttable tbody tr td span{text-align: left;}

.event-edit-modal .edit-header .modal-title{background: rgb(0,193,252);background: linear-gradient(180deg, rgba(0,193,252,1) 0%, rgba(2,135,220,1) 100%)!important;color: #fff;}

.AddEditBlog .form_field_wrapper {    width: 100%;}
.AddEditBlog .actionbtndiv .mat-chip {font-size: 14px;}
.body_preview button{
    background: url(../images/preview_email.png) no-repeat!important;
    background-position: center!important;
    background-size: 20px!important;
    box-shadow: none!important;
}
app-contact-add-edit .AddEditBlog .form_field_wrappercontractname {width: 100%;}
.custom-modalbox .ng-star-inserted .ng-star-inserted .imgmodalcls {box-shadow: none;}


 @media only screen and (max-width:600px) {
    .buttonDIV{margin-top: 0!important;}
    .AddEditBlog .submitbtnsection{flex-wrap: wrap;}

 }
@media only screen and (max-width:480px) {
    .addeditpage_wrapper .listingpageh2{font-size: 22px;}
    .AddEditBlog .submitbtnsection{flex-direction: column;}
    .addeditform .form-element .mat-raised-button:nth-of-type(2){margin: 2px 5px 2px 0!important;}
}
/* .addeditpage_wrapper{min-height: unset!important;} */
.addemailsttngsmodal .close-btn-modal{cursor: pointer;}
@media only screen and (max-width:380px) {
    .bottom_sheet_body button{font-size: 16px!important;}
}
.custom-modalbox .ng-star-inserted button{margin-bottom: 10px;}
.adminlisttable_v2 tbody td{font-size: 14px;}
.searchbar .mat-form-field .mat-form-field-flex {align-items: flex-end;}
.mat-badge-medium.mat-badge-above .mat-badge-content {top: -15px!important;}
.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {right: -14px!important;}
.mat-card{    box-shadow: none!important;}

confirmdialog mat-divider{display: none!important;}
confirmdialog  .mat-list-item .mat-divider-horizontal{display: block!important;}


/* ---------admindashboard------ */

.firstblockforform{height: auto;}
.noFoundTextinner {font-size: 30px!important;}
.noFoundText{padding-top: 270px!important;}
.listingpage_wrapper .FollowUpCall .noFoundText .noFoundTextinner p{    margin: 0!important;padding: 0!important;font-size: 18px;}
.event_managementbody .calendar_wrapper{background: #f1f1f1;}
.listingpage_wrapper .noFoundText .noFoundTextinner span{    font-size: 30px!important;}
.listingpage_wrapper .noFoundText .noFoundTextinner p{    margin: 0!important;padding: 0!important;font-size: 18px;}
.mat-form-field-appearance-legacy .mat-form-field-label {top: 1.18125em!important;}
.searchbar .mat-form-field .mat-form-field-flex {align-items: center;}
.upcomingappoinments .noFoundTextinner p { margin: 0;padding: 0;font-size: 18px;}
/* .leadlistpage .tablewrapper tr td {display: block!important;}
.leadlistpage .tablewrapper tr td .mat-checkbox{display: none!important;} */
.adminlisttable_v2 tbody td:last-child{    border-bottom: none;}
.adminlisttable_v2 tbody .mat-column-Actions .notebtncls{    margin: 4px 13px 4px 4px!important;}

.mat-card-header{align-items: center;}

@media only screen and (max-width:1820px) {
    .leadlistpage  tbody .cdk-column-dispositionview span span .Contactednodecision-maker{text-transform: lowercase;font-size: 14px;}
}
@media only screen and (max-width:1540px) {
    .leadlistpage  tbody .cdk-column-dispositionview span span .Contactednodecision-maker{font-size: 12px;}
}
@media only screen and (max-width:1440px) {
    .leadlistpage  tbody .cdk-column-dispositionview span span .Contactednodecision-maker{font-size: 10px;}
}
@media only screen and (max-width:1300px) {
    .leadlistpage  tbody .cdk-column-dispositionview span span .DiscoverycallSet{font-size: 12px;}
}

@media only screen and (max-width:1220px) {
    .leadlistpage  tbody .cdk-column-dispositionview span span .DiscoverycallSet{font-size: 11px;}
    .leadlistpage  tbody .cdk-column-dispositionview span span .Decision-makerreachedinfosent{font-size: 11px; }
    .leadlistpage  tbody .cdk-column-dispositionview span span .CreditContractsent{ font-size: 11px;   }
    .leadlistpage  tbody .cdk-column-dispositionview span span .PeceContractsent{ font-size: 11px;   }

}

@media only screen and (max-width:1199px) {
    .leadlistpage  tbody .cdk-column-dispositionview span span .Contactednodecision-maker{font-size: 14px;}

    .leadlistpage  tbody .cdk-column-dispositionview span span .DiscoverycallSet{font-size: 14px;}
    .leadlistpage  tbody .cdk-column-dispositionview span span .Decision-makerreachedinfosent{font-size: 14px; }
    .leadlistpage  tbody .cdk-column-dispositionview span span .CreditContractsent{ font-size: 14px;   }
    .leadlistpage  tbody .cdk-column-dispositionview span span .PeceContractsent{ font-size: 14px;   }

    .leadlistpage  tbody .mat-column-select:nth-child(1):before{content: 'select';}
    .leadlistpage  tbody  td:nth-child(2):before{content: 'NO.';}

}

@media only screen and (max-width:920px) {
    /* .lastlogin mat-label span{font-size: 16px;} */
}
@media only screen and (max-width:1199px) {
    .adminlisttable_v2 .mat-header-row{display: none!important;}
    .tablewrapper tr td, .tablewrapper tr th{
        display: flex!important;
        /* justify-content: space-between!important; */
        justify-content:flex-start!important;

    }
    .adminlisttable_v2 .tablewrapper{margin-top: 5px!important;}
    .adminlisttable_v2 td:before{width: 50%!important;} 

    .adminlisttable_v2 tbody td:nth-child(10){align-items: center;}

    .admintopblock_wrapper{text-align: left!important;}
    .lastlogin2_btnwrapper{justify-content: flex-start;}


    .adminlisttable_v2 tbody td:nth-child(1):before{content:'NO.';color: #23aae1!important;float: none;display: block;text-transform: uppercase;font-weight: 700;}
    .adminlisttable_v2 tbody td:last-child:before{content:'action';color: #23aae1!important;float: none;display: block;text-transform: uppercase;font-weight: 700;}
    .listingpage_wrapper .mat-tab-body-wrapper .leads_leadtable tbody td:nth-child(1)::before{content:'select';color: #4ab650!important;float: none;display: block;text-transform: uppercase;font-weight: 700;}
    .listingpage_wrapper .mat-tab-body-wrapper .leads_leadtable tbody td:nth-child(2)::before{content:'NO.';color: #4ab650!important;float: none;display: block;text-transform: uppercase;font-weight: 700;}
    .listingpage_wrapper .mat-tab-body-wrapper .leads_leadtable tbody td:last-child:before{content:'action';color: #4ab650!important;float: none;display: block;text-transform: uppercase;font-weight: 700;}
    .maincontant tbody td.mat-column-Actions{padding: 8px 1%!important;min-height: 32px;display: flex!important;
        /* justify-content: space-between!important; */
        justify-content:flex-start!important;
        align-items: center;    }

    .allemailsquedreports tbody td:first-child::before{content:'NO.';}
    .allemailsquedreports tbody td:last-child::before{content:'Action';}

    .productlisting tbody td:first-child::before{content: 'select';}
    .productlisting tbody td:nth-child(2)::before{content: 'NO.';}
    .productlisting tbody td:last-child::before{content: 'action';}
    .leadlistpage .tablewrapper tr td {display: flex!important;}
}

@media only screen and (max-width:480px) {
    .tablewrapper tr td, .tablewrapper tr th{display: block!important;}
    .adminlisttable_v2 td:before{width: 100%!important;}
    .leadlistpage .tablewrapper tr td {display: block!important;}
}
.admintopblock_wrapper2 span {  
    background: url(../images/lock1.png) no-repeat left center;
    background-size: 30px;
    padding: 10px;
    padding-left: 42px;
    /* margin-top: 10px!important; */
}
.admintopblock2{   margin-left: 0;}
.admintopblock_wrapper2 mat-slide-toggle{    padding: 12px 0 0 10px;}
@media only screen and (max-width:380px) {
    .custom-modalbox-image-preview .imgmodalcls button{top: -28px;right: -30px;}
}

/* -----------22.03.22 admindashboard--------- */

.admintopblock_wrapper2 span{    font-family: 'OpenSansBold'!important;}
.admintopblock_wrapper2 mat-slide-toggle span{background-image: none;padding-left: 0;margin-top: 0!important;}

@media only screen and (max-width:1199px) {
    .dashboard_wrapper_block .admintopblock2{    margin-top: 5px!important;}
    .listingpage_wrapper .mat-tab-body-wrapper .leads_leadtable tbody td:nth-child(1)::before{color: #23aae1!important;}
    .listingpage_wrapper .mat-tab-body-wrapper .leads_leadtable tbody td:nth-child(2)::before{color: #23aae1!important;}
    .listingpage_wrapper .mat-tab-body-wrapper .leads_leadtable tbody td:last-child:before{color: #23aae1!important;}
    .write_contract_btn span{background-size: 24px!important;}


.jobticketcategorylisting .adminlisttable td:nth-child(1)::before{content:'NO.';}
.jobticketcategorylisting .adminlisttable .mat-column-Actions::before{content:'Action';width: 50%!important;}

.managejoblisting .adminlisttable td:nth-child(1)::before{content:'NO.';}
.managejoblisting .adminlisttable .mat-column-Actions::before{content:'action';}

.faqlistingpage .adminlisttable .mat-column-select:before {content:'select';}
.faqlistingpage .adminlisttable .mat-column--:before {content:'NO.';}
.faqlistingpage .adminlisttable .mat-column-Actions:before {content:'Action';width: 50%!important;}

.faqcategorylisting .adminlisttable .mat-column-select:before {content:'select';}
.faqcategorylisting .adminlisttable .mat-column--:before {content:'NO.';}
.faqcategorylisting .adminlisttable .mat-column-Actions:before {content:'Action';width: 50%!important;}

.followupcallslist tbody .mat-column--:before{content: 'NO.';}
.followupcallslist tbody td:nth-child(2)::before{content: attr(title);}
.followupcallslist tbody .mat-column-Actions::before{content:'Action'}

}
@media only screen and (max-width:690px) {
    .adminlisttable_v2 tbody .cdk-column-dispositionview span{float: right;}
}
@media only screen and (max-width:620px) {
    .maincontant tbody td.mat-column-Actions{padding: 8px 2%!important;}
}
@media only screen and (max-width:520px) {
    .tech_dashboard_reso_block_partRST_new .tech_dashboard_reso_block_partRST_newblock .textcss1 .textcss_con h1 span{width: auto;}
}
@media only screen and (max-width:480px) {
    .maincontant tbody td.mat-column-Actions{display:block!important;}
    .adminlisttable_v2 tbody .cdk-column-dispositionview span {float: inherit;}
}
@media only screen and (max-width:340px) {
    .wlc_user mat-label span{font-size: 17px;}
    .lastlogin mat-label span{font-size: 17px;}
    .admintopblock_wrapper2 span{font-size: 17px;}
}
.trainingproxymanagementwrp .mat-form-field-appearance-legacy .mat-hint{display: none;}
.admin_inner_block {
    background: url(https://dev.backoffice.betoparedes.com/assets/images/adminbginner.png) no-repeat right top!important;
    background-size: cover!important;
    box-shadow: none!important;
    border-radius: 0!important;
    margin: 0!important;
    padding: 15px 0!important;
    border: none!important;
    position: relative
}

.addadminemailmodal{min-height:auto; }
@media only screen and (max-width:400px) {
    .nots-for{width: auto;}    
    .btn-grp {float: left;}
}

/* ------------------dashboard_update----------- */

@media only screen and (max-width:1540px) {
    .admindashboard_alltableblock .alltableblock_wrapper{width: 22%;}
    .admindashboard_alltableblock .alltableblock_wrapper:nth-last-of-type(2) {width: 53%;}
}
@media only screen and (max-width:1520px) {
 .dashboard_wrapper_block .admindashboard_alltableblock .alltableblock_wrapper:nth-child(3) .ListingElements .admindashboard_alltableview .s3{width: 120px; }
 .dashboard_wrapper_block .admindashboard_alltableblock .alltableblock_wrapper:nth-child(3) .ListingElements .admindashboard_alltableview .s2{width: 176px; }

}
@media only screen and (max-width:1380px) {
    .admindashboard_alltableblock .alltableblock_wrapper {width: 22%;}
    .admindashboard_alltableblock .alltableblock_wrapper:nth-last-of-type(2) {width: 54%;}
}

@media only screen and (max-width:1340px) {
    .ListingElements {font-size: 14px;}
    .admindashboard_alltableblock .alltableblock_wrapper {width: 20.8%;}
    .admindashboard_alltableblock .alltableblock_wrapper:nth-last-of-type(2) {width: 56%;}
}
@media only screen and (max-width:1280px) {
    .admindashboard_alltableblock .LogmeBTN button{width: 16px!important;height: 18px!important;}
    .editlistencls button{width: 16px!important;height: 18px!important;}

}
@media only screen and (max-width:1199px) {
    .ListingElements {font-size: 16px;}
 .alltablemidblock_wrapper .mat-column--::before{
    content: 'NO.';
    float: none;
    display: block;
    text-transform: uppercase;
    font-weight: 700;
    width: 40%;
    /* padding-bottom: 10px; */
    padding-bottom: 0px;
    color: #23aae1;
    }

    .alltablemidblock_wrapper .mat-column-Actions::before{
        content: 'Action';
        float: none;
        display: block;
        text-transform: uppercase;
        font-weight: 700;
        width: 40%;
        /* padding-bottom: 10px; */
        padding-bottom: 0px;
        
    }
    .manage_lesson_listpagebody .mat-column-select:before{content:'select';}
    .manage_lesson_listpagebody .mat-column-deleteRecord:before{content:'Action';}
    .tablewrapper tr td, .tablewrapper tr th {padding: 15px 1%!important;display: flex!important;align-items: center;}
    .adminlisttable_v2 tbody .mat-column-Actions span{margin-top: 0px;}
    /* .manage_lesson_listpagebody td.mat-cell:first-of-type, .manage_lesson_listpagebody td.mat-footer-cell:first-of-type, .manage_lesson_listpagebody th.mat-header-cell:first-of-type{
        padding-left: 0 ;
    } */

    .videolistingpage  tbody .mat-column-select:before {content: 'Select';}
    .videolistingpage  tbody .mat-column--:before {content: 'No.';}
    .videolistingpage  tbody .mat-column-Actions:before {content: 'Action';}
    .leadlistpage .adminlisttable_v2 .mat-column--:before{content:'No.';}  
    .upcomingappoinments tbody .mat-column--::before{ content: 'No.';}
    .upcomingappoinments tbody .mat-column-Actions::before{ content: 'Action';}
    .contactrequestlisting tbody .mat-column--::before{  content: 'No.';}
    .contactrequestlisting tbody .mat-column-Actions::before{  content: 'Action';}
    .contactlistingpage tbody .mat-column-select::before{  content: 'select';}
    .contactlistingpage tbody .mat-column--::before{  content: 'No.';}
    .contactlistingpage tbody .mat-column-Actions::before{  content: 'Action';}
    .commissionlisting tbody .mat-column--::before{  content: 'No.';}
    .commissionlisting tbody .mat-column-Actions::before{  content: 'Action';}

    .categorylisting tbody .mat-column-select::before  {content: 'select';}
    .categorylisting tbody .mat-column--::before  {content: 'No.';}
    .categorylisting tbody .mat-column-Actions::before  {content: 'Action';}

.resourcelisting tbody .mat-column-select::before  {content: 'select';}
.resourcelisting  tbody .mat-column--::before  {content: 'No.';}
.resourcelisting  tbody .mat-column-Actions::before  {content: 'Action';}
.corngoogleeventslisting tbody .mat-column--::before{ content:'No.';}
.corngoogleeventslisting tbody .mat-column-Actions::before{ content:'Action';}
.adminemailsettingslisting tbody .mat-column--::before{ content:'No.';}
.adminemailsettingslisting tbody .mat-column-Actions::before{ content:'Action';}

.dashboard_wrapper_block .admindashboard_alltableblock .alltableblock_wrapper:nth-child(3) .ListingElements .admindashboard_alltableview .s3{width:auto; }
.dashboard_wrapper_block .admindashboard_alltableblock .alltableblock_wrapper:nth-child(3) .ListingElements .admindashboard_alltableview .s2{width:auto; }



   
}
@media only screen and (max-width:480px) {
    .tablewrapper tr td, .tablewrapper tr th{display: block!important;}
}

.categorylisting .mat-form-field-should-float label{top: 20px!important;}
.resourcelisting .mat-form-field-should-float label{top: 20px!important;}
.leadlistpage .mat-form-field-should-float label{top: 20px!important;}

/* ------------------------end--------------------- */