#main
{
    padding-bottom: 50px;
}

#col1, .careerdetails p, 
#col1 .ui-jqgrid div, 
#col1 .ui-jqgrid table tr, 
#col1 .ui-jqgrid table tr td,
#col1 .ui-jqgrid table tr td a,
#col1 .ui-jqgrid table tr td span,
#col1 .ui-jqgrid table tr td span a
{
    font-size: 18px;
    font-family: 'Open Sans', sans-serif; 
    color: #566d79;
}
.ui-jqgrid-htable td, .ui-jqgrid-htable th, .ui-jqgrid td {
	  border-color: #566d79 !important;
}
.importantBorder {
  border-top: 5px solid  #566d79 !important;
  border-bottom: 5px solid  #566d79 !important;
}

{
	border: solid 1px #000;
}

#col1 .ui-jqgrid table tr {
	background: #FFFFFF !important;
}
#col1 .ui-jqgrid table tr td a strong {
  font-weight: bolder;
  font-size:19px;
  line-height:22px;
}

#col1 .ui-jqgrid table tr td span a strong:nth-of-type(1)
{
    font-weight: 900;
}

#col1 .ui-jqgrid table tr td span a span::before
{
    content: "";
}
/*
#col1 .ui-jqgrid table tr td:nth-child(1)
{
    width: 118px;
}
*/
#col1 .ui-jqgrid table tr td span a strong:nth-of-type(2)
{
    font-style:italic;
/*    font-weight: bold; */
}


#col1 .ui-jqgrid a
{
    color: #000 !important;
}

#col1 .ui-jqgrid-htable
{
    width: 634px;
}

#careers_heading a img, #careerlink img
{
    display: none;
}
.careers_altrow
{
    background-color: transparent;
}

#careers_heading::before, #careerlink::before
{
    content: "Careers";
}

#careers_heading, #careerlink {
    font-family: 'Merriweather', serif;
    font-size: 38px;
    font-weight: bold;
    color: #000;
}

#careers_heading, #PanelContactDetails, #PanelEmailBillTo, #col1 div p, #PanelAds, #PanelUpload, #PanelAdsInfo, #PanelAdsPreview, #PanelCard
{
    padding: 0 20px;
    margin-bottom: 20px;
}

#careerlink, #PanelBegin
{
    padding: 0 15px;
}

#PanelIntroduction #careerlink
{
    padding: 0;
}

#PanelBegin table tbody tr:first-child, #PanelBegin table tbody tr td:first-child, 
#PanelEmailBillTo table tbody tr:first-child, #PanelEmailBillTo table tbody tr td:first-child
{
    display: inline-flex;
    align-items: center;
}

#PanelAds table, tr, td
{
    vertical-align: inherit !important;
}

#pricecontent2 table tbody tr td, #Labelfeature
{
    display:list-item;
    list-style:disc inside;
}

#PanelBegin table tbody tr td input[type="checkbox"]
{
    width: 30px;
    height: 30px;
    margin: 0 10px 10px 0;
}

#PanelBegin table tbody tr td input[type="submit"], 
#PanelContactDetails input[type="submit"], #PanelContactDetails input[type="button"], 
#PanelEmailBillTo input[type="submit"], #PanelEmailBillTo input[type="button"],
#PanelAds input[type="submit"], #PanelAds input[type="button"],
#PanelUpload input[type="file"], #PanelUpload input[type="submit"], #PanelUpload input[type="button"],
#PanelAdsInfo input[type="submit"], #PanelAdsInfo input[type="button"],
#PanelAdsPreview input[type="submit"], #PanelAdsPreview input[type="button"],
#PanelCard input[type="submit"], #PanelCard input[type="button"],
#col2 div a[href="/career/"]
{
    background: #fff;
    font-size: 13pt;
    padding: 6px 10px;
    border-radius: 5px;
    border: solid 1px #000;
    font-weight: bold; 
    text-transform: uppercase;
    cursor: pointer;
    margin-top: 20px;
}

#col1 #careerspostjobtop a
{
    display: inline-block;
    padding: 10px 25px;
    background-color: #566d79;
    color: #fff;
    font-weight: bold; 
    font-size: 16pt;
    text-transform: uppercase;
    border-radius: 5px 5px 0 0;
    border: none;
    letter-spacing: 2pt;
}

