/*! =======================================================
 //  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%;
      }

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

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

      .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-color: #f5d938;
        background-image: url("/images/bg.jpg");
      }

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

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

      .pagecontent {
        border-left: 1px solid silver;
        border-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) {
        p, .blog li {
             line-height: 27px;
             font-size: 16px;
        }
        p {
             margin-bottom: 20px;
        }
      }

      @media(max-width: 979px) {
        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) {
        .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;
         }
      }