#header {
    float:none;
    margin-top: 15px;
}
#header #right {
    width:auto;
}
#header .button {   
    color: black;   
    border-radius: 5px;
    -webkit-border: 5px;
    -moz-border-radius: 5px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    background:#DDDDDD;
    position: relative;
    z-index: 99;
}
#header .button.button-green {
    background-color: Green;  color: white;    
}
#header .form-control { 
    /*height: 36px;*/ 
}
#header .input-group-addon {
    padding: 0;
}
#header .input-group .form-control {
    width: 100% !important;
}
.form-control {
    /*width: 100% !important;*/
}

/*navbar*/
.navbar-default .navbar-toggle {
    background-color: #FFF974;
}
.navbar-default .navbar-toggle:hover {
    background-color: #FFF974;
}

#sidebar-menu .RadPanelBar {
    width: auto;
}

#content {
    width:100%;
}

div.image_wrapper {
    margin-left: 0 !important;
}
.ul_wrapper {
    margin-left: auto !important;
    width: 70%;
    margin: auto;
    text-align:center;
}
ul#image_list {
    width: auto;
}
ul#image_list li {
    margin-right: 0 !important;
    border: 1px #FFF solid;
    display: inline-block;
    position: relative;
    width: auto;
    height: 70px;
    float: none;
    margin: 0;
    border: 1px solid #f3f3f3;
    z-index: 99;
}
div.div_btn {
    padding-top: 5px !important;
}

ul.category-group > li {
    margin: 0;
}

label img {
    max-width: 100%; height: auto; display:block;
}

/* Sidebar */
 #sidebar-menu .navbar-default { background-color: transparent; border-color: transparent; }
 #sidebar-menu .navbar-collapse { padding: 0; }

/*Homepage*/
body {
    background-color: #dddddd;
}
.container {
    background-color: #fff;
}
.col-center{
    float: none;
    margin: 0 auto;
}
#header .input-group-addon input.btn {
    text-transform: uppercase;
    font-weight: 700;
}
h1 {
    font-size: 1.8em;
    font-weight: bold;
    color: #45709b;
}
.img-search-result{
    height: auto!important;
    width: auto!important;
}
.nopaddingleft {
    padding-left: 0;
}
#header p.button.button-green {
    border: 1px solid black;
    font-weight: normal;
}
#header .button.btn-search {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.custom-table-responsive .table>tbody>tr>td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
    vertical-align: middle;
}

/* Control */
.table-text-input table {
    border-spacing: 2px !important; 
    border-collapse: initial !important;
}

@media(max-width: 460px) {
    .ui-widget.ui-widget-content {
        width: 90% !important;
    }
}
@media(max-width:767px) {
    #sidebar-menu .navbar-toggle {
        margin-right:15px;
    }
    #header .col-sm-3:last-of-type {
        top: -65px;
    }
    #header .col-sm-3:nth-child(2) {
        top: 35px;
    }
    #header .col-sm-3:nth-child(3) { top: 45px }
    #sidebar-menu { 
        top: -135px;
    }
    #sidebar-menu #the-menu { margin-top: 80px; }
    #content {
        margin-top: -60px;
    }
    .custom-table-responsive {
        width: 100% !important;
    }
    .custom-table-responsive > .table>tbody>tr>td {
        white-space: normal;

    }
}
@media(max-width:768px) {
    #aspnetForm .RadWindow.RadWindow_Outlook.rwNormalWindow.rwTransparentWindow {
            width: 100% !important;
        }
    .table-responsive::-webkit-scrollbar
    {
	    -webkit-appearance: none;
	    width: 14px;
	    height: 14px;
    }

    .table-responsive::-webkit-scrollbar-thumb
    {
	    border-radius: 8px;
	    border: 3px solid #fff;
	    /*background-color: rgba(0, 0, 0, .3);*/
	    background-color: #FFF974;
    }

    .table-responsive:hover::-webkit-scrollbar-thumb 
    {
        /*background-color: rgba(0, 0, 0, .5);*/
    }
}
@media (min-width: 768px) {
    .nopadding {
       padding: 0;
    }
    .nopaddingleft {
       padding-left: 15px;
    }
    .col-padding-left-to-right {
        padding: 0 30px 0 0;
    }

    #header .form-control {
        /*height: 34px;*/
    }
    #header .input-group-addon input.btn {
        font-size: 13px;
    }
    #header p.button.button-green {
    margin-top: 10px;
}
    
    h1 {
        font-size: 2em;
    }
}
@media (min-width: 992px) {
    
    #header .button {
        font-size: 18px;
    }
    #header .form-control {
        height: 39px;
    }
    #header .input-group-addon input.btn {
    font-size: 16.8px;
}
}
@media (min-width: 1200px) {
    .container {
        width: 970px;
    }
}