@import 'https://fonts.googleapis.com/css?family=Open+Sans';
body {
    background-color: #fff;
	background-size:cover;
	background-position:center;
	transition: .7s;
	font-family: 'Open Sans', sans-serif;
}
#header{
	width: 100%;
	height: 75px;
	background: rgba(255,255,255,0.84);
	position:absolute;
	-webkit-box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.75);
	
	
	
}
#logo{
	background-repeat:no-repeat;
	background-image:url(../images/logo-dark.png);
	background-size:cover;
	height: 45px;
	width: 190px;
	margin-top: 10px;
	margin-left: 10px;
}

input[type="image"]:hover {
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 147, 188, 0.88);
	-moz-box-shadow:    0px 0px 5px 0px rgba(0, 147, 188, 0.88);
	box-shadow:         0px 0px 5px 0px rgba(0, 147, 188, 0.88);
}

.softBorder
{
	border:1px solid #DDDDDD;
}



/* Buttons */

.button, .buttonMini 
{
	color: black;
	transition: .5s;
	background-color: #fff;
}

.buttonMini
{
	
	border: 0 solid #000;
}

.button:hover, .buttonMini:hover {
	border: 1px solid #000;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
	-moz-box-shadow:    0px 0px 10px 0px rgba(0, 0, 0, 0.75);
	box-shadow:         0px 0px 10px 0px rgba(0, 0, 0, 0.75);
	color: #000000;
}

