@media (max-width: 1450px) {
    .student.index_index .steps_index .students_answers>div.affix, .student.index_index .steps_index .students_answers>div.affix-top, .student.index_index .steps_index .students_answers{
        width: 350px;
    }

}

@media (max-width: 1250px) {
    .student.index_index .steps_index .students_answers>div.affix, .student.index_index .steps_index .students_answers>div.affix-top, .student.index_index .steps_index .students_answers{
        width: 300px;
    }

}


@media (min-width: 1200px) {
    .student.index_index .students_section_menu ul{
        width:90px;
    }

}

@media (max-width: 1200px) {
    .admin.settings_index .settings_images_section .jcrop-holder{
        margin: 0 auto;
    }
    .admin.settings_index .settings_images_section .cropped_img {
        text-align: center;
    }
    .admin.settings_index .settings_images_section .dropzone {
        margin: 0 auto 27px;
    }
    .admin.settings_index .settings_images_section  .upload_logo>div>div{
        text-align: center;
    }
    .portlet-body h4.spreadsheet_format{
        font-size: 15px;
    }
    .portlet-body .spreadsheet_requirements a{
        font-size: 12px;
    }
    .student.index_index .students_answers_wrapper{
        position: absolute;
        top: 0px;
        z-index: 1000000000;
        background: rgb(255, 255, 255);
        right: 0px;
    }
    .student.index_index .steps_index .steps_content{
        padding-right: 10px;
    }

}
@media (min-width: 992px) {
    .admin.selection_process_index .page-sidebar {
        width: 235px;
        float: left;
        position: relative;
        margin-right: -100%;
    }
    .page-content-wrapper .page_main_section {
        margin-left: 235px;
        margin-top: 0;
        /*min-height: 600px;*/
        padding: 0 0 0 20px;
        overflow: hidden;
    }
    .admin.checklist_selection_process .selection_process .page_main_section{
        margin-left: 260px;
    }

    .admin.checklist_selection_process .selection_process .page_main_section>div>div{
        border: none;
    }
    .page-content-wrapper .page_main_section>div>div {
        border: 1px solid #e7ecf1;
    }
    .page-content-wrapper .page-head {
        position: relative;
    }
    .page-content-wrapper .page-head:after {
        content: '';
        width: 100%;
        height: 3px;
        position: absolute;
        bottom: 0;
        box-shadow: 0 1px 1px 0px rgba(0,0,0,.1);
        -webkit-box-shadow: 0 1px 1px 0px rgba(0,0,0,.1);
    }
    .enterprise.enterprise_index .add_new_org_btn,  .enterprise.enterprise_index  .org_save_btn{
        margin-right: 272px;
    }
    .enterprise.enterprise_index #add_org_section .add_adminstrator button{
        margin-right: 262px;
    }

}






