/* here you can put your own css to customize and override the theme */

@media (max-width: 480px) {
  .page-header.navbar .top-menu {
    clear:none;
  }
}

.dp-nav-left, .dp-nav-right{
    width:40px;
}

.timeline > li .timeline-time span.date {
    font-size: 18px;
}

@media (max-width: 767px) {
    .timeline > li .timeline-time {
        padding: 5px 0 15px;
        text-align: left;
    }

    .timeline > li .timeline-time span.time, .timeline > li .timeline-time span.date {
        font-size: 25px;
        display: inline;
        text-align: left;
    }

}

@media (max-width: 991px) {
    .page-header.navbar .search-form {
        position: absolute !important;
    }

    .profile-sidebar {
        float: none !important;
        width: 100% !important;
    }

    .profile-usermenu{
        width: 100%;
    }
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group, .page-sidebar .sidebar-search .input-group {
    border-bottom: 1px solid #FFFFFF;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control, .page-sidebar .sidebar-search .input-group .form-control {
    color: #FFFFFF;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .input-group-btn .btn, .page-sidebar .sidebar-search .input-group .input-group-btn .btn {
    background-image: url("/img/sidebar_search_icon_light2.png") !important;
}

.page-header.navbar .menu-toggler.responsive-toggler {
    margin: 15px 10px 12px;
}

.page-header.navbar .menu-toggler {
    opacity: 1;
}

.badge.orderstatus-red {
    background-color: #D64635;
    color: #FFFFFF;
}

.portlet.calendar .fc-event {
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-top: 1px solid;
}

.dashboard-stat {
    overflow: hidden;
}

.modal-header .caption {
    font-size:18px;
}

.dashboard-stat .visualxs {
    height: 110px;
}

.page-breadcrumb.breadcrumb .dashboard-date-range {
    background-color: #4582a9;
}

span.countdown_row {
    display: inline;
    font-size: 12px;
    margin-bottom: 5px;
    text-align: right;
    color:black;
}

.legend table {
	border-spacing: 5px;
}

.input-aff .btn, .input-aff .btn-group, .input-spoke .btn, .input-spoke .btn-group {
    margin-left: 0px !important;
}

.cursor{ cursor:pointer }

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

.page-breadcrumb.breadcrumb {
    margin-top: 0px;
}

.page-header.navbar .page-logo .hidden-xs {
    display: inline-flex;
}

.page-header.navbar .page-logo .logo-default {
    margin: 0;
}

.page-header.navbar .page-logo .logo-uk-default {
    height: 15px;
    width: 25px;
    align-self: flex-end;
    filter: brightness(75%);
}

.page-header.navbar .page-logo {
    width: 360px;
}

.page-logo{
    margin-right: 75px;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a, .page-sidebar .page-sidebar-menu > li.active > a, .page-sidebar .page-sidebar-menu > li.active.open > a {
    background: none repeat scroll 0 0 #4582a9;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a:hover, .page-sidebar .page-sidebar-menu > li.active > a:hover, .page-sidebar .page-sidebar-menu > li.active.open > a:hover {
    background: none repeat scroll 0 0 #4582a9;
}

.page-header.navbar .hor-menu .navbar-nav > li.active > a, .page-header.navbar .hor-menu .navbar-nav > li.active > a:hover, .page-header.navbar .hor-menu .navbar-nav > li.current > a, .page-header.navbar .hor-menu .navbar-nav > li.current > a:hover {
    color: #f1f1f1;
    background: #4582a9 !important;
}

.page-header.navbar .hor-menu .navbar-nav > li.active .selected, .page-header.navbar .hor-menu .navbar-nav > li.current .selected {
    border-top: 6px solid #4582a9;
}

ul.ColVis_collection li.ColVis_Special {
    font-size:14px;
    font-weight:400;
}


#hidedtDeletedLabel {
    color: #ffffff;
    display: block;
    float: left;
    margin: 5px;
    padding: 0px 2px;
}

.saveAllRows {    
    margin-top: 0;
    margin-right: 3px;
    margin-bottom: 10px;
    margin-left: 0px;
}

.goBackToListView {    
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 10px;
    margin-left: 0px;
}


#hidedtDeletedLabel > span {
    margin-left: 1em;
}

#closeColVisModal {
    float: right;
}
.page-header.navbar .search-form {
    position: relative;
    float: right;
    height: 46px;
}

.btn > i.icon-magnifier {
    color: #777;
}

.profile-sidebar {
    float: left;
    width: 300px;
    margin-right: 20px;
}

.portlet {
    margin-top: 0px;
    margin-bottom: 25px;
    padding: 0px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

.portlet > .portlet-title > .inputs {
    float: right;
    display: inline-block;
    padding: 4px 0;
}

.profile-sidebar-portlet {
    padding: 20px 0 0 0 !important;
}

.profile-siteLogo img {
    float: none;
    margin: 0 auto;
    width: 50%;
    height: 50%;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;
}

.profile-siteTitle {
    text-align:center;
}

.profile-siteName {
    color: #4582a9;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 7px;
}

.profile-siteStatus {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 800;
    margin-bottom: 7px;
}

.siteActive {
    color: #35af4a;
}

.siteNotActive {
    color: #ad3636;
}

.profile-siteButtons {
    text-align: center;
    margin-top: 10px;
}

.profile-siteButtons .btn {
    margin: 10px 3px;
	color: white;
    background-color: #4582a9;
}

.profile-siteButtons .btn:hover, .profile-siteButtons .btn:focus {
    background-color: #396487;
}

.profile-siteButtons .btn:active {
    background-color: #28495b;
}

.profile-siteButtons button,
.profile-siteButtons a {
    font-size: 14px;
    font-weight: 700;
    padding: 6px 15px;
}

.btn-circle {
    border-radius: 5px !important;
}

.profile-siteStats{
    margin: 10px;
}

.profile-siteTemplate label{
    display:block;
    font-size: 14px;
    color: #777;
}

.profile-siteTemplate .siteTemplateText{
    font-size: 14px;
    font-weight: 600;
    color: #4582a9;
}

.profile-content {
    overflow: hidden;
}

.table.table-light > thead > tr > th {
    color: #000; 
}

.table.table-light > tbody > tr > td, .general-item-list > .item > .item-body{
    color: #777;
}

.twitter-typeahead{
    width: 100%;
}

.tt-dropdown-menu {
    background-color: #ffffff;
    border: 1px solid #e9e9e9;
    padding: 0em;
    color: #4582a9;
    width: 100%;
}

.tt-suggestion{
    padding: .5em;
}

.tt-suggestion:hover{
    cursor:pointer;
    background-color:#e9e9e9;
}

.empty-message{
    padding: .5em;
}

.dataTable input[type='radio'],
.dataTable input[type='checkbox'] {
    height: 20px;
}
#datatable_urls_ajax_wrapper div.table-scrollable,
#datatable_notes_ajax_wrapper div.table-scrollable,
#datatable_users_ajax_wrapper div.table-scrollable {
    border: 0 none;
}
.display-none {
    display: none;
}

