@charset "UTF-8"; /** * Simple Job Board Front-end Core CSS File - V 3.0.0 * * @author PressTigers , 2016 * * @since 1.0.0 */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- 1. Bootstrap 2. International Telephone Input 3. Simple Job Board 3.1. SJB Reset and dependencies 3.2. SJB Components 3.3. SJB Pages --------------------------------------------------------------*/ /*-------------------------------------------------------------- 1. Bootstrap --------------------------------------------------------------*/ /*! * Bootstrap v3.3.7 (http://getbootstrap.com) * Copyright 2011-2016 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ .sjb-container-main{ width: 100%; } .sjb-page .row:after{ content: " "; display: block; clear: both; } .sjb-page a, .sjb-page .list-data a{ text-decoration: none; } .sjb-page a:hover, .sjb-page a:active { outline: 0; } .sjb-page b, .sjb-page strong { font-weight: bold; } .sjb-page h1 { font-size: 2em; margin: 0.67em 0; } .sjb-page small { font-size: 80%; } .sjb-page img { border: 0; } .sjb-page button, .sjb-page input, .sjb-page select, .sjb-page textarea { font: inherit; margin: 0; } .sjb-page button { overflow: visible; } .sjb-page button, .sjb-page select { text-transform: none; } .sjb-page button, .sjb-page html input[type="button"], .sjb-page input[type="reset"], .sjb-page input[type="submit"] { -webkit-appearance: button; cursor: pointer; } .sjb-page button::-moz-focus-inner, .sjb-page input::-moz-focus-inner { border: 0; padding: 0; } .sjb-page input { line-height: normal; } .sjb-page input[type="checkbox"], .sjb-page input[type="radio"] { box-sizing: border-box; padding: 0; } .sjb-page input[type="number"]::-webkit-inner-spin-button, .sjb-page input[type="number"]::-webkit-outer-spin-button { height: auto; } .sjb-page input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; } .sjb-page input[type="search"]::-webkit-search-cancel-button, .sjb-page input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } .sjb-page textarea { overflow: auto; } .sjb-page table { border-collapse: collapse; border-spacing: 0; } .sjb-page { margin: 0 auto; padding: 20px; } .sjb-page * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .sjb-page *:before, .sjb-page *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .sjb-page input, .sjb-page button, .sjb-page select, .sjb-page textarea { font-family: inherit; font-size: inherit; line-height: inherit; } .sjb-page a { text-decoration: none; } .sjb-page a:hover, .sjb-page a:focus { text-decoration: none; } .sjb-page a:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .sjb-page img { vertical-align: middle; } .sjb-page .img-responsive { display: block; max-width: 100%; height: auto; } .sjb-page .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sjb-page [role="button"] { cursor: pointer; } .sjb-page h1, .sjb-page h2, .sjb-page h3 { margin-top: 20px; margin-bottom: 10px; } .sjb-page h4, .sjb-page h5, .sjb-page h6 { margin-top: 10px; margin-bottom: 10px; } .sjb-page p { margin: 0 0 10px; } .sjb-page ul, .sjb-page ol { margin-top: 0; margin-bottom: 10px; } .sjb-page ul ul, .sjb-page ol ul, .sjb-page ul ol, .sjb-page ol ol { margin-bottom: 0; } .sjb-page .row { margin-left: -15px; margin-right: -15px; } .sjb-page .col-xs-1, .sjb-page .col-sm-1, .sjb-page .col-md-1, .sjb-page .col-lg-1, .sjb-page .col-xs-2, .sjb-page .col-sm-2, .sjb-page .col-md-2, .sjb-page .col-lg-2, .sjb-page .col-xs-3, .sjb-page .col-sm-3, .sjb-page .col-md-3, .sjb-page .col-lg-3, .sjb-page .col-xs-4, .sjb-page .col-sm-4, .sjb-page .col-md-4, .sjb-page .col-lg-4, .sjb-page .col-xs-5, .sjb-page .col-sm-5, .sjb-page .col-md-5, .sjb-page .col-lg-5, .sjb-page .col-xs-6, .sjb-page .col-sm-6, .sjb-page .col-md-6, .sjb-page .col-lg-6, .sjb-page .col-xs-7, .sjb-page .col-sm-7, .sjb-page .col-md-7, .sjb-page .col-lg-7, .sjb-page .col-xs-8, .sjb-page .col-sm-8, .sjb-page .col-md-8, .sjb-page .col-lg-8, .sjb-page .col-xs-9, .sjb-page .col-sm-9, .sjb-page .col-md-9, .sjb-page .col-lg-9, .sjb-page .col-xs-10, .sjb-page .col-sm-10, .sjb-page .col-md-10, .sjb-page .col-lg-10, .sjb-page .col-xs-11, .sjb-page .col-sm-11, .sjb-page .col-md-11, .sjb-page .col-lg-11, .sjb-page .col-xs-12, .sjb-page .col-sm-12, .sjb-page .col-md-12, .sjb-page .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } .sjb-page .col-xs-1, .sjb-page .col-xs-2, .sjb-page .col-xs-3, .sjb-page .col-xs-4, .sjb-page .col-xs-5, .sjb-page .col-xs-6, .sjb-page .col-xs-7, .sjb-page .col-xs-8, .sjb-page .col-xs-9, .sjb-page .col-xs-10, .sjb-page .col-xs-11, .sjb-page .col-xs-12 { float: left; } .sjb-page .col-xs-12 { width: 100%; } .sjb-page .col-xs-11 { width: 91.66666667%; } .sjb-page .col-xs-10 { width: 83.33333333%; } .sjb-page .col-xs-9 { width: 75%; } .sjb-page .col-xs-8 { width: 66.66666667%; } .sjb-page .col-xs-7 { width: 58.33333333%; } .sjb-page .col-xs-6 { width: 50%; } .sjb-page .col-xs-5 { width: 41.66666667%; } .sjb-page .col-xs-4 { width: 33.33333333%; } .sjb-page .col-xs-3 { width: 25%; } .sjb-page .col-xs-2 { width: 16.66666667%; } .sjb-page .col-xs-1 { width: 8.33333333%; } .sjb-page .col-xs-pull-12 { right: 100%; } .sjb-page .col-xs-pull-11 { right: 91.66666667%; } .sjb-page .col-xs-pull-10 { right: 83.33333333%; } .sjb-page .col-xs-pull-9 { right: 75%; } .sjb-page .col-xs-pull-8 { right: 66.66666667%; } .sjb-page .col-xs-pull-7 { right: 58.33333333%; } .sjb-page .col-xs-pull-6 { right: 50%; } .sjb-page .col-xs-pull-5 { right: 41.66666667%; } .sjb-page .col-xs-pull-4 { right: 33.33333333%; } .sjb-page .col-xs-pull-3 { right: 25%; } .sjb-page .col-xs-pull-2 { right: 16.66666667%; } .sjb-page .col-xs-pull-1 { right: 8.33333333%; } .sjb-page .col-xs-pull-0 { right: auto; } .sjb-page .col-xs-push-12 { left: 100%; } .sjb-page .col-xs-push-11 { left: 91.66666667%; } .sjb-page .col-xs-push-10 { left: 83.33333333%; } .sjb-page .col-xs-push-9 { left: 75%; } .sjb-page .col-xs-push-8 { left: 66.66666667%; } .sjb-page .col-xs-push-7 { left: 58.33333333%; } .sjb-page .col-xs-push-6 { left: 50%; } .sjb-page .col-xs-push-5 { left: 41.66666667%; } .sjb-page .col-xs-push-4 { left: 33.33333333%; } .sjb-page .col-xs-push-3 { left: 25%; } .sjb-page .col-xs-push-2 { left: 16.66666667%; } .sjb-page .col-xs-push-1 { left: 8.33333333%; } .sjb-page .col-xs-push-0 { left: auto; } .sjb-page .col-xs-offset-12 { margin-left: 100%; } .sjb-page .col-xs-offset-11 { margin-left: 91.66666667%; } .sjb-page .col-xs-offset-10 { margin-left: 83.33333333%; } .sjb-page .col-xs-offset-9 { margin-left: 75%; } .sjb-page .col-xs-offset-8 { margin-left: 66.66666667%; } .sjb-page .col-xs-offset-7 { margin-left: 58.33333333%; } .sjb-page .col-xs-offset-6 { margin-left: 50%; } .sjb-page .col-xs-offset-5 { margin-left: 41.66666667%; } .sjb-page .col-xs-offset-4 { margin-left: 33.33333333%; } .sjb-page .col-xs-offset-3 { margin-left: 25%; } .sjb-page .col-xs-offset-2 { margin-left: 16.66666667%; } .sjb-page .col-xs-offset-1 { margin-left: 8.33333333%; } .sjb-page .col-xs-offset-0 { margin-left: 0%; } @media (min-width: 768px) { .sjb-page .col-sm-1, .sjb-page .col-sm-2, .sjb-page .col-sm-3, .sjb-page .col-sm-4, .sjb-page .col-sm-5, .sjb-page .col-sm-6, .sjb-page .col-sm-7, .sjb-page .col-sm-8, .sjb-page .col-sm-9, .sjb-page .col-sm-10, .sjb-page .col-sm-11, .sjb-page .col-sm-12 { float: left; } .sjb-page .col-sm-12 { width: 100%; } .sjb-page .col-sm-11 { width: 91.66666667%; } .sjb-page .col-sm-10 { width: 83.33333333%; } .sjb-page .col-sm-9 { width: 75%; } .sjb-page .col-sm-8 { width: 66.66666667%; } .sjb-page .col-sm-7 { width: 58.33333333%; } .sjb-page .col-sm-6 { width: 50%; } .sjb-page .col-sm-5 { width: 41.66666667%; } .sjb-page .col-sm-4 { width: 33.33333333%; } .sjb-page .col-sm-3 { width: 25%; } .sjb-page .col-sm-2 { width: 16.66666667%; } .sjb-page .col-sm-1 { width: 8.33333333%; } .sjb-page .col-sm-pull-12 { right: 100%; } .sjb-page .col-sm-pull-11 { right: 91.66666667%; } .sjb-page .col-sm-pull-10 { right: 83.33333333%; } .sjb-page .col-sm-pull-9 { right: 75%; } .sjb-page .col-sm-pull-8 { right: 66.66666667%; } .sjb-page .col-sm-pull-7 { right: 58.33333333%; } .sjb-page .col-sm-pull-6 { right: 50%; } .sjb-page .col-sm-pull-5 { right: 41.66666667%; } .sjb-page .col-sm-pull-4 { right: 33.33333333%; } .sjb-page .col-sm-pull-3 { right: 25%; } .sjb-page .col-sm-pull-2 { right: 16.66666667%; } .sjb-page .col-sm-pull-1 { right: 8.33333333%; } .sjb-page .col-sm-pull-0 { right: auto; } .sjb-page .col-sm-push-12 { left: 100%; } .sjb-page .col-sm-push-11 { left: 91.66666667%; } .sjb-page .col-sm-push-10 { left: 83.33333333%; } .sjb-page .col-sm-push-9 { left: 75%; } .sjb-page .col-sm-push-8 { left: 66.66666667%; } .sjb-page .col-sm-push-7 { left: 58.33333333%; } .sjb-page .col-sm-push-6 { left: 50%; } .sjb-page .col-sm-push-5 { left: 41.66666667%; } .sjb-page .col-sm-push-4 { left: 33.33333333%; } .sjb-page .col-sm-push-3 { left: 25%; } .sjb-page .col-sm-push-2 { left: 16.66666667%; } .sjb-page .col-sm-push-1 { left: 8.33333333%; } .sjb-page .col-sm-push-0 { left: auto; } .sjb-page .col-sm-offset-12 { margin-left: 100%; } .sjb-page .col-sm-offset-11 { margin-left: 91.66666667%; } .sjb-page .col-sm-offset-10 { margin-left: 83.33333333%; } .sjb-page .col-sm-offset-9 { margin-left: 75%; } .sjb-page .col-sm-offset-8 { margin-left: 66.66666667%; } .sjb-page .col-sm-offset-7 { margin-left: 58.33333333%; } .sjb-page .col-sm-offset-6 { margin-left: 50%; } .sjb-page .col-sm-offset-5 { margin-left: 41.66666667%; } .sjb-page .col-sm-offset-4 { margin-left: 33.33333333%; } .sjb-page .col-sm-offset-3 { margin-left: 25%; } .sjb-page .col-sm-offset-2 { margin-left: 16.66666667%; } .sjb-page .col-sm-offset-1 { margin-left: 8.33333333%; } .sjb-page .col-sm-offset-0 { margin-left: 0%; } } @media (min-width: 992px) { .sjb-page .col-md-1, .sjb-page .col-md-2, .sjb-page .col-md-3, .sjb-page .col-md-4, .sjb-page .col-md-5, .sjb-page .col-md-6, .sjb-page .col-md-7, .sjb-page .col-md-8, .sjb-page .col-md-9, .sjb-page .col-md-10, .sjb-page .col-md-11, .sjb-page .col-md-12 { float: left; } .sjb-page .col-md-12 { width: 100%; } .sjb-page .col-md-11 { width: 91.66666667%; } .sjb-page .col-md-10 { width: 75%; } .sjb-page .col-md-9 { width: 75%; } .sjb-page .col-md-8 { width: 66.66666667%; } .sjb-page .col-md-7 { width: 58.33333333%; } .sjb-page .col-md-6 { width: 50%; } .sjb-page .col-md-5 { width: 41.66666667%; } .sjb-page .col-md-4 { width: 33.33333333%; } .sjb-page .col-md-3 { width: 25%; } .sjb-page .col-md-2 { width: 16.66666667%; } .sjb-page .col-md-1 { width: 8.33333333%; } .sjb-page .col-md-pull-12 { right: 100%; } .sjb-page .col-md-pull-11 { right: 91.66666667%; } .sjb-page .col-md-pull-10 { right: 83.33333333%; } .sjb-page .col-md-pull-9 { right: 75%; } .sjb-page .col-md-pull-8 { right: 66.66666667%; } .sjb-page .col-md-pull-7 { right: 58.33333333%; } .sjb-page .col-md-pull-6 { right: 50%; } .sjb-page .col-md-pull-5 { right: 41.66666667%; } .sjb-page .col-md-pull-4 { right: 33.33333333%; } .sjb-page .col-md-pull-3 { right: 25%; } .sjb-page .col-md-pull-2 { right: 16.66666667%; } .sjb-page .col-md-pull-1 { right: 8.33333333%; } .sjb-page .col-md-pull-0 { right: auto; } .sjb-page .col-md-push-12 { left: 100%; } .sjb-page .col-md-push-11 { left: 91.66666667%; } .sjb-page .col-md-push-10 { left: 83.33333333%; } .sjb-page .col-md-push-9 { left: 75%; } .sjb-page .col-md-push-8 { left: 66.66666667%; } .sjb-page .col-md-push-7 { left: 58.33333333%; } .sjb-page .col-md-push-6 { left: 50%; } .sjb-page .col-md-push-5 { left: 41.66666667%; } .sjb-page .col-md-push-4 { left: 33.33333333%; } .sjb-page .col-md-push-3 { left: 25%; } .sjb-page .col-md-push-2 { left: 16.66666667%; } .sjb-page .col-md-push-1 { left: 8.33333333%; } .sjb-page .col-md-push-0 { left: auto; } .sjb-page .col-md-offset-12 { margin-left: 100%; } .sjb-page .col-md-offset-11 { margin-left: 91.66666667%; } .sjb-page .col-md-offset-10 { margin-left: 83.33333333%; } .sjb-page .col-md-offset-9 { margin-left: 75%; } .sjb-page .col-md-offset-8 { margin-left: 66.66666667%; } .sjb-page .col-md-offset-7 { margin-left: 58.33333333%; } .sjb-page .col-md-offset-6 { margin-left: 50%; } .sjb-page .col-md-offset-5 { margin-left: 41.66666667%; } .sjb-page .col-md-offset-4 { margin-left: 33.33333333%; } .sjb-page .col-md-offset-3 { margin-left: 25%; } .sjb-page .col-md-offset-2 { margin-left: 16.66666667%; } .sjb-page .col-md-offset-1 { margin-left: 8.33333333%; } .sjb-page .col-md-offset-0 { margin-left: 0%; } } @media (min-width: 1200px) { .sjb-page .col-lg-1, .sjb-page .col-lg-2, .sjb-page .col-lg-3, .sjb-page .col-lg-4, .sjb-page .col-lg-5, .sjb-page .col-lg-6, .sjb-page .col-lg-7, .sjb-page .col-lg-8, .sjb-page .col-lg-9, .sjb-page .col-lg-10, .sjb-page .col-lg-11, .sjb-page .col-lg-12 { float: left; } .sjb-page .col-lg-12 { width: 100%; } .sjb-page .col-lg-11 { width: 91.66666667%; } .sjb-page .col-lg-10 { width: 83.33333333%; } .sjb-page .col-lg-9 { width: 75%; } .sjb-page .col-lg-8 { width: 66.66666667%; } .sjb-page .col-lg-7 { width: 58.33333333%; } .sjb-page .col-lg-6 { width: 50%; } .sjb-page .col-lg-5 { width: 41.66666667%; } .sjb-page .col-lg-4 { width: 33.33333333%; } .sjb-page .col-lg-3 { width: 25%; } .sjb-page .col-lg-2 { width: 16.66666667%; } .sjb-page .col-lg-1 { width: 8.33333333%; } .sjb-page .col-lg-pull-12 { right: 100%; } .sjb-page .col-lg-pull-11 { right: 91.66666667%; } .sjb-page .col-lg-pull-10 { right: 83.33333333%; } .sjb-page .col-lg-pull-9 { right: 75%; } .sjb-page .col-lg-pull-8 { right: 66.66666667%; } .sjb-page .col-lg-pull-7 { right: 58.33333333%; } .sjb-page .col-lg-pull-6 { right: 50%; } .sjb-page .col-lg-pull-5 { right: 41.66666667%; } .sjb-page .col-lg-pull-4 { right: 33.33333333%; } .sjb-page .col-lg-pull-3 { right: 25%; } .sjb-page .col-lg-pull-2 { right: 16.66666667%; } .sjb-page .col-lg-pull-1 { right: 8.33333333%; } .sjb-page .col-lg-pull-0 { right: auto; } .sjb-page .col-lg-push-12 { left: 100%; } .sjb-page .col-lg-push-11 { left: 91.66666667%; } .sjb-page .col-lg-push-10 { left: 83.33333333%; } .sjb-page .col-lg-push-9 { left: 75%; } .sjb-page .col-lg-push-8 { left: 66.66666667%; } .sjb-page .col-lg-push-7 { left: 58.33333333%; } .sjb-page .col-lg-push-6 { left: 50%; } .sjb-page .col-lg-push-5 { left: 41.66666667%; } .sjb-page .col-lg-push-4 { left: 33.33333333%; } .sjb-page .col-lg-push-3 { left: 25%; } .sjb-page .col-lg-push-2 { left: 16.66666667%; } .sjb-page .col-lg-push-1 { left: 8.33333333%; } .sjb-page .col-lg-push-0 { left: auto; } .sjb-page .col-lg-offset-12 { margin-left: 100%; } .sjb-page .col-lg-offset-11 { margin-left: 91.66666667%; } .sjb-page .col-lg-offset-10 { margin-left: 83.33333333%; } .sjb-page .col-lg-offset-9 { margin-left: 75%; } .sjb-page .col-lg-offset-8 { margin-left: 66.66666667%; } .sjb-page .col-lg-offset-7 { margin-left: 58.33333333%; } .sjb-page .col-lg-offset-6 { margin-left: 50%; } .sjb-page .col-lg-offset-5 { margin-left: 41.66666667%; } .sjb-page .col-lg-offset-4 { margin-left: 33.33333333%; } .sjb-page .col-lg-offset-3 { margin-left: 25%; } .sjb-page .col-lg-offset-2 { margin-left: 16.66666667%; } .sjb-page .col-lg-offset-1 { margin-left: 8.33333333%; } .sjb-page .col-lg-offset-0 { margin-left: 0%; } } .sjb-page table { background-color: transparent; } .sjb-page th { text-align: left; } .sjb-page .table { width: 100%; max-width: 100%; margin-bottom: 20px; } .sjb-page .table > thead > tr > th, .sjb-page .table > tbody > tr > th, .sjb-page .table > tfoot > tr > th, .sjb-page .table > thead > tr > td, .sjb-page .table > tbody > tr > td, .sjb-page .table > tfoot > tr > td { padding: 8px; border-top: 1px solid #ddd; } .sjb-page .table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #ddd; } .sjb-page .table > caption + thead > tr:first-child > th, .sjb-page .table > colgroup + thead > tr:first-child > th, .sjb-page .table > thead:first-child > tr:first-child > th, .sjb-page .table > caption + thead > tr:first-child > td, .sjb-page .table > colgroup + thead > tr:first-child > td, .sjb-page .table > thead:first-child > tr:first-child > td { border-top: 0; } .sjb-page .table > tbody + tbody { border-top: 2px solid #ddd; } .sjb-page .table .table { } .sjb-page .table-condensed > thead > tr > th, .sjb-page .table-condensed > tbody > tr > th, .sjb-page .table-condensed > tfoot > tr > th, .sjb-page .table-condensed > thead > tr > td, .sjb-page .table-condensed > tbody > tr > td, .sjb-page .table-condensed > tfoot > tr > td { padding: 5px; } .sjb-page .table-bordered > thead > tr > th, .sjb-page .table-bordered > thead > tr > td { border-bottom-width: 2px; } .sjb-page table col[class*="col-"] { position: static; float: none; display: table-column; } .sjb-page table td[class*="col-"], .sjb-page table th[class*="col-"] { position: static; float: none; display: table-cell; } .sjb-page .table-responsive { overflow-x: auto; min-height: 0.01%; } @media screen and (max-width: 767px) { .sjb-page .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; } .sjb-page .table-responsive > .table { margin-bottom: 0; } .sjb-page .table-responsive > .table > thead > tr > th, .sjb-page .table-responsive > .table > tbody > tr > th, .sjb-page .table-responsive > .table > tfoot > tr > th, .sjb-page .table-responsive > .table > thead > tr > td, .sjb-page .table-responsive > .table > tbody > tr > td, .sjb-page .table-responsive > .table > tfoot > tr > td { white-space: nowrap; } .sjb-page .table-responsive > .table-bordered { border: 0; } .sjb-page .table-responsive > .table-bordered > thead > tr > th:first-child, .sjb-page .table-responsive > .table-bordered > tbody > tr > th:first-child, .sjb-page .table-responsive > .table-bordered > tfoot > tr > th:first-child, .sjb-page .table-responsive > .table-bordered > thead > tr > td:first-child, .sjb-page .table-responsive > .table-bordered > tbody > tr > td:first-child, .sjb-page .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .sjb-page .table-responsive > .table-bordered > thead > tr > th:last-child, .sjb-page .table-responsive > .table-bordered > tbody > tr > th:last-child, .sjb-page .table-responsive > .table-bordered > tfoot > tr > th:last-child, .sjb-page .table-responsive > .table-bordered > thead > tr > td:last-child, .sjb-page .table-responsive > .table-bordered > tbody > tr > td:last-child, .sjb-page .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .sjb-page .table-responsive > .table-bordered > tbody > tr:last-child > th, .sjb-page .table-responsive > .table-bordered > tfoot > tr:last-child > th, .sjb-page .table-responsive > .table-bordered > tbody > tr:last-child > td, .sjb-page .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } } .sjb-page label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: bold; } .sjb-page input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .sjb-page input[type="radio"], .sjb-page input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; line-height: normal; } .sjb-page input[type="file"] { display: block; } .sjb-page input[type="file"]:focus, .sjb-page input[type="radio"]:focus, .sjb-page input[type="checkbox"]:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .sjb-page .form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; background-image: none; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } .sjb-page .form-control:focus { outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .sjb-page .form-control::-moz-placeholder { color: #a4a4a4; opacity: 1; } .sjb-page .form-control:-ms-input-placeholder { color: #a4a4a4; } .sjb-page .form-control::-webkit-input-placeholder { color: #a4a4a4; } .sjb-page .form-control::-ms-expand { border: 0; background-color: transparent; } textarea.sjb-page .form-control { height: auto; } .sjb-page input[type="search"] { -webkit-appearance: none; } @media screen and (-webkit-min-device-pixel-ratio: 0) { .sjb-page input[type="date"].form-control, .sjb-page input[type="time"].form-control, .sjb-page input[type="datetime-local"].form-control, .sjb-page input[type="month"].form-control { line-height: 34px; } .sjb-page input[type="date"].input-sm, .sjb-page input[type="time"].input-sm, .sjb-page input[type="datetime-local"].input-sm, .sjb-page input[type="month"].input-sm, .input-group-sm .sjb-page input[type="date"], .input-group-sm .sjb-page input[type="time"], .input-group-sm .sjb-page input[type="datetime-local"], .input-group-sm .sjb-page input[type="month"] { line-height: 30px; } .sjb-page input[type="date"].input-lg, .sjb-page input[type="time"].input-lg, .sjb-page input[type="datetime-local"].input-lg, .sjb-page input[type="month"].input-lg, .input-group-lg .sjb-page input[type="date"], .input-group-lg .sjb-page input[type="time"], .input-group-lg .sjb-page input[type="datetime-local"], .input-group-lg .sjb-page input[type="month"] { line-height: 44px; } } .sjb-page .form-group { margin-bottom: 15px; } .sjb-page .radio, .sjb-page .checkbox { position: relative; display: block; margin-top: 10px; margin-bottom: 10px; } .sjb-page .radio label, .sjb-page .checkbox label { min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: normal; cursor: pointer; } .sjb-page .radio input[type="radio"], .sjb-page .checkbox input[type="checkbox"] { position: absolute; margin-left: -20px; margin-top: 4px \9; } .sjb-page .radio + .radio, .sjb-page .checkbox + .checkbox { margin-top: -5px; } .sjb-page input[type="radio"][disabled], .sjb-page input[type="checkbox"][disabled], .sjb-page input[type="radio"].disabled, .sjb-page input[type="checkbox"].disabled, fieldset[disabled] .sjb-page input[type="radio"], fieldset[disabled] .sjb-page input[type="checkbox"] { cursor: not-allowed; } .sjb-page .radio.disabled label, .sjb-page .checkbox.disabled label, fieldset[disabled] .sjb-page .radio label, fieldset[disabled] .sjb-page .checkbox label { cursor: not-allowed; } .sjb-page .btn { display: inline-block; margin-bottom: 0; text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; line-height: 1.42857143; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .sjb-page .btn:focus, .sjb-page .btn:active:focus, .sjb-page .btn.active:focus, .sjb-page .btn.focus, .sjb-page .btn:active.focus, .sjb-page .btn.active.focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .sjb-page a.btn { border: 1px solid; padding: 5px 10px; text-decoration: none; } .sjb-page .alert { padding: 15px; margin-bottom: 20px; border: 1px solid; } .sjb-page .alert-success { background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; } .sjb-page .alert-success hr { border-top-color: #c9e2b3; } .sjb-page .alert-success .alert-link { color: #2b542c; } .sjb-page .alert-info { background-color: #d9edf7; border-color: #bce8f1; color: #31708f; } .sjb-page .alert-info hr { border-top-color: #a6e1ec; } .sjb-page .alert-info .alert-link { color: #245269; } .sjb-page .alert-warning { background-color: #fcf8e3; border-color: #faebcc; color: #8a6d3b; } .sjb-page .alert-warning hr { border-top-color: #f7e1b5; } .sjb-page .alert-warning .alert-link { color: #66512c; } .sjb-page .alert-danger { background-color: #f2dede; border-color: #ebccd1; color: #a94442; } .sjb-page .alert-danger hr { border-top-color: #e4b9c0; } .sjb-page .alert-danger .alert-link { color: #843534; } .sjb-page .clearfix:before, .sjb-page .clearfix:after, .sjb-page .sjb-page .row:before, .sjb-page .sjb-page .row:after { content: " "; display: table; } .sjb-page .clearfix:after, .sjb-page .sjb-page .row:after { clear: both; } .sjb-page .pull-right { float: right !important; } .sjb-page .pull-left { float: left !important; } @-ms-viewport { width: device-width; } .visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table !important; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (max-width: 767px) { .visible-xs-block { display: block !important; } } @media (max-width: 767px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table !important; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table !important; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table !important; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table !important; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } /*-------------------------------------------------------------- 2. International Telephone Input --------------------------------------------------------------*/ .iti { position: relative; display: inline-block; } .iti * { box-sizing: border-box; -moz-box-sizing: border-box; } .iti__hide { display: none; } .iti__v-hide { visibility: hidden; } .iti input, .iti input[type=text], .iti input[type=tel] { position: relative; z-index: 0; margin-top: 0 !important; margin-bottom: 0 !important; padding-right: 36px; margin-right: 0; } .iti__flag-container { position: absolute; top: 0; bottom: 0; right: 0; padding: 1px; } .iti__selected-flag { z-index: 1; position: relative; display: flex; height: 100%; padding: 16px 6px 0 8px; } .iti__arrow { margin-left: 6px; width: 0; height: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 4px solid #555; } .iti__arrow--up { border-top: none; border-bottom: 4px solid #555; } .iti__country-list { position: absolute; z-index: 2; list-style: none; text-align: left; padding: 0; margin: 0 0 0 -1px; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); background-color: white; border: 1px solid #CCC; white-space: nowrap; max-height: 200px; overflow-y: scroll; -webkit-overflow-scrolling: touch; } .iti__country-list--dropup { bottom: 100%; margin-bottom: -1px; } @media (max-width: 500px) { .iti__country-list { white-space: normal; } } .iti__flag-box { display: inline-block; width: 20px; } .iti__divider { padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #CCC; } .iti__country { padding: 5px 10px; outline: none; } .iti__dial-code { color: #999; } .iti__country.iti__highlight { background-color: rgba(0, 0, 0, 0.05); } .iti__flag-box, .iti__country-name, .iti__dial-code { vertical-align: middle; } .iti__flag-box, .iti__country-name { margin-right: 6px; } .iti--allow-dropdown input, .iti--allow-dropdown input[type=text], .iti--allow-dropdown input[type=tel], .iti--separate-dial-code input, .iti--separate-dial-code input[type=text], .iti--separate-dial-code input[type=tel] { padding-right: 6px; padding-left: 52px; margin-left: 0; } .iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container { right: auto; left: 0; } .iti--allow-dropdown .iti__flag-container:hover { cursor: pointer; } .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag { background-color: rgba(0, 0, 0, 0.05); } .iti--allow-dropdown input[disabled] + .iti__flag-container:hover, .iti--allow-dropdown input[readonly] + .iti__flag-container:hover { cursor: default; } .iti--allow-dropdown input[disabled] + .iti__flag-container:hover .iti__selected-flag, .iti--allow-dropdown input[readonly] + .iti__flag-container:hover .iti__selected-flag { background-color: transparent; } .iti--separate-dial-code .iti__selected-flag { background-color: rgba(0, 0, 0, 0.05); } .iti--separate-dial-code .iti__selected-dial-code { margin-left: 6px; } .iti--container { position: absolute; top: -1000px; left: -1000px; z-index: 1060; padding: 1px; } .iti--container:hover { cursor: pointer; } .iti-mobile .iti--container { top: 30px; bottom: 30px; left: 30px; right: 30px; position: fixed; } .iti-mobile .iti__country-list { max-height: 100%; width: 100%; } .iti-mobile .iti__country { padding: 10px 10px; line-height: 1.5em; } .iti__flag { width: 20px; } .iti__flag.iti__be { width: 18px; } .iti__flag.iti__ch { width: 15px; } .iti__flag.iti__mc { width: 19px; } .iti__flag.iti__ne { width: 18px; } .iti__flag.iti__np { width: 13px; } .iti__flag.iti__va { width: 15px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .iti__flag { background-size: 5652px 15px; } } .iti__flag.iti__ac { height: 10px; background-position: 0px 0px; } .iti__flag.iti__ad { height: 14px; background-position: -22px 0px; } .iti__flag.iti__ae { height: 10px; background-position: -44px 0px; } .iti__flag.iti__af { height: 14px; background-position: -66px 0px; } .iti__flag.iti__ag { height: 14px; background-position: -88px 0px; } .iti__flag.iti__ai { height: 10px; background-position: -110px 0px; } .iti__flag.iti__al { height: 15px; background-position: -132px 0px; } .iti__flag.iti__am { height: 10px; background-position: -154px 0px; } .iti__flag.iti__ao { height: 14px; background-position: -176px 0px; } .iti__flag.iti__aq { height: 14px; background-position: -198px 0px; } .iti__flag.iti__ar { height: 13px; background-position: -220px 0px; } .iti__flag.iti__as { height: 10px; background-position: -242px 0px; } .iti__flag.iti__at { height: 14px; background-position: -264px 0px; } .iti__flag.iti__au { height: 10px; background-position: -286px 0px; } .iti__flag.iti__aw { height: 14px; background-position: -308px 0px; } .iti__flag.iti__ax { height: 13px; background-position: -330px 0px; } .iti__flag.iti__az { height: 10px; background-position: -352px 0px; } .iti__flag.iti__ba { height: 10px; background-position: -374px 0px; } .iti__flag.iti__bb { height: 14px; background-position: -396px 0px; } .iti__flag.iti__bd { height: 12px; background-position: -418px 0px; } .iti__flag.iti__be { height: 15px; background-position: -440px 0px; } .iti__flag.iti__bf { height: 14px; background-position: -460px 0px; } .iti__flag.iti__bg { height: 12px; background-position: -482px 0px; } .iti__flag.iti__bh { height: 12px; background-position: -504px 0px; } .iti__flag.iti__bi { height: 12px; background-position: -526px 0px; } .iti__flag.iti__bj { height: 14px; background-position: -548px 0px; } .iti__flag.iti__bl { height: 14px; background-position: -570px 0px; } .iti__flag.iti__bm { height: 10px; background-position: -592px 0px; } .iti__flag.iti__bn { height: 10px; background-position: -614px 0px; } .iti__flag.iti__bo { height: 14px; background-position: -636px 0px; } .iti__flag.iti__bq { height: 14px; background-position: -658px 0px; } .iti__flag.iti__br { height: 14px; background-position: -680px 0px; } .iti__flag.iti__bs { height: 10px; background-position: -702px 0px; } .iti__flag.iti__bt { height: 14px; background-position: -724px 0px; } .iti__flag.iti__bv { height: 15px; background-position: -746px 0px; } .iti__flag.iti__bw { height: 14px; background-position: -768px 0px; } .iti__flag.iti__by { height: 10px; background-position: -790px 0px; } .iti__flag.iti__bz { height: 14px; background-position: -812px 0px; } .iti__flag.iti__ca { height: 10px; background-position: -834px 0px; } .iti__flag.iti__cc { height: 10px; background-position: -856px 0px; } .iti__flag.iti__cd { height: 15px; background-position: -878px 0px; } .iti__flag.iti__cf { height: 14px; background-position: -900px 0px; } .iti__flag.iti__cg { height: 14px; background-position: -922px 0px; } .iti__flag.iti__ch { height: 15px; background-position: -944px 0px; } .iti__flag.iti__ci { height: 14px; background-position: -961px 0px; } .iti__flag.iti__ck { height: 10px; background-position: -983px 0px; } .iti__flag.iti__cl { height: 14px; background-position: -1005px 0px; } .iti__flag.iti__cm { height: 14px; background-position: -1027px 0px; } .iti__flag.iti__cn { height: 14px; background-position: -1049px 0px; } .iti__flag.iti__co { height: 14px; background-position: -1071px 0px; } .iti__flag.iti__cp { height: 14px; background-position: -1093px 0px; } .iti__flag.iti__cr { height: 12px; background-position: -1115px 0px; } .iti__flag.iti__cu { height: 10px; background-position: -1137px 0px; } .iti__flag.iti__cv { height: 12px; background-position: -1159px 0px; } .iti__flag.iti__cw { height: 14px; background-position: -1181px 0px; } .iti__flag.iti__cx { height: 10px; background-position: -1203px 0px; } .iti__flag.iti__cy { height: 14px; background-position: -1225px 0px; } .iti__flag.iti__cz { height: 14px; background-position: -1247px 0px; } .iti__flag.iti__de { height: 12px; background-position: -1269px 0px; } .iti__flag.iti__dg { height: 10px; background-position: -1291px 0px; } .iti__flag.iti__dj { height: 14px; background-position: -1313px 0px; } .iti__flag.iti__dk { height: 15px; background-position: -1335px 0px; } .iti__flag.iti__dm { height: 10px; background-position: -1357px 0px; } .iti__flag.iti__do { height: 14px; background-position: -1379px 0px; } .iti__flag.iti__dz { height: 14px; background-position: -1401px 0px; } .iti__flag.iti__ea { height: 14px; background-position: -1423px 0px; } .iti__flag.iti__ec { height: 14px; background-position: -1445px 0px; } .iti__flag.iti__ee { height: 13px; background-position: -1467px 0px; } .iti__flag.iti__eg { height: 14px; background-position: -1489px 0px; } .iti__flag.iti__eh { height: 10px; background-position: -1511px 0px; } .iti__flag.iti__er { height: 10px; background-position: -1533px 0px; } .iti__flag.iti__es { height: 14px; background-position: -1555px 0px; } .iti__flag.iti__et { height: 10px; background-position: -1577px 0px; } .iti__flag.iti__eu { height: 14px; background-position: -1599px 0px; } .iti__flag.iti__fi { height: 12px; background-position: -1621px 0px; } .iti__flag.iti__fj { height: 10px; background-position: -1643px 0px; } .iti__flag.iti__fk { height: 10px; background-position: -1665px 0px; } .iti__flag.iti__fm { height: 11px; background-position: -1687px 0px; } .iti__flag.iti__fo { height: 15px; background-position: -1709px 0px; } .iti__flag.iti__fr { height: 14px; background-position: -1731px 0px; } .iti__flag.iti__ga { height: 15px; background-position: -1753px 0px; } .iti__flag.iti__gb { height: 10px; background-position: -1775px 0px; } .iti__flag.iti__gd { height: 12px; background-position: -1797px 0px; } .iti__flag.iti__ge { height: 14px; background-position: -1819px 0px; } .iti__flag.iti__gf { height: 14px; background-position: -1841px 0px; } .iti__flag.iti__gg { height: 14px; background-position: -1863px 0px; } .iti__flag.iti__gh { height: 14px; background-position: -1885px 0px; } .iti__flag.iti__gi { height: 10px; background-position: -1907px 0px; } .iti__flag.iti__gl { height: 14px; background-position: -1929px 0px; } .iti__flag.iti__gm { height: 14px; background-position: -1951px 0px; } .iti__flag.iti__gn { height: 14px; background-position: -1973px 0px; } .iti__flag.iti__gp { height: 14px; background-position: -1995px 0px; } .iti__flag.iti__gq { height: 14px; background-position: -2017px 0px; } .iti__flag.iti__gr { height: 14px; background-position: -2039px 0px; } .iti__flag.iti__gs { height: 10px; background-position: -2061px 0px; } .iti__flag.iti__gt { height: 13px; background-position: -2083px 0px; } .iti__flag.iti__gu { height: 11px; background-position: -2105px 0px; } .iti__flag.iti__gw { height: 10px; background-position: -2127px 0px; } .iti__flag.iti__gy { height: 12px; background-position: -2149px 0px; } .iti__flag.iti__hk { height: 14px; background-position: -2171px 0px; } .iti__flag.iti__hm { height: 10px; background-position: -2193px 0px; } .iti__flag.iti__hn { height: 10px; background-position: -2215px 0px; } .iti__flag.iti__hr { height: 10px; background-position: -2237px 0px; } .iti__flag.iti__ht { height: 12px; background-position: -2259px 0px; } .iti__flag.iti__hu { height: 10px; background-position: -2281px 0px; } .iti__flag.iti__ic { height: 14px; background-position: -2303px 0px; } .iti__flag.iti__id { height: 14px; background-position: -2325px 0px; } .iti__flag.iti__ie { height: 10px; background-position: -2347px 0px; } .iti__flag.iti__il { height: 15px; background-position: -2369px 0px; } .iti__flag.iti__im { height: 10px; background-position: -2391px 0px; } .iti__flag.iti__in { height: 14px; background-position: -2413px 0px; } .iti__flag.iti__io { height: 10px; background-position: -2435px 0px; } .iti__flag.iti__iq { height: 14px; background-position: -2457px 0px; } .iti__flag.iti__ir { height: 12px; background-position: -2479px 0px; } .iti__flag.iti__is { height: 15px; background-position: -2501px 0px; } .iti__flag.iti__it { height: 14px; background-position: -2523px 0px; } .iti__flag.iti__je { height: 12px; background-position: -2545px 0px; } .iti__flag.iti__jm { height: 10px; background-position: -2567px 0px; } .iti__flag.iti__jo { height: 10px; background-position: -2589px 0px; } .iti__flag.iti__jp { height: 14px; background-position: -2611px 0px; } .iti__flag.iti__ke { height: 14px; background-position: -2633px 0px; } .iti__flag.iti__kg { height: 12px; background-position: -2655px 0px; } .iti__flag.iti__kh { height: 13px; background-position: -2677px 0px; } .iti__flag.iti__ki { height: 10px; background-position: -2699px 0px; } .iti__flag.iti__km { height: 12px; background-position: -2721px 0px; } .iti__flag.iti__kn { height: 14px; background-position: -2743px 0px; } .iti__flag.iti__kp { height: 10px; background-position: -2765px 0px; } .iti__flag.iti__kr { height: 14px; background-position: -2787px 0px; } .iti__flag.iti__kw { height: 10px; background-position: -2809px 0px; } .iti__flag.iti__ky { height: 10px; background-position: -2831px 0px; } .iti__flag.iti__kz { height: 10px; background-position: -2853px 0px; } .iti__flag.iti__la { height: 14px; background-position: -2875px 0px; } .iti__flag.iti__lb { height: 14px; background-position: -2897px 0px; } .iti__flag.iti__lc { height: 10px; background-position: -2919px 0px; } .iti__flag.iti__li { height: 12px; background-position: -2941px 0px; } .iti__flag.iti__lk { height: 10px; background-position: -2963px 0px; } .iti__flag.iti__lr { height: 11px; background-position: -2985px 0px; } .iti__flag.iti__ls { height: 14px; background-position: -3007px 0px; } .iti__flag.iti__lt { height: 12px; background-position: -3029px 0px; } .iti__flag.iti__lu { height: 12px; background-position: -3051px 0px; } .iti__flag.iti__lv { height: 10px; background-position: -3073px 0px; } .iti__flag.iti__ly { height: 10px; background-position: -3095px 0px; } .iti__flag.iti__ma { height: 14px; background-position: -3117px 0px; } .iti__flag.iti__mc { height: 15px; background-position: -3139px 0px; } .iti__flag.iti__md { height: 10px; background-position: -3160px 0px; } .iti__flag.iti__me { height: 10px; background-position: -3182px 0px; } .iti__flag.iti__mf { height: 14px; background-position: -3204px 0px; } .iti__flag.iti__mg { height: 14px; background-position: -3226px 0px; } .iti__flag.iti__mh { height: 11px; background-position: -3248px 0px; } .iti__flag.iti__mk { height: 10px; background-position: -3270px 0px; } .iti__flag.iti__ml { height: 14px; background-position: -3292px 0px; } .iti__flag.iti__mm { height: 14px; background-position: -3314px 0px; } .iti__flag.iti__mn { height: 10px; background-position: -3336px 0px; } .iti__flag.iti__mo { height: 14px; background-position: -3358px 0px; } .iti__flag.iti__mp { height: 10px; background-position: -3380px 0px; } .iti__flag.iti__mq { height: 14px; background-position: -3402px 0px; } .iti__flag.iti__mr { height: 14px; background-position: -3424px 0px; } .iti__flag.iti__ms { height: 10px; background-position: -3446px 0px; } .iti__flag.iti__mt { height: 14px; background-position: -3468px 0px; } .iti__flag.iti__mu { height: 14px; background-position: -3490px 0px; } .iti__flag.iti__mv { height: 14px; background-position: -3512px 0px; } .iti__flag.iti__mw { height: 14px; background-position: -3534px 0px; } .iti__flag.iti__mx { height: 12px; background-position: -3556px 0px; } .iti__flag.iti__my { height: 10px; background-position: -3578px 0px; } .iti__flag.iti__mz { height: 14px; background-position: -3600px 0px; } .iti__flag.iti__na { height: 14px; background-position: -3622px 0px; } .iti__flag.iti__nc { height: 10px; background-position: -3644px 0px; } .iti__flag.iti__ne { height: 15px; background-position: -3666px 0px; } .iti__flag.iti__nf { height: 10px; background-position: -3686px 0px; } .iti__flag.iti__ng { height: 10px; background-position: -3708px 0px; } .iti__flag.iti__ni { height: 12px; background-position: -3730px 0px; } .iti__flag.iti__nl { height: 14px; background-position: -3752px 0px; } .iti__flag.iti__no { height: 15px; background-position: -3774px 0px; } .iti__flag.iti__np { height: 15px; background-position: -3796px 0px; } .iti__flag.iti__nr { height: 10px; background-position: -3811px 0px; } .iti__flag.iti__nu { height: 10px; background-position: -3833px 0px; } .iti__flag.iti__nz { height: 10px; background-position: -3855px 0px; } .iti__flag.iti__om { height: 10px; background-position: -3877px 0px; } .iti__flag.iti__pa { height: 14px; background-position: -3899px 0px; } .iti__flag.iti__pe { height: 14px; background-position: -3921px 0px; } .iti__flag.iti__pf { height: 14px; background-position: -3943px 0px; } .iti__flag.iti__pg { height: 15px; background-position: -3965px 0px; } .iti__flag.iti__ph { height: 10px; background-position: -3987px 0px; } .iti__flag.iti__pk { height: 14px; background-position: -4009px 0px; } .iti__flag.iti__pl { height: 13px; background-position: -4031px 0px; } .iti__flag.iti__pm { height: 14px; background-position: -4053px 0px; } .iti__flag.iti__pn { height: 10px; background-position: -4075px 0px; } .iti__flag.iti__pr { height: 14px; background-position: -4097px 0px; } .iti__flag.iti__ps { height: 10px; background-position: -4119px 0px; } .iti__flag.iti__pt { height: 14px; background-position: -4141px 0px; } .iti__flag.iti__pw { height: 13px; background-position: -4163px 0px; } .iti__flag.iti__py { height: 11px; background-position: -4185px 0px; } .iti__flag.iti__qa { height: 8px; background-position: -4207px 0px; } .iti__flag.iti__re { height: 14px; background-position: -4229px 0px; } .iti__flag.iti__ro { height: 14px; background-position: -4251px 0px; } .iti__flag.iti__rs { height: 14px; background-position: -4273px 0px; } .iti__flag.iti__ru { height: 14px; background-position: -4295px 0px; } .iti__flag.iti__rw { height: 14px; background-position: -4317px 0px; } .iti__flag.iti__sa { height: 14px; background-position: -4339px 0px; } .iti__flag.iti__sb { height: 10px; background-position: -4361px 0px; } .iti__flag.iti__sc { height: 10px; background-position: -4383px 0px; } .iti__flag.iti__sd { height: 10px; background-position: -4405px 0px; } .iti__flag.iti__se { height: 13px; background-position: -4427px 0px; } .iti__flag.iti__sg { height: 14px; background-position: -4449px 0px; } .iti__flag.iti__sh { height: 10px; background-position: -4471px 0px; } .iti__flag.iti__si { height: 10px; background-position: -4493px 0px; } .iti__flag.iti__sj { height: 15px; background-position: -4515px 0px; } .iti__flag.iti__sk { height: 14px; background-position: -4537px 0px; } .iti__flag.iti__sl { height: 14px; background-position: -4559px 0px; } .iti__flag.iti__sm { height: 15px; background-position: -4581px 0px; } .iti__flag.iti__sn { height: 14px; background-position: -4603px 0px; } .iti__flag.iti__so { height: 14px; background-position: -4625px 0px; } .iti__flag.iti__sr { height: 14px; background-position: -4647px 0px; } .iti__flag.iti__ss { height: 10px; background-position: -4669px 0px; } .iti__flag.iti__st { height: 10px; background-position: -4691px 0px; } .iti__flag.iti__sv { height: 12px; background-position: -4713px 0px; } .iti__flag.iti__sx { height: 14px; background-position: -4735px 0px; } .iti__flag.iti__sy { height: 14px; background-position: -4757px 0px; } .iti__flag.iti__sz { height: 14px; background-position: -4779px 0px; } .iti__flag.iti__ta { height: 10px; background-position: -4801px 0px; } .iti__flag.iti__tc { height: 10px; background-position: -4823px 0px; } .iti__flag.iti__td { height: 14px; background-position: -4845px 0px; } .iti__flag.iti__tf { height: 14px; background-position: -4867px 0px; } .iti__flag.iti__tg { height: 13px; background-position: -4889px 0px; } .iti__flag.iti__th { height: 14px; background-position: -4911px 0px; } .iti__flag.iti__tj { height: 10px; background-position: -4933px 0px; } .iti__flag.iti__tk { height: 10px; background-position: -4955px 0px; } .iti__flag.iti__tl { height: 10px; background-position: -4977px 0px; } .iti__flag.iti__tm { height: 14px; background-position: -4999px 0px; } .iti__flag.iti__tn { height: 14px; background-position: -5021px 0px; } .iti__flag.iti__to { height: 10px; background-position: -5043px 0px; } .iti__flag.iti__tr { height: 14px; background-position: -5065px 0px; } .iti__flag.iti__tt { height: 12px; background-position: -5087px 0px; } .iti__flag.iti__tv { height: 10px; background-position: -5109px 0px; } .iti__flag.iti__tw { height: 14px; background-position: -5131px 0px; } .iti__flag.iti__tz { height: 14px; background-position: -5153px 0px; } .iti__flag.iti__ua { height: 14px; background-position: -5175px 0px; } .iti__flag.iti__ug { height: 14px; background-position: -5197px 0px; } .iti__flag.iti__um { height: 11px; background-position: -5219px 0px; } .iti__flag.iti__un { height: 14px; background-position: -5241px 0px; } .iti__flag.iti__us { height: 11px; background-position: -5263px 0px; } .iti__flag.iti__uy { height: 14px; background-position: -5285px 0px; } .iti__flag.iti__uz { height: 10px; background-position: -5307px 0px; } .iti__flag.iti__va { height: 15px; background-position: -5329px 0px; } .iti__flag.iti__vc { height: 14px; background-position: -5346px 0px; } .iti__flag.iti__ve { height: 14px; background-position: -5368px 0px; } .iti__flag.iti__vg { height: 10px; background-position: -5390px 0px; } .iti__flag.iti__vi { height: 14px; background-position: -5412px 0px; } .iti__flag.iti__vn { height: 14px; background-position: -5434px 0px; } .iti__flag.iti__vu { height: 12px; background-position: -5456px 0px; } .iti__flag.iti__wf { height: 14px; background-position: -5478px 0px; } .iti__flag.iti__ws { height: 10px; background-position: -5500px 0px; } .iti__flag.iti__xk { height: 15px; background-position: -5522px 0px; } .iti__flag.iti__ye { height: 14px; background-position: -5544px 0px; } .iti__flag.iti__yt { height: 14px; background-position: -5566px 0px; } .iti__flag.iti__za { height: 14px; background-position: -5588px 0px; } .iti__flag.iti__zm { height: 14px; background-position: -5610px 0px; } .iti__flag.iti__zw { height: 10px; background-position: -5632px 0px; } .iti__flag { height: 15px; box-shadow: 0px 0px 1px 0px #888; background-image: url("/wp-content/plugins/simple-job-board/public/images/flags.png"); background-repeat: no-repeat; background-color: #DBDBDB; background-position: 20px 0; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .iti__flag { background-image: url("/wp-content/plugins/simple-job-board/public/images/flags@2x.png"); } } .iti__flag.iti__np { background-color: transparent; } /*-------------------------------------------------------------- 3. Simple Job Board --------------------------------------------------------------*/ /* SJB Reset and dependencies */ .sjb-page ::-moz-selection { background: #3297fa; color: #fff; } .sjb-page ::selection { background: #3297fa; color: #fff; } .sjb-page .list-data article, .sjb-page .list-data footer, .sjb-page .list-data header, .sjb-page .list-data section { display: block; } .sjb-page a { outline: none; text-decoration: none; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .sjb-page a:hover, .sjb-page a:focus { outline: none; text-decoration: none; } .sjb-page .btn { border: 1px solid; outline: none; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .sjb-page img { height: auto; max-width: 100%; } /* SJB Components -v1 */ .sjb-page .sjb-filters.sjb-filters-v1 { background-color: #f2f2f2; border: 0; margin: 30px 0 15px; padding: 30px 30px 15px 30px; overflow: hidden; } .sjb-page .sjb-filters.sjb-filters-v1 .form-control { border: 1px solid #e1e1e1; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; color: #666; font-size: 16px; height: 40px; } .sjb-page .sjb-filters.sjb-filters-v1 .form-control::-moz-placeholder { color: #a4a4a4; opacity: 1; } .sjb-page .sjb-filters.sjb-filters-v1 .form-control:-ms-input-placeholder { color: #a4a4a4; } .sjb-page .sjb-filters.sjb-filters-v1 .form-control::-webkit-input-placeholder { color: #a4a4a4; } .sjb-page .sjb-filters.sjb-filters-v1 .form-control:focus { border-color: #e1e1e1; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); outline: 0 none; } .sjb-page .sjb-filters.sjb-filters-v1 select { -webkit-appearance: inherit; -moz-appearance: inherit; appearance: inherit; background: #fff url("/wp-content/plugins/simple-job-board/public/images/select-arrow.png") no-repeat center right 10px; } .sjb-page .sjb-filters.sjb-filters-v1 select::-ms-expand { display: none; } .sjb-page .sjb-filters.sjb-filters-v1 .btn-search { border: 1px solid; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; font-family: "Font Awesome 5 Free" !important; font-weight: 600; font-size: 20px; height: 40px; margin-bottom: 0; padding: 0; width: 100%; } /* SJB Components -v2*/ .sjb-page .sjb-filters.sjb-filters-v2 { background-color: #f2f2f2; border: 0; margin: 30px 0 15px; padding: 30px 30px 15px 30px; overflow: hidden; } .sjb-page .sjb-filters.sjb-filters-v2 .form-control { border: 1px solid #c1c1c1; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; color: #777777; font-size: 16px; height: 40px; } .sjb-page .sjb-filters.sjb-filters-v2 .form-control::-moz-placeholder { color: #777777; opacity: 1; } .sjb-page .sjb-filters.sjb-filters-v2 .form-control:-ms-input-placeholder { color: #777777; } .sjb-page .sjb-filters.sjb-filters-v2 .form-control::-webkit-input-placeholder { color: #777777; } .sjb-page .sjb-filters.sjb-filters-v2 .form-control:focus { border-color: #e1e1e1; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); outline: 0 none; } .sjb-page .sjb-filters.sjb-filters-v2 select { -webkit-appearance: inherit; -moz-appearance: inherit; appearance: inherit; background: #fff url("/wp-content/plugins/simple-job-board/public/images/select-arrow.png") no-repeat center right 10px; } .sjb-page .sjb-filters.sjb-filters-v2 select::-ms-expand { display: none; } .sjb-page .sjb-filters.sjb-filters-v2 .btn-search { border: 1px solid; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; font-family: "Font Awesome 5 Free" !important; font-weight: 600; font-size: 20px; height: 40px; margin-bottom: 0; padding: 0; width: 100%; outline: none; } .sjb-page .sjb-filters.sjb-filters-v2 .btn-search:hover, .sjb-page .sjb-filters.sjb-filters-v2 .btn-search:focus { outline: none; } .sjb-page .pagination { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; float: left; margin: 15px 0 0 0; padding: 0; width: 100%; box-shadow: none; position: relative; border: none; } .sjb-page .pagination:before, .sjb-page .pagination:after { background-color: transparent; } .sjb-page .pagination li { display: inline-block; vertical-align: middle; line-height: 20px; margin-right: 2px; } .sjb-page .pagination li a { background-color: #e1e1e1; color: #3b3a3c; margin: 0; padding: 8px 16px; text-align: center; text-decoration: none; } .sjb-page .pagination li a:before, .sjb-page .pagination li a:after { height: auto; width: auto; content: none; display: block; vertical-align: middle; } @media (max-width: 767px) { .sjb-page .pagination li a { margin: 0 3px; text-align: center; } } .sjb-page .pagination li a:hover { background-color: #3b3a3c; color: #fff; } .sjb-page .pagination li span { border: none; color: #3b3a3c; margin: 0; padding: 8px 16px; text-align: center; } .sjb-page .pagination li span:before, .sjb-page .pagination li span:after { content: none; display: block; } @media (max-width: 767px) { .sjb-page .pagination li span { text-align: center; } } .sjb-page .pagination li span:hover { color: #fff; background-color: #3b3a3c; } .sjb-page .pagination li span.current { color: #fff; background-color: #3b3a3c; } .sjb-page .pagination li span.current:hover { color: #fff; background-color: #3b3a3c; } .sjb-page .pagination li:first-child a, .sjb-page .pagination li:first-child span { margin-left: 0; } .sjb-page .pagination li:last-child a, .sjb-page .pagination li:last-child span { margin-right: 0; } .sjb-page .pagination li:before { content: none; } .ui-datepicker { border: 1px solid #e1e1e1; color: #666; font-family: "Roboto", sans-serif; z-index: 10000 !important; } .ui-datepicker .ui-datepicker-header { background: #f2f2f2; border: 1px solid #e1e1e1; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .ui-datepicker .ui-datepicker-header .ui-datepicker-prev, .ui-datepicker .ui-datepicker-header .ui-datepicker-next { border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; top: 3px; } .ui-datepicker .ui-datepicker-header .ui-datepicker-prev.ui-state-hover, .ui-datepicker .ui-datepicker-header .ui-datepicker-next.ui-state-hover { background: #c8c8c8; border: 1px solid #c8c8c8; } .ui-datepicker .ui-datepicker-header .ui-datepicker-prev { left: 3px; } .ui-datepicker .ui-datepicker-header .ui-datepicker-next { right: 3px; } .ui-datepicker .ui-datepicker-title select { border: 1px solid #e1e1e1; color: #666; font-family: "Roboto", sans-serif; font-size: 16px; } .ui-datepicker .ui-state-default { background: #f2f2f2; border: 1px solid #e1e1e1; } .ui-datepicker .ui-state-highlight { background: #3297fa; border: 1px solid #3297fa; color: #fff; } .ui-datepicker .ui-state-hover { background: #067ef3; border: 1px solid #067ef3; color: #fff; } .ui-datepicker table { font-size: 14px; } .ui-datepicker table td a, .ui-datepicker table td span { text-align: center; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 100% !important; } /* SJB Pages */ .sjb-page .no-job-listing { font-size: 16px; text-align: center; margin-bottom: 10px; } .sjb-page .list-data .v2 { background: #fff; border: 1px solid #ccc; float: left; margin: 15px 0; width: 100%; padding-bottom: 15px; } .sjb-page .list-data .v2 .company-logo { float: left; width: 78px; max-width: 200px; margin-right: 10px; } .sjb-page .list-data .v2 .sjb-with-logo .job-info { margin-left: 20px; } .sjb-page .list-data .v2 .sjb-with-logo .job-info.job-without-company { float: left; margin-left: 20px; margin-top: 10px; } .sjb-page .list-data .v2 .sjb-with-logo { float: left; } .sjb-page .list-data .v2 .sjb-with-logo .job-detail h3 { margin-top: 0; margin-bottom: 0; line-height: auto; } .sjb-page .list-data .v2 .sjb-with-logo .sjb-company-tagline .company-tagline { margin-bottom: 0; } .sjb-page .list-data .v2 .header-margin-top { margin-top: 16px; margin-bottom: 16px; } @media (max-width: 991px) { .sjb-page .list-data .v2 .header-margin-top { margin-top: 19px; } } @media (max-width: 767px) { .sjb-page .list-data .v2 .header-margin-top { margin-top: 0; } } .sjb-page .list-data .v2 .job-info h4 { color: #3b3a3c; font-size: 16px; margin: 0; padding: 0; word-wrap: break-word; } .sjb-page .list-data .v2 .job-info h4 a { color: #3b3a3c; font-size: 16px; word-wrap: break-word; } .sjb-page .list-data .v2 .job-info h4 a:hover { color: #3297fa; } .sjb-page .list-data .v2 .job-description { float: left; width: 100%; border-top: 0; padding-left: 5px; padding-right: 5px; } .sjb-page .list-data .v2 .job-description-list { float: left; width: 100%; padding: 0 20px; } .sjb-page .list-data .v2 .job-description p { font-size: 16px; margin: 0 0 15px; word-wrap: break-word; } .sjb-page .list-data .v2 .job-type, .sjb-page .list-data .v2 .job-location, .sjb-page .list-data .v2 .job-date { font-size: 14px; word-wrap: break-word; } .sjb-page .list-data .v2 .job-type i, .sjb-page .list-data .v2 .job-location i, .sjb-page .list-data .v2 .job-date i { color: #3b3a3c; margin-right: 5px; } .sjb-page .sjb-listing .list-view .no-job-listing p { font-size: 16px; } .sjb-page .sjb-listing .grid-view .no-job-listing p { font-size: 16px; } .sjb-page .sjb-listing .grid-item .list-data .v2 { padding: 20px; } .sjb-page .sjb-listing .grid-item .list-data .v2 .job-info { margin-left: 20px; } .sjb-page .sjb-listing .grid-item .list-data .v2 .job-company { margin-left: 20px; } @media (max-width: 767px){ .sjb-page .sjb-listing .grid-item .list-data .v2 .job-company { margin-left: 0; } .sjb-page .sjb-listing .grid-item .list-data .v2 .job-info{ margin-left: 0; } } .sjb-page .sjb-listing .grid-item .list-data .v2 .company-logo{ margin-bottom: 10px; } .sjb-page .sjb-listing .grid-item .list-data .v2 .job-description{ margin-top: 10px; } .sjb-page .sjb-listing .grid-item .list-data .v2 .job-company i{ margin-right: 10px; } .sjb-page .sjb-listing .grid-item .list-data .v2 .btn { border-radius: 0; color: #fff; padding: 10px 20px; margin-right: 5px; } .sjb-page .grid-item .list-data .v2 .job-type, .sjb-page .grid-item .list-data .v2 .job-location, .sjb-page .grid-item .list-data .v2 .job-date { margin: 5px 0; } .sjb-page .sjb-listing .grid-view .row .grid-item:nth-child(3n + 1) { clear: left; } @media (min-width: 768px) and (max-width: 991px) { .sjb-page .sjb-listing .grid-view .row .grid-item:nth-child(3n + 1) { clear: none; } } @media (min-width: 768px) and (max-width: 991px) { .sjb-page .sjb-listing .grid-view .row .grid-item:nth-child(2n + 1) { clear: left; } } /* .sjb-page .sjb-detail { margin: 30px 0 0; } */ .sjb-page .sjb-detail .list-data .v2 { border: 0; margin: 0; padding: 0; } .sjb-page .sjb-detail .list-data .v2 .job-detail { } .sjb-page .sjb-detail .list-data .v2 .job-detail h3 { color: #3297fa; font-weight: 500; font-size: 24px; } @media (min-width: 1200px) { .sjb-page .sjb-detail .list-data .v2 .job-info-margin { margin: 0 0 10px 27px; } } @media (min-width: 992px) and (max-width: 1199px) { .sjb-page .sjb-detail .list-data .v2 .job-info-margin { margin: 0 0 10px 44px; } } .sjb-page .sjb-detail .list-data .v2 h3 { font-size: 17px; margin: 15px 0; font-weight: bold; } .sjb-page .sjb-detail .list-data .v2 ul { list-style: none; margin: 10px 0; padding: 0; } .sjb-page .sjb-detail .list-data .v2 ul li { font-size: 16px; line-height: 24px; padding-left: 15px; position: relative; } .sjb-page .sjb-detail .list-data .v2 .list-data .v2 .job-features { float: left; width: 100%; } .sjb-page .sjb-detail .list-data .v2 .job-features .table { font-size: 16px; font-weight: 400; border-top: 1px solid #c1c1c1; margin-top: 15px; } .sjb-page .sjb-detail .list-data .v2 .job-features .table td { border-top: 1px solid #c1c1c1; padding: 10px 15px; width: 70%; } .sjb-page .sjb-detail .list-data .v2 .job-features .table td:first-child { border-right: 1px solid #c1c1c1; padding-left: 0; width: 30%; } .sjb-page .sjb-detail .list-data .v2 .job-features .table tr:first-child td { border-top: 0; } .sjb-page .sjb-detail .list-data .v2 .job-features .table tr:last-child td { border-bottom: 1px solid #c1c1c1; } @media (min-width: 768px){ .sjb-page .sjb-detail .list-data .v2 .job-features .row { display: flex; flex-flow: row wrap; } } .sjb-page .sjb-detail .list-data .v2 .job-features .sjb-title-value h4 { color: #000000; } .sjb-page .sjb-detail .list-data .v2 .job-features .sjb-title-value h4 i { width: 30px; } .sjb-page .sjb-detail .list-data .v2 .job-features .sjb-title-value p{ margin-left: 35px; } .sjb-page .sjb-detail .list-data .v2 .jobpost-form { float: left; width: 100%; position: relative; } .sjb-page .sjb-detail .list-data .v2 .jobpost-form h3 { margin: 15px 0; } .sjb-page .sjb-detail .list-data .v2 .jobpost-form .sjb-loading { display: none; } .sjb-page .sjb-detail .list-data .v2 .jobpost-form .sjb-loading .sjb-overlay { background: rgba(255, 255, 255, 0.7); position: absolute; top: 0; height: 100%; width: 100%; z-index: 9999; } .sjb-page .sjb-detail .list-data .v2 .jobpost-form .sjb-loading .sjb-loader-wrapper { text-align: center; } .sjb-page .sjb-detail .list-data .v2 .jobpost-form .sjb-loading .sjb-loader { position: absolute; width: 79px; height: auto; z-index: 9; margin-top: -30px; top: 50%; left: auto; right: auto; } .sjb-page .sjb-detail .list-data .v2 .jobpost-form textarea.form-control { min-height: 100px; } .sjb-page .sjb-detail .list-data .v2 .jobpost-form label { font-size: 16px; font-weight: 400; } .sjb-page .sjb-detail .list-data .v2 .jobpost-form label.small { margin-right: 15px; } .sjb-page .sjb-detail .list-data .v2 .jobpost-form label.small input { margin-right: 5px; } .sjb-page .sjb-detail .list-data .v2 .jobpost-form .required { color: #f00; font-size: 16px; } .sjb-page .sjb-detail .list-data .v2 .jobpost-form .form-box { padding: 0; border: 1px solid #e1e1e1; margin-bottom: 20px; float: left; width: 100%; } .sjb-page .sjb-detail .list-data .v2 .jobpost-form .form-box label span { color: red; } .sjb-page .sjb-detail .list-data .v2 .jobpost-form .form-box textarea { width: 100%; height: auto; } .sjb-page .sjb-detail .list-data .v2 .jobpost-form .form-control { font-size: 16px; height: 40px; border-radius: 0; border: 1px solid #c1c1c1; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .sjb-page .sjb-detail .list-data .v2 .jobpost-form .form-control:hover { border-color: #3297fa; } .sjb-page .sjb-detail .list-data .v2 .jobpost-form .iti { z-index: 9; width: 100%; } .sjb-page .sjb-detail .list-data .v2 .jobpost-form .iti .iti__flag-container:hover + .form-control { border-color: #3297fa; } .sjb-page .sjb-detail .list-data .v2 .jobpost-form .file { background: #fff; border: 1px solid #c1c1c1; border-radius: 0; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; font-size: 16px; height: 40px; line-height: 1.42857; padding: 8px 12px; position: relative; text-align: left; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; width: 100%; } .sjb-page .sjb-detail .list-data .v2 .jobpost-form .file div { background: #6e6e6e; border-radius: 0; color: #fff; font-size: 12px; height: 26px; padding: 5px 12px; position: absolute; right: 6px; text-align: center; top: 6px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .sjb-page .sjb-detail .list-data .v2 .jobpost-form .file input[type="file"] { left: 0; position: absolute; top: 0; z-index: 100; } .sjb-page .sjb-detail .list-data .v2 .jobpost-form .file:hover { border-color: #6e6e6e; } .sjb-page .sjb-detail .list-data .v2 .jobpost-form .file:hover div { background: #6e6e6e; } .sjb-page .sjb-detail .list-data .v2 .jobpost-form .validity-note { color: #f00; display: none; font-size: 14px; font-style: italic; margin-left: 10px; } .sjb-page .sjb-detail .list-data .v2 .jobpost-form .app-submit { margin: 5px 0px 20px 0px; display: block; padding: 7px 30px; border-radius: 0; float: right; } .sjb-page .sjb-detail .list-data .v1 { border: 0; margin: 0; padding: 0; } .sjb-page .sjb-detail .list-data .v1 .job-detail { margin: 0 0 20px; } .sjb-page .sjb-detail .list-data .v1 .job-detail h3 { color: #6e6e6e; font-weight: 500; font-size: 24px; } @media (min-width: 1200px) { .sjb-page .sjb-detail .list-data .v1 .job-info-margin { margin: 0 0 10px 27px; } } @media (min-width: 992px) and (max-width: 1199px) { .sjb-page .sjb-detail .list-data .v1 .job-info-margin { margin: 0 0 10px 44px; } } .sjb-page .sjb-detail .list-data .v1 .company-tagline { margin: 0 0 20px; } .sjb-page .sjb-detail .list-data .v1 h3 { margin: 17px 0; font-weight: bold; } .sjb-page .sjb-detail .list-data .v1 ul { list-style: none; margin: 0 0 12px; padding: 0; } .sjb-page .sjb-detail .list-data .v1 ul li { font-size: 16px; line-height: 24px; padding-left: 15px; position: relative; } .sjb-page .sjb-detail ul li::before { content: "\f101"; font-family: "Font Awesome 5 Free"; font-weight: 600; font-size: 12px; left: 0; position: absolute; top: 0; } .sjb-page .sjb-detail .list-data .v1 .job-features { float: left; width: 100%; } .sjb-page .sjb-detail .list-data .v1 .job-features .table { font-size: 16px; font-weight: 400; } .sjb-page .sjb-detail .list-data .v1 .job-features .table td { border-top: 1px solid #e1e1e1; padding: 10px 15px; width: 70%; } .sjb-page .sjb-detail .list-data .v1 .job-features .table td:first-child { border-right: 1px solid #e1e1e1; padding-left: 0; width: 30%; } .sjb-page .sjb-detail .list-data .v1 .job-features .table tr:first-child td { border-top: 0; } .sjb-page .sjb-detail .list-data .v1 .job-features .table tr:last-child td { border-bottom: 1px solid #e1e1e1; } .sjb-page .sjb-detail .list-data .v1 .jobpost-form { float: left; width: 100%; position: relative; } .sjb-page .sjb-detail .list-data .v1 .jobpost-form .sjb-loading { display: none; } .sjb-page .sjb-detail .list-data .v1 .jobpost-form .sjb-loading .sjb-overlay { background: rgba(255, 255, 255, 0.7); position: absolute; top: 0; height: 100%; width: 100%; z-index: 9; } .sjb-page .sjb-detail .list-data .v1 .jobpost-form .sjb-loading .sjb-loader-wrapper { text-align: center; } .sjb-page .sjb-detail .list-data .v1 .jobpost-form .sjb-loading .sjb-loader { position: absolute; width: 79px; height: auto; z-index: 9; margin-top: -30px; top: 50%; left: auto; right: auto; } .sjb-page .sjb-detail .list-data .v1 .jobpost-form textarea.form-control { min-height: 100px; } .sjb-page .sjb-detail .list-data .v1 .jobpost-form label { margin-top: 10px !important; } .sjb-page .sjb-detail .list-data .v1 .jobpost-form label.small { margin-right: 15px; } .sjb-page .sjb-detail .list-data .v1 .jobpost-form label.small input { margin-right: 5px; } .sjb-page .sjb-detail .list-data .v1 .jobpost-form .required { color: #f00; } .sjb-page .sjb-detail .list-data .v1 .jobpost-form .form-box { padding: 0; border: 1px solid #e1e1e1; margin-bottom: 20px; float: left; width: 100%; } .sjb-page .sjb-detail .list-data .v1 .jobpost-form .form-box h3 { margin-left: 15px; margin-right: 15px; } .sjb-page .sjb-detail .list-data .v1 .jobpost-form .form-box label span { color: red; } .sjb-page .sjb-detail .list-data .v1 .jobpost-form .form-box textarea { width: 100%; height: auto; } .sjb-page .sjb-detail .list-data .v1 .jobpost-form .form-control { height: 46px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .sjb-page .sjb-detail .list-data .v1 .jobpost-form .iti { z-index: 9; width: 100%; } .sjb-page .sjb-detail .list-data .v1 .jobpost-form .file { background: #fff; border: 1px solid #e1e1e1; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; font-size: 16px; height: 46px; line-height: 1.42857; padding: 10px 12px; position: relative; text-align: left; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; width: 100%; } .sjb-page .sjb-detail .list-data .v1 .jobpost-form .file div { background: #e6e6e6; border: 1px solid #a2a2a2; border-radius: 4px; font-size: 14px; height: 32px; padding: 6px 12px; position: absolute; right: 6px; text-align: center; top: 6px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .sjb-page .sjb-detail .list-data .v1 .jobpost-form .file input[type="file"] { left: 0; position: absolute; top: 0; z-index: 9; } .sjb-page .sjb-detail .list-data .v1 .jobpost-form .file:hover { border-color: #bfbfbf; } .sjb-page .sjb-detail .list-data .v1 .jobpost-form .file:hover div { background: #bfbfbf; } .sjb-page .sjb-detail .list-data .v1 .jobpost-form .validity-note { color: #f00; display: none; font-size: 14px; font-style: italic; margin-left: 10px; } .sjb-page .sjb-detail .list-data .v1 .jobpost-form .app-submit { margin: 5px 0px 20px 0px; display: block; padding: 7px 30px; float: right; } .sjb-page .iti .iti__country-list .iti__country, .sjb-page .iti .iti__country-list .iti__divider { line-height: normal; } .sjb-page .iti .iti__country-list .iti__country::before, .sjb-page .iti .iti__country-list .iti__divider::before { content: ""; font-size: 0; margin-right: 0; padding-right: 0; } .sjb-page .sjb-privacy-policy { font-size: 16px; } .sjb-page #jobapp-tc, .sjb-page #jobapp-pp { margin-bottom: 15px; } .sjb-page .list-data .v2 .sjb-apply-now-btn a { border-radius: 0; font-size: 14px; padding: 10px 20px; margin-top: 10px; margin-left: 5px; } .sjb-page .list-data .sjb-job-type-location-date { border-top: 1px solid #ccc; padding: 15px 25px; overflow: hidden; } .sjb-page .list-data .sjb-company-wrapper-details-list .sjb-company-details { margin-top: 10px; } .sjb-page .list-data .sjb-company-wrapper-details-list .sjb-company-details i { margin-right: 8px; } .sjb-page .list-data .sjb-company-wrapper-details-list { padding: 15px 20px; overflow: hidden; } .sjb-page .list-data .sjb-company-wrapper-details { padding: 15px 0; overflow: hidden; } .sjb-page .list-data .job-type i, .sjb-page .list-data .job-location i, .sjb-page .list-data .job-date i { float: left; margin-top: 5px; margin-right: 10px; } .sjb-page .list-data .sjb-job-info { margin-left: 15px; margin-right: 15px; } .sjb-page .list-data .sjb-job-info h4 span i { margin-right: 6px; padding: 6px 0; } .sjb-page .list-data .sjb-job-characteristics { border-top: 0px; } @media (max-width: 767px) { .sjb-page .list-data .company-logo img { width: 95px; } .sjb-page .list-data .job-type, .sjb-page .list-data .job-location, .sjb-page .list-data .job-date { width: 100%; margin: 4px 0; } .sjb-page .list-data .job-type i, .sjb-page .list-data .job-location i, .sjb-page .list-data .job-date i { width: 20px; } .sjb-page .list-data .v1 .sjb-apply-now-btn a { margin-top: 0; } } /* * Classic View */ .sjb-page .list-data .v1 { background: #fff; border: 1px solid #e1e1e1; float: left; margin: 15px 0; padding: 20px 20px 10px; width: 100%; } .sjb-page .list-data .v1 .company-logo { margin-bottom: 15px; } .sjb-page .list-data .v1 .company-logo img { border: 1px solid #e1e1e1; } @media (max-width: 767px) { .sjb-page .list-data .v1 .company-logo img { height: 95px; width: 95px; } } .sjb-page .list-data .v1 .header-margin-top { margin-top: 16px; } @media (max-width: 991px) { .sjb-page .list-data .v1 .header-margin-top { margin-top: 19px; } } @media (max-width: 767px) { .sjb-page .list-data .v1 .header-margin-top { margin-top: 0; } } .sjb-page .list-data .v1 .job-info { margin: 0 0 10px; } .sjb-page .list-data .v1 .job-info h4 { margin: 0; padding: 0; word-wrap: break-word; } .sjb-page .list-data .v1 .job-info h4 a { word-wrap: break-word; } .sjb-page .list-data .v1 .job-info h4 a:hover { } .sjb-page .list-data .v1 .job-description { float: left; width: 100%; } .sjb-page .list-data .v1 .job-description p { margin: 0 0 10px; word-wrap: break-word; } .sjb-page .list-data .v1 .job-type, .sjb-page .list-data .v1 .job-location, .sjb-page .list-data .v1 .job-date { margin-bottom: 10px; word-wrap: break-word; } .sjb-page .list-data .v1 .job-type i, .sjb-page .list-data .v1 .job-location i, .sjb-page .list-data .v1 .job-date i { margin-right: 5px; } .sjb-page .sjb-detail { margin: 30px 0; } .sjb-page .sjb-detail .list-data .v1 { border: 0; margin: 0; padding: 0; } .sjb-page .sjb-detail .list-data .v1 .job-detail { margin: 0 0 20px; } .sjb-page .sjb-detail .list-data .v1 .job-detail h3 { font-weight: 500; font-size: 24px; } @media (min-width: 1200px) { .sjb-page .sjb-detail .list-data .v1 .job-info-margin { margin: 0 0 10px 27px; } } @media (min-width: 992px) and (max-width: 1199px) { .sjb-page .sjb-detail .list-data .v1 .job-info-margin { margin: 0 0 10px 44px; } } .sjb-page .sjb-detail .list-data .v1 .company-tagline { margin: 0 0 20px; } .sjb-page .sjb-detail .list-data .v1 h3 { margin: 17px 0; font-weight: bold; } .sjb-page .sjb-detail .list-data .v1 ul { list-style: none; margin: 0 0 12px; padding: 0; } .sjb-page .sjb-detail .list-data .v1 ul li { font-size: 16px; line-height: 24px; padding-left: 15px; position: relative; } .sjb-page .sjb-detail .list-data .v1 ul li::before, .sjb-page .sjb-detail .list-data .v2 ul li::before { content: "\f101"; font-family: "Font Awesome 5 Free"; font-weight: 600; font-size: 12px; left: 0; position: absolute; top: 0; } .sjb-page .sjb-detail .list-data .v1 ul.iti__country-list li::before { content: none; } .sjb-page .sjb-detail .list-data .v1 ul.iti__country-list .iti__country{ padding-left: 10px; } .sjb-page .sjb-detail .list-data .v2 ul.iti__country-list li::before { content: none; } .sjb-page .sjb-detail .list-data .v2 ul.iti__country-list .iti__country{ padding-left: 10px; } .sjb-page .job-description-list p{ color: #666; font-size: 16px; margin: 0 0 10px; word-wrap: break-word; } .sjb-page .sjb-detail .v2 .jobpost-form .form-box h3 { margin-left: 15px; margin-right: 15px; margin-bottom: 30px; font-weight: bold; font-size: 15px; } .sjb-page .sjb-listing .grid-item .list-data .v2 .job-info h4 a span{ line-height: 24px; } .sjb-page .sjb-listing .grid-item .list-data .v2 .job-company{ margin-top: 10px; } .sjb-page .sjb-apply-button { display: flex; width: 100%; } .sjb-page .no-job-listing img { width: 550px; } .sjb-page .sjb-listing .list-view .no-job-listing .no-job-listing-text{ font-size: 36px; letter-spacing: 5px; } .popup-outer .sjb-page .sjb-detail { margin: 0; margin-bottom: -20px; margin-top: -20px; } .sjb-detail { position: relative; } .popup-outer { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.4); } .popup-outer .sjb-page{ background-color: #fefefe; margin: 5% auto; width: 80%; } .popup-outer .sjb-quick-apply-modal-close-btn { position: absolute; z-index: 9999; right: 30px; top: 15px; width: 35px; display: flex; justify-content: center; background: #ebebeb; border-radius: 25px; width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; margin-top: 15px; } .quick-apply-modal { display: block; } .sjb-quick-apply-modal-close-btn .close:hover, .sjb-quick-apply-modal-close-btn .close:focus { color: #000; text-decoration: none; cursor: pointer; } .sjb-quick-apply-modal-close-btn .close { color: #a4a4a4; float: right; font-size: 18px; } .sjb-page .list-data .v1 .sjb-apply-now-btn a { margin-top: 10px; margin-right: 5px; } .sjb-page .list-data .v2 .sjb-apply-now-btn p { float: right; } .sjb-page .sjb-listing .row { display: flex; flex-wrap: wrap; } .sjb-page .sjb-listing .popup-outer .row { display: block; flex-wrap: nowrap; } .sjb-page .popup-outer .sjb-page .sjb-detail .list-data .v1, .sjb-page .popup-outer .sjb-page .sjb-detail .list-data .v2 { padding: 20px; } .sjb-page .sjb-view-less-btn{ display: none; clear: both; margin-bottom: 15px; text-align: right; margin-top: 15px; float: right; } .sjb-page .v1 .sjb-view-less-btn a { border: 1px solid; padding: 6px 12px; border-radius: 4px; } .sjb-page .v2 .sjb-view-less-btn a { border: 1px solid; padding: 10px 20px; } .sjb-page .list-data .sjb-apply-now-btn a.sjb_view_more_btn:hover { } .sjb-page .sjb-listing .sjb-apply-now-btn p{ display: inline-block; } .sjb-page .sjb-listing .list-data .v2 .job-features .sjb-title-value h4 i, .sjb-page .sjb-listing .list-data .v1 .job-features .sjb-title-value h4 i { width: 30px; } .sjb-page .sjb_more_content{ display: none; } .sjb-page .sjb-listing .list-data .v1 .sjb_more_content{ font-size: 16px; } .sjb-page .sjb-listing .list-data .v2 .sjb_more_content{ padding: 0 20px; font-size: 16px; } .sjb-page .sjb-listing .grid-item .list-data .v2 .sjb_more_content{ padding: 0; } .sjb-page .sjb-listing .list-data .v2 .sjb-view-less-btn{ padding: 0 20px; } .sjb-page .sjb-listing a.sjb_view_more_btn, .sjb-page .sjb-listing a.sjb_view_less_btn{ font-size: 14px; cursor: pointer; } .sjb-page .job-features{ margin-bottom: 20px; } .sjb-page .job-features h3 { font-weight: bold; margin: 15px; } .sjb-page .job-features{ margin-bottom: 20px; width: 100%; } .sjb-page .list-view .v1 .job-features h3, .sjb-page .list-view .v2 .job-features h3 { margin-left: 0; } .sjb-page .sjb-listing .grid-item .v2 .job-features h3 { margin-left: 15px; } .sjb-page .sjb-listing .grid-item .list-data .v2 .without-logo .job-info, .sjb-page .sjb-listing .grid-item .list-data .v2 .without-logo .job-company { margin-left: 0; } .sjb-page .sjb-listing .v2 .job-features .sjb-title-value p { margin-left: 35px; } .sjb-listing .grid-item .list-data .v2 .sjb-apply-button { display: block; } @media screen and (max-width: 360px) { .sjb-page .sjb-view-less-btn { float: left; } } .sjb-page .grid-item .v2 .sjb-view-less-btn { float: left; padding: 0 !important; } .sjb-page .sjb-filters.sjb-filters-v2 .sjb-filter-tags, .sjb-page .sjb-filters.sjb-filters-v1 .sjb-filter-tags { display:flex } /*.sjb-page .sjb-filters.sjb-filters-v2 .sjb-filter-tags a{ text-decoration: underline; padding: 2px; }*/ .sjb-page .sjb-filters.sjb-filters-v1 .sjb-filter-tags a, .sjb-page .sjb-filters.sjb-filters-v2 .sjb-filter-tags a{ text-decoration: underline; margin-left: 4px; color: #000; } .sjb-page .sjb-filters.sjb-filters-v1 .sjb-filter-tags a.tag-active, .sjb-page .sjb-filters.sjb-filters-v2 .sjb-filter-tags a.tag-active { background: #d7d7d7; font-weight: bold; padding: 5px; border-radius: 3px; } .error{ color:red; } #applicant-resume-error, .form-group .file label{ display: block; margin-top: 12px; margin-left: -13px; margin-bottom: 10px; } .sjb-required input, .sjb-email-address { color: black !important; } .sjb-page .sjb-detail.sjb-v2 .list-data .v2, .sjb-page .sjb-detail.sjb-v1 .list-data .v1 { padding: 22px; }