/*
 * var/httpd/htdocs/skins/Agent/default/css/SurveyUnanswered.css
 * Copyright (C) 2019 Service Up, http://www.serviceup.com.br
 * 
 * written/edited by:
 * mbernardo@serviceup.com.br
 */


@media screen,projection,tv,handheld {


#MainBox.SurveyView {
    margin: 13px; 
    border: 1px solid #ddd;
    margin-left: 1%; 
    margin-right: 1%;
    box-shadow: 1px 5px 4px 0px #c5bfbf;
 }
 
.SurveyView .Content {
    padding: 0;
}

table.Survey {
    width: 100%;
    color: #444;
    text-shadow: 0 1px 0 #FFF;
    zoom: 1;
    clear: both;
    position: relative;
}

/* .Sortable thead {
    display: table-header-group;
} */

.Survey thead th {
	padding: 6px 8px 3px;
    white-space: nowrap;
    border: 0px solid;
    color: #333;
    font-size: 11px;
    text-transform: uppercase;
    background: #EEE;
    vertical-align: bottom;
	text-shadow: 0 1px 0 #666;
}

.Survey tbody {
    background-color: transparent;
}

.Survey tbody tr {
    border-bottom: 1px solid #FFF;
}

.Survey tbody tr:active {
    background-color: #DDD;
}

.Survey tbody tr:first-child {
    border-top: none;
}

.Survey tbody td {
    padding: 6px 8px 3px;
    white-space: nowrap;
    border: 0px solid;
}

.Survey tbody a {
    color: #FF505e;
    text-decoration: none;
    outline: none;
}

.Survey table a:hover {
    color: #FFF;
}

.SurveyA {
	text-shadow: none;
	margin: 5px 7px;
	padding: 1px 0 1px 5px;
    font-weight: bold;
    color: #FFF !important;
}

/**
 * @subsection  SurveyTable zebra style
 */
.Survey tbody tr td {
    background-color: #FBFBFB;
}

.Survey tbody tr:nth-child(even) td {
    background-color: #F2F2F2;
}

/**
 * @subsection  TableData Styles
 */
.State {
    padding-left: 8px;
}

.Title div {
    height: 14px;
    color: #777;
    overflow: hidden;
    white-space: normal;
}
.Title h2 {
    margin-bottom: 0;
    font-size: 12px;
    font-weight: bold;
    color: #444;
    display: inline;
}
.Age {
    padding-right: 8px;
    text-align: right;
}

/**
 * @subsection  Table Style Hovered
 */
.Survey tbody tr:hover td{
    background: #DDD;
}
.Survey tbody tr:hover {
    border-color: #CCC;
}
.Survey tbody tr:hover a {
    color: #FF505e;    
	background: #DDD;
}

.Survey tbody tr:hover td {
	color: #444;    
	background: #DDD;
}

.Survey tbody tr:hover .Title div {
    color: #FFF;
    text-shadow: 0 1px 0 #DDD;
}

.SurveyRow {
	background: #FF505e;
    max-width: 100%
}

/**
 * @subsection  Table Style Active
 */

.Survey tbody tr:active td {
    padding: 7px 8px 2px;
    background-position: bottom;
}

} /* end @media */