#slider { position: relative; height: 100%; overflow: hidden; }
.fullscreen-gallery { overflow: hidden; white-space: nowrap; width: 99%; height: 114px; position: relative; margin-top: 10px }
.fg-images { margin-left: 0px; position: absolute; left: 0; }
.fg-image { display: inline-block; margin: 0 4px; }
.fg-image img { display: inline-block; border: 1px solid #CCC; cursor: pointer }
.fg-numbers { text-align: center; position: absolute; bottom:5px; left:0; right:0; z-index: 500;}
.fg-number { display: inline-block; margin: 1px; margin: 6px;  width: 30px;  height: 5px;   background: #C42732; cursor: pointer;}
.fg-number span { background-color: #808080; display: none; padding: 3px; text-align: center; width: 20px; cursor: pointer; }

.rslides img {
    display: block;
    height: 100% !important;
    float: left;
    width: 100%;
    border: 0;
    object-fit: cover;
}
.rslides li {
    
    height: 100vh;
}
#gctrl_left { left: 0; background-position: bottom left }
#gctrl_right { right: 0; }
.gctrl { opacity: 0; background: url(../gfx/next-prev-thum.png) left top no-repeat; height: 112px; position: absolute; top: 0; width: 40px; cursor: pointer }
.gctrl span { display: none; }
#f_loading { background: url("../gfx/loading-square.gif") no-repeat scroll 50% 50% rgba(0, 0, 0, 0); display: none; position: absolute; width: 100%; z-index: 1000; }
#fbg_shadow { width: 100%; }
#rslides_nav_prev { width: 40px; height: 40px; position: absolute; left: 0; top: 50%; z-index: 999; background: url(../gfx/prev-next-slider.png) left bottom no-repeat }
#rslides_nav_next { width: 40px; height: 40px; position: absolute; right: 0; top: 50%; z-index: 999; background: url(../gfx/prev-next-slider.png) left top no-repeat }
#rslides_nav_prev span, #rslides_nav_next span { display: none; }
/*client-area*/ 
.client-area .login-form-box { margin: 0 auto; width: 50%; background: #303030; padding: 20px; border: 1px solid #383737 }
.client-area { position: relative; margin: 0 10px; }
.client-area .files-header { background: none repeat scroll 0 0 #3e3e3e; padding: 4px 0 0; text-align: right; }
.client-area .box-message { box-shadow: 0 0 4px #555555; border-radius: 2px; margin: 8px 0 13px; padding: 5px 9px; display: none; cursor: pointer; }
.client-area .info-message { background-color: #B3B3B3; color: #FFFFFF; }
.client-area .error-message { background-color: #990000; color: #FFFFFF; }
.client-area .login-header { text-align: center; font-size: 12px; font-weight: bold }
.client-area .login-form { width: 250px; margin: 10px auto }
.client-area .login-form .input-box { margin: 10px 0 10px 10px; }
.client-area .login-form .input-box label { display: inline-block; width: 60px; font-size: 12px; }
.client-area .login-form .input-box input { border: 1px solid #000000 }
.client-area .login-form .submit-login { margin: 15px 0 0; }
.client-area .login-form .submit-login a { cursor: pointer; margin: 4px 4px 4px 132px; padding: 0; width: 80px; height: 23px; display: block; background: #666; border-radius: 4px; border: 1px solid #fff; box-shadow: 0 0 2px rgba(0,0,0,0.6); color: #fff; line-height: 23px; text-align: center; text-decoration: none; font-size: 12px }
.client-area .login-form .submit-login a:hover { background: #990000 }
.client-area .login-form .submit-login .load-ca { background-image: url("../gfx/loading-square.gif"); height: 32px; width: 32px; margin: 0 auto; }
.client-area .submit-logout { display: inline-block; }
.client-area .submit-logout a { }

.client-area .ca-header-table { float: left; font-size: 18px; line-height: 26px; margin: 0 0 0 8px; }
.client-area .ca-btn-upload { display: inline-block; }
.client-area .ca-btn-upload #upload_new { opacity: 0.7; margin: 0 18px 4px 2px; cursor: pointer; background: url('../gfx/icon-best/add-file.png'); width: 24px; height: 24px; }
.client-area .ca-btn-upload #upload_new:hover { opacity: 1; color: #FFB100; }
.client-area .ca-btn-send { display: inline-block; vertical-align: top; margin: 0 16px 0 0; }
.client-area .ca-btn-send #upload_send { background-color: #b5b5b5; border: 1px solid grey; border-radius: 5px; color: #c60046; cursor: pointer; display: inline-block; margin: 1px 15px 1px 0; padding: 5px 24px; font-size: 14px; }
.client-area .ca-btn-send #upload_send:hover { background-color: #fff; }
.client-area .ca-btn-send #upload_file { display: inline-block;  background: #666; border-radius: 4px; border: 1px solid #fff; box-shadow: 0 0 2px rgba(0,0,0,0.6); color: #fff;}
.client-area .ca-btn-send #hide_upload_file { background: rgba(0, 0, 0, 0) url("../gfx/icon-best/x.png") no-repeat scroll center center; display: inline-block; cursor: pointer; height: 18px; margin: 0 18px 0 2px; vertical-align: text-top; width: 18px; opacity: 0.7; }
.client-area .ca-btn-send #hide_upload_file:hover { opacity: 1; }
.client-area .ca-btn-create { display: inline-block; }
.client-area .ca-btn-create #create_folder_new { opacity: 0.7; margin: 0 18px 4px 2px; cursor: pointer; background: url('../gfx/icon-best/kat.png'); width: 24px; height: 24px; }
.client-area .ca-btn-create #create_folder_new:hover { opacity: 1; }
.client-area .submit-logout { display: inline-block; }
.client-area .submit-logout #logout_ca_link { opacity: 0.7; margin: 0 18px 4px 2px; cursor: pointer; background: url('../gfx/icon-best/logout.png'); width: 24px; height: 24px; }
.client-area .submit-logout #logout_ca_link:hover { opacity: 1; }
.client-area table { border: 0 none; border-spacing: 0; margin: 0; padding: 0; }
.client-area table tr { }
.client-area table tr td { padding: 2px 0; }
.client-area table .file-header-path { }
.client-area table .file-header-path td { background-color: #E1E1E1; padding: 3px 6px; border-bottom: 1px solid #284A2C; border-top: 1px solid #284A2C; }
.client-area table .file-header-path td .bc-path { cursor: pointer; color: #284A2C; font-size: 12px }
.client-area table .file-header-path td .bc-path .path-sep { margin: 0 3px; }
.client-area table .file-header-path td .bc-path:hover { color: #990000; }
.client-area table .file-header { }
.client-area table .file-header td { background-color: #969696; border-bottom: 1px solid #666; color: #f3f3f3; font-size: 13px; font-weight: bold; padding: 6px 0; }
.client-area table .file-header .td-icon { width: 6%; text-align: center; }
.client-area table .file-header .td-name { text-align: left; }
.client-area table .file-header .td-size { width: 18%; text-align: center; }
.client-area table .file-header .td-task { width: 14%; text-align: center; }
.client-area table .file-item { font-size: 12px }
.client-area table .file-item:hover { background-color: #adadad; color: #FFFFFF; }
.client-area table .file-item .td-icon { text-align: center; cursor: pointer; }
.client-area table .file-item .td-name { text-align: left; cursor: pointer; line-height: 180%; padding: 4px; }
.client-area table .file-item .td-size { text-align: center; }
.client-area table .file-item .td-task { text-align: center; }
.client-area table .file-item .btn-task { width: 24px; height: 24px; margin: 0 6px; display: inline-block; cursor: pointer; opacity: 0.7; }
.client-area table .file-item .btn-task:hover { opacity: 1; }
.client-area table .file-item .btn-remove { background: url('../gfx/icon-best/x.png') center center no-repeat; }
.client-area table .file-item .btn-rename { background: url(../gfx/icon-best/edit_red.png) center center no-repeat; }
.client-area table .file-item .btn-folder-create { background: url('../gfx/icon-best/save_icon.png') no-repeat top center; margin: 0 0 -8px 3px; }
.client-area .ca-shadow { display: none; background: url("../gfx/loading-square.gif") no-repeat scroll 49% 60% transparent; height: 100%; width: 100%; left: 0; top: 0; position: absolute; }
.client-area .td-new-folder-icon { text-align: center; }
.client-area .td-new-folder-name { line-height: 180%; padding: 4px; text-align: left; }
.client-area .td-new-folder-name #new-folder-input { width: 50%; border: 1px solid #000000 }
.client-area .in-rename-file, .client-area .in-rename-folder { width: 70%; border: 1px solid #000000  }
.client-area .btn-accept-rename { background: url('../gfx/icon-best/save_icon.png') top center no-repeat; vertical-align: top; margin: 4px 0px 0 6px !important; }
.client-area .btn-close-rename,
.client-area .btn-rename-folder-close { background: url('../gfx/icon-best/x.png') top center no-repeat; vertical-align: top; margin: 2px 0 0 2px !important; }

.ca-wrapper-main { position: relative;  }
.ca-wrapper { position: relative; min-height: 300px; }
.client-area .ca-btn-upload #upload_new_ext { opacity: 0.7; margin: 0 18px 4px 2px; cursor: pointer; background: url('../gfx/icon-best/add-file.png'); width: 24px; height: 24px; }
.client-area .ca-btn-upload #upload_new_ext:hover { opacity: 1; color: #FFB100; }

.client-area #dropable_files_area {
	display: none;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 1000;
}
.client-area #dropable_area {
	height: 100%;
    width: 100%;
    cursor: pointer;
}


.client-area #dropable_files_area .a-shadow {
	background-color: #000;
    border: 4px dashed #fff;
    border-radius: 8px;
    height: 100%;
    opacity: 0.7;
    width: 100%;
    z-index: 100;
    transition: all 0.3s ease 0s;
}
.client-area #dropable_area.ca-on-enter .a-shadow {
	border-color: #2BA300;
	background-color: #333333;
}
.client-area #dropable_area.ca-on-files-list .a-shadow {
	border-color: #2BA300;
	background-color: #333333;
} 

.client-area #dropable_area > div {
	transition: all 0.3s ease 0s;
}
.client-area #dropable_area.ca-on-enter > div {
	color: #777;
}
.client-area #dropable_files_area .a-close {
	font-size: 30px;
    position: absolute;
    top: -32px;
    right: 10px;
    cursor: pointer;
}
.client-area #dropable_files_area .a-close:hover {
	text-shadow: 0px 0px 2px #ffffff;
}
.client-area #dropable_files_area .a-drop {
	font-size: 30px;
    position: absolute;
    text-align: center;
    top: 66px;
    width: 100%;
}
.client-area #dropable_files_area .a-or {
	font-size: 20px;
    position: absolute;
    text-align: center;
    top: 120px;
    width: 100%;
}
.client-area #dropable_files_area .a-select {
	font-size: 30px;
    position: absolute;
    text-align: center;
    top: 160px;
    width: 100%;
}
.client-area #dropable_area.ca-on-files-list .a-drop, 
.client-area #dropable_area.ca-on-files-list .a-or,
.client-area #dropable_area.ca-on-files-list .a-select {
	display: none;
}

.client-area #dropable_files_area .a-select .btn-select-files {
	border: 1px solid;
    border-radius: 6px;
    cursor: pointer;
    display: inline-block;
    padding: 1px 30px 4px;
}
.client-area #dropable_files_area:hover .a-select .btn-select-files {
	text-shadow: 0px 0px 2px #ffffff;
	box-shadow: 0px 0px 2px #ffffff;
}
.client-area #dropable_files_area #ca_files_toupload {
	display: none;
}
.client-area #dropable_files_area .a-drop-here {
	z-index: 1100;
	height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
}

