/* @import url('/path/to/your/file.css') */
/* :root {
  --url-name: 'https://static.animaker.com/'; 
} */

.notification_bar{
  display: none
}
.master_dashboard{
  padding-top: 30px !important;
}

* {
  outline: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
::-webkit-scrollbar {
  width: 6px;
  }
  /* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
  border-radius: 6px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.50); 
  border-radius: 6px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover{
  background: #888; 
}


html{
  height:100%;
}

body{
  width: 100%;
  overflow-x: hidden;
  background-color: #fff;
  color:#54536C;
  font-family: 'PT Sans';
  height:100%;
}

.grecaptcha-badge{
	visibility: collapse !important;  
}

#hideViewallSection{
  border: none;
  float: right;
  font-size: 18px;
  border: none;
  background: none;
}

/* Account settings */

.account_settings_header{
  position: sticky;
  position: -webkit-sticky;
  top:  65px;
  background: #ffffff;
  padding: 30px 2% 0px 2%;
  z-index: 9;
}

.profile_main_details{
  width: 400px;
  height: 120px;
  display: inline-flex;
}

.profile_main_details .profile_img {
  display: inline-block;
  width: 120px;
   height: 120px;
   position: relative;
}
.free_section:has(.enterprise_btn) {
  background: transparent !important;
}

.profile_main_details .profile_img img{
  background-color: white;
   width: 120px;
   height: 100px;
   border-radius: 10px;
}

.profile_main_details .profile_details_edit{
  display: inline-block;
  margin-left: 20px;
  width: 250px;
  height: 120px;
}
.profile_main_details .profile_details_edit .username_key{
  width: 100%;
  height: 36px;
  background-color: transparent;
  color: white;
  border: 1px solid #5a45a7;
  border-radius: 5px;
  padding: 0px 0px 0px 30px;
  font-family: 'PT Sans';
  font-size: 18px;
  font-weight: bold;
}
.account_settings_header .account_set_header{
    font-size: 22px;
    font-family: 'PT Sans';
    font-weight: 700;
    color: #54536e;
    background: #ffffff;
   
}

.account_settings_header .accounts_menu_section .setting_page_menu{
  border-bottom: 5px solid transparent;
  display: inline-block;
}

.account_settings_header .accounts_menu_section .active_settingsmenu a{
  font-size: 15px;
  color: #54536e;
  text-decoration: none;
}

.account_settings_header .accounts_menu_section .active_ms .setting_page_menu{
  border-bottom: 5px solid #ffc524;
  
}
.account_settings_header .accounts_menu_section .active_ms a{
  font-weight: 700;
}
.account_settings_header .accounts_menu_section a:hover{
  font-weight: 700;
}

.account_settings_block{
  /* position: relative;
  top:  65px; */
  background-color: #ffffff;
  padding:20px 2%;
  /* height: calc(100vh - 365px);
  overflow: auto; */

}
.acntauthentication_block{
  background-color: #ffffff;
  padding:20px 2%;
}
.nav-tabs{
  border-bottom: 2px solid #F8F8F8;
}
footer{
  z-index: 9999 !important;
}
/* .account_settings_block .account_set_header h1{
  color: #54546C;
  font-size: 28px;
  font-weight: bold;
} */

.account_settings_block .profile_edit_section .profile_name, .account_settings_block .profile_edit_section .company_name, .account_settings_block .profile_edit_section .company_address,.account_settings_block .profile_edit_section .select_profession{
  width: 100%;
  height: 50px;
  padding-left: 50px;
  color: #54536c;
  border: 1px solid rgba(14,19,24,.2);
  border-radius: 5px;
  font-size: 15px;
  font-weight: 700;
}
.account_settings_block .profile_edit_section .profile_name::-webkit-input-placeholder, .account_settings_block .profile_edit_section .company_name::-webkit-input-placeholder, .account_settings_block .profile_edit_section .company_address::-webkit-input-placeholder, .account_settings_block .profile_edit_section .select_profession::-webkit-input-placeholder,.acntauthentication_block .saml_metadata_url::-webkit-input-placeholder, .acntauthentication_block .saml_id::-webkit-input-placeholder, .acntauthentication_block .saml_endpoint::-webkit-input-placeholder{
  font-size: 15px;
}

.login_wrapper .login-email:hover , .login_wrapper .login-pwd:hover ,.signup_wrapper .login-name:hover,.signup_wrapper .login-email:hover,.signup_wrapper .login-pwd:hover,.signup_wrapper .job_title:hover {
  border: 1px solid #FFCA00;
}

.frgt_bodycontainer .forget-email:hover{
  border: 2px solid #FFCA00;
}
.login_wrapper .login-email:focus-within , .login_wrapper .login-pwd:focus-within,.signup_wrapper .login-name:focus-within,.signup_wrapper .login-email:focus-within,.signup_wrapper .login-pwd:focus-within,.signup_wrapper .job_title:focus-within, .frgt_bodycontainer .forget-email:focus-within{
  border: 2px solid rgba(14,19,24,.45);
}
.account_settings_block .profile_edit_section .profile_name:hover, .account_settings_block .profile_edit_section .company_name:hover, .account_settings_block .profile_edit_section .company_address:hover,.account_settings_block .profile_edit_section .select_profession:hover, .account_settings_block .user_acoount_details .select_language:hover , .acntauthentication_block .saml_metadata_url:hover, .acntauthentication_block .saml_id:hover, .acntauthentication_block .saml_endpoint:hover , .billing_block .user_billing_add .company_name:hover,.billing_block .user_billing_add .company_address:hover,.billing_block .user_billing_add .email_address:hover,.billing_block .user_billing_add .username:hover, .billing_block .user_billing_add .city:hover,.billing_block .user_billing_add .country:hover, .download_opt .download_options:hover , .filetype_opt .filetype_options:hover, .createfolder_content .foldername_details .created_folder_name:hover , .renamefolder_content .renamefolder_details .renamefolder_name:hover, .customsize_body .aspectratio_widthlen input:hover,.customsize_body .aspectratio_heightlen input:hover {
    border: 1px solid #FFCA00;
}
.account_settings_block .profile_edit_section .profile_name:focus, .account_settings_block .profile_edit_section .company_name:focus, .account_settings_block .profile_edit_section .company_address:focus,.account_settings_block .profile_edit_section .select_profession:focus, .account_settings_block .user_acoount_details .select_language:focus , .acntauthentication_block .saml_metadata_url:focus, .acntauthentication_block .saml_id:focus, .acntauthentication_block .saml_endpoint:focus , .billing_block .user_billing_add .company_name:focus,.billing_block .user_billing_add .company_address:focus,.billing_block .user_billing_add .email_address:focus,.billing_block .user_billing_add .username:focus, .billing_block .user_billing_add .city:focus,.billing_block .user_billing_add .country:focus ,.download_opt .download_options:focus , .filetype_opt .filetype_options:focus , .createfolder_content .foldername_details .created_folder_name:focus, .renamefolder_content .renamefolder_details .renamefolder_name:focus , .customsize_body .aspectratio_widthlen input:focus,.customsize_body .aspectratio_heightlen input:focus{
    border: 1px solid rgba(14,19,24,.45);
}

.account_settings_block .profile_edit_section .profile_name::-webkit-input-placeholder, .account_settings_block .profile_edit_section .company_name::-webkit-input-placeholder, .account_settings_block .profile_edit_section .company_address::-webkit-input-placeholder,.account_settings_block .profile_edit_section .select_profession::-webkit-input-placeholder , .acntauthentication_block .saml_metadata_url::-webkit-input-placeholder, .acntauthentication_block .saml_id::-webkit-input-placeholder, .acntauthentication_block .saml_endpoint::-webkit-input-placeholder , .billing_block .user_billing_add .company_name::-webkit-input-placeholder,.billing_block .user_billing_add .company_address::-webkit-input-placeholder,.billing_block .user_billing_add .email_address::-webkit-input-placeholder,.billing_block .user_billing_add .username::-webkit-input-placeholder,.billing_block .user_billing_add .city::-webkit-input-placeholder,.billing_block .user_billing_add .country::-webkit-input-placeholder , .createfolder_content .foldername_details .created_folder_name::-webkit-input-placeholder , .renamefolder_content .renamefolder_details .renamefolder_name::-webkit-input-placeholder , .customsize_body .aspectratio_widthlen input::-webkit-input-placeholder,.customsize_body .aspectratio_heightlen input::-webkit-input-placeholder{
    font-weight: 500;
    font-family: 'PT Sans';
    color: lightgrey;
    font-size:16px;
}

.account_settings_block .user_acoount_details{
  width: 100%;
  padding-top: 50px;
}

.account_settings_block .user_acoount_details .acnt_email, .account_settings_block .user_acoount_details .acnt_pswrd{
  width: 100%;
  height: 50px;
  padding-left: 50px;
  background: #EBECF0;
  border-radius: 5px;
  border: none;
  font-size: 15px;
  color: #928f8f;
}
.account_settings_block .user_acoount_details .acnt_language{
  width: 100%;
  height: 50px;
  border: 1px solid rgba(14,19,24,.2);
  border-radius: 5px;
  font-size: 18px;
}

.account_settings_block .user_acoount_details h1, .account_settings_block .profile_edit_section h1{
  font-size: 15px;
  font-weight: 700;
  color: #54536C;
}

.account_settings_block .user_acoount_details .password_change_btn{
  position: absolute;
  top: 10px;
  right: 8px;
  font-size: 15px;
  color: white;
  background-image: linear-gradient(to right, #503df9, #9e52f7);
  border-radius: 5px;
  padding: 5px 25px;
  text-decoration: none;
  opacity: 0.8;

}

.account_settings_block .user_acoount_details .password_change_btn:hover{
   background: #ffc524;
   opacity: 1;

}

.acntauthentication_block h1{
  display: inline-block;
  font-size: 15px;
  font-weight: 700;
  color: #54536c;
}

.acntauthentication_block h2{
  font-size: 15px;
  color: #b8c2c8;
  padding-bottom: 12px;
}
.acntauthentication_block .twofactor_enable,.acntauthentication_block .okta_add{
  font-size: 15px;
  color: white;
  background-image: linear-gradient(to right, #503df9, #9e52f7);
  border-radius: 5px;
  border: none;
  padding: 6px 30px;
  text-decoration: none;
  opacity:0.8;
}
.acntauthentication_block .twofactor_enable:hover,.acntauthentication_block .okta_add:hover{
  background: #FFCA00;
  opacity: 1;
}
.acntauthentication_block .saml_metadata_url, .acntauthentication_block .saml_id, .acntauthentication_block .saml_endpoint{
  width: 100%;
  height: 50px;
  padding-left: 40px;
  border: 1px solid rgba(14,19,24,.2);
  border-radius: 5px;
  font-size: 15px;
  margin-bottom: 25px;
}

.account_settings_block .user_acoount_details .delete_account{
  font-size: 15px;
  color: #54546C;
  background-color: #fff;
  border-radius: 5px;
  padding: 6px 30px;
  text-decoration: none;
  border: 1px solid #ECEDF1;
}

.account_settings_block .user_acoount_details .select_language{
  width: 100%;
  height: 50px;
  padding-left: 20px;
  border: 1px solid rgba(14,19,24,.2);
  border-radius: 5px;
  font-size: 15px;
}

/* Dropdownlist */

.language_dropdown_block{
  display: none;
  position: absolute;
  width: 100%;
  top: 0;
  background-color: #ffffff;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0,0,0,0.10);
  -moz-box-shadow: 0 0 10px rgba(0,0,0,0.10);
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.10);
  -o-box-shadow: 0 0 10px rgba(0,0,0,0.10);
  padding: 5px 0px;
  z-index: 1;
  height: 340px;
  overflow-y: scroll;
}
.language_dropdown_list{
  padding: 10px 20px;
  cursor: pointer;
  position: relative;
  border-left: 5px solid transparent;
}


.language_dropdown_list .drop_inner p{
  font-size: 18px;
  color: #2d2d2d;
}

.language_dropdown_block .language_dropdown_list:hover{
  background: #F5F5F5;
}
.language_dropdown_block .language_dropdown_list.selected_drop{
  border-left: 5px solid #ffc524;
  background: #EBECF0;
}


.profession_dropdown_block , .fbSwitchDropdownBlock{
  display: none;
  position: absolute;
  width: 100%;
  top: 0;
  background-color: #ffffff;
  border-radius: 5px;

  box-shadow: 0 0 10px rgba(0,0,0,0.10);
  -moz-box-shadow: 0 0 10px rgba(0,0,0,0.10);
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.10);
  -o-box-shadow: 0 0 10px rgba(0,0,0,0.10);

  padding: 5px 0px;
  z-index:1;

}
.profession_dropdown_block .profession_dropdown_list, .fbSwitchDropdownBlock .fbDropdownList{
  padding: 10px 20px;
  cursor: pointer;
  position: relative;
  border-left: 5px solid transparent;
}

.profession_dropdown_list .drop_inner p{
  font-size: 18px;
  color: #54536C;
}

.profession_dropdown_list:hover,.fbSwitchDropdownBlock .fbDropdownList:hover{
  background: #F5F5F5;
}

.profession_dropdown_block .profession_dropdown_list.selected_profes,.fbSwitchDropdownBlock .fbDropdownList.selectedFbAcnt{
  border-left: 5px solid #ffc524;
  background: #EBECF0;
}



/* Change email popup  And Change Password POPup */

#change_password_block , #change_email_block{
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    overflow-x: hidden;
    overflow-y: auto;
}

.change_password_dialog , .change_email_dialog{
  width: 480px;
  position: relative;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  background-color: #ffffff;
  border-radius: 8px;
}

.change_password_dialog .change_pswd_content , .change_email_dialog .change_pswd_content{
    padding:20px 40px;
}

.change_password_dialog .change_pswd_content h1, .change_email_dialog .change_pswd_content h1{
  text-align: center;
  color: #54546C;
  font-size: 24px;
  font-weight: 400;
  /* padding-bottom: 20px; */
  margin:0;
}
.change_password_dialog .change_pswd_content .password_details h2, .change_email_dialog .change_pswd_content .email_details h2{
  color: #54546C;
  font-size: 15px;
}
.change_pswd_content .password_details .oldPasswordInput,.change_pswd_content .password_details .newChangePasswordInput, .change_pswd_content .password_details .confirm_change_pswrd , .change_pswd_content .email_details .changeProfileEmailInput{
  width: 100%;
  height: 45px;
  padding-left: 50px;
  color: #54536c;
  border-radius: 5px;
  border: 1px solid rgba(14,19,24,.2);
  font-size: 18px;
}

 #change_email_block .userPasswordConfirmation{
  width: 100%;
  height: 45px;
  padding-left: 20px;
  color: #54536c;
  border-radius: 5px;
  border: 1px solid rgba(14,19,24,.2);
  font-size: 18px;
 }

.change_pswd_content .password_details .confirm_password_btn , .change_pswd_content .email_details .confirm_email_btn,.confirmPswdInemailVerification{
    margin-top: 20px;
    width: 100%;
    font-size: 18px;
    /* background-color: #6753bb; */
    background-image: linear-gradient(to right, #503df9, #9e52f7);
    opacity: 0.8;
    color: white;
    height: 45px;
    text-align: center;
    border-radius: 4px;
    text-decoration: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 25px;
    border: none;

}

.change_pswd_content .password_details .confirm_password_btn:hover , .change_pswd_content .email_details .confirm_email_btn:hover{
  background:#FFC425;
  opacity: 1;
}

#change_email_block .change_email_dialog #emailError, .password_details .oldPasswordInputError, .password_details .newChangePasswordInputError, .password_details .confirm_change_pswrdInputError{
  color:red;
  font-size: 15px;
}

/* Two Factor Authentication Pop up css here */

#two_factor_block{
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
  overflow-x: hidden;
  overflow-y: auto;
}
#two_factor_block .two_factor_dialog{
  width: 470px;
  position: relative;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  background-color: #ffffff;
  border-radius: 8px;
}
#two_factor_block .two_factor_dialog .two_factor_content{
  padding:30px;
}

#two_factor_block .two_factor_dialog .two_factor_content h1{
  text-align: center;
  color: #54546C;
  font-size: 24px;
  font-weight: bolder;
  margin: 0;
  padding-bottom: 0;
}
#two_factor_block .two_factor_dialog .two_factor_content .twofactor_qrcode {
  text-align: center;
}
 
#two_factor_block .two_factor_dialog .two_factor_content p{
  text-align: center;
  font-size: 16px;
  color: #CAD3D8;
}
#two_factor_block .two_factor_dialog .two_factor_content .twofactor_otp {
  padding: 20px 0px;
  text-align:center;
}
#two_factor_block .two_factor_dialog .two_factor_content .twofactor_otp .otp_textbox{
  font-size: 18px;
  padding: 0px 21px;
  width: 55px;
  height: 55px;
  border-radius: 5px;
  border: 2px solid #EFEFEF;
  /* border: none;
  box-shadow: 0 0 10px rgba(0,0,0,0.10);
  -moz-box-shadow: 0 0 10px rgba(0,0,0,0.10);
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.10);
  -o-box-shadow: 0 0 10px rgba(0,0,0,0.10); */
}
#two_factor_block .two_factor_dialog .two_factor_content .twofactor_otp .otp_textbox.active_2fabox{
  border: 2px solid #FFCA00;
}

#two_factor_block .two_factor_dialog .two_factor_content .twofactor_otp .otp_textbox:nth-child(2),.twofactor_otp .otp_textbox:nth-child(3),.twofactor_otp .otp_textbox:nth-child(4),.twofactor_otp .otp_textbox:nth-child(5),.twofactor_otp .otp_textbox:nth-child(6) {
  margin-left: 12px;
}
#two_factor_block .two_factor_dialog .two_factor_content .twofactor_verify_btn{
  width: 100%;
  font-size: 18px;
  /* background-color: #6753bb; */
  background-image: linear-gradient(to right, #503df9, #9e52f7);
    opacity: 0.8;
  color: white;
  height: 50px;
  text-align: center;
  border-radius: 4px;
  text-decoration: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 25px;
  border: none;
}
#two_factor_block .two_factor_dialog .two_factor_content .twofactor_verify_btn:hover{
 background: #FFCA00;
}

/* SAML Configuration POPup css here */

#saml_block{
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
  overflow-x: hidden;
  overflow-y: auto;
}

#saml_block .saml_dialog{
width: 550px;
position: relative;
left: 50%;
top: 50%;
-ms-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
background-color: #ffffff;
border-radius: 8px;
}
#saml_block .saml_dialog .saml_content{
padding:60px;
}

#saml_block .saml_dialog .saml_content h1{
text-align: center;
color: #2d2d2d;
font-size: 24px;
font-weight: bolder;
padding-bottom: 20px;
}
#saml_block .saml_dialog .saml_content .saml_details h2{
color: #2d2d2d;
font-size: 14px;
font-weight: bold;

}
#saml_block .saml_dialog .saml_content .saml_details .metadata_url, #saml_block .saml_dialog .saml_content .saml_details .entity_id, #saml_block .saml_dialog .saml_content .saml_details .saml_endpoint{
width: 100%;
height: 50px;
padding-left: 50px;
color: #2d2d2d;
border-radius: 5px;
border: 1px solid #e1e1e1;
font-size: 18px;
}

#saml_block .saml_dialog .saml_content .saml_details .saml_confirm_btn{
  margin-top: 20px;
  width: 100%;
  font-size: 18px;
  background-color: #6753bb;
  color: white;
  height: 50px;
  text-align: center;
  border-radius: 4px;
  text-decoration: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 25px;
  border: none;

}





/* Exports css here */

.exports_header{
  position: relative;
  top:  65px;
  height: 300px;
  padding: 5%;
  background-image: linear-gradient(to right, #7f6fec, #a07ceb);
}

.exports_header .header_content{ display: inline-block;}

.exports_header .header_content p{
      font-size: 32px;
      font-weight: bold;
      color: #2d2d2d;
}

.exports_header .header_content h1{
    font-size: 18px;
    color: #ffffff;
}


.exports_header .export_details_block{
  float: right;
  display: inline-flex;
}

.exports_header .export_details_block .audio_block{
  display: inline-block;
  width: 140px;
  height: 140px;
  background-color: #6753bb;
  border-radius: 10px;
  padding: 30px;
}

.exports_header .export_details_block .audio_block .audio_inner_div{
  text-align: center;
  color: #ffffff;
}
.exports_header .export_details_block .audio_block .audio_inner_div p{  font-size: 14px; }
.exports_header .export_details_block .audio_block .audio_inner_div h1{  font-size: 36px;font-weight: bold; }

.exports_header .export_details_block .videos_block{
  display: inline-block;
  width: 140px;
  height: 140px;
  background-color: #6753bb;
  border-radius: 10px;
  padding: 30px;
  margin: 0px 30px;
}

.exports_header .export_details_block .videos_block .video_inner_div{
  text-align: center;
  color: #ffffff;
}
.exports_header .export_details_block .videos_block .video_inner_div p{  font-size: 14px; }
.exports_header .export_details_block .videos_block .video_inner_div h1{  font-size: 36px;font-weight: bold; }

.exports_header .export_details_block .plan_block{
  display: inline-block;
  width: 140px;
  height: 140px;
  background-color: #E2E178;
  border-radius: 10px;
  padding: 40px;
}

.exports_header .export_details_block .plan_block .plan_inner_div{
  text-align: center;
  color: #ffffff;
}
.exports_header .export_details_block .plan_block .plan_inner_div p{ font-size:18px; font-weight: bold; }



.manage_exports{
  position: relative;
  top:  65px;
  padding: 30px 2%;
  height: calc(100vh - 65px);
  /* overflow: auto; */
}

.manage_exports .manage_exports_header p{
  display: inline-block;
  font-size: 24px;
  font-family: 'PT Sans';
  font-weight: 700;
  color: #54536e;
  padding-right: 25px;
}

.manage_exports .manage_exports_header .refresh_btn_exports{
  border: none;
  font-size: 18px;
  color: #54536e;
  background: none;
  
}


.manage_export_table{
  padding: 30px 0px;
}

.manage_list{
  display: grid;
  grid-template-columns: auto auto auto auto auto auto; 
  grid-row-gap: 10px;
}
/* .manage_export_table #export_table{
  border-collapse: collapse;
  width: 100%;
  color: #2d2d2d;
} */

 .manage_export_table #export_table th {
  padding: 15px;
  font-size: 14px;
  font-weight: bold;
}
.manage_export_table #export_table td{
  padding: 20px 15px;
  font-size: 14px;
  font-weight: bold;
}
.manage_export_table #export_table tr .title, .manage_export_table #export_table tr .status{
  font-size: 18px;
  font-weight: bold;
}

.manage_export_table #export_table tr:nth-child(odd){background-color: #f2f2f2;}





/* Dashboard  css here */


.dashboard{
  height:100%;
  width: 100%;

}

.rightcontainer {
  width: calc(100% - 240px);
  height: 100%;
  float: right;
  position:relative;
}


/* Side Menu Bar */

.sidenav {
  position: fixed;
  top: 0px;
  left: 0;
  width: 240px;
  background-color: #FFFFFF;
  overflow-x: hidden;
  background: #F7F7F8;
  z-index: 999;
  height: 100%;
}

.sidenav .myanimo:hover{
  background-color: #ffffff;
  border-left: 0px;
  border-radius: 7px;
  transform: scale(1.1);
}

.sidenav .myanimo a {
  
  text-decoration: none;
  color: #54536c;
  margin-bottom: 3px;

}

.sidenav .myanimo a:hover{

  /* color: #ffffff; */

}

.sidenav .side_menu_footer a{
  text-decoration: none;
  color: #C3CDD3;
}
.sidenav .side_menu_footer .pro_btn{
  background: #59D4FF;
  color:#fff;
}
.sidenav .side_menu_footer .starter_btn{
  background: #FFC300;
  color:#fff;
}
.sidenav .side_menu_footer .enterprise_btn{
  background: #8d33f2;
  color:#f4ebff;
}
.sidenav .side_menu_footer .basic_btn{
  background: #6AE164;
  color:#fff;
}
.sidenav .side_menu_footer .growth_btn{
  background: #FF9638;
  color:#fff;
}


.sidenav .side_menu_footer a:hover{

  /* color: #ffffff; */

}

/* .sidenav .logo_animaker{
  background-color: #ffffff;
  padding:6.5px 30px 4.5px 30px;
  border-bottom: 2px solid #F8F8F8;
} */

.right_header .logo_animaker{
  display: inline-block;
  background-color: #ffffff;
  padding:9.5px 10px 4.5px 10px;
}

.sidenav .create_section{
  padding: 30px 10px 30px 20px;
}

.sidenav .create_section .create_button{
  display: flex;
  font-size: 18px;
  color: white;
  font-weight: bolder;
  font-family: 'PT Sans';
  text-align: center;
  /* background-image: linear-gradient(to right, #6de19b, #6ceedb); */
  /* background-image: linear-gradient(to right, #7465FD, #AC74FB); */
  background-image: linear-gradient(to right, #503df9, #9e52f7);
  padding: 8px 155px 8px 16px;
  border-radius: 5px;
  text-decoration: none;
  cursor:pointer;
  opacity:0.8;
  -webkit-user-select: none; /* Safari */        
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE10+/Edge */
  user-select: none; /* Standard */
}
.sidenav .create_section .create_button:hover{
  background-image: linear-gradient(to right, #9e52f7, #503df9);
  box-shadow: 0px 0px 20px 6px rgba(234,234,234,1);
}
.sidenav .myanimo{
  /* padding: 10px; */
}
.sidenav .myanimo .myanimo_content, .sidenav .myanimo .shareme_content,  .sidenav .myanimo .yourbusiness_content,  .sidenav .myanimo .manageexport_content{
  padding:10px 10px 10px 10px;
  font-size: 15px; 
}
.sidenav .myanimo .yourbusiness_content.teamblock{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sidenav .myanimo {
  cursor: pointer;
  width: 196px;
  margin: auto;
  text-align: start;
  border-left: 0px;
  transition: transform 0.4s;
}
.sidenav .active{
  background-color: #ffff;
  color: #58576F;
  font-family: 'PT Sans';
  font-weight: 700;
  border-radius: 7px;
}
.sidenav .active a{
  /* color:white; */
}


.side_menu_footer{
  width: 100%;
  position: absolute;
  bottom: 0;
}

.side_menu_footer .menu_blog, .side_menu_footer .inspiring_animo, .side_menu_footer .supportfaqs, .side_menu_footer .tip_tutor{
  font-size: 15px;
  padding:10px 0px 10px 28px;
}

.side_menu_footer .free_section {
    padding: 20px 0px 20px;
    width: 210px;
    margin: 30px 10px 30px 10px;
    background: transparent linear-gradient(122deg, #C790FA 0%, #60B0FF 100%) 0% 0% no-repeat padding-box;
    border-radius: 5px;
    opacity: 0.9;
    margin: 0 auto 20px auto;
}
.side_menu_footer .free_section p{
    text-align: center;
    font-size: 15px;
    padding: 0 20px;
    color: #FFFFFF;
    font-weight: bold;
    margin-bottom: 20px;
}

.side_menu_footer .free_btn{
  margin: 0 auto;
  cursor: pointer;
  width: 190px;
  height: 40px;
  font-size: 18px;
  color: #545270;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  border-radius: 5px;
  border: none;
  text-transform: capitalize;
}

.side_menu_footer .powered_by{
  font-size: 14px;
  color:#C3CDD3;
  text-align: center;
  /* padding-bottom: 25px; */
}

/* end of sidemenu bar */

/* Header css here */

.right_header {
  position: fixed;
  width: 100%;
  /* width: calc(100% - 275px); */
  height: 65px;
  /* background-image: linear-gradient(to right, #7f6fec, #a07ceb); */
  z-index: 10;
  background-color: #FFFFFF;
  border-bottom: 2px solid #F8F8F8;

}
.right_header .notify{
  display:inline-block;
}
.right_header .HW_badge{
  background: #e01029 !important;
}
.right_header .notify .HW_badge_cont{
  top: 12px !important;
  right: 12px;
  margin-left: 10px;
  background: url(https://static.animaker.com/img/newdashboard/notify_normal.svg);
  background-repeat: no-repeat;
  background-position: center;
  
}
.right_header .HW_badge{
  height: 16px !important;
  width: 16px !important;
  top: 0px !important;
  left: 13px !important;
}
.HW_badge.HW_softHidden{
  display:none !important;
}

.right_header .otherapps_section{
  display: inline-block;
}

/* .right_header .otherapps_section .otherappsimg{
  padding: 15px;
 
} */
 .right_header .otherapps_section .otherappsimg{
  padding:0px;
}
.right_header .otherapps_section .otherappsimg:hover{
  /* background-color: #7A65CC; */
  cursor: pointer;
}

.right_header .header_rightcontent{
 float: right;
 padding: 0px calc(2% + 10px) 0px 0px;
}


.right_header .dashboard_btn , .right_header .pricing_btn, .right_header .support_btn, .right_header .login_btn, .right_header .signup_btn {
  display: inline-block;
  padding: 20px 10px;
}

.right_header .notification_icon{
  display: inline-block;
  padding: 20px 20px 20px 10px;
}
.right_header .profile_image_icon{
  position: relative;
  display: inline-block;
  cursor: pointer;
  border-radius: 6px;
}
.right_header .profile_image_icon:hover{
  box-shadow: 0 0 10px rgba(0,0,0,0.15);
  -moz-box-shadow: 0 0 10px rgba(0,0,0,0.15);
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.15);
  -o-box-shadow: 0 0 10px rgba(0,0,0,0.15);
}

.right_header .profile_image_icon .account_dropdown{
  position: absolute;
  background-color: white;
}

.right_header .profile_image_icon .account_dropdown a{
  font-size: 14px;
  color: #2d2d2d;
  text-decoration: none;
  padding: 20px;
}

.right_header .dashboard_btn a, .right_header .pricing_btn a, .right_header .support_btn a, .right_header .login_btn a, .right_header .signup_btn a{
  text-decoration: none;
  color: #54536c;
  font-size: 15px;
}
.right_header .dashboard_btn.active a, .right_header .pricing_btn.active a, .right_header .support_btn.active a, .right_header .login_btn.active a, .right_header .signup_btn.active a{
  font-weight:bold;
}

.right_header .dashboard_btn a:hover, .right_header .support_btn a:hover, .right_header .login_btn a:hover, .right_header .signup_btn a:hover{
  font-weight:bold;
}

.animakerplans_upgrade_banner{
  margin: 30px 10px 0px 10px;
  background-image: linear-gradient(to right, #2EDC70, #7FFFD9);
  color: #fff;
  border-radius: 4px;
  position: relative;
  /* background-image: url(https://static.animaker.com/img/banner_dots.png), url(https://static.animaker.com/img/dashboard_banner.png);
  background-size: 100%, 100%;
  background-position: top left, top right;
  background-repeat: no-repeat,no-repeat; */
}


.animakerplans_upgrade_banner .offerbanner{
  position: relative;
  display: none;
  width: 100%;
  background-image: url(https://dev-static.animaker.com/img/project-banner.png);
  background-size: 30% 102%, 60% 76%;
  background-position: right, right;
  background-repeat: no-repeat,no-repeat;
  -webkit-transition: -webkit-transform .6s ease-in-out;
  -o-transition: -o-transform .6s ease-in-out;
  transition: transform .6s ease-in-out;
}

.animakerplans_upgrade_banner .offerbanner.active-slide{
  display: block
}

.animakerplans_upgrade_banner .active-slide{
  left: 0;
  transform: translate3d(0,0,0)
}
/* .animakerplans_upgrade_banner .active-slide.prev{
  right: 0
} */
.animakerplans_upgrade_banner .active-slide.next{
  right: 0;
  transform: translate3d(0,0,0)
}



.animakerplans_upgrade_banner .offerbanner h2{
  margin-top: 0px; 
  font-size: 24px;
  font-weight: 600;
}

.animakerplans_upgrade_banner .offerbanner p{
  font-size: 20px;
}
.animakerplans_upgrade_banner .offerbanner .upgradeplan_banner{
  margin-top: 20px;
  font-size: 16px;
  font-weight: 600;
  background: transparent;
  border: 1.5px solid #fff;
  border-radius: 4px;
  padding: 6px 14px;
}
.animakerplans_upgrade_banner .offerbanner .upgradeplan_banner.upgradeplanindashboard-btn img{ 
  width: 18px;
  translate: 0px -2px;
}

/* .animakerplans_upgrade_banner .offerbanner1,.animakerplans_upgrade_banner .offerbanner2{
  background-image: linear-gradient(to right, #2EDC70, #7FFFD9);
  color: #fff;
  border-radius: 4px;
  padding: 48px;
}
.animakerplans_upgrade_banner .offerbanner1 h2,.animakerplans_upgrade_banner .offerbanner2 h2{
  margin-top: 0px; 
  font-size: 24px;
  font-weight: 600;
}

.animakerplans_upgrade_banner .offerbanner1 p,.animakerplans_upgrade_banner .offerbanner2 p{
  font-size: 20px;
}
.animakerplans_upgrade_banner .offerbanner1 .upgradeplan_banner,.animakerplans_upgrade_banner .offerbanner2 .upgradeplan_banner{
  margin-top: 20px;
  font-size: 16px;
  font-weight: 600;
  background: transparent;
  border: 1px solid #fff;
  border-radius: 4px;
  padding: 6px 20px;
}

.carousel-indicators li{
  width: 6px;
  height: 6px;
}
.carousel-indicators .active {
  width: 8px;
  height: 8px;
} */

/* end */

.videoselection_section{
  width:100%;
  height: auto;
  color: #54536c;
  position: relative;
  top: 65px;
  background: #fafafa;
}
.videoselection_section .spacing_videotype{
  /* position: relative;
  top: 65px; */
  padding: 30px 10px;
  height: auto;
  /* box-shadow: 2px 1px 7px 5px rgba(0, 0, 0, 0.1); */
}
.videoselection_section .customizedsize_section{
  width: 100%;
  
}
.videoselection_section .customizedsize_section .videosize,.view_all_section .videosize{
    width: 100%;
    display: flex;
    align-items: center;
}

.view_all_section .dashboard_moment .container_size img, .horizontal-imagesizes .dashboard_moment .container_size img{
 width: 100%;
}
.videoselection_section .customizedsize_section .videosize span,.view_all_section .videosize span{
  font-size: 20px;
  font-weight: 700;
}
.videoselection_section .customizedsize_section .videosize .cutomsize_btn,.view_all_section .videosize .cutomsize_btn{
  background-color: transparent;
  padding: 5px 20px;
  border:1px solid #e9e9e9;
  color: #b8c2c8;
  font-size: 16px;
  font-family: 'PT Sans';
  border-radius: 5px;
  margin-left: auto;
}

.videoselection_section .customizedsize_section .videosize .cutomsize_btn:hover,.view_all_section .videosize .cutomsize_btn:hover{
  background-color: #54526E;
  color: #ffffff;

}
.videoselection_section .customizedsize_section .videotypes_viewall{
  width: 10%;
  float: right;
  text-align: right;
}
.videoselection_section .customizedsize_section .videotypes_viewall a{
  font-size: 14px;
  text-decoration: none;
  color: #2d2d2d;
}

.videoselection_section .video_templates{
  width: 100%;
  height: 70%;
}
 .vdb{
  height: 100%;
}
.videoselection_section .video_templates .horizontalimg_block,.videoselection_section .video_templates .verticalimg_block, .videoselection_section .video_templates .squareimg_block, .videoselection_section .video_templates .facebookimg_block, .videoselection_section .video_templates .instaimg_block, .videoselection_section .video_templates .youtube_block{
  height: 80%;
  position: relative;
}
.videoselection_section .video_templates .image_blocks{
  position: absolute;
  bottom: 0;
}

.videoselection_section .video_templates .image_para_block{
  padding-top: 10px;
  height: 10%;
}


/*  Create Block Design */

.createapp_block{
  display: none;
  background-color: white;
  position: fixed;
  width: 300px;
  top: 95px;
  left: 99px;
  border-radius: 9px;
  box-shadow: 0 0 10px rgba(0,0,0,0.15);
  -moz-box-shadow: 0 0 10px rgba(0,0,0,0.15);
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.15);
  -o-box-shadow: 0 0 10px rgba(0,0,0,0.15);
  z-index:9999;
}
.createapp_block #create_spacing{
  padding: 10px 0px 10px 0px;
}
.createapp_block #create_spacing .create_video_block , .createapp_block #create_spacing .create_presentation_block, .createapp_block #create_spacing .create_character_block, .createapp_block #create_spacing .create_texttospeech_block, .createapp_block #create_spacing .create_music_block, .createapp_block #create_spacing .create_picmaker_block{
  padding:10px 20px;
}
.createapp_block #create_spacing .createvideoblock_content{
  display: inline-block;
  font-family: 'PT Sans';
  font-size: 14px;
  color: #54536c;
  padding-left: 10px;
}

.createapp_block #create_spacing .myanimo_create{
  border-left: 4px solid #ffffff;
  cursor: pointer;
  position:relative;
}
.createapp_block #create_spacing .myanimo_create:hover {
  background-color: #f5f5f5;
  border-left: 4px solid #f5f5f5;
  font-weight: 700;
}

