/*For Big TV's (HD Screens) */
@media (min-width: 1024px) {
    .container {
        max-width: 992px;
    }
}


/*For Big TV's (HD Screens) */
@media (min-width: 1280px) {
    .container {
        max-width: 1250px;
    }
}

/*For Projectors or Higher Resolution Screens (Full HD)*/
@media (min-width: 1600px) {
    .container {
        max-width: 1570px;
    }
}

/*For Projectors or Higher Resolution Screens (Full HD)*/
@media (min-width: 1920px) {
    .container {
        max-width: 1890px;
    }
}

/*For Projectors or Higher Resolution Screens (Full HD)*/
@media (min-width: 2560px) {
    .container {
        max-width: 2530px;
    }
}

/*For 4K Displays (Ultra HD)*/
@media (min-width: 3840px) {
    .container {
        max-width: 3810px;
    }
}

bodyxx {
    padding-top: 160px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

.navbar-custom {
    background-color: #000000;
    color: #ffffff;
    border-radius: 0;
}

.navbar-custom .navbar-nav > li > a {
    color: #fff;
}

.navbar-custom .navbar-nav > .active > a {
    color: #ffffff;
    background-color: transparent;
}

    .navbar-custom .navbar-nav > li > a:hover,
    .navbar-custom .navbar-nav > li > a:focus,
    .navbar-custom .navbar-nav > .active > a:hover,
    .navbar-custom .navbar-nav > .active > a:focus,
    .navbar-custom .navbar-nav > .open > a {
        text-decoration: none;
        background-color: #33aa33;
    }

.navbar-custom .navbar-brand {
    color: #eeeeee;
}

.navbar-custom .navbar-toggle {
    background-color: #eeeeee;
}

.navbar-custom .icon-bar {
    background-color: #33aa33;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
	/*max-width: 280px;*/
}

input:invalid /*, select:invalid */ {
    border: 2px dashed red;
}

    input[type=checkbox]:required:invalid + label {
        color: red;
        border: 2px dashed red;
    }

input:invalid:focus {
    background-image: linear-gradient(pink, lightgreen);
}

.submit-btn {
	background-color: #a8a8a8;
	font-weight: 700;
}

.submit-cell {
  padding-right: 1px;
  padding-left: 1px;
}

.submit-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 1px 3px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555555;
  vertical-align: middle;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 2px;
  -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;
          transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.submit-control2 {
  display: block;
  width: 100%;
  height: 34px;
  padding: 1px 3px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555555;
  vertical-align: middle;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 2px;
  -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;
          transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}


#spinner {
	display: none;
	justify-content: center;
	position: fixed;
	z-index: 1000;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba( 255, 255, 255, .8 ) 50% 50% no-repeat;
	/*background-image: url('themes/base/images/ajax-loader.gif');*/
	align-items: center;
}
#spinner p {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
		text-align:center;
    -ms-transform: translate(-50%,-50%);
}

input[type="date"]::-webkit-outer-spin-button,
input[type="data"]::-webkit-inner-spin-button {
    -webkit-appearance: scrollbarbutton-left;
}

/* switch */
/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

.badge.badge-primary {
    background-color: #428bca;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}