﻿.iconbuttons {
    max-width: 2em !important;
}

.iconbuttons2 {
    max-width: 1em !important;
}

.iconbuttons3 {
    max-width: 1.5em !important;
}

.button {
    font-size: 1em;   
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}

.hiddenbutton {
    display: none;
}

.tdPopUp {
    text-align: center;
    width: 25%;
}

/* Login 
----------------------------------------------------------*/
#logininfo
{
	font-size: .7em;	
}

INPUT[type="password"]
{
	font: normal normal normal 1em Arial,Helvetica,sans-serif; 
}

.lblremember
{
	font-size: .7em;	
}

div.loginpnl
{
    width:400px;
    text-align: center;
    margin: 0 auto;
 }
 
 .pnllogin
 {
  Height:170px;
  Width:429px;
  background-color:#DDDDDD;
  Border-Color:White;
  Border-Style:Outset;  
 }
 
table.logintbl 
{
    display:inline-block;
    border:0;
}

div.copyright
{
    background-color: silver;
    text-align: center;  
}

.failmsg
{
    font-size:Larger;
    Color:Red; 
    Width:305px;
}

td.tdright
{
    text-align: right;
    width: 130px;
    height: 34px; 
}

td.tdleft
{
    text-align: left;
    width: 130px;
    height: 34px;
}

td.tdspace
{
    height: 12px; 
    width:400px; 
}

td.btnlogin
{
    height: 26px;
    text-align: center;   
}

.username
{
    width: 130px;   
}

.password
{
    width: 130px;      
}

.usertitle
{
 width: 130px; 
}

.passtitle
{
 width: 130px; 
}



/* Photolog
----------------------------------------------------------*/
#maindiv {
    position: fixed;
    left: 0;
    right: 0px;
    top: 150px;
    bottom: 0;
    background-color: #fff;
}

.photo {
    max-width: 50px;
} 

.raw {
  height: calc(100% + 1px);
} 

.log {
  height: calc(100% + 1px);
} 

#start
{	

}

#divbtnscroll
{
position:fixed;
left:300px;
width:225px;
top:50%;	
}

#DivExtra
{
position:fixed;
left:3.125em;	
bottom:2em;
}



.btnscroll
{
 
}


.panelraw
{
position:fixed;
left:50px;
width:235px;
top:150px;
bottom:100px;
overflow-x: hidden;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
-webkit-transform: translateZ(0px);
-webkit-transform: translate3d(0,0,0);
-webkit-perspective: 1000;
}


.panelphotolog
{
position:fixed;
left:400px;
right:0px;
top:150px;
bottom:100px;	
overflow-x: hidden;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
-webkit-transform: translateZ(0px);
-webkit-transform: translate3d(0,0,0);
-webkit-perspective: 1000;
}


#MainContent_gvSrc textarea 
{
	width:0px !important;
	display: none !important;	
}


#MainContent_gvDest textarea 
{
	width:95% !important;
	display: inline !important;	
}


.img
{
	 width:200px;	
}

#td_spacer1
{
	width: 75px;
	background-color: #C0C0C0;	
}

#td_spacer2
{
	width: 200px;
	background-color: #C0C0C0;	
}

#td_photolog
{ 
	min-width: 500px;
	min-height: 100px;
}

.DCRPhotolabelStd 
{
	display: inline-block;
	float: left;
	width: 20em;
	text-align: right;   
	color: inherit;   
	margin-right:10px;
	clear: left;		
	margin-top: 25px;
	font: normal normal normal 1em Arial,Helvetica,sans-serif;		
}

.DCRPhotoDate
{
	display: inline-block;	
	/*margin-top: 25px;*/
	font: normal normal normal 1em Arial,Helvetica,sans-serif;		
}

#CtlArea
{
 text-align:center; 

      
}

#CtlArea img
{
  
  display:inline-block;
  height:20px;
  width:20px;
  margin-top:50px; 
  
}

#CtlAreaX input[type="submit"],
#CtlAreaX input[type="button"]
{
    margin-top:-55px;    
}





/* DCR Form
----------------------------------------------------------*/
input[type="text"]
{       
	font: normal normal normal 1em Arial,Helvetica,sans-serif; 
}

textarea 
{ 
	font: normal normal normal 1em Arial,Helvetica,sans-serif; 
}


