@charset "utf-8";
/* CSS Document */

.iq-sidebar-logo img {
    height: 60px;
}body.header-top-bg .content-page::before, .red-gradient, body.header-top-bg .iq-top-navbar.fixed-header, .sign-in-page::after
{
	background: linear-gradient(145deg, #ee0b03 0%, #b30802 100%);
}
.staff-table td
{
	font-size:12px;
}
.staff-table td.actions-cell
{
	font-size:16px;
}
.btn.btn-secondary, .btn.btn-primary
{
	    color: #fff;
    padding: 13px 29px;
    position: relative;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    z-index: 1;
	background: linear-gradient(145deg, #ee0b03 0%, #b30802 100%);
	display: inline-block;
    border: none;
    font-size: 14px;
    font-weight: 600;
    padding: 15px;
	min-width:100px;
    border-radius: 50px;
    text-transform: uppercase;
    color: #fff;
    line-height: normal;
    cursor: pointer;
    text-align: center;
    letter-spacing: 1px;
}
.btn.btn-secondary
{
	
    background: none;
    background-color: #777D74;
	/*
    background-color: #bbbfb9;
    color: #565454;*/
}
.btn-load-spinner
{
	display:none;
}
.errors p
{
	font-size:10px;
	text-align:center;
    color: #ee0b03;
	
}
.btn.btn-secondary:hover, .btn.btn-primary:hover
{
	
}
.btn.btn-secondary.buttons-print, .btn.btn-secondary.btn-left
{
	border-radius:0px;
	border-top-left-radius:50px;
	border-bottom-left-radius:50px;
	
}
.btn.btn-secondary.buttons-csv, .btn.btn-secondary.btn-right
{
	border-radius:0px;
	border-top-right-radius:50px;
	border-bottom-right-radius:50px;
	
}
.form-control {
    height: 40px;
    line-height: 34px;
}
input[type=file].form-control
{
	
    height: 60px;
    line-height: 38px;
}
.fg-multiple input
{
	margin-bottom:10px;
}
.inline-list
{
	background:#999;
	border-radius:2em;
	padding:5px 15px;
	color:#fff;
	font-size:10px;
	display:inline-block;
	margin:3px;
}
.inline-list a:hover
{
	color:#F00;
	cursor:pointer;
}
.card-left-pic .iq-card-body .form-group
{
	
    text-align: center;
}
.card-left-pic .iq-card-body .form-group img
{
	
    width: 150px;
    height: 150px;
}
.card-left-pic .image-sel input
{
	font-size:12px;
	margin-bottom:25px;
}
.card-left-pic .image-sel
{
    padding-bottom: 10px;
}
.margin-top-20
{
	margin-top:20px;
}
.content-input
{
	display:flex;
}
.content-input label
{
	font-size:16px;
    padding-left: 6px;
}
.content-input.faqs label
{
	font-size:14px;
    padding-left: 6px;
}
.content-input input[type=range]
{
	padding-top:8px;
	margin-right:10px;
}
.content-input input[type=number]
{
	height:30px;
}

.coaches-div
{
	display:flex;
	margin-left:2px;
	margin-right:2px;
}
.coach-box img
{
	border-radius:50%;
	width:60%;
	margin-left:auto;margin-right:auto;
	margin-bottom:10px;
}
.coach-box
{
    text-align: center;
    padding: 3px;
}
.coach-box.col-md-6
{
}
.coach-box h6
{
	font-size:10px;
	margin-bottom:5px;
}
.cb-content
{
	padding-top:10px;
	width:94%;margin-left:3%;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.1), 0 2px 6px 0 rgba(0,0,0,.1);
	transition:.1s all linear;
	height:100%;
	border-radius:2px;
}
.coach-box.selected .cb-content
{
    box-shadow: 0 2px 5px 0 rgba(37,163,27,.5), 0 2px 6px 0 rgba(37,163,27,.5);
	
}
.cb-content:hover
{
	
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.5), 0 2px 6px 0 rgba(0,0,0,.5);
}
.image-list
{
	padding:15px;
	margin-bottom:20px;
}
.image-list img
{
	
    width: 96%;
    margin-left: 2%;
	margin-bottom:15px;
}

