﻿.clear {
    clear: both;
}
.wraperTab {
    width: 100%;
    position: fixed;
    height: 596px;
    z-index: 9999;
}
/* Tab Design */
.tabHeading {
    font-size: 30px;
    font-weight: 100;
    margin-bottom: 5px;
}
.tabDesc {
    padding-bottom: 8px;
    border-bottom: 2px solid #7B8080;
}
.tabSections {
    margin-top: 30px;
}
.tabFuntion {
    margin-top: 2px;
    width: 320px;
    text-align: left;
}
.tabFuntionDetails {
    font-size: 10px;
    font-style: italic;
    vertical-align: top;
    max-width: 520px;
}
.tabColorDiv {
    position: relative;
}
#TabColorDivs.tabColorDiv {
    width: 264px;
    margin-top: 25px;
}
.tabPositionDDWrapper {
    width: 220px;
}
.tabPositionDDDiv {
    background-color: #ffffff;
    position: absolute !important;
    top: 32px;
    width: 220px;
    z-index: 20;
    border: 1px solid #d1d2d4;
    display: none;
    left: -1px;
}
.tabPositionDDDiv label {
    border-bottom: 1px solid #f5f5f5;
    color: #3c96d2;
    font-size: 14px;
    line-height: 1;
    padding: 9px 10px;
    cursor: pointer;
    display: block;
}
.tabPositionDDDiv label:hover {
    background-color: #e9f4ff;
}

.tabPositionDDDiv [type="radio"]:checked + label {
    background-color: #e9f4ff;
}
.tabIconContainer {
    width: 260px;
}
.tabIconContainer label {
    width: 54px;
    height: 30px !important;
    margin-right: 0px;
    margin-bottom: 5px;
    padding: 5px;
    display: inline-block;
    position: relative;
}
.tabIconContainer label.selected {
    position: relative;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}
.tabIconContainer label span {
    display: block;
    height: 100%;
    width: 100%;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto 25px;
    cursor: pointer;
}
.tabIconContainer label span.tabIcon1 {
    position: relative;
    top: 7px;
}
.tabIconContainer label span.tabIcon2 {
    background-image: url('../img/MT_LTIcon_Dark-01.png');
    background-size: auto 24px;
}
.tabIconContainer label span.tabIcon3 {
    background-image: url('../img/MT_LTIcon_Dark-02.png');
    background-size: auto 24px;
}
.tabIconContainer label span.tabIcon4 {
    background-image: url('../img/MT_Tabicon-05.png');
}
.tabIconContainer label span.tabIcon5 {
    background-image: url('../img/MT_Tabicon-01.png');
}
.tabIconContainer label span.tabIcon6 {
    background-image: url('../img/MT_Tabicon-02.png');
}
.tabIconContainer label span.tabIcon7 {
    background-image: url('../img/MT_Tabicon-06.png');
}
.tabIconContainer label span.tabIcon8 {
    background-image: url('../img/MT_Tabicon-04.png');
}
.tabIconContainer label span.tabIcon9 {
    background-image: url('../img/MT_Tabicon-03.png');
}
.tabColorCommon.selected:before {
    border: 1px solid #fff;
    bottom: 1px;
    content: "";
    display: block;
    left: 1px;
    position: absolute;
    right: 1px;
    top: 1px;
    z-index: -1;
    background-position: center;
    background-repeat: no-repeat;
}
.tabText {
    overflow: hidden;
    white-space: nowrap;
    width: 262px;
    text-align: left;
}
.tabText:disabled {
    background-color: #eeedee;
}
.tabTextMsg {
    font-size: 12px;
    padding-top: 2px;
    text-align: right;
    margin-bottom: 15px;
}
.previewDivContainer {
    width: 420px;
}
.previewDiv {
    font-family: "Open sans",helvetica,arial,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}
