*, ::after, ::before {
    box-sizing: border-box;
}

body {
    color: #475158;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    line-height: 1.4;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

p {
    margin-bottom: 24px;
}
.botGap1 {
    margin-bottom: 40px;
}

::-moz-selection {
    background: #065580;
    color: #fff;
    text-shadow: none;
}

/*::selection {
    background: #065580;
    color: #fff;
    text-shadow: none;
}*/

::placeholder {
    color: #999;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #fff inset !important;
    -webkit-text-fill-color: #475158 !important;
}
.headerWrapper input:-webkit-autofill,
.headerWrapper input:-webkit-autofill:hover,
.headerWrapper input:-webkit-autofill:focus,
.headerWrapper input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #065580 inset !important;
    -webkit-text-fill-color: #fff !important;
}
.headerWrapper input::placeholder {
    color: #fff;
}
* {
    -webkit-text-size-adjust: none;
}
img {
    max-width: 100%;
}
.mainWrap {
    padding-top: 140px;
}
select,
select:focus,
input[type=text],
input[type=email],
input[type=password],
input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
textarea {
    border: 1px solid #9e9e9e;
    border-width: 0 0 1px;
    outline: none;
}
.newtextarea {
    width: 100%;
    height: 120px;
    border:1px solid #ddd;
    border-bottom-color:#9e9e9e;
    margin:5px 0;
    padding:10px;
}
    textarea {
        resize: none;
    }
    h1 {
        color: #1f9bde;
        font-weight: 300;
        font-size: 40px;
        margin-top: 0;
    }

h2 {
    color: #065580;
    font-weight: 300;
    font-size: 30px;
    margin-bottom: 20px;
}
h3 {
    font-weight: 500;
}
.mt-0 {
    margin-top: 0px !important;
}

.pt-30 {
    padding-top: 30px !important;
}

.ml-10 {
    margin-left: 10px !important;
}

.ml-15 {
    margin-left: 15px !important;
}

.mb-15 {
    margin-bottom: 15px !important;
}
a {
    transition: all 0.5s;
}
a:focus, a:hover {
    text-decoration: none;
    color: inherit;
    outline: none;
}

.atlwdg-trigger.atlwdg-TOP {
    z-index: 9999;
    background: #1f9bde !important;
    border: none;
    box-shadow: none;
    border-radius: 0;
    width: 100%;
    left: 0 !important;
    margin: 0;
    text-align: center;
}

.mainForm {
    display: flex;
    flex: 1;
}

#projectList,
div#header .headerWrapper,
.filterDiv,
div#projectSettingsContainer,
.footerWrapper,
.contentWrapper,
.contentWrapperInner,
.loginOuterWrapper {
    width: 94%;
    max-width: 1140px;
    margin: 0 auto;
}
.footerContainer {
    margin-top: 40px;
}

.loginBlk {
    float: right;
    color: #1c94c4;
}

.loginOuterWrapper input[type='checkbox'] {
    float: left;
    margin: 0 7px 0 0;
}

.disabled {
    background: none repeat scroll 0 0 #c9c9c9 !important;
    border-color: #c9c9c9 !important;
}

.sign-up a {
    margin-right: auto;
}

/* div#header p {
    margin-bottom: 0;
} */

.filterDiv {
    float: none;
    margin-bottom: 10px;
}

    .filterDiv .searchBox {
        float: left;
        background: url(../img/search.png) no-repeat scroll calc(100% + 2px) -6px rgba(0, 0, 0, 0);
    }
.footerContainer {
    padding: 0;
}
.footerWrapper {
    text-align: center;
    margin: 0 auto;
    padding: 24px 0;
}

#header {
    background: #065580;
    z-index: 999;
    height: 57px;
    position: fixed;
    top: 0;
    transition: top 0.2s ease-in-out;
    width: 100%;
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);
}
#divAdmin #header {
    margin-top: 25px;
}
#header.loginHeader {
    padding: 20px 0;
    height: auto;
    /* color: #1f9bde; */
    min-height: 57px;
}
/* #header {
    background: url(../img/header-bg.png) no-repeat #065580 right 0;
    color: #fff;
} */

div#projectSettingsContainer,
#addProject {
    margin: 0 auto 20px;
}
    div#projectSettingsContainer h2,
    #addProject h2 {
        margin-top: 0;
    }
    .leftContentWrapper {
        float: left;
        width: 220px;
        padding-right: 10px;
    }

.leftContent {
    border: solid 1px #eee;
}

div#leftmenucontainer,
.leftContent {
    width: 100%;
    float: left;
    border: none;
    background: none;
}

.leftContent {
    width: 240px;
    color: #1f9bde;
}

.leftContentVideoMainPanel {
    width: 100%;
    border-right: none !important;
}

.leftContentWrapper .leftContent {
    margin-top: 10px;
}

.leftContent ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

    .leftContent ul li {
        display: block;
        margin-bottom: 5px;
    }

        .leftContent ul li span,
        .menuspan,
        .exerciselist li {
            display: block;
            text-decoration: none;
            font-size: 14px;
            font-weight: 500;
            padding: 2px 10px;
            border: solid 1px #fff;
            border-width: 1px 0;
            line-height: 22px;
            color: #065580;
        }
		.exerciselist li {
            font-size: 13px !important;
        }
		.newexercise ul li {
			padding: 0;
		}
		
/*.selectedExercise {
    padding: 0 5px;
    background: #CFDEE6;
    color: #45b753;
    border: none;
}*/

.leftContent ul li span:hover,
.leftContent ul li span.selected,
.menuspan:hover,
.selectedExercise,
.exerciselist ul li:hover,
.exerciselist li.selectedExercise {
    color: #1f9bde;
    background: transparent;
}

div#tabscontainer,
.rightContent {
    margin: 0;
    width: 900px;
    min-width: auto;
    float: right;
    box-sizing: border-box;
    border-left: 1px solid #ccc;
    padding-left: 30px;
}



.dvColumnChart,
.dvBarChart {
    margin: 0 0 5px;
}

#tabscontainer .ui-tabs {
    padding: 0;
}

#dvExerciseTabs {
    border-radius: 5px;
}

#dvProjectSettings > h4 {
    margin-top: 0;
}

#tabs h4 {
    padding: 0 0 10px;
    border-bottom: solid 1px #ccc;
    clear: both;
    width: 100% !important;
    margin-bottom: 20px;
    color: #1f9bde;
    font-weight: 500;
}
    #tabs h4;first-child {
        margin-top: 0;
    }
    .projectsettingslable {
        margin-top: 0;
    }

#dvZohoReportTopLineChart,
.dvSurveyLinkText {
    width: auto;
}

.highcharts-container,
#dvZohoReportResult20 {
    width: 100% !important;
}

#spnCurrentVersion,
.deploymentInstruction {
    margin-left: 0;
    float: left;
    width: 40%;
    padding: 0 10px 0 0;
}

.drpVersionIcon,
#sltLinkIntegration {
    float: left;
    margin-right: 0;
}

.divSurvey,
#dvCustomProperties,
#dvCustomPropertiesex {
    width: auto;
}

.headerPrime {
    color: #918f8f;
    float: left;
    font-size: 32px;
    margin: 20px 0 0 40px;
}

.headerRight {
    float: right;
}

.accountDropdown {
    position: relative;
    float: right;
}

    .accountDropdown > a {
        display: flex;
        align-items: center;
        min-height: 57px;
    }

.userBlk {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    text-align: right;
    background: #d2ecfb;
    padding: 10px;
    color: #333;
    min-width: 250px;
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.3);
}

    .userBlk p {
        margin: 0 0 8px;
    }

    .userBlk a {
        color: #1c94c4 !important;
        text-decoration: none;
    }

        .userBlk a:hover {
            text-decoration: underline;
        }

.accountDropdown:hover .userBlk {
    display: block;
}

.addnew {
    margin-left: 20px;
}

    .addnew a {
        color: White;
        text-decoration: none;
        transition: all 300ms ease-in;
    }

        .addnew a:hover {
            color: #000;
        }

.divTabProjectOverView {
    min-height: auto;
}

