﻿
/* DORPDOWN
------------------------------------------------------------------------------------------------- */
#tesseract-plugins-dropdown-list, #tesseract-plugins-dropdown-list-appoint { background-color: rgb(245, 245, 245); }
#tesseract-plugins-dropdown-list thead, #tesseract-plugins-dropdown-list-appoint thead { background-color: rgb(235, 235, 235); }
#tesseract-plugins-dropdown-list tbody tr:nth-child(even), #tesseract-plugins-dropdown-list-appoint tbody tr:nth-child(even) { background-color: rgb(235, 235, 235); }
#tesseract-plugins-dropdown-list tbody tr:not(.disabled):hover, #tesseract-plugins-dropdown-list-appoint tbody tr:not(.disabled):hover  { background-color: rgb(192, 192, 192); }
#tesseract-plugins-dropdown-list tbody tr td.id, #tesseract-plugins-dropdown-list-appoint tbody tr td.id { color: #004F9D; }
#tesseract-plugins-dropdown-list tbody tr td.value, #tesseract-plugins-dropdown-list-appoint tbody tr td.value { color: #008800; }


.tesseract-plugins-dropdown .dropdown-image { background-color: rgb(91, 159, 185); }
.tesseract-plugins-dropdown .dropdown-image:hover { background-color: rgb(72, 141, 168); }
.tesseract-plugins-dropdown .image-disabled:hover { background-color: rgb(91, 159, 185); }

