/*LOGIN Page*/
.esriSignInDialog,
.dijitDialog,
.dijitDialogError{
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24) !important;
  /*display: block !important;*/
  border-radius:20px !important;
  /*max-width: 250px !important;*/
  /*width: 250px !important;*/
  text-align: center;
  padding: 15px;
  background: #FFFFFF !important;
}
.esriErrorMsg{
    display: none !important;
}
.dijitDialogFocused,
.dijitDialogErrorFocused,
.dijitErrorFocused,
.dijitFocused{
  /*border:1px solid #c7bb78 !important;*/
  /*width: 250px !important;*/
  /*max-width: 250px !important;
  display: block !important;*/
  border-radius:20px !important;
  
  text-align: center;
  padding: 15px;
  background: #FFFFFF !important;
}
.dijitDialogTitleBar{
  display: none;
}
.claro .dijitDialogPaneContentArea{
  margin:0px !important;
  padding: 0px !important;

}
.claro .dijitDialogPaneContent{
border-top:0px solid !important;
padding: 0px !important;
background-color:none !important;
}
.esriSignInDialog.esri-widget table tr :nth-child(2n), .esriSignInDialog.esri-widget table tr :nth-child(2n+1){
    background-color:rgba(0, 0, 0, 0.0) !important;
}
.claro .dijitSelect, .claro .dijitTextBox, .esriIdentityDialog .dijitTextBox{
background-color:rgba(0, 0, 0, 0.0) !important;
border-radius: 20px !important; 
}
.claro .dijitTextBoxFocused{
  border-color:#c7bb78 !important;
  box-shadow: 0px 0px 5px #c7bb78;
}
.claro .dijitTextBoxFocused .dijitInputContainer{
  background: rgba(255,255,255,0) !important;
  width: auto !important;
  
}
.dijitDialogPaneContentArea:before{
background-image: url('http://royalmap.md/wp-content/uploads/2018/10/logo.png');
    background-size: 105px 40px;
    display: inline-block;
    width: 105px; 
    height: 40px;
    content:"";
    margin-bottom: 15px;
    float: left;
    
}
.dijitDialogPaneContentArea div{
  color:white;
  font-size: 1px !important;
}
.dijitTextBoxActive,
.dijitErrorActive,
.dijitACtive,
.dijitDialogErrorActive,
.dijitValidationTextBoxActive,
.dijitTextBoxErrorActive,
.dijitValidationTextBoxErrorActive,
.dijitTextBoxFocused,
.dijitValidationTextBoxFocused,
.dijitValidationTextBoxErrorFocused,
{
  background-color: rgba(255,255,255,0) !important;
  width: 80px !important;
}
.claro .dijitTextBox .dijitInputField, .dijitInputInner{
  /*background-color: #f2f2f2;*/
  outline:0 !important;
  border:0 !important;
  font-size: 14px !important;
}

.claro .dijitDialogPaneActionBar{
  background-color: rgba(255,255,255,0) !important;
  border-top:0px solid #ffffff !important;
  padding:0px !important;
}
.claro .dijitDialog{
  border: 1px solid #c7bb78 !important;
}
.claro .dijitDialogPaneContent .dijitDialogPaneActionBar{
  margin: 10px 0px 0px !important;
}
/*.dijitButtonHover .dijitHover{*/
/*    background-color: white !important;*/
/*}*/
/*.esriIdentityDialog .dijitButtonNode, .esriIdentityDialog .dijitButtonText{*/
/*    color: #FFFFFF;*/
/*    touch-action:manipulation;*/
/*    font-size: 12px !important;*/
/*    text-transform: uppercase;*/
/*    cursor:pointer;*/
/*    border:0px solid transparent ;*/
/*    white-space:nowrap;*/
/*    -webkit-user-select:none;*/
/*    -moz-user-select:none;*/
    /*color:#6e6e6e;*/
/*    background: #995c5d !important;*/
/*    -webkit-transition: all 0.25s ease;*/
/*    transition:all 0.25s ease;*/
/*    border-color:rgba(50,50,50,0.25);*/
/*    border-radius: 20px !important;*/
/*}*/
.claro .dijitDialogPaneActionBar .dijitButton{
  touch-action:manipulation;
  text-align: center;
  text-transform: uppercase;
  outline: 0 !important;
  background: #995c5d !important;
  width: 80px !important;
  border: 0 !important;
  padding: 7px;
  color: #FFFFFF;
  font-size: 12px !important;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  cursor: pointer;
  margin:5px !important;
  border-radius: 20px !important;
  float: left !important;
}
.claro
.dijitDialogPaneActionBar:hover,
.dijitButton:hover{
  background: rgba(199, 187, 120,0.8) !important;
}
.claro .dijitTextBoxFocused{
  border-color:rgba(199, 187, 120,0.8) !important;
  box-shadow: 0px 0px 5px rgba(199, 187, 120,0.8) !important;

}
.claro .dijitButton .dijitButtonNode, .claro .dijitDropDownButton .dijitButtonNode, .claro .dijitComboButton .dijitButtonNode, .claro .dijitToggleButton .dijitButtonNode{
  border:0px solid #759dc0 !important;
  padding:0px !important;
  background-color:rgba(255,255,255,0) !important;
  color:white !important;
  background-image:none !important;
}
.royalLogo{
  width:150px;
  margin-bottom:25px;
}

/* END LOGIN Page*/