/*
  override bootstrap form control
*/

.form-control 
{
    font-size: 13px;
}

/* sub navigation */
.subnav-client-logo{
    padding-top:10px;
    padding-left:20px;
    padding-right:20px;
    margin-bottom:20px;
}
.subnav h2{
    margin-left:20px;
    font-size:16px;
}
.subnav-list, .subnav-list li{
    list-style: none;
    padding-left:15px;
}
.subnav-footer{
    padding-top:20px;
    margin-top: 20px;
    color:#666666;
    font-size:10px;
}
.subnav-supplier-logo{
    padding-left:40px;
    padding-right:40px;
    margin-top:20px; 
}

.icon-trigger-datepick, .icon-trigger-datepicker
{
    cursor: pointer;
}

.admin_list_actions a
{
    display: inline-block; margin-left: 10px;
}

.select2-choice{
    min-height:34px;
}

/* make buttons line up flush where possible */
.admin_list_button
{
    padding-right: 0px !important;
}

.pagination select
{
    display: inline-block;
    width: auto;
    float: left;
    height: 33px;
}

.admin_list_bulk_actions
{
    display: inline-block;
    float: left;
    margin-right: 20px;
    margin-top: 10px;
}

.admin_list_bulk_actions .multi-edit
{
    color: #FFFFFF;
}

.admin_list_pager
{
    float: left;
    margin-right: 20px;
}

.admin_list_pager .pagination
{
    margin-top: 0px;
}

.admin_list_record_count
{
    float: left;
    color: #999999;
    margin-top: 16px;
}

.admin_search_results .admin_list_actions
{
    display: none !important;
}

.admin_search_results .box .box .box-content
{
    border-style: none !important;
}

.admin_search_results .box .box .box-title
{
    border-style: none !important;
    background: none !important;
    margin-top: 0px !important;
}

.admin_search_results .box .box .box-title h3
{
    color: #444 !important;
}

.admin_list .box-title
{
    padding-left: 0px !important;
}

.admin_list .box-title h3 i, .admin_filters_container .box-title h3 i
{
    margin-left: 0px !important;
    margin-right: 5px;
}

.admin_search_results .admin_list_reorder_heading, .admin_search_results .admin_list_reorder_handle
{
    display: none !important;
}

.admin_list .admin_sub_entity_icon .badge
{
    margin-left: 5px;
}


.admin_list_search_box
{
    width: 200px;
}
.search-clear
{
    position: absolute;
    right: 5px;
    top: 0;
    bottom: 0;
    height: 14px;
    margin: auto;
    font-size: 14px;
    cursor: pointer;
    z-index: 999;
}

.admin_list_filter_item
{
    display: inline-block;
    margin-right: 10px;
	margin-bottom: 5px;
}
.admin_list_filter_item label
{
    margin-right: 5px;
}
.admin_list_filter_item select
{
    min-width: 220px;
}
.admin_list_filter_item label{
    padding-top:7px;
}
.admin_list_filter_item .select2-container{
    margin-left: 5px;
    float: right;
}
/*
.admin_list_remove_filter{
    float: right; 
    margin-top: 6px;
    margin-left: 5px;
}
*/
.border-right
{
    border-right-style: solid;
    border-right-color: #DDDDDD;
    border-right-width: 1px;
}
@media (max-width: 1200px) {
	.border-right
	{
		border-right: none 0px white;
	}
}


.admin_dashboard .box
{
    max-width: 580px;
}

.tiles > li:hover:before {
  border: 5px solid rgba(0, 0, 0, 0.2);
}

/* remove ugly underline from icon hyperlinks */
a:hover{
    text-decoration:none;
}

.bootstrap-datetimepicker-widget{
    padding-left: 20px;
    border:1px solid #ccc !important;
    margin-top:5px;
}
.bootstrap-datetimepicker-widget.dropdown-menu:before,.bootstrap-datetimepicker-widget.dropdown-menu:after
{
    margin-top: -50px !important;
    top: -50px !important;
    display: none;
}

