@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,300italic,400italic,700,700italic);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300italic,600,700);
@font-face {
font-family: 'ElegantLuxMager';
src: url('../fonts/elegantlux-mager-webfont.eot');
src: url('../fonts/elegantlux-mager-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/elegantlux-mager-webfont.woff2') format('woff2'),
url('../fonts/elegantlux-mager-webfont.woff') format('woff'),
url('../fonts/elegantlux-mager-webfont.ttf') format('truetype'),
url('../fonts/elegantlux-mager-webfont.svg#elegant_luxmager') format('svg');
font-weight: normal;
font-style: normal;
}
.jcrop-holder {
display: inline-block;
}
.info {
font-size: 14px;
}
label {
margin: 0 5px;
}
.step2, .error {
display: none;
max-width: none;
}
.error {
font-size: 18px;
font-weight: bold;
color: red;
}
html, body {
/*font-family: 'Roboto', sans-serif;*/
/*font-family: ElegantLuxMager, sans-serif;*/
font-family: 'Open Sans', sans-serif;
font-weight: normal;
font-size: 14px;
color: #3c3c3c;
direction: ltr;
width: 100%; height: 100%;
}
/* -- Push / Pull*/
.pull-right { float: right; }
.pull-left { float: left; }
/* -- Buttons --*/
.btn {
border-radius: 0;
}
.btn > i {
margin-left: 5px;
}
/*default color*/
.btn.default {
color: #333333;
background-color: #e5e5e5;
}
.btn.default:hover, .btn.default:focus, .btn.default:active, .btn.default.active {
color: #333333;
background-color: #d1d1d1;
}
.open .btn.default.dropdown-toggle {
color: #333333;
background-color: #d1d1d1;
}
.btn.default:active, .btn.default.active {
background-image: none;
}
.open .btn.default.dropdown-toggle {
background-image: none;
}
.btn.default.disabled, .btn.default.disabled:hover, .btn.default.disabled:focus, .btn.default.disabled:active, .btn.default.disabled.active, .btn.default[disabled], .btn.default[disabled]:hover, .btn.default[disabled]:focus, .btn.default[disabled]:active, .btn.default[disabled].active, fieldset[disabled] .btn.default, fieldset[disabled] .btn.default:hover, fieldset[disabled] .btn.default:focus, fieldset[disabled] .btn.default:active, fieldset[disabled] .btn.default.active {
background-color: #e5e5e5;
}
.btn.default .badge {
color: #e5e5e5;
background-color: #333333;
}
/*blue*/
.blue.btn {
color: white;
background-color: #4b8df8;
}
.blue.btn:hover, .blue.btn:focus, .blue.btn:active, .blue.btn.active {
color: white;
background-color: #2474f6;
}
.open .blue.btn.dropdown-toggle {
color: white;
background-color: #2474f6;
}
.blue.btn:active, .blue.btn.active {
background-image: none;
}
.open .blue.btn.dropdown-toggle {
background-image: none;
}
.blue.btn.disabled, .blue.btn.disabled:hover, .blue.btn.disabled:focus, .blue.btn.disabled:active, .blue.btn.disabled.active, .blue.btn[disabled], .blue.btn[disabled]:hover, .blue.btn[disabled]:focus, .blue.btn[disabled]:active, .blue.btn[disabled].active, fieldset[disabled] .blue.btn, fieldset[disabled] .blue.btn:hover, fieldset[disabled] .blue.btn:focus, fieldset[disabled] .blue.btn:active, fieldset[disabled] .blue.btn.active {
background-color: #4b8df8;
}
.blue.btn .badge {
color: #4b8df8;
background-color: white;
}
/* -- END -- */
/* -- Form Group --*/
.form-group {
}
.form-group > .control-label{
font-weight: 400;
font-size: 16px;
}
.visible-ie8, .visible-ie9 {
display: none;
}
.form-group > .input-icon {
position: relative;
}
.form-group > .input-icon > i {
color: #ccc;
display: block;
position: absolute;
margin: 9px 2px 4px 10px;
z-index: 3;
width: 16px;
height: 16px;
font-size: 16px;
text-align: center;
}
.form-group > .input-icon > .form-control {
display: block;
width: 100%; height: 34px;
padding: 6px 12px 6px 33px;
font-size: 14px;
font-weight: normal;
line-height: 1.4;
color: #333333;
box-shadow: none;
border-radius: 0px;
border: 1px solid #e5e5e5;
resize: none;
}
.form-group > .input-icon select {
margin-top: -10px;
}
.form-group > .input-icon > textarea.form-control {
height: 120px;
}
.form-group > .input-icon > input[type=checkbox].form-control {
width: 34px;
}
.form-group > .input-icon > .form-control:hover,
.form-group > .input-icon > .form-control:focus{
border-color: #999999;
outline: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.form-actions {
background-color: transparent;
clear: both;
border: 0px;
padding: 0px 30px 25px 30px;
margin-left: -30px;
margin-right: -30px;
}
/* -- End --*/
div#account-entry {
width: 100%; height: 100%;
background: #4b8ec5 url(../images/account-bg.jpg) center center no-repeat;
}
div#account-entry div.logo {
text-align: center;
}
div.login-wrapper {
width: 360px; height: auto;
padding: 30px;
background-color: rgba(255,255,255,1);
border: 1px solid #0e3764;
}
div.login-wrapper .forget-password {
margin-top: 25px;
}
.topbar{
padding-left: 20px;
}
/* - TopBar -*/
.topbar {
width: 100%; height: 46px;
position: fixed; top: 0; left: 0;
background-color: #2B3643;
z-index: 99;
}
.topbar > div:not(:last-child) {
margin-right: 20px;
}
.topbar > .logo,
.topbar > .menutoggler{
padding: 14px 0 14px 0;
}
.topbar > .logo,
.topbar > .menutoggler,
.topbar > .profile{
width: auto; height: 100%;
display: inline-block;
color: rgba(255,255,255,0.8);
}
.topbar > .logo {
float: left;
}
.topbar > .logo > a { text-decoration: none; }
.topbar > .logo > a > h2 {
font-weight: bold;
font-size: 16px;
margin: 0;
line-height: 1.1;
color: rgba(255,255,255,0.8);
}
.topbar > .logo > a > img {
height: 100%; width: auto;
}
.topbar > .menutoggler {
float: left;
}
.topbar > .profile{
float: right;
font-size: 13px;
font-weight: 300;
}
.topbar > .profile,
.topbar > .profile a {
color:#b4bcc8;
text-decoration: none;
}
.topbar > .profile a:hover {
color: #e4e7eb;
background-color: #3b4a5c;
}
.topbar > .profile a,
.topbar > .profile > div{
float: left;
width: auto; height: 100%;
line-height: 1.7;
background-color: #232c37;
}
.topbar > .profile > a,
.topbar > .profile > div > a,
.topbar > .profile > div > ul > li > a{
padding: 13px 10px;
}
.topbar > .profile a > span:not(:last-child) {
margin-right: 5px;
}
.topbar > .profile > .langmenu > a,
.topbar > .profile > .langmenu > ul > li > a {
text-transform: capitalize;
}
.topbar > .profile > .langmenu > ul {
display: none;
width: auto;
float: left;
padding: 0; margin: 0;
position: absolute; top: 46px;
}
.topbar > .profile > .langmenu:hover > ul,
.topbar > .profile > .langmenu:focus > ul{
display: block;
}
.topbar > .profile > .langmenu > ul > li {
list-style: none;
clear: both;
float: left;
}
.topbar > .profile > .langmenu > ul > li,
.topbar > .profile > .langmenu > ul > li > a {
width: 100%; height: auto;
}
/* - END TopBar -*/
/* - Left Menu -*/
.leftmenu {
position: fixed; z-index: 99;
top: 46px; bottom: 0; left: 0;
width: 235px;
background-color: #364150;
}
.leftmenu > ul {
float: left;
width: 100%; height: auto;
padding: 0; margin: 0;
list-style: none;
}
.leftmenu > ul > li,
.leftmenu > ul > li > ul.sub-menu > li{
float: left;
width: 100%; height: auto;
padding: 0; margin: 0;
display: block; clear: both;
}
.leftmenu > ul > li > a {
border-left: 4px solid #364150;
}
.leftmenu > ul > li > a,
.leftmenu > ul > li > ul.sub-menu > li > a{
float: left;
width: 100%; height: auto;
color: #b4bcc8;
padding: 10px 15px 10px 11px;
text-decoration: none;
}
.leftmenu > ul > li.active > a{
background-color: #3e4b5c;
border-left-color: #1caf9a;
color: #f1f1f1;
}
.leftmenu > ul > li:not(.active) > a:hover{
background-color: #3a4656;
border-left-color: #3a4656;
}
.leftmenu > ul > li > a > i{
width: 20px;
height: 14px;
line-height: 14px;
font-size: 16px;
margin: 1px 5px 0 0;
text-align: center;
}
.leftmenu > ul > li > a > span.selected,
.leftmenu > ul > li.active > a > span.selected-sub {
display: none;
}
.leftmenu > ul > li:hover > a > span.selected-sub,
.leftmenu > ul > li.active > a > span.selected {
/*selected arrow*/
display: block;
background-image: none;
float: right;
position: relative;
right: -15px;
top: 0;
background: none;
width: 0;
height: 0;
border-style: solid;
border-top: 10px double transparent;
border-bottom: 10px double transparent;
border-left: 0;
border-right-width: 8px;
}
.leftmenu > ul > li.active > a > span.selected {
border-right-color: #ffffff;
}
.leftmenu > ul > li:hover > a > span.selected-sub {
border-right-color: #323c4b;
}
/*2nd tier menu*/
.leftmenu > ul > li > ul.sub-menu {
display: none;
margin: 0;
padding: 1px 0;
width: 210px;
z-index: 200;
position: absolute;
list-style: none;
background-color: #323c4b;
border-color: #323c4b;
box-shadow: 5px 5px rgba(44, 53, 66, 0.2);
}
.leftmenu > ul > li:hover > ul.sub-menu {
display: inline-block;
}
.leftmenu > ul > li > ul.sub-menu > li {
padding: 2px 3px 2px 2px;
}
.leftmenu > ul > li > ul.sub-menu > li > a {
padding: 8px 12px 8px 9px;
}
.leftmenu > ul > li > ul.sub-menu > li > a:hover {
background-color: #3e4b5c;
}
/* - END Left Menu - */
/* - Section white area - */
.section-wrapper {
float: left;
width: 100%;
height: auto;
margin-top: 46px;
padding: 25px 18px 18px 253px;
}
.section-content {
float: left;
width: 100%;
height: auto;
font-family: "Open Sans", sans-serif;
font-size: 13px;
}
.section-content > .header {
font-size: 30px;
margin-top: 0;
margin-bottom: 15px;
color: #666;
}
.section-content > .breadcrumb {
margin-bottom: 25px;
padding: 0;
background: #f7f7f7;
border-radius: 0;
}
.section-content > .breadcrumb > ul {
list-style: none;
width: auto; height: auto;
margin: 0; padding: 8px;
}
.section-content > .breadcrumb > ul > li {
display: inline-block;
clear: none;
}
.section-content > .breadcrumb > ul > li i{
margin-right: 2px; margin-left: 2px;
}
.section-content > .breadcrumb > ul > li a {
font-size: 14px;
color: #666;
text-decoration: none;
}
.section-content > .breadcrumb > ul > li a:hover{
text-decoration: underline;
}
/* - END Section white area - */
/* - Section Portlets - */
.portlet {
}
.portlet > .portlet-title {
min-height: 40px;
padding: 0 10px 0 10px;
color: #fff;
background-color: #364150;
}
.portlet > .portlet-title > .caption {
padding: 11px 0 9px 0;
font-size: 18px;
}
.portlet > .portlet-body {
padding: 10px;
clear: both;
font-size: 13px;
}
.portlet > .portlet-body .form-section {
margin-top: 10px;
padding-bottom: 5px;
border-bottom: 1px solid #eee;
}
.portlet > .portlet-body .form-group > .control-label {
font-size: 14px;
font-weight: bold;
color: #000;
padding: 8px 0 0 0;
}
.portlet > .portlet-body .form-actions {
padding: 20px 10px;
margin: 0;
background-color: #f5f5f5;
border: 1px solid #e5e5e5;
}
/* - END Section Portlets -*/
/* - Table data - */
.data-table {
width: 100%; height: auto;
border-bottom: 1px solid #ddd;
border-left: 1px solid #ddd;
}
.data-table th, .data-table td {
padding: 8px;
border-top: 1px solid #ddd;
border-right: 1px solid #ddd;
}
.data-table > thead {
font-weight: bold;
font-size: 14px;
color:#000;
}
.data-table > tbody {
font-weight: normal;
font-size: 13px;
color:#000;
}
.data-table > tbody a {
text-decoration: none;
}
.data-table > tbody a,
.data-table > tbody a > i.glyphicon {
color: #3c3c3c;
outline: none;
}
.data-table .row-control {
text-align: center;
}
.loadscreen-thumbnail {
height: 100%; max-height: 200px; width: auto;
}
/* - END Table data - */