/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Sep 22, 2021, 12:41:16 AM
    Author     : Mahtab
*/

/*------------------------------colors----------------------------------------*/
.white{
    color: #fff
}

.up-blue{
    color: #409bfb;
}

.up-red{
    color: #ff5353;
}

.up-green{
    color:#8CBB6A;
}

.up-purple{
    color: #9f4dd4;
}

.up-orange{
    color: #ffa500;
}
/*----------------------------------------------------------------------------*/

i:not(.defaultPointer):not(.mce-ico):not(.mce-caret) {
    vertical-align: middle !important;
    cursor: pointer;
} 

.uploaderMainDiv .pos-relative{
    position: relative;
} 

.uploader-label {
    margin-top: 6px !important;
}

.uploaderMainDiv .avatar-img{
    border-radius: 50%;
    width: 60px;
    height: 60px;
    display: block; 
}

.uploaderMainDiv .circle-icon.add {
    position: absolute;
    background: #04ac04;
    padding:4px 6px;
    border-radius: 50%;
}

.uploaderMainDiv .circle-icon.remove {
    position: absolute;
    background: #fd0404;
    padding:4px 5px; 
    border-radius: 50%;
}
.uploaderMainDiv .loading{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 180px;
    color:#636363
}

.uploaderMainDiv .dim{
    opacity: 40%
}

.uploaderMainDiv .fileinput{
    margin-top: 5px;
    margin-bottom: 3px; 
    display:inline-block
}

.uploaderMainDiv .input-file{
    width:130px;
}

.uploaderMainDiv .btn-file{
    position:  relative;
    overflow: hidden
}

.uploaderMainDiv .btn-file > input{
    position: absolute;
    top:  0;
    right: 0;
    margin:  0;
    cursor: pointer;
    opacity: 0;
    filter:  alpha(opacity=0);
}

.up-img-show{
    width: 80px;
    height: 80px;
    margin: 5px;
    border: 1px #d7d6d6 solid;
    border-radius: 3px;
}

.uploaderMainDiv .button-text{
    font-size: 14px !important;
    padding: 5px;    
}

.uploaderMainDiv .progress-bar{
    height: 15px;
    background: #72a9d3;
    font-size: 13px;
    color: white;
    border-radius: 5px;
    padding-right: 5px;
    text-align: start;
    margin-top: 5px;
}

.uploaderMainDiv .progress-label{    
    position:absolute;
    margin-left:106px;
    font-size:12px;
    color:#fff;
}

.uploaderMainDiv .cancel{
    margin-left: 5px;
}

.uploaderMainDiv .tik{
    cursor: auto;
    vertical-align: middle;
    margin-left: 5px;
}
.uploaderMainDiv .info-upload{
    font-size:11px !important;
    color: #008000;
}

.uploaderMainDiv .file-name{
    display:inline-block;
    cursor: auto; 
    float: right;
    margin-top:3px
}
.uploaderMainDiv .file-name span{
    font-size: 12px !important;
    color: #205791;
    display: inline-block;
}

.uploaderMainDiv .attach-icon{
    float: right;
    margin-top: 4px;
}
.file-error{
    color:red;
    font-size:13px !important;
}