/* wsShop fixes */
.wsShopAdminContainer {
	background-color: white;
	border: 1px solid black;
	margin-left: 2px;
}


/* Google Font */


@import url('https://www.worldsoft.info/fonts-css?family=Open+Sans');

body {
    font-family: 'Open Sans', sans-serif;
}

.mdl-textfield__input, .mdl-radio {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;

}
#pref_form {background:#fff}

label.mdl-textfield__label {
    color: #2E3D4F;
    font-size: 14px;
    font-weight: normal;
}

/* One margin for all content pages: */

.page-wrapper-row {
    margin-top: 130px; /* 75px top menu + 55px margin = 130px */
    margin-bottom: 25px;
}

@media only screen and (max-width : 872px) { /* sidebar collapse */
    .page-wrapper-row {
        margin-top: 55px; /* 75px top menu + 55px margin = 130px */
    }
}

/* ----------------------------------- */


/* custom headers */

.CodeMirror {
    border: 1px solid #dedede !important;
    height: auto;
    border-radius: 2px;
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.09), 0px 4px 4px 0px rgba(0,0,0,0.03);
}

#page-wrapper div.errorMsg {
    padding-left: 15px;
    padding-right: 15px;
}

.arrows-table {margin-left:30px}

@media screen and (max-width: 767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: inherit;
        border-width: inherit;
    }
	.arrows-table {margin:0; display:none;}
}

/* rights-user */

.tabcontent {
box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.17), 0px 4px 4px 0px rgba(0,0,0,0.29);
    z-index: 99;
    position: relative;
    background-color: white;
	/*margin-top:100px;*/
}


/* modules */

.module-element .panel-info, .module-element {
 height:auto !important;
}

span.actionIcon.actionUpdate.glyphicon.glyphicon-refresh.btn-success, span.actionIcon.actionUninstall.glyphicon.glyphicon-trash.btn-danger {
    padding: 8px;
    width: auto;
        margin-top: 5px;
    cursor:pointer;
    transition:0.2s;
}

.module-element .panel-heading-module .panel-title img {
    padding: 20px;
}

.panel-footer {
    border-bottom: 1px solid #ddd;
}

.col-lg-3.col-md-4.col-sm-6.col-xs-12.module-element, #installed_modules > div,
#installed_gadgets > div, #available_modules > div, #available_gadgets > div {
    margin-bottom: 0px;
    margin-top: 10px;
    padding: 0 5px;
}

span.actionIcon.actionInstall.glyphicon.glyphicon-download {
    background-color: #5cb85c;
    padding: 8px;
    width: auto;
    margin-top: 5px;
    cursor: pointer;
    transition: 0.2s;
}

/* images */

.col-sm-9.gutter-md {
    margin-top: 50px;
    margin-left: -22px;
}

/* home */
table.table.table-hover.table-condensed.table-striped.table-bordered {
    margin-left: 15px;
        width: 100% !important;
    position: relative;
    z-index: 1;
}

table.table.table-striped.table-bordered.table-condensed td {
    /* background-color:#fff; */
}

.formNew td {
  /* background-color:#fff; */
}

.table-bordered-very-bad-example-never-do-this-please {
   border: 0px solid #ddd;
    /*box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.07), 0px 4px 4px 0px rgba(0,0,0,0.09);*/
}

i.fa.fa-lg.text-info.fa-list, i.fa.fa-lg.text-info.fa-edit, i.fa.fa-lg.text-info.fa-cloud-download, i.fa.fa-lg.text-info.fa-files-o, i.fa.fa-lg.text-danger.fa-trash-o, i.fa.fa-lg.text-warning.disabled.fa-trash-o, i.fa.fa-lg.text-info.fa-paint-brush {
    background-color: #f1f1f1;
    padding: 10px;
    margin-left: -4px;
    transition:0.2s;
    width: 40px;
}


i.fa.fa-lg.text-danger.fa-trash-o:hover {
    background-color: #d32f2f !important;
}

i.fa.fa-lg.text-info.fa-edit:hover, i.fa.fa-lg.text-info.fa-paint-brush:hover {
    background-color: #5cc11c !important;
}

i.fa.fa-lg.text-info.fa-list:hover, i.fa.fa-lg.text-info.fa-edit:hover, i.fa.fa-lg.text-info.fa-cloud-download:hover, i.fa.fa-lg.text-info.fa-files-o:hover, i.fa.fa-lg.text-danger.fa-trash-o:hover, i.fa.fa-lg.text-info.fa-paint-brush:hover {
    background-color:  #326199;
  color:#fff;
  position: relative;
}

i.fa.fa-lg.text-warning.disabled.fa-trash-o:hover {
background-color: #d32f2f;
  color:#fff;
}

.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border: 1px solid #ddd;
}

.navbar-brand {
    float: left;
    height: 75px;
    padding: 20px 15px;
    font-size: 18px;
    line-height: 20px;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid transparent !important;
    border-bottom-color: transparent;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 0px solid #eaeaea !important;
}

a.nav-link {
    color: #040404;
}


.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: transparent;
}

.nav-tabs>li>a {
    margin-right: 0px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 0px;
    transition: 0.2s;
}

.nav-tabs>li>a:hover {
    border-color: transparent;
}

.form a {
    width: 15%;
    padding: 0.85em;
    margin-top: 20px;
    line-height: 1.25;
    color: #464a4c;
    background-color: #fff;
    border: 1px solid rgba(121, 119, 119, 0.15);
    border-radius: 2px;
    display: inline-block;
}

.nav-tabs {
    border-bottom: 0px solid #f9f9f9;
    background-color: #f4f2f3;
    height: 10%;
   /* height: 58px;*/
    bottom: 0px;
    position: relative;
    box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.17), 0px 4px 4px 0px rgba(0,0,0,0.29);
    display: flex;
    flex-wrap: wrap;
}

.nav-tabs > li {
    flex-grow: 1;
    flex-shrink: 1;
}

@media only screen and (min-width : 1600px) {
    .nav-tabs > li {
        max-width: 250px;
    }

    .context-edit-css-sub-tabs .nav-tabs > li {
        max-width: 500px;
    }
}

li.nav-item {
    border-radius: 0px;
}

.context-admin-tabs li:first-child {
    flex-grow: 0;
}

.context-admin-tabs li:first-child a {
    padding-right: 20px;
}

.outer td {
	padding: 5px 0;
}

tr.row_sitename.even {
    padding-top: 100px;
    margin-top: 100px !important;
}

.odd {
    background-color: #fff;
}

h1.page-header {
    font-size: 2em;
    border-bottom: 0;
    margin: 0 0 5px 15px;
    padding: 0 0 5px;
}

.clearfix {
    margin-bottom: 0px;
    border-bottom: 1px solid #424d5a;
    padding-bottom: 35px;
}