.exerciselist {
    padding-left: 20px;
    font-size: 13px;
}


    .exerciselist .ui-widget-content {
        color: #45B753;
    }

    .exerciselist .ui-button {
        background: #CDF2D2;
        border: 1px solid #45B753 !important;
        color: #45B753;
        display: inline-block;
        margin-top: 5px;
        padding: 2px 5px;
    }

#dvPrimeList ul {
    margin: 0;
    padding: 0;
}

.overlay,
.overlay2,
.overlayWithInput {
    background: #000;
    opacity: 0.6;
    filter: alpha(opacity=20);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: none;
}

.popupContainer {
    position: relative;
}

.popupBlk {
    width: 100%;
    left: 0;
    top: 20px;
    display: none;
    max-height: 350px;
    overflow: auto;
    position: absolute;
    text-align: left;
    z-index: 10000;
    background: #fff;
    -webkit-box-shadow: 0 0 10px 0 #000;
    box-shadow: 0 0 10px 0 #000;
    padding: 20px;
    color: #000;
    text-transform: none;
}

.popupInside {
    max-height: 300px;
    overflow: auto;
}

.popupBlk p:last-child {
    margin: 0;
}

.popupclose,
.popupclose:hover,
.popupclose2,
.popupclose2:hover,
.popupcloseEzBake,
.popupcloseEzBake:hover,
.overlayAlertclose,
.overlayAlertclose:hover,
.overlayAlertcloseWithInput,
.overlayAlertcloseWithInput:hover {
    background: #000;
    padding: 2px 10px;
    color: #fff;
    position: absolute;
    right: 0;
    top: 0;
    font-weight: bold;
    text-decoration: none;
    font-size: 20px;
    font-weight: 300;
    transform: scaleY(0.7);
}
.overlayPopup .popupclose {
    transform: scaleY(1);
}

    .popupclose:hover,
    .popupclose2:hover,
    .overlayAlertclose:hover,
    .popupcloseEzBake:hover {
        background: #444;
    }
    .overlayAlertcloseWithInput:hover{
        background:transparent;
    }

    .overlayPopup,
    .overlayPopup2,
    .overlayAlert,
    .overlayPopupEzBakeMode {
        width: 1002px;
        margin: 0 0 0 -501px;
        left: 50%;
        top: 10%;
        display: none;
        overflow: auto;
        position: fixed;
        max-height: 80%;
        z-index: 10000;
        background: #fff;
        box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.3);
        padding: 24px;
        box-sizing: border-box;
    }

.overlayAlert,
.videoPopup {
    width: 450px;
    margin: -60px 0 0 -225px;
    top: 50%;
    position: fixed;
    overflow: inherit;
}

.videoPopup {
    height: 325px !important;
    margin: -155px 0 0 -225px;
    top: 50%;
    top: 50%;
    position: fixed;
    overflow: inherit;
}

.alerErrorMessage {
    height: 100px;
}

.logalertMessage {
    float: right;
    margin: 0px;
}

.confrmdiv,
.confrmdivWithInput {
    text-align: right;
}

.overlayPopup2,
.overlayPopupEzBakeMode {
    width: 50%;
    left: 25%;
    top: 20%;
    margin: 0;
    z-index: 10002;
}
    .overlayPopup2.popupStyle {
        max-width: 500px;
        left: 50%;
        transform: translateX(-50%);
    }

    .overlayPopup .popupInside,
    .overlayPopup2 .popupInside,
    .overlayAlert .popupInside {
        max-height: 100%;
    }

    .overlayPopup .popupclose,
    .overlayPopup2 .popupclose2,
    .overlayAlert .overlayAlertclose,
    .overlayAlertcloseWithInput,
    .popupcloseEzBake {
        color: #1f9bde;
        background: #fff;
    }

        .overlayPopup .popupclose:hover,
        .overlayPopup2 .popupclose2:hover,
        .overlayAlert .overlayAlertclose:hover,
        .overlayAlertcloseWithInput:hover,
        .overlayPopupEzBakeMode .popupcloseEzBake:hover {
            color: #000;
        }

.tblBlk {
    display: table;
    background: #EEF0F1;
    margin-bottom: 15px;
}

.tblBlkRow {
    display: table-row;
}

.tblBlkCol {
    display: table-cell;
    width: 50%;
    padding: 20px;
    cursor: pointer;
    border: solid 2px #EEF0F1;
    border-radius: 4px;
    transition: all 300ms ease-out;
}

    .tblBlkCol p {
        margin: 0 0 15px;
    }

        .tblBlkCol p:last-child {
            margin: 0;
        }

    .tblBlkCol:hover {
        border: solid 2px #0F5782;
    }

.blkPic {
    float: left;
    width: 64px;
}

.blkDesc {
    margin-left: 80px;
}

.popupInside h2,
.rightContent h2,
.rightContent2 h2,
.articles h2,
.modalheader h2,
.contentWrapperInner h2 {
    color: #1f9bde;
    font-weight: 300;
    font-size: 32px;
    margin: 0 0 20px;
}
.modalheader h2 {
    font-size: 24px;
    margin: 0;
}

    #ulArticles h2 {
        border: none;
        padding-top: 0px;
        margin: 0 0 14px;
    }

.published_at {
    padding-bottom: 0px;
    font-size: .7em;
    width: 100%;
    text-align: right;
    font-style: italic;
}

.popupInside .blkDesc h3 {
    margin: 0 0 5px;
    font-size: 18px;
    font-weight: 400;
}

.popupInside .blkDesc a {
    color: #1f9bde;
    font-size: 18px;
    text-decoration: none;
    font-weight: bold;
}

    .popupInside .blkDesc a:hover {
        color: #0F5782;
    }

.popupInside .blkDesc p {
    color: #333333;
    font-size: 15px;
    margin-top: 10px;
}

.lowerMessage {
    margin: 10%;
    font-size: .8em;
}

    .lowerMessage strong {
        font-size: 1.3em;
        font-weight: 100;
    }

    .lowerMessage a {
        text-decoration: none;
        color: #3BB34A !important;
    }

.popupInside img {
    max-width: 100%;
}

.btnconfirm {
    background: #065580;
    color: #fff;
    text-decoration: none;
    padding: 10px 20px;
    line-height: 10px;
    display: inline-block;
    transition: all 300ms ease-out;
    cursor: pointer;
    border: none;
    /* width: 45px; */
    text-align: center;
}
[type=checkbox], [type=radio] {
    margin-right: 7px;
}
.btnBlock {
    display: block !important;
    text-align: center;
}
.btnStyle1,
.btnStyle1:focus,
.newExerciseTitle,
.newExerciseTitle:focus {
    display: inline-block;
    text-decoration: none;
    padding: 6px 12px;
    line-height: 22px;
    background: #1f9bde;
    color: #fff !important;
    cursor: pointer;
    border-radius: 0;
    font-weight: 400;
    font-size: 15px;
}

    .btnStyle1:hover,
    .btnStyle1:focus,
    .newExerciseTitle:hover {
        background: #065580;
        box-shadow: none;
        color: #fff !important;
        text-decoration: none;
    }

.spnBtnCancel {
    background: transparent;
    color: #065580;
}

p + .btnStyle1 {
    margin-top: 30px;
}

.headerWrapper .btnWrapper {
    float: right;
    margin-top: -20px;
}

.headerWrapper .btnStyle1:hover .btnStyle1:focus {
    background: #50bbf5 !important;
    color: #fff;
}

.spnBtnCancel:hover,
.spnBtnCancel:focus,
.headerWrapper .spnBtnCancel:hover,
.headerWrapper .spnBtnCancel:focus {
    background: rgba(0, 0, 0, 0.1);
    color: #065580;
}

.newadvanced {
    background: #f1f1f1;
    color: #065580;
    text-decoration: none;
    padding: 6px 20px;
    line-height: 22px;
    display: inline-block;
    margin-right: 10px;
    transition: all 300ms ease-out;
    border-radius: 5px;
    cursor: pointer;
    border: solid 1px;
    background: url(../img/prime_aip_blue.png) no-repeat #f1f1f1 256px center;
    background-size: 30px;
    padding-left: 20px;
    padding-right: 45px;
}

    .newadvanced:hover {
        background: #666;
        color: #0B5A95 !important;
        text-decoration: none;
        background: url(../img/prime_aip_blue.png) no-repeat #e0e0e0 256px center;
        background-size: 30px;
        padding-left: 20px;
    }