.savesite, .unsave{
    width: 135px;
	line-height: 1.5;
}

.cancel, .edit{
    width: 75px;
}

.siteInfoBlock{
    margin:0;
}

.menuMapDetailsTitle{
    font-size: 22px;
    font-weight: 100;
}

.menuMapMainButtons{
    margin-bottom: 10px;
}

.menuMapMainButtons i{
    font-size: 22px;
    color: #4582a9;
}

.menuMapBtnWrapper,.menuMapEditorBtnWrapper{
    text-align:right;
}

.menuMapEditBtn, .menuMapDeleteBtn, .menuMapSaveBtn, .menuMapCancelBtn, .menuMapArchiveBtn, .menuMapUnDeleteBtn, .menuMapUnArchiveBtn{
    width: 100px;
	height: 38px;
	/* Internet Explorer 10 */
	display:-ms-inline-flexbox;
		-ms-flex-pack:center;
		-ms-flex-align:center;

/* Firefox */
	display:-moz-inline-box;
		-moz-box-pack:center;
		-moz-box-align:center;

/* Safari, Opera, and Chrome */
	display:-webkit-inline-box;
		-webkit-box-pack:center;
		-webkit-box-align:center;
}

.menuMapEditSaveBtn, .menuMapEditCancelBtn, .menuMapCopyItemBtn{
    font-weight: bold;
    width: 120px;
}

.divider{
    width: 100%;
    border-bottom: 1px solid #222;
    margin: 10px auto;
    clear: both;
}

.bold{
    font-weight: 700;
}

.rowBold{
    font-weight: 700;
    padding-left: 10px !important;
}

#detailsRight #menuMap_productDesc td, #detailsRight #menuMap_kitchenNotes td{
    background-color: #fff;
}

#menuMap_mainInformation, #menuMap_mainQuestions, #menuMap_productDesc, #menuMap_kitchenNotes, #menuMap_productFeatures, #menuMap_addOns, #menuMap_productTags, #menuMap_productComponents, #menuMap_Subproducts{
    width: 100%;
    margin-bottom: 10px;
}

#menuMapFeatures_mainInformation, #menuMapFeatures_mainQuestions, #menuMapFeatures_featureOptions{
    width: 100%;
    margin-bottom: 10px;
}

#menuMapCategory_mainInformation, #menuMapCategory_Description, #menuMapCategory_Questions, #menuMapNutritionCategory_mainInformation{
    width: 100%;
    margin-bottom: 10px;
}

#menuMapTags_tagGroups, #menuMapTags_tagGroups, #menuMapTags_checkoutQuestion, #menuMapTags_questionResponse, #menuMapTags_questionToResponse, #menuMapTags_tagsToGroup, #menuMapTags_checkoutQuestionResponses, #menuMapTags_tagToCheckoutQuestion, #menuMapTags_tagToProduct{
    width: 100%;
    margin-bottom: 10px;
}

#menuMapQtyDisc_mainInformation, #menuMapQtyDisc_Tier1Information, #menuMapQtyDisc_Tier2Information, #menuMapQtyDisc_Tier3Information, #menuMapQtyDisc_Tier4Information, #menuMapQtyDisc_Tier5Information{
    width: 100%;
    margin-bottom: 10px;
}

/*#detailsCaption, #questionsCaption, #productDescCaption, #productKitchenNotes, #productRulesNotes, #productImage{
    float: none;
    font-weight: 300;
}*/

#tagCheckListLabel, #subproductCheckListLabel, .subproductCheckListLabel_style{
    font-weight: 700;
    border-bottom: 2px solid #000;
    padding-bottom: 5px;
    margin-bottom: 15px;
}

.helperText{
    font-size: 10px;
    text-align: right;
    display: block;
    font-weight: 700;
}

.detailsTableHeader{
    background-color: #4582a9 !important;
    color: #fff;
}

.detailsTableHeader a{
    color: #c4d8e6;
}

.detailsEditIcon{
    float: right;
    font-size: 20px;
}

.detailsEditIcon:hover{
    cursor:pointer;
    color: #fff;
}

.detailsIsOpen{
    padding: 10px 15px !important;
}

.dataTable .details tr:nth-child(even) td {
    background-color: #fff;
}

.panel-heading{
    color: #fff !important;
    background-color: #545454 !important;
}

.panel-title a:hover{
    color: #fff !important;
}

ul.ColVis_collection {
    background-color: rgba(0, 0, 0, 0.8);
    border: 1px solid rgba(0, 0, 0, 0.4);
    border-radius: 5px;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
    left: 25%;
    list-style: outside none none;
    margin: 0 auto;
    overflow: hidden;
    padding: 20px;
    position: absolute;
    right: auto;
    top: 5em;
    width: 50%;
    min-width: 240px;
    z-index: 2002;
}

ul.ColVis_collection li {
    text-align: left;
    width: 33%;
    min-width: 175px;
    max-width: 225px;
    display: inline-block;
}

.ColVis_collection > div {
    bottom: 0;
    padding-bottom: 1em;
    position: absolute;
    width: 95%;
}

.listTitleSection{
    font-size:14px;
    color: #4582a9;
    font-style:italic;
    font-weight: 700;
}