@media (max-width: 991px) {
    .login .login_messages{
        width:  360px;
        margin: 0 auto;
        margin-bottom: 20px;
    }
    .login .sso_logo{
        display: none;
    }
    .login .login-title {
        font-size: 22px;
    }
    .sidebar_menu .page-sidebar {
        width: 45px;
        float: left;
        position: relative;
        margin-right: -100%;
        -webkit-transition: 100ms linear;
        -moz-transition: 100ms linear;
        -o-transition: 100ms linear;
        transition: 100ms linear;
    }

    .admin.checklist_selection_process .selection_process .page_main_section{
        margin-left: 260px;
    }

    .selection_process_menu.sidebar_menu .page-sidebar {
        width: 235px;
        float: left;
        position: relative;
        margin-right: -100%;
    }
    .page-sidebar .page-sidebar-menu > li.active > a {
        font-size: 18px;
    }

    .page-sidebar .page-sidebar-menu > li > a {
        color: #2f373e;
        display: block;
        position: relative;
        margin: 1px 0 0 0;
        border: 0px;
        padding: 12px 10px;
        text-decoration: none;
        font-size: 18px;
    }
    .page-content-wrapper .page_main_section {
        margin-left: 45px;
        margin-top: 0;
        padding: 0 0 0 20px;
        overflow: hidden;
    }
    .admin.settings_index .sidebar_menu .page-sidebar .page-sidebar-menu .title, .admin.settings_index .page-sidebar .page-sidebar-menu .arrow{
        display: none;
    }
    .selection_process_menu.sidebar_menu .page-sidebar .page-sidebar-menu .title, .selection_process_menu.sidebar_menu .page-sidebar .page-sidebar-menu .arrow{
        display: inline-block;
    }
    .selection_process_menu.sidebar_menu .page-sidebar .page-sidebar-menu > li.heading h3{
        display: block;
    }

    .sidebar_menu .page-sidebar.min_sidebar_menu_active{
        width: 235px;
        z-index: 1000000;
        -webkit-transition: 100ms linear;
        -moz-transition: 100ms linear;
        -o-transition: 100ms linear;
        transition: 100ms linear;
        -webkit-box-shadow: 7px 0px 14px -5px rgba(0,0,0,0.4);
        -moz-box-shadow: 7px 0px 14px -5px rgba(0,0,0,0.4);
        box-shadow: 7px 0px 14px -5px rgba(0,0,0,0.4);;
    }

    .admin.settings_index  .sidebar_menu .page-sidebar.min_sidebar_menu_active .page-sidebar-menu .title {
        display: inline-block;
        position: absolute;
        -webkit-transition: 100ms linear;
        -moz-transition: 100ms linear;
        -o-transition: 100ms linear;
        transition: 100ms linear;
        left: 42px;
        top: 16px;
    }
    .sidebar_menu .page-content-wrapper .page_main_section {
        margin-left: 45px;
        margin-top: 0;
        /*min-height: 600px;*/
        padding: 0 0 0 20px;
        overflow: hidden;
    }
    .sidebar_menu .page-sidebar .page-sidebar-menu > li.heading{
        padding: 5px;
    }
    .admin.settings_index .sidebar_menu .page-sidebar .page-sidebar-menu > li.heading h3{
        display: none;
    }
    .sidebar_menu .page-sidebar .page-sidebar-menu > li.heading i.fa-bars {
        font-size: 25px;
        cursor: pointer;
    }
    .sidebar_menu .page-sidebar .page-sidebar-menu > li.heading i.fa-bars {
        font-size: 25px;
        cursor: pointer;
        float: right;
    }
    .sidebar_menu .page-sidebar.min_sidebar_menu_active .page-sidebar-menu> li.heading i.fa-bars{
        display: none!important;
    }
    .sidebar_menu .page-sidebar .page-sidebar-menu > li.heading i.icon-logout{
        display: none!important;
        font-size: 18px;
        cursor: pointer;
        float: right;
    }
    .sidebar_menu .page-sidebar.min_sidebar_menu_active .page-sidebar-menu > li.heading i.icon-logout{
        display: block!important;
    }

    .admin.settings_index .page-sidebar .student_report_link {
        padding: 0 8px;
    }
    .admin.settings_index .page-sidebar.min_sidebar_menu_active .student_report_link {
        padding: 0 12px;
    }
    .admin.settings_index .page-sidebar.min_sidebar_menu_active .student_report_link span{
        display: inline-block!important;
    }
    .admin.settings_index .page-sidebar .student_report_link .btn {
        padding: 6px 7px;
    }
    .page-header .page-header-menu .hor-menu .navbar-nav>li:hover>a {
        background: 0 0!important;
        color: #4285F4!important;
    }
    .admin.checklist_index .sidebar_menu .page-sidebar {
        width: 235px;
        float: left;
        position: relative;
        margin-right: -100%;
        -webkit-transition: 100ms linear;
        -moz-transition: 100ms linear;
        -o-transition: 100ms linear;
        transition: 100ms linear;
        border: 1px solid #e7ecf1;
    }
    .admin.checklist_index .checklist_years_section {
        border: none;
    }
    .admin.checklist_index .page-content-wrapper .page_main_section {
        margin-left: 235px;
        margin-top: 0;
        /* min-height: 600px; */
        padding: 0 0 0 20px;
        overflow: hidden;
    }
    .dropzone_section{
        display: block;
    }
    .admin.selection_matrix_year .dropzone, .admin.students_index .student_upload_section .dropzone{
        max-width: inherit;
    }
    .admin.report_index .creat_report_section .report_tools_items{
        width: 120px;
    }

    .admin.report_index .creat_report_section .report_template{
        margin-left: 120px;
    }
    .admin.report_index  .creat_report_section .report_page.size_A4 .report_conent_text{
        height: 100px;
    }
    .admin.report_index  .creat_report_section .report_page.size_A4 h2{
        font-size: 25px;
    }
    .admin.report_index .creat_report_section .report_page.size_A4 {
        padding: 20px 25px;
    }
    .admin.report_index .creat_report_section .report_template>h2, .admin.report_index .creat_report_section .report_tools_items>h2{
        font-size: 25px;
    }
    .admin.report_index .report_tools_items button:hover i{
        display: none;
    }
    .page-header .page-header-menu{
        background: #eff3f8;
        padding: 20px 0;
    }
    .help.help_index .page-header .page-header-menu{
        padding: 20px 0 0;
    }

    .help.help_index .page-content{
        padding: 15px 0;
    }
    .help.help_index .help_sidebar_menu .page-sidebar-menu li.nav-item>span.title {
        width: 160px;
        display: inline-block;
        padding: 3px 5px;
        outline: none;
    }
    .help.help_index .help_sidebar_menu .page-sidebar-menu li > a > .arrow:before {
        right: 0px;
    }
    /*translate edit start*/
    .translate.translate_edit .page-header .page-header-menu{
        padding: 20px 0 0;
    }

    .translate.translate_edit .page-content{
        padding: 15px 0;
    }
    .translate.translate_edit .help_sidebar_menu .page-sidebar-menu li.nav-item>span.title {
        width: 160px;
        display: inline-block;
        padding: 3px 5px;
        outline: none;
    }
    .translate.translate_edit .help_sidebar_menu .page-sidebar-menu li > a > .arrow:before {
        right: 0px;
    }
    /*translate edit end*/

    .enterprise.enterprise_index #active_organisations_wrapper table tr td:last-child,
    .enterprise.enterprise_index #inactive_organisations_wrapper table tr td:last-child,
    .enterprise.enterprise_index #add_org_section table tr th:last-child,
    .enterprise.enterprise_index #add_org_section table tr td:last-child{
        max-width: 150px!important;
        width: 150px!important;
    }
    .enterprise.enterprise_index #add_org_section table.edit_org_table tr th:last-child,
    .enterprise.enterprise_index #add_org_section table.edit_org_table tr td:last-child,
    .enterprise.enterprise_index #add_org_section table.add_org_table tr th:last-child,
    .enterprise.enterprise_index #add_org_section table.add_org_table tr td:last-child{
        max-width: 0px!important;
        width: 0px!important;
        padding: 0!important;
    }


}

