Your IP : 216.73.216.85
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
Created on : Jan 3, 2017, 2:03:19 PM
Author : Tihomir
*/
@charset "UTF-8";
body {
background-color: #EEEEEE !important;
}
.main-content .alert {
border-radius: 0 !important;
}
.admin {
display: none;
}
/*
inputs
*/
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
background-color: #fff !important;
background-image: none !important;
border: 1px solid #ccc !important;
border-radius: 0 !important;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset !important;
color: #777 !important;
font-size: 14px !important;
height: 32px !important;
line-height: 1.42857 !important;
padding: 0 6px !important;
-webkit-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s !important;
-moz-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s !important;
-o-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s !important;
transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s !important;
}
.main-content input:focus {
background: #f8f8f8 none repeat scroll 0 0 !important;
border-color: #3f51b5 !important;
box-shadow: none !important;
outline: 0 none !important;
}
.main-content textarea {
border-radius: 0 !important;
}
.main-content textarea:focus {
background: #f8f8f8 none repeat scroll 0 0 !important;
border-color: #3f51b5 !important;
box-shadow: none !important;
outline: 0 none !important;
border-radius: 0 !important;
}
.main-content select {
height: 35px !important;
border: 0 !important;
border: 1px solid #ccc !important;
background: #fff url('../images/select_arrow.png') no-repeat !important;
background-size: 20px !important;
background-position-x: 97% !important;
background-position-y: 49% !important;
background-position: right 10px center !important;
font-family: 'Arial' !important;
-webkit-appearance: none !important;
-moz-appearance: none !important;
-ms-appearance: none !important;
-o-appearance: none !important;
appearance: none !important;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
padding-right: 37px !important;
}
.main-content select:focus {
background: #f8f8f8 url('../images/select_arrow.png') no-repeat !important;
border-color: #3f51b5 !important;
box-shadow: none !important;
outline: 0 none !important;
background-position-x: 97% !important;
background-position-y: 49% !important;
background: #fff url('../images/select_arrow.png') no-repeat !important;
background-size: 20px !important;
background-position-x: 97% !important;
background-position-y: 49% !important;
background-position: right 10px center !important;
font-family: 'Arial' !important;
}
.picker__header select {
min-height: 45px !important;
}
.main-content select option:hover {
background: #3F51B5 !important;
color: #fff !important;
}
.main-content select::-ms-expand {
display: none;
}
.main-content select.desktopDropDown::-ms-expand {
display: none !important;
}
.main-content select[multiple="multiple"],
.main-content select[multiple="multiple"]:focus {
background: none !important;
height: auto !important;
padding-right: 0 !important;
}
.main-content #destination {
height: auto !important;
background: none !important;
padding-right: 0 !important;
width: 100%;
}
a[onclick^="textAreaResize"],
a[onclick^="textAreaResize"]:hover,
a[onclick^="textAreaResize"]:focus,
a[onclick^="codeAreaResize"],
a[onclick^="codeAreaResize"]:hover,
a[onclick^="codeAreaResize"]:focus,
a[onclick^="create"],
a[onclick^="create"]:hover,
a[onclick^="create"]:focus,
a[onclick^="addOption"],
a[onclick^="addOption"]:hover,
a[onclick^="addOption"]:focus {
background: #1B6894 none repeat scroll 0 0 !important;
border: 1px solid #1B6894;
border-radius: 0 !important;
box-shadow: none !important;
color: #fff !important;
padding: 2px 8px;
text-shadow: none !important;
text-decoration: none !important;
}
/*
custom radio and checkbox style
*/
.main-content input[type=checkbox]:not(old),
.main-content input[type=radio]:not(old) {
width: 2em;
margin: 0;
padding: 0;
font-size: 1em;
opacity: 0;
}
.main-content input[type=checkbox]:not(old) + label,
.main-content input[type=radio]:not(old) + label {
display: inline-block;
margin-left: -2em;
line-height: 1.5em;
}
.main-content input[type=checkbox]:not([style*="none"]) + label > span,
.main-content input[type=radio]:not([style*="none"]) + label > span {
display: inline-block;
width: 0.875em;
height: 0.875em;
margin: 0.25em 0.5em 0.25em 0.25em;
border: 0.0625em solid rgb(192, 192, 192);
border: 1px solid #c0c0c0;
border-radius: 0;
background: rgb(224, 224, 224);
background-image: -moz-linear-gradient(rgb(240, 240, 240), rgb(224, 224, 224));
background-image: -ms-linear-gradient(rgb(240, 240, 240), rgb(224, 224, 224));
background-image: -o-linear-gradient(rgb(240, 240, 240), rgb(224, 224, 224));
background-image: -webkit-linear-gradient(rgb(240, 240, 240), rgb(224, 224, 224));
background-image: linear-gradient(rgb(240, 240, 240), rgb(224, 224, 224));
vertical-align: bottom;
}
.main-content input[type=checkbox]:not(old) + label > span {
background: transparent !important;
}
.main-content input[type=radio]:not(old) + label > span {
border-radius: 1em !important;
border: 3px solid #ddd;
width: 0.6em;
height: 0.6em;
}
.main-content input[type=checkbox]:not(old):checked + label > span,
.main-content input[type=radio]:not(old):checked + label > span {
background-image: -moz-linear-gradient(rgb(224, 224, 224), rgb(240, 240, 240));
background-image: -ms-linear-gradient(rgb(224, 224, 224), rgb(240, 240, 240));
background-image: -o-linear-gradient(rgb(224, 224, 224), rgb(240, 240, 240));
background-image: -webkit-linear-gradient(rgb(224, 224, 224), rgb(240, 240, 240));
background-image: linear-gradient(rgb(224, 224, 224), rgb(240, 240, 240));
}
.main-content input[type=checkbox]:not(old):checked + label > span:before {
content: "\2713 ";
display: block;
width: 1em;
color: rgb(153, 204, 102);
font-size: 0.875em;
line-height: 1em;
text-align: center;
text-shadow: 0 0 0.0714em rgb(115, 153, 77);
font-weight: bold;
}
.main-content input[type=radio]:not(old):checked + label > span > span {
display: block;
height: 100%;
margin: -3px;
width: 100%;
border: 3px solid #ddd;
border-radius: 1em;
background: rgb(118, 181, 55);
background-image: -moz-linear-gradient(rgb(179, 217, 140), rgb(153, 204, 102));
background-image: -ms-linear-gradient(rgb(179, 217, 140), rgb(153, 204, 102));
background-image: -o-linear-gradient(rgb(179, 217, 140), rgb(153, 204, 102));
background-image: -webkit-linear-gradient(rgb(179, 217, 140), rgb(153, 204, 102));
background-image: linear-gradient(rgb(179, 217, 140), rgb(153, 204, 102));
}
#bfQuickModeWrapper textarea {
background: transparent !important;
border-radius: 0 !important;
}
.form-control:focus,
.has-focus .form-control {
background: #f8f8f8 none repeat scroll 0 0;
border-color: #3f51b5;
box-shadow: none;
outline: 0 none;
}
.subhead {
background-color: #3f51b5 !important;
box-shadow: 0 2px 4px rgba(33, 33, 33, 0.2);
left: 0;
min-height: 55px !important;
width: 100%;
position: relative;
border-bottom: none !important;
z-index: 2;
margin-bottom: 0 !important;
}
.subhead-fixed {
position: fixed;
width: 100%;
top: 30px;
z-index: 999 !important;
}
#container-main {
padding-left: 0 !important;
position: relative !important;
top: 0 !important;
}
.toggle_fullscreen {
display: block;
text-align: right;
margin-bottom: 15px;
}
.toggle_fullscreen_managerecords {
display: block;
text-align: right;
}
.fullscreen-btn {
background: #3f51b5 none repeat scroll 0 0 !important;
border: 1px solid #3f51b5;
border-radius: 0 !important;
box-shadow: none !important;
color: #fff !important;
padding: 7px 15px;
text-shadow: none !important;
}
.fullscreen-btn:hover,
.fullscreen-btn:focus {
background: #263899 none repeat scroll 0 0 !important;
border: 1px solid #263899;
}
/*
sidebar
*/
.sidebar {
position: relative !important;
}
#sidebar {
background-color: #ffffff;
box-shadow: 0 0 10px 0 rgba(33, 33, 33, 0.2);
height: auto;
min-height: 100%;
overflow: hidden;
padding: 0;
position: fixed;
width: 260px;
-webkit-transition: width 600ms ease 0s;
-moz-transition: width 600ms ease 0s;
-o-transition: width 600ms ease 0s;
transition: width 600ms ease 0s;
}
#sidebar ul {
font-family: "Roboto", Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: 400;
list-style-type: none;
margin: 0;
padding: 0;
}
#sidebar ul.wraplist {
padding-bottom: 0;
}
#sidebar img {
height: auto;
max-width: 201px;
}
#sidebar li a {
border-left: 4px solid transparent;
clear: both;
color: #424242;
display: block;
height: auto;
line-height: 42px;
min-height: 42px;
padding-left: 15px;
text-decoration: none;
white-space: nowrap;
margin-left: 0 !important;
}
#sidebar li a:hover,
#sidebar li a:focus,
#sidebar li.active a {
background-color: rgba(33, 33, 33, 0.1);
border-left: 4px solid #3f51b5;
}
#sidebar li a > i {
margin-right: 10px;
}
/*
main content
*/
.main content input[onclick^="submitbutton"] {
border-radius: 0 !important;
background: #92C923 none repeat scroll 0 0 !important;
color: #ffffff !important;
padding: 7px 15px;
text-shadow: none !important;
border: 1px solid #92C923;
box-shadow: none !important;
}
.main-content {
display: block !important;
margin: 30px !important;
margin-left: 293px !important;
padding: 30px;
background-color: #ffffff;
box-shadow: 0 1px 3px rgba(33, 33, 33, 0.2);
position: relative;
}
.subhead-collapse {
margin-bottom: 0 !important;
}
#toolbar .btn,
#toolbar .btn:hover,
#toolbar .btn:focus {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
border: medium none !important;
box-shadow: none;
color: #fff !important;
text-shadow: none !important;
width: 100% !important;
min-width: 100% !important;
}
#toolbar [class^="icon-"],
#toolbar [class*=" icon-"] {
background-color: transparent !important;
border: none !important;
height: auto;
line-height: inherit;
margin: 0 0 0 -10px !important;
opacity: 1;
text-shadow: none;
width: 20px !important;
z-index: -1;
}
.btn-toolbar {
font-size: 0;
margin-bottom: 9px;
margin-top: 15px !important;
}
.btn-toolbar .btn-wrapper {
display: inline-block;
margin: 0 !important;
}
.btn-toolbar .menu-button {
margin-right: 40px !important;
}
.icon-publish::before,
.icon-save::before,
.icon-ok::before,
.icon-save-new::before,
.icon-save-copy::before,
.btn-toolbar .icon-copy::before,
.icon-unpublish::before,
.icon-not-ok::before,
.icon-eye-close::before,
.icon-ban-circle::before,
.icon-minus-sign::before,
.btn-toolbar .icon-cancel::before,
.icon-edit::before {
color: #fff !important;
}
.bfPropertyWrap:hover {
background-color: #fcfcfc;
border-left: 3px solid #3F51B5;
}
/*
scroll to top
*/
.scrollToTop {
bottom: -16px;
color: #444;
display: none;
font-weight: bold;
height: 130px;
padding: 10px;
position: fixed;
right: 0;
text-align: center;
text-decoration: none;
width: 100px;
}
.scrollToTop:hover {
text-decoration: none;
}
.scrollToTop i {
background: rgba(63, 81, 181, 0.75);
color: #fff;
font-weight: 200;
padding: 0 12px;
}
/*
table
*/
.main-content #adminForm table.adminheading {
/* font-family: "Segoe UI Semilight","Open Sans",Verdana,Arial,Helvetica,sans-serif;*/
}
.main-content #adminForm table.top-table {
margin-bottom: 25px;
border-bottom: 1px solid #ddd;
padding-bottom: 25px;
border-bottom-style: dotted;
}
.main-content #adminForm table.top-table tbody tr td {
/* width: 100% !important;*/
}
.main-content .table th,
.table td {
border-top: 1px solid #ddd !important;
line-height: 18px !important;
padding: 10px !important;
text-align: left !important;
vertical-align: top !important;
border: none !important;
}
.main-content .table th {
background: transparent !important;
color: rgba(118, 118, 118, 1);
font-weight: 900 !important;
}
.main-content #adminForm table.adminheading tbody th.title,
.main-content #adminForm table.adminheading tbody th.edit,
.main-content #adminForm table.adminheading tbody th.sections,
.main-content #adminForm table.top-table tbody th.title,
.main-content #adminForm table.top-table tbody th.edit,
.main-content #adminForm table.top-table tbody th.sections,
.main-content table.adminheading tbody th.edit {
color: #555 !important;
text-align: left !important;
border: none !important;
margin-bottom: 15px !important;
padding-bottom: 15px;
border-style: dotted;
}
/*
table pagination
*/
.main-content .pagination {
margin-top: 10px;
}
.main-content .pagination ul {
border-radius: 0 !important;
box-shadow: none !important;
display: inline-block;
margin-bottom: 0;
margin-left: 0;
margin-bottom: 10px;
}
.main-content .pagination ul > li > a,
.main-content .pagination ul > li > span {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-color: #fff;
border-color: #ddd;
border-image: none;
border-style: solid;
border-width: 1px 1px 1px 0;
float: left;
line-height: 1.42857;
padding: 6px 12px;
text-decoration: none;
color: #777777;
}
.main-content .pagination ul > li:first-child > a,
.main-content .pagination ul > li:first-child > span {
border-bottom-left-radius: 0 !important;
border-left-width: 1px;
border-top-left-radius: 0 !important;
}
.main-content .pagination ul > li:last-child > a,
.main-content .pagination ul > li:last-child > span {
border-bottom-right-radius: 0 !important;
border-top-right-radius: 0 !important;
}
.main-content .pagination ul > .active > a,
.main-content .pagination ul > .active > span {
background-color: #3f51b5;
border-color: #3f51b5;
color: #fff;
}
.main-content .pagination select.input-mini {
width: 70px !important;
}
.main {
border: 4px solid #DDDDDD;
margin: 50px auto;
padding: 20px;
border-radius: 20px;
width: 60%;
background-color: #f6f6f6
}
p {
text-align: justify;
padding: 5px
}
a {
color: #900;
text-decoration: none
}
.rs {
display: none
}
/* custom full-screen styles */
:-webkit-full-screen .main {
background-color: #ccc;
font-size: 24px;
width: 95%;
}
:-moz-full-screen .main {
background-color: #ccc;
font-size: 24px;
width: 95%;
}
:-webkit-full-screen .fs {
display: none
}
:-moz-full-screen .fs {
display: none
}
:-webkit-full-screen .rs {
display: block
}
:-moz-full-screen .rs {
display: block
}
/*********************************
Manage forms
*********************************/
.adminheading .sec-title {
color: #676767;
display: inline-block;
font-family: "Roboto", Arial, Helvetica, sans-serif;
font-size: 19px;
font-weight: 400;
line-height: 30px;
margin-top: 10px;
padding-top: 15px;
text-transform: uppercase;
}
/*
quick mode
*/
.bfFadingMessage {
margin-bottom: 10px;
padding: 10px;
background-color: #dff0d8;
border-color: #d6e9c6;
color: #3c763d;
}
#newStuffBar .btn-warning {
background: transparent none repeat scroll 0 0;
border: 1px solid #3f51b5;
color: #3f51b5;
text-shadow: none;
border-radius: 0;
}
#bfQuickModeRight {
padding-left: 0; margin-left:430px;
}
#bfQuickModeLeft {
float: left;
width: 360px;
padding: 20px;
border: 1px solid #eaeaea !important;
background: #FCFCFC;
}
.ui-tabs-nav {
list-style: outside none none !important;
margin: 0 !important;
padding: 0 !important;
}
.ui-tabs-nav li.ui-corner-top {
background: #f5f5f5;
border: 1px solid #eaeaea;
margin: 0 7px 0 0 !important;
}
.ui-tabs-nav li.ui-state-active {
background: transparent;
border-top: 1px solid #3F51B5 !important;
border-bottom: 1px solid #fff !important;
}
.ui-tabs-nav li.ui-corner-top a,
.ui-tabs-nav li.ui-corner-top a span {
background: transparent !important;
height: 30px;
padding: 3px;
margin: 0px !important;
color: #333333;
}
.ui-tabs-nav li.ui-corner-top a:hover,
.ui-tabs-nav li.ui-corner-top a span:hover {
background: #fff !important;
}
.ui-tabs-nav li.ui-state-active a,
.ui-tabs-nav li.ui-state-active a span {
color: #555 !important;
}
#menutab div.m {
border: 1px solid #eaeaea !important;
padding: 15px !important;
overflow: hidden;
}
legend {
border-style: none none dotted !important;
color: #676767 !important;
}
#bfQuickModeWrapper label.bfPropertyLabel {
float: left;
margin-right: 10px;
min-width: 40%;
color: #555;
}
.bfPropertyWrap,
.bfPropertyWrap:active,
.bfPropertyWrap:visited {
background-color: transparent;
border-bottom: medium none;
border-left: 3px solid transparent;
min-height: 30px;
padding: 10px 5px 5px;
}
.bfLanguageButton {
background-color: #eaeaea;
color: #333333;
cursor: pointer;
display: inline-block;
font-size: 12px;
height: 25px;
line-height: 25px;
margin-bottom: 5px;
padding: 3px;
text-align: center;
width: 40px;
}
.bfLanguageButton.bfLanguageButtonActive {
background-color: #98CB02;
color: #fff;
}
#bfPropertySaveButtonTop,
#bfPropertySaveButton,
#bfAdvancedSaveButtonTop,
#bfAdvancedSaveButton {
border-radius: 0 !important;
background: #92C923 none repeat scroll 0 0 !important;
color: #ffffff !important;
padding: 7px 15px;
text-shadow: none !important;
border: 1px solid #92C923;
box-shadow: none !important;
}
#bfPropertySaveButtonTop:hover,
#bfPropertySaveButton:hover,
#bfAdvancedSaveButtonTop:hover,
#bfAdvancedSaveButton:hover {
background: #2E7D32 !important;
border: 1px solid #2E7D32;
}
/*
tree
*/
.tree-default ul {
background-position: 14px 1px !important;
background-repeat: repeat-y;
}
.tree-default li {
background-position: 15px 19px !important;
}
.tree-default li.last {
background-position: 13px 12px !important;
}
.tree-apple li.open {
background-position: 10px 14px !important;
}
.tree-apple li.closed,
#jstree-dragged.tree-apple li li.open {
background-position: 10px 14px !important;
}
.tree .ltr li a,
.tree .rtl li a {
background-color: transparent !important;
color: #1b6894;
background-position: 7px 8px !important;
padding: 8px 11px 8px 30px !important;
}
.tree .ltr li a:hover,
.tree .rtl li a:hover {
background-color: #EAEAEA !important;
color: #777;
background-position: 7px 8px !important;
padding: 8px 11px 8px 30px !important;
}
.tree-apple li a.clicked,
.tree-apple li a.clicked:hover,
.tree-apple li span.clicked {
background-color: #3F51B5 !important;
background-position: 7px 8px !important;
border: 1px solid #3F51B5 !important;
border-radius: 0;
margin: 4px;
padding: 8px 11px 8px 30px !important;
margin-left: 14px !important;
}
.tree-default li.last {
background-position: 13px 11px;
}
/*
More options
*/
.current fieldset {
border: 0 none;
margin: 0;
padding: 0;
width: 100%;
}
.current {
border: 1px solid #eaeaea !important;
margin-top: 50px;
padding: 40px 15px 15px 15px;
}
.btn-more-options {
background: #eaeaea none repeat scroll 0 0 !important;
border: 1px solid #eaeaea;
border-radius: 0 !important;
box-shadow: none !important;
color: #333 !important;
padding: 7px 15px;
text-shadow: none !important;
text-decoration: none !important;
}
.btn-more-options:hover,
.btn-more-options:focus {
background: #d5d5d5 !important;
border: 1px solid #d5d5d5;
}
#bftab .tabs {
border: 1px solid #eaeaea;
float: left !important;
margin: 29px 4px 0 0;
padding: 8px;
background: #F5F5F5;
}
#bftab .tabs:hover {
background: #fff;
border-bottom: 1px solid #fff;
}
#bftab .tabs h3 {
margin: 2px 0;
font-size: 13px;
}
#bftab .tabs h3 a {
color: #555 !important;
text-decoration: none;
}
#bftab .open {
border: 1px solid #eaeaea;
float: left !important;
margin: 29px 4px 0 0;
padding: 8px;
background: transparent;
border-bottom: 1px solid #fff;
border-top: 1px solid #3F51B5;
}
#bftab .open h3 a {
color: #555 !important;
}
.main-content input[onclick="submitbutton('save');"] {
background: #92c923 none repeat scroll 0 0 !important;
border: 1px solid #92c923;
border-radius: 0 !important;
box-shadow: none !important;
color: #ffffff !important;
padding: 7px 15px;
text-shadow: none !important;
}
.main-content input[onclick="submitbutton('save');"]:hover,
.main-content input[onclick="submitbutton('save');"]:focus {
background: #2E7D32 !important;
border: 1px solid #2E7D32;
}
.main-content input[onclick="submitbutton('cancel');"] {
background: #eaeaea none repeat scroll 0 0 !important;
border: 1px solid #eaeaea;
border-radius: 0 !important;
box-shadow: none !important;
color: #333 !important;
padding: 7px 15px;
text-shadow: none !important;
}
.main-content input[onclick="submitbutton('cancel');"]:hover,
.main-content input[onclick="submitbutton('cancel');"]:focus {
background: #d5d5d5 !important;
border: 1px solid #d5d5d5;
}
.main-content .input-append .add-on:last-child,
.input-append .btn:last-child,
.input-append .btn-group:last-child > .dropdown-toggle {
border-radius: 0 3px 3px 0;
margin-right: 10px;
padding: 7px;
}
.main-content a[href^="javascript: insert_tags_content_templateHTML"] {
color: #1b6894 !important;
}
/*
easy mode
*/
#main-container-easymode {
overflow: scroll;
overflow-x: hidden;
overflow-y: hidden;
}
#form-area-easymode {
padding-left: 361px !important;
}
#main-container-easymode #menutab {
float: left;
width: 322px;
height: 100%;
}
.classic-mode-tab .current {
border: 1px solid #eaeaea !important;
margin-top: 83px;
padding: 40px 15px 15px;
}
.main-content input[onclick="submitbutton('copysave');"] {
border-radius: 0 !important;
background: #92C923 none repeat scroll 0 0 !important;
color: #ffffff !important;
padding: 7px 15px;
text-shadow: none !important;
border: 1px solid #92C923;
box-shadow: none !important;
}
.main-content input[onclick="submitbutton('copysave');"]:hover,
.main-content input[onclick="submitbutton('copysave');"]:focus {
background: #2E7D32 !important;
border: 1px solid #2E7D32;
}
.main-content input[onclick^="okOption"] {
background: #92c923 none repeat scroll 0 0 !important;
border: 1px solid #92c923;
border-radius: 0 !important;
box-shadow: none !important;
color: #ffffff !important;
padding: 7px 15px;
text-shadow: none !important;
}
.main-content input[onclick^="okOption"]:hover,
.main-content input[onclick^="okOption"]:focus {
background: #2e7d32 none repeat scroll 0 0 !important;
border: 1px solid #2e7d32;
}
.main-content input[onclick^="quitOption"] {
background: #eaeaea none repeat scroll 0 0 !important;
border: 1px solid #eaeaea;
border-radius: 0 !important;
box-shadow: none !important;
color: #333 !important;
padding: 7px 15px;
text-shadow: none !important;
}
.main-content input[onclick^="quitOption"]:hover,
.main-content input[onclick^="quitOption"]:focus {
background: #d5d5d5 none repeat scroll 0 0 !important;
border: 1px solid #d5d5d5;
}
/*
classic mode
*/
.main-content input[onclick="submitbutton('newedit');"],
.main-content input[onclick="document.getElementById('task').value='save';"],
.main-content input[onclick="savePositions();"] {
background: #92c923 none repeat scroll 0 0 !important;
border: 1px solid #92c923;
border-radius: 0 !important;
box-shadow: none !important;
color: #ffffff !important;
padding: 7px 15px;
text-shadow: none !important;
}
.main-content input[onclick="submitbutton('newedit');"]:hover,
.main-content input[onclick="submitbutton('newedit');"]:focus,
.main-content input[onclick="document.getElementById('task').value='save';"]:hover,
.main-content input[onclick="document.getElementById('task').value='save';"]:focus,
.main-content input[onclick="savePositions();"]:hover,
.main-content input[onclick="savePositions();"]:focus {
background: #2E7D32 !important;
border: 1px solid #2E7D32;
}
.main-content input[onclick="document.getElementById('task').value='cancel';"],
.main-content input[onclick="submitbutton('movepage');"],
.main-content input[onclick="submitbutton('delpage');"],
.main-content input[onclick="restorePositions();"],
.main-content input[onclick^="changepage"] {
background: #eaeaea none repeat scroll 0 0 !important;
border: 1px solid #eaeaea;
border-radius: 0 !important;
box-shadow: none !important;
color: #333 !important;
padding: 7px 15px;
text-shadow: none !important;
}
.main-content input[onclick="document.getElementById('task').value='cancel';"]:hover,
.main-content input[onclick="document.getElementById('task').value='cancel';"]:focus,
.main-content input[onclick="submitbutton('movepage');"]:hover,
.main-content input[onclick="submitbutton('movepage');"]:focus,
.main-content input[onclick="submitbutton('delpage');"]:hover,
.main-content input[onclick="submitbutton('delpage');"]:focus,
.main-content input[onclick="restorePositions();"]:hover,
.main-content input[onclick="restorePositions();"]:focus,
.main-content input[onclick^="changepage"]:hover,
.main-content input[onclick^="changepage"]:focus {
background: #d5d5d5 !important;
border: 1px solid #d5d5d5;
}
#SelectOptionDialog {
background: #fcfcfc none repeat scroll 0 0 !important;
border: 1px solid #eaeaea !important;
margin-bottom: 15px !important;
padding: 15px !important;
width: 700px !important;
height: auto !important;
position: relative !important;
}
.classicmode-box {
position: absolute;
left: 45%;
top: 50px;
}
@media (max-width:1650px) {
.classicmode-box {
left: 36%;
}
}
@media (max-width:1500px) {
.classicmode-box {
left: 30%;
}
}
.main-content input[onclick="submitbutton('addbefore');"],
.main-content input[onclick="submitbutton('addbehind');"] {
background: #3f51b5 none repeat scroll 0 0 !important;
border: 1px solid #3f51b5;
border-radius: 0 !important;
box-shadow: none !important;
color: #fff !important;
padding: 7px 15px;
text-shadow: none !important;
}
.main-content input[onclick="submitbutton('addbefore');"]:hover,
.main-content input[onclick="submitbutton('addbefore');"]:focus,
.main-content input[onclick="submitbutton('addbehind');"]:hover,
.main-content input[onclick="submitbutton('addbehind');"]:focus {
background: #263899 none repeat scroll 0 0 !important;
border: 1px solid #263899;
}
/*
manage script
*/
/*********************************
Manage records
*********************************/
#bfFormSelection {
float: left;
margin-right: 10px;
margin-top: 5px !important;
}
/*
Manage records delete win
*/
.ui-dialog {
background: #fff !important;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
border-bottom-right-radius: 0;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
border-bottom-left-radius: 0;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
border-top-right-radius: 0;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
border-top-left-radius: 0;
}
.ui-dialog-titlebar {
background: #3F51B5 !important;
border: none !important;
color: #ffffff !important;
font-weight: bold !important;
}
.ui-button {
background: #eaeaea !important;
border: 1px solid #cccccc !important;
color: #333333 !important;
font-weight: bold !important;
}
.ui-button:hover,
.ui-button:focus,
.ui-button:active {
background: #D5D5D5 !important;
}
.bfAvailableField {
background-color: #eaeaea;
color: #333333;
display: table-cell;
height: 39px;
padding: 5px;
text-align: center;
vertical-align: middle;
width: 113px;
}
/*
Manage records table
*/
div.jtable-main-container > table.jtable {
border: none;
border-collapse: collapse;
border-spacing: 0;
}
div.jtable-main-container > div.jtable-title {
background-color: transparent;
padding: 10px;
}
div.jtable-main-container > div.jtable-title div.jtable-title-text {
color: #000;
font-family: "Segoe UI Semilight", "Open Sans", Verdana, Arial, Helvetica, sans-serif;
font-size: 19px;
font-weight: 300;
line-height: 34px;
}
div.jtable-main-container > table.jtable > thead {
background-color: #fff;
}
div.jtable-main-container > table.jtable > thead th.jtable-column-header-sortable div.jtable-column-header-container {
color: rgba(118, 118, 118, 1);
font-weight: 900;
}
div.jtable-main-container > table.jtable > thead th {
padding: 10px;
}
div.jtable-main-container > table.jtable > tbody > tr.jtable-data-row > td {
padding: 10px;
}
div.jtable-main-container table.jtable tbody tr > td.jtable-command-column {
background: #999 none repeat scroll 0 0;
text-align: center;
vertical-align: middle;
}
div.jtable-main-container > table.jtable > tbody > tr > td {
border: none;
}
div.jtable-main-container > table.jtable > tbody > tr.jtable-data-row > td > .jtable-delete-command-button {
height: 16px;
opacity: 0.76;
width: 16px;
}
div.jtable-main-container > table.jtable > tbody > tr.jtable-data-row > td > .jtable-edit-command-button {
height: 16px;
opacity: 0.76;
width: 16px;
}
div.jtable-main-container > div.jtable-bottom-panel {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-color: transparent;
border: none;
color: rgba(118, 118, 118, 1);
font-size: 13px;
min-height: 22.9px;
}
div.jtable-main-container > div.jtable-bottom-panel span.jtable-page-info {
display: inline-block;
font-weight: 400;
padding: 21px;
}
element.style {
height: 1200px;
left: -362.617px;
max-width: none;
position: relative;
top: -350.327px;
width: 1200px;
}
img {
border: 0 none;
height: auto;
max-width: 100%;
vertical-align: middle;
}
element.style {
visibility: visible;
}
body {
color: #333;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 13px;
line-height: 18px;
}
html {
font-size: 100%;
}
.jtable-main-container div.jtable-main-container > div.jtable-title {
background-color: #E8E8E8;
}
.bfDetailsTableLabelCol strong {
color: #999;
}
.bfDetailsTableHead {
background-color: #3F51B5;
color: #fff;
}
/*
Manage records table > pagination
*/
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number,
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-space,
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-first,
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-last,
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-previous,
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-next,
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-active {
background-color: #fff;
border: 1px solid #eaeaea;
color: #777777;
margin: 0;
line-height: 1.42857;
margin-left: -1px;
padding: 6px 12px;
position: relative;
text-decoration: none;
}
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-active {
background-color: #3f51b5 !important;
border-color: #3f51b5 !important;
color: #fff !important;
opacity: 1;
}
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number:hover,
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-first:hover,
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-last:hover,
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-previous:hover,
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-next:hover {
background-color: #ddd;
}
/*
Manage records select list and filter button
*/
#bfSearchWrapper {
background-color: transparent;
border: none;
display: block;
left: 0;
min-width: 150px;
padding: 5px;
position: absolute;
top: 0;
}
#bfSearchOpen {
background-color: #eaeaea;
color: #333333;
cursor: pointer;
padding: 9px;
font-weight: 400;
}
#bfSearch {
display: none;
margin-top: 10px;
max-height: 400px;
overflow: auto;
padding: 10px;
width: 500px;
box-shadow: 0 1px 3px rgba(33, 33, 33, 0.2);
background: #fff;
}
#bfAvailableFieldsOpen {
background-color: #eaeaea;
color: #333333;
cursor: pointer;
padding: 9px;
font-weight: 400;
}
#bfAvailableFieldsWrapper {
background-color: transparent;
border: none;
display: none;
left: 165px;
min-width: 150px;
padding: 5px;
position: absolute;
top: 0;
}
/*
.main-content #bfAvailableFieldsWrapper input[type="checkbox"]:not(old) {
width: 2em;
margin: 0;
padding: 0;
font-size: 1em;
opacity: 1;
}*/
#bfAvailableFields {
display: none;
margin-top: 10px;
max-height: 400px;
overflow: auto;
padding: 10px;
width: 500px;
box-shadow: 0 1px 3px rgba(33, 33, 33, 0.2);
background: #fff;
}
#bfSearch .bfFilterTriggerer {
background: #92c923 none repeat scroll 0 0 !important;
border: 1px solid #92c923;
border-radius: 0 !important;
box-shadow: none !important;
color: #ffffff !important;
padding: 7px 15px;
text-decoration: none !important;
text-shadow: none !important;
}
#bfSearch .bfFilterTriggerer:hover,
#bfSearch .bfFilterTriggerer:focus {
background: #2E7D32 !important;
border: 1px solid #2E7D32;
text-decoration: none !important;
}
#bfSearch .btn-secondary {
background: #eaeaea none repeat scroll 0 0 !important;
border: 1px solid #eaeaea;
border-radius: 0 !important;
box-shadow: none !important;
color: #333 !important;
padding: 7px 15px;
text-shadow: none !important;
text-decoration: none !important;
}
#bfSearch .btn-secondary:hover,
#bfSearch .btn-secondary:focus {
background: #d5d5d5 !important;
border: 1px solid #d5d5d5;
text-decoration: none !important;
}
/******************
Integrator
*******************/
.main-content h3 {
font-size: 18px;
line-height: 20px;
color: #676767;
}
.main-content a[href="javascript:document.saveFinalizeCodeForm.submit();"],
.main-content form[name="addItemForm"] a[href^="javascript:document.saveCodeForm"] {
background: #92c923 none repeat scroll 0 0 !important;
border: 1px solid #92c923;
border-radius: 0 !important;
box-shadow: none !important;
color: #ffffff !important;
padding: 7px 15px;
text-decoration: none !important;
}
.main-content a[href="javascript:document.saveFinalizeCodeForm.submit();"]:hover,
.main-content a[href="javascript:document.saveFinalizeCodeForm.submit();"]:focus,
.main-content form[name="addItemForm"] a[href^="javascript:document.saveCodeForm"]:hover,
.main-content form[name="addItemForm"] a[href^="javascript:document.saveCodeForm"]:focus {
background: #2E7D32 !important;
border: 1px solid #2E7D32;
text-decoration: none !important;
}
.main-content form[name="addItemForm"] a[href="javascript:document.addItemForm.submit();"],
.main-content form[name="addItemForm"] a[href^="javascript:showCode"],
.main-content form[name="addItemForm"] a[href^="index.php"] {
background: #eaeaea none repeat scroll 0 0 !important;
border: 1px solid #eaeaea;
border-radius: 0 !important;
box-shadow: none !important;
color: #333 !important;
padding: 7px 15px;
text-shadow: none !important;
text-decoration: none !important;
}
.main-content form[name="addItemForm"] a[href="javascript:document.addItemForm.submit();"]:hover,
.main-content form[name="addItemForm"] a[href="javascript:document.addItemForm.submit();"]:focus,
.main-content form[name="addItemForm"] a[href^="javascript:showCode"]:hover,
.main-content form[name="addItemForm"] a[href^="javascript:showCode"]:focus,
.main-content form[name="addItemForm"] a[href^="index.php"]:hover,
.main-content form[name="addItemForm"] a[href^="index.php"]:focus {
background: #d5d5d5 !important;
border: 1px solid #d5d5d5;
text-decoration: none !important;
}
/******************
CONFIGURATION
*******************/
input[onclick="submitbutton('instpackage');"],
input[onclick="submitbutton('makepackage');"] {
background: #3f51b5 none repeat scroll 0 0 !important;
border: 1px solid #3f51b5;
border-radius: 0 !important;
box-shadow: none !important;
color: #fff !important;
padding: 7px 15px;
text-shadow: none !important;
}
input[onclick="submitbutton('instpackage');"]:hover,
input[onclick="submitbutton('makepackage');"]:hover,
input[onclick="submitbutton('instpackage');"]:focus,
input[onclick="submitbutton('makepackage');"]:focus {
background: #263899 none repeat scroll 0 0 !important;
border: 1px solid #263899;
}
input[onclick^="setSelection"],
input[onclick="submitbutton('edit');"] {
background: #eaeaea none repeat scroll 0 0 !important;
border: 1px solid #eaeaea;
border-radius: 0 !important;
box-shadow: none !important;
color: #333 !important;
padding: 7px 15px;
text-shadow: none !important;
text-decoration: none !important;
}
input[onclick^="setSelection"]:hover,
input[onclick^="setSelection"]:focus,
input[onclick="submitbutton('edit');"]:hover,
input[onclick="submitbutton('edit');"]:focus {
background: #d5d5d5 !important;
border: 1px solid #d5d5d5;
text-decoration: none !important;
}
.ui-tabs-panel.ui-widget-content.ui-corner-bottom {
overflow:hidden;
}
input[onclick="submitbutton('mkpackage');"] {
background: #92c923 none repeat scroll 0 0 !important;
border: 1px solid #92c923;
border-radius: 0 !important;
box-shadow: none !important;
color: #ffffff !important;
padding: 7px 15px;
text-decoration: none !important;
}
input[onclick="submitbutton('mkpackage');"]:hover,
input[onclick="submitbutton('mkpackage');"]:focus {
background: #2E7D32 !important;
border: 1px solid #2E7D32;
text-decoration: none !important;
}
/*
toogle sidebar and main-content
*/
.sidebar-position-scroll {
top: 85px !important;
}
.sidebar li m {
-webkit-transition: all 600ms ease 0s;
-moz-transition: all 600ms ease 0s;
-o-transition: all 600ms ease 0s;
transition: all 600ms ease 0s;
}
.main-content-toggle-out {
-webkit-transition: margin-left 600ms ease 0s;
-moz-transition: margin-left 600ms ease 0s;
-o-transition: margin-left 600ms ease 0s;
transition: margin-left 600ms ease 0s;
}
.min-menu ul {
margin-top: 35px !important;
}
.min-menu li m {
display: none !important;
-webkit-transition: all 600ms ease 0s;
-moz-transition: all 600ms ease 0s;
-o-transition: all 600ms ease 0s;
transition: all 600ms ease 0s;
}
.min-menu #sidebar {
background-color: #ffffff;
box-shadow: 0 0 10px 0 rgba(33, 33, 33, 0.2);
height: auto;
min-height: 100%;
overflow: hidden;
padding: 0;
position: fixed;
width: 56px;
-webkit-transition: width 600ms ease 0s;
-moz-transition: width 600ms ease 0s;
-o-transition: width 600ms ease 0s;
transition: width 600ms ease 0s;
}
.min-menu .bfs-logo {
display: none;
}
.main-content-toggle {
display: block !important;
margin-left: 90px !important;
padding: 35px;
-webkit-transition: all 600ms ease 0s;
-moz-transition: all 600ms ease 0s;
-o-transition: all 600ms ease 0s;
transition: all 600ms ease 0s;
}
/********************************
@MEDIA
********************************/
@media (max-width:1280px) {
#bfQuickModeLeft {
float: left;
width: 270px;
margin-bottom: 25px;
padding: 15px 0 15px 15px;
}
#bfQuickModeRight {
margin-left: 300px;
}
.jtable-page-list {
margin-bottom: 10px !important;
}
}
/*
@media - toogle sidebar and main content
*/
@media (max-width:1280px) {
.main-content .table,
.main-content .jtable {
margin-bottom: 18px;
width: 100%;
overflow-x: scroll !important;
display: block;
}
.jtable-right-area {
position: relative !important;
display: block !important;
}
.jtable-goto-page {
position: relative !important;
display: block !important;
}
}
@media (max-width:900px) {
#sidebar li m {
display: none !important;
}
#sidebar {
background-color: #ffffff;
box-shadow: 0 0 10px 0 rgba(33, 33, 33, 0.2);
height: auto;
min-height: 100%;
overflow: hidden;
padding: 0;
position: absolute;
width: 56px;
}
.main-content {
display: block !important;
margin-left: 90px !important;
padding: 35px;
}
#sidebar .bfs-logo {
display: none;
}
#sidebar ul {
margin-top: 35px !important;
}
#toolbar .menu-button {
display: none;
}
}
/*********************************
Mobile view
*********************************/
@media (max-width:1124px) {
#bfQuickModeWrapper input[type=text],
#bfQuickModeWrapper input[type=password],
#bfQuickModeWrapper textarea,
#bfQuickModeWrapper select {
width:100%;
}
}
@media (max-width:767px) {
#bfQuickModeWrapper input[type=text],
#bfQuickModeWrapper input[type=password],
#bfQuickModeWrapper textarea,
#bfQuickModeWrapper select {
width:100%;
}
#bfQuickModeLeft {
width: 100%;
}
#bfQuickModeRight {
width: 100%;
margin-left: 0;
}
#sidebar {
position: relative;
width: 100%;
}
#sidebar li m {
display: inline !important;
}
.sidebar-position {
top: 0;
}
.sidebar-position-scroll {
top: 0 !important;
}
.main-content {
display: block !important;
margin-left: 0 !important;
padding: 25px;
margin: 20px 0 0 0 !important;
}
.subhead {
width: auto;
height: auto !important;
min-height: 200px;
}
.min-menu #sidebar {
position: relative;
width: 100% !important;
position: relative;
}
.min-menu #sidebar li m {
display: inline !important;
}
.btn-subhead {
border-radius: 0 !important;
text-shadow: none !important;
box-shadow: none !important;
}
.main-content #adminForm table.top-table tbody tr td {
width: 100% !important;
display: block;
}
#bfSearchMenu {
float: left;
display: block;
padding-bottom: 0;
width: 100%;
}
#bfAvailableFieldsMenu {
float: left;
display: block;
padding-bottom: 0;
width: 100%;
left: 0;
margin-bottom: 27px;
}
#bfAvailableFieldsWrapper {
left: 0;
}
#bfAvailableFields {
width: 100%;
}
#bfSearchWrapper {
position: relative;
}
#bfSearch {
width: 100%;
}
#SelectOptionDialog {
width: 100% !important;
}
}
@media (max-width:481px) {
.menu-button {
display: none !important;
}
}