#feature_active_list ul, #feature_available_list ul, 
#tags_active_list ul, #tags_available_list ul, 
#addOns_active_list ul, #addOns_available_list ul, 
#components_active_list ul, #components_available_list ul, 
#subproduct_active_list ul, #subproduct_available_list ul, 
#distributes_active_list ul, #distributes_available_list ul, 
#parentProd_active_list ul, #parentProd_available_list ul, 
.subproduct_available_list_style ul, .subproduct_active_list_style ul, 
#tagGroup_active_list ul, #tagGroup_available_list ul, 
#tagProduct_active_list ul, #tagProduct_available_list ul, 
#tagCheckoutQuestion_active_list ul, #tagCheckoutQuestion_available_list ul, 
#questionToResponse_active_list ul, #questionToResponse_available_list ul {
    list-style: none;
    padding-left: 0px;
}

#feature_active_list ul li, #feature_available_list ul li, 
#tags_active_list ul li, #tags_available_list ul li, 
#addOns_active_list ul li, #addOns_available_list ul li, 
#components_active_list ul li, #components_available_list ul li, 
#subproduct_active_list ul li, #subproduct_available_list ul li, 
#distributes_active_list ul li, #distributes_available_list ul li, 
#parentProd_active_list ul li, #parentProd_available_list ul li, 
.subproduct_available_list_style ul li, .subproduct_active_list_style ul li, 
#tagGroup_active_list ul li, #tagGroup_available_list ul li, 
#tagProduct_active_list ul li, #tagProduct_available_list ul li, 
#tagCheckoutQuestion_active_list ul li, #tagCheckoutQuestion_available_list ul li, 
#questionToResponse_active_list ul li, #questionToResponse_available_list ul li {
    font-size: 12px;
    font-style: normal;
    display: block;
    height: auto;
    margin: 5px 0;
    cursor: pointer;
    padding: 3px 10px;
    color: #333;
    text-decoration: none;
    font-weight: 400;
    border: 1px solid #ccc;
    background: #fafafa;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

#feature_active_list ul li:hover, #feature_available_list ul li:hover, 
#tags_active_list ul li:hover, #tags_available_list ul li:hover, 
#addOns_active_list ul li:hover, #addOns_available_list ul li:hover, 
#components_active_list ul li:hover, #components_available_list ul li:hover, 
#subproduct_active_list ul li:hover, #subproduct_available_list ul li:hover, 
#distributes_active_list ul li:hover, #distributes_available_list ul li:hover, 
#parentProd_active_list ul li:hover, #parentProd_available_list ul li:hover, 
.subproduct_available_list_style ul li:hover, .subproduct_active_list_style ul li:hover, 
#tagGroup_active_list ul li:hover, #tagGroup_available_list ul li:hover, 
#tagProduct_active_list ul li:hover, #tagProduct_available_list ul li:hover, 
#tagCheckoutQuestion_active_list ul li:hover, #tagCheckoutQuestion_available_list ul li:hover, 
#questionToResponse_active_list ul li:hover, #questionToResponse_available_list ul li:hover {
    cursor:pointer;
    background-color: #e2e2e2;
}

#feature_active_list ul li:active, #feature_available_list ul li:active, 
#tags_active_list ul li:active, #tags_available_list ul li:active, 
#addOns_active_list ul li:active, #addOns_available_list ul li:active, 
#components_active_list ul li:active, #components_available_list ul li:active, 
#subproduct_active_list ul li:active, #subproduct_available_list ul li:active, 
#distributes_active_list ul li:active, #distributes_available_list ul li:active, 
#parentProd_active_list ul li:active, #parentProd_available_list ul li:active, 
.subproduct_available_list_style ul li:active, .subproduct_active_list_style ul li:active, 
#tagGroup_active_list ul li:active, #tagGroup_available_list ul li:active, 
#tagProduct_active_list ul li:active, #tagProduct_available_list ul li:active, 
#tagCheckoutQuestion_active_list ul li:active, #tagCheckoutQuestion_available_list ul li:active, 
#questionToResponse_active_list ul li:active, #questionToResponse_available_list ul li:active {
    cursor:pointer;
    color:#fff;
    background-color: #4582a9;
}

.menuMapActive{
    background-color: #4582a9 !important;
    color: #fff !important;
}

.menuMapActive i {
    color: #fff !important;
}

input.catBox {
    margin-right: 3px;
}

.highlight{
    color: #F4D03F;
}
.modal-filetree {
    background: #fff none repeat scroll 0 0;
    border-color: #bbb #fff #fff #bbb;
    border-style: solid;
    border-width: 1px;
    height: 200px;
    overflow: scroll;
    padding: 5px;
    width: 550px;
}

.fup-first {
    float: left;
    padding-left: 0;
}
.fup-second {
    float: left;
    padding-left: 0;
    width: 100%;
}
div.fup-second input[type="file"] {
/*
    border: thin solid black;
    display: inline;
*/
}
.fup-second > div {
    padding-top: 2em;
}
.uploadurl {
    width: 30em;
}
.upload-label {

}
.url-label {
    padding-right: 5em;
}
.btn.green-ctx.insertimg {
    float: right;
    margin-right: 1em;
}
.btn.red-ctx.cancelimg {
    float: right;
}

.note-editable table,
.note-editable tr,
.note-editable td {
    border: 1px solid #ddd;
}
.childRowfeatureSubproducts .scroller {
    overflow: auto;
}

.messageSuccess {
    background-color: rgba(53, 175, 74, .3); /*#35af4a with opacity of 50% (rgba - red, green, blue, alpha.  alpha stands for opacity: 0 = transparent, 1 = opaque)*/
    color: #35af4a;
    font-family: Open Sans;
    font-size: 13px;
    padding: 10px;
    text-align: left;
	width: 650px;
    /*width: 100px;*/
}

.messageSuccess:before {
    font-weight: bold;
    content: "Job has been scheduled!  You will receive a confirmation email after the job has completed";
}

.messageSuccess:after {
    content: "!";
}

