/*!
 * @copyright Copyright © Kartik Visweswaran, Krajee.com, 2014 - 2015
 * @package bootstrap-fileinput
 * @version 4.2.8
 *
 * File input styling for Bootstrap 3.0
 * Built for Yii Framework 2.0
 * Author: Kartik Visweswaran
 * Year: 2015
 * For more Yii related demos visit http://demos.krajee.com
 */
.file-preview-frame, .file-preview-image, .file-preview-other {

    vertical-align: middle;
    object-fit: contain;
    width: 90% !important;
    margin: auto;
}
.file-loading {
    top: 0;
    right: 0;
    width: 25px;
    height: 25px;
    font-size: 999px;
    text-align: right;
    color: #fff;
    background: url(../img/loading.gif) top left no-repeat;
    border: none;
}
.file-object {
    margin: 0 0 -5px;
    padding: 0;
}
.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type="file"] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    text-align: right;
    opacity: 0;
    background: 0 0;
    cursor: inherit;
    display: block;
}
.file-caption-name {
    overflow: hidden;
    height: 20px;
    word-break: break-all;
    display: none;
}
.input-group-lg .file-caption-name {
    height: 25px;
}
.file-preview-detail-modal {
    text-align: left;
}
.file-error-message {
    background-color: #f2dede;
    color: #a94442;
    text-align: center;
    border-radius: 5px;
    padding: 5px 10px 5px 5px;
}
.file-error-message pre,
.file-error-message ul {
    margin: 5px 0;
    text-align: left;
}
.file-caption-disabled {
    background-color: #eee;
    cursor: not-allowed;
    opacity: 1;
}
.file-preview {
background: #E7F4FF;
border: 1px solid #BADFFF;
box-sizing: border-box;
box-shadow: 0px 4px 0px rgba(61, 111, 239, 0.15);
border-radius: 8px;
overflow: hidden;
margin-bottom: 15px;
    height: 100px !important;
    width: 100% !important;
    position: relative;
}
.file-preview-frame {
    display: block;
    margin: 0;
    border: 0;
    box-shadow: none;
    float: left;
    text-align: center;
    height: 70px;
    width: 100% !important;
    padding: 0;
    z-index: 1;    position: relative;
}
.file-preview-frame:not(.file-preview-error):hover {
    box-shadow: none;
}
.file-preview-text {
    text-align: left;
    width: 160px;
    margin-bottom: 2px;
    color: #428bca;
    background: #fff;
    overflow-x: hidden;
}
.file-preview-other {
    display: block;
    text-align: center;
    border: 1px solid #b9e0fe;
    opacity: 1;
    border-radius: 5px;
    position: relative;
    height: 100%;
}
.file-actions,
.file-other-error {
    text-align: left;
}
.file-icon-lg {
    font-size: 1.2em;
}
.file-icon-2x {
    font-size: 2.4em;
}
.file-icon-4x {
    font-size: 4.8em;
}

button.close {
    right: 11px;
    top: 5px;
    position: absolute;
}
.file-input-ajax-new .fileinput-remove-button,
.file-input-ajax-new .fileinput-upload-button,
.file-input-new > .close,
.file-input-new > .file-preview,
.file-input-new > .fileinput-remove-button,
.file-input-new >.fileinput-upload-button,
.file-input-new > .glyphicon-file {
    display: none;
}
.file-thumb-loading {
    background: url(../register_app/img/loading.gif) center center no-repeat content-box !important;
}
.file-actions {
    margin-top: 15px;
}
.file-footer-buttons {
    float: right;
}
.file-upload-indicator {
    padding-top: 2px;
    cursor: default;
    opacity: 0.8;
    width: 60%;
}
.file-upload-indicator:hover {
    font-weight: 700;
    opacity: 1;
}
.file-footer-caption {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 160px;
    text-align: center;
    padding-top: 4px;
    font-size: 11px;
    color: #777;
    margin: 5px auto 10px;
}
.file-preview-error {
    opacity: 0.65;
    box-shadow: none;
}
.file-preview-frame:not(.file-preview-error) .file-footer-caption:hover {
    color: #000;
}
.file-drop-zone {
    text-align: center;
    vertical-align: middle;
    margin: 10px;
    padding: 5px;
    height: 80px !important;
    position: relative;
    width: auto;
    outline: none;
}
.file-drop-zone-title {
    color: #96CFFF;
    font-size: 11px;
    font-weight: 300;
    position: absolute;
    top: 60%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    padding: 40px;
    width: auto;
}
.file-highlighted {
    border: 2px dashed #999 !important;
    background-color: #f0f0f0;
}
.file-uploading {
    background: url(../img/loading-sm.gif) center bottom 10px no-repeat;
    opacity: 0.65;
}
.file-error-message .close {
    margin-top: 5px;
}
.file-thumb-progress .progress,
.file-thumb-progress .progress-bar {
    height: 10px;
    font-size: 9px;
    line-height: 10px;
}
.file-thumbnail-footer {
    position: relative;
    display: none;
}
.file-thumb-progress {
    position: absolute;
    top: 22px;
    left: 0;
    right: 0;
}
.btn-file ::-ms-browse {
    width: 100%;
    height: 100%;
}

.kv-file-content {
    height: 100%;
    width: 100%;
    overflow: hidden;
    vertical-align: middle;
    display: flex;
}

.kv-upload-progress {display: none !important;}

.kv-preview-data.file-preview-other-frame {
    height: 100% !important;
    width: 100% !important;
}
.fileinput-cancel-button, .fileinput-upload-button {display: none !important;}

.file-control {display: none;}

.upload-control a {
	display: inline-block;
    margin-right: 10px;
    border: 0;
    background-color: transparent;
    color: #323b5a;
    font-size: 10px;
    font-weight: 600;
    padding: 0;
    line-height: normal;
    float: left;
    cursor: pointer;
}

.upload-control a:hover, .upload-control a:focus {
	color: #3D6FEF;
}

.upload-control a > i {
	font-weight: 700;
    font-size: 13px;
    position: relative;
    top: 1px;
    margin-right: 2px;
}

.file-drop-zone-title {color: #aaa; font-size: 11px; padding: 5px; cursor: default; display: block; width: 100%;}
.btn-file,.uplaod-btn{display:inline-block;margin-right:10px;border:0;background-color:transparent;color:#323b5a;font-size:0px;font-weight:600;padding:0;line-height:normal;float:left;cursor:pointer; width: 100%;}
.btn-file:hover, .uplaod-btn:hover, .uplaod-btn:focus {color: #3D6FEF;}
.btn-file i, .uplaod-btn i{font-weight:700;font-size:13px;position:relative;top:1px;margin-right:2px; display: none;}
.upload-lable{margin-bottom:5px;display:block;font-size:11px;font-weight:400;}
.file-other-icon{position:absolute;font-size:26px;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);left:50%;opacity:.5;}
.upload-box-wrap{margin-bottom:15px; position: relative;}
.remove-text {display: none;}