@media (min-width: 1200px) {
    .custom-bar-chart {
        margin-bottom: 40px;
    }
}

@media (max-width: 1199.98px) {
    .adv-table table tr td{
        padding:10px; 
    }

    .navbar-collapse, .navbar-collapse.in, .mega-menu ul li a {
        width: 100%;
    }




    /*-----*/
    .custom-bar-chart {
        margin-bottom: 40px;
    }
    
}

@media (max-width: 767.98px) {
    .body{
        font-size: 14px;
    }
    .hidden-phone{display: none;}
    .sidebar-toggle-box {
    display: block;
    }
    .header {
        position: absolute;
        background: transparent;
        border-bottom: 0px;
        z-index: 1003;
    }
    a.logo {
        display: none;
    }
    .panel-heading{
        text-align: center;
        position: relative;
        font-size: 16px;
    }
    .form-signin{max-width: 100%;height: 100%; margin: 0; border-radius: 0px;}
    thead {display: none}
    .op-area .btn-group{
        display: flex;
        flex-wrap: wrap;
    }

    /*sidebar*/

    #sidebar {
        display: none;
    }

    .sidebar-close #sidebar {
        height: auto;
        /*overflow: hidden;*/
        overflow-y: auto;
        position: absolute;
        width: 100%;
        z-index: 1001;
        display: block;
        background: #f5f7fa;
    }
    .sidebar-closed #sidebar {
        height: auto; 
    }
	ul.sidebar-menu {
        margin-top: 65px;
    }
    #sidebar hr{
        border:white
    }


    /* body container */
	.wrapper{
		padding:0px;
        margin-top:0;
        overflow: hidden;
	}
    #main-content {
        margin: 0 5px 0 5px!important;
        position: none !important;
    }

    #sidebar ul li a {
        line-height: 35px;
        color: #5f5f5f;
    }

    #sidebar ul li {
        margin: 5px 2%;
    	width: 46%;
    	float: left;
        clear: initial;
    }
    #sidebar > ul li a {
        height:50px;
        line-height:50px;
        padding: 0 10px;
        text-align: left;
		text-indent: 5px;
        text-align: center;
    }
    #sidebar ul li a i{
        display: none !important;
    }

    .mail-info, .mail-info:hover {
        display: none !important;
    }
    #sidebar ul > li > a .arrow, #sidebar > ul > li > a .arrow.open {
        margin-right: 10px;
        margin-top: 15px;
    }

    #sidebar ul > li.active > a .arrow, #sidebar ul > li > a:hover .arrow, #sidebar ul > li > a:focus .arrow,
    #sidebar > ul > li.active > a .arrow.open, #sidebar > ul > li > a:hover .arrow.open, #sidebar > ul > li > a:focus .arrow.open{
        margin-top: 15px;
    }

    #sidebar ul li a, #sidebar ul li ul.sub li {
        width: 100%;
        background: white;
    }
    #sidebar ul li ul.sub li a {
        background: transparent !important ;
    }
    #sidebar ul li ul.sub li a:hover {
        /*background: #4A8BC2 !important ;*/
    }

    /* sidebar */
    #sidebar {
        margin: 0px !important;
    }

    /* sidebar collabler */
    #sidebar .btn-navbar.collapsed .arrow {
        display: none;
    }

    #sidebar .btn-navbar .arrow {
        position: absolute;
        right: 35px;
        width: 0;
        height: 0;
        top:48px;
        border-bottom: 15px solid #282e36;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
    }


    /*---------*/
    .modal-body {
        padding: 15px 15px;
    }
    .modal-dialog {
    margin: 0px;
    }


    /*--horizontal menu--*/
    .full-width .navbar-toggle {
        border: 1px solid #eaeaea;
    }
    .full-width .navbar-toggle .icon-bar {
        background: #c7c7c7;
    }

    .full-width .navbar-toggle {
        float: left;
        margin-top: 12px;
    }

    .horizontal-menu {
        float: left;
        margin-left:0px;
        width: 70%;
        margin-top: 10px;
    }

    .top-nav {
        position: absolute;
        right: 10px;
        top: 0px;
    }

    .horizontal-menu .navbar-nav > li > a {
        padding-bottom: 10px;
        padding-top: 10px;
    }
    /*-----*/
    .custom-bar-chart {
        margin-bottom: 40px;
    }

    /*menu icon plus minus*/
    .dcjq-icon {
        top: 10px;
    }
    ul.sidebar-menu li ul.sub li a {
        padding: 0;
    }

	/*state-overview*/
	.state-overview .symbol i{
		font-size:2em;
	}

	.state-overview .value h1{
		font-size:1.5em;
	}
	.state-overview badge{
		font-size:10px;
	}
	.panel{
		margin-bottom: 15px;
	}

    .modal-header h4.modal-title{
        text-indent: 0px;
    }
    .op-area {
        width: 110px!important;
    }

}