nav.navbar.navbar-default.navbar-static-top {
    position: fixed;
    width: 100%;
    z-index: 999;
        background-color: #ffffff;
    border-color: #e7e7e7;
    box-shadow: 0 3px 1px -2px rgba(0,0,0,.14), 0 2px 2px 0 rgba(0,0,0,.098), 0 1px 5px 0 rgba(0,0,0,.084);
}

.sidebar {
    z-index: 1;
    position: fixed;
    width: 250px;
    height: 100% !important;
}

.profile-wrapper {
    display: flex !important;
    justify-content: center;
}

.img-circle {
  border-radius: 50%;
}
.profilePic {
  width: 100px;
    height: 100px;
    margin-left: 10px;
    background-image: url(/icon.php?type=printicon);
    background-repeat: no-repeat;
    background-color: #fff;
    background-position: center;
	border: 2px solid #e8e8e8;
	background-size: cover;
}
.profilePic, .profileInfo {
  float: left;
}
.profileInfo {
width: 100px;
    color: #FFF;
    margin-left: 20px;
    margin-top: 15px;
    font-size: 12px;
    padding-right: 10px;
}

#page-wrapper ul.nav.nav-tabs.in {
  background: #f2f3f5;
}
#page-wrapper ul.nav.nav-tabs li {
  background: #F4F2F3;
  border-right:1px solid #ECEAEB;
  border-top: 1px solid #ECEAEB;
  color: #444E59;
}
#page-wrapper ul.nav.nav-tabs a.active, #page-wrapper ul.nav.nav-tabs a:hover, #page-wrapper ul.nav.nav-tabs a:visited,
#page-wrapper ul.nav.nav-tabs .nav-item.active {
  background:  #326199;
}
#page-wrapper ul.nav.nav-tabs a.active, #page-wrapper ul.nav.nav-tabs a:hover {
  color: #FFFFFF;
}
#wrapper {
  background: #2E3D4F;
}
#page-wrapper {
  background: #f7f7f7;
}

.formNew {
  box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.17), 0px 4px 4px 0px rgba(0,0,0,0.29);
  z-index: 99;
  position: relative;
  padding: 17px;
  background-color:#fff;
  overflow-x: hidden;
}
.formNew table.form tbody tr td {
  color: #2E3D4F;
}
.formNew .formNew , .tabcontent .formNew, .tabcontent .tabcontent, .row .row .row,#page-wrapper .row .row .row,  .row .row .tabcontent  {box-shadow: none; margin-top:0}

.formNew select {
    max-width: 350px;
    display: block;
    width: 100%;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.context-edit-css-layout .formNew select {
    padding: 6px 3px;
}

.formNew table tr td {
    max-width: 450px !important;
}

.formNew table .mdl-textfield, .formNew table .mdl-textfield__label {
    padding-top: 0px;
    top: 0px;
}

.formNew .context-upload-wrapper a {
    width: auto;
    max-width: 200px;
    margin-top: 0;
    margin-bottom: 0;
}

.formNew .context-upload-wrapper iframe {
    margin-top: 20px;
    margin-bottom: 5px;
}
.expiry-date {
	display:inline-flex;
	display:-webkit-inline-flex;
	position:relative;
	vertical-align:top;
}
.expiry-date .text.mdl-textfield__input {display:inline-block; max-width:100px;}

.wslogo {width:250px;text-align:center;}
.wslogo.navbar-brand > img {display: inline-block;}

.atom {display:inline-block;}
.atom li {border-left: 1px solid #e6e6e6;border-right: 1px solid #e6e6e6;}
.atom li:hover {background-color: #2E3D4F}
.atom li > a > img,.atom.nav li > a > img {max-width: 28px;text-align: center;}
.atom li > a i  {font-size: 25px; color: #fff; margin: 0px; width: 25px; vertical-align: middle; }

.navbar-default.sidebar {background: #2e3d4f;}
.panel-heading-module .panel-title {text-decoration:none; color:#fff}
.panel-heading-module .panel-title u {text-decoration:none;font-weight:600; color:#fff}
.panel-heading-module .panel-title .module-list-name { color: #333; }
.navbar-top-links li a {
    line-height: 4;
    max-height: 75px;
}

.table-context-usage {
    margin-left: 0px !important;
}

.context-restore-checkpoints {
    margin-top: -5px;
}

.context-restore-checkpoints > .row {
    padding: 0 5px !important;
    margin-left: -15px !important;
    margin-right: -15px !important;
}

.context-snapshots {
    padding: 25px !important;
}

.context-snapshots .alert {
    margin-bottom: 25px;
}

.context-snapshots .content-fluid > .row {
    padding: 0 0 25px !important;
    margin-left: -15px !important;
    margin-right: -15px !important;
}

.context-templates-manager {
    overflow-x: hidden;
}

.context-templates-manager table th {
    padding-bottom: 15px !important;
}

/* additional */

.tabbottom {
    display: none;
}

#system_messages {
    margin: 0;
    padding: 5px;
    border-width: 0;
}

#system_messages .panel-heading {
    display: none;
}

#system_messages .panel-body {
    padding: 0;
}

#system_messages div.system_messages:last-child {
    margin-bottom: 0px;
}

#system_messages h5 {
    margin-top: 0;
}

#system_messages h5 + .row {
    padding: 0 !important;
    margin: 0 -15px !important;
}

#content-container.context-connector #content .content-inner #addFormsForm .dialog-body {
    padding-top: 0 !important;
    border-width: 0 !important;
}

#content-container.context-connector .element {
    margin-top: 0 !important;
    min-width: 100px;
}

#content-container.context-connector .form-wrapper .form-area > .row-fluid:last-child {
    margin-top: 5px !important;
}

#content-container.context-connector .content-container > div.row-fluid:first-child {
    height: 25px;
}

#content-container.context-connector .content-container > div.form > .form-wrapper {
    margin: 0 25px;
}

/* btns */

input#upload_button {
    background-color: #326199;
    border: 0px;
    border-radius: 3px;
    text-shadow: none;
    transition: 0.2s;
    padding: 10px 15px;
    color:#ffffff;
}

button#create_snapshot:hover, input#upload_button:hover {
    background-color: #4679b5;
}


button.add-custom-css-class {
    background-color: #326199;
    border: 0px;
    border-radius: 3px;
    text-shadow: none;
    transition: 0.2s;
    padding: 10px 15px;
    color:#ffffff;
    float:right;
    margin-left:20px;
}


button.add-custom-css-id {
     background-color: #326199;
    border: 0px;
    border-radius: 3px;
    text-shadow: none;
    transition: 0.2s;
    padding: 10px 15px;
    color:#ffffff;
    float:right;
}

button.add-custom-css-submit {
     background-color: #5cc11c;
    border: 0px;
    border-radius: 3px;
    text-shadow: none;
    transition: 0.2s;
    padding: 10px 15px;
    color:#ffffff;
}


/* template set manager - design */

input.add-custom-css-input {
    border: 1px solid rgba(0,0,0,.12);
    padding: 10px;
    border-radius: 2px;
}



