.dashboard_top_info{
    font-size: 14px;

    span{
        font-size: 14px;
    }
}

.dashboard_boxes{
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;

    margin-top: 32px;

    .dashboard_box{
        position: relative;
        box-sizing: border-box;
        width: 430px;
        max-width: 100%;

        padding: 32px 16px;
        margin: 0 32px 32px 0;

        font-size: 14px;

        border: 1px $gray solid;

        &:nth-child(3),
        &:nth-child(6){
            margin-right: 0;
        }

        .box_title{
            position: absolute;
            top: -10px;
            left: 16px;

            padding: 0 16px;

            font-size: 14px;
            font-weight: bold;
            color: $blue;
            text-transform: uppercase;
            line-height: 18px;

            background-color: $white;
        }

        .box_top_settings{
            display: flex;
            margin-bottom: 8px;

            span,
            label{
                font-size: 14px;
            }
        }

        table{
            width: 100%;
            margin: 0 0 16px 0;

            &:last-of-type{
                margin-bottom: 0;
            }

            tr{
                height: auto;

                &.row1{

                    td{
                        padding: 8px 16px 8px 8px;

                        font-weight: 600;

                        background-color: $light-gray;
                    }
                }

                td{
                    padding: 4px 16px 4px 8px;

                    font-size: 14px;

                    border-top: 1px $gray solid;
                    border-bottom: 1px $gray solid;

                    strong{
                        font-weight: 600;
                    }

                    span{
                        font-size: 14px;
                    }

                    .graph_db {
                        float: left; 
                        height: 16px;
                        margin-top: 2px;

                        background-color: $blue;
                    }
                    .graph_text {
                        margin-left: 8px;
                        font-size: 14px;
                    }
                }
            }
        }

        // Box 1
        &#div_statistic_info{

            table tr td{
                padding: 0 0 8px 0;
                border: 0;

                &:first-child{
                    width: 100px;
                    font-weight: 600;
                }

                &:nth-child(3){
                    font-weight: 600;
                }
            }
        }

        // Box 2
        &#div_statistic_status{

            table tr td{

                &:nth-child(2),
                &:nth-child(3){
                    text-align: right;
                }
            }
        }

        // Box 3
        &#div_statistic_answer_state{

            table tr td{

                &:nth-child(2),
                &:nth-child(3){
                    text-align: right;
                }
            }
        }

        // Box 4
        &#div_statistic_referals{

        }

        // Box 5
        &#div_statistic_visit{

        }

        // Box 6
        &#div_statistic_pages_state{

        }
    }
}


.survey_referals_tbl {
	width: 100%;
	border-spacing: 0px;
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;
	margin-top: 8px;
	td {
		padding: 3px 0px;
	}
	th {
		text-align: left;
		white-space: nowrap;
		font-weight: normal;
		padding-right: 5px;
	}
}
#div_statistic_float_div {
	position: fixed;
	width: 620px;
	max-height: 600px;
	z-index: 90;
	padding: 10px;
	border: 1px solid $red;
	background-color: white;
	margin: auto auto;
	.list {
		margin-left: 20px;
		padding-top: 3px;
	}
}






.dashboard_status_span {
	display: inline-block;
	width: 200px;
	padding: 2px 0px;
}
#div_statistic_status {
	span {
		display: inline-block;
		padding: 2px 0px;
	}
}
.opt_bold {
	font-weight: 600;
}