/* .loginlogo{
display: block;
margin-left: auto;
margin-right: auto;
text-align:center;
width:345px;
height:165px;
background: url('https://katana.bdatrip.com/image/w=1920,q=100/https://images.bdatrip.com/2020/11/Thailand-2020.jpg) center center no-repeat;
} */

.loginbox{
color: white;
margin:0 auto;
max-width:500px; 
box-shadow: 0px 0px 0px #BEE2F9;
padding: 25px 25px;
position: relative;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
background: black;
//position: fixed;
//bottom: 0;
//right: 0;
opacity: 0.65;
}
/*.loginbox{
border: 1px solid #F00;
}*/
/* Smartphones (portrait) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
/* Styles */
.loginbox{
      width: 100%;
      #padding-bottom: 100%;
      margin-left:auto;
      margin-right:auto;
   }
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
.loginbox{
      #width: 500px;
      width: auto; 
      margin: 10px;
      #padding-bottom: 100%;
      margin-left:auto;
      margin-right:auto;
   }
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */
.loginbox{
      #width: 500px;
      width: auto; margin: 10px;
     #padding-bottom: 25%;
    margin-left:auto;
    margin-right:auto;
   }
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */
.loginbox{
      #width: 500px;
      width: auto; margin: 10px;
     #padding-bottom: 25%;
      margin-left:auto;
      margin-right:auto;
   }
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */
.loginbox{
     #width: 500px;
      width: auto; margin: 10px;
     #padding-bottom: 25%;
     margin-left:auto;
      margin-right:auto;
background: black;
opacity:0.65;
   }
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
.loginbox{
      #width: 500px;
      width: auto;
     #padding-bottom: 25%;
      margin-left:auto;
      margin-right:auto;
background: black;
opacity:0.65;
   }
}
#loginid {
    background-color: rgba(166, 175, 222,1);
}
#password {
    background-color: rgba(166, 175, 222,1);
}



.modal_layer .actionlayer .normal_action {
    margin: 0px 0px 0px 0px !important;
}
.loginbox .loginlogo{
background-image: url("https://demo.iviva.cloud/content/portals/logos/6a3085f2-d26c-4fba-e74d-6526f818273c.png")!important;
}