/* Font Declaration */
@font-face{font-family:'Opensans-Regular';src:url('../fonts/opensans-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-regular.woff') format('woff'), url('../fonts/opensans-regular.ttf') format('truetype'), url('../fonts/opensans-regular.otf') format('opentype'), url('../fonts/opensans-regular#opensans-regular') format('svg');}
@font-face{font-family:'OpenSans-Light';src:url('/fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Light.woff') format('woff'), url('../fonts/OpenSans-Light.ttf') format('truetype'), url('../fonts/OpenSans-Light.svg#OpenSans-Light') format('svg');}
@font-face{font-family:'Opensans-Semibold';src:url('../fonts/opensans-semibold.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-semibold.woff') format('woff'), url('../fonts/opensans-semibold.ttf') format('truetype'), url('../fonts/opensans-semibold.otf') format('opentype'), url('../fonts/opensans-semibold#opensans-semibold') format('svg');}
@font-face {font-family: 'ProximaNova-Bold';  src: url('../fonts/ProximaNova-Bold.eot');  src: url('../fonts/ProximaNova-Bold.woff2') format('woff2'), url('../fonts/ProximaNova-Bold.woff') format('woff'), url('../fonts/ProximaNova-Bold.ttf') format('truetype'), url('../fonts/ProximaNova-Bold.svg#ProximaNova-Bold') format('svg'), url('../fonts/ProximaNova-Bold.eot?#iefix') format('embedded-opentype'); font-weight: normal; font-style: normal;}
@font-face {  font-family: 'proximanovalight';  src: url('../fonts/ProximaNova-Light.woff') format('woff'), url('../fonts/ProximaNova-Light.ttf') format('truetype'), url('../fonts/ProximaNova-Light.svg#ProximaNova-Light') format('svg'); src: url('../fonts/proximanovalight.eot');  src: url('../fonts/proximanovalight.woff2') format('woff2'), url('../fonts/proximanovalight.eot?#iefix') format('embedded-opentype');
font-weight: normal; font-style: normal }
@font-face {  font-family: 'ProximaNova-Semibold';  src: url('../fonts/ProximaNova-Semibold.woff') format('woff'), url('../fonts/ProximaNova-Semibold.ttf') format('truetype'), url('../fonts/ProximaNova-Semibold.svg#ProximaNova-Semibold') format('svg');
  font-weight: normal;  font-style: normal}
 @font-face { font-family: 'proximanova-regular'; src: url('../fonts/proximanova-regular.eot'); src: url('../fonts/proximanova-regular.woff2') format('woff2'), url('../fonts/proximanova-regular.woff') format('woff'), url('../fonts/proximanova-regular.ttf') format('truetype'), url('../fonts/proximanova-regular.svg#proximanova-regular') format('svg'), url('../fonts/proximanova-regular.eot?#iefix') format('embedded-opentype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'ProximaNova-Medium'; src: url('../fonts/ProximaNova-Medium.eot'); src: url('../fonts/ProximaNova-Medium.woff2') format('woff2'), url('../fonts/ProximaNova-Medium.woff') format('woff'), url('../fonts/ProximaNova-Medium.ttf') format('truetype'), url('../fonts/ProximaNova-Medium.svg#ProximaNova-Medium') format('svg'), url('../fonts/ProximaNova-Medium.eot?#iefix') format('embedded-opentype'); font-weight: normal; font-style: normal; }


/* End */



/*Login Page*/
.login_page{ width: 100%; height: 100vh; background: linear-gradient(to bottom, #231f20 0%,#302d2e 25%, #484547 50%, #676666 100%); float: left; position: absolute;top: 0; left: 0}
.login_page:before{position: absolute;top: 0;background: #ffc000; content: '';height: 20px; left: 0;width: 100%}
.login_section{background: #ffc000; width: 785px; height: 300px; margin: 0 auto; border-radius: 8px;margin-top:250px;box-shadow: 0px 6px 10px 2px rgba(0,0,0,0.2);}
.loginimg{ background: url(../images/loginlogo.png)no-repeat center center; width: 260px; height: 60px}
#loginlogo{ display: table;width: 100%;margin: 0 auto;height: 100%}
.logintext{font-family: 'proximanovalight'; font-size:25px; color:#000;margin-top: 10px;}
.left_blk{float:left;width:40%;height: 300px}
.right_blk{float:left;width:60%; background:#fff;height: 300px; padding:25px 50px;border-radius:0 8px 8px 0;position: relative;}
.login_blk{width:100%;margin-top: 20px}
.login_blk h4{font-size:20px; color:#324259; font-family: 'ProximaNova-Bold';}
.login_blk .txt_box.emailicon { background-image: url('../images/user-login.png')!important }
.login_blk .txt_box.pass { background-image: url('../images/key.png')!important }
.login_blk .txt_box { font-family: 'ProximaNova-Regular'; font-size: 15px; color: #324259; background-color: #fff!important; background-repeat: no-repeat; background-position: left center; border: none; border-bottom: 1px solid #d5d5d5; padding: 12px 0px 12px 30px; width: 100%; margin: 0px; position: relative; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; outline:none; box-shadow:none}
.login_blk input.txt_box:-webkit-autofill { -webkit-box-shadow: inset 0 0 0px 9999px #f0f3f8}
section.login_section .login_blk .txt_box::-webkit-input-placeholder { color: #324259 }
section.login_section .login_blk .txt_box::-moz-placeholder { color: #324259 }
section.login_section .login_blk .txt_box:-ms-input-placeholder { color:#324259 }
section.login_section .login_blk .txt_dec { position: relative; margin: 0px 0px 12px }
section.login_section .login_blk .txt_box ~ .high_border { background: #ffc000; display: block; width: 0; height: 2px; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s }
section.login_section .login_blk .txt_box:focus ~ .high_border { width: 100% }
.login_blk .alert-danger{padding:0 15px; margin-top: -35px;text-align: center; }
.loginbutton{float:left;width:100%;margin-top:10px}
.loginbutton .login_btn{float:right; background: #231f20; color:#fff; font-size:14px; font-family:ProximaNova-Bold;padding:6px 20px;border:0px;width: 100px; border-radius: 15px;outline: none;}
.loginbutton .login_btn:hover{ background: #ffc000;color:#333; }
.loginbutton .forget{float:left; color: #324259;  margin-top: 6px}
.loginheader{ background:#324259; width:100%;height:63px;position: relative}
.headersocial{ position:absolute;top: 18px;right:100px}
.headersocial a{width:25px; height:25px; border-radius:50%; color:#000; background:#fff;float:left; text-align:center;margin-left:10px}
.headersocial a:hover{ background:#56a8fe; color:#fff}
.headersocial a .fa{font-size: 15px; position: relative; top: 4px;}
.loginheader ul{list-style:none;padding:0;width:100%; text-align:center; margin: 21px 0 0;}
.loginheader ul li{ display:inline-block}
.loginheader ul li a{padding:0 20px; text-transform:uppercase;color:#fff; font-family:ProximaNova-Bold;text-decoration:none;font-size:13px}
.newuserlk{clear:both; display:block;color:#56a8fe; text-decoration:underline;font-size:13px;margin-top:25px; font-family:ProximaNova-Bold;float:left}
.footercopy{position: absolute;bottom: 0; font-family:Opensans-Regular; opacity:.5;color:#fff; font-size: 13px; text-align: center; max-width: 1200px; left: 0; right: 0;bottom: 0; border-top: 1px solid #a2a2a2; padding: 15px 0;width: 100%; margin: 0 auto}
/*End*/



/*Dashboard section*/
/*app-header, app-footer{ display: none; }*/
.home-section .pad_right{padding-right: 30px}
.header-title{margin-top: 35px;margin: 30px 0 35px; float: left;width: 100%}
.header-title h1{ color: #333; font-size: 26px; font-family:ProximaNova-Bold; margin-top: 25px}
.homelists{}
.homelists ul{margin:0; padding: 0; list-style: none}
.homelists ul li{ background-color: #f4f3f3;border-radius:8px; min-height: 125px;margin-bottom: 25px ;box-shadow: -1px 4px 10px -4px rgba(0,0,0,0.39)}
.homelists .client_total{background-color: #2f2b2c;float: left;width: 35%;color: #fff; height: 125px;border-radius:8px 0 0 8px; padding: 33px 30px 30px 95px; background:url(../images/icon1.png)no-repeat 40px 38px,linear-gradient(to bottom, #4c4849 0%,#403c3d 50%, #2b2728 100%);}
.homelists .client_total2{ background:url(../images/icon2.png)no-repeat 40px 38px,linear-gradient(to bottom, #4c4849 0%,#403c3d 50%, #2b2728 100%); }
.homelists .client_total3{ background:url(../images/icon3.png)no-repeat 40px 38px,linear-gradient(to bottom, #4c4849 0%,#403c3d 50%, #2b2728 100%); }
.homelists .client_total h3{margin: 0;font-family:ProximaNova-Bold; font-size: 21px; font-weight: normal}
.homelists .client_total span{font-size: 28px; font-family: ProximaNova-Medium}
.client_det{float: right; width: 65%;padding: 36px 0px 0 0}
.client_detin{ float: left;width: 25%;border-right: 1px solid #d0cfcf; padding-left: 28px }
.client_detin.client_detdel {border-right:0;}
.client_detin h4{font-family: ProximaNova-Medium; font-size: 19px; margin: 0}
.client_detin span{ font-size: 25px; display: block; margin-top: 5px}
.addclient{ float: left; width: 25%;text-align: center }
.addclient span {font-size: 24px;display: block;background: #000;width: 30px;height: 30px;border-radius: 50%;line-height: 27px;color: #ffc000;margin: 0 auto 8px;font-family: opensans-regular; transition: all ease 0.5s}
.addclient a{ font-size: 15px; font-family: proximanova-regular;text-decoration:none;color: #333 }
.addclient a:hover, .addclient a:focus{text-decoration: none; }
.addclient a:hover span{ background: #ffc000; color: #000 }
.recentactivity{ float: right;max-width: 300px }
.recentactivity h4{font-family:ProximaNova-Bold; font-size: 19px;border-bottom: 3px solid #ffc000;padding: 0 0 10px; margin:0 0 20px;}
.recentactivity p{ font-size: 14px; color: #666;margin-bottom: 20px }
.recentactivity ul{margin:0;padding: 0; list-style: none}
.recentactivity li{margin-bottom: 20px; font-size: 15px;}
.recentactivity li span{ display: block; font-size: 14px; color: #999 }
.recentactivity li a{ color: #333; }
.recentactivity .btn{border-radius: 20px; padding: 6px 25px;font-family:ProximaNova-Bold;}

/*Client Section*/
.client-section{max-width: 100%;width: 100%}
.client-title{background-image: url(../images/client-icon.png);background-repeat: no-repeat;padding: 0 0 0 40px}
.buttons-head{float: right;width: auto;margin-top: 25px}
.buttons-head span.plusbutton {font-size: 24px; float:left;display:inline-block; text-align:center;background: #000;width: 30px;height: 30px;border-radius: 50%;line-height: 27px;color: #ffc000;margin: 0 auto 8px;font-family: opensans-regular; transition: all ease 0.5s}
.buttons-head a{ font-size: 15px; font-family: proximanova-regular;text-decoration:none;color: #333 }
.buttons-head span.buttontext{float: left;padding: 5px 0 0 5px}
.buttons-head a:hover, .buttons-head a:focus{text-decoration: none; }
.buttons-head a:hover span.plusbutton{ background: #ffc000; color: #000 }
.filtertable{margin:-10px 0 25px; max-width: 900px}
.filtertable .form-control{border-radius:20px; height: 40px;padding: 0 20px}
.filtertable select.form-control{background-image: url(../images/select-arrow.png);background-repeat: no-repeat;background-position: 93% 17px;-webkit-appearance: none;-moz-appearance:none;appearance:none;}
.filtertable .btn-primary{border-radius: 50%;width: 40px; height: 40px; font-size: 18px}
.total_list{ font-size: 15px;color: #666;margin: 0 0 10px;}
.table-responsive .table{font-size: 15px}
.table-responsive .table th{ background-color: #e0e0e0;border-bottom: 2px solid #c4c4c4; font-size: 14px; font-weight: normal; }
.table-responsive .table .fa-cog{color: #999}
.table-responsive .table>tbody>tr>td, 
.table-responsive .table>tfoot>tr>td,
.table-responsive .table>thead>tr>td{border-top: 0;border-bottom: 1px solid #d6d6d6}
.table-responsive .table.client-table td:first-child{/*font-family:ProximaNova-Bold;*/}
.table-responsive .table tr:nth-child(even){background-color: #fafafa}
.table-responsive .table td.inactive{color: #ff6600}
.table-dropdown.open>.dropdown-menu{left: auto;right: 0;width: auto;min-width: auto; font-size: 13px; margin-top: 15px;padding: 0}
.table-dropdown .dropdown-menu>li>a{padding: 4px 15px}
.table-dropdown .dropdown-menu:before, .table-dropdown .dropdown-menu:after { border: medium solid transparent; content: " "; height: 0; right: 32px; pointer-events: none; position: absolute; top: -29px; width: 0 }
.table-dropdown .dropdown-menu:after { border-bottom-color: #fff; border-width: 12px; margin-left: -12px; margin-top: 5px; margin-right: 2px }
.table-dropdown .dropdown-menu:before { border-bottom-color: rgba(204,204,204,0.5); border-width: 14px; margin-left: -14px; }

.modal .modal-header{padding: 0;border-bottom: 2px solid #ffc000;padding-bottom: 6px}
.modal .modal-title{font-family: ProximaNova-Bold; font-size: 26px}
.modal .modal-footer{padding:25px 0 0;border: 0}
.client_modal .modal-dialog{max-width: 1060px;width: 100%; }
.client_modal textarea{min-height: 127px}
.modal .modal-dialog .modal-content{padding: 20px 45px}
.modal .modal-body{padding: 25px 0 0}
.modal .form-control{ background-color: #fbfbfb;border: 1px solid #ccc;box-shadow: none }
.modal input[type="text"],.modal input[type="email"],.modal input[type="password"]{height: 43px}
.modal label{font-family: ProximaNova-Bold;font-size: 15px; font-weight: normal;}
.uploadlogo{position: relative;text-align: left;}
.uploadlogo input, .uploadlogo input[type=file]{display: none;}
.modal-footer .uploadlogo .btn-primary{border:2px solid #918f8f; background: none;color: #333}
.modal-footer .uploadlogo .btn-primary:hover{border:2px solid #918f8f!important;}
.modal-header .close{font-size: 40px; opacity: 1; color:#000;outline: none;}
.modal select.form-control {background-image: url(../images/select-arrow.png);background-repeat: no-repeat;background-position: 96% 17px;-webkit-appearance: none;-moz-appearance: none;appearance: none;height: 43px}
.paginate{float: right !important;margin: 4px 0 !important;}
.ngx-pagination .current { background:#231f20 !important;  }
.ngx-pagination {   margin-bottom: 0px !important; }
.survey-section {margin-bottom: 30px; }
/*Survey Section*/
.surmain-listing .teamlead_det{margin-bottom: 30px}
.surmain-listing .teamlead_det.active{border: 1px solid #000;background: #fff}
.surveypanel{border: 1px solid #000;border-radius: 10px;padding: 22px;max-width: 280px}
.surveypanel_affix .affix{top: 50px}
.surveypanel .panel-default>.panel-heading{border-bottom: 0; background: #fff;padding: 8px 0 8px 40px; position: relative}
.surveypanel.panel-group .panel{border: 0;margin: 0!important;border-bottom: 1px solid #cccccc;border-radius: 0; box-shadow: none}
.surveypanel.panel-group .panel .panel-body{border-top: 0!important}
.surveypanel h3{font-family:ProximaNova-Bold; font-size: 17px; margin: 0;border-bottom: 1px solid #ccc;padding-bottom: 15px}
.panel-heading h4 a{display: block;text-decoration: none;color: #000; font-size: 15px; font-family:ProximaNova-Bold; }
.panel-heading h4 {}
.panicon{position: absolute;left:8px;background-color: #000;font-size: 13px;font-family: ProximaNova-Bold;color: #fff;width: 20px;border-radius: 50%;height: 20px;top: 5px;text-align: center; line-height: 22px}
.header-title p{font-size: 17px;margin: 16px 0}
.header-title p strong{font-weight: normal; font-family:ProximaNova-Bold; }
.tabsicons { position: relative; width: 96%;margin: 10px 0 10px; float: left;}
/*.tabsicons:before{width: 100%; position: absolute; left: 0;background: #bebebe; content: ''; height: 2px}*/
.tabsicons .stepicon{ float: left; width: 16%; position: relative; }
.tabsicons .stepicon span{ background: #fff; width: 25px; height: 25px;display: block; border-radius: 50%; border:1px solid #b4b4b4;position: relative;z-index: 999}
.tabsicons .stepicon:before{width: 100%; position: absolute; left: 0;background: #bebebe; content: ''; height: 2px;top: 12px}
.tabsicons .stepicon.active:before{background: #43a911}
.tabsicons .stepicon.active span{background: #43a911;border-color: #43a911;font: normal normal normal 14px/1 FontAwesome;text-rendering: auto; -webkit-font-smoothing: antialiased;}
.tabsicons .stepicon.active span:before {content: "\f00c"; font-size: 12px;width: 20px;left: 6px;position: relative; top: 3px;color: #fff}
.tabsicons .stepicon.progresson span{background-image:url('../images/progressicon.png');background-repeat: no-repeat; border: 0;width: 31px;height: 31px; top: -3px}
.tabsicons .stepicon:first-child{}
.tabsicons .stepicon:last-child{width: 2.5%}
.tabsicons .stepicon a{border:1px solid #bebebe;width: 20px; height: 20px; border-radius: 50%; left: 0; top: -9px; display: block; position: absolute; background: #fff; }
.tabsicons .stepicon:first-child a{}
.tabsicons .stepicon:last-child a{}
.form_answers label {padding-right: 15px}
.form_answers label input[type="radio"]{position: absolute; visibility: hidden;}
.form_answers label span.checkmark{display: block; position: relative; border-radius: 45px; height: 40px;  background: #fff; z-index: 9; color: #333; font-size: 14px;cursor: pointer; -webkit-transition: all 0.25s linear;
    text-align: center; padding: 8px 20px; font-family: 'ProximaNova-Bold'; border: 2px solid #e5e5e5}
input[type=radio]:checked ~ span { background: #ffc000; }
.tabform_question ul{margin: 0; padding: 0; list-style: none; position: relative;}
.tabform_question ul li{float: left; margin-bottom: 20px}
.tabform_question ul li:last-child{border-bottom: 0}
.tabform_question { clear: both;float: left;width: 100%;min-height: 150px}
.tabform_question .question{ float: left;width: 100%; font-size: 20px; color: #333; font-family: Opensans-Semibold; margin: 20px 0 30px}
.tabform_question .form_answers{ float: left; width: 100%;}
.survey-section .pad_rightsur{padding-right: 40px}
.surveys_form_tabs .header-title{margin: 0}
.tabsform_content{float: left;width: 100%; /*border-bottom: 2px solid #ffc000;padding-bottom: 30px;*/margin-bottom: 35px; margin-top: 35px}
.continue-button .btn{border-radius: 40px;text-transform: uppercase;font-family: ProximaNova-Bold;font-size: 15px;/*width: 180px;*/ padding: 10px 45px; outline: none; margin-left: 20px}
.continue-button { text-align: right; clear: both}
.surveys_form_tabs{clear: both}
.teamlead_det{ float: left;width: 100%; background-color: #f4f3f3; border-radius: 10px; min-height: 150px;margin-bottom: 15px; padding:15px 30px 25px;box-shadow: -1px 4px 10px -4px rgba(0,0,0,0.39) }
.survey_top{border-bottom: 1px solid #c3c2c2; color: #666; font-size: 15px;float: left;width: 100%;padding-bottom: 15px; padding-top: 5px; margin-bottom: 15px}
.surveytext{float: left; width: 50%}
.survey_status{text-align: right; width: 50%; float: left;}
.suruser_img, .survey_user_id{ float: left;width: 50%;}
.survey_user_id{text-align: right;font-family: proximanovalight; font-size: 20px; margin-top: 10px}
.survey_user_id p{margin-bottom: 0; color: #000;}
.survey_user_id span{font-size: 14px; display: block;}
.usercircle{float: left;width: 60px; height: 60px; border-radius: 50%; margin-right: 15px}
.survey_usertext{ float: left; margin-top: 7px }
.survey_usertext h3{color: #333; font-family: 'ProximaNova-Semibold'; font-size: 22px;margin: 0}
.survey_usertext p{ color: #333;font-size: 15px;margin: 15px 0 0px}
.surveyinfo {margin: 5px 0 0;font-size: 15px; display: block; clear: both; float: left;}
.tabform_inner{ background-color: #fff;padding: 35px;border:2px solid #bebebe; float: left;width: 100%;border-radius: 15px;box-shadow: -1px 4px 10px -4px rgba(0,0,0,0.39);margin-bottom: 25px  }
.tabform_inner .header-title h1{margin-top: 0}
.total_question{ background-color: #f4f3f3; padding: 8px 15px; float: left; width: 100%; text-align: right; font-size: 15px; color: #666 }
.term_info{position: relative; display: inline-block;width: 20px; height: 20px; background: #ff6600; font-size: 13px; text-align: center; border-radius: 50%; color: #fff;margin-left:10px; line-height: 21px}
.tabform_question .questionloaders{text-align: center;float: left;width: 100%;position: absolute; left: 0; right: 0;margin: 0 auto;top:75px; }


/*Survey Lists*/
.container.container-fluid{width: 100%; max-width: 100%; padding: 0; margin-top: -20px}
.survey-tabs-lists .nav-tabs{border-bottom: 1px solid #b2b2b2}
.survey-tabs-lists .nav-tabs li{ width: 140px}
.survey-tabs-lists .nav-tabs li.receivedtab{border-right: 1px solid #b2b2b2}
.survey-tabs-lists .nav-tabs li.schedule_li{float: right; width: auto;}
.survey-tabs-lists .nav-tabs li.schedule_li a{border: 0!important;background: #231f20;color: #fff; border-radius: 21px!important; text-transform:none!important; text-align:center;padding: 10px 26px!important;font-size: 14px!important}
.survey-tabs-lists .nav-tabs li.schedule_li a:hover{background: #ffc000;color: #333}
.survey-tabs-lists .table .table{border: 1px solid #ddd;}
.survey-tabs-lists .table .table-responsive{ max-width: 90%;margin: 0 auto 35px}
.survey-tabs-lists .nav-tabs li a, 
.survey-tabs-lists .nav-tabs li a:hover, 
.survey-tabs-lists .nav-tabs li a:focus
{ background-color: #e0dfdf; border: 1px solid #b2b2b2;margin-right: 0;border-right: 1px solid transparent;border-radius: 0; font-size: 16px; font-family: ProximaNova-Bold; text-transform: uppercase;color: #000;padding: 15px 0 15px 25px}
.survey-tabs-lists .nav-tabs li.active a,
 .survey-tabs-lists .nav-tabs li.active a:hover,
 .survey-tabs-lists .nav-tabs li.active a:focus
 {border: 1px solid #b2b2b2;border-right: 1px solid transparent;border-bottom: 1px solid transparent;background-color: #fff;}
.survey-tabs-lists .tab-content{padding: 35px 0;}
.survey-tabs-lists .tab-content p{font-size: 16px}
.adduser-icon {width: 100%; float: left;}
.table-responsive{clear: both}
.survey-cat-tit{display: block;font-family: ProximaNova-Bold;font-size: 15px; color: #333}
.survey-cat-tit span{font-family: proximanovalight;display: block}
.survey-cat-tit:hover { text-decoration: none; }
.survey-tabs-lists .table>tbody>tr>td, 
.survey-tabs-lists .table>tfoot>tr>td,  
.survey-tabs-lists .table>thead>tr>td{font-size: 14px;padding-top:20px;padding-bottom: 20px}
.survey-tabs-lists table .table>tbody>tr>td{ padding: 15px 8px}
.survey-tabs-lists .table-responsive{padding-bottom: 0}
.survey-tabs-lists .buttons-head{ margin: 5px 0 15px}
.report_status a{color: #ff6600;text-transform: uppercase;font-size: 13px;text-transform: none}
.report_status a:hover{text-decoration: none;color: #333}
.survey-tabs-lists table .panel-title a{ font-size: 28px}
.survey-tabs-lists table .panel-title a .fa-angle-down:before{content:"\f106"}
.survey-tabs-lists table .panel-title a.collapsed .fa-angle-down:before{content: "\f107"}
.survey-tabs-lists table table td{padding: 10px 8px}
.usersurvey{background-image: url(../images/default_user_icon.png); float: left;width: 32px; height: 32px; background-position: center;background-size: cover;border-radius: 50%;margin-right: 15px}
.usersuname{font-family: ProximaNova-Bold;font-size: 15px; margin-top: 6px;float: left;}
.container-fluid app-survey{position: relative;float: left;width: 100%}
.container-fluid app-survey:before{background: #f4f3f3;width: 100%;height: 140px;content: '';top: 0; position: absolute;border-bottom: 1px solid #b2b2b2;margin-top: -1px}
.container-fluid .header-title{margin-top: 45px;position: relative;}
app-survey-schedule .header-title p{font-size: 16px}
app-survey-schedule .header-title{margin:35px 0 10px;}
.surveyfilter {float: left;width: 100%;margin-bottom: 10px}
.survey_table_list{border-top: 1px solid #ddd;padding-top: 35px;float: left;width: 100%}
.survey-fil-but{float: right;margin-top: 33px;}
.survey-fil-but .btn{border-radius: 20px;padding: 5px 22px;margin-left: 14px; font-family: proximanova-bold; position: relative; }
.survey-fil-but .btn span{ color: #ffc000;font-size: 25px;position: absolute;top: -2px;right: 10px}
.survey-fil-but .btn:hover span{color: #000}
.surveyfilter .date-control{background-image: url(../images/calendar-icon.png);background-repeat: no-repeat;background-position: 92%}
.surveyfilter select.form-control{background-image: url(../images/select-arrow.png);background-repeat: no-repeat;background-position: 93% 17px;-webkit-appearance: none;-moz-appearance: none; appearance: none;}
.surveyfilter .form-control{height: 42px;background-color: #fbfbfb;box-shadow: none}
.surveyfilter label{font-size: 15px; font-family: proximanova-bold;font-weight: normal; margin-bottom: 10px}
.action-icon{color:#333;padding-left: 7px }
.action-icon:hover{color:#ff6600 }
.question_error {color: #f60e0e;font-size: 15px;margin: 15px 0 0; display: block; font-family: ProximaNova-Medium;float: left;width: 100%}
.survey_table_list .table-responsive .table>tbody>tr>td{vertical-align: middle;}
.thankuinner{text-align: center;padding-top: 45px; padding-bottom: 20px}
span.checkcircle {display: block;background: #43a911;color: #fff;width: 40px;height: 40px;border-radius: 50%;margin: 0 auto;line-height: 43px;font-size: 20px}


/* Page Loader */
.pgloader { background: rgba(0,0,0,0.5); bottom: 0;  height: 100%; left: 0; position: fixed; right: 0; top: 0; width: 100%; z-index: 9999; }
.pgloader .content { width: 69px; height: 69px; margin: auto; background: transparent; position: absolute; top: 0; bottom: 0; left: 0; right: 0 }
.pgloader .outer { background-color: rgba(0,0,0,0); border: 5px solid #ffc000; opacity: .9; border-top: 5px solid rgba(0,0,0,0); border-left: 5px solid rgba(0,0,0,0); border-radius: 50px; width: 69px; height: 69px; margin: 0 auto; -moz-animation: spin .5s infinite linear; -webkit-animation: spin .5s infinite linear; }
.pgloader .inner { background: transparent; border: none; opacity: 1; border-radius: 50px; width: 49px; height: 49px; margin: 0 auto; position: relative; top: -50px; }
.pgloader .inner img{display: block;margin: 0 auto;text-align: center;width: 35px;border-radius: 50%; height: 35px}
@-moz-keyframes spin {
 0% {
-moz-transform:rotate(0deg);
}
 100% {
-moz-transform:rotate(360deg);
}
}
@-webkit-keyframes spin {
 0% {
-webkit-transform:rotate(0deg);
}
 100% {
-webkit-transform:rotate(360deg);
}
}

/* Page Loader End*/

@media(max-width: 1400px)
{ 
.login_section{margin-top: 140px}
}
@media(max-width: 1200px)
{ 
.navbar .navbar-collapse .container {padding: 0;}
.navbar-collapse a.nav-link1,.navbar-collapse a.nav-link2,.navbar-collapse a.nav-link3,.navbar-collapse a.nav-link4,.navbar-collapse a.nav-link5,.navbar-collapse a.nav-link6{padding-right: 10px!important}
.survey-section .pad_rightsur{padding: 0 15px}
footer .container{text-align: center;}
}
@media(max-width: 900px)
{
.topheaderbar .topdropdown{margin: 25px 0 15px; float: left;}
.topheaderbar .navbar-brand{width: 100%; height: auto;padding: 20px 0 0px}
.topheaderbar .navbar-toggle{float: right;background-color: #000; margin: 20px 5px 15px;display: block;}
.topheaderbar .navbar-toggle .icon-bar{background-color: #fff}
.navbar .navbar-collapse.in{left: 0}
.navbar-brand>img{max-width: 100%}
.navbar .navbar-collapse {width: 185px;position: fixed;z-index: 9999;background: #231f20;top: 0;height: 100vh!important;padding: 0;margin: 0;left: -185px; transition: all 0.5s ease;}
.navbar .navbar-collapse .navbar-nav{margin: 0}
.navbar .navbar-collapse a{border-right: 0;border-bottom: 1px solid #666;padding-top: 13px}
.navbar .navbar-collapse .container{padding: 0; height: 100vh}
.navbar .navbar-collapse .pull-left, .navbar .navbar-collapse .pull-right{width: 100%}
.navbar .navbar-collapse .pull-right a{padding: 10px 0 10px 23px;line-height: normal;}
.navbar a.helptext span {width: 20px;height: 20px;line-height: 25px;font-size: 15px}
.navbar a.helptext:hover{background: #5e5c5d }
.navbar a.helptext:hover span{ background: #ffc000;color: #000}
.navbar-nav>li{width: 100%}
.table-dropdown .dropdown-menu:before, .table-dropdown .dropdown-menu:after{right: 10px}
.survey-fil-but .btn{ padding: 5px 14px; margin-left: 4px}

/*Login Page*/
.login_section{width: 95%}
#loginlogo, .loginimg{width: 100%;}
}

@media(max-width: 800px)
{
/* Force table to not be like tables anymore */
.table-responsive table, .table-responsive thead, .table-responsive tbody, .table-responsive th, .table-responsive td, .table-responsive tr { display: block; padding-left: 0; padding-right: 0; }
 .table-responsive tr.collapse{display: none;} 
/* Hide table headers (but not display: none;, for accessibility) */
.table-responsive thead tr { position: absolute; top: -9999px; left: -9999px; }
.table-responsivetr { border: 1px solid #ccc; /* border-bottom: 1px solid #777; */ }  
.table-responsive td { /* Behave  like a "row" */ border: none!important; border-bottom: 1px solid #eee!important; position: relative; padding-left: 50%!important; white-space: normal!important; text-align:left; line-height: 22px; }
.table-responsive .panel-collapse td{padding-left: 0%!important}
.table-responsive .panel-collapse td td{padding-left: 50%!important; }
.table-responsive td:before { font-family:proximanova-bold;/* Now like a table header */ position: absolute; /* Top/left values mimic padding */  top: 6px; left: 10px; width: 45%; padding-right: 10px; /* white-space: nowrap; */ text-align:left;  font-weight: bold;   }
/* Label the data   */
.table-responsive td:before { content: attr(data-title); font-weight: normal; }
.table-responsive tr.collapse.in{display: block;}
.survey-tabs-lists .table .table-responsive{clear: both;border:0;}
.survey-tabs-lists .table .table{clear: both}
.usersurvey, .usersuname{float: none;}
}

@media(max-width: 767px)
{
/*Header Section*/
.filtertable .kefywordfield{width: 100%;margin-bottom: 15px}
.filtertable .statusfield{width:80%}
.nav-login .topheaderbar .navbar-brand{width: 70%}

/*Homelists*/
.homelists ul li, .homelists .client_total, .client_det{width: 100%; float: left;}
.homelists .client_total{border-radius: 8px 8px 0 0;height: auto;background-position: 20px 45%; padding: 17px 20px 13px 70px}
.client_det { padding: 15px 0px 15px 0}
.recentactivity {float: none;margin: 40px auto 60px}
.home-section .pad_right{ padding-right: 15px}

/*Survey Page*/
.surveypanel_affix .affix{position: relative; top: 0}
.surveypanel_affix .panel-group{margin: 55px auto 25px}
footer .container p{text-align: center;}
.survey_table_list .table-responsive{border: 0;padding-bottom: 0}
.survey-fil-but{margin: 15px 0}
}

@media(max-width: 550px)
{
.left_blk, .right_blk{width: 100%;height: auto}
#loginlogo{ width: 100%;margin: 0;padding: 30px 0;}
.right_blk{border-radius: 0 0 8px 8px;height: auto;padding: 0 30px 20px}
.login_section{margin-top: 100px}

/*Survey Page*/
.suruser_img, .survey_user_id{float: left;width: 100%}
.survey_user_id{text-align: left;}
.form_answers label{width: 90%; display: block;}
.continue-button .btn{padding:10px 30px; margin-left: 10px }
.surveyinfo{font-size: 14px}
.tabform_inner{padding: 25px}
.survey-tabs-lists .nav-tabs li {width: 33.2%;text-align: center;}
.survey-tabs-lists .nav-tabs li a, .survey-tabs-lists .nav-tabs li a:hover, .survey-tabs-lists .nav-tabs li a:focus{padding: 15px 0; font-size: 15px;}
.survey-tabs-lists .nav-tabs{border-bottom: 0}
.container-fluid app-survey:before{margin-top: -3px}
.survey-tabs-lists .nav-tabs li.schedule_li a{margin-top: 24px}
}
@media(max-width: 479px)
{
.client_detin {width: 50%; text-align:center;margin-bottom: 25px;padding: 0 15px}
.client_detin:nth-child(2) {border-right: 0}
.client_det{ padding: 15px 0px 0 0}
.addclient{width: 50%; text-align: center;}
.client_detin.client_detdel{border-right: 1px solid #d0cfcf}
}