.createapp_block .myanimo_create a{
  font-family: 'PT Sans';
  color: #54536c;
}

.createapp_block .myanimo_create a:hover{
   text-decoration: none;
   color: #54536c;
}

.template_sub_popup{
  display: none;
  background-color: white;
  position: fixed;
  width:150px;
  /* top: 130px;
  left: 332px; */
  top: 80px;
  left: 520px;
  border-radius: 4px;
  box-shadow: 0 0 10px rgba(0,0,0,0.15);
  -moz-box-shadow: 0 0 10px rgba(0,0,0,0.15);
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.15);
  -o-box-shadow: 0 0 10px rgba(0,0,0,0.15);
  z-index:100;
}
.template_spacing{
  padding: 10px 0px;
  
}
.template_sub_popup .template_spacing .myanimo_blank{
    border-left: 4px solid #ffffff;
    cursor: pointer;
    position: relative;

}
.template_sub_popup .template_spacing .myanimo_blank:hover{
    background-color: #f5f5f5;
    border-left: 4px solid #f5f5f5;
    font-weight: 700;

}
.template_sub_popup .template_spacing .myanimo_template{
  border-left: 4px solid #ffffff;
  cursor: pointer;
  position: relative;

}
.template_sub_popup .template_spacing .myanimo_template:hover{
  background-color: #f5f5f5;
  border-left: 4px solid #f5f5f5;
  font-weight: 700;

}
.create_template_block{
  padding:10px 10px;
}
.templateblock_content{
  font-family: 'PT Sans';
  font-size: 14px;
  color: #54536c;
  padding-left: 10px;
  margin: 0;
}

.template_sub_popup .template_spacing .myanimo_blank a,.template_sub_popup .template_spacing .myanimo_template a{
  font-family: 'PT Sans';
  color: #54536c;
  text-decoration: none;
}



/* Other APPs Block */

.Other_apps_section{
  display: none;
  position: fixed;
  z-index: 999;
  background-color: white;
  top: 65px;
  right: 95px;
  border-radius: 5px;
  padding: 20px;
  width: 400px;
  box-shadow: 0 0 10px rgba(0,0,0,0.15);
  -moz-box-shadow: 0 0 10px rgba(0,0,0,0.15);
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.15);
  -o-box-shadow: 0 0 10px rgba(0,0,0,0.15);
}

.Other_apps_section .otherapp_header{

  text-align: center;
  padding-bottom: 10px;

}
.Other_apps_section .otherapp_header p{
  font-size: 18px;
  color: #b8c2c8;
}
.Other_apps_section .other_apps_showlist a:hover{
  text-decoration: none;
}

.Other_apps_section .other_apps_showlist .otherappsblock_content{
  padding-top: 10px;
  color: #54536c;
  text-align: center;
  font-size: 13px;
  cursor:pointer;
 
}
.Other_apps_section .other_apps_showlist .otherappsblock_content:hover{
  font-weight:bold;
}
.Other_apps_section .other_apps_showlist .cntr:hover >.otherappsblock_content{
  font-weight:bold;
}
.Other_apps_section .other_apps_showlist .cntr{
  width: 120px;
  text-align: center;
  display: inline-block;
}



.profile_view_section{
  display: none;
  position: fixed;
  top: 60px;
  right:2%;
  width: 260px;
  background-color: white;
  z-index: 999;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0,0,0,0.15);
  -moz-box-shadow: 0 0 10px rgba(0,0,0,0.15);
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.15);
  -o-box-shadow: 0 0 10px rgba(0,0,0,0.15);
  overflow:auto;
  max-height:480px;
}
.mobilepopup_content .row{
  display: flex;
}
.mobilepopup_content .row .cta_block{
  margin: auto;
}
.tutorials-row a img{
  transform: rotate(272deg);
  width: 12px;
}
.tutorials-video-row .tutorial-card:hover{
  display: inline-block;
  background: #ffffff;
  box-shadow: -1px 0rem 1rem rgb(131 127 127 / 15%) !important;
  border-radius: 13px;
  padding: 6px;
}
.tutorials-video-row .tutorial-card{
  padding: 6px;
  margin: 3px 0px;
}
.tutorials-row{
  margin-top: 10px;
  margin-bottom: 26px;
}
.tutorials-row .title-part{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 25px;
}
.tutorials-row .title-part a{
   color: #747474;
   font-size: 15px;
}
.tutorials-row .tutorials-video-row {
  display: flex;
  padding-left: 1px;
}
.tutorials-row .tutorials-video-row .video-popup{
  text-align: center;
  width: 275px;
  display: inline-block;
  margin-right: 0px;
  cursor: pointer;
  height: 100%;
  overflow: hidden;
}
.tutorials-row .tutorials-video-row .video-popup img{
  border-radius: 9px;
  border: none;
}
.tutorials-row .tutorials-video-row .video-popup span{
  display: block;
  width: 100%;
  overflow: hidden;
  white-space: normal;
  text-align: left;
  color: #54536c;
  margin-top: 12px;
}
.modal-open {
  overflow: hidden !important;
}
.createProjectTab.nav-tabs{
  border-bottom: 1px solid #F8F8F8 !important;
}
.tutorialPopup {
  overflow: hidden;
}
.tutorialPopup .modal-content{
  padding: 0px !important;
  border-radius: 0px !important;
}
.tutorialPopup .modal-content .close{
  opacity: inherit;
  width: 22px;
  height: 22px;
  background: #272626;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 22px;
  position: absolute;
  top: 0px;
  right: -26px;
}
.tutorialPopup .modal-content .close span{
  color: #ffff;
  font-size: 16px;
  margin: 10px;
}
.vl-stroke{
  border-left: 1px solid #e1e1e1;
    height: 15px;
    display: inline-block;
    position: absolute;
    right: 17%;
    top: 15px;

}
.arrow-over{
  display: inline-block;
    position: absolute;
    right: 6%;
    top: 10px;
}
.template_attr{
  width:25px;
  height:25px;
}

.profile_view_section .account_settings_menu{
   border-left: 4px solid #ffffff;
   /* margin-top: 5px; */
   cursor: pointer;
}

.profile_view_section .account_settings_menu:hover{
    background-color: #f5f5f5;
    border-left: 4px solid #f5f5f5;
}
.profile_view_section .account_settings_menu:hover>a{
  font-weight: 700;
}
.profile_view_section .active-menu{
  background-color: #EEEEEE;
  border-left: 4px solid #ffc524;
}

.profile_view_section .account_settings_menu .account_set_inner, .profile_view_section .account_settings_menu .help_menu_inner, .profile_view_section .account_settings_menu .signout_inner{
  padding: 10px 20px;
  
}

.profile_view_section .account_settings_menu a{
  font-size: 15px;
  color: #54536c;
  text-decoration: none;
}

.profile_view_section .line_div{
   border-top:1px solid#e1e1e1;
}

.profile_view_section .user_prof_details{
  padding: 15px 20px;
  position: relative;
}

