@charset "UTF-8";
/*explorer */
@media screen and (min-width:0\0) and (min-resolution:+72dpi) {
.form-control-ie{width: 340px!important;}
.login-right-section{width: 100%!important; display: block!important;}
.signup-right-section{ display: block!important;}
}
/*explorer/ */
/*edge*/
@media (max-width:768px) {
:root .login-right-section{display: block;}
}
/*edge/*/
/* Form Elements */
.form-control { display: block; width: 100%; padding: 0.75rem 0.75rem; font-size: 0.875rem; line-height: 1.5; color: #4f5467; background-color: #fff; background-clip: padding-box; border: 1px solid #e5e5e5; border-radius: 2px; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
input { overflow: visible; }
input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; outline: none;}
.input-area{border: none; background-color: transparent; border-bottom: 1px solid rgba(0,0,0,.2); border-radius: 0px; padding: 10px 10px; font-size: 15px; margin-bottom:5px;}
.input-area:hover{ background-color: transparent; border-bottom-color: #09212e!important; border-radius: 0px; padding: 10px 10px; font-size: 15px; transition: 1.5s; }
.input-area:focus{ background-color: transparent; border-bottom-color: #09212e!important; border-radius: 0px; padding: 10px 10px; font-size: 15px; transition: 1.5s; }
.input-area:active{ background-color: transparent; border-bottom-color: #09212e; border-radius: 0px; padding: 18px 10px; font-size: 15px; transition: 1.5s; }
.alert-position{position: relative; color: #ff2f2f; height: 0px; top: -18px; float: left; left: 11px; font-size: 12px; line-height: 14px;}
/* Login/Signup  */
.login-bg{padding-top: calc(6rem + 72px); /*padding-bottom: 9rem;*/ background-image: url(https://www.slideserve.com/img/banner_light.jpg); background-repeat: no-repeat; background-size: cover; z-index: 1; background-position: center; background-color: #09212e;}
.login-container {max-width: 850px;}
.signup-container {max-width: 1000px;}
.login-left-section { background-color: rgba(9, 33, 46, 0.9607843137254902) !important; padding: 50px; color:#ffffff; border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.social-media{display: block; margin-top: 0px; text-align: center;}
.social-media a{ margin-top: 10px; color: #fff!important;}
.social-media hr{ border-top: 1px solid rgb(42, 59, 68);}
.btn-facebook {background: #3b5998; color: #fff;}
.btn-facebook:hover{background: #2b4a8c; color: #fff!important;}
.btn-google{background: #4285f5; color: #fff;}
.btn-google:hover{background: #3575e0; color: #fff!important;}
.btn-signup-in {margin-top: 10px; color: #fff; border: 1px solid #2a3b43; padding: 5px; display: block; border-radius: 5px;}
.btn-signup-in:hover {background: #142e41;}
.login-right-section{ background-color: #fff!important; padding: 61px; vertical-align: middle; display: table-cell; border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
.login-right-section h4{ text-align: center;/* color: #09212e;*/}
.login-right-section p{ text-align: center; /*color: #09212e;*/}
.login-right-section a {/* font-size: 15px; *//*color: #09212e;*/ justify-content: center; display: flex; margin-bottom: 50px;}
.login-right-section a:hover{color:#2b2a2a!important;text-decoration: underline;}
.login-content-area{margin-top: 40px; padding:10px; color: #eaeaea;}
.signup-right-section{ background-color: #fff!important; padding: 51px; vertical-align: middle; display: table-cell; border-top-right-radius: 5px;}
.signup-right-section h4{ text-align: center; /*color: #09212e;*/}
.signup-right-section p{ text-align: center; /*color: #09212e;*/}
.signup-right-section a { font-size: 15px;color:#2b2a2a!important;/*color: #09212e;*/ justify-content: center; display: flex; margin-bottom: 50px;}
.signup-right-section a:hover { text-decoration: underline;}
.signup-content-area{margin-top: 40px; padding:10px; color: #eaeaea;}
/* Login/Signup  */
/* Password Recover */
.recover-section-bg{padding-top: calc(6rem + 72px); padding-bottom: 9rem; background-image: url(https://www.slideserve.com/img/banner_light.jpg); background-repeat: no-repeat; background-size: cover; z-index: 1; background-position: center; background-color: #09212e;}
.recover-section-container {max-width: 650px;}
.recover-section{ background-color: #fff!important; padding: 50px; vertical-align: middle; display: table-cell; border-radius: 5px;}
.recover-section h4{ text-align: center; /*color: #2b2a2a/*09212e;*/}
.recover-section h5{ text-align: center; /*color: #2b2a2a/*09212e;*/ font-size: 1rem; line-height: 26px;}
.recover-section p{ text-align: center; /*color: #2b2a2a/*09212e;*/font-size:13px;}
.recover-section a { /*color: #2b2a2a/*09212e;*/ justify-content: center; margin-bottom: 50px;}
.recover-section a:hover { text-decoration: underline;}
.recover-content-area{margin-top: 40px; padding:10px; color: #eaeaea;}
/* Password Recover */

/* Upload section */
.upload-area{background: #fff; box-shadow: 2px 5px 5px rgba(199, 199, 199, 0.40); border: 1px solid rgba(199, 199, 199, 0.12); padding: 25px; margin:25px 5px;}
.upload-area h4{font-size:1.4em;}
.upload-area p{ color: #575757;}
.upload-area a{ padding:1rem 3.75rem; font-size:18px;}

.upload-area .published{background: rgba(255, 213, 120, 0.25); padding: 2rem; border:0px solid rgba(9, 33, 46, 0.12); border-radius: 5px;}
.upload-area .published h4 {font-size:1.6em; color: #09212e; margin: 0; font-weight: 600;}

.upload-bg { position: relative; padding-top: 5rem; padding-bottom: 2rem; background-repeat: no-repeat; background-size: cover; background-position: center;
background-image: repeating-linear-gradient(-45deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.03) 1px, transparent 1px, transparent 6px); background-color: rgba(245, 245, 245, 0.44);}
.dash-area {border: 2px dashed #ccc; padding: 70px 0px; justify-content: center; display: grid; text-align: center; position: relative;}
.dash-area-hover {width: 100%; height: 100%;  z-index: 1001; padding: 0px; margin: 0px;  font-size: 32px;}
.dash-area-hover > div {position: relative; top: calc(50% - 24px);}

.threesteps{padding: 5px;box-shadow: 2px 1px 7px 2px #efefef; margin: 14px 0px; border-radius: 5px;}
.threesteps span { position: relative; border: 1px solid #ccc; border-radius: 100%; top: -18px; font-size: 20px; background: white; padding: 10px 16px; }
.threesteps p {color: #6b6969;}
.published{font-size: 16px!important; padding: 1rem!important;}
.send-mail{font-size:16px!important;}
/* progress---bootstrap-code */
progress {vertical-align: baseline;
}
@-webkit-keyframes progress-bar-stripes {
from {
background-position: 1rem 0;
}
to {
background-position: 0 0;
}
}
@keyframes progress-bar-stripes {
from {
background-position: 1rem 0;
}
to {
background-position: 0 0;
}
}
.progress { display: -ms-flexbox; display: flex; height: 1.3rem; overflow: hidden; font-size: 0.9rem; background-color: #e9ecef; border-radius: 0.25rem; position: relative;}
.progress-bar { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; color: #fff;
text-align: center; white-space: nowrap; background-color: #0e3e58; transition: width 0.6s ease;}
@media (prefers-reduced-motion: reduce) {
.progress-bar {transition: none;}
}
.progress-bar-striped {
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-size: 1rem 1rem;
text-shadow:2px 1px 1px #0e3e58;
}
.progress-bar-animated {
-webkit-animation: progress-bar-stripes 1s linear infinite;
animation: progress-bar-stripes 1s linear infinite;
}
@media (prefers-reduced-motion: reduce) {
.progress-bar-animated {
-webkit-animation: none;
animation: none;
}
}

@media only screen and (min-width:1980px) {
	.upload-bg {height:calc(100vh - 100px)}
	.input-bg {height:calc(100vh - 100px)}
}


.progress-close {width: 20px; height: 20px; position: absolute; top: 0px; right: 4px; color: #17445d; font-size: 15px !important; Z-INDEX: 1001; padding: 0px !important; margin: 0px; text-shadow: 2px 1px 1px #fff;}
/* progress---bootstrap-code/ */
.alert-position { position: relative; color: #ff2f2f; height: 13px; top: 1px; float: left; left: 10px; font-size: 12px; line-height: 14px; }
footer {border-bottom: 7px solid #ffbe2f;}
/* Upload section */



/* form section */
.ss-form-container {max-width: 1110px;}
.ss-form-area{background:#fff; box-shadow: 2px 5px 5px rgba(199, 199, 199, 0.40); border: 1px solid #e4e4e4; padding: 25px; margin:25px 5px; border-radius: 8px;}
.ss-form-area h4{font-size:1.6em;}
.ss-form-area p{ color: #848484;}
.ss-form-area a{ padding:1rem 3.75rem; font-size:18px;}

.ss-form-right{background:#fff; border: 1px solid rgba(199, 199, 199, 0.12); padding: 25px;border-radius: 8px;}


.alert-position { position: relative; color: #ff2f2f; height: 13px; float: left; left: 0; margin-top: 8px; font-size: 12px; line-height: 14px; }
.ss-action {padding: 10px 15px !important; font-size: 14px !important;}
.ss-swich-style {padding: 20px; text-align: center; background: #ffffff; color: #07212e; border: 1px solid #dcdcdc; border-radius: 0px; margin-bottom: 15px;}


/* SS Swich css */
   .ss-button-switch { font-size: 1.1em;  margin-bottom: 0.625em; position: relative; width: 4.5em; margin-left:15px;}
  .ss-button-switch .lbl-off, .ss-button-switch .lbl-on { cursor: pointer; display: block; font-size: 0.9em; font-weight:600; line-height:.89em; position: absolute; top:6px; -webkit-transition: opacity 0.25s ease-out 0.1s; transition: opacity 0.25s ease-out 0.1s; text-transform: uppercase; }
  .ss-button-switch .lbl-off { right:15px; }
  .ss-button-switch .lbl-on { color: #fefefe; opacity: 0; left: 10px; top: 6px;}
  .ss-button-switch .ss-switch { -webkit-appearance: none; -moz-appearance: none; appearance: none; height: 0; font-size: 1em; left: 0; line-height: 0; outline: none; position: absolute; top: 0; width: 0; }
  .ss-button-switch .ss-switch:before, .ss-button-switch .ss-switch:after { content: ''; font-size: 1em; position: absolute; }
  .ss-button-switch .ss-switch:before { border-radius: 1.25em; background: #bdc3c7; height: 1.875em; left: -0.25em; top: -0.1875em; -webkit-transition: background-color 0.25s ease-out 0.1s; transition: background-color 0.25s ease-out 0.1s; width: 4.5em; }
  .ss-button-switch .ss-switch:after { box-shadow: 0 .0625em .375em 0 #666; border-radius: 50%; background: #fefefe; height: 1.5em; -webkit-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: -webkit-transform 0.25s ease-out 0.1s; transition: -webkit-transform 0.25s ease-out 0.1s; transition: transform 0.25s ease-out 0.1s; transition: transform 0.25s ease-out 0.1s, -webkit-transform 0.25s ease-out 0.1s; width: 1.5em; }
  .ss-button-switch .ss-switch:checked:after { -webkit-transform: translate(2.5em, 0); transform: translate(2.5em, 0); }
  .ss-button-switch .ss-switch:checked ~ .lbl-off { opacity: 0; }
  .ss-button-switch .ss-switch:checked ~ .lbl-on { opacity: 1; }
  .ss-button-switch .ss-switch#ss-switch-on:checked:before { background: #3498db; }
/* SS Swich css */

/* Custom css */
.upload-box-style {text-align: center;height: 320px;margin: 5px;padding: 30px;border: 1px solid #E8E8E8;background: #e5e5e54f;}
.font-65 {font-size:65px;}
.font-16 {font-size:16px !important;}
.font-54 {font-size:54px;}
.select-35{height: 35px;}
.select-46{height: 46px;}

/* Custom css */