.messageInfo {
    background-color: rgba(69, 130, 169, .3);
    color: #4582a9;
    font-family: Open Sans;
    font-size: 13px;
    padding: 10px;
    text-align: center;
    width: 300px;
}

.messageInfo:before {
    font-weight: bold;
    content: "Info!  ";
}

.messageWarning {
    background-color: rgba(219, 175, 0, .2);
    color: #dbaf00;
    font-family: Open Sans;
    font-size: 13px;
    padding: 10px;
    text-align: center;
    width: 300px;
}

.messageWarning:before {
    font-weight: bold;
    content: "Warning!  ";
}

.messageError {
    background-color: rgba(120, 9, 15, .3);
    color: #78090f;
    font-family: Open Sans;
    font-size: 13px;
    padding: 10px;
    text-align: center;
    width: 300px;
}

.messageError:before {
    font-weight: bold;
    content: "Error!  ";
}

.messageError:after {
    content: "Something has gone wrong.";
}
.catgroup-select, .cat-select, .tag-select {
    display: inline-block;
    padding-left: 1em;
}

.ccmessage{
    position: fixed;
    top:4.8em;
    z-index:9999;
    width:100%;
}


ul.nobullet {
    list-style-type:none;
    text-align:center;
}

.ccmessagepreview{
    position: fixed;
    top:0px;
    z-index:9999;
    width:100%;  
    
}
.ccmessagescroll {
    overflow-y: scroll;
    height:20em; 
}
/*::-webkit-scrollbar {
    width: 15px;
    height: 18px;
}
::-webkit-scrollbar-thumb {
    height: 6px;
    border: 2px solid rgba(0, 0, 0, 0);
    background-clip: padding-box;    
    background-color: #a94442;
    
}
::-webkit-scrollbar-button {
    width: 0;
    height: 0;
    display: none;
}
::-webkit-scrollbar-corner {
    background-color: #f2dede;
}
::-webkit-scrollbar-track {
    background-color: #ebccd1;
    
}*/

/*.alert {
    border-radius: 5px !important;
}*/

/*******************************************************************************************************
	Metronic Overrides and Additions
********************************************************************************************************/

.badge-success {
  background-color: #35af4a;
  background-image: none;
}
.btn {
	border-radius: 5px !important;
}
/**************************************

/***
CTX White - Secondary Actions
***/
/* Button */
.white-ctx.btn {
    color: #4582a9;
    background-color: #FFFFFF;
    border: 2px solid #4582A9;
}

    .white-ctx.btn:focus:hover, .white-ctx.btn.active:hover, .white-ctx.btn:hover {
        color: #4582a9;
        background-color: #E6E6E6;
        border: 2px solid #4582A9;
    }

.open .white-ctx.btn.dropdown-toggle {
    color: #4582a9;
    background-color: #FFFFFF;
}

.white-ctx.btn:active, .white-ctx.btn.active, .white-ctx.btn:focus {
    color: #D4D4D4;
    background-color: #E6E6E6;
    border: 2px solid #4582A9;
}

/***
CTX Blue - Primary Actions
***/
/* Button */
.blue-ctx.btn {
  color: white;
  background-color: #4582a9;
  border-color: "";
}
.blue-ctx.btn:hover, .blue-ctx.btn:active, .blue-ctx.btn.active, .blue-ctx.btn:focus {
  color: white;
  background-color: #396487;
}
.open .blue-ctx.btn.dropdown-toggle {
  color: white;
  background-color: #396487;
}
.blue-ctx.btn:active, .blue-ctx.btn.active {
  background-image: none;
  background-color: #28495b;
}
.blue-ctx.btn:active:hover, .blue-ctx.btn.active:hover {
  background-color: #28495b;
}
.open .blue-ctx.btn.dropdown-toggle {
  background-image: none;
}
.blue-ctx.btn.disabled, .blue-ctx.btn.disabled:hover, .blue-ctx.btn.disabled:focus, .blue-ctx.btn.disabled:active, .blue-ctx.btn.disabled.active, .blue-ctx.btn[disabled], .blue-ctx.btn[disabled]:hover, .blue-ctx.btn[disabled]:focus, .blue-ctx.btn[disabled]:active, .blue-ctx.btn[disabled].active, fieldset[disabled] .blue-ctx.btn, fieldset[disabled] .blue-ctx.btn:hover, fieldset[disabled] .blue-ctx.btn:focus, fieldset[disabled] .blue-ctx.btn:active, fieldset[disabled] .blue-ctx.btn.active {
  background-color: #4582a9;
}
.blue-ctx.btn .badge {
  color: #4582a9;
  background-color: white;
}

/* Button Strip */
.btn.blue-ctx-stripe {
  border-left: 3px solid #4582a9;
}

/* Portlet */
.portlet > .portlet-body.blue-ctx,
.portlet.blue-ctx {
  background-color: #4582a9;
}

.portlet.solid.blue-ctx > .portlet-title,
.portlet.solid.blue-ctx > .portlet-body {
  border: 0;
  color: white;
}
.portlet.solid.blue-ctx > .portlet-title > .caption > i {
  color: white;
}
.portlet.solid.blue-ctx > .portlet-title > .tools > a.remove {
  background-image: url(../img/portlet-remove-icon-white.png);
}
.portlet.solid.blue-ctx > .portlet-title > .tools > a.config {
  background-image: url(../img/portlet-config-icon-white.png);
}
.portlet.solid.blue-ctx > .portlet-title > .tools > a.reload {
  background-image: url(../img/portlet-reload-icon-white.png);
}
.portlet.solid.blue-ctx > .portlet-title > .tools > a.expand {
  background-image: url(../img/portlet-expand-icon-white.png);
}
.portlet.solid.blue-ctx > .portlet-title > .tools > a.collapse {
  background-image: url(../img/portlet-collapse-icon-white.png);
}
.portlet.solid.blue-ctx > .portlet-title > .tools > a.fullscreen {
  color: #fdfdfd;
}

