﻿#grid tr td
{
    white-space: nowrap;
}

#grid
{
    font-size: 10px;
    table-layout: auto!important;
    height: 500px;
}

#grid1_scroll
{
    overflow-x: auto!important;
}

.dashboard
{
    position: relative;
    width: 100%;
    height: 700px;
}

.dashboard-bootstrap
{
    position: relative;
    /*height: 700px;*/
}

.DDCombo
{
    display: inline;
    vertical-align: bottom;
    height: 25px;
    width: 270px;
}

.datepickr
{
    width: 70px;
}

button
{
    background-color: gray;
    color: white;
    border: solid #DADADA 1px;
    border-radius: 10px;
    font-weight: bold;
    border-right: solid 3px #DADADA;
    border-left: solid 3px silver;
}

input[type="button"]
{
    background-color: gray;
    color: white;
    border: solid #DADADA 1px;
    border-radius: 10px;
    font-weight: bold;
    border-right: solid 3px #DADADA;
    border-left: solid 3px silver;
    margin: 0;
}

.ui-igtile.ui-state-hover
{
    border: none;
    background-color: transparent;
    background-image: none;
}

.ui-igtile-inner-container
{
    padding: 5px;
    height: 200%;
    border: none;
    background-color: transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ui-igtile
{
    background-color: inherit;
    padding: 0px;
    border: none;
    z-index: 1;
    /*overflow:hidden;*/
    width: 1000px;
}

.ui-igtile-minimized p:hover
{
    opacity: 1.0;
}

.ui-igtile-minimized p:first-line
{
}

.ui-igtile-minimized p
{
    opacity: 0.0;
}

.ui-igtile h3, .ui-igtile p
{
    margin: 0;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.ig-tile-minimize-button
{
    padding: 10px;
    background-color: green;
    visibility: hidden;
}

.ui-igtile-inner-container
{
    color: #fff;
}

.ig-tile-minimize-button .ig-tile-minimize-icon
{
    background-position: 0px -240px;
}

.tile4.ui-igtile-inner-container,
.tile8.ui-igtile-inner-container,
.tile10.ui-igtile-inner-container
{
    color: rgba(0, 0, 0, 0.75);
}

.tile4 .ig-tile-minimize-icon,
.tile8 .ig-tile-minimize-icon,
.tile10 .ig-tile-minimize-icon
{
    background-position: 0px -209px;
}

.tile1.ui-igtile-inner-container
{ /*iglightblue*/
    background: #023900;
    /*background:linear-gradient(to right, #023900, #006702,#006702, #023900);*/
    color: #fff;
}


.tile2.ui-igtile-inner-container
{ /*igdarkgray*/
    background-color: #494949;
    color: #fff;
}

.tile3.ui-igtile-inner-container
{ /*iglightgreen*/
    background: #1d4550;
    /*background:linear-gradient(to right,#1d4550 , #357f94, #357f94,#1d4550);*/
    color: #fff;
}

.tile4.ui-igtile-inner-container
{ /*iglightyellow*/
    background: #3c244d;
    /*background:linear-gradient(to right, #3c244d, #572a7c,#572a7c, #3c244d);*/
    color: #fff;
}

.tile5.ui-igtile-inner-container
{ /*iglightpink*/
    background-color: #FF6A6F;
    color: #fff;
}

.tile7.ui-igtile-inner-container
{ /*igdarkblue*/
    background-color: #216E99;
    color: #fff;
}

.tile6.ui-igtile-inner-container
{ /*iglightpurple*/
    background-color: #9E73C1;
    color: #fff;
}

.tile8.ui-igtile-inner-container
{ /*iglightgray*/
    background-color: #A8A8A8;
    color: #fff;
}

.tile9.ui-igtile-inner-container
{ /*igdarkgreen*/
    background-color: #48892D;
}

.tile10.ui-igtile-inner-container
{ /*igorange*/
    background-color: #F79036;
}

.tile11.ui-igtile-inner-container
{ /*igdarkpink*/
    background-color: #D3404B;
}

.tile12.ui-igtile-inner-container
{ /*igdarkpurple*/
    background-color: #793BAC;
    color: #fff;
}

@media all and (max-width: 420px)
{
    .ui-igtile h3
    {
        margin: 0;
    }
}

.SingleTile
{
    background: #1d4550;
    /*background:linear-gradient(to right,#1d4550 , #357f94, #357f94,#1d4550)*/
}

.titalDiv
{
    font-weight: bold;
    color: white;
    font-family: Calibri;
    font-size: 20px;
}
