text:
<?php
    // unplanned execution path
    if (! defined('PMA_MINIMUM_COMMON') && ! defined('TESTSUITE')){
        exit();
    }
?>

/*
    ---------------------------------------------------------------------------
    CSS Reset
    ---------------------------------------------------------------------------
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{
    margin: 0;
    padding: 0;
    border: 0;
    font-family: 'Open Sans';
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{
    display: block;
}

ol, ul{
    list-style: none;
}

blockquote, q{
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after{
    content: '';
    content: none;
}

table{
    border-collapse: collapse;
    border-spacing: 0;
}

*:focus /* disable Chrome's and Safari's idiot input outline effect */{
    outline: none;
}

#li_select_fontsize{
    display: none;
}

/* general tags */
html{
    font-size: 100%;
}

input,
select,
textarea{
    font-size: 1em;
}

body{
    font-family: <?php echo $GLOBALS['cfg']['FontFamily'];?>;
    padding: 0;
    margin-<?php echo $left;?>: 250px;
    color: <?php echo $GLOBALS['cfg']['MainText'];?>;
    background: <?php echo $GLOBALS['cfg']['MainBackground'];?>;
    line-height: 1;
    font-size: 11px;
}

/* Override style formats by html tags */
font[color=red], span[style="color: #FF0000"]{
    color: <?php echo $GLOBALS['cfg']['ErrorText'];?> !important;
}

strong{
    font-weight: normal;
}

/*
    ---------------------------------------------------------------------------
    Fonts
    ---------------------------------------------------------------------------
*/

@font-face{
    font-family: 'IcoMoon';
    src: local('☺');
    src: url('./themes/PMA-Dark-Metro-Theme/fonts/IcoMoon.eot');
    src: url('./themes/PMA-Dark-Metro-Theme/fonts/IcoMoon.eot?#iefix') format('embedded-opentype'),
        url('./themes/PMA-Dark-Metro-Theme/fonts/IcoMoon.svg#IcoMoon') format('svg'),
        url('./themes/PMA-Dark-Metro-Theme/fonts/IcoMoon.woff') format('woff'),
        url('./themes/PMA-Dark-Metro-Theme/fonts/IcoMoon.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face{
    font-family: 'FontAwesome';
    src: local('☺');
    src: url('./themes/PMA-Dark-Metro-Theme/fonts/fontawesome-webfont.eot');
    src: url('./themes/PMA-Dark-Metro-Theme/fonts/fontawesome-webfont.woff') format('woff'),
        url('./themes/PMA-Dark-Metro-Theme/fonts/fontawesome-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face{
    font-family: 'Open Sans';
    src: local('☺'), local('Open Sans'), local('OpenSans');
    src: url('./themes/PMA-Dark-Metro-Theme/fonts/opensans-regular-webfont.eot');
    src: url('./themes/PMA-Dark-Metro-Theme/fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('./themes/PMA-Dark-Metro-Theme/fonts/opensans-regular-webfont.woff') format('woff'),
        url('./themes/PMA-Dark-Metro-Theme/fonts/opensans-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face{
    font-family: 'Open Sans Light';
    src: local('☺'), local('Open Sans Light'), local('OpenSans-Light');
    src: url('./themes/PMA-Dark-Metro-Theme/fonts/opensans-light-webfont.eot');
    src: url('./themes/PMA-Dark-Metro-Theme/fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
        url('./themes/PMA-Dark-Metro-Theme/fonts/opensans-light-webfont.woff') format('woff'),
        url('./themes/PMA-Dark-Metro-Theme/fonts/opensans-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face{
    font-family: 'Open Sans Bold';
    src: local('☺'), local('Open Sans Bold'), local('OpenSans-Bold');
    src: url('./themes/PMA-Dark-Metro-Theme/fonts/opensans-bold-webfont.eot');
    src: url('./themes/PMA-Dark-Metro-Theme/fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
        url('./themes/PMA-Dark-Metro-Theme/fonts/opensans-bold-webfont.woff') format('woff'),
        url('./themes/PMA-Dark-Metro-Theme/fonts/opensans-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face{
    font-family: 'Open Sans Extrabold';
    src: local('☺'), local('Open Sans Extrabold'), local('OpenSans-Extrabold');
    src: url('./themes/PMA-Dark-Metro-Theme/fonts/opensans-extrabold-webfont.eot');
    src: url('./themes/PMA-Dark-Metro-Theme/fonts/opensans-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
        url('./themes/PMA-Dark-Metro-Theme/fonts/opensans-extrabold-webfont.woff') format('woff'),
        url('./themes/PMA-Dark-Metro-Theme/fonts/opensans-extrabold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/*
    ---------------------------------------------------------------------------
    Login
    ---------------------------------------------------------------------------
*/

body#loginform{
    margin: 0;
    background-color: <?php echo $GLOBALS['cfg']['LoginBackground'];?>;
}

body#loginform #page_content{
    background-color: <?php echo $GLOBALS['cfg']['LoginBackground'];?>;
    margin: 0 !important;
    padding: 20px;
    margin-top: 10% !important;
    height: 220px;
}

body#loginform div.container{
    text-align: <?php echo $left;?>;
    width: 48em;
    margin-left: auto;
    margin-right: auto;
}

body#loginform div.container:before{
    font-size: 220px;
    color: <?php echo $GLOBALS['cfg']['LoginText'];?>;
    content: url('<?php echo $GLOBALS['cfg']['icons']['login'];?>');
    float: left;
    margin-right: 20px;
    margin-top: -10px;
    background-color: <?php echo $GLOBALS['cfg']['LoginBackground'];?>;
    overflow: hidden;
    height: 220px;
    width: 230px;
    line-height: 1;
}

body#loginform h1{
    display: inline-block;
    text-align: left;
    color: <?php echo $GLOBALS['cfg']['LoginText'];?>;
    font-size: 2.5em;
    padding-top: 0;
    margin-right: -50%;
    line-height: 2;
}

body#loginform a.logo{
    display: none;
}

body#loginform fieldset legend{
    display: none;
}

body#loginform .item{
    margin-bottom: 10px;
}

body#loginform input.textfield{
    width: 100%;
    border: 1px solid <?php echo $GLOBALS['cfg']['InputBorderHover'];?>;
    background: <?php echo $GLOBALS['cfg']['InputBackground'];?>;
    color: <?php echo $GLOBALS['cfg']['InputText'];?>;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin: 0;
}

body#loginform input.textfield:hover,
body#loginform input.textfield:focus{
    background-color: <?php echo $GLOBALS['cfg']['InputBackgroundHover'];?>;
    color: <?php echo $GLOBALS['cfg']['InputText'];?>;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin: 0;
}

body#loginform input[type=submit]{
    background-color: transparent;
    border: none;
    padding: 7px;
    margin: 0;
}

body#loginform select{
    margin: 0 !important;
    border: 1px solid <?php echo $GLOBALS['cfg']['InputBorder'];?>;
    background: <?php echo $GLOBALS['cfg']['InputBackground'];?>;
    color: <?php echo $GLOBALS['cfg']['InputText'];?>;
    padding-left: 0 !important;
    font-family: <?php echo $GLOBALS['cfg']['InputBorderHover'];?>;
    min-width: 100%;
}

body#loginform select:hover{
    border: 1px solid <?php echo $GLOBALS['cfg']['InputBorderHover'];?>;
}

body#loginform br{
    display: none;
}

body#loginform fieldset{
    border: none;
    color: <?php echo $GLOBALS['cfg']['InputText'];?>;
    padding: 0;
    margin-top: 0;
    margin-bottom: 10px;
    background: none;
}

body#loginform fieldset:first-child{
    margin-bottom: 0;
    border-bottom: none;
    margin: 0;
}

body#loginform fieldset.tblFooters{
    border: none;
    margin: 0;
    clear: none;
    background-color: transparent !important;
}

body#loginform .error{
    float: left;
    width: 48em;
    margin-top: -280px;
}

form.login label{
    display: none
}

.turnOffSelect{
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

/*
    ---------------------------------------------------------------------------
    General stuff
    ---------------------------------------------------------------------------
*/

#page_content {
    margin: 20px !important;
}

textarea,
tt,
pre,
code{
    font-family: <?php echo $GLOBALS['cfg']['FontFamilyFixed'];?> !important;
}

h1,
h2,
h3,
h4{
    font-family: <?php echo $GLOBALS['cfg']['FontFamilyLight'];?>;
    color: <?php echo $GLOBALS['cfg']['MainHeaderText'];?>;
    font-weight: normal;
    line-height: 1;
}

h1{
    margin: 0;
    font-size: 3em;
    letter-spacing: -1px;
}

h2{
    font-size: 3.6em;
    margin-top: 10px;
    margin-bottom: 0;
    letter-spacing: -1px;
}

h3{
    text-transform: uppercase;
}

a,
a:link,
a:visited,
a:active,
button.mult_submit,
.checkall_box+label{
    text-decoration: none;
    color: <?php echo $GLOBALS['cfg']['MainLinkColor'];?>;
    cursor: pointer;
    outline: none;

}

a:hover,
button.mult_submit:hover,
button.mult_submit:focus,
.checkall_box+label:hover{
    text-decoration: underline;
    color: <?php echo $GLOBALS['cfg']['MainLinkColor'];?>;
}

dfn:hover{
    cursor: help;
}

th, th a{
    font-family: "open sans bold";
    color: <?php echo $GLOBALS['cfg']['MainText'];?> !important;
    font-weight: normal;
}

a img{
    border: 0;
}

hr{
    background-color: <?php echo $GLOBALS['cfg']['MainBorder'];?>;
    border: 0;
    height: 1px;
}

form{
    padding: 0;
    margin: 0;
    display: inline;
}

input[type=text], input[type=password], input[type=number]{
    border: 1px solid <?php echo $GLOBALS['cfg']['InputBorder'];?>;
    color: <?php echo $GLOBALS['cfg']['InputText'];?>;
    padding: 5px;
    margin: 6px;
    font-family: <?php echo $GLOBALS['cfg']['FontFamily'];?>;
    background-color: <?php echo $GLOBALS['cfg']['InputBackground'];?>;
}

input[type=text]:focus, input[type=password]:focus, input[type=number]:focus{
    border: 1px solid <?php echo $GLOBALS['cfg']['InputBorderHover'];?>;
}

input[type=submit], input[type=reset], input[type=button]{
    margin-left: 14px;
    border: 1px solid <?php echo $GLOBALS['cfg']['InputBorder'];?>;
    padding: 4px;
    color: <?php echo $GLOBALS['cfg']['InputText'];?>;
    text-decoration: none;
    background-color: <?php echo $GLOBALS['cfg']['InputBackground'];?>;
    font-family: <?php echo $GLOBALS['cfg']['FontFamily'];?>;
}

input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover{
    position: relative;
    cursor:pointer;
    background-color: <?php echo $GLOBALS['cfg']['InputBackgroundHover'];?>;
    border: 1px solid <?php echo $GLOBALS['cfg']['InputBorderHover'];?>;

}

input[type=submit]:active, input[type=reset]:active, input[type=button]:active{
    background-color: <?php echo $GLOBALS['cfg']['InputBackgroundHover'];?>;
    border: 1px solid <?php echo $GLOBALS['cfg']['InputBorderHover'];?>;
}

button{
    margin-left: 14px;
    padding: 4px;
    color: <?php echo $GLOBALS['cfg']['InputText'];?>;
    text-decoration: none;
    background-color: <?php echo $GLOBALS['cfg']['InputBackground'];?>;
}

textarea{
    overflow: visible;
    border: 1px solid <?php echo $GLOBALS['cfg']['MainBorder'];?>;
    color: <?php echo $GLOBALS['cfg']['MainText'];?>;
    background-color: <?php echo $GLOBALS['cfg']['MainBackground'];?>;
}

fieldset{
    margin-top: 20px;
    padding: 5px;
    border: 1px solid <?php echo $GLOBALS['cfg']['MainBackground'];?>;
    padding: 20px;
    background-color: <?php echo $GLOBALS['cfg']['MainBackground'];?>;
}

fieldset fieldset{
    margin: 20px;
    margin-bottom: 0;
    background-color: <?php echo $GLOBALS['cfg']['MainBackground'];?>;
    border: none;
}

legend{
    padding: 0 5px;
}

/* buttons in some browsers (eg. Konqueror) are block elements, this breaks design */
button{
    display: inline;
}

table caption,
table th,
table td{
    padding: 0.6em;
    vertical-align: top;
}

table{
    border-collapse: collapse;
}

th{
    text-align: left;
}

img,
button{
    vertical-align: middle;
}

select{
    border: 1px solid <?php echo $GLOBALS['cfg']['InputBorder'];?>;
    color: <?php echo $GLOBALS['cfg']['InputText'];?>;
    padding: 4px;
    font-family: <?php echo $GLOBALS['cfg']['FontFamily'];?>;
    margin: 5px;
    background-color: <?php echo $GLOBALS['cfg']['InputBackground'];?>;
    max-width: 17em;
}

select:focus{
    border: 1px solid <?php echo $GLOBALS['cfg']['InputBorderHover'];?>;
    background-color: <?php echo $GLOBALS['cfg']['InputBackgroundHover'];?>;
}