.classes-item
{
	font-family: 'Baloo Chettan 2';
	
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.1), 0 2px 6px 0 rgba(0,0,0,.1);
   
}
.class-listing .ci-bottom
{
	width:100%;
	display:flex;
	padding: 10px;
}
.red-gradient
{
	color:#fff;
	background: linear-gradient(145deg, #ee0b03 0%, #b30802 100%);
}
.class-listing .cl-bottom
{
	background: linear-gradient(145deg, #ee0b03 0%, #b30802 100%);
	display:flex;
    border-bottom-right-radius: 13px;
    border-bottom-left-radius: 13px;
	padding:7px 0px;
}
.class-listing .cl-bottom a
{
	flex:.33;
	color:#fff;
	font-weight:600;
}
.class-listing .cl-top h4
{
	text-align:left;
	font-family: 'Baloo Chettan 2';
	padding-left:15px;
	font-size:18px;
	margin-bottom:5px;
}
.class-listing .cl-top p
{
	
	margin-bottom:5px;
}
.class-listing
{
	padding-top:15px;
    margin-bottom: 20px;
}
.class-listing .row
{
	margin-left:0px;
	margin-right:0px;
}
#addClassBtn
{
	padding:20px;
	color:#fff;
	border-radius:13px;
	width:80%;
	margin-left:10%;
	display:block;
	text-align:center;
	margin-top:20px;
	font-size:24px;
	
}
#addClassBtn i
{
	padding-left:15px;
}
.filters
{
	position:relative;
	margin-top:20px;
}
.filters .exit-btn
{
	position:absolute;
    top: 20px;
    right: 26px;
    color: #ee0b03;
    font-size: 26px;
}
.coach-box
{
	position:relative;
}
.coach-box .btn
{
	position:absolute;
    top: 48px;
    left: 19%;
	display:none;
    padding: 10px;
}

.coach-box:hover .cb-content
{
	background-color:rgba(0,0,0,.2);
}
.coach-box:hover .btn
{
	    display: inline-block;
}
.coach-box .btn-add
{
    background: linear-gradient(40deg,#ddf43f,#16a085)!important;
}
.fa-card-icon i
{
	
    top: 11px;
    margin: auto;
}
.red
{
	color:#c70b04;
}

.iq-card-footer
{
	background-color:#d8d4d463;
	font-size:14px;
}
.iq-card-footer .small-footer
{
	font-size:8px;
}
.student-box .iq-card-footer .small-footer
{
	
    font-size: 10px;
    padding-top: 13px;
    line-height: 31px;
	
}
.student-box .iq-card-footer i
{
	
    font-size: 24px;
    color: #7ba5d0;
}
.student-box .iq-card-footer a
{
	padding:10px 5px;padding-top:14px;
	box-shadow:1px 1px 3px rgba(0,0,0,.1);
}
.student-box .iq-card-body a
{
	font-size:12px;
	color:#4cda1d;
}
.parents-card .box-data
{
	padding:0px 30px;border-radius:15px;
}
.parents-card .box-data .bd-row
{
	border-radius:2px;
	padding:6px 0px;
}

.parents-card .iq-card-header a i
{
	font-size:18px;
}

.policies .accordion-details
{
	padding:10px 20px;
}
.policies .iq-accordion.career-style.faq-style .iq-accordion-block .accordion-details  p
{
	margin-bottom:0px;
	padding-bottom:7px;
	padding-top:7px;
	font-size:12px;
}
.policies .accordion-details h3, .policies .accordion-details h4
{
	padding-left:15px;
	margin-bottom:0px;
	margin-top:15px;
}
.policy-agree-box
{
	box-shadow:0px 0px 12px 0px rgb(55 73 72 / 15%);
	margin-top:25px;
}

.policy-agree-box .todo-date p
{
	font-size:12px;
	margin-bottom:0px;
}
.policy-agree-box .todo-date i
{
	font-size:24px;
	margin-bottom:0px;
}
.policy-agree-box .todo-notification
{
	flex:.9;
}
.policy-agree-box .todo-notification p
{
	margin-bottom:0px;
}
.policy-agree-box .todo-notification .accepted-by
{
	font-size:12px;
	font-weight:600;
}
.ckeckout-product-lists
{
	
}
.ckeckout-product-lists .ckeckout-product
{
	width:25%;
}
.ckeckout-product-lists .checkout-product-details
{
	width:46%;
}
.ckeckout-product-lists .add-student-btn
{
	margin-top:25px;
    width: 65%;
    min-width: 150px;
    padding: 6px;
    font-size: 12px;
}
.ckeckout-product-lists .cp-discount
{
	margin-top:0px;
    font-size: 10px;
}
.font-12
{
    font-size: 12px;
}
.cart-payments .payment-method
{
	width:100%;
}
.add-student-select a i
{
	font-size:20px;
}
.add-student-select a:hover
{
	cursor:pointer;
}
.add-student-select .form-group {
    margin-bottom: 0px;
    padding-left: 0px;
}
.add-student-select .form-control {
    height: 32px;
    line-height: 32px;
    padding-top: 2px;
    padding-bottom: 2px;
}
#progressbar.cart-progress li {
    width: 25%;
}
#progressbar #step4:before {
    content: "4";
    color: #fff;
}
.iq-email-content .iq-email-date {
    right: 20px;
    width: 180px;
}
.card-filter
{
	float:right;
	position:relative;
	right:0px;
	top:2px;
}
.card-filter .form-group
{
	margin-bottom:0px;
}
.card-filter label
{
	margin-bottom:0px;
	font-size:13px;
}
.card-filter select.form-control
{
	min-width:180px;
    height: 32px;
    line-height: 30px;
}
.card-filter
{
	
}
.booking-checkout .ci-icon
{
	margin-top:0px;
}
.booking-checkout
{
	
}
.booking-checkout
{
	
}
.action-btn
{
    box-shadow: 0px 0px 12px 0px rgb(55 73 72 / 15%);
    border-radius: 6px;
    padding: 10px 20px;
    width: 250px;
    margin-left: auto;
    margin-right: auto;
    display: block;
	margin-bottom:8px;
}
.action-btn:hover
{
	cursor:pointer;
    box-shadow: 0px 0px 12px 0px rgb(55 73 72 / 55%);
	
}
.action-btn i
{
	float:left;
	position:relative;
    left: 0px;
    top: 4px;
}

.transaction-refund .transaction-type {
    background-color: #cbc109;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 10px;
}

/*--------------------------------------------------------------
--						Skills Styles
---------------------------------------------------------------*/
.skills-content
{
	
}
.skills-content .iq-card
{
	webkit-box-shadow:1px 1px 5px 0px rgb(55 73 72 / 34%);
	box-shadow:1px 1px 5px 0px rgb(55 73 72 / 34%);
}
.skills-content
{
	
}
.skills-content
{
	
}
.skills-content
{
	
}
.level-box
{
	margin-left:0px;margin-right:0px;
	border-bottom:1px solid #cdc9d9;
	padding:10px;
	padding-top:6px;
}
.level-box h6
{
	
}
.level-container.lc-new h5
{
	font-weight:600;
	position:relative;
	right:10px;
}
.level-box.lb-new
{
	border-bottom:none;
	
}
.level-box.lb-new a
{
	padding:10px;
}
.level-box.lb-new a i
{
	color:#fff;
	position:relative;
	left:2px;
}
.level-box
{
	
	
}
.level-container
{
	border-top:1px solid #c4c1d1;
	padding:6px;
}

.level-container.lc-new input
{
	margin-left:-5px;
}
.st-program-li, .st-event-li
{
	position:relative;
    margin-bottom: 10px;
}
.st-program-li .st-delete-btn, .st-event-li .st-delete-btn
{
   
    transition: .2s linear all;
    float: right;
    padding: 9px 9px;
    margin-top: -8px;
    background-color: #fff;
    border-radius: 4px;
    font-size: 18px;
    box-shadow: 1px 1px 4px 1px rgb(55 73 72 / 23%);
    position: absolute;
    z-index: 10;
    right: 5px;
    top: 7px;
    opacity: 0;
	
}.st-event-li .st-delete-btn
{
   
    transition: .2s linear all;
    float: right;
    padding: 9px 9px;
    margin-top: -8px;
    background-color: #fff;
    border-radius: 4px;
    font-size: 18px;
    box-shadow: 1px 1px 4px 1px rgb(55 73 72 / 23%);
    position: absolute;
    z-index: 10;
    right: calc( 30% - 40px);
    top: 7px;
    opacity: 0;
	
}.st-event-li .st-expand-btn
{
   
    transition: .2s linear all;
    float: right;
    padding: 9px 9px;
    margin-top: -8px;
    background-color: #fff;
    border-radius: 4px;
    font-size: 18px;
    box-shadow: 1px 1px 4px 1px rgb(55 73 72 / 23%);
    position: absolute;
    z-index: 10;
    right: calc( 40% + 6px);
    top: 7px;
    opacity: 0;
	color:#417fbc !important;
	
}
.st-program-li .st-delete-btn:hover, .st-event-li .st-expand-btn:hover
{
	cursor:pointer;
}
.st-program-li:hover .st-delete-btn, .st-event-li:hover .st-delete-btn, .st-event-li:hover .st-expand-btn
{
    transition:.5s linear all;
	opacity:1;
	
}
.st-program-li .st-delete-btn i
{
	margin-right:0px;
}
.st-program-btn
{
    /*color: #374948;*/
	box-shadow:0 2px 3px 0 rgb(0 0 0 / 20%), 0 2px 6px 0 rgb(0 0 0 / 20%);
	
	
}
.st-program-btn
{
	
	
}
.st-event-btn
{
	box-shadow:0 2px 3px 0 rgb(0 0 0 / 20%), 0 2px 6px 0 rgb(0 0 0 / 20%);
	
}
.st-level-head
{
	margin-left:-20px;
	margin-bottom:10px;
	
}
.st-level-head .btn:hover
{
	cursor:default;
	
}
.st-level-head
{
	
	
}
.st-program-events
{
	margin-top:3px;
}
.btn-orange {
    background-color: #e58d0a;
    border-color: #e58d0a;
	color:#212529 !important;
}
.st-event-btn
{
	width:60%;
	margin-bottom:6px;
	color:#fff !important;
	font-weight:500;
	text-align:left;
}
.class-skills .st-event-btn
{
	width:180px;
	font-size:12px;
}
.class-skills .st-event-li .st-expand-btn
{
	
    top: 19px;
    right: auto;
    left: 154px;
}
.class-skills .st-event-skills {
    padding-left: 1%;
    margin-left: 2%;
}
.class-skills .st-skill-li
{
	display:block;
}
.class-skills .st-skill-li .st-skill-btn
{
	font-size:12px;
	width:100%;
}
.st-event-btn.steb-completed
{
	background-color:#e6da7f;
	border-color:#e6da7f;
}
.level-box.lb-new
{
	margin-left:-20px;
}
.st-event-li.st-el-add input
{
	color:#777D74;
    background: #f8f8f9;
	
}
.st-event-li.st-el-add .add-program-btn
{
	
	
}
.st-event-li
{
	
}
.st-event-li.st-el-add .add-program-btn i
{
	position:relative;
	top:5px;
	
}
.st-event-li.st-el-add .btn i { margin-right:0px; }
.st-event-li.st-el-add
{
	position:relative;
	padding:0px;
}
.st-event-li.st-el-add .form-group
{
	margin-bottom:0px;
	flex:1;
}
.st-event-li.st-el-add .form-group .form-control
{
	height: 35px;
    line-height: 32px;
}
.st-event-li.st-el-add .st-el-add-outline
{
	padding:0px;
	
}
.st-event-li.showing-skills .st-expand-btn
{
	opacity:1;
}
.st-event-skills
{
    padding-left: 5%;
    margin-left: 3%;
    border-left: 1px solid #417fbc;
}

.st-skill-li
{
	margin-bottom:6px;
	display:flex;
	
    flex-wrap: wrap;
}
.st-skill-li.skill-li-req .st-skill-btn
{
	
    background-color: #e17712;
    border-color: #e17712;
}
.text-orange
{
	color: #e17712 !important;
}
.st-skill-li .st-skill-actions .st-sa-require
{
   
    transition: .2s linear all;
    float: right;
    padding: 9px 9px;
    margin-top: -8px;
    background-color: #fff;
    border-radius: 4px;
    font-size: 18px;
    box-shadow: 1px 1px 4px 1px rgb(55 73 72 / 23%);
    position: relative;
    z-index: 10;
    right: calc( 40% + 6px);
    top: 7px;
    opacity: 1;
	color: #e17712 !important;
	
}
.st-skill-li .st-skill-btn
{
	width:60%;
	text-align:left;
	color:#fff;
	
	box-shadow:0 2px 3px 0 rgb(0 0 0 / 20%), 0 2px 6px 0 rgb(0 0 0 / 20%);
}
.st-skill-li .st-skill-actions
{
	width:40%;
}
.st-skill-dropdown {
    padding: 7px;
    border: #E9EDF4 2px solid;
    border-radius: 2px;
    min-width: 200px;
    min-height: 30px;
}
.st-skill-dropdown .st-add-skill
{
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
}
.st-evaluations .st-skill-btn
{
	
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.1), 0 2px 6px 0 rgba(0,0,0,.1);
}

