@charset "utf-8";
/* 
CSS Document 
Project Name: Intuit
Shahid Rafique
*/

/* Import */

@import url(https://fonts.googleapis.com/css?family=Roboto:400,200,300,500,700);
/*@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700);*/
@import url("animate.css");



/* Body */

body
{
    margin:0;
    padding:30px 0 0 0;
    /*font-family:'Roboto',Arial, Helvetica, sans-serif;*/
    /*font-family:HelveticaNeueLTStd-Lt, Arial, Helvetica, sans-serif;*/
    font-size:16px;
    font-weight:300;
    background-color: #eceef1 !important;
}

/* Fonts */
.HelveticaNeueLTStd-Lt {
    font-family: HelveticaNeueLTStd-Lt;
    font-weight: normal;
    font-style: normal;
}
.HelveticaNeueLTStd-Bd {
    font-family: HelveticaNeueLTStd-Bd;
    font-weight: normal;
    font-style: normal;
}
.HelveticaNeueLTStd-Roman {
    font-family: HelveticaNeueLTStd-Roman;
    font-weight: normal;
    font-style: normal;
}
.HelveticaNeueLTStd-BdIt {
    font-family: HelveticaNeueLTStd-BdIt;
    font-weight: normal;
    font-style: normal;
}
.HelveticaNeueLTStd-It {
    font-family: HelveticaNeueLTStd-It;
    font-weight: normal;
    font-style: normal;
}
.HelveticaNeueLTStd-LtIt {
    font-family: HelveticaNeueLTStd-LtIt;
    font-weight: normal;
    font-style: normal;
}
b{
    font-family: HelveticaNeueLTStd-Bd;
    font-weight: normal;
}

a{color: inherit;}


/*Header */
#header { background-color:#eceef1; height:56px; border-bottom:1px solid #d4d7dc; position:fixed; width:100%; top:0; z-index:99999;}
#header h1{ font: 20px/1.4 'AvenirNextforINTUIT-Demi'; color: #393a3d; margin: 14px 10px 0 20px; float: left;}
#top-control, #top-control > li { margin: 0; padding: 0; list-style: none; float: left;}
#top-control { margin: 0 13px 0 0; }
#top-control > li { position:relative;}
#top-control > li > a { display: block; background-color: transparent; background-position: center; background-repeat: no-repeat; text-align:center; line-height:12px; color:#6b6c72; font-weight:300; font-size:17px; margin: 16px 13px 13px; }
#top-control > li.help > a {/*background-image: url(../images/icon-help.png) !important;*/}
#top-control > li.help > a i {border: 2px solid; padding: 3px; border-radius: 60px; width: 26px; height: 26px; box-sizing: border-box;}
#top-control > li.close > a {/*background-image: url(../images/icon-close.png);*/ }

.header-b h1 {
    font: 36px/1.11 'AvenirNextforINTUIT-Bold' !important;
}
.instruction .header-b { padding-bottom: 28px !important; }

.info-list .progress-box .fill, .info-list .progress-box .bar {
    height: 0.88em !important;
    width: 0.88em !important;
}
.info-list .progress-box .bar, .info-list .progress-box .fill { border-color: #00a6a4 !important; }
/*.info-list .progress-box .fill, .info-list .pass .bar { border-color: #53b700 !important; }*/
.info-list .pass .bar, .info-list .progress-box .pass .fill { border-color: #53b700 !important; }

/* Help Popup */
.help .popover{bottom:auto; padding-top:0; padding-bottom:0; left:auto; right:3px; font-size:12px;}
.help .popover .content{ width:255px; background:#FFF; padding:0; box-sizing:border-box; font-size:16px;}
.help .popover .content a { display:block; color:#3c68cb; font-weight:normal; padding:3px 0;}

.help:hover .popover{ /*display:block;*/ }
#help-tabs, #help-tabs li {padding:0; margin:0; list-style:none;}
#help-tabs li { display:inline-block; margin-right:10px;}
#help-tabs li a{ padding:5px 0; font-size:12px; text-transform:uppercase; color:inherit; font-weight:normal;}
#help-tabs li a:hover {border-bottom:3px solid #3861bc;}
#help-tabs li a.active {border-bottom:3px solid #3861bc;}

#search-form { margin:20px 0 5px; border:1px solid #dddddd;border-radius:2px;box-shadow: inset 0 0 3px rgba(0,0,0,0.2); background:url(../images/icon-search.png) no-repeat right center; background-position:98%;}
#search-form .search { display:block; width: calc(100% - 30px); padding:8px;  box-sizing:border-box; border:0;}
.help hr {margin:15px 0; background:#ebebeb; height:1px; border:0; }
.help h3 { font-size:12px; font-weight:bold;}
.help h3 .level { display:inline-block; border:2px solid #ccc; padding:2px 3px; text-transform:uppercase; margin-left:4px;}
.help .chat-now {color: #329e28; display:inline-block; margin-left:5px;}
.popover .content .admin-link {
    background: #0077c5;
    padding: 15px 20px 11px;
    overflow: hidden;
    color: #fff;
    float: none;
}
.popover .content .admin-link h1 {
    float: left;
    font-size: 16px !important;
    line-height: 1.5 !important;
    color: #fff !important;
    margin: 0 !important;
    text-transform: capitalize;
}
.popover .content .admin-link a {
    float: right;
    font-size: 16px;
    line-height: 16px;
    color: #fff;
}
.popover .content .block { padding: 16px 20px; }
.popover .content .block .review-instructions {
    color: #0077c5;
    font: 14px/1.43 'AvenirNextforINTUIT-Regular';
    display: inline-block;
    margin: 0 0 9px;
}
.popover .content .block .tel {
    color: #393a3d;
    font: 14px/1.43 'AvenirNextforINTUIT-Regular';
    display: block;
}
.popover .content a:hover { color: #393a3d; }

.progress-holder h2 { font: 20px/1.4 'AvenirNextforINTUIT-Regular' !important; }
.info-list .heading-holder .title { font: 14px/1.4 'AvenirNextforINTUIT-Demi' !important; }
.info-list .heading-holder .section-title { font: 16px/1.5 'AvenirNextforINTUIT-Regular' !important; }




/*Footer*/
#footer { position:fixed; width:100%; bottom:0; background:#393a3d; border-top:1px solid #393a3d; height:55px; padding: 11px 20px 8px 20px; box-sizing:border-box; text-align:center; z-index:100;}
#footer .button{margin: 0 3px; text-decoration: none; width: 104px; height: 36px; border-radius: 30px; font: 16px/36px 'AvenirNextforINTUIT-Demi'; overflow: hidden; background: #2ca01c; padding: 0 10px; }
#footer .button.push-left { background: none; border: 2px solid #fff; line-height: 32px; }
#footer .more {margin-left:20px; position: relative; color: white; padding: 5px; display:inline-block; cursor:pointer; font-size:16px;}
/*#footer .more:hover .popover {display: block;}*/
#footer .more .popover {left:50%; margin-left:-52px;}
#footer .white {margin-left:auto; display: none; }
#footer .white .popover {margin-left:-75px;}
#footer .white .popover ul{ background:white !important; border:1px solid #ccc; width:150px; box-shadow:none; }
#footer .white .popover ul li { }
#footer .white .popover ul li a {color:#404040; text-align:center !important;  /*padding-left:15px;*/}
#footer .white .popover ul li a:hover {color:white;}
#footer .white .popover:after {content: "\f0d7"; font-family: FontAwesome; font-size:20px; color:#ccc; position:relative; top:-8px; }
.submenu:after {content:""; width: 0; height: 0; border-top:6px solid transparent; border-bottom:6px solid transparent; border-left:6px solid #131f27; position:absolute; right:-10px; top:43%; display:none; text-align:left;}
.submenu:hover .submenu-holder{display:block;}

.get-started .button{margin: 0 3px; text-align: center; text-decoration: none; width: 152px; height: 36px; border-radius: 30px; font: 16px/36px 'AvenirNextforINTUIT-Demi'; overflow: hidden; background: #2ca01c; padding: 0 10px; position: absolute; bottom: -28px; color: #fff; }
.get-started .button:hover { opacity: 0.7; }

/*Contents*/

#content-holder{padding:10px 25px 50px; max-width:1170px; margin:auto;}
/*.quiz-container { width: 96%; position: absolute; left: 30px; }*/

/*SECTION NAV*/

#section-nav, #section-nav li {list-style: none; padding: 0; margin: 0;}
#section-nav {overflow: auto; padding:40px 30px; background:#eceef1;}
#section-nav li{display: inline-block; float: left; }
#section-nav li a {display:inline-block; color: #404040; }
#section-nav li a .icon{ width: 39px; height: 39px; border:1px solid #e3eaf3; float: left; margin-right: 5px; background-repeat: no-repeat;}
#section-nav li a small{display: block; font-size: 12px; color: #cccccc; text-transform: uppercase; margin-top: -1px;}
#section-nav li a h2 {margin: 0; padding: 0; font: 16px/1.5 'AvenirNextforINTUIT-Regular'; color: #393a3d; }
#section-nav li a:hover .icon {background-position: 0 bottom; background-color: #3861bc;}
#section-nav li a.active .icon {background-position: 0 bottom; background-color: #3861bc;}
#section-nav li a.complete .icon {background-position: 0 -39px !important; background-color: transparent !important;}

.advance-course{padding: 32px 20px 0px !important; height:60px; position: relative; top:6px;}

.advance-course#section-nav li a:hover:not(.active) .icon {background-position: 0 top ;background-color: #f3f5f8;}
.advance-course#section-nav li a {cursor: default;}
#section-nav li a.complete{cursor: default;}

.tick { background-image: url(../images/tick-sprite.png);}
.recording { background-image: url(../images/recording.png);}
.reporting { background-image: url(../images/reporting.png);}
.expanding { background-image: url(../images/expanding.png);}
.extra { background-image: url(../images/extra.png);}
.advisory { background-image: url(../images/advisory.png);}
.conversions { background-image: url(../images/conversions.png);}
.customization { background-image: url(../images/customization.png);}
.trouble { background-image: url(../images/trouble.png);}
.starting { background-image: url(../images/starting.png);}
.share { background-image: url(../images/share.png);}
.accountant { background-image: url(../images/accountants.png);}
.transaction { background-image: url(../images/transaction.png);}
.invoice { background-image: url(../images/invoices.png);}
.inventory { background-image: url(../images/inventory.png);}
.report { background-image: url(../images/report.png);}
.app { background-image: url(../images/apps.png);}

/* ----- TITLE ----*/

.ins-content .row{ border-bottom:1px solid #dedede; padding:20px 0;}
.section {padding: 0; margin: 0 auto; font-size:16px; }
.quiz_result_title { padding:0 0 20px;}
.quiz_result_title span { color: #ff973b; }
.quiz_progress_title { padding:20px 0;}
.quiz_progress_title  .section{ border-color:#3861bc; font-size:16px; }
.instruction { background: #eceef1 !important; }
.instruction-title{padding-left:0px;}



/* QUESTION LIST */

.question {/*font-size: 18px;*/ font-size: 16px; line-height: 1.5; }
.question .title { padding:20px 0; }
.question .title h2 {}
.question .title span {}
.question .title .section{ color:#393a3d; font: 20px/1.4 'AvenirNextforINTUIT-Demi'; }
.question .row {padding: 10px 0 20px;}
.question .row.add.title{border-bottom:1px solid #ccc;}
.question .list ul {
    margin: 0 0 40px;
    color: #393a3d;
    font: 16px/1.5 'AvenirNextforINTUIT-Regular';
}
.question .list ul li a{ /*background:url(../images/options.png) no-repeat center left;*/ font-size:16px;}
.question .list ul li a:before {content:"\f1db"; font-family:FontAwesome; font-size:18px; margin-right:15px; margin-left:-30px;}
.question .list ul li a:hover { color:#3861bc;}
.correct {color:#8ebd25 !important;}
.correct:before {content:"\f058"!important;}
.question_disable { color: #ccc !important; }
.question_disable_dropdown { background: #ccc !important; }
.quiz_control_disable {color: #ccc !important; }

.content .row.title {
    border: 0 !important;
    padding: 0 !important;
}
.content .row.title h2 {
    font: 36px/1.11 'AvenirNextforINTUIT-Bold' !important;
    margin: 43px 0 !important;
    padding: 0 0 40px !important;
    border-bottom: 1px solid #d4d7dc;
}
.content .row.title h2 span {
    display: block;
    font: 20px/1.4 'AvenirNextforINTUIT-Demi' !important;
    margin: 5px 0 0;
}

.question .list h2 {
    font: 20px/1.4 'AvenirNextforINTUIT-Demi';
    margin: 0 0 8px;
    font-weight: bold;
    color: #393a3d;
}
.question .list p {
    margin: 0 0 40px;
    font: 16px/1.5 'AvenirNextforINTUIT-Regular';
    color: #393a3d;
}

/*Typography*/

h1, h2, h3 ,h4, h5, h6 { font-weight:300; }


/* Global */

.no-margin {margin:0;}
hr {background:#e0e0e0; border:0; height:1px; margin:20px 0; display:block;}
.col-3 { width:33.33333333333333%; float:left; }
.col-2-3 { width:66.66666666666667%; float:left;}
.col-2 {width:49%; display:inline-block;  vertical-align:top;}
.col-three {
    text-align: left;
    letter-spacing: 0;
    width:33%; display:inline-block;  vertical-align:top;
}

.col-three.cols{
    text-align: right;
    letter-spacing: -6px;
}

#section-nav li .col-three.cols .col-three a{width: 100%;}

.blue-link {color: blue!important;}

.width25 {width:25% !important;}
.width50 {width:50% !important;}
.width75 {width:75% !important;}
.width100 {width:100% !important;}
.width25, .width50, .width75,.width100 {box-sizing:border-box; }
.font-weight500 {font-weight: 500;}

#page-title { border-bottom:1px solid #f1f1f1; padding-bottom:20px; margin-bottom:20px;}
#page-title h1 {font-size:24px; }
#page-title h2 { font-weight: bold; margin-bottom: 0;}
#page-title .title{width:20%; display:inline-block; border:0; padding-bottom: 0;}
#page-title .status {display:inline-block; text-transform:uppercase; color:inherit; border-left:5px solid #a5d001; padding-left:15px;}

.section_percentage_fail {display:inline-block; color: #393a3d; font-family: 'AvenirNextforINTUIT-Demi'; }
.section_percentage_pass {display:inline-block; color:#393a3d; font-family: 'AvenirNextforINTUIT-Demi'; }
.section_progress {display:inline-block; color:inherit; border-left:5px solid #2CA01C; padding-left:15px;}
.section_progress_wrong {  border-left:5px solid #B34D49 !important; }
.section_result { margin-top: 10px; margin-left: 20px; }
.section_result_progress_text {color: #6F8DCD; text-transform:uppercase; padding-bottom: 12px; font-weight: 500;font-size: 18px;}
.certification_section_score {}
.certification_section_percent_pass {}
.certification_section_percent_fail {}
.section_result_objectives_heading { font: 24px/1.33 'AvenirNextforINTUIT-Bold'; margin: 20px 0;}
.section_result_objectives_heading b { font-weight: normal; }
.section_result_objectives { margin-bottom: 14px; position: relative; }
.section_result_objectives_label {
    margin-left: 25px;
    color: #393a3d;
    font: 14px/1.18 'AvenirNextforINTUIT-Regular';
}
.incorrectQuestions ul {
    padding: 0 0 0 18px;
    color: #393a3d;
    font: 14px/1.18 'AvenirNextforINTUIT-Regular';
}

.row.quiz_result_title.result {
    counter-reset: section;  
}
.section_result_objectives:before {
    counter-increment: section;
    content: counter(section) ". ";
    position: absolute;
    left: 0;
    top: -2px;
}
.info-list .progress-box .count-holder .count {
    color: #393a3d;
    font: 36px/40px 'AvenirNextforINTUIT-Bold' !important;
}
.info-list .progress-box .count-holder .count span {
    color: #393a3d;
    font: 20px/25px 'AvenirNextforINTUIT-Bold' !important;
}
.info-list .bottom-holder .text-holder .remaining-text {
    color: #393a3d;
    font: 12px/22px 'AvenirNextforINTUIT-Medium' !important;
}
.info-list .progress-box > [class*=" plevel-"] .info-badge { font-family: 'AvenirNextforINTUIT-Medium' !important; }
.right-text {text-align: right;}

* {outline:0;}
a {text-decoration: none;}

.push-right {float: right;}
.push-left {float: left;}
.clearfix{clear: both;}
.no-border{border:0;}
.question-number-margin { margin-top: -70px; }
.no-bottom-border{ border-bottom:0;}
.align-left{ text-align:left !important;}

.button{
    color:rgba(255,255,255,0.7); padding:7px 15px; border-radius:3px; display: inline-block;
    background: #3f72cf;
    background: #3f72cf\9 !important; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNmNzJjZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMDViYzEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #3f72cf 0%, #305bc1 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3f72cf), color-stop(100%,#305bc1)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #3f72cf 0%,#305bc1 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #3f72cf 0%,#305bc1 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #3f72cf 0%,#305bc1 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #3f72cf 0%,#305bc1 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f72cf', endColorstr='#305bc1',GradientType=0 ); /* IE6-8 */

}
.button.default {
    ext-shadow: 0 1px 0 #fff;
    background-image: -webkit-linear-gradient(top,#fff 0,#e0e0e0 100%);
    background-image: -o-linear-gradient(top,#fff 0,#e0e0e0 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#e0e0e0));
    background-image: linear-gradient(to bottom,#fff 0,#e0e0e0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: #dbdbdb;
    border-color: #ccc;
    border: 1px solid #ddd;
    color: #365ebf ;
}

.button-light-blue{

    background: #527c9f; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzUyN2M5ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzZTVlODAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #527c9f 1%, #3e5e80 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#527c9f), color-stop(100%,#3e5e80)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #527c9f 1%,#3e5e80 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #527c9f 1%,#3e5e80 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #527c9f 1%,#3e5e80 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #527c9f 1%,#3e5e80 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#527c9f', endColorstr='#3e5e80',GradientType=0 ); /* IE6-8 */

}
.button-white {
    border:1px solid #ddd;
    color:inherit;
    background: #ffffff; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #ffffff 1%, #f2f2f2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 1%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 1%,#f2f2f2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 1%,#f2f2f2 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 1%,#f2f2f2 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-8 */
}
.button-white:hover {color:rgba(0,0,0,1) !important;}


.button:hover{color:white;}
.button.default:hover { color: #365ebf  ; }
.button:focus{color: white;}

table { border: none;
    padding: 0;
    margin: 0;
    width: 100%;
}

table td {
    padding: 5px 9px;
    margin: 0;
    border: 0;

}

img {margin:10px auto; /*box-shadow: 0 0 10px rgba(0,0,0,0.8);*/}

/* -- LIST ----*/

.list ul {padding: 0;}
.list ul li { list-style:none;   margin:0px 0; }
.list ul li a{ padding:5px 0 5px 40px; line-height:33px; /*background:url(../images/orange-tick.png) no-repeat center left;*/}

/*  ----  Simple List -----  */

.simple-list {margin:0px 0;}
.simple-list li{margin-bottom:15px; font-size: 16px; font-weight: 300; }




/*  ----   Pop Over ------*/

.popover {position: absolute; bottom:20px; left: 0; padding-bottom: 20px; display: none; z-index:999;}
.popover > ul { margin: 0; padding: 0; width: 105px; background: #131f27;  border:4px solid #131f27; box-shadow: 0 0 5px rgba(0,0,0,0.8);}
.popover > ul > li {position: relative; padding: 0; margin: 0; list-style: none;}
.popover > ul > li > a { display: block; padding: 5px; text-align: center; line-height: 28px;}
.popover > ul > li:hover > a{background-color: #4065b5 !important;}
.popover > ul > li:hover.submenu:after{display:block;}



/* ----  Submenu -----------*/

.submenu-holder {display:none; position:absolute; left: 100%; padding-left:13px; bottom:0; height:320px;}
.submenu-holder .submenu-content {background:#131f27; width:280px;  box-sizing:border-box; height:100%;}
.submenu-holder .submenu-content h1{ font-size:24px; line-height:70px; padding:0 20px; margin:0; }
.submenu-holder .submenu-content .links {height:calc(100% - 70px); background:#2c3237; display:block; padding:10px 0 10px; overflow:auto; box-sizing:border-box; }
.submenu-holder .submenu-content .links li { list-style:none; color:#bbb; padding-left:20px; padding-right:20px;}
.submenu-holder .submenu-content .links li:hover { background-color:#3f64b4; }
.submenu-holder .submenu-content .links li:hover a {color:white;}
.submenu-holder .submenu-content .links li a{ display:block; padding:8px 0;}


/* ----  Main Menu -----------*/

.main-menu .submenu-holder { bottom:-118px;}

.glossary .submenu-holder { bottom:-80px;}
.glossary .submenu-holder .submenu-content .links { height:144px;}
.glossary .submenu-holder .submenu-content .text {padding:10px 20px;}
.glossary .submenu-holder .submenu-content .text p{ margin-left:15px;}
.glossary .submenu-holder .submenu-content .arrow-right{ border-left-color:white; float:left; margin-top:17px;}

.guides .submenu-holder { bottom:-42px;}
.guides .submenu-holder .submenu-content { padding:0 20px;}
.guides .submenu-holder .submenu-content h1 {padding:0;}
.guides .submenu-holder .submenu-content h2 {font-size:15px;}
.guides .submenu-holder .submenu-content .download{ display:block; margin-top:10px; color:#b7c1d6;}
.download:hover {color:white !important;}


.topics .submenu-holder { bottom:-4px;}
.topics .submenu-holder span {float:right; margin-top:6px;}


/* ----  Arrow -----------*/

.arrow-up   { width: 0; height: 0; border-left: 5px solid transparent;  border-right:  6px solid transparent;   border-bottom: 6px solid #131f27;}
.arrow-down { width: 0; height: 0; border-left: 6px solid transparent;  border-right:  6px solid transparent;   border-top:    6px solid #131f27; margin: auto;}
.arrow-right{ width: 0; height: 0; border-top:  6px solid transparent;  border-bottom: 6px solid transparent;   border-left:   6px solid #131f27;}
.arrow-left { width: 0; height: 0; border-top:  6px solid transparent;  border-bottom: 6px solid transparent;   border-right:  6px solid #131f27;}


/* ----  Player Controls -----------*/

.player-controls {}
.player-controls .control{color:inherit; color:white; line-height:35px; font-size:24px; margin:0 8px;}
.player-controls .info{margin:0 10px; display:inline-block;}
.player-controls .pause, .player-controls .play {margin:0 10px; }
.player-controls a:hover {color:#4b96c5;}
.player-controls #vol {display:inline-block; margin-right:20px;}
.player-controls #vol .bar{ display:inline-block; width:5px; height:16px; background:white;}
.one{height:4px !important;}
.two{height:8px !important;}
.three{height:12px !important;}
.four{}

.player-controls .more span {display:inline-block; width:100px; text-align:center; line-height:38px;}
.player-controls .more {padding:0 !important;}

.prev-slide:before, .next-slide:before, .play:before, .pause::before, .unmute:before, .mute:before { font-family:FontAwesome;}

.prev-slide:before { content: "\f048";}
.next-slide:before {content: "\f051";}
.play:before{content: "\f04b";}
.pause:before{content: "\f04c";}
.unmute:before{content: "\f028"; font-size:30px; }
.mute:before{content: "\f026"; font-size:30px; }





/* ----  Page My Progress -----------*/

.progress-menu {background:none !important; width: 100%; padding:0 0px 40px!important;}
.progress-menu li{ display:block !important; width:auto !important; float:none !important;  margin-bottom:25px !important; border-bottom: 1px solid #f1f1f1;}
.progress-menu li .q-text {color:#a2a2a2; font-size:12px;}
.progress-menu li a.complete .q-text, .progress-menu li a.active .q-text {color:#000; font-weight:normal;}
.progress-menu li h4 { font-weight:500; display:block; margin:0; padding:0;}
.progress-menu li h4.not-taken {color:#a2a2a2; font-weight:300;}
.progress-menu span.button {
    /*width: 130px; */
    text-align: center;
    display: block;
}
.my-progress-cert-label {font-size:18px; margin-top:10px;}
#certStatsus{font-size:20px;}


.status { color:#ea7600;}
.status h2 {text-transform:uppercase; margin-top:0; font-weight:500;}
.status h2 i {margin-right: 10px; margin-left: -35px;}
.status p span{font-weight:500;}


/* ----  Modal Window -----------*/

#modal-wrapper {
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9999;
}

#modal-wrapper .msg-box {
    left: 50%;
    top: 30%;
    margin-left: 0!important;
    background: white;
    position: absolute;
    padding: 32px 20px 20px;
    box-sizing: border-box;
    width: 350px;
    height: 341px;
    border-radius: 4px;
    text-align: center;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%);

}

/*
#modal-wrapper .msg-box {

  left: 50%;
  margin-left: -150px;
  top: 30%;
  background: white;
  position: absolute;
  padding: 30px;
  box-sizing: border-box;
  border-radius: 2px;
  text-align: center;
}
*/

#modal-wrapper .msg-box .close
{
    width: 100px;
    height: 36px;
    border-radius: 30px;
    background: #2ca01c;
    font: 16px/36px 'AvenirNextforINTUIT-Demi';
    display: block;
    margin: 20px auto 0;
    color: #fff;
    overflow: hidden;
    padding: 0 10px;
}
#modal-wrapper .msg-box .close:hover { opacity: 0.7; }

/* #modal-wrapper .msg-box .close:before
{

    content: "";
    width: 1px;
    height: 17px;
    position: absolute;
    transform: rotate(45deg);
    background: #ccc;
    left: 12px;
    top: 1px;
}
#modal-wrapper .msg-box .close:after
{
    content: "";
    width: 1px;
    height: 17px;
    position: absolute;
    transform: rotate(-45deg);
    background: #ccc;
} */

#modal-wrapper .msg-box .icon
{
    text-align:center;
    color:#2ca01c;
    font-size:100px;
    display:block;
    margin: 0 0 15px;
}

#modal-wrapper .msg-box h1 {
    font: 28px/1.29 'AvenirNextforINTUIT-Demi';
    margin: 0 0 12px;
    color:#393a3d;
}
#modal-wrapper .msg-box .text {
    font: 17px/1.43 'AvenirNextforINTUIT-Regular';
    color:#393a3d;
    display: block;
    padding: 0 0 20px;
    border-bottom: 1px solid #d4d7dc;
}
#modal-wrapper .msg-box .button {padding:7px 20px !important;}
#modal-wrapper .msg-box .button-white {color:#3965ce!important;}
#modal-wrapper .passed  {width:700px!important; margin-left: -350px!important; top: 20%!important; text-align: left!important; }
#modal-wrapper .passed .note {border:solid 2px #0298cd;color:#333;font-weight: bold; font-size:14px;margin-bottom: 12px; float:left; padding: 8px;}
#modal-wrapper .passed .note .note-text {margin-left: 10px; }
#modal-wrapper .passed .note .note-img {background-image: url('../images/icon-note.png');background-repeat:no-repeat; width: 18px; height: 18px; float:left; margin: 2px 5px 0 0;}



/* ----  Course  -----------*/

/*floating Menu*/

#menu-right {width:300px;bottom:50px; position:fixed; top:37px; right:-300px; transition:all 0.5s;  overflow-y:auto; padding:20px; box-sizing:border-box;  border-left:1px solid #e2e3e6;}
#menu-right .content {background:white; padding:20px;}
#menu-right .content h1 { font-size:20px;}
#menu-right .content p:before{content: "\f0da"; font-family: FontAwesome; position:absolute; margin-left:-10px; margin-top:3px;}
#menu-right .list-menu, #menu-right .list-menu li {list-style:none; padding:0; margin:0; font-size:12px;}
#menu-right .list-menu {margin-top:20px; border-top:1px solid #f1f1f1;}
#menu-right .list-menu li a { display:block; border-bottom:1px solid #f1f1f1; padding:0 5px; z-index:0; line-height:38px; display:block;}
#menu-right .list-menu li a:hover { background-color:#3654b7; color:white;}

/*.content {margin-left: 10px; padding-bottom: 65px;}*/
.open-menu {right:0px!important;}
.open-menu-content{margin-right:320px !important;}
.block {display:block!important;}


/*course*/

.course {background-color:#f0f2f6;}
.course #content-holder {max-width:none !important; border:1px solid; transition: margin-right 0.5; -webkit-transition: margin-right 0.5s; margin:0;}





/*Drag and Drop Course */
.question-holder { margin-bottom:20px;}
.question-holder .row { margin-bottom:20px;}
.question-holder .row .left-side { width:100%; float:left; margin-left:15%;}
.question-holder .row .right-side {width: 75%; float:left; margin-left:15%; margin-top:20px; margin-bottom:65px;}
.question-holder .row .right-side .row {margin-bottom:35px; display:inline-block; width:125px; margin-right:40px;}


.instruction-box { width:50%;padding:20px 0; box-sizing:border-box; margin:30px 0; min-width:500px;}
.instruction-box h2 { font-size:14px; font-weight:500; margin-top:0; line-height:24px;}
.instruction-box h2:before { font-family:FontAwesome; content: "\f06a"; color:#3861bc; font-size:24px; margin-right:10px; line-height:24px;}
.drop-object, .drag-object { width:150px; height:35px; border: 1px dashed #3c68cb; display:inline-block; border-radius:2px; float:left; box-sizing:border-box;}
.drag-object {  line-height:32px; float:left; margin-right:10px; border:2px solid #8f8f8f; padding-left:16px;  cursor:move; color: #454545; text-decoration: none;}
.drag-object:hover { border-color:#5a77c3; color:#fff; background-position:7px -37px; background-color:#5a77c3;}
.drag-object:active { cursor:move;border-color:#5a77c3; color:#fff !important; background-position:7px -37px; background-color:#5a77c3;}
.middle {line-height:35px; margin-right:10px; vertical-align:top; display:inline-block; font-weight:500;}
.drag-object-holder { width:125px; float:left; position:relative;}
.answer-content { margin-left:110px; display:none;}
.wrapper-multiple {border:1px solid #bdcdeb; padding:10px; display:block; width:49%; font-size:14px; height:auto; margin-bottom:20px; float:left; overflow:auto; margin-right:20px; min-height: 200px; text-align: center;}
.wrapper-multiple p{margin-top:0; font-size:18px;}
.wrapper-multiple .drop-object {margin-right:1px; margin-bottom:8px; border:none; padding-right: 5px; width: 170px;}
.drop-object{position: relative;}
.drop-object .drag-object {border: 1px #3c68cb;}
.dropped-object-holder{min-height: 70px;}
.wrapper-multiple .drag-object {border:1px dashed !important; font-size: 12px; text-align: left; width: 166px;}
.answer-holder .drag-object-holder {width:180px!important; font-size: 13px; margin-left: 5px; margin-bottom: 5px; box-sizing: border-box; color:#454545; height: 35px; }
.answer-holder .drag-object-holder .item {width:180px; transition: width 0.2s;transition: height 0.2s;}
.answer-holder .drag-object {width: 100% !important; text-align: left;}
.dash-border {border:1px dashed;}
.display-inline{overflow: auto;}
.single-dnd-answerbox{height: 35px; width: 150px;}
.many-dnd-answerbox{height: 35px;}
.dragged-box .drag-object{color: #fff; background-position: 7px -37px; background-color: #8f8f8f;}
.wrapper-multiple-last-box{

    margin-right: 0px;
}

/* ------ Reset Button ----------*/

.resetAll { cursor: pointer; display: inline-block; margin-bottom: 10px; }
.resetAll:before {content: "\f021"; font-size: 10px; font-family: FontAwesome; margin-right: 5px; margin-top: -5px; position: relative; top:-1px;}
.resetAll:hover{color:#668CD1;}

.resetBox { padding: 5px; cursor: pointer; position: absolute; top: -3px; display: none;  width: 20px; margin: auto; right: 0; font-size: 10px; color:red;}
.drop-object:hover .resetBox{ display: block;}


/*  ----------  Admin Page  --------------*/

#sectionsList {list-style: none; padding: 0;}
#adminPanel { margin-top: 20px;}
.admin-link {position: relative;float: right;}
.admin-link a {position: absolute; right: 13px; top: 10px; font-size: 25px !important; }
.admin-link-clear {clear: both;margin-top: 12px;}




/*  ----------  Single View  --------------*/

.question-image {text-align:center; margin:10px 0;}
.single-question {margin:10px 10px; display:block; font-weight:300;}
.top-margin-spacer{margin-top:30px;}
.question-form { margin:10px 0px 10px;}
.question-form input[type="text"] {
    border: 2px solid #8d9096;
    box-shadow: none;
    max-width: 209px;
    height: 36px;
    border-radius: 3px;
    font: 16px/1.5 'AvenirNextforINTUIT-regular';
    color: #393a3d !important;
}
.question-form input[type="text"]:focus { border-color: #2ca01c; }
.checkbox { position: relative; display: block; min-height: 20px; margin-top: 10px; margin-bottom: 10px; }
.form-control {
    display: block; width: 90%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff;
    background-image: none; border: 1px solid #ccc; border-radius: 4px; margin:15px 0;  }
.radio {position: relative; display: block; min-height: 20px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 20px !important;}

.question .question-form .quiz-table.table td strong {
    font: 12px/1.33 'AvenirNextforINTUIT-Demi';
    text-transform: uppercase;
}
.question .question-form .quiz-table.table td, .question_disable {
    font: 16px/1.5 'AvenirNextforINTUIT-regular';
    color: #393a3d;
    text-align: left;
}

/*  ----------  Split View  --------------*/

.split-view {}
.split-view .col-2 {width:49%;  padding:0 3%; box-sizing:border-box; font-size:16px; line-height: 22px;}
.right-border{border-right:1px solid #ccc;}
.sticky-nav {  position: fixed; top: 58px;  margin-left:3px; width:45%;}
.container {position:relative;}

.right-col:before {content:"."; position:absolute; height:100%; border-left:1px solid #ccc; left: 48.9%;}
.right-col{padding:0 0 0 3% !important;}
.left-col{padding:0 3% 0 0 !important;}

.split-view ul{padding-left: 20px;}

/*    -----------------  Forms ----------------------*/

.form-control { display: block; width: 90%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555;
    background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; margin:15px 0;  }
.radio, .checkbox   {
    position: relative; display: block; min-height: 20px; margin-top: 10px; margin-bottom: 13px;
    line-height: 1.2;
}
.horizontal-form .checkbox, .horizontal-form .radio { display:inline-block; margin-right:20px;}
inputs:-webkit-input-placeholder { color: #b5b5b5; }
inputs-moz-placeholder {  color: #b5b5b5; }

.inputs {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 0 #FFF, 0 -2px 5px rgba(0, 0, 0, 0.08) inset;
    -moz-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0, 0, 0, 0.08) inset;
    -ms-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0, 0, 0, 0.08) inset;
    -o-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0, 0, 0, 0.08) inset;
    box-shadow: 0 1px 0 #FFF, 0 -2px 5px rgba(0, 0, 0, 0.08) inset;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    border: 1px solid #C8C8C8;
    color: #777;
    max-width:150px;
    padding: 10px;
    font-family:HelveticaNeueLTStd-Lt, Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.3;
}

.inputs:focus {
    -webkit-box-shadow: 0 0 2px #3f72cf inset;
    -moz-box-shadow: 0 0 2px #3f72cf inset;
    -ms-box-shadow: 0 0 2px #3f72cf inset;
    -o-box-shadow: 0 0 2px #3f72cf inset;
    box-shadow: 0 0 2px #3f72cf inset;
    background-color: #FFF;
    border: 1px solid #3f72cf;
    outline: none;
}


label {
    display:inline;
}

.regular-checkbox {
    display:none;
}

.regular-checkbox + label {
    background-color:#fff;
    border:1px solid #d4d7dc;
    padding:12px 5px 7px 48px;
    border-radius:4px;
    display:inline-block;
    position:relative;
    font: 16px/1.5 'AvenirNextforINTUIT-Regular';
    color: #393a3d;
    width: 99%;
}

.regular-checkbox + label:active,
.regular-checkbox:checked + label:active {
    box-shadow:0 1px 2px rgba(0,0,0,0.05),inset 0 1px 3px rgba(0,0,0,0.1);
}

.regular-checkbox:checked + label {
    background-color:#fff;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
}


.regular-checkbox + label:after {
    content:'';
    font-size:15px;
    position:absolute;
    top: 12px !important;
    left: 20px;
    color:#8d9096;
    background-color:#fff;
    border:1px solid #8d9096;
    padding:3px;
    width:20px;
    height:20px;
    border-radius:3px;
}
.regular-checkbox:checked + label:after {
    content:'\f00c';
    font-size:13px;
    position:absolute;
    color:#2ca01c;
    border-color:#2ca01c;
    /*border:none;*/
    /*padding:0;*/
    /*box-shadow:none;*/
    line-height: 12px;
    font-family:'FontAwesome'
}

/* FOR PARTIAL MARKED QUESTIONS */
.regular-checkbox-partial {
    display:none;
}

.regular-checkbox-partial + label {
    background-color:#fafafa;
    border:1px solid #cacece;
    box-shadow:0 1px 2px rgba(0,0,0,0.05), inset 0 -15px 10px -12px rgba(0,0,0,0.05);
    padding:7px 5px 7px 30px;
    border-radius:3px;
    display:inline-block;
    position:relative;
    /*font-size:18px;*/
    font-size: 16px;
    margin-left: 46px;
}

.regular-checkbox-partial + label:active,
.regular-checkbox-partial:checked + label:active {
    box-shadow:0 1px 2px rgba(0,0,0,0.05),inset 0 1px 3px rgba(0,0,0,0.1);
}

.regular-checkbox-partial:checked + label {
    background-color:#fff;
    border:1px solid #d9e3f5;
    box-shadow:0 1px 2px rgba(0,0,0,0.05),inset 0 -15px 10px -12px rgba(0,0,0,0.05),inset 15px 10px -12px rgba(255,255,255,0.1);
    color:#3f72cf;
    margin-left: 46px;
}


.regular-checkbox-partial + label:after {
    content:'';
    font-size:16px;
    position:absolute;
    top:10px !important;
    left:7px;
    color:#3f72cf;
    background-color:#fafafa;
    border:1px solid #cacece;
    padding:3px;
    box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    width:10px; height:10px;
    border-radius:3px;

}
.regular-checkbox-partial:checked + label:after {
    content:'\2714';
    font-size:16px;
    position:absolute;
    top:10px !important;
    left:7px;
    color:#3f72cf;
    /*border:none;*/
    /*padding:0;*/
    /*box-shadow:none;*/
    line-height: 12px;
}
/* END FOR PARTIAL MARKED QUESTIONS */




/* RADIO */

.regular-radio {
    display:none;
}

.regular-radio + label {
    -webkit-appearance:none;
    /* background-color:#fafafa;
     border:1px solid #cacece;
     box-shadow:0 1px 2px rgba(0,0,0,0.05),inset 0 -15px 10px -12px rgba(0,0,0,0.05);*/
    /*padding:7px;*/
    border-radius:50px;
    display:inline-block;
    position:relative;
    margin-right: 10px;
    vertical-align: middle;
    cursor:pointer;
    font-size: 16px;
    /*font-size:18px;*/
    padding-left: 15px;
}

.regular-radio + label:after
{
    width:20px; height:20px;  border:1px solid #8d9096; content:""; display:block; position:absolute; border-radius:20px;
    left: -14px; top: 3px; background: #fff;
}


.regular-radio:checked + label:after {
    content:'';
    /*width:10px;
    height:10px;*/
    border-radius:50px;
    position:absolute;
    text-shadow:none;
    font-size:32px;
    border-color: #2ca01c;

}
.regular-radio + label:before {
    background: #fff;
    width: 12px;
    height: 12px;
    position: absolute;
    left: -10px;
    top: 7px;
    z-index: 9;
    border-radius: 100%;
    content: '';
}
.regular-radio:checked + label:before { background: #2ca01c; }


.regular-radio:checked + label {
    /*    background-color:#e9ecee;
        color:#d9e3f5;
        border:1px solid #d9e3f5;*/

}
.regular-radio + label:active,
.regular-radio:checked + label:active {
    box-shadow:0 1px 2px rgba(0,0,0,0.05),inset 0 1px 3px rgba(0,0,0,0.1);
}



/* Dropdown List */

.dropdown
{
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    border: 2px solid #6b6c72;
    width:256px;
    height: 36px;
    margin: 0 0 10px -17px;
    outline: none !important;
    background: #fff url('../images/arrow-down.png') no-repeat 95% 50%;
    appearance: none;
    -webkit-appearance: none;
    padding: 0 30px 0 20px;
    color: #393a3d;
    font: 16px/32px 'AvenirNextforINTUIT-Demi';
}
.composite-part .dropdown,
.composite-part .inputs{
    margin-left: 10px;
    margin-bottom: 30px;
}
.dropdown:focus {
    background-color: rgba(107, 108, 114, 0.4);
    outline: none;
}
.dropdown:focus option { background: none !important; }

.dropdown option {
    background: none !important;
    border-radius: 3px;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.1);
    border: #d4d7dc;
    outline: none;
    color: #393a3d;
}

select[multiple], select[size] {
    height: auto;
}

#confirmText {
    color: #393a3d;
    font: 20px/1.4 'AvenirNextforINTUIT-Regular';
}
#scoreSummary { margin: 60px 0 0; }
#scoreSummary .heading-text {
    color: #393a3d;
    font: 24px/1.33 'AvenirNextforINTUIT-Bold';
}
#scoreSummary .text-28 {
    font: 44px/1.18 'AvenirNextforINTUIT-Bold';
}

/* ----  Tables ----  */

.table {
    margin-bottom: 20px;
}

table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
    line-height: 1.42857143;
    vertical-align: middle;
    text-align: center;
    border: none;
    border-bottom: 1px solid #ccc;
}


tr:nth-child(even) td{background: #ececec}
tr:nth-child(odd) td{background: #FFF}

.quiz-table table>thead>tr>th,
.quiz-table .table>tbody>tr>th,
.quiz-table .table>tfoot>tr>th,
.quiz-table .table>thead>tr>td,
.quiz-table .table>tbody>tr>td,
.quiz-table .table>tfoot>tr>td {
    width: 25%;
}

.quiz-table table>thead>tr>th:first-child,
.quiz-table .table>tbody>tr>th:first-child,
.quiz-table .table>tfoot>tr>th:first-child,
.quiz-table .table>thead>tr>td:first-child,
.quiz-table .table>tbody>tr>td:first-child,
.quiz-table .table>tfoot>tr>td:first-child {
    text-align: left;
    width: 50%;
}


/*  ----  Intro -----  */
/*.begin{font-size:18px; line-height: 26px;}*/
.begin li{ margin: 10px 0 !important;}
.begin li:before{ content: "\f058"; font-family: FontAwesome; font-size: 18px; margin-right: 15px; margin-left: -30px;color:#8ebd25 !important; }
.question .list ul li { padding: 0 0 0 20px; position: relative; }
.question .list ul li:before { content: ''; background: #000; width: 5px; height: 5px; border-radius: 100%; margin: 0; position: absolute;
left: 0; top: 8px; }


/* ---- Question styling ----- */


/* ---- Well ----- */

.well-question-txt{
    padding:15px;
    border-radius: 4px;
}

.well {
    background-image: -webkit-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
    background-image: -o-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
    background-image: linear-gradient(to bottom, #e8e8e8 0%, #f5f5f5 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);
    border-color: #dcdcdc;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
}

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

/* ---- Alert ----- */

.alert-info {
    background-image: -webkit-linear-gradient(top, #264a6d 0%, #264a6d 100%);
    background-image: -o-linear-gradient(top, #264a6d 0%, #264a6d 100%);
    background-image: linear-gradient(to bottom, #264a6d 0%, #264a6d 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#264a6d', endColorstr='#264a6d', GradientType=0);
    border-color: #264a6d;
    color: #404040;
    font: 15px/1.33 'AvenirNextforINTUIT-Demi';
}

.alert {
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    margin: 0 auto 26px !important;
}
.info-list > li.remaining .alert-box {
    display: block;
    height: 52px;
    width: 100%;
}
.info-list > li.passed .alert-box { display: none; }
.alert-box .fa-times {
    float: right;
    font-size: 20px;
    cursor: pointer;
}
.alert.alert-info .icon {
    background: #f2b835;
    color: #000 !important;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    top: 14px !important;
}

/* Media Queries*/
@media (max-width:950px) {
    .content { margin-left:0px;}
    #content-holder { padding: 10px 2px 50px;}
    .wrapper-multiple:last-child { margin-right:0;}
}



#compositeProgressChart
{
    float: right;
}

.chart-holder
{
    /*padding: 10px;*/
    padding: 32px 20px 0;
    margin: 0 0 52px;
    color: #3c3c3c;
    font-size:16px;
}
.chart-holder.no-instruction{margin: 0;}

.legends
{
    float: right;
    margin-right: -40px;
    width: 171px;
}

.question .legends{margin-left: 15px;}

.no-attempt
{
    padding-top: 100px;
}

.legends .section_progress span { font-size: 22px; display: block; font-weight: 400; color: #000;}
.legends .section_progress { font-size: 12px; margin-bottom: 10px; border-color:#6694C4; color: #B0BAC6}
.wrong-answer { border-color:#B34D49 !important;}
.right-answer { border-color:#698F38 !important;}


.result-section{ float: left; margin-top: 35px;}
.result-section .section_progress span { font-size: 32px; display: block; font-weight: 400; color: #000;}
.result-section .section_progress { font-size: 14px; color: #516D89; font-weight: 400; }


.text-small { display: block; font-size:10px; color: #ccc; text-transform: uppercase; font-weight: normal;}


.points-label {
    float: left;
    color: #008481;
    text-align: center;
    font: 14px/1.43 'AvenirNextforINTUIT-Demi';
    padding-top: 3px;
    box-sizing: border-box;
    margin: 0 5px 0 -38px;
    position: relative;
    left: -5px;
}

.points-label-main {
    margin-left: -40px !important;
}

.points-label-margin-top {
    margin-top: 38px !important;
}

.points-label span {
    display: block;
    font-size: 14px;
    line-height: 1.43;
}
.points-label span:after { content: '.'; }
.points-label span br { display: none; }

.points-label-no-title {
    margin: 26px -40px !important;
}

.points-label-no-title-partial {
    margin: 0 !important;
    position: absolute;
}

.points-label-fill-table {
    margin: 0 -40px !important;
}

.points-label-drag-drop {
    margin: -3px 0 10px 30%;
}

.label-drag-drop { float: left;margin-left:5px; }

.point-wrong {border-color:#E33043!important; color:#E33043; }
.point-correct {border-color:#008481!important; color:#008481 !important; }
.padding-top{padding-top:10px;}
.text-24-progress {
    font-size: 24px;
    color: #333;
    margin-top: -5px !important;
    padding-top: 2px !important;
}

.text-green {
    color: #2A971B !important;
}

.text-red {
    color: #B34D49 !important;
}

.warning-sign {
    background-image: url('../images/warning-icon.png');float:left; width: 18px; height: 18px; display: none;
}

.info-box{
    border: solid 2px #0298cd;
    color: #333;
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 12px;
    float: left;
    padding: 8px;
}

.info-box .note-img{
    background-image: url('../images/icon-note.png');
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    float: left;
    margin: 2px 5px 0 0;
}

.info-box .info-text{
    margin-left: 10px;
}

.instructions_detail{

    font-size: 16px;
}

.instructions_detail .info-box{
    font-size: 16px;
}

#reportAccordion{clear:both; margin-top: 20px;}

#reportAccordion .panel-group{margin-bottom: 20px;}
#reportAccordion accordion .panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px;
    overflow: hidden;
}

#reportAccordion .panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

#reportAccordion .panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

#reportAccordion .panel-group .panel-heading {
    border-bottom: 0;
}

#reportAccordion .panel-default>.panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}

#reportAccordion .panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
    font-weight: bold;
}

#reportAccordion .panel-title>a {
    color: inherit;
}

#reportAccordion a {
    color: #428bca;
    text-decoration: none;
}

#reportAccordion .panel-group .panel+.panel {
    margin-top: 5px;
}

#reportAccordion .panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px;
    overflow: hidden;
}

#reportAccordion a {
    background: 0 0;
    cursor: pointer;
}

#reportAccordion .collapse {
    display: none;
}

#reportAccordion .panel-default {
    border-color: #ddd;
}

#reportAccordion .glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#reportAccordion .glyphicon-chevron-right:before {
    content: "\e080";
}

#reportAccordion .glyphicon-chevron-down:before {
    content: "\e114";
}

#reportAccordion .pull-right {
    float: right!important;
}

#reportAccordion .panel-body {
    padding:20px;
}

#scosuspend-data textarea{
    width:100%;
    margin-top: -15px;
    border-color: #ddd;
    border-radius: 3px;
    padding: 0px 10px;
}

.hidden-button{
    padding:15px;
    float: right;
}



/* Lost Connection CSS */
.lost-connection-msg-box { width: 520px !important; height: auto !important; margin-left: -216px!important; padding: 30px !important; text-align: left !important; }
.lost-connection-header { color:#404040 !important; font-size: 16px; font-weight: bold; color:#404040; }
.lost-connection-msg-box-close{
    position: absolute;
    right: 10px;
    top: 10px;
    color: #6b6c72;
    font-weight: 300;
    font-size: 24px !important;
}
.lost-connection-header:before {content:"";background:url('../images/error-badge.png')no-repeat center center; width:50px; height:50px; display:inline-block;
    margin-right: 25px;}
.lost-connection-header span { top: -12px; position: relative; font-size:16px; color:#404040; font: 24px/1.33 'AvenirNextforINTUIT-Bold'; }
.lost-connection-main-info {
    font: 14px/1.43 'AvenirNextforINTUIT-Regular';
    width: 344px;
    margin-left: 78px;
    line-height: 20px;
    color:#404040;

}
.lost-connection-header-notification:before {content:"";background:url('../images/warning-icon-large.png')no-repeat center center; width:50px; height:50px; display:inline-block;margin-right: 25px;}
.hr_margin-lost_connect { margin-top: 10px; }
.more-information-text { margin-left: 20px;font-size:12px; font-weight: bold; vertical-align: top; }
.margin-lost-connection-more-info { font-size: 12px;   margin-left: 20px; }
.more-info-arrow-down { margin-left: -10px; padding-top: 1px; position: relative; cursor: pointer; }
.more-info-arrow{ margin-left: -14px; padding-top: 1px; position: relative; cursor: pointer; }
.more-info-arrow-down:before { position: absolute; font-family: 'FontAwesome'; top: -2px; left: 10px; content: '\f0dd'; }
.more-info-arrow:before { position: absolute; font-family: 'FontAwesome'; top: 0; left: 10px; content: '\f0dd'; -ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */ transform: rotate(-90deg);
}
/* Lost Connection CSS */

/* Save Modal CSS */
.save-modal-msg-box { width: 560px; height: 370px; margin-top: -50px; margin-left: -284px!important; text-align: left !important; padding: 0!important; }
.save-modal-header { color:#404040 !important; font-size: 24px; font-weight: bold; margin-top: 70px; }
.save-modal-text { font-size:14px; color: #b5b5b5;margin-left: 30px; width: 282px; }
.save-modal-exam-next-btn { margin-top: 30px; }
.save-modal-exam-survey { color: #7d95db;}
.save-modal-skip-survey { color: #7d95db; text-decoration: underline; font-weight: 500; margin-left: 50px; }
.save-modal-left { background-color: #fff; width: 350px; text-align: center; float:left; height: 100%; }
.save-modal-right { background-color: #f3f8fe; width: 210px; float:left; height: 100%; }
.congratulations-bg { position: relative; color: #56b349; margin-top: 226px; }
.congratulations-bg:before {  content: "\f058"!important; font-family: FontAwesome; font-size: 128px; position: absolute; top: -142px; left: 118px; }
.exam-complete { margin-left: 12px; color:#56b349; position: relative; padding-bottom: 14px; margin-bottom: 14px; border-bottom: solid 1px #ebf1fa; }
.exam-complete:before { content: "\f058"!important; font-family: FontAwesome; font-size: 22px; top: -3px; position: absolute; }
.exam-complete span { font-size:14px; font-weight: bold; color:#404040; margin-left: 28px; }
.complete-close-browser { margin-left: 12px; color:#56b349; position: relative; margin-bottom: 14px }
.complete-close-browser:before { content: "\f058"!important; font-family: FontAwesome; font-size: 22px; top: -3px; position: absolute; }
.complete-close-browser span { font-size:14px; font-weight: bold; color:#404040; margin-left: 28px; }
.incomplete-close-browser { margin-left: 12px; color:#404040; position: relative; margin-bottom: 14px; }
.incomplete-close-browser:before { content: ""; font-family: FontAwesome; font-size: 22px; top: -5px; position: absolute; background: url('../images/round-close.png') no-repeat center center; width: 19px; height: 25px; }
.incomplete-close-browser span { font-size:14px; font-weight: bold; color:#404040; margin-left: 28px; }
.whats-next { font-size:22px; margin: 40px 0 20px 12px; color:#404040}
.incomplete-exam-survey { margin-left: 12px; color:#404040; position: relative; padding-bottom: 14px; margin-bottom: 14px; border-bottom: solid 1px #ebf1fa; }
.incomplete-exam-survey:before { content: ""; font-family: FontAwesome; font-size: 22px; top: -3px; position: absolute; background: url('../images/double-ticki.png') no-repeat center center; width: 19px; height: 25px; }
.incomplete-exam-survey span { font-size:14px; font-weight: bold; color:#404040; margin-left: 28px; }
.incomplete-close-browser { margin-left: 12px; color:#404040; position: relative; margin-bottom: 14px; }
.incomplete-close-browser:before { content: ""; font-family: FontAwesome; font-size: 22px; top: -5px; position: absolute; background: url('../images/round-close.png') no-repeat center center; width: 19px; height: 25px; }
.incomplete-close-browser span { font-size:14px; font-weight: bold; color:#404040; margin-left: 28px; }
.close-browser-detail { margin-left: 35px; font-size: 11px; color: #b9b9b9; }
.congratulations-bg { position: relative; color: #56b349; margin-top: 226px; }
.congratulations-bg:before {  content: "\f058"!important; font-family: FontAwesome; font-size: 128px; position: absolute; top: -142px; left: 118px; }
.certified-text { color: #b7b7b7; margin-top: 4px; padding: 0 30px; font-size: 13px; }
.certified-warning-text { color: #b9b9b9; padding: 0 30px; font-size: 13px; font-weight: 500; }
/*#modal-wrapper { background:rgb(249, 243, 243); position:fixed; left:0; right:0; top:37px; bottom:0; z-index:9999;}*/
#modal-wrapper {
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 99999;
}
/*#modal-wrapper .msg-box {min-width:350px; min-height:213px; left:50%; margin-left:-150px; top:30%; background:white; position:absolute; padding:30px; box-sizing:border-box; border-radius:2px; text-align:center;}
#modal-wrapper .msg-box h1 { font-size: 22px; font-weight: bold; margin: 0; }
#modal-wrapper .msg-box .button {padding:7px 20px !important;}
#modal-wrapper .msg-box .button-white {color:#3965ce!important;}*/


/*styart new css*/












#survay-container .question-holder .question {

    padding: 0 10px;
    margin-bottom: 12px;
    border-radius: 3px;
    position: relative;
    font-size: 14px; }

#survay-container .question-holder select {
    padding: 5px 10px;
    background: white url(../images/arrow.png) no-repeat 85% 50%;
    border-radius: 4px;
    /*    box-shadow: 0 0 2px rgba(0,0,0,0.2);*/
    border:1px solid #babec5;
    height: 36px;
    width: 60px;
    appearance: none;
    -webkit-appearance: none;
    margin: 4px 0 0;
    outline: none;
}
.question-holder .question-text
{
    display: inline-block;
    width: calc(100% - 80px);
    padding: 10px 10px 10px 50px;
    box-sizing: border-box;
    background-color:#fff;
    border:1px solid #d4d7dc;
    border-radius:4px;
    position:relative;
    font-size: 16px;
    /*font-size:18px;*/
}
.question-holder .question-text:before
{
    content: "";
    position: absolute;
    width: 10px;
    height: 17px;
    left: 25px;
    top: 12px;
    background: url(../images/dots.png) no-repeat center center;


}


#survay-container .question-holder .button-holder { padding-left: 74px; /*position: relative;top: 20px; */}
#survay-container .question-holder .button-holder .btn {
    float: right;
    background-color: #fff;
    color:#274bac;
    font-size: 12px;
    padding: 0 10px;
    border-radius: 30px;
    width: 116px;
    height: 36px;
    border: 2px solid #6b6c72;
    cursor: pointer;
    color: #393a3d;
    font: 16px/32px 'AvenirNextforINTUIT-Demi';
    margin: 12px 0 0;
}

#survay-container .question-holder .button-holder .btn:active
{
    box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2);
}

.point-label
{
    width: 40px;
    height: 40px;
    border: 1px solid;
    border-radius: 50%;
    text-align: center;
    line-height: 10px;
    font-size: 12px;
    float: left;
    margin-right: 20px;
    padding-top: 7px;
    border-color:#274bac;
    color:#274bac;
}
.select-holder
{
    display: inline-block;
    vertical-align: top;
    float: right;
}

.bold-underline
{
    font-weight: bold;
    text-decoration: underline;
}

.error-msg{
    font-weight: bold;
    color: #ff0000;
    font-size: 16px;
}

.sequence:hover {
    cursor: default;
}

.sequence:active{
    cursor: move !important;
}

.sequence:active .question-text{

    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
}

.choiceTitle{
    margin-left: 15px;
}

.choiceOptions {
    margin-left: 68px;
}

.text-red-bold-14 {
    font-size: 14px;
    color: red;
    font-weight: bold;
}

.section-header{
    font-size: 20px;
    font-family: HelveticaNeueLTStd-Bd;
    margin-top: 10px;
}

.question-header {
    /*font-size: 32px;*/
    font: 20px/1.4 'AvenirNextforINTUIT-Demi';
    margin: 0 0 9px;
    color: #393a3d;
}

.bottom-border { border-bottom:1px solid; border-color:#e0e0e0; }


.one-third
{
    width: 33%;
    float: left;
}
.two-third
{
    width: 66%;
    float: left;
}


.result-box
{
    background-color: #fff;
    padding: 0 30px 30px;
    border-radius: 4px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    border: 1px solid #d4d7dc;
}

.section_attempts { display:inline-block; font: 16px/1.5 'AvenirNextforINTUIT-Demi'; }
.question_help { margin: 15px; /*font-size:18px;*/ line-height: 1.4; overflow: hidden; padding-right: 10px; }
.mlr50 { margin-left: 50px; margin-right: 50px; }
.mlr35 { margin-left: 35px; margin-right: 35px; }
.spacer { height:100px; width: 100%; }

.answer-box{
    display: inline-block;
    width: 100px;
    border-width: 1px;
    border-color: black;
    height: 22px;
    border-top: black;
    border-top-width: 1px;
    border-style: groove;
    margin-top: 20px;
    padding-bottom: -2px;
    margin-right:2px;
}
.filltable-label {
    display:inline-block;
    margin-top: 4px;
}

.excerpt-spacing{
    height:15px;
}

/* Thanks css*/

#thanks {
    position: fixed;
    z-index: 9999;
    width: 100%;
    height: 100%;
    left: 0;
    background: #eceef1;
    display: none;
    top: 55px; }
#thanks .header {
    background: #486c8f;
    height: 40px; }
#thanks .header .help-icon {
    width: 50px;
    height: 40px;
    line-height: 35px;
    text-align: center;
    float: right;
    border-left: 2px solid rgba(255, 255, 255, 0.1); }
#thanks .header .title {
    font-size: 16px;
    color: #ffffff;
    padding: 9px 16px; }
#thanks .toast-container {
    width: 460px;
    height: 60px;
    border: solid 1px #56b349;
    margin: 0 auto 20px;
    padding: 15px 15px;
    border-top: 0;
    display: none; }
#thanks .toast-container .fa {
    float: left;
    font-size: 30px;
    color: #56b349; }
#thanks .toast-container p {
    float: left;
    font-size: 14px;
    margin: 5px 15px; }
#thanks .toast-container .btn-close {
    float: right;
    text-decoration: none;
    width: 20px;
    margin: 5px 0 0 9px; }
#thanks .toast-container .btn-close span {
    width: 2px;
    height: 19px;
    display: inline-block;
    background: #c8c8c9;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-right: -6px; }
#thanks .toast-container .btn-close span:nth-child(1) {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-left: 8px; }
#thanks .contents {
    text-align: center;
    padding-top: 75px; }
#thanks .contents h2 {
    color: #393a3d;
    font: 34px/1.11 'AvenirNextforINTUIT-Bold';
    margin: 48px auto 20px;
}
#thanks .contents p {
    max-width: 625px;
    font-size: 16px;
    line-height: 1.4;
    margin: auto;
    font-family: 'AvenirNextforINTUIT-Regular';
}
#thanks .contents p span {
    font-weight: bold;
    margin-top: 20px;
    display: block; }
#thanks .contents .button {
    margin-top: 20px;
    background: #2ca01c;
    height: 36px;
    border-radius: 30px;
    font: 16px/36px 'AvenirNextforINTUIT-Demi';
    padding: 0;
    width: 190px;
    color: #fff;
}
#thanks .contents .button:hover { opacity: 0.7; }
#thanks.show {
    display: block; }
.question-text{ font: 20px/1.4 'AvenirNextforINTUIT-Regular'; color: #393a3d;}
.question .quiz-list label { font: 16px/1.4 'AvenirNextforINTUIT-Regular'; }
.question .quiz-list .letter { font-weight: normal !important; }
.question-text p{margin: 0 0 16px;}
.points-label-fill-table{
    margin: 0 auto !important;
    display: block;
    float : none;
}
.quiz-table > thead > tr > td,
.quiz-table > tbody > tr > td{
    padding: 0 !important;
    border: 0 !important;
}
.quiz-table > thead > tr > td:first-child,
.quiz-table > tbody > tr > td:first-child{
    width: 40px !important;
    background: none !important;
    border-color : transparent !important;
}

.quiz-table  > tbody > tr:nth-child(even) td{background: #eceef1}
.quiz-table  > tbody > tr:nth-child(odd) td{background: #FFF}

.quiz-table .table{
    table-layout: fixed;
    margin: 0 !important;
    border-collapse : collapse;
}

.heading-text{
    margin: 18px 0;
    font-size: 18px;
    line-height: 23px;
    color: #000;
}

.spinner{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1000;
    background: rgba(238,238,238,0.8);
}
.ajax-loader{
    position: absolute;
    left: 39%;
    top: 39%;
    margin-left: -32px; /* -1 * image width / 2 */
    margin-top: -32px;  /* -1 * image height / 2 */
    display: block;
}

/*.bullet-list{
    padding: 0;
    margin: 0;
    list-style: none;
}

.bullet-list li{
    padding: 0 0 15px 20px;
}
.bullet-list li:after{
    display: block;
    content: '';
    clear: both;
}
.bullet-list li > *:first-child:before{
    position: absolute;
    width: 5px;
    height: 5px;
    background: #333;
    border-radius: 100%;
    content: '';
    left: 0;
    top: 3px;
}*/

.count-list{
    font-size: 16px;
    line-height: 20px;
    padding: 0;
    margin: 0 0 20px;
    list-style: none;
    counter-reset: count;
}
.count-list li{
    position: relative;
    min-height: 34px;
    padding: 7px 0 7px 55px;
    margin-bottom: 25px;
}
.count-list li p{margin: 0;}
.count-list li:before{
    content: counter(count);
    counter-increment: count;
    width: 34px;
    height: 34px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -17px;
    color: white;
    padding: 7px;
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
    background: #2da01c;
    text-align: center;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
}
.pre.instruction{
    font-size: 16px;
    line-height: 1.4;
}

#modal-wrapper .msg-box.warning-msg{padding-top: 40px;}
  #modal-wrapper .msg-box.warning-msg .close:before,
  #modal-wrapper .msg-box.warning-msg .close:after{background: #666;}
  #modal-wrapper .msg-box.warning-msg .close:before{top: 0;}
  .warning-msg .lost-connection-header{
   position: relative;
   padding-left: 80px;
   padding-right: 30px;
   text-align: left;
   font-weight: normal;
  }
  .warning-msg .lost-connection-header:before{
   position: absolute;
   left: 0;
   top: -25px;
   color: #ffaa00;
   font: 60px/1 FontAwesome;
   content: '\f06a';
   margin: 0;
   width: inherit;
   height: inherit;
   background: none;
  }
.warning-msg .lost-connection-header span{position: static;}
.warning-msg .lost-connection-header p{margin: 15px 0; line-height: 1.4;}


.hero-completion {
    content:url(../images/fist-bump-hero.png);
}


.hero-completion-advanced{
    content:url(../images/hero-advanced.png);
}

.hero-completion-desktop {
    content:url(../images/hero-desktop.png);
}


.hero-completion-buttons {
    margin-top: 48px;
}

.hero-completion-buttons > div {
    display: inline-block;
    margin-right: 16px;
}

.hero-completion-buttons > div > a {
    display: inline-block;
    padding: 4px 30px;
    border-radius: 4px;
    border: solid 1px;
    width: 200px;
    font-size: 14px;
    font-weight: bold;
}

.hero-completion-buttons > div > a:active {
    color: #bababa;
}

.hero-completion-buttons .btn-view-profile {
    background: #1cac30;
    color: #fff;
}



.hero-completion-buttons .btn-download-certificate {
    background: #fff;
    color: #393a3d;
}

.hero-completion-pass-text {
    color: #393a3d;
    font-weight: bold;
    font-size: 22px;
    margin: 4px;
}

.hero-completion-pass-text a {
    color: #0077c5;
    font-size: 14px;
    position: relative;
    left: 8px;
    vertical-align: middle;
}
.tips-list li { vertical-align: top !important; }
.img-1 {
    background: rgba(0, 0, 0, 0) url("../images/image-1@3x.png") no-repeat scroll 0 0 / contain !important;
    width: 190px !important;
    height: 250px !important;
}
.img-2 {
    background: rgba(0, 0, 0, 0) url("../images/image-2@3x.png") no-repeat scroll 0 0 / contain !important;
    width: 202px !important;
    height: 250px !important;
}
.img-3 {
    background: rgba(0, 0, 0, 0) url("../images/image-3@3x.png") no-repeat scroll 0 0 / contain !important;
    width: 263px !important;
    height: 250px !important;
}
.tips-list h3 {
    color: #393a3d;
    font: 20px/1.4 'AvenirNextforINTUIT-Demi';
}
.tips-list .text {
    color: #393a3d;
    font: 14px/1.43 'AvenirNextforINTUIT-Regular' !important;
}
.info-list > li.start .progress-box.add, .info-list > li.retake .progress-box, .info-list > li.passed .progress-box, .info-list > li.failed .progress-box { display: none; }
.info-list .progress-box.add { display: none !important; }
.info-list > li.retake .progress-box.add, .info-list > li.passed .progress-box.add, .info-list > li.failed .progress-box.add { display: block !important; }
.info-list > li.remaining .remaining-text, .info-list > li.failed .bottom-holder .remaining-text { padding-left: 26px !important; }
.info-list > li.remaining .remaining-text::after, .info-list > li.failed .bottom-holder .remaining-text::after {
    content: '\f12a' !important;
    background: #f2b835;
    color: #000 !important;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    font-size: 12px !important;
    line-height: 20px !important;
    text-align: center;
}
.info-list > li.failed .bottom-holder .remaining-text::after {
    background: #d93b42;
    color: #fff !important;
}
.info-list > li.passed .bottom-holder .btn, .info-list > li.failed .bottom-holder .btn { border: 0 !important; }

.info-list > li.failed .fill, .info-list > li.failed .bar { border-color: #d52b1e !important; }
.container.certificates-block .heading-container { max-width: 1080px !important; margin: 0 -15px; }
.container.certificates-block { max-width: 1080px !important; }
.container.certificates-block .list-holder { max-width: inherit !important; }
.info-list > li .card-holder {
    border-radius: 4px !important;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1) !important;
    border-color: #d4d7dc !important;
}
.info-list .bottom-holder .text-holder { line-height: 19px !important; }
.tips-list li .holder { max-width: inherit !important; }
.tips-list li.li-3 .holder-3 .text-holder-3 {
    max-width: 200px !important;
    width: 200px !important;
}
.tips-list .text-holder { width: 190px !important; }
.certificates-block .info-list > li { width: 21.55% !important; }
@media (max-width: 991px) {
    .certificates-block .info-list > li { width: 31% !important; }
    .container.certificates-block .heading-container { margin: 0; }
    .alert-info { font-size: 14px; }
}
@media (max-width: 639px) {
    .certificates-block .info-list > li { width: 100% !important; }
    .info-list .progress-box.add { position: static !important; }
    .info-list > li.remaining .alert-box {
        padding: 10px 30px 7px 25px;
        top: -80px;
        height: 66px;
    }
    .alert-info {
        font-size: 13px;
        line-height: 15px;
    }
    .alert .icon {
        top: 10px;
        left: 9px;
    }
    .alert-box .fa-times {
        position: absolute;
        right: 5px;
        top: 5px;
    }
}
@media (min-width: 768px) {
    .info-list > li { width: inherit !important; }
}
@media (min-width: 640px) {
    .info-list > li {
        display: inline-block;
        letter-spacing: 0;
        padding: 0 !important;
        vertical-align: top;
        width: inherit !important;
        margin: 0 1.8% 40px 0 !important;
    }
    .info-list > li:last-child { margin: 0 0 40px !important; }
    .info-list > li .holder { padding: 0 !important; }
    .info-list > li .bottom-holder {
        position: relative !important;
        width: 100% !important;
        top: auto !important;
        right: auto !important;
    }
    .info-list .btn {
        border-radius: 30px;
        border: 2px solid #6b6c72 !important;
        font-size: 16px;
        font-family: 'AvenirNextforINTUIT-Demi';
    }
    .info-list > li .progress-container .progress-box { float: none !important; }
    .info-list > li .progress-container .progress-box.add { width: auto !important; position: static !important; }
    .info-list.flexible { margin: 0 -1.5% !important; }
}

.admin-btn {
    right: 96px !important;
    top: 15px !important;
    width: 36px;
}

#right-side {
    margin-top: 48px;
}

.no-subsection-name {
    margin-top: -32px;
}