.modal-dialog
{
    width: auto;
    /*max-width: 1024px;*/
	margin-left: 30px;
	margin-right: 30px;
    overflow-x: auto;
}

.small-dialog .modal-dialog
{
    max-width: 400px;
}

.vertical-scrolling-dialog .modal-dialog
{
    max-height: 94%;
    overflow-y: auto;
}

.admin_ticket_helpdesk_modal .modal-dialog
{
    width: auto;
    max-width: 1024px;
}

#moxman-0{
    width:800px !important;
}
#moxman-14{
    border-right: 1px solid #ccc;
}

/* drop zone hacks */
.dropzone .dz-error-mark path {
    fill: red;
}
.image_control, .file_control{
    cursor:pointer !important;
}

.progress-bar-magenta
{
    background-color: #a200ff !important;
}

.admin_form_container
{
    /* allow the fixed footer bar to show above */
    padding-bottom: 100px;
}

.admin_form_fixed_action_bar
{
    position: fixed;
    bottom: 0px;
    width: 100%;
    padding-bottom: 0px;
    z-index: 1001;
    border-top-style: none;
    border-top-color: #666666;
    border-top-width: 1px;
}

.admin_form_footer
{
    margin-right:20px;
}

.admin_form_progress_container
{
    display:none;
    margin-top: 30px;
}

.force-table-responsive{
    overflow-x: auto !important;
    width:100%;
}


#left .subnav-list
{
    margin-bottom: 30px;
}

#left .subnav-list
{
    padding-left: 10px;
}

#left .subnav-list li
{
    margin-top: 5px;
    padding-left: 10px;
}

#left .subnav-list li a:hover
{
    text-decoration: underline;
}

.subnav-divider{
    border-top: 1px solid #CCCCCC;
    padding-top:10px;
    margin-top: 20px;
}

/* fix th popovers showing white (invisible) text */
th .popover-content, th .popover-title
{
    color: #333;
    font-weight: normal;
}

.popover-title
{
    padding-top: 13px;
    padding-bottom: 12px;
}

/* fix popover close button */
.popover .close
{
    font-size: 15px;
}

.admin_entity_summary_text
{
    margin-top: 20px;
    margin-left: 10px;
}

/* stop images going bigger than their original size (stretching) due to img-responsive */
.cms_image
{
    width: auto !important;
}

/* cropper and image manipulation overrides */
.cms_image_delete_label
{
    margin-top: 16px;
    margin-bottom: 5px;
}

.docs-buttons button{
    margin-right: 2px;
}

.m2m-image-container{
    margin-top:5px;
    padding-bottom:5px;
    border-bottom: 1px dashed #666666;
}
.select2-drop .flag{
    max-height:50px;
}

.has-error .mce-tinymce{
    border: 1px rgb(169, 68, 66) solid;
}

.help-block{
    color: rgb(169, 68, 66);
}

.amcharts-chart-div a
{
    display: none !important;
}

.mtm_table_container
{
    max-height: 400px;
    display: block;
    overflow-y: auto;
}

.toastr-hyperlink
{
    text-decoration: underline !important;
    color: #FFFFFF !important;
}

.toastr-hyperlink:hover{
    color: #000000 !important;
}

.ui-sortable-handle
{
    cursor: move;
}
.homepage_highlights .badge{
    width:60px !important; 
    background-color:green !important; 
    height: 15px !important; 
    font-size:10px !important;
    display:inline !important;
}
.homepage_highlights li{
    margin-bottom:15px;  
    min-height:76px;
}
.homepage_highlights .half_width{
    width:100%;
}
.homepage_highlights .half_width li{
    width:48%;
}
.homepage_highlights .half_width li{
    margin-right:0px;
}
.homepage_highlights .half_width li:first-child{
    margin-right:3%;
}

.homepage_highlights a
{
    color: #FFFFFF;
}

.homepage_highlights a:hover
{
    text-decoration: underline;
}

