Skip to content
GitLab
Commit 812f6e9a authored by tbrehm's avatar tbrehm
Browse files

Fixed: FS#940 - Interface is squished in Google Chrome

parent 5dc3d55f
Hide whitespace changes
Inline Side-by-side
interface/web/themes/default/css/screen/basemod.css
View file @ 812f6e9a
......@@ -36,7 +36,8 @@
/* (en) Layout: width, background, borders */
/* (de) Layout: Breite, Hintergrund, Rahmen */
/*#page_margins { min-width: 980px; max-width: 80%; background: #fff;}*/
#page_margins { min-width: 980px; max-width: 80%; background: #fff; display: inline-block;}
/* #page_margins { min-width: 980px; max-width: 80%; background: #fff; display: inline-block;}*/
#page_margins { min-width: 980px; max-width: 80%; background: #fff; display: table;}
#page{ padding: 10px; }
/* (en) Designing main layout elements */
......
interface/web/themes/default/css/screen/content_ispc.css
View file @ 812f6e9a
@charset "UTF-8";
/**
* "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
*
* (en) Uniform design of ISPConfig elements - ISPConfig 3: default theme
* (de) Einheitliche Standardformatierungen f�r ISPConfig-Elemente - ISPConfig 3: default theme
*
* @copyright Copyright 2005-2008, Dirk Jesse
* @license CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
* YAML-C (http://www.yaml.de/en/license/license-conditions.html)
* @link http://www.yaml.de
* @package yaml
* @version 3.0.6
* @revision $Revision: 202 $
* @lastmodified $Date: 2008-06-07 14:29:18 +0200 (Sa, 07 Jun 2008) $
* @appdef yaml
*/
@media all
{
.pageForm_description {
font-size: 12px;
}
/* Tab-Box */
.tabbox_tabs {
border-bottom: 1px solid #d3d3d3;
}
.tabbox_tabs ul {
list-style: none;
padding: 0;
margin: 0;
}
.tabbox_tabs li {
display: inline;
margin: 0 2px 0 0;
}
.tabbox_tabs a {
padding: 0 1em;
text-decoration: none;
color: black;
background: #d3d3d3;
border: 1px solid #d3d3d3;
}
.tabbox_tabs a:hover {
background: #fc0;
color: #540;
}
.tabbox_tabs .active a {
font-weight: bold;
color: #ff6600;
background: #ffffff;
}
.pnl_toolsarea fieldset, .pnl_listarea fieldset, .pnl_formsarea fieldset {
border-color: #6299c5 -moz-use-text-color -moz-use-text-color;
border-style: solid none none;
border-width: 1px medium medium;
margin: 20px 0;
}
.pnl_toolsarea fieldset legend , .pnl_listarea fieldset legend {
font-weight: bold;
color: #6299c5;
}
.pnl_formarea fieldset {
font-weight: bold;
}
/* hide line and legend when inside tabbed content */
#tabbox_content * .pnl_toolsarea fieldset, #tabbox_content * .pnl_listarea fieldset, #tabbox_content * .pnl_formsarea fieldset { border: none !important; }
#tabbox_content * .pnl_toolsarea fieldset legend, #tabbox_content * .pnl_listarea fieldset legend, #tabbox_content * .pnl_formsarea fieldset legend { display: none !important; }
.codeview {
margin:20px 0;
padding:2px;
border: 1px solid #ffcc00;
background: #fffaea;
font-family: Consolas, "Lucida Console", "Courier New", monospace;
font-size: 0.9em;
}
/* Lists */
table.list {
width: 100%;
border: 1px solid #d3d3d3 !important;
}
table.list thead th { font-size: 10px; }
table.list tbody { border: 1px solid #d3d3d3 !important; }
table.list tfoot td { text-align: center; background: #f8f8f8 url(../../images/lists_tfoot_bg.png) repeat-x bottom left; padding: 24px 8px 8px 8px; }
table.list .tbl_row_even { background: #fcfcfc; }
table.list .tbl_row_uneven { background: #f0f8ff; }
table.list tr:hover { background: #fffacd; }
/* Password Strength */
#passBar {
width: 101px; height: 10px;
background: url(../../images/meter_bg.gif) repeat-x bottom left;
margin: 2px 0;
float: left;
}
#passText {
padding: 0;
float: left;
}
/* Systemmonitor */
.systemmonitor-state {
margin: 10px 0;
font-family: Consolas, "Lucida Console", "Courier New", monospace;
font-size: 0.9em;
}
.systemmonitor-state.state-no_state {
border-top: 4px solid #95A19F;
background-color: #f8f8ff;
}
.systemmonitor-state.state-unknown {
border-top: 4px solid #30302e;
background-color: #cecfc5;
}
.systemmonitor-state.state-ok {
border-top: 4px solid #23fb00;
background-color: #adffa2;
}
.systemmonitor-state.state-info {
border-top: 4px solid #fdff00;
background-color: #fdffa2;
}
.systemmonitor-state.state-warning {
border-top: 4px solid #ffa800;
background-color: #ffda93;
}
.systemmonitor-state.state-critical {
border-top: 4px solid #ff0000;
background-color: #ffb9b9;
}
.systemmonitor-state.state-error {
border-top: 4px solid #ff0000;
background-color: #ff7f7f;
}
.systemmonitor-device {
background-repeat: no-repeat;
background-position: 12px 4px;
min-height: 80px;
}
.systemmonitor-device.device-system { background-image: url("../../icons/x64/network.png"); }
.systemmonitor-device.device-server { background-image: url("../../icons/x64/server.png"); }
.systemmonitor-content.icons32 {
padding:2px 10px 2px 80px;
background-repeat: no-repeat;
background-position: 12px 4px;
}
.systemmonitor-content.icons32.ico-no_state { /*background-image:url("../../icons/x32/state_no.png"); */ }
.systemmonitor-content.icons32.ico-unknown { background-image:url("../../icons/x32/state_unknown.png"); }
.systemmonitor-content.icons32.ico-ok { background-image:url("../../icons/x32/state_ok.png"); }
.systemmonitor-content.icons32.ico-info { background-image:url("../../icons/x32/state_info.png"); }
.systemmonitor-content.icons32.ico-warning { background-image:url("../../icons/x32/state_warning.png"); }
.systemmonitor-content.icons32.ico-critical { background-image:url("../../icons/x32/state_critical.png"); }
.systemmonitor-content.icons32.ico-error { background-image:url("../../icons/x32/state_error.png"); }
.systemmonitor-content table {
border: none;
margin-top: 10px;
}
.systemmonitor-content * .online {
border: 1px solid #ffffff;
background-color: #E3FFB8;
color: #000000;
padding:0px 5px;
}
.systemmonitor-content * .offline {
border: 1px solid #ffffff;
background-color: #d12f19;
color:#ffffff;
padding:0px 5px;
}
/* Image-Replacement */
.swap { background-repeat:no-repeat; }
.swap span { display:none; height:16px; }
#ir-HeaderLogo { background-image:url("../../images/header_logo.png"); height:32px; }
#ir-Yes { background-image:url("../../icons/x16/tick_circle.png"); height:16px; }
#ir-No { background-image:url("../../icons/x16/cross_circle.png"); height:16px; }
/* BUTTONS */
.buttons a, .buttons button{
display:block;
float:left;
margin:0 7px 0 0;
background-color:#f5f5f5;
border:1px solid #777777;
border-top: 1px solid #c8c8c8;
border-left:1px solid #c8c8c8;
font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
font-size:90%;
line-height:130%;
text-decoration:none;
font-weight:bold;
color:#565656;
cursor:pointer;
padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
width:auto;
overflow:visible;
padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
padding:5px 10px 5px 7px; /* Firefox */
line-height:17px; /* Safari */
}
*:first-child+html button[type]{
padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
margin:0 3px -3px 0 !important;
padding:0;
border:none;
width:16px;
height:16px;
}
/* BUTTONS STANDARD */
button:hover, .buttons a:hover{
background-color:#dff4ff;
border:1px solid #c2e1ef;
color:#336699;
}
.buttons a:active{
background-color:#6299c5;
border:1px solid #6299c5;
color:#fff;
}
/* BUTTONS POSITIVE */
button.positive, .buttons a.positive{
color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
background-color:#E6EFC2;
border:1px solid #C6D880;
color:#529214;
}
.buttons a.positive:active{
background-color:#529214;
border:1px solid #529214;
color:#fff;
}
/* BUTTONS NEGATIVE */
.buttons a.negative, button.negative{
color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
background-color:#fbe3e4;
border:1px solid #fbc2c4;
color:#d12f19;
}
.buttons a.negative:active{
background-color:#d12f19;
border:1px solid #d12f19;
color:#fff;
}
/* Button with icon and text */
.iconstxt {
background-repeat: no-repeat;
background-position: 4px 4px;
}
.iconstxt span { padding-left: 20px; }
.iconstxt.icoPositive { background-image: url("../../icons/x16/tick_circle_frame.png"); }
.iconstxt.icoNegative { background-image: url("../../icons/x16/cross_circle_frame.png"); }
.iconstxt.icoAdd { background-image: url(../../icons/x16/plus_circle_frame.png); }
.iconstxt.icoKey { background-image: url("../../icons/x16/key.png"); }
.iconstxt.icoDelete { background-image: url("../../icons/x16/minus_circle_frame.png"); }
/* Button with icon and without text */
.icons16 span { display: none; }
a.icons16 { height: 18px; width: 18px; padding: 0; background-repeat: no-repeat; background-position: 1px 1px;}
button.icons16 { height: 20px; width: 20px; padding: 0; background-repeat: no-repeat; background-position: 1px 1px;}
.icons16.icoDelete { background-image: url("../../icons/x16/minus_circle_frame.png"); }
.icons16.icoFilter { background-image: url(../../icons/x16/funnel.png); }
.icons16.icoEdit { background-image: url("../../icons/x16/wrench.png"); }
.icons16.icoDbAdmin { background-image: url("../../icons/x16/database.png"); }
.icons16.icoLoginAs { background-image: url("../../icons/x16/user_go.png"); }
.icons16.icoWebmailer { background-image: url("../../icons/x16/mails_arrow.png"); }
.blockLabel.email_at {
width: 20px !important;
margin: 1.6em 0.3em 0 0 !important
}
.textDisplay { display: block; }
/* Form Length Classes */
.textInput.formLengthBool { width: 25px !important; }
.selectInput.formLengthBool { width: 60px !important; }
.textInput.formLengthLimit { width: 50px !important; }
.selectInput.formLengthLimit { width: 85px !important; }
.formLengthDate { width: 75px !important; }
.formLengthIPv4 { width: 125px !important; }
.formLengthIPv6 { width: 100% !important; }
.formLengthEmailUser { width: 30% !important; }
.formLengthEmailDomain { width: 30% !important; }
.formLengthHalf { width: 15% !important; }
.formLengthDouble { width: 50% !important; }
/* Individual Form Lengths */
.textInput#username, .textInput#password, .textInput#passwort, .textInput#source_password { width: 100px; }
.selectInput#language { width: 75px; }
.selectInput#client_group_id, .selectInput#default_group { width: 125px; }
input#refresh, input#retry, input#expire, input#minimum, input#ttl { width: 50px !important; }
/* --- */
a[href $='#logout'] { padding-right: 18px; background: transparent url("../../icons/x16/logout.png") no-repeat right top !important; }
/* Select Menu with Images */
select.withicons option {
background-repeat:no-repeat;
background-position: 1px;
padding-left:24px;
}
select.withicons#country option[value="AD"] { background-image:url(../../icons/flags/ad.png); }
select.withicons#country option[value="AE"] { background-image:url(../../icons/flags/ae.png); }
select.withicons#country option[value="AF"] { background-image:url(../../icons/flags/af.png); }
select.withicons#country option[value="AG"] { background-image:url(../../icons/flags/ag.png); }
select.withicons#country option[value="AI"] { background-image:url(../../icons/flags/ai.png); }
select.withicons#country option[value="AL"] { background-image:url(../../icons/flags/al.png); }
select.withicons#country option[value="AM"] { background-image:url(../../icons/flags/am.png); }
select.withicons#country option[value="AN"] { background-image:url(../../icons/flags/an.png); }
select.withicons#country option[value="AO"] { background-image:url(../../icons/flags/ao.png); }
select.withicons#country option[value="AQ"] { background-image:url(../../icons/flags/aq.png); }
select.withicons#country option[value="AR"] { background-image:url(../../icons/flags/ar.png); }
select.withicons#country option[value="AS"] { background-image:url(../../icons/flags/as.png); }
select.withicons#country option[value="AT"] { background-image:url(../../icons/flags/at.png); }
select.withicons#country option[value="AU"] { background-image:url(../../icons/flags/au.png); }
select.withicons#country option[value="AW"] { background-image:url(../../icons/flags/aw.png); }
select.withicons#country option[value="AX"] { background-image:url(../../icons/flags/ax.png); }
select.withicons#country option[value="AZ"] { background-image:url(../../icons/flags/az.png); }
select.withicons#country option[value="BA"] { background-image:url(../../icons/flags/ba.png); }
select.withicons#country option[value="BB"] { background-image:url(../../icons/flags/bb.png); }
select.withicons#country option[value="BD"] { background-image:url(../../icons/flags/bd.png); }
select.withicons#country option[value="BE"] { background-image:url(../../icons/flags/be.png); }
select.withicons#country option[value="BF"] { background-image:url(../../icons/flags/bf.png); }
select.withicons#country option[value="BG"] { background-image:url(../../icons/flags/bg.png); }
select.withicons#country option[value="BH"] { background-image:url(../../icons/flags/bh.png); }
select.withicons#country option[value="BI"] { background-image:url(../../icons/flags/bi.png); }
select.withicons#country option[value="BJ"] { background-image:url(../../icons/flags/bj.png); }
select.withicons#country option[value="BM"] { background-image:url(../../icons/flags/bm.png); }
select.withicons#country option[value="BN"] { background-image:url(../../icons/flags/bn.png); }
select.withicons#country option[value="BO"] { background-image:url(../../icons/flags/bo.png); }
select.withicons#country option[value="BR"] { background-image:url(../../icons/flags/br.png); }
select.withicons#country option[value="BS"] { background-image:url(../../icons/flags/bs.png); }
select.withicons#country option[value="BT"] { background-image:url(../../icons/flags/bt.png); }
select.withicons#country option[value="BV"] { background-image:url(../../icons/flags/bv.png); }
select.withicons#country option[value="BW"] { background-image:url(../../icons/flags/bw.png); }
select.withicons#country option[value="BY"] { background-image:url(../../icons/flags/by.png); }
select.withicons#country option[value="BZ"] { background-image:url(../../icons/flags/bz.png); }
select.withicons#country option[value="CA"] { background-image:url(../../icons/flags/ca.png); }
select.withicons#country option[value="CC"] { background-image:url(../../icons/flags/cc.png); }
select.withicons#country option[value="CD"] { background-image:url(../../icons/flags/cd.png); }
select.withicons#country option[value="CF"] { background-image:url(../../icons/flags/cf.png); }
select.withicons#country option[value="CG"] { background-image:url(../../icons/flags/cg.png); }
select.withicons#country option[value="CH"] { background-image:url(../../icons/flags/ch.png); }
select.withicons#country option[value="CI"] { background-image:url(../../icons/flags/ci.png); }
select.withicons#country option[value="CK"] { background-image:url(../../icons/flags/ck.png); }
select.withicons#country option[value="CL"] { background-image:url(../../icons/flags/cl.png); }
select.withicons#country option[value="CM"] { background-image:url(../../icons/flags/cm.png); }
select.withicons#country option[value="CN"] { background-image:url(../../icons/flags/cn.png); }
select.withicons#country option[value="CO"] { background-image:url(../../icons/flags/co.png); }
select.withicons#country option[value="CR"] { background-image:url(../../icons/flags/cr.png); }
select.withicons#country option[value="CS"] { background-image:url(../../icons/flags/cs.png); }
select.withicons#country option[value="CU"] { background-image:url(../../icons/flags/cu.png); }
select.withicons#country option[value="CV"] { background-image:url(../../icons/flags/cv.png); }
select.withicons#country option[value="CX"] { background-image:url(../../icons/flags/cx.png); }
select.withicons#country option[value="CY"] { background-image:url(../../icons/flags/cy.png); }
select.withicons#country option[value="CZ"] { background-image:url(../../icons/flags/cz.png); }
select.withicons#country option[value="DE"] { background-image:url(../../icons/flags/de.png); }
select.withicons#country option[value="DJ"] { background-image:url(../../icons/flags/dj.png); }
select.withicons#country option[value="DK"] { background-image:url(../../icons/flags/dk.png); }
select.withicons#country option[value="DM"] { background-image:url(../../icons/flags/dm.png); }
select.withicons#country option[value="DO"] { background-image:url(../../icons/flags/do.png); }
select.withicons#country option[value="DZ"] { background-image:url(../../icons/flags/dz.png); }
select.withicons#country option[value="EC"] { background-image:url(../../icons/flags/ec.png); }
select.withicons#country option[value="EE"] { background-image:url(../../icons/flags/ee.png); }
select.withicons#country option[value="EG"] { background-image:url(../../icons/flags/eg.png); }
select.withicons#country option[value="EH"] { background-image:url(../../icons/flags/eh.png); }
select.withicons#country option[value="ER"] { background-image:url(../../icons/flags/er.png); }
select.withicons#country option[value="ES"] { background-image:url(../../icons/flags/es.png); }
select.withicons#country option[value="ET"] { background-image:url(../../icons/flags/et.png); }
select.withicons#country option[value="FI"] { background-image:url(../../icons/flags/fi.png); }
select.withicons#country option[value="FJ"] { background-image:url(../../icons/flags/fj.png); }
select.withicons#country option[value="FK"] { background-image:url(../../icons/flags/fk.png); }
select.withicons#country option[value="FM"] { background-image:url(../../icons/flags/fm.png); }
select.withicons#country option[value="FO"] { background-image:url(../../icons/flags/fo.png); }
select.withicons#country option[value="FR"] { background-image:url(../../icons/flags/fr.png); }
select.withicons#country option[value="GA"] { background-image:url(../../icons/flags/ga.png); }
select.withicons#country option[value="GB"] { background-image:url(../../icons/flags/gb.png); }
select.withicons#country option[value="GD"] { background-image:url(../../icons/flags/gd.png); }
select.withicons#country option[value="GE"] { background-image:url(../../icons/flags/ge.png); }
select.withicons#country option[value="GF"] { background-image:url(../../icons/flags/gf.png); }
select.withicons#country option[value="GH"] { background-image:url(../../icons/flags/gh.png); }
select.withicons#country option[value="GI"] { background-image:url(../../icons/flags/gi.png); }
select.withicons#country option[value="GL"] { background-image:url(../../icons/flags/gl.png); }
select.withicons#country option[value="GM"] { background-image:url(../../icons/flags/gm.png); }
select.withicons#country option[value="GN"] { background-image:url(../../icons/flags/gn.png); }
select.withicons#country option[value="GP"] { background-image:url(../../icons/flags/gp.png); }
select.withicons#country option[value="GQ"] { background-image:url(../../icons/flags/gq.png); }
select.withicons#country option[value="GR"] { background-image:url(../../icons/flags/gr.png); }
select.withicons#country option[value="GS"] { background-image:url(../../icons/flags/gs.png); }
select.withicons#country option[value="GT"] { background-image:url(../../icons/flags/gt.png); }
select.withicons#country option[value="GU"] { background-image:url(../../icons/flags/gu.png); }
select.withicons#country option[value="GW"] { background-image:url(../../icons/flags/gw.png); }
select.withicons#country option[value="GY"] { background-image:url(../../icons/flags/gy.png); }
select.withicons#country option[value="HK"] { background-image:url(../../icons/flags/hk.png); }
select.withicons#country option[value="HM"] { background-image:url(../../icons/flags/hm.png); }
select.withicons#country option[value="HN"] { background-image:url(../../icons/flags/hn.png); }
select.withicons#country option[value="HR"] { background-image:url(../../icons/flags/hr.png); }
select.withicons#country option[value="HT"] { background-image:url(../../icons/flags/ht.png); }
select.withicons#country option[value="HU"] { background-image:url(../../icons/flags/hu.png); }
select.withicons#country option[value="ID"] { background-image:url(../../icons/flags/id.png); }
select.withicons#country option[value="IE"] { background-image:url(../../icons/flags/ie.png); }
select.withicons#country option[value="IL"] { background-image:url(../../icons/flags/il.png); }
select.withicons#country option[value="IN"] { background-image:url(../../icons/flags/in.png); }
select.withicons#country option[value="IO"] { background-image:url(../../icons/flags/io.png); }
select.withicons#country option[value="IQ"] { background-image:url(../../icons/flags/iq.png); }
select.withicons#country option[value="IR"] { background-image:url(../../icons/flags/ir.png); }
select.withicons#country option[value="IS"] { background-image:url(../../icons/flags/is.png); }
select.withicons#country option[value="IT"] { background-image:url(../../icons/flags/it.png); }
select.withicons#country option[value="JM"] { background-image:url(../../icons/flags/jm.png); }
select.withicons#country option[value="JO"] { background-image:url(../../icons/flags/jo.png); }
select.withicons#country option[value="JP"] { background-image:url(../../icons/flags/jp.png); }
select.withicons#country option[value="KE"] { background-image:url(../../icons/flags/ke.png); }
select.withicons#country option[value="KG"] { background-image:url(../../icons/flags/kg.png); }
select.withicons#country option[value="KH"] { background-image:url(../../icons/flags/kh.png); }
select.withicons#country option[value="KI"] { background-image:url(../../icons/flags/ki.png); }
select.withicons#country option[value="KM"] { background-image:url(../../icons/flags/km.png); }
select.withicons#country option[value="KN"] { background-image:url(../../icons/flags/kn.png); }
select.withicons#country option[value="KP"] { background-image:url(../../icons/flags/kp.png); }
select.withicons#country option[value="KR"] { background-image:url(../../icons/flags/kr.png); }
select.withicons#country option[value="KW"] { background-image:url(../../icons/flags/kw.png); }
select.withicons#country option[value="KY"] { background-image:url(../../icons/flags/ky.png); }
select.withicons#country option[value="KZ"] { background-image:url(../../icons/flags/kz.png); }
select.withicons#country option[value="LA"] { background-image:url(../../icons/flags/la.png); }
select.withicons#country option[value="LB"] { background-image:url(../../icons/flags/lb.png); }
select.withicons#country option[value="LC"] { background-image:url(../../icons/flags/lc.png); }
select.withicons#country option[value="LI"] { background-image:url(../../icons/flags/li.png); }
select.withicons#country option[value="LK"] { background-image:url(../../icons/flags/lk.png); }
select.withicons#country option[value="LR"] { background-image:url(../../icons/flags/lr.png); }
select.withicons#country option[value="LS"] { background-image:url(../../icons/flags/ls.png); }
select.withicons#country option[value="LT"] { background-image:url(../../icons/flags/lt.png); }
select.withicons#country option[value="LU"] { background-image:url(../../icons/flags/lu.png); }
select.withicons#country option[value="LV"] { background-image:url(../../icons/flags/lv.png); }
select.withicons#country option[value="LY"] { background-image:url(../../icons/flags/ly.png); }
select.withicons#country option[value="MA"] { background-image:url(../../icons/flags/ma.png); }
select.withicons#country option[value="MC"] { background-image:url(../../icons/flags/mc.png); }
select.withicons#country option[value="MD"] { background-image:url(../../icons/flags/md.png); }
select.withicons#country option[value="ME"] { background-image:url(../../icons/flags/me.png); }
select.withicons#country option[value="MG"] { background-image:url(../../icons/flags/mg.png); }
select.withicons#country option[value="MH"] { background-image:url(../../icons/flags/mh.png); }
select.withicons#country option[value="MK"] { background-image:url(../../icons/flags/mk.png); }
select.withicons#country option[value="ML"] { background-image:url(../../icons/flags/ml.png); }
select.withicons#country option[value="MM"] { background-image:url(../../icons/flags/mm.png); }
select.withicons#country option[value="MN"] { background-image:url(../../icons/flags/mn.png); }
select.withicons#country option[value="MO"] { background-image:url(../../icons/flags/mo.png); }
select.withicons#country option[value="MP"] { background-image:url(../../icons/flags/mp.png); }
select.withicons#country option[value="MQ"] { background-image:url(../../icons/flags/mq.png); }
select.withicons#country option[value="MR"] { background-image:url(../../icons/flags/mr.png); }
select.withicons#country option[value="MS"] { background-image:url(../../icons/flags/ms.png); }
select.withicons#country option[value="MT"] { background-image:url(../../icons/flags/mt.png); }
select.withicons#country option[value="MU"] { background-image:url(../../icons/flags/mu.png); }
select.withicons#country option[value="MV"] { background-image:url(../../icons/flags/mv.png); }
select.withicons#country option[value="MW"] { background-image:url(../../icons/flags/mw.png); }
select.withicons#country option[value="MX"] { background-image:url(../../icons/flags/mx.png); }
select.withicons#country option[value="MY"] { background-image:url(../../icons/flags/my.png); }
select.withicons#country option[value="MZ"] { background-image:url(../../icons/flags/mz.png); }
select.withicons#country option[value="NA"] { background-image:url(../../icons/flags/na.png); }
select.withicons#country option[value="NC"] { background-image:url(../../icons/flags/nc.png); }
select.withicons#country option[value="NE"] { background-image:url(../../icons/flags/ne.png); }
select.withicons#country option[value="NF"] { background-image:url(../../icons/flags/nf.png); }
select.withicons#country option[value="NG"] { background-image:url(../../icons/flags/ng.png); }
select.withicons#country option[value="NI"] { background-image:url(../../icons/flags/ni.png); }
select.withicons#country option[value="NL"] { background-image:url(../../icons/flags/nl.png); }
select.withicons#country option[value="NO"] { background-image:url(../../icons/flags/no.png); }
select.withicons#country option[value="NP"] { background-image:url(../../icons/flags/np.png); }
select.withicons#country option[value="NR"] { background-image:url(../../icons/flags/nr.png); }
select.withicons#country option[value="NU"] { background-image:url(../../icons/flags/nu.png); }
select.withicons#country option[value="NZ"] { background-image:url(../../icons/flags/nz.png); }
select.withicons#country option[value="OM"] { background-image:url(../../icons/flags/om.png); }
select.withicons#country option[value="PA"] { background-image:url(../../icons/flags/pa.png); }
select.withicons#country option[value="PE"] { background-image:url(../../icons/flags/pe.png); }
select.withicons#country option[value="PF"] { background-image:url(../../icons/flags/pf.png); }
select.withicons#country option[value="PG"] { background-image:url(../../icons/flags/pg.png); }
select.withicons#country option[value="PH"] { background-image:url(../../icons/flags/ph.png); }
select.withicons#country option[value="PK"] { background-image:url(../../icons/flags/pk.png); }
select.withicons#country option[value="PL"] { background-image:url(../../icons/flags/pl.png); }
select.withicons#country option[value="PM"] { background-image:url(../../icons/flags/pm.png); }
select.withicons#country option[value="PN"] { background-image:url(../../icons/flags/pn.png); }
select.withicons#country option[value="PR"] { background-image:url(../../icons/flags/pr.png); }
select.withicons#country option[value="PS"] { background-image:url(../../icons/flags/ps.png); }
select.withicons#country option[value="PT"] { background-image:url(../../icons/flags/pt.png); }
select.withicons#country option[value="PW"] { background-image:url(../../icons/flags/pw.png); }
select.withicons#country option[value="PY"] { background-image:url(../../icons/flags/py.png); }
select.withicons#country option[value="QA"] { background-image:url(../../icons/flags/qa.png); }
select.withicons#country option[value="RE"] { background-image:url(../../icons/flags/re.png); }
select.withicons#country option[value="RO"] { background-image:url(../../icons/flags/ro.png); }
select.withicons#country option[value="RS"] { background-image:url(../../icons/flags/rs.png); }
select.withicons#country option[value="RU"] { background-image:url(../../icons/flags/ru.png); }
select.withicons#country option[value="RW"] { background-image:url(../../icons/flags/rw.png); }
select.withicons#country option[value="SA"] { background-image:url(../../icons/flags/sa.png); }
select.withicons#country option[value="SB"] { background-image:url(../../icons/flags/sb.png); }
select.withicons#country option[value="SC"] { background-image:url(../../icons/flags/sc.png); }
select.withicons#country option[value="SD"] { background-image:url(../../icons/flags/sd.png); }
select.withicons#country option[value="SE"] { background-image:url(../../icons/flags/se.png); }
select.withicons#country option[value="SG"] { background-image:url(../../icons/flags/sg.png); }
select.withicons#country option[value="SH"] { background-image:url(../../icons/flags/sh.png); }
select.withicons#country option[value="SI"] { background-image:url(../../icons/flags/si.png); }
select.withicons#country option[value="SJ"] { background-image:url(../../icons/flags/sj.png); }
select.withicons#country option[value="SK"] { background-image:url(../../icons/flags/sk.png); }
select.withicons#country option[value="SL"] { background-image:url(../../icons/flags/sl.png); }
select.withicons#country option[value="SM"] { background-image:url(../../icons/flags/sm.png); }
select.withicons#country option[value="SN"] { background-image:url(../../icons/flags/sn.png); }
select.withicons#country option[value="SO"] { background-image:url(../../icons/flags/so.png); }
select.withicons#country option[value="SR"] { background-image:url(../../icons/flags/sr.png); }
select.withicons#country option[value="ST"] { background-image:url(../../icons/flags/st.png); }
select.withicons#country option[value="SV"] { background-image:url(../../icons/flags/sv.png); }
select.withicons#country option[value="SY"] { background-image:url(../../icons/flags/sy.png); }
select.withicons#country option[value="SZ"] { background-image:url(../../icons/flags/sz.png); }
select.withicons#country option[value="TC"] { background-image:url(../../icons/flags/tc.png); }
select.withicons#country option[value="TD"] { background-image:url(../../icons/flags/td.png); }
select.withicons#country option[value="TF"] { background-image:url(../../icons/flags/tf.png); }
select.withicons#country option[value="TG"] { background-image:url(../../icons/flags/tg.png); }
select.withicons#country option[value="TH"] { background-image:url(../../icons/flags/th.png); }
select.withicons#country option[value="TJ"] { background-image:url(../../icons/flags/tj.png); }
select.withicons#country option[value="TK"] { background-image:url(../../icons/flags/tk.png); }
select.withicons#country option[value="TL"] { background-image:url(../../icons/flags/tl.png); }
select.withicons#country option[value="TM"] { background