/* --------------------------Desktop only css----------------------------------------- */
@media (min-width: 1200px)
{
  .dataTables_paginate 
  {
    margin-top: -55px;
  }
  .overseasUK{
    height: 492px !important;
  }
  .TopOnLG{
    padding-top: 50px;
  }
   .noPaddinonright
   {
   	padding-right: 0px;
   }
   .six-jobs-row
   {
   	padding: 0px;
    padding-left: 10px;
    width: 100.5%;
   }
   .aboutBox h5
   {
    /* padding-top: 35px; */
   }
   .rqt-form
   {
    padding: 10px 20px !important;
   }
    .more-width
    {
      width: 102%;
    }
   .col-4-greenbox
   {
   	    padding: 0px;
    padding-right: 8px;
   }
   .col-8-textbox
   {
   	    padding-left: 0px;
    padding-right: 10px;
        padding-top: 5px;
   }
 /*   #videoContainer #videoControls {
   
    left: -0.5%;
    right: -3%;

}
 */   .nopadding0nleft
   {
   	padding-left: 0px;
   }
   .newsRow .textRow
   {
   	    width: 100%;
    margin-left: -10px;
   }
   .clientRow 
   {
     margin-top: 18px !important;
   }
   .ui-autocomplete
   {
    width: 265px !important;
   }
   .work-for-tiro
   {
      height: 178px;  
   }
   .modal-dialog
   {
    width: 30% !important;
   }
   .panel-body
   {
    padding:0px;
   }
   .video-sm-8 #videoControls {
    position: absolute;
    top: 90%;
    left: -0.5%;
    right: -0.5%;
    padding: 5px;
}
  .list-h1
  {
    width: 40%;
  }.list-h2
  {
    width: 30%;
  }.list-h3
  {
    width: 30%;
  }
  .job-search-list-view-content table td label
  {
    float: right;
  }
  .meetTeam-pad
{
    padding: 0% 3% 4% 2%;
}
.meetTeam-pad-right
{
      padding: 0% 2% 4% 3%;
}
.meetTeam-i
{
  float: right;
    margin-top: 1px;
}

.Learning-Box{
  padding: 0px;
  width: 14.5%;
  margin-top: -3px;
  margin-left: 3px;
}

}
       /* --------------------------Medium device only css (ipad pro)----------------------------------------- */
@media (min-width: 992px) and (max-width: 1199px)
{
  .overseasUK{
    height: 431px !important;
  }
  .relocateUK.newsRow
  {
    height: 332px;
  }
  .category.clientRow
  {
    height: 300px !important;
  }
  .col-8-textbox
   {
   	    padding-left: 0px;
    padding-right: 10px;
    padding-top: 5px;
   }
   .expertsClick h4 {
    font-size: 13px;
  }
   .ui-autocomplete
   {
    width: 185px !important;
   }
   .clientRow 
   {
       height: 290px !important;
    margin-top: 17px !important;
   }
   .newsRow .textRow .pl20
   {
     padding-left: 5px;
   }
    .modal-dialog
   {
    width: 55% !important;
   }
    #home-slider.owl-carousel
   {
     width: 99.5% !important;
   }
   .md-normal-left
   {
     padding-left: 15px !important;
   }
   .md-normal-right
   {
     padding-right: 15px !important;
   }
   .md-no-left
   {
    padding-left: 0px !important;
   }
   .md-pad-left-10
   {
    padding-left: 10px !important;
   }
   .md-pad-right-10
   {
    padding-right: 10px !important;
   }
   .md-normal-pad
   {
     padding-right: 15px !important;
     padding-left: 15px !important;
   }
   #sector-jobs.overseas .textRow
   {
    height: 370px !important;
   }
   .list-h1
  {
    width: 40%;
  }.list-h2
  {
    width: 30%;
  }.list-h3
  {
    width: 30%;
  }
  .job-search-list-view-content table td label
  {
    float: right;
  }
  .sectorMini {
    padding: 15px 0px;
    min-height: 73px !important;
    line-height: 16px !important;
    font-size: 11px;
    text-align: center;
    margin: 0px 4px 0px 0px !important;
    width: 32% !important;
  }
  .Learning-Box{
    width: 15.5%;
    padding: 0px;
    margin-left: 3px;
  }



}

        /* --------------------------small devices only css  (ipad)  ----------------------------------------- */
