/* ========================================================================== Jobs Page Specific Settings ========================================================================== */ /*--- Simple Page --- */ .simple-page #content .container { padding-top:0;} .sample-page #content .container { padding-top:0;} .sample-page #content .left-panel { padding-top:24px;} /*--- Content --- */ #content .container.top-extra-space { padding-top:84px;} /*--- Widget --- */ .widget li figure, .widget.sponsor-block figure { line-height:58px;} .widget.profile-widget li figure img { max-width:62px; max-height:62px;} /*--- Token-input-list-facebook --- */ ul.token-input-list-facebook li input {min-width:150px; height:32px !important;} /*--- Header --- */ #header .user-dropdown { width:164px;} /*--- Content Block --- */ .content-block-sm { margin-bottom:8px;} .content-block-sm:last-child { margin-bottom:0;} /*--- Description List --- */ dl.description-list dd.no-capitalize { text-transform:none;} /*--- Tocken Token --- */ li.token-input-token-facebook { border:0; padding:2px 4px; margin:3px 4px 3px 4px !important;} li.token-input-token-facebook p { font-size:13px; color:#4a4548; line-height:22px;} li.token-input-token-facebook span { font-size:16px; color:#8a858d; line-height:19px; position:relative; top:1px;} .form-page div.token-input-dropdown-facebook { width:560px;} /*--- Form Tooltip --- */ .form1 ul li.has-tooltip { position:relative;} .form-tooltip { position:absolute; width:300px; background:#fff; right:-338px; padding-left:32px; z-index:100; display:none; top:0;} .form-tooltip h3, .form-tooltip h5 { margin-bottom:4px;} .form-tooltip ul {list-style:outside !important; padding-left:24px !important;} .form-tooltip ul li { margin-bottom:8px !important;} .form-tooltip p { margin-bottom:8px;} .form-tooltip:before { width:16px; height:28px; background:url("images/tg_images_new/sprites.svg") -159px -339px no-repeat; display:block; position:absolute; left:-17px; top:5px; content:"";} .form1 textarea.form-control { padding:11px 12px;} .form1 .radio-input label { font-size:14px;} .form-page .form1 .col-sm-9 .radio-input.radio-inline { padding-right:0;} .form1 .characters-limit, .form1 textarea.characters-limit { padding-right:60px;} /*--- Bootstrap Maxlength --- */ .bootstrap-maxlength { margin-top:-25px; text-indent:-62px; border-radius:0; background:none; font-size:14px; color:#c2c2c2; font-weight:normal; padding:0;} /*--- Form Page --- */ .form-page #content .left-panel { position:relative;} .form-page #content .left-panel:after {display: block;width: 2000px;content: "";background: #fff;top: 0;height: 100%;position: absolute;left:810px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.09);} .form-page #content .container:after {display: block;width: 2000px;content: "";background: #fff;top: 0;height: 100%;position: absolute;left: 1205px;} /*--- Widget --- */ .widget.new-widget .button2 { min-width:120px; margin-top:4px; } .widget.new-widget > p { color:#8a858d; margin-bottom:8px; } .widget.new-widget h4 { margin-bottom:8px;} .widget.less-padding { margin-bottom:16px;} /*--- Step Tabs --- */ .step-tabs .nav-tabs { margin-bottom:40px; border:0;} .step-tabs .nav-tabs > li.disabled {pointer-events:none;} .step-tabs .nav-tabs > li > a { border-radius:0; border: solid 1px #dad9d9; font-size:14px; text-align:center; margin:0; color:#959595; padding:7px 8px; line-height:14px; background:#f4f4f4; min-width:104px;} .step-tabs .nav-tabs > li > a:before {content:""; display:block; position:absolute; top:-1px; right:-16px; width: 0; height: 0; border-style: solid; border-width:16px 0 16px 15px; border-color: transparent transparent transparent #dad9d9; z-index:1; } .step-tabs .nav-tabs > li > a:after {content:""; display:block; position:absolute; top:0px; right:-14px; width: 0; height: 0; border-style: solid; border-width: 15px 0 15px 14px; border-color: transparent transparent transparent #f4f4f4; z-index:2; } .step-tabs .nav-tabs > li.active > a:after, .step-tabs .nav-tabs > li > a:hover:after, .step-tabs .nav-tabs > li > a:focus:after { border-color: transparent transparent transparent #ffffff;} .step-tabs .nav-tabs > li:last-child > a:after, .step-tabs .nav-tabs > li:last-child > a:before { display:none;} .step-tabs .nav-tabs > li > a .number {display:inline-block; width: 16px; height: 16px; border: solid 1px #b2b2b2; text-align:center; line-height:13px; font-size:8px; color:#959595; vertical-align:top; margin-right:8px; border-radius:10px;} .step-tabs .nav-tabs > li:first-child > a { border-radius:3px 0 0 3px;} .step-tabs .nav-tabs > li:last-child > a { border-radius:0 3px 3px 0;} .step-tabs .nav-tabs > li > a:hover, .step-tabs .nav-tabs > li > a:focus { background:#fff;} .step-tabs .nav-tabs > li.active > a, .step-tabs .nav-tabs > li.active > a:hover, .step-tabs .nav-tabs > li.active > a:focus { color:#19171a; background-color: #ffffff; border: solid 1px #dad9d9; font-weight:normal;} .step-tabs .nav-tabs > li.active > a .number {border: solid 1px #19171a; color:#19171a;} .step-tabs .nav-tabs > li.completed > a .number { background:url(images/tg_images_new/sprites.svg) -260px -344px no-repeat; border:0; overflow:hidden; padding-top:16px; height:16px;} /* one item */ .step-tabs .nav-tabs li:first-child:nth-last-child(1) { width: 100%; } /* two items */ .step-tabs .nav-tabs li:first-child:nth-last-child(2),.step-tabs .nav-tabs li:first-child:nth-last-child(2) ~ li { width: 50%; } /* three items */ .step-tabs .nav-tabs li:first-child:nth-last-child(3),.step-tabs .nav-tabs li:first-child:nth-last-child(3) ~ li { width: 33.3333%; } /* four items */ .step-tabs .nav-tabs li:first-child:nth-last-child(4),.step-tabs .nav-tabs li:first-child:nth-last-child(4) ~ li { width: 25%; } /*--- Search Filter --- */ #search-filter { padding-bottom:12px; position:relative; z-index:10; -webkit-transition-property: none;-moz-transition-property: none;-o-transition-property: none;transition-property: none;} #search-filter .search-form-wrap { padding:12px 0; background:#2d1846;} #search-filter .search-form-wrap.fixed { height:64px; position:fixed; left:0px; top:0px; width:100%; z-index:1002; } #search-filter h1 { margin-bottom:4px;} #search-filter form > ul { display:table; width: 100%;} #search-filter form > ul > li {display:table-cell; width:auto; vertical-align:top; position:relative; border-left:1px solid #dadada;} #search-filter form > ul > li:first-child,#search-filter form > ul > li:last-child { border-left:0;} #search-filter form > ul > li input[type="text"], #search-filter form > ul > li .select select, #search-filter form > ul > li .select { border:0; border-radius:0; height:48px;} #search-filter form > ul > li input[type="text"] { padding:6px 16px;} #search-filter form > ul > li .select select { padding:0 35px 0 9px;} .chrome #search-filter form > ul > li .select select { padding:0 35px 0 5px;} #search-filter form > ul > li .btn { border-radius:0 6px 6px 0; height:48px;} #search-filter .experience-field { width:194px;} #search-filter .date-posted-field { width:155px;} #search-height { height:64px; display:none;} #search-filter .button1 {-webkit-transition-property: none;-moz-transition-property: none;-o-transition-property: none;transition-property: none;} #search-filter #search-form input[type="text"] { border-radius:6px 0 0 6px; font-size:14px; line-height:20px;} #search-filter #search-form .search-icon { left:8px; top:8px;} #search-filter #search-form .inner { padding-left:32px; height:48px; padding-right:0; border-radius:6px 0 0 6px;} #search-filter #search-form-content { top:48px; border-top:1px solid #dadada; max-height:350px; overflow:auto;} #search-filter #search-form-content ul li.active a { background-color:#f2f2f2;} #search-filter #search-form.active .inner { border-radius:6px 0 0 0;} #search-filter .custom-selectbox { display:block;} #search-filter .custom-selectbox .btn { box-shadow:none; padding-right:40px; border-radius:0; width:100%; border:0; padding-left:16px; color:#b8b8ca;} #search-filter .custom-selectbox.open .btn { color:#b8b8ca;} #search-filter .custom-selectbox .btn.selected, #search-filter .custom-selectbox.open .btn.selected {color:#4a4548;} #search-filter .custom-selectbox .custom-menu { border-top:1px solid #dadada; max-height:286px; overflow:auto; border-radius:0 0 6px 6px;} #search-filter .custom-selectbox .custom-menu label { padding:8px 11px;} #search-filter .custom-selectbox .custom-menu { top:48px;} #search-filter .custom-selectbox .btn:after { background:url(images/tg_images_new/sprites.svg) -132px -328px no-repeat; width:24px; right:16px;} #search-filter.small-view form > ul > li input[type="text"], #search-filter.small-view form > ul > li .select select, #search-filter.small-view form > ul > li .select, #search-filter.small-view form > ul > li .btn, #search-filter.small-view #search-form .inner { height:40px;} #search-filter.small-view { padding-bottom:0;} #search-filter.small-view form > ul > li input[type="text"] { padding:6px 12px;} #search-filter.small-view .custom-selectbox .btn { padding-left:12px; height:40px;} #search-filter.small-view .custom-selectbox .btn:after { top:-4px; right:14px;} #search-filter.small-view #search-form .search-icon { left:6px; top:4px;} #search-filter.small-view .experience-field { width:148px;} #search-filter.small-view .custom-selectbox .custom-menu, #search-filter.small-view #search-form-content { top:40px;} .job-result-page #search-filter #search-form .inner { padding-left:0; position:relative;} .job-result-page #search-filter .search-icon { display:none;} /*--- Job Box Large --- */ .job-box-lg { border-radius:6px; padding:16px; margin-bottom:16px; background:#ffffff; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);} .job-box-lg a { text-decoration:none; vertical-align:top;} .job-box-lg .job-header { margin-bottom:16px; height:72px;} .job-box-lg figure { float:left; width:64px; height:64px; line-height:46px; border:1px solid #dadada; border-radius: 3px; padding:8px;} .job-box-lg figure img { max-height:46px; max-width:46px; vertical-align:middle;} .job-box-lg .details { margin-left:72px;} .job-box-lg .details.full-width { margin-left:0;} .job-box-lg .details h3 { margin-bottom:4px;} .job-box-lg:hover .details h3 {color:#d7263d;} .job-box-lg .details p { color:#8a858d; margin-bottom:0;} .job-box-lg .job-content { margin-bottom:16px; height:124px;} .job-box-lg .job-footer { font-size:14px; color:#8a858d; line-height:17px;} .job-box-lg .job-footer .btn { min-width:120px;} .job-box-lg .job-footer .bookmark-icon { margin-left:2px;} .job-box-lg dl.description-list dt { min-width:65px;} .job-box-lg dl.description-list dd { margin-left:73px;} .job-box-lg .job-footer .metadata { float:right; font-size:14px; line-height:20px; color:#8a858d; position:relative; bottom:-14px;} .job-box-lg.job-alert .job-header { height:24px;} .job-box-lg.job-alert .job-header h3 { margin:0;} .job-box-lg.job-alert .job-content { height:96px;} .job-box-lg.job-alert dl.description-list dd span {color:#7a7f8a;} .job-box-lg.job-alert .user-controls { float:right; position:relative;} .job-box-lg.job-alert .user-controls .dropdown-toggle { width:32px; height:32px; padding:0; margin:0; display:block; text-align:center; background:none; line-height:32px; border:0; margin:-8px -8px 0 0;} .job-box-lg.job-alert .user-controls .dropdown-toggle svg { vertical-align:middle;} .job-box-lg.job-alert .user-controls .dropdown-toggle:hover svg g { fill:#d7263d;} .job-box-lg.job-alert .user-controls.open .dropdown-toggle { background:#f2f2f2;} /*--- Job Box Small --- */ .job-box-sml { border-radius:6px; border:1px solid #dadada; background:#f7f7f7; text-align:center; margin-bottom:16px;} .job-box-sml .logo-holder { line-height:53px; background:#fff; border-radius:5px 5px 0 0; padding:4px 16px; margin-bottom:12px; border-bottom:1px solid #dadada; height:64px;} .job-box-sml .logo-holder img { vertical-align:middle; max-width:104px; max-height:54px;} .job-box-sml .logo-holder.city { line-height:62px; padding:0;} .job-box-sml .logo-holder.city img { vertical-align:bottom; max-width:100%; max-height:100%;} .job-box-sml h5 { margin-bottom:12px;} .job-box-sml h5 span { display:block; margin-top:4px; color:#d7263d;} /*--- Job Box Medium --- */ .jobs-medium-boxes { padding-top:8px;} .job-box-mdm { border-radius:3px; border:1px solid #dadada; background:#ffffff; margin-bottom:16px; padding:16px; height:85px;} .job-box-mdm:last-child, .job-box-mdm:nth-last-child(2) { margin-bottom:0;} .job-box-mdm h3 { margin-bottom:8px;} .job-box-mdm img { float:right; margin-left:16px;} /*--- Test Box --- */ .test-box1 {border-radius: 6px; background-color: #f2f2f2; margin-bottom:16px; border: solid 1px #dadada; padding:16px 16px 16px 40px; position:relative;} .test-box1 h3 { height:48px; overflow:hidden;} .test-box1 dl.description-list { height:132px;} .test-box1 dl.description-list dd { margin-left:108px; min-height:20px;} .test-box1 .radio-input { position:absolute; top:16px; left:16px;} .test-box1 .button2 { min-width:120px; float:right; position:relative; margin-top:-32px;} /*--- Job List --- */ #job_list .my-status-block span { margin-right:8px;} /*--- Edit Profile PopUp --- */ #edit-profile-popup ul li { margin-bottom:16px;} #edit-profile-popup ul li:last-child { margin-bottom:0;} #edit-profile-popup ul li .col-sm-4 {color:#8a858d;} #edit-profile-popup ul li.experience-field .select { width:150px;} /*--- Coding Platform Head --- */ #coding-platform-head.flexible { height:auto;} #coding-platform-head .test-actions .common-dropdown { display:inline-block; margin-left:16px;} #coding-platform-head .test-actions .common-dropdown .dropdown-menu { min-width:176px; right:0; top:40px;} #coding-platform-head .test-actions .more-btn { padding-right:25px; position:relative;-webkit-transition-property: none;-moz-transition-property: none;-o-transition-property: none;transition-property: none; min-width:15px;} #coding-platform-head .test-actions .more-btn:after { z-index:5; pointer-events:none; display:block; position:absolute; right:9px; top:13px; background:url(images/tg_images_new/sprites.svg) -349px -317px no-repeat; width:11px; height:6px; content:"";} #coding-platform-head .test-actions .more-btn:hover:after { background-position:-199px -349px;} #coding-platform-head .for-practice .question-info p .block small { color: #ff0c0c; font-size: 100%;} #coding-platform-head .tabs1 {clear:both; padding-top:24px;} #coding-platform-head .tabs1 .nav-tabs { margin-bottom:0; border-bottom:0;} #coding-platform-head .tabs1 .nav-tabs > li { margin-bottom:-8px;} #coding-platform-head .tabs1 .nav-tabs > li > a { border-bottom:2px solid #fff; padding-bottom:14px;} #coding-platform-head .tabs1 .nav-tabs > li.active > a { border-bottom:solid 2px #19171a;} .sample-page #coding-platform-head { height:56px;} .sample-page #coding-platform-head .test-actions { padding-top:4px;} .sample-page #all-questions-lnk { margin-top:5px;} .sample-page #coding-platform-head .question-info { display:table; height:36px;} .sample-page #coding-platform-head .question-info h3 { margin:0; display:table-cell; vertical-align:middle;} .sample-page #coding-platform-head .question-info h3 a {color: #4a4548; text-decoration: none;} .sample-page #coding-platform-head .question-info h3 span { font-weight:normal;} /*--- Common Dropdown --- */ .common-dropdown { position:relative;} .common-dropdown .dropdown-menu {box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.11); padding:0; min-width:126px; left:auto; right:-17px; top:30px;} .common-dropdown .dropdown-menu:before {width: 16px; height: 10px; content: ""; display: block; right:16px; top: -10px; position: absolute; background: url(images/tg_images_new/sprites.svg) -228px -185px no-repeat;} .common-dropdown .dropdown-menu li {border-bottom: solid 1px #e9e9e9;} .common-dropdown .dropdown-menu li a {padding:8px 12px;} .common-dropdown .dropdown-menu li:first-child a { border-radius:2px 2px 0 0;} .common-dropdown .dropdown-menu li:last-child a { border-radius:0 0 2px 2px;} .common-dropdown .dropdown-menu li:last-child {border-bottom:0;} .common-dropdown .icon { width:16px; height:18px; float:right; display:inline-block; vertical-align:middle; background:url(images/tg_images_new/sprites.svg) no-repeat;} .common-dropdown .edit-icon { background-position:-366px -271px;} .common-dropdown .delete-icon { background-position:-219px -311px;} .common-dropdown .preview-icon { background-position:-118px -309px; width:18px;} .common-dropdown .clone-icon { background-position:-160px -311px;} .common-dropdown .close-icon { background-position:-251px -311px;} .common-dropdown .renew-icon { background-position:-229px -342px;} .common-dropdown .share-icon { background-position:-100px -270px;} /*--- No Content Found --- */ .no-content-found { background:#ffffff; width:412px; height:412px; margin:40px auto; border-radius:50%; text-align:center;} .no-content-found .wrapper { display:table; height:412px; width:100%;} .no-content-found .inner { display:table-cell; vertical-align:middle;} .no-content-found svg { margin-bottom:16px;} .no-content-found h2 { margin-bottom:8px;} .no-content-found p {color:#8a858d; margin-bottom:0;} .no-content-found .btn { min-width:120px; margin-top:16px;} .no-content-found.small { width:auto; height:auto; margin:0 0 24px; border-radius:0;} .no-content-found.small .wrapper { display:block; height:auto;} .no-content-found.small .inner { display:block; vertical-align:middle;} /*--- Post Job Form --- */ #post-job-form .save-job-btn { float:right; width:32px; height:32px; padding:0; line-height:35px; -webkit-transition-property: none;-moz-transition-property: none;-o-transition-property: none;transition-property: none;} #post-job-form .save-job-btn:hover svg g { fill:#ffffff;} #post-job-form .action-lnk.extra-space { display:inline-block; margin-bottom:8px;} #post-job-form .fields-required {color:#8a858d;} #post-job-form .form1 ul li { margin-bottom:32px;} #post-job-form .form1 ul li label small { font-size:100%; color:#8a858d;} #post-job-form .form1 ul li.radio-check-field { margin-bottom:22px;} #post-job-form .form1 ul li:last-child { margin-bottom:0;} #post-job-form .form1 ul li.job-description-field textarea { height:108px;} #post-job-form .form1 ul li.job-description-field .custom-editor > div { width:100% !important; } #post-job-form .form1 ul li.multiple-fields .select {width:158px;} #post-job-form .form1 ul li.multiple-fields .form-group {min-width:65px; margin-bottom:0;} #post-job-form .form1 ul li.multiple-fields .form-group label { margin:0; text-align:center;} #post-job-form .form1 ul li.multiple-fields .form-group { max-width:160px;} #post-job-form .form1 ul li.multiple-fields .form-group .form-control { width:100%;} #post-job-form .form1 ul li.hide-default { display:none;} #post-job-form .form1 ul li.no-margin { margin-bottom:0;} #post-job-form .form1 ul li.disable-field {opacity:0.3; pointer-events:none;} #post-job-form .form1 .show-hidden-field { display:inline-block; margin-top:16px; margin-left:0;} #post-job-form .form1 .show-hidden-field.no-margin { margin-top:8px;} #post-job-form .form1 .addon-field { margin-top:8px;} #post-job-form .form1 ul li.ctc-field .form-inline { padding-top:6px;} #post-job-form .form1 ul li.ctc-field .select {min-width:160px;} #post-job-form .form1 .form-action-btns { text-align:right; padding-top:32px;} #post-job-form .form1 .form-action-btns .btn { margin-left:16px; min-width:120px;} #post-job-form .form1 .form-action-btns .btn:first-child { margin-left:0;} #post-job-form .form1 .form-action-btns .save-form-btn {min-width:156px;} #post-job-form .form1 .form-action-btns .btn.save-job-btn { float:none; min-width:15px;} #post-job-form .dotted-box {border:1px dashed #dadada; box-shadow:none; position:relative; margin-top:24px;} #post-job-form .dotted-box footer { padding:8px 16px; background:#fff9e6; position:relative; margin:0 -16px -16px; border-radius:0 0 5px 5px;} #post-job-form .dotted-box footer.no-style { background:none; padding:0; margin:0;} #post-job-form .dotted-box footer p {color:#8a858d; margin:0;} #post-job-form .dotted-box footer p .select { width:122px; display:inline-block; margin-right:16px;} .dotted-box .close-icon { width:16px; height:16px; position:absolute; top:-7px; right:-7px; display:inline-block; background:url(images/tg_images_new/sprites.svg) no-repeat; background-position:-24px -320px;} #post-job-form .dotted-box ul {list-style:outside; margin:0;} #post-job-form .dotted-box ul li { margin-bottom:10px;} #post-job-form .dotted-box ul li:last-child { margin-bottom:0;} #post-job-form .dotted-box .description-list { position:relative; margin-top:-4px;} #post-job-form .dotted-box .description-list dt { color:#4a4548;} #post-job-form .dotted-box .description-list dd { margin-left:108px;} #post-job-form .add-skills-form { margin-bottom:8px;} #post-job-form .step-tabs { margin-bottom:100px;} #company_logo img { max-width:72px; max-height:72px;} /*--- Add Skills Form --- */ /*.add-skills-form .form-control { float:left; width:80%; border-right:0; border-radius:3px 0 0 3px;} .add-skills-form .button1 { width:20%; margin-left:80%; display:block; padding:9px 10px; border-radius:0 3px 3px 0;} .modal .add-skills-form .form-control { float:left; width:70%; border-right:0; border-radius:3px 0 0 3px;} .modal .add-skills-form .button1 { width:30%; margin-left:70%; display:block; padding:9px 10px; border-radius:0 3px 3px 0;}*/ /*--- SkiilsList Box --- */ .skillslist-box { border:1px solid #dadada; padding:8px 12px 0; background:#fff; border-radius:3px;} .skillslist-box h6 { margin-bottom:8px;} .skillslist-box p { margin-bottom:0; color:#dadada;} .skillslist-box .dragable-box { margin-bottom:16px;} .skillslist-box .dragable-box a { background:#f2f2f2;} /*--- Job Preview --- */ #job-preview { background:#fff; height:100%; top:56px; right:-742px; z-index:1000; position:fixed; width:742px; padding:32px 0 32px 32px; transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-webkit-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-moz-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-o-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-ms-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;} #job-preview .mCSB_container { padding-right:16px;} #job-preview .close-preview-btn { float:right; min-width:120px; margin-right:32px;} #job-preview header h2 { margin-bottom:24px;} #job-preview .job-main-info .details h2 { font-size:18px; font-weight:600; line-height:22px; color:#19171A;} #job-preview .job-main-info { border:0;} #job-preview .box-default1.padding { border-radius:0; box-shadow:none; padding:0;} #job-preview.show { right:0;} #preview-overlay { height:100%; width:100%; position:fixed; z-index:101; left:0; top:0; background-color: rgba(0, 0, 0, 0.9); display:none; cursor:pointer;} /*--- Post A Job --- */ #post-a-job h3 { margin-bottom:8px;} #post-a-job p { color:#8a858d; margin-bottom:8px;} #post-a-job .btn { min-width:120px;} /*--- Job Details Block --- */ #job-details-block { margin-bottom:16px;} #job-details-block .test-yourself-btn { min-width:256px;} #job-details-block dl.description-list.bottom-margin dd { margin-left:86px;} /*--- Job Company Info --- */ #job-company-info { position:relative;} #job-company-info figure { float:right; text-align:center; width:64px; height:64px; line-height:46px; border:1px solid #dadada; border-radius: 3px; padding:8px; margin-left:16px; margin-bottom:16px;} #job-company-info figure img { max-height:46px; max-width:46px; vertical-align:middle;} #job-company-info h5, #job-company-info p { margin-bottom:8px;} #job-company-info p {color:#6f6a6d;} #job-company-info .post {color:#6f6a6d;} #job-company-info h5.less-margin { margin-bottom:4px;} #job-company-info h5 small { font-size:14px; color:#8a858d;} #job-company-info footer { clear:both;} #job-company-info footer .btn { margin-left:16px;} #job-company-info footer .action-lnk {vertical-align:middle;} /*--- Modal Small --- */ .modal.modal-small .modal-body p { margin-bottom:0;} .modal.modal-small .modal-body { padding-top:3px; padding-bottom:0;} .modal.modal-small .modal-footer { padding-top:24px;} /*--- Job Main Info --- */ .job-main-info { padding:0 16px 13px; position:relative; margin:0 -16px 16px; border-bottom:1px solid #dadada;} .job-main-info figure { float:left; width:80px; height:80px; line-height:62px; border:1px solid #dadada; border-radius: 3px; padding:8px;} .job-main-info figure img { max-height:62px; max-width:62px; vertical-align:middle;} .job-main-info .details { margin-left:96px;} .job-main-info .details.full-width { margin-left:0;} .job-main-info .details h2 { margin-bottom:4px;} .job-main-info .details p { margin-bottom:8px;} .job-main-info .details p.my-status-block { margin:0; margin-bottom:16px;} .job-main-info .details .applied-success-msg { margin-bottom:0; padding-top:12px;} .job-main-info .details .tick-icon-lg { margin-right:4px;} .job-main-info .details .button1 { min-width:256px; vertical-align:top; margin-right:8px;} .job-main-info .eligibility { border-radius: 6px; background-color: #fffcf2; padding:16px; margin-top:13px;} .job-main-info .eligibility p, .job-main-info .eligibility h4 { margin-bottom:8px;} .job-main-info .eligibility p:last-child { margin-bottom:0;} /*--- User Progressbars --- */ .user-progressbars li p { margin-bottom:0; color:#4a4548 !important; float:left; min-width:60px;} .user-progressbars li p span { min-width:36px; display:inline-block;} .user-progressbars li p.language-label { width:96px;} .user-progressbars ul { margin-bottom:12px; padding-top:4px;} .user-progressbars li { margin-bottom:0; margin-top:12px;} .user-progressbars li:first-child {margin-top:0;} .user-progressbars li .action-lnk {color:#d7263d; margin-left:8px;} .user-progressbars .progress { min-width:112px; width:38%; height:8px; margin:7px 8px 0; float:left; border-radius:4px; background:#dadada;} .user-progressbars .progress .progress-bar {border-radius:4px; background-color: #ff0000;} .user-progressbars .progress.top .progress-bar {background-color: #26d974;} .user-progressbars .progress.medium .progress-bar {background-color: #feb95f;} /*--- Show All Bars --- */ #show-all-bars { text-decoration:none;} /*--- Cutom Dropdown --- */ .custom-dropdown { position:relative;} .custom-dropdown .btn { height:32px; width:100%; text-align:left; box-shadow:none; position:relative; border-radius: 3px; background-color: #ffffff; border: solid 1px #dadada; padding:2px 32px 3px 12px; line-height:16px;} .custom-dropdown .open .dropdown-toggle { box-shadow:none;} .custom-dropdown .btn:after { z-index:5; pointer-events:none; display:block; position:absolute; right:0; top:0; background:url(images/tg_images_new/sprites.svg) -18px -177px no-repeat; width:31px; height:32px; content:"";} .custom-dropdown .dropdown-menu{ min-width:15px; width:100%; border:0; border-radius:3px; top:0; box-shadow:0 3px 10px 0 rgba(0, 0, 0, 0.1);} .custom-dropdown .dropdown-menu li { margin-bottom:0;} .custom-dropdown .dropdown-menu li a { padding:5px 13px; color:#4a4548;} .custom-dropdown .dropdown-menu li.active a { background:#f5f5f5;} .custom-dropdown .dropdown-menu li.active a:hover { color:#4a4548;} /*--- Sort By Right --- */ .sort-by-right { float:right; margin-bottom:0;} .sort-by-right.no-float { float:none; margin-bottom:16px;} .sort-by-right label { float:left; margin-right:8px; color:#4a4548; margin-bottom:0; line-height:33px;} .sort-by-right .custom-dropdown { float:left; width:120px;} /*--- Share-icon --- */ .share-icon { width:32px; height:32px; display:inline-block; vertical-align:top; background:url(images/tg_images_new/sprites.svg) no-repeat; background-position:-91px -265px;} /*--- Info icon --- */ .info-icon { width:12px; height:12px; display:inline-block; vertical-align:middle; background:url(images/tg_images_new/sprites.svg) no-repeat; margin-left:4px; background-position:-48px -324px;} /*--- Plus icon --- */ .plus-icon { width:16px; height:16px; display:inline-block; vertical-align:middle; background:url(images/tg_images_new/sprites.svg) no-repeat; margin-right:2px; background-position:-285px -346px;} /*--- Tick Icon Big --- */ .tick-icon-lg { width:32px; height:32px; display:inline-block; vertical-align:middle; background:url(images/tg_images_new/sprites.svg) no-repeat; background-position:-1px -105px;} /*--- Alert --- */ .alert-success {color:#26d974;} /*--- Create Alert Btn --- */ .create-alert-btn, .right-action-btn { float:right; min-width:156px;} /*--- Notify Me --- */ .notify-me h3 { margin-bottom:8px;} .notify-me p span { display:block; color:#8a858d; padding-top:4px;} /*--- Description List --- */ dl.description-list .alert { margin-bottom:0; text-transform:none;} dl.description-list.bottom-margin { margin-bottom:16px;} /*--- Breadcrumbs --- */ #breadcrumbs.extra-margin { padding-bottom:24px;} #breadcrumbs p small { color:#dadada; font-size:14px;} /*--- View-all-block --- */ .view-all-block.normal-padding { padding-top:8px;} /*--- Ui-autocomplete --- */ .ui-autocomplete.ui-widget { border:0; border-top:1px solid #dadada; border-radius:0 0 6px 6px; background-color: #ffffff; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18); padding:0;} .ui-autocomplete.ui-widget li.ui-menu-item:last-child { border-bottom:0;} .ui-autocomplete.ui-widget li.ui-menu-item { padding:5px 12px; background:#fff !important; font-size:14px; color:#4a4548 !important; margin-bottom:0 !important; font-weight:normal; display:block; border:0; font-family:'lato', Arial, Helvetica, sans-serif ;} .ui-autocomplete.ui-widget li.ui-menu-item:hover, .ui-autocomplete.ui-widget li.ui-menu-item:active, .ui-autocomplete.ui-widget li.ui-menu-item:focus { background:#f2f2f2 !important; border:0; cursor:pointer;} .ui-autocomplete.ui-widget li.ui-menu-item strong { color:#4a4548;} /*--- Predefined Tests popup --- */ #predefined-tests-popup .modal-header .checkbox-input {border-radius: 3px; background-color: #f2f2f2; margin-right:12px; padding:8px 8px 8px 32px; border: solid 1px #dadada;} #predefined-tests-popup .modal-header .checkbox-input label:before { left:8px; top:10px;} #predefined-tests-popup .modal-footer { background-color: #f7f7f7; border-top: solid 1px #dadada;} /*--- Profile Updation PopUp --- */ .profile-updation-popup .modal-title { margin-bottom:8px;} .profile-updation-popup .modal-body { padding-bottom:0;} .profile-updation-popup #profile-details .box-default1 { border-radius:0; box-shadow:none; margin:0 -16px 16px;} .profile-updation-popup #profile-details .box-default1 .content-wrapper { padding:16px;} .profile-updation-popup #profile-details .user-img { float:left; width:64px; height:64px;} .profile-updation-popup #profile-details .user-img img { width:64px; height:64px; border-radius:3px;} .profile-updation-popup #profile-details .details { margin-left:76px;} .profile-updation-popup #profile-details dl.description-list dt { width:100px;} .profile-updation-popup #profile-details dl.filled-info dt { height:20px; overflow:hidden;} .profile-updation-popup #profile-details dl.description-list dd > span {color:#ff0000;} .profile-updation-popup .edit-details-btn { margin-top:8px; display:inline-block;} .profile-updation-popup .review-profile-btn { float:right;} .profile-updation-popup .review-profile-btn .review-icon { vertical-align:middle; width:16px; height:16px; display:inline-block; background:url(images/tg_images_new/sprites.svg) no-repeat; background-position:-308px -345px;} .profile-updation-popup .profile-edit { display:none;} .profile-updation-popup .tick-icon-lg { margin-right:8px;} .profile-updation-popup .widget { padding-bottom:16px;} .profile-updation-popup .widget p { margin-bottom:4px;} .profile-updation-popup .widget .box-default1 { box-shadow:none; border:1px solid #dadada; margin-bottom:8px;} .profile-updation-popup .widget .button1 { min-width:120px; margin-top:12px;} #profile-update-form ul li { margin-bottom:16px;} #profile-update-form ul li label {color:#8a858d;} #profile-update-form ul.left-extra-space { padding-left:40px;} #profile-update-form .submit-section { clear:both;} #profile-update-form .submit-section .button1 { min-width:156px; margin-top:-5px; position:relative; margin-bottom:16px;} #profile-update-form .checkbox-input.checkbox-block { margin-bottom:12px;} #profile-update-form .checkbox-input.checkbox-block label {color:#4a4548;} /*--- Btn-file --- */ .btn-file { position: relative; display:block; height:37px; margin-top:0;} .btn-file .button2 { z-index:10; pointer-events:none; background:#fff; cursor:pointer; padding:9px 14px; position:absolute; left:0; top:0; } .left-panel .btn-file .button2 { background:#f2f2f2;} .left-panel .modal .btn-file .button2 { background:#ffffff;} .btn-file .button2:hover, .left-panel .btn-file .button2:hover, .left-panel .modal .button2:hover { background:#d7263d;} .btn-file input[type=file] { position: absolute; top:2px; left:0px; height:34px;font-size:13px; text-align: left; outline: none; cursor: inherit; display: block; background:none;} /*--- Manage Section --- */ .manage-section .tabs2 .nav-tabs { margin-bottom:16px; float:none;} .manage-section .tabs2 .nav-tabs li { display:block; } .manage-section .tabs2 .nav-tabs li a { background:none;} .manage-section .tabs2 .nav-tabs li a:hover,.manage-section .tabs2 .nav-tabs li.active a { background:#4a4548; color:#fff; } /* one item */ .manage-section .tabs2 .nav-tabs li:first-child:nth-last-child(1) { width: 100%; } /* two items */ .manage-section .tabs2 .nav-tabs li:first-child:nth-last-child(2),.manage-section .tabs2 .nav-tabs li:first-child:nth-last-child(2) ~ li { width: 50%; } /* three items */ .manage-section .tabs2 .nav-tabs li:first-child:nth-last-child(3),.manage-section .tabs2 .nav-tabs li:first-child:nth-last-child(3) ~ li { width: 33.3333%; } /* four items */ .manage-section .tabs2 .nav-tabs li:first-child:nth-last-child(4),.manage-section .tabs2 .nav-tabs li:first-child:nth-last-child(4) ~ li { width: 25%; } /*--- Section Box Full --- */ .section-box-full { padding:16px; background-color: #ffffff; box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.18); border-bottom:1px solid #e0e0e0;} .section-box-full:first-child { border-top-left-radius:6px; border-top-right-radius:6px; } .section-box-full:last-child { border-bottom-left-radius:6px; border-bottom-right-radius:6px; margin-bottom:16px; border-bottom:0; } .section-box-full h3 { margin-bottom:4px;} .section-box-full h3 a { color:#2c282f; text-decoration:none; } .section-box-full h3:hover a,.section-box-full h3:focus a,.section-box-full h3:active a { color:#d7263d } .section-box-full .tooltip { opacity:1; left:134px; top:-44px; display:none;} .section-box-full .tooltip .tooltip-inner { text-align:left; max-width:310px; padding:10px;} .section-box-full .tooltip p, .section-box-full .tooltip ul li {color:#fff; margin-bottom:4px;} .section-box-full .tooltip ul { padding-left:24px; margin-bottom:0;} .section-box-full .tooltip ul li { margin-bottom:0;} .section-box-full .user-controls { float:right;} .section-box-full .user-controls .more-btn { padding-right:25px; position:relative;-webkit-transition-property: none;-moz-transition-property: none;-o-transition-property: none;transition-property: none;} .section-box-full .user-controls .more-btn:after { z-index:5; pointer-events:none; display:block; position:absolute; right:9px; top:13px; background:url(images/tg_images_new/sprites.svg) -349px -317px no-repeat; width:11px; height:6px; content:"";} .section-box-full .user-controls .more-btn:hover:after { background-position:-199px -349px;} .section-box-full .user-controls .button1, .section-box-full .user-controls .common-dropdown { float:left; margin-left:16px;} .section-box-full .user-controls .button1 { min-width:156px;} .section-box-full .user-controls .button1.small { min-width:120px;} .section-box-full .my-status-block { margin:0;} .section-box-full .my-status-block small { color:#ff0c0c; font-size:100%;} .section-box-full .my-status-block a { text-decoration:underline; color:#19171a;} .section-box-full .my-status-block .skills-list { margin:-2px 0 -2px 0; position:relative;} .section-box-full .my-status-block .skills-list a { text-decoration:none; display:inline-block; margin:2px 4px 2px 0; color:#8a858d; background:#f0f0f0; padding:1px 9px 3px; border-radius: 3px;} .section-box-full .my-status-block .skills-list a:last-child { margin-right:0;} .section-box-full .my-status-block .action-lnk { margin-left:12px; text-decoration:none; color:#d7263d;} .section-box-full footer { border-top:2px solid #dadada; padding-top:16px; margin-top:16px;} .section-box-full footer .my-status-block .action-lnk { margin-left:4px;} .section-box-full footer .my-status-block > span {min-width:65px; display:inline-block; vertical-align:top;} .section-box-full footer .my-status-block .skills-parent {width:525px; position:relative; margin-top:-2px;} .section-box-full .user-controls .common-dropdown .dropdown-menu { width:176px; top:42px; right:9px;} /*--- Message --- */ .common-message-box { position:absolute; top:-50px; z-index:999; left:50%; margin-left:-260px; width:520px; font-size:14px; line-height:19px; color:#fff;} .common-message-box .close-msg { position:absolute; right:5px; top:12px; z-index:1; background:url(images/tg_images_new/sprites.svg) no-repeat; width:16px; height:16px; background-position:-49px -297px; opacity:1;} .common-message-box .message-inner-content { z-index:10; width:100%; padding:8px 24px 8px 16px; position:absolute; border-radius:0 0 3px 3px; top:0; left:0; background:#fff9e6; box-shadow: 0 1px 8px 0 rgba(89, 89, 89, 0.51); display:block; transition:all .8s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-webkit-transition:all .8s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-moz-transition:all .8s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-o-transition:all .8s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-ms-transition:all .8s cubic-bezier(0.19, 1, 0.22, 1) 0.1s; border: solid 2px #ffd23f; border-top:0; } .common-message-box .message-inner-content p { color:#19171a; margin:0; font-weight:600;} .common-message-box .msg-icon { width:24px; height:24px; margin-right:8px; display:inline-block; vertical-align:middle; background:url(images/tg_images_new/sprites.svg) no-repeat;} /*--- Success --- */ .message-inner-content.success-msg { background:#e1fae6; border-color:#08d37a; top:106px;} .large-header .message-inner-content.success-msg { top:166px;} .message-inner-content.success-msg .msg-icon { background-position:2px -315px;} /*--- Error --- */ .message-inner-content.error-msg { background:#ffe6e6; border-color:#ee4266; top:106px;} .large-header .message-inner-content.error-msg { top:166px;} .message-inner-content.error-msg .msg-icon { background-position:-329px -341px;} /*--- Info --- */ .message-inner-content.info-msg, .message-inner-content.warning-msg { top:106px;} .large-header .message-inner-content.info-msg, .large-header .message-inner-content.warning-msg { top:166px;} .message-inner-content.info-msg .msg-icon, .message-inner-content.warning-msg .msg-icon { background-position:-45px -78px;} /*--- User Control Panel ---*/ #user-control-panel {border-radius: 6px; background: #ffffff; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12); float:left;} #user-control-panel .search-field { position:relative;} #user-control-panel .search-field .form-control { padding-left:37px;} #user-control-panel .search-field:before { width:16px; height:16px; position:absolute; left:12px; top:11px; content:""; display:block; background: url(images/tg_images_new/sprites.svg) no-repeat; background-position:-287px -81px; opacity:0.4;} /*--- Sidebar Controls ---*/ #sidebar-controls { width:265px; float:left; background:#ececec; position:relative; z-index:2; border-radius:5px 0 0 5px;} #sidebar-controls .sidebar-widget { border-top: solid 2px #dadada;} #sidebar-controls .sidebar-widget.no-border { border:0;} #sidebar-controls .sidebar-widget.no-border h5.accordion-title { border-bottom: solid 2px #dadada;} #sidebar-controls .sidebar-widget h5.accordion-title { padding:12px 16px; margin-bottom:0;} #sidebar-controls .sidebar-widget h5.accordion-title a { color:#19171A;} #sidebar-controls .sidebar-widget a.clear-all { float:right; font-weight:normal; text-decoration:underline;} #sidebar-controls .sidebar-widget .inner-wrap { padding:12px 16px 0;} #sidebar-controls .sidebar-widget ul li { margin-bottom:12px;} #sidebar-controls .sidebar-widget ul li.disabled { opacity:0.5; pointer-events:none;} #sidebar-controls .sidebar-widget ul li .checkbox-input { margin-bottom:0;} #sidebar-controls .sidebar-widget ul li .count { float:right; display:block; width:40px; text-align:right;} #sidebar-controls .sidebar-widget h5.accordion-title .arrow-icon { width:16px; display:block; height:16px; background:url("images/tg_images_new/sprites.svg") -177px -217px no-repeat; position:relative; float:left; margin:3px 0 0 0; float:right;} #sidebar-controls .sidebar-widget h5.accordion-title .collapsed .arrow-icon { background-position:-217px -217px; } #sidebar-accordion .sidebar-widget h5.accordion-title { padding:0;} #sidebar-accordion .sidebar-widget h5.accordion-title a { padding:12px 16px; display:block; text-decoration:none;} #sidebar-accordion .sidebar-widget .inner-wrap { padding-top:4px;} #sidebar-accordion .sidebar-widget .show-more-list { display:inline-block; margin:0 0 12px 24px;} /*--- Main Controls ---*/ #main-controls { float:left; width:875px; padding-bottom:40px; position:relative;} #main-controls:before {content:""; display:block; left:-265px; z-index:1; top:0; width:265px; height:100%; position:absolute; background:#ececec; border-radius:5px 0 0 5px;} #main-controls .header-section { border-radius:0 5px 0 0; position:relative; background-color: #f2f2f2; padding:16px; border-bottom:1px solid #dadada;} #main-controls .header-section.bottom { border-radius:0;} #main-controls .header-section h2 { margin-bottom:0; line-height:36px;} #main-controls .header-section .search-field { float:right; width:200px; margin:0;} #main-controls .header-section .checkbox-select { float:left; margin-right:8px;} #main-controls .header-section .checkbox-select .checkbox-input label:before { top:-3px;} #main-controls .header-section .button2 { margin-right:4px;} #main-controls .section-control { padding:16px 16px 24px 48px; position:relative; border-bottom:1px solid #dadada;} #main-controls .section-control .checkbox-select { position:absolute; left:15px; top:7px;} #main-controls .section-control .see-actions { margin:0; padding:0; list-style:none; float:right;} #main-controls .section-control .see-actions li { margin-bottom:8px; font-size:14px; line-height:16px;} #main-controls .section-control .contents h3 .status-label {color:#f5a623; font-style:italic; font-weight:600; display:inline-block; margin-left:4px; font-size:14px;} #main-controls .section-control .contents p { margin-bottom:12px;} #main-controls .section-control .contents p span { margin-right:24px;} #main-controls .section-control .common-icon { display:inline-block; width:16px; height:16px; vertical-align:middle; margin-right:8px; background:url(images/tg_images_new/sprites.svg) no-repeat;} #main-controls .section-control .common-icon.email { background-position:-1px -345px;} #main-controls .section-control .common-icon.mobile { background-position:-17px -345px;} #main-controls .section-control .common-icon.resume { background-position:-33px -346px;} #main-controls .section-control .common-icon.job { background-position:-49px -345px;} #main-controls .section-control .common-icon.location { background-position:-65px -346px;} #main-controls .section-control .common-icon.time { background-position:-81px -345px;} #main-controls .section-control .common-icon.university { background-position:-98px -346px;} #main-controls .section-control .control-footer { margin-top:12px; border-radius: 3px; background-color: #f0f0f0; padding:6px 12px;} #main-controls .section-control .control-footer p { margin:0;} #main-controls .section-control .control-footer p span { font-weight:600;} #main-controls .section-control .control-footer p span.high { color:#049423;} #main-controls .section-control .control-footer p span.low { color:#bf1a2f;} #main-controls .section-control .control-footer p span.medium { color:#f57523;} #main-controls .section-control .control-footer .info-icon { float:right; margin-top:4px;} #main-accordion { border-bottom:1px solid #dadada;} #main-accordion h5.accordion-title { margin-bottom:0;} #main-accordion h5.accordion-title a { padding:12px 16px; display:block; text-decoration:none; color:#19171A;} #main-accordion h5.accordion-title .arrow-icon { width:16px; display:block; height:16px; background:url("images/tg_images_new/sprites.svg") -177px -217px no-repeat; position:relative; float:left; margin:3px 0 0 0; float:right;} #main-accordion h5.accordion-title .collapsed .arrow-icon { background-position:-217px -217px; } #main-accordion .inner-wrap { padding:0 16px 0;} #main-accordion #trend-graph { position:relative; margin-left:-15px;} /*--- Job Details Content ---*/ #job-details-content { width:754px;} #job-details-content dl.description-list dt { max-width:140px;} #job-details-content dl.description-list dd { margin-left:148px; margin-bottom:16px;} #job-details-content .test-info { border-radius:3px; background-color: #f2f2f2; border:dashed 1px #c2c2c2; padding:16px; margin-top:16px;} #job-details-content .test-info dl.description-list dt { max-width:100px;} #job-details-content .test-info dl.description-list dd { margin-left:108px;} #job-details-content { padding:16px;} #job-details-content hr {margin:24px -16px 24px; position:relative;} /*--- Multi Email Box ---*/ .multi-email-box { margin-bottom:16px; padding-top:8px; border-radius: 3px; background-color: #ffffff; border: solid 1px #dadada; position:relative; height:168px; margin-top:6px;} .multi-email-box .multiple_emails-container { border:0px; height:137px; float:left; width:100%;} .multi-email-box .multiple_emails-container .form-control { font-size:14px; padding:2px 9px 2px 0; margin:0 2px 3px 12px;} .multi-email-box .form-control { border:0 !important; height:27px !important;} .multi-email-box .multiple_emails-container input.multiple_emails-error {border-radius: 3px; padding-left:9px; margin-top:4px; background-color: #fff3f3; border: solid 1px #ff0000 !important; color:#6f6a6d;} .multi-email-box .multiple_emails-ul { padding-top:0; padding-left:8px;} .multi-email-box .multiple_emails-container ul { padding-left:9px; width:100%; overflow:hidden;} .multi-email-box .multiple_emails-email{border-radius: 3px; background-color: #ececec; color:#6f6a6d; padding:2px 7px 3px 8px; font-size:14px; margin-bottom:6px; margin-bottom:5px;} .multi-email-box .multiple_emails-close { color:#4a4548; margin-left:16px;} .multi-email-box footer { background-color: #fdf5dc; border-radius:0 2px 2px 0; padding:6px 8px; clear:both; position:absolute; left:0; bottom:0; width:100%;} .multi-email-box footer p { line-height:17px; color:#19171a; margin:0;} /*--- Invite Mailer Form ---*/ #invite-mailer-form .alert-warning { margin-bottom:16px; color:#ff0c0c; line-height:20px; position:relative; margin-top:-8px;} /*--- Csv Box ---*/ .csv-box {border-radius: 3px; background-color: #ffffff; border: solid 1px #dadada; margin-bottom:16px;} .csv-box .content { padding:16px;} .csv-box .content p { margin-bottom:4px;} .csv-box .apply-status { border-radius:0 2px 2px 0; background-color: #fdf5dc; padding:12px 16px;} .csv-box .apply-status p { line-height:28px; margin:0;} .csv-box .apply-status p span {color:#ff0c0c;} .csv-box footer { border-radius:0 2px 2px 0; background-color: #f2f2f2; padding:16px;} .csv-box.no-style { border:0;} .csv-box.no-style footer { border-radius:0; background-color:none; padding:0;} .csv-box footer .btn-file { margin-right:12px; width:120px; display:inline-block; overflow:hidden; text-align:center; vertical-align:middle;} .csv-box footer p { margin:0;} .csv-box footer p small { display:inline-block; vertical-align:middle; line-height:16px; color:#8a858d;} .csv-box .dropzone.default-view .dz-preview .dz-details { margin-top:0;} .csv-box .dropzone.default-view { min-height:50px;} .csv-box .dropzone.default-view .dz-preview .dz-progress { width:90%;} /*--- Common Upload Box ---*/ .common-upload-box {margin-bottom:16px;} .common-upload-box .btn-file { margin-right:12px; width:120px; display:inline-block; overflow:hidden; text-align:center; vertical-align:middle;} .common-upload-box p { margin:0;} .common-upload-box p small { display:inline-block; vertical-align:middle; line-height:16px; color:#8a858d;} .common-upload-box .dropzone.default-view .dz-preview .dz-details { margin-top:0;} .common-upload-box .dropzone.default-view { min-height:50px;} .common-upload-box .dropzone.default-view .dz-preview .dz-progress { width:90%;} /*--- Block Editor --- */ .block-editor > div { width:100% !important; } /*--- Job Additional Info ---*/ #job-additional-info p.no-margin { margin-bottom:0;} #job-additional-info .button1, #job-additional-info .button2 { min-width:156px; margin-right:14px;} #job-additional-info .common-dropdown > .btn { border-radius:3px; box-shadow:none; padding:12px 16px; background-color: #ffffff; border: solid 1px #dadada; text-align:left;} #job-additional-info .common-dropdown > .btn h6 { margin:0; line-height:14px; margin-bottom:5px;} #job-additional-info .common-dropdown.open > .btn h6 {color:#6f6a6d;} #job-additional-info .common-dropdown > .btn p { margin:0; line-height:14px; font-size:12px; color:#aca8ae;} #job-additional-info .common-dropdown > .btn .arrow-icon { width:16px; display:block; height:16px; background:url("images/tg_images_new/sprites.svg") -217px -217px no-repeat; position:relative; float:left; margin:9px 0 0 0; float:right;} #job-additional-info .common-dropdown.open > .btn .arrow-icon { background-position:-177px -217px; } #job-additional-info .common-dropdown .dropdown-menu { left:0; right:auto; top:57px; border-radius:0 0 3px 3px; width:100%;} #job-additional-info .common-dropdown .dropdown-menu:before { display:none;} #job-additional-info .common-dropdown .dropdown-menu > li { margin:0;} #job-additional-info .common-dropdown .dropdown-menu > li h6 { margin:0; line-height:14px; margin-bottom:5px; font-weight:bold;} #job-additional-info .common-dropdown .dropdown-menu > li p { margin:0; line-height:14px; font-size:12px; color:#aca8ae;} #job-additional-info .common-dropdown .dropdown-menu > li > a { padding:12px 16px;} #job-additional-info .common-dropdown .dropdown-menu > li > a.action-lnk {color:#d7263d; font-weight:600; line-height:16px;} #job-additional-info .common-dropdown .dropdown-menu > li .status-label {height: 24px; border-radius: 3px; background-color: #d8eedc; font-size:12px; line-height:14px; color:#00ad3c; padding:4px 8px; float:right; margin-top:4px;} /*--- Eligibility_span ---*/ #eligibility_span { margin-top:16px;} /*-- Mailer Preview PopUp ---*/ #mailer-preview-popup .modal-dialog { width:1159px;} #mailer-preview-popup .two-column-wrap { margin:0 -10px;} #mailer-preview-popup .two-column-wrap .column { float:left; padding:0 10px;} #mailer-preview-popup .two-column-wrap .column1 { width:340px;} #mailer-preview-popup .two-column-wrap .column2 { width:790px;} #mailer-preview-popup h4 { margin-bottom:8px;} /*-- mailer-message-box ---*/ .mailer-message-box { margin-bottom:16px;} .mailer-message-box textarea.form-control { height:197px; border-bottom:0 !important; border-radius:3px 3px 0 0;} .mailer-message-box footer {border-radius:0 0 3px 3px; background-color: #f2f2f2; padding:16px; border:1px solid #dadada; border-top:0;} .mailer-message-box footer .btn { min-width:120px;} /*-- Invitaion Sent */ #invitaion-sent .icon { clear:both;} #invitaion-sent button.close { position:relative; margin-bottom:-8px;} /*-- Create New Mailer PopUp */ #create-new-mailer-popup .button1 {min-width:156px;} #create-new-mailer-popup .fields-required {color:#8a858d; margin-bottom:16px;} /*--- Button4 --- */ .button4 { background:#8a858d; color:#ffffff; border-radius:3px; font-weight:bold; text-transform:capitalize; font-size:14px; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s; outline:none;} .button4:hover, .button4:focus, .button4:active { color:#ffffff; background:#6b666e; outline:none;} .skill_item_add_animate{ animation-iteration-count: 1; -webkit-animation-direction: alternate; /* Safari 4.0 - 8.0 */ animation: animateElement .2s 2; animation-direction: alternate; } @keyframes animateElement{ 0% {opacity:0;} 50% {opacity:.50;} 100% {opacity:1;} } /* Safari 4.0 - 8.0 */ @-webkit-keyframes animateElement { from {bottom: 100px;} to {bottom: 0px;} } /* ========================================================================== Responsive Settings ========================================================================== */ @media (max-width:1200px) { /*--- User Progressbars --- */ .user-progressbars li p.language-label { width:75px;} .user-progressbars .progress { min-width:70px; width:25%;} /*--- Job Box Large ---*/ .job-box-lg.job-alert .job-header { height:44px;} /*--- Form Page ---*/ .form-page #content .container:after { left:980px;} .form-page #content .left-panel:after { left:690px;} /*--- Section Box Full ---*/ .section-box-full footer .my-status-block .skills-parent { width:350px;} } @media (max-width:992px) { /*--- Search Filter ---*/ #search-filter .experience-field { width:168px;} /*--- Job Box Large ---*/ .job-box-lg.job-alert .job-header { height:24px;} /*--- Form Page ---*/ .form-page #content .container:after { display:none;} .form-page #content .left-panel:after { left:469px;} /*--- Post Job Form ---*/ #post-job-form .form1 ul li.multiple-fields .select { width:100px;} /*--- Test Box ---*/ .test-box1 .button2 { float:none; margin-top:16px;} /*--- Section Box Full ---*/ .section-box-full .user-controls .button1 { min-width:130px;} .section-box-full footer .my-status-block .skills-parent { width:425px; margin-right:0;} } @media (max-width:767px) { /*--- Breadcrumbs --- */ #breadcrumbs p small span { display:none;} .left-panel #breadcrumbs { padding-left:0; padding-right:0;} /*--- Search Filter ---*/ #search-filter form > ul > li { display:block; border:0; width:100%; margin-bottom:12px;} #search-filter form > ul > li:last-child { margin-bottom:0;} #search-filter #search-form .inner, #search-filter .custom-selectbox .btn, #search-filter form > ul > li .btn { border-radius:3px;} #search-filter form > ul > li input[type="text"], #search-filter form > ul > li .select select, #search-filter form > ul > li .select, #search-filter form > ul > li .btn, #search-filter #search-form .inner { height:40px;} #search-filter form > ul > li input[type="text"], #search-filter #search-form input[type="text"] { padding:6px 12px; border-radius:3px; width:100%; } #search-filter .custom-selectbox .btn { padding-left:12px; height:40px;} #search-filter #search-form .search-icon { top:3px;} #search-filter .experience-field { width:100%;} #search-filter .custom-selectbox .btn:after { top:-4px; right:14px;} #search-filter .custom-selectbox .custom-menu { top:38px;} #search-filter.small-view .date-posted-field, #search-filter.small-view .experience-field { width:49%; float:left;} #search-filter.small-view .date-posted-field { float:right;} #search-filter.small-view .submit-field { clear:both;} #search-filter #search-form-content { top:40px;} #search-filter.small-view .custom-selectbox .custom-menu, #search-filter.small-view #search-form-content { top:38px;} #search-filter .search-form-wrap.fixed { height:auto; padding-left:6px; padding-right:6px; padding-bottom:0;} #search-filter .search-form-wrap.fixed form > ul > li.mobile-hide { display:none;} #search-filter .search-form-wrap.fixed #search-form input[type="text"] { padding-right:24px;} #search-filter.small-view .experience-field { width:100%;} #search-filter.small-view .date-posted-field.one-line, #search-filter.small-view .experience-field.one-line { width:48%;} #search-filter.small-view .search-form-wrap.fixed .submit-field { margin-bottom:12px;} #search-filter .search-form-wrap.fixed #search-form .search-close { width:8px; right:8px; right:10px; top:15px; position:absolute; z-index:1;} #search-filter .search-form-wrap.fixed #search-form .search-close .close-icon { background:url(images/tg_images_new/sprites.svg) -52px -300px no-repeat; width:8px; height:8px; display:block;} /*--- Job Box Large ---*/ .job-box-lg .job-header, .job-box-lg .job-content, .job-box-lg.job-alert .job-content, .job-box-lg.job-alert .job-header { height:auto;} .job-box-lg .job-footer .metadata { font-size:12px;} /*--- Job Box Small ---*/ .job-box-sml h5 { font-size:12px;} /*--- Post Job Form ---*/ #post-job-form .form1 ul li.multiple-fields .form-group { display:inline-block;} #post-job-form .form1 .form-action-btns .btn { min-width:100px; margin-left:8px;} #post-job-form .form1 .form-action-btns .save-form-btn { min-width:130px;} /*--- Form Page ---*/ .form-page #content .left-panel:after { display:none;} .form-tooltip:before { width:16px; height:10px; content:""; display:block; left:50%; margin-left:-8px; top:14px; position:absolute; background:url(images/tg_images_new/sprites.svg) -228px -185px no-repeat;} .form-tooltip { background:none; right:auto; top:auto; width:100%; padding:24px 10px 0; position:relative;} .form-tooltip .form-tooltip-inner { background:#fff; padding:16px; border-radius:3px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18);} .form-tooltip .tooltip-close { width:16px; height:16px; position:absolute; top:28px; right:12px; display:inline-block; background:url(images/tg_images_new/sprites.svg) no-repeat; background-position:-49px -296px;} /*-- Edit Profile PopUp --*/ #edit-profile-popup .btn-block { margin-bottom:16px;} /*-- Step Tabs --*/ .step-tabs .nav-tabs > li { display:table; height:46px;} .step-tabs .nav-tabs > li > a {min-height:46px; display:table-cell; vertical-align:middle;} .step-tabs .nav-tabs > li > a:before { top:5px;} .step-tabs .nav-tabs > li > a:after { top:6px;} /*--- Section Box Full ---*/ .section-box-full .user-controls { float:none; margin-top:16px;} .section-box-full .user-controls .button1, .section-box-full .user-controls .common-dropdown { margin-left:0; margin-right:16px;} .section-box-full footer .my-status-block > span { margin-bottom:8px;} .section-box-full footer .my-status-block .skills-parent { width:62%;} /*--- Mobile Dropdown View ---*/ .mobile-dropdown-view ul { background:#fff;} /*--- Create Alert Btn ---*/ .create-alert-btn, .right-action-btn { min-width:130px;} .right-action-btn { margin-top:32px;} /*--- Sort By Right ---*/ .sort-by-right.no-float { float:left;} .sort-by-right.no-float label { float:none;} /*--- Job Preview --- */ #job-preview { width:100%;} /*--- Profile Update Form --- */ #profile-update-form ul.left-extra-space { padding-left:0;} .profile-updation-popup .review-profile-btn { float:none;} /*--- Job Main Info --- */ .job-main-info .details .button1 { min-width:176px;} } @-moz-document url-prefix() { .mac #post-job-form .btn-file .button2, .mac .profile-updation-popup .btn-file .button2 { min-width:88px;} }