#scrolltotop
{
	position: absolute;
	top: 0;
	right: 0;	
	text-align:right;
	cursor:pointer;
    background-color:#0090CB;
    display:inline-block;
    height:1em;
    width:1em;
    color:#fff;
    font-size:1em;
    text-align:center;
    text-decoration:none;
    line-height:1em;	
}

#scrolltobottom
{
	position: absolute;
	bottom: 0;
	right: 0;
	text-align:right;
	cursor:pointer;
    background-color:#0090CB;
    display:inline-block;
    height:1em;
    width:1em;
    color:#fff;
    font-size:1em;
    text-align:center;
    text-decoration:none;
    line-height:1em;		
}

#panelform
{
overflow-x: hidden;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
-webkit-transform: translateZ(0px);
-webkit-transform: translate3d(0,0,0);
-webkit-perspective: 1000;
}

.style1
{
    width: 200px;
}
.style2
{
    width: 200px;
    height: 21px;
}
.style3
{
    height: 21px;
}


#DCRdata
{
	clear: both;    
	
}

#DCRdata2
{
	clear: both;    
	
}

#DCRdata3
{
	clear: both; 
	
}

#DCRdata4
{
	clear: both;    
	
}

#DCRdata5
{
	clear: both;    
	
}

#DCRDamages {
    clear: both;
    display: inline-block;
    color: #696969;
    width: 100%;
}

#Div3a {
    clear: both;
    display: inline-block;
    color: #696969;
    width: 60%;
}

#Div4 {
    clear: both;
    display: inline-block;
    color: #696969;
    width: 60%;
}


.DCRlabelReqd {   
   color: #f00 !important;
   
}

.DCRlabelReqdPosition {
   float: left;
   width: 35%;
   text-align: right;
   margin-right: 10px;
   clear: left;
}

#DCRdata input[type="text"]
{
	display:    inline-block;		
	border: 1px dashed #333;
	margin-top: 25px;
	width: 60%;
	font: normal normal normal 1em Arial,Helvetica,sans-serif;
	
}

#DCRdata2 input[type="text"]
{
	display:    inline-block;		
	border: 1px dashed #333;
	margin-top: 25px;
	width: 60%;
	font: normal normal normal 1em Arial,Helvetica,sans-serif;
	
}

#DCRdata3 input[type="text"]
{
	display:    inline-block;		
	border: 1px dashed #333;
	margin-top: 25px;
	width: 60%;
	font: normal normal normal 1em Arial,Helvetica,sans-serif;
	
}

#DCRdata4 input[type="text"]
{
	display:    inline-block;		
	border: 1px dashed #333;
	margin-top: 25px;
	width: 60%;
	font: normal normal normal 1em Arial,Helvetica,sans-serif;
	
}

#DCRdata5 input[type="text"]
{
	display:    inline-block;		
	border: 1px dashed #333;
	margin-top: 25px;
	width: 60%;
	font: normal normal normal 1em Arial,Helvetica,sans-serif;
	
}


#DCRdata textarea
{
	display:  inline-block;	
	margin-top: 25px;
	border: 1px dashed #333;
	width: 60%;
    font: normal normal normal 1em Arial,Helvetica,sans-serif;
}

#DCRdata2 textarea
{
	display:  inline-block;	
	margin-top: 25px;
	border: 1px dashed #333;
	width: 60%;
    font: normal normal normal 1em Arial,Helvetica,sans-serif;
}

#DCRdata3 textarea
{
	display:  inline-block;	
	margin-top: 25px;
	border: 1px dashed #333;
	width: 60%;
    font: normal normal normal 1em Arial,Helvetica,sans-serif;
}

#DCRdata4 textarea
{
	display:  inline-block;	
	margin-top: 25px;
	border: 1px dashed #333;
	width: 60%;
    font: normal normal normal 1em Arial,Helvetica,sans-serif;
}

#DCRdata5 textarea
{
	display:  inline-block;	
	margin-top: 25px;
	border: 1px dashed #333;
	width: 60%;
    font: normal normal normal 1em Arial,Helvetica,sans-serif;
}



.DCRlabelStd 
{
	display: inline-block;
	float: left;
	width: 20em;
	text-align: right;   
	color: inherit;   
	margin-right:10px;
	clear: left;		
	margin-top: 25px;
	font: normal normal normal 1em Arial,Helvetica,sans-serif;	
	
}

