/* CSS Document */
/* ######################################################################################### */
/* GENERIQUE CSS AVAROD */
/* ACTUALISATION LE 09/05/2020 */
/* ######################################################################################### */

/* ######################################################################################### */
/* POSITION */
/* ######################################################################################### */
.absolute { position: absolute; }
.relative { position: relative; }
.static { position: static; }

/* ######################################################################################### */
/* DISPLAY */
/* ######################################################################################### */
.block { display: block; }
.ilblock { display: inline-block; }
.inline { display: inline; }
.none { display: none; }
.flex {
    display: flex;
	flex-wrap: wrap;
    flex-direction: row;
    flex-flow: row wrap;
    justify-content: space-between;
	align-items: flex-start;
    /*margin: 0 auto 0 auto;*/
}
    .flex-start {
        justify-content: flex-start;
    }

.overflow-hidden {
    overflow: hidden;
}

.clear { clear: both; }

/* ######################################################################################### */
/* WIDTH */
/* ######################################################################################### */
.w100 { width: 100% !important; }
.w98 { width: 98% !important; }
.w97 { width: 97% !important; }
.w96 { width: 96% !important; }
.w95 { width: 95% !important; }
.w90 { width: 90% !important; }
.w85 { width: 85% !important; }
.w80 { width: 80% !important; }
.w75 { width: 75% !important; }
.w70 { width: 70% !important; }
.w65 { width: 65% !important; }
.w60 { width: 60% !important; }
.w55 { width: 55% !important; }
.w50 { width: 50% !important; }
.w49 { width: 49% !important; }
.w48 { width: 48% !important; }
.w47 { width: 47% !important; }
.w46 { width: 46% !important; }
.w45 { width: 45% !important; }
.w40 { width: 40% !important; }
.w39 { width: 39% !important; }
.w38 { width: 38% !important; }
.w37 { width: 37% !important; }
.w36 { width: 36% !important; }
.w35 { width: 35% !important; }
.w34 { width: 34% !important; }
.w33 { width: 33% !important; }
.w32 { width: 32% !important; }
.w31 { width: 31% !important; }
.w30 { width: 30% !important; }
.w29 { width: 29% !important; }
.w28 { width: 28% !important; }
.w27 { width: 27% !important; }
.w26 { width: 26% !important; }
.w25 { width: 25% !important; }
.w24 { width: 24% !important; }
.w23 { width: 23% !important; }
.w22 { width: 22% !important; }
.w21 { width: 21% !important; }
.w20 { width: 20% !important; }
.w19 { width: 19% !important; }
.w18 { width: 18% !important; }
.w17 { width: 17% !important; }
.w16 { width: 16% !important; }
.w15 { width: 15% !important; }
.w14 { width: 14% !important; }
.w13 { width: 13% !important; }
.w12 { width: 12% !important; }
.w11 { width: 11% !important; }
.w10 { width: 10% !important; }
.w9 { width: 9% !important; }
.w8 { width: 8% !important; }
.w7 { width: 7% !important; }
.w6 { width: 6% !important; }
.w5 { width: 5% !important; }
.w4 { width: 4% !important; }
.w3 { width: 3% !important; }
.w2 { width: 2% !important; }
.w1 { width: 1% !important; }

