/* ******* Custom Styles ********** */

.km-switch-label-off 
{ background-color:#BE4A2E; left: 100%; text-shadow: 0 -1px 0 rgba(143,45,21,1); }

.km-switch-label-on 
{ background-color:#97D449; left: -160%; text-shadow: 0 -1px 0 rgba(137,172,91,1); }

.k-button .icon
{ display:inline-block; line-height:1em; }

.k-button:hover .icon
{ color:#ffffff; }

.k-dropdown 
{ width:8.5em; }

.k-dropdown .k-input
{ font-size:0.75em; line-height:1.9em;}

.k-dropdown-wrap .k-select
{ line-height:1.7em; }

.k-picker-wrap .k-select, .k-numeric-wrap .k-select, .k-dropdown-wrap .k-select {
    text-indent: 0;
}

.k-editor-selectbox .k-dropdown-wrap.k-state-hover .k-input
{ color:#ffffff; }

.k-colorpicker .k-select {
    cursor: pointer;
}

.k-colorpicker .k-picker-wrap
{ line-height:1.7em; padding:0 2.4em 0 0; }

.k-colorpicker .k-picker-wrap.k-state-hover
{ background:#ffffff; }

.k-multiselect .k-input
{  margin:7px 0 7px 2px; outline:none; }

.k-multiselect-wrap
{
	cursor:pointer;
}

.k-multiselect-wrap:before
{ 
	content: "\37";
    text-align: right;
    display: block;
    float:right;
    position:absolute;
    font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	top:10px;
	right:13px;
}

.k-multiselect-wrap li
{ padding:4px 3px 1px 5px; }

.k-multiselect-wrap li
{ margin:2px; }

.k-multiselect-wrap li.k-state-hover
{ color:#ffffff; }

.k-list-container.k-popup {
 background-color: #ffffff !important;
}
.k-list-container .k-state-focused
{ border-color:transparent; }

.k-list-container .k-list .k-state-focused
{ box-shadow:none; }
 
.k-widget k-colorpicker k-header
{ width:3.9em;}

.k-widget.content.logo
{ background:none; }

.k-slider .k-label 
{ font-size: .5em; }

.k-imagebrowser-dropzone 
{ color: #2e2e2e; background-color: #f7f7f7; border-color: #b0b0b0; }

.k-state-hover > .k-select,.k-state-focused > .k-select 
{ border-color: #b0b0b0; }

.k-editor-dialog .k-button {
  -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;
}

.k-grid-header .k-header
{ color:#ffffff; }

.k-grid table {
    font-family: "PT Sans",Arial,Sans-Serif;
}

.k-grid.drag-helper {
    margin: 0.5em;padding: 0.35em;
}
/*.k-grid-content
{ overflow-y: auto; }*/

.k-search-wrap .k-search 
{  font-size: 100%; text-decoration: none; }

.k-grid .k-state-selected, .k-grid .k-button:active, .k-grid .k-draghandle.k-state-selected:hover {
   background: none repeat scroll 0 0 #FFFFCC;
}

.k-grid .k-state-selected {
    color: #777777;
}

.k-grid .k-state-focused {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.k-grid-select .k-input {
    font-size: 100%;
}
.k-grid-select {
    min-width: 6em;
    width: auto;
}

.k-grid-content {
   max-height: 700px;
}

/*centers checkboxes in the grid cell*/
.k-grid-content input[type=checkbox]    { float: left; margin-left: 0; width: 100%; }
.k-dirty-cell:before                    { content: normal; }
.k-dirty                                { display: none; }


div.k-window-content.large
{ width: 750px; }

div.k-window-content.small
{ width: 450px; }

.k-button { text-transform: none; font-style: normal; font-weight:normal;  
  -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */}

.k-calendar .k-other-month .k-link
{ color: #787878; }

.k-overlay {
    background-color: #aaa;
    opacity: 0.3 !important;
}

/* combo boxes */
.k-dropdown .k-state-focused .k-input {
  color: #ffffff;
}

/* custom image picker */
.select-background-image .content { font-size: 15px; padding: 3px 5px 3px 4px;}
.select-background-image .content.image { margin: 0 auto; max-height: 98px; max-width: 122px; width: 100%; border-style: none; }
.select-background-image .k-picker-wrap.k-state-hover { color:inherit; }
.tall .select-background-image .k-picker-wrap { max-width: 122px; }
.tall .select-background-image .k-picker-wrap .k-icon { margin-top: 50px; }

.k-colorpalette .k-item{
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    padding: inherit;
}

/* Switch */
.km-switch input[type=checkbox] 
{ display: none; }

.km-switch 
{ text-align: left; font-size: 1rem; display: inline-block; width: 5rem; height: 1.8rem; line-height: 1.8rem; position: relative; overflow: hidden; }

.km-switch-wrapper 
{ display: block; height: 100%; width: 100%; overflow: hidden;}
  
.km-switch-background 
{ display: block; margin: 0 1px 1px -5em; height: 100%; width: 200%; }

.km-switch-container 
{ background-color:#f6f6f6;border:1px solid #c5c5c5; cursor:pointer; 
  top: 0; left: 0; position: absolute; display: block; height: 100%; width: 100%; overflow: hidden; 
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.km-switch-handle 
{ background-color:#ffffff; top: 0; left: 0; width: 2em; height: 100%; display: inline-block; margin: -1px 0 0 -1px;  }

.km-switch-label-on,
.km-switch-label-off 
{ color:#ffffff; display: block; width: 160%; font-size: 0.9em; line-height: 2em; text-align: center; position: absolute; }

.km-listview .km-switch 
{ margin-top: -0.95rem; position: absolute; right: .8rem; top: 50%; }

/* Button Group */

.km-buttongroup 
{ padding:0px; -webkit-margin-collapse: separate; margin-collapse: separate; margin: .5em auto; background-origin: border-box; position: relative; 
  display: table; height:30px; margin: .1rem; overflow: hidden; list-style:none;  text-decoration: none;}

.km-buttongroup .km-button 
{ color:#666666; font-size: 0.8em; background-color:#f4f4f4; border-top:1px solid #c5c5c5; 
  border-bottom:1px solid #c5c5c5; border-right:1px solid #c5c5c5; height:30px; padding:4px; text-align:center; width:30px; }
  
.km-buttongroup.wide .km-button 
{ width:60px; }

.km-buttongroup .km-button .icon
{ display:inline-block; font-size:24px; line-height:18px; width:24px; }
.km-buttongroup .km-button span:not(.icon)
{ line-height:30px; text-align:center; width:100%; }


.km-buttongroup .km-button:hover, .km-buttongroup .km-button:not(.km-state-active):hover
{ color:#ffffff; cursor:pointer; }

.km-buttongroup > .km-button 
{ display: table-cell; list-style:none; overflow: hidden; }

.km-buttongroup .km-button:not(.km-state-active) 
{ background-color:#f4f4f4; }

.km-buttongroup .km-button:first-child 
{ border-left:1px solid #c5c5c5;  }

.km-buttongroup .km-button:last-child 
{  }

.km-buttongroup .km-state-active 
{ color:#ffffff; text-shadow: none; }

.km-buttongroup .km-state-active:last-child 
{ margin-left: -1px; }

.k-draghandle {
    margin: 0; padding: 0;
}
/* Editor */
.k-tool-icon.k-state-active,
.k-tool-icon.k-state-active.k-state-hover,
.k-tool-icon.k-state-selected,
.k-tool-icon.k-state-selected.k-state-hover {
  background-image: url('images/sprite.png');
  background-image: url('images/sprite.png'), -webkit-linear-gradient(top, #0a7ac2 0%, #53aae2 100%);
  background-image: url('images/sprite.png'), -moz-linear-gradient(top, #0a7ac2 0%, #53aae2 100%);
  background-image: url('images/sprite.png'), -o-linear-gradient(top, #0a7ac2 0%, #53aae2 100%);
  background-image: url('images/sprite.png'), linear-gradient(to bottom, #0a7ac2 0%, #53aae2 100%);
}

.k-window.k-editor-widget {
    min-width: 690px !important;
}

.k-editor-inline {
    border:none;
    background:inherit;
    min-height: 40px;
    padding: 0;
}

/*.k-editor-inline.logo {
    border: #dadada solid 1px;
    min-width: 100px;
}*/

.k-editor-inline.k-state-active {
    border: 1px solid #666;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.k-button-group .k-tool {
    font-size: inherit;
    font-family: inherit;
}

.k-imagebrowser .k-toolbar .k-button 
{ margin-left: 5px; }

.k-imagebrowser .k-tiles-arrange .k-dropdown 
{ width: 100px; }

.k-imagebrowser-dialog 
{ width: 765px; }

.k-imagebrowser .k-tile strong
{ margin-right: 2px; }

.k-imagebrowser .k-upload-button 
{ min-width: inherit; }

.k-imagebrowser .k-button-icon {
    padding-left: 7px;
    padding-right: 7px;
}

.k-viewhtml-dialog 
{ width: 625px; }

.k-viewhtml-dialog .k-editor-textarea
{ margin: 0 5px; }
 
.k-editor-template.k-tool-icon
{ color: #787878; text-decoration:none; text-indent: inherit; background: none repeat scroll 0 0 transparent; 
  padding: 0; font-size: 18px; margin: 0; vertical-align: middle;  height: 16px; }

.k-editor-dialog .k-editor-textarea {
    outline: medium none;
}

.k-editor-textarea.small
{ height: 120px; padding: 0.2em; width: 360px; margin: 0 15px; }

.k-editor-dialog.k-embedVideo .video-logo
{ background-image: url("images/sprite.custom.png"), -moz-linear-gradient(top , #ffffff, #f1f1f1);
  background-image: url("images/sprite.custom.png"), -webkit-linear-gradient(top, #ffffff, #f1f1f1);
  background-image: url("images/sprite.custom.png"), -moz-linear-gradient(top,#ffffff, #f1f1f1);
  background-image: url("images/sprite.custom.png"), -o-linear-gradient(top,#ffffff, #f1f1f1);
  background-image: url("images/sprite.custom.png"), linear-gradient(to bottom,#ffffff, #f1f1f1); 
  border: 1px solid #ccc; 
  display: inline-block; height: 44px; margin:0 0 0 15px; padding: 0;  width: 100px; }

.k-editor-dialog.k-embedVideo .video-logo.youtube
{ background-position: 0 0; }

.k-editor-dialog.k-embedVideo .video-logo.vimeo
{ background-position: -113px 0; }



/* Tab Strip */
.k-tabstrip .k-tabstrip-items .k-link
{ color:#787878; font-family:"PT Sans", "Arial", Sans-Serif; font-size:13pt; font-style: normal; font-weight:normal; padding:8px; text-transform:none; text-align:left; text-decoration:none;  margin: 0;}

.k-tabstrip .k-tabstrip-items li:not(.k-state-active) .k-link:hover
{ color:#ffffff;  }

.k-tabstrip
{ background:none; border:none; }

.k-slider-tooltip
{ background-color: #ffffff !important;}

/*DateTimePicker on Business information screen. 
    This will restrict it from get overlapped by the grid columns*/
.k-timepicker 
{ position: relative; display: inline-block; max-width: 12.4em;  min-width: 6em;  overflow: visible; border-width: 0;  vertical-align: middle; width: 100%;}

/* Elements in the content text box editor*/
.k-tool-icon.k-state-hover, .k-tool-icon.k-state-hover:hover
{background-image: url('https://da7xgjtj801h2.cloudfront.net/2013.2.716/styles/Metro/sprite.png'); color: #ffffff;}

.k-dropdown-wrap .k-input   { font-size:10pt; height:1.8em; line-height:2.2em; padding:0.15em 0;  }
.k-dropdown-wrap .k-select  { min-height:1.6em; }
.k-list .k-item             { font-size:10pt;}
.k-editor .k-editable-area  { padding:5px; }