@media only screen and (max-width: 600px) {
    .main-panel > .content {
        padding-left:0px;
        padding-right:0px;
    }

    .estimatetable {
        padding-left:2px;
        padding-right:2px;        
    }

    }

    body {
      font-size: 16px;
    }

    a {
        color: #0000EE;
    }




    .backmodal {
        display:none;
        z-index: 6000;
       position:absolute;
      top:50%;
      left:50%;
      margin-top:-50px; /* this is half the height of your div*/  
      margin-left:-50px; /*this is half of width of your div*/
      border-radius: 20px;
      
        height:     100px;
        width:      100px;
        background: rgba( 255, 255, 255, 1 ) 
                    url('/assets/img/ajax-loader.gif') 
                    50% 50% 
                    no-repeat;
    }

    /* When the body has the loading class, we turn
       the scrollbar off with overflow:hidden */
    body.fullloading {
        overflow: hidden;   
    }

    /* Anytime the body has the loading class, our
       modal element will be visible */
    body.fullloading .backmodal {
        display: block;
    }





    a:hover, a:focus {
        color: #3F2021;
        text-decoration: underline;        
    }

    .navbar-default .navbar-nav a:hover, .navbar-default .navbar-nav a:focus, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
        color: #3F2021 !important;
        text-decoration: underline;
    }

    .sidebar-wrapper > .open > a, .sidebar-wrapper > .open > a:hover, .sidebar-wrapper > .open > a:focus {
        background-color: #fff !important;
    }
    

.navbar-default .navbar-nav > .dropdown > a:hover .caret, .navbar-default .navbar-nav > .dropdown > a:focus .caret {
    border-bottom-color: #3F2021;
    border-top-color: #3F2021;
}


    .btn-info.btn-fill {
        background-color: #3F2021;
    }

    .btn-info.btn-fill:hover {
        background-color: #3F2021;
        border-color: #3F2021;
    }

    .btn-info.btn-fill:active, .btn-info.btn-fill:focus, .btn-info.btn-fill.active {
        background-color: #3F2021;
        border-color: #3F2021;
    }

    .btn-info {
        border-color: #3F2021;
        color: #3F2021;
    }


    .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active,
    .open > .btn-info.dropdown-toggle {
        background-color: transparent;
        color: #3F2021;
        border-color: #3F2021;
    }

    .btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover, .open>.dropdown-toggle.btn-info.focus, .open>.dropdown-toggle.btn-info:focus, .open>.dropdown-toggle.btn-info:hover {
        color: #fff;
        background-color: #3F2021;
        border-color: #3F2021;
    }

    .alert-success {
        color: #3c763d;
        background-color: #dff0d8;
        border-color: #d6e9c6;
    }

    .alert-danger {
        color: #a94442;
        background-color: #f2dede;
        border-color: #ebccd1;
    }

    .alert-warning {
        color: #8a6d3b;
        background-color: #fcf8e3;
        border-color: #faebcc;
    }

    .alert-info {
        color: #31708f;
        background-color: #d9edf7;
        border-color: #bce8f1;
    }

    @media screen and (-webkit-min-device-pixel-ratio:0) { 
  select,
  textarea,
  input {
    font-size: 16px;
  }
}