/*
--------------------------------------------------------------------------
Copyright 2018 by Mark Lammert and Steve Williams
Master Key Interactive

v1.0.0
--------------------------------------------------------------------------
*/

/*
--------------------------------------------------------------------------
---- JQUERY UI DIALOG OVERRIDES ----
--------------------------------------------------------------------------
*/

.ui-dialog {
	padding: 10px !important;
  
	-moz-border-radius: 10px;
  -webkit-border-radius: 10px;  
	border-radius: 10px;
  
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

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

.ui-dialog .ui-dialog-titlebar {
	border: 1px solid #8096a6;
	background-color: #aec2d0;
}

.ui-dialog .ui-dialog-title {
	margin: 0px !important;
	padding: 3px 0px 3px 0px !important;
	
	font-size: 16px !important;
	font-weight: bold;
}

.ui-dialog .ui-dialog-titlebar-close {
	display: none;
	visibility: hidden;
}

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

.ui-dialog .ui-dialog-content {
	margin: 10px 0px 10px 0px !important;
	padding: 0px !important;
	
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}

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

.ui-dialog .ui-dialog-buttonpane {
	margin: 0px !important;
	padding: 0px !important;
}

.ui-dialog .ui-dialog-buttonpane button {
	min-width: 75px !important;
	
	margin: 10px 0px 0px 10px !important;
}

/*
--------------------------------------------------------------------------
---- JQUERY UI TABS OVERRIDES ----
--------------------------------------------------------------------------
*/

.ui-tabs { 
	position: relative;
	
	width: 100%;
	height: auto; /**/
	
	margin: 0px;
	padding: 0px;
	
	border: none !important;
}

.ui-tabs .ui-widget-header { 
	margin: 0px;
	padding: 0px;
	
	-moz-border-radius: 0px; 
	-webkit-border-radius: 0px;
	border-radius: 0px; 
  
	border: none; 
	border-bottom: 1px solid #c0c0c0;
	background-color: transparent; 
}

.ui-tabs .ui-tabs-nav {
	position: relative;
	
	text-align: center;
}

.ui-tabs .ui-tabs-nav .ui-state-default { 
	border: none; 
	background-color: transparent;
}

.ui-tabs .ui-tabs-nav .ui-state-active { 
	border: none;
	background-color: transparent;
	background-image: url("../images/tabs_up_arrow.png");
	background-position: bottom center;
	background-repeat: no-repeat;  
}

.ui-tabs .ui-tabs-nav .ui-state-default a {
	margin: 0px;
	padding: 0px 10px 15px 10px;
	
	color: #666666;
	font-weight: bold;
}

.ui-tabs .ui-tabs-nav .ui-state-active a { 
	margin: 0px;
	padding: 0px 10px 15px 10px;
	
	color: #8096a6; 
	font-weight: bold;
}

.ui-tabs .ui-tabs-panel {
	position: absolute;
	
	top: auto; /* set by jQuery based on dialog and tab heights */
	bottom: auto; /* set by jQuery based on dialog and tab heights */
	
	width: 100%;
	
	margin: 0px;
	padding: 0px;
	
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}

.ui-tabs .ui-tabs-panel p:first-child {
	margin-top: 0px;
}

/*
--------------------------------------------------------------------------
---- JQUERY UI SPINNER OVERRIDES ----
--------------------------------------------------------------------------
*/

.ui-spinner .ui-spinner-button {
	width: auto !important;
	height: auto !important;
	
	cursor: pointer;
}

/*
--------------------------------------------------------------------------
---- JQUERY UI BUTTON OVERRIDES ----
--------------------------------------------------------------------------
*/

.ui-button {
	width: auto;
	height: 30px;
	
	padding: 6px 8px 6px 8px !important;
	
	font-family: inherit !important;
	font-size: 12px;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #8096a6;
	background: #aec2d0;
	font-weight: normal;
}

/*
--------------------------------------------------------------------------
---- JQUERY UI SELECTMENU OVERRIDES ----
--------------------------------------------------------------------------
*/

.surveys.ui-selectmenu-button {
	width: 250px !important;
	height: 26px;
	
	margin-top: 5px;
	padding: 1px !important;
	
	border: 1px solid #464e53;
	background-color: #fbfbfb !important;
	
	overflow: hidden;
}

.admin.ui-selectmenu-button {
	height: 30px;
	
	margin-top: 0px;
	padding: 0px !important;
	
	border: 1px solid #cccccc;
	background-color: #ffffff !important;
	
	overflow: hidden;
}

.surveys.ui-selectmenu-button:focus,
.surveys.ui-selectmenu-button:hover {
	padding: 0px !important;
	border: 2px solid #464e53;
}

.admin.ui-selectmenu-button:focus,
.admin.ui-selectmenu-button:hover {
	padding: 0px !important;
	border: 1px solid #cccccc;
}

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

.surveys.ui-selectmenu-button .ui-selectmenu-text {
	margin: 3px 0px 0px 6px !important;
	
	color: #000000;
}

.admin.ui-selectmenu-button .ui-selectmenu-text {
	margin: 5px 0px 0px 6px !important;
	
	color: #000000;
}

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

.surveys.ui-selectmenu-button .ui-icon {
	top: -1px;
	right: -1px;
	
	margin: 0px 0px 0px 10px;
	padding: 20px 10px 6px 15px;
	
	background-color: #eeeeee;
	
	border-left: 1px solid #464e53;
	background-image: url("../images/custom_selectmenu_arrow_icon.png") !important;
	background-position: 5px 5px;
}

.admin.ui-selectmenu-button .ui-icon {
	top: -1px;
	right: -1px;
	
	margin: 0px 0px 0px 0px;
	padding: 20px 10px 10px 17px;
	
	background-color: #f6f6f6;
	
	border-left: 1px solid #cccccc;
	background-image: url("../images/custom_selectmenu_arrow_icon.png") !important;
	background-position: 5px 7px;
}

.admin.ui-selectmenu-button .ui-icon:hover {
	background-color: #ededed;
}

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

.surveys.ui-selectmenu-menu .ui-menu {
	width: 350px;
	
	margin: 0px;
	padding: 0px !important;
	
	border: 1px solid #464e53 !important;
	background-color: #fbfbfb;
}

.admin.ui-selectmenu-menu .ui-menu {
	width: auto;
	
	margin: 0px;
	padding: 0px !important;
	
	border: 1px solid #cccccc !important;
	background-color: #ffffff;
}

.surveys.ui-selectmenu-menu .ui-menu,
.admin.ui-selectmenu-menu .ui-menu {
	max-height: 250px !important;
}

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

.admin.ui-selectmenu-menu .ui-selectmenu-optgroup.ui-menu-divider {
	margin: 0px;
	padding: 2px 5px 2px 5px;
	
	color: #ffffff;
	
	background-color: #8096a6;
}

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

.surveys.ui-selectmenu-menu .ui-menu-item .ui-menu-item-wrapper {
	padding: 5px;
}

.admin.ui-selectmenu-menu .ui-menu-item .ui-menu-item-wrapper {
	padding: 5px;
}

.surveys.ui-selectmenu-menu .ui-menu-item .ui-menu-item-wrapper.ui-state-active,
.surveys.ui-selectmenu-menu .ui-menu-item .ui-menu-item-wrapper.ui-state-focus {
	margin: 0px;
	
	color: #fbfbfb;
	
	border: none;
	background-color: #464e53;
}

.admin.ui-selectmenu-menu .ui-menu-item .ui-menu-item-wrapper.ui-state-active,
.admin.ui-selectmenu-menu .ui-menu-item .ui-menu-item-wrapper.ui-state-focus {
	margin: 0px;
	
	color: #000000;
	
	border: none;
	background-color: #f6f6f6;
}

/*
--------------------------------------------------------------------------
---- TRUMBOWYG OVERRIDES ----
--------------------------------------------------------------------------
*/

#header-dialog-text.trumbowyg-editor,
#header-dialog-text.trumbowyg-editor * {
  font-size: 16px !important;
	font-weight: bold !important;
}