#col2 > :first-child
{
    background: transparent !important;
    border: none !important;
}

#PanelEmailBillTo input[type="submit"]
{
    margin-left: 10px;
}

#careersfiltersTop
{
    padding-left: 20px;
}

#PanelBegin table tbody tr td input[type="submit"]:hover, 
#PanelContactDetails input[type="submit"]:hover, #PanelContactDetails input[type="button"]:hover, 
#PanelEmailBillTo input[type="submit"]:hover, #PanelEmailBillTo input[type="button"]:hover, 
#PanelAds input[type="submit"]:hover, #PanelAds input[type="button"]:hover, 
#PanelUpload input[type="submit"]:hover, #PanelUpload input[type="button"]:hover, 
#PanelAdsInfo input[type="submit"]:hover, #PanelAdsInfo input[type="button"]:hover, 
#PanelAdsPreview input[type="submit"]:hover, #PanelAdsPreview input[type="button"]:hover, 
#PanelCard input[type="submit"]:hover, #PanelCard input[type="button"]:hover,
#col2 div a[href="/career/"]:hover
{
    color: #fff;
    background: #000;
    border: solid 1px #fff;
}

#PanelAds select, #PanelAdsInfo textarea, #PanelAdsInfo select, #PanelCard select
{
    padding: 2px 5px;
    border-radius: 5px; 
    border: solid 1px #867f7f; 
    margin: 5px 0 5px 0; 
    font-size: 11pt; 
    color: #464545;
}

#PanelAdsInfo textarea, #PanelAdsInfo select, .smallfont, font[color="red"], #PanelCard select
{
    margin-left: 5px;
}

#PanelAds select
{
    height: 35px; 
}

#JobClassificationLine 
{
    vertical-align:top !important;   
}

#MustRunByDate
{
    font-size: 11pt !important; 
}

/*
#LabelPrices table
{
    width: 100%;
}

#LabelPrices table tbody tr
{
    display: inline-flex;
}
*/
#LabelPrices table tbody tr td
{
  /*  text-align: left; */
    width: auto;
    padding-right: 10px;
}

.ui-jqgrid-htable thead tr th, .ui-jqgrid-htable tfoot tr th
{
    background-image: none;
}

#col1 div a[href="/career/"] img, #col2 div a[href="/career/"] img
{
    display: none;
}

#col1 div a[href="/career/"]::before, #col2 div a[href="/career/"]::before
{
    content: "Post a Job";
}

#col1 .ui-jqgrid thead div
{
    color: #fff;
    text-transform: uppercase;
}

#col1 .ui-jqgrid
{
    margin-left: 20px !important;
    border: none !important;
    background-color: transparent !important;
    overflow: visible !important;
}

#col1 .ui-jqgrid-htable thead tr th, #col1 .ui-jqgrid-htable tfoot tr th
{
    background-image: none !important;
    background-color: #34454f !important;
}

#col1 .ui-jqgrid .ui-jqgrid-resize-ltr
{
    display: none;
}

#col1 .careers_position:hover
{
    font-weight: bold;
}

#col1 .careers_position
{
    font-weight: 100 !important;
}

#careerspostjobtop
{
    margin-right: 30px;
    float: right;
}

#CareersFilterHeading
{
    border: solid 1px;
    padding: 0px 30px 8px 30px;
    border-radius: 5px;
    text-transform: uppercase;
    color: black;
    cursor: pointer;
    font-weight: bold;
    position: absolute;
    font-size:18px; 
    font-family: 'Open Sans', sans-serif; 
}

#CareersFilterHeading .fa-sort-down
{
    font-size: 30pt;
    padding-left: 8px;
    margin-top: -9px;
}

.careeritems
{
    display: none;
    border: solid 1px;
    margin-left: 0;
    width: 266px;
    border-radius: 5px;
    margin-top: 40px;
    padding: 10px;
    position: absolute;
    z-index: 999999;
    background-color: white;
}
.careeritems a
{
    color: #34454f !important;
    font-weight: bold; 
}
.careeritems a:hover
{
    color: #000000 !important;
}

.leaderboard > div, .feedad > div
{
    /*padding-left: 20px;*/
}
#beginButton
{
    margin: 20px;
}
#beginButton a
{
    color: #404040  !important;
    text-decoration: underline;
}

