Skip to content
content_ispc.css 56.3 KiB
Newer Older
@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 {
xaver's avatar
xaver committed
		border-top: 1px solid #949494;
		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 {
		font-family: Consolas, "Lucida Console", "Courier New", monospace;
		font-size: 0.9em;
		float: left;
		width: 100%;
    }
    .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 #183e99;
		background-color: #d4e2ff;
    }
    .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-state.state-no_state-ve {
		float: left;
		width: 213px;
		border-top: 4px solid #95A19F;
		background-color: #f8f8ff;
    }
    .systemmonitor-state.state-unknown-ve {
		float: left;
		width: 213px;
		border-top: 4px solid #30302e;
		background-color: #cecfc5;
    }
    .systemmonitor-state.state-ok-ve {
		float: left;
		width: 213px;
		border-top: 4px solid #23fb00;
		background-color: #adffa2;
    }
    .systemmonitor-state.state-info-ve {
		float: left;
		width: 213px;
		border-top: 4px solid #183e99;
		background-color: #d4e2ff;
    }
    .systemmonitor-state.state-warning-ve {
		float: left;
		width: 213px;
		border-top: 4px solid #ffa800;
		background-color: #ffda93;
    }
    .systemmonitor-state.state-critical-ve {
		float: left;
		width: 213px;
		border-top: 4px solid #ff0000;
		background-color: #ffb9b9;
    }
    .systemmonitor-state.state-error-ve {
		float: left;
		width: 213px;
		border-top: 4px solid #ff0000;
		background-color: #ff7f7f;
    }

    .systemmonitor-device {
        background-position: -6px 4px;
        background-repeat: no-repeat;
        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-device.device-ve {
		background-image: url("../../icons/x64/server.png");
		width: 213px;
		float: left;
		border: 1px dashed #aaaaaa;
		border-top: none;
	}

    .systemmonitor-content.icons32 {
		padding:2px 10px 2px 56px;
        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;
	}

	/* Dashboard */
	.dashboard-modules {
		float:left;
		width:60px;
		height: 60px;
		border:1px dotted #888888;
		background-color: #cccccc;
		margin:10px;
		background-position: center 5px;
		background-repeat: no-repeat;
		text-align: center;
	}

	.dashboard-modules a, .dashboard-modules a:hover{
		color:Black;
		display:block;
		font-weight:bold;
		height:30px;
		padding-top:42px;
		width:60px;
	.dashboard-modules.admin { background-image: url('../../icons/x32/system.png') !important; }
xaver's avatar
xaver committed
	.dashboard-modules.vm { background-image: url('../../icons/x32/drawer.png') !important; }
	.dashboard-modules.client { background-image: url('../../icons/x32/client.png') !important; }
	.dashboard-modules.mail { background-image: url('../../icons/x32/email.png') !important; }
	.dashboard-modules.monitor { background-image: url('../../icons/x32/monitor.png') !important; }
	.dashboard-modules.dns { background-image: url('../../icons/x32/dns.png') !important; }
	.dashboard-modules.tools { background-image: url('../../icons/x32/tools.png') !important; }
	.dashboard-modules.help { background-image: url('../../icons/x32/help.png') !important; }
	.dashboard-modules.domain { background-image: url('../../icons/x32/domain.png') !important; }
	.dashboard-modules.sites { background-image: url('../../icons/x32/sites.png') !important; }
	
	.panel_dashboard h2 {
		font-size:20px;
	}
	/* Image-Replacement */
	.swap { background-repeat:no-repeat; }
	.swap span { display:none; height:16px; } 
	#ir-HeaderLogo { background-image:url("../../images/header_logo.png"); height:28px; } 
	#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 center;
	}
	.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 option[value="AD"] { background-image:url(../../icons/flags/ad.png); }
	select.withicons option[value="AE"] { background-image:url(../../icons/flags/ae.png); }
    select.withicons option[value="AF"] { background-image:url(../../icons/flags/af.png); }
    select.withicons option[value="AG"] { background-image:url(../../icons/flags/ag.png); }
    select.withicons option[value="AI"] { background-image:url(../../icons/flags/ai.png); }
    select.withicons option[value="AL"] { background-image:url(../../icons/flags/al.png); }
    select.withicons option[value="AM"] { background-image:url(../../icons/flags/am.png); }
    select.withicons option[value="AN"] { background-image:url(../../icons/flags/an.png); }
    select.withicons option[value="AO"] { background-image:url(../../icons/flags/ao.png); }
    select.withicons option[value="AQ"] { background-image:url(../../icons/flags/aq.png); }
    select.withicons option[value="AR"] { background-image:url(../../icons/flags/ar.png); }
    select.withicons option[value="AS"] { background-image:url(../../icons/flags/as.png); }
    select.withicons option[value="AT"] { background-image:url(../../icons/flags/at.png); }
    select.withicons option[value="AU"] { background-image:url(../../icons/flags/au.png); }
    select.withicons option[value="AW"] { background-image:url(../../icons/flags/aw.png); }
    select.withicons option[value="AX"] { background-image:url(../../icons/flags/ax.png); }
    select.withicons option[value="AZ"] { background-image:url(../../icons/flags/az.png); }
    select.withicons option[value="BA"] { background-image:url(../../icons/flags/ba.png); }
    select.withicons option[value="BB"] { background-image:url(../../icons/flags/bb.png); }
    select.withicons option[value="BD"] { background-image:url(../../icons/flags/bd.png); }
    select.withicons option[value="BE"] { background-image:url(../../icons/flags/be.png); }
    select.withicons option[value="BF"] { background-image:url(../../icons/flags/bf.png); }
    select.withicons option[value="BG"] { background-image:url(../../icons/flags/bg.png); }
    select.withicons option[value="BH"] { background-image:url(../../icons/flags/bh.png); }
    select.withicons option[value="BI"] { background-image:url(../../icons/flags/bi.png); }
    select.withicons option[value="BJ"] { background-image:url(../../icons/flags/bj.png); }
    select.withicons option[value="BM"] { background-image:url(../../icons/flags/bm.png); }
    select.withicons option[value="BN"] { background-image:url(../../icons/flags/bn.png); }
    select.withicons option[value="BO"] { background-image:url(../../icons/flags/bo.png); }
    select.withicons option[value="BR"] { background-image:url(../../icons/flags/br.png); }
    select.withicons option[value="BS"] { background-image:url(../../icons/flags/bs.png); }
    select.withicons option[value="BT"] { background-image:url(../../icons/flags/bt.png); }
    select.withicons option[value="BV"] { background-image:url(../../icons/flags/bv.png); }
    select.withicons option[value="BW"] { background-image:url(../../icons/flags/bw.png); }
    select.withicons option[value="BY"] { background-image:url(../../icons/flags/by.png); }
    select.withicons option[value="BZ"] { background-image:url(../../icons/flags/bz.png); }
    select.withicons option[value="CA"] { background-image:url(../../icons/flags/ca.png); }
    select.withicons option[value="CC"] { background-image:url(../../icons/flags/cc.png); }
    select.withicons option[value="CD"] { background-image:url(../../icons/flags/cd.png); }
    select.withicons option[value="CF"] { background-image:url(../../icons/flags/cf.png); }
    select.withicons option[value="CG"] { background-image:url(../../icons/flags/cg.png); }
    select.withicons option[value="CH"] { background-image:url(../../icons/flags/ch.png); }
    select.withicons option[value="CI"] { background-image:url(../../icons/flags/ci.png); }
    select.withicons option[value="CK"] { background-image:url(../../icons/flags/ck.png); }
    select.withicons option[value="CL"] { background-image:url(../../icons/flags/cl.png); }
    select.withicons option[value="CM"] { background-image:url(../../icons/flags/cm.png); }
    select.withicons option[value="CN"] { background-image:url(../../icons/flags/cn.png); }
    select.withicons option[value="CO"] { background-image:url(../../icons/flags/co.png); }
    select.withicons option[value="CR"] { background-image:url(../../icons/flags/cr.png); }
    select.withicons option[value="CS"] { background-image:url(../../icons/flags/cs.png); }
    select.withicons option[value="CU"] { background-image:url(../../icons/flags/cu.png); }
    select.withicons option[value="CV"] { background-image:url(../../icons/flags/cv.png); }
    select.withicons option[value="CX"] { background-image:url(../../icons/flags/cx.png); }
    select.withicons option[value="CY"] { background-image:url(../../icons/flags/cy.png); }
    select.withicons option[value="CZ"] { background-image:url(../../icons/flags/cz.png); }
    select.withicons option[value="DE"] { background-image:url(../../icons/flags/de.png); }
    select.withicons option[value="DJ"] { background-image:url(../../icons/flags/dj.png); }
    select.withicons option[value="DK"] { background-image:url(../../icons/flags/dk.png); }
    select.withicons option[value="DM"] { background-image:url(../../icons/flags/dm.png); }
    select.withicons option[value="DO"] { background-image:url(../../icons/flags/do.png); }
    select.withicons option[value="DZ"] { background-image:url(../../icons/flags/dz.png); }
    select.withicons option[value="EC"] { background-image:url(../../icons/flags/ec.png); }
    select.withicons option[value="EE"] { background-image:url(../../icons/flags/ee.png); }
    select.withicons option[value="EG"] { background-image:url(../../icons/flags/eg.png); }
    select.withicons option[value="EH"] { background-image:url(../../icons/flags/eh.png); }
    select.withicons option[value="ER"] { background-image:url(../../icons/flags/er.png); }
    select.withicons option[value="ES"] { background-image:url(../../icons/flags/es.png); }
    select.withicons option[value="ET"] { background-image:url(../../icons/flags/et.png); }
    select.withicons option[value="FI"] { background-image:url(../../icons/flags/fi.png); }
    select.withicons option[value="FJ"] { background-image:url(../../icons/flags/fj.png); }
    select.withicons option[value="FK"] { background-image:url(../../icons/flags/fk.png); }
    select.withicons option[value="FM"] { background-image:url(../../icons/flags/fm.png); }
    select.withicons option[value="FO"] { background-image:url(../../icons/flags/fo.png); }
    select.withicons option[value="FR"] { background-image:url(../../icons/flags/fr.png); }
    select.withicons option[value="GA"] { background-image:url(../../icons/flags/ga.png); }
    select.withicons option[value="GB"] { background-image:url(../../icons/flags/gb.png); }
    select.withicons option[value="GD"] { background-image:url(../../icons/flags/gd.png); }
    select.withicons option[value="GE"] { background-image:url(../../icons/flags/ge.png); }
    select.withicons option[value="GF"] { background-image:url(../../icons/flags/gf.png); }
    select.withicons option[value="GH"] { background-image:url(../../icons/flags/gh.png); }
    select.withicons option[value="GI"] { background-image:url(../../icons/flags/gi.png); }
    select.withicons option[value="GL"] { background-image:url(../../icons/flags/gl.png); }
    select.withicons option[value="GM"] { background-image:url(../../icons/flags/gm.png); }
    select.withicons option[value="GN"] { background-image:url(../../icons/flags/gn.png); }
    select.withicons option[value="GP"] { background-image:url(../../icons/flags/gp.png); }
    select.withicons option[value="GQ"] { background-image:url(../../icons/flags/gq.png); }
    select.withicons option[value="GR"] { background-image:url(../../icons/flags/gr.png); }
    select.withicons option[value="GS"] { background-image:url(../../icons/flags/gs.png); }
    select.withicons option[value="GT"] { background-image:url(../../icons/flags/gt.png); }
    select.withicons option[value="GU"] { background-image:url(../../icons/flags/gu.png); }
    select.withicons option[value="GW"] { background-image:url(../../icons/flags/gw.png); }
    select.withicons option[value="GY"] { background-image:url(../../icons/flags/gy.png); }
    select.withicons option[value="HK"] { background-image:url(../../icons/flags/hk.png); }
    select.withicons option[value="HM"] { background-image:url(../../icons/flags/hm.png); }
    select.withicons option[value="HN"] { background-image:url(../../icons/flags/hn.png); }
    select.withicons option[value="HR"] { background-image:url(../../icons/flags/hr.png); }
    select.withicons option[value="HT"] { background-image:url(../../icons/flags/ht.png); }
    select.withicons option[value="HU"] { background-image:url(../../icons/flags/hu.png); }
    select.withicons option[value="ID"] { background-image:url(../../icons/flags/id.png); }
    select.withicons option[value="IE"] { background-image:url(../../icons/flags/ie.png); }
    select.withicons option[value="IL"] { background-image:url(../../icons/flags/il.png); }
    select.withicons option[value="IN"] { background-image:url(../../icons/flags/in.png); }
    select.withicons option[value="IO"] { background-image:url(../../icons/flags/io.png); }
    select.withicons option[value="IQ"] { background-image:url(../../icons/flags/iq.png); }
    select.withicons option[value="IR"] { background-image:url(../../icons/flags/ir.png); }
    select.withicons option[value="IS"] { background-image:url(../../icons/flags/is.png); }
    select.withicons option[value="IT"] { background-image:url(../../icons/flags/it.png); }
    select.withicons option[value="JM"] { background-image:url(../../icons/flags/jm.png); }
    select.withicons option[value="JO"] { background-image:url(../../icons/flags/jo.png); }
    select.withicons option[value="JP"] { background-image:url(../../icons/flags/jp.png); }
    select.withicons option[value="KE"] { background-image:url(../../icons/flags/ke.png); }
    select.withicons option[value="KG"] { background-image:url(../../icons/flags/kg.png); }
    select.withicons option[value="KH"] { background-image:url(../../icons/flags/kh.png); }
    select.withicons option[value="KI"] { background-image:url(../../icons/flags/ki.png); }
    select.withicons option[value="KM"] { background-image:url(../../icons/flags/km.png); }
    select.withicons option[value="KN"] { background-image:url(../../icons/flags/kn.png); }
    select.withicons option[value="KP"] { background-image:url(../../icons/flags/kp.png); }
    select.withicons option[value="KR"] { background-image:url(../../icons/flags/kr.png); }
    select.withicons option[value="KW"] { background-image:url(../../icons/flags/kw.png); }
    select.withicons option[value="KY"] { background-image:url(../../icons/flags/ky.png); }
    select.withicons option[value="KZ"] { background-image:url(../../icons/flags/kz.png); }
    select.withicons option[value="LA"] { background-image:url(../../icons/flags/la.png); }
    select.withicons option[value="LB"] { background-image:url(../../icons/flags/lb.png); }
    select.withicons option[value="LC"] { background-image:url(../../icons/flags/lc.png); }
    select.withicons option[value="LI"] { background-image:url(../../icons/flags/li.png); }
    select.withicons option[value="LK"] { background-image:url(../../icons/flags/lk.png); }
    select.withicons option[value="LR"] { background-image:url(../../icons/flags/lr.png); }
    select.withicons option[value="LS"] { background-image:url(../../icons/flags/ls.png); }
    select.withicons option[value="LT"] { background-image:url(../../icons/flags/lt.png); }
    select.withicons option[value="LU"] { background-image:url(../../icons/flags/lu.png); }
    select.withicons option[value="LV"] { background-image:url(../../icons/flags/lv.png); }
    select.withicons option[value="LY"] { background-image:url(../../icons/flags/ly.png); }
    select.withicons option[value="MA"] { background-image:url(../../icons/flags/ma.png); }
    select.withicons option[value="MC"] { background-image:url(../../icons/flags/mc.png); }
    select.withicons option[value="MD"] { background-image:url(../../icons/flags/md.png); }
    select.withicons option[value="ME"] { background-image:url(../../icons/flags/me.png); }
    select.withicons option[value="MG"] { background-image:url(../../icons/flags/mg.png); }
    select.withicons option[value="MH"] { background-image:url(../../icons/flags/mh.png); }
    select.withicons option[value="MK"] { background-image:url(../../icons/flags/mk.png); }
    select.withicons option[value="ML"] { background-image:url(../../icons/flags/ml.png); }
    select.withicons option[value="MM"] { background-image:url(../../icons/flags/mm.png); }
    select.withicons option[value="MN"] { background-image:url(../../icons/flags/mn.png); }
    select.withicons option[value="MO"] { background-image:url(../../icons/flags/mo.png); }
    select.withicons option[value="MP"] { background-image:url(../../icons/flags/mp.png); }
    select.withicons option[value="MQ"] { background-image:url(../../icons/flags/mq.png); }
    select.withicons option[value="MR"] { background-image:url(../../icons/flags/mr.png); }
    select.withicons option[value="MS"] { background-image:url(../../icons/flags/ms.png); }
    select.withicons option[value="MT"] { background-image:url(../../icons/flags/mt.png); }
    select.withicons option[value="MU"] { background-image:url(../../icons/flags/mu.png); }
    select.withicons option[value="MV"] { background-image:url(../../icons/flags/mv.png); }
    select.withicons option[value="MW"] { background-image:url(../../icons/flags/mw.png); }
    select.withicons option[value="MX"] { background-image:url(../../icons/flags/mx.png); }
    select.withicons option[value="MY"] { background-image:url(../../icons/flags/my.png); }
    select.withicons option[value="MZ"] { background-image:url(../../icons/flags/mz.png); }
    select.withicons option[value="NA"] { background-image:url(../../icons/flags/na.png); }
    select.withicons option[value="NC"] { background-image:url(../../icons/flags/nc.png); }
    select.withicons option[value="NE"] { background-image:url(../../icons/flags/ne.png); }
    select.withicons option[value="NF"] { background-image:url(../../icons/flags/nf.png); }
    select.withicons option[value="NG"] { background-image:url(../../icons/flags/ng.png); }
    select.withicons option[value="NI"] { background-image:url(../../icons/flags/ni.png); }
    select.withicons option[value="NL"] { background-image:url(../../icons/flags/nl.png); }
    select.withicons option[value="NO"] { background-image:url(../../icons/flags/no.png); }
    select.withicons option[value="NP"] { background-image:url(../../icons/flags/np.png); }
    select.withicons option[value="NR"] { background-image:url(../../icons/flags/nr.png); }
    select.withicons option[value="NU"] { background-image:url(../../icons/flags/nu.png); }
    select.withicons option[value="NZ"] { background-image:url(../../icons/flags/nz.png); }
    select.withicons option[value="OM"] { background-image:url(../../icons/flags/om.png); }
    select.withicons option[value="PA"] { background-image:url(../../icons/flags/pa.png); }
    select.withicons option[value="PE"] { background-image:url(../../icons/flags/pe.png); }
    select.withicons option[value="PF"] { background-image:url(../../icons/flags/pf.png); }
    select.withicons option[value="PG"] { background-image:url(../../icons/flags/pg.png); }
    select.withicons option[value="PH"] { background-image:url(../../icons/flags/ph.png); }
    select.withicons option[value="PK"] { background-image:url(../../icons/flags/pk.png); }
    select.withicons option[value="PL"] { background-image:url(../../icons/flags/pl.png); }
    select.withicons option[value="PM"] { background-image:url(../../icons/flags/pm.png); }
    select.withicons option[value="PN"] { background-image:url(../../icons/flags/pn.png); }
    select.withicons option[value="PR"] { background-image:url(../../icons/flags/pr.png); }
    select.withicons option[value="PS"] { background-image:url(../../icons/flags/ps.png); }
    select.withicons option[value="PT"] { background-image:url(../../icons/flags/pt.png); }
    select.withicons option[value="PW"] { background-image:url(../../icons/flags/pw.png); }
    select.withicons option[value="PY"] { background-image:url(../../icons/flags/py.png); }
    select.withicons option[value="QA"] { background-image:url(../../icons/flags/qa.png); }
    select.withicons option[value="RE"] { background-image:url(../../icons/flags/re.png); }
    select.withicons option[value="RO"] { background-image:url(../../icons/flags/ro.png); }
    select.withicons option[value="RS"] { background-image:url(../../icons/flags/rs.png); }
    select.withicons option[value="RU"] { background-image:url(../../icons/flags/ru.png); }
    select.withicons option[value="RW"] { background-image:url(../../icons/flags/rw.png); }
    select.withicons option[value="SA"] { background-image:url(../../icons/flags/sa.png); }
    select.withicons option[value="SB"] { background-image:url(../../icons/flags/sb.png); }
    select.withicons option[value="SC"] { background-image:url(../../icons/flags/sc.png); }
    select.withicons option[value="SD"] { background-image:url(../../icons/flags/sd.png); }
    select.withicons option[value="SE"] { background-image:url(../../icons/flags/se.png); }
    select.withicons option[value="SG"] { background-image:url(../../icons/flags/sg.png); }
    select.withicons option[value="SH"] { background-image:url(../../icons/flags/sh.png); }
    select.withicons option[value="SI"] { background-image:url(../../icons/flags/si.png); }
    select.withicons option[value="SJ"] { background-image:url(../../icons/flags/sj.png); }
    select.withicons option[value="SK"] { background-image:url(../../icons/flags/sk.png); }
    select.withicons option[value="SL"] { background-image:url(../../icons/flags/sl.png); }
    select.withicons option[value="SM"] { background-image:url(../../icons/flags/sm.png); }
    select.withicons option[value="SN"] { background-image:url(../../icons/flags/sn.png); }
    select.withicons option[value="SO"] { background-image:url(../../icons/flags/so.png); }
    select.withicons option[value="SR"] { background-image:url(../../icons/flags/sr.png); }
    select.withicons option[value="ST"] { background-image:url(../../icons/flags/st.png); }
    select.withicons option[value="SV"] { background-image:url(../../icons/flags/sv.png); }
    select.withicons option[value="SY"] { background-image:url(../../icons/flags/sy.png); }
    select.withicons option[value="SZ"] { background-image:url(../../icons/flags/sz.png); }
    select.withicons option[value="TC"] { background-image:url(../../icons/flags/tc.png); }
    select.withicons option[value="TD"] { background-image:url(../../icons/flags/td.png); }
    select.withicons option[value="TF"] { background-image:url(../../icons/flags/tf.png); }
    select.withicons option[value="TG"] { background-image:url(../../icons/flags/tg.png); }
    select.withicons option[value="TH"] { background-image:url(../../icons/flags/th.png); }
    select.withicons option[value="TJ"] { background-image:url(../../icons/flags/tj.png); }
    select.withicons option[value="TK"] { background-image:url(../../icons/flags/tk.png); }
    select.withicons option[value="TL"] { background-image:url(../../icons/flags/tl.png); }
    select.withicons option[value="TM"] { background-image:url(../../icons/flags/tm.png); }
    select.withicons option[value="TN"] { background-image:url(../../icons/flags/tn.png); }
    select.withicons option[value="TO"] { background-image:url(../../icons/flags/to.png); }
    select.withicons option[value="TR"] { background-image:url(../../icons/flags/tr.png); }
    select.withicons option[value="TT"] { background-image:url(../../icons/flags/tt.png); }
    select.withicons option[value="TV"] { background-image:url(../../icons/flags/tv.png); }
    select.withicons option[value="TW"] { background-image:url(../../icons/flags/tw.png); }
    select.withicons option[value="TZ"] { background-image:url(../../icons/flags/tz.png); }
    select.withicons option[value="UA"] { background-image:url(../../icons/flags/ua.png); }
    select.withicons option[value="UG"] { background-image:url(../../icons/flags/ug.png); }
    select.withicons option[value="UM"] { background-image:url(../../icons/flags/um.png); }
    select.withicons option[value="US"] { background-image:url(../../icons/flags/us.png); }
    select.withicons option[value="UY"] { background-image:url(../../icons/flags/uy.png); }
    select.withicons option[value="UZ"] { background-image:url(../../icons/flags/uz.png); }
    select.withicons option[value="VA"] { background-image:url(../../icons/flags/va.png); }
    select.withicons option[value="VC"] { background-image:url(../../icons/flags/vc.png); }
    select.withicons option[value="VE"] { background-image:url(../../icons/flags/ve.png); }
    select.withicons option[value="VG"] { background-image:url(../../icons/flags/vg.png); }
    select.withicons option[value="VI"] { background-image:url(../../icons/flags/vi.png); }
    select.withicons option[value="VN"] { background-image:url(../../icons/flags/vn.png); }
    select.withicons option[value="VU"] { background-image:url(../../icons/flags/vu.png); }
    select.withicons option[value="WF"] { background-image:url(../../icons/flags/wf.png); }
    select.withicons option[value="WS"] { background-image:url(../../icons/flags/ws.png); }
    select.withicons option[value="YE"] { background-image:url(../../icons/flags/ye.png); }
    select.withicons option[value="YT"] { background-image:url(../../icons/flags/yt.png); }
    select.withicons option[value="ZA"] { background-image:url(../../icons/flags/za.png); }
    select.withicons option[value="ZM"] { background-image:url(../../icons/flags/zm.png); }
    select.withicons option[value="ZW"] { background-image:url(../../icons/flags/zw.png); }
	select.withicons option[value="ad"] { background-image:url(../../icons/flags/ad.png); }
    select.withicons option[value="ae"] { background-image:url(../../icons/flags/ae.png); }
    select.withicons option[value="af"] { background-image:url(../../icons/flags/af.png); }
    select.withicons option[value="ag"] { background-image:url(../../icons/flags/ag.png); }
    select.withicons option[value="ai"] { background-image:url(../../icons/flags/ai.png); }
    select.withicons option[value="al"] { background-image:url(../../icons/flags/al.png); }
    select.withicons option[value="am"] { background-image:url(../../icons/flags/am.png); }
    select.withicons option[value="an"] { background-image:url(../../icons/flags/an.png); }
    select.withicons option[value="ao"] { background-image:url(../../icons/flags/ao.png); }
    select.withicons option[value="aq"] { background-image:url(../../icons/flags/aq.png); }
    select.withicons option[value="ar"] { background-image:url(../../icons/flags/ar.png); }
    select.withicons option[value="as"] { background-image:url(../../icons/flags/as.png); }
    select.withicons option[value="at"] { background-image:url(../../icons/flags/at.png); }
    select.withicons option[value="au"] { background-image:url(../../icons/flags/au.png); }
    select.withicons option[value="aw"] { background-image:url(../../icons/flags/aw.png); }
    select.withicons option[value="ax"] { background-image:url(../../icons/flags/ax.png); }
    select.withicons option[value="az"] { background-image:url(../../icons/flags/az.png); }
    select.withicons option[value="ba"] { background-image:url(../../icons/flags/ba.png); }
    select.withicons option[value="bb"] { background-image:url(../../icons/flags/bb.png); }
    select.withicons option[value="bd"] { background-image:url(../../icons/flags/bd.png); }
    select.withicons option[value="be"] { background-image:url(../../icons/flags/be.png); }
    select.withicons option[value="bf"] { background-image:url(../../icons/flags/bf.png); }
    select.withicons option[value="bg"] { background-image:url(../../icons/flags/bg.png); }
    select.withicons option[value="bh"] { background-image:url(../../icons/flags/bh.png); }
    select.withicons option[value="bi"] { background-image:url(../../icons/flags/bi.png); }
    select.withicons option[value="bj"] { background-image:url(../../icons/flags/bj.png); }
    select.withicons option[value="bm"] { background-image:url(../../icons/flags/bm.png); }
    select.withicons option[value="bn"] { background-image:url(../../icons/flags/bn.png); }
    select.withicons option[value="bo"] { background-image:url(../../icons/flags/bo.png); }
    select.withicons option[value="br"] { background-image:url(../../icons/flags/br.png); }
    select.withicons option[value="bs"] { background-image:url(../../icons/flags/bs.png); }
    select.withicons option[value="bt"] { background-image:url(../../icons/flags/bt.png); }
    select.withicons option[value="bv"] { background-image:url(../../icons/flags/bv.png); }
    select.withicons option[value="bw"] { background-image:url(../../icons/flags/bw.png); }
    select.withicons option[value="by"] { background-image:url(../../icons/flags/by.png); }
    select.withicons option[value="bz"] { background-image:url(../../icons/flags/bz.png); }
    select.withicons option[value="ca"] { background-image:url(../../icons/flags/ca.png); }
    select.withicons option[value="cc"] { background-image:url(../../icons/flags/cc.png); }
    select.withicons option[value="cd"] { background-image:url(../../icons/flags/cd.png); }
    select.withicons option[value="cf"] { background-image:url(../../icons/flags/cf.png); }
    select.withicons option[value="cg"] { background-image:url(../../icons/flags/cg.png); }
    select.withicons option[value="ch"] { background-image:url(../../icons/flags/ch.png); }
    select.withicons option[value="ci"] { background-image:url(../../icons/flags/ci.png); }
    select.withicons option[value="ck"] { background-image:url(../../icons/flags/ck.png); }
    select.withicons option[value="cl"] { background-image:url(../../icons/flags/cl.png); }
    select.withicons option[value="cm"] { background-image:url(../../icons/flags/cm.png); }
    select.withicons option[value="cn"] { background-image:url(../../icons/flags/cn.png); }
    select.withicons option[value="co"] { background-image:url(../../icons/flags/co.png); }
    select.withicons option[value="cr"] { background-image:url(../../icons/flags/cr.png); }
    select.withicons option[value="cs"] { background-image:url(../../icons/flags/cs.png); }
    select.withicons option[value="cu"] { background-image:url(../../icons/flags/cu.png); }
    select.withicons option[value="cv"] { background-image:url(../../icons/flags/cv.png); }
    select.withicons option[value="cx"] { background-image:url(../../icons/flags/cx.png); }
    select.withicons option[value="cy"] { background-image:url(../../icons/flags/cy.png); }
    select.withicons option[value="cz"] { background-image:url(../../icons/flags/cz.png); }
    select.withicons option[value="de"] { background-image:url(../../icons/flags/de.png); }
    select.withicons option[value="dj"] { background-image:url(../../icons/flags/dj.png); }
    select.withicons option[value="dk"] { background-image:url(../../icons/flags/dk.png); }
    select.withicons option[value="dm"] { background-image:url(../../icons/flags/dm.png); }
    select.withicons option[value="do"] { background-image:url(../../icons/flags/do.png); }
    select.withicons option[value="dz"] { background-image:url(../../icons/flags/dz.png); }
    select.withicons option[value="ec"] { background-image:url(../../icons/flags/ec.png); }
    select.withicons option[value="ee"] { background-image:url(../../icons/flags/ee.png); }
    select.withicons option[value="eg"] { background-image:url(../../icons/flags/eg.png); }
    select.withicons option[value="eh"] { background-image:url(../../icons/flags/eh.png); }
    select.withicons option[value="en"] { background-image:url(../../icons/flags/gb.png); }
    select.withicons option[value="er"] { background-image:url(../../icons/flags/er.png); }
    select.withicons option[value="es"] { background-image:url(../../icons/flags/es.png); }
    select.withicons option[value="et"] { background-image:url(../../icons/flags/et.png); }
    select.withicons option[value="fi"] { background-image:url(../../icons/flags/fi.png); }
    select.withicons option[value="fj"] { background-image:url(../../icons/flags/fj.png); }
    select.withicons option[value="fk"] { background-image:url(../../icons/flags/fk.png); }
    select.withicons option[value="fm"] { background-image:url(../../icons/flags/fm.png); }
    select.withicons option[value="fo"] { background-image:url(../../icons/flags/fo.png); }
    select.withicons option[value="fr"] { background-image:url(../../icons/flags/fr.png); }
    select.withicons option[value="ga"] { background-image:url(../../icons/flags/ga.png); }
    select.withicons option[value="gb"] { background-image:url(../../icons/flags/gb.png); }
    select.withicons option[value="gd"] { background-image:url(../../icons/flags/gd.png); }
    select.withicons option[value="ge"] { background-image:url(../../icons/flags/ge.png); }
    select.withicons option[value="gf"] { background-image:url(../../icons/flags/gf.png); }
    select.withicons option[value="gh"] { background-image:url(../../icons/flags/gh.png); }
    select.withicons option[value="gi"] { background-image:url(../../icons/flags/gi.png); }
    select.withicons option[value="gl"] { background-image:url(../../icons/flags/gl.png); }
    select.withicons option[value="gm"] { background-image:url(../../icons/flags/gm.png); }
    select.withicons option[value="gn"] { background-image:url(../../icons/flags/gn.png); }
    select.withicons option[value="gp"] { background-image:url(../../icons/flags/gp.png); }
    select.withicons option[value="gq"] { background-image:url(../../icons/flags/gq.png); }
    select.withicons option[value="gr"] { background-image:url(../../icons/flags/gr.png); }
    select.withicons option[value="gs"] { background-image:url(../../icons/flags/gs.png); }
    select.withicons option[value="gt"] { background-image:url(../../icons/flags/gt.png); }
    select.withicons option[value="gu"] { background-image:url(../../icons/flags/gu.png); }
    select.withicons option[value="gw"] { background-image:url(../../icons/flags/gw.png); }
    select.withicons option[value="gy"] { background-image:url(../../icons/flags/gy.png); }
    select.withicons option[value="hk"] { background-image:url(../../icons/flags/hk.png); }
    select.withicons option[value="hm"] { background-image:url(../../icons/flags/hm.png); }
    select.withicons option[value="hn"] { background-image:url(../../icons/flags/hn.png); }
    select.withicons option[value="hr"] { background-image:url(../../icons/flags/hr.png); }
    select.withicons option[value="ht"] { background-image:url(../../icons/flags/ht.png); }
    select.withicons option[value="hu"] { background-image:url(../../icons/flags/hu.png); }
    select.withicons option[value="id"] { background-image:url(../../icons/flags/id.png); }
    select.withicons option[value="ie"] { background-image:url(../../icons/flags/ie.png); }
    select.withicons option[value="il"] { background-image:url(../../icons/flags/il.png); }
    select.withicons option[value="in"] { background-image:url(../../icons/flags/in.png); }
    select.withicons option[value="io"] { background-image:url(../../icons/flags/io.png); }
    select.withicons option[value="iq"] { background-image:url(../../icons/flags/iq.png); }
    select.withicons option[value="ir"] { background-image:url(../../icons/flags/ir.png); }
    select.withicons option[value="is"] { background-image:url(../../icons/flags/is.png); }
    select.withicons option[value="it"] { background-image:url(../../icons/flags/it.png); }
    select.withicons option[value="jm"] { background-image:url(../../icons/flags/jm.png); }
    select.withicons option[value="jo"] { background-image:url(../../icons/flags/jo.png); }
    select.withicons option[value="jp"] { background-image:url(../../icons/flags/jp.png); }
    select.withicons option[value="ke"] { background-image:url(../../icons/flags/ke.png); }
    select.withicons option[value="kg"] { background-image:url(../../icons/flags/kg.png); }
    select.withicons option[value="kh"] { background-image:url(../../icons/flags/kh.png); }
    select.withicons option[value="ki"] { background-image:url(../../icons/flags/ki.png); }
    select.withicons option[value="km"] { background-image:url(../../icons/flags/km.png); }
    select.withicons option[value="kn"] { background-image:url(../../icons/flags/kn.png); }
    select.withicons option[value="kp"] { background-image:url(../../icons/flags/kp.png); }
    select.withicons option[value="kr"] { background-image:url(../../icons/flags/kr.png); }
    select.withicons option[value="kw"] { background-image:url(../../icons/flags/kw.png); }
    select.withicons option[value="ky"] { background-image:url(../../icons/flags/ky.png); }
    select.withicons option[value="kz"] { background-image:url(../../icons/flags/kz.png); }
    select.withicons option[value="la"] { background-image:url(../../icons/flags/la.png); }
    select.withicons option[value="lb"] { background-image:url(../../icons/flags/lb.png); }
    select.withicons option[value="lc"] { background-image:url(../../icons/flags/lc.png); }
    select.withicons option[value="li"] { background-image:url(../../icons/flags/li.png); }
    select.withicons option[value="lk"] { background-image:url(../../icons/flags/lk.png); }
    select.withicons option[value="lr"] { background-image:url(../../icons/flags/lr.png); }
    select.withicons option[value="ls"] { background-image:url(../../icons/flags/ls.png); }
    select.withicons option[value="lt"] { background-image:url(../../icons/flags/lt.png); }
    select.withicons option[value="lu"] { background-image:url(../../icons/flags/lu.png); }
    select.withicons option[value="lv"] { background-image:url(../../icons/flags/lv.png); }
    select.withicons option[value="ly"] { background-image:url(../../icons/flags/ly.png); }
    select.withicons option[value="ma"] { background-image:url(../../icons/flags/ma.png); }
    select.withicons option[value="mc"] { background-image:url(../../icons/flags/mc.png); }
    select.withicons option[value="md"] { background-image:url(../../icons/flags/md.png); }
    select.withicons option[value="me"] { background-image:url(../../icons/flags/me.png); }
    select.withicons option[value="mg"] { background-image:url(../../icons/flags/mg.png); }
    select.withicons option[value="mh"] { background-image:url(../../icons/flags/mh.png); }
    select.withicons option[value="mk"] { background-image:url(../../icons/flags/mk.png); }
    select.withicons option[value="ml"] { background-image:url(../../icons/flags/ml.png); }
    select.withicons option[value="mm"] { background-image:url(../../icons/flags/mm.png); }
    select.withicons option[value="mn"] { background-image:url(../../icons/flags/mn.png); }
    select.withicons option[value="mo"] { background-image:url(../../icons/flags/mo.png); }
    select.withicons option[value="mp"] { background-image:url(../../icons/flags/mp.png); }
    select.withicons option[value="mq"] { background-image:url(../../icons/flags/mq.png); }
    select.withicons option[value="mr"] { background-image:url(../../icons/flags/mr.png); }
    select.withicons option[value="ms"] { background-image:url(../../icons/flags/ms.png); }
    select.withicons option[value="mt"] { background-image:url(../../icons/flags/mt.png); }
    select.withicons option[value="mu"] { background-image:url(../../icons/flags/mu.png); }
    select.withicons option[value="mv"] { background-image:url(../../icons/flags/mv.png); }
    select.withicons option[value="mw"] { background-image:url(../../icons/flags/mw.png); }
    select.withicons option[value="mx"] { background-image:url(../../icons/flags/mx.png); }
    select.withicons option[value="my"] { background-image:url(../../icons/flags/my.png); }
    select.withicons option[value="mz"] { background-image:url(../../icons/flags/mz.png); }
    select.withicons option[value="na"] { background-image:url(../../icons/flags/na.png); }
    select.withicons option[value="nc"] { background-image:url(../../icons/flags/nc.png); }
    select.withicons option[value="ne"] { background-image:url(../../icons/flags/ne.png); }
    select.withicons option[value="nf"] { background-image:url(../../icons/flags/nf.png); }
    select.withicons option[value="ng"] { background-image:url(../../icons/flags/ng.png); }
    select.withicons option[value="ni"] { background-image:url(../../icons/flags/ni.png); }
    select.withicons option[value="nl"] { background-image:url(../../icons/flags/nl.png); }
    select.withicons option[value="no"] { background-image:url(../../icons/flags/no.png); }
    select.withicons option[value="np"] { background-image:url(../../icons/flags/np.png); }
    select.withicons option[value="nr"] { background-image:url(../../icons/flags/nr.png); }
    select.withicons option[value="nu"] { background-image:url(../../icons/flags/nu.png); }
    select.withicons option[value="nz"] { background-image:url(../../icons/flags/nz.png); }
    select.withicons option[value="om"] { background-image:url(../../icons/flags/om.png); }
    select.withicons option[value="pa"] { background-image:url(../../icons/flags/pa.png); }
    select.withicons option[value="pe"] { background-image:url(../../icons/flags/pe.png); }
    select.withicons option[value="pf"] { background-image:url(../../icons/flags/pf.png); }
    select.withicons option[value="pg"] { background-image:url(../../icons/flags/pg.png); }
    select.withicons option[value="ph"] { background-image:url(../../icons/flags/ph.png); }
    select.withicons option[value="pk"] { background-image:url(../../icons/flags/pk.png); }
    select.withicons option[value="pl"] { background-image:url(../../icons/flags/pl.png); }
    select.withicons option[value="pm"] { background-image:url(../../icons/flags/pm.png); }
    select.withicons option[value="pn"] { background-image:url(../../icons/flags/pn.png); }
    select.withicons option[value="pr"] { background-image:url(../../icons/flags/pr.png); }
    select.withicons option[value="ps"] { background-image:url(../../icons/flags/ps.png); }
    select.withicons option[value="pt"] { background-image:url(../../icons/flags/pt.png); }
    select.withicons option[value="pw"] { background-image:url(../../icons/flags/pw.png); }
    select.withicons option[value="py"] { background-image:url(../../icons/flags/py.png); }
    select.withicons option[value="qa"] { background-image:url(../../icons/flags/qa.png); }
    select.withicons option[value="re"] { background-image:url(../../icons/flags/re.png); }
    select.withicons option[value="ro"] { background-image:url(../../icons/flags/ro.png); }
    select.withicons option[value="rs"] { background-image:url(../../icons/flags/rs.png); }
    select.withicons option[value="ru"] { background-image:url(../../icons/flags/ru.png); }
    select.withicons option[value="rw"] { background-image:url(../../icons/flags/rw.png); }
    select.withicons option[value="sa"] { background-image:url(../../icons/flags/sa.png); }
    select.withicons option[value="sb"] { background-image:url(../../icons/flags/sb.png); }
    select.withicons option[value="sc"] { background-image:url(../../icons/flags/sc.png); }
    select.withicons option[value="sd"] { background-image:url(../../icons/flags/sd.png); }
    select.withicons option[value="se"] { background-image:url(../../icons/flags/se.png); }
    select.withicons option[value="sg"] { background-image:url(../../icons/flags/sg.png); }
    select.withicons option[value="sh"] { background-image:url(../../icons/flags/sh.png); }
    select.withicons option[value="si"] { background-image:url(../../icons/flags/si.png); }
    select.withicons option[value="sj"] { background-image:url(../../icons/flags/sj.png); }
    select.withicons option[value="sk"] { background-image:url(../../icons/flags/sk.png); }
    select.withicons option[value="sl"] { background-image:url(../../icons/flags/sl.png); }
    select.withicons option[value="sm"] { background-image:url(../../icons/flags/sm.png); }
    select.withicons option[value="sn"] { background-image:url(../../icons/flags/sn.png); }
    select.withicons option[value="so"] { background-image:url(../../icons/flags/so.png); }
    select.withicons option[value="sr"] { background-image:url(../../icons/flags/sr.png); }
    select.withicons option[value="st"] { background-image:url(../../icons/flags/st.png); }
    select.withicons option[value="sv"] { background-image:url(../../icons/flags/sv.png); }
    select.withicons option[value="sy"] { background-image:url(../../icons/flags/sy.png); }
    select.withicons option[value="sz"] { background-image:url(../../icons/flags/sz.png); }
    select.withicons option[value="tc"] { background-image:url(../../icons/flags/tc.png); }
    select.withicons option[value="td"] { background-image:url(../../icons/flags/td.png); }
    select.withicons option[value="tf"] { background-image:url(../../icons/flags/tf.png); }
    select.withicons option[value="tg"] { background-image:url(../../icons/flags/tg.png); }
    select.withicons option[value="th"] { background-image:url(../../icons/flags/th.png); }
    select.withicons option[value="tj"] { background-image:url(../../icons/flags/tj.png); }
    select.withicons option[value="tk"] { background-image:url(../../icons/flags/tk.png); }
    select.withicons option[value="tl"] { background-image:url(../../icons/flags/tl.png); }
    select.withicons option[value="tm"] { background-image:url(../../icons/flags/tm.png); }
    select.withicons option[value="tn"] { background-image:url(../../icons/flags/tn.png); }
    select.withicons option[value="to"] { background-image:url(../../icons/flags/to.png); }
    select.withicons option[value="tr"] { background-image:url(../../icons/flags/tr.png); }
    select.withicons option[value="tt"] { background-image:url(../../icons/flags/tt.png); }
    select.withicons option[value="tv"] { background-image:url(../../icons/flags/tv.png); }
    select.withicons option[value="tw"] { background-image:url(../../icons/flags/tw.png); }
    select.withicons option[value="tz"] { background-image:url(../../icons/flags/tz.png); }
    select.withicons option[value="ua"] { background-image:url(../../icons/flags/ua.png); }
    select.withicons option[value="ug"] { background-image:url(../../icons/flags/ug.png); }
    select.withicons option[value="um"] { background-image:url(../../icons/flags/um.png); }
    select.withicons option[value="us"] { background-image:url(../../icons/flags/us.png); }
    select.withicons option[value="uy"] { background-image:url(../../icons/flags/uy.png); }
    select.withicons option[value="uz"] { background-image:url(../../icons/flags/uz.png); }
    select.withicons option[value="va"] { background-image:url(../../icons/flags/va.png); }
    select.withicons option[value="vc"] { background-image:url(../../icons/flags/vc.png); }
    select.withicons option[value="ve"] { background-image:url(../../icons/flags/ve.png); }
    select.withicons option[value="vg"] { background-image:url(../../icons/flags/vg.png); }
    select.withicons option[value="vi"] { background-image:url(../../icons/flags/vi.png); }
    select.withicons option[value="vn"] { background-image:url(../../icons/flags/vn.png); }
    select.withicons option[value="vu"] { background-image:url(../../icons/flags/vu.png); }
    select.withicons option[value="wf"] { background-image:url(../../icons/flags/wf.png); }
    select.withicons option[value="ws"] { background-image:url(../../icons/flags/ws.png); }
    select.withicons option[value="ye"] { background-image:url(../../icons/flags/ye.png); }
    select.withicons option[value="yt"] { background-image:url(../../icons/flags/yt.png); }
    select.withicons option[value="za"] { background-image:url(../../icons/flags/za.png); }
    select.withicons option[value="zm"] { background-image:url(../../icons/flags/zm.png); }
    select.withicons option[value="zw"] { background-image:url(../../icons/flags/zw.png); }
	
	.panel_login {
		max-width: 80%;
		min-width: 680px;
	}

}