/*----------------------------
Main
-----------------------------*/
#nav .icon img {
    width: 30px;
    height: 30px;
}


.ion {
    font-size: 20px;
}

.toolbar label {
    font-size: 16px;
    margin-top: 0px;
    font-weight: normal;
}
/*----------------------------
Panel
-----------------------------*/
.panel-default > .panel-heading {
    text-align: center !important;
    font-weight: bold;
}

.panel-table th a {
    text-decoration: none;
    color: #333;
}

.panel-table td number {
    text-align: right;
}

.panel-table .table {
    margin: 0 !important;
}
/*----------------------------
Table
-----------------------------*/
thead {
    background-color: #f5f5f5 !important;
}

.table.table-child th {
    text-align: center;
}



.toolbar.filters {
    background-color: #f5f5f5;
}




#loader {
    position: fixed;
    top: 100px;
    right: 0px;
    bottom: 0;
    left: 00px;
    z-index: 1000;
    background-color: white;
    opacity: .9;
}

    #loader .ion {
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -25px;
        margin-top: -25px;
        display: block;
        font-size: 50px;
    }


/*----------------------------
common overrides
-----------------------------*/
/*#header{
    left:50px;
    height:50px;
    padding:0;
    border:0;
    max-height:50px !important;
    min-height:50px;
}
#nav{
    top:0;
}
#nav span{
    height:50px;
    overflow:hidden;
}
#titlebar{
    height:50px;
    top:50px;
    left:50px;
    color:white;
}*/





@media (max-width: 1600px) {
    #optional {
        display: none;
        width: 0;
        visibility: collapse;
    }
}

.totalRow {
    background-color: rgb(241, 241, 241) !important;
    font-weight: bold !important;
    border-top: 1px solid rgb(190, 190, 190) !important;
}

#operatingSummary.table > tbody > tr > td {
    border: none;
}

/*----------------------------
Toolbar
-----------------------------*/
@media (max-width: 1438px) {
    #hastools.toolbar.filters {
        /*top: 102px;*/
        background-color: #f8f8f8;
        height: auto;
    }
}

@media (max-width: 1250px) {
    #hastools.toolbar.filters {
        /*top: 102px;*/
        background-color: #f8f8f8;
        height: auto;
    }
}

/*------------------------
Side Navigation
-------------------------*/
/*.toolbar {
    left: 0px;
    margin-top:0px;*/



/*border animation*/
.box {
    width: 400px;
    height: 400px;
    /*position: relative;*/
    background: rgba(255,255,255,1);
    /*display: inline-block;*/
    /*margin: 0 10px;*/
    cursor: pointer;
    color: #2c3e50;
    /*box-shadow: inset 0 0 0 3px #2c3e50;*/
    -webkit-transition: background 0.4s 0.5s;
    transition: background 0.4s 0.5s;
}

    .box:hover {
        background: rgba(255,255,255,0);
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
    }

    /*.box div {
	font-family: "Ruthie", cursive;
	font-size: 180px;
	line-height: 370px;
	margin: 0;
	font-weight: 400;
	width: 100%;
}

.box span {
	display: block;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 13px;
	padding: 5px;
}*/

    /*.box div,
.box span {
	-webkit-transition: color 0.4s 0.5s;
	transition: color 0.4s 0.5s;
}

.box:hover div,
.box:hover span {
	color: #fff;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}*/

    .box svg {
        position: absolute;
        top: 0;
        left: 0;
    }

        .box svg line {
            stroke-width: 3;
            /*stroke: #ecf0f1;*/
            fill: none;
            -webkit-transition: all .8s ease-in-out;
            transition: all .8s ease-in-out;
        }

    .box:hover svg line {
        -webkit-transition-delay: 0.1s;
        transition-delay: 0.1s;
    }

    .box svg line.top,
    .box svg line.bottom {
        stroke-dasharray: 430 340;
    }

    .box svg line.left,
    .box svg line.right {
        stroke-dasharray: 430 340;
    }

    .box:hover svg line.top {
        -webkit-transform: translateX(-800px);
        transform: translateX(-800px);
    }

    .box:hover svg line.bottom {
        -webkit-transform: translateX(800px);
        transform: translateX(800px);
    }

    .box:hover svg line.left {
        -webkit-transform: translateY(800px);
        transform: translateY(800px);
    }

    .box:hover svg line.right {
        -webkit-transform: translateY(-800px);
        transform: translateY(-800px);
    }