.mulTabStaticBGWrapper .previewDiv {
    position: absolute;
}
.mulTabStaticBGWrapper .previewDiv.left, .mulTabStaticBGWrapper .previewDiv.right {
    height: 577px;
    width: 463px;
}
.previewDiv.left {
    right: 0;
}
.previewDiv.right {
    left: 0;
}
.previewDiv.rtl {
    direction: rtl;
}
.previewDiv.bottomLeft, .previewDiv.bottomRight {
    height: auto !important;
}
.mulTabStaticBGWrapper .previewDiv.bottomLeft, .mulTabStaticBGWrapper .previewDiv.bottomRight {
    bottom: 0;
    height: 618px;
    width: 420px;
}
.mulTabStaticBGWrapper .previewDiv.bottomLeft {
    left: 40px;
}
.mulTabStaticBGWrapper .previewDiv.bottomRight {
    right: 40px;
}
.previewTab {
    position: relative;
    cursor: pointer;
    box-sizing: initial;
}
.previewDiv.left .previewTab, .previewDiv.right .previewTab {
    height: 577px;
    width: 43px;
}
.previewDiv.bottomLeft .previewTab, .previewDiv.bottomRight .previewTab {
    height: 43px;
    width: 420px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    left: 0;
    top: 0;
}
.mulTabStaticBGWrapper .previewDiv.bottomLeft .previewTab, .mulTabStaticBGWrapper .previewDiv.bottomRight .previewTab {
    float: left;
}
.previewDiv.left .previewTab {
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    float: left;
    left: 0;
    top: 0;
}
.previewDiv.right .previewTab {
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    float: right;
    left: 0;
    top: 0;
}
.previewDiv.left .previewArr {
    background-image: url("../img/ltTab/white_arrow.png");
    position: absolute;
    top: 12px;
    width: 15px;
    height: 15px;
    left: 15px;
    background-repeat: no-repeat;
    background-position: 0 -18px;
    background-size: 15px auto;
}
.previewDiv.left .previewArr.open {
    background-position: 0 0;
}
.previewDiv.right .previewArr {
    background-image: url("../img/ltTab/white_arrow.png");
    position: absolute;
    top: 12px;
    width: 15px;
    height: 15px;
    left: 13px;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 15px auto;
}
.previewDiv.right .previewArr.open {
    background-position: 0 -19px;
}
.previewDiv.bottomLeft .previewArr, .previewDiv.bottomRight .previewArr {
    background-image: url("../img/ltTab/white_arrow.png");
    height: 15px;
    position: absolute;
    right: 10px;
    top: 12px;
    width: 15px;
    background-repeat: no-repeat;
    background-position: 0 -50px;
    background-size: 15px auto;
}
.previewDiv.bottomLeft .previewArr.open, .previewDiv.bottomRight .previewArr.open {
    background-position: 0 -35px;
}
.previewDiv.bottomLeft .previewTabIcon, .previewDiv.bottomRight .previewTabIcon {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto 30px;
    height: 30px;
    left: 5px;
    margin-top: 7px;
    position: absolute;
    width: 70px;
}
.previewDiv.left .previewTabIcon {
    background-repeat: no-repeat;
    background-size: auto 30px;
    bottom: 0;
    height: 30px;
    margin-left: 7px;
    position: absolute;
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform-origin: 12px 11px 0;
    -webkit-transform-origin: 12px 11px 0;
    -ms-transform-origin: 16% 40%;
    width: 70px;
    background-position: center center;
}
.previewDiv.right .previewTabIcon {
    background-repeat: no-repeat;
    background-size: auto 30px;
    bottom: 0;
    height: 30px;
    position: absolute;
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform-origin: 16px 9px 0;
    -webkit-transform-origin: 16px 9px 0;
    -ms-transform-origin: 22% 30%;
    width: 70px;
    background-position: center center;
}
.previewDiv.bottomLeft .previewTabIcon.tabIcon2, .previewDiv.bottomRight .previewTabIcon.tabIcon2, .previewDiv.left .previewTabIcon.tabIcon2, .previewDiv.right .previewTabIcon.tabIcon2 {
    background-image: url("../img/MT_LTIcon_Dark-01.png");
}
.previewDiv.bottomLeft .previewTabIcon.tabIcon3, .previewDiv.bottomRight .previewTabIcon.tabIcon3, .previewDiv.left .previewTabIcon.tabIcon3, .previewDiv.right .previewTabIcon.tabIcon3 {
    background-image: url("../img/tab_logoW.png");
}
.previewDiv.bottomLeft .previewTabIcon.tabIcon4, .previewDiv.bottomRight .previewTabIcon.tabIcon4, .previewDiv.left .previewTabIcon.tabIcon4, .previewDiv.right .previewTabIcon.tabIcon4 {
    background-image: url("../img/MT_Tabicon-11.png");
}
.previewDiv.bottomLeft .previewTabIcon.tabIcon5, .previewDiv.bottomRight .previewTabIcon.tabIcon5, .previewDiv.left .previewTabIcon.tabIcon5, .previewDiv.right .previewTabIcon.tabIcon5 {
    background-image: url("../img/MT_Tabicon-07.png");
}
.previewDiv.bottomLeft .previewTabIcon.tabIcon6, .previewDiv.bottomRight .previewTabIcon.tabIcon6, .previewDiv.left .previewTabIcon.tabIcon6, .previewDiv.right .previewTabIcon.tabIcon6 {
    background-image: url("../img/MT_Tabicon-08.png");
}
.previewDiv.bottomLeft .previewTabIcon.tabIcon7, .previewDiv.bottomRight .previewTabIcon.tabIcon7, .previewDiv.left .previewTabIcon.tabIcon7, .previewDiv.right .previewTabIcon.tabIcon7 {
    background-image: url("../img/MT_Tabicon-12.png");
}
.previewDiv.bottomLeft .previewTabIcon.tabIcon8, .previewDiv.bottomRight .previewTabIcon.tabIcon8, .previewDiv.left .previewTabIcon.tabIcon8, .previewDiv.right .previewTabIcon.tabIcon8 {
    background-image: url("../img/MT_Tabicon-10.png");
}
.previewDiv.bottomLeft .previewTabIcon.tabIcon9, .previewDiv.bottomRight .previewTabIcon.tabIcon9, .previewDiv.left .previewTabIcon.tabIcon9, .previewDiv.right .previewTabIcon.tabIcon9 {
    background-image: url("../img/MT_Tabicon-09.png");
}
.previewDiv .previewTabIcon.tabIcon1 {
    width: 0;
}
.previewDiv .previewTabIcon.tabIcon9, .previewDiv .previewTabIcon.tabIcon8, .previewDiv .previewTabIcon.tabIcon7, .previewDiv .previewTabIcon.tabIcon6, .previewDiv .previewTabIcon.tabIcon5, .previewDiv .previewTabIcon.tabIcon4 {
    width: 40px;
}
.previewDiv.right .previewTabIcon.tabIcon9, .previewDiv.right .previewTabIcon.tabIcon8, .previewDiv.right .previewTabIcon.tabIcon7, .previewDiv.right .previewTabIcon.tabIcon6, .previewDiv.right .previewTabIcon.tabIcon5, .previewDiv.right .previewTabIcon.tabIcon4 {
    -ms-transform-origin: 40% 30%;
}
.previewDiv.left .previewTabIcon.tabIcon9, .previewDiv.left .previewTabIcon.tabIcon8, .previewDiv.left .previewTabIcon.tabIcon7, .previewDiv.left .previewTabIcon.tabIcon6, .previewDiv.left .previewTabIcon.tabIcon5, .previewDiv.left .previewTabIcon.tabIcon4 {
    -ms-transform-origin: 30% 40%;
}
.previewTab .previewTabText {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-align: left;
    cursor:pointer;
}
.previewDiv.bottomLeft .previewTabText, .previewDiv.bottomRight .previewTabText {
    color: #fff;
    font-size: 20px;
    font-weight: 100;
    left: 50px;
    margin-top: 8px;
    position: absolute;
    width: 300px;
    line-height: 26px;
}
.previewDiv.bottomLeft.lt .previewTabText, .previewDiv.bottomRight.lt .previewTabText {
    left: 80px;
    width: 290px;
}
.previewDiv.bottomLeft.ltNone .previewTabText, .previewDiv.bottomRight.ltNone .previewTabText {
    left: 10px;
    width: 330px;
}
.previewDiv.left .previewTabText {
    bottom: 70px;
    color: #fff;
    font-size: 20px;
    font-weight: 100;
    margin-left: 8px;
    position: absolute;
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg); 
    -webkit-transform: rotate(-90deg);
    transform-origin: 19px 19px 0;
    -webkit-transform-origin: 19px 19px 0;
    -ms-transform-origin: 19px 19px;
    width: 510px;
    line-height: 26px;
}
.previewDiv.left.ltNone .previewTabText {
    transform-origin: 4px 3px 0;
    -webkit-transform-origin: 4px 3px 0;
    -ms-transform-origin: 4px 3px;
    width: 550px;
    bottom: 0;
}
.previewDiv.left.lt .previewTabText {
    transform-origin: 4px 3px 0;
    -webkit-transform-origin: 4px 3px 0;
    -ms-transform-origin: 4px 3px;
    width: 480px;
}
.previewDiv.right .previewTabText {
    bottom: 70px;
    color: #fff;
    font-size: 20px;
    font-weight: 100;
    margin-right: 8px;
    position: absolute;
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg); 
    -webkit-transform: rotate(-90deg); 
    transform-origin: 25px 16px 0;
    -webkit-transform-origin: 25px 16px 0;
    -ms-transform-origin: 25px 16px;
    width: 510px;
    text-align: left;
    line-height: 26px;
}
.previewDiv.right.ltNone .previewTabText {
    transform-origin: 10px 2px 0;
    -webkit-transform-origin: 10px 2px 0;
    -ms-transform-origin: 10px 2px;
    bottom: 0;
    width: 550px;
}
.previewDiv.right.lt .previewTabText {
    transform-origin: 10px 2px 0;
    -webkit-transform-origin: 10px 2px 0;
    -ms-transform-origin: 10px 2px;
    width: 480px;
}
.previewContainer {
    float: left;
    height: 575px;
    position: relative;
    width: 420px;
    background-color: #ffffff;
    color: #606060;
    border: 1px solid #d8d9d8;
}
.previewDiv.right .previewContainer, .previewDiv.left .previewContainer {
    border-right: none;
    border-left: none;
}
.previewDiv.bottomRight .previewContainer, .previewDiv.bottomLeft .previewContainer {
    border-top: none;
    border-bottom: none;
    width: 418px;
}
.previewContainer .headerDiv {
    padding: 10px;
    min-height: 60px;
    background-color: #ECECEC;
}
.previewContainer .headerDiv .header {
    color: #5e6252;
    font-size: 23px;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-height: 30px;
}
.previewContainer .headerDiv .subTitle {
    font-size: 12px;
    margin-top: 3px;
    max-height: 50px;
    overflow: auto;
    width: 100%;
}
.previewDiv.rtl .subTitlePTag {
    padding-right: 15px;
}
.previewContainer .headerDiv .previewDDContainer {
    position: relative;
    margin-top: 7px;
    background-color: #ffffff;
    width: 340px;
    border: 1px solid #d1d2d4;
    display: inline-block;
}
.previewContainer .headerDiv .previewDDContainer .previewDDDivWrapper {
    max-height: 110px;
    overflow: auto;
    position: absolute;
    top: 33px;
    border: 1px solid #d1d2d4;
    z-index: 20;
    width: 340px;
    background-color: #fff;
    display: none;
    left:-1px;
}
.previewContainer .headerDiv .previewDDContainer .previewDDDiv {
    display: none;
    position: relative;
}
.previewContainer .headerDiv .previewDDContainer .previewDDDiv label {
    border-bottom: 1px solid #f5f5f5;
    color: #3c96d2;
    cursor: pointer;
    font-size: 14px;
    line-height: 1;
    padding: 9px 10px;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.previewContainer .headerDiv .previewDDContainer .previewDDDiv label.sel {
     background-color: #e9f4ff;
}
.previewContainer .headerDiv .previewDDContainer .previewDDDiv label:hover {
    background-color: #e9f4ff;
}
.previewDDDiv label:hover {
    background: #E9EAED;
}
.transwrapper Div:hover {
    background: #E9EAED;
}
.previewDiv.rtl .previewContainer .headerDiv .previewDDContainer .previewDD {
    padding: 9px 10px 9px 0;
}
.previewContainer .headerDiv .previewDDContainer .previewDD {
    border-radius: 2px;
    height: 14px;
    left: 0;
    padding: 9px 0 9px 10px;
    overflow: hidden;
    top: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #808693;
}
.previewDiv.rtl .previewContainer .headerDiv .previewDDContainer .LTSGDDIcon {
    border-left: medium none;
    border-right: 1px solid #d1d2d4;
    float: left;
}
.previewContainer .headerDiv .previewDDContainer .previewDD:focus {
    background-image: none;
}
.custOptionDivContainer {
    padding: 10px 15px;
}
.custOptionDivContainer .custOptionDiv {
    float: left;
    text-align: center;
    width: 20%;
    min-height: 34px;
    margin-top: 4px;
}
.custOptionDivContainer .custOption.inactive {
    /*changed for 64519*/ 
    /*padding: 0 2px;*/ 
}
.custOptionDivContainer .custOption .custOptImg {
    height: 34px;
    width: 34px;
    margin: 0 auto;
    cursor: pointer;
    background-image: url("../img/Dialogue_Icons_Disabled.png");
    border-radius: 25px;
    background-repeat: no-repeat;
    background-size: 20px auto;
}
.previewDiv .custOptionDivContainer .custOption .custOptImg.student {
    background-position: 7px -206px;
}
.previewDiv .custOptionDivContainer .custOption .custOptImg.employee {
    background-position: 7px -293px;
}
.previewDiv .custOptionDivContainer .custOption .custOptImg.parent-guardian {
    background-position: 7px -249px;
}
.previewDiv .custOptionDivContainer .custOption .custOptImg.community-member {
    background-position: 7px -335px;
}
.custOptionDivContainer .custOption .custTitle {
    cursor: pointer;
    font-size: 11px;
    line-height: 11px;
    margin-top: 3px;
    display: inline-block;
}
.custOptionDivContainer .custOption.inactive .custTitle {
    color: #7e8084;
}
.custOptionDivContainer .custOption.active .custTitle {
    font-weight: 600;
}
.dlgContainer {
    padding: 0 15px 10px;
}
.previewDiv.rtl .dlgContainer .dlgOptDiv {
    float: right;
}
.dlgContainer .dlgOptDiv {
    float: left;
    width: 20%;
    min-height: 34px;
    margin-top: 2px;
    text-align: center;
}
.dlgContainer .dlgOption.inactive {
}

.dlgContainer .dlgOption .dlgOptImg {
    height: 34px;
    width: 34px;
    cursor: pointer;
    margin: 0 auto;
    margin-top: 2px;
    background-image: url('../img/Dialogue_Icons_Disabled.png');
    background-repeat: no-repeat;
    border-radius: 25px;
    background-size: 20px auto;
}
.dlgOption .dlgOptImg.question {
    background-position: 7px 8px;
}
.dlgOption .dlgOptImg.comment {
    background-position: 7px -36px;
}
.dlgOption .dlgOptImg.suggestion {
    background-position: 7px -79px;
}
.dlgOption .dlgOptImg.concern {
    background-position: 8px -121px;
}
.dlgOption .dlgOptImg.compliment {
    background-position: 7px -165px;
}
.dlgOption .dlgOptTitle {
    cursor: pointer;
    font-size: 11px;
    line-height: 10px;
    margin-top: 3px;
    text-align: center;
    display: inline-block;
}
.dlgOption.inactive .dlgOptTitle {
    color: #7e8084;
}
.dlgOption.active .dlgOptTitle {
    font-weight: 600;
}
.previewMsg {
    background-color: #fff;
    border: 1px solid #d1d2d4;
    border-radius: 2px;
    max-height: 244px;
    width: 390px;
    margin: 0 auto;
    padding: 0;
    position: relative;
}
.responseDiv {
    padding: 2px 9px 6px;
    display: none;
}
.previewDiv.rtl .responseDiv .resptxt {
    float: right;
}
.responseDiv .resptxt {
    float: left;
    margin-top: 16px;
}
.previewDiv.rtl .responseDiv .yesReponseInActive {
    float: right;
}
.responseDiv .yesReponseInActive {
    background-image: url("../img/ltTab/resYesInactive.png");
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 32px 32px;
    cursor: pointer;
    float: left;
    font-weight: 600;
    height: 32px;
    margin: 10px 10px 15px;
    width: 32px;
}
.previewDiv.rtl .responseDiv .yesReponseActive {
    float: right;
}
.responseDiv .yesReponseActive {
    background-image: url("../img/ltTab/resYesActive.png");
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 32px 32px;
    cursor: pointer;
    float: left;
    font-weight: 600;
    height: 32px;
    margin: 10px 10px 15px;
    width: 32px;
}
.wlcmRespDiv .wlcmResInput {
    border: none;
    width: 186px;
    padding: 6px 4px;
    min-height: 16px;
    margin: 0;
    font-size: 14px;
}

.wlcmRespDiv .wlcmResInput.RSFName {
    border-bottom: 1px solid #cccbca;
    width: 382px;
}
.previewDiv.rtl .wlcmRespDiv .wlcmResInput.RSEmail {
    border-left: 1px solid #cccbca;
    border-right: none;
}
.wlcmRespDiv .wlcmResInput.RSEmail {
    border-right: 1px solid #cccbca;
}
.wlcmRespDiv .wlcmResInput.RSContact {
    padding-left: 5px;
}
.previewDiv.rtl .wlcmRespDiv .wlcmResInput.RSContact {
    padding-right: 5px;
    padding-left: 0;
}
.previewMsgTxtbox {
    border: none;
    outline: none;
    padding: 6px 4px;
    border-bottom: 1px solid #cccbca;
    width: 382px;
    font-size: 14px;
    height: 18px;
}
.previewMsgTxtarea {
    border: medium none;
    outline: medium none;
    padding: 6px 4px 0;
    resize: none;
    width: 382px;
    font-family: "proxima-nova",helvetica,arial,sans-serif;
    font-size: 14px;
    overflow: auto;
    height: 56px  !important;
}
.errMsgTab {
    color: red;
    font-size: 12px;
    font-style: italic;
    margin: 3px 13px;
    text-align: right;
    height: 16px;
}
.btnContanier {
    padding: 2px 13px;
}
.previewBtnNext {
    border-radius: 2px;
    color: #fff;
    float: right;
    height: 18px;
    padding: 3px 4px;
    text-align: center;
    width: 70px;
    cursor: pointer;
}
.respRadio {
    float: right;
    margin-right: 10px;
    margin-top: 2px;
    cursor: pointer;
}
.respRadio label {
    background-image: url("../img/LTSGChkBoxUncheckedDefaultState.png");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 20px auto;
    height: 20px;
    padding: 1px 5px 1px 25px;
}
.respRadio label:hover {
    background-image: url("../img/LTSGChkBoxUncheckedHoverState.png");
}
.respRadio label:active {
    background-image: url("../img/LTSGChkBoxUncheckedPushedState.png");
}
.respRadio label.active {
    background-image: url("../img/LTSGChkBoxCheckedDefaultState.png");
}
.respRadio label.active:hover {
    background-image: url("../img/LTSGChkBoxCheckedHoverState.png");
}
.respRadio label.Inactive {
    background-image: url("../img/LTSGChkBoxUncheckedDefaultState.png");
}
.respRadio input[type="checkbox"]:checked:disabled + label {
    background-image: url("../img/LTSGChkBoxCheckedDisabledState.png");
    color: #a3a6ac;
}
.respRadio input[type="checkbox"]:disabled + label {
    background-image: url("../img/LTSGChkBoxUncheckedDisabledState.png");
    color: #a3a6ac;
}
.respRadio > input {
    display: none;
    visibility: hidden;
}
.previewBtnSend {
    border-radius: 2px;
    color: #fff;
    float: right;
    left: 197px;
    padding: 3px 4px;
    text-align: center;
    min-width: 70px;
    cursor: pointer;
}
.previewBtnSend.disabled {
    font-style: italic;
    background-color: #BFBFBF;
    color: #DCDCDC;
}
.previewBtnBack {
    background-color: #6e6e6e;
    border-radius: 2px;
    color: #fff;
    float: left;
    height: 18px;
    left: 197px;
    margin-left: 9px;
    padding: 3px 4px;
    text-align: center;
    width: 70px;
    display: none;
    cursor: pointer;
}
.previewTrans {
    background-repeat: no-repeat;
    background-size: 44px 24px;
    color: #fff;
    float: right;
    height: 24px;
    width: 44px;
    cursor: pointer;
    position: relative;
    margin-right: 15px;
    margin-top: 16px;
}
.previewDiv.rtl .previewTrans {
    float: left;
    margin-right: 0px;
    margin-left: 15px;
}
.previewTrans .translatorDiv {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #999;
    border-radius: 3px;
    color: #5e6252;
    display: none;
    font-size: 12px;
    min-width: 140px;
    position: absolute;
    right: 0;
    top: 28px;
    z-index: 10;
}
.previewDiv.rtl .previewTrans .translatorDiv {
    left: 0;
    right: auto;
}
.previewTrans .translatorDiv:before, .previewTrans .translatorDiv:after {
    border-bottom: 0 solid #fff;
    border-color: transparent transparent #fff;
    border-style: none solid solid;
    content: "";
    height: 0;
    position: absolute;
    width: 0;
}
/* Stroke */
.previewTrans .translatorDiv:before {
    border-top-color: #ececec;
    border-width: 7px;
    right: 17px;
    top: -8px;
}
.previewDiv.rtl .translatorDiv:before {
    left: 17px;
    right:auto;
}
/* Fill */
.previewTrans .translatorDiv:after {
    border-top-color: #fff;
    border-width: 6px;
    right: 18px;
    top: -6px;
}
.previewDiv.rtl .translatorDiv:after {
    left: 18px;
    right:auto;
}
.previewTrans .transwrapper {
    overflow: auto;
    max-height: 90px;
}
.translatorDiv .lang {
    line-height: 14px;
    padding: 2px 3px;
}
/*End Emmbed Preview Tab*/
/* Attachment Start*/
.attachmentBar table {
    float: right;
}
.browse_container .btncont {
    float: right;
}
.attachmentBar input[type="text"] {
    display: none;
}
.attachmentBar img {
    margin-top: 5px;
    float: left;
}
.attachmentBar a {
    float: left;
}
.attachmentBar .attachtxt {
    margin: 0 10px;
    text-align: right;
    float: right;
}
.attachmentBar .attachtxt .attachtxthdr {
    font-weight: 600;
}

.attachmentBar .attachtxt .attachtxtinfo {
    color: #6d6e71;
    font-size: 12px;
    font-style: italic;
}
.attachmentBar .attachment {
    background-image: url("../img/ltTab/ic_attachment.png" );
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    height: 23px;
    width: 23px;
}
.attachmentBar .attachment.disabled {
    cursor: default;
    opacity: 0.3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    -moz-opacity: 0.3;
    -khtml-opacity: 0.3;
}
/* Attachemnt End*/
/* Thank You Start*/
.thankuDiv {
    height: 556px;
    overflow: auto;
    width: 100%;
}
.previewDiv.isMobile .thankuDiv {
    height:auto;
}
.thankuDiv .thankHeading {
    font-size: 23px;
    font-weight: 100;
    color: #5e6252;
}
.thankuDiv .thankMsg {
    font-size: 11px;
}
.previewDiv.rtl .thankuMsgP {
    padding-right: 15px;
}
/* Thank You End*/
/* Custom Start*/
.custContainer {
    padding: 15px 5px;
    background-color: #e6e9ec;
    margin-bottom: 15px;
}
.custHeadingDiv {
    min-height: 70px;
}
.custHeadingDiv.visible550 {
    display: none;
}
.visible550Clear {
    clear: both;
    display: none;
}
.custHeading {
    padding-left: 5px;
    color: #303233;
    font-weight: 600;
    display: block;
}
.custSubHeading {
    padding-left: 5px;
    margin-bottom: 15px;
    color: #7e8084;
}
.custOptionDiv {
    float: left;
    text-align: center;
    width: 25%;
    min-height: 70px;
}
.previewDiv.rtl .custOptionDiv {
    float: right;
}
.custUL {
    list-style: outside none none;
    margin: 0;
    padding: 0 0 0 5px;
}
.custLI {
    font-size: 11px;
    line-height: 10px;
}
.custLI:last-child {
    padding-bottom: 0;
}
.custLI label, .custLI input[type='checkbox'] + label {
    background-image: url("../img/ltTab/custUnChecked.png");
    background-repeat: no-repeat;
    cursor: pointer;
    padding-left: 30px;
    min-height: 16px;
    display: inline-block;
}
.custLI.checked, .custLI input[type='checkbox']:checked + label {
    color: #3b93cf;
}
.custLI.checked label, .custLI input[type='checkbox']:checked + label {
    background-image: url("../img/ltTab/custChecked.png");
    background-repeat: no-repeat;
}
.previewDiv.rtl .custLI label {
    background-position: right center;
    padding-left: 0;
    padding-right: 30px;
}
/* Custom End*/
/*Captcha Start*/
.captcha_container {
    font-size: 11px;
    margin: 10px 0;
}
.captcha_container .quest {
    float: left;
    margin-top: 5px;
    padding-left: 5px;
    font-weight: 600;
}
.captcha_container .quest.rtl {
    float: right;
    margin-top: 5px;
    padding-right: 5px;
}
.captcha_container .optcont {
    float: left;
    margin-top: 5px;
    padding-left: 5px;
}
.captcha_container .optcont.rtl {
    float: right;
    margin-top: 5px;
    padding-right: 5px;
}
.captcha_container .txtbox {
    float: left;
    margin-top: 5px;
    padding-left: 5px;
}
.captcha_container .txtbox.rtl {
    float: right;
    margin-top: 5px;
    padding-right: 5px;
}
.captcha_container .txtbox .inpt {
    border: 1px solid #a8a8a7;
    border-radius: 2px;
    padding: 4px 10px;
    width: 100px;
}
/*Captcha End*/
/*attachment start*/
.attachmentContainer {
    margin-bottom: 2px;
    height: 24px;
}
.attchmentDiv {
    border: 1px solid #a8a8a7;
    display: inline-block;
    height: 18px;
    padding: 2px;
    width: 47%;
}
.attchmentDiv:first-child {
    margin-right: 5px;
}
.attchmentDiv .attName {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 168px;
    cursor: default;
}
.attchmentDiv img {
    margin-top: 4px;
    vertical-align: top;
    cursor: pointer;
}
.attchmentIcon {
    background-color: #e6e9ec;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    height: 22px;
    margin-left: -5px;
    text-align: right;
    width: 355px;
}
.previewMsg .attachment {
    background-image: url("../img/ltTab/tab_atchmnt.png");
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    height: 16px;
    width: 20px;
    margin-top: 6px;
}
.attchmentIcon .attachment.disabled {
    cursor: default;
    opacity: 0.3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    -moz-opacity: 0.3;
    -khtml-opacity: 0.3;
}
.previewDiv.rtl .previewMsg #hiddenbtnBrowse.attachment {
    float: right;
}
.previewDiv.rtl .attchmentIcon img {
    margin-right: 5px;
}
.attchmentIcon img {
    margin-top: -2px;
}
.attchmentIcon input[type="text"] {
    display: none;
}
/*End attachment start*/
/* End Tab Design*/
/* New Tab Design*/
.mulTabRightDiv {
    background-color: #f4f4f4;
    border-left: 1px solid #d1d3d4;
    float: right;
    font-size: 14px;
    width: 400px;
}
.mulTabLeftDiv {
    float: left;
    min-width: 500px;
    padding: 10px;
    width: 66%;
    position: relative;
    min-height: 760px;
}
.mulTabRightDiv .subheading {
     color: #6d6e6e;
}
.mulTabRightDiv .mulTabLPWrapper {
    border-bottom: 1px solid #d1d3d4;
    padding: 1.5em;
}
.mulTabRightDiv .mulTabLPDD {
    margin-top: 15px;
    max-width:356px;
}
.mulTabDDOptContainer {
    position: absolute !important;
    background-color: #ffffff;
    border: 1px solid #d1d2d4;
    left: -1px;
    width: 356px;
    z-index: 20;
}
.mulTabDelLP {
    background-image: url('../img/MT_delete.png');
    background-repeat: no-repeat;
    background-position: left center;
    cursor: pointer;
    margin-top: 15px;
    padding: 2px 0 2px 20px;
    height: 15px;
}
.mulTabLPinput {
    width: 240px;
}
.mulTabLPWidthInput {
    width: 30px;
    margin-left: 15px;
    margin-right: 5px;
}

