.login-bg { background:#2b2b2b url(/Images/login-bg.png) repeat-x; min-height:620px;}
.login-logo { text-align:center; margin:4% 0 0 0}
.login-form { width:500px; background:#fff; box-shadow: 0px 0px 7px 0px rgba(0,0,0,1);  min-height:200px; margin:5% auto 0 auto; padding:15px 25px 25px 25px;}
.login-form .login-head { text-align:center; font-size:40px; font-family:Roboto; font-weight:300;}
.login-form .login-subhead { text-align:center; font-size:21px; color:#555; margin-bottom:20px; font-family:Roboto; font-weight:300;}
.login-form .form-control { height:50px;}
.login-form .form-control.user { background:#fff url(/images/user.png) 10px 10px no-repeat; padding-left:45px;}
.login-form .form-control.pass { background:#fff url(/images/pass.png) 10px 7px no-repeat;  padding-left:45px;}
.login-form .btn { height:50px; width:100%!important;}
.login-form input:-webkit-autofill { background:#000!important;}

.top-login { padding:15px 0 0 0}
.top-login .btn { display:inline; width:80px; height:30px; line-height:15px!important; font-size:15px;}
.menu-bg { background:#2b2b2b;}
.main-index { min-height:510px;}
.main-index .wel { text-align:center; margin:15px 0; font-size:30px; font-family:Roboto; font-weight:300; }

footer{background:#004d80; text-align:center; color:#fff; font-size:12px; overflow:hidden; line-height:35px; margin-top:20px;}
footer.login-ft { margin-top:0!important}

.form-area { border:1px solid #d3d3d3; padding:15px;}
.form-area-head {  background:#d3d3d3;  padding:5px 15px; font-size:20px; font-family:Roboto;}
.btn {width:auto!important; padding:0 10px}
input.btn {width:auto!important; padding:0 10px}
.back-to { margin:15px 0}
.back-to .btn { background:#2b2b2b; color:#fff; border-radius:2px; padding:0 10px; color:#fff!important; line-height:36px; width:auto;}
.submit-btn {  margin-right:5px; margin-top:10px!important; text-align:center;}
.submit-btn .btn {  width:auto;}
.create-new { text-align:right; margin-bottom:10px;}
.create-new .btn { width:auto; line-height:35px;  padding:0 10px}
.form-group { display:inline-block;  margin:0 8px 8px 0}
.smallwidth { width:32%;}
.ex-smallwidth { width:24%;}
.autowidth { width:100%;}
table.table-striped {border-collapse:collapse;}
table.table-striped td select { height:25px!important; padding:0 0 0 0!important; font-size:12px;}
table.table-striped th { font-size:11px; text-align:center; background:#efefef;  border:1px solid #d8d8d8;}
table.table-striped tr:nth-child(2n+1) {background-color:#e1f5ff;}
table.table-striped tr:nth-child(2n+1):hover {background-color:#f5f5f5;}
table.table-striped td { font-size:11px; border:1px solid #d8d8d8;}
table.table-striped td .glyphicon { color:#20ad57; font-size:14px; font-weight:normal;}
table.table-striped td .glyphicon-trash { color:#cf2727; font-size:14px; font-weight:normal;}
.outer-panel {  background:#fff; border:1px solid #d8d8d8;}
.form-table {}
.form-table .table-striped {border-collapse:collapse;}
.form-table .table-striped th { font-size:12px; text-align:center; background:#efefef;  border:1px solid #d8d8d8;}
.form-table .table-striped td select { height:35px!important; padding:0 0 0 0!important; font-size:12px;}
.form-table .table-striped tr:nth-child(2n+1) {background-color:#fff;}
.form-table .table-striped tr:nth-child(2n+1):hover {background-color:#fff;}
.form-table .table-striped td { font-size:12px; border:1px solid #d8d8d8;}
.form-table .table-striped td .glyphicon { color:#20ad57; font-size:14px; font-weight:normal;}
.form-table .table-striped td .glyphicon-trash { color:#cf2727; font-size:14px; font-weight:normal;}
.form-table .table-striped td.create-label { font-weight:bold; background:#f8f8f8;}

.generate-key {}
.generate-key .btn { width:auto;}
.generate-key .form-group { display:inline-block;  margin:0 8px 8px 0}
.generate-key .form-group.autowidth { width:99%;}
.generate-key .form-group.middlewidth { width:49%;}
.affiliate-details .outer-panel {  background:#fff; border:1px solid #d8d8d8;}
.affiliate-details table.table-striped {border-collapse:collapse;}
.affiliate-details table.table-striped th { font-size:10px; text-align:center; background:#efefef;  border:1px solid #d8d8d8;}
.affiliate-details table.table-striped tr:nth-child(2n+1) {background-color:#e1f5ff;}
.affiliate-details table.table-striped tr:nth-child(2n+1):hover {background-color:#f5f5f5;}
.affiliate-details table.table-striped td { font-size:11px; border:1px solid #d8d8d8;}
.affiliate-details table.table-striped td .glyphicon { color:#20ad57; font-size:14px; font-weight:normal;}

.create-affiliate table.table-striped {border-collapse:collapse; border:1px solid #d8d8d8;}
.create-affiliate table.table-striped td { font-size:12px; border:1px solid #d8d8d8; padding:10px}
.create-affiliate table.table-striped td.create-label { font-weight:bold; background:#f8f8f8;}

.check-inp {display:block; position:relative; padding-left:29px; margin-bottom:12px; cursor: pointer; font-size:13px; -webkit-user-select:none; -moz-user-select:none;-ms-user-select:none;   user-select:none;}
.check-inp input {position:relative; opacity:0; cursor:pointer;}
.checkmark {position:absolute; top:0; left:0; height:22px; width:22px; background-color:#f8f8f8; border:1px solid #c2c2c2;}
.check-inp input:checked ~ .checkmark {background-color: #6F6F6F; border:1px solid #6F6F6F;}
.checkmark:after { content: ""; position: absolute;display: none;}
.check-inp input:checked ~ .checkmark:after {display: block;}
.check-inp .checkmark:after {left:9px; top:5px; width:5px; height:10px; border:solid white; border-width:0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg);  transform:rotate(45deg);}

.create-rule {}
.create-rule .form-group.smallwidth{ width:32%; margin:0 5px 0 0!important}
.create-rule .btn { height:30px!important; line-height:28px!important;}
.create-rule .form-control.sel-hgt { height:80px!important;}
.create-rule .form-control.sel-loc { height:70px!important; width:80%}
.create-rule .btn { vertical-align:top;}
.create-rule table td.blank {height:20px; background:#e4f6ff}


@media only screen and (max-width:767px) 
{.login-form { width:90%; background:#fff; box-shadow: 0px 0px 7px 0px rgba(0,0,0,1);  min-height:200px; margin:5% auto 0 auto; padding:15px 25px 25px 25px;}}