.addNewIcon {
    background: url(../img/icon1.png) no-repeat #065580 10px center;
    padding-left: 40px;
}

    .addNewIcon:hover {
        background: url(../img/icon1.png) no-repeat #666 10px center;
    }

.left {
    float: left;
}

.right {
    float: right;
    margin-right: 0;
}

#dvPrimesTableHeader {
    overflow: hidden;
    padding: 10px 0;
    background: none;
    border-bottom: solid 1px #065580;
    margin-bottom: 2px;
}

#dvPrimeList > ul > li {
    background: none;
}

.targets-third > h3 {
    border-bottom: solid 1px #065580;
    text-align: center;
    width: 80%;
    font-size: 15px;
    font-weight: 400;
}

.PrimeHeaderTab {
    float: left;
    height: auto;
    margin: 0 10px 0 0;
    border: none;
}

ul.PrimeHeaderTab {
    margin: 0 0 0 -45px;
    padding: 0;
}

.primecheckbox {
    margin: 0 5px;
    width: 25px;
}

.primesImages,
.audiofile,
.primeFocus,
.primesDelete {
    margin: 0 10px 0 0;
    width: auto;
    border: none;
    padding: 0;
}

.primesImages {
    max-height: auto;
    min-height: auto;
    min-width: 80px;
}

.loaderPrimesImages {
    width: 32px;
    margin: 10px 34px 0 24px;
}

.audiofile,
.primeFocus,
.primesDelete {
    width: 124px;
}

img.audiofile {
    width: 20px;
    margin: 0 60px;
}

img.primesDelete {
    width: 21px;
    margin: 0 45px;
}

.PrimeNameInput,
.PrimeLabelInput {
    margin: 0 10px 0 0;
    width: 150px;
}

.ui-widget-content {
    border-radius: 0;
    padding: 0;
}

.topnav .ui-widget-content li {
    margin: 0 0 0 5px !important;
}

.ui-menu .ui-menu-item a {
    line-height: 40px;
    margin: 0;
    border-radius: 0;
}

#dvAddCproperty,
#dvAddCpropertyex {
    line-height: 24px;
    float: right;
    margin: 0 0 5px;
}

.CustomPropertyInput {
    width: 350px;
}

img.primeTempDelete {
    margin-left: 620px;
}

ul#topnav li {
    margin: 0 0 0 7px;
}

    ul#topnav li a {
        color: #3BB34A;
        font-weight: normal;
    }

    ul#topnav li.selected a {
        color: #fff;
        background: #333;
    }

    .ui-state-hover,
    .ui-widget-content .ui-state-hover,
    .ui-widget-header .ui-state-hover,
    .ui-state-focus,
    .ui-widget-content .ui-state-focus,
    .ui-widget-header .ui-state-focus,
    ul#topnav li:hover a,
    ul#topnav li:hover a {
        background: #eee;
        cursor: pointer;
        border: solid 1px #ccc;
    }


.leftContent2 {
    float: left;
    width: 60%;
}

.rightContent2 {
    float: right;
    width: 36%;
}

.leftContent2Acs {
    text-align: right;
    margin-bottom: 10px;
}

    .leftContent2Acs a {
        color: #1c94c4;
        margin-left: 10px;
    }

.homeZohoIframe {
    height: 750px;
    border: solid 1px #ccc;
    border-radius: 10px;
    padding: 10px;
}

    .homeZohoIframe iframe {
        border: none;
    }

.rightContent2 ul {
    list-style-type: none;
    margin: 0 0 20px;
    padding: 0;
}

.rightContent2 a {
    color: #1c94c4;
}

.feedBlk > li {
    margin: 15px 0;
    border: solid 1px #ccc;
    border-radius: 10px;
    padding: 10px;
}

.headingBlk {
    background: #f8f8f8;
    padding: 10px;
    margin-bottom: 30px;
}

.rightContent h3,
.rightContent h4,
.contentWrapperInner h3 {
    margin: 0 0 10px;
    color: #1f9bde;
}

.contentWrapperInner h3 {
    font-weight: 100;
    margin-bottom: 20px;
}

.headingBlk span {
    display: inline-block;
    background: #fff;
    padding: 5px 10px;
    border: solid 1px #333;
    color: #000;
}

.borderBlk {
    padding: 10px;
    border: solid 1px #ccc;
    overflow: hidden;
}

    .borderBlk ul {
        padding: 0;
        margin: 13px 0px 0px 0px;
    }

        .borderBlk ul li {
            list-style-type: none;
            padding-bottom: 10px;
            overflow: hidden;
        }

            .borderBlk ul li label {
                width: 35%;
                float: left;
                text-align: right;
                margin-top: 3px;
            }

                .borderBlk ul li label:first-child {
                    width: 55%;
                    text-align: left;
                }

            .borderBlk ul li input[type='radio'],
            .borderBlk ul li input[type='checkbox'],
            .borderBlk ul li input[type='text'] {
                float: right;
                width: 20px;
            }

.rightContent p {
    margin: 0 0 15px;
}

.insideContent {
    margin-bottom: 30px;
}

.leftBlk,
.rightBlk {
    float: left;
    box-sizing: border-box;
    width: 50%;
    padding-right: 20px;
    font-size: 13px;
}

.myPurchase {
    border: solid 1px #ccc;
    border-width: 1px 1px 0 0;
    width: 100%;
    font-size: 13px;
}

    .myPurchase th,
    .myPurchase td {
        border: solid 1px #ccc;
        border-width: 0 0 1px 1px;
        text-align: left;
        padding: 5px;
    }

    .myPurchase th {
        background: none;
        text-align: center;
        font-weight: bold;
    }

articles {
    width: 100%;
}

.articles > ul, .articles ul ul {
    list-style-type: none;
    margin: 0 0 20px;
    padding: 0;
}

#ulArticles ul {
    list-style: outside none disc;
}

    #ulArticles ul > ul {
        margin-bottom: 26px;
    }

.rightContent2 .feedBlk ul {
    padding-left: 10px;
}

.videoMainPanel {
    clear: both;
    word-break: break-all;
}

.slider {
    height: 110px;
    width: 218px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    overflow: hidden;
    cursor: pointer;
}

#videoDeleteLoader {
    position: absolute;
    margin-top: 40px;
    margin-left: 105px;
}

.slider ul {
    width: 2000px;
    float: left;
}

.slider li {
    height: 110px;
    list-style: outside none none;
    text-align: center;
    width: 218px;
    float: left;
    position: absolute;
    z-index: 2;
    overflow: hidden;
}


    .slider li:first-child {
        z-index: 3;
        display: block;
    }

    .slider li:last-child {
        z-index: 1;
    }

    .slider li img {
        max-width: 100%;
    }

        .slider li img.sliderSmallImage {
            max-height: 110px;
        }

.no-thumbnails {
    top: 30%;
    position: relative;
    width: 218px;
    display: block;
    text-align: center;
    word-break: break-all;
    color: #065580;
}

.videoName,
.videoNumber {
    margin-bottom: 10px;
    text-align: center;
    word-break: break-all;
    font-size: 12px;
    color: #065580;
}

.videoNumber {
    margin: 5px 0 0;
    font-weight: bold;
}

.videoMainPanel label {
    font-weight: bold;
    font-size: 110%;
    padding-bottom: 5px;
    border-bottom: solid 1px #065580;
    color: #065580;
    margin: 10px 0;
    display: block;
    text-align: center;
}

.videodiv {
    text-align: center;
}

    .videodiv video {
        max-width: 100%;
        max-height: 240px;
    }

#dvAccountActivity iframe {
    border: none;
    height: 940px;
}

.zohoIframe {
    height: 1600px;
    width: 100%;
    border: none;
}

#ifrmZohoReportTopLineChart {
    height: 2600px;
}

.contentWrapperInner {
    padding: 60px 0;
}

.btnWrapper {
    margin: 10px 0;
    text-align: right;
}

    .btnWrapper .btnStyle1 {
        margin: 0;
    }

.loginOuterWrapper label {
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
}

