.materials-border-top {
  border-top: 1px solid black; 
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 35px;
}

 .materials-border-top-review {
  border-top: 1px solid black; 
  padding-top: 2px;
  padding-bottom: 2px;
  line-height: 25px;
}

.materials-border-top.last, .materials-border-top-review.last {
  border-bottom: 1px solid black; 
}

 .admin-submenu {
  padding-left: 10px;
 }

.job-table td {
  font-size: 0.8em;
}

 .messages-table .headText {
}
background-color: #A5EFF2;
 }

.redText {
  color: red;
}
.orangeText {
  color: orange;
}
.loginPword {
  height: 50px;
  text-align: center;
  font-size: 1.5em;
}
.teamMember {
  border:1px solid black; border-radius: 10px;padding: 10px;
}
 .select2 {
        width: 100% !important;
      }
      .select2-container .select2-selection--single {height: 35px !important; text-align: left !important;}
      .select2-container--default .select2-selection--single .select2-selection__rendered {
    
    line-height: 35px !important;
    padding-left: 20px !important;
    
}
}
}
 .logoNav {border: 1px solid white; border-radius: 10px;}
  .dashboard-table td {
    font-size: 0.9em;
  }

  .ratingOuter {

    text-align: center;
    float: left;
    
    font-weight: bold;
    height: 30px;

  }
  .ratingText {
    float: left;
    font-size: 1.0em; 
    line-height: 30px;
  }
  .ratingPositive {
     float: left;
    border-radius: 50%;
        width: 25px;
        height: 25px;
        background: green;
        color: white;
        text-align: center;
        margin-left: 10px;
        margin-top: 4px;
        line-height: 25px !important;
        font-size: 1.1em; 
  }
   .ratingNeutral {
     float: left;
    border-radius: 50%;
        width: 25px;
        height: 25px;
        background: orange;
        color: white;
        text-align: center;
        margin-left: 10px;
        margin-top: 4px;
        line-height: 25px !important;
        font-size: 1.1em; 
  }
  .ratingNegative {
     float: left;
    border-radius: 50%;
        width: 25px;
        height: 25px;
        background: red;
        color: white;
        text-align: center;
        margin-left: 10px;
        margin-top: 4px;
        line-height: 25px !important;
        font-size: 1.1em; 
  }

  .reviewList span{
      width: 15px;
        height: 15px;
        margin-left: 0;
        margin-right: 5px;
  }

  .reviewList .detailsText {
    line-height: 23px;
    
    font-size: 0.9em;
  }

  .reviewList hr {
    margin-top: 5px;
    margin-bottom: 5px;
    border: 0;
    border-top: 1px solid rgba(0,0,0,.1);
  }

  .helplogin {
    color: #007bff !important;
  }
  .greenColour {
    color: green;
  }

  .redColour {
    color: red;
  }
  .tradeDetails-table {
    font-size: 0.7em;
  }
 
  .shown {
    border-color: green;
  }

  .shownBorder {
    border:1px solid green;
    padding: 3px;
    border-radius: 5px;
  }
.clear{
 clear: both;
}
#tradeEditForm textarea {
  font-size: 0.8em;
}
#tradeEditForm input {
  font-size: 0.8em;
}
#tradeEditForm select {
  font-size: 0.8em;
  height: unset;
}
#tradeEditForm label{
  font-size: 0.8em;
 
}

.check-col.edit {
  font-size: 0.8em;
}

.check-col.edit label {
  margin: 0;
}
.unreadCount {
   float: left;
    border-radius: 50%;
        width: 17px;
        height: 17px;
        background: red;
        color: white;
        text-align: center;
        margin-left: 5px;
        margin-top: 4px;
        line-height: 17px !important;
        font-size: 0.7em;   
}
.tradingName {
  float: left;
  margin-left: 5px;
}
.bold {font-weight: bold;}
.orange {color: orange;}
  .form-check-input {
    width: 20px;
    height: 29px;
    margin-left:0;

  }
  .form-check-label {
    padding-left: 25px;
    padding-top: 6px;
   
  }
font-family: 'Montserrat', sans-serif;
}

#accordion .panel-title {
  border-radius: 5px;
  border: 1px solid black;
  padding: 3px;
  text-align: center;
}

#accordion .panel-title a {
 color: orange;
}

#accordion .panel-title a:hover {
 text-decoration: none;
 color: black;
}

.myjobsTable {
  font-size: 0.9em !important;
}

.photoBorder {
  border-radius: 10px;
}

.ui-tabs .ui-tabs-nav li {
    width:49%;
    text-align: center;
}
.ui-tabs .ui-tabs-nav li a {
    display: inline-block;
    float: none;
    padding: 5px;
    text-decoration: none;
    width: 100%;
}

.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: 0.2em 0.2em 0.3em !important;
}

.check-col {
  float: left;
  width: 50%;
}

.check-col .form-check-input {
  width: 17px;
  height: 17px;
  vertical-align: middle;
}