.mulWCInputTxt {
    width: 230px;
    margin-left: 10px;
}
.mulSetOrderBtn {
    margin-left: 10px;
    margin-top: 15px;
}
.mulTabStaticBGWrapper {
    border: medium dashed #b6b7b7;
    bottom: 20px;
    left: 20px;
    position: absolute;
    right: 20px;
    top: 20px;
}
.mulTabStaticBG {
    background-color: #ffffff;
    background-image: url("../img/Webpage Mockup_BG.png");
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    overflow: hidden;
}
/* Accordion jQuery UI css Override */
.mulTabRightDiv .ui-widget {
    font-family: "proxima-nova",helvetica,arial,sans-serif;
    font-size: 1em;
}
.mulTabRightDiv .ui-accordion .ui-accordion-icons {
    padding-right: 2.2em;
}
.mulTabRightDiv .ui-state-default, .ui-state-hover {
    background: none !important;
    border: 1px solid #d1d3d4 !important;
}
.mulTabRightDiv .ui-state-active {
    border-bottom: none !important;
    padding: 1.5em 1.5em 1em !important;
}
.mulTabRightDiv .ui-accordion-content-active {
    padding-top: 0.5em !important;
}
.mulTabRightDiv .ui-state-default .ui-icon, .mulTabRightDiv .ui-state-active .ui-icon {
    background-image: url("ui-icons_454545_256x240.png");
}
.mulTabRightDiv .ui-icon-triangle-1-s {
    background-position: 0 -16px;
}
.mulTabRightDiv .ui-icon-triangle-1-e {
    background-position: -64px -16px;
}
.mulTabRightDiv .ui-accordion .ui-accordion-content {
    padding: 1.5em;
}
.mulTabRightDiv .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    left: auto;
    right: 1.5em;
}
.mulTabRightDiv .ui-accordion .ui-accordion-header {
    border-left: medium none !important;
    border-right: medium none !important;
    border-top: medium none !important;
    margin-top: 0;
    padding: 1.5em;
}
.mulTabRightDiv .ui-widget-content {
    background: #f4f4f4;
    border-bottom: 1px solid #d1d3d4;
    border-left: none;
    border-right: none;
    color: #6d6e6e;
}
.mulTabRightDiv .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 0;
}
.mulTabRightDiv .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 0;
}
.mulTabRightDiv .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 0;
}
.mulTabRightDiv .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 0;
}
#mulTabAccordion .ui-state-disabled, #mulTabAccordion.ui-state-disabled, #mulTabAccordion.ui-state-disabled .ui-widget-content, #mulTabAccordion.ui-state-disabled .ui-widget-header {
    opacity: 1;
}
/* Accordion jQuery UI css Override */
/* Set up order popup */
.popUpSetUpOrder {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 4px;
    color: #21292a;
    display: none;
    font-size: 14px;
    left: 0;
    line-height: 1.5;
    margin: auto;
    padding: 0;
    position: absolute;
    right: 0;
    top: 10%;
    width: 600px;
    z-index: 1000;
}
.popUpSetUpOrder .closeButton {
    background-image: url("../img/WhiteClosePopup.png");
    height: 16px;
    right: 12px;
    top: 14px;
    width: 16px;
}
.popUpSetUpOrder .popUpContentHeader {
    background-color: #3c97d3;
    color: #ffffff;
    font-size: 21px;
    padding: 12px 30px 12px 20px;
    margin: 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    line-height: 1;
}
.popUpSetUpOrder .popUpContentWrapper {
    padding: 20px;
}
.popUpSetUpOrder .sortIA {
    color: #3c96d2;
    float: right;
    font-size: 12px;
    cursor: pointer;
}
.popUpSetUpOrder .popUpBTNWrapper {
    padding: 10px 20px;
    border-top: 1px solid #d1d2d4;
    text-align: right;
}
.popUpSetUpOrder .popUpSetUpOrderContentWrapper2 {
    display: none;
}
.popUpSetUpOrder .popUpSUOCloseBtn {
    display: none;
}
.popUpSetUpOrder .SUOMultiSelDDWrapper {
    overflow: hidden;
    position: relative;
}
.popUpSetUpOrder .SUOMultiSelDDWrapper .SUOOptAddedLI {
    cursor:move;
}
.ptAddedLISpan.OptAddedLISpan.SUOOptAddedLISpan {
    max-width: 96%;
}
/* End Set up order popup */
/* Publish Page popup */
.popUpPublishPage {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 4px;
    color: #21292a;
    display: none;
    font-size: 14px;
    left: 0;
    line-height: 1.5;
    margin: auto;
    padding: 0;
    position: absolute;
    right: 0;
    top: 10%;
    width: 600px;
    z-index: 1000;
}
.popUpPublishPage .closeButton {
    background-image: url("../img/WhiteClosePopup.png");
    height: 16px;
    right: 12px;
    top: 14px;
    width: 16px;
}
.popUpPublishPage .popUpContentWrapper {
    padding: 20px;
}
.popUpPublishPage .PPEmailMultiSelDDWrapper {
    overflow: hidden;
    position: relative;
}
.PPEmailMultiSelDDOptContainer .noResult {
    color: #a3a6ac;
    font-style: italic;
}
.popUpPublishPage .popUpContentHeader {
    background-color: #3c97d3;
    color: #ffffff;
    font-size: 21px;
    padding: 12px 30px 12px 20px;
    margin: 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    line-height: 1;
}
.popUpPublishPage .LTSGInputButtonOpt1 {
    width: 65px;
}
.popUpPublishPage .inputButtonOpt1Sel {
    background-color: #3c96d2;
    color: #ffffff;
}
.popUpPublishPage .inputButtonOpt1Sel:hover {
    background-color: #3c96d2;
    color: #ffffff;
}
.popUpPublishPage .popUpPublishPageContentWrapper2 {
    display: none;
}
.popUpPublishPage .popUpPPEmailTo {
    border: 1px solid #d1d2d4;
    border-radius: 5px;
    cursor: text;
    overflow: hidden;
}
.popUpPublishPage .popUpPPEmailToUL {
    margin: 0;
    overflow: hidden;
    padding: 5px;
    position: relative;
}
.popUpPublishPage .popUpPPEmailToUL .popUpPPAddContListLI {
    background-color: #f5f5f5;
    border-radius: 2px;
    cursor: default;
    float: left;
    list-style: outside none none;
    margin: 3px 5px;
    padding: 5px 8px;
    position: relative;
}
.popUpPublishPage .popUpPPEmailToUL .popUpPPAddContListLI:hover {
    background-color: #e8e8e9;
}
.popUpPublishPage .popUpPPEmailToUL .popUpPPAddContListLI .popUpPPAddContListRemove {
    background: url("../img/LTSGDDClose.png");
    background-repeat: no-repeat;
    display: inline-block;
    font-size: 1px;
    height: 20px;
    position: relative;
    width: 20px;
    margin-left: 8px;
    vertical-align: middle;
}
.popUpPublishPage .popUpPPEmailToUL .popUpPPAddContListLI:hover .popUpPPAddContListRemove {
    background-image: url("../img/LTSGDDCloseHover.png");
}
.popUpPublishPage .popUpPPEmailToUL .popUpPPAddContListLIAC {
    float: left;
    list-style: outside none none;
    margin: 3px 0;
    padding: 0;
    white-space: nowrap;
}
.popUpPublishPage .popUpPPEmailToUL .popUpPPAddContListLIAC span:empty {
    content: "";
}
.popUpPublishPage .popUpPPEmailToUL .popUpPPAddContListLIAC span {
    background: transparent;
    display: block;
    height: 15px;
    margin: 1px 0;
    outline: 0 none;
    padding: 5px;
}
.popUpPublishPage .popUpPPOptionalMsg {
    width: 538px;
    height: 45px;
}
.popUpPublishPage .popUpBTNWrapper {
    border-top: 1px solid #d1d2d4;
    padding: 10px 20px;
    text-align: right;
}
.popUpPublishPage .popupPPTechInstCB {
    margin: 5px 0 0;
}
.popUpPublishPage .popupPPSendCopyCB {
    margin: 0 0 5px;
}
.popUpPublishPage .popUpPPEmailContentWrapper2, .popUpPPEmailCloseBtn {
    display: none;
}
.popUpPublishPage .EmbedCodeDD {
    width: 350px;
}
.popUpPublishPage .PPEmbedDDOptContainer {
    background-color: #ffffff;
    border: 1px solid #d1d2d4;
    left: -1px;
    position: absolute !important;
    width: 350px;
    z-index: 20;
    display: none;
}
.popUpPublishPage .ppEmbedCodeTextarea {
    display: block;
    margin: 0 auto;
    width: 538px;
    height:100px;
    overflow:auto;
}
.popUpPublishPage .PPDownLoadDD {
    width: 350px;
    margin: 0 auto;
}
.popUpPublishPage .PPDownLoadDDOptContainer {
    background-color: #ffffff;
    border: 1px solid #d1d2d4;
    left: -1px;
    position: absolute !important;
    width: 350px;
    z-index: 20;
    display: none;
}
.introIcon {
    cursor: pointer;
    margin-left: 10px;
    margin-top: 12px;
    display: inline-block;
}
.previewDiv.rtl .introIcon {
    float: left;
    margin-left: 10px;
    margin-top: 12px;
}
.previewContainerIntro {
    background-color: #ffffff;
    border: 1px solid #d8d9d8;
    color: #606060;
    float: left;
    height: 535px;
    position: relative;
    width: 380px;
    overflow: auto;
    padding: 20px;
}
.previewDiv.bottomRight .previewContainerIntro, .previewDiv.bottomLeft .previewContainerIntro {
    border-bottom: medium none;
    border-top: medium none;
    width: 378px;
}
.previewDiv.right .previewContainerIntro, .previewDiv.left .previewContainerIntro {
    border-left: medium none;
    border-right: medium none;
}
.previewContainerIntro .backPreviewContainer {
    float: left;
    color: #3c97d3;
    cursor: pointer;
}
.previewContainerIntro .header {
    color: #5e6252;
    font-size: 23px;
    font-weight: 600;
    text-align: center;
    margin: 20px 0;
}