.launcherMenu {
    position: absolute;
    z-index: 999;
    box-sizing: border-box;
    border: solid 1px #ccc;
    margin: 0px;
    background: #fff;
    width: 220px;
    padding: 0;
    font-size: 12px;
}

    .launcherMenu li {
        list-style-type: none;
        padding: 5px;
        border-bottom: solid 1px #ccc;
    }

        .launcherMenu li stage {
            font-weight: bold;
            font-size: 14px;
        }

        .launcherMenu li span {
            display: block;
            cursor: pointer;
            border-radius: 0;
            padding: 5px;
            transition: all 300ms ease-in;
            border: none;
        }

.phase_selected span,
.study_phase_disabled span {
    cursor: auto !important;
}

.study_phase_disabled {
    opacity: 0.5;
}

.launcherMenu li:not(.phase_selected .study_phase_disabled):hover span {
    background: #065580;
    color: #fff;
}

.lanucherSelected {
    cursor: pointer;
}

    .launcherMenu img,
    .lanucherSelected img {
        margin-right: 5px;
        margin-bottom: -2px;
        border: 0;
        width: 24px;
        vertical-align: middle;
        padding: 0;
    }

    .launcherMenu p,
    .lanucherSelected p {
        margin: 2px 0 0 35px;
        display: block;
        font-weight: normal;
    }

.lanucherSelected {
    color: #065580;
    line-height: 35px;
}

    .lanucherSelected stage {
        font-weight: bold;
    }

.launcherMenuDivider {
    margin-bottom: 0px;
    color: #F5F3E5;
    border: solid 1px #ccc;
    border-radius: 5px;
}

.launcherMenuIcon {
    float: right;
    width: 14px !important;
    padding: 10px 0 !important;
}

.projectLoader {
    text-align: center;
    position: absolute;
    left: 50%;
    margin: 0 0 0 -16px;
}

.leftContentWrapper .saveprojectbtn {
    width: 100%;
    margin: 15px 0;
}

    .leftContentWrapper .saveprojectbtn .ui-button-text-only .ui-button-text {
        padding: 5px;
        overflow: hidden;
    }

    .leftContentWrapper .saveprojectbtn span {
        display: block;
    }

    .leftContentWrapper .saveprojectbtn .test-your-study {
        padding: 0;
        margin: 0;
        width: 100%;
    }
.saveprojectbtn .btnStyle1 {
    display: block;
    text-align: center;
}
.launch-header {
    background: #1f9bde !important;
    color: #fff;
    font-weight: bold;
    padding: 5px;
    border-radius: 5px;
    margin-top: 10px;
    text-align: center;
}

.emotion-data {
    font-size: 14px;
}

    .emotion-data h3 {
        border-bottom: solid 1px #ccc;
        padding-bottom: 10px;
        margin: 0 0 20px;
        color: #065580;
        padding: 10px 0px 10px 10px;
        width: 95%;
        font-weight: bolder;
    }

.emotion-data-left {
    display: inline-block;
    float: left;
    width: 100%;
}

.launch-raw-data-right {
    float: right;
    width: 100%;
}

.project_status_img img {
    width: 20px;
}
.filter2 {
    padding-left: 32px;
}

.filter3 {
    padding-left: 20px;
}
.filter1 {
    padding-left: 35px;
}

.date-pickers-export {
    text-align: center;
}

.data-form {
    width: 50%;
    margin-left: 25%;
}

.full-page-loader {
    text-align: center;
    position: absolute;
    z-index: 9999;
    margin-left: 50%;
    margin-top: 15%;
}
.loaderFullScreen {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index:10000;
}

.projectSettings.msgContWrapper {
    float: left;
    width: 100%;
    padding-bottom: 20px;
    position: relative;
}

    .projectSettings.msgContWrapper input.ui-button {
        margin-top: 20px;
    }

.msgCont {
    float: left;
    width: 100%;
}

.errMsgBlk,
.errMsgBlk2, .errMsgBlk3 {
    font-size: 13px;
    left: 144px;
    position: absolute;
    top: 25px;
}

.errMsgBlk2 {
    top: 40px;
}

.dvShowAllLaunchesSection {
    text-align: center;
    font-size: 12px;
}

.show-all-launches-link {
    color: #1c94c4;
    cursor: pointer;
}

.filterWrapper {
    text-align: left;
    line-height: 36px;
    position: relative;
}

#imgDivUploder {
    position: absolute;
    right: 100px;
    top: 0;
}

.filterDiv {
    float: left;
    margin-right: 10px;
}

    .filterDiv label {
        float: left;
        margin-right: 10px;
    }

.headerChkGroup span {
    float: left;
    margin-right: 20px;
}

.headerChkGroup input[type='checkbox'] {
    float: left;
    margin: 12px 5px 0;
}

.headerChkGroup img {
    float: left;
    max-height: 20px;
    margin: 7px 0;
}

.ui-widget-header,
.ui-widget-header a,
#dvProjectSettings,
#dvProjectResults,
.feedBlk,
.articles h1,
.rightContent2 {
    background: none;
    color: #065580;
    text-decoration: none;
}
.ui-dialog .ui-dialog-titlebar {
    font-size: 14px;
    font-weight: normal;
}
    .ui-dialog .ui-dialog-titlebar .ui-button,
    .ui-dialog .ui-dialog-titlebar .ui-button:focus {
        background: transparent !important;
        border: none;
        box-shadow: none;
        outline: none;
    }
.ui-widget-header th {
    border-bottom: solid 1px #065580;
}

.projectsTable {
    font-size: 12px;
}

.content-link a {
    font-size: 14px;
}

.ui-tabs .ui-tabs-nav li {
    background: #EEEEEE;
    border-radius: 0;
}

    .ui-tabs .ui-tabs-nav li a {
        color: #065580;
        font-weight: 400;
    }

    .ui-tabs .ui-tabs-nav li.ui-state-active a {
        color: #065580;
        background: #fff;
        margin-bottom: -1px;
        border-bottom: 1px solid #fff;
    }



.ui-widget-header {
    border: 1px solid #ccc;
    border-width: 0 0 1px;
}

    .ui-state-default,
    .ui-widget-content .ui-state-default,
    .ui-widget-header .ui-state-default {
        border: solid 1px #ddd;
    }

.ui-tabs .ui-tabs-nav {
    background: #fff;
}

.ui-widget {
    font-family: Arial;
}

.addTarget > .ui-state-default,
#dvAddCpropertyex > .ui-state-default,
#dvAddCproperty > .ui-state-default,
.addBtnLeft {
    background: #065580 !important;
    color: #fff;
    text-decoration: none;
    padding: 6px 20px;
    line-height: 22px;
    display: table !important;
    margin-right: 10px;
    transition: all 300ms ease-out;
    border-radius: 5px;
    cursor: pointer;
    border: none;
}

.addBtnWrapper {
    clear: both;
    margin: 10px 0;
}

.addBtnLeft {
    width: 100%;
    text-align: center;
    box-sizing: border-box;
}

.cloneBtnsDiv > .ui-button,
.cloneExBtnsDiv > .ui-button {
    background: #065580 !important;
    color: #fff;
    text-decoration: none;
    line-height: 22px;
    transition: all 300ms ease-out;
    border-radius: 5px;
    cursor: pointer;
    border: none;
}

.ImgOpExBtnsDiv > .ui-button {
    background: #065580 !important;
    color: #fff;
    text-decoration: none;
    line-height: 22px;
    transition: all 300ms ease-out;
    border-radius: 5px;
    cursor: pointer;
    border: none;
}

.ui-progressbar .ui-progressbar-value {
    background: #065580;
}

.ui-widget-content {
    background: none;
    color: #065580;
}

.replace-target,
.replace-prime {
    background: #065580 !important;
    color: #fff !important;
}

.ui-icon-trash {
    background-image: url(../../img/delete-icon_green.png) !important;
    background-position: 0;
}

.help {
    background: #fff;
}

.popupInside .blkDesc h3 img {
    max-width: 80%;
}

.popupInside .blkDesc h3.studyTypeH3 {
    margin: -10px 0 0;
    padding: 10px 0 0;
    overflow: hidden;
}

.studyTypeH3 img {
    float: left;
    margin: -13px 0 0 -5px;
}

.studyTypeH3 a sup {
    border-radius: 50%;
    width: 1px;
    height: 1px;
    padding: 2px 3px 1px 3px;
    background: #fff;
    border: 1px solid #00527e;
    color: #666;
    text-align: center;
    font-size: 7px;
    top: -10px;
}

