/*Modal popup Starts here*/
    .modal_wrapper,
    .modal_wrapper * {
    /*display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;*/
    }

.modal_wrapper {
    background: #fbfbfb none repeat scroll 0 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 20%;
    min-width: 300px;
    z-index: 9;
}

    .modal_overlay {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, .3);
        display: none;
    }

    .is_visible + .modal_overlay {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

 .modal_header {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
            -ms-flex-pack: end;
                justify-content: flex-end;
       /* background: #ccc;*/
        padding: 10px;
        height:40px;
        text-align:right;
       
    }

    .icon_close {
        width: 20px;
        cursor: pointer;
    }

 .modal_content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0 10px;
}
 .cropit-preview {
     margin: 10px auto;
 }
    .icon_status {
        width: 100px;
        margin: 10px auto;
        -webkit-align-self: center;
    -ms-flex-item-align: center;
            -ms-grid-row-align: center;
        align-self: center;
        display: none;
    }

    .icon_success {
        fill: #25AE88;
    }

    .icon_warning {
        fill: #FCEA23;
        
        width:70px;
        margin-top:8px;
    }

    .icon_error {
        fill: #FC3123;
    }

    .is_success .icon_success,
    .is_warning .icon_warning,
    .is_error .icon_error {
        display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height:80px;
    }

    .message {
        font-size: 14px;
        line-height: 1.5;
    }

    .modal_footer {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding: 10px;
}

    .modal_footer button {
        width: 80px;
        background: #ccc;
        border: 0;
        font-size: 14px;
        text-transform: uppercase;
        line-height: 30px;
        color: #333;
        font-weight:bold;
    }

    .modal_footer button + button {
        margin-left: 10px;
    }
.btnOkError {
    
    margin-left: 140px;
}

.drivesfolder {
    
    margin-left: 140px;
}
.modal_wrapper {position:fixed; width: 150px; padding-right:0 !important; z-index: 22222; background-color: #189d8a;border:3px solid white;}
.modal_footer {text-align:center;}
.modal_footer button {margin:0 auto;}
.modal_header {position: absolute;
    right: 0;
    text-align: right;}
    
    #divModalForNotification .modal_header .fa-times-circle-o
 {
     font-size: 32px;
  margin-right: -10px;
  margin-top: -11px;
  opacity:0.4;
  border:0 none;
  cursor:pointer;
     }
     
     #divModalForNotification p
     {letter-spacing: 1px;
  text-align: center;
  word-spacing: 2px;
  font-size: 14px;
    font-weight: bolder;
    line-height: 18px;
         
         }
/*Modal popup ends here*/