.box-table-a
{
	text-align: left;
	border-collapse: collapse;
}
.box-table-gray
{
    border: solid 1px gray;
}
.box-table-a th 
{
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	text-align: left;

    padding: 8px;
    font-size: 15px;
}
.box-table-small th {
    padding: 1px;
    font-size: 12px;

}
.box-table-gray th {
    color:#eee;
    background-color:#888
}



.box-table-a th a {
	font-weight: normal;
	text-align: left;
    padding: 8px;

}
.box-table-small th a { padding: 1px; }


.box-table-a td {
    overflow: hidden;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-top: 1px solid transparent;
	vertical-align: middle;
    padding: 0.4em;	font-size: 15px;
}
.box-table-small td { padding-left: 1px;padding-right:1px; padding-top:0; padding-bottom:0;font-size: 12px;}

.box-table-gray td { color:#777;background-color:white}
.box-table-subtable td
{
    border:none;
    padding: 0 2px 0 2px;
    font-size: 0.9em;

}
.box-table-a tr.warning td {
    background-color: #FAE31E !important;
}
.box-table-a tr.failed td {
    background-color: #cd0a0a !important;
    color: white !important;
}

.box-table-a tr.warning-ack td {
    background-color: #FEF9CE !important;
}

.box-table-a tr.failed-ack td {
    background-color: #FDCFCF !important;
}

/*-----------------*/

.box-table-b
{
	text-align: left;
	border-collapse: collapse;
}

.box-table-b th 
{
	font-weight: normal;

	text-align: left;
    padding: 4px;
    font-size: 13px;
}



.box-table-b th a {
	font-weight: normal;
	text-align: left;
    padding: 4px;
}



.box-table-b td {
    overflow: hidden;

	vertical-align: middle;
    padding: 1px 2px 1px 2px;
    
    font-size: 13px;
}




.box-table-c
{
	text-align: left;
	border-collapse: collapse;
    table-layout: fixed;
    width: 7em;
}

.box-table-c th 
{
	font-weight: normal;

	text-align: left;

    padding: 8px;
    font-size: 15px;
    overflow: hidden;
    width: 7em;
}




.box-table-c th a {
	font-weight: normal;
	text-align: left;
    padding: 8px;

}



.box-table-c td {
    overflow: hidden;

	vertical-align: middle;
    padding: 2px;	
    height:28px; /* 28 px takaa sen, että rivi on samankokoinen inputtien kanssa ja ilman */
    font-size: 15px;
    border-bottom-width: 1px;
	border-bottom-style: solid;
	border-top: 1px solid transparent;
    border-right:1px solid transparent;
    width: 7em;
}

/* ie ei anna resizeta*/
.box-table-c textarea {
    resize:none;
}


.box-table-d
{
	text-align: left;
	border-collapse: collapse;
    table-layout: fixed;
    width: 4em;
}

.box-table-d th 
{
	font-weight: normal;

	text-align: left;

    padding: 8px;
    font-size: 15px;
    overflow: hidden;
    width: 4em;
}




.box-table-d th a {
	font-weight: normal;
	text-align: left;
    padding: 8px;

}



.box-table-d td {
    overflow: hidden;

	vertical-align: middle;
    padding: 2px;	
    height:28px; /* 28 px takaa sen, että rivi on samankokoinen inputtien kanssa ja ilman */
    font-size: 15px;
    border-bottom-width: 1px;
	border-bottom-style: solid;
	border-top: 1px solid transparent;
    border-right:1px solid transparent;
    width: 7em;
}

/* ie ei anna resizeta*/
.box-table-d textarea {
    width: 100%; 
    height: 100%; 
    margin: 0; 
    box-sizing: border-box;
    resize:none
}
.box-table-d .textareadiv {
    height: 100%;
}

.box-table-d .singleline {
    overflow: hidden; 
    white-space: nowrap
}
.box-table-d input {
    width: 100%; margin: 0; box-sizing: border-box;
}
.box-table-d select {
    width: 100%; margin: 0; box-sizing: border-box;
}

.box-table-d.noborders td {
    border: none;
}

    .box-table-d th.gridformula {
        background-color: #DDDDDD;
    }


.fade10.ng-enter {
    transition:0.5s linear all;
    width:1em!important;
}
.fade10.ng-enter.ng-enter-active {
    width:10em!important;
}
.fade10.ng-leave {
  transition:0.5s linear all;
  width:10em!important;
}
.fade10.ng-leave.ng-leave-active {
  width:1em!important;
}

.fade1.ng-enter {
    transition:0.5s linear all;
    width:1em!important;
    opacity: 0;
}
.fade1.ng-enter.ng-enter-active {
    width:1em!important;
    opacity: 1;
}
.fade1.ng-leave {
  transition:0.5s linear all;
  opacity: 1;
}
.fade1.ng-leave.ng-leave-active {
  width:1em!important;
    opacity: 0;
}