/* Styles for CSV importer */
.evcsv_img{
	margin-top: 10px;
	cursor:pointer;
}
.evcsv_img:hover{
	-webkit-box-shadow: 0 0 7px 1px #909090;
	box-shadow: 0 0 7px 1px #909090;
}
.csv_list_row .col1 p, .csv_list_row{cursor:pointer}
.csv_list_row:hover{
	background-color:#f3e9e0;
}

/* guide popup */
.evocsv_guide_popup p span.inden{ display: block; padding-left: 20px;padding-top: 9px;}

/* new styles */
#evocsv_events span.check, #evocsv_events span.status.ss{
    display:inline-block;
    width: 18px;
    height:18px;
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
    margin-left: 10px;
    margin-top: 2px;
}
#evocsv_events span.check:after, #evocsv_events span.status.ss:after{
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    background-color: #7DCFFF;
    left: 0px;
    top: 12px;
 }
#evocsv_events span.check:before, #evocsv_events span.status.ss:before{
    content: "";
    position: absolute;
    width: 6px;
    height: 18px;
    background-color: #7DCFFF;
    left: 6px;
    top: 0px;
 }
#evocsv_events span.bar, #evocsv_events span.status.ns{
    display: block;
    position: relative;
    margin-top: 8px;
    margin-left: 8px;
}
#evocsv_events span.bar:before, #evocsv_events span.status.ns:before{
    content:"";
    position: absolute;
    width: 18px;
    height: 6px;
    background-color: #7DCFFF;
    left: 0px;
    top: 0px;
 }
#evocsv_events span.status.ns:before {
    background-color: #E25252;
}
#evocsv_events span.status.ss:after,
#evocsv_events span.status.ss:before{
    background-color: #259621;
}

#evocsv_events tr{cursor: pointer;}
#evocsv_events tr td{
    border-bottom:1px solid #F4F4F4;
}
#evocsv_events tr:hover td{
    background-color: #F4F4F4
}
#evocsv_1 .inside{ padding: 10px 25px;}

/* import progress */
.evocsv_import_form #evocsv_import_progress p.bar{
    width: 100%;
    border-radius: 5px;
    border:1px solid #E0E0E0;
    position: relative;
    height: 15px;
    background-color: #F9F9F9;
}
#evocsv_import_progress p.text{font-style: italic;}
#evocsv_import_progress p.text > *{ line-height: 30px; display: inline-block;vertical-align: middle;}
#evocsv_import_progress p.text span.failed{
    float: right;
    background-color: #FF7E41; color: #fff;
    padding: 1px 10px;
    border-radius: 5px;
    display: inline-block;
    margin-top: -3px;
}
#evocsv_import_progress p.bar span{
    position: absolute;
    top: 0px; left: 0px;
    width: 0%;
    background-color: #CCC5C5;
    border-radius: 5px;
    height: 15px;
}
table#evocsv_events tr.done td{background-color: #E4FBCD}
table#evocsv_events tr.failed td{background-color: #FBE2CD}
#evocsv_import_progress .text b{
    background: none;
    display: inline-block;
    width: 50px;
    height: 30px;
    margin-left: 15px;
    opacity: 0.5;
}
#evocsv_import_progress .text b.loading{
    background: url('images/evo-loader.gif') center center no-repeat;
}

#evocsv_import_errors{
    background-color: #F3B7AA;
    padding: 3px 8px;
    border-radius: 5px;
    color: #fff;
}

/* success import */
#evocsv_import_results{
    border-radius: 5px;
    padding: 20px;
    background-color: #BDD39F;
    margin-bottom: 15px;
}
#evocsv_import_results p{text-align: center;}
#evocsv_import_results p b{
    position: relative;
    display: block;
    margin: 20px auto 20px;
    width: 45px;
    height: 45px;
    border: 2px solid #FFF;
    border-radius: 50%;
}
#evocsv_import_results p b:before{
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -9px 0 0 -9px;
    height: 8px;
    width: 16px;
    border: solid #FFF;
    border-width: 0 0 4px 4px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
#evocsv_import_results p.results{
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;
}
#evocsv_import_results p span{
    display: block;
    font-size: 16px;
}