/* General
 ========================================================================== */
.api-reviews *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.api-reviews{ font-size: 14px!important; line-height: 20px!important }
.api-reviews p{ font-size: 14px!important; line-height: 20px!important}
.api-reviews-form .api_form{
	display: flex;
	flex-wrap: wrap;
}
.api-reviews-form .api_form .api_row {
	flex-grow: 1;
	flex-shrink: 1;
	width: 47%;
	margin-right: 10px;
}
.api-reviews-form .api_form .api_row.RATING,
.api-reviews-form .api_form .api_row.FILES,
.api-reviews-form .api_form .api_row.api-guest-row,
.api-reviews-form .api_form .api_row.api-rules
{
	width: 100%;
}
.api-reviews-form .api_form .api_row.api-rules .api_controls,
.api-reviews-form .api_upload_info{
	line-height: 15px;
	font-size: 13px;
	color: #7a7a7a;
	font-family: Tahoma, Helvetica, Arial, sans-serif;
}
.api-reviews-form .api_upload .api_upload_drop{
	margin-bottom: 5px;
}
body .api_button_primary {
	background: linear-gradient(#3A782F, #5BA845);
	border-color: #188b30;
	color: #ffffff;
}
.api_alert_content .api_title span{
	font-size: 10px;
	font-weight: 400;
	display: block;
	margin-top: 14px;
}

.api-reviews .api-block-top{
	margin: 0 0 30px; background: #fff;	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
	-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, .25); -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, .25); box-shadow: 0 3px 3px rgba(0, 0, 0, .25);
}
.api-reviews .api-block-header{ position: relative; overflow: hidden; padding: 20px; }

.api-reviews .api-block-title{ padding: 10px 20px; line-height: 32px;}
.api-reviews .api-block-title:after {content: "";display: table;clear: both;}
.api-reviews .api-block-title .api-block-left{font-weight: bold; font-size: 20px; float: left; }
.api-reviews .api-block-title .api-block-right{float: right; text-align: right}