@media (min-width: 768px) and (max-width:991px)
{
  .overseasUK{
    height: 365px !important;
  }
 .col-8-textbox
   {
   	    padding-left: 0px;
    padding-right: 10px;
   }
   .clientRow 
   {
    height: 228px !important;
    margin-top: 15px !important;
   }
    .modal-dialog
   {
    width: 65% !important;
   }
     .list-h1
  {
    width: 40%;
  }.list-h2
  {
    width: 30%;
  }.list-h3
  {
    width: 30%;
  }
  .job-search-list-view-content table td label
  {
    float: right;
  }
  .sectorMini {
    padding: 15px 0px;
    min-height: 61px !important;
    line-height: 44px !important;
    text-align: center;
    margin: 0px 5px 0px 0px !important;
    width: 31% !important;
}

}
@media (min-width: 768px)
{
   
   .pruptosm
   {
    padding-right: 0px;
   }
   .nopaduptosm
   {
    padding: 0px;
   }
 
}
                /*  ------------ mobile only css--------------------- */
@media (max-width: 767px)
{
  body.modal-open {
    overflow: hidden !important;
    position: fixed !important;
}
.col-8-textbox
   {
   	    padding-left: 0px;
    padding-right: 10px;
   }
   .mobile-clear
   {
    clear: both;
   }
    .modal-dialog
   {
    width: 90% !important;
   }
   .mobile-normal-left
   {
     padding-left: 15px !important;
   }
   .mobile-no-left-pad
   {
     /* padding-left: 0px !important; */
   }
   .job-search-list-view-content

{
  margin-left: -3%;
} 
.list-table
{
  margin-left: -2%;
} /*  #sector-jobs.overseas .textRow
   {
  
    height: 735px!important;
   } */
   .automargin
   {
   	margin: 0 auto;
   }
   .overseas .owl-stage-outer
   {
   	  margin-left: -21px !important;
   }
   .mobile-ml0
   {
   	margin-left: 0px !important;
   }
   .com img {
    height: 32px;
    width: 130px;
}
   .list-h1
  {
    width: 50%;
  }.list-h2
  {
    width: 25%;
  }.list-h3
  {
    width: 25%;
  }
 .job-search-list-view-content table td label
  {
    float: right;
  }

.feedbackonmargin 
{
  margin-top: 15px !important;
}
   .btn-apply-job
   {
    width: 130px !important;
    margin-top: 25px !important;
    font-size: 12px;
   }
   #buttonControls{
    display: block !important;
   }
    #fullScreen
   {
    z-index: 999;
   }

   .Learning-Box{
    padding: 0px;
    width: 100%;
    margin-top: -3px;
    margin-left: 3px;
   }

   .NewsImgposition{
    margin-left: 20% !important;
  }
}


   /* --------------------------From ipad to ipad pro only css----------------------------------------- */
@media (max-width: 1199px) and (min-width: 768px)
{
  #buttonControls{
    display: block !important;
   }
   #fullScreen
   {
    z-index: 999;
   }
}


.two-green-box
{
	margin-top: 10px;
}
.card
{
  box-shadow: none;
}
.ui-autocomplete
{
  font-family: 'Open Sans', sans-serif !important;
}
/* .ui-autocomplete
   {
    width: 92% !important;
   } */
   #candidate-reset .modal-content {
    position: relative;
    background-color: #9acd32 !important;
  }
   #client-reset .modal-content {
    position: relative;
    background-color: #503573 !important;
  }
  button.close
  {
    color:#fff;
  }
  .Select-Drop.btn-select
  {
    z-index: 0;
  }
  .Select-Drop.btn-select.active
  {
    z-index: 999;
  }
  b, strong {
    font-weight: 700;
    font-family: 'Open Sans', sans-serif !important;
}
h5, h6 {
    font-weight: 400;
    font-family: 'Open Sans', sans-serif !important;
}
i.fa.fa-linkedin.social1 {
    background: #fff;
    color: #1796cd;
    height: 17px;
    width: 17px;
    text-align: center;
    margin-left: 5px;
}
.connect-with-me i
{
  margin-left: -2px;
}
.aboutBoxP
{
  font-size: 16px !important;
}
 .aboutBox h5
   {
    /* padding-top: 35px; */
   }

div#callback_modal .close {
  float: right;
  margin-top: -10px;
  margin-bottom: 10px;
}

div#callback_modal .modal-title {
    font-size: 18px;
    color: #fff !important;
    font-weight: 600;
}

div#callback_modal .btn-success {
    background-color: #4CAF50;
    color: #fff;
}


div#callback_modal .btn-danger {
    background: #f44336;
    color: #fff;
}
div#callback_modal label {
    font-weight: 800;
}
div#candidate_callback_modal .close {
  float: right;
  margin-top: -10px;
  margin-bottom: 10px;
}

div#candidate_callback_modal .modal-title {
    font-size: 18px;
    color: #fff !important;
    font-weight: 600;
}

