html {
    font-family: 'Raleway', sans-serif;
}

.container {
    /*margin-right: 15%;
	margin-left: 15%;*/
}

.pdf:before{
    content: "\f1c1"; /* this is your text. You can also use UTF-8 character codes as I do here */
    font-family: FontAwesome;
    left: -2px;
    position: relative;
    top: 0;
    color: #005db3;
    z-index:1;
    font-size: 18px;
    
}

.doc:before{
    content: "\f1c2"; /* this is your text. You can also use UTF-8 character codes as I do here */
    font-family: FontAwesome;
    left: -2px;
    position: relative;
    top: 0;
    color: #005db3;
    z-index:1;
    font-size: 18px;
}

.ppt:before{
    content: "\f1c4"; /* this is your text. You can also use UTF-8 character codes as I do here */
    font-family: FontAwesome;
    left: -2px;
    position: relative;
    top: 0;
    color: #005db3;
    z-index:1;
    font-size: 18px;
}

.xls:before{
    content: "\f1c3"; /* this is your text. You can also use UTF-8 character codes as I do here */
    font-family: FontAwesome;
    left: -2px;
    position: relative;
    top: 0;
    color: #005db3;
    z-index:1;
    font-size: 18px;
}

.txt:before{
    content: "\f1c1"; /* this is your text. You can also use UTF-8 character codes as I do here */
    font-family: FontAwesome;
    left: -2px;
    position: relative;
    top: 0;
    color: #005db3;
    z-index:1;
    font-size: 18px;
}

.img:before{
    content: "\f1c5"; /* this is your text. You can also use UTF-8 character codes as I do here */
    font-family: FontAwesome;
    left: -2px;
    position: relative;
    top: 0;
    color: #005db3;
    z-index:1;
    font-size: 18px;
}

.file:before{
    content: "\f016"; /* this is your text. You can also use UTF-8 character codes as I do here */
    font-family: FontAwesome;
    left: -2px;
    position: relative;
    top: 0;
    color: #005db3;
    z-index:1;
    font-size: 18px;
}

.folder-empty:before{
    content: "\f07c"; /* this is your text. You can also use UTF-8 character codes as I do here */
    font-family: FontAwesome;
    left: -2px;
    position: relative;
    top: 0;
    color: #007c90;
    z-index:1;
    font-size: 20px;
}


/*#ContentPlaceHolder1_TreeView1 table tbody tr td:first-child a:before{
    content: "\f07b";
    font-family: FontAwesome;
    left: -5px;
    position: relative;
    top: 1px;
    color: #005db3;
    font-size:20px;
}

#ContentPlaceHolder1_TreeView1 table tbody tr td:first-child a.active:before{
    content: "\f07c";
    font-family: FontAwesome;
    left: -5px;
    position: relative;
    top: 1px;
    color: #005db3;
    font-size:22px;
}*/


#ContentPlaceHolder1_TreeView1 table tbody tr td:first-child a{
    text-decoration:none;
}


/*#ContentPlaceHolder1_TreeView1 table tbody tr td:first-child a img{
    display:none;
}*/

#ContentPlaceHolder1_TreeView1n0 {
    position: relative;
}

:target{
    background-color:red;
}

.flex-center {
    display: flex;
    justify-content: center;
}

.flex-left {
    display: flex;
    justify-content: flex-start;
}

.img-folder {
    padding: 15px;
}

.adress-file {
    margin-left: 20px;
    margin-right: 20px;
    border: 1px solid #a1a1a1 !important;
    width: 55%;
    padding: 0px 10px 0px 10px;
    border-radius: 10px;
    height: 35px;
}

    .adress-file p {
        margin: 10px;
    }

.area-files {
    /*height: 250px;*/
    margin-left: 20px;
    margin-right: 20px;
    border: 1px solid #a1a1a1 !important;
    padding: 0px 10px 0px 10px;
    border-radius: 10px;
    margin-bottom: 20px;
}

.border {
    border: solid 1px #005db3 !important;
}

.files ul {
    list-style: none;
    margin-left: -40px;
    line-height: 30px;
    font-size: 15px;
}

.files li {
    padding-left: 5px;
}

.files li:nth-child(even) {
    background: #FFF;
}

.files li:nth-child(odd) {
    background: #EEE;
}


.area-files hr {
    height: 1px;
    border: 0.1px solid #a1a1a1;
    margin-top: -5px;
}


.ContentPlaceHolder1_TreeView1_0 {
    color: #005db3 !important;
}