.ui-accordion-info .panel-heading
{
    background-color:rgb(99,180,251);
    color:white;
}

.ui-accordion-info .panel
{
    border:1px solid rgb(99,180,251);
}

.ui-accordion-gray .panel-heading
{
    background-color:#DDD;
    color:#767676;
}

.ui-accordion-gray .panel
{
    border:1px solid #DDD; 
}

.panel-gray
{
    border-color: #DDD;
}

.panel-gray > .panel-heading
{ 
    color: #767676;
    background-color: #DDD;
    border-color: #DDD;
}


.panel-unity-info {
  border-color: rgb(99,180,251);
}
.panel-unity-info > .panel-heading {
  color: white;
  background-color: rgb(99,180,251);
  border-color: rgb(99,180,251);
}

.panel-unity-info > .panel-heading + .panel-collapse .panel-body {
  border-top-color: rgb(99,180,251);
}

.panel-unity-info > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: rgb(99,180,251);
}


.small-badge {
    color:#FFF;
    padding: 2px 6px;
    border-radius:8px;
}


.nav-boxed {
    box-shadow: 0 0 2px rgba(0,0,0,0.2);
    background-color: #fff;
    border-radius: 4px;
}


.nav-boxed>li:first-child>a {
    border-left: 1px solid #f3f3f3;
}

.nav-boxed.nav-justified>li>a {
    margin: 0;
}


.nav-boxed>li>a {
    border-top: 0;
    border-left: 1px solid #f3f3f3;
}


.nav-boxed > li > a > i {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin: 0 auto 2px;
    font-size: 30px;
}


/* start: header search box*/

.header-container > .top-header .top-nav .search-box {
	max-width: 180px;
	padding: 8px 0;
}

.header-container > .top-header .top-nav {
	width: 100%;
	height: 50px;
	padding: 50px 0 0;
}

.header-container > .top-header .top-nav .search-box .input-group-addon {
    padding: 6px 0 6px 12px;
    border: none;
    background-color: transparent;
}
.header-container.bg-dark .input-group-addon, .header-container.bg-dark a {
    color: #fafafa;
}
.input-group-addon:first-child {
    border-right: 0;
}
.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}
.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #CBD5DD;
    border-radius: 2px;
}
.input-group-addon, .input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}
.input-group-addon, .input-group-btn, .input-group .form-control {
    display: table-cell;
}
* {
    box-sizing: border-box;
}

.header-container > .top-header .top-nav {
	padding: 0 0 0 220px;
}

.header-container > .top-header .top-nav .search-box .form-control {
    border: none;
    background: transparent;
}
.header-container.bg-dark .search-box .form-control {
    color: #fafafa;
}
.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}
.input-group-addon, .input-group-btn, .input-group .form-control {
    display: table-cell;
}

.header-container > .top-header .top-nav .nav-left > li {
	border-right: 1px solid rgba(255,255,255,0.06);
}

.header-container > .top-header .top-nav .nav-left > li > .btn-group > a, .header-container > .top-header .top-nav .nav-left > li > a, .header-container > .top-header .top-nav .nav-right > li > .btn-group > a, .header-container > .top-header .top-nav .nav-right > li > a {
	padding: 15px 18px;
}


.header-container > .top-header .top-nav .nav-left > li > .btn-group > a .badge, .header-container > .top-header .top-nav .nav-left > li > a .badge, .header-container > .top-header .top-nav .nav-right > li > .btn-group > a .badge, .header-container > .top-header .top-nav .nav-right > li > a .badge {
	position: absolute;
	top: 6px;
	right: 3px;
}

.header-menu a {
    color:#333 !important;
}

.header-menu a > span {
    color:#333;
}

/* end: header search box*/

.apps-container {
  margin: 10px 10px 0 0;
  padding: 5px;
  min-width:200px;
  min-height:50px;
}

.app {
    cursor: -webkit-grab;
    cursor: -moz-grab;  
}

.app:active {
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;   
}

.app-drag {

    background-color:rgba(255, 182, 28, 0.5) !important;    
    box-shadow:0 0 10px #666;
    height:150px;    

    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;      
}

.app-drag-green {

    background-color:rgba(76, 255, 0,0.5) !important;  
    box-shadow:0 0 10px #666;
    height:150px;    

    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;      
}

.app-drag-red {

    background-color:rgba(255, 0, 0,0.5) !important;  
    box-shadow:0 0 10px #666;
    height:150px;    

    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;      
}

.app-drag a {
    
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
}

.grabhandle{
  content: "";
  width:25px;
  height: 2px;
  margin: 10px 5px 5px 5px;
  background: #767676;
  box-shadow: 
    0 0.25em 0 0 #767676,
    0 0.5em 0 0 #767676;
}