/*
    ---------------------------------------------------------------------------
    Use CSS based Icons instead of sprites
    ---------------------------------------------------------------------------
*/

/* Reset icons */
img.ic_b_help, img.ic_b_docs, img.ic_b_tblops,
img.ic_s_cog,
img.ic_s_db, img.ic_b_newdb,
img.ic_b_group,
img.ic_s_reload,
img.ic_b_sqlhelp,
img.ic_s_loggoff,
img.ic_b_home,
img.ic_window-new, img.ic_b_table_add, img.ic_b_index_add, img.ic_b_column_add, img.ic_b_insrow, img.ic_bd_insrow,
img.ic_s_collapseall,
img.ic_s_link,
img.ic_s_unlink,
img.ic_b_props,
img.ic_pause,
img.ic_b_index, img.ic_s_asci, img.ic_bd_browse, img.ic_b_browse,
img.ic_s_passwd,
img.ic_b_sql, img.ic_b_triggers,
img.ic_s_rights, img.ic_b_usredit,
img.ic_s_status,
img.ic_b_export, img.ic_b_tblexport,
img.ic_b_import, img.ic_b_tblimport,
img.ic_s_replication,
img.ic_b_more,
img.ic_s_vars,
img.ic_b_engine, img.ic_b_routines,
img[alt="Plugins"],
img[alt="Full texts"],
img[alt="Show Full Queries"],
img.selectallarrow,
img.ic_b_usradd,
img.ic_b_usrdrop,
img.ic_b_no_favorite,
img.ic_bd_select, img.ic_b_select, img.ic_b_search,
img.ic_b_empty, img.ic_bd_empty,
img.ic_b_drop, img.ic_bd_drop,
img.ic_b_print,
img.ic_b_tblanalyse,
img.ic_b_events,
img.ic_eye, img.ic_b_view_add,
img.ic_b_edit,
img.ic_normalize,
img.ic_b_primary,
img.ic_b_unique,
img.ic_b_move,
img.ic_centralColumns_add, img.ic_centralColumns, img.ic_centralColumns_delete,
img.ic_lightbulb_off,
img.ic_s_lang,
img.ic_s_theme,
img.ic_b_bookmark,
img.ic_b_chart{
    background: transparent !important;
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
}

/* Set icons */
img.ic_b_help, img.ic_b_docs{background-image: url('<?php echo $GLOBALS['cfg']['icons']['info'];?>') !important;}
img.ic_s_cog, img.ic_b_tblops{background-image: url('<?php echo $GLOBALS['cfg']['icons']['cog'];?>') !important;}
img.ic_s_db, img.ic_b_newdb{background-image: url('<?php echo $GLOBALS['cfg']['icons']['db'];?>') !important;}
img.ic_b_group{background-image: url('<?php echo $GLOBALS['cfg']['icons']['db-group'];?>') !important;}
img.ic_s_reload{background-image: url('<?php echo $GLOBALS['cfg']['icons']['reload'];?>') !important;}
img.ic_b_sqlhelp{background-image: url('<?php echo $GLOBALS['cfg']['icons']['doc'];?>') !important;}
img.ic_s_loggoff{background-image: url('<?php echo $GLOBALS['cfg']['icons']['sign-out'];?>') !important;}
img.ic_b_home{background-image: url('<?php echo $GLOBALS['cfg']['icons']['home'];?>') !important;}
img.ic_window-new, img.ic_b_table_add, img.ic_b_index_add, img.ic_b_column_add, img.ic_b_insrow{background-image: url('<?php echo $GLOBALS['cfg']['icons']['plus'];?>') !important;}
img.ic_s_collapseall{background-image: url('<?php echo $GLOBALS['cfg']['icons']['collapse'];?>') !important;}
img.ic_s_link{background-image: url('<?php echo $GLOBALS['cfg']['icons']['link'];?>') !important;}
img.ic_s_unlink{background-image: url('<?php echo $GLOBALS['cfg']['icons']['unlink'];?>') !important;}
img.ic_b_props{background-image: url('<?php echo $GLOBALS['cfg']['icons']['table'];?>') !important;}
img.ic_pause{background-image: url('<?php echo $GLOBALS['cfg']['icons']['column'];?>') !important;}
img.ic_b_index, img.ic_s_asci, img.ic_bd_browse, img.ic_b_browse{background-image: url('<?php echo $GLOBALS['cfg']['icons']['lines'];?>') !important; }
img.ic_s_passwd{background-image: url('<?php echo $GLOBALS['cfg']['icons']['padlock'];?>') !important;}
img.ic_b_sql, img.ic_b_triggers{background-image: url('<?php echo $GLOBALS['cfg']['icons']['forward'];?>') !important;}
img.ic_s_rights, img.ic_b_usredit{background-image: url('<?php echo $GLOBALS['cfg']['icons']['user'];?>') !important;}
img.ic_s_status{background-image: url('<?php echo $GLOBALS['cfg']['icons']['slider'];?>') !important;}
img.ic_b_export, img.ic_b_tblexport{background-image: url('<?php echo $GLOBALS['cfg']['icons']['download'];?>') !important; }
img.ic_b_import, img.ic_b_tblimport{background-image: url('<?php echo $GLOBALS['cfg']['icons']['upload'];?>') !important; }
img.ic_s_replication{background-image: url('<?php echo $GLOBALS['cfg']['icons']['squares'];?>') !important;}
img.ic_b_more{background-image: url('<?php echo $GLOBALS['cfg']['icons']['more'];?>') !important;}
img.ic_s_vars{background-image: url('<?php echo $GLOBALS['cfg']['icons']['code'];?>') !important;}
img.ic_b_engine, img.ic_b_routines{background-image: url('<?php echo $GLOBALS['cfg']['icons']['cogs'];?>') !important;}
img[alt="Plugins"]{content: url('<?php echo $GLOBALS['cfg']['icons']['puzzle'];?>') !important;}
img[alt="Full texts"]{content: url('<?php echo $GLOBALS['cfg']['icons']['fulltext'];?>') !important;}
img[alt="Show Full Queries"]{content: url('<?php echo $GLOBALS['cfg']['icons']['full'];?>') !important;}
img.selectallarrow{content: url('<?php echo $GLOBALS['cfg']['icons']['return'];?>') !important;-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg);transform: rotate(90deg);width: 22px;}
img.ic_b_usradd{background-image: url('<?php echo $GLOBALS['cfg']['icons']['adduser'];?>') !important;}
img.ic_b_usrdrop{background-image: url('<?php echo $GLOBALS['cfg']['icons']['removeuser'];?>') !important;}
img.ic_b_no_favorite{background-image: url('<?php echo $GLOBALS['cfg']['icons']['star'];?>') !important;}
img.ic_bd_select, img.ic_b_select, img.ic_b_search{background-image: url('<?php echo $GLOBALS['cfg']['icons']['search'];?>') !important;}
img.ic_b_empty, img.ic_bd_empty{background-image: url('<?php echo $GLOBALS['cfg']['icons']['trash'];?>') !important;}
img.ic_b_drop, img.ic_bd_drop{background-image: url('<?php echo $GLOBALS['cfg']['icons']['ban'];?>') !important;}
img.ic_b_print{background-image: url('<?php echo $GLOBALS['cfg']['icons']['print'];?>') !important;}
img.ic_b_tblanalyse{background-image: url('<?php echo $GLOBALS['cfg']['icons']['structure'];?>') !important;}
img.ic_b_events{background-image: url('<?php echo $GLOBALS['cfg']['icons']['clock'];?>') !important;}
img.ic_eye, img.ic_b_view_add{background-image: url('<?php echo $GLOBALS['cfg']['icons']['eye'];?>') !important;}
img.ic_b_edit{background-image: url('<?php echo $GLOBALS['cfg']['icons']['pen'];?>') !important;}
img.ic_normalize{background-image: url('<?php echo $GLOBALS['cfg']['icons']['magic'];?>') !important;}
img.ic_b_primary{background-image: url('<?php echo $GLOBALS['cfg']['icons']['key'];?>') !important;}
img.ic_b_unique{background-image: url('<?php echo $GLOBALS['cfg']['icons']['unique'];?>') !important;}
img.ic_b_move{background-image: url('<?php echo $GLOBALS['cfg']['icons']['move'];?>') !important;}
img.ic_centralColumns_add, img.ic_centralColumns, img.ic_centralColumns_delete{background-image: url('<?php echo $GLOBALS['cfg']['icons']['basket'];?>') !important;}
img.ic_lightbulb_off{background-image: url('<?php echo $GLOBALS['cfg']['icons']['eyeslash'];?>') !important;}
img.ic_s_lang{background-image: url('<?php echo $GLOBALS['cfg']['icons']['comments'];?>') !important;}
img.ic_s_theme{background-image: url('<?php echo $GLOBALS['cfg']['icons']['feather'];?>') !important;}
img.ic_b_bookmark{background-image: url('<?php echo $GLOBALS['cfg']['icons']['bookmark'];?>') !important;}
img.ic_b_chart{background-image: url('<?php echo $GLOBALS['cfg']['icons']['chart'];?>') !important;}

<?php
/* Template
img.ic_lightbulb_off{
    background-image: url('<?php echo $GLOBALS['cfg']['icons'][''];?>') !important;
}
*/
?>

/*
    ---------------------------------------------------------------------------
    Hiding icons in the page titles
    ---------------------------------------------------------------------------
*/

h2 img{
    display: none !important;
}

h2 a img{
    display: inline !important;
}

#initials_table{
    background: <?php echo $GLOBALS['cfg']['TableBackground'];?>;
    border: 1px solid <?php echo $GLOBALS['cfg']['TableBorder'];?>;
    margin-bottom: 10px;
}

#initials_table td{
    padding:8px !important;
}

#initials_table a{
    border: 1px solid <?php echo $GLOBALS['cfg']['TableBorder'];?>;
    background: <?php echo $GLOBALS['cfg']['TableBackground'];?>;
    padding: 4px 8px;
}

/*
    ---------------------------------------------------------------------------
    Classes
    ---------------------------------------------------------------------------
*/

.data,
.data_full_width{
    margin: 10px 0;
}

.data_full_width{
    width: 100%;
}

.data th{
    border-bottom: 1px solid <?php echo $GLOBALS['cfg']['TableBorder'];?>;
}

.data th a:hover{
    color: #999 !important;
}

.column_heading,
.column_action{
    background-color: <?php echo $GLOBALS['cfg']['TableHeader'];?>;
}

.sqlbutton, #tablefieldinsertbuttoncontainer input[type=button]{
    margin-top: 1em;
    margin-left: 0 !important;
    margin-right: 14px !important;
}

.some-margin{
    margin: 20px;
}

.clearfloat{
    clear: both;
}

.floatleft{
    float: <?php echo $left;?>;
    margin-<?php echo $right;?>: 1em;
}

.floatright{
    float: <?php echo $right;?>;
}

.center{
    text-align: center;
}

.displayblock{
    display: block;
}

table.nospacing{
    border-spacing: 0;
}

table.nopadding tr th, table.nopadding tr td{
    padding: 0;
}

th.left, td.left{
    text-align: left;
}

th.center, td.center{
    text-align: center;
}

th.right, td.right{
    text-align: right;
    padding-right: 1em;
}

tr.vtop th, tr.vtop td, th.vtop, td.vtop{
    vertical-align: top;
}

tr.vmiddle th, tr.vmiddle td, th.vmiddle, td.vmiddle{
    vertical-align: middle;
}

tr.vbottom th, tr.vbottom td, th.vbottom, td.vbottom{
    vertical-align: bottom;
}

.paddingtop{
    padding-top: 1em;
}

.separator{
    color: #fff;
}

.result_query{
    background: <?php echo $GLOBALS['cfg']['BoxBackground'];?>;
    margin-bottom: 20px;
}

div.tools{
    padding: 10px;
    text-align: <?php echo $right;?>;
}

div.tools span{
    float: <?php echo $right;?>;
    margin: 6px 2px;
}

fieldset.tblFooters{
    margin-top: -1px;
    border-top: 0;
    text-align: <?php echo $right;?>;
    float: none;
    clear: both;
}

div.null_div{
    height: 20px;
    text-align: center;
    font-style: normal;
    min-width: 50px;
}

fieldset .formelement{
    float: <?php echo $left;?>;
    margin-<?php echo $right;?>: 0.5em;
}

/*
    ---------------------------------------------------------------------------
    Revert for Gecko
    ---------------------------------------------------------------------------
*/

fieldset div[class=formelement]{
    white-space: normal;
}

button.mult_submit{
    border: none;
    background-color: transparent;
    color: <?php echo $GLOBALS['cfg']['InputText'];?>;
    margin: 0;
}

/* odd items 1,3,5,7,... */
table tr.odd th,
.odd{
    background: <?php echo $GLOBALS['cfg']['TableOdd'];?>;
    border-bottom: none;
}

/* even items 2,4,6,8,... */
/* (tested on CRTs and ACLs) */
table tr.even th,
.even{
    background: <?php echo $GLOBALS['cfg']['TableEven'];?>;
    border-bottom: none;
}
table tr.odd, table tr.even{
    border-left: 3px solid transparent;
}