/* workaround for badges not having a colour */
.label-as-badge {
    border-radius: 1em;
    font-size: 100%;
    padding-left: 7px;
    padding-right: 7px;
    letter-spacing: 1px;
}

/* timelines */

.timeline {
  list-style: none;
  padding: 20px 0 20px;
  position: relative;
}

.timeline:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 3px;
  background-color: #eeeeee;
  left: 3%;
  margin-left: -1.5px;
}

.timeline > li {
  margin-bottom: 20px;
  position: relative;
}

.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}

.timeline > li:after {
  clear: both;
}

.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}

.timeline > li:after {
  clear: both;
}

.timeline > li > .timeline-panel {
  width: 92%;
  float: left;
  border: 1px solid #d4d4d4;
  border-radius: 2px;
  padding: 20px;
  position: relative;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}

.timeline > li > .timeline-panel:before {
  position: absolute;
  top: 26px;
  right: -15px;
  display: inline-block;
  border-top: 15px solid transparent;
  border-left: 15px solid #ccc;
  border-right: 0 solid #ccc;
  border-bottom: 15px solid transparent;
  content: " ";
}

.timeline > li > .timeline-panel:after {
  position: absolute;
  top: 27px;
  right: -14px;
  display: inline-block;
  border-top: 14px solid transparent;
  border-left: 14px solid #fff;
  border-right: 0 solid #fff;
  border-bottom: 14px solid transparent;
  content: " ";
}

.timeline > li > .timeline-badge {
  color: #fff;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 1.4em;
  text-align: center;
  position: absolute;
  top: 42px;
  left: 3%;
  margin-left: -25px;
  background-color: #999999;
  z-index: 100;
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
}

.timeline-annotation{
    width:6%;
    font-size: 12px;
    margin-top: 74px;
    text-align: center;
    float:left;
}

.timeline > li.timeline-inverted > .timeline-panel {
  float: right;
}

.timeline > li.timeline-inverted > .timeline-panel:before {
  border-left-width: 0;
  border-right-width: 15px;
  left: -15px;
  right: auto;
}

.timeline > li.timeline-inverted > .timeline-panel:after {
  border-left-width: 0;
  border-right-width: 14px;
  left: -14px;
  right: auto;
}

.timeline-badge.primary {
  background-color: #2e6da4 !important;
}

.timeline-badge.success {
  background-color: #3f903f !important;
}

.timeline-badge.warning {
  background-color: #f0ad4e !important;
}

.timeline-badge.danger {
  background-color: #d9534f !important;
}

.timeline-badge.info {
  background-color: #5bc0de !important;
}

.timeline-title {
  margin-top: 0;
  color: inherit;
}

.timeline-body > p,
.timeline-body > ul {
  margin-bottom: 0;
}

.timeline-body > p + p {
  margin-top: 5px;
}

.timeline-body p{
    margin-bottom: 10px;
}
.margin-top-10{
    margin-top:10px;
}
.margin-bottom-5{
    margin-bottom:5px;
}

/* datable tables overrides */
table.dataTable thead th
{
    border-bottom-color: #AAAAAA !important;
}

table.dataTable.no-footer
{
    border-bottom-color: #AAAAAA !important;  
}