#cloneDialouge .ui-widget-header {
    border: 1px solid #065580;
}

#dvPrimeList > ul > li .primesImages {
    background-color: rgba(6, 85, 128, 0.3);
    padding: 4px;
    border-radius: 5px;
}

.launcher_next_action {
    font-size: .75em;
    margin-top: 10px;
}

.ui-tabs-anchor {
    outline: 0 !important;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: 'Roboto', sans-serif;
}

#dvDeploymentSettingsMenu {
    margin-top: 5px;
}

#dvLauncherMenu li.phase_selected {
    opacity: 0.5;
}

.launcher_next_action a {
    cursor: pointer;
    text-decoration: none;
}

.exerciseTarget li.ui-state-default.ui-corner-all {
    background: none !important;
    border: none !important;
}

.eodBehavingh4 {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move;
    background-color: #065580;
    color: #fff;
    border-radius: 0;
}

#dvUserManagement .loaderDiv {
    position: inherit !important;
}

#dvUserManagement #MainContent_updUserLoader {
    float: left !important;
}

#dvMypurchase {
    min-height: 250px;
}

.ui-datepicker table {
    background: #fff;
}

.ui-datepicker .ui-datepicker-header {
    background: #fff;
}

.leftContentVideoMainPanel .sliderWrapper {
    border: solid 1px #ccc;
    position: relative;
}

.VideoEditHover {
    position: absolute;
    z-index: 999;
    background: rgba(0, 0, 0, 0.2);
    bottom: 0;
    width: 100%;
    padding: 5px 0;
}

    .VideoEditHover img {
        float: right;
        margin: 0 4px;
        max-height: 18px;
    }

    .VideoEditHover input {
        margin: 0 5px;
        padding: 2px;
        float: left;
        width: 112px;
        color: #fff;
        height: 16px;
    }

#spvdProgress {
    color: #065580;
}

.videoDisabledInput {
    border: none;
    background: transparent;
    color: #065580;
    font-weight: bolder;
    text-align: center;
}

.email_survey_template {
    border: 1px solid #F8F8F8;
    color: #065580;
    font-style: italic;
    font-weight: bold;
    float: right;
    line-height: 20px;
    padding: 5px;
    margin-top: 10px;
    cursor: pointer;
    border-radius: 4px;
    margin-right: 5px;
}

    .email_survey_template img {
        margin: 0 5px 0 0;
        vertical-align: middle;
    }

/*.dvSetQuotaMain {
    font-weight: bold;
}*/


.quotaWarning {
    color: #f00;
    font-size: 12px;
    font-weight: normal;
    margin-top: 16px;
}

    .quotaWarning a {
        color: #f00;
        text-decoration: underline;
        font-weight: bold;
    }

.quota-message {
    position: relative;
    padding-left: 36px;
}

.quotaWarning img {
    position: absolute;
    width: 24px;
    left: 0;
    top: 3px;
}

.quota-details {
    margin-top: 30px;
}

    .quota-details .quota-details-section {
        line-height: 28px;
    }

.lanuch-Closed-Quota {
    background: #065580 url(../img/closed_phase.png) no-repeat 5px center;
    background-size: 16px;
    padding: 5px 10px 5px 24px;
    font-size: 11px;
    color: #fff;
}

.chkRadioBlk {
    display: inline-block;
    width: 20px;
    text-align: center;
}

.quota-details-section textarea,
.quota-details-section .urlFld {
    margin: 0 10px 0 0;
    font-size: 12px;
    background: #fff;
    width: 300px;
    float: left;
    min-height: 28px;
}

.quota-details-section .leftGap {
    margin-left: 24px;
    display: inline-block;
    margin-bottom: 10px;
}

.fld-required-message.msgLeft {
    padding-left: 0;
}

.quota-input {
    width: 50px;
}

#redirect-url {
    cursor: pointer;
}

#drpEndOfSurveyBehaviour {
    font-weight: normal;
}

.borderBlk span strong {
    float: right;
    margin: -7px 1px 0px;
}


/*====== New 04 Oct 2016 ======*/
#addnewpop {
    border-radius: 5px;
    padding: 0;
}

.popupHeader {
    background: #065580;
    padding: 10px 50px 10px 70px;
    color: #fff;
    position: relative;
}
.popupHeader h2 {
    color: #fff;
    margin: 0;
    border: none;
    padding: 0;
    font-size: 32px;
}

.headerIcon {
    background: url(../img/logo1.svg) no-repeat 0 0 / 100%;
    width: 48px;
    height: 48px;
    border-radius: 3px;
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 99;
}

.popupHeader h2 span {
    color: #59c651;
}

#addnewpop .popupclose {
    background: url(../img/close.png) no-repeat 0 0 / 100%;
    font-size: 0;
    width: 24px;
    height: 24px;
    padding: 0;
    top: 15px;
    right: 15px;
    z-index: 99;
}

.popupInside {
    padding: 0 0 20px;
}

.tblBlk {
    background: none;
    margin: 0 30px;
}

.tblBlkCol,
.tblBlkCol:hover {
    border: none;
    border-left: 5px solid #dfdfdf;
    border-radius: 0;
    position: relative;
    padding: 20px;
}

.popupInside img {
    border-radius: 10px;
}

.blkSelect {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.tblBlkCol:after {
    content: '';
    bottom: 0;
    left: 20px;
    right: 20px;
    height: 1px;
    background: #dfdfdf;
    position: absolute;
}
.tblBlkCol:nth-child(2n):after {
    right:0;
}
.popupBtnWrapper {
    margin: 20px 30px 0;
}

    .popupBtnWrapper a {
        box-shadow: 3px 3px 0 #ddd;
        margin: 0 0 0 10px;
    }

        .popupBtnWrapper a.getStarted {
            background: #59c651;
        }

            .popupBtnWrapper a.getStarted:hover {
                background: #666;
            }

#addnewpop input[type="radio"] {
    display: none;
}

    #addnewpop input[type="radio"] + label span {
        display: inline-block;
        width: 26px;
        height: 26px;
        margin: -1px 4px 0 0;
        vertical-align: middle;
        background: url(../img/radio-inactive.png) 0 0;
        cursor: pointer;
    }

    #addnewpop input[type="radio"]:checked + label span {
        background-image: url(../img/radio-active.png);
    }

.borderBlk span strong {
    float: right;
    margin: -7px 1px 0px;
}

.chkshortinput {
    width: 50px;
    float: left;
}

.stresswrapper {
    text-align: center;
    display: inline-block;
    top: 340px;
    padding-left: 200px;
}

    .stresswrapper a {
        border: 3px solid red;
        padding: 5px;
        margin: 20px;
        cursor: pointer;
    }

.listStyle {
    margin-left: 15px;
    list-style-type: none;
    margin: 0;
}

    .listStyle li {
        padding-left: 15px;
        margin-bottom: 10px;
        position: relative;
    }

        .listStyle li::before {
            content: '';
            position: absolute;
            background: #065580;
            width: 7px;
            height: 7px;
            border-radius: 50%;
            left: 0;
            top: 50%;
            margin-top: -4px;
        }

.headerWrapper .logo a {
    display: block;
    margin-top: 4px;
}

.headerWrapper .logo p {
    color: #fff;
}
/* .dashboardHeader {
    padding-top: 180px;
} */
.loginRightCont {
    max-width: 265px;
}

    .loginRightCont h2 {
        margin-top: 0;
    }

    .headerLeft {
        float: left;
    }

.dashboardHeader .headerLeft {
    width: calc(100% - 200px);
}

