@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700");
@import url("https://fonts.googleapis.com/css?family=Roboto:400,300,500,700");
    /* Nav / header */
    html, body {
        height:100%;
        width:100%;
        padding:0px;
        margin:0px;
        color:#676a6c;
        font-family: "Open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
        line-height: 1.42857143;
    }
    #header {
        width:100%;
        height:70px;
    }

    #logo {margin-top:7px;margin-left:10px;}
    #page-content-wrapper {
        margin-left:220px;
/*        height:100%;
        width:100%;*/
    }

    div.leftNav {
        position:absolute;
    	font-family: arial;
    	font-size: 16px;
    	width: 198px;
    	font-weight: normal;
    	background: #5085BB;
        height:100%;
        padding-top:45px;
    }

    div.leftNav ul {
    	padding:0px;
    	margin:0px;
    	list-style: none;
    }

    div.leftNav li {
    	border-bottom: 1px solid #d6d6d6;
        list-style-type: none;
    }

    div.leftNav a {
    	display: block;
    	color:#FFFFFF;
    	padding: 2px;
        padding-left:5px;
    	text-decoration: none; }


    div.leftNav a:hover {
    	color:#9B3A3A;
    	background: #F7F7F7;
    }

    /* Top Nav */

    #topNav {
    margin:auto;
    width:100%;
        display:none;
/*        @media (min-width:600px) {
            dispaly:block;
        }                           */

    }

    div#topNav ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        overflow: hidden;
        background-color:  #5085BB;
    }

    div#topNav li {
        float: left;
    }

    div#topNav li a{
        display: block;
        color: white;
        text-align: center;
        padding: 14px 16px;
        text-decoration: none;
    }

    div#topNav li a:hover{
       background-color: #111;
    }

    .container-fluid {
        padding:0px;
        margin:0px;
    }
    .toppad{
        display:inline-block;
        vertical-align: middle;
        padding-top:14px;
    }
    #header {
        display:flex;
        max-width:1200px;
    }

    #headerSuper {
        padding:5px;
        font-size:16px;
        margin-top:10px;
        margin-left:20px;
        z-Index:20;
    }
    .input-group .form-control {
        position: relative;
        z-index: 2;
        float: left;
        width: 100%;
        margin-bottom: 0;
    }
    .form-control,
    .single-line {
      background-color: #FFFFFF;
      background-image: none;
      border: 1px solid #e5e6e7;
      border-radius: 1px;
      color: inherit;
      display: block;
      padding: 6px 12px;
      transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
      width: 100%;
      font-size: 14px;
    }
    .form-control:focus,
    .single-line:focus {
      border-color: #0e9aef !important;
    }
    #superMiniFormContainer {
        max-width:500px;
        margin-left:15px;
    }

    .input-group-btn {
        position: relative;
        font-size: 0;
        white-space: nowrap;
    }
    .input-group-addon, .input-group-btn {
        width: 1%;
        white-space: nowrap;
        vertical-align: middle;
    }

    .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group {
        z-index: 2;
        margin-left: -1px;
    }

    button, html input[type=button], input[type=reset], input[type=submit] {
        -webkit-appearance: button;
        cursor: pointer;
    }
    .btn-primary {
        background-color: #0e9aef;
        border-color: #0e9aef;
        color: #FFFFFF;
    }
    .btn {
        border-radius: 3px;
    }
    h1, h2, h3, h4, h5, h6 {
        color:inherit;
    }

	a {color:#3300FF;text-decoration:underline;}
	a:visited {color:#0066CC}

    #superMiniInput {
        height:31px;
        font-family:arial;
        font-size:17px;
    }

    #superMiniInput::-webkit-input-placeholder{
        font-size:16px;
    }

    #superMiniInput::-moz-placeholder{
        font-size:16px;
    }
.label {
  background-color: #d1dade;
  color: #5e5e5e;
  font-family: 'Open Sans';
  font-size: 10px;
  font-weight: 600;
  padding: 3px 8px;
  text-shadow: none;
}
.badge {
  background-color: #d1dade;
  color: #5e5e5e;
  font-family: 'Open Sans';
  font-size: 11px;
  font-weight: 600;
  padding-bottom: 4px;
  padding-left: 6px;
  padding-right: 6px;
  text-shadow: none;
}
.label-primary,
.badge-primary {
  background-color: #1ab394;
  color: #FFFFFF;
}
.label-success,
.badge-success {
  background-color: #1c84c6;
  color: #FFFFFF;
}
.label-warning,
.badge-warning {
  background-color: #f8ac59;
  color: #FFFFFF;
}
.label-warning-light,
.badge-warning-light {
  background-color: #f8ac59;
  color: #ffffff;
}
.label-danger,
.badge-danger {
  background-color: #ed5565;
  color: #FFFFFF;
}
.label-info,
.badge-info {
  background-color: #23c6c8;
  color: #FFFFFF;
}
.label-inverse,
.badge-inverse {
  background-color: #262626;
  color: #FFFFFF;
}
.label-white,
.badge-white {
  background-color: #FFFFFF;
  color: #5E5E5E;
}
.label-white,
.badge-disable {
  background-color: #2A2E36;
  color: #8B91A0;
}

/* Hide the browser's default checkbox */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}




/* Hide the browser's default checkbox */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}