/* marked table rows */
td.marked:not(.nomarker),
table tr.marked:not(.nomarker) td,
table tr.marked:not(.nomarker) th,
table tr.marked:not(.nomarker){
    color: <?php echo $GLOBALS['cfg']['MainText'];?>;
}

td.marked:not(.nomarker){
    background-color: <?php echo $GLOBALS['cfg']['TableMarked'];?>;
}

table tr.marked:not(.nomarker){
    border-left: 3px solid #24A0DA;
}

/*
    ---------------------------------------------------------------------------
    Hovers
    ---------------------------------------------------------------------------
*/

.odd:not(.nopointer):hover,
.even:not(.nopointer):hover,
.hover:not(.nopointer),
.structure_actions_dropdown{
    background-color: <?php echo $GLOBALS['cfg']['TableHover'];?>;
}

.structure_actions_dropdown .icon{
    vertical-align: middle !important;
}

/* hovered table rows */
table tr.odd:not(.nopointer):hover th,
table tr.even:not(.nopointer):hover th,
table tr.hover:not(.nopointer) th{
    background-color: <?php echo $GLOBALS['cfg']['TableHover'];?>;
}

/* marks table rows/cells if the db field is in a where condition */

.condition{
    border-color: <?php echo $GLOBALS['cfg']['WarningText'];?> !important;
}

th.condition, th.condition a{
    border: 1px solid <?php echo $GLOBALS['cfg']['WarningBorder'];?>;
    background: <?php echo $GLOBALS['cfg']['WarningBackground'];?>;
    color: <?php echo $GLOBALS['cfg']['WarningText'];?> !important;
}

td.condition{
    border: 1px solid;
}

/*
    ---------------------------------------------------------------------------
    Cells with the value NULL
    ---------------------------------------------------------------------------
*/

td.null{
    font-style: italic;
    text-align: <?php echo $right;?>;
}

table .valueHeader{
    text-align: <?php echo $right;?>;
    white-space: normal;
}
table .value{
    text-align: <?php echo $right;?>;
    white-space: normal;
}
/* IE doesnt handles 'pre' right */
table [class=value]{
    white-space: normal;
}

.value{
    font-family: <?php echo $GLOBALS['cfg']['FontFamilyFixed'];?>;
}

.attention{
    color: red;
    font-weight: bold;
}

.allfine{
    color: green;
}

img.lightbulb{
    cursor: pointer;
}

.pdflayout{
    overflow: hidden;
    clip: inherit;
    background-color: #fff;
    display: none;
    border: 1px solid #000;
    position: relative;
}

.pdflayout_table{
    background: #D3DCE3;
    color: #000;
    overflow: hidden;
    clip: inherit;
    z-index: 2;
    display: inline;
    visibility: inherit;
    cursor: move;
    position: absolute;
    font-size: 80%;
    border: 1px dashed #000;
}

/* Doc links in SQL */
.cm-sql-doc{
    text-decoration: none;
    border-bottom: 1px dotted #999999;
    color: inherit !important;
}

/* no extra space in table cells */
td .icon{
    margin: 0;
}

.selectallarrow{
    margin-<?php echo $right;?>: .3em;
    margin-<?php echo $left;?>: .6em;
}

/* message boxes: error, confirmation */
#pma_errors, #pma_demo, #pma_footer{
    padding: 20px;
}

#pma_errors #pma_errors{
    padding: 0;
}

div.success,
div.notice,
div.error,
div.footnotes{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin: 20px 0 20px;
    background-repeat: no-repeat;
        <?php if ($GLOBALS['text_dir'] === 'ltr'){?>
    background-position: 10px 50%;
    padding: 10px 10px 10px 10px;
        <?php } else{?>
    background-position: 99% 50%;
    padding: 10px 35px 10px 10px;
        <?php }?>
}

.confirmation,
.notice{
    color: <?php echo $GLOBALS['cfg']['NoticeText'];?>;
    border: 1px solid <?php echo $GLOBALS['cfg']['NoticeBorder'];?>;
    background-color: <?php echo $GLOBALS['cfg']['NoticeBackground'];?>;
}
.footnotes{
    color: <?php echo $GLOBALS['cfg']['FootText'];?>;
    border: 1px solid <?php echo $GLOBALS['cfg']['FootBorder'];?>;
    background-color: <?php echo $GLOBALS['cfg']['FootBackground'];?>;
}
.success{
    color: <?php echo $GLOBALS['cfg']['SuccessText'];?>;
    border: 1px solid <?php echo $GLOBALS['cfg']['SuccessBorder'];?>;
    background-color: <?php echo $GLOBALS['cfg']['SuccessBackground'];?>;
}
.error{
    color: <?php echo $GLOBALS['cfg']['ErrorText'];?>;
    border: 1px solid <?php echo $GLOBALS['cfg']['ErrorBorder'];?>;
    background-color: <?php echo $GLOBALS['cfg']['ErrorBackground'];?>;
}

/* end messageboxes */

.tblcomment{
    font-size: 70%;
    font-weight: normal;
    color: #000099;
}

.tblHeaders{
    font-family: "open sans bold";
    color: <?php echo $GLOBALS['cfg']['TableText'];?>;
    background: <?php echo $GLOBALS['cfg']['TableBackground'];?>;
    font-weight: normal;
}

div.tools,
.tblFooters,
.operations_half_width fieldset{
    font-weight: normal;
    color: <?php echo $GLOBALS['cfg']['BoxText'];?> !important;
    background: <?php echo $GLOBALS['cfg']['BoxBackground'];?> !important;
}

.tblHeaders a:link,
.tblHeaders a:active,
.tblHeaders a:visited,
div.tools a:link,
div.tools a:visited,
div.tools a:active,
.tblFooters a:link,
.tblFooters a:active,
.tblFooters a:visited{
    color: <?php echo $GLOBALS['cfg']['MainLinkColor'];?>;
}

/* forbidden, no privileges */
.noPrivileges{
    color: #FF0000;
    font-weight: bold;
}

/* disabled text */
.disabled,
.disabled a:link,
.disabled a:active,
.disabled a:visited{
    color: #666;
}

.disabled a:hover{
    color: #666;
    text-decoration: none;
}

tr.disabled td,
td.disabled{
    background-color: #f3f3f3;
    color: #aaa;
}

.nowrap{
    white-space: nowrap;
}

/******************************************************************************/
/* specific elements */

/* topmenu */

#topmenu .error{
    background: #eee;
    border: 0 !important;
    color: #aaa;
}

ul#topmenu,
ul#topmenu2{
    list-style-type: none;
    margin: 0;
    height: 48px;
}

ul.tabs{
    list-style-type: none;
    margin: 0;
}

ul#topmenu2{
    margin: -20px -10px 20px;
    padding: 10px;
    clear: both;
}

ul#topmenu li,
ul#topmenu2 li{
    float: <?php echo $left;?>;
    margin: 0;
    vertical-align: middle;
    padding-top: 10px;
    height: 38px;
}

#topmenu img,
#topmenu2 img{
    margin-right: .5em;
    vertical-align: -3px;
}

.menucontainer{
    background-color: <?php echo $GLOBALS['cfg']['NaviBackground1'];?>;
    height: 48px;
}

/* default tab styles */
#topmenu .tabactive{
    background: <?php echo $GLOBALS['cfg']['NaviActive'];?> !important;
}

#topmenu2 .tabactive{
    background: <?php echo $GLOBALS['cfg']['NaviActive'];?> !important;
}

ul#topmenu2 a{
    display: block;
    margin: 7px 0;
    margin-<?php echo $left;?>: 0;
    padding: 5px 15px;
    white-space: nowrap;
    font-family: "open sans extrabold", "segoe black";
    font-weight: normal;
    color: <?php echo $GLOBALS['cfg']['NaviText'];?>;
    text-transform: uppercase;
    background-color: <?php echo $GLOBALS['cfg']['NaviBackground1'];?>;
}

#tbl_maintenance li a{
    font-family: 'Open Sans Bold';
    text-transform: uppercase;
    font-weight: normal;
}

#tbl_maintenance li:before{
    font-family: 'IcoMoon';
    content: "%";
    margin-right: 10px;
}

#topmenu{
    padding-left: 20px;
    padding-right: 20px;
}

ul#topmenu ul a,
ul.resizable-menu li:hover ul a,
ul.resizable-menu .submenuhover ul a{
    color: <?php echo $GLOBALS['cfg']['DropdownText'];?>;
}
ul#topmenu ul,
ul.resizable-menu li:hover ul,
ul.resizable-menu .submenuhover ul{
    background-color: <?php echo $GLOBALS['cfg']['DropdownBackground'];?>;
    background: <?php echo $GLOBALS['cfg']['DropdownBackground'];?> !important;
    color: <?php echo $GLOBALS['cfg']['DropdownText'];?>;
    border: 1px solid <?php echo $GLOBALS['cfg']['DropdownBorder'];?>;
}

ul#topmenu ul.only{
    <?php echo $left;?>: 0;
}

/* default tab styles */
ul#topmenu a,
ul#topmenu span{
    padding: 5px 10px;
    height: 28px;
    line-height: 28px;
    font-family: "open sans extrabold", "segoe black";
    text-transform: uppercase;
    color: <?php echo $GLOBALS['cfg']['NaviText'];?>;
    font-weight: normal;
}

ul#topmenu ul a{
    border-width: 1pt 0 0 0;
}

ul#topmenu ul li:first-child a{
    border-width: 0;
}

/* enabled hover/active tabs */
ul#topmenu > li > a:hover,
ul#topmenu > li > .tabactive{
    text-decoration: none;
    background-color: <?php echo $GLOBALS['cfg']['NaviActive'];?>;
    color: <?php echo $GLOBALS['cfg']['NaviText'];?>;
}

ul#topmenu ul a:hover,
ul#topmenu ul .tabactive{
    text-decoration: none;
}

ul#topmenu2 a,
ul#topmenu2 a:hover{

    text-decoration: none;
}

/* to be able to cancel the bottom border, use <li class="active"> */
ul#topmenu > li.active{
    border-right: 0;
}
/* end topmenu */

/* zoom search */
div#dataDisplay input,
div#dataDisplay select{
    margin: 0;
    margin-<?php echo $right;?>: .5em;
}
div#dataDisplay th{
    line-height: 2em;
}

table#tableFieldsId{
    width: 100%;
}

/* Calendar */
table.calendar{
    width: 100%;
}
table.calendar td{
    text-align: center;
}
table.calendar td a{
    display: block;
}

table.calendar td a:hover{
    background-color: #CCFFCC;
}

table.calendar th{
    background-color: #D3DCE3;
}

table.calendar td.selected{
    background-color: #FFCC99;
}

img.calendar{
    border: none;
}
form.clock{
    text-align: center;
}
/* end Calendar */

/* table stats */
div#tablestatistics table{
    float: <?php echo $left;?>;
    margin-bottom: .5em;
    margin-<?php echo $right;?>: 1.5em;
    margin-top: .5em;
    min-width: 16em;
}

/* END table stats */

/* server privileges */
#tableuserrights td,
#tablespecificuserrights td,
#tabledatabases td{
    vertical-align: middle;
}

/* END server privileges */

/* Heading */
#topmenucontainer{
    width: 100%;
}

#serverinfo{
    padding: 12px 30px;
    overflow: hidden;
    margin: 0;
    margin-left: -1em;
    font-family: <?php echo $GLOBALS['cfg']['FontFamily'];?>;
    color: <?php echo $GLOBALS['cfg']['InputText'];?>;
    background: <?php echo $GLOBALS['cfg']['NaviBackground2'];?>;
    font-height: 1.1em;
    height: 15px;
}

#serverinfo .item{
    font-family: <?php echo $GLOBALS['cfg']['FontFamily'];?>;
    white-space: nowrap;
    color: <?php echo $GLOBALS['cfg']['InputText'];?>;
}

#serverinfo .item:before{
    padding-left: 5px;
    padding-right: 5px;
    font-family: FontAwesome;
    font-size: 10px;
    color: #eee;
    content: "\f105";
}

#serverinfo a:hover{
    text-decoration: none;
}

#serverinfo a:first-child{
    display: none !important;
}

#serverinfo .separator,
#serverinfo .icon{
    display: none;
}

#page_nav_icons{
    position: fixed;
    top: 0;
    <?php echo $right;?>: 0;
    z-index: 99;
    padding: .25em 0;
}

#goto_pagetop, #lock_page_icon, #page_settings_icon{
    padding: .25em;
}

#page_settings_icon{
    cursor: pointer;
    display: none;
}

#page_settings_modal{
    display: none;
}

#pma_navigation_settings{
    display: none;
}

#span_table_comment{
    font-weight: normal;
    font-style: italic;
    white-space: nowrap;
    margin-left: 10px;
}

#serverinfo img{
    margin: 0 .1em 0;
    margin-<?php echo $left;?>: .2em;
}

#textSQLDUMP{
    width: 95%;
    height: 95%;
    font-family: Consolas, "Courier New", Courier, mono;
    font-size: 110%;
}

