.plan-mark {
    width: 2px; 
    height: 20px; 
    position: absolute; 
    background: darkgrey; 
}

.progress {
    width: 100%;
    margin-bottom: 0px;
}
.collapse-button.collapsed:before {
    /* symbol for "collapsed" panels */
    content: "\e114 ";    /* adjust as needed, taken from bootstrap.css */
}

.collapse-button:before {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e113 ";    /* adjust as needed, taken from bootstrap.css */
    float: left;        /* adjust as needed */
    color: grey;         /* adjust as needed */
}

.disablecontent {
    pointer-events: none;
    opacity: 0.4;
    cursor:wait;
}

.vertical-align {
  display: flex;
  flex-direction: row;
}

.vertical-align > [class^="col-"],
.vertical-align > [class*=" col-"] {
  display: flex;
  align-items: center;
  justify-content: center; /* Optional, to align inner items 
                              horizontally inside the column */
}

.flot_tooltip
{
     position: absolute;
     border: 1px solid #999999;
     padding: 2px;
     background-color: #fee;
     opacity: 0.80;
     white-space: nowrap;
     color: black;
}

th.dt-center, td.dt-center { text-align: center; }

.data-point-label
{
 /* transform: rotate(-90deg);*/
   /* -ms-transform:rotate(-90deg);*/ /* IE 9 */
   /* -moz-transform:rotate(-90deg);*/ /* Firefox */
   /* -webkit-transform:rotate(-90deg);*/ /* Safari and Chrome */
    /*-o-transform:rotate(-90deg);*/ /* Opera */
    /*rotation-point:50% 50%;*/ /* CSS3 */
    /*rotation:270deg;*/ /* CSS3 */
    font-size: x-small;
} 


.flotTip 
    {
      z-index: 100;
      box-shadow: 0 0 10px #555;
      filter: alpha(opacity=70);
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 2px;
      border: 1px solid #fdd;
      padding: 2px;
      background-color: #fee;
      opacity: 0.80;
      white-space: "nowrap";
    }

.well-on-panel{
    margin-bottom: 0px !important;
}

#wrapper{
    overflow-y: hidden;
}

.dataTable_wrapper .progress{
    margin-bottom: 0px;
}

.dataTable_wrapper 
{
    white-space: nowrap;
}

.big-caption {
        display: inherit;
}
.small-caption {
    display: none;
}

@media (max-width: 767px) {
    .big-caption {
        display: none;
    }
    .small-caption {
        display: inherit;
    }
    .form-group {
    margin-bottom: 5px;
    }
}

.login-panel {
        margin-top: 25%;
    }

#brandimg{
    height: 2em;
    display: inline-block;
    vertical-align:middle;
}

@media (max-height: 640px) {
           .login-panel {
        margin-top: 15%;
    }

           #brandimg{
    height: 1.6em;
    }
}

@media (max-height: 375px) {
           .login-panel {
        margin-top: 5%;
    }
           #wrapper{
        overflow-y: auto;
    }
}



.chart-legend > table 
{
    width:100%;
}

.chart-legend > table  td > div 
{
    border: none !important;
}

.ptop{
    padding-top: 0.333em;
}

    .daterange:read-only {
        background: white;
    }

    @media (max-height: 640px) {
    .navbar-fixed-bottom {
        display: none;
    }
}

.acenter
{
    text-align: center;
    color: #8e0051;
    font-weight: 600;
}

/*.dataTables_scroll
{
    overflow:auto;
    height: 300px;
    position:relative;
}*/

.panel-button{
  padding: 15px 15px 15px 15px;
}

#MvcViewerReportPanel {
    overflow: visible;
}

 /*#report-panel {
        height: 1200px;
        width: 100%;
    }*/

@media (min-width: 768px) {
    .report-panel {
        height: 1400px;
        width: 100%;
    }
}
@media (max-width: 767px) {
    .report-panel {
        height: 800px;
        width: 100%;
    }
}



html, body {
    height: 100%;
    margin:0px;
    min-height:100%
}

textarea {
    resize: none;
}

#cssnav {
 background: rgba(255, 255, 255, 0.8); 
}

.cssfooter {
 background: rgba(255, 255, 255, 0.6); 
}

.main-wrapper{
   background-size:  cover;
   background-position: right center;
   height: 100%;
    margin:0px;
    min-height:100%;
    
}

.img-wrapper{
      background-position: center center;
      background-size: contain;
      height:90%;
      width:100%;
    
}

