/* 

FM-Template-CSS   v1.0 | 20180901   License: none (public domain) 

*/

.big_b{
  border: 1px solid  #4A4A4A !important;
  font-size: 20px !important;
  font-weight: bold !important;
  height: 45px !important;
  width: 230px;
}
body{font-family: arial;color: #6a696b;}
/*h2{ font-size: 2.5rem;font-weight: bold;}*/
h2{font-size: 24px;color: #6A696B;}
h3{font-size: 20px;font-weight: bold;}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #FFFFFF;
    background-color: #818182;
}
select, button, text {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}
.nav-link{
    display: block;
    padding: .3rem 1rem !important;
}
.row_graybackground {
    background-color: #D3D3D3;
}
.login_fields{
    height: 22px;margin-top:3px;border-radius: 3px;
    font-family: Helvetica;font-size: 12px;font-weight: normal;font-style: normal;
    font-stretch: normal;
}
.active_menu{
    height: 33px;border-radius: 0px !important;background-color: #C0C0C0;
    font-family: arial;font-size: 20px;font-weight: normal;font-style: normal;
    font-stretch: normal;line-height: normal;letter-spacing: normal;text-align: center;
    color: #ffffff !important;
}
.inactive_menu{
    font-family: Helvetica;font-size: 20px;font-weight: normal;
    font-style: normal;font-stretch: normal;line-height: normal;letter-spacing: normal;
    text-align: center;color: #828182;
}
.buy_button{
    margin-top: 0px;margin-bottom: 0px;background-color: #4EA25A;border-radius: 0px;
    color:white !important;width:86px;height:30px;font-family: arial;font-size: 14px;font-weight: bold;
    font-style: normal;font-stretch: normal;letter-spacing: normal;text-align: center;color: #ffffff;
}
.login_button{
    border-radius: 0px;width: 75px;height: 32px;background-color: #4A4A4A;
    border: solid 1px #979797;font-size: 13px;font-weight: normal;font-style: normal;
    font-stretch: normal;line-height: normal;letter-spacing: normal;text-align: center;
    color: #ffffff;float:right;
}
.col_buy_package{width:86px;}
.price_col{
    background-color: #5ccc6c;text-align: center;color: white;font-family: arial;
    font-size: 14px;font-weight: bold;font-style: normal;font-stretch: normal;
    width:39px;letter-spacing: normal;text-align: center;padding-top: 4px;
}
.footer_div{
    left: 0;bottom: 0;width: 100%;color: white;bottom:0;font-family: Helvetica;
    font-size: 18px;font-weight: bold;font-style: normal;font-stretch: normal;
    line-height: normal;letter-spacing: normal;
}


.row_space{height:7px;}
.row_package_heading {height: 30px;}
.package_detail{
        margin-left: 10px;height: 17px;font-family: arial;font-size: 14px;
        font-weight: bold;font-style: normal;font-stretch: normal;letter-spacing: normal;
        text-align: center;color: #4a4a4a;text-align: left;
}
.package_detail_sub{
    margin-left: 2px;height: 17px;font-family: arial;font-size: 14px;
    font-style: normal;font-stretch: normal;
    line-height: normal;letter-spacing: normal;
    text-align: center;color: #4a4a4a;text-align: left;
}
.package_heading {
    margin-left: 10px;font-family: Helvetica;font-size: 13px;font-weight: normal;
    font-style: normal;font-stretch: normal;line-height: normal;letter-spacing: normal;
    text-align: center;color: #4a4a4a;text-align: left;
}
.forget_password{margin-top:0px ;color: #4A4A4A;font-size: x-small;margin-left: 0px;}
.device_name{
    width: 111px;height: 20px;border-radius: 3px;font-family: Helvetica;
    font-size: 12px;font-weight: normal;font-style: normal;font-stretch: normal;
    float: left;margin-top: 1%;
}
    /*.login_table{}*/
.sub_container{max-width: 1000px !important;}
.container_main_section{width:934px !important;margin: auto;padding: 0 15px;}
.sub_container ul.align-items-baseline li.align-items-baseline img{margin-top: 5px !important;}
.package_table{font-size: small;}

.footer_li{font-family: Helvetica;
    font-size: 17px;font-weight: normal;font-style: normal;font-stretch: normal;
    line-height: normal;letter-spacing: normal;text-align: left;color: #ffffff;margin-top: 1px;
}
/*Padding Left Set*/
.padding-left-0{padding-left: 0;}
.padding-left-1{padding: 0 0 0 1px;}
.padding-left-2{padding: 0 0 0 2px;}
.padding-left-3{padding: 0 0 0 3px;}
.padding-left-4{padding: 0 0 0 4px;}
.padding-left-5{padding: 0 0 0 5px;}
.padding-left-6{padding: 0 0 0 6px;}
.padding-left-7{padding: 0 0 0 7px;}
.padding-left-8{padding: 0 0 0 8px;}
.padding-left-9{padding: 0 0 0 9px;}
.padding-left-10{padding: 0 0 0 10px;}
.padding-left-11{padding: 0 0 0 11px;}
.padding-left-12{padding: 0 0 0 12px;}
.padding-left-13{padding: 0 0 0 13px;}
.padding-left-14{padding: 0 0 0 14px;}
.padding-left-15{padding: 0 0 0 15px;}
.padding-left-16{padding: 0 0 0 16px;}
.padding-left-17{padding: 0 0 0 17px;}
.padding-left-18{padding: 0 0 0 18px;}
.padding-left-19{padding: 0 0 0 19px;}
.padding-left-20{padding: 0 0 0 20px;}

/*Padding Right Set*/
.padding-right-1{padding-right: 0;}
.padding-right-1{padding: 0 1px 0 0;}
.padding-right-2{padding: 0 2px 0 0;}
.padding-right-3{padding: 0 3px 0 0;}
.padding-right-4{padding: 0 4px 0 0;}
.padding-right-5{padding: 0 5px 0 0;}
.padding-right-6{padding: 0 6px 0 0;}
.padding-right-7{padding: 0 7px 0 0;}
.padding-right-8{padding: 0 8px 0 0;}
.padding-right-9{padding: 0 9px 0 0;}
.padding-right-10{padding: 0 10px 0 0;}
.padding-right-11{padding: 0 11px 0 0;}
.padding-right-12{padding: 0 12px 0 0;}
.padding-right-13{padding: 0 13px 0 0;}
.padding-right-14{padding: 0 14px 0 0;}
.padding-right-15{padding: 0 15px 0 0;}
.padding-right-16{padding: 0 16px 0 0;}
.padding-right-17{padding: 0 17px 0 0;}
.padding-right-18{padding: 0 18px 0 0;}
.padding-right-19{padding: 0 19px 0 0;}
.padding-right-20{padding: 0 20px 0 0;}

.header-checkbox-sec{padding-left: 12%;}
/*.header-inputbox-sec{padding-right: 10%;}*/
.header-login-btn{margin-top: -2%;}
.mid-sec-right{border: 1px solid #ababab;margin-top: 2%;}
footer{margin-top: 1%;}
.footer_sub_sec{padding-top: 2%;padding-left: 25px;}

.footer_first_li{font-weight: bold;font-size: 20px; text-align: left; color: #FFFFFF;}
.terms_li li{color:#FFFFFF;}

/*Manage page design*/
.manage_form{margin:5% 0 0 0;}
/*.manage_form_h2{margin-top: 2%;}*/
.manage_form_p{text-align: center;}
.manage_form_middle_bg{background-color:rgba(155,155,155,0.16);}
.theme-btn{
    border-radius: 0px;height: 32px;
    background-color: #4A4A4A !important;border: solid 1px #979797;font-size: 13px;font-weight: normal;font-style: normal;
    font-stretch: normal;line-height: normal;letter-spacing: normal;text-align: center;color: #ffffff;font-weight: bold;
}
#manageuser_form .form-control-manage{margin: 0 auto;width: 196;padding-left: 1%;height: 20px;}
.hr_row{box-sizing: border-box;height: 1px;width: auto;border: 1px solid #979797;margin-top: 5px;}
#manageuser_form button{height: 32px;width: 75px;font-size: 14px;border: 1px solid #979797;}
#manageuser_form .hr_row{margin-bottom: 5px;}
#manageuser_form input[type=text],#manageuser_form input[type=password]{font-size: 14px;}
#manageuser_form input[type=text]::placeholder,#manageuser_form input[type=password]::placeholder,#contact_us_form input[type=text]::placeholder,#contact_us_form textarea::placeholder,#contact_us_form input[type=tel]::placeholder{color: #9B9B9B;}
/*.remember_me_checkbox{margin-top:.4rem !important;}*/
.remember_me_label{display: inline-flex;font-size: 12px;color: #4A4A4A;}
.forgot_password{color: #4A4A4A;font-size: 12px;}
/*End Manage page design*/

/*Confirmation page design*/
.confirmation-table{width:50%;margin:0 auto;}
.confirmation_tbl{margin: auto;}
.confirmation_tbl tr,.confirmation_tbl td{border-bottom: 2px solid #A7A7A7;}
/*.confirmation_tbl th{ font-size: 1.5rem;font-weight: bold;}*/
.confirmation_tbl th{ font-size: 20px;font-weight: bold;color: #6A696B;}
.table th{padding: 0 !important;}
/*End Confirmation page design*/

/*Contact us page design*/
.contact_us_form{margin: 0 3%;}
.contact-textarea{border-radius: unset;border: 1px solid #ABABAB;height: 121px;font-size: 14px;margin-top: 3px;}
.contact-txt{padding: 0 0 0 1%;width: 100%;}
.contact_button{    display: flex; justify-content: center;}
.contact_button .theme-btn{margin-top: 1%;}
.contact_button p{margin: 1.8% 2% 0 2%;}
.contact_us_form input[type="text"], .contact_us_form .contact-txt{font-size: 14px;height: 25px !important;margin: 3px 0;background: #FFFFFF;border: 1px solid #ababab;}
.contact_us_form input[type="submit"]{height: 36px;width: 84px;font-size: 16px;}
.contact_us_form_h2{margin-bottom: 0;}
/*End Contact us page design*/

.agreement-sec{max-height: 337px;border: 1px solid #ababab;background: #ffffff;
    text-transform: uppercase;padding: 1%;overflow: auto;width: 761px;margin: auto;}
.agreement-sec p{color: #6A696B;font-size: 20px;line-height: 24px;text-align: center;}

.ccv_img{margin-top: -34px;margin-left: 20px;z-index: -1 !important;}
.cards_img{margin-bottom: 3%;}
.paymentBtn{margin-top: 3%;margin-bottom: 4%;}
.paymentdetail_tbl th, .paymentdetail_tbl td{border-bottom: 2px solid #A7A7A7;}
.security_code{width:30%;}
.automatic_login_sec{width: -webkit-fill-available; height: 22px;}
.user_details_btn{margin: 0 auto;display: flex;}
.user_details_email_notification{bottom: 0;margin-top:23%;}
.acc_details{margin-bottom: 20px;}
.confirmation-table .table td, .confirmation-table .table th{font-size: 1.3rem;}
#step-2 .confirmation_tbl .table th{float:left;}
#step-2 .confirmation_tbl .table td{text-align:left;}
#nextBtn-1{width: 197px;height: 44px;border: 1px solid #4A4A4A;font-size: 20px;font-weight: bold;}
#userInformation_step label{margin-bottom: 0;font-size: 14px;color: #6A696B;}
.billing_account_step_1_left{padding: 0 5% 0 11%;}
.billing_account_step_1_mid{padding: 0 8% 0 8%;}
.billing_account_step_1_right{padding: 0 11% 0 5%;}
#userInformation_step .contact-txt{height:25px;}
#step-2 .confirmation_tbl{background-color: #EEE !important;}
#step-2 table.table tr,#step-2 .table th,#userPayment_step table.table tr,#userPayment_step table.table th{border-top: 2px solid #EEE !important;}
#step-2 .table td, #step-2 .table th{padding: 0 !important;}
#step-2 .table td{vertical-align: bottom;}
#userPayment_step .table td,#userPayment_step .table th{padding: 15px 0 0 0 !important;}
#step-2 button,#step-3 button{height: 34px;width: 187px;font-size: 20px;font-weight: bold;}
table.paymentdetail_tbl th{text-align: left;width: 90px;}
table.paymentdetail_tbl td{text-align: left;}
.expiration_date{width: 100%;text-align: left;}


#inputExpiryMonth{width: 50%;display: block;height: 25px;padding: 0;}
#inputExpiryYear{width: 34%;display: block;height: 25px;padding: 0;}
#inputExpiryYear{margin: 0 3px;}
#step-3 .contact-txt{height:25px;}
#step-3 label{margin-bottom: 0;color: #6A696B;font-size: 14px;}
#step-3 .row_step_3{height: auto;}
#step-2 .confirmation_tbl th{width: 100px;text-align: left;}
#step-2 .confirmation_tbl td{width: 58%;text-align: left;}
/* Account detail page */
.main_section_account_detail{margin: 0 3%;}
.account_detail_h2{font-size: 36px; color: #6A696B;margin-bottom: -4px;}
table.accountdetail_tbl th{text-align: left;width: 53%;font-size: 20px;vertical-align: bottom;padding: 4px 0px 0px 0px !important;}
table.accountdetail_tbl td{text-align: left;font-size: 20px;vertical-align: bottom;padding: 4px 0px 0px 0px !important;}
table.accountdetail_tbl tr{border-bottom: 2px solid #A7A7A7;border-top: 2px solid #EEE !important;}
.account_logout_button{width: 84px;color: #FFFFFF;font-size: 14px;font-weight: bold;line-height: 17px;height: 36px;}
table.first_accountdetail_tbl>tbody>tr:last-child { border-bottom:2px solid #EEE !important;}
.renew_package_p{font-size: 20px;}
.renew_package_button{height: 44px;width: 96px;font-weight: bold;font-size: 20px;}
#addUserMacAddress p{font-size: 19px;line-height: 1.25;margin-bottom: 35px;}
#addUserMacAddress label{font-size: 14px;margin-bottom: 0rem;float: none !important;display: block;}
#userInformation_step label{font-size: 14px;margin-bottom: 0rem;float: none !important;display: block;}
#step-1 label{float: left !important;display: block !important;}
.automatic_login_or{margin: auto;font-size: 20px;font-weight: bold;}
#addUserMacAddress input[type=text]{height: 25px;font-size:14px;}
#addUserMacAddress select{padding: 0rem;border-radius: 0;height: 24px !important;width: 170px;font-size:14px;}
#addusermacamanual{height: 22px;width: 58px;font-weight: bold;font-size: 14px;margin-top: -8px;}
.notification_h3{font-size: 14px;}
#emailPreferences label{font-size: 14px;}
#userInformation_step1 button{height: 36px;width: 296px;font-size: 14px;font-weight: bold;}
#emailPreferences button{height: 22px;width: 143px;font-size: 14px; font-weight: bold;margin-top: 15%;}
#userInformation_step input[type=text],#userInformation_step input[type=password],#userInformation_step input[type=tel]{height: 25px;width: 165px;font-size: 14px;}

#billing_step_top_sec button{height: 36px !important;width: 197px;}
#logout_accout_button{width: 66px;height: 26px;}
#renew_button_account{height: 34px;width: 78px;}
#update_user_detail_last_sec{height: 22px !important;}
.forgot_password_form p{font-size: 14px !important;}
.forgot_password_form .form-control-manage {width: 196;padding-left: 1%;height: 20px;}
#forgot_password_button{height: 32px;	width: 75px;}

.update_password_form p{font-size: 14px !important;}
.update_password_form .form-control-manage {margin: 0 auto;width: 196;padding-left: 1%;height: 20px;}
.update_password_form .form-control-manage::placeholder {font-size: 14px;color: #9B9B9B;}
#update_password_button{height: 32px;	width: 75px; font-size: 14px;padding: inherit;}
#userInformation_step span,#form1 span,#contact_us_form span{display: -webkit-box;text-align: -webkit-auto;line-height: 15px;margin-top: -5px !important;margin-bottom: 5px;color: #D0021B;font-size: 10px;width: 120%;}
#userPayment_step span,#addUserMacAddress span{display: -webkit-box;text-align: -webkit-auto;line-height: 15px;margin-bottom: 5px;color: #D0021B;font-size: 10px;width: 120%;}
#usermac{width: 170px !important;}
#addUserMacAddress #device_name{width: 170px;}
#security_code_field span{position: absolute;margin-top: 50px;}
#inputCVV{z-index: 7 !important;position: relative !important;}
#security_code_field{z-index: 1 !important;}
#payment_response.success-message{margin-top: -50px;text-align: -webkit-center;}
#payment_response.error-message{margin-top: -50px;color: rgb(208, 2, 27);}
.complete_renew{font-size: 36px;}
#renew_package_table tr, #renew_package_table td {border-bottom: 2px solid #eee !important;border-top: 1px solid #eee !important;}
#renew_package_table tr td{    padding-bottom: inherit;}
#renew_package_table tr th, #renew_package_table tr td{border-top: 1px solid #eee !important;}
#renew_package_table tr{padding-bottom: 0px;}
#renew_package_table tr td{padding-top: 3px !important;}
#PaymentButton{z-index: 8;position: relative;}
#payment_response{z-index: -6;}
#userInformation_step input[type="text"]::placeholder{font-size: 10px;}
#case_failure{color: #D0021B;}
.contact_text_area_span span{padding-top: 5px;}
.contact_text_area_span textarea{width: 100% !important;}
#case_failure{margin-bottom: 0;margin-top: 5px;}
#forgot_password_form span:first-child{    margin: auto;font-size: 12px;padding-top: 2px;color: #D0021B !important;}
#forgot_password_form span:nth-child(2){ margin-right: 18px;  padding-left: 7px; color: #D0021B !important;    padding-top: 2px;font-size: 12px;}
.forgot_email_error_span span{text-align: left; text-align: left !important;}
#form1 .select-box span{padding-top: 7px;}
#mac_addr_resp {font-size: 13px !important;color: #D0021B;}
#tbl_complete tr, #tbl_complete td {border-bottom: 2px solid #eee !important;border-top: 1px solid #eee !important;}
#tbl_complete tr td{    padding-bottom: inherit;}
#tbl_complete tr th, #tbl_complete tr td{border-top: 1px solid #eee !important;}
#tbl_complete tr{padding-bottom: 0px;}
#tbl_complete tr td{padding-top: 3px !important;}
.error-message-login-header{font-size: 10px !important;color: #D0021B; text-align: center; margin-bottom: 0px; margin-top: 5px;}

.red_place_holder::placeholder {
    color: #D0021B !important;
    opacity: 1 !important;
}
.no-decoration, .no-decoration:hover, no-decoration:focus {
    text-decoration: none;
    color: white;
}
#mac_addr_resp.success-message{color: green !important;}
#manageuser_form #username{line-height:100%;}
#manageuser_form #password{line-height:100%;}
#step-1 input[type=password]{font-size: 10px;}
.login_txt{font-size: 14px;}
.forgot_password_form{padding-top: 7px;}
.pixel_per{padding-top: 16px;}
#forgot_username,#forgot_email{line-height: 100%;}
#forgot_password_form input[type=text]::-webkit-input-placeholder,#forgot_password_form input[type=email]::-webkit-input-placeholder{color: #9B9B9B;font-size: 14px;}
#inputPassword::-webkit-input-placeholder{font-size: 10px;}
#inputCVV::-webkit-input-placeholder{font-size: 13px;}
/*#tbl_complete tr:first-child, #tbl_complete tr:first-child td,#tbl_complete tr:first-child th {border-top: 1px solid #eee;}*/
/*.confirmation_tbl tr:last-child, .confirmation_tbl tr:last-child td {border-bottom: 2px solid #eee;}*/
/* End account detail page*/


/* IE10 and IE11*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    #account_complete_package_confirm,#complete_renew_free_package,#complete_renew_paid_package{width:100% !important;}
    #username,#password,#device_name{padding: 0px 5px;}
    #update_user_detail_last_sec{padding: 8px 8px 0px 8px}
    #emailPreferences #step_one_btn{padding: 8px 16px 0px 10px}
}
/***************/
/* Firefox browser only*/
@-moz-document url-prefix() {
    #manageuser_form input[type="text"],#manageuser_form input[type="password"]{border: 1px solid #ababab;}
    #addUserMacAddress input[type="text"]{border: 1px solid #ababab;}
    #userInformation_step input[type="text"],#userInformation_step input[type="password"],#userInformation_step input[type="tel"]{border: 1px solid #ababab;}
    #userPayment_step input[type="text"]{border: 1px solid #ababab;}
    #inputPassword::placeholder{font-size: 10px;}
    #inputCVV::placeholder{font-size: 13px;}
}
@media screen and (max-width: 992px) {
    .footer_div{
        left: 0;bottom: 0;width: 100%;color: white;position: inherit;bottom:0;font-family: Helvetica;
        font-size: 18px;font-weight: bold;font-style: normal;font-stretch: normal;
        line-height: normal;letter-spacing: normal;
    }
    .form-control-manage {width: 80% !important;}
}
@media screen and (min-width: 884px) and (max-width: 971px)  {
    .header-login-btn{float: none;margin-left: 0 !important;}
    .device_name{margin-left: 0 !important;}
    .header-checkbox-sec {padding-left: 0 !important;}
    .form-control-manage {width: 80% !important;}
    .form-check-manage {margin-left: 0 !important;}
}
@media screen and (min-width: 768px) and (max-width: 884px)  {
    .device_name{margin-left: -20px !important;}
    .zero-padding-lowersrc{padding-left: 0 !important;}
    .header-login-btn { float: none !important;margin-left: 0 !important;}
    .header-checkbox-sec {padding-left: 0 !important;}
    .form-control-manage {width: 80% !important;}
    .form-check-manage {margin-left: 0 !important;}
/*    #mid-sec-right-login-pg table tr td img{width:160px !important;height: 200px !important;}*/
}
@media screen and (min-width: 576px) and (max-width: 767px)  {
    .header-checkbox-sec {
        padding-left: 3% !important;
    }
    .form-check-manage {margin-left: 0 !important;}
/*    #mid-sec-right-login-pg table tr td img{width:160px !important;height: 200px !important;}*/
}
@media screen and (max-width: 767px) {
    .header-inputbox-sec{padding: 0 1important;}
    .login_fields{width:90% !important;}
    .form-control-manage {width: 80%;}
    .ccv_img {margin-top: 0 !important;float: left !important;}
    .user_details_email_notification{margin-top:0;}
}
@media screen and (max-width: 575px) {
    .header-checkbox-sec {padding-left: 8% !important;}
    .form-control-manage {margin-bottom: 2% !important;}
    .form-check-manage {margin-left: 1% !important;}
    .contact-txt{margin-bottom: 1%;}
    .contact_button .theme-btn{margin-top: 1%;}
/*    #mid-sec-right-login-pg table tr td img{width:100px !important; height: 160px !important;}*/
}
        /* On screens that are 600px or less, set the background color to olive */
@media screen and (max-width: 600px) {
    .footer_div{
        left: 0;bottom: 0;width: 100%;color: white;position: inherit;
        bottom:0;font-family: Helvetica;font-size: 18px;font-weight: bold;
        font-style: normal;font-stretch: normal;line-height: normal;letter-spacing: normal;
    }
/*    #mid-sec-right-login-pg table tr td img{width:100px !important;}*/

}
/*
@media screen and (max-width: 460px) {
    #mid-sec-right-login-pg table tr td img{width:100px !important;height: 100px !important;}
    #mid-sec-right-login-pg table tr{height: 100px !important;}
}
@media screen and (min-width: 330px) and (max-width: 440px)  {
    #mid-sec-right-login-pg table tr td img{width:70px !important; height: 100px !important;}
    #mid-sec-right-login-pg table tr td:nth-child(3) p{width:110px !important;}
    #mid-sec-right-login-pg table tr td:nth-child(3) ul{margin-left: -35px;width:140px;}
    #mid-sec-right-login-pg table tr td:nth-child(5) ul{margin-left: -26px;}
    #mid-sec-right-login-pg table tr td:nth-child(1) ul{margin-left: -40px;}
}
@media screen and (max-width: 392px) {
    #mid-sec-right-login-pg table tr td ul li p span{font-size: 8pt !important;}
}
*/
@media screen and (max-width: 1200px) {
    .security_code{width:25%;}
}

.top_box {
  -ms-flex: 0 0 100%; /* For IE10 */
  flex: 0 0 100%; /* Set the flex basis to 100%, making the element try to take up the full width of its container */
  max-width: 970px; /* Set the maximum width of the element to 970px */
  margin: 0 auto; /* Automatically adjust the margins on both sides to center the box */
}