.portlet.box.blue-ctx {
  border: 1px solid #4582a9;
  border-top: 0;
}
.portlet.box.blue-ctx > .portlet-title {
  background-color: #4582a9;
}
.portlet.box.blue-ctx > .portlet-title > .caption {
  color: white;
}
.portlet.box.blue-ctx > .portlet-title > .caption > i {
  color: white;
}
.portlet.box.blue-ctx > .portlet-title > .actions .btn-default {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid #496a88;
  color: #527798;
}
.portlet.box.blue-ctx > .portlet-title > .actions .btn-default > i {
  color: #587ea2;
}
.portlet.box.blue-ctx > .portlet-title > .actions .btn-default:hover, .portlet.box.blue-ctx > .portlet-title > .actions .btn-default:focus, .portlet.box.blue-ctx > .portlet-title > .actions .btn-default:active, .portlet.box.blue-ctx > .portlet-title > .actions .btn-default.active {
  border: 1px solid #5d83a7;
  color: #6d90b0;
}

/* Statistic Block */
.dashboard-stat.blue-ctx {
  background-color: #4582a9;
}
.dashboard-stat.blue-ctx.dashboard-stat-light:hover {
  background-color: #1b2732;
}
.dashboard-stat.blue-ctx .visual > i {
  color: white;
  opacity: 0.1;
  filter: alpha(opacity=10);
}
.dashboard-stat.blue-ctx .details .number {
  color: white;
}
.dashboard-stat.blue-ctx .details .desc {
  color: white;
  opacity: 1;
  filter: alpha(opacity=100);
}
.dashboard-stat.blue-ctx .more {
  color: white;
  background-color: #1b2732;
}

/* General Element */
.bg-blue-ctx {
  border-color: #4582a9 !important;
  background-image: none !important;
  background-color: #4582a9 !important;
  color: white !important;
}

/* General Text & Icon Font Colors */
.font-blue-ctx {
  color: #4582a9 !important;
}


/***
CTX Orange
***/
/* Button */
.orange-ctx.btn {
  color: white;
  background-color: #cd6e43;
}
.orange-ctx.btn:hover, .orange-ctx.btn:active, .orange-ctx.btn.active, .orange-ctx.btn:focus {
  color: white;
  background-color: #bd4627;
}
.open .orange-ctx.btn.dropdown-toggle {
  color: white;
  background-color: #bd4627;
}
.orange-ctx.btn:active, .orange-ctx.btn.active {
  background-image: none;
  background-color: #a03824;
}
.orange-ctx.btn:active:hover, .orange-ctx.btn.active:hover {
  background-color: #b93524;
}
.open .orange-ctx.btn.dropdown-toggle {
  background-image: none;
}
.orange-ctx.btn.disabled, .orange-ctx.btn.disabled:hover, .orange-ctx.btn.disabled:focus, .orange-ctx.btn.disabled:active, .orange-ctx.btn.disabled.active, .orange-ctx.btn[disabled], .orange-ctx.btn[disabled]:hover, .orange-ctx.btn[disabled]:focus, .orange-ctx.btn[disabled]:active, .orange-ctx.btn[disabled].active, fieldset[disabled] .orange-ctx.btn, fieldset[disabled] .orange-ctx.btn:hover, fieldset[disabled] .orange-ctx.btn:focus, fieldset[disabled] .orange-ctx.btn:active, fieldset[disabled] .orange-ctx.btn.active {
  background-color: #cd6e43;
}
.orange-ctx.btn .badge {
  color: #cd6e43;
  background-color: white;
}

/* Button Strip */
.btn.orange-ctx-stripe {
  border-left: 3px solid #cd6e43;
}

/* Portlet */
.portlet > .portlet-body.orange-ctx,
.portlet.orange-ctx {
  background-color: #cd6e43;
}

.portlet.solid.orange-ctx > .portlet-title,
.portlet.solid.orange-ctx > .portlet-body {
  border: 0;
  color: white;
}
.portlet.solid.orange-ctx > .portlet-title > .caption > i {
  color: white;
}
.portlet.solid.orange-ctx > .portlet-title > .tools > a.remove {
  background-image: url(../img/portlet-remove-icon-white.png);
}
.portlet.solid.orange-ctx > .portlet-title > .tools > a.config {
  background-image: url(../img/portlet-config-icon-white.png);
}
.portlet.solid.orange-ctx > .portlet-title > .tools > a.reload {
  background-image: url(../img/portlet-reload-icon-white.png);
}
.portlet.solid.orange-ctx > .portlet-title > .tools > a.expand {
  background-image: url(../img/portlet-expand-icon-white.png);
}
.portlet.solid.orange-ctx > .portlet-title > .tools > a.collapse {
  background-image: url(../img/portlet-collapse-icon-white.png);
}
.portlet.solid.orange-ctx > .portlet-title > .tools > a.fullscreen {
  color: #fdfdfd;
}

.portlet.box.orange-ctx {
  border: 1px solid #e07163;
  border-top: 0;
}
.portlet.box.orange-ctx > .portlet-title {
  background-color: #cd6e43;
}
.portlet.box.orange-ctx > .portlet-title > .caption {
  color: white;
}
.portlet.box.orange-ctx > .portlet-title > .caption > i {
  color: white;
}
.portlet.box.orange-ctx > .portlet-title > .actions .btn-default {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid #ea9f96;
  color: #efb3ab;
}
.portlet.box.orange-ctx > .portlet-title > .actions .btn-default > i {
  color: #f1beb8;
}
.portlet.box.orange-ctx > .portlet-title > .actions .btn-default:hover, .portlet.box.orange-ctx > .portlet-title > .actions .btn-default:focus, .portlet.box.orange-ctx > .portlet-title > .actions .btn-default:active, .portlet.box.orange-ctx > .portlet-title > .actions .btn-default.active {
  border: 1px solid #f3c6c0;
  color: #f7dad6;
}

/* Statistic Block */
.dashboard-stat.orange-ctx {
  background-color: #cd6e43;
}
.dashboard-stat.orange-ctx.dashboard-stat-light:hover {
  background-color: #d23c29;
}
.dashboard-stat.orange-ctx .visual > i {
  color: white;
  opacity: 0.1;
  filter: alpha(opacity=10);
}
.dashboard-stat.orange-ctx .details .number {
  color: white;
}
.dashboard-stat.orange-ctx .details .desc {
  color: white;
  opacity: 1;
  filter: alpha(opacity=100);
}
.dashboard-stat.orange-ctx .more {
  color: white;
  background-color: #d23c29;
}