@media (min-width: 768px) {
    .admin.checklist_index .checklist_years_section>div.open_close_icons,  .admin.checklist_index .page_main_section .menu_open_icon{
        display: none;
    }
    .margin-top--20{
        margin-top: -20px!important;
    }

    .admin.selection_process_index .selection_process .page-sidebar i, .page-content-wrapper .page_main_section .menu_open_icon{
        display: none;
    }
    .translate.translate_edit .input-group {
        margin: 10px;
        width: 90%;
        display: flex;
        align-items: center;
    }
    .translate.translate_edit .input-group label{
        white-space: pre-wrap;
        word-break: break-word;
    }
}
@media (max-width: 767px) {
    .admin.checklist_index .page_main_section .portlet.light.portlet-fit>.portlet-title{
        padding-left: 60px;
    }
    .table-responsive{
        margin-top:10px
    }
    .dataTables_filter label{
        margin-bottom: 10px;
    }

    .admin.checklist_selection_process .selection_process .page_main_section {
        margin-left: 0;
        padding: 0;
    }

    .admin.checklist_selection_process .selection_process {
        position: relative;
    }

    .admin.checklist_selection_process .selection_process > div > .page-sidebar {
        position: absolute;
        left: -270px;
        transition: left 0.5s ease;
    }

    .admin.checklist_selection_process .selection_process .page-sidebar.sel_proc_min_sidebar {
        position: absolute;
        left: -30px;
        transition: left 0.5s ease;
    }

    .admin.checklist_selection_process .selection_process .page-sidebar i {
        position: absolute;
        left: 235px;
        z-index: 100000;
        transition: left 0.3s ease;
    }

    .admin.checklist_selection_process .selection_process .page-sidebar i.icon-logout {
        display: none;
    }

    .admin.checklist_selection_process .selection_process .page-sidebar i.icon-login {
        display: block;
    }

    .admin.checklist_selection_process .selection_process .page-sidebar i.icon-login:hover {
        left: 240px;
    }

    .admin.checklist_selection_process .selection_process .page-sidebar.sel_proc_min_sidebar i.icon-login {
        display: none;
    }

    .admin.checklist_selection_process .selection_process .page-sidebar.sel_proc_min_sidebar i.icon-logout {
        display: block;
    }

    .admin.checklist_index .page-content-inner>.sidebar_menu{
        position: absolute;
        left: -255px;
        transition: left 0.2s ease;
        z-index: 1000;
    }
    .admin.checklist_index .page-content-inner>.sidebar_menu.active_year_list{
        left: 0px;
        -webkit-box-shadow: 7px 0px 14px -5px rgba(0,0,0,0.4);
        -moz-box-shadow: 7px 0px 14px -5px rgba(0,0,0,0.4);
        box-shadow: 7px 0px 14px -5px rgba(0,0,0,0.4);;
    }
    .admin.checklist_index .page-content-wrapper .page_main_section{
        margin-left: 0;
        padding-left: 0;
    }

    .admin.checklist_index .checklist_years_section>div.open_close_icons i, .admin.selection_process_index .selection_process_menu div.open_close_icons i{
        font-size: 20px;
        cursor: pointer;
        transition: left 0.3s ease;
        padding: 10px 10px 0 0;

    }
    .admin.selection_process_index .selection_process_menu div.open_close_icons i{

        padding: 10px 0 0 0;

    }
    .admin.checklist_index .page-content-inner>.sidebar_menu .open_close_icons i.icon-logout{
        display: none;
    }
    .admin.checklist_index .page-content-inner>.sidebar_menu .open_close_icons i.icon-login{
        display: block;

    }
    .admin.checklist_index .page-content-inner>.sidebar_menu .open_close_icons i.icon-login:hover{
        right: -28px;
    }
    .admin.checklist_index .page-content-inner>.sidebar_menu.active_year_list .open_close_icons i.icon-logout{
        display: block;
    }
    .admin.checklist_index .page-content-inner>.sidebar_menu.active_year_list .open_close_icons i.icon-login{
        display: none;
    }

    .admin.selection_matrix_index .dropzone {
        max-width: 100%;
    }
    .text_left_xs{
        text-align: left;
    }

    button[confirmed-click].confirm_top_click_xs .box .arrow{
        display: none;
    }
    button[confirmed-click].confirm_top_click_xs .box .arrow:after{
        content: " ";
        display: none;
    }
    button[confirmed-click].confirm_top_click_xs .box {
        top: -95px;
        left: 0;
    }
    button[confirmed-click].confirm_bottom_click_xs .box .arrow{
        display: none;
    }
    button[confirmed-click].confirm_bottom_click_xs .box .arrow:after{
        content: " ";
        display: none;
    }
    button[confirmed-click].confirm_bottom_click_xs .box {
        bottom: -95px;
        left: 0;
        top:inherit;
    }
    .selection_matrix_year.admin .selection_matrix_content .spreadsheet_upload_titile{
        margin-top:20px;
    }
    .admin.selection_process_index .portlet.light > .page-sidebar{
        position: absolute;
        left:-255px;
        transition: left 0.15s ease;
    }
    .admin.selection_process_index .portlet.light > .page-sidebar.sel_proc_min_sidebar{
        position: absolute;
        left:-22px;
        z-index: 1000000;
    }


    .admin.selection_process_index .portlet.light > .page-sidebar.sel_proc_min_sidebar .page-sidebar{
        webkit-box-shadow: 7px 0px 14px -5px rgba(0,0,0,0.4);
        -moz-box-shadow: 7px 0px 14px -5px rgba(0,0,0,0.4);
        box-shadow: 7px 0px 14px -5px rgba(0,0,0,0.4);
    }

    .admin.selection_process_index .portlet.light > .page-sidebar.sel_proc_min_sidebar, .admin.selection_process_index .portlet.light > .page-sidebar .portlet-fit {
        background: transparent;
    }

    .admin.selection_process_index .page-content-wrapper .page_main_section {
        margin-left: 0;
        padding-left: 0;
    }
    .admin.selection_process_index .page-content-wrapper .page_main_section {
        background: transparent;
    }
    .admin.selection_process_index .page-content-wrapper .page_main_section .menu_open_icon{
        font-size: 23px;
        padding: 10px;
        cursor: pointer;
        display: inline-block;
    }
    .admin.selection_process_index .page-sidebar .page-sidebar-menu, .admin.selection_process_index .portlet.light > .page-sidebar {
        border: none;
    }

    .admin.selection_process_index .portlet.light > .page-sidebar .page-sidebar {
        border: 1px solid #e7ecf1;
    }


    .admin.report_index .creat_report_section .report_tools_items{
        width: 120px;
        position: absolute;
        left: -120px;
        -webkit-transition: 100ms linear;
        -moz-transition: 100ms linear;
        -o-transition: 100ms linear;
        transition: 100ms linear;
    }
    .admin.report_index .creat_report_section .report_tools_items.open_toolbar{
        left: 0px;
        background: #fff;
        padding: 10px 30px;
        z-index: 1000;
        box-sizing: content-box;
        box-shadow: 0 0 0.1cm rgba(0,0,0,0.5);
    }
    .admin.report_index .creat_report_section .report_template{
        margin-left: 0;
        padding-left: 0;
    }
    .admin.report_index  .creat_report_section .report_page.size_A4 .report_conent_text{
        height: 100px;
    }
    .admin.report_index  .creat_report_section .report_page.size_A4 h2{
        font-size: 25px;
    }
    .admin.report_index .creat_report_section .report_page.size_A4 {
        padding: 20px 25px;
        margin: 5px 10px;
    }
    .admin.report_index .creat_report_section .report_template .show_hide_toolbar{
        display: block;
    }

    .help.help_index .help_sidebar_menu {
        width: 200px;
    }
    .help.help_index .help_content {
        margin-left: 200px;
        padding: 0 0 0 20px;
    }
    .help.help_index .help_sidebar_menu .page-sidebar-menu li.nav-item>span.title{
        width: 150px;
    }
    .help.help_index .help_sidebar_menu .page-sidebar-menu li > a > .arrow:before{
        width: 14px;
        right: 0px;
        margin-right: 0px;
        margin-left: 0px;
        font-size: 22px;
    }
    .help.help_index .portlet.light {
        padding: 12px 10px 15px;
        background-color: #fff;
    }
/*translate edit start */
    .translate.translate_edit .help_sidebar_menu {
        width: 200px;
    }
    .translate.translate_edit .help_content {
        margin-left: 200px;
        padding: 0 0 0 20px;
    }
    .translate.translate_edit .help_sidebar_menu .page-sidebar-menu li.nav-item>span.title{
        width: 150px;
    }
    .translate.translate_edit .help_sidebar_menu .page-sidebar-menu li > a > .arrow:before{
        width: 14px;
        right: 0px;
        margin-right: 0px;
        margin-left: 0px;
        font-size: 22px;
    }
    .translate.translate_edit .portlet.light {
        padding: 12px 10px 15px;
        background-color: #fff;
    }
    .translate.translate_edit .input-group {
        margin: 10px;
        width: 90%;
    }
/*translate edit end */

}

