﻿/*
   -----------------------------------------------------------------------------------
   Element Styles
   -----------------------------------------------------------------------------------
*/
.btn {
   padding: 2px 10px;
}

.input-group-addon button {
   border: 0 none !important;
   padding: 0 !important;
   margin: 0 !important;
   background-color: inherit !important;
}

hr {
   border-top: 3px solid #4682b4;
}

   hr.thin {
      border-top: 1px solid #4682b4;
   }

   hr.tighter {
      margin-top: 7px;
      margin-bottom: 7px;
   }

   hr.tight {
      margin: 0 !important;
   }

[disabled].form-control,
[readonly].form-control,
fieldset[disabled] .form-control,
.readonly,
[readonly].k-input {
   background-color: oldlace !important;
   color: #333333 !important;
}

ul.dashed {
   list-style-type: none;
}

   ul.dashed > li {
      text-indent: -5px;
   }

      ul.dashed > li:before {
         content: "-";
         text-indent: -5px;
      }

/*
   -----------------------------------------------------------------------------------
   Form Styles
   -----------------------------------------------------------------------------------
*/
/*
.form-control-inline {
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-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;
}
.form-control-inline: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, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.form-control-inline::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-control-inline:-ms-input-placeholder {
  color: #999;
}
.form-control-inline::-webkit-input-placeholder {
  color: #999;
}
.form-control-inline[disabled],
.form-control-inline[readonly],
fieldset[disabled] .form-control-inline {
  background-color: #eee;
  opacity: 1;
}
.form-control-inline[disabled],
fieldset[disabled] .form-control-inline {
  cursor: not-allowed;
}
*/

:-ms-input-placeholder {
   font-style: italic;
   color: #999;
}

.control-label {
   margin-bottom: 0;
   font-size: 9pt;
}

.form-control {
   padding: 3px 6px;
   height: 21pt;
}

.form-control-static {
   padding: 0 !important;
   height: 21pt !important;
   min-height: 21pt !important;
   line-height: 1.42857143 !important;
}

.input-group-addon {
   font-size: 10pt;
   padding: 3px 12px;
}

.select {
   padding: 3px 6px;
   border: 1px solid #4682b4;
   border-radius: 3px;
   -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, -webkit-box-shadow ease-in-out .15s;
   -o-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;
}

/*
.form-control
{
   padding:3px 3px 4px;
   height:20pt;
}

..input-group-addon
{
   padding:3px 3px 4px;
}
*/

@media(min-width: 768px) {
   div.row.tight div[class*="col-"]:not(:first-child, :last-child) {
      padding-left: 5px;
      padding-right: 5px;
   }

   div.row.tight div[class*="col-"]:first-child {
      padding-right: 5px;
   }

   div.row.tight div[class*="col-"]:last-child {
      padding-left: 5px;
   }
}

.multi-form-control > :first-child {
   padding-left: 0 !important;
   padding-right: 0 !important;
}

.multi-form-control > div:not(:first-child) {
   padding-left: 5px;
   padding-right: 0 !important;
}

.panel-heading .form-inline {
   display: inline-block !important;
}

.form .checkbox,
.form .radio {
   margin-top: 4px !important;
   margin-bottom: 9px !important;
}

   .form .checkbox > label > label {
      padding-left: 5px !important;
   }


/*
   -----------------------------------------------------------------------------------
   Bootstrap Control Styles
   -----------------------------------------------------------------------------------
*/
.panel-group .panel .panel-heading:not(:first-child) {
   border-top-left-radius: 0 !important;
   border-top-right-radius: 0 !important;
}

div.panel-default {
   border-color: #9eb7d6 !important;
}

   div.panel-default div.panel-heading a[data-toggle='collapse'] {
      color: steelblue;
      font-weight: bold;
      text-decoration: none;
      display: table-cell;
      vertical-align: middle;
      height: 100%;
   }

   div.panel-default div.panel-heading .control-label,
   div.panel-default div.panel-heading input:not([type=submit]),
   div.panel-default div.panel-heading select {
      color: black;
      vertical-align: middle;
   }

div.panel-heading {
   padding-top: 5px !important;
   padding-bottom: 5px !important;
   min-height: 24px;
}

.panel-title a:before {
   font-family: 'Glyphicons Halflings';
   content: "\e114";
   float: left;
   color: #999999;
   padding-right: 10px;
}

.panel-title a.collapsed:before {
   content: "\e080";
   color: #999999;
   padding-right: 10px;
}

.panel-body {
   padding: 8px !important;
}

.panel-title {
   margin-top: 0;
}
/*
   -----------------------------------------------------------------------------------
   Utility Styles
   -----------------------------------------------------------------------------------
*/

.push-top {
   margin-top: 15px;
}

.push-bottom {
   margin-bottom: 15px;
}

.form-group {
   margin-bottom: 5px;
}

optgroup {
   background-color: gainsboro;
}

   optgroup option {
      background-color: white;
   }

.form-group.has-error .form-control .input-validation-error,
.form-group.has-error .selectize-input {
   background-color: #f2dede;
}

.val-highlight-error {
   background-color: #f2dede;
   border: #ebccd1;
   color: #a94442;
}

   .val-highlight-error:hover,
   .val-highlight-error:focus {
      background-color: #ebccd1 !important;
      color: #843534 !important;
   }

.form-group > .checkbox-inline {
   margin-top: 5px;
}

input::-ms-clear {
   display: none;
}

.panel-title a {
   padding-top: 4px;
}

.Hidden {
   display: none;
}

.checkmark {
   background-image: url('../Content/images/green-checkbox.png');
   background-size: contain;
   background-repeat: no-repeat;
   width: 20px;
   height: 20px;
   display: inline-block;
   margin-right: 5px;
   margin-top: 25px;
}

   .checkmark.inline {
      margin-top: 0 !important;
   }


.table {
   background-color: white;
   border-color: gainsboro;
}

   .table > thead > tr > th {
      background: steelblue;
      color: white;
   }

   .table > thead > th,
   .table > thead > td,
   .table > tbody > tr > td,
   .table > tbody > tr > th {
      border-color: gainsboro;
   }

.table-striped > tbody > tr:nth-of-type(odd) {
   background-color: whitesmoke;
}

.table > .tfoot > tr > td {
   background: steelblue;
   color: white;
}

.table-hover > tbody > tr:hover {
   background-color: palegoldenrod !important;
}

.glyphicons {
   line-height: 0.5;
}

.col-push-down {
   padding-top: 20px;
}


.nav, .pagination, .carousel, .panel-title a {
   cursor: pointer;
}

.debug-dump {
   margin: 10px;
   clear: both;
}

.panel-heading .pagination {
   margin-top: 0;
   margin-bottom: 0;
   vertical-align: bottom;
}

.panel-heading .pagination-container,
.panel-heading .paging-wrapper {
   display: inline-block;
   vertical-align: bottom;
}

.panel-heading .pagination > li > a,
.panel-heading .pagination > li > span {
   padding-top: 2px;
   padding-bottom: 2px;
}

.btn-inline {
   background-color: #4682b4;
   color: #fff;
   padding: 5px 5px 2px;
}