/* General Element */
.bg-orange-ctx {
  border-color: #cd6e43 !important;
  background-image: none !important;
  background-color: #cd6e43 !important;
  color: white !important;
}

/* General Text & Icon Font Colors */
.font-orange-ctx {
  color: #cd6e43 !important;
}


/***
CTX Green
***/
/* Button */
.green-ctx.btn {
  color: white;
  background-color: #35af4a;
}
.green-ctx.btn:hover, .green-ctx.btn:active, .green-ctx.btn.active, .green-ctx.btn:focus {
  color: white;
  background-color: #208842;
}
.open .green-ctx.btn.dropdown-toggle {
  color: white;
  background-color: #208842;
}
.green-ctx.btn:active, .green-ctx.btn.active {
  background-image: none;
  background-color: #185b28;
}
.green-ctx.btn:active:hover, .green-ctx.btn.active:hover {
  background-color: #185b28;
}
.open .green-ctx.btn.dropdown-toggle {
  background-image: none;
}
.green-ctx.btn.disabled, .green-ctx.btn.disabled:hover, .green-ctx.btn.disabled:focus, .green-ctx.btn.disabled:active, .green-ctx.btn.disabled.active, .green-ctx.btn[disabled], .green-ctx.btn[disabled]:hover, .green-ctx.btn[disabled]:focus, .green-ctx.btn[disabled]:active, .green-ctx.btn[disabled].active, fieldset[disabled] .green-ctx.btn, fieldset[disabled] .green-ctx.btn:hover, fieldset[disabled] .green-ctx.btn:focus, fieldset[disabled] .green-ctx.btn:active, fieldset[disabled] .green-ctx.btn.active {
  background-color: #35af4a;
}
.green-ctx.btn .badge {
  color: #35af4a;
  background-color: white;
}

/* Button Strip */
.btn.green-ctx-stripe {
  border-left: 3px solid #35af4a;
}

/* Portlet */
.portlet > .portlet-body.green-ctx,
.portlet.green-ctx {
  background-color: #35af4a;
}

.portlet.solid.green-ctx > .portlet-title,
.portlet.solid.green-ctx > .portlet-body {
  border: 0;
  color: white;
}
.portlet.solid.green-ctx > .portlet-title > .caption > i {
  color: white;
}
.portlet.solid.green-ctx > .portlet-title > .tools > a.remove {
  background-image: url(../img/portlet-remove-icon-white.png);
}
.portlet.solid.green-ctx > .portlet-title > .tools > a.config {
  background-image: url(../img/portlet-config-icon-white.png);
}
.portlet.solid.green-ctx > .portlet-title > .tools > a.reload {
  background-image: url(../img/portlet-reload-icon-white.png);
}
.portlet.solid.green-ctx > .portlet-title > .tools > a.expand {
  background-image: url(../img/portlet-expand-icon-white.png);
}
.portlet.solid.green-ctx > .portlet-title > .tools > a.collapse {
  background-image: url(../img/portlet-collapse-icon-white.png);
}
.portlet.solid.green-ctx > .portlet-title > .tools > a.fullscreen {
  color: #fdfdfd;
}

.portlet.box.green-ctx {
  border: 1px solid #4bc75e;
  border-top: 0;
}
.portlet.box.green-ctx > .portlet-title {
  background-color: #35af4a;
}
.portlet.box.green-ctx > .portlet-title > .caption {
  color: white;
}
.portlet.box.green-ctx > .portlet-title > .caption > i {
  color: white;
}
.portlet.box.green-ctx > .portlet-title > .actions .btn-default {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid #7ad588;
  color: #8ddc99;
}
.portlet.box.green-ctx > .portlet-title > .actions .btn-default > i {
  color: #99dfa4;
}
.portlet.box.green-ctx > .portlet-title > .actions .btn-default:hover, .portlet.box.green-ctx > .portlet-title > .actions .btn-default:focus, .portlet.box.green-ctx > .portlet-title > .actions .btn-default:active, .portlet.box.green-ctx > .portlet-title > .actions .btn-default.active {
  border: 1px solid #a1e2ab;
  color: #b4e8bc;
}

/* Statistic Block */
.dashboard-stat.green-ctx {
  background-color: #35af4a;
}
.dashboard-stat.green-ctx.dashboard-stat-light:hover {
  background-color: #309a41;
}
.dashboard-stat.green-ctx .visual > i {
  color: white;
  opacity: 0.1;
  filter: alpha(opacity=10);
}
.dashboard-stat.green-ctx .details .number {
  color: white;
}
.dashboard-stat.green-ctx .details .desc {
  color: white;
  opacity: 1;
  filter: alpha(opacity=100);
}
.dashboard-stat.green-ctx .more {
  color: white;
  background-color: #309a41;
}

/* General Element */
.bg-green-ctx {
  border-color: #35af4a !important;
  background-image: none !important;
  background-color: #35af4a !important;
  color: white !important;
}

/* General Text & Icon Font Colors */
.font-green-ctx {
  color: #35af4a !important;
}

/***
CTX Red
***/
/* Button */
.red-ctx.btn {
  color: white;
  background-color: #ad3636;
  border-color: "";
}
.red-ctx.btn:hover, .red-ctx.btn:active, .red-ctx.btn.active, .red-ctx.btn:focus {
  color: white;
  background-color: #a01d20;
}
.open .red-ctx.btn.dropdown-toggle {
  color: white;
  background-color: #a01d20;
}
.red-ctx.btn:active, .red-ctx.btn.active {
  background-image: none;
  background-color: #7a171d;
}
.red-ctx.btn:active:hover, .red-ctx.btn.active:hover {
  background-color: #7a171d;
}
.open .red-ctx.btn.dropdown-toggle {
  background-image: none;
}
.red-ctx.btn.disabled, .red-ctx.btn.disabled:hover, .red-ctx.btn.disabled:focus, .red-ctx.btn.disabled:active, .red-ctx.btn.disabled.active, .red-ctx.btn[disabled], .red-ctx.btn[disabled]:hover, .red-ctx.btn[disabled]:focus, .red-ctx.btn[disabled]:active, .red-ctx.btn[disabled].active, fieldset[disabled] .red-ctx.btn, fieldset[disabled] .red-ctx.btn:hover, fieldset[disabled] .red-ctx.btn:focus, fieldset[disabled] .red-ctx.btn:active, fieldset[disabled] .red-ctx.btn.active {
  background-color: #ad3636;
}
.red-ctx.btn .badge {
  color: #ad3636;
  background-color: white;
}

