﻿/* Move down content because we have a fixed navbar that is 50px tall */
body {
    /*padding-top: 50px;*/
    padding-top:125px;
    padding-bottom: 20px;
}

html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    overflow: hidden;
}
/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
/*input,
select,
textarea {
    max-width: 280px;
}*/

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }

    .body-content {
        padding: 0;
    }
}
.navbar-inverse { 
    background-color: #00599b !important; 
    color:#e9f9fe !important;
}
.btn-primary {
    background-color: rgba(102, 175, 233, 0.6) !important;
    border-color:#93c9f6 !important;
    color: #4c687c !important; 
}   
.btn-primary:hover {
  color: #fff !important;
  background-color: #00599b !important;
  border-color: #204d74 !important;
}
 /*                  #00528f !important; }  */
.div-mainheader {
     background-color:gray !important;border-color:gray;color:white;min-height:5px;width:90vw;
     -webkit-box-shadow: 0px 1px 5px 0px rgba(161,161,161,0.8);
    -moz-box-shadow: 0px 1px 5px 0px rgba(161,161,161,0.8);
    box-shadow: 0px 1px 5px 0px rgba(161,161,161,0.8);
 }
.div-maincontent {
    border-color:whitesmoke;border-width:1px;border-style:solid;min-height:70vh;width:90vw;max-height:80vh;background-color:white;
    overflow:auto;
    -webkit-box-shadow: 0px 1px 5px 0px rgba(161,161,161,0.8);
    -moz-box-shadow: 0px 1px 5px 0px rgba(161,161,161,0.8);
    box-shadow: 0px 1px 5px 0px rgba(161,161,161,0.8);
    
 }
 .div-rightheader {
     background-color:#00599b;border-color:gray;color:white;height:60px;width:22vw;
     -webkit-box-shadow: 0px 1px 5px 0px rgba(161,161,161,0.8);
    -moz-box-shadow: 0px 1px 5px 0px rgba(161,161,161,0.8);
    box-shadow: 0px 1px 5px 0px rgba(161,161,161,0.8);
 }
.div-rightcontent {
    border-color:whitesmoke;border-width:1px;border-style:solid;height:70vh;width:22vw;background-color:white;
    text-align:center;
    -webkit-box-shadow: 0px 1px 5px 0px rgba(161,161,161,0.8);
    -moz-box-shadow: 0px 1px 5px 0px rgba(161,161,161,0.8);
    box-shadow: 0px 1px 5px 0px rgba(161,161,161,0.8);
}
.div-headerlabel {
    padding-top:20px;font-size:large;padding-left:15px;float: left;color:#e9f9fe;
}
.navbar-nav li a {
    color:#e9f9fe !important;
}
.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus {
  color: #e9f9fe !important;
  font-weight:bold !important;
}
.div-popup {
     background-color:white !important;border-color:gray;min-height:20vh;min-width:10vw;
     -webkit-box-shadow: 0px 1px 5px 0px rgba(161,161,161,0.8);
    -moz-box-shadow: 0px 1px 5px 0px rgba(161,161,161,0.8);
    box-shadow: 0px 1px 5px 0px rgba(161,161,161,0.8);
 }
.div-popupheader {
    background-color: #842d45 !important;
    border-color: gray;
    color: white;
    min-height: 50px;
    width: 100%;
    -webkit-box-shadow: 0px 1px 5px 0px rgba(161,161,161,0.8);
    -moz-box-shadow: 0px 1px 5px 0px rgba(161,161,161,0.8);
    box-shadow: 0px 1px 5px 0px rgba(161,161,161,0.8);
}
.div-popupcontent {
    background-color:white;
    height:100%;width:100%;
    padding:10px;
    margin-left:auto;margin-right:auto;
 }