/* alert messages */

.alert-info, .alert-warning {
    border: 1px solid #f7f7f9;
    border-top-width: 2px;
    border-radius: 2px;
    box-shadow: 0 1px 5px 0 rgba(50,50,50,.05);
    background-color: #fff;
    border-top-color: #f8b15e;
    color: #333;
}


.alert.alert-info.alert-dismissable {
    max-width: 1542px;
    margin: 0px !important;
    /*margin-left: 14px !important;*/
    border-radius: 0px;
}


.module-element .panel-info {
    width: 100%;
    border: 1px solid #ccc;
    margin: 0px !important;
}

#main_form .nav-tabs {
 margin-top:0px !important;
}

.table>tbody>tr>th {
    padding: 0px !important;
}

.table {
 margin-bottom:0px !important;
}

form#main_form td {
    position: relative;
}

td.head {
    /*display: none;*/
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    cursor: default;
    background-color:  #326199;
    border: 1px solid transparent !important;
    border-bottom-color: transparent;
    color:#fff;
}

.nav-tabs>li.active {
    background-color:  #326199 !important;
}

a {
    color: #545454;
    text-decoration: none;
}

/* top nav */

.mdl-button {
 height:auto !important;
 overflow: unset;
}

ul.nav.navbar-top-links.atom a {
    background-color: #326199;
}

.nav.navbar-top-links.navbar-right {display:inline-flex}

/* Templatesmanager */

.form-build-area-container a {
    width: 86%;
    margin-top:0px;
}

.form-build-area-container ul.nav.nav-tabs li {
    background:#fff !important;
    box-shadow:none;
}

.form-build-area-container ul.nav.nav-tabs {
    height:auto;
    box-shadow:none;
}

.form-build-area-container .popover-content {
    padding:15px 0px;
}

.form-build-area-container .tab-content {
    padding: 0px 10px;
}

.form-build-area-container .popover-inner {
    min-width:320px;
}

.bootstrap-restricted-2 .nav-tabs {
    border-bottom:0px solid #fff !important;
    background-color:#fff;
}

.bootstrap-restricted-2 .nav-tabs > .active > a {
    background:#326199 !important;
    color:#fff !important;
    border-radius:0px;
}

.bootstrap-restricted-2 ul.nav.nav-tabs a:hover {
    border-radius:0px;
}

#side-menu li:last-child {
    padding-bottom: 30px;
}


#page-wrapper .breadcrumb {
    padding: 0 20px 5px;
    margin-bottom: 5px;
    background-color: transparent;
}

form[data-from="edit_css"] {
    padding: 25px 20px 0;
    overflow: hidden;
}

form[data-from="edit_css"] > table th {
    width: auto;
    padding-bottom: 25px !important;
}

form[data-from="edit_css"] .add-custom-css-wrapper {
    white-space: nowrap;
}

form[data-from="edit_css"] > table th:last-child {
    width: 50%;
    padding-left: 15px !important;
}

form[data-from="edit_css"] div.tabs.context-edit-css-main-tabs, .tabcontent.context-edit-css {
    margin-left: -5px;
    margin-right: -20px;
}

.tabcontent.context-edit-css {
    border-top: 1px #eee solid;
}

form[data-from="edit_css"] .context-edit-css-sub-tabs-row .context-edit-css-sub-tabs li {
    background-color: #e6e4e5 !important;
    border-right:1px solid #f5f3f4 !important;
    border-top: 1px solid #f5f3f4 !important;
    color: #444E59;
}

form[data-from="edit_css"] .context-edit-css-sub-tabs-row .context-edit-css-sub-tabs a {
    padding: 7px;
    background-color: #e6e4e5;
    cursor: pointer;
}

form[data-from="edit_css"] .context-edit-css-sub-tabs-row .context-edit-css-sub-tabs li.active a,
form[data-from="edit_css"] .context-edit-css-sub-tabs-row .context-edit-css-sub-tabs .nav-item.active {
    background-color: #d2d0d1;
    color: #545454;
}

form[data-from="edit_css"] .context-edit-css-sub-tabs-row + tr td.context-edit-css-buttons {
    padding-bottom: 0px;
    padding-top: 25px;
}

form[data-from="edit_css"] table tr td {
    max-width: none !important;
}

form[data-from="edit_css"] .edit-css-title {
    display: none;
}

form[data-from="edit_css"] .context-edit-css table tr {
    background-color: #fff;
}

form[data-from="edit_css"] .context-edit-css table td {
   padding: 0;
}

form[data-from="edit_css"] .context-edit-css > table > tbody > tr:last-child > td {
    padding-bottom: 25px !important;
}

form[data-from="edit_css"] td.edit-css-label {
    display: table-cell;
    padding-left: 25px !important;
    padding-top: 25px !important;
    background-color: #fff;
    text-transform: uppercase;
}

form[data-from="edit_css"] td.edit-css-values {
    padding: 25px 25px 0 !important;
    background-color: #fff;
}

form[data-from="edit_css"] td.edit-css-values table:not(:last-child) {
    margin-bottom: 25px !important;
}

form[data-from="edit_css"] td.edit-css-values > table {
    margin-bottom: 0px !important;
    max-width: 1400px;
}

form[data-from="edit_css"] td.edit-css-values table td {
    padding-bottom: 15px;
    min-width: 50%;
    display: flex;
}

form[data-from="edit_css"] td.edit-css-values table td > *:not(:last-child):not(table) {
    margin-right: 5px;
}

form[data-from="edit_css"] td.edit-css-values table tr {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    flex-wrap: nowrap;
}

form[data-from="edit_css"] td.edit-css-values > table > tbody > tr {
    flex-wrap: wrap;
}

form[data-from="edit_css"] td.edit-css-values > table > tbody > tr > td {
    padding-bottom: 15px;
    width: auto;
    min-width: 48%;
    display: table-cell;
}

@media only screen and (min-width : 1001px) and (max-width : 1199px) {
    form[data-from="edit_css"] td.edit-css-values > table > tbody > tr > td:first-child {
        padding-right: 30px;
    }
}

@media only screen and (max-width : 1000px) {
    form[data-from="edit_css"] td.edit-css-values > table > tbody > tr > td {
        min-width: 100%;
    }
}

form[data-from="edit_css"] .edit-css-category {
    padding-bottom: 5px !important;
    font-size: 12px;
    border-bottom: 1px #bbb solid;
    color: #bbb;
    margin-bottom: 15px;
}

div.edit_tpl_warning {
    margin-left: 20px;
    margin-bottom: 5px;
}

h4.edit_tpl_module_name {
    margin: 0 0 10px 20px;
}

form.context-edit-tpl {
    padding: 22px;
}

table.context-edit-tpl {
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.07), 0px 4px 4px 0px rgba(0,0,0,0.09);
    background-color: #fff;
}

form.context-edit-tpl td.head, table.context-edit-tpl td.head {
    display: table-cell;
}

