/**********************************************************************************************
    1. General Elements
    2. Layout
        2.1 Navigation
        2.2 Content
        2.3 Footer
    3.     Miscellaneous

***********************************************************************************************/

/* 1. General Elements
===============================================================================================*/
h4{
  font-size:1.6em;
}

/* 2.1 NAVIGATION
------------------------------------------------------------------------------------------------ */
  #header{
    border-left: 1px solid #E8E8E8;/*new*/
    border-right: 1px solid #E8E8E8;/*new*/
  }

/* 2.2 CONTENT
------------------------------------------------------------------------------------------------ */
  #content{
    border-left: 1px solid #E8E8E8; /*new*/
    border-right: 1px solid #E8E8E8;/*new*/

    background:white;/*new*/
    /*
    background: -moz-linear-gradient(top,  #e6e5e6 0%, #eeeeed 3%, #efeeee 4%, #f7f6f7 7%, #fbfbfb 11%, #ffffff 34%, #fafafa 64%, #f1f1f1 81%, #e6e6e6 95%, #e4e4e4 100%);
    */
    /* FF3.6+ */
    /*
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e5e6), color-stop(3%,#eeeeed), color-stop(4%,#efeeee), color-stop(7%,#f7f6f7), color-stop(11%,#fbfbfb), color-stop(34%,#ffffff), color-stop(64%,#fafafa), color-stop(81%,#f1f1f1), color-stop(95%,#e6e6e6), color-stop(100%,#e4e4e4));
    */
    /* Chrome,Safari4+ */
    /*
    background: -webkit-linear-gradient(top,  #e6e5e6 0%,#eeeeed 3%,#efeeee 4%,#f7f6f7 7%,#fbfbfb 11%,#ffffff 34%,#fafafa 64%,#f1f1f1 81%,#e6e6e6 95%,#e4e4e4 100%);
    */
    /* Chrome10+,Safari5.1+ */
    /*
    background: -o-linear-gradient(top,  #e6e5e6 0%,#eeeeed 3%,#efeeee 4%,#f7f6f7 7%,#fbfbfb 11%,#ffffff 34%,#fafafa 64%,#f1f1f1 81%,#e6e6e6 95%,#e4e4e4 100%);
    /*
    /* Opera 11.10+ */
    /*
    background: -ms-linear-gradient(top,  #e6e5e6 0%,#eeeeed 3%,#efeeee 4%,#f7f6f7 7%,#fbfbfb 11%,#ffffff 34%,#fafafa 64%,#f1f1f1 81%,#e6e6e6 95%,#e4e4e4 100%);
    /*
    /* IE10+ */
    /*
    background: linear-gradient(to bottom,  #e6e5e6 0%,#eeeeed 3%,#efeeee 4%,#f7f6f7 7%,#fbfbfb 11%,#ffffff 34%,#fafafa 64%,#f1f1f1 81%,#e6e6e6 95%,#e4e4e4 100%);
    /*
    /* W3C */
  }

  div.datetime {float: right; width: 3.1em; min-width:48px; color:#2f4765; background:url(../images/corner.gif) no-repeat right bottom; text-align:center;
  font-size:x-small;}
    div.datetime p {margin:0 auto; padding:0;}
    div.datetime .top {color:#fefefe; background-color:#2f4765; margin:0 6px 0 0; padding:6px 0 1px 0; line-height:100%; border-top:1px solid #283c56; border-bottom:1px solid #316640; border-left:1px solid #283c56;}
      div.datetime .top p { background:url(../images/caltop.gif) no-repeat 50% 0;  margin:-9px auto 0;
      padding-top:11px; padding-bottom:0; padding-left:1px; text-align:center;
      font:bold x-small/100% Georgia, "New Century Schoolbook", "Book Antiqua", "Times New Roman", serif;
      letter-spacing:0.12em;
      text-transform:uppercase;}
      div.datetime .btm {color:#365174; background:transparent; border-left:1px solid #a1c6ac; margin:0 10px 5px 0; padding:0 0 1px 0;}

  /* day of the month (NUMBER) */
  div.datetime p.day {margin:0 3px 0 8px; text-align:center; color:#365174; background-color:transparent; padding:0 0 1px 0; font:bold 1.5em/98% Georgia, "New Century Schoolbook", "Book Antiqua", "Times New Roman", serif; letter-spacing:0.13em;}
  /* month */
  div.datetime p.mon {margin:0 3px 0 8px; text-align:center; padding:0; font:x-small/135% Verdana,Geneva,Arial,Helvetica,sans-serif; letter-spacing:normal; line-height:100%; text-transform:uppercase; color:#283d57; background-color:transparent;}
  /* year */
  div.datetime p.yr {text-align:center; margin-right:14px; margin-left:5px; padding:0 4px 0 0; font:x-small/110% Verdana,Geneva,Arial,Helvetica,sans-serif; letter-spacing:0.05em; color:#283d57; background-color:transparent;}


/* 2.3 FOOTER
------------------------------------------------------------------------------------------------ */
  #footer{
      position: relative;
      padding: 5px 15px;
      font-size: small;
      height:30px;
/*      background-color: #e4e4e4;*/
    background:white;/*new*/
    border-left: 1px solid #E8E8E8;/*new*/
    border-right: 1px solid #E8E8E8;/*new*/
    border-bottom: 1px solid #E8E8E8;/*new*/
  }


/* Locale */
  #footer .locale{position: absolute; left: 15px; top: 5px;}

/* 3. MISCELLANEOUS
-----------------------------------------------------------------------------------------------
===============================================================================================*/

  .img-full{width: 100%;}

    /* Override base .btn styles */
    /* Apply text and background changes to three key states: default, hover, and active (click). */
    .btn-ttc,
    .btn-ttc:hover,
    .btn-ttc:active {
      color: white;
      text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
      background-color: #007da7;
    }

    /* Apply the custom-colored gradients */
    /* Note: you'll need to include all the appropriate gradients for various browsers and standards. */
    .btn-ttc {
      background-repeat: repeat-x;
      background-image: linear-gradient(top, #009ED2 0%, #007DA7 100%);
    }

    /* Set the hover state */
    /* An easy hover state is just to move the gradient up a small amount. Add other embellishments as you see fit. */
    .btn-ttc:hover {
      background-position: 0 -15px;
    }

/*new*/
@media (min-width: 1010px) {

  .container {
     width: 800px;
   }
  /*   .container{width: 730px;}*/
}

@media (max-width: 1060px) {}

    @media (max-width: 979px) {}

    @media (max-width: 767px) {}

    @media (max-width: 720px) {}

    @media (max-width: 480px) {
    /*    .container {
          color:yellow;
          width:480px;
        }
        */
    }

    @media (max-width: 340px) {
    }

.custom-checkbox input[type=checkbox]+span:before{
  background-color: transparent;
  color: #F9F9F9;
  border: 1px solid #808080;
}

time.icon
{
/*  font-family: "Helvetica Neue Bold", arial, helvetica, sans-serif;*/
  font-size: 12px; /* change icon size */
  float: right;
  display: block;
  position: relative;
  width: 50px;
  height: 60px;
  background-color: #fff;
  margin: 1px auto;
  border-radius: 0.6em;
  box-shadow: 0 1px 0 #bdbdbd, 0 2px 0 #fff, 0 3px 0 #bdbdbd, 0 4px 0 #fff, 0 5px 0 #bdbdbd, 0 0 0 1px #bdbdbd;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-transform: rotate(0deg) skewY(0deg);
  -webkit-transform-origin: 50% 10%;
  transform-origin: 50% 10%;
}

time.icon *
{
  display: block;
  width: 100%;
  font-size: 12px;
  font-weight: bold;
  font-style: normal;
  text-align: center;
}

time.icon strong
{
  position: absolute;
  top: 0;
  padding: 0;
  color: #fff;
  background-color: #403039;
  border-bottom: 1px dashed #495350;
  box-shadow: 0 2px 0 gray;

  /*
  background-color: #ec008b;
  border-bottom: 1px dashed #f5199a;
  box-shadow: 0 2px 0 rgba(236, 0, 139, 0.46);
  */
}

time.icon em
{
  position: absolute;
  bottom: 0px;
  color:#0a0c0e;
  /*
  */
}

time.icon span
{
  width: 100%;
  font-size: 16px;
  letter-spacing: -0.05em;
  padding-top: 20px;
  color: #2f2f2f;
}

time.icon:hover, time.icon:focus
{
  -webkit-animation: swing 0.6s ease-out;
  animation: swing 0.6s ease-out;
}

@-webkit-keyframes swing {
  0%   { -webkit-transform: rotate(0deg)  skewY(0deg); }
  20%  { -webkit-transform: rotate(12deg) skewY(4deg); }
  60%  { -webkit-transform: rotate(-9deg) skewY(-3deg); }
  80%  { -webkit-transform: rotate(6deg)  skewY(-2deg); }
  100% { -webkit-transform: rotate(0deg)  skewY(0deg); }
}

@keyframes swing {
  0%   { transform: rotate(0deg)  skewY(0deg); }
  20%  { transform: rotate(12deg) skewY(4deg); }
  60%  { transform: rotate(-9deg) skewY(-3deg); }
  80%  { transform: rotate(6deg)  skewY(-2deg); }
  100% { transform: rotate(0deg)  skewY(0deg); }
}

.panel-default { /*new*/
  margin-bottom: 0;
}

.panel { /*new*/
  border: 0 solid black;
  -webkit-box-shadow: 0 0 0 0;
}


body {
  font-family: Inter, serif!important;
  font-size: 13px;
}

.panel-heading .panel-title {
  font-size: 16px;
}

.lead {
    font-size: 0.9em;
}

/*

.popover {
max-width: 95%;
max-height: 95%;
  font-size: smaller;
  white-space: nowrap;
  z-index: 1060;
}

.popover-title {
  white-space: nowrap;
  z-index: 1060;
}
*/

@media (max-width: 480px) {
  .overflow-table {
    overflow-x: auto;
    transform: rotateX(180deg);
  }
}

@media (max-width: 480px) {
  .overflow-table table {
/*    cursor: pointer;*/
    border: 2px dashed #bdbdbd;
    transform: rotateX(180deg);
  }
}