.client-area #dropable_area .selected-files-list {
	left: 0;
    padding: 0 20px;
    position: absolute;
    top: 16px;
    width: 100%;
    display: none;
}
.client-area #dropable_area.ca-on-files-list .selected-files-list {
	display: block;
}

.client-area #dropable_area .selected-files-list .file-item {
	display: block;
    height: 30px;
    line-height: 30px;
    width: 100%;
}
.client-area #dropable_area .selected-files-list .file-item .filename {
	display: inline-block;
	font-weight: bold;
    margin-right: 13px;
}
.client-area #dropable_area .selected-files-list .file-item .progress {
	display: inline-block;
}
.client-area #dropable_area .selected-files-list .file-item .progress .perc {
	display: inline-block;
}





#dragandrophandler {
	border:2px dotted #0B85A1;
	width:400px;
	color:#92AAB0;
	text-align:left;vertical-align:middle;
	padding:10px 10px 10 10px;
	margin-bottom:10px;
	font-size:200%;
}
.progressBar {
    width: 20%;
    height: 22px;
    border: 1px solid #ddd;
    border-radius: 5px; 
    overflow: hidden;
    display:inline-block;
    margin:0px 10px 5px 5px;
    vertical-align:top;
}
 
.progressBar div {
    height: 100%;
    color: #fff;
    text-align: right;
    line-height: 22px; /* same as #progressBar height if we want text middle aligned */
    width: 0;
    background-color: #318513; 
    border-radius: 2px; 
}
.statusbar
{
    border-top:1px solid #e6fade;
    min-height:25px;
    width:100%;
    padding:10px 10px 0px 10px;
    vertical-align:top;
}
.filename {
	display:inline-block;
	vertical-align:top;
	width:50%;
	color:#ffffff;
}
.filesize {
	display:inline-block;
	vertical-align:top;
	color:#ffffff;
	width:10%;
	margin-left:10px;
	margin-right:5px;
}
.abort{
    background-color:#A8352F;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;display:inline-block;
    color:#fff;
    font-family:arial;font-size:13px;font-weight:normal;
    padding:4px 15px;
    cursor:pointer;
    vertical-align:top;
    float: right;
}
.success{
    background-color:#318513;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;display:inline-block;
    color:#fff;
    font-family:arial;font-size:13px;font-weight:normal;
    padding:4px 15px;
    vertical-align:top;
    display: none;
    float: right;
}