.buttonCancel
{
	border: 1px solid #828282;
	background: #transparent;
	background: url("../images/button_cancel.png") no-repeat 3px, -moz-linear-gradient(center top , #DDDDDD, #A5A5A5) repeat scroll 0 0 transparent;
	background: url("../images/button_cancel.png") no-repeat 3px, -webkit-gradient(linear, left top, left bottom, from(#DDDDDD), to(#A5A5A5));
	background: url("../images/button_cancel.png") no-repeat 3px, -webkit-linear-gradient(center top, #DDDDDD, #A5A5A5); 
	background: url("../images/button_cancel.png") no-repeat 3px, -ms-linear-gradient(center top, #DDDDDD, #A5A5A5);
	background: url("../images/button_cancel.png") no-repeat 3px, linear-gradient(center top, #DDDDDD, #A5A5A5);
	background: url("../images/button_cancel.png") no-repeat 3px, -o-linear-gradient(top, #DDDDDD, #A5A5A5);
	background: url("../images/button_cancel.png") no-repeat 3px, linear-gradient(top, #DDDDDD, #A5A5A5);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DDDDDD', endColorstr='#A5A5A5',GradientType=0 ); 
}

.buttonSave
{
	border: 1px solid #F9A434;
	background: #transparent;
	background: url("../images/refresh.png") no-repeat 3px, -moz-linear-gradient(center top , #c6c7cd,#c6c7cd) repeat scroll 0 0 transparent;
	background: url("../images/refresh.png") no-repeat 3px, -webkit-gradient(linear, left top, left bottom, from(#c6c7cd), to(#c6c7cd));
	background: url("../images/refresh.png") no-repeat 3px, -webkit-linear-gradient(center top, #c6c7cd, #c6c7cd); 
	background: url("../images/refresh.png") no-repeat 3px, -ms-linear-gradient(center top, #c6c7cd, #c6c7cd);
	background: url("../images/refresh.png") no-repeat 3px, linear-gradient(center top,#c6c7cd, #c6c7cd);
	background: url("../images/refresh.png") no-repeat 3px, -o-linear-gradient(top,#c6c7cd, #c6c7cd);
	background: url("../images/refresh.png") no-repeat 3px, linear-gradient(top,#c6c7cd, #c6c7cd);
   
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#961f87', endColorstr='#961f87',GradientType=0 ); 
}

.buttonDelete
{
	border: 1px solid #B90000;
	background: #transparent;
	background: url("../images/button_delete.png") no-repeat 3px, -moz-linear-gradient(center top , #F68A8A, #F44F4F) repeat scroll 0 0 transparent;
	background: url("../images/button_delete.png") no-repeat 3px, -webkit-gradient(linear, left top, left bottom, from(#F68A8A), to(#F44F4F));
	background: url("../images/button_delete.png") no-repeat 3px, -webkit-linear-gradient(center top, #F68A8A, #F44F4F); 
	background: url("../images/button_delete.png") no-repeat 3px, -ms-linear-gradient(center top, #F68A8A, #F44F4F);
	background: url("../images/button_delete.png") no-repeat 3px, linear-gradient(center top, #F68A8A, #F44F4F);
	background: url("../images/button_delete.png") no-repeat 3px, -o-linear-gradient(top, #F68A8A, #F44F4F);
	background: url("../images/button_delete.png") no-repeat 3px, linear-gradient(top, #F68A8A, #F44F4F);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F68A8A', endColorstr='#F44F4F',GradientType=0 ); 
}

.buttonAdd
{
	background: #transparent;
	background: url("../images/button_add.png") no-repeat 3px, -moz-linear-gradient(center top , #96875a, #96875a) repeat scroll 0 0 transparent;
	background: url("../images/button_add.png") no-repeat 3px, -webkit-gradient(linear, left top, left bottom, from(#96875a), to(#96875a));
	background: url("../images/button_add.png") no-repeat 3px, -webkit-linear-gradient(center top, #8ACCF6, #4FBBF4); 
	background: url("../images/button_add.png") no-repeat 3px, -ms-linear-gradient(center top, #96875a, #96875a);
	background: url("../images/button_add.png") no-repeat 3px, linear-gradient(center top, #96875a, #96875a);
	background: url("../images/button_add.png") no-repeat 3px, -o-linear-gradient(top, #96875a, #96875a);
	background: url("../images/button_add.png") no-repeat 3px, linear-gradient(top, #96875a, #96875a);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#96875a', endColorstr='#96875a',GradientType=0 ); 
}

.buttonImport
{
	background: #transparent;
	background: url("../images/import.png") no-repeat 3px, -moz-linear-gradient(center top , #8ACCF6, #4FBBF4) repeat scroll 0 0 transparent;
	background: url("../images/import.png") no-repeat 3px, -webkit-gradient(linear, left top, left bottom, from(#8ACCF6), to(#4FBBF4));
	background: url("../images/import.png") no-repeat 3px, -webkit-linear-gradient(center top, #8ACCF6, #4FBBF4); 
	background: url("../images/import.png") no-repeat 3px, -ms-linear-gradient(center top, #8ACCF6, #4FBBF4);
	background: url("../images/import.png") no-repeat 3px, linear-gradient(center top, #8ACCF6, #4FBBF4);
	background: url("../images/import.png") no-repeat 3px, -o-linear-gradient(top, #8ACCF6, #4FBBF4);
	background: url("../images/import.png") no-repeat 3px, linear-gradient(top, #8ACCF6, #4FBBF4);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ACCF6', endColorstr='#4FBBF4',GradientType=0 ); 
}

.buttonExport
{
	background: #transparent;
	background: url("../images/export.png") no-repeat 3px, -moz-linear-gradient(center top , #8ACCF6, #4FBBF4) repeat scroll 0 0 transparent;
	background: url("../images/export.png") no-repeat 3px, -webkit-gradient(linear, left top, left bottom, from(#8ACCF6), to(#4FBBF4));
	background: url("../images/export.png") no-repeat 3px, -webkit-linear-gradient(center top, #8ACCF6, #4FBBF4); 
	background: url("../images/export.png") no-repeat 3px, -ms-linear-gradient(center top, #8ACCF6, #4FBBF4);
	background: url("../images/export.png") no-repeat 3px, linear-gradient(center top, #8ACCF6, #4FBBF4);
	background: url("../images/export.png") no-repeat 3px, -o-linear-gradient(top, #8ACCF6, #4FBBF4);
	background: url("../images/export.png") no-repeat 3px, linear-gradient(top, #8ACCF6, #4FBBF4);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ACCF6', endColorstr='#4FBBF4',GradientType=0 ); 
}

.buttonView
{
	background: #transparent;
	background: url("../images/view_text.png") no-repeat 3px, -moz-linear-gradient(center top , #8ACCF6, #4FBBF4) repeat scroll 0 0 transparent;
	background: url("../images/view_text.png") no-repeat 3px, -webkit-gradient(linear, left top, left bottom, from(#8ACCF6), to(#4FBBF4));
	background: url("../images/view_text.png") no-repeat 3px, -webkit-linear-gradient(center top, #8ACCF6, #4FBBF4); 
	background: url("../images/view_text.png") no-repeat 3px, -ms-linear-gradient(center top, #8ACCF6, #4FBBF4);
	background: url("../images/view_text.png") no-repeat 3px, linear-gradient(center top, #8ACCF6, #4FBBF4);
	background: url("../images/view_text.png") no-repeat 3px, -o-linear-gradient(top, #8ACCF6, #4FBBF4);
	background: url("../images/view_text.png") no-repeat 3px, linear-gradient(top, #8ACCF6, #4FBBF4);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ACCF6', endColorstr='#4FBBF4',GradientType=0 ); 
}

.buttonReload
{
	background: #transparent;
	background: url("../images/button_reload.png") no-repeat 3px, -moz-linear-gradient(center top , #8ACCF6, #4FBBF4) repeat scroll 0 0 transparent;
	background: url("../images/button_reload.png") no-repeat 3px, -webkit-gradient(linear, left top, left bottom, from(#8ACCF6), to(#4FBBF4));
	background: url("../images/button_reload.png") no-repeat 3px, -webkit-linear-gradient(center top, #8ACCF6, #4FBBF4); 
	background: url("../images/button_reload.png") no-repeat 3px, -ms-linear-gradient(center top, #8ACCF6, #4FBBF4);
	background: url("../images/button_reload.png") no-repeat 3px, linear-gradient(center top, #8ACCF6, #4FBBF4);
	background: url("../images/button_reload.png") no-repeat 3px, -o-linear-gradient(top, #8ACCF6, #4FBBF4);
	background: url("../images/button_reload.png") no-repeat 3px, linear-gradient(top, #8ACCF6, #4FBBF4);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ACCF6', endColorstr='#4FBBF4',GradientType=0 ); 
}


/* END OF Buttons */





/* Special Panel */

div.contentPanel div.contentPanelTitle
{
	/*color: #222222;*/
	/*background: #transparent;
	background: -moz-linear-gradient(center top , #FF7500, #FFBC35) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#FF7500), to(#FFBC35));
	background: -webkit-linear-gradient(center top, #FF7500, #FFBC35); 
	background: -ms-linear-gradient(center top, #FF7500, #FFBC35);
	background: linear-gradient(center top, #FF7500, #FFBC35);
	background-image: -o-linear-gradient(top, #FF7500, #FFBC35);
	background-image: linear-gradient(to top, #FF7500, #FFBC35);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF7500', endColorstr='#FFBC35',GradientType=0 );*/

    
    background-color: #e1e8ef;
    margin-top: 1px;
    padding: 5px 0px 0px 0px;
    border-style: solid;
    border-width: 2px;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px !important;
    border-color: #E3E3E3;
    font-size: 8px !important;
    height: 100%!important;
    /*color: white;*/
    /*line-height: 24px;
    margin-left: 20px;
    background: -webkit-gradient(linear, left top, left bottom, from(#FAFAFA), to(#FAFAFA));*/*/
     /*margin:0;
	font-family:Arial, Helvetica, sans-serif;
	background:url(../images/bg-body.jpg) repeat-x left top #fff;*/

    
	/*text-decoration:none;*/
	/*color:#961f87;*/
	/*text-shadow:0 1px 0 #961f87;*/
	/*letter-spacing:0.1em;*/

     /*list-style:none;*/
	/*padding:7px 13px 0;*/
	/*margin:0 auto;*/
	/*width:722px;*/
	/*position:absolute;*/
	/*z-index: 40;
	top:0;
	left:104px;*/
	/*background:url(../images/bg-nav.png) repeat-x;*/
	/*height:66px;*/*/
	/*border-radius:10px;*/

}

div.contentPanel div.contentPanelTitle a
{
	/*color: #222222;*/
}

.containerHeaderText
{
	/*color: #FFFFFF;*/
}

.contanierPanelHeader {
	/*margin-top: -2.52px;*/
	/*border-color: #368ee0;*/
	/*border-style:solid;
    border-width: 1px;*/
	color: white;
	width: 100%;
	background: rgb(28, 45, 84);
	background-color: rgb(28, 45, 84);
	background-position-x: 0%;
	background-position-y: 0%;
	background-repeat: repeat;
	background-attachment: scroll;
	background-image: none;
	background-size: auto;
	background-origin: padding-box;
	background-clip: border-box;
}

.contanierPanelFixed
{
    background-color: rgba(255,255,255,1);
    /*border-color: #368ee0;*/
    border-style:solid;
    border-width: 1px;
    -webkit-box-shadow: 0px 0px 19px 1px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 19px 1px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 19px 1px rgba(0,0,0,0.75);
    padding-left: 5px;
    padding-right: 3px;
    padding-bottom: 5px;
    padding-top: 3px;
}

.miniPanelTitleFlexible
{
	border-bottom: 1px solid #666666;
}

.miniPanelContent {
    border: solid 1px #96875a;
    box-shadow: 2px 2px 4px #96875a;
    -moz-box-shadow: 2px 2px 4px #2260B0;
    -webkit-box-shadow: 2px 2px 4px #96875a;
}

.miniPanelContentWithoutShadow
{
	border: solid 1px #00B0FF;
}


/* END OF Special Panel And Contanier Panel */





/* Flexible Panel */

.flexiblePanel {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #F0F0F0;
}

.flexiblePanelHeader
{
	background: none repeat scroll 0 0 #1986DB;
	border-bottom: 1px solid #1986DB;
	color: rgba(0, 161, 255, 0.6);
}

.flexiblePanelHeaderTitle
{
	color: #F3E5E5;
}

/* END OF Flexible Panel */



/* Soft Table */

table.softTable th, table.softTable td
{
	border:1px solid #AADEFF;
}

/* END OF Soft Table */






/* Module Labels AND Values */


/* Buttons, Labels, Values, Seperators And Self Panels */

hr.seperator, hr.seperatorLite
{
	/*color:#DDDDDD;*/
}

div.seperatorVertical, div.seperatorVerticalShort, div.seperatorVerticalSlim
{
	border-right: 0px solid #777777;
}

div.seperatorHorizontal
{
	border-bottom: 1px solid #777777;
}

div.actionButtonsModule
{
	/*background: #transparent;*/
	/*background: -moz-linear-gradient(center top , #2f5168, #2f5168) repeat scroll 0 0 transparent;*/
	background: -webkit-gradient(linear, left top, left bottom, from(#E4EAF1), to(#E4EAF1));
	background: -webkit-linear-gradient(center top, #E4EAF1, #E4EAF1); 
	background: linear-gradient(center top, #E4EAF1, #E4EAF1);
    background-image: linear-gradient(to top, #E4EAF1,#E4EAF1);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f5168', endColorstr='#2f5168',GradientType=0 ); 
}

input.value, input.valueSlim, input.valueLite, input.valueFull, input.valueBig, input.valueBigWide, input.valueThin,
input.valueDouble, input.valueSlimDouble, input.valueLiteDouble, input.valueFullDouble, input.valueBigDouble, input.valueBigWideDouble, input.valueThinDouble,
input.valueTreble, input.valueSlimTreble, input.valueLiteTreble, input.valueFullTreble, input.valueBigTreble, input.valueBigWideTreble, input.valueThinTreble,
select.value, select.valueSlim, select.valueLite, select.valueFull, select.valueBig, select.valueBigWide, select.valueThin,
select.valueDouble, select.valueSlimDouble, select.valueLiteDouble, select.valueFullDouble, select.valueBigDouble, select.valueBigWideDouble, select.valueThinDouble,
select.valueTreble, select.valueSlimTreble, select.valueLiteTreble, select.valueFullTreble, select.valueBigTreble, select.valueBigWideTreble, select.valueThinTreble,
textarea.value, textarea.valueSlim, textarea.valueLite, textarea.valueFull, textarea.valueBig, textarea.valueBigWide, textarea.valueThin,
textarea.valueDouble, textarea.valueSlimDouble, textarea.valueLiteDouble, textarea.valueFullDouble, textarea.valueBigDouble, textarea.valueBigWideDouble, textarea.valueThinDouble,
textarea.valueTreble, textarea.valueSlimTreble, textarea.valueLiteTreble, textarea.valueFullTreble, textarea.valueBigTreble, textarea.valueBigWideTreble, textarea.valueThinTreble {
	border: 1px solid #9F9F9F;
}

div.value:focus, table.value:focus, input.value:focus, select.value:focus, textarea.value:focus, span.value:focus,
div.valueSlim:focus, table.valueSlim:focus, input.valueSlim:focus, select.valueSlim:focus, textarea.valueSlim:focus, span.valueSlim:focus,
div.valueLite:focus, table.valueLite:focus, input.valueLite:focus, select.valueLite:focus, textarea.valueLite:focus, span.valueLite:focus,
div.valueSmall:focus, table.valueSmall:focus, input.valueSmall:focus, select.valueSmall:focus, textarea.valueSmall:focus, span.valueSmall:focus,
div.valueFull:focus, table.valueFull:focus, input.valueFull:focus, select.valueFull:focus, textarea.valueFull:focus, span.valueFull:focus,
div.valueBig:focus, table.valueBig:focus, input.valueBig:focus, select.valueBig:focus, textarea.valueBig:focus, span.valueBig:focus,
div.valueBigWide:focus, table.valueBigWide:focus, input.valueBigWide:focus, select.valueBigWide:focus, textarea.valueBigWide:focus, span.valueBigWide:focus,
div.valueThin:focus, table.valueThin:focus, input.valueThin:focus, select.valueThin:focus, textarea.valueThin:focus, span.valueThin:focus,
div.valueDouble:focus, table.valueDouble:focus, input.valueDouble:focus, select.valueDouble:focus, textarea.valueDouble:focus, span.valueDouble:focus,
div.valueSlimDouble:focus, table.valueSlimDouble:focus, input.valueSlimDouble:focus, select.valueSlimDouble:focus, textarea.valueSlimDouble:focus, span.valueSlimDouble:focus,
div.valueLiteDouble:focus, table.valueLiteDouble:focus, input.valueLiteDouble:focus, select.valueLiteDouble:focus, textarea.valueLiteDouble:focus, span.valueLiteDouble:focus,
div.valueSmallDouble:focus, table.valueSmallDouble:focus, input.valueSmallDouble:focus, select.valueSmallDouble:focus, textarea.valueSmallDouble:focus, span.valueSmallDouble:focus,
div.valueThinDouble:focus, table.valueThinDouble:focus, input.valueThinDouble:focus, select.valueThinDouble:focus, textarea.valueThinDouble:focus, span.valueThinDouble:focus,
div.valueTreble:focus, table.valueTreble:focus, input.valueTreble:focus, select.valueTreble:focus, textarea.valueTreble:focus, span.valueTreble:focus,
div.valueSlimTreble:focus, table.valueSlimTreble:focus, input.valueSlimTreble:focus, select.valueSlimTreble:focus, textarea.valueSlimTreble:focus, span.valueSlimTreble:focus,
div.valueLiteTreble:focus, table.valueLiteTreble:focus, input.valueLiteTreble:focus, select.valueLiteTreble:focus, textarea.valueLiteTreble:focus, span.valueLiteTreble:focus,
div.valueSmallTreble:focus, table.valueSmallTreble:focus, input.valueSmallTreble:focus, select.valueSmallTreble:focus, textarea.valueSmallTreble:focus, span.valueSmallTreble:focus,
div.valueThinTreble:focus, table.valueThinTreble:focus, input.valueThinTreble:focus, select.valueThinTreble:focus, textarea.valueThinTreble:focus, span.valueThinTreble:focus {
	border: 1px solid #3D3D3D;
}

.required
{
	border: 1px solid red !important;
}

.labelRequiredFieldsNote 
{
	color: red !important;
}

/* END OF Buttons, Labels, Values, Seperators And Self Panels */




/* END OF Module Labels AND Values */







/* Menu Of DevExpress */

.dxm-content {
    /*color: #000 !important;*/
/*text-decoration: none !important;
line-height: -20px !important;
font-size: 13px !important;*/
color: #efeef8   !important;
line-height: 17px !important;
font-family: impact, sans-serif !important;
/*text-shadow: 34px 9px 14px #E9E2C6 !important;*/
/*letter-spacing: 0.1em !important;*/
/*font-style: italic !important;*/
/*font-weight: normal !important;
text-align: justify !important;*/
/*background: linear-gradient(#e0e0ea,#d3d3da) !important;*/
color: rgb(10, 10, 11) !important;
/*        background-color: rgba(255,255,255,0.4) !important;*/

   /*opacity: 0.9 !important;*/
}

span.dx-vam, span.dx-vat, span.dx-vab, a.dx-vam, a.dx-vat, a.dx-vab {
    line-height: 18px;
}

.dxmLite .dxm-popup {
}


.dxmLite .dxm-main .dxm-checked, .dxmLite .dxm-selected, .dxmLite .dxm-hovered, .dxmLite .dxm-main .dxm-dropDownMode.dxm-checked .dxm-popOut, .dxmLite .dxm-dropDownMode.dxm-selected .dxm-popOut, .dxmLite .dxm-dropDownMode.dxm-hovered .dxm-popOut {
	/*background-color: #96875a !important;*/
    background:url(../images/bg-footer.png) repeat-x left top !important;



}

	.dxmLite .dxm-main .dxm-checked.menuRowChecked {
		background: #bbf2ae!important;
	}

	.dxm-spacing {
		background-color: #96875a;
		display: none;
	}

.dxm-main, .dxmLite .dxm-popup .dxm-gutter {
	border: 0px !important;
   background-color: rgba(255,255,255,0.4) !important;
 opacity: 0.8 !important;
  
}
..menuSubMenu {
	border: 0px !important;
   background-color: rgba(255,255,255,0.4) !important;
 
  
}
/*.menuRowHover, .menuSubRowHover
{
	background: #transparent;
	background: -moz-linear-gradient(center top , #1A303F, #A5A5A5) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#1A303F), to(#A5A5A5));
	background: -webkit-linear-gradient(center top, #1A303F, #A5A5A5); 
	background: -ms-linear-gradient(center top, #96875a, #96875a);
	background: linear-gradient(center top, #96875a, #96875a);
	background-image: -o-linear-gradient(top, #96875a, #96875a);
	background-image: linear-gradient(to top, #96875a, #96875a);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1A303F', endColorstr='#A5A5A5',GradientType=0 ); 
	border-color: #96875a !important;
}*/

.menuRowChecked, .menuSubRowChecked
{
	background-color:rgb(190,190,190);
    color: black !important;
}

.dxmLite .dxm-popup .dxm-checked .dxm-image {
    /*background-color: transparent !important;*/
    border: 1px solid transparent !important;
    outline: 1px solid transparent !important;
}

/* END OF Menu Of DevExpress */



/* Dashboard Of DevExpress */

.dxpcLite .dxpc-header, .dxdpLite .dxpc-header {
	background-color: #4FBBF4;
	border-bottom: 1px solid #76D0FF;
	color: #96875a;
    font-weight: bold;
}

.dxpcLite .dxpc-mainDiv, .dxpcLite.dxpc-mainDiv, .dxdpLite .dxpc-mainDiv, .dxdpLite.dxpc-mainDiv {
	background-color: #96875a;
    border-color: #00B0FF;
}

.dxdzControlVert .dxdz-pnlPlcHolder, .dxdzControlHor .dxdz-pnlPlcHolder, .dxdzControlFill .dxdz-pnlPlcHolder {
	background-color: #00B0FF;
    border: 1px solid #2260B0;
}

#ctl00_dpWidgetsPanel_PWH-1, #ctl00_dpHalfWidgetsPanel_PWH-1 {
	background-color: black;
    border-color: black;
}

#ctl00_dpWidgetsPanel_PWC-1, #ctl00_dpHalfWidgetsPanel_PWC-1 {
	background-color: rgba(0, 0, 0, 0.4);
}

#ctl00_ContentPlaceHolderDashBoard_dpTodoListPanel_PW-1 .dxpc-mainDiv {
    border-color: #4E69A2;
}

#ctl00_ContentPlaceHolderDashBoard_dpTodoListPanel_PWH-1 {
	background-color: #4E69A2;
    border-color: #36518A;
	color: white;
}

#ctl00_ContentPlaceHolderDashBoard_dpTodoListPanel_PWC-1 {
	background-color: white;
	color: black;
}

#ctl00_ContentPlaceHolderDashBoard_dpReportsPanel_PWH-1 {
	background-color: white;
    border-color: white;
	color: black;
}

#ctl00_ContentPlaceHolderDashBoard_dpReportsPanel_PWC-1 {
	background-color: rgba(255, 255, 255, 0.4);
	color: black;
}

#ctl00_ContentPlaceHolderDashBoard_dpKeypadPanel_PWH-1 {
	background-color: black;
    border-color: black;
}

#ctl00_ContentPlaceHolderDashBoard_dpKeypadPanel_PWC-1 {
	background-color: rgba(0, 0, 0, 0.4);
}

#ctl00_ContentPlaceHolderDashBoard_dpDateTimePanel_PWH-1 {
	background-color: gray;
    border-color: gray;
}

#ctl00_ContentPlaceHolderDashBoard_dpDateTimePanel_PWC-1 {
	background-color: rgba(128, 128, 128, 0.4);
}

.headerNotificationOk #notificationPanel .dxpc-mainDiv {
    border-color: #006600;
}

.headerNotificationOk #notificationPanel .dxpc-header {
	background-color: #008800;
    border-color: #008800;

}

.headerNotificationOk #notificationPanel .dxpc-mainDiv .dxpc-contentWrapper{
	background-color: rgba(0, 200, 0, 0.5);
}

.headerNotificationNotOk #notificationPanel .dxpc-mainDiv {
    border-color: #660000;
}

.headerNotificationNotOk #notificationPanel .dxpc-header {
	background-color: #CC0000;
    border-color: #CC0000;
}

.headerNotificationNotOk #notificationPanel .dxpc-mainDiv .dxpc-contentWrapper {
	background-color: rgba(255, 0, 0, 0.4);
}

#ctl00_Footer_pcMessengerUserList_PW-1 .dxpc-mainDiv {
    border-color: #4E69A2;
}

#ctl00_Footer_pcMessengerUserList_PWH-1 {
	background-color: #4E69A2;
    border-color: #36518A;
	color: white;
}

#ctl00_Footer_pcMessengerUserList_PWC-1 {
	background-color: #EDEFF4;
	color: #373E4D;
}

#ctl00_Footer_pcMessengerMessages_PW-1 .dxpc-mainDiv {
    border-color: #4E69A2;
}

#ctl00_Footer_pcMessengerMessages_PWH-1 {
	background-color: #4E69A2;
    border-color: #36518A;
	color: white;
}

#ctl00_Footer_pcMessengerMessages_PWC-1 {
	background-color: #EDEFF4;
	color: #373E4D;
}

/* END OF Dashboard Of DevExpress */



/* DevExpress */

.dxbButton {
	background: transparent;
	color: #333333;
	font: 15px/100% Arial,Helvetica,sans-serif;
}

.dxucButton a {
	color: #333333;
	font: 15px/100% Arial,Helvetica,sans-serif;
}

.dxgvHeader, .dxpgHeader, .dxtlHeader {
	border: 1px solid #9f9d98 !important;
}

.dxgvFooter, .dxpgFooter, .dxtlFooter {
	background: #8ccfff !important;
	border: 1px solid #AADEFF !important;
}

.dxgvHeader, .dxgvHeader table, .dxpgHeader {
    color: #FFFFFF !important;
    font-weight: bold;
}

.dxgvFilterRow, .dxpgFilterRow, .dxpgFilterArea {
	background: #8ccfff !important;
	border-color: #4FBBF4 !important;
}

.dxgvFilterBar, .dxpgFilterBar 
{
	background-position: 0% 0%;
background-image: linear-gradient(to top, #e2ecff, #a9dfff) !important !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2ecff', endColorstr='#a9dfff',GradientType=0 ) !important;
    background-color: transparent !important;
    background-repeat: repeat !important;
    background-attachment: scroll !important;
}

.dxpgArea, .dxpgDataArea, .dxpgRowArea
{
	background: #a9dfff !important;
}

.dxpgColumnArea 
{
	background: #a9dfff !important;
	border-color: #4FBBF4 !important;
}

.dxpgRowFieldValue  {
	background: #fafaff !important;
	border-color: #4FBBF4 !important;
}

.dxpgColumnTotalFieldValue, .dxpgRowTotalFieldValue, .dxpgColumnGrandTotalFieldValue, .dxpgColumnFieldValue  {
	background: #D3EFFA !important;
	border-color: #4FBBF4 !important;
}

.dxpgGrandTotalCell, .dxpgRowGrandTotalFieldValue {
	background: #D3EFFA !important;
	border-color: #4FBBF4 !important;
}

.dxgvFilterBuilderButtonArea, .dxpgFilterBuilderButtonArea {
	background: none repeat scroll 0 0 #4FBBF4 !important;
	border-top: 1px solid #76D0FF !important;
}

.dxscToolbarContainer, .dxscToolbar {
	background: #a9dfff !important;
	border-color: #4FBBF4 !important;
}

.dxscViewSelectorButton {
	background: #4FBBF4 !important;
	border-color: #35B1FF !important;
}

.dxscTimelineDateHeader, .dxscDayHeader, .dxscDateCellHeader, .dxscDateHeader {
	background: none repeat scroll 0 0 #a9dfff !important;
	border: 1px solid #76D0FF !important;
}

.dxscTimeRulerHoursItem, .dxscTimeRulerMinuteItem {
	background: none repeat scroll 0 0 #a9dfff !important;
	border: 1px solid #76D0FF !important;
}

.dxscAlternateTimelineDateHeader {
	background: none repeat scroll 0 0 #4FBBF4 !important;
	border: 1px solid #76D0FF !important;
}

.dxscLeftTopCorner, .dxscRightTopCorner {
	background: none repeat scroll 0 0 #D3EFFA !important;
	border: 1px solid #76D0FF !important;
}

.dxscAllDayArea {
	background: none repeat scroll 0 0 #D3EFFA !important;
	border: 1px solid #76D0FF !important;
}

.dxgvControl, .dxgvDisabled, .dxpgControl, .dxpgDisabled, .dxpgTopPager, .dxpgBottomPager, .dxscControl
{
	background-color: #FFFFFF !important;
	border: 1px solid #96875a !important;
}

.dxgvEditFormDisplayRow td.dxgv, .dxgvDataRow td.dxgv, .dxgvDataRowAlt td.dxgv, .dxgvSelectedRow td.dxgv, .dxgvFocusedRow td.dxgv,
.dxpgEditFormDisplayRow td.dxpg, .dxpgDataRow td.dxpg, .dxpgDataRowAlt td.dxpg, .dxpgSelectedRow td.dxpg, .dxpgFocusedRow td.dxpg,
.dxscEditFormDisplayRow td.dxsc, .dxscDataRow td.dxsc, .dxscDataRowAlt td.dxsc, .dxscSelectedRow td.dxsc, .dxscFocusedRow td.dxsc
{
	border-color: #96875a !important;
}

.dxgvDataRow, .dxpgDataRow, .dxtlNode
{
	background-color: #fff !important;
	color: black !important;
}

.dxgvDataRowAlt, .dxpgDataRowAlt
{
	background-color: #fff !important;
	color: black !important;
} 

.dxgvSelectedRow
{
	background-color: #999 !important;
	color: black !important;
}

.dxtlFocusedNode
{
	background-color: #D3EFFA !important;
	color: black !important;
}

.dxtcLite > .dxtc-stripContainer .dxtc-tab, 
.dxtcLite > .dxtc-stripContainer .dxtc-activeTab {
	/*background-color:#fff;*/
    color: white;

}

.dxtcLite > .dxtc-stripContainer .dxtc-activeTab {
	/*background-color: #8ACCF6;*/
	border-bottom: 1px  #96875a;
    color: #96875a;
}

.dxtcLite > .dxtc-content {
	background-color: rgba(255,255,255, .8);
	border: 1px solid #96875a;
}

.dxtcLite > .dxtc-stripContainer .dxtc-leftIndent, .dxtcLite > .dxtc-stripContainer .dxtc-spacer, .dxtcLite > .dxtc-stripContainer .dxtc-rightIndent, .dxtcLite > .dxtc-stripContainer .dxtc-sbWrapper, .dxtcLite > .dxtc-stripContainer .dxtc-sbIndent, .dxtcLite > .dxtc-stripContainer .dxtc-sbSpacer {
	border-bottom: 1px solid #96875a;
	/*border-top: 1px solid ;*/
}

.dxtcLite > .dxtc-stripContainer .dxtc-tab, .dxtcLite > .dxtc-stripContainer .dxtc-activeTab {
	border: 1px solid #96875a;
}

.dxeCalendarHeader
{
	background-color: #4FBBF4 !important;
	border-color: #76D0FF !important;
}

.dxeCalendarFooter
{
	background-color: #4FBBF4 !important;
	border-color: #76D0FF !important;
}

/* END OF DevExpress */


/* Footer */

div.footerContent
{
	color: #222222;
    background: rgba(255,255,255,0.84);
	-webkit-box-shadow: 0px -5px 20px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px -5px 20px 0px rgba(0,0,0,0.75);
	box-shadow: 0px -5px 20px 0px rgba(0,0,0,0.75);
	display: none;
	
}

.footerKoza a {
	color: #ffffff;
}

.footerProject a {
	color: #ffffff;
}

/* END OF Footer */



/* Filter, Shortcut, Footer Panel */

.filterPanelContainer {
    /*background-color: #0D0D0E;*/
	border: none;

}

.shortcutPanelContainer {
	background-color: #ccf0ff;
	border-color: #76D0FF !important;
}

.pageBottomNotesPanelContainer {
	background-color: #ccf0ff;
	border-color: #76D0FF !important;
}


 /*END OF Filter, Shortcut, Footer Help Panel*/ 

input[disabled],text[disabled], input[readonly], select[disabled], select[readonly], checkbox[disabled], checkbox[readonly], textbox[disabled], textarea[disabled], textarea[readonly], dxeButtonEdit[disabled],dxeButton[disabled],.devExpressDropDown[disabled],.dxeMemoEditArea[disabled] {
     background-color: #FFF;
   border: medium none;
   color: #555555;
   font-family: inherit;
   outline: medium none;
   overflow: hidden;
   padding: 0;
   text-overflow: ellipsis;
   white-space: pre-line;
   width: 10em;
   /*height: 2em;*/
-webkit-appearance:none;
  -moz-appearance:none;
  -o-appearance:none;
   appearance:none;
}
.dxgvCSD {
 
height:374px !important;

}
.btn-primary {
   
    background-color: #96875a !important;
    }


  .dxeDisabled,dxeMemoEditArea[disabled]  td.dxe, .dxeDisabled td.dxe {
   background-color: #FFF;
   border: medium none;
   color: #555555;
   font-family: inherit;
   outline: medium none;
   overflow: hidden;
   padding: 0;
   text-overflow: ellipsis;
    white-space: pre-line;
   width: 10em;
   height: 1em;
-webkit-appearance:none;
  -moz-appearance:none;
  -o-appearance:none;
   appearance:none;
}
  .dxgvSearchPanel {
    padding: 0px !important;
width: 405px !important;
border-bottom: 1px solid #FBF6F6 !important;
    
}
  .btn-primary:focus, .btn-primary:hover {
    background-color: #96875a !important;
    background-position: 0 40px !important;
}

  popOut {
   
    background: #2F2F2F !important;
}

  .dxmLite .dxm-vertical .dxm-image-l .dxm-popOut, .dxmLite .dxm-vertical .dxm-image-r .dxm-popOut, .dxmLite .dxm-vertical .dxm-image-t .dxm-popOut, .dxmLite .dxm-vertical .dxm-image-b .dxm-popOut, .dxmLite .dxm-popup .dxm-popOut {
    
    background: #fca931 !important;
}

  .dxmLite .dxm-item, .dxmLite .dxm-popOut {
    border-color: #222 !important;
   background-color: rgba(245, 237, 237, 0.4) !important;
   
}
  .dxeButtonEditButton.dxeButtonEditClearButton, .dxeButtonEditButton.dxeButtonEditClearButton:hover {
    background: #FF5819 !important;
    border-width: 0 !important;
    padding-top: -19px !important;  
    background:url(../images/squareIcon.png) repeat-x left top !important;
}

  .labelMenu {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #E4EAF1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

.contanierContentPanelImage {
    background-color: rgba(255,255,255,0.4) !important;
   
}

.contanierInfoImage {
   /* margin-left: 27% !important;*/
}


.filterColor {
    background-color: rgba(255,255,255,0.4) !important;
    width: 200px;
    height: 100%;
}