/* +------------------------------------------------------------+ */
/* | Document Styles                                            | */
/* +------------------------------------------------------------+ */

body       {color: #000000; background-color: #FFFFFF; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 16px; height: 100%;}
input, select, option, textarea {font-family: 'Roboto', Arial, Helvetica, sans-serif;}

a          {color: #0089DA; text-decoration: none;}
a:hover    {text-decoration: underline;}

/* +------------------------------------------------------------+ */
/* | Management Interface Layout                                | */
/* +------------------------------------------------------------+ */

#kskin_head {background-color: #0089DA; padding: .25em;}

#kskin_headhome {padding: .5em;}

#kskin_license               {display: none;}
#kskin_demomode              {width: auto; float: right; font-size: .8em;}
#kskin_demomode .ktipcontent {font-size: 1em;}
#kskin_demomodetext          {color: #D52B1E; font-weight: bold;}

#kskin_nav {background-color: #0089DA;}

#kskin_main {margin: 0; background-color: #F4F4F4;}
#kmicontent {font-size: 14px; padding: 1em .5em .5em .5em;}

#ktitle {display: none;}

#kmibreadcrumbs {display: block; padding: 1em 0.35em .25em .35em; font-size: 1.25em;}
#kmibreadcrumbs span:last-child a {color: #000000;}
#kmibreadcrumbs a:hover {color: #0089DA;}

@media all and (min-width: 600px) {

     #kskin_license  {display: block; float: right; font-size: .8em; text-align: right; padding: .5em .5em 0 0;}

}

@media all and (min-width: 960px) {

     #kskin_main {padding: 1em;}

}

/* +------------------------------------------------------------+ */
/* | Management Interface (ONLY) Styles                         | */
/* +------------------------------------------------------------+ */

.kmilayoutwrap {display: flex; flex-direction: column; height: 100%;}
.kmilayoutfill {flex-grow: 1;}

.kmiwindow        {margin: 0; background-color: #FFFFFF;}
.kmiwindowbar     {background-color: #7C8C9B; line-height: 1; height: 2em; width: 100%;}
.kmiwindowtitle   {float: left; color: #FFFFFF; padding: .5em; max-width: 80%; overflow: hidden; white-space: nowrap;}
.kmiwindowclose   {width: 2em; height: 2em; float: right; cursor: pointer;}
.kmiwindowwrap    {overflow: auto; -webkit-overflow-scrolling: touch; clear: both; position: relative;}
.kmiwindowcontent {clear: both; border: none; padding: 0; margin: 0; width: 100%; height: 100%; position: absolute; top: 0; left: 0;}

.kmidialog        {position: absolute; top: 20%; left: 0; z-index: 8000; width: 100%; display: none;}
.kmidialogbox     {position: relative; max-width: 90%; box-sizing: border-box; width: 24em; margin: 0 auto 0 auto; background-color: #FFFFFF; color: #000000; border: 1px solid #DEDEDE; padding: 1em; font-weight: bold; font-size: .8em;}
.kmidialogerror   {color: #E50000;}
.kmidialogconfirm {color: #2A802A;}

.kmidbguidedwrap         {margin-bottom: 1em;}
.kmidbguideditem a, .kmidbguideditemrnc a {background-color: #F4F4F4; color: #000000; border: 1px solid #DEDEDE; display: block; text-decoration: none; padding: .5em;}
.kmidbguideditem a:hover, .kmidbguideditemrnc a:hover {background-color: #FFFFFF; color: #0089DA; text-decoration: none;}

.kmidbguideditemrnc a {color: #E50000; background-color: #FAC0C2; border: 1px solid #E50000;}
.kmidbguideditemrnc a:hover {background-color: #FAC0C2; color: #E50000;}

.kmimenuitem a       {background-color: #F4F4F4; color: #000000; border: 1px solid #DEDEDE; display: block; text-decoration: none; padding: .5em;}
.kmimenuitem a:hover {background-color: #FFFFFF; color: #0089DA; text-decoration: none;}

.kmimeter     {width: auto; margin: 0 0 2em 0;}
.kmimeterinfo {display: inline;}
.kmimetercomp {background-color: #2A802A; color: #2A802A; display: inline; font-weight: bold; padding: .25em 0 .25em 0;}
.kmimeterpend {background-color: #DEDEDE; color: #DEDEDE; display: inline; font-weight: bold; padding: .25em 0 .25em 0;}

.kmitabcontroller {background-color: #7C8C9B; line-height: 1.25 !important; height: 2.25em; font-weight: normal;}
.kmitabcontent    {padding: .5em 0 0 0 !important;}

.kmischemadisp {font-size: .8em; overflow: auto; background-color: #ffffff; border: 1px solid #000000; color: #000000; box-sizing: border-box; padding: 1em;}

.kmigridboxheader {background-color: #7C8C9B; color: #FFFFFF; margin-bottom: .5em; box-sizing: border-box; padding: .5em; font-size: 1.1em;}

@media all and (min-width: 960px) {

     .kmiwindow {border: 1px solid #738290;}

}

/* +------------------------------------------------------------+ */
/* | Navmenu                                                    | */
/* +------------------------------------------------------------+ */

.kthemeinvert .kwidget_icondrop .kwidget_boxcontent, .kthemeinvert .kwidget_fulldrop .kwidget_boxcontent,
.kthemeinvert .kwidget_icondrop .kwidget_box:hover .kwidget_boxicon, .kthemeinvert .kwidget_fulldrop .kwidget_box:hover .kwidget_boxicon {background-color: #738290;}
.kthemeinvert .kwidget_icondrop li a:hover, .kthemeinvert .kwidget_fulldrop li a:hover {background-color: #7C8C9B;}

.kthemeinvert .kwidget_icondrop .kwidget_boxcontent li a {padding: .75em .5em .75em .5em !important;}

@media all and (min-width: 600px) {

     .kthemeinvert .kwidget_fulldrop .kwidget_boxcontent > ul > li:hover {background-color: #738290;}
     .kthemeinvert .kwidget_fulldrop .kwidget_hoverbox {background-color: #738290;}
     .kthemeinvert .kwidget_fulldrop .kwidget_boxcontent {background-color: inherit;}
     .kthemeinvert .kwidget_fulldrop .kwidget_boxcontent ul {background-color: #738290;}
     .kthemeinvert.kwidget_midwide .kwidget_fulldrop .kwidget_boxcontent > ul > li:hover > a {background-color: #738290;}

     .kthemeinvert.kwidget_midwide .kwidget_fulldrop .kwidget_boxcontent ul li ul li a {padding: .75em .5em .75em .5em !important;}

}

@media all and (max-width: 959px) {

     .kthemeinvert .kwidget_boxcontent.kwidget_click li ul {background-color: #7C8C9B;}
     .kthemeinvert .kwidget_boxcontent.kwidget_click li ul li a:hover {background-color: #8697A7;}
     .kthemeinvert .kwidget_boxcontent.kwidget_click li ul li ul {background-color: #8697A7;}
     .kthemeinvert .kwidget_boxcontent.kwidget_click li ul li ul a:hover {background-color: #7C8C9B;}

     .kthemeinvert .kwidget_fulldrop .kwidget_boxcontent ul li ul li a {padding: .75em .5em .75em .5em !important;}

}

@media all and (min-width: 960px) {

     .kthemeinvert .kwidget_fulldrop .kwidget_boxcontent > ul > li:hover > a {background-color: #738290;}

}

/* +------------------------------------------------------------+ */
/* | Style Overrides                                            | */
/* +------------------------------------------------------------+ */

.kwrap h1 {font-size: 2em; font-weight: normal; margin: 0 0 .5em 0;}

.kwrap h2 {font-size: 1.5em; font-weight: normal; margin: 1em 0 1em 0; color: #0089DA;}

.kwrap input[type="submit"], .kwrap input[type="reset"], .kbutton {background-color: #0089DA; border: #0089DA;}
.kwrap input[type="submit"]:hover, .kwrap input[type="reset"]:hover, .kbutton:hover {background-color: #000000; border: #000000;}

h2.kmirrorthead, .ktricktablehead, .ktricktableheaditem, .ktable th {font-size: 1em !important; color: #FFFFFF; background-color: #7C8C9B; font-weight: normal; margin: 0 0 .5em 0 !important;}

.ktable tr {padding: 0;}
.ktable tr:first-child {border-top: 1px solid #738290; border-left: 1px solid #738290; border-right: 1px solid #738290; border-bottom: 1px solid #DEDEDE;}
.ktable tr:not(:first-child) {border: 1px solid #DEDEDE !important;}
.ktable tr:hover td {background-color: #DEDEDE;}
.ktable th, .ktable td {padding: .6em .5em .6em .5em !important; border: none;}

.kmirrortrow {padding: 1em 1em 0 1em; border: 1px solid #DEDEDE;}
.kmirrortcell {padding-bottom: .5em;}

.kfilled {border: 1px solid #DEDEDE;}

/* +------------------------------------------------------------+ */
/* | Polyfills                                                  | */
/* +------------------------------------------------------------+ */

.kmilayoutwrap {-moz-box-direction: column; -webkit-box-direction: column; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flexbox-direction: column; -ms-flex-direction: column; flex-direction: column;}
.kmilayoutfill {-moz-flex-grow: 1; -webkit-flex-grow: 1; flex-grow: 1;}

/* +------------------------------------------------------------+ */
/* | End                                                        | */
/* +------------------------------------------------------------+ */