.form-control2 {
  float:left;
  max-width:unset;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -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 .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
}
.form-control2:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control2-nofloat {
  max-width:unset;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -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 .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
}
.form-control2-nofloat:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.nocPopupLabel {
    float:right;
    font-size:large;
}
.nocPopupValue {
    float:left;
    font-size:large;
}
.ntoPopupLabel {
    float:right;
}
.ntoPopupValue {
    float:left;
}
.ntoValidator {
    float:left !important;
    color:red;
}
.startPageMenuPanel {
    padding-top:75px;
    min-width: 280px;
    height: 170px;
    width:28vw;
    margin-left: 5vw;
    margin-right: 5vw;
    text-align: center;
    align-content: center;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    opacity: 1;
}
.start-page-box-label-div {
    padding-top:5px;
    width:100%;
    height:80px;
    margin-left:auto;
    margin-right:auto;
}
.start-page-box-label {
text-align: center;
font: normal normal normal 28px/46px Merriweather;
letter-spacing: 0px;
color: #002E6D;
width:200px;
opacity: 1;
white-space:nowrap;
}
.nacm-navbar {
    top: 115px;
    width: 100%;
    min-width: 800px;
    height: 74px;
    vertical-align: middle;
    background: #00599b 0% 0% no-repeat padding-box;
    opacity: 1;
    margin-left: auto;
    margin-right: auto;
}
.nacm-body-content {
    position: absolute;
    top: 180px;
    bottom: 90px;
    left: 0;
    right: 0;
    overflow-y: auto;
    background: #F5F5F5 0% 0% no-repeat padding-box;
    border: 1px solid #CCCCCC;
    margin-left: auto;
    margin-right: auto;
}
.nacm-navbar-menu-item {
width: 100px;
height: 42px;
/* UI Properties */
text-align: center;
padding-left:1%;
font: normal normal normal 16px/19px Open Sans;
letter-spacing: 0px;
color: #FFFFFF;
opacity: 1;

}
.nacm-navbar-menu-item:hover {
  color:white;
  border-color: #ccc !important;
}
.nacm-goodday-label {
text-align: left;
font: normal normal normal 28px/19px Raleway;
letter-spacing: 0px;
color: #00599b;
opacity: 1;
}
.nacm-footer {
    height: 90px;
    background: #00599b 0% 0% no-repeat padding-box;
    opacity: 1;
    padding-left: 25px;
    position: fixed;
    z-index: 1000;
    bottom: 0;
    left: 0;
    right: 0;
    padding-left: 25px;
}
.nacm-footer-label {
text-align: left;
font: normal normal normal 14px/17px MyriadPro Regular;
letter-spacing: 0px;
color: #FFFFFF;
opacity: 1;
}
.nacm-nto-label-header {
    font: normal normal normal 24px/29px Raleway;
    letter-spacing: 0px;
    color: #842d45;
    opacity: 1;
}
.nacm-nto-label {
    text-align: left;
    font-size:19px !important;
    font: normal normal normal 16px/19px Open Sans;
    letter-spacing: 0px;
    color: #35373C;
    opacity: 1;
}
.nacm-nto-need-help {
    text-align: left;
    font-size: 14px !important;
    font: normal normal normal 14px Open Sans;
    letter-spacing: 0px;
    color: #842d45;
    opacity: 1;
}
.nacm-nto-textbox {
    font-size: 19px !important;
    border: 1px solid #A4AABD;
    border-radius: 7px;
    margin-top: 2px;
    height: 42px !important;
    color: #35373C;
    padding: 6px 12px;
    opacity: 1;
    color: #555555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -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 .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
}
.nacm-nto-textbox-multiline {
    font-size: 19px !important;
    border: 1px solid #A4AABD;
    border-radius: 7px;
    margin-top: 2px;
    color: #35373C;
    height: 111px;
    padding: 6px 12px;
    opacity: 1;
    color: #555555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -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 .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
}
.nacm-report-textbox {
    font-size: 18px !important;
    border: 1px solid #A4AABD;
    margin-top: 2px;
    height: 38px !important;
    color: #35373C;
    opacity: 1;
    color: #555555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -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 .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
}
.nacm-nto-container-div {
    margin-bottom:25px;
}
.nacm-active-btn {
    background: rgba(102, 175, 233, 0.6) 0% 0% no-repeat padding-box;
    color:white;
    border: 2px solid #842d45;
    width:130px;
    height:40px;
    border-radius: 7px;
    opacity: 1;
}
.nacm-active-btn-color {
    background: rgba(102, 175, 233, 0.6);
}
.nacm-color {
    color: rgba(102, 175, 233, 0.6);
}
.nacm-color-bg {
    background: rgba(102, 175, 233, 0.6);
}
.nacm-active-small-btn {
    background: rgba(102, 175, 233, 0.6) 0% 0% no-repeat padding-box;
    color: white;
    border: 2px solid #842d45;
    font-size:smaller;
    border-radius: 7px;
    opacity: 1;
}

.nacm-cancel-btn {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 2px solid #842d45;
    width: 130px;
    height: 40px;
    border-radius: 7px;
    opacity: 1;
}
.nacm-reject-btn {
    background: #812B43 0% 0% no-repeat padding-box;
    color: white;
    border: 1px solid #812B43;
    width: 130px;
    height: 40px;
    border-radius: 7px;
    opacity: 1;
}
.nacm-rowstyle {
    background: #DFE4EC 0% 0% no-repeat padding-box;
    max-height:50px;
    height:50px;
}
.nacm-rowstyle td {
    padding-left:1%;
    padding-right:1%;
}
.nacm-gridview-header {
    background: #DCEFFF;
    font: normal normal normal 14px/19px Open Sans;
    font-weight:normal !important;
    color:#DCEFFF;
    height:40px;
}
.nacm-gridview-header th {
    padding-left:1%;
    padding-right:1%;
    color:#DCEFFF;
}
.nacm-dropdown {
    border: 1px solid #A4AABD;
    border-radius: 7px;
    opacity: 1;
    height: 42px;
    font-size:19px;
    letter-spacing: 0px;
    color: #35373C;
    padding-left:20px;
}
    .nacm-dropdown option {
        font-size:19px;
        letter-spacing: 0px;
        color: #35373C;
    }


.nacm-dropdown-reports {
    border: 1px solid #A4AABD;
    border-radius: 7px;
    opacity: 1;
    height: 22px;
    font-size: 12px;
    letter-spacing: 0px;
    color: #35373C;
}
    .nacm-dropdown-reports option {
        font-size: 12px;
        letter-spacing: 0px;
        color: #35373C;
        margin-left:200px;
        position:fixed;
        left:0px;
    }
    .nacm-dropdown-reports ul {
        margin-left:200px;
        position:fixed;

    }
.textbox-label {
    background: transparent !important;
    background-color:transparent !important;
    border:none !important;
    outline:none !important;
    padding:0px 0px 0px 0px !important;
}