/*! =======================================================
 //  overiden bootstrap styles
 //  ======================================================= */

      .navbar-inverse .navbar-inner { background-image: none; background-color: #444444; }
      .navbar-inner .nav li a { color: #ffffff !important; outline: none !important; }
      .navbar-fixed-top .navbar-inner { padding: 0px !important; }
      .navbar-fixed-top { margin-bottom: 0px !important; }
      .navbar-inverse .icon-white { opacity: 0.8; filter: alpha(opacity=80); }
      .navbar-inverse a:hover .icon-white { opacity: 1; filter: alpha(opacity=100); }
      .carousel .carousel-control { visibility: hidden; }
      .carousel:hover .carousel-control { visibility: visible; }
      .modal-body { max-height: 500px; }

      input, textarea, .uneditable-input { width: 80%; }
      select { width: 84.5%; }
      .form-horizontal .controls { margin-left: 140px; }
      .form-horizontal .control-label { width: 120px; }

      .modal.fade{
          -webkit-transition: opacity .2s linear, none;
          -moz-transition: opacity .2s linear, none;
          -ms-transition: opacity .2s linear, none;
          -o-transition: opacity .2s linear, none;
          transition: opacity .2s linear, none;
          top: 50%;
      }

      h2 {
         margin-top: 50px;
      }
      h2:first-child {
         margin-top: 20px;
      }
      h4 {
         margin-top: 25px;
      }
      h5 {
         margin-top: 40px;
      }

      pre {
         margin-top: -10px !important;
         margin-bottom: 15px !important;
         background-color: #EEFFEE !important;
      }

      .nobtop { border-top: 0 !important; }
      .table tr td { border-color: #efefef; border-top-style: dashed; }

      .input-append .active, .input-prepend .active {
           border-color: transparent !important;
      }

      .thumbover:hover .buttondel { display: block !important; }

      .dropdown-menu .active > a,
      .dropdown-menu .active > a:hover {
        color: #ffffff;
      }

 /*! =======================================================
 //  own responsive styles for slax website
 //  ======================================================= */

      body {
        padding-top: 40px;
      }

      form {
         margin: 0px;
      }

      .white-background {
        background-color: #ffffff;
      }

      .background {
        
       background:
repeating-linear-gradient(
  -45deg,
  #6fb32c,
  #6fb32c 1px,
  #5fa31c 2px,
  #5fa31c 90px
);

      }

      .footer {
        padding: 50px;
        margin-top: 70px;
        border-top: 1px solid #e5e5e5;
        background-color: #f5f5f5;
      } 

      .footer p {
        margin-bottom: 0;
        color: #777;
      }

      .pagecontent {
        aborder-left: 1px solid silver;
        aborder-right: 1px solid silver;
        padding-top: 20px;
      }

      .bottom50 {
          margin-bottom: 50px !important;
      }

      .bottom40 {
          margin-bottom: 40px !important;
      }

      .bottom30 {
          margin-bottom: 30px !important;
      }

      .bottom20 {
          margin-bottom: 20px !important;
      }

      .bottom10 {
          margin-bottom: 10px !important;
      }

      .left10 {
          padding-left: 10px;
      }

      .top10 {
          margin-top: 10px;
      }
      .top20 {
          margin-top: 20px;
      }
      .top30 {
          margin-top: 30px;
      }

      .nowr {
         white-space: nowrap;
      }

      .justified p, .justifiedtext {
         text-align: justify !important;
      }

      .modal-lang-text {
         font-size: 12px;
         line-height: 28px;
      }
      .modal-lang-text img {
         padding-right: 5px;
      }

      .secondrow td {
         padding-top: 60px !important;
      }

      p code {
         position: relative;
         top: -1px;
      }

      .comment-cell:hover {
         background-color: #efefef;
      }

      .comment-cell .label {
         text-shadow: none !important;
      }

      .comment-cell p {
         font-size: 14px;
         line-height: 18px;
      }

      .noround {
         -webkit-border-radius: 0px !important;
            -moz-border-radius: 0px !important;
                 border-radius: 0px !important;
      }


      .modcatlist {
         padding-left: 10px;
         margin-bottom: 10px;
         display: block;
         border: 1px solid white;
         text-decoration: none;
         color: #444444;

         -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
                 border-radius: 6px;

         -webkit-transition: all 0.25s linear;
            -moz-transition: all 0.25s linear;
              -o-transition: all 0.25s linear;
                 transition: all 0.25s linear;
      }

      .modcatlist .catcol {
         display: block;
         height: 64px;
         -webkit-transition: all 0.25s linear;
            -moz-transition: all 0.25s linear;
              -o-transition: all 0.25s linear;
                 transition: all 0.25s linear;
      }

      .modcatlist .catcol1, .modcatlist .catcol2 {
         border-left: 1px dashed #fff000;
         margin-top: 10px;
      }

      .modcatlist:hover .catcol1, .modcatlist:hover .catcol2 {
         border-left: 1px solid #fffddd;
         -webkit-transition: none;
            -moz-transition: none;
              -o-transition: none;
                 transition: none;
      }

      .modcatlist:hover {
         background-color: #fffddd;
         color: #444444;
         text-decoration: none;
         border: 1px solid #fff000;
      }

      .modcatlist a {
         font-size: 20px;
         text-decoration: none;
         font-weight: bold;
         color: #444444;
      }

      .modcatlist i {
         font-style: normal;
      }

      .modcatlist .category {
         margin-top: 20px;
      }

      .tdalignright {
         text-align: right !important;
      }

      .tag {
         margin-bottom: 3px;
         padding: 3px;
         padding-left: 5px; padding-right: 5px;
         font-size: 11px;
         font-weight: normal;
         text-shadow: none;
         background-color: #bbbbbb;
      }
      .tag a {
         color: white;
         font-size: 12px;
      }

      @media(max-width: 1200px) {
        .modcatlist .category {
            margin-top: 20px;
        }

        .modcatlist a {
           font-size: 17px;
        }
        p {
             margin-bottom: 20px;
        }
      }

      @media(min-width: 1200px) {
        .buttonbubble{ width: calc(100% - 100px); }
        p, .blog li {
             line-height: 27px;
             font-size: 16px;
        }
        p {
             margin-bottom: 20px;
        }
      }

      @media(max-width: 1200px) {
        .buttonbubble{ width: calc(100% - 100px); font-size: 24px !important; }
      }

      @media(max-width: 979px) {
        .buttonbubble{ width: calc(100% - 80px); font-size: 20px !important; }

        p, .blog li {
             line-height: 15px;
             font-size: 12px;
        }
        p {
             margin-bottom: 15px;
        }

        .modcatlist .category {
           margin-top: 13px;
        }

         .modcatlist .catcol {
             height: 48px;
         }

        .modcatlist a {
           font-size: 14px;
        }

        .modcatlist i {
           font-size: 12px;
        }
      }

      @media(max-width: 767px) {
        .buttonbubble{ width: calc(100% - 80px); font-size: 20px !important; }

        .container {
            padding-left: 30px;
            padding-right: 30px;
        }
        .left10 {
            padding-left: 0px;
        }
        .footer {
            margin-left: -30px;
            margin-right: -30px;
        }

        .modcatlist .category {
           margin-top: 0px;
        }

        .modcatlist .catcol {
             display: none;
         }
      }






/* bubble button
-----------------------------------------
*/

.buttonbubble{
text-align: center;
font:15px Calibri, Arial, sans-serif;
text-shadow:1px 1px 0 rgba(0,0,0,0.4);
text-decoration:none !important;
white-space:nowrap;
display:inline-block;
vertical-align:baseline;
position:relative;
cursor:pointer;
padding:10px 40px;
background-repeat:no-repeat;
background-position:bottom left;
background-image:url('/images/button_bg.png');
background-position:bottom left, top right, 0 0, 0 0;
background-clip:border-box;
border-radius:8px;
box-shadow:0 0 1px #fff inset;
transition:background-position 4s;
margin-bottom: 20px;
}
.buttonbubble:hover{
background-position:top left, bottom right, 0 0, 0 0;
}
.buttonbubble:active{
bottom:-1px;
}
/* The three buttons sizes */
.buttonbubble.big { font-size:30px;}
.buttonbubble.medium { font-size:18px;}
.buttonbubble.small { font-size:13px;}

/* BlueButton */
.blue.buttonbubble{
color:#ffffff !important;
border:1px solid #84acc3 !important;
background-color: #48b5f2;
background-image: url('/images/button_bg.png'), url('/images/button_bg.png');
background-image: url('/images/button_bg.png'), url('/images/button_bg.png');
}
.blue.buttonbubble:hover{
background-color:#63c7fe;
background-image: url('/images/button_bg.png'), url('/images/button_bg.png');
background-image: url('/images/button_bg.png'), url('/images/button_bg.png');
}

/* Green Button */
.green.buttonbubble{
color:#ffffff !important;
border:1px solid #96a37b !important;
background-color: #6fb32c;
background-image:url('/images/button_bg.png'), url('/images/button_bg.png');
background-image:url('/images/button_bg.png'), url('/images/button_bg.png');
}
.green.buttonbubble:hover{
background-color:#89d228;
background-image:url('/images/button_bg.png'), url('/images/button_bg.png');
background-image:url('/images/button_bg.png'), url('/images/button_bg.png');
}

/* Orange Button */
.orange.buttonbubble{
color:#ffffff !important;
border:1px solid #bea280 !important;
background-color: #e38d27;
background-image:url('/images/button_bg.png'), url('/images/button_bg.png');
background-image:url('/images/button_bg.png'), url('/images/button_bg.png');
}
.orange.buttonbubble:hover{
background-color:#ec9732;
background-image:url('/images/button_bg.png'), url('/images/button_bg.png');
background-image:url('/images/button_bg.png'), url('/images/button_bg.png');
}

.tooltip { width: 150px !important; }