#TooltipContainer{
    position: absolute;
    z-index: 99;
    width: 20em;
    height: auto;
    overflow: visible;
    visibility: hidden;
    background-color: #ffffcc;
    color: #006600;
    border: .1em solid #000;
    padding: .5em;
}

/* user privileges */
#fieldset_add_user_login div.item{
    border-bottom: 1px solid #ddd;
    padding-bottom: .3em;
    margin-bottom: .3em;
}

#fieldset_add_user_login label{
    float: <?php echo $left;?>;
    display: block;
    width: 10em;
    max-width: 100%;
    text-align: <?php echo $right;?>;
    padding-<?php echo $right;?>: .5em;
    line-height: 35px;
}

#fieldset_add_user_login span.options #select_pred_username,
#fieldset_add_user_login span.options #select_pred_hostname,
#fieldset_add_user_login span.options #select_pred_password{
    width: 100%;
    max-width: 100%;
}

#fieldset_add_user_login span.options{
    float: <?php echo $left;?>;
    display: block;
    width: 12em;
    max-width: 100%;
    padding-<?php echo $right;?>: .5em;
}

#fieldset_add_user_login input{
    width: 12em;
    clear: <?php echo $right;?>;
    max-width: 100%;
}

#fieldset_add_user_login span.options input{
    width: auto;
}

#fieldset_add_user_login span.options input[type=button]{
    margin: 4px;
}

#fieldset_user_priv div.item{
    float: <?php echo $left;?>;
    width: 9em;
    max-width: 100%;
}

#fieldset_user_priv div.item div.item{
    float: none;
}

#fieldset_user_priv div.item label{
    white-space: nowrap;
}

#fieldset_user_priv div.item select{
    width: 100%;
}

#fieldset_user_global_rights fieldset{
    float: <?php echo $left;?>;
}

#fieldset_user_group_rights fieldset{
    float: <?php echo $left;?>;
}
/* END user privileges */

/* serverstatus */

.linkElem:hover{
    text-decoration: underline;
    color: #235a81;
    cursor: pointer;
}

h3#serverstatusqueries span{
    font-size: 60%;
    display: inline;
}

.buttonlinks{
    float: <?php echo $right;?>;
    white-space: nowrap;
}

/* Also used for the variables page */
fieldset#tableFilter{
    margin-bottom: 1em;
}

fieldset#tableFilter input[type=submit]{
    margin-top: 9px;
}

div#serverStatusTabs{
    margin-top: 1em;
}

caption a.top{
    float: <?php echo $right;?>;
}

div#serverstatusquerieschart{
    float: <?php echo $left;?>;
    width: 500px;
    height: 350px;
    padding-<?php echo $left;?>: 30px;
}

table#serverstatusqueriesdetails,
table#serverstatustraffic{
    float: <?php echo $left;?>;
}

table#serverstatusqueriesdetails th{
    min-width: 35px;
}

table#serverstatusvariables{
    width: 100%;
    margin-bottom: 1em;
}
table#serverstatusvariables .name{
    width: 18em;
    white-space: nowrap;
}
table#serverstatusvariables .value{
    width: 6em;
}
table#serverstatusconnections{
    float: <?php echo $left;?>;
    margin-<?php echo $left;?>: 30px;
}

div#serverstatus table tbody td.descr a,
div#serverstatus table .tblFooters a{
    white-space: nowrap;
}

div.liveChart{
    clear: both;
    min-width: 500px;
    height: 400px;
    padding-bottom: 80px;
}

#addChartDialog input[type="text"]{
    margin: 0;
    padding: 3px;
}

div#chartVariableSettings{
    margin-left: 10px;
}

table#chartGrid td{
    padding: 3px;
    margin: 0;
}

table#chartGrid div.monitorChart{
    background: <?php echo $GLOBALS['cfg']['TableBackground'];?>;
    overflow: hidden;
}

div.tabLinks{
    margin-left: 0.3em;
    float: <?php echo $left;?>;
    padding: 5px 0;
}

div.tabLinks a, div.tabLinks label{
    margin-right: 7px;
}

div.tabLinks .icon{
    margin: -0.2em 0.3em 0 0;
}

.popupContent{
    display: none;
    position: absolute;
    border: 1px solid #CCC;
    margin: 0;
    padding: 3px;
    background-color: #fff;
    z-index: 2;
}

div#logTable{
    padding-top: 10px;
    clear: both;
}

div#logTable table{
    width: 100%;
}

div#queryAnalyzerDialog{
    min-width: 700px;
}

div#queryAnalyzerDialog div.CodeMirror-scroll{
    height: auto;
}

div#queryAnalyzerDialog div#queryProfiling{
    height: 300px;
}

div#queryAnalyzerDialog td.explain{
    width: 250px;
}

div#queryAnalyzerDialog table.queryNums{
    display: none;
    border: 0;
    text-align: left;
}

.smallIndent{
    padding-<?php echo $left;?>: 7px;
}

/* end serverstatus */

/* server variables */
#serverVariables{
    table-layout: fixed;
    width: 100%;
}
#serverVariables .var-row > td{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 2em;
}
#serverVariables .var-header{
    color: <?php echo $GLOBALS['cfg']['TableText'];?>;
    background: #f3f3f3;
    font-weight: bold;
}
#serverVariables .var-header{
    text-align: <?php echo $left;?>;
}
#serverVariables .var-row{
    padding: 0.5em;
    min-height: 18px;
}
#serverVariables .var-action{
    width: 120px;
}
#serverVariables .var-name{
    float: <?php echo $left;?>;
}
#serverVariables .var-name.session{
    font-weight: normal;
    font-style: italic;
}
#serverVariables .var-value{
    width: 50%;
    float: <?php echo $right;?>;
    text-align: <?php echo $right;?>;
}
#serverVariables .var-doc{
    overflow:visible;
    float: <?php echo $right;?>;
}

/* server variables editor */
#serverVariables .editLink{
    padding-<?php echo $right;?>: 1em;
    float: <?php echo $left;?>;
    font-family: sans-serif;
}
#serverVariables .serverVariableEditor{
    width: 100%;
    overflow: hidden;
}
#serverVariables .serverVariableEditor input{
    width: 100%;
    margin: 0 0.5em;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height: 2.2em;
}
#serverVariables .serverVariableEditor div{
    display: block;
    overflow: hidden;
    padding-<?php echo $right;?>: 1em;
}
#serverVariables .serverVariableEditor a{
    float: <?php echo $right;?>;
    margin: 0 0.5em;
    line-height: 2em;
}
/* end server variables */

p.notice{
    margin: 1.5em 0;
    border: 1px solid #000;
    background-repeat: no-repeat;
        <?php if ($GLOBALS['text_dir'] === 'ltr'){?>
    background-position: 10px 50%;
    padding: 10px 10px 10px 25px;
        <?php } else{?>
    background-position: 99% 50%;
    padding: 25px 10px 10px 10px
        <?php }?>
    background: #555;
    color: #d4fb6a;
}

p.notice a{
    color: #fff;
    text-decoration: underline;
}

/* profiling */

div#profilingchart{
    width: 850px;
    height: 370px;
    float: <?php echo $left;?>;
}

/* END profiling */

/* table charting */

#resizer{
    border: 1px solid silver;
}
#inner-resizer{ /* make room for the resize handle */
    padding: 10px;
}
.chartOption{
    float: <?php echo $left;?>;
    margin-<?php echo $right;?>: 40px;
}

/* END table charting */

/* querybox */

#togglequerybox{
    margin: 0 10px;
}

#serverstatus h3{
    margin: 15px 0;
    font-weight: normal;
    color: #999;
    font-size: 1.7em;
}

#sectionlinks{
    padding: 16px;
    background: <?php echo $GLOBALS['cfg']['NaviBackground1'];?>;
    border: 1px solid <?php echo $GLOBALS['cfg']['NaviBackground1'];?>;
}
#sectionlinks a,
.buttonlinks a,
a.button{
    font-size: .88em;
    font-weight: bold;
    line-height: 35px;
    margin-<?php echo $left;?>: 7px;
    border: 1px solid <?php echo $GLOBALS['cfg']['NaviBackground2'];?>;
    padding: 5px 10px;
    color: <?php echo $GLOBALS['cfg']['NaviText'];?>;
    text-decoration: none;
    background: <?php echo $GLOBALS['cfg']['NaviBackground2'];?>;
    white-space: nowrap;
}

#sectionlinks a:hover,
.buttonlinks a:hover,
a.button:hover{
    background: <?php echo $GLOBALS['cfg']['NaviLogoBackground'];?>;
}

div#sqlquerycontainer{
    float: <?php echo $left;?>;
    width: 69%;
    /* height: 15em; */
}

div#tablefieldscontainer{
    float: <?php echo $right;?>;
    width: 29%;
    margin-top: -20px;
    /* height: 15em; */
}

div#tablefieldscontainer select{
    width: 100%;
    max-width: initial;
}

textarea#sqlquery{
    width: 100%;
    /* height: 100%; */
    border: 1px solid #aaa;
    padding: 5px;
    font-family: inherit;
}
textarea#sql_query_edit{
    height: 7em;
    width: 95%;
    display: block;
}
div#queryboxcontainer div#bookmarkoptions{
    margin-top: .5em;
}
/* end querybox */

/* main page */

#mysqlmaininformation,
#pmamaininformation{
    float: <?php echo $left;?>;
    width: 49%;
}

#maincontainer ul{
    list-style-type: square;
    vertical-align: middle;
    color: <?php echo $GLOBALS['cfg']['MainText'];?>;
    margin-left: 20px;
}

#maincontainer ul li{
    line-height: 1.5;
}

#full_name_layer{
    position: absolute;
    padding: 2px;
    margin-top: -3px;
    z-index: 801;

    border: solid 1px #888;
    background: #fff;
}

/* END main page */

/* iconic view for ul items */

li br{
    display: none;
}

li.no_bullets{
    list-style-type:none !important;
}

li#li_mysql_client_version{
    overflow: hidden;
    text-overflow: ellipsis;
}

li#li_select_lang select{
    margin: 0 !important;
    height: 26px;
}

li#li_select_lang{
    display: block;
    padding: 10px;
    padding-left: 20px;
    font-family: <?php echo $GLOBALS['cfg']['FontFamilyLight'];?>;
}

li#li_select_mysql_collation select{
    margin: 0 !important;
}

li#li_select_mysql_collation{
    display: block;
    padding: 10px;
    padding-left: 20px;
    font-family: <?php echo $GLOBALS['cfg']['FontFamilyLight'];?>;
}

li#li_select_theme select{
    margin: 0 !important;
}

li#li_select_theme{
    display: block;
    padding: 10px;
    padding-left: 20px;
    font-family: <?php echo $GLOBALS['cfg']['FontFamilyLight'];?>;
}

li#li_select_theme:after{
    content: "Scheme: <?php echo $GLOBALS['cfg']['Scheme'];?>";
    margin-left: 10px;
}

li#li_change_password{
    /* list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath();?>s_passwd.png); */
    display: block;
    padding: 10px;
    padding-left: 20px;
    font-family: <?php echo $GLOBALS['cfg']['FontFamilyLight'];?>;
}

li#li_user_preferences{
    /* list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath();?>b_tblops.png); */
    display: block;
    padding: 10px;
    padding-left: 20px;
    font-family: <?php echo $GLOBALS['cfg']['FontFamilyLight'];?>;
}

li#li_switch_dbstats{
    background-color: #f6f6f6;
    padding: 10px;
    border: 1px solid <?php echo $GLOBALS['cfg']['MainBorder'];?>;
    display: block;
}

/* END iconic view for ul items */

#body_browse_foreigners{
    background: <?php echo $GLOBALS['cfg']['NaviBackground2'];?>;
    margin: .5em .5em 0 .5em;
}

#bodyquerywindow{
    background: <?php echo $GLOBALS['cfg']['NaviBackground2'];?>;
}

#bodythemes{
    width: 500px;
    margin: auto;
    text-align: center;
}

#bodythemes img{
    border: .1em solid #000;
}

#bodythemes a:hover img{
    border: .1em solid red;
}

#fieldset_select_fields{
    float: <?php echo $left;?>;
}

#selflink{
    clear: both;
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 20px;
    margin-right: 20px;
    border-top: 1px solid silver;
    text-align: <?php echo $right;?>;
}

#table_innodb_bufferpool_usage,
#table_innodb_bufferpool_activity{
    float: <?php echo $left;?>;
}

#div_mysql_charset_collations table{
    float: <?php echo $left;?>;
}

#div_mysql_charset_collations table th,
#div_mysql_charset_collations table td{
    padding: 0.4em;
}

#div_mysql_charset_collations table th#collationHeader{
    width: 35%;
}

.operations_half_width{
    width: 100%;
    float: <?php echo $left;?>;
    margin-bottom: 10px;
}

.operations_full_width{
    width: 100%;
    clear: both;
}

#qbe_div_table_list{
    float: <?php echo $left;?>;
}

#qbe_div_sql_query{
    float: <?php echo $left;?>;
}

label.desc{
    width: 30em;
    float: <?php echo $left;?>;
}

label.desc sup{
    position: absolute;
}

