/*
 Custom style sheet : Created on 30th January 2017
*/

@font-face {
    font-family: 'helveticanormal';
    src: url('../fonts/helveticanormal.eot');
    src: url('../fonts/helveticanormal.eot') format('embedded-opentype'),
        url('../fonts/helveticanormal.woff2') format('woff2'),
        url('../fonts/helveticanormal.woff') format('woff'),
        url('../fonts/helveticanormal.ttf') format('truetype'),
        url('../fonts/helveticanormal.svg#helveticanormal') format('svg');
}
@font-face {
    font-family: 'helvetica75bold';
    src: url('../fonts/helvetica75bold.eot');
    src: url('../fonts/helvetica75bold.eot') format('embedded-opentype'),
        url('../fonts/helvetica75bold.woff2') format('woff2'),
        url('../fonts/helvetica75bold.woff') format('woff'),
        url('../fonts/helvetica75bold.ttf') format('truetype'),
        url('../fonts/helvetica75bold.svg#helvetica75bold') format('svg');
}
@font-face {
    font-family: 'OpenDyslexicAltaRegular';
    src: url('../fonts/OpenDyslexicAltaRegular.eot');
    src: url('../fonts/OpenDyslexicAltaRegular.eot') format('embedded-opentype'),
        url('../fonts/OpenDyslexicAltaRegular.woff2') format('woff2'),
        url('../fonts/OpenDyslexicAltaRegular.woff') format('woff'),
        url('../fonts/OpenDyslexicAltaRegular.ttf') format('truetype'),
        url('../fonts/OpenDyslexicAltaRegular.svg#OpenDyslexicAltaRegular') format('svg');
}

@font-face {
    font-family: 'helveticalight';
    src: url('../fonts/helveticalight.eot');
    src: url('../fonts/helveticalight.eot') format('embedded-opentype'),
        url('../fonts/helveticalight.woff2') format('woff2'),
        url('../fonts/helveticalight.woff') format('woff'),
        url('../fonts/helveticalight.ttf') format('truetype'),
        url('../fonts/helveticalight.svg#helveticalight') format('svg');
}