ul#topnavbar {
    border: 0;
    margin: 0 0 0 20px;
    padding: 0;
    position: relative;
    display: inline-block;
    text-align: center;
}

    ul#topnavbar li {
        padding: 0 20px;
        display: inline-block;
    }

        ul#topnavbar li:first-child {
            margin-left: 0px;
        }

        ul#topnavbar li a {
            color: #fff;
            display: inline-block;
            padding: 10px 0;
            line-height: 37px;
            font-size: 16px;
            transition: all 0.3s;
        }

            ul#topnavbar li a, ul#topnavbar li a:hover {
                border: solid 0px #fff;
                text-decoration: none;
            }

                ul#topnavbar li a:hover,
                ul#topnavbar li.active a {
                    color: #8fcc0e;
                }

    ul#topnavbar ul {
        position: absolute;
        text-align: left;
        width: 1000px;
        top: 57px;
        left: 0;
        padding: 0;
        margin: 0;
        z-index: 999999;
        display: none;
    }

        ul#topnavbar ul:after {
            content: '';
            position: fixed;
            height: 48px;
            background: #1f9bde;
            width: 100%;
            top: 57px;
            left: 0;
            z-index: -1;
        }

        ul#topnavbar ul li {
            padding: 0 20px;
            display: inline-block;
        }

            ul#topnavbar ul li a {
                padding: 5px 10px;
                font-size: 14px;
                line-height: 36px;
                display: block;
                color: rgba(255,255,255,0.7);
                border-bottom: 2px solid #1f9bde;
            }

                ul#topnavbar ul li a:hover, ul#topnavbar ul li.active a {
                    color: #fff;
                    border-bottom: 2px solid #8fcc0e;
                }

    ul#topnavbar li span {
        display: none;
        width: 20px;
        height: 20px;
        font-size: 20px;
        line-height: 20px;
        cursor: pointer;
        color: #333;
    }

    ul#topnavbar ul.active {
        display: block;
    }

.menu-toggle {
    position: relative;
    display: none;
    width: 24px;
    height: 14px;
    background: transparent;
    border-top: 2px solid;
    border-bottom: 2px solid;
    border-color: #fff;
    color: #fff;
    transition: all 0.25s ease-in-out;
    float: left;
    margin-top: 22px;
    margin-right: 30px;
}

    .menu-toggle:before, .menu-toggle:after {
        content: '';
        display: block;
        width: 100%;
        height: 2px;
        position: absolute;
        top: 50%;
        left: 50%;
        background: #fff;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-transition: -webkit-transform 0.25s ease-in-out;
        transition: -webkit-transform 0.25s ease-in-out;
        transition: transform 0.25s ease-in-out;
        transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
    }

    .menu-toggle.active {
        position: absolute;
        z-index: 999;
        color: #333;
        right: 0;
        top: 8px;
        border: 0;
    }

        .menu-toggle.active:before, .menu-toggle.active:after {
            background: #333;
            top: 0;
        }

        .menu-toggle.active:before {
            transform: rotate(45deg);
        }

        .menu-toggle.active:after {
            transform: rotate(135deg);
        }

.logout img {
    width: 20px;
}

.userBlk p:last-child {
    margin-bottom: 0;
}

.logout {
    position: relative;
    right: auto;
    background: url(../img/logout-icon.svg) no-repeat right center / 16px 14px;
    padding-right: 20px;
    line-height: 20px;
    margin: 20px 0;
}

.loginRightCont input[type='text'] {
    font-size: 100%;
}

.filterSearchBox::-webkit-input-placeholder {
    color: #d1d1d1;
}

.filterSearchBox:-ms-input-placeholder {
    color: #d1d1d1;
}

.filterSearchBox::placeholder {
    color: #d1d1d1;
}

.loginRightCont input:focus::-webkit-input-placeholder, .loginBlk input:focus::-webkit-input-placeholder, input.filterSearchBox:focus::-webkit-input-placeholder {
    opacity: 0;
}

.loginRightCont input:focus::-moz-placeholder, .loginBlk input:focus::-moz-placeholder, input.filterSearchBox:focus::-moz-placeholder {
    opacity: 0;
}

.loginRightCont input:-moz-placeholder, .loginBlk input:-moz-placeholder, input.filterSearchBox:-moz-placeholder {
    opacity: 0;
}

.gRecaptchaWrap {
    margin-left: 22px;
}

.g-recaptcha {
    margin-bottom: 15px;
    transform: scale(0.77);
    -webkit-transform: scale(0.77);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
}

#divAdmin .topPannel {
    margin-top: -58px;
}
.topPannel {
    display: flex;
    align-items: center;
    position: fixed;
    height: 48px;
    background: #1f9bde;
    color: #fff;
    margin-top: -83px;
    box-sizing: border-box;
    width: 100%;
    z-index: 99;
}

.leftCont {
    float: left;
}

.rightCont {
    float: right;
}
.topPannel .rightCont {
    position:relative;
}
    .topPannel .rightCont #imgDivUploder {
        position: absolute;
        top: 3px;
        right: 0;
        margin: 0;
        width: 20px;
        height: auto;
    }
    .topPannel .rightCont #imgDivUploder img {
        max-width: 100%;
    }
.dropDown {
    position: relative;
    display: inline-block;
}

.ddLabel {
    padding: 5px 20px 5px 0;
    cursor: pointer;
    font-weight: 500;
}

.dropdownMenu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 160px;
    padding: 15px;
    border-radius: 0;
    box-shadow: 2px 2px 4px 0 rgba(0,0,0,0.2);
    background: #fff;
    border: 1px solid #6e7b83;
    margin: 0;
    z-index: 1000;
}

    .dropdownMenu.show {
        display: block;
    }

.caret {
    position: absolute;
    right: 0;
    top: 13px;
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    transition: all .5s;
}

.labelToggle .caret {
    transform: rotate(180deg);
}

.checkGroup {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.dropdownMenu li:last-child .checkGroup {
    margin-bottom: 0;
}

.checkGroup label {
    padding-left: 5px;
    cursor: pointer;
    color: #475158;
}

.checkGroup input[type="checkbox"] {
    height: 20px;
    width: 20px;
    cursor: pointer;
    background: none;
    border: 0;
    margin: 0;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

    .checkGroup input[type="checkbox"]::before {
        content: "";
        border: 1px solid #e4e8f0;
        height: 20px;
        width: 20px;
        position: absolute;
        top: 0;
        left: 0;
        box-sizing: border-box;
        z-index: 9;
    }

    .checkGroup input[type="checkbox"]:checked::before {
        background: #1f9bde;
        border-color: #1f9bde;
    }

    .checkGroup input[type="checkbox"]:checked::after {
        content: "";
        display: block;
        position: absolute;
        left: 7px;
        top: 1px;
        box-sizing: border-box;
        width: 6px;
        height: 14px;
        border: solid #fff;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
        z-index: 10;
    }

input.filterSearchBox {
    background: transparent;
    border: 1px solid #fff;
    border-width: 0 0 1px;
    padding: 5px 0;
    margin: 0;
    width: 200px;
    color: #fff;
}

    .filterSearchBox:focus {
        border-bottom: 1px solid #fff;
    }

.tableResponsive {
    overflow-x: auto;
}

.projectListTable a {
    color: #1f9bde;
    font-weight: normal;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
}

.projectListTable table th a {
    font-weight: 500;
}

.projectListTable table td, .projectListTable table th {
    padding: 10px 5px;
    border-bottom: 1px solid #e2e9ec;
    font-size: 14px;
    color: #475158
}

.projectListTable .project_status_img img {
    width: 20px;
}

.text-right {
    text-align: right;
}

.btn, .ui-button, .cloneBtnsDiv > .ui-button, .cloneExBtnsDiv > .ui-button {
    border-radius: 0;
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
}

.btnStyle1,.ui-button, .cloneBtnsDiv > .ui-button, .cloneExBtnsDiv > .ui-button {
    background: #1f9bde !important;
    color: #fff;
    border: none;
    cursor: pointer;
    transition: all 0.5s;
}

    .btnStyle1:hover, .btnStyle1:focus, .ui-button:hover, .cloneBtnsDiv > .ui-button:hover, .cloneExBtnsDiv > .ui-button:hover {
        background: #065580 !important;
        box-shadow: none;
        color: #fff;
        text-decoration: none;
    }

.btnStyle2, .btnStyle2:focus {
    background: #8fcc0e;
    color: #fff;
}

    .btnStyle2:hover {
        background: #1f9bde;
        box-shadow: none;
        color: #fff;
        text-decoration: none;
    }

.headingWrap {
    display: flex;
    justify-content: space-between;
}
    .headingWrap h1 {
        margin: 0;
    }

    .headingRight {
        padding-top: 10px;
    }

.cloneInput {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #9e9e9e;
    border-width: 0 0 1px;
    padding: 5px 0;
    margin: 0 0 10px 10px;
    line-height: 24px;
    width: 200px;
    color: #000;
}

    .cloneInput:focus {
        border-bottom: 1px solid #1f9bde;
    }

    .cloneInput::-webkit-input-placeholder { /* Edge */
        color: #d1d1d1;
    }

    .cloneInput:-ms-input-placeholder { /* Internet Explorer 10-11 */
        color: #d1d1d1;
    }

    .cloneInput::placeholder {
        color: #d1d1d1;
    }

.clonedialouge {
    width: 100%;
    max-width: 400px;
}

.cloneHeader {
    width: 100%;
    box-sizing: border-box;
    height: auto;
    padding-bottom: 5px;
}

.ui-widget, .ui-widget-content {
    color: #475158;
    font-family: 'Roboto', sans-serif;
}

.ui-button-text-only .ui-button-text {
    padding: 0;
}

.customModalStyle1 {
    padding: 0;
    border: 0 !important;
    text-align: left;
    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.3);
    height: auto;
}

.modalheader {
    padding: 15px 15px 0 15px;
}

    .modalheader h4 {
        color: #1f9bde;
        font-weight: 300;
        font-size: 16px;
        text-align: left;
        margin: 0;
    }

.modalBody {
    padding: 15px;
}

.modalFooter {
    padding: 15px;
    text-align: right;
}

.cursorPoiter {
    cursor: pointer;
}

.cancelBtn {
    box-shadow: none;
    background-color: transparent;
    color: #065580;
}

    .cancelBtn:focus, .cancelBtn:hover {
        background-color: rgba(0, 0, 0, 0.1);
        box-shadow: none;
        color: #065580;
    }

#projectList {
    width: 100%;
}
/* Notifications */
.notifications ul.feedBlks {
    list-style-type: none;
    padding: 0;
    -webkit-columns: 250px 2;
    -moz-columns: 250px 2;
    columns: 250px 2;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    margin: 0 auto;
    display: block;
    -moz-column-fill: balance;
    column-fill: balance;
}

    .notifications ul.feedBlks > li {
        margin-bottom: 30px;
        border-bottom: 1px solid #e2e9ec;
        width: 100%;
        -webkit-column-break-inside: avoid;
        page-break-inside: avoid;
        break-inside: avoid-column;
    }

        .notifications ul.feedBlks > li:nth-child(2n + 0) {
            float: right;
        }