/* BUTTONS
---------------------------------------------------------------------------------------------------------------------------------------------- */
a.button-link
{    
    background-color: #346195;
	/*background-image:	linear-gradient(bottom, #7ca4d1 0%, #346195 52%);
	background-image:	-o-linear-gradient(bottom, #7ca4d1 0%, #346195 52%);
	background-image:	-moz-linear-gradient(bottom, #7ca4d1 0%, #346195 52%);
	background-image:	-webkit-linear-gradient(bottom, #7ca4d1 0%, #346195 52%);
	background-image:	-ms-linear-gradient(bottom, #7ca4d1 0%, #346195 52%);
	background-image:	-webkit-gradient(linear, left bottom, left top, color-stop(0,#346195), color-stop(0.52, #7ca4d1));*/   
}
a.submit { background-color: #2e78ce; background-image:none;}
a.submit:hover { background-color: #356dae;}
.button-link:hover { background-color: #2c527e;}
a.button-disabled { background-color:rgb(182, 182, 182); background-image:none;}
a.button-disabled:hover { background-color:rgb(182, 182, 182);}
a.clearall { background-color:rgb(182, 182, 182); background-image:none;}
a.clearall:hover { background-color: rgb(163, 163, 163); background-image: none;}



/* FILE UPLOAD
----------------------------------------------------------------------------------------------------------------------------------------------- */
.upload-button
{   
    background-color: #346195;
	/*background-image:	linear-gradient(bottom, #7ca4d1 0%, #346195 52%);
	background-image:	-o-linear-gradient(bottom, #7ca4d1 0%, #346195 52%);
	background-image:	-moz-linear-gradient(bottom, #7ca4d1 0%, #346195 52%);
	background-image:	-webkit-linear-gradient(bottom, #7ca4d1 0%, #346195 52%);
	background-image:	-ms-linear-gradient(bottom, #7ca4d1 0%, #346195 52%);
	background-image:	-webkit-gradient(linear, left bottom, left top, color-stop(0,#346195), color-stop(0.52, #7ca4d1));*/   
}



/* GRID
------------------------------------------------------------------------------------------------------------------------------------------------ */
.grid-container { background-color: rgb(122,122,122);}
.grid-container .header th, .grid-container .footer td
{
    background-color: #346195;
	/*background-image:	linear-gradient(bottom, #7ca4d1 0%, #346195 52%);
	background-image:	-o-linear-gradient(bottom, #7ca4d1 0%, #346195 52%);
	background-image:	-moz-linear-gradient(bottom, #7ca4d1 0%, #346195 52%);
	background-image:	-webkit-linear-gradient(bottom, #7ca4d1 0%, #346195 52%);
	background-image:	-ms-linear-gradient(bottom, #7ca4d1 0%, #346195 52%);
	background-image:	-webkit-gradient(linear, left bottom, left top, color-stop(0,#346195), color-stop(0.52, #7ca4d1));*/   
}
.grid-container .footer ul.pager li.active { color: #000;}
.grid-container .footer ul.pager li a { color: #FFFFFF;}
.grid-container .footer ul.pager li a:hover { background-color: #3c70ac; color: #fff; }
.grid-container .item { background-color: rgb(162,162,162); color: #fff;}
.grid-container .item:hover { background-color: rgb(81, 81, 81); color: #BFBFFF;}
.grid-container tr.alterRow { background-color: rgb(142,142,142);}
.grid-container #call-monitor-next-refresh
{   
    background-color: rgb(94, 181, 215);
	background-image:	linear-gradient(bottom, rgb(62,125,150) 0%, rgb(94,181,215) 52%);
	background-image:	-o-linear-gradient(bottom, rgb(62,125,150) 0%, rgb(94,181,215) 52%);
	background-image:	-moz-linear-gradient(bottom, rgb(62,125,150) 0%, rgb(94,181,215) 52%);
	background-image:	-webkit-linear-gradient(bottom, rgb(62,125,150) 0%, rgb(94,181,215) 52%);
	background-image:	-ms-linear-gradient(bottom, rgb(62,125,150) 0%, rgb(94,181,215) 52%);
	background-image:	-webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(62,125,150)), color-stop(0.52, rgb(94,181,215)));	
	color:#fff;
}
.grid-container tr.selected
{
    background-color: rgb(81, 81, 81);
    border-color: #339933;
    /*color: #BFBFFF;*/
}
.grid-container > table > thead {
    color:#cfe2f9;
}



/* ROWS
------------------------------------------------------------------------------------------------------------------------------------------------------- */
.row-container
{
    background-color: rgb(172,172,172);  
    background-image: linear-gradient(bottom, rgb(172,172,172) 0%, rgb(152,152,152) 52%);
    background-image: -o-linear-gradient(bottom, rgb(172,172,172) 0%, rgb(152,152,152) 52%);
    background-image: -moz-linear-gradient(bottom, rgb(172,172,172) 0%, rgb(152,152,152) 52%);
    background-image: -webkit-linear-gradient(bottom, rgb(172,172,172) 0%, rgb(152,152,152) 52%);
    background-image: -ms-linear-gradient(bottom, rgb(172,172,172) 0%, rgb(152,152,152) 52%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(172,172,172)), color-stop(0.52, rgb(152,152,152)));
}
.row-container div.top-label { background-color: rgb(152,152,152);}
.row-container div.bottom-label { background-color: rgb(182,182,182);}
.row-container div.bottom-label label, .row-container div.top-label label { color: #2e78ce;}
.row-container .OPEN, .row-container .COMP, .row-container .DOWN, .row-container .WAIT, .row-container .DISP, .row-container .WORK{ color: #000;}
input[type="text"], .row-container input[type="password"], .row-container textarea { background-color:#E0E1E2;} 
input[type="text"]:focus, .row-container input[type="password"]:focus, .row-container textarea:focus { background-color:#FFF; }
.row-block { background-color: rgb(182, 182, 182);}
/*.row-block table td.side-button input { background-color: #F0F0F0;}
.row-block table td.side-button input:hover { background-color: #BCBCBC;}*/
.row-block div.row-top-label span { color: #2e78ce;}
.row-block div.row-top-label label, .row-block div.row-bottom-label label { color: #2e78ce;}
.row-block div.row-top-label .call { color:#000;}
.row-block .radiobutton-container label { color:#fff;}
.row-column label { color:#000;}




/* MAIN
------------------------------------------------------------------------------------------------------------------------------------------------------ */
body { color: #FFFFFF; background-color: #fff;}
header, footer 
{
	background-color: #7ca4d1;
	background-image:	linear-gradient(bottom, #7ca4d1 0%, #346195 52%);
	background-image:	-o-linear-gradient(bottom, #7ca4d1 0%, #346195 52%);
	background-image:	-moz-linear-gradient(bottom, #7ca4d1 0%, #346195 52%);
	background-image:	-webkit-linear-gradient(bottom, #7ca4d1 0%, #346195 52%);
	background-image:	-ms-linear-gradient(bottom, #7ca4d1 0%, #346195 52%);
	background-image:	-webkit-gradient(linear, left bottom, left top, color-stop(0,#346195), color-stop(0.52, #7ca4d1));   
}
header table#userSource td.name { color: #9ab0ca;}
input[type="text"][data-val=true], .row-container textarea[data-val=true], .row-container input[type="password"][data-val=true] { background-color:rgb(255, 204, 204);}
/*.row-container textarea[data-val] { background-color:rgb(255, 204, 204);}*/
div#buttons-container { color :#346195}
div#buttons-container div.button
{   
    background-color: rgb(242, 249, 255);
	background-image:	linear-gradient(bottom, rgb(255, 255, 255) 0%, rgb(242, 249, 255) 52%);
	background-image:	-o-linear-gradient(bottom, rgb(255, 255, 255) 0%, rgb(242, 249, 255) 52%);
	background-image:	-moz-linear-gradient(bottom, rgb(255, 255, 255) 0%, rgb(242, 249, 255) 52%);
	background-image:	-webkit-linear-gradient(bottom, rgb(255, 255, 255) 0%, rgb(242, 249, 255) 52%);
	background-image:	-ms-linear-gradient(bottom, rgb(255, 255, 255) 0%, rgb(242, 249, 255) 52%);
	background-image:	-webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(255, 255, 255)), color-stop(0.52, rgb(242, 249, 255)));

    border: 1px solid #C0C0C0;
}
div#buttons-container div.button:hover { color: #7ca4d1; border-color: #7ca4d1;}
ul#content-navigation
{
    background-color: #346195;
	/*background-image:	linear-gradient(bottom, #346195 0%, #1c3551 52%);
	background-image:	-o-linear-gradient(bottom, #346195 0%, #1c3551 52%);
	background-image:	-moz-linear-gradient(bottom, #346195  0%, #1c3551 52%);
	background-image:	-webkit-linear-gradient(bottom, #346195  0%, #1c3551 52%);
	background-image:	-ms-linear-gradient(bottom, #346195  0%, #1c3551 52%);
	background-image:	-webkit-gradient(linear, left bottom, left top, color-stop(0, #346195 ), color-stop(0.52, #1c3551));*/
}
ul#content-navigation li a { color:#fff;}
ul#content-navigation li.link:hover { background-color: #2c527e;}




/* LOGIN
--------------------------------------------------------------------------------------------------------------------------- */
/*div.login-page-main
{
	background-color:	#4AA4C5;
	background-image:	-webkit-gradient(linear,left top,right top,color-stop(0, #4DACCF),color-stop(1, #418097));
	background-image:	-o-linear-gradient(right, #4DACCF 0%, #418097 100%);
	background-image:	-moz-linear-gradient(right, #4DACCF 0%, #418097 100%);
	background-image:	-webkit-linear-gradient(right, #4DACCF 0%, #418097 100%);
	background-image:	-ms-linear-gradient(right, #4DACCF 0%, #418097 100%);
	background-image:	linear-gradient(to right, #4DACCF 0%, #418097 100%);
}

div.login-page-main div.top { background-color:	#FFFFFF;}
div.login-page-main label { color:#FFFFFF;}*/

div.login-page-main form {
    position: relative;
	width:100%;
    height:200px;

    background-color: #346195;
	background-image:	linear-gradient(bottom, #346195 0%, #7ca4d1 90%);
	background-image:	-o-linear-gradient(bottom, #346195 0%, #7ca4d1 90%);
	background-image:	-moz-linear-gradient(bottom, #346195 0%, #7ca4d1 90%);
	background-image:	-webkit-linear-gradient(bottom, #346195 0%, #7ca4d1 90%);
	background-image:	-ms-linear-gradient(bottom, #346195 0%, #7ca4d1 90%);
	background-image:	-webkit-gradient(linear, left bottom, left top, color-stop(0,#7ca4d1), color-stop(0.90, #346195)); 

}


/* PASSWORD RESET
--------------------------------------------------------- */
div.reset-password-container
{
    background-color: #346195;
	background-image:	linear-gradient(bottom, #346195 0%, #7ca4d1 90%);
	background-image:	-o-linear-gradient(bottom, #346195 0%, #7ca4d1 90%);
	background-image:	-moz-linear-gradient(bottom, #346195 0%, #7ca4d1 90%);
	background-image:	-webkit-linear-gradient(bottom, #346195 0%, #7ca4d1 90%);
	background-image:	-ms-linear-gradient(bottom, #346195 0%, #7ca4d1 90%);
	background-image:	-webkit-gradient(linear, left bottom, left top, color-stop(0,#7ca4d1), color-stop(0.90, #346195)); 

	border-top: 2px solid #A8A8A8;
	border-right: 2px solid #A8A8A8;
}

div.reset-password-container span#title
{			
	background-color: #346195;
	
	border-top: 1px solid #A8A8A8;
}

div.reset-password-container span#button
{
	background-color: #7ca4d1;
	
	border-bottom: 1px solid #A8A8A8;
	border-right: 2px solid #A8A8A8;
}

div.reset-password-container span.field-validation-valid {
    visibility:hidden;
}
div.reset-password-container span.field-validation-error {              
    color:red;
}
div.validation-summary-errors
{color:red;}

div#successMessage {
    color: darkgreen;
}