.api-reviews .api-block-header .api-reviews-stat,
.api-reviews .api-block-header .api-reviews-form{ float: left; width: 100%; padding-left: 10px; }
.api-reviews .api-block-sort{ padding: 13px 20px 10px; border-top: 1px solid #f0f0f0; }

/* .api-field-files */
.api-reviews  .api-field-files a{
	position: relative;
	text-decoration: none;
	display: inline-block;
	vertical-align: top;
	margin: 0 6px 6px 0;
	border: 1px solid rgba(0, 0, 0, .1);
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.api-reviews  .api-field-files a:hover{
	border: 1px solid rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 0 2px rgba(0, 0, 0, .2);
	box-shadow: 0 0 2px rgba(0, 0, 0, .2);
}
.api-reviews  .api-field-files .api-file-outer{
	border: 1px solid #fff;
}
.api-reviews  .api-file-content{
	font-size: 13px;
	line-height: 15px;
	max-height: 30px;
	overflow: hidden;
	display: block;
}
.api-reviews  .api-file-thumbnail{
	display: block;
	width: 114px;
	height: 72px;
	background-size: contain;
	background-position: center;
	background-color: rgba(0,0,0,.05);
	background-repeat: no-repeat;
	overflow: hidden;
	position: relative;
}
.api-reviews  .api-file-attachment{
	display: block;
	width: 114px;
	height: 72px;
	background: #eeece9;
	color: #000;
	padding: 5px 7px;
	overflow: hidden;
	position: relative;
	-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
}
.api-reviews  .api-file-extension{
	display: block;
	padding: 0 4px;
	text-transform: uppercase;
	color: #fff;
	position: absolute;
	bottom: 5px;
	left: 5px;
	background: #60605a;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
	-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
}

.api-reviews  .api-file-delete{
	display: block;
	position: absolute;
	z-index: 1;
	right: -10px;
	top: -10px;
	width: 16px;
	height: 16px;
	background: #FFF;
	color: #000;
	opacity: .75;
	filter: alpha(opacity=75);
	line-height: 16px;
	font-size: 20px;
	font-family: sans-serif;
	text-align: center;
	cursor: pointer;
	-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;
	-webkit-transition: all 50ms linear 0s; -moz-transition: all 50ms linear 0s; -ms-transition: all 50ms linear 0s; -o-transition: all 50ms linear 0s; transition: all 50ms linear 0s;
}
.api-reviews  .api-file-delete:hover{
	background: #F00;
	color: #FFF;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .5);
}
.api-reviews  .api-file-delete:active{
	opacity: .3;
	filter: alpha(opacity=30);
}

.api-reviews .api-file-ext-mp3,
.api-reviews .api-file-ext-wav,
.api-reviews .api-file-ext-midi,
.api-reviews .api-file-ext-snd,
.api-reviews .api-file-ext-au,
.api-reviews .api-file-ext-wma,
.api-reviews .api-file-ext-ogg,
.api-reviews .api-file-ext-aac,
.api-reviews .api-file-ext-flac,
.api-reviews .api-file-ext-cda{background: #23a9db;}

.api-reviews .api-file-ext-mpg,
.api-reviews .api-file-ext-avi,
.api-reviews .api-file-ext-wmv,
.api-reviews .api-file-ext-mpeg,
.api-reviews .api-file-ext-mpe,
.api-reviews .api-file-ext-flv,
.api-reviews .api-file-ext-mkv,
.api-reviews .api-file-ext-mov,
.api-reviews .api-file-ext-wma,
.api-reviews .api-file-ext-mp4,
.api-reviews .api-file-ext-xvid,
.api-reviews .api-file-ext-asf,
.api-reviews .api-file-ext-divx,
.api-reviews .api-file-ext-vob{background: #7e70ee;}
.api-reviews .api-file-ext-swf{background: #A42222;}

.api-reviews .api-file-ext-odt,
.api-reviews .api-file-ext-doc,
.api-reviews .api-file-ext-docx{background: #03689b;}

.api-reviews .api-file-ext-csv,
.api-reviews .api-file-ext-ods,
.api-reviews .api-file-ext-xls,
.api-reviews .api-file-ext-xlsx{background: #5bab6e;}

.api-reviews .api-file-ext-odp,
.api-reviews .api-file-ext-ppt,
.api-reviews .api-file-ext-pptx{background: #f1592a;}

.api-reviews .api-file-ext-rar,
.api-reviews .api-file-ext-tar,
.api-reviews .api-file-ext-7zip,
.api-reviews .api-file-ext-zip{background: #867c75;}

.api-reviews .api-file-ext-djvu,
.api-reviews .api-file-ext-epub,
.api-reviews .api-file-ext-tiff,
.api-reviews .api-file-ext-xps{background: #3468b0;}
.api-reviews .api-file-ext-pdf{background: #d00;}

.api-reviews .api-file-ext-txt{background: #a4a7ac;}
.api-reviews .api-file-ext-rtf{background: #a94bb7;}

.api-reviews .api-file-ext-app{background: #ed558f;}
.api-reviews .api-file-ext-php{background: #8993BE;}
.api-reviews .api-file-ext-js{background: #d0c54d;}
.api-reviews .api-file-ext-css{background: #44afa6;}

.api-reviews .api-file-ext-jpeg,
.api-reviews .api-file-ext-jpg{background: #e15955;}

/* Adobe */
.api-reviews .api-file-ext-psd{background: #26cdf7;}
.api-reviews .api-file-ext-ae{background: #d4a6ff;}
.api-reviews .api-file-ext-au{background: #00dfb9;}
.api-reviews .api-file-ext-an{background: #ff4926;}
.api-reviews .api-file-ext-ai{background: #ff7e19;}
.api-reviews .api-file-ext-ic{background: #fc64f6;}
.api-reviews .api-file-ext-id{background: #ff3f8d;}
.api-reviews .api-file-ext-mu{background: #d0e73e;}
.api-reviews .api-file-ext-pr{background: #e383ff;}


/* Display
 ========================================================================== */
.api-hidden{ display: none !important; visibility: hidden !important; }
.api-display-block{ display: block !important; }
.api-display-inline{ display: inline !important; }
.api-display-inline-block{ display: inline-block !important; }

/* Wait
 ========================================================================== */
#api-reviews-wait{ display: none; position: fixed; top: 0; left: 0; height: 100%; width: 100%; z-index: 9999; overflow: hidden; }
#api-reviews-wait .api-image{
	z-index: 2; position: absolute; top: 50%; left: 50%; height: 56px; width: 56px; margin: -28px 0 0 -28px;
	background-image: url("images/wait.svg"); background-repeat: no-repeat; background-size: contain;background-color: rgba(255, 255, 255, .7);
	-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;
	-webkit-box-shadow: 0 0 7px 3px rgba(255, 255, 255, .7); -moz-box-shadow: 0 0 7px 3px rgba(255, 255, 255, .7); box-shadow: 0 0 7px 3px rgba(255, 255, 255, .7);
	-webkit-animation:loader 5s linear infinite; -o-animation:loader 5s linear infinite; animation:loader 5s linear infinite;
}
@keyframes loader{
	100%{-webkit-transform: rotate(-360deg);transform: rotate(-360deg); }
}
#api-reviews-wait .api-bg{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: #fff; opacity: .4; }

/* @media
 ========================================================================== */
@media (min-width: 768px){
	.api-reviews .api-block-header .api-reviews-stat{width: 66.666%;margin-bottom: 0;}
	.api-reviews:not(.api-stat-off) .api-block-header .api-reviews-form{width: 33.333%;}
}
@media (max-width: 768px){
	.api-reviews .api-block-title > div{width: 100% !important; float: none !important; text-align: left !important;}
}