.articleTitle, h2.articleTitle {
    padding: 0px 0;
    margin: 0 0 10px;
    color: #1f9bde;
    font-size: 18px;
    line-height: 24px;
    font-weight: normal;
}

.articleMeta {
    font-size: 11px;
    color: #475158;
    text-align: right;
}

.articleSummary {
    margin-top: 14px;
}

    .articleSummary p {
        font-size: 14px;
        line-height: 160%;
        color: #475158;
        margin-top: 0;
    }

.notifications a {
    color: #1f9bde;
}

    .notifications a:hover {
        color: inherit;
    }

.notifications iframe, .notifications .articleSummary img {
    width: 100%;
    max-width: 100%;
}
/* Dashboard */
.ColWrap {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.col50, .col41 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.spaceBetweenCol {
    justify-content: space-between;
}

.leftDataContainer {
    border: 0;
    height:auto;
}

.rightWidget {
    border-bottom: 1px solid #e2e9ec;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

    .rightWidget h2 {
        margin-top: 0;
    }

.recentAdded ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    .recentAdded ul li {
        margin-bottom: 10px;
    }

        .recentAdded ul li a {
            color: #1f9bde;
            font-size: 16px;
            line-height: 24px;
        }

            .recentAdded ul li a:hover {
                color: inherit;
            }

.notifications > ul {
    list-style-type: none;
    padding: 0;
}

.text-right {
    text-align: right;
}

.rightWidget:last-child, .recentAdded ul li:last-child {
    border-bottom: 0;
}
.btnStyle3, .btnStyle3:focus {
    background: #E2E9EC;
    color: #6E7B83;
}
.btnStyle3:hover {
    background: #6E7B83;
    box-shadow: none;
    color: #fff;
}
.articleSummary > div {
    background-position: left top !important;
    height: auto !important;
    min-height: 110px;
}
.firstPage,
.firstPageDisabled,
.lastPage,
.lastPageDisabled,
.gridPagination ul li.previousPageDisabled,
.gridPagination ul li.nextPageEnabled,
.gridPagination li.nextPageDisabled,
.gridPagination li.noNextPage,
.gridPagination ul li.previousPageEnabled, 
.gridPagination li.previousPageDisabled, 
.gridPagination li.noPreviousPage {
    border: none;
}
.gridPagination ul li.pages,
.gridPagination ul li.activePage {
    min-width: 30px;
    border: none;
}
.gridPagination li a {
    border: 1px solid rgba(0,0,0,0);
    border-radius: 50%;
    height: 30px;
    width: 30px;
    line-height: 30px;
    padding: 0;
    text-align: center;
    font-size: 12px;
}
.gridPagination ul li.activePage {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7;
    border-radius: 50%;
    font-size: 12px;
}
.gridPagination ul li.pages a,
.gridPagination ul li.pages a:visited {
    padding: 0;
}
.gridPagination li > a:hover {
    background: #fff;
    border: 1px solid #ccc;
}
.dateCol {
    width: 90px;
}
    .dateCol .sortimage {
        width: 12px;
        height: 12px;
    }
.errBlk {
    margin: 5px 0 0 10px;
}
.errTxt {
    color: #f60;
}
h2.pageHeading {
    margin-bottom: 30px;
}
h2.pageHeading span {
    width: 35px;
    float: left;
    margin-right: 5px;
}
    h2.pageHeading span img {
        display: block;
        margin-top: 3px;
    }
h2.pageHeading em {
    font-style: normal;
    display: block;
    margin-left: 45px;
}
.deployedVersionSpan {
    position: relative;
}
    .deployedVersionSpan img {
        opacity: 0;
        position: relative;
        z-index: 2;
    }
    .deployedVersionSpan:after {
        content: '';
        position: absolute;
        width: 7px;
        height: 7px;
        border: 2px solid #000;
        border-width: 0 0 2px 2px;
        transform: rotate(-45deg);
        right: 5px;
        top: 0;
        z-index: 1;
    }
.hasDatepicker {
    background: url(../img/icon-calendar.svg) no-repeat right center / 16px;
}
.date-pickers-export .hasDatepicker {
    margin: 0 16px 10px 5px;
}
.homeWrap .leftCol {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 30px;
    width: calc(100% - 30px);
    margin: 0 15px 30px;
    border: 1px solid #e2e9ec;
}
.leftCol h4 {
    font-size: 16px;
    font-weight: normal;
}
@media (min-width: 980px) {
    ul #topnavbar li:hover ul {
        display: block;
    }

    .col50 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col41 {
        width: 41.66666667%;
    }
}

@media (max-width: 1199px) {

    #projectList,
    .filterDiv,
    div#projectSettingsContainer,
    .footerWrapper,
    #addProject,
    .contentWrapper,
    .contentWrapperInner {
        max-width: 960px;
    }

    div#leftmenucontainer,
    .leftContent,
    .leftContentWrapper {
        width: 200px;
    }

    .slider {
        width: 198px;
        height: 95px;
        cursor: pointer;
    }

    #videoDeleteLoader {
        margin-top: 30px;
        margin-left: 95px;
    }

    .slider li {
        width: 198px;
        height: 95px;
    }

    .VideoEditHover input {
        width: 100px;
    }

    .no-thumbnails {
        top: 30%;
        position: relative;
        width: 188px;
        display: block;
        text-align: center;
        color: #065580;
    }

    .slider li img.sliderSmallImage {
        max-height: 95px;
    }

    div#tabscontainer,
    .rightContent {
        width: 740px;
    }

    #dvProjectResults .lblDateInput {
        width: 175px;
    }

    .overlayPopup {
        width: 900px;
        margin: 0 0 0 -450px;
    }

    .blkPic {
        width: 120px;
    }

    .blkDesc {
        margin-left: 135px;
    }

    .PrimeNameInput,
    .PrimeLabelInput {
        width: 120px;
    }

    .CustomPropertyInput {
        width: 260px;
    }

    .audiofile,
    .primeFocus,
    .primesDelete {
        width: 90px;
    }

    ul.PrimeHeaderTab {
        margin: 0 0 0 -30px;
    }

    img.audiofile {
        margin: 0 37px;
    }

    img.primesDelete {
        margin: 0 30px;
    }

    img.primeTempDelete {
        margin-left: 460px;
    }

    .homeZohoIframe {
        height: 640px;
    }

    #dvAccountActivity iframe {
        height: 770px;
    }

    .zohoIframe {
        height: 1400px;
    }

    #ifrmZohoReportTopLineChart {
        height: 1800px;
    }

    .emotion-data {
        font-size: 12px;
    }

    .lowerMessage {
        margin: 5%;
        font-size: .8em;
    }

        .lowerMessage strong {
            font-size: 1.3em;
            font-weight: 100;
        }

    .userBlk {
        margin-top: 1%;
    }

    .quotaWarning {
        margin-left: -10%;
    }
}

