
*                   { font-family: arial, verdana, sans-serif; font-size: 11px !important; }

fieldset            { border: solid 1px rgb(224,224,224); padding: 2px; }
select, input       { border: solid 1px #ccc; border-top: solid 1px #999; padding: 2px; }

.gwt-TextBox        { margin-top: 0px !important; margin-bottom: 0px !important; padding: 2px 4px !important; }
.gwt-ListBox        { margin-top: 0px !important; margin-bottom: 0px !important; }
.gwt-PushButton-up, .gwt-PushButton-up-hovering, .gwt-PushButton-up-disabled,
.gwt-PushButton-down, .gwt-PushButton-down-hovering, .gwt-PushButton-down-disabled { padding: 1px 5px !important; }

.header_bg_1		{ background: linear-gradient(to bottom,#e3eef4 0%,#bad6e4 100%); background-repeat:no-repeat; height:50px; width:1280px; text-align:right; }
.header_bg_2		{ background: linear-gradient(to bottom,#e3eef4 0%,#bad6e4 100%); background-repeat:repeat-x; height:50px; text-align:right; }
.header_bg_1 >tbody >tr >td:first-child { background: url('images/alfa_logo.svg') no-repeat 10px 4px; background-size: auto 42px;}

.legend				{ color:#004E9B; font-weight:bold; }
.label				{ color:#808080; }
.textbox			{ width:190px; }
.urlTextbox			{ width:159px; margin-right:5px; }
.urlSelectbox	    { width:167px !important; margin-right:5px; }
.listbox			{ width:201px; }
.feedback			{ width:50px; }
.authority          { width:50px; }
.injectionName		{ width:60px; }
.injectionValue		{ width:90px; }
.templateUrl        { width: 157px; margin-right:5px; }
.templateSaveName	{ width:157px; margin-right:5px; }
.templateOpenSelect	{ width:169px; margin-right:3px; }
.templateWidthStyle		{ width:65px;  margin-right: 10px;}
.templateHeightStyle	{ width:65px;  margin-right: 10px;}
.templateColorStyle	    { width: 20px; margin-right: 10px; }
.templateModifyButton	{ width: 16px; height: 16px; margin-right: 4px !important;; }
.templateModifyListBox	{ width: 95px; margin-left: 5px !important;; }
.drag {
    display: block;
    margin-left: 2px;
    border: solid 1px #bbbbbb;
    border-bottom: solid 1px #a0a0a0;
    border-radius: 2px;
    padding: 1px 5px;

    background: url('images/document_out.png') no-repeat 50% 50%, linear-gradient(to bottom, #ffffff 0%, #dddddd 100%);

    cursor: pointer;
}
.drag:hover {
    border: solid 1px #939393;
}

.language_bg_left	{ background:url(images/language_bg_left.jpg); background-repeat:no-repeat; width:5px; height:25px; }
.language_bg_center	{ background:url(images/language_bg_center.jpg); background-repeat:repeat-x; padding-left:10px; padding-right:10px; height:25px; }
.language_bg_right	{ background:url(images/language_bg_right.jpg); background-repeat:no-repeat; width:5px; height:25px; }
.languageLabel		{ color:#666666; text-align:right;  }
.languageSelect		{ color:black; border:1px solid rgb(240,240,240); background-color:rgb(240,240,240) }
.languageFlag_de	{ background:url(images/flag_germany.png); background-repeat:no-repeat; width:16px; height:16px; margin:3px 3px 0px 10px; }
.languageFlag_en	{ background:url(images/flag_usa.png); background-repeat:no-repeat; width:16px; height:16px; margin:3px 3px 0px 10px; }
.languageFlag_fr	{ background:url(images/flag_france.png); background-repeat:no-repeat; width:16px; height:16px; margin:3px 3px 0px 10px; }
.languageFlag_it	{ background:url(images/flag_italy.png); background-repeat:no-repeat; width:16px; height:16px; margin:3px 3px 0px 10px; }
.languageFlag_es	{ background:url(images/flag_spain.png); background-repeat:no-repeat; width:16px; height:16px; margin:3px 3px 0px 10px; }

@media screen and (max-device-width: 1024px) {

    .textbox                { width: 160px; }
    .urlTextbox             { width: 129px;  margin-right: 5px; }
    .urlSelectbox           { width: 137px !important;  margin-right: 5px; }
    .listbox                { width: 171px; }
    .feedback               { width: 50px; }
    .authority              { width: 50px; }
    .injectionName          { width: 50px; }
    .injectionValue         { width: 70px; }
    .templateUrl            { width: 127px; margin-right: 5px; }
    .templateSaveName       { width: 127px; margin-right: 5px; }
    .templateOpenSelect     { width: 139px; margin-right: 3px; }
    .templateWidthStyle		{ width: 55px; }
    .templateHeightStyle	{ width: 55px; margin-right: 10px; }
    .templateColorStyle	    { width: 10px; margin-right: 10px; }
}
