/*
    General

*/








/* forms */





.register_container { position: absolute; width: 100%; max-width: 900px; margin: 50px 0 200px;; margin: 0 auto;}
.sign_btn_wrap { margin: 20px 0 !important;}





.package_details_list {  list-style: none; margin: 0; padding: 0; }
.package_details_list li { display: block; float: left; margin: 0 0 5px; padding: 20px;}
.package_details_list li .package_select_wrap { display: inline-block; float: left; margin: 0 10px 0 0; height: 100%; width: 20px;  }
.package_details_list li .package_select_wrap input[type="radio"] {position: relative; top: -5px;}
.package_details_list li .package_details { width: calc(100%-40px); display: inline-block; float: left;}
.package_details_list li .package_details h3 { margin: 0; padding: 0 0 5px;}
.package_details_list li .package_details .package_name {  font-size: 16px; padding: 0 0 10px;}
.package_select {position: relative; top: -3px;}

.billing_types {  list-style: none; margin: 0; padding: 0;}
.billing_types li { display: block; margin: 0 0 5px; padding: 0; width: 100%;}
.billing_types li .billing_select_wrap { display: inline-block; float: left; margin: 0 10px 0 0; height: 100%; width: 20px;  }
.billing_types li .billing_select_wrap input[type="radio"] {position: relative; top: -3px;}
.billing_types li .billing_details { width: calc(100%-40px); display: inline-block; float: left;}

.account_enabled_wrap .account_enabled_check { display: inline-block; float: left; margin: 0 10px 0 0; height: 100%; width: 20px; }
.account_enabled_wrap .account_enabled_details { width: calc(100% - 40px) ;; display: inline-block; float: left;}
.account_enabled_wrap .account_enabled_details label { margin: 5px 0 0 0; padding: 0 0 5px;}




.shell { width: 940px; min-height: 20px; }

.quater { margin: 0 0 0 20px;}
.year_reports {margin: 0 0 0 20px;}

.progress_td { width: 30px;}
.answer_td { width: 200px;}
.pdf_doc { display: block; float: left; width: 150px; text-align: center; font-size: 16px; margin: 10px;}
.pdf_doc a { display: block; width:100%; text-align: center; }
.pdf_image { width: 70%;}

.round_button, round_button:hover, round_button:active { border: 1px solid #484747; 
                                                         display: block; width: 20px; height: 20px; background: #484747; color: #fff !important;
                                                        float: left; border-radius: 10px; text-decoration: none  !important; 
                                                        text-align: center; margin-right: 20px; line-height: 20px;}

.open_questions,.open_questions:hover,
.close_questions , .close_questions:hover { border: 1px solid #484747; display: block; width: 20px; height: 20px; background: #484747; color: #fff;
float: left; border-radius: 10px; text-decoration: none; text-align: center; margin-right: 20px; line-height: 20px;}


.select_module_signin { display: block; float: right; margin: 3px; width: 95px; height: 34px; line-height: 34px;
                        background: url('images/profile_n.png') 95% 0 no-repeat; padding: 0 10px; letter-spacing: 1px;
                        background-size:contain; text-decoration: none !important; }
.select_module_signin:hover {  text-decoration: none; }
.select_module_signin .small_down_arrow {    }
.account_bar { float: left;}
.module_bar { float: left;}
.menu_bar { float: right;}


.form_details { padding-bottom: 20px;}



/*.account_page_wrap .tab_block .form_field { width: 100%;}*/