@media (max-width: 767px) {
    .main-wrapper{
   background-size:  cover;
   background-position: right center;
    }

    .img-wrapper{
     background: none !important;
    height:100%;
  }
}



#no-side-page-wrapper{
   padding: 0px 0px 0px 0px;
   height: 100%;
    margin:0px;
    min-height:100%
}

#no-side-page-wrapper {
    padding: 0 15px;
    min-height: 568px;
}

.navbar-brand{
    padding: 8px 8px;
     vertical-align:middle;
}

.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}

.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: grey;         /* adjust as needed */
}


#back-primary {
    color: #ffffff;
    background-color: #286090;
    border-color: #204d74;
}

.daterange{
    width: 15em; !important;
    cursor:pointer;
}

.padding_l {
  padding-left: 10px;
}

.cursor-pointer {
    cursor:pointer;
}

.panel-primary a:hover, a:focus {
    color: #23527c;
}

.panel-primary a {
    color: #337ab7;
}

.colmenu{

}

.table-responsive { overflow-x: auto; }

@media (max-width: 991px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777777;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333333;
    background-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555555;
    background-color: #e7e7e7;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #cccccc;
    background-color: transparent;
  }
}

@media (min-width: 992px) {
  .navbar-right .dropdown-menu {
    left: auto;
    right: 0;
  }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto;
  }
}

@media (max-width: 991px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }
  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
}

@media (max-width: 991px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
		margin-top: 7.5px;
	}
	.navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
  		display:block !important;
	}
}

.progress {
    position:relative;
}
.progress span {
    position:absolute;
    left:0;
    width:100%;
    text-align:center;
    z-index:2;
    color: #000000;
  font-weight: 600;
}

.navbar-default .navbar-brand {
   /* color: #8e0051;*/
}

.panel-heading{
  font-weight: 600;
}

.purple {
  /*color:  #8e0051;*/
}

.black {
  color: #000000;
  font-weight: 600;
}

.blacksick {
  color: #000000;
}

.bold {
  font-weight: 600;
}

.page-header {
  /*color:  #8e0051;*/
}

body {
    border-top: solid 10px #000;
}

input[readonly].default-cursor {
    cursor: default;
}

textarea[readonly].default-cursor {
    cursor: default;
}

a:hover, a:focus {
    /*color: #8e0051;*/
    text-decoration: underline;
}

a {
    /*color: #8e0051;*/
    text-decoration: none;
}

.modal-transparent {
  max-width:420px;
}
.modal-transparent .modal-content {
  background: rgba(255, 255, 255, 0.9); 
}

.modal-footer {
    padding: 19px 20px;
    margin-top: 0px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

#modal .modal-dialog  {
    width:80%;

}

#modalcontent .modal-content  {
    
}
#hedimg {
    height: 6em;
    padding-bottom: 0.5em;
    padding-top: 0.5em;
}

#bodywhite {
    clear: both;
    padding-bottom: 35px; 
   
}

#indexbody {
   padding: 60px 15px 0;
     background-size: cover;
     background-position:right center;
}

/* info and errors */
.message-info {
    border: 1px solid;
    clear: both;
    padding: 10px 20px;
}

.message-error {
    clear: both;
    color: #e80c4d;
    font-size: 1.1em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.message-success {
    color: #7ac0da;
    font-size: 1.3em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.error {
    color: #e80c4d;
}

/* styles for validation helpers */
.field-validation-error {
    color: #e80c4d;
    font-weight: bold;
}

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

input.input-validation-error {
    border: 1px solid #e80c4d;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #e80c4d;
    font-weight: bold;
    font-size: 1.1em;
}

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

.has-spinner.active {
  cursor:progress;
}
.row-bordered:before {
  content: "";
  display: block;
  border-bottom: 1px solid #ccc;
  margin: 0 15px;
}

.progress-bar-success-dark {
  background-color: #357935;
}

.progress-bar-info-dark {
  background-color: #248dae;
}

.progress-bar-warning-dark {
  background-color: #965d0d;
}

.progress-bar-danger-dark {
  background-color: #751d1a;
}

.progress-bar-success-dark.disable {
    background-color: gray;
}

.progress-bar-info-dark.disable {
    background-color: gray;
}

.progress-bar-warning-dark.disable {
    background-color: gray;
}

.progress-bar-danger-dark.disable {
    background-color: gray;
}

.progress-bar-success.disable {
    background-color: gray;
}

.progress-bar-info.disable {
    background-color: gray;
}

.progress-bar-warning.disable {
    background-color: gray;
}

.progress-bar-danger.disable {
    background-color: gray;
}

.disable  {
    color: gray !important;
}