@media (min-width: 601px){
    .help.help_index  .help_sidebar_menu{
        margin-left: 0!important;
    }
    .translate.translate_edit  .help_sidebar_menu{
        margin-left: 0!important;
    }
}
@media (max-width: 600px){
    .admin.report_index .creat_report_section{
        overflow-x: auto;
        min-height: .01%;
    }
    .admin.report_index .creat_report_section .report_template{
        width: 516px;
    }
    .help.help_index .help_content {
        margin-left: 20px;
        padding: 0;
    }
    .help.help_index .page-content-inner{
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        box-flex: 1;
        -webkit-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        /*min-height: 1px;*/
        overflow: hidden;
        padding-top: 25px;
    }
    .help.help_index .help_sidebar_menu {
        width: 200px;
        margin-left: -220px;
        -webkit-transition: margin-left .25s ease-out;
        -moz-transition: margin-left .25s ease-out;
        transition: margin-left .25s ease-out;
        box-sizing: content-box;
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        box-orient: vertical;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        flex-direction: column;
        -ms-flex-direction: column;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        flex-shrink: 0;
        -ms-flex-negative: 0;
        overflow: hidden;
        position: relative;
        z-index: 0;
    }
    .help.help_index .help_content{
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        box-flex: 1;
        -webkit-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        box-orient: vertical;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        flex-direction: column;
        -ms-flex-direction: column;
        min-width: 1px;
        z-index: 0;
        -webkit-transition: margin-right .25s ease-out;
        -moz-transition: margin-right .25s ease-out;
        transition: margin-right .25s ease-out;

    }
    .help.help_index .help_content.help_left_open{
        min-width: 600px;
        -webkit-transition: width .25s ease-out;
        -moz-transition: width .25s ease-out;
        transition: width .25s ease-out;

    }
    .help.help_index .help_content.help_left_open .portlet-title .caption, .help.help_index .help_content.help_left_open .portlet-body{
        opacity: 0.5;
    }
    .help.help_index .help_menu{
        display: inline-block;
        outline: none;
        float: left;
        line-height: 2.2;
        font-size: 18px;
        margin-right: 20px;
        margin-left: 10px;
        width: 10px;
    }
/*translate edit start*/
    .translate.translate_edit .help_content {
        margin-left: 20px;
        padding: 0;
    }
    .translate.translate_edit .page-content-inner{
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        box-flex: 1;
        -webkit-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        /*min-height: 1px;*/
        overflow: hidden;
        padding-top: 25px;
    }
    .translate.translate_edit .help_sidebar_menu {
        width: 210px;
        margin-left: -220px;
        -webkit-transition: margin-left .25s ease-out;
        -moz-transition: margin-left .25s ease-out;
        transition: margin-left .25s ease-out;
        box-sizing: content-box;
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        box-orient: vertical;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        flex-direction: column;
        -ms-flex-direction: column;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        flex-shrink: 0;
        -ms-flex-negative: 0;
        position: relative;
        z-index: 0;
    }
    .translate.translate_edit .help_content{
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        box-flex: 1;
        -webkit-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        box-orient: vertical;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        flex-direction: column;
        -ms-flex-direction: column;
        min-width: 1px;
        z-index: 0;
        -webkit-transition: margin-right .25s ease-out;
        -moz-transition: margin-right .25s ease-out;
        transition: margin-right .25s ease-out;

    }
    .translate.translate_edit .help_content.help_left_open{
        min-width: 600px;
        -webkit-transition: width .25s ease-out;
        -moz-transition: width .25s ease-out;
        transition: width .25s ease-out;
    }
    .translate.translate_edit .input-group {
        margin: 10px;
        width: 90%;
    }

    .translate.translate_edit .help_content.help_left_open .portlet-title .caption, .help.help_index .help_content.help_left_open .portlet-body{
        opacity: 0.5;

    }
    #translate-edit-body{
        display: flex;
    }
    .translate.translate_edit .help_menu{
        display: inline-block;
        outline: none;
        float: left;
        line-height: 2.2;
        font-size: 18px;
        margin-right: 20px;
        margin-left: 10px;
        width: 10px;
    }
    .translate.translate_edit .portlet-title{
        display: flex;
    }
    #translation-hedaer-text{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    }
    .translate.translate_edit .search-header{
        flex-direction: column;
        margin-bottom: 15px;
    }
