.checklist .btn-link{
    padding: 0;
}
.text-left{text-align: left !important}
a{
    color: #0c73b1;
}
.dashboard_page{background: #f9f9f9;}
.content_question{padding: 10px;}
.col_question{border-top: 2px solid #ccc; overflow: hidden; background: #fff;}
.no_padding{padding: 0 !important;}
.map_area_flot{max-width: 100%; overflow: hidden; background: #fff; padding: 15px}
.map_area_flot h2{margin-top: 0; margin-bottom: 20px;}
#placeholder {
    width: 800px;
    height: 200px;
    margin-bottom: 20px;
}
.page-heading h2{font-family: 'Bitter'; margin: 0;}
.page-heading{
    overflow: hidden;
}
#placeholder .legend{display: none;}
.legend table, .legend > div {
    height: 50px !important;
    opacity: 1 !important;
    right: 285px;
    top: 10px;
    width: 100px !important;
}

.legend table {
    border: 1px solid #555;
    padding: 5px;
}
.col_question h2{
    margin: 0;
    font-size: 16px;
    color: #0c73b1;
    border-bottom: 1px solid #ccc;
    padding: 10px 15px;
}
.col_question .col-xs-3{
    min-height: 180px;
    background: #0c73b1;
}
.col_question .background_icon{background: #0c73b1; position: absolute; height: 100%; width: 16%}
.state_transforming_ed .col_question .background_icon{background: #005fae}
.state_transforming_ed .col_question .content_boxes h2, .state_transforming_ed .col_question .content_boxes h2 a{color:#2f4050}
.col_question .content_boxes{padding-left: 16%; overflow: hidden}
.col_question .col-xs-9{min-height: 180px;}
.col_question span.glyphicon{
    position: absolute;
    top: 44%;
    left: 40%;
    color: #ccc;
}
.content_question strong{font-size: 72px;}
.dashboard_list ul li{list-style: none;}
.user_list{border-top: 2px solid #ccc; overflow: hidden; margin-bottom: 30px; padding-bottom: 20px; background: #fff}
.user_list .table>tbody>tr>td{border: none;}
.user_list h3{
    margin: 0;
    padding: 10px 15px;
    font-size: 18px;
    border-bottom: 1px solid #ccc;    
}
.user_list .notification_dashboard .table tr td{
    border-bottom: 1px dotted #ccc;
}
.user_list h3 a{font-size: 14px;}
.respondent_monthly{
    margin-top: 50px;    
}
.non_border tr td{
    border: none !important;
}
.show_availibale_language{
    max-height: 210px;
    min-height: 50px;
    overflow: auto;
}

#wizard ul.nav_tab{display: none !important;}
div.error{color: red;}
.strikethrough{
    text-decoration: line-through;
}
.notification_dashboard{
    max-height: 310px;
    min-height: 35px;
    overflow: auto;
    scrollbar-face-color: #eee;
    scrollbar-highlight-color: #fff;
    scrollbar-3dlight-color: #ccc;
    scrollbar-darkshadow-color: #fff;
    scrollbar-shadow-color: #aaa;
    scrollbar-arrow-color: #000000;
    scrollbar-track-color: #eee;
}
ul.accordion li{
   padding: 10px 15px;
   margin-bottom: 2px;
}
ul.accordion li span{float: right;}
ul.accordion li p{margin: 0;}
.table_copy_survey tr td{border: none !important;}
.table_copy_survey{max-width: 500px; margin-top: 20px}
ul li span.notification{
    position: absolute;
    background: #0086b3;
    color: #fff;
    top: 6px;
    padding: 0 2px;
    left: 25px;
    font-size: 12px;
}
.col_question .glyphicon{
    width: 20px;
    height: 21px;
}

.boxes .background_icon .glyphicon{
    width: 30px;
    height: 30px;
    position: absolute;
    top: 44%;
    left: 34%;
    color: #ccc;
}
.boxes .background_icon span.icon_user_activity{
    width: 43px;
    height: 26px;
    left: 25%;
}
.col_question .icon_respondent{
    background: url('../images/icon_respondent.png');
}
.col_question .icon_question{
    background: url('../images/icon_question.png');
}
.col_question .icon_survey{
    background: url('../images/icon_surveys.png');
}
.col_question .icon_school_district{
    background: url('../images/icons/school.png');
}
.col_question .icon_your_survey{
    background: url('../images/icons/track.png');
}
.col_question .icon_your_roster{
    background: url('../images/icons/user.png');
}
.col_question .icon_survey_window{
    background: url('../images/icons/clock.png');
}
.col_question .icon_track_survey{
    background: url('../images/icons/stat.png');
}
.col_question .icon_user_activity{
    background: url('../images/icons/friend.png');
}

.breakcumb .breadcrumb{background: #fff;}
.breakcumb .breadcrumb a{color: #232323}
.breakcumb .breadcrumb li.active{font-weight: bold; color: #232323;}

.form_search input{
    border: none;
    background: #f9f9f9;
    width: 350px;
    margin-left: 5px;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
}
#menu-toggle{
    color: #fff;
    background: #0c73b1;
    border: none;
} 
.page-content-wrapper, #page-content-wrapper{
    min-height: 600px;
    background: #f1f1f1;
}
#page-content-wrapper nav.navbar{
    margin-bottom: 0;    
}
#page-content-wrapper nav.navbar .navbar-header{
    padding: 10px 20px;
}

.action_new_survey, .action_new_survey_link{margin-bottom: 10px;}

.group_title input{
    max-width: 300px;
    margin-left: 20px;
    display: initial;
}
.group_content{
    margin-top: 20px;
    padding: 20px 15px;
    border: none;
    border-top: 2px solid #cfcfcf;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

.group_toolbar .btn-group .btn{
    background: #0c73b1 !important;
    color: #fff !important;
}
.group_toolbar .btn-group ul.dropdown-menu{
    background: #15a9e7;
    border: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}
.group_toolbar .btn-group ul.dropdown-menu li a{
    color: #fff;
    background: none;
}
.group_toolbar .btn-group ul.dropdown-menu li a:hover{
    font-weight: bold;
}

/* begin footer */

#footer{
    background: #cfcfcf;
    padding: 30px 15px;
}
#footer p.text-center{margin: 0; color: #fff;}

/* end footer */

.search_form{margin-top: 10px;}

#user_group{margin-right: 0}
.form_list_user_filter .search_form{margin-top: 0}
.search_form  label{margin-right: 5px;}
.survey_title_add{
    padding: 6px 12px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;    
    border: 1px solid #ccc;
    width: 300px;
}
.group_toolbar{
    margin-bottom: 20px;
}
.import_file input[type="file"]{padding: 6px 0;}
input[type="file" i]::-webkit-file-upload-button{
    padding: 6px 15px;
}
#import_form{background: #fff; padding: 50px 15px; margin: 50px auto; border-top: 2px solid #ccc}
#import_form .import_file{margin-bottom: 50px;}
.add_type_question img{
    margin-bottom: 20px;
}
.response_rate{max-width: 270px; margin: 20px auto;}
.response_rate caption{font-size: 24px; text-align: center;}
#delete_teacher{margin-bottom: 10px;}
.notification_not_data{margin-top: 15px;}
.navbar_user{margin-right: 0 !important;}
.navbar_user .dropdown-menu{left: auto; right: 0}
.navbar_user li a.dropdown-toggle{color: #0c73b1; font-style: italic}
.add_type_question .radio_group{margin-left: 0; margin-right: 0}
.add_type_question .radio_group .col-sm-12{padding-left: 20px; padding-right: 150px;}
.add_type_question .radio_group .col-sm-12 select{
    position: absolute;
    top: 0;
    right: 30px;
    width: 100px;
}
.add_type_question .radio_group input[type="radio"]{
    position: absolute;
    top: 8px;
    left: 15px;
}
.add_type_question .radio_group .remove_option{
    position: absolute;
    top: 8px;
    right: 5px;
    font-size: 16px;
}
.add_type_question .radio_group .remove_option_sub{
    position: absolute;
    top: 8px;
    right: 5px;
    font-size: 16px;
}
.add_type_question .radio_group .remove_option_edit{
    position: absolute;
    top: 8px;
    right: 5px;
    font-size: 16px;
}
#page-content-wrapper .table-striped>tbody>tr:nth-of-type(even),
#page-content-wrapper .table-striped>thead>tr{
    background: #f1f1f1;
}
#page-content-wrapper .table-striped>tbody>tr:nth-of-type(odd){
    background: #ffffff;
}
#page-content-wrapper .table-striped>tbody>tr td p{margin: 0;}
#page-content-wrapper .table-striped>tbody>tr td, 
#page-content-wrapper .table-striped>thead>tr th{border: 0; padding: 15px 5px;}
#page-content-wrapper .data_table_sortable .table-striped>tbody>tr td,
#page-content-wrapper .data_table_sortable .table-striped>thead>tr th{padding: 10px 18px;}
#page-content-wrapper .data_table_sortable thead th{
    background-position: left;
}
.DTFC_LeftBodyWrapper .DTFC_LeftBodyLiner{overflow-y: hidden !important}
#page-content-wrapper .table-striped>thead>tr th .th-inner{padding-top: 0; padding-bottom: 0; line-height: 1.5; padding-right: 0;}
#page-content-wrapper .fixed-table-container thead th .sortable{background-position: left;padding-left:30px}
#page-content-wrapper .fixed-table-container,
#page-content-wrapper .fixed-table-container .table,
#page-content-wrapper .fixed-table-container thead th{border: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0;}
#page-content-wrapper .table-striped>tbody>tr td:last-child a:last-child{margin-left: 5px;}
#page-content-wrapper .table-striped>tbody>tr td:last-child,
#page-content-wrapper .table-striped>thead>tr th:last-child{text-align: right;}
#page-content-wrapper .groups>tbody>tr td:last-child,
#page-content-wrapper .groups>thead>tr th:last-child,
#page-content-wrapper .respondents>tbody>tr td:last-child,
#page-content-wrapper .respondents>thead>tr th:last-child{text-align: left}

/* Ensure that the demo table scrolls */
.data_table_sortable th, .data_table_sortable td { white-space: nowrap;}
div.dataTables_wrapper {
    width: 100%;
    margin: 0 auto;
}
#page-content-wrapper .data_table_sortable .table-striped>tbody>tr td:last-child, #page-content-wrapper .data_table_sortable .table-striped>thead>tr th:last-child{
    text-align: center !important
}
#page-content-wrapper .data_table_sortable .table-striped>thead>tr>th{vertical-align: middle;text-align: center}
.fixed_column_not_sort_column{background: none !important}   
.data_table_sortable .set_width_column{width: 150px;white-space: normal;display:block}

table img.pdf{width: 30px; height: auto}
.gender label{        
    font-weight: normal;
}
.gender label:first-child{margin-right: 15px}
.respondents tr td a.btn{padding: 5px;}
.send_instruction{
    max-width: 350px;
    width: 100%;
}
.send_instruction #instructions{
    width: 60%;
    float: left;
    margin-right: 2%;
}
.send_instruction button{
    float: left;
    width: 38%;
}
.clear{clear: both;}
#data_sending, #data_sending_success{
    padding: 10px 15px;
    margin-top: 10px;
}
.navbar_user li a.reports{color: #0c73b1}
.help_video .col-sm-4{margin-bottom: 20px;}
.help_video .col-sm-4 h2{
    min-height: 40px;
    font-size: 18px;
}
.step_by_step{margin-bottom: 30px; background: #5aabfd; min-height: 480px; position: relative}
.step_by_step img{width: 100%; margin: 0 auto; display: block; padding-left: 10px; padding-right: 10px;max-width:580px;}
.step_by_step .progress-content{padding: 10px 15px; position: absolute;width: 100%;bottom: 0}
.step_by_step .progress-content .progress_bg{background: #f9f9f9; padding: 10px 15px;}
.step_by_step .progress-content .progress{margin-bottom: 0}
.user_content{margin-top: 50px;}
.form-group button.glyphicon-question-sign{color: #0c73b1; border: 0; padding: 0; background: #ffffff; outline: 0}
.bs-example-tabs .nav-tabs {
    margin-bottom: 15px;
}
.load_more_user{max-height: 310px; min-height: 40px; overflow-y: auto;}
#more_user_upload{margin-top: 17px;}
.user_content .progress{margin-bottom: 50px}
.box_right{margin-top: 20px; margin-bottom: 20px}
.boxes{margin-bottom: 30px; position: relative}
.user_admin .load_more_user, .user_admin .notification_dashboard{
    height: 150px;
}
#dashboard_map .boxes{
    min-height: 480px
}
.user_admin .col_question .content_boxes{
    height: 230px;
}
#import_form .fancybox img{max-width: 500px; width: 100%}
#show_audio_speak{outline: 0; background: url(../images/icons/volume.png) no-repeat; width: 73px; height: 75px; margin-left: 10px}
#show_audio_speak:hover{
    background: url(../images/icons/volume_hover.png) no-repeat
}
.checklist .alert-info{padding-top: 10px; padding-bottom: 10px}
.checklist .alert-info span.glyphicon{font-size: 30px; margin-right: 10px; vertical-align: middle;-ms-transform: rotate(30deg);-webkit-transform: rotate(30deg);transform: rotate(30deg)}
.checklist .title{font-size: 16px}
.checklist table, .checklist table button, .checklist .alert-info, .checklist .alert-info a{font-size: 16px}
.form-group .button_question{padding: 0; outline: 0}
.text_choose p{margin: 0}
.font-text{font-size: 16px;}
.action_new_survey_link i.glyphicon{color: #337ab7; font-size: 22px; vertical-align: middle}
label.error{
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #ef4870;
    margin-bottom: 0px;
    font-weight: 600;
    display: initial;
}
#save_all_school button{margin-top: 10px}
.setting_survey .btn-link{padding: 0;text-align: left;white-space:normal}
ul.survey_window{padding-left: 20px}
ul.survey_window li{list-style: none; font-size: 14px}
.notification_dashboard .table, .load_more_user .table{margin-bottom: 0;}
.add_type_question .radio_question{padding-left: 45px;padding-right: 150px}
.radio_question input{position: relative;z-index: -1}
.add_type_question .ui-state-default{z-index: 1;cursor: pointer}
.add_type_question .radio_question input[type="radio"]{left: 15px}
.add_type_question .radio_question select{right: 30px;position: absolute;top:0;width:100px}
.export_survey{margin-bottom: 10px;overflow: hidden}
.filter_by_school .dropdown-menu{
    min-height: 100px;
    max-height: 190px;
    overflow: auto;
}
.filter_by_school .btn:hover,.filter_by_school .btn:active,.filter_by_school .btn:focus
{
    background:#0c73b1 !important;
    color: #fff !important;
}
.form-search-teacher .search_form{margin: 0;}
.total{margin-top: 15px;margin-bottom: 15px;font-size: 18px}
.filter_by_school .dropdown-menu>li>span {
    backgroup: #0c73b1;
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}
.show_survey_language{display:block}
.hidden_survey_language{display:none}
#survey_assign_user .available_languages{
    min-height: 60px;
    max-height: 110px;
    overflow: auto;
}
#popup_loading{
    position: absolute;    
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%
}
#popup_loading .background{
    background-color: #f2dede;
    border-color: #ebccd1;
    width: 80%;
    margin: 80px auto;
    text-align: center
}
.dropdown .button_user{margin-top: 8px;margin-bottom:8px}
#state_sreb_code input[type="checkbox"]{margin-top: 10px}
.dropdown-menu .active_user{padding:5px 10px}
.district_user_login input[type="submit"]{display:block;border:0;background:none;padding:5px 10px;color:#0c73b1;width:100%;text-align:left}
th.while_space .th-inner{white-space:normal !important}
.table_inner_center th.while_space .th-inner{padding-right: 30px !important; text-align: center;margin: 0 auto}
.table_inner_center td.text-center.logged_in{width:150px}
.table_inner_center td.text-center,.table_inner_center th.while_space .th-inner{width:190px}
.table_inner_center th.while_space.logged_in .th-inner{width:150px}
.table_inner_center_site th.while_space .th-inner{width:110px; text-align: center;}
.logo_bottom{
    position:absolute;
    bottom:0;
    z-index: -1
}
.show_list_of_student{
    position: absolute;
    right: 100%;
    width: 200px;
    margin-top: 30px;
}
#show_hide_student, .show_hide_student,
.show_hide_student .response_rate,
#show_hide_student .response_rate{max-width: 300px; width: 100%}
#show_hide_student caption, .show_hide_student caption{
    font-size: 14px;
    color: #000;
    font-weight: bold;
}
ul.decimal_document, ul.menu_link_parental{list-style: none;padding-left: 0}
ul.decimal_document li.dropdown{
    counter-increment: li;
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}
ul.menu_link_parental li{
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}
ul.decimal_document li.dropdown:hover,ul.menu_link_parental li:hover{background-color: #f5f5f5;}
ul.decimal_document li.dropdown:before{content:counter(li)')';color:#0c73b1}
.green{color:green}
.red{color:red}
.dark_green{color:#005D02}
.light_green{color:#65cf2c}
.yellow{color:#f3bb07}
.orange{color:orange}
.state_ssn_track_all tbody tr td:first-child{padding-left: 35px !important}
.ssn_total{border-right: 1px solid #ccc !important; text-align:center}
.no-records-found td{text-align: center !important}
.state_ssn_total_column{width:100px}
.state_ssn_total_column .th-inner{width:100px !important}
.user_admin .user_activity_state_ssn .load_more_user{
    height: auto;
    max-height: 370px
}
.user_admin .user_activity_state_ssn .col_question{
    min-height: 480px
}
.user_admin .user_activity_state_ssn .col_question .content_boxes{height: auto}
.box_around{
    border: 1px solid #ccc;
    padding: 10px 15px;
    background: #f9f9f9;
}
.box_around ul{padding-left: 0;}
.box_around ul li{padding: 5px 10px;text-align: center}
.state_ssn_track_survey .content_boxes .box_right .table{margin-bottom: 0px;}
.action_new_survey .btn[disabled]{opacity: 0.8 !important}
.inline_name{white-space: nowrap}
.draw_line{color: #ccc;text-decoration:line-through}
.decimal_document .dropdown-menu{max-height: 120px;overflow: auto}
.center_body tr td{text-align: center;padding-left:35px !important}
.data_table_sortable .center_body tr td{padding-left:18px !important}
.center_header tr th .th-inner{text-align: center; padding-left: 30px !important}
.teacher_roster_index .btn{margin-bottom: 10px}
#page-content-wrapper .bootstrap-datetimepicker-widget table>tbody>tr td, #page-content-wrapper .bootstrap-datetimepicker-widget table>thead>tr th{padding: 8px !important}
.font-size-step p,.font-size-step div{font-size: 16px;margin-bottom: 20px}
body
{
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    line-height: 17px;
}
img{
    width: 100%;
    max-width: 100%;
}
a {
    color: #000000;
    text-decoration: none;
    background-color: transparent;
    font-weight: 500;
}
a:hover {
    color: #000000;
    text-decoration: none;
    background-color: transparent;
    font-weight: 500;
}
button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
#page-content-wrapper .fixed-table-container, #page-content-wrapper .fixed-table-container .table, #page-content-wrapper .fixed-table-container thead th {
    border: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}
.sidebar-link.active {
    color: black;   
}
.add_type_question .form-group .btn-primary,.btn-primary{
    color: #f6f6f4;
    background-color: #212664;
    border-color: #1e225a;
}
.add_type_question .form-group .btn-primary:hover,.btn-primary:hover {
    color: #f6f6f4;
    background-color: #24296d;
    border-color: #212664;
}
.content{
    background-color: #f6f6f4;
    padding: 15px;
    position: relative;
}
.bd-sidebar-header{
    width: calc(100% + 15px);
}
.bd-search{
    margin-right: 0;
    margin-left: 0;
}
#surveys .row{
    margin-right: 0px;
    margin-left: 0px;
}
.copy-survey td{
    padding-top: 20px;
    position: relative;
}
.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-family: halyard-display,sans-serif;
    font-size: .875rem;
    font-weight: 300;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 50rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.acronym{
    text-align: center;
    height: 45px;
    width: 45px;
    border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    background-color: #24296d;
    max-height: 45px;
}
.acronym a{
    color: white;
}   
.panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px;
}
.panel-default {
    border-color: #ddd;
}
.panel {
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
}
.panel-body {
    padding: 15px;
}
ul.accordion li {
    padding: 10px 15px;
    margin-bottom: 2px;
    position: relative;
    left: 0px;
    top: 0px;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #d3d3d3;
    background: #e6e6e6 url(https://code.jquery.com/ui/1.11.4/themes/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #555555;
}
.ui-sortable-handle {
    -ms-touch-action: none;
    touch-action: none;
}
.ui-state-default .ui-icon {
    background-image: url(https://code.jquery.com/ui/1.11.4/themes/smoothness/images/ui-icons_888888_256x240.png);
}
ul.accordion li span {
    float: right;
}
.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px;
}
.ui-icon, .ui-widget-content .ui-icon {
    background-image: url(https://code.jquery.com/ui/1.11.4/themes/smoothness/images/ui-icons_222222_256x240.png);
}
.ui-icon {
    width: 16px;
    height: 16px;
}
.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}
.ordersurvey .nav{
    display: contents;
}
.responses .row{
    padding-top: 10px;
}

.help .title{
    font-size: 30px;
}
/*.modal-dialog {
      max-width: 800px;
      margin: 30px auto;
}*/

/*.close {
  position:absolute;
  right:-30px;
  top:0;
  z-index:999;
  font-size:2rem;
  font-weight: normal;
  color:#fff;
  opacity:1;
}*/
.video-btn{
    background-color: #ffffff00;
    border: 0px;
}
.panel-default {
    border-color: #ddd;
}
.panel {
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

/*Layout master*/
.page-heading{
    font-size: 36px;    
    font-weight: bold;  
    line-height: 44px;
    color: #272826;
}
/**/
.sidebar-link-item{
    height: 35px;
}
.sidebar-link-item:hover {
    height: 35px;
}
.sidebar-link.active>.sidebar-link-item {
    height: 35px;
}
.sidebar-link>.sidebar-link-item
{
    font-weight: bold;
}
.sidebar-link.active>.sidebar-link-item
{
    color: #000;
    font-weight: bold;
}
.sidebar-link.active>.sidebar-link-item i
{
    color: #ef4870;
}
.submenu{
    display: block;
}
.submenu li{
    padding: 5px;
}
.sidebar-link-item i{
    font-size: 1.2rem;
    padding-right: 10px;
}
.sidebar-link {
    margin-bottom: .45rem;
}
.sidebar-link.active {
    margin-bottom: .45rem;
}
#bd-docs-nav{
    padding-left: 6px;
}
.sidebar-link.active:not(:first-child) {
    margin-top: 0rem;
}
.logout i{
    display: none;
}
.sidebar-link:last-child {
    margin-bottom: .45em; 
}
.scrollbar-near-moon::-webkit-scrollbar-track {
    background-color: #f6f6f4;
    border-radius: 10px;
}

.scrollbar-near-moon::-webkit-scrollbar {
    width: 12px;
    background-color: #0000001a;

}

.scrollbar-near-moon::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-image: -webkit-gradient(linear, left bottom, left top, from(#5ee7df), to(#b490ca));
    background-image: -webkit-linear-gradient(bottom, #5ee7df 0%, #b490ca 100%);
    background-image: linear-gradient(to top, #5ee7df 0%, #b490ca 100%);
}

.square::-webkit-scrollbar-track {
    border-radius: 0 !important; }

.square::-webkit-scrollbar-thumb {
    border-radius: 0 !important; }

.thin::-webkit-scrollbar {
    width: 6px; 
}
.non_shadow{
    box-shadow: none !important;
}
/*Dashboard*/
.c-title{
    font-size: 24px;
    line-height: 29px;
}
/*Order*/
.panel-heading{
    padding: 10px 0px 15px 20px;
    background-color: #f5f5f5;
    border-color: #ddd;
    border: 0px;
}
/*responses*/
.reset_survey_year{
    width: 110px;
}
/*Survey*/
/*.table-responsive{
    padding-bottom: 130px;
}*/
.table-responsive{
    box-shadow: none;
}
/* Setting */
.setting .nav-tabs .nav-link.active
{
    background-color: white;
    border-color: #ffffff00;
}
#help .active{
    border-color: #dee2e6 #dee2e6 #f6f6f4;
}
/* Setting */
.subtab-content .fade{
    display: none;
}
.tab-content>.active{
    display: block;
}
/* Tan*/
.group-nav{
    display: flex;
}
.logout a{
    padding-right: 0px!important;
}
.video-btn img{
    height: auto;
}
.bd-sidebar{
  scrollbar-face-color: #eee;
    scrollbar-highlight-color: #fff;
    scrollbar-3dlight-color: #ccc;
    scrollbar-darkshadow-color: #fff;
    scrollbar-shadow-color: #aaa;
    scrollbar-arrow-color: #000000;
    scrollbar-track-color: #eee;
}
.form-group {
    margin-bottom: 25px;
    position: relative;
}
.form-control.error{
    border-color: #ef4870;
    padding-right: calc(1.5em + .75rem);
    background-image: url("../images/error.svg");
    background-repeat: no-repeat;
    background-position: center right calc(.375em + .1875rem);
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}
.form-select.error{
    border-color: #ef4870;
    padding-right: calc(1.5em + .75rem);
    background-image: url("../images/error.svg");
    background-repeat: no-repeat;
    background-position: center right calc(.375em + .9875rem);
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}
.form-control.error:focus{
    border-color: #ef4870;
    box-shadow: 0 0 0 0.2rem rgba(239,72,112,.25);
}
.form-select.error:focus{
    border-color: #ef4870;
    box-shadow: 0 0 0 0.2rem rgba(239,72,112,.25);
}
.p-l-30{
    padding-left: 30px;
}
.remove_help_video {
    padding-left: 0px;
    padding-right: 0px;
}
.bd-example{
    margin: 0px;
}
.sidebar-link-item{
    width: 100%;
}
.hidden{
    display: none!important;
}
.state-item .form-group{
    margin-bottom: 10px;
}
.state-item{
    margin-bottom: 20px;
}
.dropdown-setting{
    display: none;
}
.dropdown-setting .dropdown-toggle::after{
    display: none;
}
.dropdown-setting .dropdown-menu{
    right: 0px;
    left: auto!important;
    transform: none!important;
    top: 30px!important;
}
.aligncenter{
    align-items: center;
}

.add_type_question .table-responsive {
    padding-bottom: 30px;
}
#login {
    background-color: #fff;
    width: 100%;
    min-height: 100vh;
    position: relative;
    z-index: 1;
}
.login-logo img {
    width: 50%;
}
.login-logo {
    padding: 10px 0;
}
.breadcrumb-item.active {
    color: #272826!important;
    font-weight: 700;
}
.profile .logout {
    display: none;
}
@media (max-width: 1325px)
{
    .form-select.w-150{
        width: auto;
    }
    .group-survey > .row{
        display: block;
        width: 100%;
        margin: 0px;
    }
    .group-survey .row .col{
        display: inline-block;
        width: auto;
    }
    .school-group .float-right{
        float: left!important;
    }
}
@media (max-width: 1300px)
{
    .search-question{
        float: left!important;
        width: 100%;
        padding-top: 15px;
    }
    .cus-col{
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .cus-col.col-md-6{
        flex: 0 0 50%;
        max-width: 50%;
    }
    
}
@media (max-width: 1235px)
{
    .form-select.w-150{
        width: auto;
    }
    .group-survey .input-group{
        width: 200px;
    }
    
}
@media (max-width: 1200px)
{
    .group-survey .btn{
        padding-left: 15px;
        padding-right: 15px
    }
    .video-item{
        flex: 0 0 50% ;
        max-width: 50%;
    }
    .form_list_user_filter .search_form{
        float: left!important;
        padding-top: 15px;
    }
}
@media (max-width: 1135px)
{
    .group-survey .btn{
        padding-left: 2rem;
        padding-right: 2rem
    }
    #general .col-md-6{
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 0px;
    }
    
}
@media (max-width: 1028px)
{
    .add_type_question .form-group .col-sm-8{
        flex: 0 0 50%;
        max-width: 50%;
    }
    .add_type_question .form-group .col-sm-4{
        flex: 0 0 50%;
        max-width: 50%;
    }
    .w-1028{
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
    }
    
}
@media (max-width: 1040px) and (min-width: 768px)
{
    .import-survey{
        padding: 15px!important;
    }
    .profile .logout {
        display: block;
    }
    .username{
        display: none!important;
    }
    .dope{
        display: none!important;
    }
    
}
@media (max-width: 880px) and (min-width: 768px)
{

    .profile .logout {
        display: block;
    }
    .dropdown-setting{
        display: block;
    }
    .logout{
        padding-left: 5px!important;
    }
    .logout .p-1{
        padding: 0px!important;
        
    }
    .logout span{
        display: none!important;
    }
    .logout i{
        display: block;
    }
    .cus-breadcrumb{
        flex: 100%;
        max-width: 100%;
        width: 100%;
    }
    .logout-group{
        position: absolute;
        top: 0px;
        width: auto;
        right: 0;
    }
    .video-item{
        flex: 0 0 100% ;
        max-width: 100%;
    }
    .page-heading{
        padding-right: 50px;
    }
    .cus-col{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .cus-col.col-md-6{
        flex: 0 0 100%;
        max-width: 100%;
    }
    
}
@media (max-width: 820px) and (min-width: 768px)
{
    .group-survey .row .col {
        display: inline-block;
        width: 100%;
    }
    .group-survey .group-two {
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 10px;
    }
    .group-survey .input-group{
        width: 100%
    }
    .group-select{
        width: 100%;
    }
    .group-select select.form-select{
        width: 100%!important;
    }
    .copy-survey table{
        display: block;
        width: 100%;
        margin: 0px;
    }
    .copy-survey tbody{
        display: block;
        width: 100%;
        padding: 15px;
    }
    .copy-survey th{
        display: block;
        width: 100%
    }
    .copy-survey tr{
        display: block;
        width: 100%
    }
    .copy-survey td{
        display: block;
        width: 100%
    }

    .video-item{
        flex: 0 0 100% ;
        max-width: 100%;
    }

    
}

@media (max-width: 960px){
    .form_list_user_filter .search_form label{
        width: 100%;
    }
    .form_list_user_filter .search_form .form-select{
        width: 100%;
        margin-bottom: 10px;
        max-width: 300px;
    }
    .w-960{
        flex: 0 0 100%!important;
        max-width: 100%;
    }
    .btn-school .float-md-right{
        float: left!important;
        width: 100%
    }
    .btn-school .text-md-right{
        text-align: left!important;
    }
    .school-group .card-footer .btn{
        width: 100%
    }
}

/* 1200px */
@media (min-width: 1200px)
{
    .responses{
        margin-left: 25%;
    }
    
}
@media (max-width: 850px)
{
    
}
@media (max-width: 800px)
{
    .modal-dialog{
        margin-left: 15px;
        margin-right: 15px;
    }
}

@media (min-width: 768px)
{
    .sidebar-links {
        display: block!important;
    }
    .sidebar-title {
        font-weight: bold !important;
    }
    .bd-sidebar{
        overflow: auto;
        overflow-x: hidden;
        position: -webkit-fixed;
        position: fixed;
        top: 0;
        z-index: 1000;
        height: 100vh;
        width: 250px;
        max-width: 250px;
        border-bottom: none;
    }
    .content{
        margin-left: 250px;
        flex: 1;
        max-width: 100%
    }
    .form_list_user_filter .form-select {
        width: auto;
    }
    .w-150{
        width: 150px;
    }

}
@media (max-width: 767px) {
    .sidebar-title{
        display: none
    }
    main{
        margin-bottom: 50px;
    }
    table{
        white-space: nowrap!important;
    }

}

@media (max-width: 680px)
{
    .dope{
        display: none!important;
    }
    .username{
        display: none!important;
    }
    .logout{
        padding-left: 5px!important;
    }
    .logout .p-1{
        padding: 0px!important;
        
    }
    .logout span{
        display: none!important;
    }
    .logout i{
        display: block;
    }
    .dropdown-setting{
        display: block;
    }
    .profile .logout {
        display: block;
    }

    
}
@media (min-width: 576px){
    .responses .col-sm-offset-4{
        margin-left:33.333333%;
    }
}
@media (max-width: 576px)
{
    .w-576{
        width: 100%;
        max-width: 100%;
        flex: 100%;
    }
    
    .col-xl-6{
        flex: 100%;
        max-width: 100%;
        width: 100%;
    }
    .logout-group{
        position: absolute;
        top: 0px;
        width: auto;
        right: 0;
    }
    .page-heading{
        font-size: 30px;
        padding-right: 110px;
    }
    .group-survey .row .col{
        width: 100%;
        max-width: 300px;
    }
    .group-select{
        width: 100%;
    }
    .group-select select.form-select{
        width: 100%!important;
    }
    .group-survey .group-two{
        padding-left: 0px;
        padding-right: 0px;
    }
    .group-survey .input-group{
        width: 100%
    }
    .copy-survey table{
        display: block;
        width: 100%;
        margin: 0px;
    }
    .copy-survey tbody{
        display: block;
        width: 100%;
        padding: 15px;
    }
    .copy-survey th{
        display: block;
        width: 100%
    }
    .copy-survey tr{
        display: block;
        width: 100%
    }
    .copy-survey td{
        display: block;
        width: 100%
    }

    .video-item{
        flex: 0 0 100% ;
        max-width: 100%;
    }
    .item-help .col-sm-1{
        position: static;
    }
    .remove_help_video{
        position: absolute;
        top: 0px;
        right: 15px;
    }

}

@media (max-width: 480px)
{
    .w-480{
        width: 100%;
        max-width: 100%;
        flex: 100%;
    }
    .cus-col{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .cus-col.col-md-6{
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.form-control {
    border-radius: .25rem !important;
}

.form-select {
    border-radius: .25rem !important;
}

.input-group-text {
    border-radius: .25rem !important;
}

.select2.select2-container, .select2-dropdown {
    border-radius: .25rem !important;
}