/* Colorpicker fix for safari */
.colorpicker {
	padding: 0px!important;
	margin-top: 0px!important;
}

.colorpicker:before {
	content: ''!important;
	border: none!important;
}

/* #od-modal-site-settings .modal-content .modal-body{
	overflow-x: auto;
    max-height: calc(100vh - 150px);
} */

/*reduce space to stop crop*/
.od-theme-font-picker {padding: 0 3px;}
.od-theme-font-picker optgroup {background-color: #ccc;}
.od-theme-font-picker option {background-color: #fff;}


.od-colorpicker input {font-family: monospace; min-width: 75px; padding-left: 4px;}

/*.od-theme-font-picker[value^="Arial Black"] {color: red; font-family: 'Arial Black', 'Gadget', 'sans-serif';}*/

/*make font pickers line up with colour pickers*/
#tab-settings-site-theme select, .od-theme-font-multiselect, .od-theme-font-picker button {min-width: 122px;}


/*this only works with multiple
option.od-separator{
	height: 1px;
    border-top: solid 2px green;
    margin-top: 10px;
}*/


/*hide unselected radios to keep it clean*/
.od-theme-font-multiselect li:not(.active) input {visibility: hidden;}

.od-theme-font-multiselect li {margin-left: -10px;}
.od-theme-font-multiselect li.multiselect-group a {
	background-color: #444;
    color: white;
    font-size: medium;
    margin-top: 5px;
}
.od-theme-font-multiselect.od-multiselect-wide ul.multiselect-container {
    width: 160px;
	max-width:160px;
}
.od-theme-font-multiselect span {
    /* margin-right: 10px; */
    white-space: nowrap;
    overflow: hidden;
    display: block;
}
.od-theme-font-multiselect li a label {
    padding-top: 2px!important;
    padding-bottom: 2px;
	min-height: 20px!important;
	padding-left: 30px;
    padding-right: 5px;
	font-size:14px;
}
.od-theme-font-multiselect li a label span {
    text-overflow: ellipsis;
}
.od-theme-font-multiselect li a label.radio input[type=radio]{
    margin-left: -16px!important;
}


.od-theme-font-multiselect li.active a {
	color: inherit;
    background-color: inherit;
}

/*.od-theme-font-multiselect li.active a:before {
	content: "\f00c"; check
	font-family: FontAwesome;
	margin-left: -5px;
}*/

.od-theme-font-multiselect span[data-value="_more_"] {
	/*font-weight: bold;*/
	font-family: inherit !important;
	margin-left: -15px;
}

.od-theme-font-multiselect #od-theme-fonts-more:before {
	content: "\f00e"; /*search-plus*/
	font-family: FontAwesome;
	margin-right: 2px;
}

/*reduce space for multiselect*/

/*Add vertical spacing to sub nav*/
.col-subnav .panel{
	-webkit-box-shadow: none!important;
    box-shadow: none!important;
}
.col-subnav .panel-default>.panel-heading {
    font-weight:bold;
}
.od-container .col-subnav .panel > .panel-heading {
    border-bottom: 1px solid #ddd;
    width: 90%;
    margin: 0 auto;
    padding: 10px 0px;
}
.od-container .col-subnav .panel > .panel-body{
	padding: 5px 0px;
}
.od-container .col-subnav .panel > .panel-body #od-subnav-menu{
	/* border-bottom: 1px solid #ddd; */
    width: 90%;
    margin: 0px auto;
    padding-bottom: 10px;
}
.od-container .col-subnav .panel > .panel-body #od-subnav-menu li{
	padding-left:0px;
}
.od-container .col-subnav .panel > .panel-body #od-subnav-menu li .caret-right{
	margin-top: 9px!important;
	margin-left:0px!important;
}
.od-container .col-subnav .panel > .panel-body #od-subnav-menu li a {
    padding: 5px 5px!important;
	margin-left: 15px!important;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    background-color:rgba(0,0,0,0.075)!important;
	color:#000;
}
.od-formsection-label-over .control-label input[type="checkbox"]{
	margin-top:20px;
}

body[od-topnav-dropshadow="1"] #od-navbar{
	box-shadow: rgba(0, 0, 0, 0.3) 4px 4px 10px 2px;
}

/*.od-select2-wide {width: 600px;}*/