/*translate edit end*/
}


@media (max-width: 480px){
    .login .content, .login .login_messages {
        padding: 30px;
        width: auto;
    }
    .admin.settings_index .settings_images_section .upload_logo h3, .admin.settings_index .settings_images_section .upload_banner h3 {
        font-size: 17px;
    }
    .admin.selection_process_index .selection_process .caption a[type="button"]{
        width: 100%!important;
        margin-bottom: 10px;
    }
    .page-header .page-header-top .small_device_container .top-menu{
        clear: inherit;
        margin-top: 0;
        background-color: inherit;
    }
    .small_device_container>img.logo-default {
        margin-top: 5px;
    }
    .page-header .page-header-top .small_device_container .menu-toggler {
        margin: 10px 3px 0 0;
    }
    .page-header .page-header-top .small_device_container .top-menu .navbar-nav>li.dropdown-user .dropdown-toggle {
        padding: 10px 0 7px;
    }

}
@media (min-width: 401px){
    .button_margin_right_20{
        margin-right: 20px;
    }
    .button_margin_right_10{
        margin-right: 10px;
    }
    .button_margin_right_5{
        margin-right: 5px;
    }
   #spreadsheet_requirements .note {
        margin: 0 0 20px;
        padding: 15px 10px 15px 15px;
    }
    .xs_show{
        display: none;
    }
}
@media (max-width: 400px){
    .xs_block{
        width: 100%!important;
        margin-bottom: 10px;
    }
    .xs_hide{
        display: none;
    }
    .xs_show{
        display: inline-block;
    }
    .portlet.light.portlet-fit>.portlet-body {
        padding: 10px;
    }
    .admin.settings_index .settings_images_section .dropzone-file-area{
        width: auto;
    }
    .dataTables_filter{
        margin-right: 0;
        margin-bottom: 10px;
    }
    .dataTables_filter label, .dataTables_filter label input {
        width: 100%!important;
    }
    .spreadsheet_requirements{
        text-align: left;
    }
    .schools #billings_details input.send_invoice, .schools #billings_details input.billing_notes{
        width: 75%;
    }
    .schools .coord_type md-checkbox{
        width: 24px;
    }

}