.sqlOuter code.sql, div.sqlvalidate, #inline_editor_outer{
    display: block;
    padding: 1em;
    margin: 1em;
    overflow: auto;
    background-color: <?php echo $GLOBALS['cfg']['MainBackground'];?>;
    border: 1px solid <?php echo $GLOBALS['cfg']['MainBorder'];?>;
    direction: ltr;
}

#main_pane_left{
    width: 60%;
    min-width: 260px;
    float: <?php echo $left;?>;
    padding-top: 1em;
}

#main_pane_right{
    overflow: hidden;
    min-width: 160px;
    padding-top: 1em;
    padding-<?php echo $left;?>: 3em;
}

.group{
    margin-bottom: 1em;
    padding-bottom: 1em;
}

.group input[type=submit]{
    margin-left: 0;
}

.group h2{
    color: <?php echo $GLOBALS['cfg']['MainHeaderText'];?>;
    font-size: 2.8em;
    font-weight: normal;
    font-family: <?php echo $GLOBALS['cfg']['FontFamilyLight'];?>;
    margin-top: 0;
    margin-bottom: 0.6em;
}

.group-cnt{
    padding: 0 0 0 0.5em;
    display: inline-block;
    width: 98%;
}

textarea#partitiondefinition{
    height: 3em;
}

/* for elements that should be revealed only via js */
.hide{
    display: none;
}

#list_server{
    list-style-image: none;
    padding: 0;
}

/**
  *  Progress bar styles
  */
div.upload_progress{
    width: 400px;
    margin: 3em auto;
    text-align: center;
}

div.upload_progress_bar_outer{
    border: 1px solid #000;
    width: 202px;
    position: relative;
    margin: 0 auto 1em;
    color: <?php echo $GLOBALS['cfg']['MainText'];?>;
}

div.upload_progress_bar_inner{
    background-color: <?php echo $GLOBALS['cfg']['NaviBackground2'];?>;
    width: 0;
    height: 12px;
    margin: 1px;
    overflow: hidden;
    color: <?php echo $GLOBALS['cfg']['NaviText'];?>;
    position: relative;
}

div.upload_progress_bar_outer div.percentage{
    position: absolute;
    top: 0;
    <?php echo $left;?>: 0;
    width: 202px;
}

div.upload_progress_bar_inner div.percentage{
    top: -1px;
    <?php echo $left;?>: -1px;
}

div#statustext{
    margin-top: .5em;
}

table#serverconnection_src_remote,
table#serverconnection_trg_remote,
table#serverconnection_src_local,
table#serverconnection_trg_local {
  float: <?php echo $left;?>;
}
/**
  *  Validation error message styles
  */
input[type=text].invalid_value,
input[type=password].invalid_value,
input[type=number].invalid_value,
input[type=date].invalid_value
.invalid_value{
    background: #FFCCCC;
}

/**
  *  Ajax notification styling
  */
/* additional styles */
.ajax_notification{
    top: 0;
    position: fixed;
    width: 100%;
    z-index: 1100;
    text-align: center;
    display: inline;
    left: 0;
    right: 0;
    background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath();?>ajax_clock_small.gif);
    background-repeat: no-repeat;
    background-position: 46%;
    margin: 0;
    background-color: <?php echo $GLOBALS['cfg']['NaviBackground1'];?>;
    color: <?php echo $GLOBALS['cfg']['MainText'];?>;
    padding: 10px !important;
    border: none;
    height: 19px;
}

.dismissable{
    margin-left: -10px;
    margin-top: -10px;
}

#loading_parent{
    /** Need this parent to properly center the notification division */
    position: relative;
    width: 100%;
    background-color: <?php echo $GLOBALS['cfg']['PopupBackground']?>;
    background: <?php echo $GLOBALS['cfg']['PopupBackground']?>;
 }

/* Popups */
.ui-widget-content{
    border: 1px solid <?php echo $GLOBALS['cfg']['PopupBorder'];?>;
    background: <?php echo $GLOBALS['cfg']['PopupBackground'];?>;
    color: <?php echo $GLOBALS['cfg']['PopupText'];?>;
}
body .ui-dialog .ui-widget-header{
    background-color: <?php echo $GLOBALS['cfg']['PopupHeaderBackground'];?> !important;
    background: <?php echo $GLOBALS['cfg']['PopupHeaderBackground'];?>;
    color: <?php echo $GLOBALS['cfg']['PopupHeaderText'];?>;
}
body .ui-dialog .ui-dialog-titlebar-close{
    background: transparent !important;
    border: 0px solid white;
}
.ui-icon-closethick{
    content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAALVBMVEUAAAD///////////////////////////////////////////////////////+hSKubAAAADnRSTlMAAj0+P0BBQkOrr7CytA91atQAAABgSURBVAhbY2BcwQAEUQIMMu8aGBhY311kmPfuOQND3LtXDHrv3iWwvnv3lIEZSMS9exfAwOD37h1IAKTwHVgApBIsgGDApeJAjGdgAZD2ApAAyMAXCCvgljLuAGmNFgAAy6U/tvTUCj8AAAAASUVORK5CYII=') !important;
    background: transparent !important;
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
}
div.ui-widget-overlay{
    background: <?php echo $GLOBALS['cfg']['PopupFadeBackground'];?>;
}
/**
  * Export and Import styles
  */

.export_table_list_container{
    display: inline-block;
    max-height: 20em;
    overflow-y: scroll;
}

.export_table_select th{
    text-align: center;
    vertical-align: middle;
}

.export_table_select .all{
    font-weight: bold;
    border-bottom: 1px solid black;
}

.export_structure, .export_data{
    text-align: center;
}

.export_table_name{
    vertical-align: middle;
}

.exportoptions h3,
.importoptions h3{
    border-bottom: 1px #ccc solid;
    font-size: 110%;
}

.exportoptions ul,
.importoptions ul,
.format_specific_options ul{
    list-style-type: none;
    margin-bottom: 15px;
}

.exportoptions li,
.importoptions li{
    margin: 7px;
}
.exportoptions label,
.importoptions label,
.exportoptions p,
.importoptions p{
    margin: 5px;
    float: none;
}

#csv_options label.desc,
#ldi_options label.desc,
#latex_options label.desc,
#output label.desc{
    float: <?php echo $left;?>;
    width: 15em;
}

.exportoptions,
.importoptions{
    margin: 20px 30px 30px;
    margin-<?php echo $left;?>: 10px;
}

.exportoptions #buttonGo,
.importoptions #buttonGo{
    padding: 5px 12px;
    text-decoration: none;
    cursor: pointer;
    margin: 0;
}
#buttonGo:hover{

}

.format_specific_options h3{
    margin: 10px 0 0;
    margin-<?php echo $left;?>: 10px;
    border: 0;
}

.format_specific_options{
    border: 1px solid #999;
    margin: 7px 0;
    padding: 3px;
}

p.desc{
    margin: 5px;
}

/**
  * Export styles only
  */
select#db_select,
select#table_select{
    width: 400px;
}

.export_sub_options{
    margin: 20px 0 0;
    margin-<?php echo $left;?>: 30px;
}

.export_sub_options h4{
    border-bottom: 1px #999 solid;
}

.export_sub_options li.subgroup{
    display: inline-block;
    margin-top: 0;
}

.export_sub_options li{
    margin-bottom: 0;
}

#output_quick_export{
    display: none;
}
/**
 * Import styles only
 */

.importoptions #import_notification{
    margin: 10px 0;
    font-style: italic;
}

input#input_import_file{
    margin: 5px;
}

.formelementrow{
    margin: 5px 0 5px 0;
}

#popup_background{
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    <?php echo $left;?>: 0;
    background: #000;
    z-index: 1000;
    overflow: hidden;
}

/**
 * Table structure styles
 */
#fieldsForm ul.table-structure-actions{
    margin: 0;
    padding: 0;
    list-style: none;
}
#fieldsForm ul.table-structure-actions li{
    float: <?php echo $left;?>;
    margin-<?php echo $right;?>: 0.3em; /* same as padding of "table td" */
}
#fieldsForm ul.table-structure-actions .submenu li{
    padding: 0;
    margin: 0;
}
#fieldsForm ul.table-structure-actions .submenu li span{
    padding: 0.3em;
    margin: 0.1em;
}
#structure-action-links a{
    margin-<?php echo $right;?>: 1em;
}
/**
 * Indexes
 */
#index_frm .index_info input,
#index_frm .index_info select{
    width: 14em;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

#index_frm .index_info div{
    padding: .2em 0;
}

#index_frm .index_info .label{
    float: <?php echo $left;?>;
    min-width: 12em;
}

#index_frm .slider{
    width: 10em;
    margin: .6em;
    float: <?php echo $left;?>;
}

#index_frm .add_fields{
    float: <?php echo $left;?>;
}

#index_frm .add_fields input{
    margin-<?php echo $left;?>: 1em;
}

#index_frm input{
    margin: 0;
}

#index_frm td{
    vertical-align: middle;
}

table#index_columns{
    width: 100%;
}

table#index_columns select{
    width: 85%;
    float: right;
}

#move_columns_dialog div{
    padding: 1em;
}

#move_columns_dialog ul{
    list-style: none;
    margin: 0;
    padding: 0;
}

#move_columns_dialog li{
    background: <?php echo $GLOBALS['cfg']['TableBackground'];?>;
    border: 1px solid #aaa;
    color: <?php echo $GLOBALS['cfg']['TableText'];?>;
    font-weight: bold;
    margin: .4em;
    padding: .2em;
}

/* config forms */
.config-form ul.tabs{
    margin: 1.1em .2em 0;
    padding: 0 0 .3em 0;
    list-style: none;
    font-weight: bold;
}

.config-form ul.tabs li{
    float: <?php echo $left;?>;
    margin-bottom: -1px;
}

.config-form ul.tabs li a{
    display: block;
    margin: .1em .2em 0;
    white-space: nowrap;
    text-decoration: none;
    border: 1px solid <?php echo $GLOBALS['cfg']['NaviBackground1'];?>;
    border-bottom: 1px solid <?php echo $GLOBALS['cfg']['NaviText'];?>;
    color: <?php echo $GLOBALS['cfg']['NaviText'];?>;
    font-family: "open sans bold";
    padding: 7px 10px;
    background: <?php echo $GLOBALS['cfg']['NaviBackground1'];?>;
}

.config-form ul.tabs li a:hover,
.config-form ul.tabs li a:active{
    background: <?php echo $GLOBALS['cfg']['NaviActive'];?>;
}

.config-form ul.tabs li.active a{
    background-color: <?php echo $GLOBALS['cfg']['NaviActive'];?>;
    margin-top: 1px;
    color: <?php echo $GLOBALS['cfg']['NaviText'];?>;
    border-color: <?php echo $GLOBALS['cfg']['NaviText'];?>;
    border-bottom: 1px solid <?php echo $GLOBALS['cfg']['NaviText'];?>;
}

.config-form fieldset{
    margin-top: 0;
    padding: 0;
    clear: both;
    background: <?php echo $GLOBALS['cfg']['NoticeBackground'];?>;
    background-color: <?php echo $GLOBALS['cfg']['NoticeBackground'];?>;
}

.config-form legend{
    display: none;
}

.config-form fieldset p{
    margin: 0;
    padding: 10px;
    font-family: <?php echo $GLOBALS['cfg']['FontFamilyLight'];?>;
    font-size: 16px;
}

.config-form fieldset .errors{ /* form error list */
    margin: 0 -2px 1em;
    padding: .5em 1.5em;
    background: #FBEAD9;
    border: 0 #C83838 solid;
    border-width: 1px 0;
    list-style: none;
    font-family: sans-serif;
    font-size: small;
}

.config-form fieldset .inline_errors{ /* field error list */
    margin: .3em .3em .3em;
    margin-<?php echo $left;?>: 0;
    padding: 0;
    list-style: none;
    color: #9A0000;
    font-size: small;
}

.config-form fieldset label{
    font-weight: normal;
}

.config-form fieldset textarea,
.insertRowTable textarea{
    margin: 5px;
    padding: 5px;
}

.config-form fieldset th{
    padding: 10px;
    padding-<?php echo $left;?>: .5em;
    text-align: <?php echo $left;?>;
    vertical-align: top;
    width: 40%;
}

.config-form fieldset .doc,
.config-form fieldset .disabled-notice{
    margin-<?php echo $left;?>: 1em;
}

.config-form fieldset .disabled-notice{
    font-size: 80%;
    text-transform: uppercase;
    color: #E00;
    cursor: help;
}

.config-form fieldset td{
    padding-top: .3em;
    padding-bottom: .3em;
    vertical-align: top;
}

.config-form fieldset th small{
    display: block;
    font-weight: normal;
    font-family: sans-serif;
    font-size: x-small;
    color: <?php echo $GLOBALS['cfg']['MainTextFaded'];?>;
}

.config-form fieldset th,
.config-form fieldset td{
    border-bottom: 1px <?php echo $GLOBALS['cfg']['NaviBackground1'];?> solid;
    border-<?php echo $right;?>: none;
}

fieldset .group-header th{
    background: <?php echo $GLOBALS['cfg']['TableHeader'];?>;
}

