html,
body {
    height: 100%;

}



.form-group{}



.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 80px;
    *background: #eeffee;
    background: whitesmoke;
    background: rgba(0,0,0,.1);
}



.wrap > .container {
    padding: 70px 15px 20px;
}


.jumbotron {
    text-align: center;
    background-color: transparent;
    padding-top: 0;
    padding-bottom: 0;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: "\e151";
}

a.desc:after {
    content: "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view td {
    white-space: nowrap;
}

.grid-view .filters input,
.grid-view .filters select {
    min-width: 50px;
}



td span.glyphicon{font-size: 20px !important}
td .custom_button{margin: 0 !important; display: inline-block; height: auto; padding: 0;; border: none}

td,th,table{border: none !important}


.kv-editable-link{white-space: normal; border: none}
.custom_button span.glyphicon{padding: 0; margin: 0}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

/* align the logout "link" (button in form) of the navbar */
.nav > li > form {
    padding: 0px;
}

.nav > li > form > button{
    height: 50px
}


.nav > li > form > button:hover {
    text-decoration: none;
}
nav {background: rgb(70,70,70) !important;*#335588 !important}

.large-icon
{
  font-size: 7vw;
  display: block;
  opacity: .7;
  margin-bottom: 1vw;
  padding: 0;
}
.shortcut
{
 background: rgb(30,20,100);
 background: rgba(20,50,150,1);
 border: none;
 *border-color: #112255 !important;
 color: #bbccdd;
 *border-radius: 0;
 height: 20vw !important;
 padding-top: 5vw;
 *display: inline-block !important;
 margin: 0;
 opacity: 1;
 *float: none;
 border-radius: 4px;
}

.shortcut .title {
  font-size: 3vw;
  line-height: 3vw !important;
  padding: 0;
}



.shortcut:hover{border: none !important;}

.my-row h1
{
  *background: #000000;
  text-align: center;
  color: #557755;
  margin: 0;
  padding:  10px !important;
}


.footer
{
  background: #111111;
  opacity: .7;
  border: none;
  color: whitesmoke;
  height: 60px;
  //background-color: #f5f5f5;
  border-top: 1px solid #555;
  padding-top: 20px;

}



@media (max-width: 780px) {
	.carousel {
		height: 100% !important;
    width: 300% !important;
    position: fixed;;

	}
  .carousel .item { }
  .carousel .item img{position: fixed !important; height: 100% !important; width:300% !important;}

  .my-row h1
  {
    font-size: 8vw;

  }

  .large-icon
  {
    font-size: 12vw;
    display: block;
    padding: 0;
    margin-bottom: 3vw;
  }


  .shortcut .title
  {
    font-size: 6vw !important;
  }

  .shortcut
  {

   border: none;
   border-color: #112255 !important;
   color: #bbccdd;
   border-radius: 4px;
   height: 25vw !important;
   padding-top: 4vw;
   *display: inline-block !important;
   margin: 0;
   opacity: .8;
   *float: none;
   margin-bottom: 5px
  }


}

@media (min-width: 781px) {
  .shortcut .title
  {
    font-size: 2vw !important;
  }

  .shortcut
  {
   border: none;
   border-color: #112255 !important;
   color: #bbccdd;

   border-radius: 4px;
   height: 12vw !important;
   padding-top: 2vw;
   *display: inline-block !important;
   margin: 0;
   opacity: .8;
   *float: none;

  }

  .large-icon
  {
    font-size: 4vw;
    display: block;
    padding: 0;
  }
}

.breadcrumb
{
    background: rgba(200,200,240,.8);
    background: rgba(0,150,200,1); color: white
}
.breadcrumb a{color: white}
.breadcrumb .active{color: gold}

.my-row
{
  margin: 0 !important;
  padding: 0 !important;
}


.btn-yellow
{
  background: green;
  border-color: green;
}
.btnbar .col-lg-2
{
  padding: -5px;
  margin-right: 0px;
  margin-top: 5px;
  display: inline-block !important;
}

.btn-holder,
.btn-holder .btn
{
  display: inline-block !important;
    *float: none;
}

.btn-holder .col-xs-12
{
  padding: 5px;
  display: inline-block !important;
}
.btnbar
{
  *text-align: right;
  *background: red;
  padding: 0;
  display: block !important;
}
.separator
{
  height: 20px;
}

.mytab
{
  border: 1px solid rgba(100,100,100,.2);
  border-radius: 4px;
  padding: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
}

div.my-row div {
  float: none; display: inline-block; margin-bottom: 1vw;
}


div.my-row a{
  float: none; display: inline-block; margin-bottom: 1vw;
}
thead tr{background: rgba(0,150,200,1); color: white !important}
thead tr th a{background: rgba(0,150,200,1); color: white !important}
tfoot tr td {background: rgba(0,150,200,1); color: white !important}