.w1200p { width: 1200px !important; }
.w1000p { width: 1000px !important; }
.w950p { width: 950px !important; }
.w900p { width: 900px !important; }
.w800p { width: 800px !important; }
.w700p { width: 700px !important; }
.w640p { width: 640px !important; }
.w620p { width: 620px !important; }
.w600p { width: 600px !important; }
.w580p { width: 580px !important; }
.w560p { width: 560px !important; }
.w540p { width: 540px !important; }
.w520p { width: 520px !important; }
.w500p { width: 500px !important; }
.w480p { width: 480px !important; }
.w470p { width: 470px !important; }
.w450p { width: 450px !important; }
.w420p { width: 420px !important; }
.w410p { width: 410px !important; }
.w400p { width: 400px !important; }
.w380p { width: 380px !important; }
.w350p { width: 350px !important; }
.w340p { width: 340px !important; }
.w330p { width: 330px !important; }
.w320p { width: 320px !important; }
.w300p { width: 300px !important; }
.w280p { width: 280px !important; }
.w270p { width: 270px !important; }
.w260p { width: 260px !important; }
.w250p { width: 250px !important; }
.w240p { width: 240px !important; }
.w220p { width: 220px !important; }
.w210p { width: 210px !important; }
.w200p { width: 200px !important; }
.w180p { width: 180px !important; }
.w170p { width: 170px !important; }
.w160p { width: 160px !important; }
.w150p { width: 150px !important; }
.w140p { width: 140px !important; }
.w130p { width: 130px !important; }
.w120p { width: 120px !important; }
.w110p { width: 110px !important; }
.w100p { width: 100px !important; }
.w95p { width: 95px !important; }
.w90p { width: 90px !important; }
.w85p { width: 85px !important; }
.w80p { width: 80px !important; }
.w75p { width: 75px !important; }
.w70p { width: 70px !important; }
.w65p { width: 65px !important; }
.w60p { width: 60px !important; }
.w55p { width: 55px !important; }
.w50p { width: 50px !important; }
.w45p { width: 45px !important; }
.w40p { width: 40px !important; }
.w35p { width: 35px !important; }
.w30p { width: 30px !important; }
.w28p { width: 28px !important; }
.w27p { width: 27px !important; }
.w26p { width: 26px !important; }
.w25p { width: 25px !important; }
.w24p { width: 24px !important; }
.w23p { width: 23px !important; }
.w22p { width: 22px !important; }
.w20p { width: 20px !important; }
.w15p { width: 15px !important; }
.w10p { width: 10px !important; }
.w5p { width: 5px !important; }

/* ######################################################################################### */
/* HEIGHT */
/* ######################################################################################### */
.h5 { height: 5px; }
.h10 { height: 10px; }
.h15 { height: 15px; }
.h20 { height: 20px; }
.h25 { height: 25px; }
.h30 { height: 30px; }
.h35 { height: 35px; }
.h40 { height: 40px; }
.h45 { height: 45px; }
.h50 { height: 50px; }
.h100 { height: 100px; }
.h120 { height: 120px; }
.h140 { height: 140px; }
.h160 { height: 160px; }
.h180 { height: 180px; }
.h200 { height: 200px; }
.h220 { height: 220px; }
.h240 { height: 240px; }
.h260 { height: 260px; }
.h280 { height: 280px; }
.h300 { height: 300px; }
.h320 { height: 320px; }
.h340 { height: 340px; }
.h360 { height: 360px; }
.h380 { height: 380px; }
.h400 { height: 400px; }

/* ######################################################################################### */
/* MARGIN */
/* ######################################################################################### */
.m0 { margin: 0px !important; }
.m5 { margin: 5px !important; }
.m10 { margin: 10px !important; }
.m15 { margin: 15px !important; }
.m20 { margin: 20px !important; }
.m25 { margin: 25px !important; }
.m30 { margin: 30px !important; }
.m35 { margin: 35px !important; }
.m40 { margin: 40px !important; }
.m45 { margin: 45px !important; }
.m50 { margin: 50px !important; }

.mt0 { margin-top: 0px !important; }
.mt1 { margin-top: 1px !important; }
.mt2 { margin-top: 2px !important; }
.mt3 { margin-top: 3px !important; }
.mt4 { margin-top: 4px !important; }
.mt5 { margin-top: 5px !important; }
.mt6 { margin-top: 6px !important; }
.mt7 { margin-top: 7px !important; }
.mt8 { margin-top: 8px !important; }
.mt9 { margin-top: 9px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt45 { margin-top: 45px !important; }
.mt50 { margin-top: 50px !important; }

.mb0 { margin-bottom: 0px !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }

.ml0 { margin-left: 0px !important; }
.ml1 { margin-left: 1px !important; }
.ml2 { margin-left: 2px !important; }
.ml3 { margin-left: 3px !important; }
.ml4 { margin-left: 4px !important; }
.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml35 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }
.ml45 { margin-left: 45px !important; }
.ml50 { margin-left: 50px !important; }
.ml60 { margin-left: 60px !important; }
.ml70 { margin-left: 70px !important; }
.ml80 { margin-left: 80px !important; }
.ml90 { margin-left: 90px !important; }
.ml100 { margin-left: 100px !important; }

