@charset "utf-8";

/*
------------------------------------------------------------
Project Name : Driving Institute Software;
------------------------------------------------------------
*/
@font-face {
	font-family: 'Glyphicons Halflings';
	src: url('../fonts/glyphicons-halflings-regular.eot');
	src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
/* Reset
--------------------------------------------------------------------------------------------------------*/
/*
http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

/* Css Clearfix */
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/* General
--------------------------------------------------------------------------------------------------------*/
*{outline:none!important;border-radius:0;-o-border-radius:0;-ms-border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;box-shadow:none;-o-box-shadow:none;-ms-box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;}
a, .container, .logo img, .main-navigation img{transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;-moz-transition:all 0.3s;}
.login-page{height:100%;}
html, body{min-width: 320px; min-height: 100vh;}
body{font-family: 'Poppins', sans-serif; font-size:14px; line-height: 18px; -ms-overflow-style: scrollbar; color: #6F6F6F;}
.wrapper{min-height:100vh; padding: 75px 0 0 250px;}
a{color:#6F6F6F;text-decoration:none;}
a:hover{text-decoration:none;color:#212121;}
h1,h2,h3,h4,h5,h6{line-height:1.2em;padding:0 0 20px;}
h1 span,h2 span,h3 span,h4 span,h5 span,h6 span{display:block;}
h1{font-size: 30px;}
h2{font-size: 26px;}
h3{font-size: 24px;}
h4{font-size: 22px;}
h5{font-size: 20px;}
h6{font-size: 18px;}
p{padding:0 0 20px;}
p.medium-text{font-size: 16px;}
input[type=text],input[type=email],input[type=password],textarea{-webkit-appearance:none;appearance:none;}
.arabic{direction: rtl; text-align: right;}
.bold-text{font-weight: 700;}
.orange-text{color: #E6854A;}

.default-form ::-webkit-input-placeholder{color:#A3A3A3;}
.default-form ::-moz-placeholder{color:#A3A3A3;}
.default-form :-ms-input-placeholder{color:#A3A3A3;}
.default-form :-moz-placeholder{color:#A3A3A3;}
.default-form ::-ms-clear {display: none;}

.default-form .form-group{margin-bottom: 20px;}
.default-form .control-label{margin-bottom: 5px;}
.default-form .form-control{height: 42px; padding: 6px; border:solid 1px #52d117; color: #000000;}
.default-form .datepicker-input{background: url(../images/icon-datepicker.svg) right center no-repeat; background-size: 38px 17px; padding-right: 33px;}
.default-form .arabic .datepicker-input{background-position: left center; padding-left: 33px; padding-right: 6px;}
.default-form .search-input{background: url(../images/icon-search-grey.svg) right center no-repeat; background-size: 38px 17px; padding-right: 33px;}
.default-form .arabic .search-input{background-position: left center; padding-left: 33px; padding-right: 6px;}
.default-form .form-control:focus{box-shadow: 0 1px 10px rgba(0,0,0,0.15); border-color: #096514;}
.default-form .form-control:disabled, .default-form .form-control[readonly]{cursor: not-allowed; box-shadow: none!important; border-color: #DDDDDD; background-color: #EFEFEF;}

.default-form .custom-control{min-height: 22px; padding: 0 0 0 30px;}
.default-form .custom-control-label{position: static; cursor: pointer; line-height: 22px;}
.default-form .custom-control-label::before{border:solid 1px #D1D1D1; height: 22px; width: 22px; border-radius: 4px; box-shadow: none; top: 0; left: 0; background:none!important;}
.default-form .custom-control-input:focus~.custom-control-label::before{box-shadow: 0 1px 10px rgba(0,0,0,0.15)!important; border-color: #096514;}
.custom-control-input:checked~.custom-control-label::before{border-color: #096514!important; background: #096514!important;}
.custom-checkbox .custom-control-label::after{width: 22px; height: 22px; top: 0; left: 0;}
.custom-checkbox .custom-control-input:checked~.custom-control-label::after{background: url(../images/icon-check.svg) center center no-repeat; background-size: 12px 12px;}
.custom-radio .custom-control-label::before{border-radius: 22px; background:none!important;}
.custom-radio .custom-control-label::after{width: 22px; height: 22px; top: 0; left: 0; border-radius: 22px; background:#fff!important; border:solid 6px #00a034; opacity: 0;}
.custom-radio .custom-control-input:checked~.custom-control-label::after{opacity: 1;}
.default-form .forgot-links a{color: #096514;}
.default-form .forgot-links a:hover{color: #E16B23;}

.default-form .arabic .custom-control-inline{margin: 0 0 0 1rem;}
.default-form .arabic .custom-control{padding: 0 30px 0 0;}
.default-form .arabic .custom-control-label::before, .default-form .arabic .custom-control-label::after{left: auto; right: 0;}


.btn{height: 42px; line-height: 28px; font-weight: 700; font-size: 16px; border-color: transparent!important; box-shadow: none!important; padding: 6px 20px;}
.btn:hover, .btn:focus{box-shadow: 0 1px 10px rgba(0,0,0,0.15)!important;}
.icon-btn{position: relative; padding:6px 13px;}
.icon-btn > img{width: 24px; height: 24px; top: 8px; display: block;}
.icon-btn.icon-right{padding-right: 40px; padding-left: 20px;}
.icon-btn.icon-right > img{right: 10px; position: absolute;}
.icon-btn.icon-left{padding-left: 40px; padding-right: 20px;}
.icon-btn.icon-left > img{left: 10px; position: absolute;}

.btn-primary {
	background: #0e9038 !important;
}
.btn-primary:hover{background: #95c916!important;}

.btn-secondary{background:#EFEFEF!important; border-color: #D9D9D9!important; color: #6A6A6A!important;}
.btn-secondary:hover{background: #097915!important;}

.btn-bordered{background:#fff!important; border-color: #D9D9D9!important; color: #6A6A6A!important; padding: 6px 8px;}
	.btn-bordered:hover {
		background: #097915 !important;
	}

hr{border-top: solid 2px #097915;}

.alert .close{margin:-2px -10px 0 0 ; font-weight: 400;}
/*.alert-primary{color: #096514; border-color: #096514; background: #ffe8da;}*/

.default-form .file-upload-input{border-radius: 4px 0 0 4px!important;}
.default-form .file-upload-button{border-radius: 0 4px 4px 0!important; border-left: 0;}

.default-form .hrs-label{color: #C3C3C3; line-height: 42px;}

.default-table{margin: 0;}
.default-table.min-width-700{min-width: 700px;}
.default-table th{font-weight: 700; border-top: 0; padding: 10px; color: #666666; white-space: nowrap;}
.default-table td, .default-table th{border-color: #dddddd;}
.default-table td{padding:5px 10px; color: #666666; vertical-align: middle; height: 54px;}
.default-table td .activity-text{position: relative; padding:19px 0 19px 65px; font-weight:700; margin: 5px 0;}
.default-table td .activity-text i{position: absolute; left: 0; top: 0; border:solid 2px #E79E70; padding: 8px; border-radius: 56px;}
.default-table td .activity-text i img{display: block; width: 36px; height: 36px;}
.default-table tfoot td{height: 44px;}
.default-table td.no-border{border-top:0;}
.default-table td.medium-text{font-size: 16px;}
.default-table td.large-text{font-size: 24px;}
.default-table tbody tr:hover{background: #f9f9f9;}
.default-table td .action-btn{display: inline-block; border-radius: 30px; overflow: hidden; width: 30px; height: 30px;}
.default-table td .action-btn img{display: block; width: 30px; height: 60px; transition:all 0.3s;}
.default-table td .action-btn:hover{background: #096514;}
.default-table td .action-btn:hover img{margin-top: -30px;}

.sign-block{border:solid 1px #DDDDDD; border-radius: 4px; height: 88px; max-width: 280px; position: relative;}
.sign-block .refresh-btn{position: absolute; padding: 7px; background: #096514; right: -1px; bottom: -1px; border-radius: 0 0 4px;}
.sign-block .refresh-btn img{display: block; width:14px; height: 14px;}
.sign-block .refresh-btn:hover img{animation: rotating 2s linear infinite;}
@-webkit-keyframes rotating {
	from { -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
	to { -webkit-transform: rotate(-360deg); -o-transform: rotate(-360deg); transform: rotate(-360deg); }
}
@keyframes rotating {
	from { -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
	to { -ms-transform: rotate(-360deg); -moz-transform: rotate(-360deg); -webkit-transform: rotate(-360deg); -o-transform: rotate(-360deg); transform: rotate(-360deg); }
}

.badge{font-size: 12px; font-weight: 400; line-height: 17px; padding: 4px 5px; border-radius: 25px; min-width: 86px; text-align: center; color: #fff;}
.badge-success{background: #7BC25F;}
.badge-warning{background: #EBB550;}
.badge-danger{background: #F78181;}
.badge-purple{background: #9B96CE;}


.switch{position:relative;width:100px;height:42px;float:left; border-radius:4px;}
.switch input{display:none;}
.slider-round{border-radius:4px; position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0; border:1px solid #d9d9d9; background:#fff url("../images/ic-scheduler.svg") no-repeat right center/ 50px 42px;}
.slider-round:before{position:absolute;content:"";border-radius:4px 0 0 4px; height:42px;width:50px;left:-1px;bottom:-1px; background:#e6854a url("../images/ic-list-w.svg") no-repeat center center/ 50px 42px;}
input:checked + .slider-round{background:#fff url("../images/ic-list.svg") no-repeat left center/ 50px 42px;}
input:checked + .slider-round:before{border-radius:0 4px 4px 0; background:#e6854a url("../images/ic-scheduler-w.svg") no-repeat center center/ 50px 42px; -webkit-transform:translateX(50px);-ms-transform:translateX(50px);transform:translateX(50px);}

/* Datetimepicker
--------------------------------------------------------------------------------------------------------*/
.bootstrap-datetimepicker-widget table th, .bootstrap-datetimepicker-widget table td.day{width: 40px; height: 40px; line-height: 40px;}
.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .bootstrap-datetimepicker-widget table td span.active{background-color: #E58549;}
.bootstrap-datetimepicker-widget table td.today:before{border-bottom-color: #E58549;}

/* Bootstrap Select
--------------------------------------------------------------------------------------------------------*/
.default-form .bootstrap-select{padding: 0; border-radius: 0; border:0;}
.default-form .bootstrap-select .dropdown-toggle{background:none!important; border:solid 1px #DDDDDD!important; box-shadow: none!important; outline: none!important; font-weight: 400; padding: 6px; line-height: 28px; color: #666; background: #fff;}
.default-form .input-group .bootstrap-select.form-control:first-child .dropdown-toggle{border-radius:4px 0 0 4px;}
.default-form .input-group .bootstrap-select.form-control:last-child .dropdown-toggle{border-radius:0 4px 4px 0;}
.default-form .bootstrap-select .dropdown-toggle:focus, .default-form .bootstrap-select.show .dropdown-toggle{box-shadow: 0 1px 10px rgba(0,0,0,0.15)!important; border-color: #096514!important;}
.default-form .bootstrap-select .dropdown-toggle .filter-option-inner-inner{overflow: hidden; text-overflow:ellipsis; white-space: nowrap; padding-right: 10px;}
.default-form .dropdown-toggle::after{border:0; width: 13px; height: 7px; background: url(../images/dropdown-arrow.svg) 0 0 no-repeat; -webkit-background-size: 13px 7px; background-size: 13px 7px; margin:11px 0 0 8px;}
.default-form .arabic .dropdown-toggle::after{float: left; margin-left: 0; margin-right: 8px; position: absolute; left: 10px; top: 6px;}
.default-form .arabic .dropdown-toggle .filter-option-inner{padding-right: 0; padding-left: inherit;}
.default-form .arabic .bootstrap-select .dropdown-toggle .filter-option-inner-inner{text-align:right; padding-right: 0; padding-left: 10px;}
.default-form .bootstrap-select .dropdown-menu{margin: 0; border:0; padding: 0; box-shadow: 0 6px 16px rgba(0,0,0,0.20);}
.default-form .bootstrap-select.dropup .dropdown-menu{box-shadow: 0 -6px 16px rgba(0,0,0,0.20);}
.default-form .bootstrap-select .dropdown-menu li a{border-radius: 0; padding: 10px; background: none!important; color: #666666!important;}
.default-form .bootstrap-select .dropdown-menu li a:hover{background: rgba(0,0,0,0.05)!important}
.default-form .bootstrap-select .dropdown-menu li a.active{background: #E58549!important; color: #fff!important;}
.default-form .bootstrap-select .dropdown-toggle.disabled{opacity: 1!important; cursor: not-allowed!important; box-shadow: none!important; border-color: #DDDDDD!important; background-color: #EFEFEF!important;}
.default-form .arabic .bootstrap-select .dropdown-menu li a{text-align: right;}
.default-form .bootstrap-select.show-tick .dropdown-menu li a span.text{margin-right: 0; margin-left: 34px;}
.default-form .arabic .bootstrap-select.show-tick .dropdown-menu li a span.text{margin-left: 0; margin-right: 34px;}
.default-form .bootstrap-select.show-tick .dropdown-menu span.check-mark{border:solid 1px #D1D1D1; display: block; height: 22px; width: 22px; border-radius: 4px; position: absolute; left: 12px; top: 10px; right: auto!important;}
.default-form .arabic .bootstrap-select.show-tick .dropdown-menu span.check-mark{left: auto; right:12px!important;}
.default-form .bootstrap-select.show-tick .dropdown-menu .selected span.check-mark{border-color: #096514;}
.default-form .bootstrap-select.show-tick .dropdown-menu span.check-mark:after{display: none; width: 100%; height: 100%; border:0; transform:none; background:#096514 url(../images/icon-check.svg) center center no-repeat; background-size: 12px 12px;}
.default-form .bootstrap-select.show-tick .dropdown-menu .selected span.check-mark:after{display: block;}



/* Login
--------------------------------------------------------------------------------------------------------*/
.login-wrapper{display: table; height: 100%; width:100%;  background: url(../images/login-bg.jpg) center center no-repeat; -webkit-background-size: cover; background-size: cover;}
.login-wrapper .login-wrapper-inner{display: table-cell;  vertical-align: middle; padding: 15px;}
.login-wrapper .login-block{max-width: 400px; margin:0 auto;  background: #fff; border-radius: 7px; box-shadow: 0 0 20px rgba(0,0,0,0.23); margin-top: 42px;}
.login-wrapper .login-logo{ padding: 20px 40px; border-radius: 50px; display: block;  max-width: 298px; margin:-66px auto 40px;}
.login-wrapper .login-logo img{display: block;}

/* Header
--------------------------------------------------------------------------------------------------------*/
.header{background: #333333; position: fixed; left: 0; top: 0; width: 100%; z-index: 20; min-width: 320px;}
.logo{float: left; padding: 10px;}
/*.logo:hover{background: #000;}*/
.logo img{display: block;}
.user-dropdown{float: right;}
.user-dropdown .dropdown-toggle{color: #fff; font-size: 13px; line-height: 42px; display: block; padding:17px 30px 16px 10px; position: relative;}
.user-dropdown .dropdown-toggle:hover, .user-dropdown.show .dropdown-toggle{background: #000;}
.user-dropdown .dropdown-toggle .icon{float: left; width: 42px; height: 42px; display: block; border-radius: 42px; border:solid 1px #5B5B5B; margin-right: 10px;}
.user-dropdown .dropdown-toggle span{display:block; max-width: 150px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.user-dropdown .dropdown-toggle::after{position: absolute; right: 12px; top: 36px;}
.user-dropdown .dropdown-menu{border: 0; border-radius: 0 0 6px 6px; overflow: hidden; padding: 0; margin:0; box-shadow: 0 6px 16px rgba(0,0,0,0.20); width:100%; min-width: 150px; transform:none!important; top: 100%!important; left: auto!important; right: 0;  color: #6F6F6F;}
.user-dropdown .dropdown-menu .dropdown-item{border-radius: 0; background: none!important; padding: 15px 10px 15px 50px; position: relative; font-size: 14px; color: #666666;}
.user-dropdown .dropdown-menu .dropdown-item img{position: absolute; left: 15px; top: 12px; width:24px; height: 24px;}
.user-dropdown .dropdown-menu .dropdown-item:hover{background: rgba(0,0,0,0.05)!important;}

/* MainNavigation
--------------------------------------------------------------------------------------------------------*/
.nav-icon{width:60px; height:75px; border:0; border-radius: 0; cursor: pointer; padding: 0 15px; float: left;}
.nav-icon:hover, .menu-open .nav-icon{background:#000;}
.nav-icon span{display: block; height: 2px; margin: 7px 0; background: #A0A0A0; position:relative; transition: all 0.3s; top: 0;}

.menu-overlay{display:block; position: fixed; left: 0; top: 75px; width:100%; height: 100%;  z-index: 10; opacity: 0; visibility: hidden;}
.main-navigation{position: fixed; z-index: 11; left: 0; top: 75px; bottom: 0; overflow:hidden; width:250px;  margin-left: -300px; background-color:#1f2e53; background-size: cover;}
.main-navigation ul li{position: relative;}
.main-navigation ul li a{display:block; padding:15px 58px; position: relative; color:#fff; line-height: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.main-navigation ul li:hover, .main-navigation ul li.active, .main-navigation ul li.open{background:rgba(0,0,0,0.24);}
.main-navigation ul li:hover > a, .main-navigation ul li.active > a{color: #fff;}

.main-navigation ul li a .icon{position: absolute; left: 15px; top:10px; width: 30px; height: 30px; overflow: hidden;}
.main-navigation ul li a .icon img{display: block; width: 30px; height: 60px; position: absolute; top: 0;}
.main-navigation ul li:hover > a .icon img, .main-navigation ul li.open > a .icon img, .main-navigation ul li.active > a .icon img{top: -30px;}
.main-navigation ul li a .arrow-icon{position: absolute; height: 100%; width:40px; right: 0; top: 0;}
.main-navigation ul li a .arrow-icon:before{content:""; position: absolute; height: 100%; width:100%; right: 0; top: 0; background: url(../images/menu-arrow.svg) left top no-repeat; background-size: 50px 150px;}
.main-navigation ul li:hover > a .arrow-icon:before, .main-navigation ul li.active > a .arrow-icon:before{background-position: left -50px;}
.main-navigation ul li.open > a > .arrow-icon:before{background-position: left -100px;}


/* For Submenu padding */
.main-navigation ul ul{padding: 0 0 15px;}
.main-navigation ul ul li a{padding:5px 5px 5px 58px;}
.main-navigation ul ul li.active > a:before{position: absolute; content: ""; left: 40px; top: 11px; width: 7px; height: 7px; border-radius: 7px; background: #fff;}
.main-navigation ul ul{display:none;}
.main-navigation ul ul li {border-bottom:none;}
.menu-overlay, .main-navigation, a .arrow-icon:before{transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;}

@media (min-width: 1200px){
	.nav-icon{display: none;}
	.main-navigation{margin-left: 0!important;}
	.menu-open .nav-icon{background: rgba(0,0,0,0.2);}
}
@media (max-width: 1199px){
	.menu-open-mobile .menu-overlay{opacity: 1; visibility: visible;}
	.menu-open-mobile .main-navigation{margin-left: 0;}
}
@media (max-width: 575px){
	.nav-icon{width: 55px; padding: 0 12px;}
}

/* Main Content
--------------------------------------------------------------------------------------------------------*/
.main-content{color: #333333; position: relative; z-index: 9; padding-bottom: 70px!important;}
.page-name{font-weight: 700; border-bottom: solid 1px #E5E5E5; margin-bottom: 20px;}
.profile-block{padding: 20px 20px 0 178px; position: relative; min-height: 158px; background: #F3F3F3; margin-bottom: 50px;}
.profile-block .profile-img{position: absolute; left: 0; top: 0; width: 158px; height: 158px;}
.profile-block h6{font-weight: 700;}
.profile-detail-listing{margin:-7px -15px; }
.profile-detail-listing li{float: left; width: 25%; padding: 7px 15px; color: #666666; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}
.profile-detail-listing li.full-width{width: 100%; white-space: normal;}
.profile-detail-listing li span{display: block; font-weight: 700; font-size: 16px; line-height: 20px; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}
.profile-detail-listing li span.inline{display: inline-block;}
.profile-detail-listing li em{font-size: 16px; margin-left: 5px;}

.profile-detail-listing li .input-group {padding:5px 30px;position: relative;}
.profile-detail-listing li .input-group .icon {position:absolute; top:0px; padding:5px;}
.profile-detail-listing li .input-group .icon img {width:16px;}
.profile-detail-listing li .input-group .icon.edit {left: 0px;}
.profile-detail-listing li .input-group .icon.save {right: 0px;display: none;}
.profile-detail-listing li .input-group .icon:hover{background-color:#fff;}
.profile-detail-listing li.active .input-group .icon.save {display:block;}

.registration-steps-outer {
    max-width: 700px;
    margin: 0 auto;
    padding-bottom: 50px;
}
.registration-steps{display: table; width: 100%; table-layout: fixed;}
.registration-steps li{display: table-cell; width: 25%; text-align:center; position: relative;}
.registration-steps li + li:before{content: ""; position: absolute; right: 50%; width: 100%; border-bottom: solid 1px #D7D7D7; top: 23px; z-index: -1;}
.registration-steps li i{display: block; font-size: 16px; line-height: 44px; color: #A0A0A0; font-weight: 700; width: 48px; height: 48px; border-radius: 48px; border:solid 2px #D2D2D2; margin:0 auto 10px;  background: #fff;}
.registration-steps li span{display: block; color: #666666; font-size: 16px; line-height: 20px;}
.registration-steps li.active i{color: #fff; background: #11a345; border-color: #E58549;}
.registration-steps li.active span{color: #11a345; font-weight: 700;}
.registration-steps li.done i{background: #11a345;}


.btn-outer{margin: -5px;}
.btn-outer > div{margin: -5px; padding: 5px;}
.btn-outer .left-part{float: left;}
.btn-outer .right-part{float: right;}
.btn-outer .switch, .btn-outer .btn{float: left; margin: 5px;}


.scan-block{text-align: center;}
.scan-block .scan-card-link{display: inline-block; background: #E68449; border-radius: 6px; min-width: 277px; padding: 30px 20px 15px; font-size: 16px; line-height: 20px; font-weight:700; color: #fff;}
.scan-block .scan-card-link:hover{background: #E3712C; box-shadow: 0 0 20px rgba(0,0,0,0.3);}
.scan-block .scan-card-link img{width: 70px; height: 70px; display: block; margin: 0 auto 20px;}
.scan-block .or{font-size: 16px; line-height: 50px; display: block; margin: 40px auto; text-transform: uppercase; border:solid 1px #A4A4A4; max-width: 52px; border-radius: 52px;}


.registration-types{max-width: 1200px; margin: 0 auto;}
.registration-types li{margin-bottom: 40px;}
.registration-types li a{display: inline-block; text-align: center; color: #333333; font-size: 18px; line-height: 22px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%;}
.registration-types li a i{display: block; width: 146px; height: 146px; border-radius: 146px; border:solid 3px #E79E70; margin:0 auto 20px; overflow: hidden; transition: all 0.3s;}
.registration-types li a i > img{transition: all 0.3s; width: 140px; height: 280px;}
.registration-types li:not(.checked) a:hover{color: #D78D5F;}
.registration-types li:not(.checked) a:hover i{background: #D78D5F; border-color: #D78D5F;}
.registration-types li:not(.checked) a:hover i > img{margin-top: -140px;}
.registration-types li a i em{display: block; position: absolute; left: 50%; top: 90px; background: #89BD67; padding: 7px; border-radius: 46px; margin-left: 30px;}
.registration-types li a i em img{display: block; width: 32px; height: 32px; display: block;}

.registration-questions > li{border-bottom: solid 1px #EBEBEB; margin-bottom: 25px; padding-bottom: 10px;}
.registration-questions > li:last-child{border-bottom: 0; margin-bottom: 0; padding-bottom: 0;}
.registration-questions li h6{font-size: 16px; line-height: 20px; font-weight: 700; color: #333333; position: relative; min-height: 40px; padding-bottom: 0;}
.registration-questions li h6.has-no{padding-left: 20px;}
.registration-questions li h6 i{position: absolute; left: 0; top: 4px; width: 10px; height: 10px; text-align: center; background: #888888; color: #fff;}


.summery-listing{margin: 0 -15px;}
.summery-listing li{float:left; width:auto; min-width:300px; padding: 17px 15px 17px 110px; position: relative; min-height: 80px; margin-bottom: 30px;}
.summery-listing li i{border:solid 2px #E79E70; border-radius: 80px; position: absolute; left: 15px; top: 0; width: 80px; height: 80px;}
.summery-listing li i img{width: 76px; height: 76px; display: block;}
.summery-listing li h4{padding: 0; color: #D78E5F; font-weight: 700; white-space:normal;}
.summery-listing li h4 span{font-weight: 400; color: #666666; font-size: 16px; line-height: 20px; white-space: normal; }

.balance-block{background: #F2F2F2; position: relative; border-radius: 4px; font-size: 14px; line-height: 24px; padding: 15px 15px 15px 50px; color: #666666; margin-bottom: 10px;}
.balance-block .icon{position: absolute; left: 15px; top: 15px; width: 28px; height: 24px;}
.balance-block b{font-size:16px; float: right; font-weight: 700;}

/* Modal
--------------------------------------------------------------------------------------------------------*/
.modal .modal-content{border:0;}
.modal .modal-header{border-bottom-color: #E3E5E7;}
.modal .modal-title{font-weight: 700; padding-bottom: 0; color: #383838;}
.modal .close-modal{float: right; padding: 0; border:0; background:none; cursor: pointer; border-radius: 24px; padding: 4px;}
.modal .close-modal:hover{background: #f9f9f9;}
.modal .close-modal img{display: block; width: 24px; height: 24px;}
.modal .modal-footer{border-top: 0; padding-top: 0;}

/* Tab
--------------------------------------------------------------------------------------------------------*/
.tab-heading{ outline:none; border-bottom:1px solid #ddd;}
.tab-heading ul{margin: 0 25px;}
.tab-heading ul.no-scroll{margin:0;}
.tab-heading li{float: left; position:relative;}
.tab-heading li a{ height:40px; padding:10px 25px 0 25px; display: block; color:#333; text-decoration: none; font-size:16px; font-weight: 700; color: #666666;}
.tab-heading li a:hover, .tab-heading li.active a{ color:#096514;}
.tab-heading li.active a:after{ content:""; position:absolute; bottom:0; left:0; width:100%; border-bottom:4px solid #096514; height:4px;}

.tab-block .tab-content {background:#FFF; padding:20px;}
.tab-block .tab-detail { display: none;}
.tab-block .tab-detail.active { display: block;}


/* In Out Time
--------------------------------------------------------------------------------------------------------*/
.in-out-time-page{height: 100vh;background: #7a675c;
	background: -moz-linear-gradient(left, #7a675c 0%, #c76329 100%);
	background: -webkit-linear-gradient(left, #7a675c 0%,#c76329 100%);
	background: linear-gradient(to right, #7a675c 0%,#c76329 100%);
}
.in-out-time-header{font-size: 34px; line-height: 38px; color: #fff; text-align: center; background: rgba(255,255,255,0.05); padding: 20px; position: absolute; left: 0; top: 0; width: 100%; z-index: 9;}
.in-out-time-wrapper{display: table; table-layout: fixed; height: 100%; width: 100%; padding: 93px 0 15px;}
.in-out-time-wrapper .in-out-time-wrapper-inner {display: table-cell; vertical-align: middle; background: url(../images/logo-page-bg.png) center center no-repeat; -webkit-background-size: auto 80%; background-size: auto 80%; color: #fff;}

.lecture-listing{float: right; max-width: 100%;}
.lecture-listing li{position: relative; padding: 0 0 0 100px; height: 92px;}
.lecture-listing li + li{margin-top: 50px;}
.lecture-listing li i{position: absolute; left: 0; top: 6px; padding: 13px; border:solid 2px rgba(255,255,255,0.8); border-radius: 80px;}
.lecture-listing li i.has-bg{background-color: #096514;}
.lecture-listing li i img{display: block; width: 50px; height: 50px;}
.lecture-listing li h2{font-weight: 700; padding: 0 0 10px; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
.lecture-listing li h2 span{font-weight: 400; font-size: 21px; line-height: 28px; padding-top: 5px;white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
.lecture-listing li .time{display: inline-block; padding-left: 28px; position: relative; font-size: 18px; line-height: 18px;}
.lecture-listing li .time img{position: absolute; left: 0; top: 0; width: 18px; height: 18px;}

.welcome-block{padding: 30px; background: rgba(0,0,0,0.2); border-radius: 20px; text-align: center;}
.welcome-block a{color: #fff;}
.welcome-block h1{font-size: 32px; line-height: 36px; padding: 0; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
.welcome-block .welcome-time{font-size: 50px; line-height: 60px; padding: 28px 0; display:block; font-weight: 600;}
.welcome-block .welcome-time em{font-size:18px; font-weight: 400; display: inline-block; height: 18px;}
.welcome-block .date-and-time{font-size: 18px; line-height: 22px;}

.welcome-block .in-out-time{text-align: left; position: relative; display: inline-block; padding:18px 0 18px 159px; margin-top: 20px; height: 118px;}
.welcome-block .in-out-time:before{position: absolute; content: ""; left: 140px; top: 5px; bottom: 5px; border-left: solid 1px rgba(255,255,255,0.17);}
.welcome-block .in-out-time i{position: absolute; left: 0; top: 0; text-align: center; background: #5EA147; width: 118px; height: 118px; border-radius: 118px; padding: 14px;}
.welcome-block .in-out-time i.yellow-bg{background: #DF851C;}
.welcome-block .in-out-time i img{display: block; width: 50px; height: 50px; margin: 0 auto 5px;}
.welcome-block .in-out-time i em{display: block; font-size:30px; line-height: 34px; font-weight: 500;}
.welcome-block .in-out-time .welcome-time{padding: 0;}
.welcome-block .in-out-time .date-time{font-size:18px; line-height: 22px;}

.error-modal{padding: 30px;color: #383838; }
.error-modal img{display: block; margin: 0 auto 10px; width: 54px; height: 54px;}
.error-modal h4{font-weight: 700;}
.error-modal p{font-size: 16px; line-height: 20px; padding: 0;}

/* Accordion
--------------------------------------------------------------------------------------------------------*/
.accordion .card{border:none;background:none;border-radius:0;box-shadow:none;margin-bottom:10px}
.accordion .card .collapse {border:0px;}
.accordion .card .card-header{padding:0; position: relative; border:0px; margin-bottom:0;}
.accordion .card-header a{display:block;font-size:18px; color:#e6854a;padding:15px 40px 15px 65px;background:#fff; border:1px solid #e9e9e9;border-bottom:none; position:relative;}
.accordion .card-header a.collapsed{background:#f7f7f7; color:#333333; border-bottom:1px solid #e9e9e9;}
.accordion .card-header a:after, .accordion .card-header a.collapsed:after{content:""; width:45px; height:100%;line-height:54px;text-align:center;position:absolute;top:0px;left:-1px;background:#e6854a url('../images/icon-minus.svg') no-repeat center center/18px 18px;}
.accordion .card-header a.collapsed:after{content:""; background:#efefef url('../images/icon-plus.svg') no-repeat center center/18px 18px; border-left:1px solid #e9e9e9; transition:all 0.2s ease 0s;}
.accordion .card-header a.collapsed:hover{background-color:#fafafa;}
.accordion .card-header a:before{content:"";position:absolute;bottom:-11px;left:-1px;border-bottom:12px solid transparent;border-right:12px solid #e6854a;}
.accordion .card-header a.collapsed:before{display:none;}
.accordion .card-body{padding:20px;margin-left:12px;background:#fff;border:1px solid #e9e9e9;border-top:none;}

.check-list li.custom-control {display:block; color:#333333; padding-bottom:15px;}


.LabelSpace ul li {
    float:left;
    position: relative;
    padding: 7px 35px 7px 10px;
    margin-right:15px;
    border-radius:4px;
    background-color:#f5f5f5;
}
.LabelSpace ul li .glyphicon {font-size:18px; position:absolute; right:6px; top:6px;}

    /* Footer
--------------------------------------------------------------------------------------------------------*/
    .footer {
        background: #E5E5E5;
        text-align: right;
        font-size: 13px;
        color: #9C9C9C;
        margin-top: -50px;
    }


/* Responsive Media Queries
--------------------------------------------------------------------------------------------------------*/
@media (max-width: 1199px){
	.wrapper{padding-left: 0;}
	.footer{text-align: center;}
}

@media (max-width: 991px){
	.profile-detail-listing li{width: 50%;}
	.summery-listing li{width: 50%;}
	.welcome-block{margin-bottom: 40px;}
	.lecture-listing{float: none;}
}
@media (min-width: 768px){
	.modal-md{min-width: 600px;}
}

@media (max-width: 767px){
	h1{font-size: 26px;}
	.page-name{padding-bottom: 10px; margin-bottom: 15px;}
	.default-table{white-space: nowrap;}
	.registration-questions li h6{padding-bottom: 20px; height: auto;}
}

@media (min-width: 576px){
	.modal-sm {max-width: 400px;}
}
@media (max-width: 575px){
	.login-wrapper .login-logo{padding:10px 15px; max-width: 248px; margin: -61px auto 20px;}
	.logo{padding: 16px 5px;}
	.logo img{width: 170px; height: 43px;}
	.profile-block{padding: 168px 10px 10px; margin-bottom: 25px;}
	.profile-detail-listing li{width: 100%;}
	.user-dropdown .dropdown-toggle span{display: none;}
	.user-dropdown .dropdown-toggle .icon{float: none; margin-right: 0;}
	.registration-steps-outer{padding-bottom: 25px;}
	.registration-steps li.active i{margin-bottom: 0;}
	.registration-steps li span{display: none;}

	.search-form .input-group{display: block;}
	.search-form .input-group .form-control{display: block; width: 100%; border-radius: 4px; margin: 0 0 15px;}
	.search-form .input-group .bootstrap-select.form-control .dropdown-toggle{border-radius: 4px!important;}
	.search-form .btn{width: 100%;}
	.search-form .btn img{margin: 0 auto;}

	.summery-listing li{float: none; width: auto;}

	.lecture-listing li h2{font-size: 22px;}
	.lecture-listing li h2 span{font-size: 20px;}
	.welcome-block{margin-bottom: 20px; padding: 15px;}
	.welcome-block h1{font-size: 28px;}
	.welcome-block .welcome-time{padding: 18px 0; font-size: 40px; line-height: 44px;}

	.welcome-block .in-out-time{padding:8px 0 8px 129px; height: 98px;}
	.welcome-block .in-out-time:before{left: 110px;}
	.welcome-block .in-out-time i{width: 98px; height: 98px; padding: 10px;}
	.welcome-block .in-out-time i img{width: 40px; height: 40px;}
	.welcome-block .in-out-time i em{font-size: 20px; line-height: 24px;}
	.welcome-block .welcome-time{font-size: 32px;}
	.welcome-block .in-out-time .date-time{font-size: 14px;}
}

/* Mock Test
--------------------------------------------------------------------------------------------------------*/
.pull-right {
    float: right;
}

.pull-left {
    float: left;
}

.mock-test .panel-default {
    border: 1px solid #e9e9e9;
}

.mock-test li {
    border: 0px;
}

.mock-test .panel-heading {
    font-size: 18px;
    color: #333333;
    background-color: #f7f7f7;
    border-bottom: 1px solid #e9e9e9;
    padding: 15px;
}

    .mock-test .panel-heading .custom-control-label {
        font-size: 18px;
        color: #333333;
    }

.mock-test .panel-body {
    padding: 15px;
}

.play-icon {
    display: inline-block;
    position: relative;
    padding: 5px 5px 5px 30px;
    margin-top: 20px;
}

    .play-icon img {
        width: 20px;
        height: 20px;
        display: block;
        position: absolute;
        left: 0px;
        top: 5px;
    }

.audio-file-upload .file-upload-input {
    opacity: 0;
    visibility: hidden;
    position: absolute;
}

.audio-file-upload .file-upload-button {
    border-radius: .25rem !important;
    background: #096514 !important;
    border-color: transparent !important;
    color: #fff !important;
}

    .audio-file-upload .file-upload-button:hover {
        background: #E16B23 !important;
    }



/* glyphicon
--------------------------------------------------------------------------------------------------------*/
.glyphicon { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.glyphicon-asterisk:before { content: "\002a"; }
.glyphicon-plus:before { content: "\002b"; }
.glyphicon-euro:before, .glyphicon-eur:before { content: "\20ac"; }
.glyphicon-minus:before { content: "\2212"; }
.glyphicon-cloud:before { content: "\2601"; }
.glyphicon-envelope:before { content: "\2709"; }
.glyphicon-pencil:before { content: "\270f"; }
.glyphicon-glass:before { content: "\e001"; }
.glyphicon-music:before { content: "\e002"; }
.glyphicon-search:before { content: "\e003"; }
.glyphicon-heart:before { content: "\e005"; }
.glyphicon-star:before { content: "\e006"; }
.glyphicon-star-empty:before { content: "\e007"; }
.glyphicon-user:before { content: "\e008"; }
.glyphicon-film:before { content: "\e009"; }
.glyphicon-th-large:before { content: "\e010"; }
.glyphicon-th:before { content: "\e011"; }
.glyphicon-th-list:before { content: "\e012"; }
.glyphicon-ok:before { content: "\e013"; }
.glyphicon-remove:before { content: "\e014"; }
.glyphicon-zoom-in:before { content: "\e015"; }
.glyphicon-zoom-out:before { content: "\e016"; }
.glyphicon-off:before { content: "\e017"; }
.glyphicon-signal:before { content: "\e018"; }
.glyphicon-cog:before { content: "\e019"; }
.glyphicon-trash:before { content: "\e020"; }
.glyphicon-home:before { content: "\e021"; }
.glyphicon-file:before { content: "\e022"; }
.glyphicon-time:before { content: "\e023"; }
.glyphicon-road:before { content: "\e024"; }
.glyphicon-download-alt:before { content: "\e025"; }
.glyphicon-download:before { content: "\e026"; }
.glyphicon-upload:before { content: "\e027"; }
.glyphicon-inbox:before { content: "\e028"; }
.glyphicon-play-circle:before { content: "\e029"; }
.glyphicon-repeat:before { content: "\e030"; }
.glyphicon-refresh:before { content: "\e031"; }
.glyphicon-list-alt:before { content: "\e032"; }
.glyphicon-lock:before { content: "\e033"; }
.glyphicon-flag:before { content: "\e034"; }
.glyphicon-headphones:before { content: "\e035"; }
.glyphicon-volume-off:before { content: "\e036"; }
.glyphicon-volume-down:before { content: "\e037"; }
.glyphicon-volume-up:before { content: "\e038"; }
.glyphicon-qrcode:before { content: "\e039"; }
.glyphicon-barcode:before { content: "\e040"; }
.glyphicon-tag:before { content: "\e041"; }
.glyphicon-tags:before { content: "\e042"; }
.glyphicon-book:before { content: "\e043"; }
.glyphicon-bookmark:before { content: "\e044"; }
.glyphicon-print:before { content: "\e045"; }
.glyphicon-camera:before { content: "\e046"; }
.glyphicon-font:before { content: "\e047"; }
.glyphicon-bold:before { content: "\e048"; }
.glyphicon-italic:before { content: "\e049"; }
.glyphicon-text-height:before { content: "\e050"; }
.glyphicon-text-width:before { content: "\e051"; }
.glyphicon-align-left:before { content: "\e052"; }
.glyphicon-align-center:before { content: "\e053"; }
.glyphicon-align-right:before { content: "\e054"; }
.glyphicon-align-justify:before { content: "\e055"; }
.glyphicon-list:before { content: "\e056"; }
.glyphicon-indent-left:before { content: "\e057"; }
.glyphicon-indent-right:before { content: "\e058"; }
.glyphicon-facetime-video:before { content: "\e059"; }
.glyphicon-picture:before { content: "\e060"; }
.glyphicon-map-marker:before { content: "\e062"; }
.glyphicon-adjust:before { content: "\e063"; }
.glyphicon-tint:before { content: "\e064"; }
.glyphicon-edit:before { content: "\e065"; }
.glyphicon-share:before { content: "\e066"; }
.glyphicon-check:before { content: "\e067"; }
.glyphicon-move:before { content: "\e068"; }
.glyphicon-step-backward:before { content: "\e069"; }
.glyphicon-fast-backward:before { content: "\e070"; }
.glyphicon-backward:before { content: "\e071"; }
.glyphicon-play:before { content: "\e072"; }
.glyphicon-pause:before { content: "\e073"; }
.glyphicon-stop:before { content: "\e074"; }
.glyphicon-forward:before { content: "\e075"; }
.glyphicon-fast-forward:before { content: "\e076"; }
.glyphicon-step-forward:before { content: "\e077"; }
.glyphicon-eject:before { content: "\e078"; }
.glyphicon-chevron-left:before { content: "\e079"; }
.glyphicon-chevron-right:before { content: "\e080"; }
.glyphicon-plus-sign:before { content: "\e081"; }
.glyphicon-minus-sign:before { content: "\e082"; }
.glyphicon-remove-sign:before { content: "\e083"; }
.glyphicon-ok-sign:before { content: "\e084"; }
.glyphicon-question-sign:before { content: "\e085"; }
.glyphicon-info-sign:before { content: "\e086"; }
.glyphicon-screenshot:before { content: "\e087"; }
.glyphicon-remove-circle:before { content: "\e088"; }
.glyphicon-ok-circle:before { content: "\e089"; }
.glyphicon-ban-circle:before { content: "\e090"; }
.glyphicon-arrow-left:before { content: "\e091"; }
.glyphicon-arrow-right:before { content: "\e092"; }
.glyphicon-arrow-up:before { content: "\e093"; }
.glyphicon-arrow-down:before { content: "\e094"; }
.glyphicon-share-alt:before { content: "\e095"; }
.glyphicon-resize-full:before { content: "\e096"; }
.glyphicon-resize-small:before { content: "\e097"; }
.glyphicon-exclamation-sign:before { content: "\e101"; }
.glyphicon-gift:before { content: "\e102"; }
.glyphicon-leaf:before { content: "\e103"; }
.glyphicon-fire:before { content: "\e104"; }
.glyphicon-eye-open:before { content: "\e105"; }
.glyphicon-eye-close:before { content: "\e106"; }
.glyphicon-warning-sign:before { content: "\e107"; }
.glyphicon-plane:before { content: "\e108"; }
.glyphicon-calendar:before { content: "\e109"; }
.glyphicon-random:before { content: "\e110"; }
.glyphicon-comment:before { content: "\e111"; }
.glyphicon-magnet:before { content: "\e112"; }
.glyphicon-chevron-up:before { content: "\e113"; }
.glyphicon-chevron-down:before { content: "\e114"; }
.glyphicon-retweet:before { content: "\e115"; }
.glyphicon-shopping-cart:before { content: "\e116"; }
.glyphicon-folder-close:before { content: "\e117"; }
.glyphicon-folder-open:before { content: "\e118"; }
.glyphicon-resize-vertical:before { content: "\e119"; }
.glyphicon-resize-horizontal:before { content: "\e120"; }
.glyphicon-hdd:before { content: "\e121"; }
.glyphicon-bullhorn:before { content: "\e122"; }
.glyphicon-bell:before { content: "\e123"; }
.glyphicon-certificate:before { content: "\e124"; }
.glyphicon-thumbs-up:before { content: "\e125"; }
.glyphicon-thumbs-down:before { content: "\e126"; }
.glyphicon-hand-right:before { content: "\e127"; }
.glyphicon-hand-left:before { content: "\e128"; }
.glyphicon-hand-up:before { content: "\e129"; }
.glyphicon-hand-down:before { content: "\e130"; }
.glyphicon-circle-arrow-right:before { content: "\e131"; }
.glyphicon-circle-arrow-left:before { content: "\e132"; }
.glyphicon-circle-arrow-up:before { content: "\e133"; }
.glyphicon-circle-arrow-down:before { content: "\e134"; }
.glyphicon-globe:before { content: "\e135"; }
.glyphicon-wrench:before { content: "\e136"; }
.glyphicon-tasks:before { content: "\e137"; }
.glyphicon-filter:before { content: "\e138"; }
.glyphicon-briefcase:before { content: "\e139"; }
.glyphicon-fullscreen:before { content: "\e140"; }
.glyphicon-dashboard:before { content: "\e141"; }
.glyphicon-paperclip:before { content: "\e142"; }
.glyphicon-heart-empty:before { content: "\e143"; }
.glyphicon-link:before { content: "\e144"; }
.glyphicon-phone:before { content: "\e145"; }
.glyphicon-pushpin:before { content: "\e146"; }
.glyphicon-usd:before { content: "\e148"; }
.glyphicon-gbp:before { content: "\e149"; }
.glyphicon-sort:before { content: "\e150"; }
.glyphicon-sort-by-alphabet:before { content: "\e151"; }
.glyphicon-sort-by-alphabet-alt:before { content: "\e152"; }
.glyphicon-sort-by-order:before { content: "\e153"; }
.glyphicon-sort-by-order-alt:before { content: "\e154"; }
.glyphicon-sort-by-attributes:before { content: "\e155"; }
.glyphicon-sort-by-attributes-alt:before { content: "\e156"; }
.glyphicon-unchecked:before { content: "\e157"; }
.glyphicon-expand:before { content: "\e158"; }
.glyphicon-collapse-down:before { content: "\e159"; }
.glyphicon-collapse-up:before { content: "\e160"; }
.glyphicon-log-in:before { content: "\e161"; }
.glyphicon-flash:before { content: "\e162"; }
.glyphicon-log-out:before { content: "\e163"; }
.glyphicon-new-window:before { content: "\e164"; }
.glyphicon-record:before { content: "\e165"; }
.glyphicon-save:before { content: "\e166"; }
.glyphicon-open:before { content: "\e167"; }
.glyphicon-saved:before { content: "\e168"; }
.glyphicon-import:before { content: "\e169"; }
.glyphicon-export:before { content: "\e170"; }
.glyphicon-send:before { content: "\e171"; }
.glyphicon-floppy-disk:before { content: "\e172"; }
.glyphicon-floppy-saved:before { content: "\e173"; }
.glyphicon-floppy-remove:before { content: "\e174"; }
.glyphicon-floppy-save:before { content: "\e175"; }
.glyphicon-floppy-open:before { content: "\e176"; }
.glyphicon-credit-card:before { content: "\e177"; }
.glyphicon-transfer:before { content: "\e178"; }
.glyphicon-cutlery:before { content: "\e179"; }
.glyphicon-header:before { content: "\e180"; }
.glyphicon-compressed:before { content: "\e181"; }
.glyphicon-earphone:before { content: "\e182"; }
.glyphicon-phone-alt:before { content: "\e183"; }
.glyphicon-tower:before { content: "\e184"; }
.glyphicon-stats:before { content: "\e185"; }
.glyphicon-sd-video:before { content: "\e186"; }
.glyphicon-hd-video:before { content: "\e187"; }
.glyphicon-subtitles:before { content: "\e188"; }
.glyphicon-sound-stereo:before { content: "\e189"; }
.glyphicon-sound-dolby:before { content: "\e190"; }
.glyphicon-sound-5-1:before { content: "\e191"; }
.glyphicon-sound-6-1:before { content: "\e192"; }
.glyphicon-sound-7-1:before { content: "\e193"; }
.glyphicon-copyright-mark:before { content: "\e194"; }
.glyphicon-registration-mark:before { content: "\e195"; }
.glyphicon-cloud-download:before { content: "\e197"; }
.glyphicon-cloud-upload:before { content: "\e198"; }
.glyphicon-tree-conifer:before { content: "\e199"; }
.glyphicon-tree-deciduous:before { content: "\e200"; }
.glyphicon-cd:before { content: "\e201"; }
.glyphicon-save-file:before { content: "\e202"; }
.glyphicon-open-file:before { content: "\e203"; }
.glyphicon-level-up:before { content: "\e204"; }
.glyphicon-copy:before { content: "\e205"; }
.glyphicon-paste:before { content: "\e206"; }
.glyphicon-alert:before { content: "\e209"; }
.glyphicon-equalizer:before { content: "\e210"; }
.glyphicon-king:before { content: "\e211"; }
.glyphicon-queen:before { content: "\e212"; }
.glyphicon-pawn:before { content: "\e213"; }
.glyphicon-bishop:before { content: "\e214"; }
.glyphicon-knight:before { content: "\e215"; }
.glyphicon-baby-formula:before { content: "\e216"; }
.glyphicon-tent:before { content: "\26fa"; }
.glyphicon-blackboard:before { content: "\e218"; }
.glyphicon-bed:before { content: "\e219"; }
.glyphicon-apple:before { content: "\f8ff"; }
.glyphicon-erase:before { content: "\e221"; }
.glyphicon-hourglass:before { content: "\231b"; }
.glyphicon-lamp:before { content: "\e223"; }
.glyphicon-duplicate:before { content: "\e224"; }
.glyphicon-piggy-bank:before { content: "\e225"; }
.glyphicon-scissors:before { content: "\e226"; }
.glyphicon-bitcoin:before { content: "\e227"; }
.glyphicon-btc:before { content: "\e227"; }
.glyphicon-xbt:before { content: "\e227"; }
.glyphicon-yen:before { content: "\00a5"; }
.glyphicon-jpy:before { content: "\00a5"; }
.glyphicon-ruble:before { content: "\20bd"; }
.glyphicon-rub:before { content: "\20bd"; }
.glyphicon-scale:before { content: "\e230"; }
.glyphicon-ice-lolly:before { content: "\e231"; }
.glyphicon-ice-lolly-tasted:before { content: "\e232"; }
.glyphicon-education:before { content: "\e233"; }
.glyphicon-option-horizontal:before { content: "\e234"; }
.glyphicon-option-vertical:before { content: "\e235"; }
.glyphicon-menu-hamburger:before { content: "\e236"; }
.glyphicon-modal-window:before { content: "\e237"; }
.glyphicon-oil:before { content: "\e238"; }
.glyphicon-grain:before { content: "\e239"; }
.glyphicon-sunglasses:before { content: "\e240"; }
.glyphicon-text-size:before { content: "\e241"; }
.glyphicon-text-color:before { content: "\e242"; }
.glyphicon-text-background:before { content: "\e243"; }
.glyphicon-object-align-top:before { content: "\e244"; }
.glyphicon-object-align-bottom:before { content: "\e245"; }
.glyphicon-object-align-horizontal:before { content: "\e246"; }
.glyphicon-object-align-left:before { content: "\e247"; }
.glyphicon-object-align-vertical:before { content: "\e248"; }
.glyphicon-object-align-right:before { content: "\e249"; }
.glyphicon-triangle-right:before { content: "\e250"; }
.glyphicon-triangle-left:before { content: "\e251"; }
.glyphicon-triangle-bottom:before { content: "\e252"; }
.glyphicon-triangle-top:before { content: "\e253"; }
.glyphicon-console:before { content: "\e254"; }
.glyphicon-superscript:before { content: "\e255"; }
.glyphicon-subscript:before { content: "\e256"; }
.glyphicon-menu-left:before { content: "\e257"; }
.glyphicon-menu-right:before { content: "\e258"; }
.glyphicon-menu-down:before { content: "\e259"; }
.glyphicon-menu-up:before { content: "\e260"; }


/* Expand panel css */
.default-table .heading-row {cursor: pointer;}
.default-table .heading-row .expand-activity {position: relative;display: inline-block;padding: 16px;background: #E79E70;border-radius: 16px;}
.default-table .heading-row .expand-activity:before {position: absolute;left: 50%;top: 50%;width: 16px;border-top: solid 2px #fff;content: "";margin: -1px 0 0 -8px;}
.default-table .heading-row .expand-activity:after {position: absolute;left: 50%;top: 50%;height: 16px;border-left: solid 2px #fff;content: "";margin: -8px 0 0 -1px; }
.default-table .heading-row.open .expand-activity:after {display: none; }
.default-table .detail-row {display: none;}
.default-table .detail-row > td {border-top: 0;padding: 20px;}
.default-table .heading-row.open, .default-table .detail-row {background: #f9f9f9;}
.default-table .heading-row.open + .detail-row {display: table-row;}