.previewContainerIntro ul {
    list-style-type: disc;
    /*list-style-position: inside;*/
    padding: 0 0 0 40px;
}

.previewContainerIntro ol {
    list-style-type: decimal;
    /*list-style-position: inside;*/
    padding: 0 0 0 40px;
}
/* End Publish Page popup */
/* End New Tab Design*/
/*Used in settings  start*/
.tabColorCommon {
    height: 18px;
    margin-right: 4px;
    width: 18px;
    display: inline-block;
    cursor: pointer;
    position: relative;
    z-index: 1;
}
.tabColorCommon.selected:before {

    border: 2px solid #3f3f3f;
    height: 17px;
    left: -2px;
    top: -1px;
    width: 18px;
}
.tabColorCommon.red {
    background-color: #bd202f;
}
.tabColorCommon.orange {
    background-color: #f47524;
}
.tabColorCommon.yellow {
    background-color: #f7c739;
}
.tabColorCommon.lightGreen {
    background-color: #93c542;
}
.tabColorCommon.green {
    background-color: #158c72;
}
.tabColorCommon.blue {
    background-color: #265567;
}
.tabColorCommon.lightBlue {
    background-color: #3894d1;
}
.tabColorCommon.violet {
    background-color: #37295e;
}
.tabColorCommon.purple {
    background-color: #3d166e;
}
.tabColorCommon.lightGray {
    background-color: #b9babb;
}
.tabColorCommon.gray {
    background-color: #716f70;
}
.tabColorCommon.black {
    background-color: #2c3739;
}
/*Used in settings End*/
/*Create Tag Pop Up Start*/
/* Create Landing Page popup */
.popUpCreateLandPagePage{
    background: #ffffff;
    display: block;
    left: 0;
    right:0;
    margin: -340px auto auto;
    padding: 0;
    position: fixed;
    top: 60%;
    width: 500px;
    z-index: 1000;
    font-size: 14px;
    line-height: 1;
    color: #21292a;
    border-radius: 4px;
    display:none;
    max-height:665px;
}
.popUpCreateLandPagePage .closeButton {
    background-image: url("../img/WhiteClosePopup.png");
    height: 16px;
    right: 12px;
    top: 14px;
    width: 16px;
}
.popUpCreateLandPagePage .popUpContentWrapper {
    padding: 20px;
}
.popUpCreateLandPagePage .popUpContentHeader {
    background-color: #3c97d3;
    color: #ffffff;
    font-size: 21px;
    padding: 12px 30px 12px 20px;
    margin:0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    line-height:1;
}
.popUpCreateLandPagePage .popUpLandPageBTNWrapper{
    border-top: 1px solid #d1d2d4;
    padding: 10px 20px;
    text-align: right;
}
.popUpCreateLandPagePage .inputButtonOpt1Sel {
    background-color:#3c96d2;
    color:#ffffff;
}
.popUpCreateLandPagePage .inputButtonOpt1Sel:hover {
    background-color:#3c96d2;
    color:#ffffff;
}
.popUpCreateLandPagePage .popUpPublishPageContentWrapper2 {
    display:none;
}
/*Create Tag Pop Up End*/
/*Tab in Mobile Update*/
.previewDivMobile {
    background-image:url('../img/lttabmpreviewnewest.png');
    background-position:center center;
    width:55px;
    height:56px;
    cursor:pointer;
    position: absolute;
    right: 20px;
    z-index: 999;
    background-size:100% 100%;
}
    .previewDivMobile label {
        display: inline-block;
        width: 55px;
        height:56px;
        opacity:0;
        margin:0;
        padding:0;
    }