.mr0 { margin-right: 0px !important; }
.mr1 { margin-right: 1px !important; }
.mr2 { margin-right: 2px !important; }
.mr3 { margin-right: 3px !important; }
.mr4 { margin-right: 4px !important; }
.mr5 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }
.mr45 { margin-right: 45px !important; }
.mr50 { margin-right: 50px !important; }
.mr60 { margin-right: 60px !important; }
.mr70 { margin-right: 70px !important; }
.mr80 { margin-right: 80px !important; }
.mr90 { margin-right: 90px !important; }
.mr100 { margin-right: 100px !important; }


/* ######################################################################################### */
/* PADDING */
/* ######################################################################################### */
.p5 { padding: 5px !important; }
.p6 { padding: 6px !important; }
.p7 { padding: 7px !important; }
.p8 { padding: 8px !important; }
.p9 { padding: 9px !important; }
.p10 { padding: 10px !important; }
.p11 { padding: 11px !important; }
.p12 { padding: 12px !important; }
.p15 { padding: 15px !important; }
.p20 { padding: 20px !important; }
.p25 { padding: 25px !important; }
.p30 { padding: 30px !important; }
.p35 { padding: 35px !important; }
.p40 { padding: 40px !important; }
.p45 { padding: 45px !important; }
.p50 { padding: 50px !important; }

.pt5 { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }
.pt35 { padding-top: 35px !important; }
.pt40 { padding-top: 40px !important; }
.pt45 { padding-top: 45px !important; }
.pt50 { padding-top: 50px !important; }