.st-evaluations .st-skill-btn .eval-stars {
    float: right;
	margin-bottom:0px;
}
.st-evaluations .st-skill-btn .eval-stars li {
    padding: 0px 2px;
}

.st-evaluations .st-event-li .st-delete-btn
{
	right: 10%;
	opacity:1;
    font-size: 14px;
    padding: 4px;
	box-shadow:none;
}
.eval-stars
{
	
}
.eval-stars li {
  float: right;
  color: #ddd;
  padding: 10px 2px;
    font-size: 22px;
}


.prev-eval:hover li {
  color: #ddd !important;
}
.eval-stars li:hover,
.eval-stars li:hover ~ li {
  color: #ffd700 !important;
}
.eval-stars li.rated,
.eval-stars li.rated ~ li {
  /*color: #e1c009 !important;*/
}
.prev-eval.eval-stars li.rated,
.prev-eval.eval-stars li.rated ~ li {
  color: #417fbc;
}
.es-rated.eval-stars li.rated,
.es-rated.eval-stars li.rated ~ li {
  color: #e1c009;
}

.eval-stars {
  display: inline-block;
  list-style: none;
    padding-inline-start: 0px;
}
.st-sa-require:hover
{
	cursor:pointer;
}
.st-sa-require
{
	
}
.student-events-table table thead th
{
	border:none !important;
	font-size:12px;
	text-align:center;
    height: 52px;
    padding: 17px;
}
.student-events-table
{
	padding:0px !important;
}
.student-events-table table td
{
	font-size:12px;
	text-align:center;
    min-height: 65px;
    display: block;
    padding: 24px;
	position:relative;
    padding-bottom: 23.23px;
}
.student-events-table table
{
	width:100%;
	min-width:85px;
}
.student-events-table table tr
{
}
.class-skills table.st-event-skills td
{
    font-size: 12px;
    padding: 15px 10px;
    width: 100%;
    display: block;
    min-height: 65px;
    vertical-align: middle;
}
.class-skills table.st-event-skills tr
{
	/*min-height:65px;*/
	
}
.class-skills table.st-event-skills
{
    position: relative;
    top: 2px;
}
.class-skills .eval-stars li {
    float: right;
    color: #ddd;
    padding: 0px 1px;
    font-size: 14px;
}
.class-skills .eval-stars li a:hover
{
	cursor:pointer;
}
.class-skills .eval-stars li a i
{
	font-size:16px;
}
.class-skills .eval-stars {
    
    margin-bottom: 5px;
    min-width: 55px;
}
.eval-history-block
{
	
    border-radius: 5px;
    padding: 4px 12px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.1), 0 2px 6px 0 rgba(0,0,0,.1);
}
.font-12
{
	font-size:12px !important;
}
.font-10
{
	font-size:10px !important;
}
.eval-details-btn
{
	display:block;
	font-size:8px;
	text-decoration:underline;
	position:absolute;
	bottom:10px;
	width:100%;
	text-align:center;
    text-align: center;
    padding-right: 28%;

}
.eval-details-no
{
	display:block;
	font-size:8px;
}
.eval-details-btn:hover
{
	cursor:pointer;
}