.wraperTab.isMobile {
    bottom: 20px;
    display: block;
    height: 56px;
    right: 20px;
    width: 55px;
    position:absolute;
    z-index:900;
}
/*.wraperTab.isMobile.openState {
    bottom: 0;
    height: auto;
    left: 0;
    max-width: 437px;
    overflow: auto;
    right: 0;
    top: 0;
    width: auto !important;
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll;
    overflow-x: hidden;
    margin:0 auto;
}*/
/*.wraperTab.isMobile.openState .headDivMobile{
    background-color: #f2f2f2;
    text-align: center;
    color: #2b2b2b;
    font-weight:600;
    font-size:16px;
    line-height: 40px;
    position:relative;
}
.wraperTab.isMobile.openState .headDivMobile .closeMobileTab{
    /*float:right;
    background-image:url('../img/blueclose.png');
    background-repeat:no-repeat;
    background-position:center center;
    width:40px;
    height:40px;
    /*padding: 10px;
    /*margin-right:5px;
    cursor:pointer;
    position:absolute;
    top:0;
    right:0;
}*/
.previewDiv.isMobile .previewContainer{
    width:100%;
    height:auto;
    border:none;
}
.previewDiv .headDivMobile {
    display:none;
}
.previewDiv.isMobile .headDivMobile{
    background-color: #f2f2f2;
    text-align: center;
    color: #2b2b2b;
    font-weight:600;
    font-size:16px;
    line-height: 40px;
    position:relative;
    display:block;
}
.previewDiv.isMobile .headDivMobile .closeMobileTab{
    background-image:url('../img/blueclose.png');
    background-repeat:no-repeat;
    background-position:center center;
    width:40px;
    height:40px;
    cursor:pointer;
    position:absolute;
    top:0;
    right:0;
}
.previewDiv.isMobile .previewContainer .headerDiv .header {
    font-weight:400;
}
.previewDiv.isMobile .previewContainer .headerDiv .previewDDContainer {
    width: 85%;
}
.previewDiv.isMobile .previewContainer .headerDiv .previewDDContainer .previewDDDivWrapper {
    width: 100%;
}
 /* 64448 to stop zoom in iOS*/