form.context-edit-tpl td {
    padding: 5px 0 !important;
    text-align: left;
}

table.context-edit-tpl tr {
    text-align: left;
}

table.context-edit-tpl tr td, table.context-edit-tpl tr th {
    padding: 22px !important;
}

table.context-edit-tpl ul {
    padding-left: 0;
}

h1.context-font-manager {
    margin: 0 0 15px 15px;
    font-size: 2em;
}

.context-sitemap .tabcontent {
    padding: 0 20px 20px;
}

.shopTabs, .shopMainTabbottom .nav-tabs {
    margin-top: 0px;
}

.shopMainTabbottom {
    margin: -25px -15px 0 -15px; /* temp. workaround for now because there is a spare closing </div> in wbsShop html */
}

.shopMainTabbottom + .tabcontent {
    margin: 0 -15px;
}
@media only screen and (max-width: 767px) {
    .shopMainTabbottom {
        margin: -25px 0 0;
    }

    .shopMainTabbottom + .tabcontent {
        margin: 0 -5px;
    }
}

.container-fluid.context-system {
    padding: 0;
}

/* media queries */

/* Modules */
@media only screen and (min-width : 768px) and (max-width : 1224px) {
    /*.nav-tabs, .context-templates-manager {
        height:auto;
    }*/
}

@media only screen and (min-width : 768px) and (max-width : 1199px) {
    .formNew select {
        max-width: 150px;
    }

    .context-edit-css-layout select[name*="[margin-unit]"],
    .context-edit-css-layout select[name*="[padding-unit]"],
    .context-edit-css-layout select[name*="[position-unit]"] {
        min-width: 75px;
    }
}

/* change sidebar collapse breakpoint from 768 to 872 */
@media (max-width: 872px) {
    .navbar-header {
        float: none;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .collapse.in {
        display: block !important;
    }
}

@media only screen and (max-device-width: 1024px) and (min-device-width: 768px) {
    #page-wrapper {
        position: inherit;
        margin: 0 0 0 250px;
        padding: 0 80px;
        border-left-width: 0;
    }
}

/* Side Nav */
@media only screen and (min-width: 481px) and (max-width: 872px) {
    .sidebar {
        z-index: 1;
        position: relative !important;
        width: auto;
        height: 100% !important;
    }

    #page-wrapper {
        width: 100%;
        margin: 0px;
        padding: 0;
    }

    .sidebar-nav.navbar-collapse:not(.collapse):not(.in) {
        display: none !important;
    }

    .sidebar-nav.navbar-collapse.in.collapse {
        width: 100%;
    }

    ul#side-menu {
        width: 100%;
    }

    .row {
        margin-right: 0px;
        margin-left: 0px;
    }

    .sidebar .sidebar-nav.navbar-collapse {
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        -webkit-overflow-scrolling: -blackberry-touch;
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        transition: none;
    }

    .navbar-toggle {
        margin-top: 20px;
        margin-right: 25px;
    }

    nav.navbar.navbar-default.navbar-static-top, .sidebar {
        position: relative !important;
    }

    .profileInfo {
        width: auto;
        margin-right: 10px;
    }

    .profile-wrapper {
        justify-content: flex-start;
        margin-left: 10px;
    }

    .formNew table {
        border-width: 0px;
    }
}

@media only screen and (max-width: 872px) {
    .navbar-top-links li a {
        padding: 10px 0;
    }

    .navbar-top-links li:last-child {
        margin-right: 0;
    }

    .context-edit-css-layout select[name*="[margin-unit]"],
    .context-edit-css-layout select[name*="[padding-unit]"],
    .context-edit-css-layout select[name*="[position-unit]"] {
        min-width: 75px;
    }
}

@media only screen and (max-width: 600px) {
    form[data-from="edit_css"] td.edit-css-values > table table td:first-child  {
        min-width: 35%;
    }
}

@media only screen and (min-width: 536px) and (max-width: 872px) {
    .nav.navbar-top-links.navbar-right {
        float: right;
    }
}

@media only screen and (max-width: 535px) {
    .navbar-top-links-wrapper {
        display: flex;
    }

    .nav.navbar-top-links.navbar-right {
        display: inline-flex;
        justify-content: space-between;
        background-color: #ffffff;
        width: 100%;
    }

    .nav.navbar-top-links.navbar-right a.mdl-button {
        min-width: auto;
    }

    .atom {
        float: left !important;
        width: 64px;
    }

    .navbar {
        max-height: 150px;
    }

    ul.nav.navbar-top-links.atom a {
        background-color: #326199;
    }

    .navbar-top-links {
        max-height: 100%;
    }
}

/* smartphone */
@media only screen and (max-width: 480px) {
    .sidebar {
        z-index: 1;
        position: relative !important;
        width: auto;
        height: 100% !important;
    }

    #page-wrapper {
        width: 100%;
        margin: 0px;
        padding: 0;
    }

    table.table.table-hover.table-condensed.table-striped.table-bordered {
        width: 100% !important;
        margin-left: 0px;
    }

    /* toggle nav */
    .sidebar-nav.navbar-collapse.in.collapse {
        width: 100%;
    }

    ul#side-menu {
        width: 100%;
    }

    .row {
        margin-right: 0px;
        margin-left: 0px;
    }

    .sidebar .sidebar-nav.navbar-collapse {
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        -webkit-overflow-scrolling: -blackberry-touch;
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        transition: none;
    }

    .navbar-toggle {
        margin-top: 20px;
        margin-right: 25px;
    }

    nav.navbar.navbar-default.navbar-static-top, .sidebar {
        position: relative !important;
    }

    .profileInfo {
        width: auto;
        margin-right: 10px;
    }

    .profile-wrapper {
        justify-content: flex-start;
        margin-left: 10px;
    }

    .formNew table {
        border-width: 0px;
    }
}

/* wizzard css */

li.wizelement.selected a {
    padding-left: 21px !important;
}

li.wizelement.selected a.active {
    border-left: 0px solid white !important;
}


li.wizelement.selected a.active::before {
        border: 0px solid transparent !important;
    border-bottom-color: transparent !important;
}

.wizelement a.active::before {
    border-left: 0px solid white !important;
    display:none;
}

.wizelement a.active {
    border-left: 0px solid white !important;
}

.modules-listing #modulesadmin-tabs li:last-child {
    text-align: right;
    min-height: 42px;
    padding: 7px 7px 0 !important;
    align-self: center;
}

.modules-listing .panel-title { overflow: hidden }
.modules-listing .module-element .panel-heading-module, .modules-listing .module-element .panel-body { overflow: auto }
.module-element .panel-heading-module { background: #2D3C50 !important; }

.context-wscontent > .content > div {
    padding-left: 0 !important;
}

.context-wscontent #addPage {
    padding: 0 !important;
}

.context-wscontent #addPage table {
    width: 100% !important;
}

.context-wscontent #addPage table td {
    padding: 0;
    vertical-align: top;
}

