@import url(http://fonts.googleapis.com/earlyaccess/droidarabickufi.css);
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}body,html{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Droid Arabic Kufi","Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;height:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}#root{width:100%;height:100%;background-image:linear-gradient(180deg,rgba(36,123,160,.31),rgba(36,123,160,.31)),url(/static/media/bg1.bbd4b7c6.jpg);background-repeat:no-repeat;background-size:cover;background-position:50%;display:flex;flex-direction:column}.d-bloc{display:block!important}.d-none{display:none!important}.mr-5{margin-right:5px}.ml-5{margin-left:5px}.loading{position:absolute;top:0;left:0;right:0;bottom:0;background:#1d3557;align-items:center;justify-content:center;z-index:1000}.loader{display:inline-block;width:50px;height:50px;border-radius:50%;border:3px solid hsla(0,0%,100%,.3);border-top-color:#fff;animation:spin 1s ease-in-out infinite;-webkit-animation:spin 1s ease-in-out infinite}@keyframes spin{to{-webkit-transform:rotate(1turn)}}@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn)}}header nav{padding-top:20px;display:flex;flex-direction:column;justify-content:center;align-items:center}header nav a.logo{text-decoration:none;font-size:50px;font-weight:700;color:#f3ffbd;margin-bottom:20px}header nav .navUlSocialMedia{padding:0;list-style:none;justify-content:space-around;display:flex;width:10%;margin:0 0 20px}header nav .navUlSocialMedia li a{width:30px;height:30px;display:flex;justify-content:center;align-items:center;border-radius:100px;box-shadow:0 1px 4px -1px;text-decoration:none}header nav .navUlSocialMedia li a.youtube{background:#b2dbbf}header nav .navUlSocialMedia li a.youtube i{color:red}header nav .navUlSocialMedia li a.facebook{background:#b2dbbf}header nav .navUlSocialMedia li a.facebook i{color:#23a9fc}header .navLinks{text-align:center}header .navLinks .links{display:inline-flex;margin:0;padding:0;list-style:none}header .navLinks .links a{text-decoration:none;color:#f3ffbd;padding-bottom:10px;position:relative}header .navLinks .links a:after{content:"";position:absolute;border-bottom:3px solid #ff1654;bottom:0;right:0;left:100%;transition:all .5s}header .navLinks .links a:hover:after{left:0}main{display:flex;flex-direction:column}main,main .heading{flex-grow:2}main .heading h1{display:flex;flex-direction:column;align-items:center;line-height:47px;text-align:center;color:#f3ffbd}main .heading h1 .subHeading{font-size:25px;margin-bottom:20px}main .playlist{justify-self:flex-end;height:80px;width:100%;background-color:#b2dbbf;display:flex}.modelContainer .model .cancelModel,.modelContainer .model .modelSubmit,.modelContainer .model .playingNow,main .playlist .play,main .playlist .playlistInfos,main .playlist .playlistSetting{height:100%;width:80px;display:flex;align-items:center;justify-content:center;cursor:pointer;background-color:#ff1654}.modelContainer .model .cancelModel i,.modelContainer .model .modelSubmit i,.modelContainer .model .playingNow i,main .playlist .play i,main .playlist .playlistInfos i,main .playlist .playlistSetting i{color:#f3ffbd;font-size:20px}main .playlist .timer{display:flex;align-items:center;justify-content:space-between;width:60%;padding:0 10px}main .playlist .timer .startingTime{margin-right:10px}main .playlist .timer .endingTimer{margin-left:10px}main .playlist .timer>.rangeContainer{flex-grow:2}.rangeContainer{flex-grow:1;height:10px;display:flex;align-items:center;position:relative}main .playlist .timer .rangeContainer .InputRange{width:100%;height:1px}.InputRange{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;outline:none;display:flex;background:#a7a7a7}.InputRange::-webkit-slider-runnable-track{height:2px;border:none;border-radius:3px}.InputRange::-webkit-slider-thumb{-webkit-appearance:none;height:12px;width:12px;border-radius:510%;background:#ff1654;border:2px solid #ff4e7d;box-shadow:0 0 0 10px rgba(243,255,189,.58);margin-top:-5px;cursor:pointer}main .playlist .timer .rangeContainer .bufferAmount{display:block;height:2px;background-color:#777;width:0;position:absolute}main .playlist .timer .rangeContainer .timerToast{display:none;position:absolute;top:-36px;transform:translate(-35%)}main .playlist .timer .rangeContainer:hover .timerToast{display:none}main .playlist .timer .rangeContainer:hover .timerToast .upperTimerToast{color:#f3ffbd;font-family:Roboto Slab;background:#ff1654;padding:8px 4px 3px 2px;font-size:14px;width:30px;text-align:center;border-radius:100% 100% 0 0}main .playlist .timer .rangeContainer:hover .timerToast .upperTimerToast .upperTimerToastText{margin:0;padding:0}main .playlist .timer .rangeContainer:hover .timerToast .downTimerToast{color:#f3ffbd;border-left:15px solid transparent;border-right:15px solid transparent;border-top:8px solid #ff1654;font-family:Roboto Slab;padding:0 4px 0 2px}main .playlist .timer .timerVolume{display:flex;align-content:center}main .playlist .timer .timerVolume i{color:#ff1654}main .playlist .timer .timerVolume .rangeContainer{height:100%;-ms-grid-row-align:center;align-self:center}.currentPlayList{position:relative;overflow:hidden;flex-grow:1;display:flex;align-items:center;justify-content:flex-end}.slide-right-back,.slide-right-front{position:absolute;right:0;width:100%;-webkit-animation:slide-right-front 10s linear infinite both;animation:slide-right-front 10s linear infinite both;-webkit-animation:slide-right-back 10s linear infinite both;animation:slide-right-back 10s linear infinite both}.slide-right-back{right:100%}@-webkit-keyframes slide-right-front{0%{transform:translateX(0)}to{transform:translateX(100%)}}@keyframes slide-right-front{0%{transform:translateX(0)}to{transform:translateX(100%)}}@-webkit-keyframes slide-right-back{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slide-right-back{0%{transform:translateX(100%)}to{transform:translateX(0)}}.modelContainer{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(49,82,111,.62);display:flex;align-items:center;justify-content:center;z-index:1}.model,.modelContainer *{display:flex}.model{width:80%;background-color:#b2dbbf;box-shadow:-1px 2px 5px -1px rgba(16,16,16,.75);flex-direction:row-reverse;align-items:center;height:80px;min-height:80px;z-index:2}.modelContainer .model label{margin-left:5px}.modelContainer .model .modelSelect{flex-grow:2;align-items:center;background-color:#70c1b3;box-shadow:0 1px 3px -2px rgba(16,16,16,.75);padding:8px 5px;cursor:pointer;position:relative}.optionErrorChecking{display:flex;width:100%;position:absolute;top:-100%;left:0;justify-content:center;align-items:center;background:#ff1654;color:#b2dbbf;height:30px}.modelContainer .model .modelSelect span i{color:#ff1654}.modelContainer .model .modelSelect .modelSelectText{flex-grow:2;margin:0;padding:0 5px 0 0;display:flex;justify-content:flex-end}.modelContainer .model .modelSelect .options{position:absolute;top:100%;left:0;flex-direction:column;width:100%;background-color:#b2dbbf;max-height:132px;overflow-y:scroll;direction:rtl}.generalSrolling::-webkit-scrollbar{width:5px;background-color:#b2dbbf}.generalSrolling::-webkit-scrollbar-thumb{background-color:#ff1654}.modelContainer .model .modelSelect .options .optionItem{margin:0;padding:5px 5px 10px;width:100%;display:flex;position:relative;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.modelContainer .model .modelSelect .options .optionItem:after{content:"";position:absolute;border-bottom:3px solid #ff1654;bottom:0;right:0;left:100%;transition:all .3s}.modelContainer .model .modelSelect .options .optionItem:hover:after{left:0}.modelContainer .model .modelSelect .options .optionItem p{margin:0;padding:0}.modelContainer .playlist{width:90%;flex-direction:column;align-items:center;direction:rtl;overflow-y:scroll;max-height:165px}.modelContainer .playlist .model{flex-direction:row;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.modelContainer .playlist .model:not(:last-child){margin-bottom:5px}.modelContainer .playlist .model .modelInfos{padding:0 5px;flex-grow:2}.modelContainer .playlist .model .modelInfos .modelInfosCurrentSuhar{flex-grow:2}.modelContainer .playlist .model .modelInfos .modelInfosTimer{color:#7d7d7d;font-size:22px}@media screen and (max-width:980px){.d-none-s{display:none!important}.d-flex-sm{display:flex!important}main .playlist .timer{width:auto;flex-grow:2;padding:0 10px}.currentPlayList{background:#b2dbbf}main .heading{width:80%;margin:0 auto}main .heading h1{line-height:37px;font-size:1.7em}main .heading h1 .subHeading{font-size:15px;margin-bottom:10px}}@media screen and (max-width:490px){.d-none-xm{display:none!important}.d-flex-sm{display:flex!important}header nav a.logo{font-size:22px}main .playlist .timer{width:auto;flex-grow:2;padding:0 10px}.currentPlayList{background:#b2dbbf}main .heading{width:80%;margin:0 auto}main .heading h1{line-height:28px;font-size:1em}main .heading h1 .subHeading{font-size:15px;margin-bottom:10px}main .playlist{justify-self:flex-end;width:100%;background-color:#b2dbbf;display:flex;flex-direction:column;height:auto}main .playlist .timer{padding:14px 10px}.modelContainer .model .cancelModel,.modelContainer .model .modelSubmit,.modelContainer .model .playingNow,main .playlist .play,main .playlist .playlistInfos,main .playlist .playlistSetting{height:42px;width:100%;display:flex;align-items:center;justify-content:center;cursor:pointer;background-color:#ff1654;margin-bottom:5px;order:2;margin-right:0}.currentPlayList{font-size:13px}.slide-right-back,.slide-right-front{top:0}.model{height:auto;min-height:55px;cursor:pointer;flex-direction:column}.modelContainer .model label{margin-bottom:5px}.modelContainer .model .modelSelect{padding:14px 5px;width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;margin-bottom:5px}.modelContainer .model .modelSubmit{margin-bottom:0}.modelContainer .model .modelSelect .options .optionItem{z-index:1;min-height:27px;align-items:center;background:#b2dbbf;padding:0}.modelContainer .playlist .model .modelInfos .modelInfosCurrentSuhar{height:50px;display:flex;align-items:center}.modelContainer .playlist .model.activeOn490{border-right:4px solid #ff1654}}.Container{width:80%;margin:0 auto;background-color:#457b9d}
/*# sourceMappingURL=main.feb618d7.chunk.css.map */