html{background: url(../img/bg.png) no-repeat; background-size: 100% 100%; width: 100%; min-height: 100%; }
body{font-size: 13px; color:#9c9c9c;font-family: 'helveticalight';font-weight: normal; background: none;}
h1,h2,h3,h4,h5,h6{font-family: 'helvetica75bold'; font-weight:normal; }
img{max-width: 100%;}
a{color:#000;}
a:hover{text-decoration: none;}
strong{font-family: 'helvetica75bold'; font-weight:normal;}
.btn{border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px;}
.form-control{background-color: transparent;  border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px;box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5); border: solid 1px #979797; max-width: 324px;padding:6px 10px 5px;}
.btn-white{background-color: #fff; color: #9b9b9b;}
label{color: #000; font-weight: normal; margin-bottom: 5px;}
header .container{position: relative;}
@media(min-width: 1200px){
    .container{width: 750px;}
    header .container{width: 1200px; padding-left: 25px; padding-right: 25px;}
    .footer .container{width: 1200px; padding-left: 25px; padding-right: 25px;}
}
/* Header Stylesheets */
header{background-color: #eaf1f5; position: fixed; top: 0; left: 0 ;width: 100%; z-index: 11;}
main{margin-top: 76px; overflow: auto;}
.logo{ float: left;    padding: 10px 0 16px; }
.logo img{max-height: 50px;}
.page-title{font-size: 2.15em;font-family: 'helvetica75bold'; font-weight:normal; font-style: normal;font-stretch: normal;line-height: normal;letter-spacing: normal; text-align: left;  line-height: 47px; color: #3b6191; float: right; padding: 15px 0 12px; margin-right: 40px;}
div.table{display:table; width:100%; height: 100%; vertical-align: middle; margin-bottom: 0;}
div.table-cell{display: table-cell; vertical-align: middle;}
/* .footer Started Here */
.footer{background-color: #eaf1f5;position: fixed; bottom: 0; left: 0 ;width: 100%; z-index: 11;}
.footer .table{margin: 15px 0;}
.footer p.copyright{margin-bottom:0; padding:20px 0; font-size: 0.77em;}
.footer p.copyright a{color: inherit;}
.footer .table-cell{width: 33.33%; text-align: center; font-size: 1.54em; color:#777b7b; font-weight:normal;  text-transform: uppercase;}
.icon{background: url(../img/icon-footer-nav.png) no-repeat; background-size: 120px auto; width: 60px; height: 60px; display: block; margin: 0 auto;}
.footer .table-cell a{color: inherit;}
.icon-never{background-position: 0 0;}
.icon-never.active, .icon-never:hover{background-position: -60px 0;}
.footer a.btn-never.active .icon-never{background-position: -60px 0;}
.icon-sometimes{background-position: 0 -60px;}
.icon-sometimes.active, .icon-sometimes:hover{background-position: -60px -60px;}
.footer a.btn-sometimes.active .icon-sometimes{background-position: -60px -60px;}
.icon-always{background-position: 0 -120px;}
.icon-always.active, .icon-always:hover{background-position: -60px -120px;}
.footer a.btn-always.active .icon-always{background-position: -60px -120px;}

.footer .table-cell a .icon.icon-always{background-position: -60px -120px;}
.footer .table-cell:hover a .icon.icon-always{background-position: 0 -120px;}

.footer.footer-question .table-cell a .icon.icon-always{background-position: 0 -120px;}
.footer.footer-question .table-cell:hover a .icon.icon-always{background-position: -60px -120px;}

.footer .table-cell a .icon.icon-sometimes{background-position: -60px -60px;}
.footer .table-cell:hover a .icon.icon-sometimes{background-position: 0 -60px;}

.footer.footer-question .table-cell a .icon.icon-sometimes{background-position: 0 -60px;}
.footer.footer-question .table-cell:hover a .icon.icon-sometimes{background-position: -60px -60px;}



.footer .table-cell a .icon.icon-never{background-position: -60px 0;}
.footer .table-cell:hover a .icon.icon-never{background-position: 0 0;}

.footer.footer-question .table-cell a .icon.icon-never{background-position: 0 0;}
.footer.footer-question .table-cell:hover a .icon.icon-never{background-position: -60px 0;}


.footer .table-cell a {color: #000}

.LandingPageDiv{padding: 30px 0;}
.LandingPageDiv .queansdiv{margin-bottom: 25px;}
.LandingPageDiv .queansdiv h4{font-size: 1.7em; color:#fff; font-weight: normal; margin:0; padding: 0 0 10px 0;}
.LandingPageDiv .queansdiv .btn-sound{background: url(../img/icon_audio_gray_2x.png) no-repeat; width: 24px; height: 24px; background-size: 100% auto; position: absolute; top: 20px; right: 20px; padding-top: 1px;}
.LandingPageDiv .queansdiv .btn-get-started{color: #006ff3; font-size: 1.23em; background-size: 100% auto; margin-top: 5px;  display: inline-block; padding-right:25px; background: url(../img/icon_right_arrow_blue_2x.png) right top no-repeat; background-size: 16px auto;font-family: 'helvetica75bold'; font-weight:normal;  }
.LandingPageDiv .queansdiv .ans-div{background-color: rgba(255, 255, 255, 0.9); padding: 20px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; position: relative;}
.LandingPageDiv .queansdiv .anstext{font-size: 1.23em; color: #000; padding-right: 32px;}
.LandingPageDiv .queansdiv .btn-go{color: #81d13c; font-size: 1.23em; background-size: 100% auto; margin-top: 5px; display: inline-block; padding-right:25px; background: url(../img/icon_large_right_arrow_green_2x.png) right top no-repeat; background-size: 16px auto;font-family: 'helvetica75bold'; font-weight:normal;    border: 0;  outline: none; }
.LandingPageDiv .queansdiv .form-control{max-width: 344px;}
.white-bg-btn-div{width: 100%; padding: 15px 0; float: left;}
.white-bg-btn-div .btn-back{ color: #9b9b9b; display: inline-block; float: left; padding: 13px 20px 13px 42px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; font-size: 1.23em; background: url(../img/icon_left_arrow_gray.png) rgba(255,255,255,0.9) 15px 14px no-repeat; background-size: 16px auto; width: 144px; box-shadow: none; outline: 0; border: 0; text-align: left;font-family: 'helvetica75bold'; font-weight:normal; }
.white-bg-btn-div .btn-complete, .btn-complete-2 {float: right; color: #81d13c; display: inline-block; float: right; padding: 13px 40px 13px 20px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; font-size: 1.23em; background: url(../img/icon_large_right_arrow_green_2x.png) rgba(255,255,255,0.9) 114px 13px no-repeat; background-size: 16px auto; width: 144px;text-align: right; box-shadow: none; outline: 0; border: 0;font-family: 'helvetica75bold'; font-weight:normal; }

.white-bg{padding: 20px; background-color: rgba(255, 255, 255, 0.9); border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; }
.profile h3{color: #fff; font-size: 1.7em;}
.profile label{font-size: 1.23em; }
.div-dob{max-width: 470px;}
.profile label .btn-sound {background: url(../img/icon_audio_gray_2x.png) no-repeat; width: 20px; height: 20px; background-size: 100% auto; position: relative; top: 4px; left: 5px; display: inline-block; box-shadow: none; outline: 0; border: 0; text-align: left;}
.div-gender .col-xs-3{max-width: 125px;}
.divider-blue{border-top:1px solid #3b628f;}
.error{border:1px solid #d0011b;}
.error-panel{padding: 0px; overflow: hidden;  border:1px solid #d0011b; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px;}
.error-panel .redbg{background-color:#d0011b; color: #fff; font-size: 1.08em; padding: 5px 5px 5px 7px;}
.error-panel p{margin:10px;color: #4a4a4a; }
.welcome .welcome-section1{margin-bottom:40px;}
.welcome .welcome-section1 h3{color: #fff; margin: 20px 0 10px 0;}
.welcome .welcome-section1 .btn-welcome{font-family: 'helvetica75bold'; font-weight:normal; color: #006eff; display: inline-block; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px;  -o-border-radius: 6px; font-size: 1.23em; background: url(../img/icon_right_arrow_blue_2x.png) rgba(255,255,255,0.9) 320px 14px no-repeat; background-size: 16px auto; width: 345px; position: relative;}
.welcome .welcome-section1 .btn-welcome a:hover{color: #006eff;}
.welcome .welcome-section1 .btn-welcome .btntext{font-family: 'helvetica75bold'; font-weight:normal; display: block; padding: 13px 20px 13px 20px; color: #006eff; }
.welcome .welcome-section1 .btn-welcome .btn-sound {background: url(../img/icon_audio_gray_2x.png) no-repeat; width: 20px; height: 20px; background-size: 100% auto; position: absolute; top: 15px; right: 50px; display: inline-block; box-shadow: none; outline: 0; border: 0; text-align: left;}
.welcome .welcome-section2{color: #fff;}
.welcome .welcome-section2 h3{border-bottom: 2px solid #9bbfd1; padding-bottom: 15px;}
.welcome .welcome-section2 .btn-sound {background: url(../img/icon_audio_white_2x.png) no-repeat; width: 20px; height: 20px; background-size: 100% auto; position: relative; top: 6px; display: inline-block;float: right;}
.welcome .welcome-section2 p{font-size: 1.23em; font-weight: normal;}
.welcome .welcome-section2{margin-bottom:40px;}
.welcome .welcome-section2 .greybg{background-color: rgba(255, 255, 255, 0.9); padding: 20px;}
.welcome .welcome-section3{background-color: rgba(255, 255, 255, 0.9);  border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px;  -o-border-radius: 6px; }
.welcome .welcome-section3 .greybg{padding:30px;}
.welcome .welcome-section3 label{font-size: 1em;}
.welcome .welcome-section3 ul{margin:10px 0 0; padding: 0; text-align: center;}
.welcome .welcome-section3 ul li{width: 23%; height: auto; background-color: #d8d8d8; display: inline-block; margin-left: 2%;}
.welcome .welcome-section3 ul li:first-child{margin-left: 0;}
.footer.disable{position: relative;}
.footer.disable:before{content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0;  background: rgba(85, 151, 178, 0.55);}
.button-set .btn-back{ font-family: 'helvetica75bold'; font-weight:normal; color: #81d13c; display: inline-block; float: left; padding: 15px 20px 11px 42px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; font-size: 1.23em; background: url(../img/icon_left_arrow_green_2x.png) rgba(255,255,255,0.9) 15px 14px no-repeat; background-size: 16px auto; width: 144px; box-shadow: none; outline: 0; border: 0; text-align: left;}
.button-set .btn-back:disabled{font-family: 'helvetica75bold'; font-weight:normal;  color: #9b9b9b; display: inline-block; float: left; padding: 15px 20px 11px 42px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; font-size: 1.23em; background: url(../img/icon_left_arrow_gray.png) rgba(255,255,255,0.9) 15px 14px no-repeat; background-size: 16px auto; width: 144px; box-shadow: none; outline: 0; border: 0; text-align: left;}
.button-set .btn-next{font-family: 'helvetica75bold'; font-weight:normal; float: right; color: #81d13c; display: inline-block; float: right; padding: 15px 40px 11px 20px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; font-size: 1.23em; background: url(../img/icon_large_right_arrow_green_2x.png) rgba(255,255,255,0.9) 114px 14px no-repeat; background-size: 16px auto; width: 144px;text-align: right; box-shadow: none; outline: 0; border: 0;}
.button-set .btn-next:disabled{font-family: 'helvetica75bold'; font-weight:normal; float: right; color: #9b9b9b; display: inline-block; float: right; padding: 15px 40px 11px 20px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; font-size: 1.23em; background: url(../img/icon_right_arrow_gray_2x.png) rgba(255,255,255,0.9) 114px 14px no-repeat; background-size: 16px auto; width: 144px;text-align: right; box-shadow: none; outline: 0; border: 0;}
.button-set .btn-sound {background: url(../img/icon_audio_gray_2x.png) rgba(255,255,255,0.9) center no-repeat; width: 48px; height: 48px; background-size: 24px auto; position: relative; display: inline-block; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; font-size: 1.23em;}
.btn-sound.active{background: url(../img/icon_audio_active.png) center no-repeat !important; background-size: 100% auto!important;}
.button-set .btn-blue{font-family: 'helvetica75bold'; font-weight:normal; float: right; color: #006af6; display: inline-block; float: right; padding: 15px 40px 11px 20px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; font-size: 1.23em; background: url(../img/icon_right_arrow_blue_2x.png) rgba(255,255,255,0.9) 114px 14px no-repeat; background-size: 16px auto; width: 144px;text-align: right; box-shadow: none; outline: 0; border: 0;}
.button-set .btn-blue:disabled{font-family: 'helvetica75bold'; font-weight:normal; float: right; color: #9b9b9b; display: inline-block; float: right; padding: 15px 40px 11px 20px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; font-size: 1.23em; background: url(../img/icon_right_arrow_gray_2x.png) rgba(255,255,255,0.9) 114px 14px no-repeat; background-size: 16px auto; width: 144px;text-align: right; box-shadow: none; outline: 0; border: 0;}
.button-set .table{margin:15px 0;}
.button-set .table .table-cell{vertical-align: top; width: 33%; display: inline-block;}
.button-set .table .table-cell:nth-child(2){text-align: center;}
.button-set .table{margin:15px 0; position: relative;}
.button-set .table .table-cell:first-child{position: absolute; left: 0; top: 0;}
.button-set .table .table-cell:last-child{position: absolute; right: 0; top: 0;}
.button-set .table .table-cell:nth-child(2){width: 135px; display: block; margin: 0 auto; position: relative;}
.button-set .table .table-cell:nth-child(2) .btn-sound{position: absolute; top: 0; background-size: 20px auto; width: 48px; }
.card-container {max-width: 720px; width: 720px;display: table;vertical-align: middle; margin: 0 auto 20px; position: relative;border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; overflow: hidden; text-align: center;}
.card-container.card-blank{box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none;}
.card-container .table-cell{display: table-cell; vertical-align: middle; text-align: center; color: #fff; font-size: 1.54em; font-weight: normal;line-height: normal; background-color: rgba(255, 255, 255, 0.4); padding: 40px 25px; height: 350px;}
.card-text{max-width: 408px;max-height: 72px;font-size: 1.38em;font-weight: normal;font-style: normal;font-stretch: normal;line-height: normal;letter-spacing: normal;text-align: center;color: #ffffff;margin: 1% auto; line-height: 26px;}
.values-explorer{padding:10px 0 30px 0;}
.card-container .text{color: #000; width: 100%; text-align: center;font-family: 'OpenDyslexicAltaRegular';}
.card-container .text h3{font-size: 6.15em; margin: 0 0 48px 0; padding: 0; color: #000; font-family: 'OpenDyslexicAltaRegular'; font-weight:bold; }
.card-container .text p{width: 380px; margin: 0 auto; font-size: 1.54em;font-family: 'OpenDyslexicAltaRegular';}
.card-container.card-blank .text{color: #fff; font-family: 'helveticalight'; font-size: 1.54em; top: 41%;}
.You-only-selected{width: 80%; min-height: 280px; color: #fff; font-size: 1.54em; line-height: 24px; text-align: left; margin: 0 auto;}
.You-only-selected p{margin-bottom: 0; margin-top: 30px;font-weight: normal;}
.You-only-selected p + p{margin-top:30px;}
.values-explorer h3{color: #fff; font-size: 1.7em; font-weight: normal; margin: 0; padding: 0 0 15px 0;}
.values-selection-table{float: left; width: 100%; margin-bottom: 30px; overflow: auto;}
.values-selection-table .innercontent{float: left; width: 100%; border-radius: 0 0 6px 6px; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; -o-border-radius: 0 0 6px 6px;}
.values-selection-table .head{background-color: #81d13c; border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; -o-border-radius: 6px 6px 0 0; float: left; width: 100%;padding: 3px 15px;color: #fff; font-family: 'helvetica75bold'; font-weight:normal; }
.values-selection-table .tr{float: left;width: 100%; border-top: 1px solid #9b9b9b; background: rgba(255,255,255,0.9);}
.values-selection-table .tr:first-child{border-top: 0;}
.values-selection-table .tr .td{padding: 8px; color: #000;font-size: 1.23em; padding: 7px 15px 4px;}
.values-selection-table .tr .td:first-child{float: left; width: 90%;padding:9px 15px 10px;    text-transform: capitalize; }
.values-selection-table .tr .td:last-child{float: right; width: 10%; text-align: right;}
.icon-check{display: inline-block; width: 24px; height: 22px; background: url(../img/icon_small_check_gray_2x.png) no-repeat center; background-size: 100% auto;}
.values-selection-table .tr.active .icon-check{background: url(../img/icon_small_check_green_2x.png) no-repeat center; background-size: 100% auto;}
.valuesinnercontent{overflow: auto; }
.mCSB_outside + .mCSB_scrollTools { right: 0;}
.mCSB_container .tr{padding-right: 10px;}
.mCSB_outside + .mCSB_scrollTools{background-color: rgba(255, 255, 255, 0.9); opacity: 1;}
.share-my-leadership-section{padding: 30px 0; max-height: initial !important;}
.share-my-leadership-section h3{color: #fff; border-bottom: 1px solid #fff; padding-top: 0; margin-top: 0; padding-bottom: 15px; margin-bottom: 10px; font-size: 1.7em;}
.share-my-leadership-section p.desc{font-size: 1.23em; color: #fff; margin-bottom: 10px;}
.share-my-leadership-section .btn-welcome{color: #006eff; display: inline-block; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px;  -o-border-radius: 6px; font-size: 1.23em; background: url(../img/icon_right_arrow_blue_2x.png) rgba(255,255,255,0.9) 320px 14px no-repeat; background-size: 16px auto; width: 350px; position: relative;}
.share-my-leadership-section .btn-welcome a:hover{color: #006eff;}
.share-my-leadership-section .btn-welcome .btntext{display: block; padding: 13px 20px 13px 20px; color: #006eff; font-family: 'helvetica75bold'; font-weight:normal; }
.share-my-leadership-section .btn-welcome .btn-sound {background: url(../img/icon_audio_gray_2x.png) no-repeat; width: 20px; height: 20px; background-size: 100% auto !important; position: absolute; top: 15px; right: 50px; display: inline-block; box-shadow: none; outline: 0; border: 0; text-align: left;}
.share-my-leadership-section .btn-welcome .btn-sound.active{top:14px;}
.share-my-leadership-section .btn-welcome.btn-results{background: url(../img/icon_large_right_arrow_green_2x.png) rgba(255,255,255,0.9) 320px 14px no-repeat; background-size: 16px auto; margin-bottom:5px; }
.share-my-leadership-section .btn-welcome.btn-results a{color: #81d13c;}
.share-my-leadership-section .buttons-set{}
.share-my-leadership-section .queansdiv{margin-bottom: 25px;}
.share-my-leadership-section .queansdiv h4{font-size: 1.7em; color:#fff; font-weight: normal; margin:0; padding: 0 0 10px 0;}
.share-my-leadership-section .queansdiv .btn-sound{background: url(../img/icon_audio_gray_2x.png) no-repeat; width: 24px; height: 24px; background-size: 100% auto; position: absolute; top: 20px; right: 20px;}
.share-my-leadership-section .queansdiv .btn-get-started{font-family: 'helvetica75bold'; font-weight:normal; color: #006ff3; font-size: 1.23em; background-size: 100% auto; margin-top: 5px;  display: inline-block; padding-right:30px; background: url(../img/icon_right_arrow_blue_2x.png) right no-repeat; background-size: 16px auto;}
.share-my-leadership-section .queansdiv .ans-div{background-color: rgba(255, 255, 255, 0.9); padding: 20px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; position: relative;}
.share-my-leadership-section .queansdiv .anstext{font-size: 1.23em; color: #000; padding-right: 32px;}
.share-my-leadership-section .queansdiv .btn-go{font-family: 'helvetica75bold'; font-weight:normal; color: #81d13c; font-size: 1.23em; background-size: 100% auto; margin-top: 5px;     display: inline-block; padding-right:30px; background: url(../img/icon_large_right_arrow_green_2x.png) right no-repeat; background-size: 16px auto;}
.share-my-leadership-section .queansdiv .form-control{max-width: 344px;}
.share-my-leadership-section .queansdiv p.anstext{margin-bottom: 15px; line-height: 18px;}
.share-my-leadership-section .queansdiv p.anstext + p.anstext{margin-bottom: 15px; line-height: 18px;}
.share-my-leadership-section .thanku-section { width: 496px; color: #fff; font-size: 1.54em; line-height: 24px; text-align: center; margin: 0 auto;}
.share-my-leadership-section .thanku-section p { margin-bottom: 120px; margin-top: 120px; font-weight: normal;}
.philosophy-builder{padding: 30px 0 0;}
.philosophy-builder .short-desc{color: #fff; font-size: 1.08em;}
.philosophy-builder .short-desc i{position: relative; top: 3px; margin-left: 5px;}
.philosophy-builder h3{color: #fff; font-size: 1.7em; font-family: 'helvetica75bold'; font-weight:normal;  margin: 0; padding: 0 0 8px 0;}
.philosophy-builder-selection-table{width: 100%; margin-bottom: 30px; overflow: auto;}
.philosophy-builder-selection-table .innercontent{float: left; width: 100%; border-radius: 0 0 6px 6px; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; -o-border-radius: 0 0 6px 6px;}
.philosophy-builder-selection-table .head{ line-height: 20px; background-color: #81d13c; border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; -o-border-radius: 6px 6px 0 0; float: left; width: 100%;padding: 3px 15px;color: #fff; font-family: 'helvetica75bold'; font-weight:normal; }
.philosophy-builder-selection-table .tr{float: left;width: 100%; border-top: 1px solid #9b9b9b; background: rgba(255,255,255,0.9);}
.philosophy-builder-selection-table .tr:first-child{border-top: 0;}
.philosophy-builder-selection-table .tr .td{padding: 8px; color: #000;font-size: 1.23em; padding: 10px 15px 4px;}
.philosophy-builder-selection-table .tr .td:first-child{float: left; width: 90%;padding:9px 15px; text-transform: capitalize; }
.philosophy-builder-selection-table .tr .td:last-child{float: right; width: 10%; text-align: right;}
.icon-sound{display: inline-block; width: 20px; height: 18px; background: url(../img/icon_audio_gray_2x.png) no-repeat center; background-size: 100% auto;}
.icon-sound.active{background: url(../img/icon_audio_active.png) no-repeat center; background-size: 100% auto;}
.philosophy-builder-selection-table .tr.active .icon-check{background: url(../img/icon_small_check_green_2x.png) no-repeat center; background-size: 100% auto;}
.valuesinnercontent{overflow: auto; }
.philosophy-builder textarea{width: 100%; background:rgba(255,255,255,0.9); max-width: 100%; min-height: 150px; font-weight:normal;  box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none;   border: 0; font-size: 1.30em; color: #000;}
.icon-sound-white{display: inline-block; width: 20px; height: 18px; background: url(../img/icon_audio_white_2x.png) no-repeat center; background-size: 100% auto;}
.icon-sound-white.active{background: url(../img/icon_audio_active.png) no-repeat center; background-size: 100% auto;}
.philosophy-que-ans-div .philosophy-builder-que-ans-row{}
.philosophy-que-ans-div .philosophy-builder-que-ans-row h4{margin:0; padding:0; color: #fff; font-family: 'helveticalight'; font-weight: normal; margin-bottom: 10px; font-size: 1.08em;}
.philosophy-que-ans-div .philosophy-builder-que-ans-row h4 i{position: relative; top: 3px; margin-left: 5px;}
.philosophy-que-ans-div .philosophy-builder-que-ans-row textarea{min-height: 64px; margin-bottom: 25px;}
.philosophy-builder-selection-table .innercontent{overflow: hidden;}
.share-my-leadership-section p.desc.m_b_40{margin-bottom: 30px !important;}
.LandingPageDiv .queansdiv:last-child{margin-bottom: 0;}
.fancy-selectbox{ width: 100%; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; overflow: hidden; border:0;  background: #fafafa url("../img/icon-dropdown-arrow.png") no-repeat 90% 50%;box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.62);}
.fancy-selectbox select{ padding: 5px 8px;  width: 130%;  border: none;  box-shadow: none;  background: transparent;  background-image: none;  -webkit-appearance: none;    line-height: 28px;}
.fancy-selectbox select:focus { outline: none;}
.welcome .welcome-section1 h3, .welcome .welcome-section2 h3{font-size: 1.7em;}
.v_e_title{ color: #fff; font-size: 1.7em; margin: 0; padding: 15px 0 0 0;}
.m_t_15{margin-top: 15px !important}
.values-selection-table{overflow: hidden; border-radius: 6px;}
.values-explorer.table + .button-set{position: relative; padding: 0;}
.main-container{overflow: auto; padding-bottom:50px  }
.philosophy-que-ans-div .philosophy-builder-que-ans-row{}
.cardgraybg{background-color: rgba(255, 255, 255, 0.2);}
textarea{resize:none;}
.error-panel p a{display: none; background: url(../img/icon_audio_gray_2x.png) no-repeat; width: 20px; height: 20px; background-size: 100% auto; position: relative; top: 4px; left: 5px; display: inline-block; box-shadow: none;
                 outline: 0;  border: 0;  text-align: left;}
.error-panel p{position: relative;}
.philosophy-builder textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */  color: #000;}
.philosophy-builder textarea::-moz-placeholder { /* Firefox 19+ */  color: #000;}
.philosophy-builder textarea:-ms-input-placeholder { /* IE 10+ */  color: #000;}
.philosophy-builder textarea:-moz-placeholder { /* Firefox 18- */  color: #000;}
.card-container.cardgraybg{box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none;}
.welcome .welcome-section2 .btn-sound.active{ background: url(../img/icon_audio_active.png) center no-repeat !important; background-size: 100% auto!important;background-position: 0 0 !important;}
.button-set .btn-sound.active{background: url(../img/icon_audio_active.png) rgba(255,255,255,0.9) center no-repeat !important; background-size: 24px auto!important;}
.v_e_title{min-height: 39px;}
.custom-nav{float: right; width: 40px; height: 40px;position: absolute; right: 15px; top: 16px;}
.custom-nav .btn{background: url(../img/icon-nav.png) center no-repeat !important; border: 0;  width: 40px; height: 40px;background-color: transparent !important; box-shadow: none;opacity: 0.4; box-shadow: none !important;}
.custom-nav .btn:focus, .custom-nav .btn:hover{background: url(../img/icon-nav.png) center no-repeat; background-color: transparent !important; box-shadow: none;}
.custom-nav .dropdown-menu{left: auto; right: 0; margin: 0; padding: 0;    overflow: hidden; top: 59px;}
.custom-nav .dropdown-menu li{border-bottom: 1px solid #ddd;}
.custom-nav .dropdown-menu li a{padding: 8px 15px; border-radius: 4px;}
.custom-nav .dropdown-menu li a:hover,
.custom-nav .dropdown-menu li.current a{color: #0b38a3;}
.custom-nav .dropdown-menu li.current a{font-weight: bold;}
.forgotPasswordLink{position: relative; top: 0; font-size: 1.23em;color: #006ff3;right: 20px;font-family: 'helvetica75bold';background: url(../img/icon_right_arrow_blue_2x.png) right top no-repeat;
                    background-size: 16px auto;padding-right: 24px; padding-top: 4px; padding-bottom: 4px;}
.cancelLink{position: absolute;  bottom: 15px; font-size: 1.23em; color: #006eff;font-family: 'helvetica75bold';}
.share-my-leadership-section .thanku-section { width: 496px; color: #fff; font-size: 1.38em; line-height: 24px; text-align: center; margin: 0 auto;}
.share-my-leadership-section .thanku-section p { margin-bottom: 60px; margin-top: 60px; font-weight: normal;}
.share-my-leadership-section .thanku-section a{color: #9b9b9b; display: block; float: none; padding: 13px 20px 13px 42px; border-radius: 6px; -webkit-border-radius: 6px;-moz-border-radius: 6px; -o-border-radius: 6px;font-size: 1.23em;background: url(../img/icon_left_arrow_gray.png) rgba(255,255,255,0.9) 35px 14px no-repeat; background-size: 16px auto;width: 144px; box-shadow: none; outline: 0; border: 0; text-align: left; margin: 0 auto; text-align: center;}
.change-password .form-control{margin-bottom: 15px;}
.footer .table{background-color: transparent !important}
.msgUserFogot{padding-top: 8px !important;}
.LandingPageDiv .queansdiv .ans-div div.text-right{min-height: 28px;}

/*
.footer .table{background-color: transparent;}
.footer input[type="radio"] {display:none;}
.footer input[type="radio"] + label span { cursor:pointer;}
.footer input[type="radio"]:checked + label span {}
.footer label{text-align: center;font-size: 20px; color: #777b7b; font-weight: normal; text-transform: uppercase;display: block;}
.footer input[type="radio"] + label span.icon-never{background-position: 0 0;}
.footer input[type="radio"] + label span.icon-sometimes{background-position: 0 -60px;}
.footer input[type="radio"] + label span.icon-always{background-position: 0 -120px;}
.footer input[type="radio"]:checked + label span.icon-never{ background-position: -60px 0;}
.footer input[type="radio"]:checked + label span.icon-sometimes{ background-position: -60px -60px;}
.footer input[type="radio"]:checked + label span.icon-always{background-position: -60px -120px;} */
.footer input[type="radio"]{position: absolute; height: 100%; width: 100%; display: block;}
.footer .table-cell{position: relative;}
.footer input[type="radio"]:checked + label span.icon-never{ background-position: -60px 0;}
.footer input[type="radio"]:checked + label span.icon-sometimes{ background-position: -60px -60px;}
.footer input[type="radio"]:checked + label span.icon-always{background-position: -60px -120px;}
.footer input[type="radio"]{opacity: 0;    cursor: pointer;}
.div-dob .fancy-selectbox .form-group{margin-bottom: 0;}
.welcome .welcome-section1 .btn-welcome .btntext.disabled{color:#9b9b9b; background: url(../img/icon_right_arrow_gray_2x.png) 320px 14px no-repeat; background-size: 16px auto; pointer-events: none; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px;-o-border-radius: 6px;}
//.card-container .table-cell{position: absolute; top: 42%; width: 99%;}
.values-selection-table .tr{position: relative;}
.values-selection-table .tr .customTick{position: absolute; right: 5px; top: 0px; width: 40px; height: 41px;border-left: 1px solid #9b9b9b;}
.values-selection-table .tr .customTick input[type=checkbox]{opacity: 0;position: absolute; width: 100%; height: 100%; cursor: pointer; margin-top: 0;}
.values-selection-table .tr .customTick input[type=checkbox] + span.icon-tick{display: block; width: 40px; height: 40px; background: url(../img/icon_small_check_gray_2x.png) no-repeat center; background-size: 100% auto; background-size: 26px;}
.values-selection-table .tr .customTick input[type=checkbox]:checked + span.icon-tick{background: url(../img/icon_small_check_green_2x.png) no-repeat center; background-size: 32px auto;}
.philosophy-builder-selection-table .tr .td input[type=radio]{position: relative; top: -3px; right: 10px;}
.philosopy-builder-innerdiv .innercontent{max-height: 500px; overflow: auto;}
.forgotPasswordLink + span{position: absolute; bottom: 20px;}
#UserIndexForm{margin-bottom: 0;}
.You-only-selected span{font-family: 'helvetica75bold';}
.philosophy-builder-selection-table .tr div.no-records-td{width: 100%; text-align: center;}
.forgotPasswordLink:hover{color: #006ff3;}
.LoginLoaderImg{position: relative; right: 4px; bottom: 19px; width: 80%; text-align: right; float: right;}
.error-message{color: red; position: relative; top: 6px;}
.btn-custom-go{ color: #81d13c; font-size: 1.23em; background-size: 100% auto; margin-top: 5px;display: inline-block; padding-right: 25px; background: url(../img/icon_large_right_arrow_green_2x.png) right top no-repeat; background-size: 16px auto; font-family: 'helvetica75bold'; font-weight: normal; border: 0;}
.LandingPageDiv .queansdiv .ans-div div.text-right.msgLogin{min-height: initial;}
.philosophy-que-ans-div{overflow: auto;}
.profile .form-group br{display: none;}
.phylosophy-template{font-size:1.08em;}
.phylosophy-template label{font-family: 'helvetica75bold'; vertical-align: top;}
.phylosophy-template label .icon-tick{background: url(../img/icon_small_check_gray_2x.png) no-repeat center; background-size: 100% auto;width: 18px; height: 18px; display: inline-block; vertical-align: top; margin-right: 12px;}
.phylosophy-template .col-md-4{padding-bottom: 5px; padding-top: 5px;}
.phylosophy-template .col-md-4 label{font-family: 'helveticanormal'; color: #9c9c9c; font-weight: normal; font-size: 1.15em;}
.phylosophy-template .col-md-4 label.keyValue{font-family: 'helveticanormal'; color: #72bf1d; font-weight: normal; font-size: 1.15em;}
.phylosophy-template label.keyValue .icon-tick{background: url(../img/icon_small_check_green_2x.png) no-repeat center; background-size: 100% auto;}
.phylosophy-template .cus_checkbox input[type=checkbox]{margin-top: 0;}
.phylosophy-template .greybg{margin-top: 10px;}
.philosophy-revies-ans{font-size:1.15em; line-height: 24px;}
.philosophy-revies-ans strong{ font-family: 'helveticanormal'; font-size: 1.08em; padding: 2px 0 0; margin: 0 5px;}
.phylosophy-template hr{border-top: 1px solid #095aa7;}
.phylosphy-.footer .container{max-width: 770px;}
#SignUp .div-gender select{max-width: 150px;}
#SignUp .div-gender .fancy-selectbox{max-width: 136px;}
.quizLoader{  position: absolute; width: 97%; height: 95%; background: url(../img/ajax-loader.gif) no-repeat center rgba(255,255,255,0.9); border-radius: 50px; margin: 7px 6px 7px 7px;}
.quizLoader img{display: none;}
.button-set .btn-sound:focus{outline: none;}
.card-container > img { max-height: 45vh }
.quizLoader {position: fixed;width: 100%; height: 100%; background: url(../img/ajax-loader.gif) no-repeat center rgba(0,0,0,0.6); border-radius: 0px; left: 0; top: 0; margin: 0; box-shadow: 0px 2px 5px rgba(0,0,0,0.5);
    z-index: 2;}
.btn-blue.return-dash { width: auto; background-position: 95%; display: block; white-space: normal; text-align: left;}
.welcome{margin-bottom: 50px;}
.emailLoader{left:210px; position: absolute; top: 15px;}
.error-panel p{margin: 5px 10px;}
.philosophy-builder-selection-table.tr{position: relative;}
.philosophy-builder-selection-table .tr .customTick{position: absolute; right: 0; top: 0px; width: 40%; height: 40px;}
.philosophy-builder-selection-table .tr .customTick input[type=radio]{opacity: 0;position: absolute; right:0;width: 60%; height: 100%; cursor: pointer; margin-top: 0;}
.philosophy-builder-selection-table .tr .customTick input[type=radio] + span.icon-tick{display: block; width: 40px; height: 40px; background: url(../img/icon_small_check_gray_2x.png) no-repeat center; background-size: 100% auto; background-size: 26px;margin: 0 10px 0 auto;}
.philosophy-builder-selection-table .tr .customTick input[type=radio]:checked + span.icon-tick{background: url(../img/icon_small_check_green_2x.png) no-repeat center; background-size: 26px auto;}
.philosophy-builder-selection-table .tr{position: relative;}
.btn-sound.playback.philosophySound{background: url(../img/icon_audio_white_2x.png) no-repeat; width: 28px; height: 28px;  background-size: 24px auto; position: relative; display: inline-block; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px;
    font-size: 1.23em; vertical-align: middle; margin-left: 5px; position: relative; top: 2px;}
.btn-sound.playback.philosophySound.active{background: url(../img/icon_audio_active.png) no-repeat!important; background-size: 24px !important}
#PhilosophyAnswerPhilosophyResultForm .main-container{min-height: initial !important;overflow: visible}
#PhilosophyAnswerPhilosophyResultForm .philosophy-que-ans-div{overflow: visible}
#PhilosophyAnswerPhilosophyResultForm .main-container .button-set .table{height: 50px;}
.value-explorer-modal .modal-header{ border: 0; position: absolute; right: 0px;background:transparent; z-index: 11;}
.value-explorer-modal .modal-header button.close{filter: alpha(opacity=80); opacity: .8;}
.my-core-values-block{background:rgba(255,255,255,0.9); padding: 30px; border-radius: 10px;}
.my-core-values-block ul{margin: 0; padding: 0;}
.my-core-values-block ul li{list-style: none; margin-bottom: 20px; font-size: 1.23em; color: #000; display: block;}
.my-core-values-block ul li:last-child{margin-bottom: 0;}
.my-core-values-block ul li img{width: 20px; margin-right: 10px;}
.btn-return-home {width: 250px !important; background: url(../img/icon_large_right_arrow_green_2x.png) rgba(255,255,255,0.9) 92% 50% no-repeat !important; background-size: 16px auto !important; padding: 10px 50px 7px 10px !important; word-wrap: break-word; display: block; white-space: pre-wrap; font-size: 1.23em;}
.btn-build-values { background: url(../img/icon_left_arrow_gray.png) rgba(255,255,255,0.9) 6% 52%  no-repeat !important; background-size: 16px auto !important; width: 230px !important; padding:21px 50px 18px 10px !important; word-wrap: break-word; display: block !important; white-space: pre-wrap;border: 0; border-radius: 6px; font-family: 'helvetica75bold'; font-weight: normal; color: #9b9b9b; font-size: 1.23em;}
.thankupage p{margin: 70px 0 50px !important; font-size: 1.23em;}
.thankupage .form-group{text-align: center;}
.thankupage .form-group input{background-color: #fff; margin: 0 auto;}
.thankupage .form-group .cus-btn-go{ color: #81d13c; font-size: 1.23em; background-size: 100% auto; margin-top: 5px; display: inline-block; padding-right: 25px; background: url(../img/icon_large_right_arrow_green_2x.png) #fff 60px 9px no-repeat;
    background-size: 16px auto; font-family: 'helvetica75bold'; font-weight: normal; border: 0; border-radius: 6px; padding: 8px 30px 8px 30px; text-transform: capitalize;}
.thankupagewhitebg{background: #fff; padding: 20px; border-radius: 6px; max-width: 390px; margin: 0 auto;}
.thankupage .form-group.text-right{text-align: right; margin-bottom: 0;}
.thankupage .form-group .cus-btn-back{ color: #929292; font-size: 1.23em; background-size: 100% auto; margin-top: 5px; display: inline-block;padding-right: 25px; background: url(../img/icon_left_arrow_gray.png) #fff 5px 9px no-repeat; background-size: 16px auto;font-family: 'helvetica75bold'; font-weight: normal;border: 0; border-radius: 6px; padding: 8px 30px 8px 30px; text-transform: capitalize;float: left; width:auto;}
.thankupagewhitebg .error-message{font-size: 1.08em; text-align: left;}
.thankupage .form-group .form-control{max-width: 100%;}
.fancy-selectbox.error{ border: 1px solid #d0011b;}
.btn-back-gray.restart { border: 0; background: rgba(255,255,255,0.9) !important; width: auto !important; padding: 14px 54px 12px 25px !important; word-wrap: break-word; display: block !important;
    white-space: pre-wrap; border: 0; border-radius: 6px; font-family: 'helvetica75bold'; font-weight: normal; color: #9b9b9b; font-size: 1.23em; }
.greybg img { border: 2px solid #ccc;}
.phylosophy-template .section_header {font-size: 1.54em; color: #000; text-align: center; font-family: 'helvetica75bold'; margin: 0; padding: 10px 0 22px; }
.form-group .col-md-12{color: #333;}
.form-group .col-md-12 input[type=radio]{margin-right: 10px;}
.form-group .col-md-12 li{list-style: none; margin-top: 5px;}
.S_l_S_B_C2 p a { border: 0; background: #3177a3 !important; padding: 14px 25px 12px 25px !important; word-wrap: break-word; display: block !important; white-space: pre-wrap; border: 0; border-radius: 6px; font-family: 'helvetica75bold'; font-weight: normal; color: #ffffff; font-size: 1.23em; width: 230px; margin: 15px auto 25px auto; text-align: center;}
.S_l_S_B_C2 p a.white-btn {background: #FFF !important; color: #7ed321;}
.welcome .welcome-section3 h3{margin:0 0 10px 0;}

.restartPhilosophy{border: 0; background: rgba(255,255,255,0.9) !important; width: auto !important; padding: 14px 54px 12px 25px !important; word-wrap: break-word; display: block !important;
    white-space: pre-wrap; border: 0; border-radius: 6px; font-family: 'helvetica75bold'; font-weight: normal; color: #9b9b9b; font-size: 1.23em;}


.custominfopage{}
.custominfopage h4{color: #fff; border-bottom: 2px solid #9bbfd1; padding-bottom: 15px; margin-bottom: 20px;font-size: 1.7em;}
.custominfopage .inndersection{font-size: 1.23em; font-weight: normal; color:#fff; }
.custominfopage ul{margin:0 0 15px 0; padding: 0;}
.custominfopage ul li{list-style:none; padding: 4px 0 4px 24px; position: relative;}
.custominfopage ul li:before{content: ""; display: block; position: absolute; left: 0; top: 9px; background:url(../img/icon_small_check_white_2x.png) no-repeat; width: 16px; height: 16px; background-size: 100%; }
.custominfopage h5{font-size: 1.15em; margin-top: 25px;}
#quizContainer .button-set .table .table-cell:nth-child(2) .btn-sound{margin-left: -24px;}
.button-set .table .table-cell:nth-child(2) .btn-sound{margin-left: -24px;}
.restartPhilosophy + .btn-sound.playback{ margin-left: 18px !important; background-color: transparent;}

.change-password label{
    color: #000 !important;
}
#UserEditProfileForm label{
    color: #000 !important;
}
/*#UserIndexForm label{*/
    /*font-size: initial !important;*/
/*}*/
div.seperator {
	width: calc(100% - 50px);
	margin-bottom: 18px;
	margin: 0 auto;
	display: block;
	clear: both;
	margin-bottom: 17px;
	border-top: 1px dotted;
}

/*css*/
.btn-sound {
  border: none;
}
.continue-last .col-md-6 {
  padding: 10px 0;
  text-align: center;
}
.modal-backdrop.in {
  opacity: 0.85;
}

.btn-sound-new {
  background: rgba(0, 0, 0, 0) url("../img/icon_audio_white_2x.png") no-repeat scroll 0 0 / 100% auto;
  display: inline-block;
  float: right;
  height: 20px;
  position: relative;
  top: 6px;
  width: 20px;
}
.btn-playback-wrep a.btn-sound-new {
  background: rgba(0, 0, 0, 0) url("../img/icon_audio_white_2x.png") no-repeat scroll 0 0 / 100% auto;
  border-radius: 0;
  float: none;
  padding: 0;
  width: 20px;
  display: inline-block;
}
.user-layout {padding-bottom: 60px;}
.user-container {
	max-width: 1170px;
	margin: 0 auto;
	padding: 0 15px;
}
.user-left-container .main-container, .user-right-container .main-container {min-height: 1px !important; padding-bottom: 20px;}
.user-left-container .welcome {margin-bottom: 0; min-height: 1px !important;}

/* Responsive Stylesheets */

@media(max-width:767px){
    .user-layout {padding-top: 20px;}
    .user-layout .welcome .welcome-section3 {margin: 0;}
}

@media(min-width:767px){
    body .custom-nav{ position: relative; width: auto; float: right; right: 0;top: 18px;}
    .custom-nav .btn{display: none;}
    .custom-nav .dropdown-menu{position: relative; top: 0; float: right; width: auto; display: block; box-shadow: none; background: transparent; border: 0;}
    .custom-nav .dropdown-menu li{float: left; border:0;}
    .custom-nav .dropdown-menu li a:hover{background: transparent;}
}


@media(max-height:478px){
.button-set{position: relative !important; bottom: 0 !important; clear: both}
.button-set .table { margin: 15px 0; position: relative; }
.custominfopage { height: auto !important; }
.values-explorer {padding-bottom: 70px !important; }
}

@media(max-height:768px){
    .card-container img {  max-height: 40vh;}
}

@media(max-height:600px){
    .card-container img {  max-height: 36vh;}
}

@media(min-width: 992px){
    .autoheight{min-height: auto !important;}
}

@media(max-width: 1025px){
    main { margin-top: 80px; }
    .page-title {
    font-size: 1.54em;
    padding: 12px 0 0px;
    margin-right: 20px;
}
}

@media(max-width: 1366px) and (min-width: 1280px){
    /*.card-container{  width: 520px;  height: 194px;} */
    .card-container .text p{font-size: 1.23em;}
    .card-container .text h3 { font-size: 4.92em; margin: 0 0 18px 0;}
}


@media(max-width: 991px){
    .LandingPageDiv { padding: 30px 0;}
    .welcome .welcome-section3{margin-left: -25px; margin-right: -25px; margin-bottom: 0; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0;}
    .welcome .welcome-section2{margin-bottom: 20px;}
    .welcome .welcome-section3 ul{margin-bottom: 0;}
    .m_table{display: table; width: 100%; height: 100%;}
    .m_table_cell{display: table-cell; vertical-align: middle;}
    .welcome .welcome-section1 .m_table{text-align: center;}
    .welcome .welcome-section1 .m_table .btn-welcome .btntext{text-align: left;}
    .welcome-section1 .m_table_cell{vertical-align: top; text-align: left;}
    .You-only-selected p span{    display: block;  margin-top: 15%;}
    .main-container{overflow: auto;  }
    .custom-nav .btn-group button { display:none; }

}

@media(max-width: 991px) and (min-width: 768px){
    header{height: 76px;}
    .page-title{font-size: 1.85em; padding: 15px 0;}
    .logo{padding: 14px 0 0;}
    .logo img{max-height: 50px;}
    .card-text{    margin: 0 auto;}
    .philosophy-builder{margin-bottom:50px;}
    .philosophy-builder h3{padding-bottom: 0px;}
    .share-my-leadership-section p.desc.m_b_40 { margin-bottom: 10px !important;}
    .card-container{/*width: 490px; height: 270px; */margin-bottom: 40px; margin-top:15px;}
    main { margin-top: 77px;}
    .card-container .text h3{font-size: 3.46em; margin-bottom: 20px;}
    .button-set .table .table-cell{width: 33%;}
    .container { width: 100%; padding-left: 25px; padding-right: 25px;}
    .footer .container{width: 700px;}
    .custom-nav .dropdown-menu{top: -10px;}
    .page-title { padding:0; line-height:30px; margin-right:15px; }
    .welcome{margin-bottom: 0 !important}
}

@media(max-width: 767px){
    label{font-size: 1em; line-height: 16px;}
.custom-nav .btn-group button { display:block; }
    header .logo{padding: 6px 0;}
    header .logo img{height: 24px;}
    .LandingPageDiv { padding: 15px 0;}
    .LandingPageDiv .queansdiv .ans-div{padding: 10px;}
    .LandingPageDiv .queansdiv .anstext{font-size: 1em; line-height: 16px; margin-bottom: 3px}
    .LandingPageDiv .queansdiv .btn-sound{top: 10px; right: 10px; width: 20px; height: 20px;}
    .LandingPageDiv .queansdiv .btn-go{font-size: 1.08em;}
    .LandingPageDiv .queansdiv .btn-get-started{font-size: 1.08em;}
    .profile label{font-size: 1em; }
    .white-bg{padding: 10px;}
    .welcome .welcome-section1 .btn-welcome { max-width: 100%; background: url(../img/icon_right_arrow_blue_2x.png) rgba(255,255,255,0.9) 98% 10px no-repeat; background-size: 16px;}
    .white-bg-btn-div .btn-back{  padding: 6px 20px 6px 32px; font-size: 1.08em; background: url(../img/icon_left_arrow_gray.png) rgba(255,255,255,0.9) 10px 9px no-repeat; background-size: 12px auto; width: 112px;}
    .white-bg-btn-div .btn-complete, .btn-complete-2{  padding: 6px 35px 6px 20px;font-size: 1.08em;     background: url(../img/icon_large_right_arrow_green_2x.png) rgba(255,255,255,0.9) 90px 9px no-repeat; background-size: 12px auto; width: auto;}
    .div-dob .col-xs-4{padding-left: 5px; padding-right: 5px;}
    .div-dob .col-xs-4:first-child{padding-left: 15px;}
    .div-dob .col-xs-4:last-child{padding-right: 15px;}
    hr { margin-top: 10px; margin-bottom: 10px;}
    .welcome .welcome-section1 {margin-bottom: 30px;}
    .welcome .welcome-section2 { margin-bottom: 30px;}
    .welcome .welcome-section3 .greybg{padding: 10px;}
    .welcome .welcome-section3 ul{margin-bottom: 0;}
    .welcome .welcome-section3 ul li{margin-left: 10px;width: 52px;height:auto;}
    .welcome .welcome-section3{margin-bottom: 0;}
    .page-title{font-size: 1em; padding: 13px 0; line-height: normal; margin-right: 20px; }
    .footer .table { margin: 10px 0;}
    .footer .table-cell{font-size: 0.85em;}
    .footer .icon{width: 32px; height: 32px; background-size: 64px; margin-bottom: 5px;}
    .icon-never {background-position: 0 0;}
    .icon-sometimes { background-position: 0 -32px;}
    .icon-always {background-position: 0 -64px;}
    .icon-never.active, .icon-never:hover {background-position: -32px 0;}
    .icon-sometimes.active, .icon-sometimes:hover { background-position: -32px -32px;}
    .footer a.btn-always.active .icon-always, ..footer a.btn-always:hover .icon-always{background-position: -32px -64px;}
    .button-set .btn-back{width: 112px; background: url(../img/icon_left_arrow_green_2x.png) rgba(255,255,255,0.9) 7px 6px no-repeat; background-size: 16px auto; font-size: 1.08em;  padding: 7px 20px 5px 30px; color: #81d13c;}
    .button-set .btn-back:disabled { width: 112px; background: url(../img/icon_left_arrow_gray.png) rgba(255,255,255,0.9) 7px 6px no-repeat; background-size: 16px auto; font-size: 1.08em; padding: 7px 20px 5px 30px;}
    .button-set .btn-next {font-family: 'helvetica75bold'; font-weight: normal; float: right; color: #81d13c; display: inline-block; float: right; padding: 7px 32px 5px 12px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px;
                           -o-border-radius: 6px; font-size: 1.08em; background: url(../img/icon_large_right_arrow_green_2x.png) rgba(255,255,255,0.9) 90px 6px no-repeat; background-size: 16px auto; width: 112px; text-align: right; box-shadow: none; outline: 0;
                           border: 0;}
    .button-set .btn-next:disabled{width: 112px; background: url(../img/icon_right_arrow_gray_2x.png) rgba(255,255,255,0.9) 90px 6px no-repeat; background-size: 16px auto; font-size: 1.08em; padding: 7px 32px 5px 12px; text-align: right;}
    .button-set .btn-begin{width: 112px; background: url(../img/icon_large_right_arrow_green_2x.png) rgba(255,255,255,0.9) 90px 6px no-repeat; background-size: 16px auto; font-size: 1.08em; padding: 7px 32px 5px 12px; text-align: right;}
    .button-set .btn-blue{width: 112px; background: url(../img/icon_right_arrow_blue_2x.png) rgba(255,255,255,0.9) 90px 6px no-repeat; background-size: 16px auto; font-size: 1.08em; padding: 7px 32px 5px 12px; text-align: right;}
    .card-text{font-size: 1em; height: auto; margin: 0 auto;}
    .button-set .btn-sound{ width: 32px; height: 32px; background-size: 18px auto;}
    .card-container{height: auto;min-height: 161px; font-size: 1em;    width: 100%; margin-bottom: 15px;    border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px;}
    .card-container .table-cell{font-size: 1.08em;}
    .values-explorer { padding: 0;}
    .v_e_title{padding-bottom: 5px;    line-height: normal;}
    .share-my-leadership-section .thanku-section{width: 100%;}
    .share-my-leadership-section .thanku-section p{font-size: 1em; margin: 0 0 15px 0; line-height: 20px;}
    .share-my-leadership-section { padding: 20px 0 0;}
    .share-my-leadership-section .thanku-section{margin: 30px 0;}
    .share-my-leadership-section h3{font-size: 1.38em;}
    .share-my-leadership-section .btn-welcome{width: 100%;}
    .philosophy-builder h3{padding-bottom: 5px;}
    .philosophy-builder { padding: 15px 0 0;}
    .philosophy-builder .short-desc{font-size: 1em; line-height: 16px;}
    .philosophy-builder-selection-table .tr .td:first-child{width: 80%;}
    .philosophy-builder-selection-table .tr .td:last-child{width: 18%;}
    .philosophy-builder-selection-table .tr .td{    padding: 10px 10px 4px;}
    .philosophy-builder-selection-table .tr .td:first-child{    padding: 9px 10px;}
    .philosophy-builder textarea{min-height: 90px;}
    .share-my-leadership-section p.desc{font-size: 1em; line-height: 16px;}
    .share-my-leadership-section h3{padding-bottom: 5px; margin-bottom: 5px;}
    .share-my-leadership-section p.desc.m_b_40 { margin-bottom: 10px !important;}
    .share-my-leadership-section .btn-welcome.btn-results{background: url(../img/icon_large_right_arrow_green_2x.png) rgba(255,255,255,0.9) 98% 10px no-repeat; background-size: 16px auto;}
    .share-my-leadership-section .btn-welcome .btntext{ padding: 9px 10px 9px 10px;}
    .share-my-leadership-section .btn-welcome.btn-results a{    top: 10px;}
    .share-my-leadership-section .btn-welcome{    background: url(../img/icon_right_arrow_blue_2x.png) rgba(255,255,255,0.9) 98% 10px no-repeat; background-size: 16px auto;}
    .share-my-leadership-section .btn-welcome .btn-sound{ top: 10px;}
    .share-my-leadership-section .buttons-set{margin-bottom: 0;}
    .button-set .btn-next-gray{ font-size: 1.08em; padding: 8px 30px 4px 10px; width: 112px;background: url(../img/icon_right_arrow_gray_2x.png) rgba(255,255,255,0.9) 90px 6px no-repeat; background-size: 16px auto;}
    .button-set .table{margin-bottom: 0;}
    .share-my-leadership-section .queansdiv .ans-div{padding: 10px;}
    .share-my-leadership-section .queansdiv h4{font-size: 1.38em;}
    .share-my-leadership-section .queansdiv p.anstext{font-size: 1.08em;}
    .share-my-leadership-section .queansdiv .btn-sound{top: 10px; right: 10px;}
    .share-my-leadership-section .queansdiv .btn-go{margin-top: 10px;}
    .m_m_b_40{margin-bottom: 40px;}
    .LandingPageDiv .queansdiv .btn-go{margin-top: 10px;}
    .footer p.copyright{    padding: 19px 0;}
    .LandingPageDiv .queansdiv { margin-bottom: 15px;}
    .welcome .welcome-section1 .btn-welcome{width: 100%;}
    .welcome .welcome-section3 {  margin-left: -15px; margin-right: -15px;}
    .welcome .welcome-section3 h3{font-size: 1.38em;margin: 5px 0 14px;}
    .welcome .welcome-section1 h3, .welcome .welcome-section2 h3{margin-bottom: 5px; margin-top: 15px;}
    .welcome .welcome-section1{}
    .welcome .welcome-section3 ul{margin-top: 5px; margin-bottom: 0;}
    .welcome .welcome-section2 p{font-size:1em; line-height: 16px; margin-bottom: 0; }
    .welcome .welcome-section2{margin-bottom: 10px;}
    .welcome .welcome-section2 h3{ padding-bottom: 5px; margin-top: 0; font-size:1.23em; }
    .welcome .welcome-section1{margin-bottom: 10px;}
    main .main-container{height: 100%;}
    .welcome .welcome-section3 ul li{width: 21.5%;}
    .welcome .welcome-section1 .btn-welcome .btntext{    padding: 9px 10px 9px 10px;}
    .welcome .welcome-section1 .btn-welcome .btn-sound{top: 10px; right: 40px;}
    .share-my-leadership-section .btn-welcome .btn-sound{right: 40px;}
    .m_table_cell{vertical-align: top;}
    .values-explorer div.table-cell{vertical-align: top;}
    main { margin-top:35px;}
    .You-only-selected{width: 100%; font-size: 1.08em;    min-height: initial;}
    .You-only-selected p{margin: 0 0 15px;}
    .card-container .text h3{font-size: 2.31em; margin-bottom: 10px;}
    .card-container .text p{width: 90%; max-width: 380px; font-size: 0.92em; line-height: 18px;}
    .values-selection-table .tr .td:first-child{width: 85%;    padding: 5px 10px;}
    .values-selection-table .tr .td:last-child{width: 15%; text-align: center; padding:0 0 3px 0;}
    .values-selection-table .tr .icon-check{position: relative;top: 7px;}
    .icon-check{  width: 20px; height: 18px;}
    .values-selection-table{margin-bottom: 15px;}
    .m_t_15{margin-top: 10px !important}
    .button-set{position: fixed; bottom: 50px; width: 100%; left: 0; padding: 0 15px;}
    #quizContainer .button-set{ bottom: 125px }
    .values-explorer{/*min-height: initial !important; */ float: left;  width: 100%;}
    .You-only-selected p{font-size: 1em; line-height: 18px; margin: 0 auto; margin-top: 20px;    width: 90%;}
    .values-explorer.table + .button-set{bottom: 0; padding-top: 10px; clear: both;}
    .philosophy-builder{overflow: auto;}
    .philosophy-que-ans-div .philosophy-builder-que-ans-row textarea{margin-bottom: 15px;}
    .profile label{position: relative; padding-right: 25px; width: 100%; margin-bottom: 5px;}
    .profile label .btn-sound{position: absolute; top: -2px; right: 0; left: auto;}
    .philosophy-que-ans-div .philosophy-builder-que-ans-row h4{position: relative;padding-right: 25px; width: 100%;}
    .philosophy-que-ans-div .philosophy-builder-que-ans-row h4 a{position: absolute;top: 0; right: 0; left: auto;}
    .philosophy-builder .short-desc{position: relative;padding-right: 25px; width: 100%;}
    .philosophy-builder .short-desc a{position: absolute;top: -4px; right: 0; left: auto;}
    .values-explorer.table{overflow: auto;}
    .philosophy-builder-selection-table .head{  padding: 3px 10px; font-size: 0.92em;}
    .values-selection-table .head{padding: 3px 10px;font-size: 0.92em;}
    .div-dob .col-sm-3{width: 33.333333%; padding-right: 15px;}
    .card-text{line-height: 18px;}
    .profile .white-bg .error-panel{margin: -10px -10px 15px -10px; border: 0; border-bottom: 1px solid #9b9b9b; border-radius:6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; -o-border-radius: 6px 6px 0 0;}
    .error-panel p a{display: block; position: absolute; right: 0; top: -1px;left: auto;}
    .divider-blue{border:0;float: left; width: 100%; margin-top: 5px; margin-bottom: 5px;}
    .profile h3{    margin: 15px 0 5px;}
    .error-panel .redbg{font-size: 0.92em; padding: 3px 5px 1px 8px;}
    .You-only-selected p + p { margin-top: 20px;}
    .btn-sound.active {background: url(../img/icon_audio_active.png) center no-repeat !important;  background-size: 18px auto !important;}
    .welcome .welcome-section2 .btn-sound{top: 0px;}
    .button-set .btn-sound.active { background: url(../img/icon_audio_active.png) rgba(255,255,255,0.9) center no-repeat !important;background-size: 18px auto!important;}
    .welcome .welcome-section1 .btn-welcome .btn-sound.active{background: url(../img/icon_audio_active.png) center no-repeat !important; background-size: 20px auto !important; background-position: 0 0 !important;}
    .card-container.card-blank .text{font-size: 1em;}
    .forgotPasswordLink{ top:0; font-size: 1.08em;}
    .cancelLink{ bottom: 8px; font-size: 1.08em;}
    .icon-always.active, .icon-always:hover { background-position: -32px -64px;}
    .icon-sometimes.active, .icon-sometimes:hover { background-position: -32px -32px;}
    .icon-never.active, .icon-never.hover { background-position: -32px 0px;}
    .footer label{font-size: 1em;}
    .footer input[type="radio"] + label span.icon-never{ background-position: 0 0;}
    .footer input[type="radio"] + label span.icon-sometimes{ background-position: 0 -32px;}
    .footer input[type="radio"] + label span.icon-always{background-position:  0 -64px;}
    .footer input[type="radio"]:checked + label span.icon-never{ background-position: -32px 0;}
    .footer input[type="radio"]:checked + label span.icon-sometimes{ background-position: -32px -32px;}
    .footer input[type="radio"]:checked + label span.icon-always{background-position:  -32px -64px;}
    .custom-nav{right: 0; top: 0; width: 36px; height: 36px;}
    .custom-nav .dropdown-menu{right: 10px; top: 37px;}
    .welcome .welcome-section1 .btn-welcome .btntext.disabled { background: url(../img/icon_right_arrow_gray_2x.png) 97% 10px no-repeat;  background-size: 16px auto;    }
    .forgotPasswordLink + span{position: relative; bottom: 0;}
    .card-container{margin-top: 15px;}
    main .main-container{position: relative;}
    .values-selection-table .tr .customTick{  right: 5px; width: 28px; height: 28px;}
    .values-selection-table .tr .customTick input[type=checkbox] + span.icon-tick {display: block;width: 28px; height: 28px;margin-top: 0px;    background-size: 24px;}
    .values-selection-table .tr .td{font-size: 1em;}
    .You-only-selected p span {  display: block; margin-top: 0;}
    .values-selection-table .tr .customTick input[type=checkbox]{margin-top: 0;}
    .philosophy-builder-selection-table .tr .td:last-child {  padding: 6px 10px 2px 0;}
    .philosophy-builder-selection-table .tr .td:first-child {  padding: 8px 10px 5px; font-size: 1em;}
    .philosophy-builder-selection-table .tr .td input[type=radio]{top: -1px;}
    .msgUserFogot p{margin-bottom: 0;}
    .philosophy-builder.InnerSectonHeight{min-height: initial !important;}
    .LandingPageDiv .queansdiv br{display: none;}
    .LandingPageDiv .queansdiv .form-control:first-child{margin-top: 0px;}
    .LandingPageDiv .queansdiv .form-control{margin-top: 10px;}
    .LandingPageDiv .queansdiv h4{padding-bottom: 3px;}
    .btn-go.change_password{margin-top: 0 !important;}
    #SignUp .form-group{margin-bottom: 10px;}
    #signup {padding-bottom: 60px;}
    #SignUp .div-gender .col-sm-3{ width: 33.33333333%;padding-right: 5px;}
    .quizLoader { border-radius: 15px;  margin: 0px;}
    .welcome{margin-bottom: 20px;}
    .m_m_b_15{margin-bottom: 15px;}
    .welcome{margin-bottom: 0 !important}
    .values-explorer .button-set{bottom: 125px;}
    .footer .table-cell a{font-size: 1em;}
    .footer .table-cell a .icon.icon-never { background-position: -32px 0 !important;}
    .footer .table-cell a .icon.icon-sometimes {background-position: -32px -32px !important;}
    .footer .table-cell a .icon.icon-always { background-position: -32px -64px !important;}
    .footer .table-cell a .icon.icon-never:hover { background-position: 0 0 !important;}
    .footer .table-cell a .icon.icon-sometimes:hover {background-position: 0 -32px !important;}
    .footer .table-cell a .icon.icon-always:hover { background-position: 0 -64px !important;}
    .philosophy-builder-selection-table .tr .customTick{height: 31px;}
    .philosophy-builder-selection-table .tr .customTick input[type=radio] + span.icon-tick{width:31px; height: 31px;}
    #PhilosophyAnswerPhilosophyResultForm .main-container .button-set .table{height: 35px;}
    .autoheightnone{height: auto !important;}
    .autoheightnone + .button-set{position: relative; bottom: 0; padding: 0;}
    .autoheightnone + .button-set .btn-next{width: 100% !important;}
    .autoheightnone + .button-set .table-cell{display: block !important; position: relative !important;width: 100% !important;}
    .autoheightnone + .button-set .btn-back-gray{width: 100% !important; margin-bottom: 15px;}
    .my-core-values-block{padding: 15px;}
    .my-core-values-block ul li{font-size: 1.15em; margin-bottom: 10px;}
    .btn-build-values{text-align: left; padding-left: 45px !important; font-size: 1.08em;}
    #step1 main .main-container .values-explorer + .button-set{bottom: 45px;    clear: both;    float: left;}
    #round3_step1 main .main-container .values-explorer .button-set{bottom: 50px;}
    #round3_step2 main .main-container .values-explorer .values-selection-table .innercontent{    max-height: initial !important;}
    #round3_step2 main .main-container .button-set .table .table-cell:first-child{position: relative;}
    .btn-back-gray.restart{padding: 7px 10px 3px 10px !important; margin-left: 0px;}
    .share-leadership-innerdiv .m_m_b_40{margin-bottom: 0;}
    .form-group .col-md-12 li{margin-top: 2px;}
    .phylosophy-template .section_header{ padding: 5px 0 10px; margin-bottom: 15px; font-size: 1.08em;}
    .share-my-leadership-section .btn-welcome.btn-results{margin-bottom: 15px;}
    .S_l_S_B_C2 p a{padding: 10px 25px 8px 25px !important;width: 290px; margin: 15px auto 30px auto; font-size: 1.08em;}
    .btn-back-gray.restart{font-size: 1.08em;}
    .welcome .welcome-section1 .form-group  .col-md-6 .btn-welcome{margin-bottom: 15px;}
    #UserEditProfileForm .form-group.row .form-group{margin-bottom: 0px;}
    #UserEditProfileForm .form-group .col-md-6 .form-group{margin-bottom: 10px;}
    #UserEditProfileForm .form-group .form-group{margin-bottom: 0}
    #UserEditProfileForm .divider-blue{display: none;}
    .custominfopage h4{font-size: 1.23em;}
    .custominfopage .inndersection{font-size: 1em;}
    .custominfopage + .button-set{position: relative; bottom: 0;}
    .custominfopage { height: auto; }
    .button-set .table .table-cell:nth-child(2) .btn-sound{width: 32px; height: 32px;}
    #quizContainer .button-set .table .table-cell:nth-child(2) .btn-sound {margin-left: -16px;}
    .share-leadership-innerdiv .m_m_b_40{    min-height: initial !important;}
    .restartPhilosophy{ font-size: 1em; margin-left: 20px; padding: 7px 40px 7px 10px !important;}
    .restartPhilosophy + .btn-sound.playback{    margin-left: 14px !important;}
    .S_l_S_B_C2 p a{margin-bottom: 15px !important;}

    .btn-sound-new{top: -1px}
}

@media(max-width: 600px){
    .welcome .welcome-section1 .btn-welcome { max-width: 100%; background: url(../img/icon_right_arrow_blue_2x.png) rgba(255,255,255,0.9) 97% 10px no-repeat; background-size: 16px;}
    .share-my-leadership-section .btn-welcome.btn-results{background: url(../img/icon_large_right_arrow_green_2x.png) rgba(255,255,255,0.9) 97% 10px no-repeat; background-size: 16px auto;}
    .share-my-leadership-section .btn-welcome{ background: url(../img/icon_right_arrow_blue_2x.png) rgba(255,255,255,0.9) 97% 10px no-repeat; background-size: 16px auto;}
    .share-my-leadership-section{ max-height: initial !important;}
    .share-my-leadership-section + .button-set{position: relative!important;  width: auto; margin: 0 -15px; bottom: 0}
}
@media(max-width: 360px){.page-title { font-size: 0.85em;}}
@media(max-width: 320px){.values-explorer .button-set { bottom: 115px;}#quizContainer .button-set{bottom: 115px;}
.share-my-leadership-section + .button-set .btn-back:disabled, .share-my-leadership-section + .button-set .btn-back{width:90px !important;font-size: 0.92em; line-height: 19px;}
.share-my-leadership-section + .button-set .btn-next:disabled, .share-my-leadership-section + .button-set .btn-next{width:90px !important;font-size: 0.92em; line-height: 19px;}
.share-my-leadership-section + .button-set .btn-next{ background: url(../img/icon_large_right_arrow_green_2x.png) rgba(255,255,255,0.9) 73px 6px no-repeat; background-size: 16px auto; font-size: 0.92em; line-height: 19px;}

}
@media(max-height: 600px){
    .card-container{margin-bottom: 10px;    margin-top: 5px;}
    .card-text{ font-size: 1.15em; line-height: 20px;}
    .card-container .table-cell{font-size: 1.15em;}
    .footer .table{margin: 5px 0;}
    .footer .table-cell{font-size: 1.15em;}
    .share-my-leadership-section{ min-height: initial !important;}
    .share-my-leadership-section .thanku-section p{margin-bottom: 20px; margin-top: 30px; font-size: 1.23em;}
    .You-only-selected p + p{margin-top:15px;}
    .You-only-selected{font-size: 1.23em;}
    .You-only-selected{min-height: initial !important}
    .welcome .welcome-section1{height: auto !important;}
}

@media(max-height: 510px){.share-my-leadership-section{max-height: initial !important; padding-bottom: 5px !important} .share-my-leadership-section + .button-set{position: relative;padding: 0;} }
@media(max-height: 250px){main, .main-container { min-height: inherit !important; max-height: inherit !important; }.footer { position: relative; }}

@media only screen and (min-device-width: 667px) and (max-device-width: 740px) and (orientation: landscape)   {
.welcome .welcome-section1 .btn-welcome .btntext.disabled {
    background: url(../img/icon_right_arrow_gray_2x.png) 98% 10px no-repeat;
    background-size: 16px auto;
}
}


.thnk-you-field{float: left;width: 100%;}
.thank-you-checkbox{float: left;width:10%;}
.thnk-you-field label{width: 90%; float: left;font-size: 1.08em; line-height: 17px; text-align: left}

.cookie_container { background-color: rgba(0,0,0,0.5);color: white;padding: 15px;text-align: center;}
.termsanduse { color: #000}

.user-pdf-list-wrap{max-width: 100%; overflow-x: auto}
 .user-pdf-list-wrap td{vertical-align: middle !important; color: #000}
.user-pdf-list-wrap th{color:#000}
.user-pdf-list-wrap .latestrecord{background: red !important}

.pdf_name {
    word-break: break-all;
}

.dashboard_btn { margin-bottom: 15px;}

@media(min-width: 766px ) and (max-width: 850px){
    header{height: auto;}
 	.custom-nav .dropdown-menu li a{padding: 8px 8px;}
 	.custom-nav .dropdown-menu{top:0px}
 	.logo img{margin-bottom: 2px;}
}

@media(min-width: 767px ) and (max-width: 767px){
 	.custom-nav .dropdown-menu{top:-17px}
 	.custom-nav .btn-group button{display: none;}
}


#body-row {
    float:right;
    margin-left:0;
    margin-right:0;
    position: fixed;
    z-index: 1;
    right: 0;
}
#sidebar-container {
    min-height: 100vh;
    /*background-color: #333;*/
    padding: 0;
}
#outer{
    background-color: #333 !important;
}
.dropdown-menu{
    font-size: 1.08em ;
}

/* Sidebar sizes when expanded and expanded */
.sidebar-expanded {
    width: 230px;
}
.sidebar-collapsed {
    width: 60px;
}
.sidebar-collapsed #plus {
    display: none;
}
.sidebar-collapsed #minus {
    display: none;
}
/* Menu item*/
#sidebar-container .list-group span {
    height: 56px;
    color: white;
}

/* Submenu item*/
#sidebar-container .list-group .sidebar-submenu a {
    height: 45px;
    padding-left: 30px;
}
.sidebar-submenu {
    font-size: 0.9rem;
}

/* Separators */
.sidebar-separator-title {
    background-color: #333;
    height: 35px;
}

.settings-button{
  border-radius: 0 !important;
  border: 0;
  background-image: url(/img/settings.png);
  background-repeat: no-repeat;
  background-size: 27px;
  background-position: 50%;
  position: fixed;
  top: 100px;
  right: 0;
  padding: 15px 30px;
}

.settings-button.open{
  background: #333;
  width: 200px;
  height: auto !important;
}

.settings-panel{
  display: none;
}

.close-settings{
  display: none;
}

.settings-button .show{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.settings-button.open .show{
  display: none !important;
}

.settings-button.open .settings-panel{
  display: block;
}

.settings-button.open .close-settings{
  display: inline-block;
  position: absolute;
  top: 10px;
  right: 10px;
  font-weight: bold;
  cursor: pointer;
}

.settings-button.open #plus{
  display: inline-block !important;
  margin-right: 10px;
  padding: 0px 10px;
  font-size: 1.8em;
  width: 36px;
}

.settings-button.open #minus{
  display: inline-block !important;
  padding: 0px 10px;
  font-size: 1.8em;
  width: 36px;
}