div#candidate_callback_modal .btn-success {
    background-color: #4CAF50;
    color: #fff;
}


div#candidate_callback_modal .btn-danger {
    background: #f44336;
    color: #fff;
}
div#candidate_callback_modal label {
    font-weight: 800;
}
.tiroBlur
{
  filter: blur(3px);
  /*position: relative;*/
}
.blurText
{
  color:#000 !important;
  left: 0;
  right: 0;
  z-index: 99;
  top:50%;
  position: absolute;
}
.linkedinH4 {
    text-align: left;
}
.align.videotempalign a {
    color: #fff !important;
}
.electronics .jobdiv h4, .autoMative .jobdiv h4, .aeroSpace .jobdiv h4, .projectManager .jobdiv h4, .software .jobdiv h4, .powerTrain .jobdiv h4 {
    display: block;
    display: -webkit-box;
    max-width: 400px;
    height: 43px;
    /* margin: 0 auto; */
    font-size: 18px;
    line-height: 1.12;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.rate {
    font-size: 14px;
}
.job-description-content{
  text-align: justify;
}
 .LinEtext {
   overflow: hidden !important;
   text-overflow: ellipsis !important;
   display: -webkit-box !important;
   line-height: 17px !important;     /* fallback */
   max-height: 32px !important;      /* fallback */
   -webkit-line-clamp: 2 !important; /* number of lines to show */
   -webkit-box-orient: vertical !important;
   padding-bottom: 36px !important;
}
.page_count a {
color: #333 !important;
    border: 1px solid #979797;
    background-color: white;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #dcdcdc));
    background: -webkit-linear-gradient(top, #fff 0%, #dcdcdc 100%);
    background: -moz-linear-gradient(top, #fff 0%, #dcdcdc 100%);
    background: -ms-linear-gradient(top, #fff 0%, #dcdcdc 100%);
    background: -o-linear-gradient(top, #fff 0%, #dcdcdc 100%);
    background: linear-gradient(to bottom, #fff 0%, #dcdcdc 100%);
        padding: 0.3em 0.5em !important;
        border-radius: 3px;
}
.page_count
{
  top: 10px;
    position: relative;
    right: 7%;
        font-size: 12px;
}
.pagination
{
      margin: 27px -10px;
}
.useful-ul
{
      -webkit-padding-start:5px;
}
.useful-ul li
{
      list-style: none;
      padding:5px 0px;
}
.useful-ul h3
{
  
      padding:15px 0px 0px 0px;
}
.useful-ul li:last-child
{
      margin-bottom: 15px;
}

.btn.btn-default.btn-feed.visible-lg
{
	text-transform: uppercase;
}

  /* --------------------------ipad portrait only css----------------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 991px) and (orientation:portrait){
  html {  
    height: 100vw;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}

/* --------------------------ipad landscape only css----------------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 991px) and (orientation:landscape){
  html {  
     -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
     -o-transform: rotate(0deg);
     -ms-transform: rotate(0deg);
     transform: rotate(0deg);
  }
}
.datatable-jobs thead tr
{
    background-color: #737585 !important;
    color:#fff;
    margin-top:13px;
}
.datatable-jobs  
{
  
    margin-top:15px !important;
}
.datatable-jobs table thead tr td:first-child
{
	width: 70% !important;
}
@media (min-width: 998px)
{
	.margin-top-set
	{
		margin-top: -27px;
	}
}

a.btn.btn-default.Select-Drop.btn-select.select1.m0.active ul li {
    text-transform: initial;
}

.dtr-title,.dtr-data
{
  color: #fff;
}
.abcRioButtonContentWrapper
{
  display: none !important;
}
.abcRioButton
{
    height: 50px !important;
    width: 50px !important;
    float: left;
    border-radius: 50px !important;
    margin-right: 10px;
    box-shadow: 0px 0px !important;
    background: #fff !important;
}
.emailGoogle
{
  position: absolute;
    top: 54%;
    left: 4%;
    font-size: 28px;
    color: #67b020;
}
.sectorMini{
   padding: 15px 0px;
    min-height: 89px;
    line-height: 59px;
    text-align: center;
    margin: 0px 5px 0px 0px;
    width: 32%;
}
.sectorMini p
{
  color: #fff;
    word-wrap: break-word;
    line-height: normal;
    vertical-align: middle;
    display: inline-block;
        font-weight: 500;
}
.Row1
{
    margin-top: 5px;
    display: inline-block;
    width: 101.4%;
}
.dataTables_paginate  .paginate_button
{
    border: 1px solid #ccc !important;
    border-radius: 5px !important;
 
}

.machineLearning
{
    background-color: #1648f5 !important;
}