.previewDiv.isMobile .previewContainer .headerDiv .previewDDContainer .previewDD {
    font-size:16px;
    padding: 6px 0 6px 10px;
    line-height: 20px;
    height: 20px;
}
.previewDiv.isMobile.rtl  .previewContainer .headerDiv .previewDDContainer .previewDD {
    padding: 6px 10px 6px 0;
}
 /* 64448  end to stop zoom in iOS*/
.previewDiv.isMobile .dlgContainer {
    text-align: center;
}
.previewDiv.isMobile .dlgContainerTitleMobile, .previewDiv.isMobile .dlgContainerTitle1 {
    font-size:13px !important;
    font-weight:400 !important;
    -webkit-text-size-adjust: 100%;
} 
.previewDiv.isMobile .dlgContainer .dlgContainerTitle {
    text-align: left;
}
.previewDiv.rtl.isMobile .dlgContainer .dlgContainerTitle {
    text-align: right;
}

.previewDiv.isMobile .dlgContainer .dlgOptDiv {
    width:33%;
    float:none;
    display:inline-block;
}
.previewDiv.isMobile .previewMsg {
    width: auto;
    margin: 0 15px;
}
.previewDiv.isMobile .previewMsgTxtbox {
    padding: 6px 1%;
    width: 98%;
    border-radius:0px;
    font-size:16px; /*64448 to stop zoom in iOS*/
}
.previewDiv.isMobile .previewMsgTxtarea {
    padding: 6px 1% 0;
    resize: none;
    width: 98%;
    font-size:16px; /*64448 to stop zoom in iOS*/
}
.previewDiv.isMobile .wlcmRespDiv .wlcmResInput.RSFName {
    width: 98%;
    padding: 6px 1%;
    border-radius:0px;
    font-size:16px; /*64448 to stop zoom in iOS*/
}
.previewDiv.isMobile .wlcmRespDiv .wlcmResInput.RSEmail {
    width: 98%;
    padding: 6px 1%;
    border-bottom: 1px solid #cccbca;
    border-right: none;
    border-radius:0px;
    font-size:16px; /*to stop zoom in iOS*/
}
.previewDiv.isMobile .wlcmRespDiv .wlcmResInput.RSContact {
    width: 98%;
    padding: 6px 1%;
    border-radius:0px;
    font-size:16px; /*64448 to stop zoom in iOS*/
}
.previewDiv.isMobile .attchmentIcon {
    width: 100% !important;
}
.previewDiv.isMobile .custOptionDivContainer .custOptionDiv {
    width: 25%;
}
.previewDiv.isMobile .previewBtnNext, .previewDiv.isMobile .previewBtnSend {
    margin-bottom: 24px;
}
.previewDiv.isMobile .errMsgTab {
    height:auto;
    min-height:16px;
    text-align:left;
    margin: 5px 13px 3px 13px;
}
/*.previewDiv.isMobile.bottomLeft {
    width: auto;
    top:0;
}*/
.previewDiv.isMobile .previewContainer .headerDiv {
    background-color:#ffffff;
}
.previewDiv.isMobile .attchmentIcon {
    background-color:#ffffff;
    border-top:1px solid #cccbca;
}
.previewDiv.isMobile .previewContainerIntro {
    width: 90%;
    padding: 5%;
    border:none;
    height:auto;
}
.previewDiv.isMobile .attchmentDiv .attName {
    width: 90%;
}
.previewDiv.isMobile .attchmentDiv img {
    max-width: 10%;
}
/*End Tab in Mobile Update */