/*body {
    padding-top: 50px;
    padding-bottom: 20px;
}

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

/* 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;
}*/

.container-wide {
    width: 900px;
    margin-left: 20px;
    margin-right: 20px;
}

.dxgvFilterRow {
    height: 20px;
}


.previous-NextButton
{
    color:white;
    font-weight:bold;
    width:120px;
    text-align:center;
}

.nav-align-center
{
    text-align:center;
}

/*.nav-bar-text{
    color:#9d9d9d;
}

.nav-bar-text:hover{
    color:black;
}*/

.navbar-nav>li {
        float: none;
}

.main-nav{
    float:right;
    width:900px;
}

.main-nav-header{

    }

.fieldsetStyle{
    max-width:900px; text-align:left;
}

.legendStyle {
    text-align: left;
    font-size: 1.2em;
    font-weight: bold;
}

.importantDirections {
    font-weight: bold; font-size:12px; color:maroon; float:right; width:500px;
}

.importantInformation {
    font-weight: bold; font-size:12px; color:maroon; padding: 10px;
}

.viewPort {
    height: 700px;
}

.hr-thin{
    padding-top:0px;
    padding-bottom:0px;
    line-height:10px;
}

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

.required:after {
    content:"*";
    color:red;
}

.padding-bottom-4{
    padding-bottom:14px;
}

.padding-top-8 {
    padding-top: 8px;
}

.field-sm{
    max-width:100px;
}

.field-md{
    max-width:250px;
}

.field-lg{
    max-width:554px;
}

/*.bold-centered-message {
    margin-top: 6px;
    height: 24px;
    font-weight: bold;
    color: maroon;
    text-align: center;
}*/

.row.gutter-2 [class*='col-']:not(:first-child)/*:not(:first-child),.row.no-gutter [class*='col-']:not(:last-child) */
{
  padding-left:2px;
}

.section-Completed {
    position:absolute;
    margin-top: 2px;
    margin-right:16px;
    text-align: right;
    /*padding-right: 12px;*/
    padding-top: 0px;
    height: 16px;
    width:100%;
    z-index:10;
}

.completed-checkmark{
    margin-top:0px; 
    margin-right:20%; 
    padding-top:0px; 
    padding-bottom:0px; 
    padding-right:6px;
}

/*.section-completed{
        position:absolute; padding-left:10px; padding-top: 2px;
}*/

/*Agreements Section*/

/*.base-black{
    color:black;
}*/

.agreementList {
    list-style-type: none;
    display: block;
    padding-top:100px;
    /*#gradient > .vertical(@start-color: lighten(@navbar-inverse-bg, 10%); @end-color: @navbar-inverse-bg);
  .reset-filter(); 
  border-radius: @navbar-border-radius;
  .navbar-nav > .open > a,
  .navbar-nav > .active > a {
    #gradient > .vertical(@start-color: @navbar-inverse-link-active-bg; @end-color: lighten(@navbar-inverse-link-active-bg, 2.5%));
    .box-shadow(inset 0 3px 9px rgba(0,0,0,.25));*/
}

 .gradient {
  background-image:
    linear-gradient(
      to top,
      /*to right,*/ 
      gray, lightgray
    );
}

.agreementList li {
    border: thin solid silver;
    height: 90px;
    width: 90px;
    font-weight: 600;
    vertical-align: middle;
    /*display: table-cell;*/
    display: block;
    float: left;
    padding-top: 2px;
    font-size: 10pt;
    color:black;
    /*cursor:pointer;*/
}

.agreementList li a {
    display:block;
    /*cursor:pointer;*/
}


.agreementNumber
{
    font-weight: 600;
    font-size: 14pt;
    display:block;  
    /*cursor:pointer; */
}

.agreementName {
        display:block;
        margin-top:0px;
        /*cursor:pointer;*/
    }

.agreement-Selected
{
    background-color: #222; /*#1d2953;*/
    color: rgb(255, 255, 255);
}

.agreement-Selected:hover
{
    color: rgb(255, 255, 255);
}

.agreement-Unselected
{
   color: black;
}

.agreement-Unselected:hover
{
   color: dimgray;
}

.agreement-Completed {
    position:absolute; padding-left:22px; padding-top: 2px;
}

.signature-block{
    color:white; min-height:100px; padding-top:10px; text-align:center;
}