/* Button Strip */
.btn.red-ctx-stripe {
  border-left: 3px solid #ad3636;
}

/* Portlet */
.portlet > .portlet-body.red-ctx,
.portlet.red-ctx {
  background-color: #ad3636;
}

.portlet.solid.red-ctx > .portlet-title,
.portlet.solid.red-ctx > .portlet-body {
  border: 0;
  color: white;
}
.portlet.solid.red-ctx > .portlet-title > .caption > i {
  color: white;
}
.portlet.solid.red-ctx > .portlet-title > .tools > a.remove {
  background-image: url(../img/portlet-remove-icon-white.png);
}
.portlet.solid.red-ctx > .portlet-title > .tools > a.config {
  background-image: url(../img/portlet-config-icon-white.png);
}
.portlet.solid.red-ctx > .portlet-title > .tools > a.reload {
  background-image: url(../img/portlet-reload-icon-white.png);
}
.portlet.solid.red-ctx > .portlet-title > .tools > a.expand {
  background-image: url(../img/portlet-expand-icon-white.png);
}
.portlet.solid.red-ctx > .portlet-title > .tools > a.collapse {
  background-image: url(../img/portlet-collapse-icon-white.png);
}
.portlet.solid.red-ctx > .portlet-title > .tools > a.fullscreen {
  color: #fdfdfd;
}

.portlet.box.red-ctx {
  border: 1px solid #4bc75e;
  border-top: 0;
}
.portlet.box.red-ctx > .portlet-title {
  background-color: #ad3636;
}
.portlet.box.red-ctx > .portlet-title > .caption {
  color: white;
}
.portlet.box.red-ctx > .portlet-title > .caption > i {
  color: white;
}
.portlet.box.red-ctx > .portlet-title > .actions .btn-default {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid #7ad588;
  color: #8ddc99;
}
.portlet.box.red-ctx > .portlet-title > .actions .btn-default > i {
  color: #99dfa4;
}
.portlet.box.red-ctx > .portlet-title > .actions .btn-default:hover, .portlet.box.red-ctx > .portlet-title > .actions .btn-default:focus, .portlet.box.red-ctx > .portlet-title > .actions .btn-default:active, .portlet.box.red-ctx > .portlet-title > .actions .btn-default.active {
  border: 1px solid #a1e2ab;
  color: #b4e8bc;
}

/* Statistic Block */
.dashboard-stat.red-ctx {
  background-color: #ad3636;
}
.dashboard-stat.red-ctx.dashboard-stat-light:hover {
  background-color: #309a41;
}
.dashboard-stat.red-ctx .visual > i {
  color: white;
  opacity: 0.1;
  filter: alpha(opacity=10);
}
.dashboard-stat.red-ctx .details .number {
  color: white;
}
.dashboard-stat.red-ctx .details .desc {
  color: white;
  opacity: 1;
  filter: alpha(opacity=100);
}
.dashboard-stat.red-ctx .more {
  color: white;
  background-color: #309a41;
}

/* General Element */
.bg-red-ctx {
  border-color: #ad3636 !important;
  background-image: none !important;
  background-color: #ad3636 !important;
  color: white !important;
}

/* General Text & Icon Font Colors */
.font-red-ctx {
  color: #ad3636 !important;
}


/***
CTX Grey
***/
/* Button */

.grey-input {
    color: #333333;
    background-color: #e3e3e3;
}

.grey-ctx.btn {
  color: #333333;
  background-color: #e3e3e3;
  border-color: "";
}
.grey-ctx.btn:hover, .grey-ctx.btn:active, .grey-ctx.btn.active, .grey-ctx.btn:focus {
  color: #333333;
  background-color: #cccccc;
}
.open .grey-ctx.btn.dropdown-toggle {
  color: #333333;
  background-color: #cccccc;
}
.grey-ctx.btn:active, .grey-ctx.btn.active {
  background-image: none;
  background-color: #b2b2b2;
}
.grey-ctx.btn:active:hover, .grey-ctx.btn.active:hover {
  background-color: #b2b2b2;
}
.open .grey-ctx.btn.dropdown-toggle {
  background-image: none;
}
.grey-ctx.btn.disabled, .grey-ctx.btn.disabled:hover, .grey-ctx.btn.disabled:focus, .grey-ctx.btn.disabled:active, .grey-ctx.btn.disabled.active, .grey-ctx.btn[disabled], .grey-ctx.btn[disabled]:hover, .grey-ctx.btn[disabled]:focus, .grey-ctx.btn[disabled]:active, .grey-ctx.btn[disabled].active, fieldset[disabled] .grey-ctx.btn, fieldset[disabled] .grey-ctx.btn:hover, fieldset[disabled] .grey-ctx.btn:focus, fieldset[disabled] .grey-ctx.btn:active, fieldset[disabled] .grey-ctx.btn.active {
  background-color: #e3e3e3;
}
.grey-ctx.btn .badge {
  color: #e3e3e3;
  background-color: white;
}

/* Button Strip */
.btn.grey-ctx-stripe {
  border-left: 3px solid #e3e3e3;
}

/* Portlet */
.portlet > .portlet-body.grey-ctx,
.portlet.grey-ctx {
  background-color: #e3e3e3;
}

