html
{
    height: 100%;
    font-family: Helvetica, Arial, "lucida grande", tahoma, arial, sans-serif;
}

body
{
    height: 100%;
    margin:0; /* sinon on a le décalage de 8px*/
    padding: 0;/* sinon on a le décalage de 8px*/
    font-family: Helvetica, Arial, "lucida grande", tahoma, arial, sans-serif;
    /*background-image: url("/images/squairy_light.png");*/
    background-color:#181818;
    background-image: url("../images/black_wool.png");
}

#topBar
{
    width: 100%;
    height: 50px;
    /*background-color: rgb(47, 59, 224);*/
    background-color: rgb(24, 24, 24);
    border-bottom: 2px solid rgb(255, 39, 82);
    /*box-shadow: 0px 1px 2px rgb(100,100,100);*/
    color: #b3b3b3;
    padding-top: 20px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
}

#topBar h1
{
    margin-top: -14px;
    margin-left: 50px;
    font-size: 25px;
    font-weight: bold;
    /*text-decoration: underline;*/

}

.topBar_icon
{
    width: calc(2em + 8px);
    vertical-align: middle;
    margin-right: 10px;
}

.topBar_icon_link
{
    margin-right: 5px;
    text-decoration: none;
    color: #FFFFFF;
}

.EcritureRouge
{
    color: rgb(255, 255, 255);
    background-color: #ff2752;
    padding: 2px 8px 2px 8px;
    border-radius: 2px;
    text-decoration: none;
}

#container
{
    margin: auto;
    margin-top: 20px;
    width: 95%;
    height: 100%;
    text-align: center;
}

#myform
{
    text-align: center;
}

#myform h1
{
    font-size: 22px;
    margin: auto;
    color: #767676;
    /*margin-bottom: 20px;*/
    /*margin-top: 30px;*/
    margin: 30px auto 20px auto;

}

#progress
{
    width:calc(100% - 120px);
    height: 5px;
    background-color: #eaeaea;
    margin: auto;
    margin-top: 10px;
    border-radius: 5px;
    /*box-shadow: 1px 1px 5px rgba(50, 50, 50, 0.48);*/
    position: absolute;
    bottom: 20px;
    right: 10px;


}

.progress-bar
{
    /*width: 200px;*/
    height: 5px;
    width: 0%;
    border-radius: 5px;
}

