html {
overflow-x: hidden;
height: 100%;
}
body {
font-family: 'Poppins', sans-serif;
font-weight: 400;
background-color: #eff2f7;
overflow-x: hidden;
}
@font-face {
font-family: 'Glyphicons-Halflings';
src: url('../fonts/glyphicons-halflings-regular.eot');
src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflings-regular') format('svg'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.otf') format('truetype');
font-weight: normal;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;
}
a {
text-decoration: none;
-moz-transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
a:hover {
text-decoration: none;
}
.headertop {
padding: 25px 0;
background-color: #121214;
float: left;
width: 100%;
}
.logo {
float: left;
margin-top: 8px;
}
.searchbar {
width: 530px;
float: left;
position: relative;
margin-left: 13%;
}
.searchbar input {
border-radius: 5px;
height: 42px;
padding: 0px 55px;
color: #fff;
background-color: #343435;
outline: none;
border: none;
width: 100%;
}
.searchbar button {
border: none;
position: absolute;
left: 15px;
top: 11px;
color: #97979d;
background: none;
}
.searchbar button:hover {
color: #fff;
}
.rightnav {
float: right;
margin-top: 12px;
}
.rightnav ul {
padding: 0px;
margin: 0px;
}
.rightnav ul li {
list-style: none;
float: left;
padding-right: 15px;
}
.rightnav ul li a {
color: #dedede;
font-size: 16px;
}
.rightnav ul li a:hover {
color: #fff;
}
.rightnav .dropdown-menu a {
color: #000 !important;
font-size: 14px;
}
.headerbottom {
padding: 22px 0px;
background-color: #101011;
float: left;
width: 100%;
}
.navbar {
padding: 0px;
}
.navbar-nav li {
padding-right: 25px;
}
.navbar-nav li a {
color: #646466;
font-size: 16px;
}
.navbar-nav li a .fa {
padding-right: 15px;
}
.navbar-nav li a:hover,
.navbar-nav li a.active {
color: #fff
}
.midcontent {
float: left;
width: 100%;
padding-bottom: 55px;
}
.footer{
position: sticky;
bottom: 0;
}
.headingrow {
float: left;
width: 100%;
}
.headingrow h1 {
color: #121214;
font-weight: 600;
padding: 30px 0 20px 0px;
margin: 0px;
position: relative;
}
.headingrow h1::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 245px;
height: 10px;
background-color: #00e5b0;
}
.shortbg {
float: left;
width: 100%;
}
.shortlistedbtn {
float: left;
}
.shortlistedbtn a {
color: #121214;
font-size: 17px;
display: inline-block;
background-color: #35f93e;
padding: 12px 25px;
font-weight: 600;
border-radius: 3px;
}
.shortlistedbtn a:hover {
background-color: #0ed718;
color: #121214;
}
.shortlist-right {
float: right;
margin-top: 6px;
}
.shortlist-right ul{
padding: 0;
margin: 0;
}
.shortlist-right ul li{
list-style: none;
float: left;
margin-left: 5px;
}
.shortlist-right li a {
display: inline-block;
width: 30px;
border-radius: 50%;
padding: 9px 0 0px;
height: 30px;
line-height: 31px;
text-align: center;
background-color: #bbc4d3;
color: #121214;
font-size: 14px;
}
.shortlist-right li a:hover {
background-color: #00e5b0;
color: #121214;
}
.shortlist-right .dropdown-menu a{
border-radius: 0!important; width: auto!important; height:auto!important; display: block!important; background-color: #fff!important; padding: 0 10px!important; text-align: left!important; font-size: 14px;
}
.infobg{background-color: #fff; padding: 40px; border-radius: 10px; float: left; width: 100%; margin: 30px 0; box-shadow: 0px 0px 13px #ccc;}
.infobg h3{border-bottom: solid 1px #e3e6ed; color: #b5b6b9; font-size: 24px; font-weight: 500; margin: 0;}
.infobg h3 span{display: inline-block; background-color: #fff; padding-right: 30px; position: relative; top: 5px;}
.dashboardbg{float: left; width: 100%; padding: 20px 0px 45px;}
.dashboardbox{margin: 15px 0px; box-shadow: 0px 0px 13px #ccc; border-radius: 10px; overflow: hidden; border-top: solid 5px #00e5b0; padding: 18px; background-color: #fff;}
.dashboardbox-left{width: 120px; height: 120px; float: left; line-height: 120px; padding: 28px 0px; text-align: center; background-color: #00e5b0; border-radius: 3px; color: #fff;}
.dashboardbox-right{float: right; width: 72%; padding-top: 25px;}
.dashboardbox-right h4{color: #121214; font-size: 20px; font-weight: 600; margin: 0;}
.dashboardbox-right h3{color: #121214; font-size: 25px; font-weight: 600; margin: 15px 0 0 0;}
.dashboardbox-right .gobtn{float: right; color: #121214; padding: 10px 17px; margin-top: -10px; font-size: 20px; background-color: #00e5b0; border-radius: 3px;}
.dashboardbox-right .gobtn:hover{background-color: #000!important; color: #fff!important;}
.dashboardbox-right .clickhere{float: left; color: #121214; padding: 10px 17px; margin-top: 20px; font-weight: 600; font-size: 17px; background-color: #00e5b0; border-radius: 3px;}
.dashboardbox-right .clickhere:hover{background-color: #000!important; color: #fff!important;}
.dashboardbox-orange{border-color: #f9bc35;}
.dashboardbox-orange .dashboardbox-left{background-color: #f9bc35;}
.dashboardbox-orange .dashboardbox-right .clickhere{background-color: #f9bc35;}
.dashboardbox-orange .dashboardbox-right .gobtn{background-color: #f9bc35;}
.jobapp-grp{margin-top: 15px; width: 100%; float: left;}
.jobapp-grp a{display: block; padding: 10px 20px; border-radius: 3px; color: #fff; font-size: 20px; font-weight: 600; margin: 8px 0;}
.jobapp-grp a span{font-size: 30px; display: inline-block; padding-right: 15px;}
.jobapp-grp a:hover{background-color: #000!important; color: #fff!important;}
.motionbg{background-color: #fff; padding: 40px; border-radius: 10px; float: left; width: 100%; margin: 15px 0px 30px; box-shadow: 0px 0px 13px #ccc;}
.motionbg-banner{float: left; width: 100%;}
.motionbg-banner img{width: 100%; border-radius: 5px; /*height: 100%;*/}
.motionbg-bottomcontent{float: left; width: 100%; padding: 0px 50px;}
.imgbox003{margin-top: -60px!important;}
.motionbg-bottomcontent-top{float: left; width: 100%; padding: 35px 0px; border-bottom: solid 1px #d9dbde;}
.motionbg-bottomcontent-toplogo{width: 155px; height: 155px; text-align: center; border-radius: 5px; box-shadow: 0px 0px 13px #ccc; background-color: #fff;
margin-top: -120px; float: left; padding: 5% 0% 0%;}
.motionbg-bottomcontent-toplogo img{width: 95%; height: auto;}
.motionbg-bottomcontent-top-btngrp{float: right;}
.motionbg-bottomcontent-top-btngrp .share{color: #00ce9e; font-size: 40px; float: left; margin-top: 8px; margin-right: 10px;}
.motionbg-bottomcontent-top-btngrp .save{color: #00ce9e; font-size: 17px; font-weight: 600; border: solid 3px #00ce9e; padding: 12px 30px;
border-radius: 3px; margin: 0px 12px; float: left;}
.motionbg-bottomcontent-top-btngrp .apply{color: #121214; font-size: 17px; font-weight: 600; padding: 15px 30px;
border-radius: 3px; background-color: #00e5b0; float: left;}
.motionbg-bottomcontent-bottom{float: left; width: 100%; padding: 40px 0px;}
.motionbg-bottomcontent-bottom p{color: #2b2b2b; font-size: 16px; line-height: 22px; text-align: justify;}
.motionbg-bottomcontent-bottom ul li{color: #2b2b2b; font-size: 16px; line-height: 22px; margin: 5px 0px;}
.motionbg-bottomcontent-bottom h4 {color: #2b2b2b; font-size: 16px; font-weight: 600;}
.jobprevious p {text-align: justify;}
.bottombtngrp{float: left; width: 100%;}
.bottombtngrp button{display: inline-block; margin-right: 12px; padding: 20px 15px; border-radius: 3px; border: solid 3px #00e5b0;
color: #00e5b0; font-size: 15px; font-weight: 600; background-color: #f5f8fc; outline: none;}
.motin-gd{float: left; width: 100%;}
.motin-gd h1{color: #121214; font-size: 25px; font-weight: 600; margin: 0 0 20px 0px;}
.motin-gd-left-box{text-align: center; margin: 10px 0px; border-radius: 5px; padding: 32px 0px; color: #fff; font-size: 18px; font-weight: 500; background-color: #fd54a7;}
.motin-gd-left-box span{display: block;}
.candi-listbg{float: left; width: 100%; padding-bottom: 50px;}
.candi-list-btngrp a{float: left; padding: 0px 19px; border-radius: 3px; color: #121214; font-size: 15px; font-weight: 600; height: 44px; line-height: 44px; margin-right: 10px; margin-bottom: 15px;}
/*.candi-list-btngrp a:hover{background-color: #00e5b0!important; color: #121214!important;}*/
.candi-list-btngrp a:hover{box-shadow: 1px 4px 1px 1px #999}
.candi-listbg .searchbar02 {
width: 88%;
float: right;
position: relative;
}
.candi-listbg .searchbar02 input {
border-radius: 5px;
height: 44px;
padding: 0px 20px 0px 45px;
color: #121214;
background-color: #fff;
font-size: 15px;
font-weight: 500;
outline: none;
border: none;
width: 100%;
}
.candi-listbg .searchbar02 button {
border: none;
position: absolute;
left: 15px;
top: 11px;
color: #121214;
background: none;
}
.candi-listbg .searchbar02 button:hover {
color: #000;
}
.candi-list-table{float: left; width: 100%; margin-top: 30px;}
.candi-list-table .table thead th {
color: #121214;
font-size: 13px;
font-weight: 600;
background-color: #bbc4d3;
border: none;
padding: 15px 10px;
}
.candi-list-table .table tr{opacity: 0.7; border-top: solid 8px #eff2f7;}
.candi-list-table .table tr:hover{opacity: 1;}
.candi-list-table .table tbody td{border: none; padding: 10px 7px !important; background-color: #fff; color: #121214; font-size: 14px;
vertical-align: middle;}
.btnsty01 {
display: inline-block;
width: 30px;
height: 30px!important;
background-color: #e9e9e9;
border-radius: 50%!important;
margin: 2px;
color: #000!important;
text-align: center;
vertical-align: middle;
padding: 7px 0px 0px!important;
font-size: 14px!important;
}
.btnsty01:hover{background-color: #00e5b0; color: #000;}
.profilebg{background-color: #fff; padding: 40px; border-radius: 10px; float: left; width: 100%; margin: 75px 0px 30px; box-shadow: 0px 0px 13px #ccc; box-sizing: inherit!important;}
.profilebg::before, .profilebg::after{box-sizing: inherit!important; width: 100%!important;}
.profilebg h3{border-bottom: solid 1px #e3e6ed; margin: 0;}
.profilebg h3 .textleft{display: inline-block; background-color: #fff; padding-right: 8px; position: relative; top: 5px;
color: #121214; font-size: 25px; font-weight: 600;}
.profilebg h3 .textright{background-color: #fff; padding-left: 8px; position: relative; top: 20px;
color: #121214; font-size: 12px; font-weight: 400; float: right;}
.uploadbannerbg{background-color: #eff2f7; width: 100%; height: 110px;
border-radius: 5px; float: left; margin-top: 14px; position: relative;}
.uploadbannerbtn{position: absolute; right: 34px; top: 4px;}
.uploadbannerbtn label{
display: inline-block;
background-color: #dcdcdc;
color: #121214;
padding: 7px;
border-radius: 50px;
cursor: pointer;
margin: 0;
font-size: 14px;
font-weight: 600;
}
.uploadimagebg{float: left; width: 100%; padding: 15px 30px 0px 30px; margin-bottom: 25px;}
.uploadimage{width: 105px; height: 105px; background-color: #fff; border-radius: 5px; text-align: center; box-shadow: 0px 0px 15px #ccc;
margin-top: -55px; position: relative; z-index: 9; float: left; margin-right: 10px; position: relative;}
.uploadlogoprofile{float: left; margin-left: 10px; position: absolute; right: -10px; top: -11px;}
.uploadlogoprofile label{
display: inline-block;
background-color: #dcdcdc;
color: #121214;
padding: 7px;
border-radius: 50%;
cursor: pointer;
margin: 0;
font-size: 14px;
font-weight: 600;
}
.uploadimagebtn{float:left; margin-left: 10px;}
.uploadimagebtn label{
display: inline-block;
background-color: #dcdcdc;
color: #121214;
padding: 10px 20px;
border-radius: 0.3rem;
cursor: pointer;
margin: 0;
font-size: 17px;
font-weight: 600;
}
.aboutcpbg {
float: left;
width: 100%;
margin: 22px 0px 22px 0px;
}
.aboutcpbg h4{color: #36383b; font-size: 20px; font-weight: 400; margin: 0 0 20px 0;}
.aboutcpbg h4 span{float: right;}
.aboutcpbg a{color: #1f6ee4; font-size: 14px; font-weight: 500;}
.aboutcpbg a:hover{color: #000;}
.switch {
position: relative;
display: inline-block;
width: 45px;
height: 28px;
}
.switch input {
opacity: 0;
width: 0;
height: 0;
}
.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s;
}
.slider:before {
position: absolute;
content: "";
height: 20px;
width: 20px;
left: 4px;
bottom: 4px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
}
input:checked + .slider {
background-color: #00e5b0;
}
input:focus + .slider {
box-shadow: 0 0 1px #00e5b0;
}
input:checked + .slider:before {
-webkit-transform: translateX(16px);
-ms-transform: translateX(16px);
transform: translateX(16px);
}
/* Rounded sliders */
.slider.round {
border-radius: 34px;
}
.slider.round:before {
border-radius: 50%;
}
.addskills .btn{display: inline-block; margin: 5px 5px 0 0; border-radius: 3px; padding: 0px 20px;
background-color: #00e5b0; font-size: 17px; color: #121214; border: solid 3px #00e5b0; font-weight: 600; height: 44px; line-height: 38px;}
.addskills .btn:hover{background-color: #04c296; color: #121214;}
.addskills .btn-add{display: inline-block; margin: 7px 2px 0 0; border-radius: 3px; padding: 0px 20px; font-size: 17px;
color: #00e5b0; font-weight: 600; height: 44px; line-height: 38px; border: solid 3px #00e5b0; vertical-align: middle;}
.addskills .btn-add:hover{background-color: #04c296; color: #121214;}
.addskills a .fa{padding-left: 10px;}
.jobformbg{background-color: #fff; padding: 40px; border-radius: 10px; float: left; width: 100%; margin: 30px 0; box-shadow: 0px 0px 13px #ccc;}
.jobformbg .form-control{font-size:16px; color:#71757c; height:70px; padding: 0px 25px; border:none; background:#e3e7ed; border-radius:5px; box-shadow:inset 0 3px 7px rgba(0,0,0,.0); box-shadow: 3px 0px 15px rgba(0,0,0,.0);}
.jobformbg label{font-size:18px; font-weight:500; color:#121214; margin:0px 0 15px 0px;}
.jobformbg .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #71757c;
}
.jobformbg .form-control::-moz-placeholder { /* Firefox 19+ */
color: #71757c;
}
.jobformbg .form-control:-ms-input-placeholder { /* IE 10+ */
color: #71757c;
}
.jobformbg .form-control:-moz-placeholder { /* Firefox 18- */
color: #71757c;
}
.motionbg-bottomcontent-topdetails{float: left; margin: -10px 0 0 20px;}
.motionbg-bottomcontent-topdetails h2{color: #121214; font-weight: 600; font-size: 28px; margin: 0px;}
.motionbg-bottomcontent-topdetails h5{color: #4a4a4f; font-size: 17px; font-weight: 500; margin: 0px;}
.motionbg-bottomcontent-topdetails h5 span{display: inline-block; width: 10px; height: 10px; border-radius: 50%;
background-color: #00e5b0; margin: 0px 8px;}
.inputdate{background-color: #dfe1e6; height: 58px; border: none; width: 50%; border-radius: 5px; padding: 0px 20px; outline: none;}
.publishbg{float: left; width: 100%; color: #2b2b2b; font-size: 20px; font-weight: 500; padding: 15px 0px; background-color: #7bffb6; text-align: center;}
.publishbg a{display: inline-block; background-color: #05cd5e; padding: 10px 30px; border-radius: 5px; color: #fff;}
.publishbg a:hover{background-color: #05ab4f;}
@media (min-width: 992px){}
.modal-lg {
max-width: 970px;
}
.selectplanbg{float: left; width: 100%; padding: 70px 0px;}
.select-plan{padding: 25px 25px 120px 25px; position: relative; background-color: #fff; box-shadow: 0px 0px 13px #ccc; border-radius: 5px; height: 100%;}
.select-plan h1{font-size: 24px; font-weight: 500; color: #fff; margin: 0; text-align: center; background: #101011;
border-radius: 5px; padding: 30px 0px;}
.select-plan h2{color: #101011; font-size: 33px; font-weight: 400; text-align: center; margin: 40px 0;}
.select-plan h4{color: #1f2022; font-size: 18px; line-height: 27px; font-weight: 600; margin: 0 0 10px 0;}
.select-plan p{color: #1f2022; font-size: 16px; font-weight: 500; margin: 0px;}
.select-plan p .fa{color: #00e5b0; padding-right: 7px;}
.paybtn{display: inline-block; padding: 25px 50px; border-radius: 5px; background-color: #00e5b0; color: #121214;
font-size: 17px; font-weight: 600; position: absolute; left: 25px; bottom: 25px;}
.paybtn:hover{background-color: #05c296; color: #121214;}
.paybtn .fa{padding-left: 15px; color: #121214;}
.formheading h3{color: #121214; font-size: 20px; font-weight: 500; margin: 0px;}
.formheading h2{color: #121214; font-size: 24px; font-weight: 500; margin: 12px 0 35px 0px;}
.appform h1{color: #b5b6b9; font-size: 24px; font-weight: 500; margin: 0 0 25px 0px;}
.appform .form-control{font-size:16px; color:#000; height:70px; border:none; background:#e3e7ed; border-radius:5px; box-shadow:inset 0 3px 7px rgba(0,0,0,.0); box-shadow: 3px 0px 15px rgba(0,0,0,.0);
padding: 0px 35px;}
.appform label{font-size:18px; font-weight:500; color:#121214; margin:0px 0 15px 0px;}
.appform .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #71757c;
}
.appform .form-control::-moz-placeholder { /* Firefox 19+ */
color: #71757c;
}
.appform .form-control:-ms-input-placeholder { /* IE 10+ */
color: #71757c;
}
.appform .form-control:-moz-placeholder { /* Firefox 18- */
color: #71757c;
}
.addmorebtn{display: inline-block; padding: 10px 25px; border-radius: 5px; color: #121214; font-weight: 500; font-size: 16px;
background-color: #00e5b0;}
.addmorebtn .fa{color: #90fbe2;}
.addmorebtn:hover{color: #121214; background-color: #01be92;}
.otherinfo{width: 100%;}
.otherinfo h2{color: #121214; font-size: 24px; font-weight: 500; margin: 40px 0px;}
.delcabg{border-top: solid 1px #e3e7ed; padding: 35px 0; margin-top: 30px;}
.delcabg h4{color: #121214; font-size: 18px; font-weight: 500; margin: 0 0 15px 0;}
.delcabg p{color: #121214; font-size: 12px; line-height: 25px; font-weight: 300;}
.profileinfo h1{color: #01cd9e; font-size: 30px; font-weight: 500;}
.profileinfo h5{color: #121214; font-size: 18px; font-weight: 500;}
.profileinfo p{color: #121214; font-size: 18px; font-weight: 300;}
.profileinfo p label{margin: 0; font-weight: 500;}
.bggray{padding: 25px; background-color: #e3e7ed; border-radius: 5px; float: left; width: 100%; margin-bottom: 25px;}
.submitbtn{float: left; width: 100%; text-align: center;}
.submitbtn button{background-color: #00e5b0; outline: none; border: none; border-radius: 5px; padding: 23px 55px;
color: #121214; font-size: 17px; font-weight: 600; display: inline-block;}
.submitbtn button:hover{background-color: #03d5a4;}
.submitbtn button .fa{padding-left: 20px;}
.rem-text{float: left; width: 100%; padding: 25px 0 40px 0; color: #121214; font-size: 16px; font-weight: 500;}
.rem-text a{float: right; color: #121214;}
.rem-text a:hover{color: #00e5b0;}
.donthave-text{float: left; width: 100%; text-align: center; color: #121214; font-size: 16px; font-weight: 500;}
.donthave-text a{color: #00e5b0;}
.donthave-text a:hover{color: #121214;}
.dashboardbox #totaljobs, .dashboardbox #totaljobsapp{width: 100%; float: left;}
.jobscollapse{width: 100%; float: left; padding-top: 20px;}
.jobscollapse a{margin: 0; color: #fff; font-size: 20px; font-weight: 600; background-color: #5783fc; padding: 15px 20px;
border-radius: 5px; margin: 10px 0; display: block;}
.jobscollapse a span{font-size: 30px; display: inline-block; padding-right: 12px; vertical-align: middle;}
.dropdown-menu{left: inherit; right: 0; transform: translate3d(0px, 35px, 0px)}
/*.dropdown-menu{left: inherit!important; right: 0!important; transform: translate3d(0px, 35px, 0px)!important;}*/
.gobtn{transform: rotate(90deg);}
.gobtn.collapsed{transform: rotate(0deg);}
.footer{float:left; width: 100%; background-color: #101011; padding: 20px 0px; z-index: 99999; margin: 50px 0px 0px;}
.footerlinks{float: left;}
.footerlinks a{color: #646466; font-size: 15px; display: inline-block; margin-right: 15px;}
.footerlinks a:hover{color: #fff;}
.copyright{float: right; color: #646466; font-size: 15px;}
/*.formarrow:after{background-image: url(../images/select-arrow.png); width: 50px; height: 20px; content: ""; position: absolute;
bottom: 24px; right: 20px;}*/
.paginationbg{float: left; width: 100%; text-align: center;}
.paginationbg .pagination{display: block;}
.paginationbg .pagination li{display: inline-block;}
.saltabs{float: left; width: 100%; margin-top: 30px;}
.saltabs h4 {
color: #36383b;
font-size: 20px;
font-weight: 400;
margin: 0 0 20px 0;
}
.saltabs .toggle, .toggler {
display: inline-block;
vertical-align: middle;
margin: 10px 0;
}
.saltabs .toggler {
color: #ddd;
transition: .2s;
font-weight: bold;
}
.saltabs .toggler--is-active {
color: #00e5b0;
}
.saltabs .toggle {
position: relative;
z-index: 0;
width: 80px;
height: 32px;
margin: 10px 20px;
border-radius: 100px;
background-color: #00e5b0;
overflow: hidden;
box-shadow: inset 0 0 2px 1px rgba(0, 0, 0, 0.05);
}
.saltabs .check {
position: absolute;
display: block;
cursor: pointer;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
z-index: 6;
}
.saltabs .check:checked ~ .switch {
right: 2px;
left: 42%;
transition: 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
transition-property: left, right;
transition-delay: .08s, 0s;
}
.saltabs .switch {
position: absolute;
left: 2px;
top: 2px;
bottom: 2px;
right: 57.5%;
background-color: #fff;
border-radius: 36px;
z-index: 1;
transition: 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
transition-property: left, right;
transition-delay: 0s, .08s;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.saltabs .hide{
display: none;
}
.bottombtngrp a{display: inline-block; margin-right: 12px; padding: 20px 30px; border-radius: 3px; border: solid 3px #00e5b0; font-size: 17px; font-weight: 600;color: #00e5b0}
/*190521*/
/*190521*/
.modal-header .close {font-size: 25px!important; position: absolute!important; right: 15px!important; top: 18px!important; outline: none!important; border: none!important;}
.modal-dialog .card{border: none!important;}
.modal-title {font-size: 20px!important;}
.slaaryboxtop{width: 90%; float: left; margin-bottom: -25px;}
.leftrange{color: #36383b; font-size: 20px; font-weight: 400; margin:0px; float: left;}
.rightrange{float: right; color: #36383b; font-size: 20px; font-weight: 400; margin: 0px;}
.rightrange1{float: right; color: #36383b; font-size: 20px; font-weight: 400; margin: 0px;}
.paginationbg span, .paginationbg a{
display: inline-block;
box-shadow: 0px 0px 0px #ccc!important;
}
.paginationbg .leading-5{
margin: 5px 0;
}
.paginationbg span svg{
width:25px
}
/* 25May */
.slidenum{
width: 100%;
margin: -20px 0 15px 0;
float: left;
}
.slidenum ul{
padding: 0;
margin: 0;
}
.slidenum ul li{
float: left;
width: 24.5%;
text-align: right;
list-style: none;
font-weight: 600;
color: #000;
}
.slidenum ul li:first-child{width: auto;}
.slidenum ul li:last-child{width: auto; float: right;}
.addui-slider-value{display: none!important;}
.jobimg img {width: 100%;}
/*260521*/
/*28052021*/
.uploadbannerbtn {
position: absolute;
right: 0;
text-align: right;
width: 100%;
top: 4px;
float: right;
margin-left: 0;
}
.uploadbannerbtn p {
padding: 5px 5px;
color: red;
margin-top: 5px;
position: absolute;
right: 0;
top: -51px;
width: 100%;
font-size: 14px;
display: inline-block;
}
.uploadbannerbg img{
width:100%;
}
.uploadbannerbtn label {
margin-right: -10px;
margin-top: -16px;
}
.uploadimagebtn {
float: right;
}
/*end*/
.onoffswitch {
position: relative; width: 90px;
-webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
position: absolute;
opacity: 0;
pointer-events: none;
}
.onoffswitch-label {
display: block; overflow: hidden; cursor: pointer;
border: solid 2px #d2d2d2; border-radius: 20px;
}
.onoffswitch-inner {
display: block; width: 200%; margin-left: -100%;
transition: margin 0.3s ease-in 0s;
float: inherit!important;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
box-sizing: border-box;
}
.onoffswitch-inner:before {
content: "Show";
padding-left: 10px;
background-color: #00e5b0; color: #FFFFFF; /*#34A7C1*/
}
.onoffswitch-inner:after {
content: "Hide";
padding-right: 10px;
background-color: #EEEEEE; color: #999999;
text-align: right;
}
.onoffswitch-inner1 {
display: block; width: 200%; margin-left: -100%;
transition: margin 0.3s ease-in 0s;
float: inherit!important;
}
.onoffswitch-inner1:before, .onoffswitch-inner1:after {
display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
box-sizing: border-box;
}
.onoffswitch-inner1:before {
content: "Show";
padding-left: 10px;
background-color: #00e5b0; color: #FFFFFF; /*#34A7C1*/
}
.onoffswitch-inner1:after {
content: "Hide";
padding-right: 10px;
background-color: #EEEEEE; color: #999999;
text-align: right;
}
.onoffswitch-switch {
display: block; width: 18px; margin: 6px;
background: #FFFFFF;
position: absolute; top: 0; bottom: 0;
right: 56px;
border: 2px solid #999999; border-radius: 20px;
transition: all 0.3s ease-in 0s;
}
.onoffswitch-switch1 {
display: block; width: 18px; margin: 6px;
background: #FFFFFF;
position: absolute; top: 0; bottom: 0;
right: 56px;
border: 2px solid #999999; border-radius: 20px;
transition: all 0.3s ease-in 0s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner1 {
margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
right: 0px;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch1 {
right: 0px;
}
.togalebtnshow{float: right;}
.planbtninfo {
display: inline-block;
padding: 20px 30px;
border-radius: 3px;
border: solid 3px #00e5b0;
color: #00e5b0;
font-size: 17px;
font-weight: 600;
background-color: #f5f8fc;
float: left;
}
/*09621*/
.pagecontent{width: 100%; float: left; min-height: 900px;}
.selectformarrow{width: 100%; float: left; overflow: hidden;}
.selectformarrow select {
width: 100%;
background: #e3e7ed url(../images/select-arrow.png) no-repeat 99% 47%!important;
font-size: 16px;
color: #71757c;
height: 70px;
padding: 0px 25px;
border: none;
border-radius: 5px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: none;
margin-bottom: 5px;
}
/**/
.palnsimages01{width: 100%; float:left; margin:30px 0px 15px;}
.palnsimages01 img{width: 100%; float:left;}
.palnsimages{width: 100%; float:left; margin:5px 0px 15px;}
.palnsimages img{width: 100%; float:left;}
.candi-list-table .table tbody td{word-break: break-all;}
.tabsactive {
box-shadow: 0px 7px 3px #999;
}
.profileinfo h1, .profileinfo p {
word-break: break-all;
}
.shortlist-right{min-width: 132px;}
.modal005 p{position: relative;}
.modal005 .form-control {
font-size: 16px;
color: #71757c;
height: 60px;
padding: 0px 25px;
border: none;
background: #e3e7ed;
border-radius: 5px;
box-shadow: inset 0 3px 7px rgb(0 0 0 / 0%);
box-shadow: 3px 0px 15px rgb(0 0 0 / 0%);
}
.modal005 textarea{height: 100px!important; padding-top: 20px!important;}
.modal005 .mailsent {
display: inline-block;
margin-right: 12px;
padding: 10px 30px;
border-radius: 3px;
border: solid 3px #00e5b0;
color: #fff;
font-size: 17px;
font-weight: 600;
background-color: #00e5b0;
outline: none;
}
.modal005 select{
background: #e3e7ed url(../images/select-arrow.png) no-repeat 99% 47%!important;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.calenicon {
background: #e3e7ed url(../images/calendericon.png) no-repeat 95% 47%!important;
}
.job_post_box {
background: #eff2f7;
border-radius: 5px;
padding: 20px;
text-align: center;
margin: 10px 0;
min-height: 140px;
font-size: 20px;
border-top: solid 4px #00e5b0;
font-weight: 600;
}
.job_post_box span{
display: block;
font-size: 25px;
}
/*210621*/
.profileforminfo .form-control {
font-size: 16px;
color: #000;
height: 70px;
border: none;
background: #e3e7ed;
border-radius: 5px;
box-shadow: inset 0 3px 7px rgb(0 0 0 / 0%);
box-shadow: 3px 0px 15px rgb(0 0 0 / 0%);
padding: 0px 35px;
}
/*060821*/
.deschartxt {
float: right;
font-size: 13px;
margin: 5px 0px 0px;
color: #000;
font-weight: 500;
}
.remaining_char {
color: #03b98f;
}
.remaining_char_company{color: #03b98f;}
/**/
.overlayload {
left: 0;
top: 0;
width: 100%;
height: 100%;
position: fixed;
background: #222;
opacity: 0.7;
z-index: 9999;
}
.overlay__inner {
left: 0;
top: 0;
width: 100%;
height: 100%;
position: absolute;
}
.overlay__content {
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
}
.spinner {
width: 300px;
height: 300px;
display: inline-block;
background: url(../images/loader-data.gif) no-repeat;
}
/*190821*/
.showlistofjobs .dataTables_wrapper table{border-spacing: 0px!important;}
.candi-list-table .dataTables_wrapper table{border-spacing: 0px!important;}
.show_all_candidate_data .dataTables_wrapper table{border-spacing: 0px!important;}
.candi-list-table .dataTables_wrapper .table thead th {
color: #121214;
font-size: 15px!important;
font-weight: 600;
background-color: #bbc4d3;
border: none;
}
.candi-list-table .dataTables_wrapper .table tbody td {
border: none;
padding: 20px;
background-color: #fff;
color: #121214;
font-size: 14px!important;
vertical-align: middle;
}
.candi-list-table table.dataTable thead .sorting::after, table.dataTable thead .sorting_asc::after, table.dataTable thead .sorting_desc::after, table.dataTable thead .sorting_asc_disabled::after, table.dataTable thead .sorting_desc_disabled::after {
position: absolute;
bottom: 8px;
right: 8px;
display: block;
font-family: 'Glyphicons-Halflings';
opacity: 0.5;
}
/*210821*/
.ganratebtnshow {
background: #00f1b9;
color: #000000;
border: solid 2px #00f1b9;
font-weight: 500;
font-size: 15px;
padding: 7px 20px;
border-radius: 5px;
margin: 0px 0px 10px;
float: left;
}
a.ganratebtnshow:hover, a.ganratebtnshow:focus {
background: none!important;
border: solid 2px #000000!important;
color: #000000!important;
box-shadow: none!important;
}
/*270821*/
.downloaddropbtn{float: left; width: 9%; margin: 2px 0px 0px 0px;}
.topnavbox{float: left;}
.topnavbox .btn:focus, .topnavbox .btn.focus {outline: 0; box-shadow:none;}
.downloaddropbtn .submenulist{left: -124px!important; box-shadow: 0px 4px 15px 0px #e3e3e3; border: none; padding: 0px; border-radius: 0px;}
.downloaddropbtn .submenulist li{font-size: 13px; width: 100%; text-align:center; float: left;}
.downloaddropbtn .submenulist li a{font-size: 13px; background: #F9F9F9; text-align: center; color: #9E9D9B; padding: 0px 5px; float: left; width: 100%; margin: 0px; border-radius: 0px;}
.downloaddropbtn .submenulist li a:hover{font-size: 13px; background: #fff!important; color: #D45345!important;}
.topnavbox .dropdown-toggle::after{display: none;}
.dropicon{background: #bac2d5; color: #1d2530; width: 35px; height: 41px; padding-top: 14px; border-radius: 3px; text-align: center;}
.topnavbox .btn-default{padding: 0px!important; margin: 0px!important; border: none!important; outline: none!important;}
/*280821*/
.rightshowinfo{float:left; width: 100%;}
.statusbtn01{background-color: #c179ff; color: #fff; border: none; border-radius: 3px; font-size: 14px; padding: 6px 13px; font-weight: 500; outline: none; cursor: pointer;}
.statusbtn02{background-color: #20cb79; color: #fff; border: none; border-radius: 3px !important; font-size: 14px; padding: 6px 13px; font-weight: 500; outline: none; cursor: pointer;}
.statusbtn03{background-color: #feb94c; color: #fff; border: none; border-radius: 3px; font-size: 14px; padding: 6px 13px; font-weight: 500; outline: none; cursor: pointer;}
.statusbtn04{background-color: #f65e6c; color: #ffffff; border: none; border-radius: 3px; font-size: 14px; padding: 6px 13px; font-weight: 500; outline: none; cursor: pointer;}
.statusbtn05{background-color: #5783fc; color: #fff; border: none; border-radius: 3px; font-size: 14px; padding: 6px 13px; font-weight: 500; outline: none; cursor: pointer;}
.darftstatusbtn{background-color: #5783fc;padding: 10px 20px;
width: 120px;
text-align: center;
display: block;
color: #fff;
border-radius: 3px;
/*color: #fff; border: none; border-radius: 5px; font-size: 14px; padding: 6px 13px; font-weight: 500; outline: none; cursor: pointer;*/}
.darftstatusbtn:hover, .darftstatusbtn:focus{background-color: #5783fc; color: #fff; outline: none;}
.darftstatusbtn02{background-color: #20cb79; padding: 10px 20px;
width: 120px;
text-align: center;
display: block;
color: #fff;
border-radius: 3px;
/*color: #fff; border: none; border-radius: 5px; font-size: 14px; padding: 6px 13px; font-weight: 500; outline: none; cursor: pointer;*/}
.darftstatusbtn02:hover, .darftstatusbtn:focus{background-color: #20cb79; color: #fff; outline: none;}
.darftstatusbtn06{background-color: #c179ff; padding: 10px 20px;
width: 120px;
text-align: center;
display: block;
color: #fff;
border-radius: 3px;
/*color: #fff; border: none; border-radius: 5px; font-size: 14px; padding: 6px 13px; font-weight: 500; outline: none; cursor: pointer;*/}
.darftstatusbtn06:hover, .darftstatusbtn:focus{background-color: #c179ff; color: #fff; outline: none;}
.darftstatusbtn07{background-color: #feb94c; padding: 10px 20px;
width: 120px;
text-align: center;
display: block;
color: #fff;
border-radius: 3px;
/*color: #fff; border: none; border-radius: 5px; font-size: 14px; padding: 6px 13px; font-weight: 500; outline: none; cursor: pointer;*/}
.darftstatusbtn07:hover, .darftstatusbtn:focus{background-color: #feb94c; color: #fff; outline: none;}
.darftstatusbtn08{background-color: #f65e6c; padding: 10px 20px;
width: 120px;
text-align: center;
display: block;
color: #fff;
border-radius: 3px;
/*color: #fff; border: none; border-radius: 5px; font-size: 14px; padding: 6px 13px; font-weight: 500; outline: none; cursor: pointer;*/}
.darftstatusbtn08:hover, .darftstatusbtn:focus{background-color: #f65e6c; color: #fff; outline: none;}
.darftstatusbtn03{background-color: red; padding: 10px 20px;
width: 120px;
text-align: center;
display: block;
color: #fff; /*color: #fff; border: none; border-radius: 5px; font-size: 14px; padding: 6px 13px; font-weight: 500; outline: none; cursor: pointer;*/}
.darftstatusbtn03:hover, .darftstatusbtn:focus{background-color: red; color: #fff; outline: none;}
.darftstatusbtn04{background-color: #feb94c; padding: 10px 20px;
width: 120px;
text-align: center;
display: block;
color: #fff;
border-radius: 3px;
/*color: #fff; border: none; border-radius: 5px; font-size: 14px; padding: 6px 13px; font-weight: 500; outline: none; cursor: pointer;*/}
.darftstatusbtn04:hover, .darftstatusbtn:focus{background-color: #feb94c; color: #fff; outline: none;}
.darftstatusbtn05{background-color: #f65e6c; padding: 10px 20px;
width: 120px;
text-align: center;
display: block;
color: #fff;
border-radius: 3px;
/*color: #fff; border: none; border-radius: 5px; font-size: 14px; padding: 6px 13px; font-weight: 500; outline: none; cursor: pointer;*/}
.darftstatusbtn05:hover, .darftstatusbtn:focus{background-color: #5783fc; color: #fff; outline: none;}
.candi-list-table button:focus{outline: none!important;}
/*310821*/
.spanish .headerbottom .navbar-nav li {padding-right: 23px;}
.rightalginbtn {float: right;}
.btntxtss {width: auto!important; margin: -1px 10px 0px 0px!important;}
.userinfobtn{float: left;}
.userinfobtn .submenulist{left: -124px!important; box-shadow: 0px 4px 15px 0px #e3e3e3; border: none; padding: 0px; border-radius: 0px;}
.userinfobtn .submenulist li{font-size: 13px; width: 100%; text-align:center; float: left;}
.userinfobtn .submenulist li a{font-size: 13px; background: #F9F9F9; text-align: center; color: #9E9D9B; padding: 13px 5px; float: left; width: 100%; margin: 0px; border-radius: 0px;}
.userinfobtn .submenulist li a:hover{font-size: 13px; background: #fff!important; color: #D45345!important;}
/*added by 16/11/2021*/
.headertopfull{width: 100%; float: left; background: #0b0e25; position: relative;}
.headertopfull img{width: 100%; float: left; position: relative; min-height: 280px; height: 280px;}
.headerinfo {width: 100%; float: left; position: absolute; top: 0%; background: rgb(63 65 68 / 59%); height: 280px;}
.tatalogo{width: 100%; margin-top: 15px; float: left;}
.tatalogo img{width: 308px; height: 95px;}
.bannerdetilss{width: 100%; padding: 10px 0px 0px; float: left;}
.bnnerleftinfo{width: 100%; padding: 15px 0px 0px; float: left;}
.bnnerleftinfo h6{width: 100%; font-size: 24px; font-weight: 400; color: #fff; float: left; margin-bottom: 10px;}
.bnnerleftinfo h4{width: 100%; font-size: 32px; font-weight: 500; color: #fff; font-family: 'Poppins', sans-serif; float: left; line-height: 43px; margin: 10px 0px 20px;}
.bnnerleftinfo h5{width: 100%; font-size: 25px; font-weight: 600; color: #bcc0db; float: left;}
.chncebaner{float: left; border-left: solid 2px #fff; padding:0px 15px; margin: 10px 0px;}
.chncebaner h3{float: left; font-size: 16px; font-weight: 500; color: #fff; clear: both;}
.linkcolors{float: left; font-size: 16px; color: #fff; clear: both; padding:0px; line-height: 25px;}
a.linkcolors:hover, a.linkcolors:focus {float: left; font-size: 16px; color: #fff; clear: both;}
.bannerimss {width: 150px; height: 150px!important; min-height: 130px!important; border-radius: 50%; border: solid 8px #fff; float: left; margin-top: 5%; background: #fff;}
.bannerimss img {
width: 100%;
height: auto!important;
min-height: auto!important;
padding-top: 35%;
}
.contentfull{width: 100%; padding: 50px 0px; float:left;}
.leftcontent{width: 100%; background: #fff; box-shadow: 0px 6px 20px #dddddd; border-radius: 10px; padding: 30px 25px; float: left; margin-bottom: 25px;}
.leftcontent h2{width: 100%; font-size: 18px; color: #3f4548; font-weight: 600; float: left; margin-bottom: 20px;}
.leftcontent p{width: 100%; float: left; padding: 5px 0px font-weight: 600; color: #424649; margin: 0px 0px;}
.leftcontent ul{width: 100%; float: left; padding: 0px; margin: 0px;}
.leftcontent ul li{width: 100%; float: left; background: url(../images/circleicon.png) left 7px no-repeat; padding: 0px 0px 0px 0px; list-style-type: none; font-weight: 600; color: #303234; margin: 5px 0px;}
.leftcontent ul li span{font-weight: 400; color: #424649; padding: 5px 0px;}
.leftcontent ul li label{font-weight: 400; color: #424649;}
.jobbanifits{width: 100%; float: left; padding: 10px 0px 0px;}
.jobbanifits ul{width: 100%; float: left; padding: 0px; margin: 0px;}
.jobbanifits ul li{width: 100%; float: left; padding: 0px; list-style-type: none!important; background: none!important; font-weight: 400; color: #323637;}
.jobbanifits ul li a{color: #323637;}
.jobbanifits ul li a:hover{color: #08d8a8;}
.softwarinfo{width: 100%; background: #fff; box-shadow: 0px 6px 20px #dddddd; border-radius: 10px; padding: 30px 25px; float: left; margin-bottom: 25px;}
.topright{width: 100%; border-bottom: solid 1px #d5d5d5; margin-bottom: 15px; padding-bottom: 15px; float: left;}
.righthead{width: 100%; float: left;}
.righthead h2{width: 100%; float: left; font-size: 18px; margin: 10px 0px 15px; font-weight: 600;}
.mapinfo{float: left; margin-right: 20px;}
.mapiconss{float: left;}
.matxt{float: left; padding: 0px 0px 0px 15px;}
.matxt h3{float: left; font-size: 15px; color: #565a5c; font-weight: 400; line-height: 22px;}
.rightshow{width: 100%; float: left;}
.socilalinks{float: right;}
.socilalinks ul{padding: 0px; margin: 0px; float: left;}
.socilalinks ul li{float: left; list-style-type: none; padding: 0px 5px;}
.colorsoc{background: #466589; width: 30px; height: 30px; border-radius: 50px; text-align: center; padding: 9px 0px 0px; color: #fff; font-size: 12px;}
.colorsoc:hover{background: #08d8a8;}
.colorsoc2{background: #3fb2dc; width: 30px; height: 30px; border-radius: 50px; text-align: center; padding: 9px 0px 0px; color: #fff; font-size: 12px;}
.colorsoc2:hover{background: #08d8a8;}
.colorsoc3{background: #246caf; width: 30px; height: 30px; border-radius: 50px; text-align: center; padding: 9px 0px 0px; color: #fff; font-size: 12px;}
.colorsoc3:hover{background: #08d8a8;}
.aplybtn{ float: right; border-radius: 5px; padding: 8px 15px; color: #fff; font-weight: 600; margin: 20px 0px 0px;}
.aplybtn:hover{color: #fff;}
.righabout{width: 100%; float: left;}
.righabout h2{width: 100%; font-size: 18px; color: #3f4548; font-weight: 600; float: left; margin-bottom: 15px;}
.righabout h4{width: 100%; font-size: 16px; color: #3f4548; font-weight: 600; float: left; margin-bottom: 10px;}
.righabout p{width: 100%; float: left; font-weight: 400; font-size: 15px; margin-bottom: 15px; color: #424649; line-height: 25px;}
.circlicons{font-size: 10px; margin-right: 3px;}
.padiconss{font-size: 18px; margin-right: 3px; width: 22px; text-align: center;}
.jobbanifits .fa {width: 22px; text-align: center; margin-right: 3px;}
.listinfo{float: left; width: 100%; padding: 0px 0px 0px 25px;}
.listinfo ul{padding: 0px; margin: 0px; float: left; width: 100%;}
.listinfo ul li{float: left; font-size: 15px; color: #424649; list-style-type: disc; padding: 3px 0px; width: 100%;}
/*181121*/
.question_name {float: left; position: relative;}
.question_name span {position: absolute; right: 11px; top: 37%; color: #a1a1a1; font-weight: 600; font-size: 17px;}
.padtopsses{margin-top: 10px;}
/*060122*/
.tabs_career ul li{color: #fff;
font-size: 14px;
padding: 10px 12px 10px 15px;
background: #545454;
margin-right: 10px;
border-radius: 5px;
float: left;
}
.tabs_career ul li a {
color: #fff;
}
.tabs_career ul li.active {
color: #fff;
background: #20cb79!important;
}
.tabs_career .nav-tabs {
border-bottom: 1px solid #dee2e6;
padding-bottom: 15px;
margin-bottom: 20px;
}
.edittab {
border-radius: 50%!important;
background: #000;
font-size: 11px!important;
text-align: center;
margin: 0px 5px 0px 10px;
padding: 5px 8px;
}
.deletetab{
border-radius: 50%!important;
background: #000;
font-size: 11px!important;
text-align: center;
padding: 5px 8px;
}
/*180122*/
div#frames img {width: 120px; height: 120px; border: solid 2px #d5d5d5; border-radius: 5px; margin: 6px; float: left;}
.galleryboxes{width: 150px; height: 150px; float: left; margin-right: 10px; margin-bottom: 10px; position: relative;}
.galleryboxes img{width: 150px; height: 150px; position: relative;}
.crossicon {position: absolute; font-size: 12px; color: #fff; background: #16c772; border-radius: 50%; height: 25px; width: 25px; text-align: center; top: -6px; right: 17px; font-weight: normal; padding-top: 6px;}
.crossicon1 {position: absolute; font-size: 12px; color: #fff; background: #16c772; border-radius: 50%; height: 25px; width: 25px; text-align: center; top: 2px; right: -9px; font-weight: normal; padding-top: 6px;}
/*020322*/
.bottombtngrp button {float: left;}
.trial_form{float: left;}
.toppadinfos {padding: 60px 0px 83px;}
.toppadinfos1 {padding: 60px 0px 0px;}
.profileforminfo {margin: 0px 0px 30px;}
.clickvideo video {height: 300px; margin: 15px 0px 0px 0px;}
/*120422*/
.checktxtdiv h6 {float: left; font-size: 12px; color: #00e5b0; padding: 3px 10px 0px 0px; font-weight: 400; margin: 0px;}
.alignleft{float: left;}
.uploadimage img {width: 90%!important; height: auto!important; margin: 0px auto; padding-top: 5%;}
/*280422*/
.carrersitebg-bottom-mid-right{
width: 100%;
position: relative;
}
.carrersitebg-bottom-mid-right .nav-tabs{
position: absolute;
right: 0;
top: -130px;
border: none;
}
.carrersitebg-bottom-mid-right .tab-content {
padding: 0 15px;
}
.tabs_career .nav-tabs{
position: absolute;
right: 0;
top: -130px;
border: none;
}
.tab-content {
padding: 0 15px;
}
.galleryboxes1{
float: left;
position: relative;
margin-right: 20px;
}
/*180522*/
.japan .navbar-nav li {
padding-right: 28px;
}
.japan .navbar-nav li a {
font-size: 14px;
}
.german .navbar-nav li {
padding-right: 15px;
}
.german .navbar-nav li a {
font-size: 14px;
}
.french .navbar-nav li {
padding-right: 15px;
}
.french .navbar-nav li a {
font-size: 14px;
}
.spanish .navbar-nav li {
padding-right: 15px;
}
.spanish .navbar-nav li a {
font-size: 14px;
}
/*190522*/
.german .darftstatusbtn02 {padding: 10px 5px; font-size: 12px!important; width: 130px;}
.german .qualified {font-size: 12px;}
.german .notqualified {padding: 10px 5px; width: 130px; font-size: 12px;}
.german .darftstatusbtn06 {padding: 10px 5px; width: 130px; font-size: 12px;}
/*010922*/
#overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
z-index: 100;
display: none;
}
.popup{
width: 100%;
margin: 0 auto;
display: none;
z-index: 101;
position: absolute;
}
.popmid{
width: 75%;
margin: -8% auto;
background: #f3f3f3;
position: relative;
z-index: 103;
padding: 15px 30px;
border-radius: 5px;
box-shadow: 0 2px 8px #000;
display: table;
}
.popmid .x{
float: right;
height: 35px;
left: 22px;
position: relative;
top: -25px;
width: 34px;
}
.popmid .x:hover{
cursor: pointer;
}
.close {
padding: 13px 25px!important;
}
.disabled{background: #d3d3d3!important; border: solid 3px #d3d3d3!important;}
.popdetailsinfo{width: 100%; float: left;}
.popdetailsinfo h1 {
width: 100%;
float: left;
color: #121214;
font-size: 27px;
margin-top: 20px;
font-weight: 700;
}
.popdetailsinfo p {
width: 100%;
font-size: 16px;
color: #202020;
line-height: 25px;
float: left;
margin-bottom: 5px;
}
.checkstrip {
width: 100%;
background-color: #d5d5d5;
padding: 10px 15px;
float: left;
border-radius: 5px;
margin: 10px 0px 10px;
}
.checleft{width: 4%; padding-top: 5px; float: left;}
.checrights{width: 95%; float: left;}
.checrights p {
width: 100%;
font-size: 16px;
color: #202020;
line-height: 25px;
float: left;
}
.footerpop{width: 100%; padding: 10px 0px; float: left;}
.footerbtn{float: right;}
.notagree {
background: #00f1b9;
color: #000000;
border: solid 3px #00f1b9;
font-weight: 500;
font-size: 17px;
padding: 9px 25px;
border-radius: 5px;
margin: 5px 0px 0px 15px;
float: left;
}
a.notagree:hover, a.notagree:focus {
color: #00f1b9;
border: solid 3px #00f1b9;
background: none;
}
.notagree01 {
background: #00f1b9;
color: #000000;
border: solid 3px #00f1b9;
font-weight: 500;
font-size: 17px;
padding: 9px 25px;
border-radius: 5px;
margin: 5px 0px 0px 15px;
float: left;
text-shadow: none;
opacity: 1!important;
}
a.notagree01:hover, a.notagree01:focus {
background: #00f1b9;
color: #000000;
border: solid 3px #00f1b9;
}
.marketplacestrip{width: 100%; padding: 50px 0px; float: left;}
.marketplacestrip h2{
width: 100%;
float: left;
color: #121214;
font-size: 25px;
font-weight: 600;
margin: 0 0 30px 0px;
text-transform: capitalize;
}
.marketlogoinfo{width: 100%; float: left; margin-bottom: 25px;}
.logoiconss {
width: 100%;
float: left;
background: #fff;
border-radius: 5px;
padding: 10px 10px;
margin-bottom: 20px;
box-shadow: 0px 0px 13px #ccc;
}
.logoiconss img{width: 80%; margin: 0px auto; display: table;}
.logoiconss span{width: 100%; float: left; text-align: center; color: #121214; font-size: 16px; font-weight: 600; padding: 5px 0px;}
.auditicons {width: 17px; margin-right: 15px;}
@media only screen and (min-width: 1920px) and (max-width: 2560px) {
.bannerdetilss {padding: 15px 0px 0px;}
.headertopfull img { min-height: 300px; height: 300px;}
.headerinfo {top: 0%; height: 300px;}
}
@media only screen and (min-width: 960px) and (max-width: 1140px) {
.tatalogo img { width: auto; height: 58px;}
.bnnerleftinfo h4 {font-size: 20px; line-height: 33px; margin: 5px 0px 10px;}
.bnnerleftinfo h6 {font-size: 18px; margin-bottom: 5px;}
.bnnerleftinfo h5 {font-size: 16px;}
.linkcolors {font-size: 12px; padding: 0px; line-height: 19px;}
.bannerimss img {width: 200px; height: 200px!important; min-height: 200!important;}
.leftcontent ul li span { width: 100%; font-size: 13px;}
.jobbanifits ul li a {font-size: 14px;}
.headerinfo {height: 260px;}
.headertopfull img {min-height: 260px; height: 260px;}
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
.tatalogo img { width: auto; height: 58px!important;}
.bnnerleftinfo h4 {font-size: 20px; line-height: 33px; margin: 5px 0px 10px;}
.bnnerleftinfo h6 {font-size: 18px; margin-bottom: 5px;}
.bnnerleftinfo h5 {font-size: 16px;}
.linkcolors {font-size: 12px; padding: 0px; line-height: 19px;}
.headerinfo {height: 245px;}
/*280422*/
.tabs_career .nav-tabs {position: inherit; right: 0; top: 0px; border: none;}
.tabs_career ul li {margin: 10px 10px 0px 0px;}
.carrersitebg-bottom-mid-left {padding: 13px 0; margin-bottom: 15px;}
}
@media only screen and (min-width: 600px) and (max-width: 767px) {
.headertopfull img {height: 260px; min-height: 260px;}
.tatalogo img { width: auto; height: 58px!important;}
.bnnerleftinfo h4 {font-size: 20px; line-height: 33px; margin: 5px 0px 10px;}
.bnnerleftinfo h6 {font-size: 18px; margin-bottom: 5px;}
.bnnerleftinfo h5 {font-size: 16px;}
.linkcolors {font-size: 12px; padding: 0px; line-height: 19px;}
.socilalinks {float: left; margin: 25px 0px 0px;}
/*09222*/
.bannerimss {margin: 0px auto; display: table; width: 150px; float: none;}
.headerinfo {height: 260px;}
/*280422*/
.tabs_career .nav-tabs {position: inherit; right: 0; top: 0px; border: none;}
.tabs_career ul li {margin: 10px 10px 0px 0px;}
.carrersitebg-bottom-mid-left {padding: 13px 0; margin-bottom: 15px;}
}
@media only screen and (min-width: 480px) and (max-width: 599px) {
.headertopfull img {height: 230px; min-height: 230px;}
.tatalogo img { width: auto; height: 58px!important;}
.bnnerleftinfo h4 {font-size: 13px; line-height: 22px; margin: 5px 0px;}
.bnnerleftinfo h6 {font-size: 14px; margin-bottom: 5px;}
.bnnerleftinfo h4 br{display: none;}
.bnnerleftinfo h5 {font-size: 14px;}
.linkcolors {font-size: 12px; padding: 0px; line-height: 19px;}
.socilalinks {float: left; margin: 25px 0px 0px;}
.leftcontent ul li span { padding: 5px 0px; font-size: 13px;}
.aplybtn {margin: 20px 0px 0px; font-size: 13px;}
/*09222*/
.bannerimss {margin: 0px auto; display: table; width: 150px; float: none;}
.bannerimss img {width: 130px; height: 130px!important; min-height: 130px!important; border: solid 6px #fff;}
}
@media only screen and (max-width: 479px) {
.headertopfull img {height: 220px; min-height: 220px;}
.tatalogo img { width: auto; height: 58px!important;}
.bnnerleftinfo h4 {font-size: 13px; line-height: 22px; margin: 5px 0px;}
.bnnerleftinfo h6 {font-size: 14px; margin-bottom: 5px;}
.bnnerleftinfo h4 br{display: none;}
.bnnerleftinfo h5 {font-size: 14px;}
.linkcolors {font-size: 12px; padding: 0px; line-height: 19px;}
.socilalinks {float: left; margin: 25px 0px 0px;}
.leftcontent ul li span { padding: 5px 0px; font-size: 13px;}
.aplybtn {margin: 20px 0px 0px; font-size: 13px;}
/*09222*/
.bannerimss {margin: 0px auto; display: table; width: 150px; float: none;}
.bannerimss img {width: 130px; height: 130px!important; min-height: 130px!important; border: solid 6px #fff;}
}
/*end 16/11/2021*/
.menutabs{width: 100%; float: left;}
/**/
.gallery_vedeos {margin-bottom: 21px;float: left;}
.motionbg-banner img{
height: 300px!important;
}
@media only screen and (min-width: 1600px) and (max-width: 1920px) {
.pagecontent{width: 100%; float: left; min-height: 1100px;}
}
@media only screen and (min-width: 960px) and (max-width: 1140px) {
.logo {float: left; margin-top: 0px;}
.searchbar{margin-left: 8%; width: 430px;}
.dashboardbox-right{width: 67%;}
.candi-list-table{overflow-x: scroll;}
.candi-list-table table{width: 1300px!important;}
.candi-listbg .searchbar02{width: 84%;}
.uploadimagebtn label{font-size: 15px;}
.motionbg-bottomcontent{padding: 0px 20px;}
/*250521*/
.navbar-nav li {padding-right: 25px;}
.uploadbannerbg img {width: 100%;}
/*030621*/
.searchbar {width: 340px; float: left; position: relative; margin-left: 10%;}
.candi-listbg .searchbar02 input {padding: 0px 45px; font-size: 15px;}
/*060821*/
.motionbg-bottomcontent-topdetails h2 {font-size: 20px; margin: 0px 0px 10px;}
.motionbg-bottomcontent-top-btngrp .share {font-size: 30px; margin-top: 15px; margin-right: 15px;}
/*280821*/
.candi-list-btngrp a {padding: 0px 18px; font-size: 13px; margin-bottom: 20px;}
.motionbg-bottomcontent-toplogo {padding: 6% 0% 0%;}
/*010122*/
.popmid {width: 80%; margin: -15% auto;}
.popdetailsinfo p {font-size: 14px; line-height: 22px;}
.checrights p {font-size: 14px; line-height: 22px;}
.checleft {width: 6%; float: left;}
.checrights {width: 92%; float: left;}
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
.logo {float: left; margin-top: 0px;}
.searchbar{width: 240px; margin-left: 15px;}
.dashboardbox{width: 100%; text-align: center;}
.dashboardbox-left{float: none; display: inline-block;}
.dashboardbox-right{width: 100%;}
.dashboardbox-right .gobtn, .dashboardbox-right .clickhere{float: none; margin: 10px 0 0 0px; display: inline-block;}
.candi-list-table{overflow-x: scroll;}
.candi-list-table table{width: 1300px!important;}
.motionbg-bottomcontent-topdetails{width: 100%; text-align: right; margin: 15px 0px;}
.select-plan{margin: 15px 0; height: auto;}
/*250521*/
.shortlist-right li a {margin-bottom: 5px;}
.navbar-nav li {padding-right: 20px;}
.uploadbannerbg img {width: 100%;}
.nonemobile{display: none!important;}
.padmobes{padding: 0px 15px!important}
/*030621*/
.searchbar input {padding: 0px 45px; font-size: 14px;}
.rightnav ul li a {font-size: 14px;}
.motionbg-bottomcontent-toplogo {width: 120px; height: 120px;}
.motionbg-bottomcontent-toplogo img {width: 90%; height: auto;}
.motionbg-bottomcontent-topdetails h2 {font-size: 23px; margin: 0px 0px 15px;}
/*280821*/
.candi-list-btngrp a {padding: 0px 22px; font-size: 15px; margin-bottom: 20px;}
.downloaddropbtn {float: right; margin: 8px 0px 0px; width: auto;}
.candi-listbg .searchbar02 {width: 90%; margin: 8px 1%; float: left;}
.candi-list-btngrp a {margin: 1%; text-align: center; font-size: 14px!important;}
.submenulist li a {font-size: 10px!important;}
.motionbg-bottomcontent-toplogo {padding: 8% 0% 0%;}
}
@media only screen and (min-width: 600px) and (max-width: 767px) {
.logo {float: left; margin: 8px 0px; width: 100%; text-align: center;}
.searchbar{width: 100%; float:left; margin: 0px;}
.rightnav{width: 100%; text-align: center;}
.rightnav ul li{float: none; display: inline-block; padding: 0 5px;}
.navbar-light .navbar-toggler{background-color: #fff;}
.navbar{display: block; text-align: right;}
.navbar-nav li{padding: 10px 0px; text-align: left; border-bottom: solid 1px #ccc;}
.motionbg-bottomcontent{padding:0px;}
.motionbg-bottomcontent-top-btngrp .save{padding: 12px 25px;}
.candi-list-table{overflow-x: scroll;}
.candi-list-table table{width: 1300px!important;}
.candi-list-btngrp a{width: 48%; margin: 1%; text-align: center;}
.uploadimagebtn label{font-size: 9px;}
.inputdate{width: 100%;}
.motionbg-bottomcontent-topdetails{width: 100%; text-align: right; margin: 15px 0px;}
.select-plan{margin: 15px 0; height: auto;}
.profileinfo p{width: 100%!important;}
.profileinfo p label{width: 100%;}
.footerlinks, .copyright{width: 100%; text-align: center;}
.footerlinks a{margin: 0px 7px;}
/*250521*/
.shortlist-right li a {margin-bottom: 5px;}
.uploadbannerbg img {width: 100%;}
.uploadbannerbtn label {font-size: 14px;}
.nonemobile{display: none!important;}
.padmobes{padding: 0px 15px!important}
/*260521*/
.footer {padding: 15px 0px; position: inherit;}
/*.midcontent {padding: 55px 0px 55px;}*/
/*060821*/
.jobprevious p {text-align: left;}
.motionbg-bottomcontent-toplogo {width: 100px; height: 100px; margin-top: -70px;}
.motionbg-bottomcontent-toplogo img {width: 90%; height: auto;}
.motionbg-bottomcontent-topdetails h2 {font-size: 23px; margin: 0px 0px 15px;}
.motionbg-bottomcontent-topdetails h5 {font-size: 13px;}
.downloaddropbtn {margin: 15px 0px 0px 5px; float: right;}
.candi-listbg .searchbar02{width: 86%; margin: 13px 1%;}
.motionbg-bottomcontent-toplogo
{
margin-top: -110px;
}
.motionbg-bottomcontent-toplogo.imgbox003 {
margin-top: 14px !important;
margin-left: 70px;
}
.motionbg-bottomcontent-toplogo {padding: 8% 0% 0%;}
}
@media only screen and (min-width: 480px) and (max-width: 599px) {
.logo{margin: 0; width: 100%; text-align: center;}
.searchbar{margin: 15px 0px; width: 100%;}
.rightnav{width: 100%; text-align: center;}
.rightnav ul li{float: none; display: inline-block; padding: 0 5px;}
.navbar-light .navbar-toggler{background-color: #fff;}
.navbar{display: block; text-align: right;}
.navbar-nav li{padding: 10px 0px; text-align: left; border-bottom: solid 1px #ccc;}
.dashboardbox{width: 100%; text-align: center;}
.dashboardbox-left{float: none; display: inline-block;}
.dashboardbox-right{width: 100%;}
.dashboardbox-right .gobtn, .dashboardbox-right .clickhere{float: none; margin: 10px 0 0 0px; display: inline-block;}
.motionbg-bottomcontent-toplogo{float: none; margin: 0 auto;}
.motionbg-bottomcontent{padding:0px;}
.motionbg-bottomcontent-top-btngrp{float: none; margin: 0px auto; display: table;}
.motionbg-bottomcontent-top-btngrp .share {font-size: 30px; margin-top: 11px; margin-right: 20px;}
.candi-list-table{overflow-x: scroll;}
.candi-list-table table{width: 1300px!important;}
.candi-list-btngrp a{width: 48%; margin: 1%; text-align: center;}
.candi-listbg .searchbar02{width: 86%; margin: 15px 1%; float: left;}
.uploadimage{float: none; margin: 0 auto;}
.uploadimagebtn{text-align: center; width: 100%; margin: 15px 0;}
.aboutcpbg h4{font-size: 18px;}
.addui-slider.addui-slider-horizontal{width: calc(100% - 50px)!important;}
.addskills .btn, .addskills .btn-add{width: 100%; text-align: center; margin: 5px 0;}
.inputdate{width: 100%;}
.motionbg-bottomcontent-topdetails{width: 100%; text-align: center; margin: 15px 0px;}
.select-plan{margin: 15px 0; height: auto;}
.profileinfo p{width: 100%!important;}
.profileinfo p label{width: 100%;}
.footerlinks, .copyright{width: 100%; text-align: center;}
.footerlinks a{margin: 0px 7px;}
/*250521*/
.shortlist-right li a {margin-bottom: 5px;}
.uploadbannerbg img {width: 100%;}
.uploadbannerbtn label {font-size: 11px;}
.nonemobile{display: none!important;}
.padmobes{padding: 0px 15px!important}
/*260521*/
.footer {padding: 15px 0px; position: inherit;}
/*
.midcontent {padding: 55px 0px 55px;}
*/
/*060821*/
.jobprevious p {text-align: left;}
.motionbg-bottomcontent-topdetails h2 {font-size: 20px; margin: 10px 0px;}
.motionbg-bottomcontent-topdetails h5 {font-size: 13px;}
.downloaddropbtn {float: right; margin: 15px 0px 0px 5px;}
.submenulist li a {font-size: 11px;}
.motionbg-bottomcontent-toplogo
{
margin-top: -110px;
}
.motionbg-bottomcontent-toplogo.imgbox003 {
margin-top: 14px !important;
margin-left: 70px;
}
/*90222*/
.headerinfo {height: 230px;}
.motionbg-bottomcontent-toplogo {padding: 15% 0% 0%;}
/*280422*/
.tabs_career .nav-tabs {position: inherit; right: 0; top: 0px; border: none;}
.tabs_career ul li {margin: 10px 10px 0px 0px;
}
}
@media only screen and (max-width: 479px) {
.logo{margin: 0; width: 100%; text-align: center;}
.g-recaptcha{overflow-x: scroll;}
.searchbar{margin: 15px 0px; width: 100%;}
.rightnav{width: 100%; text-align: center;}
.rightnav ul li{float: none; display: inline-block; padding: 0 5px;}
.navbar-light .navbar-toggler{background-color: #fff;}
.navbar{display: block; text-align: right;}
.navbar-nav li{padding: 10px 0px; text-align: left; border-bottom: solid 1px #ccc;}
.dashboardbox{width: 100%; text-align: center;}
.dashboardbox-left{float: none; display: inline-block;}
.dashboardbox-right{width: 100%;}
.dashboardbox-right .gobtn, .dashboardbox-right .clickhere{float: none; margin: 10px 0 0 0px; display: inline-block;}
.motionbg-bottomcontent-toplogo{float: none; margin: 0 auto;}
.motionbg-bottomcontent{padding:0px;}
.motionbg-bottomcontent-top-btngrp{float: none; margin: 0px auto; display: table;}
.motionbg-bottomcontent-top-btngrp .share {font-size: 30px; margin-top: 11px; margin-right: 20px;}
.bottombtngrp a{display: inline-block; margin-right: 12px; padding: 20px 30px; border-radius: 3px; border: solid 3px #00e5b0; font-size: 17px; font-weight: 600;}
.candi-list-table{overflow-x: scroll;}
.candi-list-table table{width: 1250px!important;}
.candi-list-btngrp a{width: 48%; margin: 1% 1% 4%; text-align: center; font-size: 11px;}
.candi-listbg .searchbar02{width: 82%; margin: 15px 1%; float: left;}
.uploadimage{float: none; margin: 0 auto;}
.uploadimagebtn{text-align: center; width: 100%; margin: 15px 0;}
.aboutcpbg h4{font-size: 18px;}
.addui-slider.addui-slider-horizontal{width: calc(100% - 50px)!important;}
.addskills .btn, .addskills .btn-add{width: 100%; text-align: center; margin: 5px 0;}
.inputdate{width: 100%;}
.motionbg-bottomcontent-topdetails{width: 100%; text-align: center; margin: 15px 0px;}
.select-plan{margin: 15px 0; height: auto;}
.profileinfo p{width: 100%!important;}
.profileinfo p label{width: 100%;}
.footerlinks, .copyright{width: 100%; text-align: center;}
.footerlinks a{margin: 0px 7px;}
/*250521*/
.shortlist-right li a {margin-bottom: 5px;}
.uploadbannerbg img {width: 100%;}
.uploadbannerbtn label {font-size: 11px;}
.nonemobile{display: none!important;}
.padmobes{padding: 0px 15px!important}
/*260521*/
.footer {padding: 15px 0px; position: inherit;}
.midcontent {padding: 0px;}
.selectformarrow select {font-size: 14px; padding: 0px 10px;}
.jobformbg .form-control{font-size: 14px; padding: 0px 10px;}
/*060821*/
.jobprevious p {text-align: left;}
.motionbg-bottomcontent-topdetails h2 {font-size: 20px; margin: 10px 0px;}
.motionbg-bottomcontent-topdetails h5 {font-size: 13px;}
.downloaddropbtn {float: right; margin: 15px 0px 0px 5px;}
.candi-listbg .searchbar02 input {padding: 0px 45px; font-size: 11px;}
.submenulist li a {font-size: 11px;}
.motionbg-bottomcontent-toplogo
{
margin-top: -110px;
}
.motionbg-bottomcontent-toplogo.imgbox003 {
margin-top: 14px !important;
margin-left: 70px;
}
.uploadimagebg{margin: 15px 0 0 0px;}
/*090222*/
.headerinfo {height: 220px;}
.motionbg-bottomcontent-toplogo {padding: 18% 0% 0%;}
/*280422*/
.tabs_career .nav-tabs {position: inherit; right: 0; top: 0px; border: none;}
.tabs_career ul li {margin: 5px 10px 5px 0px; float: left; text-align: center;}
.tablejobinfo {width: 100%; overflow-x: scroll;}
.tablejobinfo table {width: 800px;}
.galleryboxes {width: 110px!important;}
.crossicon {top: 2px; right: 13px;}
.crossicon1 {top: 20px; right: 8px;}
}
@media only screen and (max-width: 320px) {
.motionbg-bottomcontent-topdetails h5 {font-size: 14px; line-height: 25px;}
.galleryboxes {width: 94px!important;}
.crossicon {top: 2px; right: -2px;}
}
.bootstrap-tagsinput {
width: 100%;
padding: 10px!important;
float: left;
}
.bootstrap-tagsinput .tag {
color: #000!important;
background: #00e5b0;
padding: 5px 10px;
border-radius: 5px;
float: left;
margin: 3px;
}
.bootstrap-tagsinput input {
border: none;
box-shadow: none;
outline: none;
background-color: transparent;
padding: 5px 6px!important;
margin: 3px 0px 0px!important;
width: 200px!important;
max-width: 200px!important;
float: left;
}
/* 15 Nov */
.addscreening-que-top{
float: left;
width: 100%;
margin: 40px 0;
}
.addscreening-que-top h2 {
color: #2b2b2b;
font-size: 16px;
font-weight: 600;
}
.addscreening-que-top p {
color: #5f5f5f;
font-size: 16px;
line-height: 22px;
}
.screening-que{
float: left;
width: 100%;
margin-top: 10px;
border: solid 1px #dcdcdc;
border-radius: 5px;
overflow: hidden;
}
.screening-que h3 {
color: #2b2b2b;
font-size: 16px;
font-weight: 600;
background: #f9fafc;
padding: 18px 28px;
display: flex;
align-items: center;
justify-content: space-between;
}
.screening-que h3 a{
color: #000;
}
.screening-que h3 a:hover{
color: #01e4ad;
}
.screening-que-content{
padding: 18px 28px;
float: left;
width: 100%;
}
.screening-que-content span{
float: left;
width: 30%;
margin-right: 12px;
}
.screening-que-content span label{
display: block;
}
.screening-que-content .inputbox{
outline: none;
border: solid 1px #6f777a;
border-radius: 5px;
padding: 0px 15px;
width: 100%;
height: 45px;
}
.addscreening-que-bottom{
float: left;
width: 100%;
}
.addscreening-que-bottom h2 {
color: #2b2b2b;
font-size: 16px;
font-weight: 600;
}
.addscreening-que-bottom .radio {
position: relative;
}
.addscreening-que-bottom .radio input {
width: auto;
height: 100%;
width: auto;
margin: 8px 5px 0 0;
outline: none;
cursor: pointer;
border-radius: 8px;
padding: 12px 25px 12px 16px;
background: none;
color: #a1a1a1;
border: solid 2px #a1a1a1;
font-weight: 500;
font-size: 17px;
transition: all 100ms linear;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
}
.addscreening-que-bottom .radio input:checked {
/*background: #00e5b0;
color: #000;*/
}
.addscreening-que-bottom .radio input:before {
content: attr(label);
display: inline-block;
text-align: center;
width: 100%;
}
.addscreening-que-bottom .radio input:after {
content: attr(value);
display: inline-block;
text-align: center;
width: 100%;
}
/* 15 Nov End */
/* 28 March Start */
.insufficient-applications-bg{
float: left;
width: 100%;
margin-top: 60px;
}
.insufficient-applications-mid{
padding: 10px 0 0 0;
float: left;
width: 100%;
}
.insufficient-applications-mid-img{
float: left;
width: 30%;
}
.insufficient-applications-mid-img img{
width: 100%;
}
.insufficient-applications-mid-text{
float: right;
width: 70%;
padding-top: 15px;
}
.insufficient-applications-mid-text p{
font-size: 15px;
}
.uploadinfo{
color: #000;
font-weight: 600;
}
.uploadinfo:hover{
color: #06c79c;
}
.insufficient-applications-table .table{
background: #fff;
}
.insufficient-applications-table .table tr th{
background: #cbd3df;
color: #57585a;
font-size: 15px;
font-weight: 500;
}
.insufficient-applications-table .table tr td{
color: #57585a;
font-size: 15px;
vertical-align: middle;
}
.insufficient-applications-table .livebtn{
display: inline-block;
background: #06c79c;
border-radius: 3px;
color: #fff;
font-weight: 500;
padding: 7px 25px;
}
.customized-outreach-bg{
border-radius: 10px;
overflow: hidden;
background: #fff;
box-shadow: 3px 3px 3px #999;
text-align: center;
}
.customized-outreach-plans{
padding: 25px 25px 40px 25px;
background: #69e4b1;
}
.customized-outreach-plans h3{
color: #000;
font-weight: 600;
margin: 0;
font-size: 17px;
}
.customized-outreach-plans h5{
color: #000;
font-weight: 400;
font-size: 15px;
margin: 30px 0 60px 0;
}
.customized-outreach-plans h5 span{
font-weight: 600;
}
.customized-outreach-plans ul{
padding: 0;
margin: 0;
}
.customized-outreach-plans li{
display: inline-block;
width: 80px;
position: relative;
margin: 0 10px;
}
.customized-outreach-plans li::after{
content: "";
position: absolute;
left: -72%;
top: 15px;
border-bottom: dashed 2px #000;
width: 100%;
}
.customized-outreach-plans li:first-child::after{
display: none;
}
.customized-outreach-plans li p{
color: #000;
font-size: 11px;
line-height: 16px;
margin: 0;
float: left;
}
.customized-outreach-plans li span{
display: inline-block;
width: 35px;
height: 35px;
border-radius: 50%;
margin-bottom: 15px;
line-height: 35px;
text-align: center;
color: #fff;
background: #000;
}
.poweredbydiv{
margin-top: -20px;
}
.trynowbtn{
display: inline-block;
padding: 10px 17px;
background: #fff;
color: #000;
text-transform: uppercase;
box-shadow: 3px 3px 3px #999;
border-radius: 3px;
font-weight: 600;
}
.trynowbtn:hover{
background: #000;
color: #fff;
}
.poweredbylogos{
padding: 20px 0;
}
.poweredbylogos h5{
color: #000;
margin: 0 0 15px 0;
font-size: 13px;
}
.poweredbylogos a{
display: inline-block;
margin: 0 10px;
}
.intelligent-automation{
margin: 17px 0;
background: #fff;
border-radius: 5px;
overflow: hidden;
box-shadow: 3px 3px 3px #999;
float: left;
width: 100%;
}
.intelligent-automation-left{
background: #69e4b1;
width: 30%;
float: left;
padding: 25px;
}
.intelligent-automation-left h3{
color: #000;
font-weight: 600;
font-size: 15px;
margin: 0 0 12px 0;
}
.intelligent-automation-left p{
color: #000;
margin: 0;
}
.intelligent-automation-mid{
width: 45%;
float: left;
padding: 10px 25px;
}
.intelligent-automation-mid-left{
float: left;
width: 35%;
}
.intelligent-automation-mid-left h3{
color: #69e4b1;
font-weight: 600;
font-size: 15px;
margin: 0;
}
.intelligent-automation-mid-left h1{
color: #000;
font-weight: 600;
font-size: 30px;
margin: 0;
}
.intelligent-automation-mid-left h1 span{
display: inline-block;
font-size: 14px;
}
.intelligent-automation-mid-right{
float: left;
width: 50%;
text-align: center;
}
.btnsty003{
display: inline-block;
background: #121214;
color: #fff;
text-transform: uppercase;
font-weight: 600;
padding: 10px 20px;
box-shadow: 3px 3px 3px #999;
border-radius: 3px;
}
.btnsty003:hover{
background: #69e4b1;
color: #000;
}
.intelligent-automation-right{
padding: 16px 40px;
float: right;
width: 25%;
border-left: solid 1px #000;
text-align: center;
}
.intelligent-automation-right h3{
color: #000;
font-weight: 600;
font-size: 15px;
margin: 0 0 10px 0;
}
.intelligent-automation-btngrp{
margin-top: 20px;
text-align: right;
}
.intelligent-automation-btngrp a{
display: inline-block;
width: 175px;
text-align: center;
padding: 7px 0;
text-transform: uppercase;
font-weight: 600;
color: #000;
background: #69e4b1;
margin-left: 20px;
}
.intelligent-automation-btngrp a:hover{
background: #000!important;
color: #fff!important;
}
/*040422*/
.resultinfodiv{width: 100%; float: left;}
.backbtns{background: #fff; padding: 10px 25px 10px 15px; color: #000; font-weight: 600; float: left; margin-bottom: 25px;}
.backbtns:hover{background: #00e3b0; color: #fff; font-weight: 600;}
.backarrow{margin-right: 5px; font-size: 14px;}
.tabingresultinfo{width: 100%; padding: 15px 0px; float: left;}
.tabingresultinfo .tab {
overflow: hidden;
}
/* Style the buttons inside the tab */
.tabingresultinfo .tab button {
float: left;
background: none;
outline: none;
cursor: pointer;
padding: 10px 25px;
font-size: 13px;
font-weight: 600;
border-radius: 5px;
margin: 0px 10px 10px 0px;
border: solid 2px #20cb78;
color: #20cb79;
text-transform: capitalize;
}
/* Change background color of buttons on hover */
.tabingresultinfo .tab button:hover {
background-color: #20cb79;
color: #fff;
}
/* Create an active/current tablink class */
.tabingresultinfo .tab button.active {
background-color: #20cb79;
color: #fff;
}
/* Style the tab content */
.tabingresultinfo .tabcontent {
display: none;
padding: 10px 0px;
border-top: none;
}
.linkbg {background: #ececed; width: 30px; height: 30px; text-align: center; padding-top: 8px; border-radius: 50%; color: #3f3f41; float: left; font-size: 13px; margin-right: 5px;}
.linkbg:hover{background: #d1d1d1; color: #3f3f41;}
.statuslink{background: #69e4b1; padding: 6px 25px; border-radius: 5px; font-weight: 600; color: #243d34;}
.statuslink:hover{background: #50cb98; color: #243d34;}
.colinks{color: #50cb98;}
/*050422*/
.questiontopbg{width: 100%; float: left; background: #9ef7e3; padding: 10px 25px; border-radius: 15px; margin:60px 0px 0px 10px;}
.questiontopbg p{width: 100%; float: left; font-size: 14px; color: #121214; margin: 0px; font-weight: 500;}
.creatjobbg{margin: 17px 0; background: #fff; padding: 0px 10px 10px; border-radius: 5px; overflow: hidden; box-shadow: 3px 3px 3px #eff2f7; float: left; width: 100%;}
.topedit{width: 100%; float: left;}
.iconright{float: right;}
.icontxtbg{width: 40px; height: 40px; border-radius: 50%; text-align: center; background: #efefef; color: #63676c; padding-top: 11px; margin: 0px 5px; float:left;}
.icontxtbg:hover{background: #00e3b0; color: #63676c;}
.profiletaleshow{width: 100%; float: left; padding: 15px 0px 0px;}
.createtable{width: 100%; border-right: solid 1px #d2d5db; padding: 0px 0px; float: left;}
.createtable table{width: 100%; float: left;}
.createtable table tr td{padding: 4px 5px;}
.createtable span{font-weight: 600;}
.icnpad{margin-right: 2px;}
.aprselect{width: 150px; padding: 5px 8px; border:solid 1px #b1b3b5; border-radius: 5px; font-size: 13px;}
.aprselect option{width: 100%; color: #101011;}
.aprselect:focus{outline: none;}
.checktable{width: 100%; float: left;}
.checktable table{width: 100%; float: left;}
.checktxtdiv{float: left; margin-top: 5px;}
.informationdiv{width: 100%; padding: 15px 0px; float: left;}
.basicinfos{width: 100%; float: left;}
.basicinfos h1{width: 100%; background: #101011; padding: 10px 20px; border-radius: 10px; color: #fff; font-size: 20px; font-weight: 500; float: left; margin-bottom: 15px;}
.basicdetails{width: 100%; float: left;}
.basicbox{background: #fff; margin-bottom: 20px; padding: 20px 15px; border-radius: 10px; overflow: hidden; box-shadow: 3px 3px 3px #eff2f7; float: left; width: 100%;}
.basicimg{width: 100%; text-align: center; float: left; margin: 10px 0px;}
.basicbox h6{width: 100%; float: left; font-size: 16px; color: #101011; font-weight: 600; text-align: center; margin: 0px;}
.basicbox span{width: 100%; float: left; text-align: center; font-size: 12px; font-weight: 400;}
.boxselect {width: 100%; float: left; overflow: hidden; border: solid 1px #b1b3b5; border-radius: 5px; margin: 5px 0px 0px;}
.boxselect select {width: 100%; background: #fafafa url(../../images/fairkarma/selecbg02.jpg) no-repeat 90% 47%!important; font-size: 14px; color: #71757c; padding: 8px 10px; border: none; border-radius: 5px; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none;}
/* The container */
.checktxtdiv .checkinfoboxs {
display: block;
position: relative;
padding-left: 35px;
color: #101011;
font-weight: 500;
cursor: pointer;
font-size: 16px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* Hide the browser's default checkbox */
.checktxtdiv .checkinfoboxs input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
/* Create a custom checkbox */
.checktxtdiv .checkmark {
position: absolute;
top: 0;
left: 0;
height: 20px;
width: 20px;
border: solid 2px #aeaeae;
border-radius: 3px;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checktxtdiv .checkmark:after {
content: "";
position: absolute;
display: none;
}
/* Show the checkmark when checked */
.checktxtdiv .checkinfoboxs input:checked ~ .checkmark:after {
display: block;
}
/* Style the checkmark/indicator */
.checktxtdiv .checkinfoboxs .checkmark:after {
left: 5px;
top: 2px;
width: 7px;
height: 10px;
border: solid #aeaeae;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.chctxt{width: 80%; float: left; font-size: 16px; color: #101011; font-weight: 500;}
.chctxt label{float: left; color: #619dc0; font-size: 12px; font-style: italic; margin: 0px 0px 0px; width: 100%;}
.padbottoms{margin: -10px 0px 10px;}
.teaminforight{width: 100%; float: left;}
.teaminforight h1{width: 100%; background: #101011; padding: 10px 20px; border-radius: 10px; color: #fff; font-size: 20px; font-weight: 500; float: left; margin-bottom: 15px;}
.team-details{width: 100%; float: left;}
.demotabls{background: #fff; margin-bottom: 10px; padding: 15px 0px 0px; overflow: hidden; float: left; width: 100%;}
.demotabls table{width: 100%; float: left;}
.demotabls table th{background: #f4f4f4; border-bottom: solid 1px #c3c3c3; font-weight: 600; padding: 10px 5px;}
.demotabls table td{padding: 10px 5px; border-bottom: solid 1px #c3c3c3;}
.demoinput{width: 70px; background: #fafafa; border: solid 1px #b1b3b5; font-size: 13px; color: #101011; padding: 5px 10px; border-radius: 3px; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none;}
.ageinfo{background: #fff; margin-bottom: 10px; padding: 15px 15px; border-radius: 10px; overflow: hidden; box-shadow: 3px 3px 3px #eff2f7; float: left; width: 100%;}
.faq{float:left; width:100%;}
.faq .accordion > .card .card-header{padding:0px; background: none!important;}
.faq .accordion > .card{background: none; border: none!important; overflow: inherit!important;}
.faq .btn-link {padding: 10px 0px; color: #000; font-size: 17px; text-align: left; font-weight: 600; background: #fff;}
.faq .card-header{border:none!important;}
.faq .card-body{padding:0px; width: 100%; float: left;}
.faq .btn-link:hover, .faq .btn-link:focus{color:#000; text-decoration:none;}
.faq .btn-link .fa {font-size: 22px; padding-right: 0px; margin-right: 10px; float: left; color: #000;;}
.faq .card{margin: 2px 0px;}
.faqcontent{width: 100%; float: left; padding: 0px 15px; background: #fff;}
.faqcheck {float: right!important; margin-top: 13px!important;}
.padarrows{margin-right: 15px!important;}
.tablepads {padding: 15px 30px!important; border-radius: 10px;}
.headshow{width: 100%; float: left; padding: 10px 15px!important; background: #f4f4f4!important; border-bottom: solid 1px #c3c3c3!important;}
.maltab tr td{border-bottom: none!important; padding: 5px 0px!important;}
.sutxts {font-size: 12px!important; clear: both; margin-top: -7px; float: left;}
.padinputs{margin: 0px 5px 0px 0px!important;}
.aprovebg{background: #fff; margin: 0px 0px; padding: 25px 30px; border-radius: 10px; overflow: hidden; box-shadow: 3px 3px 3px #eff2f7; float: left; width: 100%;}
.aprpmatter{width: 100%; float: left;}
.aprpmatter p{width: 100%; font-size: 12px; color: #2c2c2c; line-height: 25px; font-weight: 500; float: left;}
/*.appvbtn{background: #000000; padding: 10px 40px; border-radius: 5px; color: #fff; font-size: 17px; text-transform: uppercase; font-weight: 600; margin: 13% 0% 0%; float:right;}*/
.appvbtn {
background: #000000;
padding: 8px 36px;
border-radius: 5px;
color: #fff;
font-size: 17px;
text-transform: uppercase;
font-weight: 600;
margin: 0% 1% 0%;
float: left;
}
.appvbtn:hover, .appvbtn:focus{background: #00e3b0; color: #fff;}
.endpagess{width: 100%; float: left;}
.endright{float: right;}
/*.appvbtn{background: #000000;padding: 8px 36px;border-radius: 5px;color: #fff;font-size: 17px;text-transform: uppercase;font-weight: 600;margin: 0% 1% 0%;float: left;*/
background: #000000; padding: 10px 40px; border-radius: 5px; color: #fff; font-size: 17px; text-transform: uppercase; font-weight: 600; margin: 13% 0% 0%; float:right;}
.appvbtn:hover, .appvbtn:focus{background: #00e3b0; color: #fff;}
.peadapprovalbtn{background: #00e3b0; padding: 10px 40px; border-radius: 5px; color: #fff; font-size: 17px; text-transform: uppercase; font-weight: 600; margin-left: 0px; float:left;}
.peadapprovalbtn:hover, .peadapprovalbtn:focus{background: #02cd9f; color: #fff;}
/*110422*/
.postrightshow {float: right; width: 80%;}
.uploadimagebtn {float: right; width: 31%;}
.uploadimagebtn span {float: left; font-size: 12px; font-weight: 500; margin-bottom: 5px;}
/*120422*/
.postcraarright {float: right; width: 80%;}
.tabbg {
background: #fff;
padding: 25px 25px;
width: 100%;
float: left;
}
.tabs-details {
width: 100%;
float: left;
}
.tabsinfobook {
margin: 0px;
}
.tabsinfobook .nav-tabs {
margin-bottom: 0px;
border: none;
width: 100%;
text-align: center;
display: inline-block;
}
.tabsinfobook .nav-tabs li {
margin: 0px 5px;
display: inline-block;
}
.tabsinfobook .nav-tabs li a {
background: #00f1b9;
color: #000000;
border: solid 2px #00f1b9;
font-weight: 500;
font-size: 16px;
padding: 14px 35px;
border-radius: 5px;
}
.tabsinfobook .nav-tabs li a.active {
background: none!important;
border: solid 2px #000000!important;
color: #000000!important;
}
.tabsinfobook .nav-tabs li a:hover {
background: none!important;
border: solid 2px #000000!important;
color: #000000!important;
}
.booktabcontent {
padding: 75px 10px 0px;
width: 100%;
background: #fff!important;
float: left;
}
.tabinenrinfo {
width: 100%;
float: left;
}
.bookform {
width: 100%;
float: left;
}
.bookform {
width: 100%;
float: left;
}
.inputinfobook {
font-size: 16px;
color: #000;
height: 70px;
border: none;
background: #e3e7ed;
border-radius: 5px;
box-shadow: inset 0 3px 7px rgb(0 0 0 / 0%);
box-shadow: 3px 0px 15px rgb(0 0 0 / 0%);
padding: 0px 35px;
width: 100%;
float: left;
outline: none;
margin: 8px 0px;
}
/*170522*/
.customized-outreach-plans ul li:first-child {
margin-top: 0px!important;
float: left;
}
.german .paybutton {
font-size: 14px!important;
padding: 10px 10px!important;
}
.german .paybuttons {
font-size: 14px!important;
padding: 10px 10px!important;
}
.japan .paybutton {
font-size: 14px!important;
padding: 10px 10px!important;
}
.japan .paybuttons {
font-size: 14px!important;
padding: 10px 10px!important;
}
.french .paybutton {
font-size: 12px!important;
padding: 10px 8px!important;
}
.french .paybuttons {
font-size: 12px!important;
padding: 10px 8px!important;
}
.spanish .paybutton {
font-size: 14px!important;
padding: 10px 10px!important;
}
.spanish .paybuttons {
font-size: 14px!important;
padding: 10px 10px!important;
}
.banner_image_show{
height: 140px!important;
}
.motionbg-bottomcontent-toplogo {
width: 127px!important;
height: 127px!important;
text-align: center!important;
border-radius: 10px!important;
box-shadow: 0px 0px 13px #ccc!important;
background-color: #fff!important;
margin: 20px!important;
float: left!important;
padding: 16px!important;
}
.cmpanylogo{
width: 135px!important;
height: 135px!important;
}
/* 28 March End */
/***29 March ***/
.insufficient-applications-mid #faq .card {
margin-bottom: 10px;
border: 0;
}
.insufficient-applications-mid #faq .card .card-header {
border: 0;
-webkit-box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
border-radius: 2px;
padding: 0;
}
.insufficient-applications-mid #faq .card .card-header .btn-header-link {
color: #fff;
display: block;
text-align: left;
background: #31c587;
color: #222;
padding: 15px 20px;
}
.insufficient-applications-mid #faq .card .card-header .btn-header-link:after {
content: "\f107";
font-family: 'FontAwesome';
font-weight: 900;
float: right;
}
.insufficient-applications-mid #faq .card .card-header .btn-header-link.collapsed {
background: #69e4b1;
color: #000;
}
.insufficient-applications-mid #faq .card .card-header .btn-header-link.collapsed:after {
content: "\f106";
}
.insufficient-applications-mid #faq .card .collapsing {
background: #fff;
line-height: 30px;
}
.insufficient-applications-mid #faq .card .collapse {
border: 0;
}
.insufficient-applications-mid #faq .card .collapse.show {
background: #fff;
line-height: 30px;
color: #222;
}
/***29 march end***/
.bookform {
width: 100%;
float: left;
}
.bookform {
width: 100%;
float: left;
}
.inputinfobook {
font-size: 16px;
color: #000;
height: 70px;
border: none;
background: #e3e7ed;
border-radius: 5px;
box-shadow: inset 0 3px 7px rgb(0 0 0 / 0%);
box-shadow: 3px 0px 15px rgb(0 0 0 / 0%);
padding: 0px 35px;
width: 100%;
float: left;
outline: none;
margin: 8px 0px;
}
.formcheckinfo {
float: left;
padding: 15px 0px;
}
.conttxts {
float: left;
font-weight: 600;
font-size: 17px;
color: #000;
padding: 15px 20px 0px 0px;
}
.cutomchck {
display: block;
position: relative;
padding-left: 35px;
margin-bottom: 12px;
cursor: pointer;
font-size: 17px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
margin-right: 10px;
font-size: 12px;
line-height: 22px;
}
/* Hide the browser's default checkbox */
.cutomchck input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
/* Create a custom checkbox */
.checkmark {
position: absolute;
top: 0;
left: 0;
height: 25px;
width: 25px;
background-color: #fff;
border: solid 2px #00f1b9;
color: #000;
}
/* On mouse-over, add a grey background color */
.cutomchck:hover input~.checkmark {
background-color: #fff;
border: solid 2px #00f1b9;
}
/* When the checkbox is checked, add a blue background */
.cutomchck input:checked~.checkmark {
background-color: #fff;
border: solid 2px #00f1b9;
color: #000;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
content: "";
position: absolute;
display: none;
}
/* Show the checkmark when checked */
.cutomchck input:checked~.checkmark:after {
display: block;
}
/* Style the checkmark/indicator */
.cutomchck .checkmark:after {
left: 9px;
top: 5px;
width: 6px;
height: 10px;
border: solid #00f1b9;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.submitbtnss {
background: #00f1b9;
border: solid 2px #00f1b9!important;
color: #121214;
font-weight: 600;
font-size: 17px;
padding: 14px 45px;
border-radius: 5px;
float: left;
border: none;
outline: none;
margin: 20px 0px;
}
.submitbtnss:hover, .submitbtnss:focus {
background: none!important;
border: solid 2px #000!important;
color: #000!important;
}
.closebtnss {
background: #000;
border: solid 2px #000!important;
color: #fff;
font-weight: 600;
font-size: 17px;
padding: 14px 45px;
border-radius: 5px;
float: left;
border: none;
outline: none;
margin: 20px 5px;
}
.closebtnss:hover, .submitbtnss:focus {
background: none!important;
border: solid 2px #000!important;
color: #000!important;
}
.showdes ul{
padding: 0;
margin: 0 0 15px 15px;
}
.showdes ul li{
background: none;
color: #2b2b2b;
padding: 0;
margin: 5px 0;
}
/* 20 April */
.carrersitebg{
float: left;
width: 100%;
padding: 0;
}
.carrersitebg-top{
float: left;
width: 100%;
margin: 15px 0;
}
.sharebtn{
float: left;
padding: 10px 12px;
color: #fff;
background: #28a745;
border-radius: 3px;
font-size: 13px;
}
.sharebtn:hover{
background: #000;
color: #fff;
}
.carrersitebg-top-right{
float: right;
}
.carrersitebg-top-right ul{
padding: 0;
margin: -30px 0 0 0;
float: left;
}
.carrersitebg-top-right ul li{
float: left;
margin-left: 0px;
list-style: none;
width: 120px;
}
.carrersitebg-top-right ul li label{
width: 100%;
color: #000;
font-size: 13px!important;
}
.carrersitebg-top-right .colorForm{
width: 100%;
margin: 0;
}
.updatebtn{
padding: 10px 12px;
color: #fff;
background: #28a745;
border-radius: 3px;
float: right;
font-size: 13px;
margin: 0px 0 0 15px;
}
.updatebtn:hover{
background: #000;
color: #fff;
}
.carrersitebg-top-right ul li span{
background: #b6270e;
border-radius: 3px;
width: 90px;
height: 40px;
display: inline-block;
}
.carrersitebg-bottom{
background-color: #fff;
padding: 25px;
border-radius: 15px;
float: left;
width: 100%;
box-shadow: 0px 0px 13px #ccc;
}
.carrersitebg-banner{
float: left;
width: 100%;
}
.carrersitebg-banner img{
width: 100%;
border-radius: 15px;
}
.carrersitebg-bottom-mid{
float: left;
width: 100%;
padding: 25px 0;
}
.carrersitebg-bottom-mid-left{
width: 127px;
height: 127px;
box-shadow: 0px 0px 13px #ccc;
border-radius: 15px;
float: left;
text-align: center;
padding: 20px 0;
}
.carrersitebg-bottom-mid-right{
float: right;
margin-top: 50px;
}
.careerjob-box{
float: left;
width: 100%;
margin-bottom: 15px;
border: solid 1px #d1d1d1;
border-radius: 15px;
padding: 30px;
}
.careerjob-box h2{
color: #010208;
font-weight: 600;
font-size: 22px;
margin: 0 0 17px 0;
}
.careerjob-box p{
color: #383838;
font-size: 17px;
margin-bottom: 5px;
}
.careerjob-box p label{margin-bottom: 0px;}
.careerjob-box strong{
font-weight: 600;
}
.careerjob-box a{
color: #fff;
font-size: 16px;
font-weight: 700;
padding: 13px 25px;
border-radius: 10px;
background: #20cb79;
display: inline-block;
margin-top: 10px;
}
.careerjob-box a:hover{
background: #000;
color: #fff;
}
.step2banner img{
border-radius: 0;
}
.career-step2-heading{
border-bottom: solid 1px #d1d1d1;
padding: 14px 0;
color: #000;
font-weight: 600;
font-size: 16px;
}
.career-step2-heading span{
float: right;
background: #fff;
color: #122838;
font-weight: 400;
padding: 0 15px;
position: relative;
top: 20px;
}
.carrersitebg-step2 ul{
margin: 15px 0;
}
.carrersitebg-step2 ul li label{
font-size: 16px;
}
.carrersitebg-step2 ul li{
width: 110px;
}
.carrersitebg-step2row{
padding: 0 190px;
}
.aboutcpbox{
float: left;
width: 100%;
padding-top: 25px;
}
.aboutcpbox label{
color: #000;
font-weight: 400;
margin: 0 0 20px 0;
}
.aboutcpbox p{
color: #000;
font-size: 16px;
margin: 5px 0 0 0;
text-align: right;
}
.aboutcpbox p span{
color: #00e5b0;
}
.postnowcheckbox{
float: left;
width: 100%;
}
.postnowcheckbox .custom-control-label{
color: #70145a;
font-weight: 600;
}
.schedulepost-row{
float: left;
width: 100%;
padding: 25px 0;
}
.schedulepost-row label{
color: #000;
font-weight: 600;
margin: 0 0 15px 0;
}
.postinput{
width: 350px;
position: relative;
}
.postinput input{
border: none;
outline: none;
border-radius: 5px;
background: #e3e7ed;
height: 55px;
width: 100%;
padding: 0 15px;
}
.postinput .fa{
color: #66686a;
font-size: 25px;
position: absolute;
right: 20px;
top: 14px;
}
.postpreview-link{
float: left;
width: 100%;
}
.postpreview-link a{
font-weight: 600;
font-size: 16px;
}
.bottom-btngrp{
float: left;
width: 100%;
margin-top: 25px;
}
.bottom-btngrp a{
display: inline-block;
text-align: center;
padding: 15px 20px;
border-radius: 10px;
background: #00e5b0;
color: #101011;
font-size: 16px;
font-weight: 600;
min-width: 110px;
margin-right: 10px;
}
.bottom-btngrp a:hover{
background: #000;
color: #fff;
}
.bottom-btngrp a .fa{
padding-left: 10px;
}
.carrersitebg-bottom{
margin-bottom: 50px;
}
/*280522*/
.btnshows {padding: 4px 8px; font-size: 13px;}
.btnshows:focus{outline: 0!important; box-shadow:none!important;}
.candi-listbg .btn{padding: 4px 8px!important; font-size: 13px!important;}
.candi-listbg .btn:focus{outline: 0!important; box-shadow:none!important;}
.french .carrersitebg-step2 ul li {width: 165px;}
@media only screen and (min-width: 1141px) and (max-width: 1240px) {
.navbar-nav li{padding-right: 5px;}
}
@media only screen and (min-width: 960px) and (max-width: 1140px) {
.customized-outreach-plans li{width: 76px; margin: 0;}
.intelligent-automation-mid-right{width: 60%;}
.btnsty003{font-size: 12px;}
/*040422*/
.tabingresultinfo .tab button {padding: 9px 15px; font-size: 13px;}
.insufficient-applications-table{width: 100%; float: left; overflow-x: scroll;}
.insufficient-applications-table table{width: 1000px;}
/*050422*/
.questiontopbg br{display: none;}
.createtable table tr td {padding: 4px 5px; font-size: 12px;}
.chctxt {font-size: 12px;}
.chctxt label {font-size: 12px; margin: 10px 0px 0px;}
.basicbox h6 {font-size: 12px;}
.basicbox span {font-size: 12px;}
.checktxtdiv .checkinfoboxs {font-size: 12px;}
.maltab tr td {font-size: 12px;}
.demotabls table td {font-size: 12px;}
/*110422*/
.postrightshow {float: right; width: 75%;}
.uploadimagebtn {float: right!important; width: 27%!important;}
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
.btnsty003{font-size: 12px;}
/*040422*/
.tabingresultinfo .tab button {padding: 9px 25px; font-size: 13px; border-radius: 5px; margin: 6px 10px 5px 0px;}
.insufficient-applications-table{width: 100%; float: left; overflow-x: scroll;}
.insufficient-applications-table table{width: 1000px;}
.tabingresultinfo .tab {overflow: hidden; border-bottom: none;}
/*050422*/
.appvbtn {margin: 1% 0% 0%;}
.basicinfos h1{text-align: center;}
/*110422*/
.postrightshow {float: right; width: 76%;}
.uploadimagebtn {width: 24%!important; margin-bottom: 10px;}
/*120422*/
.postcraarright {float: right; width: 95%;}
.cropper-point.point-se{height: 5px!important; width: 5px!important;}
.motionbg-bottomcontent-toplogo{margin: 0!important;}
}
@media only screen and (min-width: 600px) and (max-width: 767px) {
.insufficient-applications-table{float: left; width: 100%; overflow-x: scroll;}
.insufficient-applications-mid-img{width: 100%;}
.insufficient-applications-mid-text{width: 100%;}
.intelligent-automation-left, .intelligent-automation-mid{width: 100%;}
.intelligent-automation-right{width: 100%; border: none;}
.intelligent-automation-mid-right{width: 65%;}
/*040422*/
.tabingresultinfo .tab button {padding: 9px 10px; font-size: 13px; border-radius: 5px; margin: 6px 10px 5px 0px;}
.insufficient-applications-table{width: 100%; float: left; overflow-x: scroll;}
.insufficient-applications-table table{width: 1000px;}
.tabingresultinfo .tab {overflow: hidden; border-bottom: none;}
/*050422*/
.appvbtn {margin: 1% 0% 0%; float: left;}
.basicinfos h1{text-align: center;}
.demotabls {width: 100%; overflow-x: scroll;}
.demotabls table{width: 800px;}
.peadapprovalbtn{margin: 10px 10px; padding: 10px 15px; font-size: 16px; float: left;}
/*110422*/
.postrightshow {float: right; width: 100%;}
.uploadimagebtn {float: left!important; width: 32%!important; margin: 15px 0px 0px;}
/*120422*/
.motionbg-bottomcontent-top {border-bottom:none;}
.postcraarright {float: right; width: 100%;}
.cropper-point.point-se{height: 5px!important; width: 5px!important;}
.motionbg-bottomcontent-toplogo{margin: 0!important;}
}
@media only screen and (min-width: 480px) and (max-width: 599px) {
.insufficient-applications-table{float: left; width: 100%; overflow-x: scroll;}
.insufficient-applications-mid-img{width: 100%;}
.insufficient-applications-mid-text{width: 100%;}
.intelligent-automation-left, .intelligent-automation-mid{width: 100%;}
.intelligent-automation-right{width: 100%; border: none;}
.intelligent-automation-mid-right{width: 65%;}
/*040422*/
.tabingresultinfo .tab button {padding: 9px 10px; font-size: 13px; border-radius: 5px; margin: 6px 10px 5px 0px;}
.insufficient-applications-table{width: 100%; float: left; overflow-x: scroll;}
.insufficient-applications-table table{width: 1000px;}
.tabingresultinfo .tab {overflow: hidden; border-bottom: none;}
/*050422*/
.appvbtn {margin: 1% 0% 0%; float: left;}
.basicinfos h1{text-align: center;}
.demotabls {width: 100%; overflow-x: scroll;}
.demotabls table{width: 800px;}
.createtable {width: 100%; overflow-x: scroll;}
.createtable table{width: 500px;}
.teaminforight h1{text-align: center;}
.peadapprovalbtn{margin: 10px 10px; padding: 10px 15px; font-size: 16px; float: left;}
/*110422*/
.postrightshow {float: right; width: 100%;}
.uploadimagebtn {float: left!important; width: 33%!important; margin: 10px 0px 0px;}
.backbtn{margin-bottom: 15px; float: left;}
/*120422*/
.motionbg-bottomcontent-top {border-bottom:none;}
.postcraarright {float: right; width: 100%;}
.cropper-point.point-se{height: 5px!important; width: 5px!important;}
.motionbg-bottomcontent-toplogo{margin: 0!important;}
}
@media only screen and (max-width: 479px) {
.insufficient-applications-table{float: left; width: 100%; overflow-x: scroll;}
.insufficient-applications-mid-img{width: 100%;}
.insufficient-applications-mid-text{width: 100%;}
.intelligent-automation-left, .intelligent-automation-mid{width: 100%;}
.intelligent-automation-right{width: 100%; border: none;}
.intelligent-automation-mid-right{width: 65%;}
.btnsty003{font-size: 13px;}
.intelligent-automation-btngrp a{margin-left: 0; width: 170px;}
/*040422*/
.tabingresultinfo .tab button {width: 100%; font-size: 13px; border-radius: 8px; margin: 5px 1px;}
.insufficient-applications-table{width: 100%; float: left; overflow-x: scroll;}
.insufficient-applications-table table{width: 1000px;}
.tabingresultinfo .tab {overflow: hidden; border-bottom: none;}
/*050422*/
.appvbtn {margin: 1% 0% 0%; float: left;}
.basicinfos h1{text-align: center;}
.demotabls {width: 100%; overflow-x: scroll;}
.demotabls table{width: 800px;}
.createtable {width: 100%; overflow-x: scroll;}
.createtable table{width: 500px;}
.teaminforight h1{text-align: center;}
.peadapprovalbtn{margin: 10px 0px; float: left;}
/*110422*/
.postrightshow {float: right; width: 100%;}
.uploadimagebtn span {margin-top: 15px; padding-right: 10px; width: 95px;}
.backbtn{margin-bottom: 15px; float: left;}
.uploadimagebtn {float: left!important; width: 100%!important; margin: 10px 0px 0px; text-align: left;}
/*120422*/
.motionbg-bottomcontent-top {border-bottom:none;}
.postcraarright {float: right; width: 100%;}
.cropper-point.point-se{height: 5px!important; width: 5px!important;}
.carrersitebg-top-right ul li{width: 90px!important;}
.carrersitebg-bottom{padding: 10px;}
}
@media only screen and (min-width: 960px) and (max-width: 1140px) {
.carrersitebg{padding: 0;}
.navbar-nav li{padding-right: 15px;}
.navbar-nav li a{font-size: 14px;}
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
.carrersitebg{padding: 0;}
.carrersitebg-bottom-mid-right{width: 100%; margin: 0;}
.carrersitebg-bottom-mid-right a{margin: 5px;}
.navbar-nav li a{font-size: 10px;}
.navbar-nav li{padding-right: 16px;}
.bottombtngrp button{padding: 20px;}
.headertop .dropdown-menu{transform: translate3d(-65px, 22px, 0px)!important;}
}
@media only screen and (min-width: 600px) and (max-width: 767px) {
.carrersitebg{padding: 0;}
.carrersitebg-bottom-mid-right{width: 100%; margin: 0;}
.carrersitebg-bottom-mid-right a{margin: 5px;}
.carrersitebg-step2 ul li{width: 105px;}
.carrersitebg-step2 ul li label{font-size: 13px;}
.bottom-btngrp a{padding: 15px 10px; font-size: 12px;}
.bottombtngrp button {padding: 10px 9px; font-size: 11px; margin-right: 6px;}
.footerlogo{width: 100%; text-align: center;}
.footerlogo .cmpanylogo{float: none; display: inline-block;}
.footerlogo .cmpanylogo img{width: 100%!important; height: 100%;}
.jobcareerbtn{margin-left: 0!important;}
.screening-que-content span{width: 100%; margin-right: 0;}
}
@media only screen and (max-width: 599px) {
.carrersitebg{padding: 0;}
.carrersitebg-top-right{width: 100%;}
.carrersitebg-top-right ul{margin: 10px 0; width: 100%;}
.carrersitebg-top-right ul li{margin: 0 10px 0 0;}
.updatebtn{float: left; margin: 0;}
.carrersitebg-bottom-mid{text-align: center;}
.carrersitebg-bottom-mid-left{float: none; display: inline-block;}
.carrersitebg-step2{margin-top: 20px;}
.carrersitebg-step2 ul li{width: 80px; text-align: left;}
.carrersitebg-step2 ul li label{font-size: 13px;}
.postinput{width: 100%;}
.bottom-btngrp a{margin: 5px 0; width: 100%;}
.carrersitebg-bottom-mid-right {float: right; margin-top: 20px;}
.bottombtngrp button{width: 100%; margin: 10px 0;}
.saltabs h4{font-size: 15px;}
.togalebtnshow{margin-top: -45px!important;}
.second_mid_content{padding: 50px 15px!important;}
.footerlogo{width: 100%; text-align: center;}
.footerlogo .cmpanylogo{float: none; display: inline-block;}
.footerlogo .cmpanylogo img{width: 100%!important; height: 100%;}
.drawrpallete-wrapper button{width: 80px!important; background-position: 60px 21px!important;}
.carrersitebg-top-right ul li label{font-size: 10px!important;}
.aboutcpbg h4 {font-size: 13px!important;}
.schedule-calender{width: 100%!important;}
.shortlist-right .dropdown-menu{height: 150px; overflow-y: scroll;}
.righabout p{ word-break: break-all;}
.toplogo .cmpanylogo img{width: 100%!important; height: 100%!important;}
.inner_newpage{margin-top: 20px; width: 100%;}
.jobcareerbtn{margin-left: 0!important;}
.saltabs .toggle{margin: 10px 5px;}
.saltabs .toggler{font-size: 13px;}
.aboutcpbg h4 span{width: 100%; margin-top: 5px;}
.screening-que-content span{width: 100%; margin-right: 0;}
.shortlist-right .dropdown-menu{transform: translate3d(auto, 35px, 0px)!important;}
.onoffswitch-inner{width: 200%!important; margin-top: 0!important;}
.onoffswitch-switch{width: 18px!important;}
.addmorebtn.remove2{margin: 15px!important;}
.addmore_remove_second{margin: 15px!important;}
.addmorebtn.clone2{margin-left: 15px;}
.add_referral_mail .add_email, .add_referral_mail .send_email{font-size: 12px;}
.send_referral_mail .add_email, .send_referral_mail .send_email{font-size: 12px;}
.add_referral_mail .modal-footer{padding: 0;}
.bulk_mail_sec a{font-size: 12px; margin-top: 5px;}
#DataTables_Table_0_wrapper table.dataTable tbody th, table.dataTable tbody td{font-size: 12px;}
.status_btn a{font-size: 9px; margin: 2px;}
.row.newsection{margin: 0; width: 100%; display: block;}
.row.newsection .form-group{clear: both;}
.appform .form-control{padding: 0 15px;}
.motionbg{padding: 10px;}
}