
/* Global*/
.no-left-padding{
    padding-left: 0px !important;
}
.add-left-padding{
    padding-left: 20px !important;
}

table.no_border tr td,table.no_border tr th{
    border:none;
    border:none;
}

table.no_border tr.heading td,table.no_border tr.heading th{
    border: 1px solid #ddd;
    border-bottom: none;
}

.on_top{
    position:relative;z-index: 100;
}
p.no_left_padding{
    padding-left: 0px !important;
}
table.no-top-margin p{
    margin-top: 0 !important;
    margin-bottom: 5px;
}

.clearboth{
    display: block;
    height: 15px;
    clear: both;
}

table tr td.right_coloumn{
    text-align: right   ;
}

td.right_column{
    text-align: right;
}
button[disabled], html input[disabled], .form_orange .select_style select[disabled] {
    cursor: default;
    background-color: #FDB813;
    opacity: 0.65;
    box-shadow: none;
}
p.error {
    font-size: 12px;
    color: #ff0000;
    margin: -15px 0 0 0;
}
.cite {
    font-style: italic;
}
.popover {
    max-width: 600px;
    width: auto;
    min-width: 450px;
}
.modal {
    overflow-y: auto;
    width: 100% !important;
}

.modal-open {
   overflow:auto;
   overflow-x:hidden;
}
.modal-body {
    overflow-y:auto;
    max-height: calc(100vh - 210px);
}
.small_font{
    font-size: 12px;
}

/* generic message modal */

.message-modal .modal-body.error-body h4{
    color:#F00;
    font-weight: 600;
    margin: 0px 0px 20px 0px;
}

.message-modal .modal-dialog{
    width: 400px;
}

.message-modal .modal-body{
    overflow-y:initial;
}

.message-modal .modal-header{
    border-bottom: 0px solid #E5E5E5;
}

.message-modal .modal-body h4{
    color:#183177;
    font-weight: 600;
    margin: 0px 0px 20px 0px;
}

.message-modal .modal-footer {
    border-top: None;
}

.message-modal .modal-footer .buttons_lg{
    margin-top: 0;
}

.teacher-modal .modal-dialog{
    width: 340px;
}

.teacher-modal .modal-body{
    overflow-y:initial;
}

.teacher-modal .modal-header{
    border-bottom: 0px solid #E5E5E5;
}

.teacher-modal .modal-body h4{
    color:#183177;
    font-weight: 600;
    margin: 0px 0px 20px 0px;
}
.shadow{box-shadow: 0px 4px 0px rgb(251,193,86);}

.student-modal .modal-dialog{
    width: 400px;
}



.student-modal .modal-body{
    overflow-y:initial;
}

.student-modal .modal-header{
    border-bottom: 0px solid #E5E5E5;
}

.new_center .container{
    width:100% !important;
}
.student-modal .modal-body h4{
    color:#183177;
    font-weight: 600;
    margin: 0px 0px 20px 0px;
}

.student-modal .modal-footer {
    border-top: None;
}

.student-modal .modal-footer .buttons_lg{
    margin-top: 0;
}

.additional_resource_button{
    padding-top: 20px;
}

