*{margin: 0;padding: 0; font-family: 'Roboto', sans-serif; box-sizing: border-box; }
html { -webkit-font-smoothing: antialiased; scroll-behavior: smooth; }
header{ height: 80px; background-color: #2C2C2E;}
header img{left: 0; padding: 12px 0;}
body{background: url("../images/main-bg.png") no-repeat fixed 0 100px;}

.middle-box{width: 400px; margin: 0; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.middle-box1{margin: 0; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.title-bg{background-image: linear-gradient( #ECECEC, #C9C9C9); height: 90px; border-top-left-radius: 25px; border-top-right-radius: 25px; padding: 20px;}
h1{font-size: 40px; color: #333333; margin-bottom: 30px; font-weight: 300; text-align: center;}
h2{font-size: 30px; color: #333333; font-weight: bold; margin-bottom: 0;}
h6{font-size: 16px; color: #333333; text-align: center; margin-bottom: 30px;}
.small-txt{font-size: 12px; color: #777777; font-weight: 100; position: absolute; top: 45px;}
p{font-size: 16px; color: #333333;}
.form-area{background-color: #ededed; padding: 20px; color: #666666; border-bottom-left-radius: 25px; border-bottom-right-radius: 25px;}
.txt-field{width: 100%; border: none; background: #ededed; outline: 0; border-bottom: 1px #666666 solid; color: #666666; font-size: 14px; font-weight: normal;}
.input-container {display: -ms-flexbox; /* IE10 */ display: flex; width: 100%; margin-bottom: 15px;}
.icon{padding: 5px; border-bottom: 1px solid #666666; color: #666666;}
.button{background: #333333; color: white; font-size: 22px; padding: 7px 15px; border-radius: 10px; line-height: 25px; border: 0; margin-top: 10px; cursor: pointer;}
.reset{background: #999999; color: white; font-size: 22px; padding: 7px 15px; border-radius: 10px; line-height: 25px; border: 0; margin-top: 10px; cursor: pointer; margin-left: 10px;}
.rounded-box {font-size: 25px; color: #666666; border-radius: 30px; border: 2px solid #666666; padding: 7px 15px; margin: 50px 10px;}
.flex-container {display: flex; justify-content: center;}
.red-btn{background-color: #ED1C25; border-radius: 10px; padding: 7px 15px; box-shadow: #666666 2px 3px 7px; border: 0; color: white; font-size: 26px; cursor: pointer; margin: 0 15px;}
.blue-btn{background-color: #1C85ED; border-radius: 10px; padding: 7px 15px; box-shadow: #666666 2px 3px 7px; border: 0; color: white; font-size: 26px; cursor: pointer; margin: 0 15px;}
.calendar-box{border: 2px solid #666666;font-size: 25px; padding: 7px 15px; border-radius: 10px; width: 230px;}
.calendar-icon{position: relative; right: 40px; font-size: 30px!important; top: 3px;}
.form-area{position: relative;}
.m-btm30{margin-bottom: 30px;}
.m-t50{margin-top: 50px;}
.delete-btn{font-size: 16px; color: white!important; background-color: #ED1C25; border-radius: 20px; cursor: pointer; border: 0; padding: 5px 10px;}
.pending-btn{font-size: 16px; color: white!important; background-color: #FF7214; border-radius: 20px; cursor: pointer; border: 0; padding: 5px 10px;}
.activate-btn{font-size: 16px; color: white!important; background-color: #307800; border-radius: 20px; cursor: pointer; border: 0; padding: 5px 10px;}
.update-btn{font-size: 16px; color: white!important; background-color: #006FFF; border-radius: 20px; cursor: pointer; border: 0; padding: 5px 10px; margin:0 20px}
.table{text-align: center;}
thead{ background-image:linear-gradient( #ECECEC, #C9C9C9); font-size: 18px; color: #333333;}
.table thead th{border: 0; vertical-align: middle;}
tbody{color: #666666; font-size: 16px; font-weight: 400;}
.table td, .table th{border-top:0;}
.table td a:link{color: #666666;}
.white-bg{background-color: white;}
.gray-bg{background-color: #e3e1e1;}
.rounded-box1 {font-size: 25px; color: #666666; border-radius: 30px; border: 2px solid #666666; padding: 7px 15px; margin: 30px auto; display: table;}
.close-mark{color: #333; position: absolute; right: -10px; top: -105px; font-size: 40px!important; cursor: pointer;}
.back{margin-top: 10px;}
.back1{margin-top: 20px; float: right;}
.back1 a:link{color: #666666;}
.back a:link{color: #666666;}
.signup a:link{color: #333333; margin-top: 15px;}
.signup{margin-top: 15px;}
@media (min-width:1200px)
{
    .container{max-width: 1500px !important;
    }
}