.check-col .form-check-label {
  margin-left: 5px;
  margin-top: 3px;
  vertical-align: middle;
  font-size: 0.7em;
}
.headLine1 {color: #00a0c6; font-size: 1.5em;}
.headLine2 {color: #FFF; font-size: 1.5em;}
.headLine3 {color: #e9ad97;}

.orangeColour {
  color: orange;
}

.smallerHeading {font-size: 0.8em;}

.uploadButton {
  border: 1px solid #000;
  padding: 4px;
  border-radius: 3px;
}

#upload_images_div {
 min-height: 50px; text-align: center;
 width:100%;
 clear: both;
}

#upload_images_div > div {
 float:left;width: 50%;
 margin-top: 20px;
  
}

#upload_images_div img {

  max-height: 200px;
  max-width: 50%;

}

#upload_images_div_verify {
 height: 250px; text-align: center;
 width:100%;
 clear: both;
}

#upload_images_div_verify > div {
 float:left;width: 50%;
 margin-top: 20px;
  
}

#upload_images_div_verify img {

  max-height: 200px;
  max-width: 50%;

}
.postcode { text-transform:uppercase; }

.jobReviewImgDiv {
  float: left;
  width: 120px;
  margin: 5px;
}
.jobReviewImgDiv img {
  width: 120px;
}

.container.home { margin-top: 150px; }
.home .row {margin-top: 30px;}

.square {
    width: 100%;
    padding-bottom: 5%;
    background-color: #00a0c6;
    text-align: center;
    border-radius: 10px;
    padding-top: 10px;
}
    

.square:hover {
	box-shadow: 5px 5px 10px #343a40;
}

a.squareLink { color: #fff; text-decoration: none; }
a.squareLink:hover {color: #343a40;}

.square img {opacity: 0.7;}
.square img:hover {opacity: 1.0;}


.col-sm-4 {margin-top: 30px;}


.logo{width: 200px;}

.logoNav {width: 100px;}

a.nav-link {color: #fff !important;}
a.nav-link:hover {color: #00a0c6 !important;}

/* footer */
/*FOOTER*/

footer {
  /*
  background: #16222A;
  background: -webkit-linear-gradient(59deg, #3A6073, #16222A);
  background: linear-gradient(59deg, #3A6073, #16222A);*/
  background-color: white;
  color: white;
  margin-top:100px;
  font-family: 'Montserrat', sans-serif;
}

footer a {
  color: #fff;
  font-size: 14px;
  transition-duration: 0.2s;
}

footer a:hover {
  color: #FA944B;
  text-decoration: none;
}

.copy {
  font-size: 12px;
  padding: 10px;
  border-top: 1px solid #FFFFFF;
}

.footer-middle {
  padding-top: 2em;
  color: white;
}



/*SOCİAL İCONS*/

/* footer social icons */

ul.social-network {
  list-style: none;
  display: inline;
  margin-left: 0 !important;
  padding: 0;
}

ul.social-network li {
  display: inline;
  margin: 0 5px;
}


/* footer social icons */

.social-network a.icoFacebook:hover {
  background-color: #3B5998;
}

.social-network a.icoLinkedin:hover {
  background-color: #007bb7;
}

.social-network a.icoFacebook:hover i,
.social-network a.icoLinkedin:hover i {
  color: #fff;
}

.social-network a.socialIcon:hover,
.socialHoverClass {
  color: #44BCDD;
}

.social-circle li a {
  display: inline-block;
  position: relative;
  margin: 0 auto 0 auto;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  width: 30px;
  height: 30px;
  font-size: 15px;
}

.social-circle li i {
  margin: 0;
  line-height: 30px;
  text-align: center;
}

.social-circle li a:hover i,
.triggeredHover {
  -moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -ms--transform: rotate(360deg);
  transform: rotate(360deg);
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
}

.social-circle i {
  color: #595959;
  -webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -o-transition: all 0.8s;
  -ms-transition: all 0.8s;
  transition: all 0.8s;
}

.social-network a {
  background-color: #F9F9F9;
}

.headlineBreak {display: none;}
/* end footer */

h1.mob {font-size: 3.0em; text-align: center;}

.iconTitle {vertical-align: middle;width: 80px;}

#jobStartForm input[type="radio"]  {
  width: 30px;
  height: 30px;
  vertical-align: baseline;
}

#jobStartForm .form-check {
  margin-top: 30px;
}

#jobStartForm .form-check label{
  vertical-align: middle;
  padding-left: 20px;
  padding-top: 5px;
  margin-left: 20px;
}

@media only screen and (max-width: 768px) {
	  /*  larger mobile phones: */

  h1 {font-size: 1.0em;}
  h1.mob {font-size: 2.0em; text-align: center;}



  [class*="col-"] {
    width: 100%;
  }
 
  .col-sm-4 {width: 50%;}

  .logo{display: none;}

  .footer-pad {text-align: center;}

  .copy {margin-top: 10px;}

  .logoNav {}

  .headlineBreak {display: block;}


}  /* end larger mobile phones: */


.customerDetailsBreak {display: none;}

@media only screen and (max-width: 470px) {
/*  smaller mobile phones: */
.theHeaderLine {margin-left: -15px;
font-size: 0.9em;}
 .customerDetailsBreak {display: block;}

 .previousMonth, .nextMonth {
  font-size: 0.8em;
 }

 .previmage, .nextimage {
  width: 40px !important;
 }

}/*  smaller mobile phones: */