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-image: url("./images/light_wool.png");*/
    /*background-image: url("./images/memphis-colorful.png");*/
    background-image: url("./images/geometry.png");
}

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

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

}

.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: 100%;
    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: 2px;
    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: 2px;
    width: 0%;
    /*border-radius: 5px;*/
}

.progress-bar-success
{
    background-color: green;
    /*background: linear-gradient(#1e47c6, #1a3eac)*/
    background: linear-gradient(#466ac6, #3259ac)
;
}

#myfile
{
    display: none;
}

#filename
{
    width: calc(99% - 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;
    margin: auto;

    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;


    -webkit-animation: btn_upload_anim 2s 98765432;
    -moz-animation: btn_upload_anim 2s 98765432;
    animation: btn_upload_anim 2s 98765432;
}

@-webkit-keyframes btn_upload_anim
{
    from {box-shadow: 0px 0px 10px #1977ff;}
    to {box-shadow : none;}
}

@-moz-keyframes btn_upload_anim
{
    from {box-shadow: 0px 0px 10px #1b78ff;}
    to {box-shadow : none;}
}
@keyframes btn_upload_anim
{
    from {box-shadow: 0px 0px 10px #1c79ff;}
    to {box-shadow : none;}
}

.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;
}

.btn_remote_download
{
    width: 100%;
    height: 40px;
    color: #6a6a6a;
    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: #fdd245;
}

.btn_remote_download a 
{
    text-decoration: none;
    color: #6a6a6a;
}

.clientName
{
    padding: 4px 6px 4px 6px;
    /*background-color: #818181;*/
    color: #2d46e0;
    border-radius: 3px;
    /*font-size: calc(5px + 100%);*/
    font-size: calc(1vh + 5px);
}

#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: 22px;
    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: 50px;
    line-height: 40px;
    vert-align: middle;
    /*background-color: #f5f5f5;*/
    color: #4e4e4e;
    padding: 8px 20px 0px 20px;
    font-size: 20px;
    border-radius: 3px;
    text-decoration: none;
    white-space: nowrap;
    overflow-x: auto;
    /*text-overflow: ellipsis;*/
    text-align: center;
    margin: 25px auto 0px auto;
}

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

.dl_transfert_code
{
    background-color: #FFFFFF;
    border: 2px solid #ff415c;
    color: #ff415c;
    font-size: 18px;
    padding: 4px 10px 4px 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;
    background-color: #FFFFFF;
    color: #ff415c;
    border: 2px solid #ff415c;
    border-radius: 2px;
    box-shadow: 1px 1px 5px rgb(222, 222, 222);
    font-weight: bold;
    font-size: 18px;
    margin: 20px auto 10px auto;
    text-decoration: none;
    padding: 5px 15px 5px 15px;

}



#btn_cancel_upload
{
    /*height: 40px;*/
    /*color: #ffffff;*/
    /*background-color: #444444;*/
    /*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;*/
    display: none;
}


.BTN_classic
{
    height: 40px;
    color: #464646;
    background-color: #FFFFFF;
    border-radius: 2px;
    border: 2px solid #464646;
    box-shadow: 1px 1px 5px rgb(222, 222, 222);
    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: 4px solid #ff7972;
}

.border_left_green
{
    /*border-left: 4px solid #54b07b;*/
    border-left: 4px solid #21ba45;
}

.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(172, 172, 172, 0.48);*/
    display: none;
    text-align: center;
}

/* --msg color */

.msg_red
{
    color: #ff2a28;
}

.msg_green
{
    color: #00a842;
}

.msg_blue
{
    color: #1354ae !important;
}

.msg_grey
{
    color: #808080;
}

/* --msg light color */

.msg_light_red
{
    color: #ff7972;
}

.msg_light_green
{
    /*color: #34b046;*/
    color: #21ba45;
}

.msg_light_blue
{
    color: #9ecdf1;
}

.msg_light_grey
{
    color: #b7b7b7;
}

.msg_ultra_light_grey
{
    color: #dedede;
}

.msg_ultra_light_red
{
    color: rgba(27, 120, 255, 0.58);
}

.msg_custom_red
{
    color: #ff415c !important;
}


.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: 85%;
    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(221, 221, 221);
    width: 100%;
    background-color:white;
}


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

.tableNormal .tiny
{
    height: 45px;
}

.tableNormal tr:hover
{
    background-color: rgb(245,245,245);
}

.tableNormal td
{
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 5px;
    padding-bottom: 5px;
    max-width: 60px;
    word-wrap: break-word;
    font-size: calc(8px + 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% - 2px);
    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: #424242;
    position: relative;
    text-align: left;
}

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

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



#my_uploaded_files
{
    margin: 20px auto 220px auto;
    display: none;
    /*border-top: 3px solid #ff415c;*/
    box-shadow: 0px -2px 6px 2px #cecece;
}

#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;
}

