@media screen and (max-width: 768px) {
  h2 {
    font-size: 120%;
  }
}


.clipboard {
	font-size: 1px;
	color: #fff;
}

.table-stripped1 a {
  color: #007bff;
  font-weight: normal;
}

.logosmall img{
  width: 32px;
  height: 32px;
}

.logoform {
  width: 160px;
}


.dropdown-user a {
	font-size: 12px;
}
.dropdown-menu {
	min-width: 200px;
}
.dropdown-menu > li > a {
  padding: 2px 20px;
}
.tooltip-demo {
	min-width: 50px;
}

.nopadding {
padding:0;
}

.form-control::-webkit-input-placeholder { color: #9c9c9c; }  /* WebKit, Blink, Edge */
.form-control:-moz-placeholder { color: #9c9c9c; }  /* Mozilla Firefox 4 to 18 */
.form-control::-moz-placeholder { color: #9c9c9c; }  /* Mozilla Firefox 19+ */
.form-control:-ms-input-placeholder { color: #9c9c9c; }  /* Internet Explorer 10-11 */
.form-control::-ms-input-placeholder { color: #9c9c9c; }  /* Microsoft Edge */


#nestable2-output {
  width: 100%;
  font-size: 0.75em;

  font-family: open sans, lucida grande, lucida sans unicode, helvetica, arial, sans-serif;
  padding: 5px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}




/**
 * Nestable Draggable Handles
 */

.dd3-content { display: block; height: 44px; margin: 3px 0; padding: 4px 0px 0px 40px; text-decoration: none; border: 1px solid #ccc;
    background: #fafafa;
}
.dd3-content:hover { background: #fff; }

.dd-dragel > .dd3-item > .dd3-content { margin: 0; }

.dd3-item > button { margin-left: 30px; }

.dd3-handle { position: absolute; margin: 1px; cursor: pointer; width: 30px; text-indent: 100%; white-space: nowrap; overflow: hidden;

}
.dd3-handle:before { content: '+'; display: block; position: absolute; left: 0; top: 0; width: 100%; text-align: center; text-indent: 0; color: #000; font-size: 20px; font-weight: normal; }
.dd3-handle:hover { background: #ddd; }


.dd4-content { display: block; height: 30px; margin: 2px 0; padding: 2px 0px 0px 16px; text-decoration: none; border: 1px solid #ccc; text-align: left; background: #fafafa;
}
.dd4-content:hover { background: #fff; }

.dd-dragel > .dd4-item > .dd4-content { margin: 0; }

.dd4-item > button { margin-left: 30px; }

.dd4-handle { height: 28px; position: absolute; margin: 1px; cursor: pointer; width: 24px; text-indent: 100%; white-space: nowrap; overflow: hidden;
}
.dd4-handle:before { content: '•'; display: block; position: absolute; left: 0; top: 0; width: 100%; text-align: center; text-indent: 0; color: #000; font-size: 14px; font-weight: normal; }
.dd4-handle:hover { background: #ddd; }



/* Dropzone */
.dropzone {
  min-height: 30px;
  padding: 0px;
   border: 1px dashed #1ab394;
  background: white;
}

#top-search {
	border: none;
	border-bottom: 1px solid #ccc;
	width: 95px;
}

#navbars {
	position:fixed; z-index:3000; border:1px solid #eee;
	border-top:6px solid #f3f3f4;
}

.smallnarrowline {
	line-height: 12px;
	padding-top: 3px;
	margin-bottom: 3px;
}

.form-group.required .col-form-label:after {
  content:"*";
  color:red;
}

.col-form-label {
	font-weight: normal;
	font-size: 100%;
	color: #7a7a7a;
}




footer {
    position: fixed;
    min-height: 60px;
    width: 100%;
      background: #f8fafb;
}

.ibox-content {
	padding-top: 30px;
	padding-bottom: 30px;
	border: 1px solid #ececec;
}

.bg-dark {
  background-color: #0053a5 !important;
}

.navbar-toggler {
  background-color: white;
}

.nav.navbar-right > li > a {
  color: white;
}
.navbar-default .nav > li > a:hover,
.navbar-default .nav > li > a:focus {
  color: #ccc;
}

.breadcrumb {
  background-color: #f8fafb;
}

.breadcrumb-item + .breadcrumb-item::before {
  display: inline-block;
  padding-right: 0.5rem;
  color: #bababa;
  content: "";
}

label {
	font-color:red;
	font-weight: 200;
}



.social-footer {
   background: #fcfcfc;
}
.social-feed-box {
  border: 1px solid #f9f9f9;
  background: #fffffc;
}

.contact-box {
  background-color: #ffffff;
  padding: 20px;
  margin-bottom: 20px;
}
.contact-box > a {
  color: inherit;
}
.contact-box.center-version {
  border: 1px solid #e7eaec;
  padding: 0;
}
.contact-box.center-version > a {
  display: block;
  background-color: #ffffff;
  padding: 20px;
  text-align: center;
}
.contact-box > a img {

  margin-top: 10px;
  margin-bottom: 10px;
}
.contact-box.center-version address {
  margin-bottom: 0;
}
.contact-box .contact-box-footer {
  text-align: center;
  background-color: #ffffff;
  border-top: 1px solid #e7eaec;
  padding: 15px 20px;
}


.gray-bg {
background: rgb(241,241,241);
background: radial-gradient(circle, rgba(241,241,241,1) 0%, rgba(247,250,255,1) 100%);
}

.my-bg {
background: black;
}

.main {
    padding:50px;
	padding-top:120px;
	padding-bottom:100px;
}
@media (max-width: 978px) {
    .main {
    padding:10px;
	padding-top:110px;
	padding-bottom:80px;
    }
}

.unconfirmeduserjob {
	border: 1px solid orange;
	opacity: 0.3;
}

#site-body{
	color: #363636;
}

.img-logo {
	border: 1px solid white;
}

.logobox {
	max-width: 700px;
}

.job-column {
    max-width: 260px;
    min-width: 260px;
    width: 260px;
}




.rating {
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
}

.rating > input{ display:none;}

.rating > label {
  position: relative;
    width: 1em;
    font-size: 120%;
    color: #ebc400;
    cursor: pointer;
}
.rating > label::before{ 
  content: "\2605";
  position: absolute;
  opacity: 0;
}
.rating > label:hover:before,
.rating > label:hover ~ label:before {
  opacity: 1 !important;
}

.rating > input:checked ~ label:before{
  opacity:1;
}

.rating:hover > input:checked ~ label:before{ opacity: 0.4; }



.gray-bg {

background: rgb(186,218,255);
background: -moz-radial-gradient(circle, rgba(186,218,255,0.2931766456582633) 9%, rgba(255,249,146,0.2763699229691877) 100%);
background: -webkit-radial-gradient(circle, rgba(186,218,255,0.2931766456582633) 9%, rgba(255,249,146,0.2763699229691877) 100%);
background: radial-gradient(circle, rgba(186,218,255,0.2931766456582633) 9%, rgba(255,249,146,0.2763699229691877) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#badaff",endColorstr="#fff992",GradientType=1);
}


.bg-success {
  background-color: #2567d7 !important;
  color: #ffffff;
}








.bg-gradient {
background: rgb(238,234,174);
background: -moz-radial-gradient(circle, rgba(238,234,174,0.5704875700280112) 0%, rgba(148,203,233,0.7805716036414566) 100%);
background: -webkit-radial-gradient(circle, rgba(238,234,174,0.5704875700280112) 0%, rgba(148,203,233,0.7805716036414566) 100%);
background: radial-gradient(circle, rgba(238,234,174,0.5704875700280112) 0%, rgba(148,203,233,0.7805716036414566) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eeeaae",endColorstr="#94cbe9",GradientType=1);
}



.styleguide {
  font-size: 110%;
  font-family:Verdana, Geneva, Tahoma, sans-serif;
  color: #363636;
}
.styleguide .example {
	padding: 12px;
  border: 1px solid #e7eaec;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 110%;
  color: #000;
  margin: 6px;
}
.styleguide .source {
  font-size: 105%;
  margin-left: 20px;
  margin-bottom:4px;
}
.styleguide .correct {
	margin-left: 4px;
  margin-bottom:2px;
  font-size: 105%;
  color: #000;
}
.styleguide .incorrect {
	color: #363636;
  font-size: 95%;
  margin-left: 8px;
  margin-bottom:2px;
}
.styleguide .explanation {
	margin-left: 20px;
  margin-bottom:4px;
  color: #7a7a7a;
}

.styleguide ol>li {
 margin-bottom: 12px;
}

.styleguide h3 {
  margin-top: 20px;
  margin-bottom: 20px;
 }
 .styleguide table {
  margin-top: 12px;
  margin-bottom: 12px;
  align-content: left;
  margin-left:auto; margin-right:auto;
  }
 .styleguide td {
    padding: 6px;
    border: 1px solid #ccc;
 }
 
 .answer-form {
  font-size: 120%;
 }
 .answer-form input{
  margin-right: 5px;
 }
 
 .confirmedsegment {
	background-color: #fcfcef;
}


.fixed-concordance {
  position: fixed;
bottom: 0px;
right: 15px;
padding: 5px;
width: 90%;
max-height:150px;
z-index: 9999;
overflow-y: auto;
}

.fixed-glossary {
  position: fixed;
bottom: 0px;

padding: 2px;
width: 100%;
max-height:400px;
z-index: 99999;
overflow-y: auto;
}

.fixed-menu {
  position: fixed;
top: 100px;
left: 15px;
padding: 0px;
z-index: 9999;
}

.pagination {
width:100%;
margin:15px;
}

.fixedButtonSave {
  position: fixed;
  z-index: 9999;
  right:55px;
  top:110px;
}
.fixedButtonCompleted {
  position: fixed;
  z-index: 9999;
  right:110px;
  top:110px;
}
.OrderMenu {
  border: 0;
  padding:0;
}
.btnClipboard {
  
  padding:0;
}

.modal-dialog.custom-width {
    max-width: 95%;
}