#CompanyCountry, #CompanyState
{
    font-size: 14pt !important;
}
#jqgh_Logo {
	display: none;
}

@media only screen and ( max-width: 860px)
{
    #PanelBegin table tbody tr:first-child, #PanelBegin table tbody tr td:first-child, 
    #PanelEmailBillTo table tbody tr:first-child, #PanelEmailBillTo table tbody tr td:first-child
    {
        display: inline-block;
    }
    
    #PanelBegin table tr td input[type="text"], #PanelEmailBillTo table tr td input[type="text"]
    {
        margin-left: 0;
    }
    #CareersFilterHeading 
    {
        padding: 2px;
    }
    #careersfiltersTop 
    {
        padding-left: 5px;
    }
    #col1 #careerspostjobtop a 
    {
         padding: 10px 5px 10px 5px;
         font-size: 12pt;
    }
    #careerspostjobtop 
    {
        margin-right: 2px;
        float: right;
    }
	#datebar 
	{
		height: 70px;
	}
    #date 
    {
        width: 240px;
        float: left;
    }
    #email {
        padding: 0px;
    }  
 
    .ui-jqgrid-htable th:nth-of-type(2) {
        display:none;
    }   

    .ui-jqgrid tr.ui-row-ltr td span a
    {
        word-wrap: break-word;
        overflow-wrap: break-word;
    }
    .ui-jqgrid tr.ui-row-ltr td:nth-of-type(2) 
    {
        display:none;
    }
    .ui-jqgrid .ui-jqgrid-bdiv {width: 400px !important;}
    #buyersTable    
    {
        width: auto !important;
        word-wrap:break-word !important;
     }
     #PanelFeature {width: 330px !important;}
     fieldset { min-inline-size: 345px !important; }
     #InsertionRateCardID {width: 320px !important;}
     #Labelfeature { list-style: none;}
     #PanelAdsInfo {padding: 0;}
     #file {width: 300px;}
     #CareerAD_Title, #jobclassification, #CareerAD_Company, #CareerAD_City, #CareerAD_Province, #CareerAD_Text { width:100%; }
     #CCName, #CCNumber {width:110px;}
     #PanelAdsPreview input[type="submit"],#PanelAdsPreview input[type="button"] {font-size: 11.5pt; margin-left:-25px;}
     #PanelCard input[type="submit"], #PanelCard input[type="button"] {font-size: 9pt; margin-left:-20px;}
	 #col1 .ui-jqgrid-htable { width: auto !important;}
	 .col2ad > div {  padding-left: 10px; }
}
 @media only screen and (max-width: 400px) 
 {
     .ui-jqgrid .ui-jqgrid-bdiv {width: 355px !important;}
     #PanelFeature {width: 320px !important;}
     fieldset { min-inline-size: 345px !important; }
     #InsertionRateCardID {width: 280px !important;}
     #Labelfeature { font-size: 17px !important; list-style: none;}
     #PanelAdsInfo {padding: 0;}
     #col1 #careerspostjobtop a {
        padding: 10px 1px 10px 1px;
        font-size: 12pt;
     }
	 #col1 .ui-jqgrid table tr td { 
		padding-right: 20px !important; 
	 }
 }
 
  @media only screen and (max-width: 320px) 
 {
     .ui-jqgrid .ui-jqgrid-bdiv {width: 305px !important;}
     #PanelFeature {width: 270px !important; }
     #Labelfeature { font-size: 16px !important; list-style: none;}
     fieldset { min-inline-size: 290px !important; }
     #InsertionRateCardID {width: 270px !important;}
     td {font-size: 13px;}
     #PanelAdsInfo {padding: 0;}
     #col1 #careerspostjobtop a {
        padding: 10px 1px 10px 1px;
        font-size: 11pt;
     }
     #CareersFilterHeading 
     {
         padding: 1px;
         font-size: 12pt;
     }
     #PanelAdsPreview input[type="submit"],#PanelAdsPreview input[type="button"] {font-size: 10pt; margin-left:-20px;}
     #PanelCard input[type="submit"], #PanelCard input[type="button"] {font-size: 7.5pt; margin-left:-25px;}
   }