.pagination > li > a
{
    color: #666;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus
{
    background-color: #999;
    border-color: #999;
}

.select2-chosen, .select2-arrow{
    margin-top:3px;
}

.dropzone{
    border: 2px dashed #CCCCCC;
    margin-bottom: 14px;
    background: -webkit-repeating-linear-gradient(45deg, #EEEEEE, #EEEEEE 10px, #FFFFFF 10px, #FFFFFF 20px);
    background: repeating-linear-gradient(45deg, #EEEEEE, #EEEEEE 10px, #FFFFFF 10px, #FFFFFF 20px);
        min-height:0px !important;
}
.dz-message{
    font-size:15px;
}
.bootstrap-dialog .modal-header{
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;

}
.mediaLibraryModal iframe{
    border: 0px white none;
}

.silver-seo-preview{
    margin-bottom: 20px;
    padding: 20px;
    border: 1px dashed #CCCCCC;
}

.silver-preview-title{
    color: #1a0dab;
    font-size: 18px;
}
.silver-preview-url{
    color: #006621;
    font-size: 14px;
}
.silver-preview-description{
    color: #545454;
    font-size: 13px;
}

.silver-preview-warning{
    color: red !important;
}

.silver-preview-google{
    float:right;
    cursor: pointer;
    font-size:12px;
    color: #666666;
}

.word_count_no{
    float:right;
    color: #666666;
    font-style: italic;
}

#left{
    background-color: #212529;
    color: #dee2e6;
}
#left .subnav .subnav-menu > li > a, .subnav-footer{
    color: #dee2e6;
}
#left .subnav .subnav-menu > li > a i{
    color: #868e96;
}
#main, body, html{
    background-color:rgb(240, 240, 240);
}
.box-bordered, .box-content, .box-title{
    border: 0px !important;
}
.box.box-bordered{
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
}
.container-fluid{
    padding-left:30px;
    padding-right:30px;
    
}
.box .box-content{
    padding:30px;
}
.form-group{
    margin-bottom:20px;
}
.box-title{
    padding-left:0px !important;
}
.box-color .box-title{
    padding-left:20px !important;
}
.search-form > .search-pane{
    margin-top:30px;
    margin-left:10px;
    margin-right:10px;
}

.sub-nav-white-back{
    margin-top:0px !important;
    padding-top:20px;
    padding-bottom:5px;
    background-color:white;
}
.search-form > .search-pane{
    border-width:0px;
}
.search-form > .search-pane > input{
    background-color: #eee;
    border-width: 0px;
    padding-left:10px;
}
.search-form > .search-pane button[type="submit"]{
    margin:0px;
    height:30px;
    border:0px;
    width:30px;
}
#main .breadcrumbs{
    background-color:transparent;
    font-size:18px;
} 
#main .breadcrumbs ul > li > a{
    padding-right:12px;
    padding-left:12px;
    font-size:16px;
    color: #999;
    
}

#main .breadcrumbs i:first-child{
    font-size:16px !important;
    color: #999 !important;
    margin-top:3px !important;
    margin-right:7px;
}
#main .page-header .pull-left h1{
    margin-bottom:5px;
}
#navigation .toggle-nav, #navigation .main-nav > li > a {
    padding-top:15px;
    padding-bottom:15px;
}
#navigation .user .icon-nav{
	position:relative;
}
#navigation .user .icon-nav > li > a {
    padding-top:16px;
    padding-bottom:14px;
}
#navigation #brand{
    margin-top:13px;
    margin-left:15px;
}
#navigation .user .dropdown > a{
    padding-top:12px !important;
    padding-bottom:13px !important;
}

.admin_form_footer .well{
    background-color:rgb(240, 240, 240);
    box-shadow: none !important;
    border-radius: 0px;
    margin-bottom:0px;
    padding-bottom:20px;
    border:0px;
    border-top:dashed 2px #ccc;
}
.input-group-addon{
    padding-left:8px;
    padding-right:8px;
}
/*.btn-success{
    border-bottom: 2px #3ea03e solid;
}
.btn-blue{
    border-bottom: 2px #2c77bd solid;
}*/
#main .page-header{
    margin-top:10px;
}
#left .subnav .subnav-menu > li > a{
    padding-top:7px;
    padding-bottom:7px;
}
#main .breadcrumbs ul > li:first-child > a{
    padding-left:0px;
}
.page-header .pull-left{
    margin-top:3px;
}
.page-header .pull-right{
    margin-top:8px;
}
#main .breadcrumbs ul > li i{
    margin-top:8px;
}

table.list-table th
{
    vertical-align: middle !important;
}

table.list-table > thead > tr > th:first-child, 
table.list-table > tbody > tr > td:first-child{
    padding-left:22px !important;
}