@media (max-width: 979px) {
    body {
        font-size: 13px;
    }

    #projectList,
    .filterDiv,
    div#projectSettingsContainer,
    .footerWrapper,
    #addProject,
    .contentWrapper,
    .contentWrapperInner {
        max-width: 750px;
    }

    .loginOuterWrapper {
        width: 720px;
    }

        .loginOuterWrapper p {
            font-size: 90%;
        }

    div#leftmenucontainer,
    .leftContent,
    .leftContentWrapper {
        width: 175px;
    }

    .slider {
        width: 173px;
        height: 80px;
        cursor: pointer;
    }

    #videoDeleteLoader {
        margin-top: 25px;
        margin-left: 80px;
    }

    .slider li {
        width: 173px;
        height: 80px;
    }

    .VideoEditHover input {
        width: 75px;
    }

    .no-thumbnails {
        top: 30%;
        position: relative;
        width: 158px;
        display: block;
        text-align: center;
        color: #065580;
    }

    .slider li img.sliderSmallImage {
        max-height: 80px;
    }

    .leftContent ul li span {
        font-size: 13px;
    }

    div#tabscontainer,
    .rightContent {
        width: 560px;
    }

    .headerWrapper {
        text-align: center;
    }

    .headerPrime {
        float: none;
        width: 100%;
        margin: 0 0 20px;
        box-sizing: border-box;
    }

    .headerPrime {
        font-size: 20px;
    }

    .logo img {
        width: 250px;
    }

    .userBlk {
        text-align: right;
        background: #d2ecfb;
    }

        .userBlk p {
            display: block;
            margin: 0 0 5px 0;
        }

    .settingsLabel {
        width: 210px;
    }

    .settingsItem textarea {
        width: 250px;
    }

    .overlayPopup {
        width: 700px;
        margin: 0 0 0 -350px;
    }

    .blkPic {
        width: 100px;
        margin: 0 10px 10px 0;
    }

    .blkDesc {
        margin-left: 0;
    }

    .primecheckbox {
        width: 16px;
    }

    .primesImages {
        max-width: 50px !important;
        min-width: 50px !important;
    }

    .loaderPrimesImages {
        margin: 5px 14px 0 9px;
    }

    .PrimeNameInput,
    .PrimeLabelInput {
        margin: 0 5px 0 0;
        width: 90px;
    }

    .audiofile,
    .primeFocus,
    .primesDelete {
        width: 70px;
    }

    ul.PrimeHeaderTab {
        margin: 0 0 0 -19px;
    }

    .primesImages,
    .audiofile,
    .primeFocus,
    .primesDelete {
        margin: 0 5px 0 0;
    }

    img.audiofile {
        margin: 0 24px;
    }

    img.primesDelete {
        margin: 0 18px;
    }

    .overlayPopup2,
    .overlayPopupEzBakeMode {
        width: 70%;
        left: 15%;
    }

        .CustomPropertyInput {
            width: 170px;
        }

    img.primeTempDelete {
        margin-left: 290px;
    }

    .homeZohoIframe {
        height: 520px;
    }

    #dvAccountActivity iframe {
        height: 600px;
    }

    .zohoIframe {
        height: 1100px;
    }

    #ifrmZohoReportTopLineChart {
        height: 1600px;
    }

    .emotion-data {
        font-size: 10px;
    }

    .lowerMessage {
        margin: 0;
        font-size: .7em;
    }

        .lowerMessage strong {
            font-size: 1.3em;
            font-weight: 100;
        }

    .popupInside .blkDesc a {
        font-size: 15px;
    }

    .popupInside .blkDesc h3.studyTypeH3 {
        margin: 0px 0 0;
        padding: 10px 0 0;
        overflow: hidden;
    }

    .quotaWarning {
        width: 250px;
        margin-left: -2%;
    }

    .gRecaptchaWrap {
        margin-left: 0;
    }

    .dashboardHeader .logo img {
        width: auto;
        width: 48px;
    }

    .headerLeft {
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    .dashboardHeader .headerLeft {
        width: calc(100% - 200px);
        display: inline-block
    }

    ul#topnavbar {
        background: #fafafa;
        transition: 0.3s ease;
        overflow: hidden;
        margin: 0;
        text-align: left;
        padding: 0;
        padding: 40px 20px;
        width: 280px;
        bottom: 0;
        overflow: auto;
        position: fixed;
        right: -280px;
        top: 0;
        box-sizing: border-box;
        z-index: 998;
    }

        ul#topnavbar.active {
            right: 0;
        }

        ul#topnavbar li {
            display: block;
        }

            ul#topnavbar li a {
                color: #333;
                line-height: 27px;
            }

        ul#topnavbar ul:after {
            display: none;
        }

        ul#topnavbar ul {
            background: #d2ecfb;
            position: relative;
            width: 100%;
            top: 100%;
            left: 0;
        }

            ul#topnavbar li, ul#topnavbar ul li {
                display: block;
                position: relative;
            }

            ul#topnavbar ul li {
                padding: 0;
            }

                ul#topnavbar ul li a {
                    color: #333;
                }

                    ul#topnavbar ul li a:hover, ul#topnavbar ul li.active a {
                        color: #333;
                    }

    .plus::after {
        content: "+";
        display: inline-block;
    }

    .minus::after {
        content: "-";
        display: inline-block;
    }


    ul#topnavbar li > span {
        display: block;
        float: right;
        text-align: center;
        line-height: 47px;
        height: 47px;
    }

    .menu-toggle {
        display: block;
    }

    .userBlk {
        clear: both;
    }

    .headerLeft p {
        margin-bottom: 24px;
    }
}

@media (max-width: 767px) {
    .dashboardHeader .logo {
        float: left;
    }
}
.emojiInputArea{
    overflow: unset;
}
.emojiInputArea::after {
    content: "";
    display: table;
    clear: both;
}
    .emojiInputArea .emojionearea {
        float: left;
        max-width: 257px;
        color: #333333;
        font-size: 1em;
        border-radius: 0;
        border: 1px solid #9e9e9e;
        border-width: 0 0 1px;
        box-shadow: none;
    }
.emojionearea.focused {
    box-shadow: none !important;
    border-color: #9e9e9e !important;
}
.emojionearea.emojionearea-inline {
    height: 25px !important;
    width: 250px !important;
}
    .emojionearea.emojionearea-inline > .emojionearea-button {
        top: 0 !important;
        right: -2px;
    }
.emojionearea + .ui-help-links {
    margin-top: 3px;
    padding-left: 2px;
}
.emojiInputArea .emojionearea.emojionearea-inline > .emojionearea-editor {
    left: 2px;
}

._24tO_xiOri9mJTUD1U3z1k .modal-container .modal-L2 {
    width: max-content;
    height: max-content;
}
._24tO_xiOri9mJTUD1U3z1k .modal-container .modal-L2 div h2 {
    color: #263746;
    font-size: 1.5em;
    font-weight: bold;
}

.confrmdivNew {
    position: absolute;
    left: 38%;
    bottom: 20px;
}

.logalertMessage2 {
    float: right;
    margin: 0px 0px -14px 0px;
}

.fldStyleFull{
    width:100%;
    margin-top:10px;
}

.showdisable {
    background: #065580 !important;
}