.DCRcheckboxes
{
    display: block;	
	margin-top: 25px;
	font: normal normal normal 1em Arial,Helvetica,sans-serif;	
	
}



.DCRdropdowns {
    display: block;
    margin-top: 25px;
    font-size: 1em;
    font: normal normal normal 1em Arial,Helvetica,sans-serif;
}

.DCRradios
{
	display: block;	
	margin-top: 25px;
	font: normal normal normal 1em Arial,Helvetica,sans-serif;	
	
}

.DCRbuttons
{
	display: block;	
	margin-top: 25px;
	font: normal normal normal 1em Arial,Helvetica,sans-serif;	
	
}

.DCRSelector
{
	display: block;	
	margin-top: 25px;
	font: normal normal normal 1em Arial,Helvetica,sans-serif;	
	
}

.gridCenter
{
  white-space:nowrap;  
}

.gridCenter2
{
  white-space:normal;
  word-break:break-all;  
}

.gridCenter3
{
  white-space:normal;
  overflow-wrap: break-word;
}

.gridCenter4
{
 display: block; 
 width: 100%;     
}



/* Selector 
----------------------------------------------------------*/
.ModalPopupBG {
    background-color: #666699;
    filter: alpha(opacity=50);
    opacity: 0.7;
}

.HellowWorldPopup {
    min-width: 22.5em;
    min-height: 13.75em;
    background: White;
}

.topcorner {
    position: absolute;    
    right: 1em;
}

.propertyTitle
{
    display:block;
    text-transform: uppercase;
    width: auto;
}

.titleWrap
{
    display:inline-block;
}


.propertyValue {
    display:block;
    width:auto;
}

.valueWrap
{
    display:inline-block;
}

#DCRSelector
{
	clear: both;
	padding: 10px;	
	
}


#divMessage
{
	clear: both;
	padding: 50px;	
	margin-left:175px;	
}

.DCRSelectorDiv
{
    margin-top: 15px;
}

.DCRSelectorlabelStd 
{
	display: block;
	float: left;
	width: 20em;
	text-align: right;   
	color: inherit;   
	margin-right:10px;
	clear: left;		
	/*margin-top: 25px;*/
	
	font: normal normal normal 1em Arial,Helvetica,sans-serif;			
}

.DCRSelectorcheckboxes
{
	display: block;	
	/*margin-top: 25px;*/
	font: normal normal normal 1em Arial,Helvetica,sans-serif;	
	
}

.DCRSelectordropdowns select
{
	display: block;	
	/*margin-top: 25px;*/
	font: normal normal normal 1em Arial,Helvetica,sans-serif;	
	
}

.DCRDate2
{
	display: inline-block;	
	/*margin-top: 25px;*/
	font: normal normal normal 1em Arial,Helvetica,sans-serif;		
}


.DCRSelectorradios
{
	display: block;	
	/*margin-top: 25px;*/
	font: normal normal normal 1em Arial,Helvetica,sans-serif;	
	
}

.DCRSelectorButtons
{
	display: block;	
	text-align: center;
	/*margin-top: 25px;*/
	font: normal normal normal 1em Arial,Helvetica,sans-serif;	
	
}

	.alert-box {
		color:#555;
		border-radius:10px;
		font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;
		padding:10px 36px;
		margin:10px;
	}
	.alert-box span {
		font-weight:bold;
		text-transform:uppercase;
	}
	.error {
		background:#ffecec url('../../images/error.png') no-repeat 10px 50%;
		border:1px solid #f5aca6;
	}
	.success {
		background:#e9ffd9 url('../../images/success.png') no-repeat 10px 50%;
		border:1px solid #a6ca8a;
	}
	.warning {
		background:#fff8c4 url('../../images/warning.png') no-repeat 10px 50%;
		border:1px solid #f2c779;
	}
	.notice {
		background:#e3f7fc url('../../images/notice.png') no-repeat 10px 50%;
		border:1px solid #8ed9f6;
	}

/* PhotoUpload 
----------------------------------------------------------*/
.ajax__fileupload_uploadbutton {
    font-size: .7em !important;
}

.removeButton {
    font-size: .7em !important;
}