@charset "UTF-8";
/* Import Fonts */
/*--------------------------- */
@import url("https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,500,500i,600,600i,700,700i");
@import url("../fonts/FontAwesome.css");
@import url("../fonts/materialdesignicons.min.css");
/* Reset */
/*--------------------------- */
* { outline: 0 !important; margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

img { max-width: 100%; height: auto; }

p:last-of-type { margin: 0; }

/* General */
/*--------------------------- */
* { outline: 0 !important; text-decoration: none; word-wrap: break-word; }

a { -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; }

html { height: 100%; }

body { background: #f8f8f8; position: relative; height: auto; min-height: 100%; }

.valign { height: 100%; width: 100%; display: table; }
.valign > div { display: table-cell; vertical-align: middle; }

.container { width: auto !important; max-width: 1170px; }

.card { border: 1px solid #ccc; background: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; }

.card-body { padding: 20px; }

.full { width: 100%; display: block; }

.logo { max-width: 130px; margin: 0 auto 30px; background: #fff; padding: 5px; }

.title { font-size: 22px; border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 10px; }
.title > .btn.btn-small { margin-left: 5px; }

.sub-title { position: relative; border-bottom: 1px solid #ffb502; padding-bottom: 10px; }
.sub-title::before, .sub-title::after { position: absolute; content: ""; display: block; }
.sub-title::before { left: 20px; bottom: -10px; border-top: 10px solid #ffb502; border-left: 10px solid transparent; border-right: 10px solid transparent; }
.sub-title::after { left: 20px; bottom: -8px; border-top: 10px solid #fff; border-left: 10px solid transparent; border-right: 10px solid transparent; }

.primary-color { color: #ffb502; }

.secondary-color { color: #000; }

.tertiary-color { color: #f48124; }

.form-group { margin-bottom: 10px; }

.mailview { background: #eee; border: 1px solid #ccc; padding: 5px; }

.tomail label { font-size: 14px; font-weight: 700; }

html body .p-0 { padding: 0px; }

html body .p-10 { padding: 10px; }

html body .p-20 { padding: 20px; }

html body body .p-30 { padding: 30px; }

html body .p-l-0 { padding-left: 0px; }

html body .p-l-10 { padding-left: 10px; }

html body .p-l-20 { padding-left: 20px; }

html body .p-r-0 { padding-right: 0px; }

html body .p-r-10 { padding-right: 10px; }

html body .p-r-20 { padding-right: 20px; }

html body .p-r-30 { padding-right: 30px; }

html body .p-r-40 { padding-right: 40px; }

html body .p-t-0 { padding-top: 0px; }

html body .p-t-10 { padding-top: 10px; }

html body .p-t-20 { padding-top: 20px; }

html body .p-t-30 { padding-top: 30px; }

html body .p-b-0 { padding-bottom: 0px; }

html body .p-b-5 { padding-bottom: 5px; }

html body .p-b-10 { padding-bottom: 10px; }

html body .p-b-20 { padding-bottom: 20px; }

html body .p-b-30 { padding-bottom: 30px; }

html body .p-b-40 { padding-bottom: 40px; }

html body .m-0 { margin: 0px; }

html body .m-l-5 { margin-left: 5px; }

html body .m-l-10 { margin-left: 10px; }

html body .m-l-15 { margin-left: 15px; }

html body .m-l-20 { margin-left: 20px; }

html body .m-l-30 { margin-left: 30px; }

html body .m-l-40 { margin-left: 40px; }

html body .m-r-5 { margin-right: 5px; }

html body .m-r-10 { margin-right: 10px; }

html body .m-r-15 { margin-right: 15px; }

html body .m-r-20 { margin-right: 20px; }

html body .m-r-30 { margin-right: 30px; }

html body .m-r-40 { margin-right: 40px; }

html body .m-t-0 { margin-top: 0px; }

html body .m-t-5 { margin-top: 5px; }

html body .m-t-10 { margin-top: 10px; }

html body .m-t-15 { margin-top: 15px; }

html body .m-t-20 { margin-top: 20px; }

html body .m-t-30 { margin-top: 30px; }

html body .m-t-40 { margin-top: 40px; }

html body .m-b-0 { margin-bottom: 0px; }

html body .m-b-5 { margin-bottom: 5px; }

html body .m-b-10 { margin-bottom: 10px; }

html body .m-b-15 { margin-bottom: 15px; }

html body .m-b-20 { margin-bottom: 20px; }

html body .m-b-30 { margin-bottom: 30px; }

html body .m-b-40 { margin-bottom: 40px; }

/* Typography */
/*--------------------------- */
body { font-family: Montserrat, sans-serif; font-size: 13px; line-height: 20px; font-weight: 500; }

h1, h2, h3, h4, h5, h6 { line-height: inherit; margin: 0; }

h1 { font-size: 22px; }

h2 { font-size: 18px; }

h3 { font-size: 16px; }

h4 { font-size: 15px; }

h5 { font-size: 14px; }

h6 { font-size: 12px; }

a { color: #008fea; text-decoration: none; }
a:hover { color: #ffb502; text-decoration: none; }
table.no-footer a:hover:not(.btn), .box-body a:hover:not(.btn) { color: #000; text-decoration: none;}
.tabs a:hover { font-weight:inherit; }

/* Buttons */
/*--------------------------- */
.btn { font-size: 13px; line-height: 1; font-weight: 500; text-transform: uppercase; padding: 10px 15px; display: inline-block; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; }
.btn.btn-small { min-width: inherit; padding: 8px 15px; font-size: 12px; }

.btn-primary { color: #000; background: #ffb502; border: 0; }
.btn-primary:hover, .btn-primary.focus, .btn-primary:focus, .btn-primary.active { background: #000; color: #fff; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; }

.inline-btns .btn { margin-right: 10px; }
.inline-btns .btn:last-child { margin-right: 0; }

.open .btn-primary.dropdown-toggle { background: #000; color: #fff; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; }

.btn-default { color: #fff; background: #202020; border: 0; }
.btn-default:hover, .btn-default.focus, .btn-default:focus { background: #000; color: #fff; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; }

.btn-icon-outlined { min-width: 28px; padding: 6px; border: 1px solid #ccc; color: #000; text-decoration: none; }
.btn-icon-outlined:hover { background: #ffb502; color: #fff; border-color: #ffb502; }
.btn-icon-outlined i, .btn-icon-outlined em {font-size:1.25em;}

.custom-checkbox { position: relative; }
.custom-checkbox label { display: inline-block; cursor: pointer; position: relative; padding-left: 25px; font-weight: 500; margin-bottom: 0; line-height: 20px; min-height: 20px; }
.custom-checkbox label::before { content: ""; display: inline-block; width: 18px; height: 18px; border: 1px solid #ddd; margin-right: 10px; position: absolute; left: 0; background-color: #fff; }
.custom-checkbox input[type=checkbox] { display: none; }
.custom-checkbox input[type=checkbox]:checked + label:before { content: ""; font-family: "Material Design Icons"; color: #333; font-size: 14px; font-weight: 700; text-align: center; line-height: 16px; }

.custom-radio { position: relative; }
.custom-radio label { display: inline-block; cursor: pointer; position: relative; padding-left: 25px; font-weight: 500; margin-bottom: 0; line-height: 20px; }
.custom-radio label::before { content: ""; display: inline-block; width: 18px; height: 18px; border: 1px solid #ddd; margin-right: 10px; position: absolute; left: 0; background-color: #fff; -webkit-border-radius: 18px; -moz-border-radius: 18px; -ms-border-radius: 18px; border-radius: 18px; }
.custom-radio input[type=radio] { display: none; }
.custom-radio input[type=radio]:checked + label:before { content: ""; font-family: "Material Design Icons"; color: #333; font-size: 14px; text-align: center; line-height: 16px; }

.custom-file { display: block; }
.custom-file label { text-align: center; margin-right: 15px; margin-top: 0; }
.custom-file .file-browse { border: 1px solid #ddd; padding: 5px 15px; height: 32px; font-weight: 500; cursor: pointer; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; }
.custom-file .file-browse:hover { background: #ffb502; color: #000; border-color: #ffb502; }
.custom-file input[type="file"] { position: absolute; visibility: hidden; opacity: 0; height: 42px; top: 0; }

/* Forms */
/*--------------------------- */
input[type="text"], input[type="email"], input[type="password"], input[type="search"], input[type="number"], select, textarea, .form-control { font-size: inherit !important; line-height: 24px !important; font-family: Montserrat, sans-serif; color: #333 !important; padding: 6px 10px !important; border: 1px solid #ddd; display: block; width: 100%; height: 32px !important; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; }

textarea, textarea.form-control { resize: none; height: 80px !important; }

input[type="submit"], input[type="button"], button { font-family: Montserrat, sans-serif; cursor: pointer; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; }

label { font-weight: 500; }

.required { color: #f00; }

.inline-form label { display: inline-block; }
.inline-form input[type="text"], .inline-form input[type="search"] { display: inline-block; width: auto; }

.table-form table tr td:first-child { padding-left: 0; }

.hint { font-size: 10px; display: block; clear: both; font-weight: 500; }

.error { color: #f00; }

label > .hint { display: inline-block; }

form#loginform input#email, form#loginform input#password {padding-left:25px !important;}
form#loginform .form-control-feedback {top:25px;left:-5px;color:#99a2a8;}

/* Header Topbar */  
/*--------------------------- */
.header-topbar { width: 100%; height: 60px; background: #000; position: absolute; top: 0; z-index: 9999; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); }

.dashboard-logo { width: 220px; padding: 0; float: left; border-right: 1px solid #000; text-align: left; }
.dashboard-logo img { max-height: 59px; }

.topbar-right { float: left; width: calc(100% - 220px); }

.search-bar { width: 320px; padding: 14px 15px; float: left; }
.search-bar form { position: relative; }
.search-bar input[type="text"], .search-bar input[type="search"] { padding: 8px 40px 8px 20px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; border-radius: 30px; }
.search-bar input[type="submit"] { position: absolute; z-index: 1; right: 0; top: 0; font-size: 0; background: transparent; border: 0; width: 42px; height: 42px; }
.search-bar i { position: absolute; right: 0; width: 42px; height: 42px; font-size: 20px; line-height: 42px; text-align: center; top: 0; color: #888; }

.user-bar { float: right; padding: 10px; border-left: 1px solid rgba(255, 255, 255, 0.2); cursor: pointer; min-width: 180px; }
.user-bar .user-pic { width: 40px; height: 40px; overflow: hidden; cursor: pointer; margin-right: 15px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; border-radius: 50px; }
.user-bar .user-name { font-size: 12px; line-height: 18px; display: inline-block; color: #fff;}
.user-bar .user-name span { display: block; font-size: 14px; font-weight: 500; color: #ffb502; }

.custom-navbar { float: right; }
.custom-navbar > ul { margin: 0; padding: 0; list-style: none; }
.custom-navbar > ul > li { float: left; position: relative; }
.custom-navbar > ul > li > a { position: relative; font-size: 18px; color: #90a4ae; display: block; padding: 0 15px; line-height: 70px; }

.dropdown-menu { font-size: 13px; font-weight: 400 !important; padding: 0; margin: 0; width: 100%; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); }
.dropdown-menu::before, .dropdown-menu::after { content: ""; position: absolute; top: -10px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
.dropdown-menu::before { z-index: 1; border-bottom: 10px solid #fff; border-left: 10px solid transparent; border-right: 10px solid transparent; }
.dropdown-menu::after { top: -12px; border-bottom: 12px solid rgba(0, 0, 0, 0.15); border-left: 12px solid transparent; border-right: 12px solid transparent; }
.dropdown-menu ul { margin: 0; padding: 0; list-style: none; }
.dropdown-menu ul li a { padding: 8px 10px; display: block; color: #333; font-weight: 400 !important; text-decoration: none; }
.dropdown-menu ul li a:hover { color: #000; background: #ffb502; }
.dropdown-menu ul li a i { margin-right: 10px; font-size: 18px; }

.notify { position: absolute; top: 24px; right: 15px; }
.notify .heartbit { position: absolute; top: -10px; right: -10px; width: 25px; height: 25px; border: 5px solid #000; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; -webkit-animation: heartbit 1s infinite ease-out; -mozanimation: heartbit 1s infinite ease-out; -ms-animation: heartbit 1s infinite ease-out; animation: heartbit 1s infinite ease-out; }
.notify .point { width: 6px; height: 6px; display: block; background: #000; -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; border-radius: 7px; }

/* Sidebar */
/*--------------------------- */
.sidebar { width: 220px; height: auto; padding-top: 66px; position: absolute; top: 0; height: 100%; background: #000; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; }
.sidebar h3 { position: relative; font-size: 16px; font-weight: 400; color: #fff; margin: 0; min-height: 36px; padding: 8px 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); background: #000; }
.sidebar h3 a { color: #fff; text-decoration: none; }
.sidebar h3 a:hover { color: #ffb502; text-decoration: none; }
.sidebar h3 a .mdi { margin-right: 10px; }

.sidebar-nav ul { margin: 0; padding: 0; list-style: none; }
.sidebar-nav ul li { display: block; position: relative; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.sidebar-nav ul li a { display: block; max-height: 36px; padding: 8px 10px; color: #fff; text-decoration: none; border-left: 3px solid transparent; }
.sidebar-nav ul li a:hover { border-color: #ffb502; color: #ffb502; }
.sidebar-nav ul li a i { margin-right: 10px; font-size: 15px; vertical-align: middle; }
.sidebar-nav ul li.active > a { border-color: #ffb502; color: #ffb502; }
.sidebar-nav ul li.active > ul { display: block; }
.sidebar-nav ul li ul { display: none; background: #131313; border-top: 1px solid rgba(255, 255, 255, 0.1); }
.sidebar-nav ul li ul li { position: relative; border: 0; }
.sidebar-nav ul li ul li::before, .sidebar-nav ul li ul li::after { display: block; position: absolute; content: ""; background: #454545; top: 0; margin-top: 20px; }
.sidebar-nav ul li ul li::before { width: 1px; height: 100%; left: 20px; }
.sidebar-nav ul li ul li::after { width: 7px; height: 7px; left: 17px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; }
.sidebar-nav ul li ul li:last-child::before { display: none; }
.sidebar-nav ul li ul li a { padding: 8px 10px 8px 40px; color: #fff; border: 0; }
.sidebar-nav ul li ul li a:hover { background: transparent; color: #ffb502; }
.sidebar-nav ul li ul li.active > a { color: #ffb502; }
.sidebar-nav ul li ul li:hover::after, .sidebar-nav ul li ul li.active::after { background: #ffb502; }
.sidebar-nav ul li ul li ul { display: none; border: 0; background: none; margin-left: 20px; }
.sidebar-nav ul li ul li ul li { position: relative; }
.sidebar-nav ul li ul li ul li::before { display: none; }
.sidebar-nav ul li ul li ul li::after { width: 25px; height: 1px; left: 0; top: -4px; }
.sidebar-nav ul li ul li ul li a { padding: 5px 10px 5px 30px; }
.sidebar-nav ul li ul li ul li a.active { color: #ffb502; }

.dropdown-arrow { position: absolute; right: 0; width: 36px; height: 36px; line-height: 36px; color: #fff; text-align: center; z-index: 1; top: 0; cursor: pointer; border-left: 1px solid rgba(255, 255, 255, 0.1); }

.dropdown-arrow-sub { position: absolute; right: 0; width: 36px; height: 36px; line-height: 36px; color: #fff; text-align: center; z-index: 1; top: 0; cursor: pointer; }

.navicon { position: absolute; right: 0; top: 0; width: 36px; height: 36px; color: #fff; font-size: 24px; line-height: 36px; cursor: pointer; text-align: center; }

.sidebar-mini .navicon { width: 45px; }
.sidebar-mini .sidebar { width: 45px !important; overflow: visible !important; }
.sidebar-mini .sidebar h3 > a { display: none; }
.sidebar-mini .sidebar-nav > ul > li > a > span { display: none !important; }
.sidebar-mini .sidebar-nav > ul > li:hover > a > span { display: block !important; font-weight: 500; font-size: 14px; text-transform: uppercase; position: absolute; left: 100%; min-width: 190px; background: #000; color: #ffb502; border-bottom: 1px solid rgba(255, 255, 255, 0.2); top: 0; padding: 8px 15px; z-index: 112; height: 36px; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; -ms-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; }
.sidebar-mini .sidebar-nav > ul > li:hover > ul { display: block !important; }
.sidebar-mini .sidebar-nav > ul > li:hover > a { border-color: #ffb502; color: #ffb502; }
.sidebar-mini .sidebar-nav > ul > li > ul { display: none !important; position: absolute; top: 0; left: 100%; z-index: 111; min-width: 190px; padding-top: 36px; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; -ms-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; }
.sidebar-mini .sidebar-nav > ul > li > ul > li { display: block; }
.sidebar-mini .sidebar-nav > ul > li > ul > li::before { content: ""; font-family: "FontAwesome"; width: auto; height: auto; left: 15px; background: transparent; color: #fff; display: block !important; top: -2px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.sidebar-mini .sidebar-nav > ul > li > ul > li:hover::before, .sidebar-mini .sidebar-nav > ul > li > ul > li.active::before { color: #ffb502; }
.sidebar-mini .sidebar-nav > ul > li > ul > li::after { display: none; }
.sidebar-mini .sidebar-nav > ul > li > ul > li > a { padding: 8px 15px 8px 30px; }
.sidebar-mini .sidebar-nav > ul > li > ul > li > a > span { display: block; }
.sidebar-mini .sidebar-nav > ul > li > ul > li > ul { display: none !important; margin: 0; position: absolute; top: 0; left: 100%; z-index: 222; min-width: 190px; background: #131313; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; -ms-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; }
.sidebar-mini .sidebar-nav > ul > li > ul > li > ul li::before { content: ""; font-family: "FontAwesome"; width: auto; height: auto; left: 15px; background: transparent; color: #fff; display: block !important; top: -4px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.sidebar-mini .sidebar-nav > ul > li > ul > li > ul li::after { display: none; }
.sidebar-mini .sidebar-nav > ul > li > ul > li:hover > ul { display: block !important; }
.sidebar-mini .dropdown-arrow, .sidebar-mini .dropdown-arrow-sub { display: none; }

/* Page Wrapper */
/*--------------------------- */
.sidebar-mini .page-wrapper { margin-left: 45px; }

.page-wrapper { margin-left: 220px; padding-top: 66px; min-height: 800px; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; }
.page-wrapper .container-fluid { padding: 20px; }

.enquiry-box { border: 1px solid #ddd; padding: 15px; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: linear; box-shadow: -1px -1px 0 #f8f8f8 inset;}
.enquiry-box h3 { font-weight: 600; text-transform: uppercase; margin-bottom: 20px; }
.enquiry-box.link-box:hover {box-shadow: 0 0 0 120px #ffb502 inset; -webkit-transform: scale(1.05);}
.enquiry-box span {font-size: 14px;}
.enquiry-box span strong {display: none;}

/* Login/Register */
/*--------------------------- */
.login-form, .register-form { background: rgba(255, 255, 255, 0.4); padding: 25px; max-width: 380px; margin: 0 auto; color: #fff; overflow: hidden; -webkit-box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.2); -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; }
.login-form ul, .register-form ul { margin: 0; padding: 0; list-style: none; }
.login-form ul li, .register-form ul li { display: block; margin-bottom: 10px; }
.login-form ul li:last-of-type, .register-form ul li:last-of-type { margin: 0; }

.forgot-pass { margin-top: 15px; color: #fff; }
.forgot-pass a { color: #fff; text-decoration: none; }
.forgot-pass a:hover { color: #ffb502; }

.form-title { text-transform: uppercase; font-size: 20px; font-weight: 600; background: #ffb502; color: #fff; padding: 15px 20px; margin: -25px -25px 15px; border-bottom: 2px solid #fbcf65; }

.login-form ul li, .register-form ul li {position:relative;}
 
 * Table */
/*--------------------------- */
.table { width: 100%; margin: 0; }
.table td { padding: 15px; }
.table.full { display: table; }

.unbordered td { border: 0 !important; padding: 0; }

/* Tabs */
/*--------------------------- */
.tabs-wrap > ul { margin: 0; padding: 0; list-style: none; position: relative; z-index: 2; top: 1px; }
.tabs-wrap > ul > li { float: left; margin-right: 2px; }
.tabs-wrap > ul > li > a { font-weight: 500; padding: 8px 15px; background: #333; color: #fff; cursor: pointer; border: 1px solid #ddd; text-decoration: none; border-bottom: 0; display: block; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -ms-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; }
.tabs-wrap > ul > li > a:hover { background: #fff; color: #333; text-decoration: none; }
.tabs-wrap > ul > li.resp-tab-active a { color: #333; background: #fff; }
.tabs-wrap > ul > li:last-child { margin-right: 0; }
.tabs-wrap .tab-content { clear: both; border: 1px solid #ddd; padding: 15px; }
.tabs-wrap .tab-content.active { display: block; }
.tabs-wrap h2 { font-size: 18px; }
.tabs-wrap h2 a { color: #333; text-decoration: none; }

/* Breadcrumbs */
/*--------------------------- */
.breadcrumb { margin: 0; padding: 0; list-style: none; background: none; margin-bottom: 10px; overflow: hidden; }
.breadcrumb li { float: left; }
.breadcrumb li a { color: #333; position: relative; padding-right: 15px; }
.breadcrumb li a:hover { color: #008fea; text-decoration: none; }
.breadcrumb li a::after { content: ""; font-family: "Material Design Icons"; font-size: 14px; color: #666; right: 0; top: 0px; position: absolute; }
.breadcrumb li.active { color: #666; }

/* Pagination */
/*--------------------------- */
.custom-pagination span, .custom-pagination a { display: inline-block; padding: 10px 15px; font-size: 14px; line-height: 14px; color: #333; background: #fff; border: 1px solid #ccc; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; }
.custom-pagination span:hover, .custom-pagination span.active, .custom-pagination a:hover, .custom-pagination a.active { background: #ffb502; color: #fff; text-decoration: none; }

/* Footer */
/*--------------------------- */
.sidebar-mini .mainFooter { margin-left: 45px; }

.mainFooter { left: 0; right: 0; position: fixed; bottom: 0; margin-left: 220px; color: #666; background: #fff; padding: 10px 15px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; }

/* Keyframe Animation */
/*--------------------------- */
@-webkit-keyframes heartbit { 0% { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); transform: scale(0); opacity: 0; }
  25% { -webkit-transform: scale(0.1); -moz-transform: scale(0.1); -ms-transform: scale(0.1); transform: scale(0.1); opacity: 0.1; }
  50% { -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); opacity: 0.3; }
  75% { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); opacity: 0.5; }
  100% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 0; } }
@-moz-keyframes heartbit { 0% { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); transform: scale(0); opacity: 0; }
  25% { -webkit-transform: scale(0.1); -moz-transform: scale(0.1); -ms-transform: scale(0.1); transform: scale(0.1); opacity: 0.1; }
  50% { -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); opacity: 0.3; }
  75% { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); opacity: 0.5; }
  100% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 0; } }
@-ms-keyframes heartbit { 0% { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); transform: scale(0); opacity: 0; }
  25% { -webkit-transform: scale(0.1); -moz-transform: scale(0.1); -ms-transform: scale(0.1); transform: scale(0.1); opacity: 0.1; }
  50% { -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); opacity: 0.3; }
  75% { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); opacity: 0.5; }
  100% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 0; } }
@keyframes heartbit { 0% { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); transform: scale(0); opacity: 0; }
  25% { -webkit-transform: scale(0.1); -moz-transform: scale(0.1); -ms-transform: scale(0.1); transform: scale(0.1); opacity: 0.1; }
  50% { -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); opacity: 0.3; }
  75% { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); opacity: 0.5; }
  100% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 0; } }

.app-dashbord-collapse .ar-hd { position: relative; cursor: pointer;}
.app-dashbord-collapse .ar-hd i { position: absolute; top: 19%; transform: translateY(-50%); right:0px; font-size: 27px; }
.app-dashbord-collapse .ar-hd[aria-expanded="true"]  i{transform-origin: left; transform: translate(100%, -50%) rotate(-180deg) ; }
/*.app-dashbord-collapse .dataTables_wrapper { max-height: 550px; overflow-y: auto; }*/
.app-dashbord-collapse table.data_table { margin-top: 0px !important; }
.app-dashbord-collapse .dataTables_scrollHeadInner { width: 100% !important; background-color: #333; }
.app-dashbord-collapse .dataTables_scrollHeadInner table.data_table { width: 100% !important; border: 0px; padding-right: 15px; }
.directmenu{
	font-size: 16px;
    font-weight: 400;
    color: #fff;
    margin: 0;
    min-height: 36px;    
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    background: #000;
}

 .otp_verfication h2{
    text-align: center;
    margin-bottom: 25px;
    margin-top: 15px;
}
.otp_verfication .flex_row .input-container {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-bottom: 20px;
}
.otp_verfication .flex_row .input-container input.form-control{
    /*width: 60px;*/
    border-radius: 8px;
    height: 60px !important;
    text-align: center;
    min-width: 25px;
    padding: 0 !important;
    font-size: 2em !important;
}
.otp_verfication input.btn-primary{
    padding: 15px 15px;
}
.otp_verfication {
    max-width: 500px;
    margin: 30px auto;
    padding: 40px 20px;
    border: 1px solid #e9e9e9;
    border-radius: 12px;
    box-shadow: 0 2px 5px rgb(0 0 0 / 20%);
    text-align: center;
}
.otp_verfication .flex_row a {
    text-transform: capitalize;
}
.img_otp img {
    max-width: 150px;
    margin-bottom: 15px;
}
.img_otp svg {
    font-size: 75px;
}
.img_otp svg path {
    fill: #ffb502;
}

.actionButtons-small {width:90px;}
.btn-td {padding:5px;}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.modal-dialog {margin-top:80px;}