.menu_bar .menu_bar_item { float: left; margin: 0 5px; padding: 0 5px; line-height: 40px; color: #fff; letter-spacing: 1px; text-decoration: none !important;;}
.menu_bar .menu_bar_item:hover { background-color: #0085cc; text-decoration: none !important; }
.hide {display: none !important;}
.ac_modal { width: 100%; position: absolute; top: 40px; background: #252b33; z-index: 10000; left: 0; margin: 0; padding: 0px 0px 20px 0px;
}
.ac_modal .ac_modal_body { width: 940px; margin: 0 auto;}
.white_text {color: #fff !important; text-decoration: none !important;}
.close_bar { display: inline-block; width: 50px; height: 30px; background: url('images/white_arrow_up.png') 0 0 no-repeat;
                        background-size: contain;  text-decoration: none;  }
.close_bar:hover { background-color: #0085cc;  }
.text-center { text-align: center;}
/*
.selected_group { display: block;  float: left; width: 45%; margin: 2px 2%;}
.selected_group .btn_wrap { display: block; float: right;  border: 1px #c1c1c1 solid; margin: 0 0 0 10px; 
           border-radius: 3px; padding: 1px 1px 1px 0px; background: #c1c1c1; }
.selected_group .selected_name {display: inline-block; float: right; text-align: right; width: 60%; }
.selected_group .selected_count {display: inline-block; float: right; text-align: center; width: 20px;}
.selected_group .btn { float: right; display: inline-block; top: 2px;}*/


.cgbtn-group .answer_node { border-bottom: #c1c1c1 dashed 1px;}
.cgbtn-group .answer_node:last-child { border-bottom: none;}

.drop_menu {    
    position: absolute;
    top: 95%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 250px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    background-color: white;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    
    
}

 .drop_menu .notch {
    position: absolute;
    top: -10px;
    left: 20px;
    margin: 0;
    border-top: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #f9f9f9;
    
    padding: 0;
    width: 0;
    height: 0;
    /* ie6 height fix */
    font-size: 0;
    line-height: 0;
     /* ie6 transparent fix */
    _border-right-color: #fff;
    _border-left-color: fff;
    _filter: chroma(color=#fff);
}


/*** Lab profile   ***/




.drop_menu li { 
    list-style: none;
    background: none;
    margin: 0 0 5px  10px;
    padding: 0px;
    text-indent: 0px;
    min-width: 300px;
    
    
}


.drop_menu li a {
    color: #333333 !important;
    text-shadow: none !important;
}
.drop_menu li a:hover {
    color: #777777 !important;
}


.msg_box { color: red; font-size: 16px;}

.session_msg_box { color: red; font-size: 16px;}
.lab_show_all_th {color: #c1c1c1  !important; text-transform: lowercase; font-size: 9px; text-align: right !important; }
.lab_show_all { color: #c1c1c1; font-size: 11px; padding: 5px 0 0 0; text-align: right; width: 100%; height: 20px; display: block; }
.lab_show_all input {margin: -2px 2px 0 5px;}
.lab_show_all_th input {margin: -2px 0px 0 2px;}
#show_all_check { margin-right: 5px}
.ac_lab_table {width: auto; }
.disabled_members_col_h {position: relative; left:0;top:0;}
.lab_show_all {position: absolute; right: -1px; top: -30px;}
.dis_col {background: lightyellow !important;}

.filter_field { margin: 0 20px 20px 0; float: left;}
.filter_field label { display: inline-block; margin: 0 20px 0 0;}

.ac-btn {
    text-decoration: none;
    display: inline-block;
    padding: 4px 12px;
    margin-bottom: 0px;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    color: #333;
    text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.75);
    background-color: #F5F5F5;
    background-image: linear-gradient(to bottom, #FFF, #E6E6E6);
    background-repeat: repeat-x;
    border-width: 1px;
    border-style: solid;
    border-color: #BBB #BBB #A2A2A2;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    border-radius: 4px;
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 2px rgba(0, 0, 0, 0.05);
    margin: 0px 5px;
}
.ac-btn:hover, .ac-btn:active, .ac-btn:focus, .ac-btn.disabled, .ac-btn[disabled] {text-decoration: none;}



.sub_section { border: 1px solid #dddddd;
               margin: 0 0 20px 0;
               border-radius: 5px;
               
}
.sub_section .question_row { width: 100%; border-top: 1px solid #dddddd; }
.sub_section .question_row:last-child .question_col {padding-bottom: 0px;}
.sub_section .question_row .question_col { float: left; padding: 10px 1% 5px; width: 65%;}
.sub_section .question_row .answer_col {float: left; padding: 10px 1% 5px; width: 25%; border-left: 1px solid #dddddd; }
.sub_section .question_row .answer_col input[type="date"],
.sub_section .question_row .answer_col input[type="text"] { width: 95% !important;  }
.sub_section .question_row .answer_col select { width: 100%  }
.sub_section .question_row .progress_col {float: left; padding: 10px 1% 5px; width: 3%; font-size: 11px;}




.heading { padding: 10px; position: relative; left: 0; top: 0;}
.heading h3 { padding: 0; margin: 0; font-size: 15px; }

.question_info { display: inline; float: right; margin: 5px; font-size: 10px;  line-height: 11px; color: #004fa3; }

.multideselectall,
.multiselectall { margin-right: 10px;}

.process_navigation { float: right; margin: 40px 20px 0 10px;}
.content_block { margin: 0 0 30px 0;}

.filter_label { margin: 5px 0 10px 5px !important;}
.form_filters_wrap {  padding: 10px; margin: 10px 5px; }
.form_filters { display: inline-block; float: left;}
     .form_data_container {   padding: 10px; margin: 10px 5px;}
     .form_refresh_btn { margin: 35px 0 0 0;}
     
     .wait { width: 25px; }
     
.debug_box { max-width: 95%;}
.debug_box a { max-width: 100%;}
.study_table_wrap { text-align: center;}

.btn { 
    background: none; text-decoration: none !important; width: auto !important; height: auto !important;
    text-transform: capitalize; box-shadow: none; box-sizing: border-box; display: inline-block; border-radius: 2px; padding: 5px 16px; font-size: 14px;
    border: #515151 1px solid !important; background-color: #fff !important; color: #515151 !important; font-weight: 400;
        text-shadow:none !important;margin-bottom: 10px;
}
.btn:hover { background-color: #515151 !important; color: #fff !important;}

/*.btn-primary        { border: #a00304 1px solid; background-color: #a00304; color: #fff;}
.btn-primary:hover  { background-color: #fff; color: #a00304;}

.btn-success        { border: #333 1px solid; background-color: #333; color: #fff;}
.btn-success:hover  { background-color: #fff; color: #333;}*/

.btn-primary        { border: #333 1px solid !important; background-color: #333 !important; color: #fff !important;}
.btn-primary:hover  { background-color: #fff; color: #333;}

.btn-success        { border: #a00304 1px solid !important; background-color: #a00304 !important; color: #fff !important;}
.btn-success:hover  { background-color: #fff !important; color: #a00304 !important;}

.container-top { display: none;}
.container-bot { display: none;}
.container-mid { background: none; margin-top: 150px;}
body { background: #fff;}

.form_btns { padding: 20px 0 0 0;}

.header_bar_out { position: fixed; z-index: 1000000;}
.navbar {     transition: background-color 400ms ease,box-shadow 200ms ease;
    position: fixed;
    top: 44px;;
    right: 0;
    left: 0;
    width: 100%;
    margin: 0 auto;
    background-color: #d8d8d8;
    z-index: 1000;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,0.05);}


.getting-started-section h2 { background: none}



/*.container {
    width: 1200px;
    margin: 0 auto;
}*/
.sign_in_form_wrap { width: 450px; margin:8% auto ;}
.logo_wrap { width: 450px; margin: -50px auto 0;}
.back_link { display: inline-block; margin: 20xp 0 !important;}
.forgot-link { display: inline-block; margin: 20xp 0 !important;}
.register_link { display: inline-block; margin: 20xp 0 !important;}



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

.pricing .price_tab:before {content:'|'; margin: 20px 20px; color: #000;}
.pricing .price_tab:first-child:before {content: '';margin: 20px 0; }
.pricing .price_tab { color: #000;}
.pricing .options {  width: 100%; display: flex; flex-direction: row; padding: 0 0 150px;}
.pricing .options .option {background: #fff;
    padding: 20px 20px 30px 20px;
    -webkit-box-shadow: 0 4px 20px 5px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 4px 20px 5px rgba(0,0,0,0.1);
    box-shadow: 0 4px 20px 5px rgba(0,0,0,0.1);
    border-radius: 4px;
    width: 31%;
    margin: 40px 1% 20px;
    border-top: #333 5px solid;

}
.pricing .options .option:nth-child(2) { border-top: #a00304 5px solid;}
.pricing .options .option:last-child { margin: 40px 0 20px 1%; }
.pricing .options .option h2 { color: #333; font-size: 35px; margin: 20px 0;}

.pricing .options .option:nth-child(2) h2 {color: #a00304}
.pricing .options .option .ac_eh {padding: 10px 0;}
.pricing .options .option .price { font-size: 26px; padding: 20px 0;}
.pricing .options .option:nth-child(2) .price {color:#a00304 }
.pricing .options .option .btn-success {     border: #333 1px solid !important;
    background-color: #333 !important; 
}

.pricing .options .option .btn-success:hover { background-color: #fff !important; color: #333 !important;  }
.pricing .options .option:nth-child(2) .btn-success {     border: #a00304 1px solid !important;
    background-color: #a00304 !important; 
}
.pricing .options .option:nth-child(2) .btn-success:hover {     color: #a00304 !important;
    background-color: #fff !important; 
}
.pricing .options .option .details { text-align: left; }
.pricing .options .option .details ul { list-style: none; margin: 0; padding: 0; }
.pricing .options .option .details ul li { margin: 0; padding: 5px; border-bottom: 1px #e9e9e9 solid;}
.pricing .options .option .details ul li:first-child { border-top: 1px #e9e9e9 solid; color: #333; font-weight: 900;}
.pricing .options .option:first-child .details ul li:first-child { font-weight: normal;}



#forgot_password_form,
#sign_reg_in_form { width: 100%; max-width: 900px; margin: 0 auto 40px;}


.screen_size { position: fixed; top: 0; right: 0; background: #777777; padding: 5px; color: #fff;}

.navbar .brand img { width: 100%;}
@media screen and (max-width:1150px) {
}

@media screen and (max-width:1024px) {
   
    
}

@media screen and (max-width:1020px) {
  
    .container { margin: 0; padding: 0 3%; width: 100%; box-sizing: border-box;}
    
    .navbar { top: 0; position: relative;}
    .header_bar { display: none;}
    .footer_blocks .footer_block {  width: 45%; margin: 15px 0 5px 5%; float : left; }
    .footer_icons {  top: 0px;}
        .shell {
        width: 96%;
        padding-left: 2%;
        padding-right: 2%;
   }

    .call_to_action_form {
        width: 100%;
        float: left;
       display:block;
        position: relative;
        top: 0;
        left: 0;
   }
    .call_to_action_form .content {
        padding: 5px 0px 10px 8%;
        margin: 0;
        width: 90%;
        text-align: left;
        display:block;
        float: left;
   }
    .menu_wrap_2017 {
        width: 95%;
   }
    .call_to_action_form .email {
        display: block;
        margin: 5px 0 0 8%;
        float: left;
        width: 60%;
   }
    .call_to_action_form .email input {
        margin: 0 0 0 0;
        width: 90%;
   }
    .call_to_action_form .submit_in {
       width: 30%;
        display: block;
        float: left;
   }
    .call_to_action_form .submit_in input {
        text-align: center;
        margin: 0 0 0 10%;
   }
    .mobile_menu {
        display: block;
        position: relative;
        width: 100%;
        height: auto;
        margin: 0;
        z-index: 2000; 
        position: fixed;
    }
    .mobile_menu.open { background: #fff; height: 100%; }
    .process_menu_wrap {
        display: none;
   }
    .header {
       position: relative;
   }
    .menu_wrap {
        background: none;
        margin: 0 0px;
        height: 0px;
   }
    .call_to_action_form > div {
        display: block;
        float: left;
        width: 80%;
   }
    .mobile_menu_triger {
        display: inline-block;
       ;
        position: relative;
        z-index: 10000;
        border-radius: 5px;
        float: right;
        background: url('images/button_back.jpg') 50% 50%;
        background-size: cover;
        width: 45px !important;
        height: 40px !important;
        overflow: hidden;
        box-shadow: 3px 3px 3px #a1a1a1;
        margin: 5px 10px 0 0;
   }
    .mobile_menu_triger {
        position: absolute;
        top: 0;
        right: 0;
   }

    .mobile_menu_triger {
        cursor: pointer;
   }
   /* padding: 28px 50px 35px 18px;
    */
    .mobile_menu_triger span {
        margin: 17px 10px 5px 10px;
   }
    .mobile_menu_triger.active span {
       margin: 17px 10px 5px 10px;
   }
    .mobile_menu_triger span, .mobile_menu_triger span:before, .mobile_menu_triger span:after {
        cursor: pointer;
        border-radius: 1px;
        height: 4px !important;
        width: 25px;
        background: white;
        position: absolute;
        display: block;
        content: '';
   }
    .mobile_menu_triger span:before {
        top: -10px;
   }
    .mobile_menu_triger span:after {
        bottom: -10px;
   }
    .mobile_menu_triger span, .mobile_menu_triger span:before, .mobile_menu_triger span:after {
        transition: all 0.25s ease-in-out;
   }
    .mobile_menu_triger.active {
   }
    .mobile_menu_triger.active span {
        background-color: transparent;
   }
    .mobile_menu_triger.active span:before, .mobile_menu_triger.active span:after {
        top: 0;
   }
    .mobile_menu_triger.active span:before {
        transform: rotate(45deg);
        -moz-transform:rotate(45deg);
       /* Safari and Chrome */
        -webkit-transform:rotate(45deg);
       /* Opera */
        -o-transform:rotate(45deg);
       /* IE9 */
        -ms-transform:rotate(45deg);
       /* IE6,IE7 */
        filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476);
       /* IE8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)";
   }
    .mobile_menu_triger.active span:after {
        transform: rotate(-45deg);
        -moz-transform:rotate(-45deg);
       /* Safari and Chrome */
        -webkit-transform:rotate(-45deg);
       /* Opera */
        -o-transform:rotate(-45deg);
       /* IE9 */
        -ms-transform:rotate(-45deg);
       /* IE6,IE7 */
        filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=-0.7071067811865476, M12=0.7071067811865475, M21=-0.7071067811865475, M22=-0.7071067811865476);
       /* IE8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=-0.7071067811865476, M12=0.7071067811865475, M21=-0.7071067811865475, M22=-0.7071067811865476)";
   }
    .mobile_menu_wrap {
        position: relative;
        top: 0;
        margin: 0;
        box-sizing: border-box;
        padding: 20px 0;
        
   }
    .mobile_menu_container {
        width: 100%;
        position: relative;
        display: block;
        overflow-y: scroll;
       box-sizing: border-box;
       padding: 0 5px 100px; 
   }
    .mobile_menu_container > ul {
        list-style: none;
        width: 100%;
        display: inline-block;
        padding: 0px;
        margin: 0 0 100px;
        border-radius: 10px;
        text-align: left;
        color : #a00304;
        box-sizing: border-box;
        float: left;
   }
    .mobile_menu_container ul li {
        width: 100%;
        float: left;
   }
    .mobile_menu_container ul li a {
        font-size: 16px !important; font-family: 'Source Sans Pro';
        color : #a00304;
        padding: 10px;
        width: 100%;
        display: inline-block; 
        box-sizing: border-box;
   }
    .mobile_menu_container ul li:last-child a {
       border-bottom: none;
   }
    .mobile_menu_container > ul > li> ul {
        list-style: none;
        display: inline-block;
        padding: 0;
        margin: 10px 4%;
        box-sizing: border-box;
        width: 90%;
        text-align: left;
        color : #a00304;
        float: left;
        background: #e9e9e9;
        
        background: #fff;
        -webkit-box-shadow: 0 4px 20px 5px rgba(0,0,0,0.1);
        -moz-box-shadow: 0 4px 20px 5px rgba(0,0,0,0.1);
        box-shadow: 0 4px 20px 5px rgba(0,0,0,0.1);
        border-radius: 4px;
        border-top: #333 5px solid;
   }
   .mobile_menu_container  a { font-size: 16px !important; font-family: 'Source Sans Pro';
                               display: inline-block;  
                               padding: 10px; 
                               margin: 0;box-sizing: border-box; }
}

@media screen and (max-width: 850px) {
    .navbar-inner { margin: 0; padding: 0; width: 100%;}
    .navbar .container { margin: 0; padding: 0; width: 100%;}
    .navbar .brand { max-width: 70%; margin: 5px 0; }
    
    .container-mid { width: 100%;}
    .process_menu { margin-top: 0px;}
}

@media screen and (max-width: 750px) {
    .popup_in { max-width: 90%; }
}

@media screen and (max-width: 650px) {
    .account_page_wrap .form_block_2 { width: 100%;}

}
@media screen and (max-width: 570px) {
    .navbar .brand {padding: 0 0 0 5px !important;}
    .pricing .options { flex-direction: column;}
    .pricing .options .option { width: 100%;}
    .sign_in_form_wrap { width: 90%; margin: 50px 1%;}
    .register_container { width: 90%;}
    .register_container .logo { width: 90%;}
    .register_container .form_block_2 { width: 100%;}
    .package_details_list li { width: 100%; padding: 0;}
    
}
@media screen and (max-width: 420px) {

    
    .links a{ float: left !important; margin: 5px 0; width: 100%;}
}

#menu-logged-out-main-menu { display : none;}
.flex_row { display: flex; flex-direction: row; }
.red_label { color: #a00304; font-weight: bold;}
.width_200 { width: 200px;}
.font_16 { font-size: 16px;}
/*  LAB Profile */
.page-template-page-module-lab-profile .form_field div { box-sizing: border-box; padding: 10px 10px;}
.page-template-page-module-lab-profile .form_field input[type="checkbox"] { position: relative; top: -5px;}

.price_tag {
    text-align: center; 
}

.price_tag h2 {
    text-align: center;
}

.price_tag a {
    text-align: center;
}

.price_tag p {
    text-align: center;
}