HTML, BODY{
     color: #ffffff;
     background: linear-gradient(0deg, #0d0d0d 33%, #181717 100%);
}
 #col1{
     background-color:#0f0e0e;
}
 #col2{
     background-color:#161414;
}
 #col3{
     background-color:#1a1818;
}
 .icon_text {
     font: 500 8.5pt/13pt "Montserrat";
}
 .user_circle{
     border: 3px solid #ffffff;
}
 .home {
     background-image: url(../images/w_home.png);
}
 .row_file_icon {
     background-image: url(../images/w_image_jpg.png);
}
 .survey_group {
     background-image: url(../images/w_survey_group.png);
}
 .survey_manual {
     background-image: url(../images/w_survey_manual.png);
}
 .dashboard {
     background-image: url(../images/w_survey_dashboard.png);
}
 .datasheet {
     background-image: url(../images/w_survey_datasheet.png);
}
 .graphs {
     background-image: url(../images/w_survey_graph.png);
}
 .download {
     background-image: url(../images/w_download.png);
}
 .close {
     background-image: url(../images/w_close.png);
}
 div.search {
     background-image: url(../images/w_searchm.png);
}
 .return {
     background-image: url(../images/w_return.png);
}
 .refresh {
     background-image: url(../images/w_refresh.png);
}
 .add {
     background-image: url(../images/w_add.png);
}
 .user_inactive {
     background-image: url(../images/w_inactive.png);
}
 .survey {
     background-image: url(../images/w_survey.png);
}
 .settings {
     background-image: url(../images/w_settings.png);
}
 .user_circle {
     background-image: url(../images/w_user.png);
}
 .sun {
     background-image: url(../images/w_sun.png);
}
 .moon {
     background-image: url(../images/w_moon.png);
}
 .users {
     background-image: url(../images/w_agent.png);
}
 .locations {
     background-image: url(../images/w_store.png);
}
 .welcome_background {
     background-image: url(../images/w_welcome_background.png);
}
 .server {
     background-image: url(../images/w_server.png);
}
 .user_active {
     background-image: url(../images/w_active.png);
}
 .header,.separator{
    border-bottom: 1px solid #2a2a2a;
}
 .alternate_color {
     color: #c3c3c3;
}
 .survey_header {
     background-color: #1a1818;
}
 #cboxOverlay, #cw-screencover, .blockOverlay {
     background-color: #151414 !important;
     background: #151414 !important;
     opacity: 0.7 !important;
}
 .error_alert, .confirm_alert, .cw-wrapper {
     background: #333 !important;
     -webkit-box-shadow: 0px 0px 12px 13px rgba(0, 0, 0, 0.1);
     -moz-box-shadow: 0px 0px 12px 13px rgba(0, 0, 0, 0.1);
     box-shadow: 0px 0px 12px 13px rgba(0, 0, 0, 0.1);
}
 .cw-content {
     background-image: url(../images/w_info_icon_wh.png);
}
 .error_description, .confirm_description, .cw-content {
     color: #c0c0c0;
}
 .cw-button {
     border: 1px solid #161414;
     font: 500 8.5pt/13pt "Montserrat";
     background-color: #161414;
     color: #fff;
}
 .datatable table th {
     background-color: #202020;
     border: 1px solid #242424;
}
 .datatable table tr:nth-child(odd) {
     background-color: #1e1c1c;
}
 .datatable table a {
     font: 500 8.5pt/13pt "Montserrat";
     color: #ffffff;
}
 #col2 form table tbody tr td input, #col2 form table tbody tr td textarea, #col2 form table tbody tr td select {
     border: 1px solid #434343;
     background-color: #434343;
     font: 500 8.5pt/13pt "Montserrat";
     color: #fff;
}
 .select2, .ms-options-wrap > button:focus, .ms-options-wrap > button, .ms-options-wrap > .ms-options {
     border: 1px solid #434343;
     background-color: #434343;
     font: 500 8.5pt/13pt "Montserrat";
     color: #fff;
}
 .select2-selection__arrow, .ms-options-wrap > button:after, #col2 form table tbody tr td select {
     background-image: url(../images/w_arrow.png);
}
 #col2 form table tbody tr td label[for$="DeleteControl"] {
     background: url(../images/w_trash.png) no-repeat;
}
 .photo_id {
     color: #fff;
     background-color: #d33029;
}
 .photo_thumbnail {
     background-color: #0f0e0e;
}
 .select2-search__field {
     border: 1px solid #434343;
     background-color: #434343;
     color: #fff;
}
 .select2-results__option--highlighted {
     color: #fff;
}
 .select2-container--open .select2-dropdown--below {
     border: 1px solid #545454;
}
 .select2-dropdown {
     background-color: #3d3d3d;
}
 .select2-search--dropdown {
     border-bottom: 1px solid #545454;
}
 .row_description, .phone {
     font: 200 8.5pt/13pt "Montserrat";
}
 .row_file_size {
     color: #c4c3c3;
}
 #col2 .tab {
     border: 1px solid #2a2a2a;
     background-color: #202020;
}
 table.survey_title tr:nth-child(1) td,table.survey_title tr:nth-child(2) td, table.survey_title table tr th{
     border-bottom: 1px solid #2a2a2a;
}
 .survey_card{
     border: 1px solid #2a2a2a;
}
 .survey_user_email{
     color: #c0c0c0;
}
 .survey_user_name{
     color:#fff;
}
 .survey_user_photo{
     border: 2px solid #2a2a2a;
     background-color: #2a2a2a;
     background-image: url(../images/w_user.png);
}
 table.survey_question_card tr:nth-child(1) td {
     background-color: #0f0e0e;
     border-color: #2a2a2a;
}
 table.survey_question_card tr:nth-child(2) td{
     border-color: #2a2a2a;
     background-color: #1a1818;
}
 table.survey_question_card tr:nth-child(3) td, table.survey_question_card tr:nth-child(4) td{
     border-color: #2a2a2a;
}
 .title{
     color: #c3c3c3;
}
 #survey_logo{
     background-image: url("../upload/surveys/b_banner.png");
}
 .search_icon{
     background-image: url(../images/w_search.png);
}
 #s_keyword{
     color:#fff 
}
 table.survey_index th {
     background-color: #2a2a2a;
}
 table.survey_index .rows:nth-child(odd) {
     background-color: #1a1818;
}
 table.survey_index td {
     border-bottom: 1px solid #2a2a2a;
}
 .error_tile, .confirm_title {
     color: #fff;
}
 .survey_filter_instructions{
    color:#000000;
}
 .richText .richText-toolbar ul li a, .richText .richText-toolbar{
    border-color:#3d3d3d;
}
 .richText {
     background-color: #2d2d2d;
     border: #3d3d3d solid 1px;
     color: #333;
}
 .richText .richText-toolbar ul li a{
    color:#ffffff
}
 .richText .richText-editor{
     background-color: #434343;
     border-left: #434343 solid 2px;
     color:#ffffff
}
 #col2 form table#survey_manual_table{
     background-color: #434343;
}
 #col2 form table#survey_manual_table tbody tr, #col2 form table#survey_manual_table thead tr{
    border-bottom: 1px solid #2a2a2a;
}
 .survey_manual_sub{
    background-color: #2f2f2f;
}
 .survey_manual_head{
    background-color: #1d1d1d;
}
 #matrix tbody tr, #matrix tbody td{
     border: 1px solid #4e4e4e;
}
 #matrix tbody td.matrix_name{
    background-color: #2f2f2f
}
 #matrix tbody td.matrix_group{
    background-color: #2f2f2f;
}
 #matrix tbody td.matrix_job{
    background-color: #2f2f2f;
}
 #matrix tbody td.matrix_employeeid{
    background-color: #2f2f2f;
}
 #matrix tbody td.matrix_job_detail{
    background-color: #434343;
}
 #matrix tbody tr td.matrix_id{
    background-color: #2f2f2f;
}
 #matrix tbody tr.matrix_data td{
    background-color:#434343;
}
 #matrix tbody tr td.matrix_good{
    color: #129f20;
}
 #matrix tbody tr td.matrix_bad{
    color: #f23a5a;
}
 #matrix tbody tr.matrix_header_01 td.matrix_good{
    color:#ffffff;
}
 #matrix tbody tr.matrix_header_01 td.matrix_bad{
    color:#ffffff;
}
 #matrix tbody tr td.norecords{
    background-color: #1e1c1c;
}
 .row_file_title div{
     border-color: #434343;
}
 #container_00, .chart_container{
     border: 1px solid #2a2a2a;
     background-color: #141414;
}
 .chart_empty{
     color:#c3c3c3;
}
 .highcharts-axis-line,.highcharts-tick{
    stroke:#2a2a2a;
}
 .highcharts-grid-line {
     stroke: #2a2a2a;
}
 g.highcharts-xaxis-labels text {
     fill: #c3c3c3 !important;
}
 g.highcharts-yaxis-title text {
     fill: #c3c3c3 !important;
}
 g.highcharts-yaxis-labels text {
     fill: #c3c3c3 !important;
}
 .highcharts-legend-item text {
     fill: #c3c3c3 !important;
}
 text.highcharts-axis-title, text.highcharts-title{
    fill:#c3c3c3 !important;
}
 .highcharts-data-label text {
     fill: #c3c3c3 !important;
}
 
 .matrix_dual{background-color: #4e4e4e;}
 
 .innerw p{ color: #c3c3c3;}