.portlet.solid.grey-ctx > .portlet-title,
.portlet.solid.grey-ctx > .portlet-body {
  border: 0;
  color: white;
}
.portlet.solid.grey-ctx > .portlet-title > .caption > i {
  color: white;
}
.portlet.solid.grey-ctx > .portlet-title > .tools > a.remove {
  background-image: url(../img/portlet-remove-icon-white.png);
}
.portlet.solid.grey-ctx > .portlet-title > .tools > a.config {
  background-image: url(../img/portlet-config-icon-white.png);
}
.portlet.solid.grey-ctx > .portlet-title > .tools > a.reload {
  background-image: url(../img/portlet-reload-icon-white.png);
}
.portlet.solid.grey-ctx > .portlet-title > .tools > a.expand {
  background-image: url(../img/portlet-expand-icon-white.png);
}
.portlet.solid.grey-ctx > .portlet-title > .tools > a.collapse {
  background-image: url(../img/portlet-collapse-icon-white.png);
}
.portlet.solid.grey-ctx > .portlet-title > .tools > a.fullscreen {
  color: #fdfdfd;
}

.portlet.box.grey-ctx {
  border: 1px solid #4bc75e;
  border-top: 0;
}
.portlet.box.grey-ctx > .portlet-title {
  background-color: #e3e3e3;
}
.portlet.box.grey-ctx > .portlet-title > .caption {
  color: white;
}
.portlet.box.grey-ctx > .portlet-title > .caption > i {
  color: white;
}
.portlet.box.grey-ctx > .portlet-title > .actions .btn-default {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid #7ad588;
  color: #8ddc99;
}
.portlet.box.grey-ctx > .portlet-title > .actions .btn-default > i {
  color: #99dfa4;
}
.portlet.box.grey-ctx > .portlet-title > .actions .btn-default:hover, .portlet.box.grey-ctx > .portlet-title > .actions .btn-default:focus, .portlet.box.grey-ctx > .portlet-title > .actions .btn-default:active, .portlet.box.grey-ctx > .portlet-title > .actions .btn-default.active {
  border: 1px solid #a1e2ab;
  color: #b4e8bc;
}

/* Statistic Block */
.dashboard-stat.grey-ctx {
  background-color: #e3e3e3;
}
.dashboard-stat.grey-ctx.dashboard-stat-light:hover {
  background-color: #309a41;
}
.dashboard-stat.grey-ctx .visual > i {
  color: white;
  opacity: 0.1;
  filter: alpha(opacity=10);
}
.dashboard-stat.grey-ctx .details .number {
  color: white;
}
.dashboard-stat.grey-ctx .details .desc {
  color: white;
  opacity: 1;
  filter: alpha(opacity=100);
}
.dashboard-stat.grey-ctx .more {
  color: white;
  background-color: #309a41;
}

/* General Element */
.bg-red-ctx {
  border-color: #e3e3e3 !important;
  background-image: none !important;
  background-color: #e3e3e3 !important;
  color: white !important;
}

/* General Text & Icon Font Colors */
.font-red-ctx {
  color: #ad3636 !important;
}

/****************************************
	Font Awesome icon colors for Menu Map
******************************************/

.icon-menumapcolor-gold {
  color: #dab028;
}
.icon-menumapcolor-ctxblue {
  color: #4682a9;
}
.icon-menumapcolor-purple {
  color: #7562a8;
}
.icon-menumapcolor-ctxorange {
  color: #cd6e43;
}

.col-md-4 {
	padding-right: 0; 
	padding-left: 0;
}

.control-label {
	padding-right: 5px;
}

.caption {
	font-size: 18px;
}

/*  Bootstrap Override */
.caption {
	color:#4582a9;
}
.jstree-icon.jstree-themeicon.fa.fa-lock.icon-state-success.icon-lg.menu-tree-indent.jstree-themeicon-custom {
    padding-right: 2em;
}


/*  Code snippets dropdown styles for Cat Groups  */
div.note-code div.dropdown-menu {
	height: 280px;
	overflow-y: scroll;
}
div.note-code div.dropdown-menu li a {
	padding: 4px 7px;
}
.code-snippet-dropdown-heading-title {
	display:block;
	margin-top:15px;
	font-size:18px;
	font-weight:bold;
}
.code-snippet-dropdown-heading-title.first-header {
	margin-top:0;
}
.code-snippet-dropdown-hr{
	margin: 0 0 0 0;
}

.WarningMsgHeader {
    color: #FF0000;
    font-weight: bold;
}

.WarningMsgList {
    color: #000000;
    font-weight: normal;
}

.WarningMsgListItemEdit {
    color: #0000FF;
    cursor: pointer;
}


/* Scrollbars*/

.scroll-x {
	overflow-x: scroll;
}

.scroll-y {
	overflow-y: scroll;
}

.page-header.navbar {
    background-color: #1f1f1f;
    height: 62px;
    min-height: 62px;
}

.page-header.navbar .hor-menu .navbar-nav > li > a {
    font-size: 14px;
    font-weight: normal;
    padding: 27px 10px 15px 10px;
}

.page-full-width .page-content-wrapper .page-content, .page-sidebar-closed.page-sidebar-hide .page-content-wrapper .page-content {
    margin-left: 235px;
    margin-top: 0px;
    min-height: 600px;
    padding: 25px 20px 10px 20px;
}

.page-bar {
    padding: 0px;
    background-color: #f7f7f7;
    margin-bottom: 25px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

div.dataTables_filter {
    text-align: right;
}

div.dataTables_paginate {
    margin: 0;
    white-space: nowrap;
    text-align: right;
}

.page-header.navbar .hor-menu {
    float:none;
    margin-right:20px;
}

#support-button {
    background-color: #4582A9;
    border-radius: 4px !important;
    color: white;
    cursor: pointer;
    font-family: 'Open Sans';
    font-size: 12px;
    font-weight: bold;
    margin-top: 24px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
    text-decoration: none;
    user-select: none;
    vertical-align: middle;
}

#support-button:hover {
    background-color: #6A9BBA;
}

.display-flex {
    display: flex;
}

.page-title {
    display: flex;
}

#BreadCrumbs_Title {
    min-width: 200px;
}

.button-container {
    width:100%;
    text-align: right;
}