/*trying to make some cool effect with opacity*/
.ng-hide {
    opacity: 0;
}

/*.demo-2 .box {
	box-shadow: inset 0 0 0 10px #2c3e50;
}*/

/*.demo-2 .box:hover div,
.demo-2 .box:hover span {
	color: #fe6f83;
}*/

.demo-2 .box svg line {
    stroke-width: 25;
}

/*.demo-2 .box:hover svg line {
	stroke: #fe6f83;
}*/

.demo-2 .box:hover svg line {
    stroke: #fff;
}

.panel-subheading > .breadcrumb {
    padding: 0px;
    list-style: none;
    background-color: transparent;
    margin-bottom: 0px;
}

    .panel-subheading > .breadcrumb > li {
        display: inline-block;
        color: #428bca;
    }

        .panel-subheading > .breadcrumb > li + li:before {
            content: "/\00a0";
        }

    .panel-subheading > .breadcrumb > .active {
        color: #333;
    }

/***********
    Chart table total
***********/

.totalColumn {
    /*width:40%;*/
}

/*----------------------------
Panel Sub-Heading
-----------------------------*/

.panel-subheading + .list-group .list-group-item:first-child {
    border-top-width: 0;
}

.panel-subheading {
    padding: 10px 10px;
    margin-top: -1px;
    border-bottom: 1px solid transparent;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    font-size: 13.5px;
    height: 30px;
    line-height: 6px;
    font-weight: bold;
}

.panel-group .panel-subheading {
    border-bottom: 0;
}

    .panel-group .panel-subheading + .panel-collapse .panel-body {
        border-top: 1px solid #dddddd;
    }

.panel-default > .panel-subheading {
    color: #333333;
    background-color: #f8f8f8;
    border-color: #dddddd;
}

    .panel-default > .panel-subheading + .panel-collapse .panel-body {
        border-top-color: #dddddd;
    }

.panel-primary > .panel-subheading {
    color: #ffffff;
    background-color: #428bca;
    border-color: #428bca;
}

    .panel-primary > .panel-subheading + .panel-collapse .panel-body {
        border-top-color: #428bca;
    }

.panel-success > .panel-subheading {
    color: #468847;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

    .panel-success > .panel-subheading + .panel-collapse .panel-body {
        border-top-color: #d6e9c6;
    }

.panel-warning > .panel-subheading {
    color: #c09853;
    background-color: #fcf8e3;
    border-color: #fbeed5;
}

    .panel-warning > .panel-subheading + .panel-collapse .panel-body {
        border-top-color: #fbeed5;
    }

.panel-danger > .panel-subheading {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7;
}

    .panel-danger > .panel-subheading + .panel-collapse .panel-body {
        border-top-color: #eed3d7;
    }

.panel-info > .panel-subheading {
    color: #3a87ad;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

    .panel-info > .panel-subheading + .panel-collapse .panel-body {
        border-top-color: #bce8f1;
    }




#content {
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}



/*@media (max-width: 1250px) {
    #chartDiv {
        padding-top: 125px;
    }
}*/

/*----------------------------
Theme
-----------------------------*/
/*.occupancy {
    background: #3E6780;
}

.financials {
    background: #357598;
}

.sales {
    background: #2c84b1;
}

.comparison {
    background: #2392c9;
}

.national {
    background: #1aa1e1;
}

.categories {
    background: #4360c3;
}*/


/* Table */

.borderless td {
    border: none !important;
}