.pb5 { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb35 { padding-bottom: 35px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb45 { padding-bottom: 45px !important; }
.pb50 { padding-bottom: 50px !important; }

.pl5 { padding-left: 5px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl25 { padding-left: 25px !important; }
.pl30 { padding-left: 30px !important; }
.pl35 { padding-left: 35px !important; }
.pl40 { padding-left: 40px !important; }
.pl45 { padding-left: 45px !important; }
.pl50 { padding-left: 50px !important; }

.pr5 { padding-right: 5px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr25 { padding-right: 25px !important; }
.pr30 { padding-right: 30px !important; }
.pr35 { padding-right: 35px !important; }
.pr40 { padding-right: 40px !important; }
.pr45 { padding-right: 45px !important; }
.pr50 { padding-right: 50px !important; }

/* ######################################################################################### */
/* BACKGROUND COLOR */
/* ######################################################################################### */
:root {
    --main-bg-color: brown;
    --main-back-vert : rgb(43, 203, 186);
    --main-back-bleu : rgba(69, 170, 242, 1.0);
    --main-back-violet : rgba(165, 94, 234, 1.0);
    --main-back-jaune : rgba(254, 211, 48, 1.0);
    --main-back-orange : rgba(253, 150, 68, 1.0);
    --main-back-rouge : rgba(235, 59, 90,1.0);
    --main-back-rose : rgba(232, 67, 147, 1.0);
    --main-back-asphalt : rgba(75, 101, 132, 1.0);
    --main-back-gris : #d1d8e0;
    --main-back-noir : rgba(51, 51, 51, 1.0);
    --main-back-blanc : rgba(255, 255, 255, 1.0);
    --main-back-vide : rgb(221, 221, 221);
}

.back-vert { background-color: rgb(43, 203, 186) !important; }
.back-bleu { background-color: rgba(69, 170, 242, 1.0) !important; }
.back-violet { background-color: rgba(165, 94, 234, 1.0) !important; }
.back-jaune { background-color: rgba(254, 211, 48, 1.0) !important; }
.back-orange { background-color: rgba(253, 150, 68, 1.0) !important; }
.back-rouge { background-color: rgba(235, 59, 90,1.0) !important; }
.back-rose { background-color: rgba(232, 67, 147, 1.0) !important; }
.back-asphalt { background-color: rgba(75, 101, 132, 1.0) !important; }
.back-gris { background-color: rgb(209, 216, 224, 1.0) !important; }
.back-gris-fonce { background-color: rgb(180, 190, 201) !important; }
.back-noir { background-color: rgba(51, 51, 51, 1.0) !important; }
.back-blanc { background-color: rgba(255, 255, 255, 1.0) !important; }
.back-vide { background-color: rgb(221, 221, 221) !important; }

.back-fonce {background-color: rgba(51, 51, 51, 0.4) !important;}
.back-clair { background-color: rgb(255, 255, 255, 0.5) !important; }

.back-vert-clair { background-color: rgba(43, 203, 186, 0.5) !important; }
.back-bleu-clair { background-color: rgba(69, 170, 242, 0.5) !important; }
.back-violet-clair { background-color: rgba(165, 94, 234, 0.5) !important; }
.back-jaune-clair { background-color: rgba(254, 211, 48, 0.5) !important; }
.back-orange-clair { background-color: rgba(253, 150, 68, 0.5) !important; }
.back-rouge-clair { background-color: rgba(235, 59, 90,0.5) !important; }
.back-rose-clair { background-color: rgba(232, 67, 147, 0.5) !important; }
.back-asphalt-clair { background-color: rgba(75, 101, 132, 0.5) !important; }
.back-gris-clair { background-color: rgba(209, 216, 224, 0.5) !important; }
.back-noir-clair { background-color: rgba(51, 51, 51, 0.5) !important; }
.back-vide-clair { background-color: rgb(221, 221, 221, 0.5) !important; }

.back-vert-clair2 { background-color: rgba(43, 203, 186, 0.3) !important; }
.back-bleu-clair2 { background-color: rgba(69, 170, 242, 0.3) !important; }
.back-violet-clair2 { background-color: rgba(165, 94, 234, 0.3) !important; }
.back-jaune-clair2 { background-color: rgba(254, 211, 48, 0.3) !important; }
.back-orange-clair2 { background-color: rgba(253, 150, 68, 0.3) !important; }
.back-rouge-clair2 { background-color: rgba(235, 59, 90,0.3) !important; }
.back-rose-clair2 { background-color: rgba(232, 67, 147, 0.3) !important; }
.back-asphalt-clair2 { background-color: rgba(75, 101, 132, 0.3) !important; }
.back-gris-clair2 { background-color: rgba(209, 216, 224, 0.3) !important; }
.back-noir-clair2 { background-color: rgba(51, 51, 51, 0.3) !important; }
.back-vide-clair2 { background-color: rgb(221, 221, 221, 0.3) !important; }

/* ######################################################################################### */
/* COLOR */
/* ######################################################################################### */
.col-blanc { color: rgba(255, 255, 255, 1.0) !important; }
.col-vert { color: rgba(43, 203, 186, 1.0) !important; }
.col-bleu { color: rgba(69, 170, 242, 1.0) !important; }
.col-violet { color: rgba(165, 94, 234, 1.0) !important; }
.col-jaune { color: rgba(254, 211, 48, 1.0) !important; }
.col-orange { color: rgba(253, 150, 68, 1.0) !important; }
.col-rouge { color: rgba(235, 59, 90,1.0) !important; }
.col-rose { color: rgba(232, 67, 147, 1.0) !important; }
.col-asphalt { color: rgba(75, 101, 132, 1.0) !important; }
.col-gris { color: rgba(209, 216, 224, 1.0) !important; }
.col-gris-fonce { color: rgb(180, 190, 201) !important; }
.col-antracite { color: rgba(150, 150, 150, 1.0) !important; }
.col-noir { color: rgba(51, 51, 51, 1.0) !important; }
.col-charbon { color: rgba(0, 0, 0, 1) !important; }
.col-vide { color: rgb(221, 221, 221) !important; }

.col-fonce {color: rgba(51, 51, 51, 0.4) !important;}
.col-clair { color: rgb(221, 221, 221, 0.4) !important; }

.col-blanc-clair { color: rgba(255, 255, 255, 0.5) !important; }
.col-vert-clair { color: rgba(43, 203, 186, 0.5) !important; }
.col-bleu-clair { color: rgba(69, 170, 242, 0.5) !important; }
.col-violet-clair { color: rgba(165, 94, 234, 0.5) !important; }
.col-jaune-clair { color: rgba(254, 211, 48, 0.5) !important; }
.col-orange-clair { color: rgba(253, 150, 68, 0.5) !important; }
.col-rouge-clair { color: rgba(235, 59, 90,0.5) !important; }
.col-rose-clair { color: rgba(232, 67, 147, 0.5) !important; }
.col-asphalt-clair { color: rgba(75, 101, 132, 0.5) !important; }
.col-gris-clair { color: rgba(209, 216, 224, 0.5) !important; }
.col-noir-clair { color: rgba(51, 51, 51, 0.5) !important; }
.col-charbon-clair { color: rgba(0, 0, 0, 0.5) !important; }

/* ######################################################################################### */
/* BORDER */
/* ######################################################################################### */
.border1 { border: 1px solid #DDD !important; }
.border2 { border: 2px solid #DDD !important; }
.border3 { border: 3px solid #DDD !important; }
.border4 { border: 4px solid #DDD !important; }
.border5 { border: 5px solid #DDD !important; }
.border6 { border: 6px solid #DDD !important; }

/* ######################################################################################### */
/* BORDER COLOR */
/* ######################################################################################### */
.bor-vert { border-color: rgba(43, 203, 186, 1.0) !important; }
.bor-bleu { border-color: rgba(69, 170, 242, 1.0) !important; }
.bor-violet { border-color: rgba(165, 94, 234, 1.0) !important; }
.bor-jaune { border-color: rgba(254, 211, 48, 1.0) !important; }
.bor-orange { border-color: rgba(253, 150, 68, 1.0) !important; }
.bor-rouge { border-color: rgba(235, 59, 90,1.0) !important; }
.bor-rose { border-color: rgba(232, 67, 147, 1.0) !important; }
.bor-asphalt { border-color: rgba(75, 101, 132, 1.0) !important; }
.bor-gris { border-color: rgba(209, 216, 224, 1.0) !important; }
.bor-noir { border-color: rgba(51, 51, 51, 1.0) !important; }

/* ######################################################################################### */
/* FONT-SIZE */
/* ######################################################################################### */

.fs8 { font-size: 8px !important; }
.fs10 { font-size: 10px !important; }
.fs12 { font-size: 12px !important; }
.fs14 { font-size: 14px !important; }
.fs16 { font-size: 16px !important; }
.fs18 { font-size: 18px !important; }
.fs20 { font-size: 20px !important; }
.fs22 { font-size: 22px !important; }
.fs24 { font-size: 24px !important; }
.fs26 { font-size: 26px !important; }
.fs28 { font-size: 28px !important; }
.fs30 { font-size: 30px !important; }
.fs32 { font-size: 32px !important; }
.fs34 { font-size: 34px !important; }
.fs36 { font-size: 36px !important; }
.fs38 { font-size: 38px !important; }
.fs40 { font-size: 40px !important; }
.fs42 { font-size: 42px !important; }
.fs44 { font-size: 44px !important; }
.fs46 { font-size: 46px !important; }
.fs48 { font-size: 48px !important; }
.fs50 { font-size: 50px !important; }
.fs60 { font-size: 60px !important; }
.fs65 { font-size: 65px !important; }
.fs66 { font-size: 66px !important; }
.fs68 { font-size: 68px !important; }
.fs70 { font-size: 70px !important; }
.fs75 { font-size: 75px !important; }
.fs80 { font-size: 80px !important; }
.fs100 { font-size: 100px !important; }
.fs120 { font-size: 120px !important; }
.fs140 { font-size: 140px !important; }
.fs160 { font-size: 160px !important; }

.bold { font-weight: bold; }

/* ######################################################################################### */
/* BORDER-RADIUS */
/* ######################################################################################### */
.noradius { border-radius: 0px !important; }
.radius4 { border-radius: 4px !important; }
.radius6 { border-radius: 6px !important; }
.radius8 { border-radius: 8px !important; }
.radius9 { border-radius: 9px !important; }
.radius10 { border-radius: 10px !important; }
.radius12 { border-radius: 12px !important; }
.radius14 { border-radius: 14px !important; }
.radius16 { border-radius: 16px !important; }
.arrondi { border-radius: 50% !important; }

/* ######################################################################################### */
/* CURSOR */
/* ######################################################################################### */
.pointer { cursor: pointer !important; }

/* ######################################################################################### */
/* OMBRAGE BOX */
/* ######################################################################################### */
.shadow {
    box-shadow: 6px 6px 6px 0px #AAAAAA;
        -moz-box-shadow: 6px 6px 6px 0px #AAAAAA;
        -webkit-box-shadow: 6px 6px 6px 0px #AAAAAA;
        -o-box-shadow: 6px 6px 6px 0px #AAAAAA;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#AAAAAA, Direction=NaN, Strength=6);
}

/* ######################################################################################### */
/* ALIGN */
/* ######################################################################################### */
.center { margin-left: auto; margin-right: auto; text-align: center; }
.left { text-align: left; }
.right { text-align: right; }

/* ######################################################################################### */
/* FORMULAIRE */
/* ######################################################################################### */
.bordergris {
	border: 1px solid #dddddd;
}

input[type="text"], input[type="email"], input[type="number"], input[type="password"], input[type="date"], select, textarea {
	background-color: #EEEEEE;
    color: #333333;
}

input[type="text"], input[type="email"], input[type="number"], input[type="password"] {
    padding: 6px 10px;
	border: 0px solid #dddddd;
	font-size: 14px;
	border-radius: 6px;
}

input[type="text"], input[type="range"] {
    width: 100%;
}

input[type="date"] {
	padding: 3px 10px;
	border: 0px solid #dddddd;
	font-size: 16px;
	border-radius: 6px;
}

input[type="range"] {
    padding: 0;
}

select {
    padding: 6px 10px;
	border: 0px solid #dddddd;
	font-size: 14px;
	border-radius: 6px;
}

select option {
    background-color: #555555;
    color: #dddddd;
	padding: 4px 8px;
	font-size: 14px;
}

input:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="date"]:focus, input[type="number"]:focus, input[type="password"]:focus, select:focus, .textarea:focus {
    background-color: #63e7b4;
    color: #222222;
	outline: none;
	text-shadow: none;
}

.checkbox {
    width: 20px;
    height: 20px;
}

.checkboxbig {
    width: 30px;
    height: 30px;
}

.radio {
    width: 20px;
    height: 20px;
}

.textarea {
	resize: none;
	width: 100%;
	min-height: 80px;
	padding: 8px;
    border-radius: 6px;
    border: 0;
}

/* ######################################################################################### */
/* SELECT AUTOCOMPLETE  */
/* ######################################################################################### */
.icon-select-avarod {
    position: absolute;
    top: 10px;
    right: 6px;
}

.select-content-avarod {
    position: absolute;
    left: 0px;
    padding: 2px 4px;
    display: none;
    border: 1px solid #ccc;
    width: 100%;
    background-color: #fff;
    max-height: 200px;
	overflow-y: scroll;
	border-radius: 6px;
    z-index: 1000;
	box-shadow: 6px 6px 6px 0px #AAAAAA;
        -moz-box-shadow: 6px 6px 6px 0px #AAAAAA;
        -webkit-box-shadow: 6px 6px 6px 0px #AAAAAA;
        -o-box-shadow: 6px 6px 6px 0px #AAAAAA;
    	filter:progid:DXImageTransform.Microsoft.Shadow(color=#AAAAAA, Direction=NaN, Strength=6);
}

.ul-select-tc {
	z-index: 1000;
    list-style: none;
}

.ul-select-tc li {
    cursor: pointer;
    padding: 3px 6px;
    text-align: left;
}

.ul-select-tc li:hover {
	/*background-color: #3498db;*/
	background-color: #1abc9c;
    color: #222222;
}

/* ######################################################################################### */
/* LOADER */
/* ######################################################################################### */
#loader_r {
	position: fixed;
	display: none; 
	text-align: center; 
	left: 50%; 
	top: 40%; 
	margin-left: -70px;
	padding-top: 15px;
	z-index: 1020;
}

.vtop {
    vertical-align: top;
}