@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: 'Poppins-Regular';
  src: url('../fonts/Poppins-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/Poppins-Regular.woff') format('woff'), url('../fonts/Poppins-Regular.ttf')  format('truetype'), url('../fonts/Poppins-Regular.svg#Poppins-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto-Regular';
  src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/Roboto-Regular.woff') format('woff'), url('../fonts/Roboto-Regular.ttf')  format('truetype'), url('../fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto-Medium';
  src: url('../fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),  url('../fonts/Roboto-Medium.woff') format('woff'), url('../fonts/Roboto-Medium.ttf')  format('truetype'), url('../fonts/Roboto-Medium.svg#Roboto-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto-Bold';
  src: url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/Roboto-Bold.woff') format('woff'), url('../fonts/Roboto-Bold.ttf')  format('truetype'), url('../fonts/Roboto-Bold.svg#Roboto-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* ========== Do Not Touch In Css Strat ========== */
html{height:100%; min-height:100%; overflow-x: hidden; }
body{margin:0px; padding: 0; background:#F2F3F8; font-family: 'Poppins-Regular'; overflow-x: hidden; height:auto;}
body.height_100{height:100%; min-height:100%;}
body.overflow_body{height:100%; min-height:100%;}
p{margin:0px; padding:0px 0 0 0; line-height:24px; color: #222; font-weight: normal; font-size: 14px; font-family:'Poppins-Regular';}
p.padding_15{padding-bottom:15px;}
p.padding_30{padding-bottom:35px;}
.no_padding{padding:0px!important;}
.clear {clear:both;}
a {text-decoration:none; color:#B01116; cursor: pointer;}
a:hover, a.selected {text-decoration:none; color:#000;}
a:focus{outline:none;}
ul {list-style:none; padding: 0; margin: 0;}
li {list-style:none;}
h1{ font-size:22px; line-height: 22px; font-weight: normal; margin:0 0 15px 0; color:#3f4047; text-transform:capitalize; font-family: 'Roboto-Medium';}
h2{ font-size:22px; line-height: 22px; font-weight: normal; margin:0 0 15px 0; color:#3f4047; text-transform:capitalize; font-family: 'Roboto-Medium';}
h3{ font-size:20px; color:#B01116; margin:0 0 10px 0; font-weight: 400; line-height:30px; text-transform:none; font-family: 'Roboto-Medium';}
h4{ font-size:18px; color:#B01116; display:block; margin:0 0 10px 0; font-weight: 500; line-height:22px;font-family: 'Roboto-Medium'; }
h5{color:#2e2d31; display:block; font:normal 18px/18px; margin:0 0 15px 0; text-transform:uppercase; font-weight: 600;}
/* ========== Do Not Touch In Css End ========== */
    
/*--------------Header and Navigation--------------------*/
.container{ width:100%; max-width:100%; padding:0 30px;}
header{ position: fixed; z-index: 999; width: 100%; padding:0px 0; transition:all 0.3s ease-in 0s; box-shadow: 0 1px 15px 1px rgba(69,65,78,.1); left:0; top: 0; background: #fff;  }
.social_links{display: inline-block;}
.social_links li{display: inline-block; color: #fff; font-size: 14px; padding: 0 7px;}
.social_links li a{color: #888888;}
.social_links li a:hover{color: #0061AF;}
header .logo a{display:inline-block; padding: 6px 0 0; width: 80%;}
header .user_dropdown{ float: right; position: relative; margin: 10px 0 0 0;}
header .user_dropdown li{position: relative;}
header .user_dropdown li img{width:50px; border-radius: 100%;}

header .user_dropdown li ul.dropdown-menu{ background:#fff; padding:0; border-radius:5px; position:absolute; left: auto;right: 0; width:300px; top: 100px!important; z-index: 99!important; margin: 0; border:0px; text-align: left; height: auto; box-shadow: 0 0 15px 1px rgba(69,65,78,.2); transition: all .5s ease-in-out; }
header .user_dropdown li.open ul.dropdown-menu{top: 70px!important; transition: all .5s ease-in-out; }
header .user_dropdown li ul.dropdown-menu li.img_name{position: relative; left:0; top: 0; width: 100%; height: 100%; background: url(../images/user_bg.jpg) center center no-repeat; background-size: cover; content: ''; z-index: 9; margin: 0 0 10px 0;}
header .user_dropdown li ul.dropdown-menu li .red_bg{ position: relative; display: block; width: 100%; padding: 25px 15px; background: rgba(176,17,22,0.85); border-radius:5px 5px 0 0; z-index: 999; }
header .user_dropdown li ul.dropdown-menu li.img_name img{float: left; width: 65px;}
header .user_dropdown li ul.dropdown-menu li.img_name .name_email{ float:left; color: #fff; font-size: 16px; margin-left: 15px; padding: 10px 0 0 0; width: 70%;}
header .user_dropdown li ul.dropdown-menu li.img_name .name_email a{ color: #fff; font-size: 12px; border-bottom: 1px solid transparent; padding: 0; font-weight: normal; margin: 5px 0 0 0;}
header .user_dropdown li ul.dropdown-menu li.img_name .name_email a:hover,header .user_dropdown li ul.dropdown-menu li.img_name .name_email a:focus{border-bottom: 1px solid #ccc;}
header .user_dropdown li ul.dropdown-menu li.img_name .fa-sort-asc{position: absolute; font-size: 36px; right: 15px; top: -14px; color: #B01116;}
header .user_dropdown li ul.dropdown-menu li {float:none; display:block; border-bottom:0px; position:relative; margin: 0 0; width: 100%; }
header .user_dropdown li ul.dropdown-menu li a{ padding:15px; line-height: 13px; text-transform:capitalize; background:none; text-align:left; white-space: normal; color: #6f727d; font-size: 13px; font-weight: normal; height: auto; display: block; clear: both;}
header .user_dropdown li ul.dropdown-menu li a i{font-size: 13px; margin-right: 7px;}
header .user_dropdown li ul.dropdown-menu li:hover a{color: #B01116;}
header .user_dropdown li ul.dropdown-menu li.sign_btn{padding: 15px; border-top: 1px solid #ebedf2; }
header .user_dropdown li ul.dropdown-menu li a.next_btn{display: inline-block; box-shadow: none; font-size: 13px; padding: 10px; border:1px solid #ebedf2; text-align: center;}
header .user_dropdown li ul.dropdown-menu li a.next_btn:hover{background: #f2f3f4;}
/*--------------End Header and Navigation--------------------*/

/* ------- Footer ------- */
footer{ background:#fff; padding:15px 0; font-size:12px; font-weight: normal; line-height: 10px; width:100%; color:#222; box-shadow: -2px -8px 41px -14px rgba(202,210,222,.61);}
footer.footer_fixed{position: fixed; bottom: 0; left: 0;}
footer.footer_admin{width: 84%; float: right; right: 0;}
footer.footer_admin.footer_fixed{right: 0; left: auto;}
footer a{color:#222; }
footer a:hover{color:#B01116; }
.go_top { position:fixed; bottom: 50px; right:20px; padding:0px; display:none; cursor: pointer; z-index: 99; height: 45px; width: 45px; text-align: center; background:#fff; color:#6f727d; font-size: 25px; line-height: 45px; border-radius: 100%; transition: all .3s ease-in-out; box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19);}
.go_top:hover{color:#222; transition: all .3s ease-in-out;}
#colorPickerFrameCanvas{display:none!important;}
/* ------- End Footer ------- */

/*=================Inner pages======================*/

/*-------------Common for all Inner page----------------------*/
.white_box{ box-shadow: 0 1px 15px 1px rgba(69,65,78,.08); background: #fff; padding: 20px;}
.next_btn{background: #B11016; border-radius:4px; color: #fff; font-size: 13px; border: 0; padding: 10px; line-height: 13px; min-width: 100px; opacity: 0.85; transition: all .3s ease-in-out; box-shadow:0 5px 10px 2px rgba(88,103,221,.19);}
.next_btn:hover,.next_btn:focus{opacity: 1; transition: all .3s ease-in-out; box-shadow: 0 5px 10px 2px rgba(88,103,221,.36); color: #fff;}
.back_btn{background: #030303; border-radius:4px; color: #fff; font-size: 13px; border: 0; padding: 10px; line-height: 13px; min-width: 100px; opacity: 0.85; transition: all .3s ease-in-out; box-shadow:0 5px 10px 2px rgba(88,103,221,.19);}
.back_btn:hover,.back_btn:focus{opacity: 1; transition: all .3s ease-in-out; box-shadow: 0 5px 10px 2px rgba(88,103,221,.36); color: #fff;}
.grey_content{background: #F2F3F8; padding:100px 0 30px 0;}
/*-------------End Common for all Inner page----------------------*/

/*--------------------------General User welcome page---------------------------*/
.black_tour_section.active .question_box:nth-child(3){display: none;}
.black_tour_section .tour_section{display: none;}
.black_tour_section.active .tour_section{display: block;}
.tour_section{background: rgba(0,0,0,0.6); padding:30px 0 30px 0; position: fixed; top: 74px; left: 0; width: 100%; height: 100%; z-index: 999;}
.tour_section h2{color: #fff!important;}
.tour_section div{ color: #fff; font-size: 14px; width: 200px; position: absolute; z-index: 99; }
.tour_section .progress_bar{ top: 30px; left: 50px;}
.tour_section .progress_bar:after{ background: url(../images/progress.png) center center no-repeat; content: ''; position: absolute; right: -20px; top: -10px; width:60px; height: 50px; background-size:100%; }
.tour_section .description{ top: 10px; right: 20px; left: auto;}
.tour_section .description:after{ background: url(../images/description.png) center center no-repeat; content: ''; position: absolute; left: -70px; bottom: -30px; width:60px; height: 50px; background-size:100%; }
.tour_section .question{ top: 100px; left: 35%;}
.tour_section .question:after{ background: url(../images/question.png) center center no-repeat; content: ''; position: absolute; left: -70px; top: 10px; width:60px; height: 50px; background-size:100%; }
.tour_section .feedback{ top: 50%; left: 60%;}
.tour_section .feedback:after{ background: url(../images/option.png) center center no-repeat; content: ''; position: absolute; left: -70px; bottom: -15px; width:60px; height: 50px; background-size:100%; }
.tour_section .next_feedback{ top: 65%; left: 55%;}
.tour_section .next_feedback:after{ background: url(../images/next_prev.png) center center no-repeat; content: ''; position: absolute; right: -15px; bottom: -20px; width:60px; height: 50px; background-size:100%; }
.tour_section .submit_tour{ top: 60%; left: 22%;}
.tour_section .submit_tour:after{ background: url(../images/submit.png) center center no-repeat; content: ''; position: absolute; right: 25px; bottom: -45px; width:60px; height: 50px; background-size:100%; }
.tour_section #start_feedback{position: absolute; top: 80%; left: 42%;}
#DescriptionModal .modal-dialog{margin: 13% auto;}
/*-----------------------End General User welcome page---------------------------*/

/*--------------------------Assessment page---------------------------*/
.assessment_content #slider li{overflow: hidden;}
.question_box{border: 1px solid #ebedf2; background: #fff; font-size: 14px; margin-bottom: 45px; font-family:'Poppins-Regular'; box-shadow: 0 1px 15px 1px rgba(69,65,78,.08); display: block; position: relative; width: 100%; color: #222;}
.question_box .category_box{border-bottom: 1px solid #ebedf2; padding: 15px; font-weight: 600;}
.question_box .category_box .pull-right{text-align: right;}
.question_box .content{padding: 15px 15px 30px 15px; display: block; width: 100%; min-height: 100px; height: auto;}
.question_box .category_box i{color:#AF1116; margin: 0 5px; }
.question_box .rating{float: right; margin: -15px 0 0 0; border:1px solid #AF1116; border-right: 0;}
.question_box .rating input[type="radio"]{position:absolute; visibility:hidden;}
.question_box .rating .radio_box{margin:0; float:left; width:120px; }
.question_box .rating .radio_box label{ width:100%; cursor:pointer; display:block; transition:all 0.3s ease-in 0s; margin:0; padding:10px; font-size:13px; color:#222; line-height:12px; background:#fff; text-transform:capitalize; text-align:center; border-right:1px solid #AF1116; font-weight: 300;}
.question_box .rating .radio_box input[type="radio"]:checked + label{ background:#AF1116; box-shadow:none; color:#fff;}

#slider .flex-direction-nav a{top:auto!important; bottom: -35px; }
#slider .flex-direction-nav .flex-next{ right:10px;}
#slider .flex-direction-nav .flex-prev{ left:10px; }
.progress{ background: #fff; height: 15px; font-size: 11px;}
.progress-bar{line-height: 15px;}

.category_desc{ background: #fff; min-height: 400px; box-shadow: 0 1px 15px 1px rgba(69,65,78,.08);}
.category_desc .border_div{padding: 15px; border-bottom: 1px solid #ebedf2;}
.category_desc .border_div h2{margin: 0;}
.category_desc .content_div{padding: 15px;}
.panel-group .panel{overflow:visible; margin:0 0 5px 0!important; border: 0; box-shadow: none;}
.panel-title > a { padding: 10px 10px 10px 30px;display: block;background: #fff;color: #AF1116;font-size: 14px; text-transform:capitalize; text-decoration: none;position: relative;border: 1px solid #ebedf2; margin:0 auto; border-radius:5px; width:90%; z-index: 99; transition:all 0.3s ease-in 0s;}
.panel-title > a.collapsed {background:#fff; color: #222; width: 100%; transition:all 0.3s ease-in 0s;}
.panel-title > a.collapsed span.icon_span {background: url(../images/add.png) no-repeat left top; background-size:100%; }
.panel-title > a span.icon_span {background: url(../images/minus.png) no-repeat left top; background-size:100%; display: block;float: left;height: 13px;position: absolute;left: 10px;top: 14px; width: 13px;}
.panel-title {margin-top: 0;margin-bottom: 0;font-size: 16px;color: #605b54;}
.panel-default > .panel-heading {padding: 0px;background: none;box-shadow: none;border: 0px;border-radius: 0px;}
.panel-group {margin-bottom: 20px;}
.panel-collapse{margin: -20px 0 0; padding-top: 20px; border: 1px solid #ebedf2; }
.panel-default > .panel-heading + .panel-collapse > .panel-body {border-top: 0px;padding: 15px; line-height:22px; color: #222; font-weight: normal; font-size: 13px; font-family:'Poppins-Regular';}

#PreviewModal .modal-body{height: 500px;}
#PreviewModal p{display: inline-block; margin-right: 10px;}
#PreviewModal .dataTables_scrollHeadInner,#PreviewModal .dataTables_scrollHeadInner table{width: 99%!important;}
table td, table th{line-height:22px; color: #575962; font-weight: normal; font-size: 13px; font-family:'Poppins-Regular';}
table th{font-weight: bold;}
.width_80{width:80%!important;}
.width_20{width:20%!important;}
.width_30{width:30%!important;}
.width_5{width:10%!important;}
.width_70{width:70%!important;}
.no_active{color: #f4516c;}
.yes_active{color: #34bfa3;}
.revoke_status{color: #f4516c;}
.success_status{color: #149f83;}
.reinvite_status{color: #5867dd;}
.pending_status{color: #00c5dc;}
table .next_btn,table .back_btn{font-size: 12px; min-width: 38px; line-height: 12px; box-shadow: none; padding: 6px; border: 0;}
table .edit,table .delete{font-size: 12px; min-width: 38px; line-height: 12px; box-shadow: none; opacity: 0.85; background: none; padding: 0; border: 0;}
table .edit i,table .delete i{font-size: 17px; line-height: 17px; color: #B01116;}
table .edit i{color: #222;}
/*------------------------End Assessment page---------------------------*/
 
/*--------------------------Register,Login.Forgot Password page---------------------------*/
.register_content,.register_content > .row,.register_content .col-md-5{height: 100%; display: block; position: relative;}
.register_content{ background: #fff; }
.register_content .register_bg{background: url(../images/banner.jpg) right top no-repeat; background-size: cover; height: 100%; display: block; position:fixed; left: 0; top: 0; width: 33.3%; border-right: 5px solid #ccc;}
.register_content .black_bg{background: rgba(0,0,0,0.6); padding:30px 30px 30px 30px; height: 100%; display: block; text-align: left;}
.register_content .black_bg .logo{width: 60%; padding: 10px; margin: 0; background: rgba(255,255,255,0.8); border-radius: 10px;}
.register_content .black_bg .banner_text{ font-size: 35px; font-weight: bold; padding: 35% 0 0 0; color: #fff; line-height: 50px;}
.register_content .black_bg .banner_text p{ display: block; color: #fff; margin-top: 15px;}

.right_register .header_block{padding:15px 20px; position: relative; z-index: 99; background: #F2F3F8;}
.right_register .header_block h1{ margin: 0;}
.right_register .login_text{text-align: right; color: #222; font-size: 14px;}
.right_register .login_text a{color: #AF1116;}
.right_register .form_block{ padding: 25px 20px; background: #fff;}
.right_register .form_block.login_block{padding: 20% 20px 0; text-align: center;}
.right_register .form_block.login_block .form-group label{text-align: left; display: block;}
.right_register .forgot_paswd { line-height: 30px; color: #AF1116; font-size: 13px; font-weight: normal;}
.right_register .forgot_paswd:hover{color: #222;}
.right_register .footer_text{ background:#F2F3F8; padding:15px 20px; font-size:12px; font-weight: normal; line-height: 10px; width:67%; color:#222; z-index: 99; position: fixed; bottom: 0; }
.right_register .footer_text a{color: #222;}
.right_register .footer_text a:hover{color: #B01116;}

select {-moz-appearance: none!important;-webkit-appearance: none!important;background:transparent url("../images/arrow-down-b.png") no-repeat scroll right 5px / 23px auto!important; border: 0!important; border-bottom: 1px solid #888!important; color: #222!important; height: 34px!important; border-radius:0!important; padding: 7px 20px 7px 0px!important; width: 100%!important; font-size:13px!important; font-family: 'Poppins-Regular'; z-index: 99; position: relative; outline: 0;}
select option{ background:#f4f4f4!important; padding:5px!important; color:#444!important; font-size:12px!important; text-transform:capitalize!important; display:block!important; width:100%!important; transition:all 0.2s linear 0s!important; border:0!important; border-bottom:1px solid #ccc!important; font-family:'Poppins-Regular';}
.form-group select option:first-child{display: none!important;}

.form-group {position: relative; margin: 15px 0;}
.form-group label{line-height:15px; color: #777; font-size: 14px; font-weight:normal; background: transparent; position: absolute; top: 10px; z-index: 10; transition: transform 150ms ease-out, font-size 150ms ease-out;} 
.form-group label span{color:red;}
.form-group.focused label{ transform: translateY(-145%); font-size: 12px;}

.form-group1{position: relative; margin: 15px 0;}
.form-group1 label{line-height:15px; color: #777; font-weight:normal; background: transparent; position: absolute; font-size: 12px; top: -15px;} 
.form-group1 label span{color:red;}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{background: transparent;}

.form-group input,.form-group textarea{line-height:20px; color: #222!important; font-size: 13px; font-weight:normal; box-shadow: none; font-family: 'Poppins-Regular'; outline: 0; background: transparent; padding: 7px 0; border: 0; border-bottom: 1px solid #888; width: 100%; border-radius: 0; z-index: 99; position: relative;}
.form-group input:focus,.form-group textarea:focus{box-shadow: none; border-bottom: 2px solid #222;}

.form-group textarea{height:97px; resize:none;}
.file_upload{position: relative;}
.file_upload .form-control{width: 91%; display: inline-block;}
.file_upload i{color: #666; display: inline-block; font-size: 23px; position: relative; top: 3px;}
.file_upload input[type="file"]{opacity: 0; position: absolute; left: 0; top:0; height: 34px; z-index: 999; width: 100%; cursor: pointer;}

input[type="radio"] { visibility:hidden; position:absolute;}
.radiobtn_box {display:inline-block; margin:5px 20px 0 0;}
.radiobtn_box label{ background:url(../images/radio.png) left center no-repeat; font-weight:normal; font-size: 13px; font-family: 'Poppins-Regular'; background-size:15px; padding:5px 5px 5px 20px; text-align:center; display:inline-block; vertical-align:top; margin:0; cursor:pointer; color:#444; position: relative; top: 5px;}
.radiobtn_box input[type="radio"]:checked + label{background:url(../images/radio_checked.png) left center no-repeat; background-size:15px; color:#B01116;}

input[type="checkbox"] { visibility:hidden; position:absolute;}
.check_box {display:inline-block; margin:5px 20px 0 0;}
.check_box label{ background:url(../images/checkbox.png) left center no-repeat; font-weight:normal; font-size: 13px; font-family: 'Poppins-Regular'; background-size:15px; padding:5px 5px 5px 20px; text-align:center; display:inline-block; vertical-align:top; margin:0; cursor:pointer; color:#444; position: relative; top: 5px;}
.check_box input[type="checkbox"]:checked + label{background:url(../images/checkbox_checked.png) left center no-repeat; background-size:15px; color:#B01116;}
.datetimepicker table tr td.active, .datetimepicker table tr td.active:hover, .datetimepicker table tr td.active.disabled, .datetimepicker table tr td.active.disabled:hover,.datetimepicker table tr td span.active, .datetimepicker table tr td span.active:hover, .datetimepicker table tr td span.active.disabled, .datetimepicker table tr td span.active.disabled:hover{background:#B01116!important;}

.color_theme .radio_btn input[type="radio"]{position:absolute; visibility:hidden;}
.color_theme .radio_btn{margin:0 10px; float:left; width:40px; height: 40px;}
.color_theme .radio_btn label{ width:100%; cursor:pointer; display:block; transition:all 0.3s ease-in 0s; margin:0; padding:5px; background:#fff; text-align:center; border:1px solid #ccc; height: 100%; position: relative; top: 5px;}
.color_theme .radio_btn label span{width:100%; display:block; height: 100%;}
.color_theme .radio_btn input[type="radio"]:checked + label{ border: 1px solid #222; box-shadow: 0 5px 10px 2px rgba(88,103,221,.14);}
/*------------------------End Register,Login.Forgot Password page---------------------------*/

/*------------------------Edit Profile page---------------------------*/
.editprofile_left,.editprofile_right{ background: #fff; box-shadow: 0 1px 15px 1px rgba(69,65,78,.08); display: block;}
.editprofile_left .img_profile{padding: 50px 0 30px; text-align: center; border-bottom: 1px solid #e3e3e3; margin-bottom: 20px;}
.editprofile_left .img_profile img{margin: 0 auto 15px; padding: 5px; border: 2px solid #f4f5f8; border-radius: 100%; height: 90px; width: 90px;}
.editprofile_left .nav-tabs{margin-bottom: 20px; border: 0;}
.editprofile_left .nav-tabs li{display: block; float: none; width: 100%;}
.editprofile_left .nav-tabs li a{ padding:15px 30px; line-height: 13px; text-transform:capitalize; background:none; text-align:left; white-space: normal; color: #6f727d; font-size: 13px; font-weight: normal; height: auto; display: block; clear: both; border: 0;}
.editprofile_left .nav-tabs li a i{font-size: 13px; margin-right: 7px;}
.editprofile_left .nav-tabs li a:hover,.editprofile_left .nav-tabs li.active a {color: #B01116; border: 0;}
.editprofile_left .img_profile .profile_name{font-size:20px; text-transform: uppercase; font-weight: bold;}
.editprofile_right{ padding: 20px; min-height: 550px;}
.editprofile_right .next_btn,.editprofile_right .back_btn{margin: 10px 5px 0;}
.border_bottom{border-bottom: 1px solid #e3e3e3; width: 100%; display: block; margin:10px 0 20px;}
/*------------------------End Edit Profile page---------------------------*/

/*-------------------------Admin Sales Form Pages------------------------------*/
.dataTables_filter label,.dataTables_length label{line-height:15px; color: #222; font-size: 14px; font-weight:normal; }
.dataTables_filter input{line-height:14px; color: #444!important; font-size: 14px; font-weight:normal; box-shadow: none; font-family: 'Poppins-Regular'; border: 1px solid #ccc; height: 34px; padding: 6px 12px;}
.dataTables_length select{width: auto!important; border: 1px solid #ccc!important; }
.dataTables_scroll{margin-top: 15px; clear: both; position: relative; overflow: hidden; display: inline-block; width: 100%;}
.dataTables_wrapper .dataTables_info{ font-size:13px;}
.buttons_block{ padding: 0 0 20px 0; margin: 0 0 20px 0; border-bottom: 1px solid #e3e3e3;}
.buttons_block .next_btn i{margin-right: 8px;}

.activeyes_box {display:inline-block; margin:5px 20px 0 0;}
.activeyes_box label{ background:#dfe2ea; font-weight:normal; height: 30px; width: 60px; display:inline-block; vertical-align:top; margin:0; cursor:pointer; color:#444; position: relative; top: 5px; border-radius: 20px;}
.activeyes_box label:after{ content: ''; width: 24px; height: 24px; border-radius: 100%; left: 3px; top: 3px; background: #aaa; position: absolute; transition:left 0.3s linear 0s; }
.activeyes_box input[type="checkbox"]:checked + label:after{left :52%; background: #333333; transition:left 0.3s linear 0s; }

table .activeyes_box{margin:0 0;}
table .activeyes_box label{height: 20px; width: 45px; top: 0;}
table .activeyes_box label:after{width: 15px; height: 15px; top: 2px; }
table .activeyes_box input[type="checkbox"]:checked + label:after{left :62%;}
/*----------------------End Admin Sales Form Pages------------------------------*/

/*-------------------------Contact Page------------------------------*/
.contact_block{ margin-bottom: 30px; display: block; position: relative; overflow: hidden; }
.contact_block .c_address { color: #191919; display: block; float: left; font-size: 14px; line-height: 25px; margin:0 0 10px 0; padding: 0 0 0 25px; position: relative; width: 100%; }
.contact_block .c_address i {display: block; height: 35px; left: 0; position: absolute; top: 3px; width: 23px; font-size: 25px;}
.contact_block .c_phone { color: #191919; display: block; float: left; font-size: 14px; line-height: 35px;  position: relative; }
.contact_block .c_phone a{color: #191919; line-height: 30px; border-bottom: 1px solid transparent;}
.contact_block .c_phone a:hover,.contact_block .c_phone a:focus{border-bottom: 1px solid #191919;}
.contact_block .c_phone i { display: inline-block; font-size: 20px; width: 30px; }
.contact_block .c_phone i.fa-mobile{ font-size: 25px; position: relative; top:2px;}
.contact_block .c_phone i.fa-envelope{ font-size: 17px;}
.map_block{padding: 5px; border: 1px solid #ccc; border-radius: 5px; margin-bottom: 30px;}
.map_block iframe{width: 100%; border: 0; height: 250px;}
/*-------------------------End Contact Page------------------------------*/

/*-------------------------404 error Page------------------------------*/
.nofound_content .white_box{ margin-top: 20px; background:url(../images/bg5.jpg) right bottom no-repeat #fff;  height: 600px; background-size: 40%; padding: 100px 0 0 0;}
.nofound_content .white_box .oops_title{font-size: 180px; color: #B11016; font-weight: bold; font-family: 'Roboto-Regular';}
.nofound_content .white_box p strong{ font-size: 30px!important;}
.nofound_content .white_box p{ font-size: 20px!important;}
/*-------------------------End 404 error Page------------------------------*/

/*--------------------- Licence Pack Page --------------------------*/
.licencepack{margin:50px 0px 0 0;}	
.licencepack .pack_grid:hover{transform:scale(1.02);}
.licencepack .pack_grid{cursor:pointer;transition:all 0.5s ease-in-out;padding:50px 0px 0;border-radius: 5px;position: relative;box-shadow:0 5px 10px 1px rgba(88, 103, 221, 0.05); margin-bottom: 90px; text-align: center; height: 205px; border:1px solid #e3e3e3;}
.licencepack .pack_grid .circle_price{width: 75px;height: 75px;background-color: #fff;border-radius: 50%;font-size: 20px;margin:0 auto;text-align: center;position: absolute;color: #b01116;border: 2px solid #b01116; top: -35px; left: 35%; padding: 21px 0;}
.licencepack .pack_grid.discount_pack .circle_price{ padding: 12px 0;}
.licencepack .pack_grid.discount_pack .circle_price span{display:block; text-decoration: line-through; color: #222; font-size: 14px;} 
.licencepack .pack_grid.discount_pack .discount_percentage{ position: absolute; left: -1px; top: -1px; z-index: 1; overflow: hidden; width: 75px; height: 75px;  text-align: right;}
.licencepack .pack_grid.discount_pack .discount_percentage span { font-size: 11px; color: #fff; text-transform: uppercase; text-align: center; font-weight: bold; line-height: 20px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); width: 100px; display: block; background: #b01116; background: linear-gradient(#b01116 0%, #660000 100%); box-shadow: 0 3px 10px -5px rgba(0, 0, 0,0.10); position: absolute; top: 19px; left: -21px;}
.licencepack .pack_grid .pack_title{border-bottom:1px solid #e3e3e3;font-size:20px;color:#222;padding:0 0 15px 0;margin: 0 0 15px 0; text-align: center; text-transform:uppercase;}
.licencepack .pack_grid .back_btn{display: inline-block;}
/*---------------------End Licence Pack Page --------------------------*/

/*--------------------- Thank you and Result Page --------------------------*/
.thankyou_content .nav-tabs{margin-left: 30px; padding:7px 0 7px 10px; border: 0; border-left: 1px solid #6f727d;}
.thankyou_content .nav-tabs li{display: block; float: left; border-right: 1px solid #6f727d; margin-top: -2px;}
.thankyou_content .nav-tabs li a{ padding:0 20px; line-height: 13px; text-transform:capitalize; background:none; text-align:left; white-space: normal; color: #6f727d; font-size: 13px; font-weight: normal; height: auto; display: block; clear: both; border: 0;}
.thankyou_content .nav-tabs li a:hover,.thankyou_content .nav-tabs li.active a {color: #B01116; border: 0; background: none;}
.thankyou_content .result_left,.thankyou_content .result_right{ background: #fff; box-shadow: 0 1px 15px 1px rgba(69,65,78,.08); display: block;}
.thankyou_content .result_left .diagram_title{text-align: center; display: block; padding:20px 0 20px; border-bottom: 1px solid #e3e3e3;}
.thankyou_content .result_left p{padding: 20px;}
.thankyou_content .result_left .circle { width: 100%; margin:0; display: inline-block; position: relative; text-align: center; line-height: 1.2;}
.thankyou_content .result_left .circle canvas {vertical-align: top; background:#fff; border-radius: 100%;}
.thankyou_content .result_left .circle strong { font-size: 14px; font-style: italic; font-weight: normal; left: 0; line-height: 17px; position: absolute; text-align: center; top: 53px; width: 100%;}
.thankyou_content .result_left .circle span { display: block; font-size: 70px; line-height: 70px; font-weight: bold; font-style: normal;}
.feedback_category{padding: 0 15px;}
.feedback_category .feedback_row{width: 100%; padding:20px 0;}
.feedback_category .feedback_row.grey_box{background: #fafafa; text-align: right;}
.feedback_category .feedback_row .circle { width: 100%; margin:0; display: inline-block; position: relative; text-align: center; line-height: 1.2;}
.feedback_category .feedback_row .circle canvas {vertical-align: top; background:#fff; border-radius: 100%;}
.feedback_category .feedback_row .circle strong { font-size: 12px; font-style: italic; font-weight: normal; left: 0; line-height: 17px; position: absolute; text-align: center; top: 50px; width: 100%;}
.feedback_category .feedback_row .circle span { display: block; font-size: 30px; line-height: 40px; font-weight: bold; font-style: normal;}
/*--------------------- End Thank you and Result Page --------------------------*/

/*---------------------Dashboard Page --------------------------*/
.dashboard_box{display: block; position: relative; box-shadow: 0 1px 15px 1px rgba(69,65,78,.08); background: #fff; margin-bottom: 30px;}
.dashboard_box .red_block{background: #ccc; padding: 20px 20px 40px 20px;}
.dashboard_box .white_block {text-align: center; padding-bottom: 30px;}
.dashboard_box .white_block .box{width: 27%; padding: 10px; background: #fff;box-shadow: 0 1px 15px 1px rgba(69,65,78,.08); text-align: left; display: inline-block; margin: -30px 10px 0 10px;}
.dashboard_box .white_block .box i{color: #B01116; margin: 0 0 10px 0; font-size: 18px;}
.dashboard_box .white_block .box .title{ font-size: 13px; color: #222; margin-bottom: 10px;}
.dashboard_box .white_block .box .number{ font-size: 20px; color: #222;}

.chart_block {width:100%;height:200px;font-size:11px;}	
/*---------------------End Dashboard Page --------------------------*/

/*=================End Inner pages======================*/

@media (min-width: 768px) {
    .navigation ul li ul.dropdown-menu {display:block; opacity:0; top:100px; visibility:hidden; -moz-transition: all .25s ease-out;-ms-transition: all .25s ease-out;-o-transition: all .25s ease-out;transition: all .25s ease-out; }
    .navigation ul li:hover ul.dropdown-menu {opacity:1; visibility:visible; top:50px; -moz-transition: all .25s ease-out;-ms-transition: all .25s ease-out;-o-transition: all .25s ease-out;transition: all .25s ease-out; }
}
@media screen and (-webkit-min-device-pixel-ratio:0) {}