fieldset .group-header + tr th{
    padding-top: .6em;
}

fieldset .group-field-1 th,
fieldset .group-header-2 th{
    padding-<?php echo $left;?>: 1.5em;
}

fieldset .group-field-2 th,
fieldset .group-header-3 th{
    padding-<?php echo $left;?>: 3em;
}

fieldset .group-field-3 th{
    padding-<?php echo $left;?>: 4.5em;
}

fieldset .disabled-field th,
fieldset .disabled-field th small,
fieldset .disabled-field td{
    color: #666;
    background-color: #ddd;
}

form.create_table_form fieldset.tblFooters,
form#multi_edit_central_columns fieldset.tblFooters{
    background: none;
    border: none;
}

form#tableOptionsForm input[name="comment"], form#tableOptionsForm select[name="tbl_collation"]{
    width: 130px;
}

form#formDatabaseComment .tblFooters,
form#create_table_form_minimal .tblFooters,
form#rename_db_form .tblFooters,
form#copy_db_form .tblFooters,
form#change_db_charset_form .tblFooters,
form#alterTableOrderby .tblFooters,
form#moveTableForm .tblFooters,
form#copyTable .tblFooters,
form#tableOptionsForm .tblFooters{
    margin-top: -40px;
}

#create_table_form_minimal{
    display: block;
}

#fieldset_zoom_search table th,
#fieldset_zoom_search table td{
    line-height: 35px;
}

#fieldset_table_qbe table th,
#fieldset_table_qbe table td{
    line-height: 35px;
}

#fieldset_delete_user_footer{
    margin-top: -59px;
}

#db_or_table_specific_priv .tblFooters{
    margin-top: -68px;
}

#edit_user_dialog,
#add_user_dialog{
    margin: 20px !important;
}

.config-form .lastrow{
    padding: .5em;
    text-align: center;
}

/* form elements */

.config-form span.checkbox{
    padding: 2px;
    display: inline-block;
}

.config-form .custom{ /* customized field */
    background: #FFC;
}

.config-form span.checkbox.custom{
    padding: 1px;
    border: 1px #EDEC90 solid;
    background: #FFC;
}

.config-form img.ic_s_reload{
    -webkit-filter: invert(70%);
    filter: invert(70%);
}

.config-form .field-error{
    border-color: #A11 !important;
}

.config-form .field-comment-mark{
    font-family: serif;
    color: #007;
    cursor: help;
    padding: 0 .2em;
    font-weight: bold;
    font-style: italic;
}

.config-form .field-comment-warning{
    color: #A00;
}

/* error list */
.config-form dd{
    margin-<?php echo $left;?>: .5em;
}

.config-form dd:before{
    content: "\25B8  ";
}

.click-hide-message{
    cursor: pointer;
}

.prefsmanage_opts{
    margin-<?php echo $left;?>: 2em;
}

#prefs_autoload{
    margin-bottom: .5em;
    margin-left: .5em;
}

#placeholder .button{
    position: absolute;
    cursor: pointer;
}

#placeholder div.button{
    font-size: smaller;
    color: #999;
    background-color: #eee;
    padding: 2px;
}

.wrapper{
    float: <?php echo $left;?>;
    margin-bottom: 1.5em;
}
.toggleButton{
    position: relative;
    cursor: pointer;
    font-size: .8em;
    text-align: center;
    line-height: 1.4em;
    height: 1.55em;
    overflow: hidden;
    border-right: .1em solid #888;
    border-left: .1em solid #888;
}
.toggleButton table,
.toggleButton td,
.toggleButton img{
    padding: 0;
    position: relative;
}
.toggleButton .container{
    position: absolute;
}
.toggleButton .container td{
    background-image: none;
    background: none;
}
.toggleButton .toggleOn{
    color: #fff;
    padding: 0 1em;
}
.toggleButton .toggleOff{
    padding: 0 1em;
}

.doubleFieldset fieldset{
    width: 48%;
    float: <?php echo $left;?>;
    padding: 0;
}
.doubleFieldset fieldset.left{
    margin-<?php echo $right;?>: 1%;
}
.doubleFieldset fieldset.right{
    margin-<?php echo $left;?>: 1%;
}
.doubleFieldset legend{
    margin-<?php echo $left;?>: 1.5em;
}
.doubleFieldset div.wrap{
    padding: 1.5em;
}

form.append_fields_form .tblFooters{
    background: none;
    border: none;
}

#table_columns input[type="text"],
#table_columns input[type="password"],
#table_columns input[type="number"],
#table_columns input[type="date"],
#table_columns select{
    width: 10em;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

#table_columns select{
    margin: 6px;
}

#placeholder{
    position: relative;
    border: 1px solid #aaa;
    float: <?php echo $right;?>;
    overflow: hidden;
}

.placeholderDrag{
    cursor: move;
}

#placeholder .button{
    position: absolute;
}

#left_arrow{
    left: 8px;
    top: 26px;
}

#right_arrow{
    left: 26px;
    top: 26px;
}

#up_arrow{
    left: 17px;
    top: 8px;
}

#down_arrow{
    left: 17px;
    top: 44px;
}

#zoom_in{
    left: 17px;
    top: 67px;
}

#zoom_world{
    left: 17px;
    top: 85px;
}

#zoom_out{
    left: 17px;
    top: 103px;
}

.colborder{
    cursor: col-resize;
    height: 100%;
    margin-<?php echo $left;?>: -6px;
    position: absolute;
    width: 5px;
}

.colborder_active{
    border-<?php echo $right;?>: 2px solid #a44;
}

.pma_table td{
    position: static;
}

.pma_table th.draggable span,
.pma_table tbody td span{
    display: block;
    overflow: hidden;
}

.pma_table tbody td span code span{
    display: inline;
}

.modal-copy input{
    display: block;
    width: 100%;
    margin-top: 1.5em;
    padding: .3em 0;
}

.cRsz{
    position: absolute;
}

.cCpy{
    background: #333;
    color: #FFF;
    font-weight: bold;
    margin: .1em;
    padding: .3em;
    position: absolute;
}

.cPointer{
    background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath('col_pointer.png');?>);
    height: 20px;
    margin-<?php echo $left;?>: -5px;  /* must be minus half of its width */
    margin-top: -10px;
    position: absolute;
    width: 10px;
}

.tooltip{
    background: #333 !important;
    opacity: .8 !important;
    border: 1px solid #000 !important;
    font-size: 10px !important;
    font-weight: normal !important;
    padding: 5px !important;
    width: 260px;
    line-height: 1.5;
}

.tooltip *{
    background: none !important;
    color: #FFF !important;
}

.cDrop{
    left: 0;
    position: absolute;
    top: 0;
}

.coldrop{
    background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath('col_drop.png');?>);
    cursor: pointer;
    height: 16px;
    margin-<?php echo $left;?>: .3em;
    margin-top: .3em;
    position: absolute;
    width: 16px;
}

.coldrop:hover,
.coldrop-hover{
    background-color: #999;
}

.cList{
    background: #fff;
    border: solid 1px #ccc;
    position: absolute;
}

.cList .lDiv div{
    padding: .2em .5em .2em;
    padding-<?php echo $left;?>: .2em;
}

.cList .lDiv div:hover{
    background: <?php echo $GLOBALS['cfg']['NaviBackground2'];?>;
    cursor: pointer;
    color: #fff;
}

.cList .lDiv div input{
    cursor: pointer;
}

.showAllColBtn{
    border-bottom: solid 1px #ccc;
    border-top: solid 1px #ccc;
    cursor: pointer;
    font-size: .9em;
    font-family: open sans bold;
    padding: .35em 1em;
    text-align: center;
    font-weight: normal;
}

.showAllColBtn:hover{
    background: <?php echo $GLOBALS['cfg']['NaviBackground2'];?>;
    cursor: pointer;
    color: #fff;
}

#page_content{
    line-height: 1.5;
}

.navigation{
    width: 100%;
    background-color: <?php echo $GLOBALS['cfg']['NaviBackground2'];?>;
    color: <?php echo $GLOBALS['cfg']['NaviText'];?>;
}

.navigation td{
    margin: 0;
    padding: 0;
    vertical-align: middle;
    white-space: nowrap;
}

.navigation_separator{
    color: #eee;
    display: inline-block;
    font-size: 1.5em;
    text-align: center;
    height: 1.4em;
}

.navigation input[type=submit]{
    background: <?php echo $GLOBALS['cfg']['InputBackground'];?>;
    border: none;
    filter: none;
    margin: 5px;
    padding: 0.4em;
    color: <?php echo $GLOBALS['cfg']['InputText'];?>;
}

.navigation input[type=submit]:hover, .navigation input.edit_mode_active{
    color: <?php echo $GLOBALS['cfg']['InputText'];?>;
    cursor: pointer;
    background-color: <?php echo $GLOBALS['cfg']['InputBackground'];?>;
}

.navigation select{
    margin: 0 0.8em;
    border: none;
}

.navigation input[type=text]{
    border: none;
}

.navigation_goto{
    width: 100%;
}

.insertRowTable td, .insertRowTable th{
    vertical-align: middle;
}

.cEdit{
    margin: 0;
    padding: 0;
    position: absolute;
}

.cEdit input[type=text],
.cEdit input[type=password],
.cEdit input[type=number]{
    background: #FFF;
    height: 100%;
    margin: 0;
    padding: 0;
}

.cEdit .edit_area{
    background: #FFF;
    border: 1px solid #999;
    min-width: 10em;
    padding: .3em .5em;
}

.cEdit .edit_area select,
.cEdit .edit_area textarea{
    width: 97%;
}

.cEdit .cell_edit_hint{
    color: #555;
    font-size: .8em;
    margin: .3em .2em;
}

.cEdit .edit_box{
    overflow: hidden;
    padding: 0;
    margin-top: 10px;
}

.cEdit .edit_box_posting{
    background: #FFF url(<?php echo $_SESSION['PMA_Theme']->getImgPath('ajax_clock_small.gif');?>) no-repeat right center;
    padding-<?php echo $right;?>: 1.5em;
}

.cEdit .edit_area_loading{
    background: #FFF url(<?php echo $_SESSION['PMA_Theme']->getImgPath('ajax_clock_small.gif');?>) no-repeat center;
    height: 10em;
}

.cEdit .goto_link{
    background: #EEE;
    color: #555;
    padding: .2em .3em;
}

.saving_edited_data{
    background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath('ajax_clock_small.gif');?>) no-repeat left;
    padding-<?php echo $left;?>: 20px;
}

.relationalTable select{
    width: 125px;
    margin-right: 5px;
}

/* css for timepicker */
.ui-timepicker-div .ui-widget-header{ margin-bottom: 8px; }
.ui-timepicker-div dl{ text-align: <?php echo $left;?>; }
.ui-timepicker-div dl dt{ height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd{ margin: 0 10px 10px 85px; }
.ui-timepicker-div td{ font-size: 90%; }
.ui-tpicker-grid-label{ background: none; border: none; margin: 0; padding: 0; }
.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl{ text-align: right; }
.ui-timepicker-rtl dl dd{ margin: 0 65px 10px 10px; }

input.btn{
    color: #333;
    background-color: #D0DCE0;
}

body .ui-widget{
    font-size: 1em;
}

.ui-dialog fieldset legend a{
    color: #235A81;
}

.report-data{
    height:13em;
    overflow:scroll;
    width:570px;
    border: solid 1px;
    background: white;
    padding: 2px;
}

.report-description{
    height:10em;
    width:570px;
}

div#page_content div#tableslistcontainer table.data{
    border-top: 0.1px solid #EEEEEE;
}

div#page_content form#db_search_form.ajax fieldset{
    margin-top: -0.3em;
}

div#page_content div#tableslistcontainer, div#page_content div.notice, div#page_content div.result_query{
    margin-top: 1em;
}

table.show_create{
    margin-top: 1em;
}

table.show_create td{
    border-right: 1px solid #bbb;
}

#alias_modal table th{
    vertical-align: middle;
    padding-left: 1em;
}

#alias_modal label.col-2{
    min-width: 20%;
    display: inline-block;
}

#alias_modal select{
    width: 25%;
    margin-right: 2em;
}

#alias_modal label{
    font-weight: bold;
}

.small_font{
    font-size: smaller;
}