.l-blue-gradient
{
	background-color: #0093E9;
background-image: linear-gradient(160deg, #0093E9 0%, #80D0C7 100%);
}

.d-blue-gradient
{
	    background-image: linear-gradient(160deg, #0093E9 0%, #4479aa 100%);
}
.btn-outline-d-blue
{
    border-color: #417fbc;
}
.l-orange-gradient
{
	background-color: #FBAB7E;
background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%);
}
.purple-gradient
{
	/*background-image: linear-gradient(to right, #8e2de2, #4a00e0);*/
	background-image: linear-gradient(to top, #5f72bd 0%, #9b23ea 100%);
}
.blue-gradient
{
	background-image: linear-gradient(to right, #4facfe 0%, #00f2fe 100%);
}
.l-green-gradient
{
	background-image: linear-gradient(to right, #43e97b 0%, #38f9d7 100%);
}
.d-green-gradient
{
	background-image: linear-gradient(to top, #0ba360 0%, #3cba92 100%) !important;
}
.s-blue-gradient
{
	background-image: linear-gradient(to right, #495aff 0%, #0acffe 100%);
	/*background-image: linear-gradient(to top, #00c6fb 0%, #005bea 100%);*/
}
.teal-gradient
{
	background-image: linear-gradient(15deg, #13547a 0%, #80d0c7 100%);
}
.grey-gradient
{
	background-image: linear-gradient(to right, #868f96 0%, #596164 100%);
}
.d-grey-gradient
{
	background-image: linear-gradient(to top, #09203f 0%, #537895 100%);
}

/*-------------------------------------------------------------
--						End Skills Styles
---------------------------------------------------------------*/
.note-card
{
	margin-top:20px;
	margin-bottom:20px;
}
.note-card .card-body
{
	padding:15px;
	padding-top:20px;
	padding-bottom:0px;
	
    max-height: 400px;
    overflow-y: scroll;
}
.note-contain
{
	padding: 0px 5px;
}
.note-contain .note-body
{
	margin-top:10px;
    background-color: #4dabd2;
    color: #fff;
    padding: 3px 8px;
    border-radius: 5px;
	margin-left:10px;
}

.note-contain.staff-note .note-body
{
	margin-left:0px;
	margin-right:10px;
	background-color:#30be30;
}
.note-contain .note-body p
{
	margin-bottom:10px;
	color:#fff;
}
.note-contain .note-footer
{
	text-align:right;
}
.note-contain.staff-note .note-footer
{
	text-align:left;
}
.note-contain .note-footer a
{
	font-size:16px;
	padding:2px;
}
.note-contain .note-footer a:hover
{
	cursor:pointer;
}
.note-card .note-add
{
	margin-top:25px;
}


/*-------------------------------------------------------------
--						Responsive Styles
---------------------------------------------------------------*/





@media (max-width: 1299px) and (min-width:1000px)
{
.iq-sidebar {
    
    left: -20px;
    width: 164px;
}
.iq-sidebar-menu .iq-menu li a {
    font-size: 12px;
	padding-right:4px;
}
.iq-sidebar-menu .iq-menu li ul li a {
    font-size: 10px;
}
.iq-sidebar-menu .iq-menu li ul li a {
    color: #777D74;
    padding: 12px 20px 12px 45px;
}
.iq-sidebar-menu .iq-menu li a i {
    font-size: 18px;
    margin-left: 5px;
	margin-right:8px;
    /*display: none;*/
}
.iq-sidebar-menu .iq-menu li a i.iq-arrow-right
{
    font-size: 16px;
	
}
.iq-sidebar-menu .iq-menu .iq-menu-title
{
	display:none;
}
body.header-top-bg .line-menu
{
    background: #777D74;
	
}
.content-page {
    margin-left: 170px;
}
}

@media screen and (max-width: 481px)
{
	.iq-sidebar
	{
		
    right: -260px;
	}
	
	body.sidebar-main .iq-sidebar
	{
		right:0px;
    left: auto;
	}
	
	#mobile-nav {
		display:block;
		  height: 100%; /* 100% Full-height */
  width: 0; /* 0 width - change this with JavaScript */
  position: fixed; /* Stay in place */
  z-index: 100; /* Stay on top */
  top: 0; /* Stay at the top */
  right: 0;
  background-color: #ee0b03; /* Black*/
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 10px; /* Place content 60px from the top */
  transition: 0.3s; /* 0.5 second transition effect to slide in the sidenav */
	}
	
	#mobile-nav.active
	{
		width:260px;
		
	}
	#mobile-nav .closeBtn
	{
	    position: absolute;
    top: -4px;
    right: 15px;
    font-size: 42px;
    color: #fff;
    font-weight: 300;
}
	.closeBtn:hover, #mobile-nav a:hover
	{
		text-decoration:none;
	}
	#mobile-nav ul
	{
		padding-left:0px;
	}
	#mobile-nav ul li
	{
		list-style:none;
	}
	#mobile-nav ul a
	{
		display:block;
		color:white;
		font-size:18px;
		padding:8px;
		padding-left:20px;
    font-weight: 600;
	}
	#mobile-nav ul a.active
	{
		border-left:4px solid white;
		background:none;
		background:rgba(255,255,255,.1);
	}
	#mobile-nav ul li ul li a
	{
		font-size:14px;
		padding-left:35px;
		padding-bottom:5px;
	}
	#sidebarToggle
	{
		display:none;
	}
	body.sidebar-main .iq-sidebar:hover, body.sidebar-main .iq-sidebar:hover .iq-sidebar-logo
	{
		
	}
}