#searchBox
{

	width: 90%; 
	min-height:60px; 
	margin: 20px auto 20px auto;  

}

.searchBoxInput 
{

    width: 80%; 
	height:30px; 
	padding:5px 25px 5px 25px; 
	border-radius:6px;
	border: 1px solid rgb(255, 139, 182); 
	box-shadow: 0px 1px 2px rgb(255, 170, 202); 
	font-size:20px;   
	color:rgb(50,50,50);  
} 

/*#############===========--->>> 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) <<<---===========####################*/

.upload_to_resume
{
    width: calc(95% - 60px);
    max-width: 800px;
    min-height: 40px;
    line-height: 40px;
    vertical-align: middle;
    background-color: white;
    border-radius: 2px;
    box-shadow: 0px 0px 5px rgb(209, 209, 209);
    padding: 10px 30px 10px 30px;
    margin: auto;
    border-top: 6px solid #ff415c;
    color: #a2a2a2;
    position: relative;
    word-wrap: break-word;

}

.filename
{
    color: #ff415c;
}

.BTN_resume_style
{
    padding: 0px 10px 0px 10px;

    border-radius: 2px;
    margin-left: 20px;
    display: inline-block;
    font-weight: bold;


    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;
}

.BTN_resume_select
{
    background-color: #ffffff;
    border: 2px solid #ff415c;
    color: #ff415c;

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


.BTN_resume_select:hover
{
    background-color: #ff415c;
    color: #FFFFFF;

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

.BTN_resume_upload
{
    background-color: #ff415c;
    color: #FFFFFF;
    border: 2px solid #ff415c;
    display: none;


}

#huge_file_msg
{
    width: calc(99% - 44px);
    min-height: 80px;
    line-height: 40px;
    vertical-align: middle;
    text-align: left;
    padding: 0px 20px 0px 20px;
    background-color: #FFFFFF;
    margin: 10px auto 0px auto;
    border-left: 4px solid #ff415c;
    display: none;
    box-shadow: 1px 1px 5px rgb(196, 196, 196);

}

#huge_file_msg p
{
    font-size: 20px;
    color: #939393;
    /*margin: 0px auto 2px auto;*/
    /*margin-bottom: 10px;*/
    margin: 0;
}

#huge_file_msg p i
{
    color: #4d4d4d;
}

#huge_file_msg .smaller
{
    font-size: 15px;
}

.trash_loader
{
    position: absolute;
    top: 0;
    left: 0;

    width: 35px;
    height: 35px;

    border: 3px solid #f3f3f3;
    border-top: 3px solid #ff415c;
    border-radius: 50%;

    animation: spin 0.5s linear infinite;
    display: none;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.btn_delete_chunk
{
    /*margin-left: 20px;*/
    /*background-color: red;*/
    position: absolute;
    width: 41px;
    height: 41px;
    bottom: 10px;
    right: 10px;
    color: grey;

}


.btn_delete_chunk:hover
{
    color: #ff415c;
}

.inline_block_display
{
    display: inline-block;
}

.login_session_id
{
    background-color: #1e47c6;
    color: white;
    padding: 5px 10px 5px 10px;
    border-radius: 3px;
    display: block;
    width: 100px;
    margin: auto;
    margin-top: 20px;
}