/* bootstrap slider */
.slider .tooltip-inner,.slider.slider-vertical .slider-tick-label-container{white-space:nowrap}.slider-selection,.slider-track-high,.slider-track-low{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;border-radius:4px}.slider-handle.custom::before,.slider-tick.custom::before{line-height:20px;font-size:20px;content:'\2605';color:#726204}.slider{display:inline-block;vertical-align:middle;position:relative}.slider.slider-horizontal{width:210px;height:20px}.slider.slider-horizontal .slider-track{height:10px;width:100%;margin-top:-5px;top:50%;left:0}.slider.slider-horizontal .slider-selection,.slider.slider-horizontal .slider-track-high,.slider.slider-horizontal .slider-track-low{height:100%;top:0;bottom:0}.slider.slider-horizontal .slider-handle,.slider.slider-horizontal .slider-tick{margin-left:-10px;margin-top:-5px}.slider.slider-horizontal .slider-handle.triangle,.slider.slider-horizontal .slider-tick.triangle{border-width:0 10px 10px;width:0;height:0;border-bottom-color:#0480be;margin-top:0}.slider.slider-horizontal .slider-tick-label-container{white-space:nowrap;margin-top:20px}.slider.slider-horizontal .slider-tick-label-container .slider-tick-label{padding-top:4px;display:inline-block;text-align:center}.slider .hide,.slider input{display:none}.slider.slider-vertical{height:210px;width:20px}.slider.slider-vertical .slider-track{width:10px;height:100%;margin-left:-5px;left:50%;top:0}.slider.slider-vertical .slider-selection{width:100%;left:0;top:0;bottom:0}.slider.slider-vertical .slider-track-high,.slider.slider-vertical .slider-track-low{width:100%;left:0;right:0}.slider.slider-vertical .slider-handle,.slider.slider-vertical .slider-tick{margin-left:-5px;margin-top:-10px}.slider.slider-vertical .slider-handle.triangle,.slider.slider-vertical .slider-tick.triangle{border-width:10px 0 10px 10px;width:1px;height:1px;border-left-color:#0480be;margin-left:0}.slider-handle,.slider-tick{position:absolute;width:20px;height:20px}.slider.slider-vertical .slider-tick-label-container .slider-tick-label{padding-left:4px}.slider.slider-disabled .slider-handle{background-image:-webkit-linear-gradient(top,#dfdfdf 0,#bebebe 100%);background-image:-o-linear-gradient(top,#dfdfdf 0,#bebebe 100%);background-image:linear-gradient(to bottom,#dfdfdf 0,#bebebe 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdfdfdf', endColorstr='#ffbebebe', GradientType=0)}.slider.slider-disabled .slider-track{background-image:-webkit-linear-gradient(top,#e5e5e5 0,#e9e9e9 100%);background-image:-o-linear-gradient(top,#e5e5e5 0,#e9e9e9 100%);background-image:linear-gradient(to bottom,#e5e5e5 0,#e9e9e9 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe5e5e5', endColorstr='#ffe9e9e9', GradientType=0);cursor:not-allowed}.slider .tooltip.top{margin-top:-36px}.slider-track{position:absolute;cursor:pointer;background-image:-webkit-linear-gradient(top,#f5f5f5 0,#f9f9f9 100%);background-image:-o-linear-gradient(top,#f5f5f5 0,#f9f9f9 100%);background-image:linear-gradient(to bottom,#f5f5f5 0,#f9f9f9 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1);border-radius:4px}.slider-selection{position:absolute;background-image:-webkit-linear-gradient(top,#f9f9f9 0,#f5f5f5 100%);background-image:-o-linear-gradient(top,#f9f9f9 0,#f5f5f5 100%);background-image:linear-gradient(to bottom,#f9f9f9 0,#f5f5f5 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#fff5f5f5', GradientType=0);-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-sizing:border-box}.slider-selection.tick-slider-selection{background-image:-webkit-linear-gradient(top,#89cdef 0,#81bfde 100%);background-image:-o-linear-gradient(top,#89cdef 0,#81bfde 100%);background-image:linear-gradient(to bottom,#89cdef 0,#81bfde 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff89cdef', endColorstr='#ff81bfde', GradientType=0)}.slider-track-high,.slider-track-low{position:absolute;background:0 0;box-sizing:border-box}.slider-handle{background-color:#337ab7;background-image:-webkit-linear-gradient(top,#149bdf 0,#0480be 100%);background-image:-o-linear-gradient(top,#149bdf 0,#0480be 100%);background-image:linear-gradient(to bottom,#149bdf 0,#0480be 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);filter:none;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);border:0 solid transparent}.slider-handle.round{border-radius:50%}.slider-handle.custom,.slider-handle.triangle{background:0 0}.slider-tick{background-image:-webkit-linear-gradient(top,#f9f9f9 0,#f5f5f5 100%);background-image:-o-linear-gradient(top,#f9f9f9 0,#f5f5f5 100%);background-image:linear-gradient(to bottom,#f9f9f9 0,#f5f5f5 100%);background-repeat:repeat-x;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;filter:none;opacity:.8;border:0 solid transparent}.slider-tick.round{border-radius:50%}.slider-tick.custom,.slider-tick.triangle{background:0 0}.slider-tick.in-selection{background-image:-webkit-linear-gradient(top,#89cdef 0,#81bfde 100%);background-image:-o-linear-gradient(top,#89cdef 0,#81bfde 100%);background-image:linear-gradient(to bottom,#89cdef 0,#81bfde 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff89cdef', endColorstr='#ff81bfde', GradientType=0);opacity:1}
/* ----- bootstrap slider */

/* overrides */
a{cursor:pointer;}
a.janrainEngage:hover, a.janrainEngage:focus{text-decoration:none;}
label{font-weight:normal;}
.slider-handle{background-color:#84c34d;background-image:none;}
.text-success{color:#84c34d;}
.text-danger{color: #d9534f;}
.btn-danger{background-color: #d9534f;border-color: #d43f3a;color: #ffffff !important;}
.btn-warning{background-color: #f0ad4e;border-color: #eea236;color: #000000;}
.alert-danger{color: #a94442; background-color: #f2dede; border-color: #ebccd1;}
.alert-warning{color: #8a6d3b;background-color: #fcf8e3;border-color: #faebcc;}
.alert-info{color: #31708f;background-color: #d9edf7;border-color: #bce8f1;}
.alert-success{color: #3c763d;background-color: #dff0d8;border-color: #d6e9c6;}
.navbar-default #navbar-header .navbar-nav a{background-color:#f8f8f8;}
.navbar-inverse #navbar-header .navbar-nav a{background-color:#333333;}
.form-control{height:auto;}
.dropdown-menu.static{position:static !important;}
.btn-group.btn-group-vertical .btn{padding:16px 12px;}
/* overrides */

#privacy-update-message{
    border-color: #444444;
}

/* header */
.navbar-secured{background-color: #333333;border-color: #1a1a1a;}
.navbar-secured .navbar-text{color: #9e9e9e;}
.navbar-secured .navbar-nav > li > a,
.navbar-secured .nav .open > a,
.navbar-secured .nav .open > a:hover,
.navbar-secured .nav .open > a:focus{color: #9e9e9e; background-color:#333333;}
.navbar-secured .navbar-toggle .icon-bar{background-color: #9e9e9e;}
.navbar-secured .dropdown-menu > li > a{color:#333333;}
.navbar-secured .dropdown-menu > li > a:hover,
.navbar-secured .dropdown-menu > li > a:focus {background-color: #f8f8f8;}
.signed-in-as{cursor:default !important;}

.navbar-secured .divider{height: 1px;margin: 9px 0;overflow: hidden;background-color: #e5e5e5;}
/* ----- header */

/* footer */
.footer.default{background-color:#84C34D;color:#ffffff; padding:35px 0px;}
.footer.default a{color:#ffffff;}
.footer.with-branding{background-color:transparent; padding:35px 0px;}
.footer-shadow{box-shadow: 0px -5px 30px 0px rgba(50, 50, 50, 0.15);}
.footer-popup{background-color:#ffffff;}
.footer-secured a,
.footer-secured a:hover{text-decoration:none;}
.footer-secured #global-upload-progress,
.footer-popup #global-upload-progress{cursor:pointer;}
.footer-secured #global-upload-progress .progress,
.footer-popup #global-upload-progress .progress{height:10px;}
.footer-secured #global-upload-progress .progress-details,
.footer-popup #global-upload-progress .progress-details{font-size:14px;margin-bottom:5px;}
.footer-secured #global-upload-progress .progress-details span.label,
.footer-popup #global-upload-progress .progress-details span.label{margin-left:3px;}
.footer-secured div{padding-bottom:3px;}
.footer-secured .bottom-shadow{box-shadow: 0 10px 3px -10px #444;}
.footer-secured .active-section{border-bottom:4px solid #84C34D;}
/* ---- footer */

/* message stacker */
.message-stacker{position:fixed; top:0px; left:0px; right:0px; background:transparent;z-index:2000;}
.message-stacker .message{margin:10px auto; width:300px;}
/* ---- message stacker */

/* wc specific classes */
.middle-section.unsecured{padding:0px; min-height:450px; margin-bottom:30px; margin-top:80px;}
.middle-section.secured{padding:0px; min-height:450px; margin-bottom:30px; margin-top:20px;}
.middle-section.secured.popup{margin-top:0px;}
.middle-section .align-middle{position:relative; top:100px;}
.content-push{padding:40px 0px;}
.content-push.w-progress{padding:60px 0px;}
.content-push.popup{padding:30px 0px;}

.wc-iconstack-wrapper{display:inline-block; position:relative;}
.wc-iconstack+.fileicon-text{position:absolute; width:100%; left:0px;line-height:100%; text-align:center;}
.wc-iconstack.fa-lg+.fileicon-text{font-size:5px; bottom:0.1em;}
.wc-iconstack.fa-2x+.fileicon-text{font-size:6px;bottom:0.7em;}
.wc-iconstack.fa-3x+.fileicon-text{font-size:9px; font-weight:normal; bottom:0.7em;}
.wc-iconstack.fa-4x+.fileicon-text{font-size:10px; font-weight:bold; bottom:0.8em;}

.wc-shared-stack .fa-user{bottom:-3px;left:2px;}
.wc-create-folder-stack .fa-plus{bottom:-2px;left:1px;}

.header-overflow,
.overflow{
  position:absolute;
  top:0;
  left:0;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-top: 0;
  max-width:80%;
}
.overflow.forced{max-width:80% !important;}
.overflow.ninety{max-width:90% !important;}
.header-overflow .navbar-brand{margin-left:0px !important;}


.center-div{margin:0 auto; float:none;}
.circle {
  background: #84C34D;
  border-radius: 50%;
  height: 135px;
  width: 135px;
}
.small-top-buffer{margin-top:10px;}
.top-buffer{margin-top: 30px;}
.big-top-buffer{margin-top: 50px;}
.right-buffer{margin-right: 15px;}
.left-buffer{margin-left: 15px;}
.small-bottom-buffer{margin-bottom:10px;}
.bottom-buffer{margin-bottom: 10px;}
.big-bottom-buffer{margin-bottom: 40px;}
.modal-backdrop{z-index: 1040;}
.grey-bg{background-color: #f5f5f5;}
.gray{color: #444;}
.badge-new{color: white;background: red;}

.wc-popover-menu .popover-content{padding:0px; text-align:left; width:200px;}
.wc-popover-menu ul{width:100%;margin:0px;}
.wc-popover-menu ul li{cursor:pointer; display:block; padding:10px;}
.wc-popover-menu ul li:hover,
.wc-popover-menu ul li.selected{background-color:#84c34d; color:#FFFFFF;}
.wc-popover-menu ul li.disabled{font-style:italic;color:#A6A6A6;cursor:default;}
.wc-popover-menu ul li.disabled:hover{background-color:#FFFFFF;}
/* wc specific classes */

/* buttons colors */
.btn-webcargo{border-color: #77b83e;}
.btn-welcome{color:#000000 !important;}
/* buttons colors */

/* forms */
.has-error h1, .has-error h2, .has-error h3, .has-error h4, .has-error h5, .has-error h6{color: #d9534f;}
/* forms */

/* login */
.login-box-spacer{padding-top:55px;}
/* login */

/* loading */
.ajax-loader{color:#FFFFFF;margin-left:5px; margin-top:15px;}
#drawer-panel .ajax-loader{margin:0px; margin-left:3px; color:#787878;}
/* loading */

/* captcha */
.captcha-wrapper{position:relative;}
.captcha-wrapper,
#captcha,
.captcha-wrapper .loader-message{height:80px;}
#captcha{min-width:305px;}
.captcha-wrapper .loader,
.captcha-wrapper .loader-message{line-height:80px; vertical-align:middle;}
.captcha-wrapper.has-error #captcha{border:1px solid #d9534f;}
.captcha-wrapper .loader,
.captcha-wrapper #captcha{position:absolute; left:0px; top:0px;}
.captcha-wrapper .loader-message{position:absolute; left:75px;}
/* captcha */

/* keynote page */
#keynote-carousel{margin-top:-30px}
.keynote-listing h4{margin:20px 0px;}
/* keynote page */

/* signup */
#storage-choice {line-height:40px;}
#price-box, #payment-details{margin-bottom:30px;}
#price-box .priceplan-key{font-size:14px;}
#price-box .plan-price{font-size:60px;}
#price-box .per-month{font-size:10px;margin-top:-5px;}
#price-box .feature-list{font-size:12px;}

#form-activation #expiration-month, #form-activation #expiration-year,
#helcimForm #cardExpiryMonth, #helcimForm #cardExpiryYear{display:inline-block;}
#form-activation #expiration-month,
#helcimForm #cardExpiryMonth{width:75px;}
#form-activation #expiration-year,
#helcimForm #cardExpiryYear{width:100px;}
/* signup */

/* uploads */
.dropzone{min-height:200px; border-width:2px; margin-bottom:20px; border-style:dashed; border-color:#ccc; background-color:#ffffff; text-align:center;}
.dropzone.dropping-files{border-color: #222;}
.dropzone.has-error{color:#d9534f; border-color:#d9534f;}
#fine-uploader .attach-button-solo{position:absolute !important; bottom:0px; margin-left:-30px; cursor:pointer; left:50%;}
#fine-uploader .attach-buttons{position:absolute !important; bottom:0px; margin-left:-60px; width:120px; left:50%}
#fine-uploader #attach-button,
#fine-uploader #filemanager-button{cursor:pointer;}

.dropzone #dropzone-description{line-height:165px; color:#666;}
.dropzone #dropzone-worker{position:absolute; top:50%; left:50%; margin-top:-26px; margin-left:-20px;}
.dropzone #ie-hint{position:absolute; top:10px; right:20px;}

.dropzone ul{margin-top:30px; margin-bottom:30px;}
.dropzone ul li{vertical-align:middle; position:relative; white-space:nowrap; margin:0px 0px 10px 0px; line-height:30px;}

.dropzone ul li .uploading,
.dropzone ul li .error,
.dropzone ul li .done{width:100%; overflow:hidden; height:40px; vertical-align:middle; position:relative; padding:4px;}

.dropzone ul li .spinner,
.dropzone ul li .retry-badge,
.dropzone ul li .file-icon,
.dropzone ul li .name,
.dropzone ul li .file-actions,
.dropzone ul li .error-text,
.dropzone ul li .error-text-sm{position:absolute; z-index:1;}

.dropzone ul li .name{margin-left:30px;}
.dropzone ul li .spinner,
.dropzone ul li .file-icon,
.dropzone ul li .retry-badge{left:9px;}
.dropzone ul li .error-text{margin-right:30px; z-index:3; text-align:right; right:9px;}
.dropzone ul li .error-text-sm{margin-left:30px; text-align:left;}

.dropzone ul li .file-actions .fa{cursor:pointer;}
.dropzone ul li .filetype-text{font-size: .4em;}
.dropzone ul li .file-icon{color:#84c34d;}
.dropzone ul li .file-icon .fa-stack{width:auto;height:auto;}
.dropzone ul li .file-actions{background:url('../images/bg-fade.png') transparent; z-index:2; min-width:50px; text-align:right; right:0px; padding-right:9px;}
/* ---- uploads */

/* delivery */
.delivery{margin-bottom:50px;}
.delivery .left-side,
.delivery .right-side{display:table-cell; float:none; vertical-align:top;}
.delivery .left-side hr:first-child{margin-top:0px;}
.delivery-actions a{color:#000000;}
#modal-delivery-details .row{margin-bottom:10px;}
#modal-delivery-details .recipient-menu-wrapper{position:relative;}
#modal-delivery-details .delivery-recipients li{margin:5px 0px;position:relative;}


.files-listing{padding:0px;}
.files-listing .delivery-expired,
.files-listing .file-item .loading{
    position:absolute;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    background:#f5f5f5;
    z-index:20;
    opacity: 0.6; /* opacity [0-1] */
    -moz-opacity: 0.6; /* opacity [0-1] */
    -webkit-opacity: 0.6; /* opacity [0-1] */
}
.files-listing .file-item{position:relative; padding:19px;}
.files-listing .media-body{position:relative;}
.files-listing hr{margin-top:0px; margin-bottom:0px; margin-left:19px; margin-right:19px;}
.files-listing .file-item .filename{max-width:100%; line-height:20px;}
.files-listing .file-item .filesize{margin-top:25px;}
.files-listing .file-item .media-heading .view-file{color:#000000;}
.files-listing .file-item .loading .fa{line-height:120px; vertical-align:middle; cursor:default;}
/* ---- delivery */

/* view-file */
.viewer-content{position:absolute; top:60px; bottom:0px; left:0px; right:0px; height:auto; margin-top:0px; margin-bottom:0px;}
.not-viewable h4{margin-bottom:50px;}

#flowplayer{background-color:transparent; width:100%; height:100%; display:block}
#flowplayer.is-fullscreen .fp-player{max-width:100% !important;max-height:100% !important;}
#flowplayer .fp-ratio{padding-top:0px !important;}
#flowplayer.flowplayer .fp-progress,
#flowplayer.flowplayer .fp-volumelevel{background-color:#111111 !important;}
#flowplayer.flowplayer .fp-menu:before{content:"\f20a";font-family:"FontAwesome" !important;}
#flowplayer.flowplayer .fp-menu.off{opacity:0.7;} 

#flowplayer.flowplayer .fp-timeline,
#flowplayer.flowplayer .fp-volumeslider{background-color:#eeeeee !important;}
#flowplayer.flowplayer .fp-buffer{background-color:#a5a5a5 !important;}

/* override default looks */
#flowplayer.flowplayer .fp-subtitle.fp-active{bottom:15px;}
#flowplayer.flowplayer.is-mouseover .fp-subtitle.fp-active{bottom:55px;}
#flowplayer.flowplayer .fp-subtitle.fp-active p{background-color:#000000;}
 
#audio-player{margin-top:50px;}
#audio-player .waveform{height:160px;}
#audio-player .controls{margin-top:50px;}
#audio-player #round-progress-value{position:absolute; left:50%; top:100px; margin-left:-60px; width:120px;}
/* ---- view-file */

/* drawer */
#drawer-panel{
    position:fixed;
    top:0px;
    right:0px;
    bottom:0px;
    margin:0px;
    width:0%;
    padding:0px;
    -webkit-box-shadow: -1px 0px 5px 0px rgba(0,0,0,0.33);
    -moz-box-shadow: -1px 0px 5px 0px rgba(0,0,0,0.33);
    box-shadow: -1px 0px 5px 0px rgba(0,0,0,0.33);
    z-index:1100;
}
#drawer-panel .loader{position:absolute; top:50%; left:50%; margin-top:-28px; margin-left:-36px;}
#drawer-panel .panel-body{position:absolute; top:41px; left:0px; right:0px; bottom:0px; height:auto; padding:0px; margin:0px;}
#drawer-panel .panel-body.no-header{top:0px;}
#drawer-panel iframe{
    width:100%;
    height:100%;
    border:none;
}
#drawer-body{
    overflow:hidden;
    position:absolute;
    top:0;
    bottom:0;
    right:0;
    left:0;
}
#drawer-body .drawer-content{
    padding:10px 0px 15px;
    bottom:0px;
    position: absolute;
    top:0px;
    left:0;
    right:0;
    overflow:auto;
}
#drawer-panel #drawer-panel-extend{margin-left:10px;}
#drawer-footer{min-height:78px}
/* ---- drawer */ 

/* welcome page */
.activity-loader .loader,
.activity-loader .loader-message{line-height:80px; vertical-align:middle;}
#activities-list{margin-top:60px;}
#activities-list .date-column{width:150px;}
/* ----- welcome page */

/* inbox */
#inbox-list{margin-top:60px;}
#inbox-list .nb-files{width:70px;}
#inbox-list .nb-files .label{display:block;}
#inbox-list .sender-name,
#inbox-list .delivery-subject{width:200px;}
#inbox-list .date-column{width:150px;}
/* ----- inbox */

/* sent */
#sent-list{margin-top:60px;}
#sent-list .delivery-state{width:70px;}
#sent-list .delivery-state .label{display:block;}
#sent-list .recipients,
#sent-list .delivery-subject{width:200px;}
#sent-list .date-column{width:150px;}
/* ----- sent */

/*  */
.links-bc{background:none; margin-bottom:0px; margin-top:0px;padding:8px 15px;padding-left:0px;}
#links-list{margin-top:20px;}
#links-list .actions-column{width:50px;}
#links-list .expiration-column{width:180px;}
#links-list .link-actions-toggle:hover{text-decoration:none;}


#fine-uploader.dropping-files{border-color: #222; border-style:dashed}
.link-actions a{color:#000000;}
.link-options .row{margin-bottom:30px;}
#modal-link-details .link-options .row{margin-bottom:20px;}
.link-options .link-option{cursor:pointer;}
#link-page #title{
    display: block;
    width: 100%;
    padding: 6px 12px;
    font-size: 24px;
    color: #555555;
    background:none;
    border:none;
}
#link-page .files-listing{min-height:305px;}
#link-page .files-listing #dropzone-description{line-height:300px; color:#666;}
#link-page .files-listing .box-buttons{position:absolute; right:0px;}
#link-page .files-listing .box-buttons .fa{cursor:pointer;}
#link-page .upload-file.qq-upload-button-hover{text-decoration:underline;}
/* ----- links */

/* send files */
.send-form textarea{resize:none;}
.insert-contact{cursor:pointer; text-decoration: underline;}
.delivery-options a.text-muted:hover,
.delivery-options a.text-muted:focus{color:#787878 !important;}
.delivery-options a:hover,
.delivery-options a:focus{color:#84c34d;}
.delivery-options a{margin-right:5px;}

.sent-page ul{padding-left:15px; margin-bottom:0px;}
.sent-page .add-contact{cursor:pointer;}
/* send files */

/* attach files */
.attach-files-bc{background:none; margin-bottom:0px; margin-top:20px;padding:8px 15px;}
#attaching-done{margin-left:10px;}
#folders-list{margin-top:20px;}
#cancel-attach{margin-left:10px; font-size:90%;}
/* attach files */

/* move */
.move-bc{background:none; margin-bottom:0px; margin-top:20px;padding:8px 15px;}
#moving-done{margin-left:10px;}
#cancel-move{margin-left:10px; font-size:90%;}
#folders-list{margin-top:20px;}
/* move */

/* folders */
.folders-options a{color:#000000;}
.folders-bc{background:none; margin-bottom:0px; margin-top:0px;padding:8px 15px;padding-left:0px;}
.storage-details{padding:8px 15px;}
#folders-page #folders-list .actions-column{width:50px;}
#folders-page #folders-list .actions-column .fa{cursor:pointer;}
#folders-page .upload-file.qq-upload-button-hover{text-decoration:underline;}

#upload-queue{margin-top:0px; margin-bottom:0px;max-height:300px; overflow:auto;}
#upload-queue li{vertical-align:middle; position:relative; white-space:nowrap; margin:0px 0px 10px 0px; line-height:30px;}

#upload-queue li .uploading,
#upload-queue li .error,
#upload-queue li .done{width:100%; overflow:hidden; height:40px; vertical-align:middle; position:relative; padding:4px;}

#upload-queue li .spinner,
#upload-queue li .name,
#upload-queue li .file-actions,
#upload-queue li .error-text,
#upload-queue li .error-text-sm{position:absolute; z-index:1;}

#upload-queue li .name{margin-left:30px;}
#upload-queue li .folder-path{margin-left:10px; font-style:italic;}
#upload-queue li .spinner{left:9px;}
#upload-queue li .error-text{margin-right:30px; z-index:3; text-align:right; right:9px;}
#upload-queue li .error-text-sm{margin-left:30px; text-align:left;}

#upload-queue li .file-actions .fa{cursor:pointer;}
#upload-queue li .file-actions{background:url('../images/bg-fade.png') transparent; z-index:2; min-width:50px; text-align:right; right:0px; padding-right:9px;}
/* folders */

/* sharings */
#sharing-recipients{padding-top:4px; padding-bottom:4px;}
#sharings-list .name-column{width:250px;}
#sharings-list .actions-column{width:50px; cursor:pointer;}
#form-sharing-message #message{resize:none;}
/* sharings */

/* versions */
#versions-list{margin-top:20px;}
#versions-list .actions-column{width:50px;}
#versions-list .actions-column .fa{cursor:pointer;}
/* versions */

/* comments */
#comments-list .comment-item,
#comments-list .new-comment-item{margin-top:15px;}
.comment-item .media-left{padding:0px 20px; vertical-align:middle;}
.new-comment-item .media-left{padding:10px 20px 0px;}
#new-comment{resize:none;margin-bottom:10px;}
/* comments */

/* address-book */
#inserting-done{margin-left:10px;}
#cancel-insert{margin-left:10px; font-size:90%;}
/* address-book */

/* recipients-list */
.recipients-list{height:auto;position:relative;}
.recipients-list:focus, .recipients-list.focus{
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.has-error .recipients-list:focus, .has-error .recipients-list.focus{
    border-color: #d9534f;
    outline: 0;
    -webkit-box-shadow:none;
    box-shadow:none;
}
.recipients-list.disabled,
.recipients-list.blocked{}
.recipients-list ul{display:inline-block; margin:0; padding:0; list-style:none;}
.recipients-list ul li{display:inline-block; cursor:default;margin:1px;}
.recipients-list ul li i.fa{cursor:pointer;}
.recipients-list .new-recipient,
.recipients-list .hidden-recipient{
    height:100%;
    background:transparent;
    border:none;  
}
.recipients-list .new-recipient:focus,
.recipients-list .new-recipient:active,
.recipients-list .hidden-recipient:focus,
.recipients-list .hidden-recipient:active{border:none;outline:0;}
.recipients-list-menu{
    padding: 3px 6px;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
}
.recipients-list-suggestion{padding:3px;}
.recipients-list-suggestion:hover{cursor: pointer;color: #555555;background-color: #f5f5f5;}
/* recipients list */


/* data-table */
.data-table{position:relative;min-height:50px;}
.data-table td{padding-top:16px !important; padding-bottom:16px !important;}
.data-table .error{cursor:pointer;}
.data-table .cursor-pointer{cursor:pointer;}
.data-table .icon-column,
.data-table .checkbox-column,
.data-table .radio-column{width:35px;}
.data-table .vmiddle{vertical-align:middle;}
.data-table.table-responsive{border:none;}
.data-table .loader{position:absolute; top:0; right:0; bottom:0; left:0; z-index:550;}
.data-table .loader i.fa{cursor:default;}
.data-table .undefined-value{font-style:italic;}
.data-table .pager .table td{border:none;}

.data-table .bg-striped{background-color:#FFFFFF;}

.data-table-pager .pagination > .active > a,
.data-table-pager .pagination > .active > span,
.data-table-pager .pagination > .active > a:hover,
.data-table-pager .pagination > .active > span:hover,
.data-table-pager .pagination > .active > a:focus,
.data-table-pager .pagination > .active > span:focus{background-color: #444444;border-color: #444444;color: #ffffff;}
.data-table-pager .pagination > li > a,
.data-table-pager .pagination > li > span{color:#787878;background-color:transparent;}
/* data-table */

/* search filters */
.search-box .clear-filters{display:block; position:absolute; font-size:12px; height:100%; z-index:2; left:-10px;}
.search-box .dropdown-menu{width:100%; padding:6px 20px;}
.search-box .dropdown-menu .form-horizontal .form-group{margin-left:0px; margin-right:0px;}
.search-box .slider.slider-horizontal{width:100%;}
.search-box .checkbox{margin-bottom:15px;}
/* search filters */

/* creditcards */
.cardnumber-details{line-height:30px; vertical-align:middle;}
.cardnumber-details #creditcard-number{line-height:30px; vertical-align:middle; display:table-cell;margin-right:5px;}
.creditcards{display:inline-block;}
.creditcards.s42x30{
    background-image:url(../images/creditcards-42x30.png);
    width:42px;
    height:30px;
}
.creditcards.s42x30.visa{background-position:0px -30px;}
.creditcards.s42x30.visa.active{background-position:0px 0px;}
.creditcards.s42x30.master{background-position:-42px -30px;}
.creditcards.s42x30.master.active{background-position:-42px 0px;}
.creditcards.s42x30.amex{background-position:-84px -30px;}
.creditcards.s42x30.amex.active{background-position:-84px 0px;}
.creditcards.s42x30.disc{background-position:-126px -30px;}
.creditcards.s42x30.disc.active{background-position:-126px 0px;}
.creditcards.s42x30.dinners{background-position:-168px -30px;}
.creditcards.s42x30.dinners.active{background-position:-168px 0px;}
/* ---- creditcards */

/* screen width dependent classes */
@media (max-width: 767px) { /* xs */
  body, .btn, .form-control, .dropdown-menu, h5, .h5{font-size:12px}
  #fine-uploader .attach-buttons{width:100px; margin-left:-50px;}
  #drawer-panel .panel-body {top:38px;}
  #link-page #title,h3,.h3{font-size:18px;}
}
@media (min-width: 768px) and (max-width: 991px) { /* sm */
  body, .btn, .form-control, .dropdown-menu, h5, .h5{font-size:12px;}
  #drawer-panel .panel-body {top:38px;}
  #link-page #title,h3,.h3{font-size:18px;}
}
/* ----- dependent classes */