.context-wscontent #addPage > table > tbody > tr > td:last-child {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.context-wscontent #addPage > table > tbody > tr > td:last-child > * {
    margin: 0 0 10px 10px !important;
}

.context-wscontent > .content > div > .context-update-button {
    display: none;
}

.context-wscontent .context-table-content, .context-wscontent .context-table-category {
    width: 100% !important;
    margin-bottom: 20px;
}

.context-wscontent .context-update-button {
    width: 100% !important;
}

.context-wscontent .context-update-button td {
    text-align: right;
}

.context-wscontent .context-table-category tr > th:last-child, .context-wscontent .context-table-content tr > th:last-child,
.context-wscontent .context-table-category tr > td:last-child, .context-wscontent .context-table-content tr > td:last-child {
    text-align: right !important;
}

.context-wscontent .content > br, .context-wscontent form[name="modifyPageRights"] > br,
.context-wscontent .content > div > br, form.context-form-edit br, .context-system-comments br,
.context-system-group-management br, .context-system-user-management br, .context-wscontent-category br,
.context-wscontent-comments br {
    display: none;
}

.context-wscontent-category {
    padding: 15px 20px 0 !important;
}

.context-wscontent-category > * {
    margin-bottom: 20px;
}

#wsContents_Comments_Form {
    margin: 0;
    padding: 20px;
}

#wsContents_Comments_Form table th {
    padding-bottom: 10px;
}

form.context-form-edit {
    padding: 15px 20px 20px;
    background-color: #fff;
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.17), 0px 0px 4px 0px rgba(0,0,0,0.29);
}

.context-upgrade-table td, .context-upgrade-table > tbody > tr > th {
    padding: 5px 15px !important;
}

.context-upgrade-table > tbody > tr > th:nth-child(2), .context-upgrade-table > tbody > tr > th:nth-child(3) {
    text-align: right;
}

.context-upgrade-cms {
    padding: 0 20px 10px !important;
}

form[name="upgrade_cms"] > table > tbody > tr > td {
    padding: 10px 10px 10px 0;
}

.context-system-comments .tabcontent > div {
    padding: 20px !important;
}
.context-system-comments .tabcontent > div > table {
    margin: 0 !important;
    padding: 0 !important;
}

.context-system-comments .tabcontent > div > *:not(:last-child) {
    margin-bottom: 20px !important;
}

.context-system-frameworks > .row:first-child {
    padding: 12px !important;
}

.context-system-group-management > div:first-child,
.context-system-user-management div.context-system-user-edit {
    padding: 20px !important;
}

.context-system-user-management > div:first-child:not(.context-system-user-edit):not(.context-system-banned-users) {
    padding: 0 !important;
}

.context-system-group-management h4, .context-system-user-management h4 {
    margin-top: 0;
}

.context-system-group-management #div_list {
    margin: 20px -12px 0;
}

.context-system-group-management #div_list table > tbody > tr > th:first-child {
    padding-left: 12px !important;
    padding-bottom: 10px !important;
}

.context-system-group-management #div_list table > tbody > tr > td {
    padding: 8px 8px 0 0 !important;
}

.context-system-group-management #div_back {
    margin-top: 20px;
}

.context-system-group-management #div_add {
    margin-top: 20px;
    width: 100% !important;
}

.context-system-group-edit {
    box-shadow: none;
}

.context-system-group-edit input[type=checkbox] {
    margin-right: 5px;
}

.context-system-user-management form > table {
    margin-top: 20px;
}

.context-system-user-management form > table th {
    padding-bottom: 10px !important;
}

.context-system-user-management form > table td {
    padding: 8px 0 !important;
    text-align: left !important;
}

.context-system-user-management form[name="userinfo"] {
    box-shadow: none;
    padding: 0;
}

.context-system-user-management form[name="userinfo"] .row_acontactdata-aaddressdata-birthdate select {
    float: left;
    width: auto;
    margin-right: 5px;
}

.context-system-user-management > div.context-system-banned-users {
    padding: 20px !important;
}

.context-system-user-management > div.context-system-banned-users th {
    padding-bottom: 10px;
}

.context-wsfilemananger {
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.17), 0px 4px 4px 0px rgba(0,0,0,0.29);
    background-color: #ffffff;
}

.context-wsfilemananger #tree {
    height: auto !important;
}

.context-wsfilemananger #files {
    margin-top: 0;
}

#controlRow.context-wsimagemanager > div:first-child, #contentRow.context-wsimagemanager > div:first-child,
.context-wsfilemananger #controlRow.row > div:first-child {
    padding: 0;
    width: auto;
}

#controlRow.context-wsimagemanager > div:first-child > div.btn-group:first-child {
    display: flex;
}

.context-wsimagemanager #resizingControls {
    float: right;
}

.context-wsimagemanager #resizingControls table.resizingControlsTable tbody tr {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
}

.context-wsimagemanager #resizingControls table.resizingControlsTable tbody tr td,
.context-wsimagemanager #resizingControls table.resizingControlsTable tbody tr th {
    padding-left: 8px;
    padding-bottom: 5px;
}

#contentRow.context-wsimagemanager, .context-wsfilemananger #controlRow.row {
    display: flex;
}

#contentRow.context-wsimagemanager > div:last-child,
.context-wsfilemananger #controlRow.row > div:last-child {
    margin: 0;
    padding: 0 0 0 20px !important;
    width: auto;
}

#uploadedFiles thead {
    background-color: rgb(234,234,234);
}

#uploadedFiles td {
    border: 1px solid rgb(234,234,234);
}

#uploadedFiles {
    margin-left: 0;
}

#uploadedFiles td, #uploadedFiles th:not(#actions_column) {
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}

#uploadedFiles td.buttons-wrapper {
    white-space: nowrap;
}

#uploadedFiles td div.draggable {
    margin-left: 0 !important;
}

#uploadedFiles td:first-child {
    text-align: center;
}

@media only screen and (max-width: 1350px) {
    #uploadedFiles td, #uploadedFiles th:not(#actions_column) {
        max-width: 50px;
    }
}

@media only screen and (max-width: 1280px) {
    #uploadedFiles td, #uploadedFiles th:not(#actions_column) {
        max-width: 40px;
    }
}

@media only screen and (max-width: 1240px) {
    #contentRow.context-wsimagemanager, .context-wsfilemananger #controlRow.row {
        display: block;
    }

    #contentRow.context-wsimagemanager > div:last-child,
    .context-wsfilemananger #controlRow.row > div:last-child {
        clear: both;
        float: none;
        padding-left: 0 !important;
        padding-top: 20px !important;
    }

    #uploadedFiles td, #uploadedFiles th:not(#actions_column) {
        max-width: 30px;
    }
}

.context-wbs-module #core_settings_form {
    padding: 25px;
}

.context-wbs-module #core_settings_form tr td:not(:last-child) {
    padding-bottom: 15px;
}

.context-wbs-module #core_settings_form tr td {
    width: auto !important;
}


    /* wsMenu related css */