/* Console styles */
#pma_console_container{
    width: 100%;
    position: fixed;
    bottom: 0;
    <?php echo $left;?>: 0;
    z-index: 100;
}
#pma_console{
    position: relative;
    margin-<?php echo $left;?>: 250px;
}
#pma_console .templates{
    display: none;
}
#pma_console .mid_text,
#pma_console .toolbar span{
    vertical-align: middle;
}
#pma_console .toolbar{
    position: relative;
    background: <?php echo $GLOBALS['cfg']['ToolbarBackground'];?>;
    border-top: solid 1px #ccc;
    cursor: n-resize;
}
#pma_console .toolbar.collapsed:not(:hover){
    display: inline-block;
    border-<?php echo $right;?>: solid 1px #ccc;
}
#pma_console .toolbar.collapsed{
    cursor: default;
}
#pma_console .toolbar.collapsed>.button{
    display: none;
}
#pma_console .message span.text,
#pma_console .message span.action,
#pma_console .toolbar .button,
#pma_console .toolbar .text,
#pma_console .switch_button{
    padding: 0 3px;
    display: inline-block;
}
#pma_console .message span.action,
#pma_console .toolbar .button,
#pma_console .switch_button{
    cursor: pointer;
}
#pma_console .toolbar .text{
    font-weight: bold;
}
#pma_console .toolbar .button,
#pma_console .toolbar .text{
    margin-<?php echo $right;?>: .4em;
}
#pma_console .toolbar .button,
#pma_console .toolbar .text{
    float: <?php echo $right;?>;
}
#pma_console .content{
    overflow-x: hidden;
    overflow-y: auto;
    margin-bottom: -65px;
    border-top: solid 1px #ccc;
    background: <?php echo $GLOBALS['cfg']['ConsoleBackground'];?>;
    padding-top: .4em;
}
#pma_console .content.console_dark_theme{
    background: #000;
    color: #fff;
}
#pma_console .content.console_dark_theme .CodeMirror-wrap{
    background: #000;
    color: #fff;
}
#pma_console .content.console_dark_theme .action_content{
    color: #000;
}
#pma_console .content.console_dark_theme .message{
    border-color: #373B41;
}
#pma_console .content.console_dark_theme .CodeMirror-cursor{
    border-color: #fff;
}
#pma_console .content.console_dark_theme .cm-keyword{
    color: #de935f;
}
#pma_console .message,
#pma_console .query_input{
    position: relative;
    font-family: Monaco, Consolas, monospace;
    cursor: text;
    margin: 0 10px .2em 1.4em;
}
#pma_console .message{
    border-bottom: solid 1px #ccc;
    padding-bottom: .2em;
}
#pma_console .message.expanded>.action_content{
    position: relative;
}
#pma_console .message:before,
#pma_console .query_input:before{
    left: -0.7em;
    position: absolute;
    content: ">";
}
#pma_console .query_input:before{
    top: -2px;
}
#pma_console .query_input textarea{
    width: 100%;
    height: 4em;
    resize: vertical;
}
#pma_console .message:hover:before{
    color: #7cf;
    font-weight: bold;
}
#pma_console .message.expanded:before{
    content: "]";
}
#pma_console .message.welcome:before{
    display: none;
}
#pma_console .message.failed:before,
#pma_console .message.failed.expanded:before,
#pma_console .message.failed:hover:before{
    content: "=";
    color: #944;
}
#pma_console .message.pending:before{
    opacity: .3;
}
#pma_console .message.collapsed>.query{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
#pma_console .message.expanded>.query{
    display: block;
    white-space: pre;
    word-wrap: break-word;
}
#pma_console .message .text.targetdb,
#pma_console .message.collapsed .action.collapse,
#pma_console .message.expanded .action.expand,
#pma_console .message .action.requery,
#pma_console .message .action.profiling,
#pma_console .message .action.explain,
#pma_console .message .action.bookmark{
    display: none;
}
#pma_console .message.select .action.profiling,
#pma_console .message.select .action.explain,
#pma_console .message.history .text.targetdb,
#pma_console .message.successed .text.targetdb,
#pma_console .message.history .action.requery,
#pma_console .message.history .action.bookmark,
#pma_console .message.bookmark .action.requery,
#pma_console .message.bookmark .action.bookmark,
#pma_console .message.successed .action.requery,
#pma_console .message.successed .action.bookmark{
    display: inline-block;
}
#pma_console .message .action_content{
    position: absolute;
    bottom: 100%;
    background: #ccc;
    border: solid 1px #aaa;
}
html.ie8 #pma_console .message .action_content{
    position: relative!important;
}
#pma_console .message.bookmark .text.targetdb,
#pma_console .message .text.query_time{
    margin: 0;
    display: inline-block;
}
#pma_console .message.failed .text.query_time,
#pma_console .message .text.failed{
    display: none;
}
#pma_console .message.failed .text.failed{
    display: inline-block;
}
#pma_console .message .text{
    background: #fff;
}
#pma_console .message.collapsed>.action_content{
    display: none;
}
#pma_console .message.collapsed:hover>.action_content{
    display: block;
}
#pma_console .message .bookmark_label{
    padding: 0 4px;
    top: 0;
    background: #369;
    color: #fff;
}
#pma_console .message .bookmark_label.shared{
    background: #396;
}
#pma_console .query_input{
    position: relative;
}
#pma_console .mid_layer{
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    /* For support IE8, this layer doesn't use filter:opacity or opacity,
    js code will fade this layer opacity to 0.18(using animation) */
    background: #ccc;
    display: none;
    cursor: pointer;
    z-index: 200;
}
#pma_console .card{
    position: absolute;
    width: 94%;
    height: 100%;
    min-height: 48px;
    <?php echo $left;?>: 100%;
    top: 0;
    border-<?php echo $left;?>: solid 1px #999;
    z-index: 300;
    transition: <?php echo $left;?> 0.2s;
    -ms-transition: <?php echo $left;?> 0.2s;
    -webkit-transition: <?php echo $left;?> 0.2s;
    -moz-transition: <?php echo $left;?> 0.2s;
}
#pma_console .card.show{
    <?php echo $left;?>: 6%;
}

html.ie7 #pma_console .query_input{
    display: none;
}

#pma_bookmarks .content.add_bookmark,
#pma_console_options .content{
    padding: 4px 6px;
}
#pma_bookmarks .content.add_bookmark .options{
    margin-<?php echo $left;?>: 1.4em;
    padding-bottom: .4em;
    margin-bottom: .4em;
    border-bottom: solid 1px #ccc;
}
#pma_bookmarks .content.add_bookmark .options button{
    margin: 0 7px;
    vertical-align: bottom;
}
#pma_bookmarks .content.add_bookmark input[type=text]{
    margin: 0;
    padding: 2px 4px;
}
#pma_console .button.hide,
#pma_console .message span.text.hide{
    display: none;
}
#debug_console.grouped .ungroup_queries,
#debug_console.ungrouped .group_queries{
    display: inline-block;
}
#debug_console.ungrouped .ungroup_queries,
#debug_console.ungrouped .sort_count,
#debug_console.grouped .group_queries{
    display: none;
}
#debug_console .count{
    margin-right: 8px;
}
#debug_console .show_trace .trace,
#debug_console .show_args .args{
    display: block;
}
#debug_console .hide_trace .trace,
#debug_console .hide_args .args,
#debug_console .show_trace .action.dbg_show_trace,
#debug_console .hide_trace .action.dbg_hide_trace,
#debug_console .traceStep.hide_args .action.dbg_hide_args,
#debug_console .traceStep.show_args .action.dbg_show_args{
    display: none;
}

#debug_console .traceStep:after,
#debug_console .trace.welcome:after,
#debug_console .debug>.welcome:after{
    content: "";
    display: table;
    clear: both;
}
#debug_console .debug_summary{
    float: left;
}
#debug_console .trace.welcome .time{
    float: right;
}
#debug_console .traceStep .file,
#debug_console .script_name{
    float: right;
}
#debug_console .traceStep .args pre{
    margin: 0;
}

/* Code mirror console style*/

.cm-s-pma .CodeMirror-code pre,
.cm-s-pma .CodeMirror-code{
    font-family: Monaco, Consolas, monospace;
}
.cm-s-pma .CodeMirror-measure>pre,
.cm-s-pma .CodeMirror-code>pre,
.cm-s-pma .CodeMirror-lines{
    padding: 0;
}
.cm-s-pma.CodeMirror{
    resize: none;
    height: auto;
    width: 100%;
    min-height: initial;
    max-height: initial;
}
.firefox .cm-s-pma.CodeMirror{
    font-size: 120%;
}
.cm-s-pma .CodeMirror-scroll{
    cursor: text;
}

/* PMA drop-improt style */

.pma_drop_handler{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
    height: 100%;
    z-index: 999;
    color: white;
    font-size: 30pt;
    text-align: center;
    padding-top: 20%;
}

.pma_sql_import_status{
    display: none;
    position: fixed;
    bottom: 0;
    right: 25px;
    width: 400px;
    border: 1px solid #999;
    background: #f3f3f3;
}

.pma_sql_import_status h2,
.pma_drop_result h2{
    background-color: #bbb;
    padding: .1em .3em;
    margin-top: 0;
    margin-bottom: 0;
    color: #fff;
    font-size: 1.6em;
    font-weight: normal;
}

.pma_sql_import_status div{
    height: 270px;
    overflow-y:auto;
    overflow-x:hidden;
    list-style-type: none;
}

.pma_sql_import_status div li{
    padding: 8px 10px;
    border-bottom: 1px solid #bbb;
    color: rgb(148, 14, 14);
    background: white;
}

.pma_sql_import_status div li .filesize{
    float: right;
}

.pma_sql_import_status h2 .minimize{
    float: right;
    margin-right: 5px;
    padding: 0 10px;
}

.pma_sql_import_status h2 .close{
    float: right;
    margin-right: 5px;
    padding: 0 10px;
    display: none;
}

.pma_sql_import_status h2 .minimize:hover,
.pma_sql_import_status h2 .close:hover,
.pma_drop_result h2 .close:hover{
    background: rgba(155, 149, 149, 0.78);
    cursor: pointer;
}

.pma_drop_file_status{
    color: #235a81;
}

.pma_drop_file_status span.underline:hover{
    cursor: pointer;
    text-decoration: underline;
}

.pma_drop_result{
    position: fixed;
    top: 10%;
    left: 20%;
    width: 60%;
    background: white;
    min-height: 300px;
    z-index: 800;
    cursor: move;
}

.pma_drop_result h2 .close{
    float: right;
    margin-right: 5px;
    padding: 0 10px;
}

.dependencies_box{
    background-color: white;
    border: 3px ridge black;
}

#composite_index_list{
    list-style-type: none;
    list-style-position: inside;
}

span.drag_icon{
    display: inline-block;
    background-image: url('<?php echo $_SESSION['PMA_Theme']->getImgPath('s_sortable.png');?>');
    background-position: center center;
    background-repeat: no-repeat;
    width: 1em;
    height: 3em;
    cursor: move;
}

.topmargin{
    margin-top: 1em;
}

/* styles for sortable tables created with tablesorter jquery plugin */
th.header{
    cursor: pointer;
    color: #235a81;
}

th.header:hover{
    text-decoration: underline;
}

th.header .sorticon{
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: right center;
    display: inline-table;
    vertical-align: middle;
    float: right;
}

th.headerSortUp .sorticon, th.headerSortDown:hover .sorticon{
    background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath('s_desc.png');?>);
}

th.headerSortDown .sorticon, th.headerSortUp:hover .sorticon{
    background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath('s_asc.png');?>);
}
/* end of styles of sortable tables */

/* styles for jQuery-ui to support rtl languages */
body .ui-dialog .ui-dialog-titlebar-close{
    <?php echo $right;?>: .3em;
    <?php echo $left;?>: initial;
}

body .ui-dialog .ui-dialog-title{
    float: <?php echo $left;?>;
}

body .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{
    float: <?php echo $right;?>;
}
/* end of styles for jQuery-ui to support rtl languages */

/* Override some jQuery-ui styling to have square corners */
body .ui-corner-all,
body .ui-corner-top,
body .ui-corner-left,
body .ui-corner-tl{
    border-top-left-radius: 0;
}
body .ui-corner-all,
body .ui-corner-top,
body .ui-corner-right,
body .ui-corner-tr{
    border-top-right-radius: 0;
}
body .ui-corner-all,
body .ui-corner-bottom,
body .ui-corner-left,
body .ui-corner-bl{
    border-bottom-left-radius: 0;
}
body .ui-corner-all,
body .ui-corner-bottom,
body .ui-corner-right,
body .ui-corner-br{
    border-bottom-right-radius: 0;
}
/* Override  jQuery-ui styling for ui-dialog */
body .ui-dialog{
    padding: 0;
}
body .ui-dialog .ui-widget-header{
    color: <?php echo $GLOBALS['cfg']['InputText'];?>;
    border: none;
    background-color: <?php echo $GLOBALS['cfg']['NaviBackground2'];?>;
    background-image: none;
}
body .ui-dialog .ui-dialog-title{
    padding: 5px;
    font-weight: normal;
}
body .ui-dialog .ui-dialog-buttonpane button{
    font-family: <?php echo $GLOBALS['cfg']['FontFamily'];?>;
    color: <?php echo $GLOBALS['cfg']['InputText'];?>;
    background-color: <?php echo $GLOBALS['cfg']['NaviBackground2'];?>;
    background-image: none;
    border: 1px solid <?php echo $GLOBALS['cfg']['InputBackground'];?>;
}
body .ui-dialog .ui-dialog-buttonpane button.ui-state-hover{
    background-color: <?php echo $GLOBALS['cfg']['InputBackgroundHover'];?>;
    border: 1px solid <?php echo $GLOBALS['cfg']['InputBackgroundHover'];?>;
}
body .ui-dialog .ui-dialog-buttonpane button.ui-state-active{
    background-color: #333;
    border: 1px solid #333;
}


text: from .HTTPWebSocketsHandler import HTTPWebSocketsHandler

