#main { margin-bottom:0px; }

#before_circle_progress_bar, #after_circle_progress_bar { margin-top:7px; }
.upload-icon img { width:14% !important; margin-bottom:0px !important; padding-top:9px; }
.upload_text { float: left; width: 100%; margin-bottom: 0px; padding-top:11px; }
.upload_text span { float:left; width:100%; text-align:center; }
.email_form { padding:0px 20px; /* margin-top:20px;*/ }
.beforevideo, .aftervideo { margin-top:6%; width:100%; }
.c100.small { /*font-size:46px;*/ font-size:4.2vw; }
#spnBeforeFilePath, #spnAfterFilePath { text-align:center; font-size:0.9vw; }
#spnBeforeFileComplete, #spnAfterFileComplete { text-align:center; font-size:0.9vw; }
#before_progess_icon, #after_progess_icon, #feedback_progess_icon { width: 14%; }
.technical a { font-size:1.2em;text-decoration: underline;}
.technical a :hover { color:#409efe!important; }
.technicalspace:hover { color:#409efe!important; }
.c100 { margin-bottom:0px; }
#spnBeforeFilePath img, #spnAfterFilePath img { width:10px; }
#spnBeforeFilePath, #spnAfterFilePath { /*height:24px;*/ }
#spnBeforeFilePath span, #spnAfterFilePath span { color:#868585; }
.divider span:nth-child(2) { padding: 0px 10px; }
.divider span:first-child, .divider span:last-child { top:15px; }
.alert-danger { font-size:14px; }
.email_form input[type="text"] { margin-top:0px; margin-bottom:5px; }
.email_form .textarea { min-height:unset; max-height:unset; }
.box_top { 
	position:relative; 
}
.box_top_new .input_level, .box_top_new input, .box_top_new input::placeholder { font-size:1vw; }
.box_bottom {
	position: absolute;
	bottom:0px;
	width:100%;
	height:97px;
	border-top:2px solid #4a4949;
	margin:0px -20px;
	padding:16px 0px;
}
.box_bottom_new { height:112px; padding:12px 0px; }
.account_text { color:#fff; font-size:12px; }
.account_text a { float:none; margin-bottom:5px; }

.emoji-wysiwyg-editor, .emoji-picker-container {
  position:absolute;    
	overflow-x:hidden; 
	overflow-y: scroll !important; 
   padding-right: 6px !important;
   width:98% !important;
   overflow-wrap: break-word;
    hyphens: auto;
    word-wrap: break-word;
}

.auto_width_button { width:auto; }
.submittblockgrey { 
	/*width:195px; padding:4px 30px !important;*/ 
	/*width:auto;*/ 
	padding:4px 23% !important; 
}
.emoji-picker-icon.parent-has-scroll { right:10px !important; }
::-webkit-scrollbar {
  width: 7px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background-color: rgba(155, 155, 155, 0.5);
  border-radius: 20px;
  border: transparent;
}
::-moz-scrollbar {
  width: 7px;
}
::-moz-scrollbar-track {
  background: transparent;
}
::-moz-scrollbar-thumb {
  background-color: rgba(155, 155, 155, 0.5);
  border-radius: 20px;
  border: transparent;
}


.uploadimage {
  width: 50px;
}
.buttoncolor {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  line-height:1.8;
}
.btn-primary {
  background-color: #409efe;
  padding-top: 1px;
    padding-bottom: 36px;	
}
/*.nav-item .active { background-color: #409efe !important; }*/
/*.btn-dark{
  background-color: #464646 !important;
  padding-top: 1px;
    padding-bottom: 36px;

}*/
.btn-dark, .btn-dark:hover {
  background-color: #464646 !important;
}
.btn-primary:focus{
  outline-width: 0 !important;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}

.btnrow {
  position: absolute;
  bottom: 0px;
  z-index: 0;
  height: calc(100% - (30px));
  width: calc(100% - (43px));
}
/*.right_box_height { height: calc(100%); }*/
.box {
  height: 100%;
  padding-top: 30px;
}
.h-45 {
  height: 47.5%;
}
.h-10 {
  height: 10%;
}
.divider {
    display: table;
    font-size: 24px;
    text-align: center;
    width: 100%;
    padding: 0px 4px;
    margin: 0px auto;
}

.btn-dark:focus{
  background-color: #464646;
  outline: none !important;
  outline-width: 0 !important;
  box-shadow: none !important;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  
}
.fade {
  min-height: 100%;
}
.tab-content {
  border: 2px solid #707070;
  color: white;
  background-color: black;
  border-radius:19px;
  padding-right: 30px;
  font-family: 'Product Sans Regular';
}
/*.videoform {
  padding-bottom: 30px;
  padding-right:1px;
  margin-left:30px;
}*/
.before {
  min-height: 160px;
  padding-top: 5px;
}
.h6 { font-size: 1.3vw; }
.form-control {
  background-color: black;
  border-bottom: 1px solid #707070 !important;
  border: 0;
}
.form-control:focus {
  color: #409efe;
  background-color: black;
  outline: none;
}
input:focus, input.form-control:focus {
  background-color: black;
  outline: none !important;
  outline-width: 0 !important;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}
.formtext{
  background-color: black;
  color: #409efe;
  overflow-y: hidden;
  border: 0;
  border-bottom: 0 !important;
  
}
.formtext:focus{
  outline: none !important;
  box-shadow: none;
}
label{
  color: #707070;
}
.gray{
  background-color: #aab0be !important;
  color: white;
  width: 242px;
  font-weight: bold;
  border-radius: 9px;
}
.gray:hover{
  color: white !important;
}

.btn{
  border: 1px;
}

/*@media only screen and (max-width: 1366px) {
	.videoform { margin-left:5px !important; }
}*/
@media only screen and (max-width: 768px) {
.h6, .text_right h1 { font-size:14px; }
.c100.small { font-size:42px; }
.beforevideo, .aftervideo { margin-top:0px; }
#spnBeforeFilePath img, #spnAfterFilePath img { width:8px; }
.technical a { font-size:12px; }
.email_form { margin-top:0px; }
input[type="text"] { margin-bottom:5px !important; margin-top:0px !important; }
}

@media only screen and (max-width: 766px) {
  .videoform {
    min-height: 700px;
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .h6{
    font-size: 150%;
  }
  .submittblockgrey {
    min-width: 204px;
  }
  .email_form .textarea {
    min-height: 9px;
  }
  .beforevideo, .aftervideo { margin-top:10%; }
  /*#spnBeforeFilePath, #spnAfterFilePath, #beforeFileInfo, #afterFileInfo, #spnBeforeFileComplete, #spnAfterFileComplete, .technical a { font-size:14px; }*/
  #spnBeforeFilePath, #spnAfterFilePath, #beforeFileInfo, #afterFileInfo, #beforeTimeInfo, #afterTimeInfo, #spnBeforeFileComplete, #spnAfterFileComplete, #beforeFileSize, #afterFileSize, .technical a { font-size:14px; }
  .c100.small { font-size:72px; }
  
  .container-fluid {
    position: relative;
    top: 0;
    transform: unset;
}
}


.hide-scrollbar
{
    overflow: auto;
    -ms-overflow-style: none; /* IE 11 */
    scrollbar-width: none; /* Firefox 64 */
}

/*@media screen and (min-width: 1900px) {
  .c100.small { font-size:120px; }
  #before_progess_icon, #after_progess_icon { width:20%; }
}*/