/* TreeListControls */

.tlc_node_row, .tlc_node_row_hover {
	height: 24px !important;
}
.tlc_node_row_hover {
	background-color: #326199;
	color: white;
	position: relative;
	height:20px;
}
.tlc_node_row select {
	background-color: white;
}
.tlc_node select, .tlc_node .urlSelector {
	color: black !important;
	background-color: white !important;
}
.treelistcontrol {
	font-size: 11pt !important;
}
.tlc_node {
	min-height: 24px;
}
.tlc_node .btn_link {
	background-color: white;
	border: 1px solid black;
	color: black !important;
}

.tabs-link-options {
	background-color: white;
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.17), 0px 4px 4px 0px rgba(0,0,0,0.29);
	padding: 5px 0 0 13px;

}
.tabs-link-options a {
	font-weight: bold;
}
.moduleSelector, .documentSelector, .urlSelector {
	font-size: 9pt !important;
	vertical-align: top;
	margin-top: 3px;
  line-height: normal;
}
.tlc-rename-input {
	color: black;
	font-size: 9pt !important;
  width: 32em !important;
}
.tlc_node_addons {
  float: right;
  left: auto !important;
}
.tlc_document {
	margin-left: 3px;
	font-size: 9.5pt;
	margin-right: 2px;
}
.blocksAdminMenu{
        background-color: #dbdfea;
}
.btn_bls_global, .btn_bls, .btn_theme, .btn_secure, .btn_secure_write {
	font-size: 10pt;
	top: 6px;
	cursor: pointer;
}
.btn_bls_global, .btn_bls.customized, .btn_theme.selected, .btn_secure.secured, .btn_secure_write.secured {
	color: /*#326199*/ #62a1c9;
}
.tlc_node_row_hover .btn_bls.customized, .tlc_node_row_hover .btn_bls_global, .tlc_node_row_hover .btn_theme.selected, .tlc_node_row_hover .btn_secure.secured, .tlc_node_row_hover .btn_secure_write.secured {
	color: white;
}

/* css related to block administration */

table.drag_drop_blocks_table td {
    text-align: left;
}

fieldset.drag_drop_fieldset legend {
	color: #104186;
}

fieldset.drag_drop_fieldset {
	border-color: #4096e4;
}

div.drag_drop_fieldset_toolbox {
	border-width: 0;
	background-color: #fff;
    padding: 0;
    margin: 0 0 4px !important;
}

div.drag_drop_fieldset_toolbox div.toolbox_legend {
    border-width: 0px;
    width: 100%;
	max-width: 420px;
}

div.drag_drop_fieldset_toolbox ul {
    list-style-type: none;
}

div.drag_drop_fieldset_toolbox .list_all_system {
    margin: 4px 0 0;
}

div.dd_block_zone {
	background-color: #fcfcfc;
	color: #104186;
    width: 240px !important;
    padding: 5px 15px;
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.17), 0px 4px 4px 0px rgba(0,0,0,0.29);
    border-width: 0;
    border-top: 1px solid #eee;
}

div.block_zone_actions {
	background: #fcfcfc;
    padding: 0;
    display: flex;
    align-items: flex-start;
}

div#popup_blockcontent_div {
	background-color:#dbeaff;
}

div#drag_drop_blocks_table_main {
	background-color: #fff;
	border-width: 0;
}

div#drag_drop_blocks_table_selector {
	border-bottom: 1px solid black;
    padding: 0 18px 0 15px;
    flex-grow: 1;
}

div.drag_drop_blocks_toolbox {
    border-bottom: 1px solid black;
    padding: 0 18px 15px 0;
    z-index: 9999;
    position: relative;
    min-width: 400px;
    max-width: 500px;
    flex-shrink: 0;
}

div.drag_drop_blocks_toolbox .btn-create-block {
    margin-bottom: 5px;
}

@media only screen and (max-width: 872px) {
    div.drag_drop_blocks_toolbox {
        min-width: 207px;
    }
}

div#toolboxes_container_main {
	background-color: #fff;
	border-width: 0px;
}

.dd_block_zone_close {
	background-image: url(/admin/express/images/menu/close.png);
	width: 32px;
	height: 32px;
    cursor: pointer;
}

#div_popup #dd_block_zone_label {
    cursor: move;
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.block_zone_actions img, .block_zone_actions  input {
    cursor: pointer;
    float: none;
    display: inline-block;
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    margin: 0 7px 0 0 !important;
    padding: 0 !important;
}

.block_zone_actions select {
    max-width: 200px;
}

#dynamic_content {
    padding-left: 5px;
}

.closeIcon{
	background-image: url(/admin/express/images/menu/close.png);
	width: 32px;
	height: 32px;
}


/*Contextual menu for wsMenu site structure*/
.wsMenu_Contextual_Menu  {
	position: absolute;
	width:  100px;
	top: 0px;
	left: 0px;
	background-color: white;
	visibility: hidden;
	border: 1px solid;
	border-color: #eeeeee #666666 #666666 #eeeeee;
	padding: 2px;
	z-index: 5;
	filter: alpha(opacity=100);
	-moz-opacity:1;
	z-index: 1000;
}

.menuitem {
	color: #000000;
}

a.menuitem:hover {
	color: white;
	background-color: #326199;
}



/* WsMenu Block Management */
.wsMenuBlocks_ListOnDragOver {
	background-color: #dbeaff;
}

.drag_drop_blocks_table .row-fluid.new-row-area.navigation-blocks, .drag_drop_blocks_table .sortlist_blockedit {
    box-sizing: content-box;
}

.drag_drop_blocks_table .drop-area .ui-sortable.navigation-blocks {
    background-color: inherit;
}

table.drag_drop_blocks_table > tbody > tr > td {
    padding: 0 !important;
}

#drag_drop_blocks_table_selector table:first-child {
    margin-bottom: 23px;
}

#drag_drop_blocks_table_selector table td {
    padding: 3px !important;
    text-align: left;
}

#drag_drop_blocks_table_selector .list-pages-wrapper {
    padding-right: 0 !important;
}

#drag_drop_blocks_table_selector tr:first-child {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

@media only screen and (max-width: 872px) {
    #drag_drop_blocks_table_selector tr:first-child {
        flex-direction: column;
        justify-content: flex-start;
        align-items: baseline;
    }
}

#drag_drop_blocks_table_selector tr:nth-child(2) td {
    text-align: right !important;
    padding-top: 4px !important;
    padding-bottom: 2px !important;
    padding-right: 0 !important;
}

#drag_drop_blocks_table_selector tr:nth-child(2) td a, #drag_drop_blocks_table_selector tr:nth-child(2) td button {
    margin-bottom: 5px;
}

@media only screen and (max-width: 1000px) {
    #drag_drop_blocks_table_selector tr:nth-child(2) td {
        text-align: left !important;
    }
}