.agreement-action-links-left{
    text-align:right;
}

.agreement-action-links-right{
    text-align:left;
}

/*.viewPort {
    height: 400px;
}*/

.agreementViewport{   
    float:right; width:967px; /*border: solid gray thin;*/ /*min-height:700px;*/
}

.agreementIFrame {
    height: 500px;
    /*height: 8100px;*/
    width: 950px;
}


.agreementSigned {
    color: limegreen;
    font-weight: bold;
}


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #e30202;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #e30202;
    background-color: #fee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #f00;
    max-width: 800px; 
    margin-left: auto; margin-right:auto;
    border: thin solid #ff0000;
    background-color: #fee;
    padding: 20px;
    -moz-border-radius: 6px; 
    -webkit-border-radius: 6px; 
    -khtml-border-radius: 6px;
    border-radius: 6px;
    margin-top:80px;
    margin-bottom:10px;
}

.validation-summary-valid {
    display: none;
}




@media screen and (max-width: 1400px), (max-height:700px) 
{
    .main-nav{
        float:right;
        width:800px;
    }

    .viewPort {
        height: 700px;
    }

    .main-nav-header{

    }

     /*.agreementViewport{   
        float:right; width:800px; border: solid gray thin;     
    }

    .agreementIFrame {
        height: 600px;
        width:783px;
    }*/
}

@media screen and (max-width: 1200px), (max-height:600px) 
{
    .main-nav{
        float:right;
        width:600px;
    }

    .viewPort {
        height: 500px;
    }

    .main-nav-header{

    }

     .agreementViewport{   
        float:right; width:760px; /*border: solid gray thin;*/     
    }

    .agreementIFrame {
        height: 600px;
        width:743px;
    }
  
}

/*Bootstrap Medium*/
@media screen and (max-width: 992px), (max-height:600px) 
{
    .main-nav{
        float:right;
        width:400px;
    }

    .main-nav-header{
        float:right;
        width:400px;
    }

    .viewPort {
        height: 500px;
    }
    
    .agreementList {
        list-style-type: none;
        display: block;
        padding-top:100px;
    }
    
    .agreementList li {
        border: thin solid silver;
        height: 70px;
        width: 70px;
        font-weight: 800;
        vertical-align: middle;
        /*display: table-cell;*/
        display: block;
        float: left;
        padding-top: 1px;
        font-size: 9pt;
    }

    .agreementNumber
    {
        font-weight: 800;
        font-size: 11pt;
    }

    .agreement-Completed {
        position:absolute; padding-left:14px; padding-top: 2px;
    }
 
    .agreementViewport{   
        float:right; width:523px;     
    }

    .agreementIFrame {
        height: 600px;
        width:545px;
    }
    
}

/*Bootstrap Small*/
@media screen and (max-width: 768px), (max-height:400px) 
{
    .main-nav{
        float:right;
        width:300px;
    }

    .main-nav-header{
        float:right;
        width:200px;
    }

    .viewPort {
        height: 500px;
    }
    
    .agreementList {
        list-style-type: none;
        display: block;
        padding-top:100px;
    }

     .agreementList li {
        border: thin solid silver;
        height: 50px;
        width: 50px;
        font-weight: 800;
        vertical-align: middle;
        /*display: table-cell;*/
        display: block;
        float: left;
        padding-top: 1px;
        font-size: 7pt;
    }

    .agreementNumber
    {
        font-weight: 800;
        font-size: 19pt;
    }

    .agreementName {
        display: none;   
    }
    
    .agreement-Completed {
        position:absolute; padding-left:10px; padding-top: 2px;
    }

    .agreementViewport{   
        float:right; width:90%; /*border: solid gray thin;*/     
    }
    
    .agreementIFrame {
        height: 600px;
        max-width: 100%;
    }

    
    .agreement-action-links-left{
        text-align:center;
    }

    .agreement-action-links-right{
        text-align:center;
    }
}



@media only screen and (max-width: 640px), (max-device-width: 640px) 
{
    
.agreementList {
    list-style-type: none;
    display: block;
    padding-top:2px;
}

    .main-nav{
        float:right;
        width:100px;
    }

    .main-nav-header{
        float:right;
        width:120px;
    }

    .viewPort {
        height: 500px;
    }

    .signature-block{
        height:200px;
    }
}