.w-100{
    width: 100%;
}


.file_uploader {

    display: block;
    float: left;
    font: bold 13px Verdana, Arial, Helvetica, sans-serif;
    /*margin: 10px 0;*/
    outline-style: none;
    padding: 16px 20px;
    text-align: center;
    text-decoration: none;

    position: relative;

    border-radius: 6px;

    background-color: #00000015 !important;
color: #000;
    height: 47px;

    width: 100%;

    box-shadow: none;
}

.file_uploader:hover {
    background-color: #00000025 !important;
    color: #000;

    box-shadow: none;

}

.file_uploader input[type="file"] {
    text-align: right;
    -moz-opacity: 0;
    filter: alpha(opacity:0);
    opacity: 0;
    z-index: 2;

    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;

    position: absolute;

    margin: 0;
    padding: 0;
    border: 0;

    width: 100%;
    height: auto;

    cursor: pointer;

    box-shadow: none;
}


.row-nice-input {
    position: relative;

    margin: 0 auto 12px;
    display: inline-block;
    width: 100%;
    float: none;

}

.row-nice-input input,
.row-nice-input textarea{
    padding: 27px 16px 9px 14px !important;
    font-size: 18px !important;
    font-weight: bold;
    border-radius: 6px !important;
    border: 1px solid rgb(206, 208, 212) !important;
    width: 100%;

    max-width: 100%;

    box-sizing: border-box !important;


    transition: all .2s !important;
    will-change: border-color;

    background-color: #fff!important;

    text-indent: 0!important;

    margin-bottom: 0!important;
}

.row-nice-input textarea {
min-height: 150px;
}
.row-nice-input input {

    height: 60px !important;
}

.row-nice-input select {
    padding: 27px 16px 9px 10px !important;
    height: 60px !important;
    border: 1px solid rgb(206, 208, 212) !important;

    font-weight: 700;

    font-size: 18px;
}
.row-nice-input label:not(.radio-label) {
    position: absolute;

    left: 14px;
    top: 17px;

    font-size: 16px;


    color: #333;

    transition: all .2s;
    will-change: translatex, translatey, scale, color;
}

.row-nice-input input:not(:placeholder-shown),
.row-nice-input textarea:not(:placeholder-shown),
.row-nice-input input:focus,
.row-nice-input textarea:focus{
    outline: none;
    box-shadow: none !important;
}
.row-nice-input input:focus,
.row-nice-input textarea:focus {
    border: 1px solid #aaa !important;
}
.row-nice-input select ~ label,
.row-nice-input label ~ label:not(.radio-label),
.row-nice-input input:not(:placeholder-shown) ~ label,
.row-nice-input input:focus ~ label,
.row-nice-input textarea:not(:placeholder-shown) ~ label,
.row-nice-input textarea:focus ~ label {
    color: #00305b !important;

    /*font-size: 11px;*/

    transform:  translatey(-12px) scale(0.8) translateX(-13%) ;
}


.row-nice-input .input-files ~ label{
    position: absolute;
    left: 0;
    top: 0;
}

.row-nice-input .radio-label{
    margin-top: 25px;
    display: inline-block;
}
.row-nice-input .radio-label:first-of-type{
    margin-left: 12px;
}



.close-x {

    position: absolute;
    top: 24px;
    right: 24px;

    color: #ffffff;

    /*opacity: .5;*/

    height: 25px;
    width: 25px;

    border: none;
    background: none;
    outline: none;

    z-index: 4;
    transform: rotate(45deg);
    cursor: pointer;
}

.close-x:focus {
    outline: none;
background: transparent;
}

.close-x:before,
.close-x:after {

    position: absolute;

    top: 50%;
    left: 0;

    display: block;
    content: "";

    height: 2px;
    width: 100%;

    background: #000;
}

.close-x:before {
}

.close-x:after {
    transform: rotate(-90deg);
}

.close-x:hover {
    opacity: 1;
}

.close-x.close-x-white{}
.close-x.close-x-white:before,
.close-x.close-x-white:after{
    background: #fff;
}

.list-line{
    margin: 0 12px;
    padding: 0;

    list-style: none;
}
.list-line li{

    margin: 0;
    padding: 0 12px;

    display: inline-block;

    color: inherit;

}
.list-line li a{
    color: inherit;
    font-weight: normal;
}

.list-social{
    margin: -8px 0;
    padding: 0;

    list-style: none;
}
.list-social li{

    margin: 0 5px;
    padding: 0;

    display: inline-block;

    color: white;

}
.list-social li a{
    color: inherit;
    font-weight: normal;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    border: 1px solid #00003e;;
    background-color: #00003e;
    color: #fff;
    display: inline-block;

    text-align: center;
    line-height: 36px;
}

.list-social li a:hover{
    background: #fff;;
    color: #00003e;

}

.list-icon {}
.list-icon li{
    height: 32px;
    line-height: 24px;
    width: 100%;
    display: inline-block;

    position: relative;
    padding-left: 32px;
}
.list-icon li i,
.list-icon li span,
.list-icon li b{
    float: left;
    height: 24px;
}
.list-icon li i{
    position: absolute;

    left: 0;
    top: 0;

    font-size: 20px;
    color: #00cbfd;
}
.list-icon li span{
    /*text-decoration: underline;*/
}
.list-icon li b{
    margin-left: 6px;
}

.radio-icon{
    padding-left: 6px;
}
.radio-icon i{
cursor: pointer;

}
.radio-icon input{
    display: none;
}
.radio-icon input:checked + i{
    color: #b8c20b;

}

.dart{
    border: none;

    cursor: pointer;
}
.dart:hover,
.dart:focus{
    background-color: transparent;
}
.dart-left{}
.dart-right{}

.fileslist{
    margin-top: 0;
}
.fileslist li{

    width: 100%;
    border-radius: 6px;
    margin-bottom: 12px;
    padding: 12px;
    background-color: #eee;
}
.fileslist li .dele{

    color: #00305b;
    float: right;

    cursor: pointer;
}

.fileuploadProgress{
    color: #9e9e9e !important;
}
.fileuploadProgress .progress{
    background-color: #eee!important;

}
.fileuploadProgress .load{

    background-color: #b8c20b!important;
}