@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);

:root {
    --color1:#337ab7;
    --color2:#fec106;
    --color3:#37236b;
    --color4:#31708f;
    --bG1:linear-gradient(90deg, rgba(24,33,49,1) 0%, rgba(44,65,89,1) 100%)
}

body{font-family:"Open Sans"!important; font-size:13px; background:#c2cdd3;}

::-webkit-scrollbar {width:5px; height:5px;}
::-webkit-scrollbar-track {background: #f1f1f1;}
::-webkit-scrollbar-thumb {background: #888;}
::-webkit-scrollbar-thumb:hover {background: #555;}

.container-fluid{border-radius:0px; box-shadow:0 0 20px #0003; background-color:#fff; margin:0 10px 15px 10px;}

.glyphicon{line-height:inherit; top:0px;}
.input-group-btn .btn{border-bottom-left-radius:0px; border-top-left-radius:0px;}

.btn i.fa{margin:0px; padding:0px;}

.text-danger {color: #dc0804 !important;}
.panel-heading{background:var(--color1) !important;}
.panel-heading h4,.h4{font-size:18px; margin:0px; font-weight:600; color:#fff;}
.h4{padding:10px; background:var(--bG1); margin-bottom:10px;}
h4{font-size:15px; font-weight:600;}

.page-header{margin-top:25px;}
.page-header h1{font-size:20px; color:#333; font-weight:700; margin:0px;}

#header{background:var(--color1); padding:0px 20px; box-shadow:0 0 20px #0003; margin-bottom:10px;}
#header>div>a{color:#fff; padding:12px 20px; display:inline-block;}
#header .dropdown-menu a{color:var(--color1);}
#header #header-right-content{font-size:12px;}
#header #header-right-content h4{color:#777;text-transform:uppercase;font-size:14px;}
.form input[type="text"]{padding:5px 2%;border:solid 1px #ccc;box-shadow:0px 0px 5px #ccc;}
.form input[type="text"]:focus{outline:none;box-shadow:0px 0px 5px #5bc0de;}
.form td{padding:10px 10px;width: 12%;}
.table-text input[type="text"] {width:100%;}
.table-text tbody tr td {width:20%;}
.table-text tbody tr td:last-child {width:40%;}
.form label{font-size:13px;color:#666;}

.table tr:nth-child(2n) td{background:#eee;}

#loginbox{width:400px;margin:auto;padding:20px;border:solid 1px #ccc;position:absolute;top:50%;left:50%;margin-top:-123px;margin-left:-200px;background:#fff;box-shadow:0px 0px 200px #ccc;}
#loginbox .input-group-addon{background:#f0ad4e;border:solid 1px #db9838;}
#loginbox .input-group-addon i{color:#fff;border:s}
#loginbox .margin-bottom-sm{margin-bottom:20px;}
#loginbox .page-header{margin:0px 0px 20px 0px;}
#loginbox .page-header h3{margin:0px;padding:0px;}
#loginbox .page-header h3 i{margin-right:10px;}
#loginbox .btn{width:100%;margin-top:20px;}
.ajax__calendar td {padding:0px;}
#wrapper {padding-left: 0;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}

#wrapper.toggled {padding-left: 220px;}
#sidebar-wrapper {z-index: 1000;position: fixed;left: 220px;width: 0;height: 100vh;margin-left: -220px;overflow-y: auto; background: rgb(24,33,49);
background: var(--bG1); -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
#wrapper.toggled #sidebar-wrapper {width: 220px;}
#page-content-wrapper {width: 100%;position: absolute;padding: 15px;}
#wrapper.toggled #page-content-wrapper {position: absolute;margin-right: -220px;}

/* Sidebar Styles */

.sidebar-nav {position: absolute;top: 0;    width: 220px;margin: 0;padding: 0;list-style: none;}
.sidebar-nav li {text-indent: 20px;line-height: 40px;}
.sidebar-nav li a {display: block;text-decoration: none;color: #999999;}
.sidebar-nav li a:hover {text-decoration: none;color: #fff;background: rgba(255,255,255,0.2);}
.scroll-table {max-height:300px;overflow:scroll;}
.sidebar-nav li a:active,
.sidebar-nav li a:focus {text-decoration: none;}
.sidebar-nav > .sidebar-brand {height: 65px;font-size: 18px;line-height: 60px;}
.sidebar-nav > .sidebar-brand a {color: #999999;}
.sidebar-nav > .sidebar-brand a:hover {color: #fff;background: none;}

#menu-toggle{width:60px; height:42px; background:rgba(0,0,0,0.2) url(../images/menu-toggle.png) center center no-repeat; display:block; position:fixed; z-index:999; top:0px; margin-left:-20px;}

#sidebar-top{color:#fff;padding:7px;text-transform:capitalize;font-size:22px;font-weight:400;width:220px; line-height:60px; text-align:center;}
#sidebar-user{padding:20px 10px;color:#fff;width:220px;border-bottom:solid 2px #731910;margin-bottom:0px;background:#e74c3c;}
#sidebar-user .sidebar-user-left{float:left;width:50px;margin-right:15px;}
#sidebar-user .sidebar-user-right{float:left;width:165px;}
#sidebar-user .sidebar-user-right strong{display:block;font-size:18px;font-weight:400;}
#sidebar-user .sidebar-user-right .user-links{margin-top:3px;font-size:13px;}
#sidebar-user .sidebar-user-right .user-links a{color:#fff;display:inline-block;margin-right:5px;}
#sidebar-user .sidebar-user-right .user-links a i{margin-right:2px;}

#sidebar-menu{width:220px;}
#sidebar-menu ul{margin:0px;padding:0px;}
#sidebar-menu ul li a{color:#fffc; display:block;padding:13px 15px; font-size:13px;}
#sidebar-menu ul li a:hover,#sidebar-menu ul li a.active{color:#fff; background-color:var(--color1);}
#sidebar-menu ul > li > a{border-top:solid 1px #fff1; border-bottom:solid 1px #0003;}
#sidebar-menu .dropdown-menu a{padding:7px 15px;}
#sidebar-menu ul li a span{float:right;}
#sidebar-menu ul li.active a{background:#14192a;}
#sidebar-menu ul li:hover{background:#14192a;text-decoration:none;}
#sidebar-menu ul li a i{margin-right:7px;}
#sidebar-menu ul ul{display:none; background-color:var(--color4); position:relative; border-radius:0px; width:100%; float:none;}
#sidebar-menu ul ul li a{font-size:13px; border-top:solid 1px #fff3; border-bottom:solid 1px #0003;}
#sidebar-menu ul ul li a:hover{background:#var!important;}

.chart-container{width:100%;border: #d9edf7 1px solid;padding: 10px;padding-bottom: 30px; margin-bottom: 25px;}
.chart-container h3{font-size: 19px;background: #d9edf7;padding: 5px;margin: -10px;font-weight: normal; margin-bottom:10px;}
.chart-container .no{ line-height:25px; border-bottom:#eee 1px solid;padding:5px;}
.chart-container .no strong{ line-height:25px;}
.chart-container .no span{ float:right;}
.no {border-bottom: #eee 1px solid!important; padding: 5px;}

.col-center{float:none; margin:0 auto;}

.table-bordered {font-size:12px!important;}
.paging-grid{font-size:12px;}
.paging-grid td table/*,table tr:last-child td table*/{width:auto; float:right;}
.paging-grid td table td/*,table tr:last-child td table td*/{width:30px; text-align:center; height:30px; line-height:30px;}
.paging-grid td table a/*,table tr:last-child td table td a*/{display:block; width:30px; text-align:center; height:30px; line-height:30px; color:#111; border-radius:5px;background:#ccc; margin-right:3px;}
.paging-grid td table a:hover/*,table tr:last-child td table td a:hover*/{background:#333; color:#fff; text-decoration:none;}

.table-new,.table-new th,.table-new td{border:0px; white-space:nowrap;}
.table-new th{font-size:110%; color:#000;}
.table-new th a{color:#000;}
.table-new th a:after{font-family: 'FontAwesome'; content: "\f160"; margin-left:3px; font-size:90%;}
.table-new>tbody>tr>th,.table-new>tbody>tr>td{padding:14px !important;}
.table-new td input[type=text]{border-radius:3px;padding:5px 10px; border:1px solid #ccc; box-shadow:inset 0 0 5px #0003; width:100px;}

.payment_option{padding:15px 0px;}
.payment_option label{font-size:12px; text-transform:uppercase; color:#666;}

i.fa{margin-right:5px;}

.on_hover .dropdown-menu,
.on_hover .divider{margin:0px; padding:0px;}
.on_hover .dropdown-menu li a{padding:10px;}
.on_hover:hover .dropdown-menu{display:block;}

.login-page{background:url(/Admin/images/bg.jpg) center no-repeat; background-size:cover; height:96vh; margin:0px; padding:0px;}

.loginbox .input-group-addon i.fa{margin:0px;}
.loginbox .form-control{background-color:rgba(49,49,49,0.5); border-color:#383838; box-shadow:1px 1px 0px #fff3;}

.col-center{float:none;}
.login-screen{background-color:#fff; box-shadow:0 0 30px #0009; margin-top:80px;}

.login-screen a{color:#999; font-size:20px; line-height:38px;}
.login-screen a:hover{text-decoration:none; color:#333;}
.login-screen .btn{border-radius:100px;}
.login-screen .login_header{margin-bottom:20px; position:relative;}
.login-screen .left,.login-screen .right{padding:50px 50px;}
.login-screen .form-control,
.login-screen .input-group-addon{border:0px; border-bottom:1px solid #ccc; border-radius:0px; background-color:transparent; box-shadow:none;}
.login-screen .adminbg-right{background:url(../images/bg_1.jpg) center no-repeat; background-size:cover;}
.login-screen .adminbg-right{color:#fff; text-align:center;}
.login-screen .adminbg-right h1{margin-top:100px; line-height:1.5;}
.login-screen .adminbg-right h1 small{display:block;}

#footer-login{position: absolute;bottom: 0%;text-align: center;width: 100%;padding-bottom: 30px;font-size: 12px;padding-top: 30px;background: rgba(255,255,255,.7);}
#footer-login a{color:#333;}

.otp-popup{padding: 40px; position: relative;}
.otp-popup h4{font-weight:600; line-height:1.5;}
.otp-popup h4 small{line-height:1.5;}
.otp-popup button.close{width: 32px; height: 32px; position:absolute; top: 0px; right: 0px;}
.otp-popup input[type=text]{ border: 0px; box-shadow:none; letter-spacing: 4px; text-align: center; font-size:52px; margin-bottom: 30px; height: inherit;}
.otp-popup input[type=password]{letter-spacing: 4px; text-align: center; font-size:52px; margin-bottom: 30px;  border:0px; border-bottom:2px solid #ccc; border-radius:0px; box-shadow:none;}
.otp-popup a{color: #555;}

#ddlCategory input[type=checkbox], #ddlCategory input[type=radio]{margin:0px; position:relative; top:2px;}
#ddlCategory label{margin-left:5px; font-weight:normal;}

.form-inline{display:flex;}
input[type=checkbox]{margin-right:5px;}
.flex-auto{flex:auto;}
.row{display: flex; flex-wrap: wrap;}
.row [class*="col-"] {flex: auto;}
.mb-30{margin-bottom:30px;}

@media(min-width:768px) {
    #wrapper {padding-left: 220px;}
    #wrapper.toggled {padding-left: 0;}
    #sidebar-wrapper {width:220px;}
    #wrapper.toggled #sidebar-wrapper {width: 0;}
    #page-content-wrapper {padding:0px;position: relative;}
    #wrapper.toggled #page-content-wrapper {position: relative;margin-right: 0;}
    .loginbox{width:400px; height:300px; margin:auto; position:absolute; top:0px; bottom:0px; left:0px; right:0px;}
    .login-screen .row{display:flex;}
}
@media screen and (max-width:767px)
{
    .login-page{background-size:initial;}
    #page-content-wrapper{margin:0px; padding:0px;}
    .container-fluid{margin:0 10px;}
	.form td{display:block;width:100%;padding:5px 0px;}
    .login-page{height:95vh;}
    .loginbox{margin:50px 15px;}
    .login-screen .left{padding:30px; text-align:center;}
    .login-screen .left .btn{margin-top:10px;}
    .login-screen .login_header{margin:0px 0 30px; padding:0px; left:0px;}
    .login-screen .adminbg-right{display:none;}
    #footer-login{padding:20px 10px;}
    .otp-popup{padding: 20px;}
}
@media screen and (max-width:480px)
{
	#loginbox{width:300px;margin-top:-123px;margin-left:-150px;}
}
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {position: relative;min-height: 1px;padding-right: 10px;padding-left: 10px;}
.col-xs-15 {width: 20%;float: left;}
@media (min-width: 768px) {
    .col-sm-15 {width: 20%;float: left;}
}
@media (min-width: 992px) {
    .col-md-15 {width: 20%;float: left;}
}
@media (min-width: 1200px) {
    .col-lg-15 {width: 20%;float: left;}
}


#table_grid_view1{ margin-top:50px; font-size:35px;}

.logopage{display:flex; height:95vh;}

.newloginpop{width:100%; height:450px; position:absolute; top:0px; bottom:0px; left:0px; right:0px; margin:auto; color:#fff;}
.newloginpop a{color:#fff;}

@media(min-width:769px){
    .newloginpop{width:400px; margin:auto;}
}

.new-form-control .gj-datepicker{display:block;}
.new-form-control .gj-datepicker .form-control{border-radius:5px !important; float:none;}

.tag_complete .tags_container .tag{padding:2px 6px !important;}
.tag_complete .tags_container .tag .close{height:16px !important; padding:0px; line-height:normal !important;}

@media(max-width:768px){
    .d-none-m{display:none;}
    .newloginpop{width:90%;}
}