#wrapper {
    width: 100%;
}
#page-wrapper {
    /*--padding: 0 15px;--*/
    min-height: 568px;
    
}

@media(min-width:768px) {
    #page-wrapper {
        position: inherit;
        margin: 0 0 0 210px;
    }
}

.navbar-top-links {
    margin-right: 0;
}

.navbar-top-links li {
    display: inline-block;
}

.navbar-top-links li:last-child {
    margin-right: 15px;
}

.navbar-top-links li a {
    padding: 15px;
  
}

.navbar-top-links .dropdown-menu li {
    display: block;
}

.navbar-top-links .dropdown-menu li:last-child {
    margin-right: 0;
}

.navbar-top-links .dropdown-menu li a {
    padding: 3px 20px;
    min-height: 0;
}

.navbar-top-links .dropdown-menu li a div {
    white-space: normal;
}

.navbar-top-links .dropdown-messages,
.navbar-top-links .dropdown-tasks,
.navbar-top-links .dropdown-alerts {
    width: 310px;
    min-width: 0;
}
.navbar-top-links .dropdown-messages {
    margin-left: 5px;
}
.navbar-top-links .dropdown-tasks {
    margin-left: -59px;
}

.navbar-top-links .dropdown-alerts {
    margin-left: -123px;
}

.navbar-top-links .dropdown-user {
    right: 0;
    left: auto;
}

.sidebar .sidebar-nav.navbar-collapse {
    padding-right: 0;
    padding-left: 0;
}

.sidebar .sidebar-search {
    padding: 15px;
}
.sidebar .arrow {
    float: right;
}

.sidebar .fa.arrow:before {
    content: "\f104";
}

.sidebar .active>a>.fa.arrow:before {
    content: "\f107";
}

.sidebar .nav-second-level li,
.sidebar .nav-third-level li {
    border-bottom: 0!important;
}


.sidebar .nav-third-level li a {
    padding-left: 52px;
}

@media(min-width:768px) {
    .sidebar {
        z-index: 1;
        position: absolute;
        width: 20%;
        /*margin:10px;*/
    }
  .midcontent {
         margin-left:20%;
         width: -webkit-fill-available;
    }
    .navbar-top-links .dropdown-messages,
    .navbar-top-links .dropdown-tasks,
    .navbar-top-links .dropdown-alerts {
        margin-left: auto;
    }
}

.red{color:red !important;}
.green{color:green !important;}

.op-color{color:#1ABC9C !important;}
.tsk-color{color:rgb(251,176,59) !important;}
.bd-color{color:rgb(237,100,152) !important;}

.pdleft-5{padding-left:5%;}

.mrtop-5{margin-top:5px;}
.mrtop-10{margin-top:10px;}
.mrtop-15{margin-top:15px;}
.mrtop-20{margin-top:20px;}
.mrtop-40{margin-top:40px;}


.width-100p{width:100%}
.width-50p{width:50%}
.width-60p{width:60%}
.width-40p{width:40%}
.width-100p{width:100%}
.width-90p{width:90%}
.width-80p{width:80%}
.width-70p{width:70%}
.width-60p{width:60%}
.width-50p{width:50%}
.width-40p{width:40%}
.width-30p{width:30%}
.width-20p{width:20%}
.width-10p{width:10%}

.text-center{text-align:center}
.text-right{text-align:right}
.round-img{border-radius:50%;}
.dis-color{color:#999;}
.border-btm{border-bottom:1px solid #d7d7d7;}

.font-10{font-size:10px;}
.font-12{font-size:12px;}
.font-14{font-size:14px;}
.font-16{font-size:16px;}
.font-18{font-size:18px;}
.font-20{font-size:20px;}

.content-box{
	border:1px solid #d7d7d7;
	padding:10px;
}

.content-title{
	border-bottom:1px solid #d7d7d7;
	padding-bottom:10px;
}
.content-title h2{
	font-size:14px;
}
.tblhead 
{
	background-color: #319db5;
    color: #fff;
}
.panel-heading.cstclr{background-color:#42a3a6;color:#000;}
.panel-heading.dbrclr{background-color:lightblue;color:#000;}
.panel-heading.dlrclr{background-color: #1ebfae;color: #000;}