redpajama_set_name: RedPajamaGithub


text:
<?php

namespace app\models;

use Yii;

/**
 * This is the model class for table "drivers".
 *
 * @property string $driver_id
 * @property integer $company_id
 * @property string $driver_name
 * @property string $driver_address
 * @property string $driver_image
 * @property string $driver_phone
 * @property integer $record_status
 *
 * @property Companies $company
 * @property Vehicles[] $vehicles
 */
class Driver extends \yii\db\ActiveRecord
{
    public static function tableName()
    {
        return 'drivers';
    }

    public function rules()
    {
        return [
            [['company_id', 'driver_name', 'driver_address', 'driver_phone'], 'required'],
            [['company_id', 'record_status'], 'integer'],
            [['driver_name', 'driver_address', 'driver_image', 'driver_phone'], 'string', 'max' => 255],
            [['driver_phone', 'driver_name'], 'unique'],
            [['driver_image'], 'file', 'extensions' => 'jpg, gif, png'],
            ['company_id', 'exist', 'targetClass' => '\app\models\Company', 'targetAttribute' => 'company_id']
        ];
    }

    public function attributeLabels()
    {
        return [
            'driver_id' => 'Driver ID',
            'company_id' => 'Company ID',
            'driver_name' => 'Driver Name',
            'driver_address' => 'Driver Address',
            'driver_image' => 'Driver Image',
            'driver_phone' => 'Driver Phone',
            'record_status' => 'Record Status',
        ];
    }

    public function getCompany()
    {
        return Company::find()
            ->where(['company_id' => $this->company_id])
                ->one();
    }

    public function getVehicle()
    {
        return Vehicle::find()
            ->where(['driver_id' => $this->driver_id])
                ->one();
    }
}


text:
using System.Globalization;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Controls.Primitives;
using System.Windows.Input;
using MahApps.Metro.Controls;
using MahApps.Metro.Tests.TestHelpers;
using Xunit;

namespace MahApps.Metro.Tests
{
    public class NumericUpDownTests : AutomationTestBase
    {
        [Fact]
        [DisplayTestMethodName]
        public async Task ShouldConvertTextInputWithSnapToMultipleOfInterval()
        {
            await TestHost.SwitchToAppThread();
            var window = await WindowHelpers.CreateInvisibleWindowAsync<NumericUpDownWindow>().ConfigureAwait(false);
            await TestHost.SwitchToAppThread();

            var textBox = window.TheNUD.FindChild<TextBox>(string.Empty);
            Assert.NotNull(textBox);

            var numUp = window.TheNUD.FindChild<RepeatButton>("PART_NumericUp");
            Assert.NotNull(numUp);
            var numDown = window.TheNUD.FindChild<RepeatButton>("PART_NumericDown");
            Assert.NotNull(numDown);

            window.TheNUD.Interval = 0.1;
            window.TheNUD.SnapToMultipleOfInterval = true;

            window.TheNUD.Value = 0;
            for (int i = 1; i < 15; i++)
            {
                numUp.RaiseEvent(new RoutedEventArgs(ButtonBase.ClickEvent));
                Assert.Equal(0d + 0.1 * i, window.TheNUD.Value);
            }

            window.TheNUD.Value = 0;
            for (int i = 1; i < 15; i++)
            {
                numDown.RaiseEvent(new RoutedEventArgs(ButtonBase.ClickEvent));
                Assert.Equal(0d - 0.1 * i, window.TheNUD.Value);
            }
        }

        [Fact]
        [DisplayTestMethodName]
        public async Task ShouldConvertTextInput()
        {
            await TestHost.SwitchToAppThread();
            var window = await WindowHelpers.CreateInvisibleWindowAsync<NumericUpDownWindow>().ConfigureAwait(false);
            await TestHost.SwitchToAppThread();

            var textBox = window.TheNUD.FindChild<TextBox>(string.Empty);
            Assert.NotNull(textBox);

            window.TheNUD.NumericInputMode = NumericInput.All;

            SetText(textBox, "42");
            Assert.Equal(42d, window.TheNUD.Value);

            SetText(textBox, "42.2");
            Assert.Equal(42.2d, window.TheNUD.Value);

            SetText(textBox, ".");
            Assert.Equal(0d, window.TheNUD.Value);

            SetText(textBox, ".9");
            Assert.Equal(0.9d, window.TheNUD.Value);

            SetText(textBox, ".0115");
            Assert.Equal(0.0115d, window.TheNUD.Value);
        }

        [Fact]
        [DisplayTestMethodName]
        public async Task ShouldConvertTextInputWithStringFormat()
        {
            await TestHost.SwitchToAppThread();
            var window = await WindowHelpers.CreateInvisibleWindowAsync<NumericUpDownWindow>().ConfigureAwait(false);
            await TestHost.SwitchToAppThread();

            var textBox = window.TheNUD.FindChild<TextBox>(string.Empty);
            Assert.NotNull(textBox);

            window.TheNUD.NumericInputMode = NumericInput.All;
            window.TheNUD.StringFormat = "{}{0:N2} cm";

            SetText(textBox, "42");
            Assert.Equal(42d, window.TheNUD.Value);
            Assert.Equal("42.00 cm", textBox.Text);

            SetText(textBox, "42.2");
            Assert.Equal(42.2d, window.TheNUD.Value);
            Assert.Equal("42.20 cm", textBox.Text);

            SetText(textBox, ".");
            Assert.Equal(0d, window.TheNUD.Value);
            Assert.Equal("0.00 cm", textBox.Text);

            SetText(textBox, ".9");
            Assert.Equal(0.9d, window.TheNUD.Value);
            Assert.Equal("0.90 cm", textBox.Text);

            SetText(textBox, ".0115");
            Assert.Equal(0.0115d, window.TheNUD.Value);
            Assert.Equal("0.01 cm", textBox.Text);

            SetText(textBox, ".0155");
            Assert.Equal(0.0155d, window.TheNUD.Value);
            Assert.Equal("0.02 cm", textBox.Text);

            SetText(textBox, "100.00 cm");
            Assert.Equal(100d, window.TheNUD.Value);
            Assert.Equal("100.00 cm", textBox.Text);

            SetText(textBox, "200.00cm");
            Assert.Equal(200d, window.TheNUD.Value);
            Assert.Equal("200.00 cm", textBox.Text);

            SetText(textBox, "200.00");
            Assert.Equal(200d, window.TheNUD.Value);
            Assert.Equal("200.00 cm", textBox.Text);
        }

        [Fact]
        [DisplayTestMethodName]
        public async Task ShouldConvertTextInputWithPercentStringFormat()
        {
            await TestHost.SwitchToAppThread();
            var window = await WindowHelpers.CreateInvisibleWindowAsync<NumericUpDownWindow>().ConfigureAwait(false);
            await TestHost.SwitchToAppThread();

            var textBox = window.TheNUD.FindChild<TextBox>(string.Empty);
            Assert.NotNull(textBox);

            window.TheNUD.NumericInputMode = NumericInput.All;

            window.TheNUD.Culture = CultureInfo.GetCultureInfo("en-EN");

            window.TheNUD.StringFormat = "{}{0:P0}";
            SetText(textBox, "100");
            Assert.Equal(100d, window.TheNUD.Value);
            Assert.Equal("100%", textBox.Text);

            SetText(textBox, "100 %");
            Assert.Equal(100d, window.TheNUD.Value);
            Assert.Equal("100%", textBox.Text);

            SetText(textBox, "100%");
            Assert.Equal(100d, window.TheNUD.Value);
            Assert.Equal("100%", textBox.Text);

            window.TheNUD.StringFormat = "{}{0:P1}";
            SetText(textBox, "-0.39678");
            Assert.Equal(-0.39678d, window.TheNUD.Value);
            Assert.Equal("-0.4%", textBox.Text);

            window.TheNUD.StringFormat = "{}{0:0%}";
            SetText(textBox, "100%");
            Assert.Equal(100d, window.TheNUD.Value);
            Assert.Equal("100%", textBox.Text);

            window.TheNUD.StringFormat = "P0";
            SetText(textBox, "50");
            Assert.Equal(50d, window.TheNUD.Value);
            Assert.Equal("50%", textBox.Text);

            window.TheNUD.StringFormat = "P1";
            SetText(textBox, "-0.39678");
            Assert.Equal(-0.39678d, window.TheNUD.Value);
            Assert.Equal("-0.4%", textBox.Text);

            window.TheNUD.Culture = CultureInfo.InvariantCulture;

            window.TheNUD.StringFormat = "{}{0:P0}";
            SetText(textBox, "10");
            Assert.Equal(10d, window.TheNUD.Value);
            Assert.Equal("10 %", textBox.Text);

            window.TheNUD.StringFormat = "{}{0:P1}";
            SetText(textBox, "-0.39678");
            Assert.Equal(-0.39678d, window.TheNUD.Value);
            Assert.Equal("-0.4 %", textBox.Text);

            window.TheNUD.StringFormat = "P0";
            SetText(textBox, "1");
            Assert.Equal(1d, window.TheNUD.Value);
            Assert.Equal("1 %", textBox.Text);

            window.TheNUD.StringFormat = "P1";
            SetText(textBox, "-0.39678");
            Assert.Equal(-0.39678d, window.TheNUD.Value);
            Assert.Equal("-0.4 %", textBox.Text);
        }

        [Fact]
        [DisplayTestMethodName]
        public async Task ShouldConvertDecimalTextInput()
        {
            await TestHost.SwitchToAppThread();
            var window = await WindowHelpers.CreateInvisibleWindowAsync<NumericUpDownWindow>().ConfigureAwait(false);
            await TestHost.SwitchToAppThread();

            var textBox = window.TheNUD.FindChild<TextBox>(string.Empty);
            Assert.NotNull(textBox);

            window.TheNUD.NumericInputMode = NumericInput.Decimal;

            SetText(textBox, "42");
            Assert.Equal(42d, window.TheNUD.Value);

            SetText(textBox, "42.2");
            Assert.Equal(42.2d, window.TheNUD.Value);

            SetText(textBox, ".");
            Assert.Equal(0d, window.TheNUD.Value);

            SetText(textBox, ".9");
            Assert.Equal(0.9d, window.TheNUD.Value);

            SetText(textBox, ".0115");
            Assert.Equal(0.0115d, window.TheNUD.Value);
        }

        [Fact]
        [DisplayTestMethodName]
        public async Task ShouldConvertNumericTextInput()
        {
            await TestHost.SwitchToAppThread();
            var window = await WindowHelpers.CreateInvisibleWindowAsync<NumericUpDownWindow>().ConfigureAwait(false);
            await TestHost.SwitchToAppThread();

            var textBox = window.TheNUD.FindChild<TextBox>(string.Empty);
            Assert.NotNull(textBox);

            window.TheNUD.NumericInputMode = NumericInput.Numbers;

            SetText(textBox, "42");
            Assert.Equal(42d, window.TheNUD.Value);

            SetText(textBox, "42.2");
            Assert.Equal(null, window.TheNUD.Value);

            SetText(textBox, ".");
            Assert.Equal(null, window.TheNUD.Value);

            SetText(textBox, ".9");
            Assert.Equal(null, window.TheNUD.Value);
        }

        [Fact]
        [DisplayTestMethodName]
        public async Task ShouldConvertHexadecimalTextInput()
        {
            await TestHost.SwitchToAppThread();
            var window = await WindowHelpers.CreateInvisibleWindowAsync<NumericUpDownWindow>().ConfigureAwait(false);
            await TestHost.SwitchToAppThread();

            var textBox = window.TheNUD.FindChild<TextBox>(string.Empty);
            Assert.NotNull(textBox);

            window.TheNUD.NumericInputMode = NumericInput.Numbers;
            window.TheNUD.ParsingNumberStyle = NumberStyles.HexNumber;

            SetText(textBox, "F");
            Assert.Equal(15d, window.TheNUD.Value);

            SetText(textBox, "1F");
            Assert.Equal(31d, window.TheNUD.Value);

            SetText(textBox, "37C5");
            Assert.Equal(14277d, window.TheNUD.Value);

            SetText(textBox, "ACDC");
            Assert.Equal(44252d, window.TheNUD.Value);

            SetText(textBox, "10000");
            Assert.Equal(65536d, window.TheNUD.Value);

            SetText(textBox, "AFFE");
            Assert.Equal(45054d, window.TheNUD.Value);

            SetText(textBox, "AFFE0815");
            Assert.Equal(2952661013d, window.TheNUD.Value);
        }

        private static void SetText(TextBox textBox, string text)
        {
            textBox.Clear();
            var textCompositionEventArgs = new TextCompositionEventArgs(Keyboard.PrimaryDevice, new TextComposition(InputManager.Current, textBox, text));
            textCompositionEventArgs.RoutedEvent = TextBox.PreviewTextInputEvent;
            textBox.RaiseEvent(textCompositionEventArgs);
            textCompositionEventArgs.RoutedEvent = TextBox.TextInputEvent;
            textBox.RaiseEvent(textCompositionEventArgs);
            textBox.RaiseEvent(new RoutedEventArgs(TextBox.LostFocusEvent));
        }
    }
}