/* Reset
***************************************************************/html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend{margin:0;padding:0;border:0;outline:0;vertical-align:baseline}table{border-collapse:separate}/* Remember focus styles! */:focus{outline:0}ol,ul{list-style:none}/* Reset *//*Lay out*/#layout-header,#layout-navigation,#layout-featured,#layout-before-main,#layout-main-container,#layout-main,#layout-after-main,#layout-before-footer,#layout-footer{width:100%}#layout-main-container:before,#layout-main-container:after,#layout-footer:before,#layout-footer:after,#layout-before-main:before,#layout-before-main:after,#layout-after-main:before,#layout-after-main:after,#layout-header:before,#layout-header:after,#layout-main:before,#layout-main:after,{content:" ";display:table}#layout-main-container:after,#layout-footer:after,#layout-before-main:after,#layout-after-main:after,#layout-header:after,#layout-main:after,{clear:both}#aside-left{position:relative;min-height:1px}@media(min-width:992px){#aside-left{float:left;width:25%;max-width:248px}}#aside-right{position:relative;min-height:1px}@media(min-width:992px){#aside-right{float:right;width:25%;max-width:248px}}#layout-content{position:relative;min-height:1px;width:100%}@media(min-width:992px){/* if only one aside column is present, make the content a 9 */.aside-1#layout-content,.aside-2#layout-content,{float:left;width:75%;min-width:calc(100% - 248px)}/* if the two aside colums are present, make the content a 6 */.aside-12#layout-content{float:left;width:50%;min-width:calc(100% - 496px)}}@media(min-width:768px) and (max-width:991px){#aside-left,#aside-right{display:none !important}}@media(max-width:767px){#aside-left,#aside-right{display:none !important}}article header{margin-bottom:10px}.widget h1{font-size:20px}.widget h2{font-size:15px}.widget h3,.widget h4,.widget h5,.widget h6{font-size:12px}html,body{height:100%;min-height:100%;font-size:.95rem}div.group-container{margin:0;padding:0;border:0}/* Clearing Floats
***************************************************************/.group:after{content:".";display:block;height:0;clear:both;visibility:hidden}.widget-control:after/* .widget-control:after self clears any floats used in a widget */{content:".";display:block;height:0;clear:both;visibility:hidden}/*Input validation error
***************************************************************/input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{background:#ffffc8}input:-moz-placeholder,textarea:-moz-placeholder{background:#ffffc8}input::-moz-placeholder,textarea::-moz-placeholder{background:#ffffc8}input:-ms-input-placeholder,textarea:-ms-input-placeholder{background:#ffffc8}/* Widget */.widget_container_border div{border:1px solid #a8080a}/* Group */.group-left{float:left}.group-right{float:right}#footer{width:100%;height:auto;position:fixed;vertical-align:middle;margin:0;bottom:0}
/* Theme
***************************************************************/.dxm-item{font-size:1em}
.roundpanel{padding:0}/* bootstrap v3 compatible fix 
.dxsplLCC .col-xs-4 {
  position: static;
}
*/.dxeListBox_DevEx{position:static}.dxrpcontent{padding:4px 0 0 0 !important}input.dxeEditAreaSys{height:auto !important}td.dxe{width:100%;padding:0 !important}.leftVerticalStyle{transform:rotate(-90deg)}.button{/*margin: 0px 4px 4px 0px;*/margin:0;width:120px;height:30px}.commonButton{width:130px}hr.cross_line{margin:0;border:1px solid #a8080a;clear:both}hr.seperator_line{margin:8px 0;border:1px solid #00f}div.divider{display:block;text-align:center;overflow:hidden;white-space:nowrap}.divider>span{position:relative;display:inline-block;margin-top:3px;margin-bottom:3px;font-weight:bold;color:#00f}.divider>span:before,.divider>span:after{content:"";position:absolute;top:50%;width:1024px;height:1px;background:#00f}.divider>span:before{right:100%;margin-right:15px}.divider>span:after{left:100%;margin-left:15px}.form .button{float:left}table.borderTable,table.borderTable th,table.borderTable td{border:1px solid #00f;border-collapse:collapse}table.infoTable{border:1px solid #38678f;margin:0;padding:0;text-align:center;border-collapse:collapse;border-spacing:0}table.infoTable>thead>tr>th{border:1px solid #fff;background:#27ae60 none repeat scroll 0 0;color:#fff;text-align:center}table.infoTable tr,table.infoTable td{border:1px solid #ccc;padding-left:1px;padding-right:1px}tr.infoTable_heightlightRow{background-color:#d9e4fd}table.emptyTable,.emptyTable>th,.emptyTable>tbody>tr,.emptyTable>tbody>tr>td{margin:0;padding:0;border-spacing:0}table.formTable,.formTable>th,.formTable>tbody>tr,.formTable>tbody>tr>td{margin:0;padding:0;border-spacing:2px}table.nestedFormTable,.nestedFormTable>th,.nestedFormTable>tbody>tr,.nestedFormTable>tbody>tr>td{margin:0;padding:0;border-spacing:0}table.nestedFormTable td{padding-left:1px;padding-right:1px}table.nestedFormTable td:first-child{padding-left:0}table.nestedFormTable td:last-child{padding-right:0}/*Notification-Bar
***************************************************************/.notification-message{font-size:110%;font-weight:bold;position:absolute;padding:0;margin:0;top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.notification-bar{position:fixed;top:10px;left:50%;cursor:pointer;overflow:hidden;-webkit-box-shadow:0 3px 5px rgba(0,0,0,.3);-moz-box-shadow:0 3px 5px rgba(0,0,0,.3);-o-box-shadow:0 3px 5px rgba(0,0,0,.3);box-shadow:0 3px 5px rgba(0,0,0,.3);-wekbit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;color:#fff;opacity:1;visibility:visible;z-index:99999999;background-position:10px center;background-repeat:no-repeat}.notification-bar-info{color:#00529b;background-color:#bde5f8;background-image:url("Images/icon_info_32x32.png")}.notification-bar-success{color:#4f8a10;background-color:#dff2bf;background-image:url("Images/icon_success_32x32.png")}.notification-bar-warning{color:#9f6000;background-color:#feefb3;background-image:url("Images/icon_warning_32x32.png")}.notification-bar-error{color:#d8000c;background-color:#ffbaba;background-image:url("Images/icon_error_32x32.png")}.notification-bar-validation{color:#d63301;background-color:#ffccba;background-image:url("Images/icon_validation_32x32.png")}/*Format
***************************************************************/.readOnly *{background-color:#dcdcdc !important}.requiredSignAfter:after{content:"*";font-weight:bold;color:#f00}.requiredSignBefore:before{content:"*";font-weight:bold;color:#f00;margin-left:1px}.textUpperCase .dxeEditAreaSys{text-transform:uppercase !important}.textUpperCase{text-transform:uppercase !important}span.quickkey{font-weight:bold;text-decoration:underline}a.functionLink{TEXT-DECORATION:none}a.functionLink:hover{TEXT-DECORATION:underline}/* Navigation Path */.navigationPath a{text-decoration:none;outline:none;display:block;float:left;font-weight:bold;font-size:100%;line-height:24px;color:#fff;padding:0 10px 0 15px;position:relative}/*since the first link does not have a triangle before it we can reduce the left padding to make it look consistent with other links*/.navigationPath a:first-child{padding-left:5px;border-radius:5px 0 0 5px;/*to match with the parent's radius*/}.navigationPath a:first-child:before{left:14px}.navigationPath a:last-child{border-radius:0 5px 5px 0;/*this was to prevent glitches on hover*/padding-right:15px}/*hover/active styles*/.navigationPath a.disabled,.navigationPath a.disabled:hover{background:#efefef;font-weight:normal}.navigationPath a.disabled:after,.navigationPath a.disabled:hover:after{background:#efefef;font-weight:normal}.navigationPath a.active,.navigationPath a:hover{background:#333;background:linear-gradient(#333,#000)}.navigationPath a.active:after,.navigationPath a:hover:after{background:#333;background:linear-gradient(135deg,#333,#000)}/*adding the arrows for the navigationPaths using rotated pseudo elements*/.navigationPath a:after{content:'';position:absolute;top:0;right:-8px;/*half of square's length*//*same dimension as the line-height of .navigationPath a */width:24px;height:24px;/*as you see the rotated square takes a larger height. which makes it tough to position it properly. So we are going to scale it down so that the diagonals become equal to the line-height of the link. We scale it to 70.7% because if square's: 
	length = 1; diagonal = (1^2 + 1^2)^0.5 = 1.414 (pythagoras theorem)
	if diagonal required = 1; length = 1/1.414 = 0.707*/transform:scale(.707) rotate(45deg);/*we need to prevent the arrows from getting buried under the next link*/z-index:1;/*background same as links but the gradient will be rotated to compensate with the transform applied*/background:#666;background:linear-gradient(135deg,#666,#333);/*stylish arrow design using box shadow*/box-shadow:2px -2px 0 2px rgba(0,0,0,.4),3px -3px 0 2px rgba(255,255,255,.1);/*
		5px - for rounded arrows and 
		50px - to prevent hover glitches on the border created using shadows*/border-radius:0 5px 0 50px}/*we dont need an arrow after the last link*/.navigationPath a:last-child:after{content:none}/*we will use the :before element to show numbers*/.navigationPathFlat a,.navigationPathFlat a:after{background:#fff;color:#000;transition:all .5s}.navigationPathFlat a:before{background:#fff;box-shadow:0 0 0 1px #ccc}.navigationPathFlat a:hover,.navigationPathFlat a.active,.navigationPathFlat a:hover:after,.navigationPathFlat a.active:after{background:#9eeb62}.lockScreenInput{display:none;position:absolute;top:0;left:0;z-Index:1000;width:100%;height:100%}.picture_placeholder{border:1px dashed #f66 !important}.picture_placeholder_justify{border:1px dashed #f66 !important;margin-left:auto;margin-right:auto;display:block}img.verticalMiddleImage{vertical-align:middle}img.centerImage{vertical-align:middle}.truncateWrapText{overflow:hidden;text-overflow:ellipsis;white-space:normal}.truncateText{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}/*Standar Columns
***************************************************************/.very_short_label_len{width:50px}.short_label_len{width:80px}.mid_label_len{width:110px}.long_label_len{width:140px}.very_long_label_len{width:200px}.largest_long_label_len{width:300px}.two_num_edit_len{width:30px}.four_num_edit_len{width:50px}.very_tiny_edit_len{width:50px}.tiny_edit_len{width:80px}.very_short_edit_len{width:110px}.short_edit_len{width:170px}.mid_edit_len{width:200px}.long_edit_len{width:250px}