.progress-bar-success
{
    background-color: green;
    background: linear-gradient(#1e47c6, #1a3eac)
;
}

#myfile
{
    display: none;
}

#filename
{
    width: calc(100% - 40px);
    height: 50px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 20px;
    padding: 20px;
    border-radius: 3px;
    border: none;
    background-color: #ffffff;
    /*border: 1px solid #0056ff;*/
    box-shadow: 1px 1px 5px rgb(196, 196, 196);
    color: #424242;
    position: relative;
    text-align: left;

    display: none;
}

#filename img
{
    max-width: 80px;
    max-height: 75px;
    position: absolute;
    left: 20px;
    top: 5px  ;
}

#filename h2
{
    color: #878787;
    font-size: 16px;
    /*background-color: grey;*/
    width: calc(100% - 200px);
    position: absolute;
    top: 10px;
    left:110px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}



.btn_upload
{
    width: 95%;
    height: 40px;
    color: #ffffff;
    border-radius: 3px;
    border: none;
    box-shadow: 1px 1px 5px rgb(196, 196, 196);
    font-weight: bold;
    font-size: 18px;
    margin: 10px auto 5px auto;
    text-decoration: none;
    padding: 5px 15px 5px 15px;
}

.btn_upload_transfert
{
    background-color: #1354ae;
}

.btn_upload_shortcode
{
    background-color: #373737;
}

.btn_upload_hotlinks
{
    background-color: #ff1838;
}


.btn_update_file_info
{
    width: 100%;
    height: 40px;
    color: #ffffff;
    border-radius: 3px;
    border: none;
    box-shadow: 1px 1px 5px rgb(196, 196, 196);
    font-weight: bold;
    font-size: 18px;
    margin: 10px auto 5px auto;
    text-decoration: none;
    padding: 5px 15px 5px 15px;

    background-color: #ff1838;
}



#upload_box
{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 200px;
    /*background-color: rgb(255, 53, 86);*/
    background-color: rgb(255, 255,255);
    box-shadow: 0px 1px 6px black;
    border: none;
    /*border-top: 2px solid rgb(255, 91, 116);*/
    border-top: 2px solid rgb(228, 228, 228);

    border-radius: 0px;
    font-size: 20px;
    display: none;
    z-index: 10;
    /*font-weight: bold;*/
}

.upload_answer_box_h2
{
    color:grey;
    font-size: 15px;
    margin: 5px auto 2px auto;
}

#answer_box
{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 140px;
    /*background-color: rgb(255, 53, 86);*/
    background-color: rgb(255, 255,255);
    box-shadow: 0px 1px 6px black;
    border: none;
    /*border-top: 2px solid rgb(255, 91, 116);*/
    border-top: 2px solid rgb(228, 228, 228);

    border-radius: 0px;
    font-size: 20px;
    display: none;

    z-index: 10;
    /*font-weight: bold;*/
}

#answer_box p
{
    margin: 0px;
}

#download_link
{
    width: 80%;
    max-width: 800px;
    height: 90px;
    line-height: 40px;
    vert-align: middle;
    background-color: #f5f5f5;
    color: #4e4e4e;
    padding: 8px 20px 0px 20px;
    font-size: 15px;
    border-radius: 3px;
    text-decoration: none;
    white-space: nowrap;
    overflow-x: auto;
    /*text-overflow: ellipsis;*/
    text-align: left;
    margin: 2px auto 0px auto;
}

#download_link a
{
    text-decoration: none;
    display: inline-block;
    color: #00a842;
    padding-right: 10px;
;
}

.dl_transfert_code
{
    background-color: #1a3eac;
    color: #ffffff;
    font-size: 18px;
    padding: 2px 10px 2px 10px;
    border-radius: 3px;
    width: 60px;
}

.tcode
{
    background-color: #373737;
    color: #ffffff;
    font-size: 18px;
    padding: 2px 10px 2px 10px;
    border-radius: 3px;
    width: 60px;
    margin-left: 10px;
}

#btn_select_file
{
    height: 40px;
    color: #ffffff;
    background-color: #ff1838;
    border-radius: 3px;
    box-shadow: 1px 1px 5px rgb(196, 196, 196);
    font-weight: bold;
    font-size: 18px;
    margin: 20px auto 10px auto;
    text-decoration: none;
    padding: 5px 15px 5px 15px;
}

.BTN_classic
{
    height: 40px;
    color: #ffffff;
    background-color: #464646;
    border-radius: 3px;
    border: none;
    box-shadow: 1px 1px 5px rgb(196, 196, 196);
    font-weight: bold;
    font-size: 18px;
    margin: 20px auto 10px auto;
    text-decoration: none;
    padding: 5px 15px 5px 15px;
}

.BTN_classic_double_width
{
    height: 40px;
    color: #ffffff;
    background-color: #464646;
    border-radius: 3px;
    border: none;
    box-shadow: 1px 1px 5px rgb(196, 196, 196);
    font-weight: bold;
    font-size: 18px;
    margin: 20px auto 10px auto;
    text-decoration: none;
    padding: 5px 36px 5px 36px;
}


.full_width
{
    width: 100%;
}

.no_margin
{
    margin: 0;
}

.margin_left
{
    margin-left: 10px;
}

.border_left_red
{
    border-left: 2px solid #ff7972;
}

.border_left_green
{
    border-left: 2px solid #54b07b;
}

.margin_bottom
{
    margin-bottom: 10px;
}

.text_align_center
{
    text-align: center;
}



#percent_block
{
    position: absolute;
    right: 0;
    top: 20px;

    width: 50px;
    height: 30px;
    line-height: 30px;
    vert-align: middle;
    font-size: 15px;
    /*font-weight: bold;*/
    color: grey;
    /*background-color: #323232;*/
    /*border-radius: 3px;*/
    /*z-index: 10;*/
}

#msg
{
    width: 80%;
    max-width: 500px;
    height: 30px;
    line-height: 30px;
    vert-align: middle;
    font-size: 16px;
    background-color: #ffffff;
    border-radius: 3px;
    border: 1px solid #c0c0c0;
    margin: 10px auto 0px auto;
    box-shadow: 1px 1px 5px rgba(50, 50, 50, 0.48);
    display: none;
    text-align: center;
}

/* --msg color */

.msg_red
{
    color: #ff2a28;
}

.msg_green
{
    color: #00a842;
}

.msg_blue
{
    color: #1354ae;
}

.msg_grey
{
    color: #808080;
}

/* --msg light color */

.msg_light_red
{
    color: #ff7972;
}

.msg_light_green
{
    color: #34b046;
}

.msg_light_blue
{
    color: #9ecdf1;
}

.msg_light_grey
{
    color: #b7b7b7;
}


.msg_bold
{
    font-weight: bold;
}

#msg_refresh
{
    width: 80%;
    max-width: 500px;
    height: 30px;
    line-height: 30px;
    vert-align: middle;
    font-size: 16px;
    background-color: #ffffff;
    border-radius: 3px;
    border: 1px solid #c0c0c0;
    margin: 10px auto 0px auto;
    box-shadow: 1px 1px 5px rgba(50, 50, 50, 0.48);
    display: none;
    text-align: center;

    cursor: pointer;

}


.on_hover_white:hover
{
    background-color: #ffffff !important;
}

.small_icon img
{
    max-width: 25px;
    max-height: 25px;
}

.login_msg
{
    width: 80%;
    max-width: 500px;
    min-height: 50px;
    line-height: 50px;
    vert-align: middle;
    font-size: 18px;

    background-color: #ffffff;
    border: 1px solid #c0c0c0;

    margin: 10px auto 20px auto;
    padding: 2px 10px 2px 10px;
    box-shadow: 1px 1px 5px rgba(50, 50, 50, 0.48);
}

.login_textbox
{
    background-color: #ffffff;
    color: grey;
    font-size: 17px;
    border-radius: 20px;
    height: 30px;
    width: 60%;
    min-width: 100px;
    max-width: 400px;
    border: none;
    margin-top: 10px;
    padding: 5px 20px 5px 60px;
    box-shadow: 1px 1px 5px rgba(50, 50, 50, 0.48);

    background-repeat: no-repeat;
    background-position: 20px 5px;
}

.login_textbox_username
{
    background-image: url("images/username_icon_30.png");
}

.login_textbox_password
{
    background-image: url("images/password_icon_30.png");
}


.login_btn
{
    background-color: #f13364;
    color: #ffffff;

    font-size: 17px;
    border-radius: 20px;
    height: 40px;
    width: 70%;
    min-width: 50px;
    max-width: 300px;
    border: none;
    margin-top: 20px;
    padding: 5px 20px 5px 20px;
    text-align: center;
    box-shadow: 1px 1px 5px rgba(50, 50, 50, 0.48);
}

#block_download
{
    width: 90%;
    max-width: 500px;
    height: 220px;
    font-size: 20px;
    padding: 20px;
    border-radius: 3px;
    border: none;
    background-color: #1354ae;
    /*border: 1px solid #0056ff;*/
    box-shadow: 1px 1px 5px rgb(196, 196, 196);
    color: #ffffff;
    position: relative;
    margin: 0px auto 0px auto;
}

#linkBox
{
    width: 200px;
    height: 40px;
    line-height: 40px;
    vert-align: middle;
    /*background-color: #ffffff;*/
    background:linear-gradient(#0c346c, #092751);
    border-radius: 3px;
    margin: 20px auto 0px auto;
    font-size: 20px;
    text-align: center;

    cursor: pointer;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#linkBox a
{
    text-decoration: none;
    /*color: #ff162d;*/
    /*color: #3891cd;*/
    color: #ffffff;
}

#filenameBox
{
    width: 90%;
    height: 40px;
    line-height: 40px;
    vert-align: middle;
    background-color: #ffffff;
    color: #1a3eac;
    border-radius: 3px;
    margin: 50px auto 0px auto;
    font-weight: normal;
    font-size: 18px;
    padding: 0px 10px 0px 10px;
    /*border: 1px solid #104584;*/
    /*box-shadow: 1px 1px 5px rgb(118, 228, 255);*/
    box-shadow:         inset 0 0 5px #0c2e5b;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#enter_code_box
{
    /*position: fixed;*/
    /*top: 0;*/
    /*bottom: 0;*/
    /*left: 0;*/
    /*right: 0;*/

    /*margin: auto;*/

    /*text-align: center;*/

    /*z-index: 10;*/
    /*opacity: 1;*/
    /*width: 90%;*/
    /*max-width: 500px;*/
    /*height: 200px;*/
    /*border: 2px solid rgb(25, 109, 226);*/
    /*border-radius: 3px;*/
    /*background-color: rgb(255, 255, 255);*/
    /*box-shadow: 0px 0px 5px black;*/

    /*display: none;*/



    position: fixed;
    top: 150px;
    left: calc(50% - 160px);
    margin: auto;
    /*margin-top: -75px;*/
    /*margin-left: -200px;*/
    width: 300px;
    min-height: 150px;
    padding: 10px;
    background-color: rgb(255, 255, 255);
    z-index: 9;
    text-align: center;
    border-radius: 3px;
    /*border: 2px solid rgb(68,70,88);*/
    /*border-top: 30px solid rgb(68,70,88);*/
    /*box-shadow: 0px 0px 5px rgb(101,238,184);*/
    box-shadow: 0px 0px 15px rgb(91, 182, 255);

    display: none;

}

#ontop {
    z-index: 9;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    /*display: none;*/
    position: fixed;
    background-color: rgba(232, 232, 232, 0.70);
    /*color: #aaaaaa;*/
    /*opacity: .7;*/
    filter: alpha(opacity = 50);

    display: none;
}

#enter_code_box h2
{
    margin-top: 20px auto 0px auto;
    color: #464646;
    font-size: 18px;
}

#code_input
{
    width: 100px;
    height: 40px;
    background-color: #ffffff;
    color: #1a3eac;
    border: none;
    border-radius: 3px;
    margin: 15px auto 0px auto;
    font-size: 18px;
    font-weight: bold;
    padding: 0px 10px 0px 10px;
    box-shadow: inset 0 0 5px #0c2e5b;
    text-decoration: none;
    text-align: center;
}

#code_submit
{
    width: 200px;
    height: 40px;
    line-height: 40px;
    vert-align: middle;
    background-color: #ff1838;
    border-radius: 3px;
    margin: 25px auto 0px auto;
    font-size: 20px;
    color: #ffffff;
    border: none;
}



/*----------- tableau admin normal --------------*/

#tableNormal
{
    border-collapse: collapse;
    margin: auto;
    border-radius: 2px;
    /*box-shadow: 0px 0px 5px rgb(100,100,100);*/
    width: 99%;
    background-color:#262626;
}


#tableNormal tr
{
    height: 60px;
    width: 100%;
    border-radius: 2px;
    border-bottom: 1px solid rgb(30, 30, 30);
}

#tableNormal tr:hover
{
    background-color: #2d2d2d;
}

#tableNormal td
{
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 5px;
    padding-bottom: 5px;
    /*max-width: 60px;*/
    word-wrap: break-word;
    font-size: calc(12px + 0.2vw);
    /*text-align:center;*/
}

#tableNormal td .fa-info
{

    color:white;
    padding:5px 8px 5px 8px;
    background-color: rgb(50,50,255);
    border-radius:2px;
    cursor:pointer;
    border:1px solid blue;
}

#tableNormal td .fa-info:hover
{

    background-color:rgb(40,40,210);

}

.short_td
{
    width: 20px;
}


.semi_transp_block
{
    width: calc(100% - 20px);
    min-height: 100px;
    font-size: 20px;
    padding: 10px;
    border-radius: 3px;
    border: none;
    /*background-color: #ffffff;*/
    /*border: 1px solid #0056ff;*/
    box-shadow: 1px 1px 5px rgb(196, 196, 196);
    color: #b3b3b3;
    position: relative;
    text-align: left;
}

.semi_transp_block h2
{
    font-size: 20px;
    margin: 10px auto 15px auto;
    text-align: center;
}

.settings_block
{
    max-width: 500px;
    margin: auto;
}



#my_uploaded_files
{
    margin: 20px auto 220px auto;
    display: none;
}

#my_uploaded_files a 
{
    text-decoration: none;
    display: inline-block;
    /*background-color: #ffcbbc;*/
    color: #808080;
    width: 100%;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    font-size: 16px;
    text-align: left;
    border-radius: 3px;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}



.table_file_manager tr input
{
    width: 20px;
    border: 1px solid #c1c1c1;
    border-radius: 2px;
    text-align: center;
    font-size: 15px;
    height: 25px;
    width: 35px;
    font-weight: bold;
    color: #2251e1;

}

.table_file_manager i
{
    font-size: 18px;
}

.settings_label
{
    /*font-size: 18px;*/
    font-size: calc(10% + 12px);
    margin-left: 15px;
}

.flag_img
{
    max-width: 40px;
    max-height: 30px;
}

.os_img
{
    max-width: 60px;
    max-height: 50px;
}

.download_logs_table
{
    margin-top: 10px !important;
}

.croixSupprimer
{
    padding: 2px 6px 2px 6px;
    border-radius: 2px;
    background-color: rgb(226, 231, 234);
    color: rgb(255, 255, 255);
    margin-left: 4px;
    cursor: pointer;
    font-size: 14px;



    /*Firefox */
    -moz-transition: all 0.1s ease-in;
    /*WebKit */
    -webkit-transition: all 0.1s ease-in;
    /*Opera */
    -o-transition: all 0.1s ease-in;
    /*Standard */
    transition: all 0.1s ease-in;
}

.croixSupprimer:hover
{
    background-color: rgb(232, 91, 80);



    /*Firefox */
    -moz-transition: all 0.1s ease-in;
    /*WebKit */
    -webkit-transition: all 0.1s ease-in;
    /*Opera */
    -o-transition: all 0.1s ease-in;
    /*Standard */
    transition: all 0.1s ease-in;
}

.plusInfos
{
    padding: 2px 6px 2px 6px;

    border-radius: 2px;
    background-color: rgb(226, 231, 234);
    color: rgb(255, 255, 255);
    cursor: pointer;
    font-size: 14px;


    /*Firefox */
    -moz-transition: all 0.1s ease-in;
    /*WebKit */
    -webkit-transition: all 0.1s ease-in;
    /*Opera */
    -o-transition: all 0.1s ease-in;
    /*Standard */
    transition: all 0.1s ease-in;
}

.plusInfos:hover
{
    background-color: rgb(29, 140, 198);



    /*Firefox */
    -moz-transition: all 0.1s ease-in;
    /*WebKit */
    -webkit-transition: all 0.1s ease-in;
    /*Opera */
    -o-transition: all 0.1s ease-in;
    /*Standard */
    transition: all 0.1s ease-in;
}


/*#############===========--->>> Supprimer machine <<<---===========####################*/

.supprimerMachine
{
    position: fixed;
    top: 150px;
    left: calc(50% - 160px);
    margin: auto;
    /*margin-top: -75px;*/
    /*margin-left: -200px;*/
    width: 300px;
    min-height: 150px;
    padding: 10px;
    background-color: rgb(255, 255, 255);
    z-index: 9;
    text-align: center;
    border-radius: 3px;
    /*border: 2px solid rgb(68,70,88);*/
    /*border-top: 30px solid rgb(68,70,88);*/
    /*box-shadow: 0px 0px 5px rgb(101,238,184);*/
    box-shadow: 0px 0px 15px rgb(91, 182, 255);

    display: none;
}

.supprimerMachine p
{
    margin-top: 40px;
    font-family: Helvetica, Arial, "lucida grande", tahoma, arial, sans-serif;
    color: rgb(50,50,50);
}

.supprimerMachineOuiBTN
{
    margin-right: 10px;
}

.supprimerMachineNonBTN
{
    margin-left: 10px;
}


/*--------- BTN -----------*/
.BTNfenetreOui
{
    padding: 2px;
    padding-left: 5px;
    padding-right: 5px;
    background-color: rgb(26, 116, 14);
    color: rgb(255, 255, 255);
    border-radius: 2px;
    cursor: pointer;


    /*Firefox */
    -moz-transition: all 0.1s ease-in;
    /*WebKit */
    -webkit-transition: all 0.1s ease-in;
    /*Opera */
    -o-transition: all 0.1s ease-in;
    /*Standard */
    transition: all 0.1s ease-in;

}

.BTNfenetreOui:hover
{
    background-color: rgb(21, 95, 11);


    /*Firefox */
    -moz-transition: all 0.1s ease-in;
    /*WebKit */
    -webkit-transition: all 0.1s ease-in;
    /*Opera */
    -o-transition: all 0.1s ease-in;
    /*Standard */
    transition: all 0.1s ease-in;

}

.BTNfenetreNon
{
    padding: 2px;
    padding-left: 5px;
    padding-right: 5px;
    background-color: rgb(255, 0, 35);
    color: rgb(255, 255, 255);
    border-radius: 2px;
    cursor: pointer;


    /*Firefox */
    -moz-transition: all 0.1s ease-in;
    /*WebKit */
    -webkit-transition: all 0.1s ease-in;
    /*Opera */
    -o-transition: all 0.1s ease-in;
    /*Standard */
    transition: all 0.1s ease-in;

}

.BTNfenetreNon:hover
{
    background-color: rgb(221, 0, 30);


    /*Firefox */
    -moz-transition: all 0.1s ease-in;
    /*WebKit */
    -webkit-transition: all 0.1s ease-in;
    /*Opera */
    -o-transition: all 0.1s ease-in;
    /*Standard */
    transition: all 0.1s ease-in;

}


/*--------- BTN (FIN) -----------*/

/*#############===========--->>> Supprimer machine (FIN) <<<---===========####################*/

.almost_full_width
{
    /*width: 92%;*/ 
    margin: auto;

}

#playerBlock
{
    width: 99%;
    min-height: 200px;
    /*background-color: rebeccapurple;*/
    margin: 20px auto 20px auto;
    border-radius: 4px;
    text-align: center;

}

.imgPreviewYoutube
{
    max-width: 100%;
    max-height: 200px;

    margin-left: auto;
    margin-right: auto;

    display: block;

    /*border: 2px solid rgb(250,250,250);*/
    /*box-shadow: 0px 1px 2px #6a6a6a;*/

}

.playerBlock_title
{
    font-size: 20px;
    /*background-color: rebeccapurple;*/
    text-align: center;
}

.playerBlock_title_bottom_bar
{
    width: 50%;
    height: 40px;
    line-height: 40px;
    margin-top: 0px;
    vertical-align: middle;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #b3b3b3;
    /*background-color: red;*/
}

.playerBlock_duration
{
    font-size: 20px;
}

.BTN_playPause
{
    width: 100%;
    height: 40px;
    color: #ffffff;
    border-radius: 3px;
    border: none;
    /*box-shadow: 1px 1px 5px rgb(196, 196, 196);*/
    font-weight: bold;
    font-size: 18px;
    margin: 10px auto 5px auto;
    text-decoration: none;
    padding: 5px 15px 5px 15px;

    background-color: #ff1838;
    cursor: pointer;
}

#audioPlayer
{
    display: none;
}

#stillBuilding
{
    width: 100%;
    height: 50px;
    line-height: 50px;
    vertical-align: middle;
    text-align: center;
    background-color: rgb(255, 74, 77);
    border-bottom: 1px solid rgb(255, 59, 53);
    color: white;
    font-size: 20px;

}

.trackJumpSecInfo
{
    font-size: 12px;
}

.trackJump
{
    /*background-color: rebeccapurple;*/
    cursor: pointer;

}

.listAudioDuration
{
    color: #c6393c;
    text-align: right;
}

#playerBar
{

    width: 100%;
    height: 50px;
    line-height: 50px;
    vertical-align: middle;
    text-align: center;
    background-color: rgb(24, 24, 24);
    /*border-top: 2px solid rgb(255, 39, 82);*/
    box-shadow: 0px 1px 2px rgb(100,100,100);    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 11;
    display: none;
    color: #b3b3b3;
}

.align-left
{
    text-align: left;
    position: absolute;
    left: 5%;
}

.align-right
{
    text-align: right;
    position: absolute;
    right: 5%;
} 

.track_thumbnail 
{

	max-width:140px; 

}

.soundTrackTimeBarTouch
{
    display: inline-block;
    width: 90%;
    max-width: 1000px;
    height: 60px;
    line-height: 60px;
    vertical-align: middle;
    background-color: transparent;
    margin: 20px auto 0px auto;
}

.soundTrackTimeBar
{
    display: inline-block;
    width: 100%;
    max-width: 1000px;
    height: 5px;
    background-color: #575757;
    /*margin: 20px auto 0px auto;*/
    margin: auto;
}

.soundTrackTimeBarProgress
{
    display: block;
    height: 5px;
    width: 0px;
    background-color: red;
}

.buffering
{
    margin: auto;
    text-align: center;
    color: #c6393c;
}

.notif
{
    width: 100%;
    height: 50px;
    background-color: #2a56fe;
    color: white;
    text-align: center;
    line-height:50px;
    vertical-align: middle;
    position: fixed;
    top: 72px;
    z-index: 10;
    display: none;
}