.profile_view_section .user_prof_details .prof_image img{
  width:40px;height:40px;border-radius: 5px;float: left;
}
.profile_view_section .user_prof_details .prof_name{
  padding: 0px 10px;
}
.profile_view_section .user_prof_details .prof_name h4{
  margin: 0px;
  display: inline-block;
  font-size: 15px;
  font-weight: 700;
}
.profile_view_section .user_prof_details .prof_name p{
  font-size: 14px;
  color:#E1E1E1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.profile_view_section .switch_team_details{
  padding: 15px 0;
  position: relative;
}
.profile_view_section .switch_team_details .switch_teams{margin:8px 0;position:relative;padding: 5px 20px;}
.profile_view_section .switch_team_details .create_teams{margin:8px 0;cursor:pointer;padding: 5px 20px;display: flex;align-items: center;}
.profile_view_section .switch_team_details .switch_teams img{width:28px;height:28px;border-radius: 5px;float: left;}
.profile_view_section .switch_team_details .switch_teams:hover{background-color:#f5f5f5;}
.profile_view_section .switch_team_details .switch_teams:hover > .prof_name h4{ font-weight: 700; }
.profile_view_section .switch_team_details .create_teams:hover{background-color: #f5f5f5;}
.profile_view_section .switch_team_details .create_teams:hover>.prof_name h4{ font-weight: 700; }
.profile_view_section .switch_team_details .prof_name{
  padding:0px 10px;
}
.profile_view_section .switch_team_details .prof_name h4{
  margin: 0px;
  display: inline-block;
  font-size: 15px;
  white-space: nowrap;
  width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-decoration: none;
  color: #54536c;
}
.profile_view_section .switch_team_details .create_teams h4{
  padding: 0px 10px;
  display: inline-block;
  font-size: 15px;
  color: #54536c;
}

.create_teams .free_btn{
  margin-left: auto;
  cursor: pointer;
  width: 65px;
  height: 21px;
  font-size: 11px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #434158;
  border-radius: 6px;
  border: none;
}

/* .profile_view_section .switch_team_details .prof_name h4:hover{color: #000;font-weight: 700;} */
.profile_view_section .switch_team_details .create_teams img{
  width:32px;height:32px;border-radius: 5px;float: left;
}
.switch-team-title{
  color:#D7D7D7;font-size: 15px;
  padding-left: 20px;
}
.profile_view_section .select_check {
  background-image: url(https://static.animaker.com/icons/Tick.svg);
  position: absolute;
  top: 6px;
  right: 15px;
  width: 24px;
  height: 24px;
}
.switch_teams .logo_name{
  display: inline-block;
  vertical-align: super;
  width: 32px;
  height: 32px;
  color: #fff;
}
.switch_teams .logo_name .team_logo{
    font-size: 12px;
    text-align: center;
    margin: 0;
    padding: 9px 0px;
    border-radius: 5px;
}

.teamplandisplay{
  display: table;
  background-color: #5BD4FF;
  /* width: 100px; */
  font-size: 12px;
  color: #fff;
  border-radius: 10px;
  border: 1px solid #5BD4FF;
  padding: 0px 5px;
  padding-left: 5px;
  text-transform: capitalize;
}
.teamplandisplay.free{
  background-color: #CCCCCC;
  border: 1px solid #CCCCCC;
}
.teamplandisplay.pro,.teamplandisplay.biz{
  background-color: #59D4FF;
  border: 1px solid #59D4FF;
}
.teamplandisplay.enterprise{
  background-color: #8920FF;
  border: 1px solid #8920FF;
}
.teamplandisplay.starter,.teamplandisplay.startup{
  background-color: #FFC300;
  border: 1px solid #FFC300;
}
.teamplandisplay.basic,.teamplandisplay.personal{
  background-color: #6AE164;
  border: 1px solid #6AE164;
}
.teamplandisplay.growth{
  background-color: #FF9638;
  border: 1px solid #FF9638;
}


/* Model Popup css */

.customsize_block{
  visibility: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.4);
  -webkit-overflow-scrolling: touch;
  outline: 0;
  overflow-x: hidden;
  overflow-y: auto;
  will-change: opacity;
  transition: opacity .8s ease-in-out;
}

.customsize_dialog{
  width: 350px;
  position: relative;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  background-color: #ffffff;
  border-radius: 8px;
}

.customsize_body{ 
  padding: 0px 25px 30px 25px;
}
.customsize_body h4 {
  text-align: center;
  font-family: 'PT Sans';
  font-size: 24px;
  font-weight: 700;
  color: #54536c;
  margin:20px 0;
}

.customsize_body .aspectratio_length{
  width: 100%;
  display: flex;
}

.customsize_body .aspectratio_widthlen, .customsize_body .aspectratio_heightlen{
  width: 50%;
}

.customsize_body .aspectratio_widthlen p, .customsize_body .aspectratio_heightlen p{
  position: absolute;
  right: 15px;
  top: 8px;
  font-weight: 700;
  font-size: 15px;
  color: #b8c2c8;

}

.customsize_body .aspectratio_widthlen input,.customsize_body .aspectratio_heightlen input{
  padding: 8px;
  font-family: 'PT Sans';
  font-size: 16px;
  font-weight: bold;
  color: #54536c;
  width: 100%;
  border-radius: 4px;
  border: 1px solid #EBEBEB;
}


.customsize_body .aspect_ratio_video_btn{
  margin-top: 20px;
  width: 100%;
  font-size: 15px;
  font-weight: 700;
  background-image: linear-gradient(to right, #503df9, #9e52f7);
  color: white;
  height: 40px;
  text-align: center;
  border-radius: 6px;
  text-decoration: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 25px;
  border: none;
  opacity: 0.9;
}

.customsize_body .aspect_ratio_video_btn:hover{
  background: #FFCA00;
  opacity: 1;
}



/* View all Page css here */

  /* .view_all_section{
    padding: 20px 20px 20px 80px;
    color: #2d2d2d;
  }

  .view_all_section .choose_video_txt{
    font-size: 28px;
    font-weight: bold;
  }

  .view_all_section .common_video_section {
    padding: 20px 0px 20px 0px;
  }
  .view_all_section .common_video_section .common_video_header{
    font-size: 25px;
    font-weight: bold;
  }

  .view_all_section .common_video_sizes{
    width: 100%;
    height: 250px;
  } */


.view_all_section .common_video_sizes .common_horizontal,  .view_all_section .common_video_sizes .common_vertical,  .view_all_section .common_video_sizes .common_square{
   height: 80%;
   position: relative;
 }

 .view_all_section .common_video_sizes .common_image{
   position: absolute;
   bottom: 0px;
 }
 .view_all_section .common_video_sizes .common_image_content{
   height: 20%;
   padding-top: 15px;
 }


/* FACEBOOK */

.view_all_section .facebook_video_header{
  font-size: 25px;
  font-weight: bold;
}


.view_all_section .facebook_video{
  width: 100%;
  height: 250px;
}


.view_all_section .facebook_video .facebook_post, .view_all_section .facebook_video .facebook_story, .view_all_section .facebook_video .facebook_cover{
 height: 80%;
 position: relative;
}

.view_all_section .facebook_video .facebook_image{
 position: absolute;
 bottom: 0px;
}

.view_all_section .facebook_video .facebook_image_content{
  height: 20%;
  padding-top: 15px;
}

/* invite default page css */
.invite-default{padding:4% 0;}
.invite-default .invite-outer-div .invite-inner-div .invite-shared-txt{font-family: Pt sans;font-size:40px;color:#32313f;font-weight:bold;}
.invite-default-description{text-align:center;padding:12% 0;}
.invite-default-description .invite-team{font-family: Pt sans;font-size: 34px;color: #b8c2c8;font-weight:bold;margin:0;}
.invite-default-description .get-started{font-family: Pt sans;font-size: 18px;color: #b8c2c8;padding-bottom:4%;}
.invite-default-description .invite_button{font-size: 23px;color:#000;font-weight: bolder;font-family: Pt-sans;text-align: center;background-image: linear-gradient(to right, #6de19b, #6ceedb);
  padding: 20px 45px 20px 45px;border-radius: 7px;border: none;box-shadow: 6px 4px 9px 1px rgba(0, 0, 0, 0.2);text-decoration: none !important;cursor:pointer;}

  /* End of invite default page css */
  
  /* show team page css */
  .show_team_plan{ position: sticky;position: -webkit-sticky;top:  65px;padding: 10px 0;border-bottom:2px solid #F8F8F8;z-index: 9;background-color: #fff;padding: 30px 2% 30px 2%;}
  .show_team_plan .team-name{display: inline-block;}
  .show_team_plan .team-name .show-team-name{color: #54536c;font-weight: bold;font-size: 23px;margin:10px 0;padding-left:20px;user-select: none;}
  .show_team_plan .team-plan{display: inline-block;float: right;width: 140px;height: 140px;background-color: #fff;text-align: center;border-radius: 8px;box-shadow: 6px 4px 9px 1px rgba(0, 0, 0, 0.2);}
  .show_team_plan .team-plan .plan-free{height: 120px;padding: 20px 0 0px 0;}
  .show_team_plan .team-plan .plan-free .plan-name{font-size: 30px;padding: 9% 0;font-weight: bold;text-transform: capitalize;}
  .show_team_plan .team-plan .plan-free .upgrade-btn{font-size: 14px;color: #b9c3c8;text-align: center;border-radius: 5px;border: 1px solid #DAD5DF;padding: 7px 22px;text-decoration: none;cursor: pointer;background-color: #fff;}
  .upgrade-div{display: inline-block;float: right;margin: 10px 20px 10px 0;}
  .upgrade-div .upgrade-btn{background-color: transparent;padding: 8px 40px 8px 40px;border: 2px solid #e9e9e9;color: #b8c2c8;font-size: 16px;font-family: 'PT Sans';border-radius: 5px;float: right;vertical-align: super;margin-right: 20px;text-decoration: none;cursor: pointer;}
  .upgrade-div .upgrade-btn:hover{background-color: #6DE4A9;color: #fff;border: 2px solid #6DE4A9;}
  .anim-new-modal {
    display: none;
    overflow: hidden;
    position: fixed;
    z-index: 99998;
    border-radius: 5px;
    perspective: 800px;
    background-color: #fff;
  }
  /* .anim-new-modal .new-modal-body {padding: 6% 8%;border-bottom: 0px solid #e6e6e6;width: 100%;height:100%;} */
  .anim-new-modal-overlay {display: none;height: 100%;width: 100%;position: fixed;background-color: rgba(0,0,0,0.4);top: 0;bottom: 0;left: 0;z-index: 99997;}
  /* .upgrade_model {
    width: 550px;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    background-image: url(https://static.animaker.com/imagesizes/login-pattern.svg);
    background-position: bottom;
    overflow: hidden;
    background-size: ;
    background-size: contain;
    background-repeat: no-repeat;
    line-height: 1.42857143;
  } */
  .upgrade_model .new-modal-header{padding: 24px 0 0 0;text-align: center;background-image: linear-gradient(to right, #a07ceb,#7f6fec);height: 80px;position: relative;}
  .upgrade_model .close{background-image: url(https://static.animaker.com/icons/clear.svg);width: 17px;height: 17px;opacity:1;right: 5px;position: absolute;top: 5px;}
  .plan_type_bar{margin: auto;width: 200px;height: 40px;background-color: transparent;border: 2px solid #5a45a7;border-radius: 5px;display: flex;}
  .plan_type_bar .active_subscription {background-color: #5a45a7;}
  .plan_type_bar .monthly_plan_button {width: 98px;height: 100%;text-align: center;cursor:pointer;}
  .plan_type_bar .monthly_plan_button p {display: inline-block;text-decoration: none;font-family: Pt sans;font-size: 18px;padding: 5px 0px;color: #ffffff;cursor:pointer;}
  .upgrade_model .modal-body-text{font-size:24px;color:#fff;}
  .upgrade_model .modal-body-text2{font-size:21px;}
  .upgrade_model .modal-body-text3{font-size:18px;color:#6DE5DE;}
  .plan-details{padding: 2% 0 5% 0;}
  .plan-details .plan-type1{display: inline-block;width: 285px;height: 200px; border-radius: 7px;box-shadow: 2px 1px 7px 5px rgba(0, 0, 0, 0.1);cursor: pointer;background-color:#fff;}
  .plan-details .plan-price{font-size: 50px;font-weight: bold;}
  .plan-details .plan-title{font-size: 27px;font-weight: bold;padding-top: 25px;}
  .billed-monthly{font-size:22px;}
  .billed-yearly{font-size:17px;color:#B3B3B3;}
  .selected-plan .billed-yearly{color:#fff;}
  .plan-details .plan-type2{display: inline-block;width: 285px;height: 200px;border-radius: 7px;box-shadow: 2px 1px 7px 5px rgba(0, 0, 0, 0.1);position:relative;cursor: pointer;margin-left:22px;background-color:#fff;}
  /* .selected-plan{background-color: #FFC525 !important;box-shadow: 2px 1px 7px 5px rgba(0, 0, 0, 0.1);} */
  .updrade-now{padding: 2% 0 3% 0;}
  .updrade-now .upgrade-now-btn{text-decoration: none;font-size: 22px;color: white;font-weight: bolder;font-family: 'PT Sans';text-align: center;background-image: linear-gradient(to right, #6de19b, #6ceedb);padding: 2% 46.5%;border-radius: 5px;border: none;cursor: pointer;}
  .updrade-now .upgrade-now-btn:hover{background: #FFCA00;opacity: 1;}
  .manage-members{color:#5B5975;font-size:19px;font-weight:bold;text-align:center;margin-bottom:30px;}
  .note-description{color:#b8c2c8;font-size: 14px;margin:20px 0}
  .toggle-switch{padding:2% 0;}
  .toggle-switch .btn-toggle.btn-secondary {color: #6b7381;background: #bdc1c8;}
  .toggle-switch .btn-toggle.btn-lg {margin: 0 5rem;padding: 0;position: relative;border: none;height: 2.5rem;width: 5rem;border-radius: 2.5rem;}
  .toggle-switch .btn-toggle {top: 50%;transform: translateY(-50%);}
  .toggle-switch .btn-toggle.btn-secondary:before, .btn-toggle.btn-secondary:after {color: #6b7381;}
  .toggle-switch .btn-toggle.btn-lg:before {content: 'Monthly Plan';left: -13rem;font-size:16px !important;}
  .toggle-switch .btn-toggle.btn-lg:before, .btn-toggle.btn-lg:after {line-height: 2.5rem;width: 11rem;text-align: center;font-weight: 600;font-size: 1rem;text-transform: capitalize;letter-spacing: 2px;position: absolute;bottom: 0;transition: opacity 0.25s;}
  .toggle-switch .btn-toggle.btn-lg > .handle {position: absolute;top: 0.3125rem;left: 0.3125rem;width: 1.875rem;height: 1.875rem;border-radius: 1.875rem;background: #fff;transition: left 0.25s;}
  .toggle-switch .btn-toggle.btn-lg:after {content: 'Yearly Plan';right: -14rem;opacity: 0.5;font-size:16px;}
  .toggle-switch .btn-toggle.btn-secondary.active {background-image: linear-gradient(to right, #7f6fec, #a07ceb);}
  .toggle-switch .btn-toggle.btn-lg.active {transition: background-color 0.25s;}
  .toggle-switch .btn-toggle.btn-lg.active:before {opacity: 0.5;}
  .toggle-switch .btn-toggle.btn-lg.active > .handle {left: 2.8125rem;transition: left 0.25s;}
  .toggle-switch .btn-toggle.btn-lg.active:after {opacity: 1;}
  #circle1{width: 55px;height: 52px;background: #f5e25d;border-radius: 50px;background-image: linear-gradient(to right, #6de19b, #6ceedb);position: absolute;top: -8%;font-size: 17px;font-weight: bold;text-align: center;line-height: 1.2;padding-top: 8px;right: -9%;}
  .card_container{display: inline-block;padding: 0 10px;width: 80%;border: 2px solid #e1e1e1;border-radius: 5px;margin-bottom: 10px;}
  .card_container .credit-card-number{width: 86%;height: 48px;padding-left: 45px;outline: none;border-radius: 5px;border: none;background: url(icons/creditcardicon.svg) left no-repeat;padding: 13px 18px 8px 67px;}
  /* .credit-card-month{width: 79%;height: 48px;position: relative;padding-left: 48px;outline: none;border-radius: 5px;border: none;background: url(icons/calendericon.svg) left no-repeat; padding: 15px 15px 15px 58px;} */
  /* .credit-card-cvv{width: 77%;height: 48px;position: relative;padding-left: 55px;outline: none;border-radius: 5px;border: none;background: url(icons/cardcvvicon.svg) left no-repeat;padding: 15px 15px 15px 55px;} */
  .card_container #input_img_card{width: 6%;height: 47px;position: relative;}
  .date_container #input_img_month{width:14%;height: 47px;position: relative;}
  .cvv_container #input_img_cvv{width: 14%;height: 47px;position: relative;}
  .date_container,.cvv_container{display: inline-block;padding: 0 14px;width: 39%;border: 2px solid #e1e1e1;border-radius: 5px;margin-right: 6px;margin-left: 7px;}
  .invite-team-section{padding: 2% 0 3% 0px;position: relative;top: 65px;}
  .invite-team-section .container,.team-members-display-section .container{width:100%; padding-bottom: 25px;}
  .invite-team-section .invite-text{font-size:22px;font-weight:bold;padding-bottom:20px;color: #54546C;}
  .invite-team-section .emailInvites{width:600px;}
  .invite-new-div{width: 600px;padding: 30px 0 0 0;}
  .mail_container{padding-bottom:12px;}
  .email-id{width: 500px;height: 48px;position: relative;padding-left: 55px;outline: none;border-radius: 5px;border: 2px solid #e1e1e1;}
  .mail_container #input_img_mail{width: 40px;height: 47px;position: absolute;left: 20%;}
  #email{background: url('icons/email-icon.svg') left no-repeat;}
  .invite-people{padding:35px 0}
  .invite-people-btn:hover{color:#fff;}
  .invite-people-btn{text-decoration: none;font-size: 22px;color: white;font-weight: bolder;font-family: 'PT Sans';text-align: center;background-image: linear-gradient(to right, #503df9, #9e52f7);opacity:0.8;border-radius: 5px;border: none;display: flex;align-items: center;height: 50px;;justify-content: center;pointer-events:none;}
  .invite-people-enable{background-color:#6753bb;pointer-events:auto;}
  .invite-new-div{cursor:not-allowed;}
  .admin-title,.members-title{font-size:22px;font-weight:bold;color: #54546C;}
  #members,#admin{margin:25px 0;}
  .img-rounded{width:110px;}
  .members-total{display: inline-block;padding-right: 20px;padding-bottom:30px;width:33%; }
  .invite-total{display: inline-block;padding-right: 20px;padding-bottom:30px;width:33%; }
  .admin-total{display: inline-block;padding-right: 20px;padding-bottom:30px;width:33%; }
  #totalPrice,#planCycle,#totalMembers{color:#5B5975;}
  .credit-card-number,.credit-card-month,.credit-card-cvv{font-size:22px;}
  .invite-team-section a:hover{color:#fff;cursor:pointer;}
  .admin-name,.member-name{font-size:18px;display: inline-block;vertical-align: top;margin: 0px 15px 15px 0px;font-weight: bold;white-space: nowrap;width: 150px;overflow: hidden;text-overflow: ellipsis;color: #54546C;}
  .ElementsApp input{font-size:1.2em;}
  .card_suggest{
    margin-top: 20px;
    text-align: center;
  }
  .card_suggest p{
    color: #5B5975;
    font-size: 15px;
    font-weight: bold;
  }

  .credit-card-number::-webkit-input-placeholder {
    font-weight: 500;
    color: #C3CDD3;
    font-size:18px;
    }
  .credit-card-month::-webkit-input-placeholder {
      font-weight: 500;
      color: #C3CDD3;
      font-size:18px;
    }
  .credit-card-cvv::-webkit-input-placeholder {
        font-weight: 500;
        color: #C3CDD3;
        font-size:18px;
    }
    .search_key::-webkit-input-placeholder{
      font-weight: bold;
      color: #B7C3CA;
      font-size:18px;
    }

  /* dashboard template css*/
  
  /* .proimage_title{margin:10px 0;} */
  .template-row{margin:4% 0;}
  .proimage_title{font-size:15px;margin:10px 0;cursor:auto;}
  .appimage_title{font-size:14px;margin:10px 0;}
  .apps_icon_section .app_level_images a{color: #54536C;text-decoration: none;}
  .userprojects{ 
    /* position: relative;
    top: 65px; */
    width: 100%;
    height:auto;}
  .userprojects .allprojectsection{position: sticky;top: 65px;z-index:9;font-size:19px;padding:25px 10px 0px 0px;background: #fafafa;}
  .userprojects .allprojectsection .allprojects_sub{vertical-align: text-top;}
  .allprojects_sub .allprojects_head{color: #54536c;display: flex;align-items: center; justify-content: space-between;}
  .allprojects_sub img{width:20px;height: 18px;margin-left:10px;margin-right: 8px;}
  #createfolderbtn{
    background: #ffffff;
    border: 1px solid #EBEBEB;
    border-radius: 9px;
    padding: 7px 11px 7px 3px;
    box-shadow: 0px 0px 1px #00000066;
    font-size: 18px;
    cursor: pointer;
  }
  #createfolderbtn:hover{
    border: 1px solid #A871FF;
  }
  .allprojectsection .search_dash_hover{
    display: inline-block;
    float: right;
    cursor: pointer;
    position: relative;
    /* transition: border 0.5s;
    -webkit-transition: border-bottom 0.5s;  */
    /* Safari 3.1 to 6.0 */

  }

  /* .allprojectsection .search_container{ display: inline-block;padding: 0 10px;width: 350px;border: 2px solid #e1e1e1;border-radius: 5px;margin-right: 10px;float:right; -webkit-transition: width .35s ease-in-out;} */
  .allprojectsection .search_container{ display: inline-block;float:right;width: 350px; -webkit-transition: width .25s ease-in-out;}
  .allprojectsection .search_dash_hover .search_project_more{
  width: 100%;
  height: 40px;
  padding-left: 50px;
  color: #54536C;
  /* border-radius: 5px; */
  border: none;
  /* border-bottom: 2px solid #f1f1f1; */
  font-size: 18px;
  opacity: 0;
  transition: opacity 0.5s;
  -webkit-transition:opacity 0.5s; /* Safari 3.1 to 6.0 */
  }
  .allprojectsection .search_dash_hover .search_icon{
    background-image: url(https://dev-static.animaker.com/icons/searchicon.svg);
    position: absolute;
    top: 10px;
    right: 0;
    width: 24px;
    height: 24px;
    transition: right 0.5s;
    -webkit-transition: right 0.5s; /* Safari 3.1 to 6.0 */
}
  .allprojectsection .search_container #search-projects{width: 28px;height: 47px;position: relative;}
  /* .allprojectsection .search_project_more{width: 66%;height: 40px;position: relative;padding-left: 13px;outline: none;border-radius: 5px;border: none;} */
  .showfolderdiv .new-folders{
    width: 260px;
    border: 1px solid #EBEBEB;
    height: 47px;
    background-color: #ffffff;
    box-shadow: 0px 0px 1px #00000066;
    display: inline-block;
    padding: 5px 8px;
    border-radius: 8px;
    margin:0 10px 10px 0px;
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */
  }
  /* .showfolderdiv .new-folders .folder_icon{width: 28px;vertical-align: bottom;} */
  .folderSideMenudotBtn{
    position: relative;
    margin-left: auto;
    opacity:0;
  }
  .showfolderdiv .new-folders #folder_dotted{
    width: 16px;
  }
  .showfolderdiv .new-folders:hover >.folderSideMenudotBtn{opacity:1;}
  .showfolderdiv .new-folders:hover{border: 1px solid #A871FF; }

  .showfolderdiv .new-folders .folder-name{font-size: 18px;text-align: center;margin: 5px 0;vertical-align: middle;color:#54536c;padding-left: 8px;    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }

  /* .showfolderdiv .new-folders:hover >.folder-name{color:#d6d6da;} */
  .showallprojects{
    padding: 0px 0px 10px 10px;
    /* margin:10px 0; */
  }
  .view_all_section{
    /* display:none; */
    position: relative;
    top: 65px;
    /* height: auto; */
    margin: 0px 2%;
    color: #54536c;
    background: #ffffff;
    /* -webkit-animation-name: example;
    -webkit-animation-duration: 4s;
    animation-name: example;
    animation-duration: 4s; */
    transition: opacity 2s ease-in-out;
    opacity: 0; 
    height: 0;
    overflow: hidden;
  }
/* Safari 4.0 - 8.0 */
@-webkit-keyframes example {
  0%   { opacity: 0;}
  25%  { opacity: 0.25;}
  50%  { opacity: 0.50;}
  75%  { opacity: 0.75;}
  100% { opacity: 1;}
}

/* Standard syntax */
@keyframes example {
  0%   { opacity: 0;}
  25%  { opacity: 0.25;}
  50%  { opacity: 0.50;}
  75%  { opacity: 0.75;}
  100% { opacity: 1;}
}

  .view_all_section .video-categories .common-video_section,.view_all_section .video-categories .Facebook-video_section,.view_all_section .video-categories .presentation_deck,.view_all_section .video-categories .start_with_section{padding: 40px 0px 0px 0px;}
  .video-categories .common-video_section .common-video-title{font-size: 18px;font-weight: 700;display: inline-block;}
  .video-categories .Facebook-video_section .fb-video-title,.video-categories .presentation_deck .presentation_title,.video-categories .start_with_section .start_with_title,.video-categories .apps_videos_section .apps_video_title{font-size: 18px;font-weight: 700;}
  .common-section,.facebook-section,.presentation_section,.start_with_slider_section,.apps_icon_section{padding:15px 0;}
  .hide-menu{font-size:14px;color:#2d2d2d;float:right;display:inline-block;margin-top:8px;cursor:pointer;}
  #dotted-image{
    width:30px;
    position: absolute;
    top: auto;
    right: 6px;
    bottom: -28px;
  }
  #Hover-content-Active {
    left: auto !important;
    right: 0px !important;
    bottom: 0px !important;
    top: auto !important;
}
  #dotted-image:hover{display:block;}
  .common-section,.facebook-section,.presentation_section{position:relative;}
  /* .projectshow .dotted_hover_content ,.projectshow #play-icon{
    opacity: 0;
    -webkit-transition: all 0.3s linear .1s;
    transition: all 0.3s linear .1s;
    visibility: hidden;
} */
.templates_title{
  position: absolute;
    bottom: 0;
}

.project-list{margin:10px 0;}
/* .projectshow .edit:hover .dotted_hover_content * ,.edit:hover #play-icon{
    opacity: 1;
    visibility: visible;
} */


.projectshow .dotted_hover_content #dotted-image ,.projectshow #play-icon{
  opacity: 1;
  -webkit-transition: all 0.3s linear .1s;
  transition: all 0.3s linear .1s;
  /* visibility: hidden; */
}
.projectshow:hover .dotted_hover_content #dotted-image ,.projectshow:hover #play-icon{
  opacity: 1;
  /* visibility: visible; */
}
.projectshow .template_hover_content{
  display: none;
  position: absolute;
  /* top:30px;
  left: -20px; */
  top: 25px;
  left: -8px;
  padding: 5px 0px;
  background-color: #ffffff;
  box-shadow: 0 0 10px rgba(0,0,0,0.15);
  -moz-box-shadow: 0 0 10px rgba(0,0,0,0.15);
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.15);
  -o-box-shadow: 0 0 10px rgba(0,0,0,0.15);
  border-radius: 4px;
  z-index:10;

}

.dotted_hover_content::after {
  opacity: 0;
  -webkit-transform: translateX(-92%) translateY(28%);
  transform: translateX(-92%) translateY(28%);
  -webkit-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  visibility: hidden;
  z-index: -1;
}
.projectshow .template_hover_content .video_actions, .projectshow .template_hover_content .video_actions7,   .projectshow .template_hover_content .video_actions1,.projectshow .template_hover_content .video_actions2, .projectshow .template_hover_content .video_actions3, .projectshow .template_hover_content .video_actions4, .projectshow .template_hover_content .video_actions5, .projectshow .template_hover_content .video_actions6, .projectshow .template_hover_content .video_actions8{
  padding: 5px 15px;
  background-color: #ffffff;
  color: grey;
  -webkit-user-select: none; /* Safari */        
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE10+/Edge */
  user-select: none; /* Standard */
  /* border-left: 3px solid white; */

}

.projectshow .template_hover_content .video_actions .edit_click span, .projectshow .template_hover_content .video_actions7 .previewPresent_click span,   .projectshow .template_hover_content .video_actions1 .preview_click span,.projectshow .template_hover_content .video_actions2 .delete_click span, .projectshow .template_hover_content .video_actions3 .duplicate_click span,.projectshow .template_hover_content .video_actions4 .export_click span,.projectshow .template_hover_content .video_actions5 .share_click span,.projectshow .template_hover_content .video_actions6 .movetofile_click span, .projectshow .template_hover_content .video_actions8 .editproject_click span{
  display: inline-block;
  white-space: nowrap;
  font-family: 'PT Sans';
  font-size: 12px;
  text-decoration: none;
  padding: 0px 15px 0px 10px;
}

.projectshow .template_hover_content .video_actions:hover, .projectshow .template_hover_content .video_actions7:hover, .projectshow .template_hover_content .video_actions1:hover,.projectshow .template_hover_content .video_actions2:hover,  .projectshow .template_hover_content .video_actions3:hover,.projectshow .template_hover_content .video_actions4:hover,.projectshow .template_hover_content .video_actions5:hover,.projectshow .template_hover_content .video_actions6:hover, .projectshow .template_hover_content .video_actions8:hover{
  background-color: #F5F5F5;
  /* border-left: 3px solid #ffc524; */
  color: #54536c;
  cursor: pointer;
}

/* .allprojectsection .search_dash_hover{
  background-image: url(https://static.animaker.com/icons/searchicon-hover.svg);
  width: 24px;
  height: 24px;
}
.allprojectsection .search_dash_hover:hover{
  background-image: url(https://static.animaker.com/icons/searchicon.svg);
  width: 24px;
  height: 24px;
} */

  @media only screen and (max-width: 1280px) {
   
   .project-list{margin:0;}
   /* .showfolderdiv .new-folders{margin:10px 10px;} */
   .allprojectsection .search_container{width:300px;}
   .members-total{width:50%;}
   .invite-total{width:50%;}
   .admin-total{width:50%;}
  }
  @media only screen and (max-width: 1024px) {
   
    .allprojectsection .search_container{width:250px;}
    .invite-team-section .emailInvites{width:450px;}
    .invite-team-section .share_box{width:450px;}

    .img-rounded{width:80px;}

   }
   @media only screen and (max-width: 900px) {
    .members-total{width:100%;}
    .invite-total{width:100%;}
    .admin-total{width:100%;}
    .img-rounded{width:110px;}
   }

   @media only screen and (max-width: 792px) {
    .invite-team-section .emailInvites{width:400px;}
    .invite-team-section .share_box{width:400px;}
   
    .invite-new-div{width: 195px;}
   }
   @media only screen and (max-width: 772px) {
  
    .allprojectsection .search_container{width:200px;}
   }



.login_email::-webkit-input-placeholder,.login_password::-webkit-input-placeholder  {
  font-family:'PT Sans';
  font-weight: normal;
  color: #AD9CC9;
  font-size:18px;

}

.loginemail_alerticon,.loginpswd_alerticon,.registername_alerticon,.registerphone_alerticon,.registeremail_alerticon,.registerpswd_alerticon,.registerjobtitle_alerticon, .forget_pswdpage .forgetEmail_alerticon,.resetpswd_alerticon,.profilename_alerticon,.teaminvite_alerticon , .billingcompanynamealerticon , .billingcompanyaddressalerticon , .billingnamealerticon, .billingcityalerticon, .billingcountryalerticon{
  background-image: url(https://dev-static.animaker.com/icons/alert_icon.svg);
  position: absolute;
  top: 18px;
  right: 15px;
  width: 24px;
  height: 24px;
}
.profilename_alerticon, .billingcompanynamealerticon , .billingcompanyaddressalerticon , .billingnamealerticon, .billingcityalerticon, .billingcountryalerticon{
  top: 13px;
}


.login_wrapper .loginemailtooltiptext, .login_wrapper .loginpwdtooltiptext, .signup_wrapper .registernametooltiptext, .signup_wrapper .registeremailtooltiptext,.signup_wrapper .registerphonetooltiptext, .signup_wrapper .registerpwdtooltiptext, .signup_wrapper .registerjobtooltiptext ,.forget_pswdpage .forgetEmailtooltiptext, .reset_password_wrapper .resetpswdtooltiptext , .profNameInput .profilenametooltiptext, .teaminvitetooltiptext , .CompanyNameInput .companynametooltiptext , .CompanyAddressInput .companyaddresstooltiptext, .CompanyUsernameInput .billingnametooltiptext, .CompanyEmailaddrInput .billingemailtooltiptext , .CompanyCityInput .billingcitytooltiptext , .CompanyCountryInput .billingcountrytooltiptext{
  visibility: visible;
  width: 240px;
  background-color: #333333;
  color: #BFBFBF;
  text-align: center;
  border-radius: 4px;
  padding: 8px 0;
  position: absolute;
  z-index: 1;
  /* top: 8px; */
  font-size: 16px;
  left: 103%;
}
.login_wrapper .loginemailtooltiptext::after, .login_wrapper .loginpwdtooltiptext::after, .signup_wrapper .registernametooltiptext::after, .signup_wrapper .registeremailtooltiptext::after,.signup_wrapper .registerphonetooltiptext::after, .signup_wrapper .registerpwdtooltiptext::after, .signup_wrapper .registerjobtooltiptext::after ,.forget_pswdpage .forgetEmailtooltiptext::after,  .reset_password_wrapper .resetpswdtooltiptext::after , .profNameInput .profilenametooltiptext::after ,.teaminvitetooltiptext::after, .CompanyNameInput .companynametooltiptext::after , .CompanyAddressInput .companyaddresstooltiptext::after, .CompanyUsernameInput .billingnametooltiptext::after, .CompanyEmailaddrInput .billingemailtooltiptext::after , .CompanyCityInput .billingcitytooltiptext::after , .CompanyCountryInput .billingcountrytooltiptext::after{
  content: "";
  position: absolute;
  top: 50%;
  right: 100%;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent #333333 transparent transparent;
}

.profile_edit_section .profNameInput{
  position: relative;
}

/* .login_block .social_area .facebook_login .fa{
  margin-right: 10px;
} */

/* .login_block .social_area .facebook_login:hover{
  background-color: #3b5998;
  color: #ffffff;
} */



/* .login_block .social_area .google_login img{
  width: 19px;
  margin-right: 10px;
 
} */


/* .login_block .social_area .google_login:hover{
  background-color: #3b5998;
  color: #ffffff;
} */

.login_block .social_area .okta_login{
  color: #2d2d2d;
  font-size: 14px;
  line-height: 1.2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  /* width: calc((100% - 20px)/3); */
  height: 40px;
  border-radius: 20px;
  /* border: 1px solid #e6e6e6; */
  background-color: #fff;
  text-decoration: none;

}
/* .login_block .social_area .okta_login img{
  width: 24px;
  margin-right: 10px;
 
} */
/* .login_block .social_area .okta_login:hover{
  background-color: #3b5998;
  color: #ffffff;
} */

.login-social-icons{
  margin-left: auto;
  width: 24px;
  height: 24px;

}

.social_area div:nth-child(1){
  width: 50%;
  margin-right: 10px;
}

.social_area div:nth-child(2){
  width: 50%;
  margin-left: 10px;
}

.language-popup{
  background-color: white;
  position: absolute;
  width: 150px;
  box-shadow: 0 0 10px rgba(0,0,0,0.15);
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.15);
  bottom: 70px;
  right: 72px;
  padding: 10px 0;
  border-radius: 4px;
  overflow-y: scroll;
  height: 500px;
}
.lang-change{
  padding:5px 10px;
  color: #54536c;
  border-left: 4px solid #ffffff;
  cursor:pointer;
}
.lang-change p{ 
  margin:0;
}
.lang-change:hover{
    background-color: #EBECF0;
    border-left: 4px solid #ffc524;
    font-weight: 700;
}


/* Sign Up css Here */

.r_firstname::-webkit-input-placeholder,.r_email::-webkit-input-placeholder, .r_password::-webkit-input-placeholder ,.r_phone::-webkit-input-placeholder {
  font-family: 'PT Sans';
  font-weight: normal;
  color: #AD9DC9;
  font-size:16px;
  font-weight: 400;
}

.signup_wrapper .privacy_text{
    margin-left: 5px;
    color: #d5d5d5;
    font-size: 15px;
    font-weight: 500;
    user-select: none;
}
.policy_terms{
  margin-left:4px !important;
  cursor:pointer;
  display:flex;
  align-items: baseline;
}
.policy_terms label{
  cursor:pointer;
  margin: 0px;
}


.modal-center {

  position:absolute; /*it can be fixed too*/
  left:0; right:0;
  top:0; bottom:0;
  margin:auto;

  /*this to solve "the content will not be cut when the window is smaller than the content": */
  max-width:100%;
  max-height:100%;
  overflow:auto;
}


/* Download Popup Css Here */

.download_block_popup {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.4);
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
  overflow-x: hidden;
  overflow-y: auto;
}

.download_block_popup .download_dialog {
  width: 600px;
  position: relative;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  background-color: #ffffff;
  border-radius: 8px;
}

.download_top{
  padding: 5px;
}



.download_popup_content .download_body{
  padding: 20px 50px 40px 50px;
}

.download_popup_content .download_body .download_header{
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 20px;
}
.download_popup_content .download_body .download_header .download_icon{
  width: 34px;
  height: 34px;
 
}

.download_popup_content .download_body .download_header span{
  padding-left: 10px;
  color: #54536c;
  font-size: 22px;
  font-weight: 700;
 

}

.download_popup_content .download_body .dwldProjName{
  width: 100%;
  height: 45px;
  padding-left: 10px;
  color: #54536c;
  border-radius: 5px;
  border: none;
  outline: none;
  border-radius:unset;
  border-bottom: 1px solid rgba(14,19,24,.2);
  font-size: 18px;
}

.download_body h1{
  font-size: 16px;
  color: #808080;
  padding-left: 2px;
}

.download_opt .download_options , .filetype_opt .filetype_options , .socialExportOpted .socialExportOptions{
    width: 100%;
    height: 45px;
    padding-left: 20px;
    color: #54536c;
    border-radius: 5px;
    border: 1px solid rgba(14,19,24,.2);
    font-size: 18px;
}


.downloadoptions_dropdown_block, .filetypeoptions_dropdown_block, .socialExportOptDropdownBlock{
  display: none;
  position: absolute;
  width: 100%;
  top: 0;
  background-color: #ffffff;
  border-radius: 5px;

  box-shadow: 0 0 10px rgba(0,0,0,0.10);
  -moz-box-shadow: 0 0 10px rgba(0,0,0,0.10);
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.10);
  -o-box-shadow: 0 0 10px rgba(0,0,0,0.10);

  padding: 10px 0px;
  z-index: 2;

}
.downloadoptions_dropdown_block .downloadoptions_dropdown_list , .filetypeoptions_dropdown_block .filetypeoptions_dropdown_list , .socialExportOptDropdownBlock .socialExportDropdownList{
  padding: 5px 50px;
  cursor: pointer;
  position: relative;
  border-left: 5px solid transparent;
}

.downloadoptions_dropdown_block .downloadoptions_dropdown_list .drop_inner span, .filetypeoptions_dropdown_block .filetypeoptions_dropdown_list .drop_inner span , .socialExportOptDropdownBlock .socialExportDropdownList .drop_inner span{
  font-size: 16px;
  color: #565468;
}
.downloadoptions_dropdown_block .downloadoptions_dropdown_list.selected_dwnld, .filetypeoptions_dropdown_block .filetypeoptions_dropdown_list.selected_filetype ,.socialExportOptDropdownBlock .socialExportDropdownList.selectedSocialExportOpt{
  border-left: 5px solid #ffc524;
  background: #EBECF0;
}
.downloadoptions_dropdown_block .downloadoptions_dropdown_list:hover, .filetypeoptions_dropdown_block .filetypeoptions_dropdown_list:hover, .socialExportOptDropdownBlock .socialExportDropdownList:hover{
  background: #F5F5F5;
  /* background-color: #e1e1e1;
  border-left: 5px solid #ffc524; */
}


.download_block_popup .download_body .download_btn,.download_block_popup .download_body .downloadPayperExportbtn,.download_block_popup .download_body .dwnldExceedStockUpgradebtn, .paydwnld_popup_content .paydwnld_body .paydwnld_btn{
  margin:15px 0px;
  width: 100%;
  font-size: 18px;
  font-weight: 700;
  background:#F2821F;
  color: white;
  height: 45px;
  text-align: center;
  border-radius: 4px;
  text-decoration: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 25px;
  border: none;
}
.download_block_popup .download_body .download_btn:hover,.download_block_popup .download_body .downloadPayperExportbtn:hover,.download_block_popup .download_body .dwnldExceedStockUpgradebtn:hover, .paydwnld_popup_content .paydwnld_body .paydwnld_btn:hover {
  background: #FFCA00;
}


.paydwnld_body .creditcardNo,.paydwnld_body .creditcardexpiryNo, .paydwnld_body .creditcardcvvno{
  width: 100%;
  height: 45px;
  padding-left: 50px;
  color: #54536c;
  border-radius: 5px;
  border: 1px solid rgba(14,19,24,.2);
  font-size: 18px;
}



#socialExportErrorMsg p{
  text-align: center;
  font-size: 14px;
  color: #f34b4b;
}

/* Share Popup */

.share_block_popup {
  visibility: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.4);
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
  overflow-x: hidden;
  overflow-y: auto;
  will-change: opacity;
  transition: opacity .8s ease-in-out;
}

.share_block_popup .share_dialog {
  width: 700px;
  position: relative;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  background-color: #ffffff;
  border-radius: 8px;
}

.share_popup_content .share_top{
  padding: 5px;
}



.share_popup_content .share_body{
  padding: 20px 50px;
}

.share_popup_content .share_body .share_header{
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 20px;
}
.share_popup_content .share_body .share_header .share_icon{
  width: 32px;
  height: 32px;
 
}

.share_popup_content .share_body .share_header span{
  padding-left: 15px;
  font-size: 22px;
  font-weight: 700;
  color: #54536c;

}

.share_box .share_email_icon{
  display: inline-block;
  background-image: url(https://static.animaker.com/icons/email-icon.svg);
  width: 24px;
  height: 24px;
}


.share_popup_content .share_box{
  position: relative;
  width: 100%;
  min-height: 50px;
  display: inline-block;
  color: #54536c;
  border: 1px solid rgba(14,19,24,.2);
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;

}
.share_popup_content .share_box:hover{
  border-color: #FFCA00;
}
.share_popup_content .share_box:focus-within {
  border-color: rgba(14,19,24,.45);
}

.share_box .members_share{
  width: 60%;
}
.emailInvitesmore .share_box .members_share{
  width: 70%;
}


.share_body .share_email{
  width: 100%;
  font-size: 18px;
  color: #54536c;
  border: 0px;
  display: inline-block;
  /* padding: 10px; */
}

.members_share .share_tag{
  display: block;
  float: left;
  background-color: #e1e1e1;
  margin: 5px;
  padding: 2px 5px;
  box-shadow: 0px 3px 16px #0000000F;
  border-radius: 3px;
  border: 1px solid #A8A8AA;
  background-color: #FFFFFF !important;
}
.members_share .share_tag .shared_name{
  font-size: 14px;
  color: #2d2d2d;
}

.share_body .share_dropdown{
  position: relative;
  width: 35%;
  padding-right: 15px;
}

.share_dropdown .text{
  color: #54536c;
  font-size: 18px;
  padding-right: 5px;
}
#sharedropdwn:hover > #shareview_text{
  font-weight: 700;
}

 .emailInvites .share_dropdown .text{
  color:#54536c;
  font-size: 16px;
}

.share_dropdown_block{
    display: none;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0px;
    background-color: #ffffff;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0,0,0,0.10);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.10);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.10);
    -o-box-shadow: 0 0 10px rgba(0,0,0,0.10);
    padding: 7px 0px;
    z-index: 2;
}
.share_dropdown_block .share_dropdown_list{
  /* border-left: 6px solid transparent; */
  text-align: left;
  padding: 5px 0px;
  cursor: pointer;
}

.share_dropdown_block .share_dropdown_list:hover{
 background: #F5F5F5;
}
.share_dropdown_block .selected_sharedrop{
  /* border-left: 6px solid #ffc524; */
  /* background: #EBECF0; */
 }



.share_dropdown_list .drop_inner span{
  font-size: 15px;
  color: #565468;
  display: block;
  width: 100%;
}

.share_body .share_submit{
  margin: 20px 0px;
  width: 100%;
  font-size: 18px;
  font-weight: 700;
  background-image: linear-gradient(to right, #503df9, #9e52f7);
  color: white;
  height: 50px;
  text-align: center;
  border-radius: 5px;
  text-decoration: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 25px;
  border: none;
  /* opacity: 0.8; */
}
.share_body .share_submit:hover{
  background: #FFCA00;
  opacity: 1;
}

.share_body .shared_with a{
   font-size: 18px;
   color: #b8c2c8;
   text-decoration: none;
   cursor:pointer;
}

.share_body .shared_with a:hover{
  color: #54536C;
}
.share_dialog .share_dropdown #sharedropdwn{
  cursor: pointer;
}

.share_footer{
  padding: 25px 50px;
}

.share_footer .share_cpy{
  display: inline-block;
  background-color: #83BF11;
  padding: 5px 30px;
  border-radius: 25px;
  font-size: 16px;
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
  border-color: transparent;
}
.share_footer .share_cpy:hover{
  background: #FFCA00;
}

.share_footer .view_edit_section{
  display: inline-block;
  position:relative;
}

.share_footer .view_edit_section .text{
  padding-left: 15px;
  color: rgba(0, 0, 0, 0.4);
  font-size: 16px;
}

.view_edit_dropdown_block{
  display: none;
  position: absolute;
  width: 100%;
  top: 0;
  background-color: #ffffff;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0,0,0,0.10);
  -moz-box-shadow: 0 0 10px rgba(0,0,0,0.10);
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.10);
  -o-box-shadow: 0 0 10px rgba(0,0,0,0.10);
  padding: 5px 0px;
  z-index: 2;
}
.view_edit_dropdown_list{
padding: 5px 5px;
border-left: 4px solid transparent;
text-align: center;
cursor: pointer;
}
.view_edit_dropdown_list:hover{
  background: #F5F5F5;
}
/* .view_edit_dropdown_block .selected_viewedit{
  border-left: 4px solid #ffc524;
  background: #EBECF0;
  font-weight: 700;
} */

.view_edit_dropdown_list .drop_inner span{
font-size: 14px;
color: #565468;

}

#sharedpeoplesearch .share_email_srch{
  width: 100%;
  height: 60px;
  padding-left: 20px;
  color: #2d2d2d;
  border-radius: 5px;
  border: 1px solid #e1e1e1;
  font-size: 18px;
}

.share_popup_content .share_popup_back{
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url(https://static.animaker.com/icons/folderback.svg);
  background-position: center;
  background-repeat: no-repeat;
  margin: 5px 20px;
  cursor: pointer;
}

.search_input_share{
  position: relative;
  padding-bottom: 10px;
}

.shared_people_data{
  background-color: #E9E9E9;
  padding: 0px 15px;
  border-radius: 5px;
  min-height: 50px;
  max-height: 200px;
  overflow-y: auto;
}

.shared_people_data .shared_people_list{
  display: flex;
  justify-content: start;
  height: 30px;
  flex-direction: row;
  align-content: center;
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 18px;
  color: #2d2d2d;
  align-items: center;
  
}
.shared_people_list .edit-btn{
  font-size: 15px;
  position: relative;
  width: 20%;
  cursor: pointer;
  border: 1px solid #D6D6D6;
  padding: 8px;
  text-align: center;
  margin-right: 18px;
  border-radius: 6px;
}
.shared_people_list .shared_people_email{
  width: 60%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-align: center;
  align-items: center;
}

.shared_people_list .shared_people_email .email_add,.shared_people_list .shared_people_email .name_add{
  padding: 0 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.shared_people_list .shared_people_email .name_add{
  font-weight: bold;
  margin-bottom: 3px;
  font-size: 15px;
}

.drop_inner .dwnld_para{
  font-size: 12px;
  color: #565468;
}

.drop_inner .dwnld_para span{
    background: #4f5e5e;
    color: #fff;
    border-radius: 10px;
    cursor: pointer;
    padding: 0 5px 1px;
}


/* Myplans Css Here */

.dashboard .rightcontainer .myplans_header{
  position: sticky;
  position: -webkit-sticky;
  top: 65px;
  background: #ffffff;
  padding: 30px 2% 0px 2%;
  z-index: 9;
}

.dashboard .rightcontainer .myplans_header .profile_info{
  display: flex;
}
.dashboard .rightcontainer .myplans_header .profile_info img{
  width: 60px;
  height: 60px;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0,0,0,0.15);
  -moz-box-shadow: 0 0 10px rgba(0,0,0,0.15);
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.15);
  -o-box-shadow: 0 0 10px rgba(0,0,0,0.15);
}

.dashboard .rightcontainer .myplans_header .profile_info .info_desc{
  padding-left: 10px;
}

.dashboard .rightcontainer .myplans_header .profile_info .info_desc h4{
  font-weight: 600;
}
.dashboard .rightcontainer .myplans_header .profile_info .info_desc p{
  color: #C3CDD3;
}

/* .dashboard .rightcontainer .myplans_header h1{
    color: #54536c;
    font-weight: bolder;
    font-size: 22px;
    margin-top: 0;
} */

.myplans_header .accounts_menu_section .myplans_selected .plan_page_menu{ 
  border-bottom: 5px solid transparent;
  display: inline-block;
}

.myplans_header .accounts_menu_section .myplans_selected a{
  font-size: 15px;
  color: #54536c;
  text-decoration: none;
}

.myplans_header .accounts_menu_section .myplans_selected.active_plans .plan_page_menu{
  border-bottom: 5px solid #ffc524;
  
}
.myplans_header .accounts_menu_section .active_plans a{
  color: #54536c;
  font-weight:bold;
}
.myplans_header .accounts_menu_section .myplans_selected a:hover{
  color: #54536c;
  font-weight:bold;
}

.rightcontainer .myplans_block{
  position: relative;
  top: 65px;
  background-color: #ffffff;
  /* overflow: auto; */
}

.myplans_block .myplans_block_header h1{
    color: #2d2d2d;
    font-size: 28px;
    font-weight: bold;
}

.myplans_block .myplans_plantype {
  width: 100%;
  padding: 30px 2%;
}

.mypplans_freeplantype .type_of_plan .downgrade_endcycle_date{
  font-size: 14px;
  color: #B4C1C8;
}
/* New css added up hre */

.myplans_block .mypplans_currentplantype{
  width: 100%;
  /* justify-content: flex-start; */
 
  background: transparent;
  border: 1px solid #ebebeb;
  /* height: 80px; */
  border-radius: 5px; 
  padding: 20px 25px;
  /* cursor: pointer; */
}
.mypplans_currentplantype_inner{
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.mypplans_currentplantype .type_of_plan{
  width: 80%;
  color: #54536c;
}
.mypplans_currentplantype .type_of_plan p{
  font-size: 18px;
  font-weight: 600;
  margin: 0;
}
.mypplans_currentplantype .type_of_plan span{
  font-size: 15px;
  text-transform: capitalize;
}

.mypplans_currentplantype .type_of_plan .downgrade_endcycle_date{
  font-size: 15px;
}
.mypplans_currentplantype .type_of_plan .cancel_subscription , .manage_subscription , .manage_subscription:link , .mypplans_currentplantype .type_of_plan .undo_subscription{
  font-size: 16px;
  color: #e6615d;
  text-decoration: underline;
  cursor: pointer;
  width: fit-content;
  margin-top: 15px;
}
.mypplans_currentplantype .downgrade_undonotification{
  padding: 15px;
  border-radius: 4px;
  background-color: #B5F0CD;
}
.mypplans_currentplantype .downgrade_undonotification .undo_actionbutton{
  text-decoration: underline;
  cursor: pointer;
}

.mypplans_currentplantype .plan_type_amount_value{
  width: 40%;
  color: #54536E;
  text-align: -webkit-center;
}
.mypplans_currentplantype .plan_type_amount_value p{
  font-size: 22px;
  font-weight: 600;
}

.mypplans_currentplantype .changplan_popup , .contactus_enterpriseUpgrade{
  /* width: 120px;
  height: 32px; */
  padding: 6px 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 15px;
  border: none;
  border-radius: 4px;
  background-color: #EBECF0;
  cursor: pointer;
}

.remove_card_content{
  padding-top: 10px;
  font-size: 14px;
}
.remove_card_content .remove_card_button{
  text-decoration: underline;
  color: #C3CDD3;
  cursor: pointer;
}

/* Change plan Popup */
.changecurrentplan_popup .changeplan_dialog_box{
  position: relative;
  width: 625px;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  overflow: hidden;
  border-radius: 5px;
}
.changecurrentplan_popup .changeplan-header{
  padding: 24px 0 0 0;
  text-align: center;
  background-image: linear-gradient(to right, #a07ceb,#7f6fec);
  height: 80px;
  position: relative;
}
.changecurrentplan_popup .changeplan-header p{
  font-size: 24px;
  color: #fff;
}
.changecurrentplan_popup .changeplan-header .close_change_plans_popup {
  background-image: url(https://static.animaker.com/icons/clear.svg);
  width: 17px;
  height: 17px;
  opacity: 1;
  right: 5px;
  position: absolute;
  top: 5px;
  cursor: pointer;
}

.changecurrentplan_popup .changeplan-body{
  padding: 6% 10%;
  border-bottom: 0px solid #e6e6e6;
  width: 100%;
  height: 100%;
  background: #fff;
}

/* ends */
.myplans_block .mypplans_freeplantype{
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background: transparent;
  border: 1px solid #ebebeb;
  /* height: 80px; */
  border-radius: 5px; 
  padding: 15px 20px;
  cursor: pointer;
}

.myplans_block .mypplans_freeplantype:hover{
  background: #FFCA00;
  border: 1px solid #ffca00;
}
.myplans_block .mypplans_freeplantype:hover > .type_of_plan span{
  color: #ffffff;
}
.myplans_block .mypplans_freeplantype:hover > .dot_block .dot_plan{
  background-color: white;
  border: 3px solid #54536c;
}


.mypplans_freeplantype .dot_block{
  width: 10%;
}
.mypplans_freeplantype .type_of_plan{
  width: 80%;
  font-size: 15px;
  color: #54536E;
}
.mypplans_freeplantype .type_of_plan span{
  font-size: 15px;
}
.mypplans_freeplantype .dot_plan{
  height: 12px;
  width: 12px;
  background-color:transparent ;
  border-radius: 50%;
  display: inline-block;
  border:3px solid #e1e1e1;
}

.mypplans_freeplantype .plan_type_amount_value{
  width: 10%;
  color: #54536E;
  font-size: 20px;
  font-weight: bolder;
  font-family: Arial;
}

.downgrade_note{
  font-size: 15px;
}
.myplans_block .active_plan_blk{
  /* background-image: linear-gradient(to right, #6EE29E, #6BEEDB); */
  background-color: #ECEDF1;
}

.myplans_block .active_plan_blk .dot_plan{

    border: 3px solid #8065F6;
    background-color: #ffc524;
}

.dashboard .rightcontainer .billing_block{
  position: relative;
  top: 65px;
  background-color: #ffffff;
  padding: 10px 2%;
  /* height: calc(100vh - 365px);
  overflow: auto; */
}

.dashboard .rightcontainer .billing_block .billingblock_header h1{
    color: #2d2d2d;
    font-size: 28px;
    font-weight: bold;
}


.billing_block .billing_details{
  width: 100%;
  padding-bottom: 50px;
}
.billing_block .billing_details h1{
  font-size: 16px;
  margin-bottom: 20px;
  color: #54536c;
}

.billing_block .billing_details .credit_card{
  width: 100%;
  height: 50px;
  padding-left: 50px;
  border: none;
  border-radius: 5px;
  font-size: 16px;
  background: #EBECF0;
  color: #928f8f;
}
.billing_block .billing_details .creditcard_add_btn{
  position: absolute;
  top: 10px;
  right: 104px;
  font-size: 16px;
  color: white;
  background-image: linear-gradient(to right, #503df9, #9e52f7);
  opacity: 0.8;
  border-radius: 5px;
  padding: 4px 20px;
  text-decoration: none;
}
.billing_block .billing_details .creditcard_add_btn:hover{
  background: #FFCA00;
  opacity: 1;
}
.billing_block .billing_details .creditcard_add_btn1:hover{
  background: #FFCA00;
  opacity: 1;
}


.billing_block .billing_details .invoice_box{
  width: 100%;
  height: 50px;
  padding-left: 20px;
  border: none;
  border-radius: 5px;
  font-size: 16px;
  color: #928f8f;
  background: #EEECF0;
}

.billing_block .user_billing_add{
  width: 100%;
  padding: 10px 0px 50px 0px;
}

.billing_block .user_billing_add h1{
  font-size: 16px;
  margin-bottom: 20px;
  color: #54536c;
}

.billing_block .user_billing_add .company_name,.billing_block .user_billing_add .company_address,.billing_block .user_billing_add .email_address,.billing_block .user_billing_add .username{
  width: 100%;
  height: 50px;
  padding-left: 50px;
  border: 1px solid rgba(14,19,24,.2);
  border-radius: 5px;
  font-size: 16px;
}
.billing_block .user_billing_add .city,.billing_block .user_billing_add .country{
  width: 100%;
  height: 50px;
  padding-left: 20px;
  border: 1px solid rgba(14,19,24,.2);
  border-radius: 5px;
  font-size: 16px;
}

.user_billing_add .save_billing_add{
  margin-top: 20px;
  font-size: 18px;
  color: white;
  background-image: linear-gradient(to right, #503df9, #9e52f7);
  opacity: 0.8;
  border-radius: 5px;
  padding: 6px 35px;
  border: none;
  text-decoration: none;
}

.user_billing_add .save_billing_add:hover{
  background: #FFCA00;
  opacity: 1;
}


/* Youtube Popup window css here */

#youtubepopupwindow{
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    overflow-x: hidden;
    overflow-y: auto;
}

.youtubepopup_dialog{
  width: 600px;
  position: relative;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  background-color: #ffffff;
  border-radius: 8px;
  color: #54536C;
}

.youtubepopup_dialog .youtubepopup_body {
  padding: 20px 50px 40px 50px;
}

.youtubepopup_content .youtubepopup_header span{
  color: #54536c;
  font-size: 20px;
  font-weight: 700;
  padding-left: 10px;
  background-color: #ffffff;
  z-index: 1000;
}

.youtubepopup_details .select_channelname{
  width: 100%;
  height: 50px;
  padding-left: 20px;
  color: #2d2d2d;
  border-radius: 5px;
  border: 1px solid #e1e1e1;
  font-size: 18px;
}

.youtubepopup_details .channellist_dropdown_block {
  display: none;
  position: absolute;
  width: 100%;
  top: 0;
  background-color: #ffffff;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0,0,0,0.10);
  -moz-box-shadow: 0 0 10px rgba(0,0,0,0.10);
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.10);
  -o-box-shadow: 0 0 10px rgba(0,0,0,0.10);
  padding: 10px 0px;
  z-index: 2;
}

.youtubepopup_details .channellist_dropdown_block .channel_dropdown_list {
  padding: 10px 50px;
  cursor: pointer;
  position: relative;
  border-left: 5px solid #ffffff;
}
.channel_dropdown_list .drop_inner span {
  font-size: 16px;
  color: #565468;
}
.youtubepopup_details .channellist_dropdown_block .channel_dropdown_list:hover{
  border-left: 5px solid #ffc524;
  background-color: #e1e1e1;
}

.youtubepopup_details #allchannellist{
  width: 100%;

}

.youtubepopup_details .publishyoutube_btn {
  margin-top: 20px;
  width: 100%;
  font-size: 18px;
  background-image: linear-gradient(to right, #503df9, #9e52f7);
  color: white;
  height: 50px;
  text-align: center;
  border-radius: 4px;
  text-decoration: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 25px;
  border: none;
  opacity: 0.8;
}
.youtubepopup_details .publishyoutube_btn:hover {
  background: #FFCA00;
  opacity: 1;
}


.youtube_top{
  padding: 15px;
}
.youtubepopup_top .youutbe_popup_back,.facebookpopup_top .facebook_popup_back,.linkedin_top .linkedin_popup_back {
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url(https://static.animaker.com/icons/folderback.svg);
  background-position: center;
  background-repeat: no-repeat;
  margin: 5px 20px;
  cursor: pointer;
}

.youtubepopup_body_formdetails{
  padding: 0px 50px 40px 50px;
}

.youtubepopup_header {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 20px;
}

.youtubepopup_header .youtube_icon {
  width: 40px;
  height: 40px;
}

.userselectyoutubechannel{
  padding: 10px 50px;
  display: flex;
  align-items: center;

}
.youtube_form_data .youtubepopup_header span {
  font-size: 24px;
  font-weight: 700;
  color: #54536c;
  padding-left: 10px;
}

.youtubeFormdataScroll h1 {
  font-size: 18px;
  color: #808080;
  padding-left: 2px;
}
.socialInputFieldsData .socialTitle ,.socialInputFieldsData .socialDescription , .socialInputFieldsData .socialTagLine{
  width: 100%;
  height: 45px;
  padding-left: 20px;
  color: #2d2d2d;
  border-radius: 5px;
  border: 1px solid #e1e1e1;
  font-size: 18px;
}
.socialInputFieldsData .socialDescription {
  height: auto;
}

.userselectyoutubechannel .youtube_icon{
  display:inline-block;width:35px;height:35px
}

.userselectyoutubechannel .selectedYoutubeChannel{
  font-size:18px;padding-left:10px;
}

.youtube_form_data .socialexportsharebutton{
  margin-top: 20px;
  width: 100%;
  font-size: 18px;
  background-color: #6753bb;
  color: white;
  height: 50px;
  text-align: center;
  border-radius: 4px;
  text-decoration: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 25px;
  border: none;
}

.google_add_channel_btn{
   width: 50%;
   margin: 0 auto;
   text-align: center;
   padding: 10px 20px;
   background-color: #ffc524;
   color: #ffffff;
}






/* some Here */


.paydwnld_top{
  padding: 5px;
}

.paydwnld_top .paydwnld_back_btn {
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url(https://static.animaker.com/icons/folderback.svg);
  background-position: center;
  background-repeat: no-repeat;
  margin: 5px 20px;
  cursor: pointer;
}

.paydwnld_popup_content .paydwnld_body{
  padding: 0px 50px 25px 50px;
}

.paydwnld_popup_content .paydwnld_body .paydwnld_header{
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 20px;
}
.paydwnld_popup_content .paydwnld_body .paydwnld_header .paydwnld_icon{
  width: 34px;
  height: 34px;
 
}

.paydwnld_popup_content .paydwnld_body .paydwnld_header span{
  padding-left: 10px;
  font-size: 22px;
  font-weight: 700;
  color: #54536c;

}


.paydwnld_popup_content .paydwnld_body .dwldProjName{
    width: 100%;
    height: 45px;
    padding-left: 10px;
    color: #54536c;
    border-radius: 5px;
    border: 1px solid rgba(14,19,24,.2);
    font-size: 22px;
    font-weight: bold;
}

.paydwnld_popup_content .paydwnld_body h1{
  font-size: 18px;
  color: #54536c;
  padding-left: 2px;
}

.paydwnld_popup_content .paydwnld_body .paydwnld_cardno{
  width: 100%;
  height: 45px;
  padding-left: 50px;
  color: #54536c;
  border-radius: 5px;
  border: 1px solid #e1e1e1;
  font-size: 18px;
}

.paydwnld_popup_content .paydwnld_body .paydwnld_expiry, .paydwnld_popup_content .paydwnld_body .paydwnld_cvv{
  width: 100%;
  height: 45px;
  padding-left: 50px;
  color: #54536c;
  border-radius: 5px;
  border: 1px solid #e1e1e1;
  font-size: 18px;
}

.paydwnld_popup_content .paydwnld_body .exceed_text {
  padding-top: 10px;
  font-size: 15px;
  color: #b8c2c8;
  text-align: center;
}


/* Updated Youtube css */
.facebookSwitchAcnt .fbUserIcon{
  background-image: url(https://static.animaker.com/icons/name.svg);
  position: absolute;
  top: 13px;
  left: 15px;
  width: 24px;
  height: 24px;
}

.youtube_channel_list,.facebook_page_list , .linkedin_account_list, .linkedin_organ_list{
  /* min-height: 50px; */
  max-height: 300px;
  overflow-y: auto;
}

.youtube_channel_list .youtube_userchannel_details, .facebook_page_list .facebook_userpage_details , .linkedin_account_list .linkedin_profacnt_details ,.linkedin_organ_list .linkedin_organization_details{
  padding: 25px 0px;
  display: flex;
  justify-content: start;
  height: 30px;
  flex-direction: row;
  align-content: center;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 18px;
  color: #54536C;
  cursor: pointer;
}

.youtube_channel_list .youtube_userchannel_details .youtube_logo_mail, .youtube_channel_list .twitter_acnt_details .youtube_logo_mail{
  width: 90%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-align: center;
  align-items: center;
}

.youtube_channel_list .youtube_userchannel_details .youtube_channel_remove, .youtube_channel_list .twitter_acnt_details .youtube_channel_remove{
  cursor: pointer;
  display: flex;
  align-items: center;
  width: 10%;
}

.exportshareoutrocontentbuttons{
  text-align:center;
}
.download_block_popup .downloadUpgradeBrandOutrotext,#youtubepopupwindow .downloadUpgradeBrandOutrotext ,.download_block_popup .downloadBrandOutrotext,#youtubepopupwindow .downloadBrandOutrotext{
  font-size:14px;
  color: #b8c2c8;
  text-decoration: underline;
  cursor: pointer;
  border: none;
}
.youtubepopup_details .add_youtube_channel_btn{
  color: #b8c2c8;
  width: 100%;
  height: 50px;
  font-size: 15px;
  text-align: center;
  border-radius: 4px;
  text-decoration: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid rgba(0, 0, 0, 0.10);
  cursor: pointer;
  margin-top: 10px;
}

.youtube_channel_list .youtube_userchannel_details:hover {
  background-color: #f1f1f1;
}

.youtubeFormdataScroll{
  margin: 0px 30px 40px 50px;
  max-height: 300px;
  overflow-y: auto;
}


/* export_all_share_popup here  */


#export_all_share_popup , #sharevideoprogressPopup{
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    overflow-x: auto;
    overflow-y: hidden;
}

.export_all_share_popup .export_all_share_dialog , .sharevideoprogressPopup .sharevideoprogress_dialog{
  width: 500px;
  position: relative;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  background-color: #ffffff;
  border-radius: 8px;
}
.export_all_share_dialog .exportall_top,.youtubepopup_dialog .youtubepopup_top , .sharevideoprogress_dialog .sharevideoprogress_top{
  border-radius: 8px 8px 0px 0px;
  padding: 5px;
  background-color: #ffffff;
  z-index: 1000;
}
.exportall_top .exportallshare_popup_close , .youtubepopup_top .youtube_popup_close, .sharevideoprogress_top .sharevideoprogress_popup_close{
  float: right;
  background-image: url(https://static.animaker.com/icons/clear_normal.svg);
  width: 18px;
  height: 18px;
  cursor: pointer;
}
.exportall_top .exportallshare_popup_close:hover , .youtubepopup_top .youtube_popup_close:hover, .sharevideoprogress_top .sharevideoprogress_popup_close:hover{
    background-image: url(https://static.animaker.com/icons/clear.svg);
}
.export_all_share_popup .export_all_share_dialog .export_all_share_body , .sharevideoprogressPopup .sharevideoprogress_dialog .sharevideoprogress_body  {
  padding: 10px 50px 40px 50px;
  text-align: center;
}

.export_all_share_popup .export_all_share_dialog .export_allheader, .sharevideoprogressPopup .sharevideoprogress_dialog .sharevideoprogress_allheader {
  font-size:24px;
  font-weight: 700;
  color: #54536C;
}
.export_all_share_body .export_showall {
  padding-top: 20px;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
}

.sharevideoprogressPopup .sharevideoprogress_showall{
  padding-top: 30px;
  text-align: center;
}

.export_all_share_body .export_showall::-webkit-scrollbar {display:none;}


/* Create Folder POPup css here */

#createfolderpopup{
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
  overflow-x: hidden;
  overflow-y: auto;
}

.createfolder_dialog{
width: 500px;
position: relative;
left: 50%;
top: 50%;
-ms-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
background-color: #ffffff;
border-radius: 8px;
}


.createfolder_dialog .createfolder_content{
  padding:10px 50px 40px 50px;
}

.createfolder_dialog .createfolder_content h1{
  margin-top: 10px;
  text-align: center;
  color: #54536c;
  font-size: 22px;
  font-weight: 700;
}
.createfolder_dialog .createfolder_content .foldername_details h2{
  color: #54536c;
  font-size: 15px;
  font-weight: 700;

}
.createfolder_content .foldername_details .created_folder_name , .renamefolder_content .renamefolder_details .renamefolder_name {
  width: 100%;
  height: 50px;
  padding-left: 20px;
  color: #54536c;
  border-radius: 5px;
  border: 1px solid rgba(14,19,24,.2);
  font-size: 18px;
}

.createfolder_content .foldername_details .createfolder_btn,.renamefolder_content .renamefolder_details .renamefolder_btn{
  margin-top: 20px;
  width: 100%;
  font-size: 16px;
  font-weight: 700;
  background-image: linear-gradient(to right, #503df9, #9e52f7);
  color: white;
  height: 45px;
  text-align: center;
  border-radius: 5px;
  text-decoration: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 25px;
  border: none;
  opacity: 0.8;
}
.createfolder_content .foldername_details .createfolder_btn:hover,.renamefolder_content .renamefolder_details .renamefolder_btn:hover{
  background: #FFCA00;
  opacity: 1;
}

#renamefolderpopup{
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
  overflow-x: hidden;
  overflow-y: auto;
}

.renamefolder_dialog{
width: 500px;
position: relative;
left: 50%;
top: 50%;
-ms-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
background-color: #ffffff;
border-radius: 8px;
}

.createfolder_dialog .createfolder_top, .renamefolder_dialog .renamefolder_top{
  padding: 5px;
}

.renamefolder_dialog .renamefolder_content{
  padding:10px 50px 40px 50px;
}

.renamefolder_dialog .renamefolder_content h1{
  margin-top: 10px;
  text-align: center;
  color: #54536c;
  font-size: 22px;
  font-weight: 700;
}
.renamefolder_dialog .renamefolder_content .renamefolder_details h2{
color: #54536c;
font-size: 15px;
font-weight: 700;
}

.folder_hover_content{
    display: none;
    position: absolute;
    top: 18px;
    left: 10px;
    border-radius: 4px;
    box-shadow: 0 0 10px rgba(0,0,0,0.25);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.25);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.25);
    -o-box-shadow: 0 0 10px rgba(0,0,0,0.25);
    z-index: 10;
    background-color: #ffffff;
}
.foldermenu_actions{
    padding: 5px;
    border-radius: 4px;
    background-color: #ffffff;
    color: grey;
    /* border-left: 3px solid white; */
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */
}

.foldermenu_actions:hover{
  background-color: #F5F5F5;
  color: #54536c;
  cursor: pointer;
}

.foldermenu_actions span{
    display: inline-block;
    white-space: nowrap;
    font-family: 'PT Sans';
    font-size: 14px;
    text-decoration: none;
    padding:0px 15px;
}


/* Moveto folder POPUP css here */

#movetofolderpopup{
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
  overflow-x: hidden;
  overflow-y: auto;
}

.movetofolder_dialog{
width: 500px;
position: relative;
left: 50%;
top: 50%;
-ms-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
background-color: #ffffff;
border-radius: 8px;
}

.movetofolder_dialog .movetofolder_top{
  padding: 5px;
}

.movetofolder_dialog .movetofolder_content{
padding:10px 40px 40px 40px;
}

.movetofolder_dialog .movetofolder_content h1{
  text-align: center;
  color: #54536c;
  font-size: 22px;
  font-weight: 700;

}
.movetofolder_dialog .movetofolder_content .movetofolder_details h2{
color: #54536c;
font-size: 15px;
font-weight: bold;

}
.movetofolder_content .movetofolder_details .moveto_foldername {
width: 100%;
height: 50px;
padding-left: 20px;
color: #2d2d2d;
border-radius: 5px;
border: 1px solid #e1e1e1;
font-size: 18px;
}

.movetofolder_content .movetofolder_details .movetofolder_btn{
  margin-top: 20px;
  width: 100%;
  font-size: 16px;
  font-weight: 700;
  background-image: linear-gradient(to right, #503df9, #9e52f7);
  color: white;
  height: 45px;
  text-align: center;
  border-radius: 4px;
  text-decoration: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 25px;
  border: none;
  opacity: 0.8;

}
.movetofolder_content .movetofolder_details .movetofolder_btn:hover{
  background: #FFCA00;
  opacity: 1;
}


.show_collection_moveto_folder_data{
    height: 210px;
    background-color: #e6e6e6;
    width: 100%;
}

.show_collection_moveto_folder_data .folder-navigation-bar{
  height: 30px;
  background-color: #fff;
}

.show_collection_moveto_folder_data ul{
    height: 180px;
    background-color: #f9f9f9;
    overflow-y: auto;
    /* overflow:hidden auto; */
    /* -webkit-box-shadow: inset 0px 0 25px -15px rgb(0, 0, 0);
    -moz-box-shadow: inset 0px 0 25px -15px rgb(0, 0, 0);
    box-shadow: inset 0px 0 25px -15px rgb(0, 0, 0); */
}
.folder-navigation-bar .tool_1.greyed{
  font-size: 18px;
  color: #54536c;
}

.show_collection_moveto_folder_data div ul{
    list-style: none;
    list-style-type: none;
    font-family: 'PT Sans';
}
.show_collection_moveto_folder_data ul li .folder_moving_option:hover{
  background-color: #ece9e9;
}

.show_collection_moveto_folder_data ul li .folder_moving_option{
  display: inline-block;
  width: 100%;
  padding: 10px;
  height: 40px;
  cursor: pointer;
  background-color: rgb(247, 247, 247);
  color: #54536c;
}
.show_collection_moveto_folder_data .folder_moving_option xmp{
    display: inline-block;
    max-width: 300px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#gobackto_foldermove{
  display: inline-block;
  color: #3289C7;
  padding: 0 20px;
  height: 20px;
  width: 100%;
  background-image: url(https://static.animaker.com/icons/back.png);
  background-position: left;
  background-size: 18px;
  background-repeat: no-repeat;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}


.show_collection_moveto_folder_data .selected_active_move_fold{
  background-color: #5d89ff!important;
}


/* Loader css here */
.displayloaderformove{
  display: none;
  height: 210px;
  width: 100%;
  position: relative;
}

.displayloaderformove .overallLoaderSpinner {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -20px 0 0 -20px;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 48px;
  height: 48px;
  border: 6px solid #f3f3f3;
  border-radius: 50%;
  border-top: 6px solid #a076ee;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}


.dashboardLoaderSpinner {
  display: none;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 9999;
  width: 48px;
  height: 48px;
  margin:0 0 0 -75px;
  border: 6px solid #f3f3f3;
  border-radius: 50%;
  border-top: 6px solid #a076ee;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

.scrollingLoaderDisplay{
  display: inline-block;
  width: 48px;
  height: 48px;
  margin: 0 0 0 -75px;
  border: 6px solid #f3f3f3;
  border-radius: 50%;
  border-top: 6px solid #a076ee;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

.downloadLoaderDisplay{
  width: 25px;
  height: 25px;
  border: 3px solid #f3f3f3;
  border-top: 3px solid #a076ee;
  margin-left: 10px;
  border-radius: 50%;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}


/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

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


.ui-widget-header{
  width: 150px;
  background: #7e97da;
  padding: 10px;
  color: #ffffff;
  font-size: 14px;
  font-weight: bolder;
  text-align: center;
  border-radius: 5px;
  overflow: hidden;
  white-space:nowrap;
  text-overflow: ellipsis;
  z-index: 12;
}

/* Drag and drop css here */
.breadcrumb_data_moreButton{
  position: relative;
  color: #54536C;
  cursor: pointer;
  padding: 5px 10px;
}

.breadcrumb_data_moreButton div{
  display: none;
  position: absolute;
  top: 22px;
  left: 0px;
  background: #fff;
  padding: 10px 0px;
  box-shadow: 0 0 10px rgba(0,0,0,0.15);
  -moz-box-shadow: 0 0 10px rgba(0,0,0,0.15);
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.15);
  -o-box-shadow: 0 0 10px rgba(0,0,0,0.15);
  border-radius: 6px;
  z-index: 10;
}
.breadcrumb_data_moreButton div>*{
  display: flex;
  align-items: center;
  padding: 0px 60px 0px 20px;
}
.breadcrumb_data_moreButton div>*:hover{
    background-color: #EBECF0;
}

.breadcrumb_data > * .breadcrumbfoldermoveicon{
  display: inline-block;
  background-image: url(https://static.animaker.com/icons/foldermove.svg);
  width:12px;height:12px;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  top: 1px;
}

.breadcrumb_data_moreButton .breadcrumbfoldermoveicon{
  background-image: url(https://static.animaker.com/icons/folder_normal.svg);
  width:24px;height:24px;
  position: unset;
}

.allprojects_head .backpathfolderto{
  font-size:24px;
  font-weight: 600;
  padding: 5px 10px;
  cursor: pointer;
  -webkit-user-select: none; /* Safari 3.1+ */
  -moz-user-select: none; /* Firefox 2+ */
  -ms-user-select: none; /* IE 10+ */
  user-select: none; /* Standard syntax */
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 200px;
}
.allprojects_head .breadcrumb_data > span{
  display: inline-flex;
  align-items: center;
}

.allprojects_head .breadcrumb_data .backpathfolderto{
    font-size:18px;
    padding:5px 10px;
    cursor:pointer;
    -webkit-user-select: none; /* Safari 3.1+ */
    -moz-user-select: none; /* Firefox 2+ */
    -ms-user-select: none; /* IE 10+ */
    user-select: none; /* Standard syntax */
}

.backpathfoldertoMore span:nth-child(2){
  font-size:18px;
  padding:5px 10px;
  cursor:pointer;
  max-width: 200px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-user-select: none; /* Safari 3.1+ */
  -moz-user-select: none; /* Firefox 2+ */
  -ms-user-select: none; /* IE 10+ */
  user-select: none; /* Standard syntax */
}

xmp{
  display: unset;
  padding: unset;
  margin: unset;
  font-size: inherit;
  font-family: inherit;
  color: inherit;
  background-color: unset;
  border: none;
}


.allprojects_head .ui-droppable-hover , .allprojects_head .backpathfolderto:hover {
  background-color: #EBECF0;
  border-radius: 5px;
}

#exportDataInputErrors{
  color: #f34b4b;font-size: 15px
}
/* .breadcrumb_data_moreButton.ui-droppable-hover div{
  display: block;
} */

.project-list .this_selected{
  border: 2px solid #6753bb;
  border-radius: 12px;
}


/* Breadcrumbs css here */

/* .breadcrumb_data{
  display: none;
} */


/* New projects fluid design css here */

/* .appendToRow{
  -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-width: 33%;
    -moz-column-width: 33%;
    column-width: 33%;
    text-align: center;
} */

.appendToRow  .project-list{
  padding: 10px 10px 10px 0px;
  /* width: 286px; */
  float:left;
  -webkit-animation: slide-topup 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) none;
  animation: slide-topup 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) none;
}

@keyframes slide-topup {
  0% {
      -webkit-transform: translateY(100px);
              transform: translateY(100px);
      opacity :0.5;
  }
  100% {
      -webkit-transform: translateY(0px);
              transform: translateY(0px);
      opacity :1;
  }
}
/* .appendToRow .project-list :nth-child(1){
  padding-left: 0px;
} */

.img-fluid{
  width: 242px;
  /* background-color: grey; */
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 5px;
  cursor: pointer;
}

/* @media (max-width: 1280px) {
  .appendToRow  .project-list{
  
    padding: 20px 45px 20px 0px;
  }
  .img-fluid{
    width: 272px;
  }
  .projectshow .hor{
    height: 153px;
  }
  .projectshow .sqr{
    height: 272px;
  }
  .projectshow .ver{
    height: 483.56px;
  }
}

@media (max-width: 1024px) {
  .img-fluid{
    width: 284px;
  }
  .projectshow .hor{
    height: 159.75px;
  }
  .projectshow .sqr{
    height: 284px;
  }
  .projectshow .ver{
    height: 504.89px;
  }
} */

.row{
  margin: 0px;
}

/* 
@media (max-width: 450px) {
  .appendToRow {
  -webkit-column-count: 1;
  -moz-column-count: 1;
  column-count: 1;
  -webkit-column-width: 100%;
  -moz-column-width: 100%;
  column-width: 100%;
  }
  } */

  /* view-all sectio */
  .chose-video .videosize {
    width: 90%;
    display: inline-block;
}

.chose-video .videosize p {
  display: inline-block;
  font-size: 28px;
  font-weight: bold;
  padding-right: 40px;
}
.chose-video .videosize .cutomsize_btn {
  background-color: transparent;
  padding: 10px 20px 10px 20px;
  border: 2px solid #e9e9e9;
  color: #b8c2c8;
  font-size: 14px;
  font-family: 'PT Sans';
  border-radius: 5px;
}

.dashboard::after{
  display: block;
  content: "";
  clear: both;
}

.right_header::after{
  display: block;
  content: "";
  clear: both;
}
.customizedsize_section::after{
  display: block;
  content: "";
  clear: both;
}

.horizontal-images.content ul::after{
  display: block;
  content: "";
  clear: both;
}
.allprojectsection::after{
  display: block;
  content: "";
  clear: both;
}
.new-folders::after{
  display: block;
  content: "";
  clear: both;
}
.appendToRow::after{
  display: block;
  content: "";
  clear: both;
}


/* Project name block css hre */
.project-list .project_name{
    font-family:'PT Sans';
    font-size: 15px;
    width:100%;
    border:none; 
    padding: 0px;
    border-bottom: 1px dashed rgba(14,19,24,.25); 
    padding:0;
}

.project-list .projectname_block{
  padding-top: 5px;
  display: flex;
  align-items: center;
  max-width: 220px;
}

.project-list .edit_icon{
  visibility: hidden;
  cursor: pointer;
  background-image: url(https://static.animaker.com/icons/edit.svg);
  width:24px;
  height:24px;
  margin-left: auto;
}

.project-list .projectname_block:hover > .edit_icon{
  visibility: visible;
}
.project-list .projectname_block:hover > .projtitle{
  border-bottom: 1px dashed rgba(14,19,24,.25);
}
.projectname_block .projtitle{
  width: calc(242px - 24px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}


/* New ui for custopm size selection */
.dashboard_moment{
  cursor: pointer;
}
.dashboard_moment .container_size{
  /* background: #f8f9f9; */
  border-radius: 4px;
  display: flex;
  justify-content: center;
  height: 100%;
  overflow: hidden;
  position: relative;
  
}

.dashboard_moment .proimage_title{
  cursor: pointer;
  text-align: center;
  color: #54536c;
  font-size:14px;
}
.app_level_images a:hover .proimage_title {
  font-weight: 700;
}


.dashboard_moment a:hover,.dashboard_moment a:active,.dashboard_moment a:focus{
  cursor: pointer;
  text-decoration: none;
}

/* Teams css hree */

.show_team_plan .team_name{
  color: #54536c;
  font-weight: bold;
  font-family:'PT Sans';
  font-size: 26px;
  width:100%;
  border:none; 
  margin: 10px 0;
  text-align:left;
  border-bottom: 1px dashed rgba(14,19,24,.25); 
  padding:0;
}

.show_team_plan .projectname_block{
  padding-top: 5px;
  display: flex;
  align-items: center;
  padding-left: 14px;
  max-width: 300px;
}

.show_team_plan .edit_icon{
  visibility: hidden;
  cursor: pointer;
  background-image: url(https://static.animaker.com/icons/edit.svg);
  width: 32px;
  height: 32px;
  background-position: center;
  background-repeat: no-repeat;
}

.show_team_plan .projectname_block:hover > .edit_icon{
  visibility: visible;
}
.show_team_plan .projectname_block:hover > .teamtitle{
  border-bottom: 1px dashed rgba(14,19,24,.25);
}
.show_team_plan .projectname_block .teamtitle{
  color: #54536C;
  font-weight: 700;
  font-size: 22px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.showfolderdiv .new-folders .folder_icon{
  padding-right: 25px;
  width: 19px;
  height: 19px;
  float: left;
  background-image: url(	https://dev-static.animaker.com/img/sidebar/folder.png);
  background-position: center;
  background-size: 90% 100%;
  background-repeat: no-repeat;

 
}
.showfolderdiv .new-folders:hover >.folder_icon,.showfolderdiv .new-folders.this_selected >.folder_icon{
  width: 19px;
  height: 19px;
  float: left;
  background-image: url(https://dev-static.animaker.com/img/sidebar/folder.png);
  background-position: center;
  background-size: 90% 100%;
  background-repeat: no-repeat;
}


@media only screen and (min-width: 1300px) {

    .col-xl-4{
      width: 600px;
    }
}

/* @media only screen and (max-width: 1500px) {
  .upgrade_model {
    width: 500px;
    height: 500px;
}
.upgrade_model .new-modal-header {
  height: 200px;
}
.anim-new-modal .new-modal-body {
  padding: 2% 7%;
  transform: translateY(-11%);
}
.upgrade_model .modal-body-text {
  font-size:25px;
}
.upgrade_model .modal-body-text2 {
  font-size: 18px;
}
.plan_type_bar{
  width: 160px;
    height: 35px;
}
.plan_type_bar .monthly_plan_button{
  width: 80px;
}
.plan_type_bar .monthly_plan_button p{
  font-size: 15px;
}
.plan-details {
  padding: 2% 0 3% 0;
}
.plan-details .plan-type1{
  width: 230px;
  height: 170px;
}
.plan-details .plan-title {
  font-size: 23px;
}
.plan-details .plan-price{
  font-size:40px;
}
.billed-yearly{
  font-size:16px;
}
.plan-details .plan-type2{
    width: 230px;
    height: 170px;
}
.updrade-now {
  padding: 3% 0 3% 0;
}
.updrade-now .upgrade-now-btn {
  padding: 1% 30%;
  font-size:25px;
}
.manage-members{
  font-size: 18px;
}
.note-description{
  font-size:13px;
}
.upgrade_model .new-modal-header {
  padding: 20px 0 0 0;
}
} */

/* classes to show and hide credit card and default credit card details in payment popup */                                                                   

.card-contents{
  display: block;
}
.default-card-details{
  display: none;
  font-size: 21px;

}

.lds-animaker-overlay{
  display: none;
  height: 100%;
  width: 100%;
  position: fixed;
  background-color: rgba(0,0,0,0.25);
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 99997;
}
.lds-animaker {
display: inline-block;
position: relative;
width: 64px;
height: 64px;
}
.lds-animaker div {
display: inline-block;
position: absolute;
left: 6px;
width: 13px;
background:olive;
animation: lds-animaker 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
.lds-animaker div:nth-child(1) {
left: 6px;
animation-delay: -0.24s;
}
.lds-animaker div:nth-child(2) {
left: 26px;
animation-delay: -0.12s;
}
.lds-animaker div:nth-child(3) {
left: 45px;
animation-delay: 0;
}
@keyframes lds-animaker {
0% {
  top: 6px;
  height: 51px;
}
50%, 100% {
  top: 19px;
  height: 26px;
}
}




/* Facebook cssnew */

.facebookAcntOptions{
    width: 100%;
    height: 50px;
    padding-left: 50px;
    color: #54536c;
    border: 1px solid rgba(14,19,24,.2);
    border-radius: 5px;
    font-size: 18px;
    font-weight: 700;
}


/* Notifications box showup */

.Notification_popupbar , .team_change_success{
  display:none;
  min-width: 350px;
  max-width: 500px;
  position: fixed;
  right: 100px;
  bottom: 20px;
  background-color: #333333;
  z-index: 99999;
  border-radius: 5px;
}

/* security popup css */
.deleteteammember_popup {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.6);
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
  overflow-x: hidden;
  overflow-y: auto;
}
.deleteteammember_popup .deleteteammember_dialog {
  width: 600px;
  position: relative;
  top: 25%;
  margin: 0 auto;
  background-color: #ffffff;
  border-radius: 8px;
}
.deleteteammember_popup .closeDelete {
  float: right;
  background-image: url(https://static.animaker.com/icons/clear_normal.svg);
  width: 18px;
  height: 18px;
  cursor: pointer;
}
.deleteteammember_popup .closeDelete:hover{
  float: right;
  background-image: url(https://static.animaker.com/icons/clear.svg);
  width: 18px;
  height: 18px;
  cursor: pointer;
}

.deleteteammember_popup .deleteteammember_body {
  padding: 20px 80px;
}
.deleteteammember_popup .menu-btns{margin:30px 0;}

.team_security_button{
  text-align: center;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
} 


.template_hover_content .editproject_click, .template_hover_content .previewPresent_click, .template_hover_content .preview_click, .template_hover_content .duplicate_click, .template_hover_content .movetofile_click, .template_hover_content .share_click, .template_hover_content .export_click, .template_hover_content .delete_click{
    display: flex;
    align-items: center;
}



.projectMenuEdit{
  background-image: url(https://static.animaker.com/icons/projectMenu/edit.svg);
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
}
.projectMenuPlay{
  background-image: url(https://static.animaker.com/icons/projectMenu/play.svg);
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
}
.projectMenuPresentation{
  background-image: url(https://static.animaker.com/icons/projectMenu/presentation.svg);
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
}
.projectMenuDuplicate{
  background-image: url(https://static.animaker.com/icons/projectMenu/duplicate.svg);
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
}
.projectMenuMoveto{
  background-image: url(https://static.animaker.com/icons/projectMenu/moveto.svg);
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
}
.projectMenuShare{
  background-image: url(https://static.animaker.com/icons/projectMenu/share.svg);
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
}
.projectMenuPublish{
  background-image: url(https://static.animaker.com/icons/projectMenu/publish.svg);
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
}
.projectMenuDelete{
  background-image: url(https://static.animaker.com/icons/projectMenu/delete.svg);
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
}

/* Create Team  */

.create_team_popup, .deleteproject_popup , .changecurrentplan_popup{
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.8);
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
  overflow-x: hidden;
  overflow-y: auto;
}
.create_team_popup .member_dialog, .deleteproject_popup .deleteproject_dialog{
  width: 450px;
  position: relative;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  background-color: #ffffff;
  border-radius: 8px;
}
.create_team_popup .create_popup_close , .deleteproject_popup .closeDeleteProject ,.deleteproject_popup .deleteTeamclose{
  float: right;
  background-image: url(https://static.animaker.com/icons/clear_normal.svg);
  width: 18px;
  height: 18px;
  cursor:pointer;
}

.create_team_popup .create_popup_close:hover ,.deleteproject_popup .closeDeleteProject:hover ,.deleteproject_popup .deleteTeamclose:hover{
  float: right;
  background-image: url(https://static.animaker.com/icons/clear.svg);
   width: 18px;
  height: 18px;
  cursor: pointer;
}

.custom-header, .create_team_popup .member_top{
  padding:5px;

}

.create_team_popup .create_team_body , .deleteproject_popup .deleteproject_body{
  padding: 20px 25px 40px 25px;
}

.create_team_body h1, .deleteproject_body h1{
  margin-top: 0px;
  text-align: center;
  color: #54536c;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
}
.create_team_body .cancelButton,.deleteproject_body .cancelButton{
  width: 100%;
  font-size: 18px;
  text-align: center;
  padding: 6px 12px;
  font-family: 'Pt Sans';
  color: #54536c;
  background-color: transparent;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.create_team_body .cancelButton:hover,.deleteproject_body .cancelButton:hover{
  background-color: #e6e6e6;
  border-color: #adadad;
}
.create_team_body .confirmButton,.deleteproject_body .confirmButton{
  width: 100%;
  font-size: 18px;
  text-align: center;
  padding: 6px 12px;
  font-family: 'Pt Sans';
  color: #fff;
  background-color: #d9534f;
  border:1px solid #d9534f;
  border-radius: 4px;
}
.create_team_body .confirmButton{
  background-image: linear-gradient(to right, #503df9, #9e52f7);
  border:1px solid #9e52f7;
  opacity: 0.8;
}
.create_team_body .confirmButton:hover{
  background: #FFCA00;
  border:1px solid #FFCA00;
  opacity: 1;
}
.deleteproject_body .confirmButton:hover {
  background-color: #c9302c;
  border: 1px solid #c9302c;
}
.create_team_body .buttonAlign, .deleteproject_body .buttonAlign{
  text-align: right;
}

#deleteTeam_popup .teamDeleteDescriptionblock{
  padding: 15px;
}
#deleteTeam_popup .teamDeleteDescriptionblock .deleteComment{
  width: 100%;
  font-size: 18px;
  color: #54536C;
  border-radius: 4px;
  border: 1px solid rgba(14,19,24,.2);
  padding: 10px;
}


/* Mycharacter css here */

.content {
  position: relative;
  padding-top: 20px;
  width: 100%;
  max-width: 100%;
  height: auto;
  overflow-y: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.horizontal-imagesizes.content ul {
  margin: 0;
  padding: 15px 0px;
  list-style: none;

}
.horizontal-imagesizes.content ul li{
  display: inline-block;
}

.show_collection_moveto_folder_data ul li span .folder-icon{
  height: 20px;
  width: 20px;
  display: inline-block;
  float: left;
  margin-right: 10px;
  background-image: url(https://static.animaker.com/icons/defaultfoldericon.svg);
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
}



.show_collection_moveto_folder_data ul li span .right-arrow{
  height: 20px;
  width: 20px;
  display: inline-block;
  float: right;
  margin-right: 10px;
  background-image: url(https://static.animaker.com/icons/front.png);
  background-position: center;
  background-size: 80%;
  background-repeat: no-repeat;
  transition: 0.15s ease all;
}
.show_collection_moveto_folder_data ul .selected_active_move_fold .right-arrow{
  
  background-image: url(https://static.animaker.com/icons/front-white.png);

}

.show_collection_moveto_folder_data ul .selected_active_move_fold{
  color: #2d2d2d;
}

.apps_videos_section .app_level_images .app_icon_images{
  width:80px;
  height:80px;
}

.apps_videos_section .app_level_images{
  text-align: center;
  display: inline-block;
  cursor: pointer;
  margin-right:25px;
}

.Facebook-video_section .hiddenfile {
  width: 0px;
  height: 0px;
  overflow: hidden;
}

.start_with_section #slidelefticon{
    display: none;
    background-image: url(https://static.animaker.com/icons/slideleft.svg);
    width: 32px;
    height: 32px;
    cursor: pointer;
    z-index: 9999;
}
.start_with_section #sliderighticon{
    background-image: url(https://static.animaker.com/icons/slideright.svg);
    width: 32px;
    height: 32px;
    cursor: pointer;
    z-index: 9999;
}

.videoselection_section .dashboard_moment:hover, .view_all_section .dashboard_moment:hover {
  transition: 0.25s;
  transform: scale(1.05);
 
}
.dashboard_moment .proimage_title:hover{
  font-weight:700;
}
.dashboard_moment a:hover >.proimage_title{
  font-weight:700;
}

.dashboard_moment:hover .container_size{
    box-shadow: 0 0 10px rgba(0,0,0,0.15);
  -moz-box-shadow: 0 0 10px rgba(0,0,0,0.15);
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.15);
  -o-box-shadow: 0 0 10px rgba(0,0,0,0.15);
}

.start_with_section .horizontal-images{
  display: flex;
  align-items: flex-end;
}

#viewallstartdesttransupdate{
  white-space: nowrap;overflow-x:auto;overflow-y:hidden;
  padding: 15px 0;
}

#viewallstartdesttransupdate::-webkit-scrollbar {display:none;}

/* MyCharacter End */

/* Common CSS here */

.project-list .projectshow{
  position: relative;
  border-radius: 5px;
}

.search-header-result{padding: 7px 7px 4px 30px; cursor: pointer;}
.search-header-result span{padding-left:30px;}

.search-header-result.selected{
      background-color: #eeee;
      border-left: 3px solid #ffc524;
      padding-left:27px !important;
}

.download_popup_content .download_top .download_popup_close, .paydwnld_popup_content .paydwnld_top .paydwnld_popup_close, .createfolder_dialog .createfolder_top .createfolder_popup_close, .renamefolderpopup .renamefolder_popup_close, .movetofolder_popup_close , #change_password_block .change_pswd_content .close_customsize{
  float: right;
  background-image: url(https://static.animaker.com/icons/clear_normal.svg);
  width: 18px;
  height: 18px;
  cursor: pointer;
}
.download_popup_content .download_top .download_popup_close:hover, .paydwnld_popup_content .paydwnld_top .paydwnld_popup_close:hover, .createfolder_dialog .createfolder_top .createfolder_popup_close:hover, .renamefolderpopup .renamefolder_popup_close:hover, .movetofolder_popup_close:hover, #change_password_block .change_pswd_content .close_customsize:hover{

  background-image: url(https://static.animaker.com/icons/clear.svg);

}


.download_opt .down_arrow, .filetype_opt .down_arrow, .socialExportOpted .down_arrow{
  background-image: url(https://static.animaker.com/icons/down-arrow.svg);
  position: absolute;
  top: 13px;
  right: 15px;
  width: 15px;
  height: 15px;
  cursor: pointer;

  }
.selected_dwnld .select_check, .selected_filetype .select_check, .selectedSocialExportOpt .select_check{
  background-image: url(https://static.animaker.com/icons/Tick.svg);
  position: absolute;
  top: 10px;
  right: 15px;
  width: 24px;
  height: 24px;

  }
.downloadoptions_dropdown_block .growthExpUpgrade, .socialExportDropdownList .growthExpUpgrade{
  background-image: url(https://static.animaker.com/icons/growth_star.svg);
  position: absolute;
  top: 10px;
  right: 15px;
  width: 24px;
  height: 24px;
}
.downloadoptions_dropdown_block .enterpriseExpUpgrade, .socialExportDropdownList .enterpriseExpUpgrade{
  background-image: url(https://static.animaker.com/icons/business_star.svg);
  position: absolute;
  top: 10px;
  right: 15px;
  width: 24px;
  height: 24px;
}

.search_input_share #clear_search{
  background-image: url(https://static.animaker.com/icons/clear.svg);
  position: absolute;
  top: 21px;
  right: 14px;
  width: 20px;
  height: 20px;
  cursor:pointer;
}

.template_header .search_box #clear_search{
  display: none;
  background-image: url(https://static.animaker.com/icons/clear.svg);
  position: absolute;
  top: 13px;
  right: 10px;
  width: 18px;
  height: 18px;
  cursor:pointer;
  z-index: 99;
}


.share_popup_content .share_popup_close{
  float: right;
  background-image: url(https://static.animaker.com/icons/clear_normal.svg);
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.share_popup_content .share_popup_close:hover, .updateCard_model .close, .addmember_model .close {

  background-image: url(https://static.animaker.com/icons/clear.svg);

}

.share_body .share_dropdown .down_arrow{
  background-image: url(https://static.animaker.com/icons/down-arrow.svg);
  width: 15px;
  height: 15px;
  position: absolute;
  float: right;
  top: 4px;
  cursor: pointer;
} 

.shared_people_data .shared_people_edit span{
  padding-right: 5px;
  font-size: 15px;
}

.facebookSwitchAcnt .down_arrow{
  background-image: url(https://static.animaker.com/icons/down-arrow.svg);
  width: 15px;
  height: 15px;
  position: relative;
  float: right;
  top: 4px;
  cursor: pointer;
}

.facebookSwitchAcnt .down_arrow{
  position: absolute;
  background-image: url(https://static.animaker.com/icons/down-arrow.svg);
  top: 13px;
  right: 15px;
  width: 18px;
  height: 18px;
  cursor: pointer;
}
.menu-can-edit-icon{
  cursor: pointer;
}
.shared_name .close_name{
  background-image: url(https://static.animaker.com/icons/remove.svg);
  position: relative;
  top:3px;
  cursor: pointer;
  display: inline-block;
  height: 15px;
  width: 15px;
  margin-left: 7px;
}
.share_footer .view_edit_section .down_arrow{
  background-image: url(https://static.animaker.com/icons/down-arrow.svg);
  width: 15px;
  height: 15px;
  position: relative;
  float: right;
  left: 3px;
  top: 3px;
} 
.shared_people_remove, #view_edit_section{
  cursor: pointer;
}

.paydwnld_body .cc_icon{
  position: absolute;
  top: 10px;
  left: 15px;
  background-image: url(https://static.animaker.com/icons/creditcardicon.svg);
  width: 24px;
  height: 24px;
}
.paydwnld_body .cc_expiry_icon{
  background-image: url(https://static.animaker.com/icons/calendericon.svg);
  position: absolute;
  top: 10px;
  left: 15px;
  width: 24px;
  height: 24px;
}
.paydwnld_body .cc_cvv_icon{
  background-image: url(https://static.animaker.com/icons/cardcvvicon.svg);
  position: absolute;
  top: 10px;
  left: 15px;
  width: 24px;
  height: 24px;
}

.downloadoptions_dropdown_block .downloadoptions_dropdown_list .drop_inner .dwnld_para .dwnldmoretext, .socialExportOptDropdownBlock .socialExportDropdownList .drop_inner .dwnld_para .socialOptMoreText{
  font-size: 12px;
  background:#4f5e5e;
  color:#fff;
}



/* Account settings css here */

.account_settings_block .profile_edit_section .user_icon, .billing_block .user_billing_add .username_icon {
  background-image: url(https://static.animaker.com/icons/name.svg);
  position: absolute;
  top: 13px;
  left: 15px;
  width: 24px;
  height: 24px;
}

.account_settings_block .profile_edit_section .company_icon, .billing_block .user_billing_add .company_icon{
  background-image: url(https://static.animaker.com/icons/company.svg);
  position: absolute;
  top: 13px;
  left: 15px;
  width: 24px;
  height: 24px;
}

.account_settings_block .profile_edit_section .location_icon , .billing_block .user_billing_add .locate_icon{
  background-image: url(https://static.animaker.com/icons/location.svg);
  position: absolute;
  top: 13px;
  left: 15px;
  width: 24px;
  height: 24px;
}
.account_settings_block .profile_edit_section .profession_icon{
    background-image: url(https://static.animaker.com/icons/profession.svg);
    position: absolute;
    top: 13px;
    left: 15px;
    width: 24px;
    height: 24px;
}

.account_settings_block .user_acoount_details .email_icon , .billing_block .user_billing_add .email_icon{
  background-image: url(https://static.animaker.com/icons/email-icon.svg);
  position: absolute;
  top: 14px;
  left: 15px;
  width: 24px;
  height: 24px;
}

#change_email_block .email_details .email_icon{
  background-image: url(https://static.animaker.com/icons/email-icon.svg);
  position: absolute;
  top: 11px;
  left: 15px;
  width: 24px;
  height: 24px;
}
.account_settings_block .user_acoount_details .passwordlock_icon{
  background-image: url(https://static.animaker.com/icons/lock.svg);
  position: absolute;
  top: 14px;
  left: 15px;
  width: 24px;
  height: 24px;
}

.acntauthentication_block .web_icon{
  background-image: url(https://static.animaker.com/icons/web.svg);
  position: absolute;
  top: 13px;
  left: 12px;
  width: 24px;
  height: 24px;
}
.acntauthentication_block .lock_icon{
  background-image: url(https://static.animaker.com/icons/lock.svg);
  position: absolute;
  top: 13px;
  left: 12px;
  width: 24px;
  height: 24px;
}

#change_password_block .change_pswd_content .passwordlock_icon{
  background-image: url(https://static.animaker.com/icons/lock.svg);
  position: absolute;
  top: 10px;
  left: 15px;
  width: 24px;
  height: 24px;
}

.account_settings_block .profile_edit_section .down_arrow , .account_settings_block .user_acoount_details .down_arrow {
  background-image: url(https://static.animaker.com/icons/down-arrow.svg);
  position: absolute;
  top: 16px;
  right: 15px;
  width: 15px;
  height: 15px;
  cursor: pointer;
}

.account_settings_block .profile_edit_section{
  width: 100%;
  padding-top: 70px;
}

.account_settings_block .profile_edit_section #preview_image{
  cursor: pointer;
  width: 100%;
  height: 100%;
  border-radius: 6px;
  box-shadow: 0 0 10px rgba(0,0,0,0.15);
  -moz-box-shadow: 0 0 10px rgba(0,0,0,0.15);
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.15);
  -o-box-shadow: 0 0 10px rgba(0,0,0,0.15);

}

.account_settings_block .profile_edit_section .save_profiledetails{
  margin-top: 30px;
  font-size: 15px;
  color: #ffffff;
  background-image: linear-gradient(to right, #503df9, #9e52f7);
  border-radius: 5px;
  padding: 6px 30px;
  border: none;
  opacity:0.8;
}
.account_settings_block .profile_edit_section .save_profiledetails:hover{
  background: #FFCA00;
  opacity: 1;
}

.acntauthentication_block .two_factor_tip{
  height: 18px;
  width: 18px;
  text-align: center;
  font-family: 'PT Sans';
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  background-color: #F1821F;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  cursor: pointer;
}


.acntauthentication_block .tooltiptext {
  visibility: hidden;
  /* width: 350px; */
  padding: 20px;
  background-color:#333333;
  color: #fff;
  text-align: start;
  border-radius: 4px;
  position: absolute;
  z-index: 9;
  top: -142px;
  left: 30px;
}

.acntauthentication_block .tooltiptext::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 100%;
  margin-top: -10px;
  border-width: 10px;
  border-style: solid;
  border-color: transparent #333333 transparent transparent;
}
.two_factor_tip:hover ~ .tooltiptext {
  visibility: visible;
}

.acntauthentication_block .tooltiptext h1{
  margin: 0;
  font-size: 18px;
  color: #ffc524;
  font-weight: normal;
  text-align: center;
  line-height: 1.6;
}
.acntauthentication_block .tooltiptext div{
  padding: 5px 0px;
  width: max-content;
}
.acntauthentication_block .tooltiptext div span{
  display:inline-block;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.6;
}
.acntauthentication_block .tooltiptext div span:first-child{
  float: left;
  padding-right: 10px;
}

.account_settings_block #change_prof_pic{
  display: none;
  position: absolute;
  bottom: 0px;
  border-radius: 0px 0px 6px 6px;
  width: 125px;
  color: #ffffff;
  background-color: rgba(0, 0,0,0.2);
  padding: 5px 0px;
  font-size: 15px;
  font-weight: 700;
  font-family: 'PT Sans';
  text-align: center;
  border: none
}


#nav-tabContent .col-lg-6 ,#nav-tabContent .col-md-6 ,#nav-tabContent .col-sm-12 ,#nav-tabContent .col-lg-4 ,#nav-tabContent .col-md-4,#nav-tabContent .col-sm-8{
  padding-left: 0px;
  padding-right: 0px;
}

/* Toggle css here */

.account_settings_block .switch , .acntauthentication_block .switch{
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.account_settings_block .switch input , .acntauthentication_block .switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.account_settings_block .slider , .acntauthentication_block .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.account_settings_block .slider:before , .acntauthentication_block .slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
    background-image: linear-gradient(to right, #503df9, #9e52f7);
    opacity:0.8;
}

input:focus + .slider {
  box-shadow: 0 0 1px linear-gradient(to right, #503df9, #9e52f7);
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.account_settings_block .slider.round , .acntauthentication_block .slider.round {
  border-radius: 34px;
}

.account_settings_block .slider.round:before , .acntauthentication_block .slider.round:before {
  border-radius: 50%;
}


/* Account settings notification block */

.success_popup_close {
  float: right;
  background-image: url(https://static.animaker.com/icons/close-icon.svg);
  width: 15px;
  height: 15px;
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 6px;
}
.success_popup_close:hover{
  background-image: url(https://static.animaker.com/icons/close-icon-hover.svg);
}

/* End of Account settings */


/* Myplans css here */

.myplans_block .pad-30{padding:0;}

.myplans_block .swith_to_enterprise{
    
}
.myplans_block .swith_to_enterprise p{
  display:inline-block;
  color: #B4C1C8;
  font-size: 15px;
}

.myplans_block .contact_text{
    font-size: 15px;
    color: #7859D0;
    text-decoration:underline;
    float:right;
    cursor:pointer;
}

.billing_block .billing_details .ccard_icon{
  background-image: url(https://static.animaker.com/icons/creditcardicon.svg);
  position: absolute;
  top: 14px;
  left: 15px;
  width: 24px;
  height: 24px;
}

.billing_block .billing_details .creditcard_add_btn1{
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 16px;
  color: white;
  background-image: linear-gradient(to right, #503df9, #9e52f7);
  opacity: 0.8;
  border-radius: 5px;
  padding: 4px 20px;
  text-decoration: none;

}

  /* Invoice css */

.billing_details .invoice_details{
    position: relative;
    width: 100%;
    height: 50px;
    /* padding-left: 50px; */
    /* border: 1px solid black; */
    border-radius: 5px;
    font-size: 16px;
    /* background: #EBECF0; */
    color: #928f8f;
}
.billing_details #userinvoicedetails_closebtn{
  cursor: pointer;
  color: #54536E;
  font-size: 14px;
}
.billing_details .invoicegenerate{
    cursor: pointer;
    top: 10px;
    right: 10px;
    font-size: 16px;
    color: white;
    background-image: linear-gradient(to right, #503df9, #9e52f7);
    opacity: 0.8;
    border-radius: 5px;
    padding: 7px 20px;
    text-decoration: none;
}
.billing_details .invoicegenerate:hover{
    background: #FFCA00;
    opacity: 1;
    color: #fff;
    border: 1px solid #ffca00;
}

.billing_details .invoicedownloadbtn{
  float: right;
  display: inline-block;
  cursor: pointer;
  text-decoration: underline;
  color: #A772F9;
  font-size: 14px;
  background: transparent;
  border: none;
}
.billing_details .invoicedownloadbtn:hover{
  color: #ffc524;
}

.billing_details .invoice_details .invoicemonth{
    margin: 10px 0;
}
.billing_details .invoice_details .invoiceyear{
    margin: 10px 30px;
}

.billing_details a{
    text-decoration: none;
}
.billing_details  table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
    border-radius: 4px;
    border: 1px solid #F4F4F4;
    font-size: 14px;
}

.billing_details td, .billing_details th {
    /* border: 1px solid #dddddd; */
    text-align: left;
    padding: 8px;
    font-size:15px;
}
.billing_details tr:nth-child(1), .billing_details tr:last-child{
  background: #EBECF0;
}

.billing_details tr td{
  border-right: 1px solid #F4F4F4;
}

.billing_details tr:last-child td{
  border: none;
}
.billing_details tr th:nth-child(2),.billing_details tr th:nth-child(3) , .billing_details tr td:nth-child(2),.billing_details tr td:nth-child(3){
  text-align: center;
} 

.billing_details tr td span{
  color: #9F9F9F;
}


/*** update credit card popup css ****/

.updateCard_model {width: 600px;
  background-image: url(https://static.animaker.com/imagesizes/login-pattern.svg);
  background-position: bottom;
  overflow: hidden;
  /* background-size: ; */
  background-size: contain;
  background-repeat: no-repeat;
  border-radius: 8px;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}
.updateCard_model .new-modal-header{padding: 24px 0 0 0;text-align: center;background-image: linear-gradient(to right, #a07ceb,#7f6fec);height: 80px;position: relative;}
.updateCard_model .modal-body-text {font-size: 24px;color: #fff;}
.updateCard_model .close, .addmember_model .close{background-image: url(https://static.animaker.com/icons/clear_normal.svg);width: 18px;height: 18px;opacity:1;right: 5px;position: absolute;top: 5px;}
.updateCard_model .new-modal-body{
  padding: 3% 8%;
  border-bottom: 0px solid #e6e6e6;
  width: 100%;
  height: 100%;
}
.updateCard_model .total_cost_purchase {
  padding: 15px 0;
}
.updateCard_model .updrade-now {
  padding: 3% 0 3% 0;
}
.updateCard_model .upgrade-now-btn:hover{
  background: #FFCA00;opacity: 1;
}

/* End of Myplans */


/* Moments css here */

.template_header{
  width: 100%;
  height: 240px;
}

.template_header .top_area{
  padding: 20px 20px 10px 20px;
  border-bottom: 2px solid #F8F8F8;
}

.template_header .top_area .logo_area{
  display: inline-block;
}

.template_header .top_area .logo_content{  
  float: right;
  padding:10px 0;
}

.template_header .top_area .logo_content a{
text-decoration: none;
color: #54536c;
font-family: Pt sans;
font-size: 18px;
font-weight:bolder;
}


.template_header .choose_template_structure h1{
  text-align: center;
  color: #2D2D2D;
  font-family: Pt sans;
  font-size: 32px;
  font-weight: bold;
  padding-top: 60px;
}

.template_header .search_box{
  position: relative;
  padding-bottom: 5px;
  margin: 0 auto;
  width: 70%;
  margin-top:35px;
  max-width:800px;
}

.template_header .search_box .search_key{
  /* background-color: #E8E2FA; */
  /* width: calc(100% - 50px); */
  width: 100%;
  height: 45px;
  border-radius: 5px;
  padding: 12px 0px 10px 70px;
  font-family: Pt sans;
  font-size: 18px;
  font-weight: bold;
  border: 0;
  /* border-bottom: 1px solid #EBEBEB; */
  border: 1px solid #F5F5F5;
  box-shadow: 0px 0px 10px #00000014;
 
}

.template_header .search_box #search_template_video{
  background-image: url(https://static.animaker.com/icons/searchicon.svg);
  position: absolute;
  top:13px;
  left: 10px;
  width: 20px;
  height: 20px;
}

.moment_main_block .template_thumnail{
  border-radius: 5px;
  width: 100%;
  height: 100%;
} 

.moment_main_block .single_video_wrapper{
  width: 380px;
}

.templates_body_videos .moment_main_block{
     float: left;
     display:inline-block;
     padding: 10px;
     border-radius: 5px;
}
.templates_body_videos .moment_main_block_inside{
  cursor: pointer;
}

.templates_body_videos .moment_main_block .single_video{
  position: relative;
  display: block;
  cursor: pointer;
  border: 1px solid #545454;
  border-radius:5px;
  width: 100%;
  height: 100%;
}

.moment_main_block .template_title{
  width: 380px; 
  padding-top: 10px;
  margin: 0;
  font-size: 16px;
  overflow: hidden; 
  white-space: nowrap; 
  text-overflow: ellipsis;
}

.search_box #search_dropdown_block{
  display: none;
  /* max-height: 300px; */
  width: 100%;
  /* box-shadow: 0 0 10px rgba(0,0,0,0.10); */
  box-shadow: 0 10px 10px 2px rgba(0,0,0,0.05);
  /* overflow: auto; */
  position: absolute;
  background-color: #fff;
  color: #54536C;
  text-align: left;
  z-index: 2;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top: 1px solid rgb(235, 235, 235);
}

#search_dropdown_block p{
  font-size:14px;
  color:rgba(14,19,24,.50);
  padding-left: 20px;
  border-left: 6px solid #fff;
 }
 
 .userSuggested_categoryslist {
    padding: 5px 0px;
    color: #54536C;
    max-height: 300px;
    overflow: auto;
    margin-right: 7px;
    border-radius:5px;
 }
 .userrecentSuggestion_categoryslist{
    padding: 5px 0px;
    color: #54536C;
 }
 .userSuggested_categoryslist .usersuggestions_category , .userSuggested_categoryslist .userrecentsuggestions_category{
     display: block;
     border: none;
     background-color: transparent;
     width: 100%;
     text-align: left;
     padding: 5px 20px;
     border-left: 6px solid #fff;
     font-size: 15px;
 }
 .userSuggested_categoryslist .usersuggestions_category:hover , .userrecentsuggestions_category:hover,.activesuggestionkey{
     background-color:rgba(0,0,0,0.05);
     background-color: #EAEBEF;
     border-left: 6px solid #FFC101;
 }
/* .template_header .search_box #search_dropdown_block_no_result{
 display:none;
 box-shadow: 0 0 10px rgba(0,0,0,0.10);
  overflow: auto;
  position: relative;
  z-index: 2;
} */

.template_header .search_box .search_dropdown_list{
  width: 100%;
  top: 0;
  background-color: #ffffff;
  padding: 11px 0px;
}
.template_header .search_box .search_drop_inner{
  padding-left:30px;
  font-size: 18px;
  color: #565468;
}

.template_header .search_box .search_dropdown_list.sharedrop.selected{
  background-color: #eeee;
  border-left: 3px solid #ffc524;
}

.videos_wrap .animate-delay{
  opacity :0;
}
.videos_wrap .animate-delay.animate-slide-up{
  -webkit-animation: slide-top 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  animation: slide-top 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@keyframes slide-top {
  0% {
      -webkit-transform: translatex(100px);
              transform: translatex(100px);
      opacity :0.5;
  }
  100% {
      -webkit-transform: translateY(0px);
              transform: translateY(0px);
      opacity :1;
  }
}

.videos_preview_wrap .moment_main_block .single_video{
  background-color: rgba(0, 0, 0, 0.025);
}
/* .videos_preview_wrap .animate-delay{
  opacity :0;
}
.videos_preview_wrap .animate-delay.animate-slide-up{
  -webkit-animation:animatemoments 5s infinite alternate;
  animation: animatemoments 5s infinite alternate;
  position: relative;
}
@keyframes animatemoments {
  0% { right: 10%;opacity :1;}
  100%{ right : 90%;opacity :1;}
} */

.template_header .search_box .search_key::-webkit-credentials-auto-fill-button {
  visibility: hidden;
}

/* .stockvid_progress_bar{
  position: absolute;
  background: #f2bd18;
  width: 0%;
  height: 3px;
  bottom: 0px;
  border-bottom-left-radius: 25px;
} */

/* My teams css here */

.invite-team-section .share_box{
  position: relative;
  width: 600px;
  min-height: 50px;
  display: inline-block;
  border: 1px solid rgba(14,19,24,.2);
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin:15px 0;
}
.invite-team-section .share_box:hover{
  border:1px solid #FFCA00;
}
.invite-team-section .share_box:focus-within{
  border: 1px solid rgba(14,19,24,.45);
}

.invite-cursor-change{
  cursor:auto;
}
.invite-cursor-change .invite-people-btn:hover{background: #FFCA00;opacity: 1;}
.invite-team-section .share_box .email-id{
  width: 100%;
  font-size: 18px;
  border: 0px;
  display: inline-block;
  padding: 10px;
  padding-left: 60px;
  cursor: pointer;
}
.invite-team-section .share_box .email-id::-webkit-input-placeholder {
  font-weight: 500;
  color: #E1E1E1;
  font-size:18px;
}
.invite-team-section .share_box .email-id::-moz-placeholder {
  font-weight: 500;
  color: #E1E1E1;
  font-size:18px;
}
.invite-team-section .share_box .email-id::-ms-input-placeholder {
  font-weight: 500;
  color: #E1E1E1;
  font-size:18px;
}
.invite-team-section .share_box .email_icon{
  background-image: url(https://static.animaker.com/icons/email-icon.svg);
  position: absolute;
  top: 12px;
  left: 15px;
  width: 28px;
  height: 28px;
}
.invite-team-section .share_dropdown{
  position: relative;
  width: 30%;
  padding: 16px 0px;
  cursor:pointer;

}
.invite-team-section .down_arrow{
  background-image: url(https://static.animaker.com/icons/team_arrow.svg);
  width: 20px;
  height: 20px;
  position: absolute;
  float: right;
  top: 3px;

}
.invite-team-section .share_dropdown_block {
  display: none;
  position: absolute;
  width: 100%;
  top: 0;
  background-color: #ffffff;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0,0,0,0.10);
  -moz-box-shadow: 0 0 10px rgba(0,0,0,0.10);
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.10);
  -o-box-shadow: 0 0 10px rgba(0,0,0,0.10);
  padding: 0;
  z-index: 2;
}
.team-members-display-section{
  margin:65px 0;
}

.invite-team-section .share_dropdown .text{
  color: #54536c;
  font-weight: 500;
  font-size: 18px;
}
.invite-team-section .emailInvites .share_dropdown .text{
  font-size: 16px;
}

.team-members-display-section .role-info{
  border: 1px solid lightgrey;
  border-radius: 5px;
  width: 120px;
  margin: 0;
  text-align: left;
  padding-left: 8px;
  cursor:pointer;
  padding: 2px 6px 2px 10px;
  color: #54536c;
}
.team-members-display-section .role-info.role-owner{
  border: none;
  border-radius: none;
  width: 100px;
  padding-left: 0px;
  color: #B8C4CA;
} 
.team-members-display-section .info-div{
  display: inline-block;
  vertical-align: top;
  margin-left: 20px;
  position:relative;
}

.team-members-display-section .role-name{
  font-size:15px;
}
.team-members-display-section .role-info .down-arrow{
  background-image: url(https://static.animaker.com/icons/down-arrow.svg);
  width: 15px;
  height: 15px;
  position: relative;
  float: right;
  top: 2px;
}
.team-members-display-section .role_info_block{
  display: none;
  width: 100px;
  position:absolute;
  top: 34px;
  background-color: #ffffff;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0.5,0.5,0,0.50);
  -moz-box-shadow: 0 0 10px rgba(0.5,0.5,0,0.50);
  -webkit-box-shadow: 0 0 10px rgba(0.5,0.5,0,0.50);
  -o-box-shadow: 0 0 10px rgba(0.5,0.5,0,0.50);
  padding: 5px 0px;
  z-index: 2;
}
.team-members-display-section .role_info_list{
  padding: 5px 20px;
  cursor: pointer;
  font-size: 15px;
  color: #B8C4CA;
  text-align:left;
}

.team-members-display-section .role_info_list:hover{
  background-color: #eeee;
  border-left: 3px solid #ffc524;
  font-weight:bold;
  color:#000;
  padding-left:17px !important;
}

.invite-team-section .addinvitemail{
  float:right;
  cursor: pointer;
  color:#747474;
  font-size:16px;
}
.invite-team-section .addinvitemail:hover{
  color: #54536c;
}

.deleteteammember_popup .buttonAlign{text-align:right;}
.deleteteammember_popup #delete_no,.deleteteammember_popup #delete_yes{padding: 5px 30px;}
.deleteteammember_popup .deleteteammember_body .udelyes{text-align:center;font-weight: bold;line-height: 1.5;}

/****  styles for Add new member popup *****/

.addmember_model {
  width: 600px;
  /* height: 420px; */
  background-image: url(https://static.animaker.com/imagesizes/login-pattern.svg);
  background-position: bottom;
  overflow: hidden;
  background-size: contain;
  background-repeat: no-repeat;
  border-radius: 8px;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}
.addmember_model .new-modal-header{padding: 24px 0 0 0;text-align: center;background-image: linear-gradient(to right, #a07ceb,#7f6fec);height: 80px;position: relative;}
.addmember_model .modal-body-text {font-size: 24px;color: #fff;}

.addmember_model .new-modal-body{
  padding: 3% 8%;
  border-bottom: 0px solid #e6e6e6;
  width: 100%;
  height: 100%;
}
.addmember_model .total_cost_purchase {
  padding: 15px 0;
}
.addmember_model .updrade-now {
  padding: 3% 0 3% 0;
}
.addmember_model .upgrade-now-btn:hover{
  background: #FFCA00;opacity: 1;
}
.addmember_model .change_credit_card{
  padding-left:5px;
  text-decoration: underline;
  cursor: pointer;
}
.addmember_model .change_credit_card:hover,.addmember_model .cancel_card:hover{
  color: #8471EB;
}
.addmember_model .note-payment{
  text-align:center;
}

.logo_name{
  display: inline-block;
  vertical-align: super;
  width: 32px;
  height: 32px;
  font-size: 18px;
  /* background-color: #6DCDFF; */
  color: #fff;
  border-radius: 3px;
}
.logo_name .team_logo{
  text-align: center;
  margin: 0;
  padding: 5px 0px;
  font-size:15px;
  border-radius:3px;
}

@media only screen and (max-width: 991px) {
  .invite-team-section .emailInvites{width:450px;}
  .invite-team-section .share_box{width:450px;}

  .invite-new-div{width: 450px;}
  .uploadinvite{width: 450px;}
  .invite-people-btn{padding: 15px 24.5%;}

  .enterprise_myplansblock{
    padding-top: 25px;
  }
}
@media only screen and (max-width: 792px) {
  .invite-team-section .emailInvites{width:400px;}
  .invite-team-section .share_box{width:400px;}
  
  .invite-new-div{width: 400px;}
  .invite-team-section .invite-text{font-size:25px;}
  .admin-name, .member-name{font-size:18px;}
  .invite-people-btn{padding: 15px 27%;}
}

/* Manage Exports css here */

.manage_export_table #export_table  .download_opted{
  display: inline-block;
  background-image: url(https://static.animaker.com/icons/export/download.svg);
  width:30px;height:30px;
  border: none;
}
.manage_export_table #export_table  .play_opted{
  display: inline-block;
  width:30px;height:30px;
  border: none;
  margin-left: 10px;
  background-image: url(https://static.animaker.com/icons/export/play.svg)
}

.manage_export_table #export_table  .facebook{
  display: inline-block;
  background-image: url(https://static.animaker.com/icons/export/Facebook.svg);
  width:30px;height:30px;
  cursor: pointer;
}
.manage_export_table #export_table .twitter{
  display: inline-block;
  background-image: url(https://static.animaker.com/icons/export/Twitter.svg);
  width:30px;height:30px;
  cursor: pointer;
}
.manage_export_table #export_table .youtube{
  display: inline-block;
  background-image: url(https://static.animaker.com/icons/export/youtube.png);
  width:30px;height:30px;
  cursor: pointer;
  background-repeat: no-repeat;
}
.manage_export_table #export_table .linkedin{
  display: inline-block;
  background-image: url(https://static.animaker.com/icons/export/Linkedin.svg);
  width:30px;height:30px;
  cursor: pointer;
}
.manage_export_table #export_table .linkshare{
  display: inline-block;
  background-image: url(https://static.animaker.com/icons/export/link_normal.svg);
  width:30px;height:30px;
  cursor: pointer;
}

.underreview_moreinfo{
  display: inline-block;
  background-image: url(https://static.animaker.com/icons/export/info.svg);
  width:16px;height:16px;
  vertical-align: middle;
  cursor: pointer;
}

.under-review-progress{
  display: inline-block;
  background-image: url(https://static.animaker.com/icons/export/underreview.svg);
  width:30px;height:30px;
  cursor: pointer;

}

.info_description_block{
  display: none;
  position: absolute;
  left: 0;
  top: -30px;
  background-color: #333333;
  border-radius: 4px;
  padding: 10px;
  width: max-content;
}

.underreview_moreinfo{
  color: #fff;
}

.manage_exports .manage_exports_header .delete_export {
  float: right;
  background-image: url(https://static.animaker.com/icons/delete.svg);
  width:28px;height:28px;
}
.manage_exports .manage_exports_header .delete_export:hover {
  background-image: url(https://static.animaker.com/icons/deletehover.svg);
}

.manage_export_table .manage_list .manage1{
  padding-left: 20px !important;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.manage_export_table .manage_list .manage5{
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.manage_export_table .manage_list .manage1, .manage_export_table .manage_list .manage2, .manage_export_table .manage_list .manage3, .manage_export_table .manage_list .manage4, .manage_export_table .manage_list .manage5, .manage_export_table .manage_list .manage6{
  background: #ECEDF2;
  font-size: 18px;
  color: #54536e;
  padding: 12px 0px;
}
.manage_export_table .manage_list .manage7, .manage_export_table .manage_list .manage8, .manage_export_table .manage_list .manage9, .manage_export_table .manage_list .manage10, .manage_export_table .manage_list .manage11, .manage_export_table .manage_list .manage12{
  font-size: 15px;
  color: #54536e;
  padding: 25px 0px;
  border-bottom: 1px solid #e1e1e1;
}
.manage_export_table .manage_list .manage7{
  padding-left: 20px;
  font-weight: 700;
}
.manage_export_table .manage_list .manage7 p{
  max-width: 300px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0px;
}

.manage_export_table .manage_list .manage12{
  display: flex;
  justify-content: center;
}

.manage_export_table .exportfailed_btn{
  padding: 5px 0px;
  text-align: center;
  color: lightgray;
  font-size: 15px;
  width: 100px;
  border: 2px solid lightgray;
  border-radius: 5px;
  background-color:transparent;
}
.manage_export_table .exportfailed_btn:hover{
  background-color: #54536E;
  border: 2px solid #54536E;
}

.manage_export_table .statusbar{
  width: 100px;height:10px;border-radius:8px;background-color: #ececec;position: relative;
}

.manage_export_table .statusbar .export_statusbar { 
  height: 100%;
			   -webkit-border-top-right-radius: 8px;
			-webkit-border-bottom-right-radius: 8px;
			       -moz-border-radius-topright: 8px;
			    -moz-border-radius-bottomright: 8px;
			           border-top-right-radius: 8px;
			        border-bottom-right-radius: 8px;
			    -webkit-border-top-left-radius: 20px;
			 -webkit-border-bottom-left-radius: 20px;
			        -moz-border-radius-topleft: 20px;
			     -moz-border-radius-bottomleft: 20px;
			            border-top-left-radius: 20px;
			         border-bottom-left-radius: 20px;
			background-color: rgb(43,194,83);
			background-image: -webkit-gradient(
			  linear,
			  left bottom,
			  left top,
			  color-stop(0, rgb(43,194,83)),
			  color-stop(1, rgb(84,240,84))
			 );
			background-image: -moz-linear-gradient(
			  center bottom,
			  rgb(43,194,83) 37%,
			  rgb(84,240,84) 69%
			 );
			-webkit-box-shadow: 
			  inset 0 2px 9px  rgba(255,255,255,0.3),
			  inset 0 -2px 6px rgba(0,0,0,0.4);
			-moz-box-shadow: 
			  inset 0 2px 9px  rgba(255,255,255,0.3),
			  inset 0 -2px 6px rgba(0,0,0,0.4);
			box-shadow: 
			  inset 0 2px 9px  rgba(255,255,255,0.3),
			  inset 0 -2px 6px rgba(0,0,0,0.4);
			position: relative;
			overflow: hidden;
}


.manage_export_table .statusbar .export_statusbar:after {
    content: "";
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
    background-image: 
        -webkit-gradient(linear, 0 0, 100% 100%, 
          color-stop(.25, rgba(255, 255, 255, .2)), 
          color-stop(.25, transparent), color-stop(.5, transparent), 
          color-stop(.5, rgba(255, 255, 255, .2)), 
          color-stop(.75, rgba(255, 255, 255, .2)), 
          color-stop(.75, transparent), to(transparent)
        );
    background-image: 
      -moz-linear-gradient(
        -45deg, 
          rgba(255, 255, 255, .2) 25%, 
          transparent 25%, 
          transparent 50%, 
          rgba(255, 255, 255, .2) 50%, 
          rgba(255, 255, 255, .2) 75%, 
          transparent 75%, 
          transparent
        );
    z-index: 1;
    -webkit-background-size: 50px 50px;
    -moz-background-size: 50px 50px;
    -webkit-animation: move 2s linear infinite;
        -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
            -moz-border-radius-topright: 8px;
        -moz-border-radius-bottomright: 8px;
                border-top-right-radius: 8px;
            border-bottom-right-radius: 8px;
        -webkit-border-top-left-radius: 20px;
      -webkit-border-bottom-left-radius: 20px;
            -moz-border-radius-topleft: 20px;
          -moz-border-radius-bottomleft: 20px;
                border-top-left-radius: 20px;
              border-bottom-left-radius: 20px;
    overflow: hidden;
}
		
@-webkit-keyframes move {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 50px 50px;
    }
}

/* Pricing page css here */

a{
  text-decoration: none;
}
a:focus, a:hover {
  text-decoration: none;
}


.pricing_header{
  background: #ffffff;
  width: 100%;
  /* height: 500px; */
}

.pricing_header .animaker_logo_section{
 width: 150px;
 height: 50px;
 display: inline-block;
 line-height: 64px;
 margin-left:35px;
}

.pricing_header .header_menu_content{
  float: right;
}

.pricing_header .header_menu_content .list_menu_content li{

 line-height: 60px;
 padding: 0px 20px;
 display: inline-block;
 cursor: pointer;
}

.pricing_header .header_menu_content .list_menu_content li a{
  font-family: Pt sans;
  font-size: 15px;
  color: #54536e
}

.pricing_header .header_menu_content .list_menu_content li a:hover{
 font-weight: 700;
}

.pricing_header .pricing_plan-content{
   padding: 90px 0px 35px 0px;
   text-align: center;
}

.pricing_header .pricing_plan-content h1{
  font-size: 40px;
  font-weight: 700;
}

.pricing_header .pricing_plan-content p{
  padding-top: 10px;
  font-size: 18px;
}

.pricing_header .plan_type_bar{
 margin: auto;
 width: 200px;
 height: 40px;
 background-color: transparent;
 border: 2px solid #ffc524;
 border-radius: 5px;
 display: flex;
 margin-bottom: 30px;

}

.pricing_header .plan_type_bar .monthly_plan_button{
  width: 98px;
  height: 100%;
  text-align: center;
}

.pricing_header .plan_type_bar .monthly_plan_button button{
display: inline-block;
text-decoration: none;
font-family: Pt sans;
font-size: 18px;
padding: 5px 0px;
color: #ffc524;
background:none;
border: none;
}

.pricing_header .plan_type_bar .active_subscription{   background-color: #ffc524; }
.pricing_header .plan_type_bar .monthly_plan_button.active_subscription button{ color: #ffffff;}

/* Plans */

.pricing_type_section .free_section, .pricing_type_section .growth_section, .pricing_type_section .business_section {
background-color: #ffffff;
border: 1px solid lightgrey;
border-radius: 10px;
}

.pricing_type_section .free_content, .pricing_type_section .growth_content, .pricing_type_section .business_content{
  padding: 40px;
  text-align: center;
}
.pricing_type_section .free_content{
  background: #F7F7FF;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.pricing_type_section .growth_content{
  background: #EAFCE9;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.pricing_type_section .business_content{
  background: #EAF9FC;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.pricing_type_section .free_content h2 ,.pricing_type_section .growth_content h2, .pricing_type_section .business_content h2{
  font-size: 30px;
  font-weight: 700;
  padding-bottom: 20px;
  margin: 0;
}

.pricing_type_section .free_content p , .pricing_type_section .growth_content p, .pricing_type_section .business_content p{
  font-size: 16px;
  margin: 0;
}

.pricing_type_section  .free_content h1 , .pricing_type_section .growth_content h1, .pricing_type_section .business_content h1{
  font-size: 80px;
  font-weight: 700;
}
.pricing_type_section .free_content h3 , .pricing_type_section .growth_content h3, .pricing_type_section .business_content h3{
  font-size: 16px;
  color: #abaaaa;
  margin-bottom: 20px;
  margin: 0;
}

.pricing_type_section .free_strt_now , .plan_features .item12 a,.plan_features .item13 button,.plan_features .item14 button,.plan_features .item15 button {
  font-family: Pt sans;
  font-size: 18px;
  background-image: linear-gradient(to right, #503df9, #9e52f7);
  height: 45px;
  color: #ffffff;
  border-radius: 5px;
  cursor: pointer;
  opacity: 0.8;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  border:none;
  width:100%;
  user-select: none;
}

.pricing_type_section .free_strt_now:hover , .plan_features .item12 a:hover,.plan_features .item13 button:hover,.plan_features .item14 button:hover,.plan_features .item15 button:hover{
  background: #FFCA00;
  opacity: 1;
}


.horizontal_line{
  border-top:1px solid #e1e1e1;
}

.pricing_type_section .plan_description{
  /* height: 600px; */
  padding:40px;
}

.pricing_type_section .plan_description p{
  font-size: 14px;
  padding-bottom: 20px;
}
.pricing_type_section .plan_description h4{
  font-size: 14px;
  color: #424156;
}

.contact_us_enterprise{
  padding: 40px 0 80px 0;
  text-align: center;
}

.contact_us_enterprise .contat_us_content {
  display: inline-block;
}

.contact_us_enterprise .contact_us_btn{
  padding-left: 25px;
  display: inline-block;
}
.contact_us_enterprise .contat_us_content h1{

  font-size: 24px;

}

.contact_us_enterprise .contact_us_btn button{
  
  padding: 10px 30px;
  font-size: 18px;
  color: #ffb21c;
  border: 2px solid #ffb21c;
  border-radius: 5px;

}
.pricing_type_section .learn_more{
  font-size:18px;
  color: #9e52f7;
  cursor:pointer;

}
.pricing_type_section .learn_more:hover{
  color: #9e52f7;
}



/* Plans compare css here */

.plans_compare_section{
  padding:60px 0px;
  background-color: #f7f7f7;
}


.plans_compare_section .compare_header p{
  font-size: 28px;
  font-weight: 700;
  padding-bottom: 40px;
}

.plan_features{
  display: grid;
  grid-template-columns: auto auto auto auto auto;
  grid-row-gap: 30px;
}

.plan_features .item1,.plan_features .item2,.plan_features .item3,.plan_features .item4,.plan_features .item5{
  padding: 30px 0px;
  border-top: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
  font-size: 22px;
  font-weight: 700;
  

}
.plan_features .item2,.plan_features .item3,.plan_features .item4,.plan_features .item5, .plan_features .item7, .plan_features .item8, .plan_features .item9, .plan_features .item10{
  text-align: center;

}
.plan_features .item6,.plan_features .item7, .plan_features .item8, .plan_features .item9, .plan_features .item10{
 font-size: 16px;
}


.support_features{
  display: grid;
  grid-template-columns: auto auto auto auto auto;
  grid-row-gap: 30px;
}

.support_features .item1,.support_features .item2,.support_features .item3,.support_features .item4,.support_features .item5{
  padding-bottom: 30px;
  border-bottom: 1px solid #e1e1e1;
  font-size: 22px;
  font-weight: 700;

}
.support_features .item2,.support_features .item3,.support_features .item4,.support_features .item5, .support_features .item7, .support_features .item8, .support_features .item9, .support_features .item10{
  text-align: center;

}
.support_features .item6,.support_features .item7, .support_features .item8, .support_features .item9, .support_features .item10{
 font-size: 16px;
}

/*security features */

.security_features{
  display: grid;
  grid-template-columns: auto auto auto auto auto;
  grid-row-gap: 30px;
}
.security_features .item1,.security_features .item2,.security_features .item3,.security_features .item4,.security_features .item5{
  padding-bottom: 30px;
  border-bottom: 1px solid #e1e1e1;
  font-size: 22px;
  font-weight: 700;

}
.security_features .item2,.security_features .item3,.security_features .item4,.security_features .item5, .security_features .item7, .security_features .item8, .security_features .item9, .security_features .item10{
  text-align: center;

}
.security_features .item6,.security_features .item7, .security_features .item8, .security_features .item9, .security_features .item10{
 font-size: 16px;
}

/* Compare Buttons */

.plan_features .item11, .plan_features .item12,.plan_features .item13,.plan_features .item14,.plan_features .item15{
  padding-top: 30px;
  border-top: 1px solid #e1e1e1;
  text-align: center;
}

.plan_features .item12 ,.plan_features .item13 ,.plan_features .item14 ,.plan_features .item15 {
  padding-left: 25px;
  padding-right: 25px;
}

/* end */


.fortune_companys{
  padding: 70px 0px;
}
.fortune_companys .fortune_header{
  text-align: center;
}
.fortune_companys .fortune_header h1{
  font-size: 28px;
  font-weight: 700;
  padding-bottom: 50px;
}


/* Frequently asked questions css here */

.frequently_asked{
  padding: 60px 0px;
  background-color: #f7f7f7;
}

.frequently_asked .frequently_header h1{
font-size: 28px;
font-weight: 700;
}

.questions_block{
  padding: 40px 0px;
}

.questions_block .question1,.questions_block .question2,.questions_block .question3,.questions_block .question4{
  padding: 40px;
  border-bottom:1px solid #e1e1e1;
}
.questions_block .question1 p,.questions_block .question2 p,.questions_block .question3 p,.questions_block .question4 p{
  display: inline-block;
  font-size: 24px;
}
.questions_block .question1 .add,.questions_block .question2 .add,.questions_block .question3 .add,.questions_block .question4 .add{
  float: right;
  background-image: url(https://static.animaker.com/icons/add.svg);
  width:16px;
  height: 16px;
  cursor: pointer;
}

.questions_block .question1 h4,.questions_block .question2 h4,.questions_block .question3 h4,.questions_block .question4 h4{
  display: none;
  font-size: 14px;
  /* color: #424156; */
}
.questions_block .active_question{
  background-color: #ffffff;
  border: 1px solid #e1e1e1;
  border-radius: 10px;

}
.questions_block .active_question .add{
  background-image: url(https://static.animaker.com/icons/close.svg);
}
.questions_block .active_question p{
  font-weight: 700;
}
.header_container{
  border-bottom: 2px solid #F8F8F8;
}

/* Media quiries */

@media (max-width: 1199px){
  .free_content, .growth_content, .business_content{
      padding: 25px;
  }
  .free_content h1, .growth_content h1, .business_content h1 {
      font-size: 60px;
  }
  .pricing_type_section .plan_description{
      padding: 25px;
  }
}

@media (max-width: 1024px){
  .pricing_type_section .free_strt_now,.plan_features .item12 a,.plan_features .item13 button,.plan_features .item14 button,.plan_features .item15 button{
     font-size: 15px;
  }
  .plan_features .item12 ,.plan_features .item13 ,.plan_features .item14 ,.plan_features .item15 {
      padding-left: 15px;
      padding-right: 15px;
  }
  .pricing_type_section .plan_description p {
      font-size: 12px;
  }
}
@media (max-width: 768px){
  .pricing_type_section .free_strt_now , .plan_features .item12 a,.plan_features .item13 button,.plan_features .item14 button,.plan_features .item15 button{
      font-size: 14px;
  }
  .plan_features .item12 ,.plan_features .item13 ,.plan_features .item14 ,.plan_features .item15 {
      padding-left: 10px;
      padding-right: 10px;
  }
}


/* Error Block */

.animaker_error_block{
  position: fixed;
  z-index: 2;
  width:100%;
  height:100%;
}

/* Login css here */

.login_wrapper, .signup_wrapper, .forget_pswdpage, .twofactorautheticaiton_section, .reset_password_wrapper{
  width:100%;
  height:100%;
  /* background-image: url(https://dev-static.animaker.com/imagesizes/login-pattern.svg); */
  background-position: bottom;
  overflow: hidden;
  background-size: cover;
  background-repeat: no-repeat;
}
.forget_pswdpage .frgt_bodycontainer, .reset_password_wrapper .container  , .animaker_error_block .container{
  height:70%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.login_wrapper .new_login_header, .forget_pswdpage .frgt_header, .reset_password_wrapper .reset_password_header , .animaker_error_block .error_header_section{
  width: 100%;
  height:10%;
  position: relative;
}
.login_wrapper .new_login_header .logo, .signup_wrapper .new_login_header .logo,.twofactorautheticaiton_section .login_block .logo, .reset_password_wrapper .reset_password_header .logo , .animaker_error_block .error_header_section .logo{
  width: 100%;
  height: 100%;
  text-align: center;
}

.login_wrapper .new_login_header .logo img, .signup_wrapper .new_login_header .logo img , .animaker_error_block .error_header_section .logo img{ 
  position: absolute;bottom:0;width:188px;height:52px;
}
.login_wrapper .new_login_body .header_section, .signup_wrapper .new_signup_body .header_section , .forget_pswdpage .frgt_bodycontainer .headerofcontent, .reset_password_wrapper .new_login_body .header_section{
  padding-bottom: 20px;
  text-align:center;
  font-size: 28px;
  color: #424158;
}

.reset_password_wrapper .new_login_body .user_data{
  width:370px;
  margin:0 auto;
}


.login_wrapper .header_section h1,.signup_wrapper .header_section h1,  .forget_pswdpage .frgt_bodycontainer .headerofcontent, .reset_password_wrapper .new_login_body .header_section h1, .frgt_bodycontainer .headerofcontent h1{
  font-size: 24px;
  font-weight: bold;
}

.login_wrapper .new_login_body .user_data , .signup_wrapper .new_signup_body .user_data, .reset_password_wrapper .new_login_body, .forget_pswdpage .frgt_bodycontainer .new_frgt_body{
  width: 425px;
  padding: 25px;
  box-shadow: 0px 0px 10px #0000001A;
  border-radius: 19PX;
  border: 0.5px solid #D8DCDF;
  position: relative;
  /* z-index: 9999999; */
  background: #ffffff;
}

.login_wrapper .new_login_body .user_data .login-email, .login_wrapper .new_login_body .user_data .login-pwd, .forget_pswdpage .frgt_bodycontainer .forget-email, .reset_password_wrapper .user_data .reset_pwd, .reset_password_wrapper .user_data .reset_confirm_pwd  {
  position: relative;
  min-height: 50px;
  display: inline-block;
  border: 2px solid #ECECEC;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 15px 0 20px 0;
}

.login_wrapper .new_login_body .user_data .login_email, .login_wrapper .new_login_body .user_data .login_password, .forget_pswdpage .frgt_bodycontainer .forget_input, .reset_password_wrapper .user_data .reset_password, .reset_password_wrapper .user_data .reset_confirm_password {
  width: 100%;
  height: 46px;
  font-size: 18px;
  border: none;
  color: #54536c;
  padding-left: 60px;
  border-radius: 5px;
}
  
.login_wrapper .new_login_body .user_data .email_icon, .login_wrapper .new_login_body .user_data .pwd_icon, .forget_pswdpage .frgt_bodycontainer .email_icon, .reset_password_wrapper .user_data .pwd_icon{
  position: absolute;
  top: 11px;
  left: 15px;
  width: 24px;
  height: 24px;
}
.login_wrapper .new_login_body .user_data .email_icon, .new_signup_body .user_data .email_icon, .forget_pswdpage .frgt_bodycontainer .email_icon{
  background-image: url(https://static.animaker.com/icons/email-icon.svg);
}
.login_wrapper .new_login_body .user_data .pwd_icon, .new_signup_body .user_data .pwd_icon ,.twofactorautheticaiton_section .login_block .pwd_icon, .reset_password_wrapper .user_data .pwd_icon {
  background-image: url(https://static.animaker.com/imagesizes/password_icon.svg);
}
.login_wrapper .new_login_body .user_data .hide_pswd_icon, .reset_password_wrapper .user_data .hide_pswd_icon  {
  background-image: url(https://static.animaker.com/imagesizes/hide_password_icon.svg);
  position: absolute;
  top: 12px;
  right: 15px;
  width: 24px;
  height: 24px;
  cursor: pointer;
}

.login_wrapper .new_login_body .user_data .forget_pswd {
 display: flex;
 justify-content: center;
 padding: 20px 0px 15px 0px
}
.login_wrapper .new_login_body .user_data .forget_pswd a {
  font-size: 16px;
  color: #AD9CC9;
  text-decoration: none;
}
.login_wrapper .new_login_body .user_data .forget_pswd a:hover {
  color: #54546C;
}

.login_wrapper .new_login_body .social_area , .signup_wrapper .new_signup_body .social_area {
  width: 100%;
  display: flex;
}
/* .login_wrapper .new_login_body .social_area .facebook_login, .login_wrapper .new_login_body .social_area .google_login, .login_wrapper .new_login_body .social_area .okta_login {
  color: #fff;
  font-size: 14px;
  line-height: 1.2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  border-radius: 20px;
  background-color: #fff;
  text-decoration: none;
  display:inline-block;
} */

.login_wrapper .new_login_body .social_area .facebook_login button, .login_wrapper .new_login_body .social_area .google_login button, .login_wrapper .new_login_body .social_area .okta_login button,.signup_wrapper .new_signup_body .social_area .facebook_login button, .signup_wrapper .new_signup_body .social_area .google_login button, .signup_wrapper .new_signup_body .social_area .okta_login button{
  font-size: 16px;
  color: #fff;
  background: #4C8BF5;
  border: none;
  border-radius: 8px;
  display: flex;
  width: 100%;
  height: 45px;
  align-items: center;
  padding: 0px 13px;
}

.login_wrapper .new_login_body .social_area .facebook_login button, .signup_wrapper .new_signup_body .social_area .facebook_login button{
  background: #3A5998;
}


.register_topmsge a{
  text-decoration: underline;
}

.forget_pswdpage .forgetarea_footer, .twofactorautheticaiton_section .login-footer, .reset_password_wrapper .reset_password_footer , .animaker_error_block .error_footer_section{
    width: 100%;
    height: 28%;
}

.login_wrapper .new_login_footer , .signup_wrapper .new_register_footer{
  width: 100%;
  height: 6%;
}

.login_wrapper .new_login_footer .newregister_content, .signup_wrapper .new_register_footer .login_redirect, .forget_pswdpage .forgetarea_footer .backtoforget_content, .twofactorautheticaiton_section .login-footer .tfaback_content, .reset_password_wrapper .reset_password_footer .backtoreset_content{
    height: 50%;
    text-align: center;
}

.forget_pswdpage .forgetarea_footer .backtoforget_content h2, .twofactorautheticaiton_section .login-footer .tfaback_content h2, .reset_password_wrapper .reset_password_footer .backtoreset_content h2{
    font-size: 18px;
    color: #54536C;
}

.login_wrapper .newregister_content h2, .signup_wrapper .login_redirect h2{
  font-size: 16px;
  color: #545270;;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 10px;
}


.forget_pswdpage .forgetarea_footer .copyright_area, .twofactorautheticaiton_section .login-footer .copyright_area , .reset_password_wrapper .reset_password_footer .copyright_area{
  padding: 0px 17px;
  height: 42%;
}

.login_wrapper .ai-gradient, .signup_wrapper .ai-gradient, .forget_pswdpage .ai-gradient, .reset_password_wrapper .ai-gradient{
    position: absolute;
    top: 0px;
    width: 100%;
    height: 492px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    background: transparent linear-gradient(95deg, #A762F7 0%, #FF8812 31%, #A762F7 67%, #6262F7 100%) 0% 0% no-repeat padding-box !important;
    border-radius: 16px;
    opacity: 0.2;
    filter: blur(50px);
    z-index: -1;
}

.login_wrapper .new_login_footer .login_copyright_area, .signup_wrapper .new_register_footer .copyright_area{
  padding: 0px 30px;
}

.new_login_footer .login_copyright_area .copyrights_text, .signup_wrapper .new_register_footer .copyright_area .copyrights_text, .forget_pswdpage .copyright_area .copyrights_text, .twofactorautheticaiton_section .copyright_area .copyrights, .reset_password_wrapper .reset_password_footer .copyright_area .copyrights_text{
  font-size: 12px;
  color: #424158;
  display: inline-block;
}

.new_login_footer .login_copyright_area .language-dropdown , .signup_wrapper .new_register_footer .copyright_area .language-dropdown, .forget_pswdpage .copyright_area .language-dropdown, .twofactorautheticaiton_section .language-dropdown, .reset_password_wrapper .reset_password_footer .copyright_area .language-dropdown{
  position: relative;
  float: right;
  color: #424158;
  cursor: pointer;
  font-size: 14px;
}

.new_login_footer .login_copyright_area .language-dropdown:hover, .signup_wrapper .new_register_footer .copyright_area .language-dropdown:hover, .forget_pswdpage .copyright_area .language-dropdown:hover, .twofactorautheticaiton_section .language-dropdown:hover, .reset_password_wrapper .reset_password_footer .copyright_area .language-dropdown:hover{
  color: #FFCE49;
} 

.new_login_footer .login_copyright_area .language-dropdown:hover .arrow-lang, .signup_wrapper .new_register_footer .language-dropdown:hover .arrow-lang, .forget_pswdpage .copyright_area .language-dropdown:hover .arrow-lang, .twofactorautheticaiton_section .language-dropdown:hover .arrow-lang, .reset_password_wrapper .reset_password_footer .copyright_area .language-dropdown:hover .arrow-lang{
    background-image: url(https://static.animaker.com/icons/arrow_black.svg);
}
.new_login_footer .login_copyright_area .arrow-lang , .signup_wrapper .new_register_footer .arrow-lang, .forget_pswdpage .copyright_area .arrow-lang, .twofactorautheticaiton_section .arrow-lang , .reset_password_wrapper .reset_password_footer .copyright_area .arrow-lang {
  float: right;
  width: 24px;
  height: 24px;
  background-image: url(https://static.animaker.com/icons/arrow_grey.svg);
  transform: rotate(92deg);
  background-repeat: no-repeat;
  margin-top: 2px;
}

.signup_wrapper .user_data .signup_button,.login_wrapper .login_button , .forget_pswdpage .frgt_bodycontainer .forgetPswdSubmit, .twofactorautheticaiton_section .login_block .user_data .login_button_block .login_button, .reset_password_wrapper .user_data .reset_button_block .reset_button{
  width: 100%;
  font-size: 18px;
  background-image: linear-gradient(to right, #503df9, #9e52f7);
  color: white;
  height: 50px;
  text-align: center;
  border-radius: 4px;
  text-decoration: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  opacity: 0.8;
  cursor: pointer;
}

.signup_wrapper .user_data .signup_button,.login_wrapper .login_button{
  background: transparent linear-gradient(97deg, #FE8A02 0%, #FC5700 100%) 0% 0% no-repeat padding-box;
  border-radius: 12px;
  height: 50px;
  opacity: 1;
  font-weight: bold;
}

.signup_wrapper .user_data .signup_button:hover,.login_wrapper .login_button:hover{
   background: transparent linear-gradient(97deg, #FC5700 0%, #FE8A02 100%) 0% 0% no-repeat padding-box;
}

.forget_pswdpage .frgt_bodycontainer .forgetPswdSubmit:hover , .twofactorautheticaiton_section .login_block .user_data .login_button_block .login_button:hover, .reset_password_wrapper .user_data .reset_button_block .reset_button:hover {
  background: #FFCA00;
  opacity: 1;
}

@media only screen and (max-width: 550px) {
  .login_wrapper .new_login_body .user_data, .signup_wrapper .new_signup_body .user_data, .reset_password_wrapper .new_login_body .user_data{
      width:100%;
      margin: 0 auto;
  } 
  .login_wrapper .new_login_body, .signup_wrapper .new_signup_body, .reset_password_wrapper .new_login_body{
    width: 100%;
    padding: 24px;
  }  
  #captcha_container{
    padding: 12px 0px 18px 0px !important;
  }
  .multisession_block .user_options .continue_session_option{
    padding: 7px 30px !important;
  }
  .login_wrapper .new_login_body .user_data.new_session_popup {
    width: 100% !important;
  }
  .login_wrapper .container, .signup_wrapper .container{
    padding: 0px;
  }
  .login_wrapper .new_login_body .header_section, .reset_password_wrapper .new_login_body .header_section{
      padding:0;
      font-size: 24px;
  }
  .login_wrapper .new_login_footer .login_copyright_area, .signup_wrapper .new_register_footer .copyright_area , .reset_password_footer .reset_password_footer .copyright_area{
      padding:10px;
  }
  /* .login_wrapper .new_login_footer .newregister_content h2{
      margin: 0px;
  } */
  .signup_wrapper .privacy_text{
    font-size: 12px;
  } 
}


/* Register css here */

.login_wrapper .container,.signup_wrapper .container{
  height:80%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.signup_wrapper .new_login_header{
  height:10%;
  position: relative;
}

.signup_wrapper .user_data .login-name , .signup_wrapper .user_data .login-email, .signup_wrapper  .user_data .login-pwd ,.twofactorautheticaiton_section .login_block .login-pwd{
  position: relative;
  min-height: 50px;
  display: inline-block;
  border: 2px solid #e1e1e1;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 15px 0 15px 0;
}

.signup_wrapper  .user_data .login-phone{
  border: white;
  margin: 15px 0 15px 0;
 }

.signup_wrapper .user_data .login-phone select{
  width: 120px;
  padding: 10px;
  border: 1px solid #dcdcdc;
  border-radius: 6px;
  }
.signup_wrapper .user_data .login-phone input{
  flex: 1;
  padding: 10px;
  border: 1px solid #dcdcdc;
  border-radius: 6px;
}

.signup_wrapper .user_data .r_firstname, .signup_wrapper .user_data .r_email , .signup_wrapper .user_data .r_password, .signup_wrapper .user_data .r_phone,.twofactorautheticaiton_section .login_block .user_data .login_password{
    width: 100%;
    height: 50px;
    font-size: 16px;
    border: none;
    border-radius: 5px;
    color: #54536c;
    padding-left:60px;
}

.signup_wrapper .user_data .signup_button_block, .reset_password_wrapper .user_data .reset_button_block{
    padding: 30px 0;
}

.new_signup_body .user_data .email_icon, .new_signup_body .user_data .user_icon , .new_signup_body .user_data .pwd_icon, .twofactorautheticaiton_section .login_block .pwd_icon  {
  position: absolute;
  top: 13px;
  left: 15px;
  width: 24px;
  height: 24px;
}

 
.new_signup_body .user_data .user_icon {
    background-image: url(https://static.animaker.com/imagesizes/name_icon.svg);
}


.signup_wrapper .user_data .hide_icon, .twofactorautheticaiton_section .login_block .hide_icon {
  background-image: url(https://static.animaker.com/imagesizes/hide_password_icon.svg);
  position: absolute;
  top: 13px;
  right: 15px;
  width: 24px;
  height: 24px;
  cursor: pointer;
}

.signup_wrapper .policy_terms .animaker_link{
  color: #766ace !important;
  cursor: pointer;
}

@media  only screen and (max-width: 550px) , (max-height:750px) {
  .signup_wrapper .new_signup_body .header_section {
    padding: 0px;
    font-size: 24px;
  }
  .signup_wrapper .new_register_footer .login_redirect{
    position: relative;
    display: flex;
    justify-content: center;
  }
  .signup_wrapper .new_register_footer .login_redirect h2{
    position: absolute;
    bottom: 0;
  }
  .signup_wrapper .new_login_header .logo img{
    width:150px;height:52px;bottom: unset;
  }
  .signup_wrapper .user_data .signup_button_block{
    padding: 10px 0px;
  }

}

/* Forget Password css here */

.forget_pswdpage .frgt_bodycontainer .data_entrybox{
  width: 365px;
  margin: 0 auto;
}
.forget_pswdpage .frgt_bodycontainer .headerofcontent h2{
  font-size: 18px;
}

/* Two Factor login verify page css here */

.twofactorautheticaiton_section .login{
  width: 100%;
  height: 85%;
  padding:80px 0;
}

.twofactorautheticaiton_section .login_block{
  width: 560px;
  position: relative;
  padding: 55px 85px;
  margin:0 auto;
}

.twofactorautheticaiton_section .login_block .header_section{
  padding-top: 120px;
  text-align: center;
  font-size: 28px;
  color: #54536c;
}

.twofactorautheticaiton_section .login_block .user_data{
  padding: 30px 0px 40px 0px;
}

.twofactorautheticaiton_section .login_password::-webkit-input-placeholder {
  font-weight: 500;
  color: #BFC9CF;
  font-size:15px;
}

/* Reset Password css here */

.reset_password_wrapper .reset_password::-webkit-input-placeholder {
  font-weight: 500;
  color: #e1e1e1;
  font-size:18px;
}
.reset_password_wrapper .reset_confirm_password::-webkit-input-placeholder {
  font-weight: 500;
  color: #e1e1e1;
  font-size:18px;
}

/* share login page */
.share_login_wrapper, .share_signup_wrapper {
  background-image: none;
  background-repeat: no-repeat;
  background-color: rgba(0,0,0,0.7);
  z-index: 9999;
  position: fixed;
}
.share_login_wrapper .new_login_body .header_section,.share_signup_wrapper .new_signup_body .header_section{color:#fff;}

   /* hello bar css in login page */
.header_helobar_div{
    height: 50px;
    position: fixed;
    z-index: 9999;
    top: 0;
    width: 100%;
  }
.helobar{
    height: 50px;
    /* background: linear-gradient(to right, #8e2de2, #4a00e0); */
    background: linear-gradient(to right, #ee0979, #ff6a00);
    text-align: center;
    padding-top:1.5px;
    display:none;
  }
.helobar_content{
    display: inline-block;
    color: #fff;
    margin: 12px 0;
    margin-right: 10px;
  }
.helobar_content p{
    margin-bottom: 0;
    font-weight: 400;
    font-family: 'PT Sans';
    letter-spacing: 0.5px;
    font-size:15px;
  }
.helobar_button{
    display: inline-block;
    color: #fff;
  }
.helobar_button .save_btn{
    color: #fff;
    padding: 6px 22px;
    border-radius: 18px;
    border-bottom: 2px solid transparent;
    background-image: linear-gradient(to right, #503df9, #9e52f7);
    opacity: 0.8;
    font-weight: bold;
    letter-spacing: 1px;
    font-family: 'PT Sans';
    font-size:14px;
}
  .helobar_close{
    width: 24px;
    /* float: right; */
    position: absolute;
    right: 20px;
    top: 13px;
    cursor:pointer;
  }
  @media (max-width:850px) {
    .ahelobar {
      display: none !important;
    }
  }




/* Invoice month and year dropdown */

#invoicemonthlydropdown .select_invoice_month, #invoiceyearlydropdown .select_invoice_yearly{ 
  width: 80px;
  height: 34px;
  padding: 0px 10px;
  border: 1px solid rgba(14,19,24,.2);
  border-radius: 5px;
}

#invoicemonthlydropdown .up_arrow_invoice_monthly, #invoiceyearlydropdown .up_arrow_invoice_monthly {
  background-image: url(https://static.animaker.com/icons/down-arrow.svg);
  position: absolute;
  top: 5px;
  right: 10px;
  width: 15px;
  height: 15px;
  transform: rotate(180deg);
  cursor: pointer;
}
#invoicemonthlydropdown .down_arrow_invoice_monthly, #invoiceyearlydropdown .down_arrow_invoice_monthly{
  background-image: url(https://static.animaker.com/icons/down-arrow.svg);
  position: absolute;
  bottom: 5px;
  right: 10px;
  width: 15px;
  height: 15px;
  cursor: pointer;
}
.invoicemonthly_dropdown_block,.invoiceyearly_dropdown_block{
  display: none;
  position: absolute;
  width: 100%;
  top: 0;
  background-color: #ffffff;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0,0,0,0.10);
  -moz-box-shadow: 0 0 10px rgba(0,0,0,0.10);
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.10);
  -o-box-shadow: 0 0 10px rgba(0,0,0,0.10);
  padding: 5px 0px;
  z-index: 1;
}

.invoicemonthly_dropdown_block .invoicemonthly_dropdown_list, .invoiceyearly_dropdown_block .invoiceyearly_dropdown_list{
  padding:2px 15px;
  cursor: pointer;
  position: relative;
}
.invoicemonthly_dropdown_block .invoicemonthly_dropdown_list:hover, .invoiceyearly_dropdown_block .invoiceyearly_dropdown_list:hover{
  background: #EBECF0;
}

.invoicemonthly_dropdown_block .invoicemonthly_dropdown_list .select_checkmark_invoice, .invoiceyearly_dropdown_block .invoiceyearly_dropdown_list .select_checkmark_invoice{
  display: none;
  background-image: url(https://static.animaker.com/icons/Tick.svg);
  position: absolute;
  top: 5px;
  right: 10px;
  width: 15px;
  height: 15px;
}
.invoicemonthly_dropdown_block .selected_invoicemonthly .select_checkmark_invoice, .invoiceyearly_dropdown_block .selected_invoiceyearly .select_checkmark_invoice{
  display: block;
}



/* User data collection  */

.businesspurpose1 , .businesspurpose2 , .businesspurpose3, .businesspurpose_success{
  font-family: 'PT Sans';
  width: 625px;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  overflow: hidden;
  line-height: 1.42857143;
}
.businesspurpose_header{
 padding: 15px 0px;
 background: transparent linear-gradient(180deg, #5530FF 0%, #A945FF 100%) 0% 0% no-repeat padding-box;
 opacity: 0.8;
 text-align: center;
}
.businesspurpose_header .businesspurpose_step1,.businesspurpose_header .businesspurpose_step2,.businesspurpose_header .businesspurpose_step3{
  width: 25px;
  height: 25px;
  background-color: transparent;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid #ffffff4a;
  color: #fff;
  font-size: 12px;
  line-height: 25px;
  margin-right: 20px;
  opacity: 0.4;
}
.businesspurpose1 .businesspurpose_header .businesspurpose_step1, .businesspurpose2 .businesspurpose_header .businesspurpose_step2,.businesspurpose3 .businesspurpose_header .businesspurpose_step3{
  width: 28px;
  height: 28px;
  line-height: 28px;
  background-color: #6229ce;
  opacity: 1;
}
.businesspurpose2 .businesspurpose_header .businesspurpose_step1,.businesspurpose3 .businesspurpose_header .businesspurpose_step1,.businesspurpose3 .businesspurpose_header .businesspurpose_step2{
  width: 28px;
  height: 28px;
  line-height: 28px;
  border-radius: unset;
  border: none;
  background-image: url("https://static.animaker.com/icons/userdatacol/verify-tick.svg");
  background-repeat: no-repeat;
  vertical-align: bottom;
  opacity: 1;
}
.businesspurpose_header .backpress_button{
  background-image: url(https://static.animaker.com/icons/back_step.svg);
  background-repeat: no-repeat;
  width: 18px;
  height: 18px;
  float: left;
  margin-left: 15px;
  cursor: pointer;
}
.businesspurpose_header .close{
  background-image: url(https://static.animaker.com/icons/close_purpose.svg);
  width: 18px;
  height: 18px;
  opacity: 1;
  right: 6px;
  position: absolute;
  top: 6px;
  cursor: pointer;
  background-repeat: no-repeat;
}
.businesspurpose_header .close:hover{
  background-image: url(https://static.animaker.com/icons/clear.svg);
}

.businesspurpose1 .businesspurpose_body, .businesspurpose2 .businesspurpose_body,.businesspurpose3 .businesspurpose_body{
  padding: 30px 0;
  text-align: center;
  width: 550px;
  margin: 0 auto;
}

.businesspurpose1 .businesspurpose_body h2 , .businesspurpose2 .businesspurpose_body h2,.businesspurpose3 .businesspurpose_body h2{ 
  font-size: 24px;
  font-weight: 600;
  color: #2D2D2D;
  margin-top: 0;
}
.businesspurpose1 .description{
  font-size: 15px;
  color: #545270;
}

.businesspurpose_body .first_section,.businesspurpose_body .second_section{
 width: 450px;
 display: inline-flex;
 justify-content: center;
 margin-top: 15px;
}
.businesspurpose_body .personalwork{
  background: transparent linear-gradient(51deg, #00AAE9 0%, #9BD4E9 91%, #AAD8E9 100%) 0% 0% no-repeat padding-box;
}
.businesspurpose_body .freelancework{
  background: transparent linear-gradient(50deg, #ED4755 0%, #F4B0B0 100%) 0% 0% no-repeat padding-box;
}
.businesspurpose_body .businesswork{
  
  background: transparent linear-gradient(50deg, #4DCB4C 0%, #9DD886 100%) 0% 0% no-repeat padding-box;
}
.businesspurpose_body .educationwork{
  background: transparent linear-gradient(50deg, #7356E8 0%, #CA8FFF 100%) 0% 0% no-repeat padding-box;
}

.businesspurpose_body .select-profes-icon{
  width: 70px;
  height: 70px;
}
.businesspurpose_body .businesswork,.businesspurpose_body .freelancework{
 width: 50%;
 border-radius: 5px;
 position: relative;
 cursor: pointer;
 height: 180px;
}
.businesspurpose_body .personalwork, .businesspurpose_body .educationwork{
  width: 50%;
  margin-left: 10px;
  border-radius: 5px;
  position: relative;
  cursor: pointer;
}
.personal_normalcontent, .business_normalcontent, .freelance_normalcontent, .education_normalcontent{
  padding: 35px 0;
}
.businesspurpose_body .personalwork .personal_normalcontent p ,.businesspurpose_body .freelancework .freelance_normalcontent p,.businesspurpose_body .businesswork .business_normalcontent p, .businesspurpose_body .educationwork .education_normalcontent p{
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  padding-top: 15px;
  margin: 0;
}

.personal_hovercontent,.business_hovercontent, .freelance_hovercontent, .education_hovercontent{
  display: none;
  background-color: #F2F2F2;
  height: 100%;
  width: 100%;
  padding: 10px 0px;
}

.businesspurpose_body .personalwork:hover > .personal_normalcontent,.businesspurpose_body .freelancework:hover > .freelance_normalcontent, .businesspurpose_body .businesswork:hover > .business_normalcontent, .businesspurpose_body .educationwork:hover > .education_normalcontent{
  display: none;
 }
 .businesspurpose_body .personalwork:hover > .personal_hovercontent,.businesspurpose_body .freelancework:hover > .freelance_hovercontent, .businesspurpose_body .businesswork:hover > .business_hovercontent, .businesspurpose_body .educationwork:hover > .education_hovercontent{
   display: block;
 }
 
 .personal_hovercontent .dotted_circle, .freelance_hovercontent .dotted_circle, .business_hovercontent .dotted_circle, .education_hovercontent .dotted_circle{
  width: 24px;
  height: 24px;
  background-color: transparent;
  border-radius: 50%;
  display: inline-block;
  border: 2px solid #FFFFFF;
  opacity: 0.8;
 }
 .select_one, .select_two, .select_three,.select_four,.select_five{
   display: flex;
   align-items: center;
   text-align: left;
   padding: 4px 0 4px 10px;
 }
 .select_one:hover, .select_two:hover, .select_three:hover,.select_four:hover,.select_five:hover{
    background-color: #EAEBEF;
 }

 .select_one:hover > .dotted_circle, .select_two:hover > .dotted_circle, .select_three:hover > .dotted_circle,.select_four:hover > .dotted_circle,.select_five:hover > .dotted_circle{
   border-radius: unset;
   border: none;
   background-image: url("https://static.animaker.com/icons/userdatacol/selected-tick.svg");
   background-repeat: no-repeat;
 }

 .select_one p,.select_two p ,.select_three p ,.select_four p,.select_five p{
    display: inline-block;
    padding-left: 10px;
    font-size: 14px;
    color: #545270;
    margin: 0;
 }
 .select_one .size_organ,.select_two .size_organ,.select_three .size_organ,.select_four .size_organ,.select_five .size_organ{
   display: block;
  font-size: 10px;
 }

 /* step2 section */

 .step2selection_btns{
   width: 420px;
   display: inline-flex;
   justify-content: center;
   padding-top: 15px;
 }
 .step3selection_btns{
  width: 380px;
  margin: 0 auto;
  padding: 30px 0;
 }

 .step3selection_btns .inside_step3{
  margin-top: 10px;
  display: flex;
  align-items: center;
  background: #F2F2F2 0% 0% no-repeat padding-box;
  border-radius: 4px 4px 0px 0px;
  padding: 10px 0 10px 10px;
  cursor: pointer;
 }

 .step2selection_btns_with_three{
  width: 520px;
  display: inline-flex;
  justify-content: center;
  padding-top: 15px;
 }
 .step2selection_btns_with_three .leftside_selection_part{
  width: 33%;
  display: flex;
  align-items: center;
  background: #F2F2F2 0% 0% no-repeat padding-box;
 border-radius: 4px 4px 0px 0px;
 padding: 10px 0 10px 10px;
 cursor: pointer;
}

.step2selection_btns_with_three .middle_selection_part,.step2selection_btns_with_three .rightside_selection_part{
  width: 33%;
  margin-left: 10px;
  display: flex;
  align-items: center;
  background: #F2F2F2 0% 0% no-repeat padding-box;
  border-radius: 4px 4px 0px 0px;
  padding: 10px 0 10px 10px;
  cursor: pointer;
 }

 .step2selection_btns .leftside_selection_part{
   width: 50%;
   display: flex;
   align-items: center;
   background: #F2F2F2 0% 0% no-repeat padding-box;
  border-radius: 4px 4px 0px 0px;
  padding: 10px 0 10px 10px;
  cursor: pointer;
 }
 .step2selection_btns .rightside_selection_part{
  width: 50%;
  margin-left: 10px;
  display: flex;
  align-items: center;
  background: #F2F2F2 0% 0% no-repeat padding-box;
  border-radius: 4px 4px 0px 0px;
  padding: 10px 0 10px 10px;
  cursor: pointer;
 }

 .step2selection_btns .dotted_circle, .step2selection_btns_with_three .dotted_circle, .step3selection_btns .inside_step3 .dotted_circle{
  width: 24px;
  height: 24px;
  background-color: transparent;
  border-radius: 50%;
  display: inline-block;
  border: 2px solid #FFFFFF;
  opacity: 0.8;
 }

 .step2selection_btns .step2_selected_active .dotted_circle, .step2selection_btns_with_three .step2_selected_active .dotted_circle, .step3selection_btns .inside_step3:hover > .dotted_circle{
  border-radius: unset;
  border: none;
  background-image: url("https://static.animaker.com/icons/userdatacol/selected-tick.svg");
  background-repeat: no-repeat;
 }


 .step2selection_btns p, .step2selection_btns_with_three p, .step3selection_btns .inside_step3 p{
    width: calc(100% - 24px);
    text-align: start;
    font-size:13px;
    color: #545270;
    margin: 0;
    padding-left: 10px;
 }

 .businesspurpose2 .done_with_selection{
   margin:0 auto;
 }
 .businesspurpose2 .done_with_selection button{
   margin: 15px 0;
   width: 110px;
   height: 40px;
  background: #F2F2F2 0% 0% no-repeat padding-box;
  border-radius: 4px;
  border: none;
  color: #FFFFFF;
  cursor: pointer;
 }

 .businesspurpose_success .success-notify{
   text-align: center;
   padding: 60px;
 }

 .businesspurpose_success .success-notify img{
  width: 200px;
 }
 .businesspurpose_success .success-notify h1{
    font-size: 24px;
    font-weight: 550;
    padding: 20px 0;
 }
 .businesspurpose_success .success-notify p{
  font-size: 15px;
  white-space: pre;
 }
 .businesspurpose_success .sucess_donebtn{
  width: 110px;
  height: 40px;
  background: #F1821E 0% 0% no-repeat padding-box;
  border-radius: 4px;  
  cursor: pointer;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  color: #fff;
 }
 .businesspurpose_success .sucess_backbtn{
   padding-top: 10px;
  font-size: 15px;
   color: #545270;
   cursor: pointer;
 }

/* end of collection popup css here */

/* Video popup code */

/* The Modal (background) */
#playvideopopup , #commonplayvideopopup,#slideplayvideopopup{
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 9999; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.7); /* Black w/ opacity */
}

/* Modal Content */

#playvideopopup .playvideopopup_content,#commonplayvideopopup .playvideopopup_content,#slideplayvideopopup .playvideopopup_content{ 
  margin: auto;
  position: relative;
  width: 977.778px;
  /* height: 687.5px; */
  height: 580px;
}
#playvideopopup .playvideopopup_content{
  width: 968.778px;
  height: 578px;
}


#playvideopopup .playvideopopup_content .close_preview_playerPopup ,#commonplayvideopopup .playvideopopup_content .close_preview_playerPopup,#slideplayvideopopup .playvideopopup_content .close_preview_playerPopup{
  position: absolute;
  right:10px;
  top:0;
  cursor: pointer;
}


#playvideopopup .playvideopopup_content .playvideopopup_body,#slideplayvideopopup .playvideopopup_content .playvideopopup_body{
  padding: 0;
  overflow: hidden;
  height: 90%;
  position: relative;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;

}

#commonplayvideopopup .playvideopopup_content .playvideopopup_body{
  padding: 0;
  overflow: hidden;
  height: 100%;
  position: relative;
}

#playvideopopup .playvideopopup_content .playvideopopup_body iframe ,#commonplayvideopopup .playvideopopup_content .playvideopopup_body iframe,#slideplayvideopopup .playvideopopup_content .playvideopopup_body iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#playvideopopup .playvideopopup_content .playvideopopup_footer,#slideplayvideopopup .playvideopopup_content .playvideopopup_footer {
  height: 10%;
  padding:10px 20px;
}

#playvideopopup .playvideopopup_content .playvideoproject_name,#slideplayvideopopup .playvideopopup_content .playvideoproject_name{
  font-family: Pt sans;
  font-size: 24px;
  font-weight: bold;
  color: #2d2d2d;
}


#playvideopopup .playvideopopup_content button,#slideplayvideopopup .playvideopopup_content button{
  display: inline-block;
  float: right;
  padding:8px 50px;
  background: linear-gradient(to right, #7465FD, #AC74FB);
  color: #ffffff;
  font-family: Pt sans;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  border-radius: 5px;
  cursor: pointer;
  border: none;
  background: transparent linear-gradient(107deg, #EF3297 0%, #FAD34F 100%) 0% 0% no-repeat padding-box;
  border-radius: 4px;
  opacity: 0.8;

}

/* Hover design */

.moment_main_block_inside .single_video .template_hover{
  visibility: hidden;
  position: absolute;
  /* bottom: 15px; */
  width: 100%;
  height: 100%;
  /* display: flex; */
  top: 0;
  left: 0;
  /* flex-direction: column;
  justify-content: center;
  align-items: center; */
  background-color: rgba(0,0,0,.28);
  transition: opacity .5s;
  will-change: opacity;
  opacity: 0;
}
.moment_main_block_inside:hover > .single_video_wrapper > .single_video > .template_hover{
  opacity: 1;
}
.moment_main_block_inside:hover > .single_video_wrapper > .single_video > .template_hover{
  visibility: visible;
}
.single_video .template_hover .preview_button{
  margin-right: 5px;
  right: 50%;
}
.single_video .template_hover .preview_button , .single_video .template_hover .usetemplate_button{
  position: absolute;
  bottom: 10%;
  width: 140px;
  height: 32px;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: .44px;
  color: #fff;
  background-color: transparent;
  border: 1px solid #FFFFFF;
  border-color: #fff;
  border-radius: 8px;
  margin-bottom: 10px;
}
.single_video .template_hover .usetemplate_button{
  margin-left: 5px;
  left: 50%;
  background: linear-gradient(to right, #7465FD, #AC74FB);
  border:unset;
}

.single_video .template_hover .preview_button.ver{
  left:0;
  right: 0;
  margin: 0 auto;
}
.single_video .template_hover .usetemplate_button.ver{
  left:0;
  right: 0;
  bottom: 4%;
  margin: 0 auto;
}

.single_video .template_hover .preview_button:hover {
  background: #F1821E; 
  border:unset;
}

.moments_category_list{
  position:relative;
  padding:20px 0 20px 0;
  margin: 0 auto;
  width: 75%;
  text-align: center;
}

.moments_category_list #leftscrollbutton{
  /* display: none; */
  position: absolute; top: 42%; left: 0px;
  background-image: url(https://static.animaker.com/img/leftslider.svg);
  width: 40px;
  height: 40px;
  /* cursor: pointer; */
  z-index: 1;
}
.moments_category_list #rightscrollbutton{
  /* display: none; */
  position: absolute; top: 42%; right: 0px;
  background-image: url(https://static.animaker.com/img/rightslider.svg);
  width: 40px;
  height: 40px;
  /* cursor: pointer; */
  z-index: 1;
}

.moments_category_list #categorieslist-block{
  white-space: nowrap;overflow-x:auto;overflow-y:hidden;
  /* margin: 0 45px; */
  padding: 0px 5px;
  /* height: 65px; */
  /* display: flex;
  align-items: center;
  justify-content: center; */
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.moments_category_list #categorieslist-block::-webkit-scrollbar {
  display: none;
  -ms-overflow-style: none;
}

.moments_category_list #categorieslist-block::-webkit-scrollbar {display:none;}

.moments_category_list .categories-btnclck{
    margin-right: 8px;
    padding: 4px 10px;
    /* height: 20px; */
    background: #EAEBEF 0% 0% no-repeat padding-box;
    /* box-shadow: 0px 0px 10px #00000014; */
    /* -webkit-box-shadow: 0px 0px 5px #00000014; */
    border-radius: 5px;
    font-size: 14px;
    font-weight: bold;
    color: #2D2D2D;
    border: none;
    text-transform: capitalize;
}

.moments_category_list .categories-btnclck:hover{
  background: #FFC800;
  color: #fff;
}

.moments_category_list .categories-btnclck.selected_category{
  background: #EA7E1D;
  color: #fff;
}

@media only screen and (max-height: 680px) {

  .sidenav .create_section{
    padding: 10px 30px 10px 30px;
  }

  .side_menu_footer .menu_blog, .side_menu_footer .inspiring_animo, .side_menu_footer .supportfaqs, .side_menu_footer .tip_tutor{
    padding: 5px 0px 5px 44px;
  }

  .side_menu_footer .free_section{
    padding: 5px 0px;
  }

  .side_menu_footer .powered_by{
    padding-bottom:unset;
  }
  
}

@media only screen and (max-height: 769px) {
  .side_menu_footer{
    position: unset;
    padding-top:20px;
  }
}


.enterpriseusagedata{
  padding-top: 30px;
}
.enterpriseusagedata table{
  font-family: arial, sans-serif;
  border-collapse: collapse;
  border-radius: 4px;
  border: 1px solid #F4F4F4;
}
.enterpriseusagedata tr:nth-child(1){
  background: #EBECF0;
}
.enterpriseusagedata th,.enterpriseusagedata td{
  text-align: left;
  padding: 8px;
  font-size: 16px;
}
.enterpriseusagedata th{
  font-size: 16px;
  color: #54536E;
  text-align: center;
  font-weight: bold;
  padding:12px;
}
.enterpriseusagedata tr td{
  border-right: 1px solid #F4F4F4;
  border-bottom: 1px solid #F4F4F4;
  padding: 20px;
  width: 202px;
  text-align: center;
  color: #54536E;
}


.enterpriseusagedata .user_creditsdescription{
    height: 18px;
    width: 18px;
    text-align: center;
    font-family: 'PT Sans';
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    background-color: #FFBA00;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    cursor: pointer;
    margin-left: 7px;
}

.enterpriseusagedata .tooltiptext{
  visibility: hidden;
  width: 150px;
  padding: 10px;
  background-color: rgba(0,0,0,0.8);
  color: #fff;
  text-align: start;
  border-radius: 4px;
  position: absolute;
  z-index: 9;
  top: -20px;
  left: 33px;
  font-size: 14px;
  font-weight: 550;
}

.enterpriseusagedata  .user_creditsdescription:hover ~ .tooltiptext {
  visibility: visible;
}

.userSuggested_categoryslist .activesuggestionkey{
  background-color: #EAEBEF;
  border-left: 6px solid #FFC101;
  font-weight: bold;
}

/* scrollbar */

.userSuggested_categoryslist::-webkit-scrollbar {
  width: 5px;
}

/* Track */
.userSuggested_categoryslist::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #fff; 
  -webkit-border-radius: 5px;
  border-radius: 2px;
  background: transparent ;
}

/* Handle */
.userSuggested_categoryslist::-webkit-scrollbar-thumb {
  -webkit-border-radius: 5px;
  border-radius: 2px;
  background: transparent ;
  -webkit-box-shadow: inset 0 0 6px rgba(196, 188, 188, 0.5); 
  background-clip: padding-box;

}
.userSuggested_categoryslist::-webkit-scrollbar-thumb:window-inactive {
  background: #fff ; 
}

.moment_main_block .blanktext_overlay{
  position: absolute;
  top: 70%;
  width: 100%;
  text-align: center;
  font-size: 25px;
  color: #ced1d2;
}


/* Navbar code */

.registername_alerticon,.registeremail_alerticon,.registerphone_alerticon,.registerpswd_alerticon,.registerjobtitle_alerticon,.loginemail_alerticon,.loginpswd_alerticon{
  top:8px;
}

.login_wrapper .new_login_body .user_data .login-email, .login_wrapper .new_login_body .user_data .login-pwd, .signup_wrapper .user_data .login-name, .signup_wrapper .user_data .login-email, .signup_wrapper .user_data .login-pwd{
  min-height: 40px;
  border: 1px solid #D8DCDF;
}

.login_wrapper .new_login_body .user_data .login_email, .login_wrapper .new_login_body .user_data .login_password,.signup_wrapper .user_data .r_firstname, .signup_wrapper .user_data .r_email, .signup_wrapper .user_data .r_password, .signup_wrapper .user_data .r_phone{
  height: 40px;
  padding-left: 14px;
  border-radius: 8px;
}
/* .login_wrapper .new_login_body .user_data .login_email:hover, .login_wrapper .new_login_body .user_data .login_password:hover,.signup_wrapper .user_data .r_firstname:hover, .signup_wrapper .user_data .r_email:hover, .signup_wrapper .user_data .r_password:hover
.login_wrapper .new_login_body .user_data .login_password:hover, .forget_pswdpage .frgt_bodycontainer .forget_input:hover, .reset_password_wrapper .user_data .reset_password:hover, .reset_password_wrapper .user_data .reset_confirm_password:hover 
{
  border: 1px solid #A871FF;
} */

.login-name:hover, .login-email:hover, .login-pwd:hover, .forget-email:hover {
  border: 1px solid #A871FF !important;
}

.login_wrapper .new_login_body .user_data .hide_pswd_icon, .signup_wrapper .user_data .hide_icon{
  top: 8px;
  width: 20px;
  height: 20px;
}

.login_wrapper .navbar , .signup_wrapper .navbar {
  background-color: transparent;
  margin: 0;
  z-index: 999;
  position: relative;
  top: 50px;
  left: 0;
  right: 0;
  width: 100%;
  border-color: transparent;
}
.signup_wrapper .navbar ,  .share_login_wrapper .navbar{
  top: 0;
}

.login_wrapper .navbar-collapse.collapse.in,.signup_wrapper .navbar-collapse.collapse.in{
  position: absolute;
  top: 50px;
  width:100%;
  border-color:transparent;
  background: #fff;
}

.navbar-collapse .navbar-nav .nav-item {
  padding: 0 10px
}

.navbar-collapse .navbar-nav .nav-item .nav-link {
  color: #54536C;
  font-size: 15px;
  text-align:center;
}

.navbar-toggle{
  background-image: url(https://static.animaker.com/icons/navbar.svg)!important;
  cursor: pointer;
  width: 30px;
  height: 30px;
  border: none;
}

.navbar-brand {
  padding: 7px 15px;
}

.nav_wrapper .nav-item .signUpButton{
  color: #fff !important;
  font-size: 14px !important;
  padding: 4px 20px;
  background-color: #FE7602;
  border-radius: 18px;
  cursor: pointer;
  font-family: 'PT Sans'!important;
}

.nav_wrapper .nav-item .signUpButton:hover{
  background-color: #f1821f;
}

.social_login_division{
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 19px 0px;
}

.social_login_division span{
  margin: 0 15px;
}

.social_login_division .social_login_division_hr{
  border: none;
  border-bottom: 1px solid #B4B4B4;
  margin: 7px 0;
  flex: 1 0;
  height: 1px;
}

.nav.navbar-nav {
  display: flex;
  align-items: center;
}

@media screen and (min-width: 768px) {
  .login_wrapper .navbar-collapse.collapse.in , .signup_wrapper .navbar-collapse.collapse.in{
    position: unset;
    width:unset;
    border-color:unset;
  }

}

@media screen and (max-width: 767px) {
  .intercom-lightweight-app-launcher, .intercom-namespace .intercom-with-namespace-52k34s, .intercom-namespace .intercom-with-namespace-4wz414 {
    bottom: 86px !important;
  }
  .allprojects_head .backpathfolderto{
    font-size: 18px;
  }
  .allprojects_head .breadcrumb_data .backpathfolderto{
    text-overflow: ellipsis;
    max-width: 120px;
    padding: 5px 4px;
  }
  #createfolderbtn{
    font-size: 14px;
    padding: 7px 6px 7px 3px;
  }
  .allprojects_sub img{
    width: 16px;
    height: 15px;
    margin-left: 5px;
    margin-right: 7px;
  }
  .login_wrapper .navbar-collapse,.signup_wrapper .navbar-collapse{
    position: absolute;
    top: 60px;
    width:100%;
    border-color:transparent;
    background: #fff;
  }
  .navbar-collapse .signUpButton{
    max-width: 40%;
    margin: 0 auto 20px;
  }
  .navbar-toggler:focus{
    box-shadow: none;
  }
  .close_preview_playerPopup{
    right: -14px !important;
  }
  .playvideoproject_name{
    font-size: 16px !important;
  }
  .playvideopopup_body{
      height: 88% !important;
  }
  .playvideopopup_content > div{
      margin-right: 9px !important;
  }
  #playvideopopup .playvideopopup_content {
      width: 349px !important;
      height: 491px !important;
  }
  .nav.navbar-nav {
    display:unset;
  }
  .showfolderdiv .new-folders{
    width: 48%;
    margin: 0 5px 8px 0;
  }
  .animakerplans_upgrade_banner{
    display: none;
  }
  .rightcontainer {
    width: 100%;
  }
  .videoselection_section {
    padding: 10px;
  }
  .offerbanner > div{
    padding: 20px !important;
  }
  .Notification_popupbar, .team_change_success{
      left:20px !important;
      right:20px !important;
      bottom:60px !important;
      z-index: 9999999999 !important;
  }

  .offerbanner > div{
    padding: 20px !important;
    }
   .animakerplans_upgrade_banner .offerbanner{
         background-image: none !important;
         text-align: center;
   }
   .videoselection_section {
   padding: 10px !important;
   }
   .appendToRow{
         margin: auto;
   }
   .row.showfolderdiv{
         display:flex;
         flex-wrap:wrap;
         justify-content:center;
   }
   .showfolderdiv .new-folders{
         width:150px;
   }
   .share_box .members_share {
    width: 85%;
   }
   .playvideopopup_body{
       height: 80% !important;
   }
   #playvideopopup .playvideopopup_content .playvideopopup_footer{
        height: 20% !important;
        text-align: center;
   }
   #playvideopopup .playvideopopup_content .playvideopopup_footer .use-preview{
        float: none !important;
        margin-top: 12px;
   }
   .movetofolder_dialog,.renamefolder_dialog,.create_team_popup .member_dialog, .deleteproject_popup .deleteproject_dialog,.share_block_popup .share_dialog,.createfolder_dialog{
         width: 360px;
   }
   .movetofolder_dialog .movetofolder_content,.renamefolder_dialog .renamefolder_content{
         padding: 10px 20px 40px 20px;
   }
   .create_team_body .buttonAlign, .deleteproject_body .buttonAlign,.vmaker_body .buttonAlign{
         margin-top: 20px;
   }
   .share_footer{
         padding: 25px 20px;

   }
   .share_popup_content .share_body{
         padding: 15px 15px !important;
   }
   .email-icon {
       padding-left: 4px !important;
   }
   .share_footer .view-box {
      flex-direction: row;
      flex-wrap: wrap;
      gap: 9px;
      justify-content: center;
      padding: 10px !important;
   }
   .share_footer .view-box .view-text {
    width: 100% !important;
    align-items: baseline;
    justify-content: center;
   }
   .share_dropdown .text {
    font-size: 12px !important;
   }
   .email-row {
    flex-direction: column;
   }
   .share_submit {
    margin-top: 14px !important;
    width: 41% !important;
   }
   .share_body .card .left-section {
    width: 100% !important;
    text-align: center;
   }
   .share_body .card img{
    display: none;
   }
   .rightcontainer{
    width: 100%;
  }
  .banner-main{
      padding: 9px 32px 9px 32px;
  }
  .master_dashboard_header .bottomcircle{
      left: 0px;
      width: 71px;
      bottom: 20px !important;
  }
  .master_dashboard{
      padding: 30px 15px 0 15px !important;
      top: 112px !important;
  }
  .tab-content{
      padding: 0px;
  }
  .tab-content:first-child{
      padding-top: 32px;
  }
  .horizontal-images ul {
      padding: 15px 0 0 0;
      margin-bottom: 0px;
  }
  .viewallstartdesttransupdate{
      padding-bottom: 0px !important;
  }
  .master_dashboard .view_all_block {
      margin-top: 5px;
  }
  .create_design1 {
    height: 100%;
  }
  .apps_icon_section{
      display: flex;
      flex-wrap: wrap;
      gap: 11px;
  }
  .apps_videos_section .app_level_images {
      margin-right: 0px;
  }
  .slidelefticon {
      left: -22px;
  }
  .changecurrentplan_popup .changeplan-body{
    padding: 6% 6%;
  }
  .changecurrentplan_popup .changeplan_dialog_box{
      width:380px;
  }
  .userprojects{
    padding: 0px 20px 40px 20px !important;
  }
  .brand_kit_section {
    padding: 2% 0 29% 20px !important;
  }
  .appendToRow{
      margin: auto;
  }
  .appendToRow{
    margin: auto;
  }

  .fp-myvideo-table-headers .fp-myvideo-videotitle{
    width: 254px;
 }
 .fp-myvideo-table-list-thumbnail, .subtitle_block, .fp-myvideo-table-headers-columns div, .fp-myvideo-date, .fp-myvideo-quality, .fp-myvideo-publish{
    display: none !important;
 }
 .fp-myvideo-table-headers-columns div:last-child, .fp-myvideo-status{
   display: block !important;
   width: 77px;
 }
 .fp-myvideo-table-headers-columns{
    justify-content: flex-start !important;
 }
 .fp-myvideo-table-list-items{
    min-width: 100%;
 }
 .invite-team-section .emailInvites,.invite-team-section .share_box{
  width:100% !important;
}
.invite-new-div{
  width: 100% !important;
}
.vmaker_switch .vmaker_dialog{
  width:320px !important;
  padding: 20px !important;
}
.vmaker_body{
  padding: 15px 0 5px 0 !important;
}
.vmaker_body h1{
  font-size: 16px;
}

.vmaker_body .row,.deleteproject_body .row{
  flex-direction: column-reverse;
  display: flex;

}
.vmaker_body p{
  font-size: 14px;
  margin-bottom: 20px;
}
.vmakerclose{
  right: 10px;
  top:10px;
}
.vmaker_content .img{
  width: 100px !important;
}

.create_design0 .nav-tabs{
  padding: 0;
}
.create_design1 .create_design_text{
  margin-left: 0;
  font-size: 19px;
}
.create_design1 .view_all_block{
  margin-right: 0;
  font-size: 16px;
}
.create_design1 div{
  align-items: baseline;
}
.change_password_dialog .change_pswd_content, .change_email_dialog .change_pswd_content{
  padding: 20px 20px;
}
#blank_project_modal{
  text-align: center;
}
.account_settings_block{
  padding: 20px 2% 100px;
}

footer {
  padding-bottom: 52px !important;
}
.sliderighticon{
  right: -13px !important;
}
.slidelefticon{
  left: -20px !important;
}


}

/* upgrade gates header css and sidemenu star animation */
.whitestar{
  animation: rotation 3s 5 cubic-bezier(.175,.985,.32,1.475);
}

@keyframes rotation {
0% {
-webkit-transform: rotate(0deg) skew(10deg);
       transform: rotate(0deg) skew(10deg);
width: 8.5%;
}
100% {
-webkit-transform: rotate(359deg) skew(2deg);
       transform: rotate(359deg) skew(2deg);
width: 10%;
}
}
.right_header .profile_image_icon .profile_tooltip{
  display: none;
  padding: 10px;
  background-color: #171717;
  color: #fff;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  z-index: 9;
  top: 65px;
  right: 10px;
}
.right_header .showtooltip:hover ~ .profile_tooltip{
/* box-shadow: 0 0 10px rgba(0,0,0,0.15);
-moz-box-shadow: 0 0 10px rgba(0,0,0,0.15);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.15);
-o-box-shadow: 0 0 10px rgba(0,0,0,0.15); */
display:block;
}
.profile_tooltip:after {
      content: "";
      position: absolute;
      width: 0;
      height: 0;
      border-width: 10px;
      border-style: solid;
      border-color: transparent transparent #1f1f1f transparent;
      top: -20px;
      left: 110px;
}
.right_header .profile_image_icon p{
margin:0;
}

.past_due_announcement_banner {
  position: fixed;
  background-color: #F1821E;
  z-index: 99996;
  width: 100%;
  height: auto;
  bottom: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 14px;
  color: #fff;
  padding: 5px 0;
}

.past_due_announcement_banner p{
  margin: 0 5px 0;
}

.pastdue_pay_banner_tag {
  background: transparent;
  cursor: pointer;
  padding: 0px 9px;
  border-radius: 21px;
  border: 1px solid #fff;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
}

.pastdue_pay_banner_tag_contact {
  background: transparent;
  cursor: pointer;
  padding: 0px 9px;
  border-radius: 21px;
  border: 1px solid #fff;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
}

a.pastdue_pay_banner_tag_contact:hover {
  color: #fff;
}

.header_create_template{
  cursor: pointer;
}

.anim-down-arrow{
  background-image: url(https://static.animaker.com/icons/team_arrow.svg);
  width: 20px;
  height: 20px;
  position: absolute;
  float: right;
  top: 12px;
}

/* vmaker popup */

.anim-new-modal-overlay3,.anim-new-modal-overlay4 {
  display: none;
  height: 100%;
  width: 100%;
  position: fixed;
  background-color: rgba(0,0,0,0.8);
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 99997;
}
.vmaker_switch{
  display: none;
  /* position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99998;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
  overflow-x: hidden;
  overflow-y: auto; */
}
.vmaker_switch .vmaker_dialog{
  width: 500px;
  padding:30px;
  position: fixed;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%,-50%); 
  -moz-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  background-color: #ffffff;
  border-radius: 8px;
  background-image: url("{% static 'imagesizes/login-pattern.svg' %}");
  background-position: bottom;
  z-index: 99998;
}
.vmaker_content .custom-header{
  padding: 5px;
  text-align: center;
}
.vmakerclose{
  float: right;
  background-image: url("https://static.animaker.com/icons/clear_normal.svg"); 
  width: 18px;
  height: 18px;
  cursor: pointer;
  position: absolute;
  right: 18px;
  top: 14px;
}
.vmaker_body{
  padding: 40px 15px 25px 15px;
}
.vmaker_body h1{
  margin-top: 0px;
  text-align: center;
  color: #000;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.4;
}
.vmaker_body h1 span{
  background-image: url("{% static 'icons/feedback_back_arrow.svg' %}");
  background-repeat: no-repeat;
  width: 18px;
  height: 18px;
  float: left;
  margin-left: 15px;
  cursor: pointer;
  margin: 0;
  margin-top: 7px;
}
.vmaker_body p{
  margin-top: 0px;
  text-align: center;
  color: #545270;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
  margin-bottom: 30px;
}
.vmaker_body .nothanks{
  width: 100%;
  font-size: 14px;
  text-align: center;
  padding: 9px 6px;
  font-family: 'Pt Sans';
  color: #454545;
  background-color: transparent;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-weight: bold;
}
.vmaker_body .givevmaker{
  width: 100%;
  font-size: 14px;
  text-align: center;
  padding: 9px 6px;
  font-family: 'Pt Sans';
  color: #fff;
  border: transparent;
  border-radius: 4px;
  background: transparent linear-gradient(286deg, #08B3E5 0%, #63D6B5 100%) 0% 0% no-repeat padding-box;
  font-weight: bold;
}

/* mobile detect popup */


.mobilepopup{
  display: none;
  /* position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99998;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
  overflow-x: hidden;
  overflow-y: auto; */
}
.mobilepopup .mobilepopup_dialog{
  width: 90%;
  max-width: 320px;
  padding:10px;
  position: fixed;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%,-50%); 
  -moz-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  background-color: #ffffff;
  border-radius: 8px;
  background-image: url("{% static 'imagesizes/login-pattern.svg' %}");
  background-position: bottom;
  z-index: 99998;
}
.mobilepopup .animakerlogo{
  width: 100px;
}
.mobilepopup_content .custom-header{
  padding: 5px;
  text-align: center;
}
.mobilepopupclose{
  float: right;
  background-image: url("https://static.animaker.com/icons/clear.svg"); 
  width: 18px;
  height: 18px;
  cursor: pointer;
  position: absolute;
  right: 18px;
  top: 14px;
}
.mobilepopup_body{
  padding: 40px 10px 25px 10px;
}
.mobilepopup_body h1{
  margin-top: 0px;
  text-align: center;
  color: #000;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.4;
}
.mobilepopup_body h1 span{
  background-image: url("{% static 'icons/feedback_back_arrow.svg' %}");
  background-repeat: no-repeat;
  width: 18px;
  height: 18px;
  float: left;
  margin-left: 15px;
  cursor: pointer;
  margin: 0;
  margin-top: 7px;
}
.mobilepopup_body p{
  margin-top: 0px;
  text-align: center;
  color: #545270;
  font-size: 21px;
  font-weight: 400;
  line-height: 1.4;
  margin-bottom: 30px;
}

.mobilepopup_body .givemobilepopup{
  width: 100%;
  font-size: 25px;
  text-align: center;
  padding: 14px 6px;
  font-family: 'Pt Sans';
  color: #fff;
  border: transparent;
  border-radius: 4px;
  background: transparent linear-gradient(270deg, #9458F0 0%, #4E41F1 100%) 0% 0% no-repeat padding-box;
    border-radius: 4px;
    opacity: 0.8;
  font-weight: bold;
}
.infomsg{
  display: flex;
  background: #EDEDFC;
  margin: 30px 0;
  padding: 10px;
}
.infomsg img{
  width: 25px;
  height: 25px;
  display: inline-block;
  margin-top: 9px;
}
.infomsg p{
  font-size: 17px;
  vertical-align: middle;
  display: inline-block;
  margin-bottom:0;
  text-align: left;
  margin-left: 15px;

}

/* book a demo css */
.full-withradius{
  position: relative;
  background: #fff;
  background-clip: padding-box;
  border: solid 1px transparent;
  border-radius: 5px;
  padding: 5px;
}
.border{
  display: flex;
  place-items: center;
}
.full-withradius:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  margin: -1.5px;
  border-radius: inherit;
  background: transparent linear-gradient(104deg, #EF3297 0%, #FAD34F 100%) 0% 0% no-repeat padding-box;
}
.demo_icon{
  background: url(https://static.animaker.com/img/book_demo.svg);
  width: 24px;
  height: 24px;
  margin-right: 7px;
}
.full-withradius:hover{
  background: transparent;
  color: #fff !important;
}
.full-withradius:hover .demo_icon{
  background: url(https://static.animaker.com/img/book_demo_active.svg);
  
}

.header_rightcontent .search_box{
  width: 660px;
}
.success_div{
  word-break: break-all;
}
@media screen and (max-width: 1400px) {
  .header_rightcontent .search_box{
    width: 560px;
  }
}
@media screen and (max-width: 1280px) {
  .header_rightcontent .search_box{
    width: 350px;
  }
}
@media screen and (max-width: 768px) {
  .border{
    width: 130px;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
  }
}
@media screen and (max-width: 580px) {
  .templates_body_videos{
    display:none;
  }
}

.right_header.shadow {
  box-shadow: rgb(50 50 105 / 15%) 0px 2px 5px 0px, rgb(0 0 0 / 5%) 0px 1px 1px 0px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .rightcontainer {
    width: 100%;
}
}

@media only screen and (min-device-width: 3000px)  {
  #StartWithBlankPopup .modal-dialog {
    width: 780px;
  }
}

.contact-support-popup{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 99999;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    overflow: hidden;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
}
.contact-support-popup  .close-overlay{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 999999;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}
.contact-support-popup .contact-dialog{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.contact-support-popup .contact-dialog .popup-content{
    position: relative;
    background-color: #fff;  
    padding: 60px 40px;
    border-radius: 16px;
    text-align: center;
    position: relative;
    z-index: 9999999;
    width: 550px;
    margin: auto;
}
.contact-support-popup .contact-dialog .popup-content .contact-close-icon{
    position: absolute;
    top: 6px;
    right: 8px;
    cursor: pointer;
}
.contact-support-popup .contact-dialog .popup-content .head-img{
    margin-bottom: 38px;
}
.contact-support-popup .contact-dialog .popup-content h4{
    font: normal normal bold 22px/30px PT Sans;
    margin-bottom: 22px;
}
.contact-support-popup .contact-dialog .popup-content p{
    line-height: 26px;
    color: #54536E;
    width: 90%;
    margin: auto auto 30px auto;
    font: normal normal normal 16px/22px PT Sans;
}
.contact-support-popup .contact-dialog .popup-content .contact-btn{
    background: transparent linear-gradient(91deg, #503DF9 0%, #9E52F7 100%) 0% 0% no-repeat padding-box;
    display: flex;
    width: 100%;
    justify-content: center;
    color: #ffffff;
    font: normal normal bold 18px / 29px PT Sans;
    padding: 13px 0px;
    border-radius: 11px;
}
.contact-support-popup .contact-dialog .popup-content .contact-btn:hover{
  background: transparent linear-gradient(91deg, #9E52F7 0%, #503DF9 100%) 0% 0% no-repeat padding-box;
}
.share_dialog .share_dropdown #sharedropdwn.disable-dropdown{
  pointer-events: none;
}
.share_body .share_dropdown .disable-dropdown .down_arrow{
  display: none;
}