#drag_drop_blocks_table_selector select {
    height: 30px;
    line-height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 3px;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    display: inline-block;
    width: auto;
    vertical-align: middle;
}

#drag_drop_blocks_table_selector select[name=template_id] {
    max-width: 150px;
}

ul.sortlist_blockedit_toolbox {
    padding: 4px 0 0;
}

ul.sortlist_blockedit_toolbox.category_list_content {
    padding-top: 0 !important;
}

div#popup_blockcontent_div {
    z-index: 9999;
}

a.block_button {
    cursor: pointer;
    width: 22px;
    left: auto;
    height: auto;
}

.drag_drop_blocks_table .col-name-wrapper {
    background-color: #66B1E2;
}

.drag_drop_blocks_table .sortable.sortlist_blockedit {
    padding-top: 15px !important;
}

.navigation-blocks .sortable.sortlist_blockedit li, .navigation-blocks .sortable.sortlist_blockedit li a {
    top: 0;
}

div#toolboxes_container_main {
    width: auto;
    min-width: 150px;
    max-width: 420px;
}

div#toolboxes_container_content {
    /*max-height: 300px;*/
    /*overflow-y: auto !important;*/
    margin-top: 10px;
}

div#toolboxes_container_content .toolbox_scroll {
    max-height: 70vh;
    overflow-y: auto !important;
    overflow-x: hidden;
}

.drag_drop_fieldset_toolbox #all_categories {
    margin-top: 4px;
}

.drag_drop_fieldset_toolbox #all_categories > div {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.drag_drop_fieldset_toolbox #all_categories .category_list_toolbox_legend,
ul.sortlist_blockedit li,
ul.sortlist_blockedit_toolbox li {
    overflow: hidden !important;
    text-overflow: ellipsis;
    min-width: 150px;
    max-width: 420px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2px 0;
    border-width: 0;
    margin-bottom: 4px;
}

.toolbox_blocks_border {
    border: 1px solid #ccc !important;
}

ul.sortlist_blockedit_toolbox li {
    width: auto;
}

ul.sortlist_blockedit li {
    width: auto;
    /*max-width: 175px;*/
}

.drag_drop_fieldset_toolbox #all_categories .category_list_toolbox_legend > span,
ul.sortlist_blockedit li > div:first-child,
ul.sortlist_blockedit_toolbox li > div:first-child {
    flex-grow: 0;
    overflow: hidden !important;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.drag_drop_fieldset_toolbox #all_categories .category_list_toolbox_legend > span {
    flex-grow: 1;
}

ul.sortlist_blockedit li > div:first-child,
ul.sortlist_blockedit_toolbox li > div:first-child {
    width: auto;
    padding-left: 5px;
}

.drag_drop_fieldset_toolbox #all_categories .category_list_toolbox_legend > img,
.drag_drop_fieldset_toolbox #all_categories .category_list_toolbox_legend > .expand_category_button,
ul.sortlist_blockedit li a.block_button,
ul.sortlist_blockedit_toolbox li a.block_button  {
    flex-shrink: 0;
    flex-grow: 0;
}

ul.sortlist_blockedit li a.block_button,
ul.sortlist_blockedit_toolbox li a.block_button,
ul.sortlist_blockedit li a.block_button img,
ul.sortlist_blockedit_toolbox li a.block_button img {
    position: static;
    float: none;
}

@media only screen and (max-width: 1100px) {
    div#toolboxes_container_main {
        min-width: inherit;
    }
}

.context-wsmenu-block-drop-area, .context-wsmenu-block-drop-area .block_content {
    padding: 0 !important;
}

.context-wsmenu-block-drop-area, .context-wsmenu-block-drop-area .block_content .drop-area {
    background-color: #fff;
}

div.context-wsmenu-block-admin {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.drag_drop_blocks_table .connectedSortable.navigation-blocks {
    margin-left: -15px !important;
    margin-right: -15px !important;
    padding: 0 !important;
}

.drag_drop_blocks_table .new-row-area.navigation-blocks {
    padding: 0 !important;
    height: 25px !important;
}

.drag_drop_blocks_table .row-name.navigation-blocks {
    float: left;
}

.drag_drop_blocks_table_head {
    display: flex;
    justify-content: space-between;
    /*flex-wrap: wrap;*/
}

.drag_drop_blocks_toolbox_panel {
    border-top: 1px solid #eee !important;
    /*border-bottom-width: 0 !important;*/
    background-color: #fff;
    min-width: 150px;
    max-width: 225px;
    padding: 14px 20px 15px 20px;
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.17), 0px 4px 4px 0px rgba(0,0,0,0.29);
}

.drag_drop_blocks_toolbox_sticky {
    border-bottom-width: 0 !important;
    /*padding: 14px 20px 15px 0 !important;
    border-top: 1px solid #eee;
    background-color: #fff;
    margin-left: -20px;
    margin-top: -15px;
    min-width: 200px !important;
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.17), 0px 4px 4px 0px rgba(0,0,0,0.29);*/
}

.drag_drop_blocks_toolbox_sticky .drag_drop_blocks_toolbox_panel {
    padding-left: 0;
}

.drag_drop_blocks_toolbox_sticky #toolboxes_container_content,
.drag_drop_blocks_toolbox_sticky #toolboxes_container_label {
    padding-left: 20px;
}

.drag_drop_blocks_toolbox_sticky .btn-create-block {
    margin-left: 20px;
}

#toolboxes_container_label {
    cursor: move !important;
    border-bottom-width: 0 !important;
    white-space: nowrap;
}

.category_dialog_popup {
    top: 0;
    left: 0;
    z-index: 10000;
}

.tableWithHighlightedRows tr:hover td  {
	background-color: #CFE7FF;
}

#page-wrapper .row .row {
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.17), 0px 4px 4px 0px rgba(0,0,0,0.29);
    background-color: #ffffff;
    position: relative;
    z-index: 1;
    padding: 20px;
    margin-right: 0px;
    margin-left: 0px;
}

.elementsList-wrapper .row {
    box-shadow: none !important;
    padding: 0px !important;
}

.content .row {
    box-shadow: none !important;
}

.content-fluid .row {
    box-shadow: none !important;
}

.system_messages.alert.alert-info.alert-dismissible .row {
    box-shadow: none !important;
}

form#wsmenu_preferences {
    padding: 0;
}

form#wsmenu_preferences table {
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.17), 0px 4px 4px 0px rgba(0,0,0,0.29);
    background-color: #ffffff;
    position: relative;
    z-index: 1;
    padding: 20px;
    margin-right: 0px;
    margin-left: 0px;
}

form#wsmenu_preferences table td {
    padding: 20px !important;
    max-width: none !important;
}

form[name="form_shortcut_blocks"] > div {
    padding: 0 !important;
}

form[name="add_landingdomain"] > table > tbody > tr > td,
form[name="add_marketingurl"] #addMarketingUrl > table > tbody > tr > td {
    padding-left: 0 !important;
}

