/* body */
@font-face{font-family:ibmplexsans;font-display:swap;font-weight:400;src:local("IBMPlexSans"),url(../fonts/IBMPlexSans-Regular.woff2) format("woff2"),local("IBMPlexSans"),url(../fonts/IBMPlexSans-Regular.woff) format("woff")}
@font-face{font-family:ibmplexsans;font-display:swap;font-weight:600;src:local("IBMPlexSans"),url(../fonts/IBMPlexSans-Medium.woff2) format("woff2"),local("IBMPlexSans"),url(../fonts/IBMPlexSans-Medium.woff) format("woff")}
@font-face{font-family:ibmplexsans;font-display:swap;font-weight:700;src:local("IBMPlexSans"),url(../fonts/IBMPlexSans-Bold.woff2) format("woff2"),local("IBMPlexSans"),url(../fonts/IBMPlexSans-Bold.woff) format("woff")}

body {font-family: 'Roboto', Helvetica, sans-serif; font-weight: 400;} 

/* agent-login-box */
#agent {background: linear-gradient(#25003e, #0092ff); padding: 20px; min-height: 100vh;}
.agent-login-box {max-width: 500px; min-height: 200px; margin: 55px auto; border: 1px solid #ccc; background: #fff; padding: 40px; box-shadow: 0px 2px 4px 1px #234; border-radius: 20px;}
.agent-login-box .logo-box {width: 95px; height: 95px; text-align: center; border-radius: 50%; margin: -80px auto 20px; background: #fff; border: 1px solid #ccc; box-shadow: 2px 2px 4px 0px #919191;}
.agent-login-box .logo-box img {display: block; height: 60px; margin: 20px auto;}
.agent-login-box h2 {font-size: 24px; font-weight: bold; line-height: 28px; margin-bottom: 20px; text-transform:capitalize;}
.agent-login-box p {color: #e81123; font-size: 14px; line-height: 20px;}
.agent-login-box label {font-weight:800; font-size: 12px;}
.agent-login-box label strong span {color:#f00;}
.agent-login-box select {margin-bottom: 20px; display: block;
  width: 100%;
  padding:4px 15px; 
  height: 38px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #666666;
  vertical-align: middle;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: 1px solid #666666;
  border-radius: 0.25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;;}
.agent-login-box input {background: #fff !important;border: none; border-radius: 0 !important; padding-left:0 !important; border-bottom: 1px solid #666666 !important; width: 100%; padding-bottom: 5px; margin-bottom: 20px;}
.agent-login-box select:focus, .agent-login-box input:focus {box-shadow: none; outline: none; background: #fff !important;}
.agent-login-box select:hover { border: 1px solid #666666;}
.agent-login-box .btn {background: linear-gradient(#163a8b, #0092ff); width: 100%; font-weight: 600; color: #fff; border-radius: 5px; box-shadow: none; border-color: #0092ff;}
.agent-sidebar {background: #181f2c; min-height: 100vh; width: 260px;}

.footer {padding: 10px 0 0; margin-top: 20px; }
.footer p {color: #b2b2b2; font-size: 13px; text-align: center;}