.admin_list_bulk_actions{
    margin-left:22px;
}
table.list-table > thead > tr > th:last-child, 
table.list-table > tbody > tr > td:last-child{
    padding-right:22px !important;
}
.admin_filters_container .box-content{
    background-color: transparent !important;
}
table.list-table tbody tr:first-child td{
    padding-top:12px;
}

.stats li{
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
}

.list-table{
    background-color:white;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
}
.admin_filters_container{
    clear:both;
}
.admin_list_actions{
    margin-bottom:20px;
}
.timeline-panel{
    background-color:white;
}
.btn-default{
    background-color:#ddd;
}
.box .tabs{
    margin-top:8px;
    background-color:rgb(240, 240, 240);
}
.tab-content-inline{
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
    padding:30px !important;
}
.tiles li{
    margin-left:0px;
    margin-right:8px;
}

/* dashboard */

	.dashboard-selectors
	{
		margin-top: 22px;
	}
	
.dashboard-highlights-container
{
	margin-top: 20px;
}

.dashboard-box-background:after {
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  position: absolute;
  font-size: 100px;
  color: #d1d1d1;
  opacity: 0.3;
  top: 0px;
  right: 40px;
  z-index: 1;
}

.box-content
{
    position: relative;
}

.getting-started:after {
  content: "\f005" !important; 
}

.drafts-pending-approval:after {
    content: "\f044" !important; 
  }

.visual-editing:after {
  content: "\f06e" !important; 
}

.need-help:after {
    content: "\f1cd" !important;
}

.content-generation:after {
    content: "\f0d0" !important;
}

#content.container-fluid.nav-fixed{
    padding-top:50px;
}

.box .box-title .actions .btn:hover {
    background-color:rgb(204,204,204);
}
.admin_filters_container .actions{
    margin-right:0px !important;
}
#cms_switch{
    margin-top:10px;
    height:30px;
    padding:2px;
    font-size:12px;
    padding-left:8px;
    padding-right:8px;
    border-width:0px;
    background-color:#f3f3f3;
}

/* hide the line going through the text - makes it prettier */
.timeline .timeline-annotation
{
    padding-top: 5px;
    padding-bottom: 8px;
    background-color: #FFFFFF;
}

/* fixes issue with group by sections being displayed inline as the filters are deliberately hidden - Nick Whale Car Images */
.view-related-records .admin_list
{
    clear: both; 
    margin-top: 20px;
}

.bootstrap-dialog-message
{
    font-size: 13px !important;
}

.profile-name{
	display: inline-block;
	margin-top:5px;
	margin-left:5px;
}

.profile-circle {
	background-color: #fff;
	margin: 0px;
	border-radius: 50%;
	margin-left:10px;
	float:right;
	margin-right:5px;
}
  
.profile-circle-inner {
	color: #666;
	display: table-cell;
	vertical-align: middle; 
	text-align: center;
	text-decoration: none;
	height: 30px;
	width: 30px;  
}

.btn-info.text-white, .btn-info.text-white:hover, .bootstrap-dialog-footer-buttons .btn-info, .bootstrap-dialog-footer-buttons .btn-info:hover, .bootstrap-dialog-footer-buttons .btn-warning, .bootstrap-dialog-footer-buttons .btn-warning:hover
{
	color: white;
}

#admin_list_filters_container .col-lg-4{
	padding-bottom:10px;	
}

#admin_list_filters_container input[readonly]{
	background-color: white !important;
}
#admin_list_filters_container .fa-times-circle{
	position:absolute;
	right:15px;
	top:4px;
}

.admin_list_search_box_container{
	margin-bottom:10px;
}

.mce-window-head{
	background: #368ee0 !important;
	color:white !important;
}
.mce-window-head .mce-title, .mce-window-head .mce-close, .mce-window-head .mce-close i{
	color:white !important;
	padding-top:8px; padding-bottom: 8px;
}
.mce-window-head .mce-title {
	font-weight:normal !important;
	padding-top:8px; padding-bottom: 8px;
}
.mce-panel.mce-floatpanel{
	border:0px none white !important;
}