ul,ul li{margin:0;padding:0;list-style: none; line-height: 22px; font-size:13px;font-family: 'Open Sans', sans-serif;}
h1{font-family: 'Averia Sans Libre','Arial';font-size: 60px;line-height: 65px;margin:20px 0px 20px 0px;}
h1.white{color:#ffffff;}
h1.dark_blue{color:#183177}
h2{font-family: 'Averia Sans Libre','Arial';font-size: 40px;line-height: 45px;margin:0px 0px 20px 0px;color:#183177}
h3{font-family: 'Open sans','Arial';font-size: 30px;line-height: 35px;margin:20px 0px 20px 0px;}
h4{font-family: 'Open sans','Arial';font-size: 20px;line-height: 25px;margin:20px 0px 20px 0px;}
h5, th{font-family: 'Open sans','Arial';font-size: 15px;line-height: 20px;margin:20px 0px 20px 0px;}
p, .student_resources ul li {font-family: 'Open sans','Arial';font-size: 15px;line-height: 20px;margin:0px 0px 20px 0px;}
p.white{color:#ffffff;}
p.grey{color:#58595b;}
a{font-family: 'Open sans','Arial';font-size: 15px;}
a.dark_blue{color:#183177}
a:hover{text-decoration: underline;cursor: pointer;}
nav ul li,input[type=submit]{font-family: 'Averia Sans Libre','Arial', cursive;}
input[type=text],input[type=password],input[type=email],input[type=number]{color:#222;}
input:hover, button:hover{text-decoration: none;cursor: pointer;}
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix{
    display:block;
}
.bordered_bottom{border-bottom: 1px solid rgb(206,206,203); margin-bottom: 30px;}
.clearboth{clear:both;}
.invisible{visibility:hidden;}

/*th.prev:hover,th.next:hover,td.day:hover{background-color: rgb(253,184,19);cursor: pointer;}*/
table.jCalendar td.weekend, table.jCalendar td.weekend:hover {
	background: #777;
	color: #555;
}

.table-container {
    margin: 0px -12.5px;
}
/*buttons*/
.buttons, .form_row input[type=submit].buttons{
    color:#fff;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-family: 'Averia Sans Libre', 'Arial',cursive;
}
.buttons:hover, .form_row input.buttons:hover[type=submit], .buttons:focus, .form_row input.buttons:focus[type=submit]{
    text-decoration: none;
    color:#FFF;
}

.buttons_orange:hover, .buttons_orange:focus, .form_row input.buttons_orange:hover[type=submit], .form_row input.buttons_orange:focus[type=submit] {
    background-color: rgb(253,159,27);
}
.buttons_pink:hover, .buttons_pink:focus, .form_row input.buttons_pink:hover[type=submit], .form_row input.buttons_pink:focus[type=submit]{
    background-color: #9d01b3;
}
.buttons_green:hover, .buttons_geen:focus, .form_row input.buttons_green:hover[type=submit], .form_row input.buttons_green:focus[type=submit] {
    background-color: #2a803d;
}
.buttons_blue:hover, .form_row input.buttons_blue:hover[type=submit],.buttons_blue:focus, .form_row input.buttons_blue:focus[type=submit] {
    background-color: rgb(196,240,244);
}

.buttons_vivid_green:hover, .buttons_vivid_green:focus, .form_row input.buttons_vivid_green:hover[type=submit], .form_row input.buttons_vivid_green:focus[type=submit] {
    background-color: #11a06a;
}

.buttons_sm{
    font-size:14px;
    padding:5px 20px;
    border-radius: 5px;
    /*height:32px;*/
}
input.buttons_sm{
    height:28px;
}


.buttons_rg{
    font-size:18px;
    padding:8px 20px;
}
.buttons_lg, .form_row input.buttons_lg[type=submit]{
    font-size: 18px;
    padding-left: 20px;
    padding-right: 20px;
    height:26px;
    line-height:26px;
    vertical-align: bottom;
    margin: 20px 0px 20px 0px ;
}

.buttons_lg_teacher{
    font-size: 15px;
    padding-left: 20px;
    padding-right: 20px;
    height:20px;
    line-height:20px;
    margin-bottom: 5px;
    vertical-align: bottom;
}

.buttons_lg_home{
    margin: 20px 25px 20px 0px ;
}

.buttons_lg_home_left{
    margin: 20px 25px 20px 12.5px ;
}

.form_row input.buttons_lg[type=submit] {
    line-height: 18px
}

.buttons_lg.end_text {
    display: inline-block;
    margin-top: 28px;
}
input.buttons_lg{
    height: 26px;
}

.buttons_inline {
    margin: 0px 20px 0px 0px;
}

.buttons_inline_right {
    margin: 0px;
}

.buttons_inline_teacher {
    margin: 0px 5px 0px 0px;
}

.buttons_green, .form_row input.buttons_green[type=submit] {
    background-color: #57b334;
    box-shadow: 2px 2px 0px #2a803d;
}

.buttons_vivid_green, .form_row input.buttons_vivid_green[type=submit] {
    background-color: #16c425;
    box-shadow: 2px 2px 0px #11a06a;
}

.button_blue, .form_row input.buttons_blue[type=submit]{
    background-color:rgb(81,192,239);
    box-shadow: 2px 2px 0px rgb(27,61,126);
}
.buttons_orange, .form_row input.buttons_orange[type=submit]{

    background-color: rgb(253,184,19);
    box-shadow: 2px 2px 0px rgb(253,159,27);
    color: #FFF;
}
.buttons_pink, .form_row input.buttons_pink[type=submit]{
    background-color: #bc81ff;
    box-shadow: 2px 2px 0px #9d01b3;
}

.parent_button, .teacher_button {
    margin-top: 10px;
    margin-bottom: 5px;
    display: inline-block;
}

.teacher_class_summary {
    color: #183177;
    font-weight: 600;
}

button { border: 0px; }

.table > tbody > tr.dynamic-form > td, .table > thead > tr.dynamic-form > td {
    padding: 0 12.5px;
}
.table_end_button {
    margin-top: 0;
}

/* end of buttons */


/* error */
ul.errorlist li{
    color:red;
    margin-bottom: 0px;
}
input.error{
    box-shadow: 0px 4px 0px red !important;
}
/*label.error{display:none !important;}*/
/* end of error */


/*Menu*/
#login_key{color:white;}
#login_key:hover{color:white;}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: none;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}


.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
input.valid,select.valid{border: 1px greenyellow solid;}
.error .controls input,.error .controls select,.error input{border:1px red solid;}
p.hint{margin-top: 5px;}

.firefox-wrapping-fix {
  white-space:normal !important;
}

.tri-nav-arrow {
  width: 0.8em;
  height: 0.8em;
  margin: 0.4em -0.5em 0 1em;
  padding: 0;
}

/* Background and containers */

.generic_about_container{
    background:url(../images/global/AMF008_Backgrounds_About_P1.png) top center repeat !important;
    padding:125px 40px 241px 40px;
    min-height:650px;
}

.generic_about_container h1, .generic_about_container h2{
    color:rgb(77,0,109);
}

.generic_about_container h4{
    color:rgb(124,43,131);
}

.main_container{padding:125px 40px 160px 40px;min-height:650px;}

.generic_money_container{background:url(../images/global/money_background.png) top center repeat !important;background-size: auto !important;}

.generic_searching_container{background:url(../images/global/search_background.png) bottom center repeat !important;background-size: auto !important;min-height:650px;}

.generic_adult_container{background:url(../images/global/adult_background.png) top center repeat !important;background-size: auto !important;}

.generic_searching_container h1, .generic_searching_container h2, .generic_searching_container h3 {
    color: #333;
}

.generic_searching_container ol li {
    font-family: 'Open sans','Arial';
    font-size: 15px;
    line-height: 20px;
    color: #333;
}

.generic_search_assets_bottom {
    position: relative;
    z-index: 1;
}
.generic_about_assets_bottom {
    position: relative;
    z-index: 1;
}
.generic_about_assets_bottom > div{
    position: absolute;
    background-size: auto 100%;
}
.about_bottom_image {
    background: url(../images/about/AMF008_Backgrounds_About_AssetBottomRight_P1.png);
    width: 1114px;
    height: 328px;
    right: -700px;
    top: -87px;
}
.generic_search_assets_bottom > div{
    position: absolute;
    background-size: auto 100%;
}

.search_bottom_image {
    background: url(../images/global/search_bottom.png);
    width: 1920px;
    height: 247px;
    left: -490px;
    top: -87px;
}

.generic_search_content {
    min-height: 370px;
}

.generic_money_container h1, .generic_money_container h2, .generic_money_container h3 {
    color: #333;
}

.generic_gaming_container{background:url(../images/global/gaming_background.png) top center repeat !important;background-size: auto !important;}

.generic_gaming_content {
    min-height: 370px;
}

.generic_gaming_assets_top {
    position: relative;
}

.generic_gaming_assets_bottom {
    position: relative;
    margin-top: 250px;
}

.generic_gaming_assets_top > div, .generic_gaming_assets_bottom > div {
    position: absolute;
    background-size: auto 100%;
}

.gaming_net_cloud {
    background: url(../images/global/AMF008_Backgrounds_ChildDashboard_Asset01_P1.png);
    width: 287px;
    height: 221px;
    right: -380px;
    top: 300px;
}

.gaming_mobile_console{
    background: url(../images/global/AMF008_Backgrounds_ChildDashboard_Asset02_P1.png);
    width: 256px;
    height: 78px;
    right: -276px;
}

.gaming_fbook {
    background: url(../images/global/AMF008_Backgrounds_ChildDashboard_Asset03_P1.png);
    width: 222px;
    height: 137px;
    left: -482px;
    top: 157px;
}

.gaming_left_bottom_island {
    background: url(../images/global/AMF008_Backgrounds_ChildDashboard_AssetBottomLeft_P1.png);
    width: 513px;
    height: 366px;
    left: -460px;
    top: -206px;
}

.gaming_right_bottom_island {
    background: url(../images/global/AMF008_Backgrounds_ChildDashboard_AssetBottomRight_P1.png);
    width: 672px;
    height: 478px;
    left: 750px;
    top: -318px;
}

.gaming_floating_island {
    background: url(../images/global/AMF008_Backgrounds_ChildDashboard_AssetTopRight_P1.png);
}

.generic_money_container h1,.generic_money_container h2{
    color: #333;
}

.generic_adult_assets_top {
    position: relative;
}
.generic_adult_content{
    min-height: 661px;
}
.generic_adult_assets_bottom {
    position: relative;
    padding-top: 80px;
}

.generic_adult_assets_top > div, .generic_adult_assets_bottom > div {
    position: absolute;
    background-size: auto 100%;
}

.adult_left_bottom {
    background: url(../images/adult/AMF008_Backgrounds_AdultDashboard_Asset03_P1.png);
    width: 393px;
    height: 224px;
    left: -413px;
    top: -273px;
}

.adult_right_bottom {
    background: url(../images/adult/AMF008_Backgrounds_AdultDashboard_Asset02_P1.png);
    width: 401px;
    height: 215px;
    left: 875px;
    top: -6px;
}

.adult_top_right_1{
    background: url(../images/adult/AMF008_Backgrounds_AdultDashboard_Asset01_P1.png);
    width: 326px;
    height: 228px;
    right: -272px;
    top: -46px;
}

.adult_top_left_1{
    background: url(../images/adult/AMF008_Backgrounds_AdultDashboard_Asset05_P1.png);
    width: 300px;
    height: 240px;
    left: -334px;
    top: 154px;

}
/* Admin page */
.dataGrid .label{color:black;}

/* End of header css */
.headerspacer {height:68px;}

.home_tablet_holder{
  margin-top: 200px;
  text-align: right;
}

.home_tablet_holder iframe {
  border:0.4em solid rgb(152,74,90);
  border-radius: 0.4em !important;
}

.inline-media{
  width: 100%;
  height: 100%;
  min-height: 25em;
}

/* Datepicker */

.form_orange .datepicker {
    background-color:rgb(251,245,155);
    box-shadow: 2px 2px 0px rgb(253,184,19);
}
.datepicker {
    background-color:rgb(251,245,155);
    border: none;
}

.datepicker th {
    text-align: center;
}

.datepicker th {
    padding: 0px 5px;
}

/* End Datepicker */
.home_content_section{
    min-height:670px;
    background-position:center;
    text-align: center;
}

.home_content_section .new_center h1{margin-bottom: 40px;}
.home_content_section .new_center p{
    width:85%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px;
}

.home_content_section1_middle{
    padding-top: 140px;
    text-align: center;
    margin-top: 20px;
}
.home_content_section1_middle h1{
    color:rgb(24,49,119);
}
.home_content_section1_middle h3{
    color:rgb(24,49,119);
}

.home_content_section1_middle p{
    color:#ffffff;
}

.home_content_section2_right h2{
    margin-top: 120px;
    color:rgb(152,74,90);
}

.home_content_section3_left{
    text-align: center;
}

.home_content_section3_left h2{
    margin-top:150px;
    color:rgb(24,19,119);
}

.home_content_section4_left h2{
    margin-top:45px;
    color:rgb(24,49,119);
}

.home_content_section4_left p{
    width: auto;
}

.home_content_section4_right{
    margin-top:100px;
    text-align: right;
}
input[type=submit]{
    border:0px;
}

.menu_login_form{
    background-color:rgb(253,184,19);
    -moz-border-radius: 10px;
    border-radius: 10px;
    float:right;
    margin-top:8px;
    width: auto;
    padding:10px 10px 15px 10px;
    color:#fff;
    position:absolute;
    right:-40px;
}

.menu_login_form input{
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 0px;
    width: 16em;
    font-size:0.8em;
    height:1.8em;
}

.menu_login_form table{
    margin-bottom: 0px;
    border:0px solid black;
}

.menu_login_form table td{
    margin-bottom: 0px;
    border:0px solid black !important;
    padding: 2px !important;
    font-size: 17px;
    font-family: 'Open Sans','Arial';
}

a.top-right-student-item{
    color:rgb(253,184,19);
}

a.top-right-student-item:active > h5,a.top-right-student-item:focus > h5{
    color:rgb(253,184,19) !important;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    background-color: rgb(253,184,19);
    background-image: none;
}

.orange_menu {
    background-color: rgb(253, 184, 19);
    color: #fff !important;
    font-size: 16px;
    font-weight: 600;
}

#dropdown-menu-left,#dropdown-menu-left ul.dropdown-menu
{
    background-color: rgb(253,184,19);
}
#dropdown-menu-left{
    position: absolute;
    left:0px;
    top:55px;
}

#dropdown-menu-left a{
    color:#fff;
    font-size: 16px;
    font-weight: 600;
}

#dropdown-menu-left a:hover{
    color:rgb(18,47,122);
    font-size: 16px;
    font-weight: 600;
}

.menu-toggle-button .btn-group{
    display: block !important;
}

.cart-icon{
    background-size: 28px,24px;
    background-repeat: no-repeat;
    background-position: right;
    height: 24px;
    display: block;
    text-align: left;
}
.cart-empty{
    background-image:url(../images/store/Cart.png);
}
.cart-1, .cart-2, .cart-3, .cart-4, .cart-5,
.cart-6, .cart-7, .cart-8, .cart-9, .cart-10 {
    height: 35px;
    width: 30px;
    margin-top: -10px;
}
.cart-1 { background-image:url(../images/store/Cart1.png); }
.cart-2 { background-image:url(../images/store/Cart2.png); }
.cart-3 { background-image:url(../images/store/Cart3.png); }
.cart-4 { background-image:url(../images/store/Cart4.png); }
.cart-5 { background-image:url(../images/store/Cart5.png); }
.cart-6 { background-image:url(../images/store/Cart6.png); }
.cart-7 { background-image:url(../images/store/Cart7.png); }
.cart-8 { background-image:url(../images/store/Cart8.png); }
.cart-9 { background-image:url(../images/store/Cart9.png); }
.cart-10{ background-image:url(../images/store/Cart10.png);}

.transparent{
    opacity:0.8;
    filter:alpha(opacity=80); /* For IE8 and earlier */
}

.home_content_section1{
    margin-top: 30px;
    background-image:url(../images/home/justine/ESDL_Backgrounds_Blue_NoFlag.png);
    /*background-size:cover;*/
    margin-top: 40px;
}

.home_content_section2{
    background-image:url(../images/home/justine/ESDL_Backgrounds_Red_NoIPad.png);
    background-size:cover;

}
.home_content_section3{
    background-image:url(../images/home/justine/ESDL_Backgrounds_Green.png);
    background-size:cover;
}
.home_content_section_beginjourney{
    height:336px;
    min-height:336px;

    background-image:url(../images/home/justine/ESDL_Backgrounds_Sponsors_NoUtilities.png);
    background-size:cover;
    text-align: center;
}
.flag-button{
    position: absolute;
    background-image:url(../images/home/flag-button-rg.png);
    width: 200px;
    height: 64px;
    display: block;
    font-size: 18px;
    font-family:'Averia Sans Libre', 'Arial',cursive;
    color: #ffffff;
    left:-286px;
    top:64px;
}
.flag-button span{
    position: absolute;
    display: block;
}
.flag-button span.top{
    top: 1px;
    left: 14px;
}
.flag-button span.bottom{
    bottom: 2px;
    right: 22px;
}

.flag-button:hover span,.flag-button:focus{
    text-decoration: underline;
    color: #FFF;
}


/*end of home*/

/*about*/

.about_contents a.buttons{
    margin-top:15px;
}

.about-h4-hack {
  margin-top: -20px;
}

.about_section_4 .context_area {
  max-width: 876px;
}

.about_section_1{
    min-height: 662px; /* specific to include 53px from bottom button */
    background-image:url(../images/about/section1.png);
    background-position: center 60px !important;
    background-size:cover;
}

.about_section_2{
    padding-top: 42px;
    min-height: 590px;
    background-image:url(../images/about/section2.png);
    background-position: center -13px !important;
    background-size:cover;
    background-color:rgb(246,229,255);
}

.about_section_3{
    padding-top: 42px;
    min-height:512px;
    background-image:url(../images/about/section3.png);
    background-position: center -25px !important;
    background-size:auto 512px;
}

.about_section_4{
    padding-top: 42px;
    min-height:521px;
    background-image:url(../images/about/section4.png);
    background-position: center center;
    background-size:cover;
    background-color:rgb(246,229,255);
}

.about_section_6{
    padding-top: 42px;
    min-height:500px;
    background:url(../images/about/section5.png) no-repeat bottom;
    background-size:cover;
}

.about_contents h1{
    color:rgb(77,0,109);
}
.about_contents h2{
    color:rgb(77,0,109);
}
.about_contents h4{
    color:rgb(124,43,131);
}

.about_contents {
    background-position:center bottom;
}

.about_sample_quiz_button{margin-top:275px;}
ul.bullet-list{
   padding-left: 15px;
    list-style-type: disc;
}
ul.bullet-list li{
    list-style-type: disc !important;
    font-size: 15px !important;
    font-family: 'open sans','arial';
}
ul.bullet-list-small li:before {
        content:".";
        font-size:30px;
        line-height: 10px;
}

ul.bullet-list-small li{
        list-style-type: none !important;
        font-size: 15px !important;
        font-family: 'open sans','arial';
        vertical-align: middle;
}


.context_area .two-columns .column{width:47%;}
a.anchor{position:absolute;float:left;margin-top: -68px;}


.new_center{margin:0 auto;width:100%;max-width: 960px;padding-left: 10px;padding-right:10px}

/*end of about page*/
.green_round_box {
  background-color: rgb(235,252,237);
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  box-shadow: 8px 8px 0px rgb(206,251,210);
  padding:10px 0px 20px 20px;
}

.green_round_box ul li a {
  padding-left: 40px;
}

.form-control{
    border: 0px solid #CCCCCC;
}
select.form-control{
    padding:1px 7px;
}

/*store pages*/

.buy_option {
    height: 200px;
    margin-bottom: 40px;
}

.buy_option > a > h4 {
    margin-bottom: 5px;
}


.buy_option > a > p {
    margin-top: 0px;
    white-space: nowrap;
}

.buy_option img {
    height: 150px;
}

.donate_option img {
    height: 150px;
}
.generic_purple_assets_top {
    position: relative;
    /*margin-top: 100px;*/
}
.generic_purple_assets_top > div{
    position: absolute;
    background-size: auto 100%;
}
.purple_like{
    background: url(../images/purple/sign3.png);
    width: 65px;
    height: 54px;
    left: -136px;
    top: 126px;
}
.purple_tree{
    background: url(../images/purple/tree.png);
    width: 52px;
    height: 77px;
    left: -275px;
    top: 285px;
}
.purple_comment{
    background: url(../images/purple/sign2.png);
    width: 114px;
    height: 88px;
    right: -127px;
    top: 1px;
}
.generic_money_assets_top {
    position: relative;
    /*margin-top: 100px;*/
}

.generic_money_assets_bottom {
    position: relative;
}

.generic_money_assets_top > div, .generic_money_assets_bottom > div {
    position: absolute;
    background-size: auto 100%;
}

.money_delivery{
    background: url(../images/store/AMF008_Backgrounds_Store_AssetTopRight_P1.png);
    width: 280px;
    height: 177px;
    right: -275px;
    top: 50px;
}

.money_coin{
    background: url(../images/store/AMF008_Backgrounds_Store_Asset04_P1.png);
    width: 120px;
    height: 187px;
    left: -176px;
    top: -29px;
}

.money_cal{
    background: url(../images/store/AMF008_Backgrounds_Store_Asset01_P1.png);
    width: 243px;
    height: 132px;
    left: -268px;
    top: 228px;
}

.money_trolley{
    background: url(../images/store/AMF008_Backgrounds_Store_AssetBottomLeft_P1.png);
    width: 489px;
    height: 175px;
    right: -278px;
    top: -18px;
}

.money_book{
    background: url(../images/store/AMF008_Backgrounds_Store_Asset03_P1.png);
    width: 224px;
    height: 131px;
    left: 20px;
    top: 28px;
}

.money_money{
    background: url(../images/store/AMF008_Backgrounds_Store_Asset02_P1.png);
    width: 200px;
    height: 136px;
    right: -479px;
    top:-24px;
}

.store_gateway_container{
    background-image:url(../images/store/store.png);
    background-position:center;
    background-size: cover;
    color: #414042;
    padding-bottom: 20px;
}

.store_gateway_container .shopping_cart{
    background-color:white;
    border:3px #861883 solid;
    -moz-border-radius: 15px;
    border-radius: 15px;

}
.store_gateway_container .shopping_cart ul.item_list{
    width:100%;
}
.store_gateway_container .shopping_cart ul.list_record li{
    float:left;
}

.store_gateway_container .three-column{
    text-align: center;
    height:250px;
}
.store_gateway_container .two-column{
    text-align: center;
    height:250px;
}

.store_gateway_contextarea {
  max-width:856px;
}

.store_gateway_contextarea .three-column .right_coloumn{
    margin-right:0px;
}

.row hr{
    width: 90%;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    border-top-color: #6b6d6e;
}

/* end of store pages */

/* signup page */
#Profile_accept_eula{width:20px;height:20px;background-color:rgb(251,245,155); }

.signup_content_area{
        height:1020px;
        padding-top:100px;
        background-image:url(../images/signup/background.png);
        background-position:center;
        background-size:cover;
}

.select_style {
    overflow: hidden;
    border-radius: 4px;
    box-shadow: 2px 2px 0px;

}

.form_orange div select[disabled]:parent {
    box-shadow: none;
}

.form_orange .select_style {
    background: url('../images/orange-dropdown-arrow.png') no-repeat right #ddd;
}

.form_green .select_style {
    background: url('../images/green-dropdown-arrow.png') no-repeat right #ddd;
}

.form_row input[type=submit] {
    width:auto;
}

.form_row input, .form_row select, .form_row textarea {
    display: block;
    width: 100%;
    height: 26px;
    border-radius: 4px;
    border:0px;
    -moz-border-radius: 4px;
    padding:4px 4px;
    line-height: 18px;
    margin: 10px 0px 20px 0px;
}

.form_row textarea {
    height: 180px;
}

.form_row .select_style  {
    margin: 10px 0px 20px 0px;
}

.form_row input[type=checkbox] {
    width: auto;
    max-width: 100%;
    height: auto;
    box-shadow: none;
    margin: 4px 0px 0px -20px;
}


.form_orange input, .form_orange select, .form_orange textarea, .form_orange .select_style {
    background-color:rgb(251,245,155);
    box-shadow: 2px 2px 0px rgb(253,184,19);
}

.form_row.form_orange input[readonly="readonly"] {
    background-color: rgb(253,184,19);
}

.form_orange input[type=submit]{
    background-color:rgb(253,184,19);
    box-shadow: 2px 2px 0px rgb(253,159,27);
}

.form_orange input[type=submit]:hover{
    background-color: rgb(253,159,27);
    box-shadow: 2px 2px 0px rgb(253,159,27);
    color: #FFF;
}

.form_green input, .form_green select, .form_green .select_style {
    background-color:rgb(160,210,58);
    box-shadow: 2px 2px 0px rgb(113,166,0);
}
.contactus_contact_form h4{
    font-weight: 600;
    font-size: 20px;
}


    /*margin: 15px;
    margin: 10px 20px 20px 20px;*/

.reg_row input[type=text],.reg_row input[type=password], .reg_row input[type=email], .reg_row input[type=number],button.selectpicker,.reg_row select,.reg_row textArea{
    border:0px;
    background-color:rgb(251,245,155);
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0px 4px 0px rgb(251,193,86);
    padding:4px 4px;
    width:90%;
    line-height: 18px;
}

.form_row input, .form_row select{
    font-family: 'Open Sans', sans-serif;
    font-size:14px;

}

.form_row label{
    display:inline;
    font-color:rgb(129,125,116);font-weight:normal;
    margin: 15px 0px 15px 0px;
    font-family: 'Open Sans', sans-serif;
    font-size:14px;
}

.form_row .checkbox label {
    margin: auto;
    display: inline-block;
}

.form_row select{
    padding: 2px 2px;
    height: 26px;
    width: 120%;
}

.form-control {
    height: 26px;
}

.reg_row label{font-color:rgb(129,125,116);font-weight:normal;}
.reg_row select{ padding: 2px 2px;}
.reg_row > div {
    z-index: 2;
}

.form_row > div {
    z-index: 2;
}

.form_textfield{
    width:40%;
    margin-bottom: 10px;
}
/* end of sign up */


.select_style > select{
    margin: 0px;
    background: transparent;
}

/* in this way will center list items */
.sponsor_links{
    padding-left: 25px;
}
.sponsor_links ul{
    list-style: none;
    position: relative;
    float: left;
    display: block;
    left: 50%;
}

.sponsor_links ul li{
    position: relative;
    float: left;
    display: block;
    right: 50%;
}

.sponsor_links img{
    margin-top: -401px;
}

.sponsor_links ul li a:hover>img{
    /* Theoretically for IE 8 & 9 (more valid) */
	/* ...but not required as filter works too */
	/* should come BEFORE filter */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
	filter: alpha(opacity=100);

	/* Older than Firefox 0.9 */
	-moz-opacity:1;

	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 1;

	/* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
	opacity: 1;
}

.sponsor_links ul li img{
    height: 60px;
    /*-moz-box-shadow: 1px 1px 2px #000;
	-webkit-box-shadow: 1px 1px 2px #000;
	box-shadow: 1px 1px 2px #000;*/
    margin: 15px 55px 15px 0px;
    /* Theoretically for IE 8 & 9 (more valid) */
	/* ...but not required as filter works too */
	/* should come BEFORE filter */
	/*-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";*/
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
	filter: alpha(opacity=100);

	/* Older than Firefox 0.9 */
	-moz-opacity:1;

	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 1;

	/* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
	opacity: 1;
}

.partner_text{
    width:100px;
    height: 50px;
    background-color: beige;
    font-family: 'Open sans', 'Arial';
    font-size: 18px;
    padding-top:15px ;
}

/* end of footer */

.privacy{
    height:680px;
    background-image:url(../images/about/section1.png);
    background-position: center top !important;
    background-size:cover;
}

/* Parent Dashboard */
/***************************Process Bar ********************************/
.licence_process_bar_out{
    -moz-border-radius: 20px;
    border-radius: 20px;
    -moz-border-radius: 20px;
    padding:0;
    border:0px;
    height: 40px;
}
.licence_process_bar_in{
    -moz-border-radius: 20px;
    border-radius: 20px;
    -moz-border-radius: 20px;
    padding:0;
    margin: 0;
    border:0px;
    height: 40px;
}

.licence_process_bar_in h3{
    color: rgb(255,255,255) !important;
}

.right_div{padding-top: 5%;}
.licence_module{padding-bottom: 0px;}
.button_constraint{padding-top:10px;}
.orange_out{background-color: rgb(253,184,19);}
.orange_in{background-color: rgb(253,159,27);}
.blue_out{background-color:rgb(158,220,243);}
.blue_in{background-color:rgb(85,165,212);}
.aqua_out{background-color:rgb(145,255,228);}
.aqua_in{background-color:rgb(0,195,175);}
.red_out{background-color:rgb(250,172,151);}
.red_in{background-color:rgb(242,97,71);}
.purple_out{background-color:rgb(121,22,133);}
.purple_in{background-color:rgb(64,10,63);}
.yellow_out{background-color:rgb(246,220,24);}
.yellow_in{background-color:rgb(246,206,16);}
.gray_out{background-color:rgb(209,211,212);}
.green_out{background-color:rgb(134,223,0);}
.green_in{background-color:rgb(77,190,31);}
.dorange_out{background-color:rgb(251,245,155);}
.dorange_in{background-color:rgb(254,193,86);}
.module .percentage{color:white;}


/**********************End of Process Bar ****************************/
.percentage{
    position:absolute;
    top:-15px;
    left:20px;
}


.parent_right_div {
    padding-top: 20px;
}

#add_children_form input[type=number] {
    margin-top: 1.4em;
}


.purchased_licence_record{
    background:rgba(221,215,155,0.5);
    padding: 30px 15px;
    padding-top:30px;
    box-shadow: 0px 4px 0px rgb(251,193,86);
    -moz-border-radius: 15px;
    border-radius: 15px;
}

.licence_forms{
    background:rgba(221,215,155,0.5);
    -moz-border-radius: 15px;
    border-radius: 15px;
    border:1px solid rgb(251,193,86);
    margin-top: 30px;
    padding:25px;
}

.licence_processes {
    margin-top: 60px;
}

.licence_process {
    padding-bottom: 0px;
}

.leftdiv{min-height: 145px;text-align: center;}
.leftdiv p,.leftdiv h3,.leftdiv img{
    text-align:center;
    margin-bottom: 10px;
}

.leftdiv p, .parent_completed p{
    font-family: 'Averia Sans Libre','Arial', cursive;
    font-size:13px;
}

.leftdiv img{
    margin:0 auto;
}

.parent_right_div {
    padding-top: 20px;
}

.parent_left_div {
    min-height: 139px;
}

.module .centerdiv{padding-top:50px}
.module .rightdiv{padding-top:20%;}

.clearboth{clear: both;}
.licence_big_div{
    margin-top: 20px;
}

.parent_dashboard{
    background-color:rgb(254,251,236);
}

.parent_completed h3{
    margin:10px;
    color: #6b6d6e;
}

.parent_completed > img, .parent_completed > a, .parent_completed h3, .parent_completed p{
    margin-left:auto;
    margin-right:auto;
    text-align: center;
}

.parent_completed {
    padding-bottom:30px;
    display:inline-block;
    text-align: center;
}

.parent_completed p {margin-bottom:auto;}

.parent_licence_int{
    margin-top: 20px;
    margin-bottom: 55px;
}

.parent_licence_int h2{
    margin-top:0px;
}

.parent_licence_thumbnail{
    margin-top:-60px;
}
/* Student Section */
h4.module_progress_title{
    font-family: "Averia Sans Libre","arial";
    font-size: 20px;
    color:rgb(29,50,116) !important;
    line-height: 22px;
}
p.module_progress_text{
    font-family: "Open Sans", "arial" !important;
    width: 100% !important;
    line-height: 2px;
    font-weight: 400;
}

.studashboard_right_heading{padding:0;}

.student_content_area{
    padding: 0px 20px 0px 20px;
}

.student_header_padding {
    height: 7em;
}
.dashboard_set_up ul li {
  list-style: decimal inside none;
  margin: 1.2em 0;
  font-size: 15px !important;
  font-family: "open sans","arial";
  padding-left: 15px;
}
/* Student sign up success modal */



.student_sign_up_modal .modal-header{
    border-bottom: 0px solid #E5E5E5;
}

.student_sign_up_modal .modal-footer {
    border-top: None;
}

.stu_module_achievement {
    border: 0px;
    white-space: normal;
    background-color: transparent;
    outline: none;
}
.stu_module_achievement:hover, .stu_module_achievement:focus {
    outline: none;
}

.stu_module_achievement:hover > img{
    transform:scale(1.1);
    -ms-transform:scale(1.1); /* IE 9 */
    -moz-transform:scale(1.1); /* Firefox */
    -webkit-transform:scale(1.1); /* Safari and Chrome */
    -o-transform:scale(1.1); /* Opera */
}

.start_now{
    text-align: center;
}
.start_now p, .achievement_block p, .student_left_div p{
    font-family:'Averia Sans Libre','Arial', cursive;font-size:16px;
    margin-bottom: 10px;
    height: 40px;
    width: 140px;
    margin-left: auto;
    margin-right: auto;
}
.start_now h3, .achievement_block h3 {
    margin-top: 0px;
    color: #6b6d6e;
    margin-bottom: 20px;
}

.student_right_div h4 {
    margin-top:0px;
    font-size: 22px;
    margin-bottom: 5px;
}

.achievement .col-sm-4{
    text-align:center;
}
.achievement .col-sm-4 img{
    margin-bottom: 10px;
}

.achievement_block > h2, .achievement_block > h3, .achievement_block > h4{margin-bottom: 10px;}

.achievement_block {
    padding-bottom: 35px;
}
.achievement_block > p {
    margin-bottom: 0px;
}

.achievement h3{
    font-family: "Averia Sans Libre";
    font-size: 35px;
    font-weight: 100;
}

.student_process_bar img{position:absolute;}
.search img{width:60%;margin-bottom: 10px;}
.search{text-align: center;padding-bottom: 40px;margin-top: 30px;}
.search p{font-size: 18px;}

/*Family page*/
.user_login_form p.hint a{
    color:black;
    text-decoration:underline;
}

/*gift store and scholarship page */
ul .row{margin:0 20px 0 20px}
ul.continue{margin-top:30px;}

#gifts_total_label {
  font-size: 2em;
}

input#Profile_first_name{
    width:86%;
}
/* Parent Admin */
.adminparent_table input[type = text]{
    width:100%;
}

.whiteBackGround{
    background-color: #ffffff;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -moz-border-radius: 10px;
}
.validation_mark{
    color: red;
    font-size: 5;
}
#class_table,#class_table tr,#class_table td{border: 0px solid black;}
.delete-row{display: inline-block;}

/* Under construction page */
.under_construction_section {
    min-height: 680px;
    background-size: cover;
    background-image:url(../images/about/section1.png);
    background-position: center top;
}

.spacer_block {
    height: 150px;
}

.stranger_page {
    display: block;
    margin: auto;
    margin-top: 20px;
}

.class-buttons {
    text-align: center;
}

a.link_orange {
    color: rgb(240,62,3);
}

a.link_orange:focus, a.link_orange:hover {
    text-decoration: underline;
}

a.link_orange:active {
    color: rgb(247,158,129);
}

ul.footer-links li{
    margin:0 15px 0 15px;
    float:left;
}
ul.footer-sponsors li{
    float:left;
}

p.copyright{
    float:right;
    margin: 0 15px 0 0 !important;
}

ul.footer-context-wrapper li.outter{
    height: 30px;
}
ul.footer-context-wrapper li.footer-bottom p,ul.footer-context-wrapper li.footer-bottom ul{
    position: absolute;
    bottom: 0;
}
ul.footer-context-wrapper li.footer-bottom p{
    right: 15px;
}

.panel-title{
    font-family: "Averia Sans Libre","Arial";
    color: #2A2256;
}
.panel-heading{
    padding-top: 5px;
    padding-right: 10px;
    padding-left: 10px;
}

/* avatar test */
.avatar_content{
    width:100%;
    min-height:400px;
    display: block;
}

.avatar_content a{
    outline: 0;
}
.avatar_container{
    padding-top: 100px;
}

table.teacher-table {
    margin: 1em 0;
}

table.teacher-table > tbody > tr {
    border-top: 0px solid rgb(221, 221, 221);
}
table.teacher-table > tbody > tr > td{
    border-bottom: 0px solid rgb(221, 221, 221);
    border-top: 0px solid rgb(221, 221, 221);
    vertical-align: middle;
}
table.teacher-table > thead {
    box-shadow: 2px 2px 0px rgb(204, 204, 204);
    border-radius: 5px;
}
table.teacher-table > thead > tr > th {
    border-bottom: 0px solid rgb(221, 221, 221);
    border-top: 0px solid rgb(221, 221, 221);
    text-align: center;
}
table.teacher-table > thead > tr > th {
    padding: 8px 8px 8px 8px;
}
table.teacher-table > thead > tr > th.first {
    border-radius: 5px 0px 0px 5px;
}

table.teacher-table > thead > tr > th.last {
    border-radius: 0px 5px 5px 0px;
}

.text-center{
    text-align: center;
}
span.footer-text {
    padding-top: 28px;
    text-align: center;
}

.teacher_dashboard_avatar:hover {
    transform:scale(1.4);
    -ms-transform:scale(1.4); /* IE 9 */
    -moz-transform:scale(1.4); /* Firefox */
    -webkit-transform:scale(1.4); /* Safari and Chrome */
    -o-transform:scale(1.4); /* Opera */
}
.faq_container {
    background-color:rgb(249,255,248);
    background-position: center center;
}

.faq_container_top{
    background-image:url(../images/student/kidsdashboard_top.png);
    background-size:cover;
    background-position: inherit;
    height:650px;
    padding-top:140px;
    margin-bottom: -175px;
}

.faq-container h1, .faq-container h3 {
    color: #003244;
}
.faq-container h2 {
    font-family: 'Averia Sans Libre', 'Arial';
    color: #183177;
}

.faq-container .category {
    background: url('../images/faq/FAQ_marker.png') no-repeat;
    min-width: 253px;
    min-height: 56px;
    margin-bottom: 0px;
    margin-top: 25px;
}

.faq-container a {
    color: #2a6496;
    text-decoration: underline;
}
.faq-container h5 {
    color: #003244;
    font-weight: 400;
}

.question-row h4 {
    color: #003244;
    margin: 10px 0px;
}

.category-row h3 {
    color: #003244;
    padding-left:100px;
    padding-top: 10px;
}


.faq_header_link h4 {
    font-weight: 400;
    color: #333;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 17px;
    line-height: 20px;
}

.faq_header_link {
    padding-top: 10px;
}

.faq_header_link img.arrow_up {
    margin-top: 7px;
    width: 19px;
}

.faq_header_link.collapsed img.arrow_up {
    display: none;
}

.faq_header_link img.arrow_down {
    display: none;
}

.faq_header_link.collapsed img.arrow_down {
    display: inherit;
    height: 19px;
    margin-top: 7px;
}

.teacher_dashboard_avatar:hover {
    transform:scale(1.4);
    -ms-transform:scale(1.4); /* IE 9 */
    -moz-transform:scale(1.4); /* Firefox */
    -webkit-transform:scale(1.4); /* Safari and Chrome */
    -o-transform:scale(1.4); /* Opera */
}

/* Additonal Resource */
.resource_container span.fold{
    background: url('../images/faq_arrow_down.png') left no-repeat;
    background-size: 0.9em 0.9em;
    padding-left: 1em;
    padding-top: 0.1em;
}

.resource_container{
    background-color: rgb(235,252,237);
    -moz-border-radius: 10px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    box-shadow: 5px 5px 0px rgb(206,251,210);
    padding: 0px 20px 0px 20px;
    margin: 15px -10px 15px 0;
}
.resource_container_news{
    background-color: rgb(235,252,237);
    -moz-border-radius: 10px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    box-shadow: 5px 5px 0px rgb(206,251,210);
    padding: 0px 20px 0px 20px;
    margin: 15px 5px 15px 0;
}

.faq_resource_container{
    padding: 20px 20px 20px 20px;
}

.resource_container img{
    height: 50px;
}

.student_resources h3, .resource_container h4, .resource_container h2, .resource_container .links a{
    color: #003244;
}
.sub_resource_folder a{
    color:#428bca !important;
}

.resource_container .row{
    /*border-top: 1px solid rgb(206,251,210);*/
}

.additional_resource .row{
    padding-top: 0px;
    padding-bottom: 0px;
}
.resource_container span ul li{
    text-align: left;
}

.resource_container a.collapsed span.fold
{
    background: url('../images/faq_arrow_right.png') 1px no-repeat;
    background-size: 0.9em 0.9em;
}
.resource_container span.heading{
    display: inline-block;
}
.base_paragraph_expert_resource{
    margin-bottom: 20px !important;
}

.expert_resource_base_sign{
    display: block;
}
.expert_resource_base_sign img{
    height: 44px;
    display: block;
    margin: 6px auto;
}

table.no_border tr.resource_categories th{
    font-size: 17px;
}

.expert_resource_base_sign{
    padding-bottom: 15px;
}

.expert_resource_base_sign a{
    margin-top: 35px;
    margin: 5px auto;
}
.resource_container .head_left {
    float:left;
    width:60%
}
.resource_container .head_right {
    float: right;
}

.billing_row {
    background: rgba(255,255,255,0.8);
    border-radius: 10px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    font-family: 'Open sans','Arial';
}

ul.getstarted_links a {
    font-family: 'Open sans','Arial';
    font-size: 15px;
    color: #356a34;
}

.head-instructions {
    font-family: "Open sans","Arial";
    font-size: 15px;
    line-height: 20px;
    margin: 20px 0px;
}
.ui-menu-item {
    background-color: #FBF59B;
}

.ui-menu-item.ui-state-hover, .ui-menu-item.ui-state-focus, .ui-menu-item.ui-state-active {
    background-color: #FDB813;
}

.ui-autocomplete {
    position: absolute;
    z-index: 999 !important;
}

.donation_selection .buttons{
    margin-top:5px;
    margin-bottom:0px;
    width: 70px;
}

.donation_amount{
    height: 55px;
    width: 95px;
    margin: 5px;
    padding: 8px 20px;
    text-align: center;
    line-height: -moz-block-height;
}
.donation_amount_other{
    margin-bottom: 5px;
    margin-top: 5px;
    line-height:0px;
    font-weight: 600;
}
.buttons.btn:active, .buttons.btn.active{
    background-color: #7D2B86;
    color:white;
}

.total{
    padding: 5px;
    margin-left: 25px;
    background:url('../images/store/AMF008_Backgrounds_Store_Asset01_P1.png');
    width: 243px;
    height: 132px;
}
#other_value{
    width:65px;
    height:21px;
    font-size:15px;
    border: 0px;
    border-radius: 2px;
    padding-top: 4px;
    text-align: center;
    background-color: white;
}
.mandatory_field{
    font-size: 13px;
    text-align:right;
    margin-top: 33px;
}

@media only screen and (min-width : 768px) {
  .icon_pdf img{
    width:30px;
    height: auto;
    float: right !important;
  }
}

@media only screen and (min-width : 992px) {
  .icon_pdf img{
    width:30px;
    height: auto;
    right:80px;
    position:absolute;
  }
}

.lesson_plan_pdf img{
    width:30px;
    height: auto;
    right:95px;
}

.icon_pdf li{line-height:32px !important;}
.credit_page h2{color:rgb(125,43,134);}
.horizontal_cells img{width:auto;max-height: 60px; }

.credit_page .left_cell{
    padding-left: 5px;
}
.credit_page .bordered_bottom{
    padding-bottom: 20px;
    border-color: rgb(125,43,134);
}
.credit_page .bordered_bottom img{
    margin-right: 20px;
}

.reset-password-container{
  min-height: 400px;
}
.highlight{
  background-color: rgba(255, 255, 0, 0.3);

}
.icon_pdf_news img{
    width:30px;
    height: auto;
    right:60px;
    position:absolute;
    z-index: 2;
}

.cloud_header{
    width:253px;
    height:56px;
    background:url('../images/lesson_plan_header_bg.png');
    display: block;
    margin-left: -70px;
    padding-left: 70px;
    padding-top:1px;
}
span.star {
    font-size: 13px;
    margin: 0px;
}

.lesson_plan_green_boxes .green_round_box ul li a{
    padding-left: 0px !important;
}

input[type=file]{
    min-height: 34px;
}

.progress-bar.current-progress {
    color:#fff;
    background: #9d01b3;
    box-shadow: 2px 2px 0px #F2F4F4;
}
.progress-bar.current-progress-orange {
    color:#fff;
    background: #FF990A;
    box-shadow: 2px 2px 0px #F2F4F4;
}
.progress-bar.passed-progress {
    color:#333;
    background: #fff;
    box-shadow: 2px 2px 0px #F2F4F4;
}
#progress-bar .progress {
    height: 34px;
    margin-top: 10px;
}
.progress-bar{
    line-height: 28px;
    background-image: None;
    background: #F2F4F4;
    color:rgba(134, 137, 138, 0.5);
    padding: 8px 0;
}
.progress span.password-verdict {
    font-family: "Open sans","Arial";
    font-size: 15px;
    line-height: 28px;
    margin: 5px 5px 20px;
}

#progress-bar .progress span.password-verdict {
    font-family: "Open sans","Arial";
    font-size: 15px;
    line-height: 28px;
    margin: 5px 5px 20px;
    color: #FFF;
    font-weight: 600;
}

.progress-bar-success {
    background: #2a803d;
    box-shadow: 2px 2px 0px ##2a803d;
}

.progress-bar-danger {
    background: red;
    box-shadow: 2px 2px 0px ##2a803d;
}

.progress-bar-warning {
    background: #9d01b3;
    box-shadow: 2px 2px 0px #F2F4F4;
}

.progress {
    background: #F2F4F4;
    box-shadow: None;
    border-radius: 0;
    height: auto;
}