form[name="add_marketingurl"] #addMarketingUrl {
    padding: 0 !important;
}

form[name="add_marketingurl"] #addMarketingUrl > table {
    width: 100% !important;
}

form[name="browseMarketingUrl"] {
    margin: 5px 0 15px !important;
}

form[name="browseMarketingUrl"] > div {
    padding-left: 0 !important;
}

form[name="browseMarketingUrl"] .dataTables_wrapper > table {
    width: 100% !important;
}

form[name="browseMarketingUrl"] .dataTables_wrapper > table td {
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media only screen and (max-width : 800px) {
    form[name="browseMarketingUrl"] .dataTables_wrapper > table td {
        max-width: 50px;
    }
}

#copy_from_prod, #copy_from_test {
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.17), 0px 4px 4px 0px rgba(0,0,0,0.29);
    background-color: #ffffff;
    position: relative;
    z-index: 1;
    padding: 20px;
    margin-right: 0px;
    margin-left: 0px;
}

.table-striped>tbody>tr:nth-child(odd)>th, .table-striped>tbody>tr:nth-child(odd)>td {
 background-color:#fff;
}

.expertRow {
    background-color: #ffffff;
    position: relative;
    z-index: 1;
    padding: 20px;
    margin-right: 0px;
    margin-left: 0px;
}

#glideDiv .row {
    box-shadow: none !important;
    background-color: transparent !important;
}

.modules-listing .actionIcon {
    cursor: pointer;
}

.modules-listing .elementIcon {
    margin-bottom: 10px;
    display: block;
}

.modules-listing h1.panel-title {
    line-height: 1.35;
}

.modules-listing h1.panel-title a {
    width: auto !important;
    display: inline-block !important;
    cursor: pointer;
}

.modules-listing h1.panel-title a:hover, .modules-listing h1.panel-title a:focus, .modules-listing h1.panel-title a:active {
    text-decoration: none;
}

.modules-listing .panel-heading-module {
    display: flex;
    padding: 15px !important;
    justify-content: space-between;
    margin: 0 !important;
}

.modules-listing .panel-heading-module.row:before, .modules-listing .panel-heading-module.row:after {
    display: none !important;
}

.modules-listing .panel-heading-module > div {
    width: auto !important;
    padding: 0 !important;
}

#installed_modules.active, #installed_gadgets.active, #available_modules.active, #available_gadgets.active {
    display: flex !important;
    flex-wrap: wrap;
    align-items: stretch;
    margin-left: -5px;
    margin-right: -5px;
    margin-bottom: 25px;
}

.modules-listing-list #installed_modules.active, .modules-listing-list #installed_gadgets.active,
.modules-listing-list #available_modules.active, .modules-listing-list #available_gadgets.active {
    display: block !important;
    margin-bottom: 0;
}

.modules-listing-list .panel-body {
    height: auto;
}

.modules-listing .panel-footer, .modules-listing .module-element .panel {
    border-radius: 0 !important;
    margin: 0px !important;
    /*border-width: 0px;*/
}

.modules-listing .panel.panel-danger {
    margin: 0px !important;
}

.modules-listing .panel.panel-danger .panel-heading {
    padding-left: 0px !important;
}

.page-wrapper-row > .panel.panel-info, .page-wrapper-row > .panel.panel-primary {
    margin: 0 !important;
}

/* block navigation */

.wsmenu-tree-main {
/*    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.17), 0px 4px 4px 0px rgba(0,0,0,0.29);*/
    position: relative;
    z-index: 1;
    background-color: #fff;
    padding: 20px;
    margin-left:0px;
}

.alert.alert-warning.wsmenu-submit-changes.wsmenu-submit-changes-top {
    position: absolute;
    z-index: 11;
    right: 65px;
    border-radius: 0px;
    border-color: #fff;
    background-color: #fff;
    color:#333;
}

.alert.alert-warning.wsmenu-submit-changes.wsmenu-submit-changes-bottom {
   /* position: absolute;*/
    z-index: 11;
    right: 65px;
    border-radius: 0px;
    border-color: #fff;
    background-color: #fff;
    /*box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.17), 0px 4px 4px 0px rgba(0,0,0,0.29);*/
   /* margin-top: -20px;*/
    color:#333;
}

.alert.alert-warning b {
 font-weight:normal;
}

.context-wsmenu-tree-wrapper .wsmenu-alert button {
    margin-left: 15px;
}

/* uncache */

.jumbotron-wrapper {
    padding-left: 0px;
    padding-right: 0px;
}

.confirmMsg.jumbotron {
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.17), 0px 4px 4px 0px rgba(0,0,0,0.29);
    background-color: #ffffff;
    border-radius: 0px;
}

@media only screen and (max-width: 767px) {
    .confirmMsg.jumbotron {
        padding: 25px;
    }
}

.confirmMsg.jumbotron h4 {
    margin: 0 0 10px;
}

.confirmMsg.jumbotron h4 img {
    max-width: 75px;
    margin-right: 25px;
}

.confirmMsg.jumbotron .btn-primary {
    background-color: #379d5d;
    border: 0px;
    border-radius: 3px;
    text-shadow: none;
    transition: 0.2s;
    padding: 10px 15px;
    color: #ffffff;
}


.confirmMsg.jumbotron .btn-info {
    background-color: #d32f2f;
    border: 0px;
    border-radius: 3px;
    text-shadow: none;
    transition: 0.2s;
    padding: 10px 15px;
    color: #ffffff;
}

.mdl-button--accent.mdl-button--accent.mdl-button--raised, .mdl-button--accent.mdl-button--accent.mdl-button--fab {
	background-color: #326199;
}
.mdl-button--accent.mdl-button--accent.mdl-button--raised:hover, .mdl-button--accent.mdl-button--accent.mdl-button--fab:hover {
	background-color: #5281b9;
}

.unite_table_items .button-primary {
    padding: 5px 10px;
}
#viewWrapper  .unite_table_items .button-primary {
	height: auto !important;
}

#viewWrapper .unite-postbox h3 {
    height: 25px;
    cursor: pointer !important;
    padding: 5px;
    margin: 0px;
    position: relative;
}
#viewWrapper .unite-postbox h3 span {
    line-height: 14px;
    font-size: 16px;
	padding-top: 0px;
}

form#pref_form table.form.table.table-striped.table-responsive a {border:none}

input[type="checkbox"], input[type="radio"] {
    margin: 4px 4px 0 0;
}

#idIconsDialog {
    max-height: 415px;
}

#customizeDialog {
    max-height: 415px;
}
@media (max-width: 1281px) {
	#template_form td.head {display:none;}
	#page-wrapper {padding:0 23px}
}

.main-container-elements-wrapper-sticky {
    position: fixed;
    width: auto !important;
    left: 0;
    right: 0;
    z-index: 9999;
    background-color: #fff;
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.17), 0px 4px 4px 0px rgba(0,0,0,0.29);
    padding: 15px 15px 10px 340px;
}