﻿h2 {
	font-size:24px;
	margin-top:13px;
	margin-bottom:13px;
}

.header p {
	color:#808080;
	margin:0 0 20px 0;
}

.validation-error {
    color: Maroon;
    font-weight: bold;
    background-color: #ffeeee;
    border-bottom-color:red;
    border-top-color:red;
    border-left-color:red;
    border-right-color:red;
}

.required:before {
    content:"* ";
    color:red;
    font: bold;

    /* background-image: url('/Img/required.png');
	    background-repeat: no-repeat;
	    background-position: 50% 50%; */
}

.input-label, .input-label-bottom {
  text-shadow: 0 1px 0 #fff;
  border-color: whitesmoke;
  border-width: medium;
  background-color:  whitesmoke;

  border-right-color: silver;
  border-right-style: solid;
  border-right-width: 1px;

  border-left-color: silver;
  border-left-style: solid;
  border-left-width: 1px;

  border-bottom-color: whitesmoke;
  border-bottom-style: solid;
  border-bottom-width: 1px;

  border-top-color: red;
  border-top-style: solid;
  border-top-width: 1px;

  min-width: 150px;
}

.app-modal-window .modal-dialog {
  width: 675px;
}

.input-label-bottom {
  border-bottom-color: silver;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

.input-box-bottom2, input-box-bottom {
    border-left-color: silver;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: silver;
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-color: silver;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

.input-box, .input-box-bottom {
  text-shadow: 0 1px 0 #fff;
  border-color: red;
  border-width: medium;
  background-color: white;
  padding: 0px;

  border-right-color: silver;
  border-right-style: solid;
  border-right-width: 1px;

  border-bottom-color: white;
  border-bottom-style: solid;
  border-bottom-width: 1px;

  /*width:85%;*/
}

.input-box-double-sided, .input-box-bottom-double-sided {
  text-shadow: 0 1px 0 #fff;
  border-color: red;
  border-width: medium;
  background-color: white;
  padding: 0px;

  border-right-color: silver;
  border-right-style: solid;
  border-right-width: 1px;

  border-bottom-color: white;
  border-bottom-style: solid;
  border-bottom-width: 2px;

  width:40%;
}

.input-box-bottom {
  border-bottom-color: silver;
  border-bottom-style: solid;
  border-bottom-width: 2px;
}
.button-link {
    padding: 10px 15px;
    background: #66B03F;
    color: #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #167C33;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
.button-link:hover {
    background: #66B03F;
    border: solid 1px #167C33;
    text-decoration: none;
    color: #969696;
}
.button-link:active {
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    background: #66B03F;
    border: solid 1px #167C33;
}
.button-link:visited {
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    background: #66B03F;
    border: solid 1px #167C33;
    text-decoration: none;
     color: #FFF;
}
.button-link:visited:hover {
   background: #66B03F;
    border: solid 1px #167C33;
    text-decoration: none;
    color: #969696;
}
.PageTitleHeading {
    color:#000;
    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size:20px;
    font-weight:bold;
    padding:5px;
    /*padding-top:10px;
    padding-bottom:10px;
    padding-left:5px;*/
}
 
/* Media Queries*/

@media (min-width: 1250px){
    .viewContainer {
        margin-left: 1%;
        margin-right: 1%;
    }
}

@media (max-width: 1249px){
    .viewContainer {
        margin-left: 1%;
        margin-right: 1%;
    }
}

@media (max-width: 991px){
    .quoteTopButtons {
        text-align: center;
    }
}

@media (max-width: 684px){
    .app-modal-window .modal-dialog {
        width: 100%;
    }
}

@media (min-width: 768px){
	.Resptable {
		display: block;
		position: static;
	}

	.Resptable thead {
		display: table-header-group;
		float: none;
		width: 100%;
	}

	.Resptable tbody {
		display: table-row-group;
		width: 100%;
		position: static;
		overflow-x: auto;
		white-space: normal;
	}

	.Resptable thead tr,
	.Resptable.Resptable-stacked thead tr {
		display: table-row;
        position: static;
	}

	.Resptable th {
		display: table-cell;
	}

	.Resptable tbody tr,
	.Resptable.Resptable-stacked tbody tr {
		display: table-row;
		vertical-align: top;
	}

	.Resptable td,
	.Resptable.Resptable-stacked td {
		display: table-cell;
		min-height: 1.25em;
		position: static;
		padding-left: 20px;
	}

	.Resptable.Resptable-stacked td:before {
		display: none;
	}
}
.error {
    color: red;
    font: bold;
}