#textblock-dialog-text.trumbowyg-editor,
#textblock-dialog-text.trumbowyg-editor * {
  font-size: 14px !important;
}

#question-dialog-text.trumbowyg-editor,
#question-dialog-text.trumbowyg-editor * {
  font-size: 12px !important;
}

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

.trumbowyg-button-pane {
	margin: 0px;
	padding: 0px;
}

.trumbowyg-box {
	margin: 0px;
	padding: 0px;
}

.trumbowyg-editor {
	margin: 0px;
	padding: 5px 5px;
}

.trumbowyg-box,
.trumbowyg-editor,
.trumbowyg-textarea {
	min-height: 175px;
}

.trumbowyg-editor * {
	font-family: Verdana, Geneva, sans-serif !important;
}

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

.trumbowyg-modal-box {
  margin: 0px;
  padding: 10px 10px 40px 10px;
  
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;  
	border-radius: 8px;
  
  border: 1px solid #c5c5c5;
  
  box-shadow: none;
  
  overflow: hidden;
}

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

.trumbowyg-modal-title {
  margin: 0px 0px 15px 0px !important;
  padding: 10px !important;
  
  font-size: 16px !important;
  text-align: left;
  
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;  
	border-radius: 3px;
  
  border: 1px solid #8096a6 !important;
  
  background-color: #aec2d0 !important;
}

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

.trumbowyg-modal-box form label {
  margin: 0px 0px 12px 0px;
  padding: 0px 0px 0px 0px;
}

.trumbowyg-modal-box form label:last-of-type {
  height: 40px;
  
  border-bottom: 1px solid #dddddd;
}

.trumbowyg-modal-box form label input:hover {
  border-color: #dedede;
  background-color: #ffffff;
}

.trumbowyg-modal-box form label input:focus {
  border-color: #dedede;
  background-color: #ffffff;
}

.trumbowyg-modal-box form label.trumbowyg-input-error input {
  border-color: #dedede;
  background-color: #ffffff;
}

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

.trumbowyg-modal-button.trumbowyg-modal-submit,
.trumbowyg-modal-button.trumbowyg-modal-reset {
  height: 30px;
  
  padding: 0px;
  
  color: #454545;
  font-family: Verdana, Geneva, sans-serif !important;
  font-size: 13px;
  line-height: 28px !important;
  
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;  
	border-radius: 3px;
  
  border: 1px solid #c5c5c5 !important;
  
  background-color: #f6f6f6 !important;
}

.trumbowyg-modal-button.trumbowyg-modal-submit:hover ,
.trumbowyg-modal-button.trumbowyg-modal-reset:hover {
  border: 1px solid #cccccc !important;
  
  background-color: #ededed !important;
}

.trumbowyg-modal-button.trumbowyg-modal-submit:active ,
.trumbowyg-modal-button.trumbowyg-modal-reset:active {
  color: #fefefe;
  
  border: 1px solid #8096a6 !important;
  
  background-color: #aec2d0 !important;
}