@CHARSET "UTF-8";

.Company_Html-attachments.attachment-add{
	display:none;
}

.Company_Html-attachments_error{
	display:none;
}
.Company_Html-attachments .field button {float:right;}

.Company_Html-attachments .field > div {
    margin-top: 5px;
}

.Company_Html-attachments-upload {margin-bottom:10px;}

.Company_Html-attachments.add-more {margin:15px;margin-top:0;margin-left:0;}

.editing .Company_Html-attachments.add-more{display:inline-block;}

.Company_Html-attachments-new {margin-bottom:0;padding-left:0;}

.Company_Html-attachments-upload > span {
    display: block;
    /*text-align:center;*/
}


.att-list{padding-left:0;}
.att-list li {
    display: block;
    float: left;
    height: 180px;
    margin-bottom: 15px;
    margin-right: 15px;
    position: relative;
    /*width: 126px;*/
    word-break: break-all;
    overflow:hide;
}
.att-list li.field{width:auto;}
.att-list li.field a{position:relative;top:0;left:0;}
/*
.Company_Html-attachments .fa-paperclip, .Company_Html-attachments .fa-cube {font-size:72px;/*padding:10px;display:block;}

.att-list li .btn {
    position: absolute;
    right: 12px;
    top: 7px;
}
.att-list .bootstrap-switch{
    position: absolute;
    right: 42px;
    bottom: 64px;
}

.Company_Html-attachments .field {
    float: left;
}
*/

/* small */

.Company_Html-attachments[data-size="32"] .att-list li {float:none;height:auto;width:auto;display:block;}
.Company_Html-attachments[data-size="32"] .Company_Html-attachments-upload > span {display:inline-block;}
.Company_Html-attachments[data-size="32"] .att-list li .btn {position:static;}
.Company_Html-attachments[data-size="32"] .Company_Html-attachments .fa-paperclip, .Company_Html-attachments[data-size="32"] .Company_Html-attachments .fa-cube {display: inline;font-size: 14px;padding: auto;}
.Company_Html-attachments[data-size="32"] .Company_Html-attachments.add-more {margin:0;}
.Company_Html-attachments[data-size="32"] .att-list {margin-bottom:0;}
.Company_Html-attachments[data-size="32"] .Company_Html-attachments-upload img {margin-right:5px;}


/*#request-form .Company_Html-attachments .fa-cube {display:none;}*/



/*atachments */
.Company_Html-attachments-upload input[type="file"] {display: inline-block;margin-right:20px;margin-top:5px;}
.Company_Html-attachments-upload select {display:inline-block;max-width:120px;margin-right:10px;}
.Company_Html-attachments-upload label {margin-right:10px;}
.Company_Html-attachments-upload button {float:none!important;display:inline-block;}

.Company_Html-attachments .att-list{padding-left:0;list-style-type: none;padding-top: 5px;}
.Company_Html-attachments .att-list li{display:block;float:left;margin-right:15px;margin-bottom:15px;height:48px;position:relative;}

.Company_Html-attachments li .btn {position:static;}
.cancel-attachment i {margin-right:0!important;}
.Company_Html-attachments-upload .mycolumn {display: inline-block;margin-bottom: 4px;}
.Company_Html-attachments-upload .mycolumn label{font-size:12px;}
.Company_Html-attachments-upload .mycolumn label {display:block!important;}

.bootstrap-switch,.editable .bootstrap-switch,.editing .btn-download,.editable .remove {display:none;}
.editing .bootstrap-switch,.editing .remove {display:inline-block;}

.att-list li {padding-left:55px;width:265px;}
.att-list li img{height:48px;}
.att-img-link {position:absolute;left:0;}
.att-list li .att-link-img{height:48px;position:absolute;left:0;}
.att-list li .att-link-img img{height:48px;position:static;}
.att-list li>.att-link-filename {display:block;margin-bottom:2px;font-size:12px;white-space:nowrap;text-overflow: ellipsis;overflow:hidden;}
.att-list .bootstrap-switch {position:static;}

.bootstrap-switch, .bootstrap-switch-container {border-radius: 2px!important;}
.bootstrap-switch .bootstrap-switch-handle-on {border-bottom-left-radius: 2px;border-top-left-radius: 2px;}


/* /atachments */

@media (max-width: 768px) {
    .att-list li {
        width: 100%;
    }
}