
html
{
min-height:100vh;
height:100vh;
height:100%;
line-height: 150% !important; 
font-family: "Segoe UI", Arial, sans-serif;
font-size:12px;
}

.changeBackHermes
{
background-color:aliceblue;
border:1px dotted black;
color:blue;
cursor:pointer;
width:300px;
padding:10px;
margin:5px;
font-size:24px;
}

.changeBackHermes:hover
{
background-color:#fcf8e3;
border:1px solid black;
}

.stepClass
{
min-height:300px;
text-align:center;
vertical-align:middle;
}

#prodToFloud
{
max-width:800px !important;
}

#ContentPlaceHolder1_usages tr td
{
text-align:left !important;
 vertical-align:top !important;
}



#ContentPlaceHolder1_usages tr td label
{
text-align:left !important;
 vertical-align:baseline  !important;
}

#ContentPlaceHolder1_usages tr td input
{
text-align:left !important;
 vertical-align:top !important;
}

body, div, span, table, tr, td
{
line-height: 150% !important; 
font-family: "Segoe UI", Arial, sans-serif;
font-size:12px;
}

#menu 
{
line-height: 100% !important; 
}

.modalLoading
{
z-index:1000010 !important;

  position: fixed;
    top: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6) !important;
}

#overlay {
  position: fixed;
  height: 100%;
  width: 100%;
  z-index: 1000000;
  background: rgba(0,0,0,0.6) !important;
}

#overlay1 {
  position: fixed;
  height: 100%;
  width: 100%;
  z-index: 1000005;
  background: rgba(0,0,0,0.6) !important;
}

#menu tr
{
line-height: 100% !important; 
}
#menu td
{
line-height: 100% !important; 
}



input[type="radio"] {
  -ms-transform: scale(2.5); /* IE 9 */
  -webkit-transform: scale(2.5); /* Chrome, Safari, Opera */
  transform: scale(2.5);
margin:15px;
}

input[type=checkbox] {
 -ms-transform: scale(2.5); /* IE 9 */
  -webkit-transform: scale(2.5); /* Chrome, Safari, Opera */
  transform: scale(2.5);
margin:15px;
}


.classTextNoBorder td
{
vertical-align:top!important; 
}

.ui-tooltip {
    z-index: 1000004 !important;
 pointer-events: none !important;
}

.tClass {
    z-index: 1000004 !important;
 pointer-events: none !important;
background:white  !important;
}

 .hiddencol
  {
    display: none !important;
  }

.classTextNoBorder12
{
font-size:12px;
-moz-border-radius:5px 5px 5px 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;    
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    -khtml-border-top-left-radius: 5px;      
outline:0; 
width:100%;
}

.classTextNoBorder13
{
font-size:13px;
-moz-border-radius:5px 5px 5px 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;    
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    -khtml-border-top-left-radius: 5px;      
outline:0; 
width:100%;
}

.loadIco
{
  position: fixed;
  top: 50%;
  left: 50%;
margin-left:-75px;
margin-top:-75px;
z-index:200000 !important;
}

.counterTitle
{
height:20px;
font-size:14px;
margin:10px;
}

.outerCircle
{
margin-top:10px;
height:120px;
  display : flex;
  align-items : center !important;
justify-content: center;
text-align:center;
vertical-align:middle;
}

.outer {
margin-top:10px;
height:65px;
  display : flex;
  align-items : center !important;
justify-content: center;
text-align:center;
vertical-align:middle;
}

.inner
{
font-size:14px;
width:100%;
}

.innerCounter
{
font-size:14px;
width:100%;
}

.dot1 {
  height: 100px;
  width: 100px;
  border:1px solid darkorange;
  border-radius: 50%;
  display : flex;
  align-items : center !important;
justify-content: center;
text-align:center;
vertical-align:middle;
}

.dot2{
  height: 100px;
  width: 100px;
  border:1px solid royalblue;
  border-radius: 50%;
  display : flex;
  align-items : center !important;
justify-content: center;
text-align:center;
vertical-align:middle;
}

.cardColumn
{
display:inline-block !important;
vertical-align:top;
margin-bottom:10px;
}

.card {
width:170px;
  text-align: center;
  color: black;
}


.sticky-table-headers__sticky {
    left: 0;
    position: sticky;

    z-index: 9999;
}

.span_preview
{
display:none;
}

.img_preview
{
height:16px;
width:16px;
cursor:pointer;
display:inline-block !important;
visibility:visible;
text-align:right;
z-index:10001 !important;
margin-top:3px;
}

.img_previewVis
{
height:16px;
width:16px;
cursor:pointer;
display:block !important;
float:right;
visibility:hidden;
}


.textDescription
{
margin-top:20px;
margin-bottom:10px;
color:black !important;
padding-left:10px;
padding-right:10px;
text-align:justify;
}

.autocomplete_completionListElement
{
font-size:14px;
visibility : hidden;margin : 0px!important;
border : buttonshadow;
border-width : 1px;
border-style : solid;
cursor : 'default';
overflow : auto;
text-align : left; 
list-style-type : none;
z-index:2000000 !important;
left:0px;
border-color:Black;
border-style:solid;
border-width:1px;
border-collapse:collapse;
height :auto;
width:auto;
background-color:white;
color:black;
padding:8px;
}

.autocomplete_completionListElementHeight{
visibility : hidden;
margin : 5px!important;
color : windowtext;
border : buttonshadow;
border-width : 1px;
border-style : solid
;cursor : 'default';
overflow : auto;
text-align : left; 
list-style-type : none;
z-index:2000000 !important;
left:0px;;
border-color:Black;
border-style:solid;
border-width:1px;
border-collapse:collapse;
height :auto;
width:auto;
font-size:12px;
padding:8px;
}

.autocomplete_highlightedListItem {
background-color:royalblue ;
color:black;
padding-top:10px;
padding-bottom:10px;
left:0px;
height :auto;
width:auto;
z-index:2000000 !important;

 }



.firstOverlayLine {
  position: absolute;
top:-56px;
  height: 200px;
  width: 2px;
  background: red;
transform-origin: left bottom;
transform: rotate(-45deg);
}

.secondOverlayLine {

  position: absolute;
  height: 200px;
  width: 2px;
  background: red;
transform: rotate(45deg);
transform-origin: left top;
}

/* Menu Controls */

.logo {
color:#fff;
position:absolute;
}

.menu-button {
color:#fff;
cursor:pointer;
font-size:2rem;
padding:.75rem 1.55rem;
position:fixed;
right:0;
}

.open-menu {
color:#fff;
cursor:pointer;
font-size:1rem;
padding:1rem;
position:absolute;
right:0;
top:0;
transition:transform 250ms ease;
}

.rotate { transform:rotate(135deg); }


/* Generated Overflow Element */

.overflow {
margin-top:57px;
overflow-x:hidden;
overflow-y:auto;
}


/* Menu Styles */

#mobile-nav {
background-color:#0351A8;
position:fixed;
top: 0;
width:100%;
z-index: 2147483646;
display:none;
}

#mobile-nav ul {
background-color:rgba(0,0,0,.1);
display:none;
margin:0 1rem;
padding:0;
position:relative;

}

#mobile-nav ul:first-child {
background-color:transparent;
}



#mobile-nav ul li {
border-top:1px solid rgba(255,255,255,.075);
list-style:none;
margin-bottom:0;
position:relative;
}

#mobile-nav ul li a {
color:#fff;
display:inline-block;
font-size:1rem;
padding:1rem 0;
text-decoration:none;
width:100%;
}

#mobile-nav ul ul {
margin:0;
}

#mobile-nav ul ul li {
border-top:none;
padding-left:1rem;
}


a {
  cursor: pointer;
}

#editor {
  box-shadow: 0 0 2px #CCC;
  min-height: 150px;
  overflow: auto;
  padding: 1em;
  margin-top: 20px;
  resize: vertical;
  outline: none;
}

.toolbar {
  text-align: center;
}

.toolbar a,
.fore-wrapper,
.size-wrapper,
.name-wrapper,
.back-wrapper {
  border: 1px solid #AAA;
  background: #FFF;
  border-radius: 1px;
  color: black;
  padding: 5px;
  width: 1.5em;
  margin: -2px;
  margin-top: 10px;
  display: inline-block;
  text-decoration: none;
  box-shadow: 0px 1px 0px #CCC;
}

.toolbar a:hover,
.fore-wrapper:hover,
.name-wrapper:hover,
.size-wrapper:hover,
.back-wrapper:hover {
  background: #f2f2f2;
  border-color: #8c8c8c;
}

a[data-command='redo'],
a[data-command='strikeThrough'],
a[data-command='justifyFull'],
a[data-command='insertOrderedList'],
a[data-command='outdent'],
a[data-command='p'],
a[data-command='superscript'] {
  margin-right: 5px;
  border-radius: 0 3px 3px 0;
}

a[data-command='undo'],
.fore-wrapper,
.size-wrapper,
a[data-command='justifyLeft'],
a[data-command='insertUnorderedList'],
a[data-command='indent'],
a[data-command='h1'],
a[data-command='subscript'] {
  border-radius: 3px 0 0 3px;
}

a.palette-item {
  height: 1em;
  border-radius: 3px;
  margin: 2px;
  width: 1em;
  border: 1px solid #CCC;
}

a.palette-item:hover {
  border: 1px solid #CCC;
  box-shadow: 0 0 3px #333;
}
a.palette-item2 {
  height: 1em;
  border-radius: 3px;
  margin: 2px;
  width: auto;
  border: 1px solid #CCC;
  display:block;
}

a.palette-item2:hover {
  border: 1px solid #CCC;
  box-shadow: 0 0 3px #333;
}

.fore-palette,
.name-palette,
.back-palette,
.size-palette {
  display: none;
}

.name-wrapper,
.fore-wrapper,
.back-wrapper,
.size-wrapper {
  display: inline-block;
  cursor: pointer;
}

.name-wrapper:hover .name-palette,
.fore-wrapper:hover .fore-palette,
.size-wrapper:hover .size-palette,
.back-wrapper:hover .back-palette {
  display: block;
  float: left;
  position: absolute;
  padding: 3px;
  width: 160px;
  background: #FFF;
  border: 1px solid #DDD;
  box-shadow: 0 0 5px #CCC;
  height: 70px;
}

.name-palette a,
.fore-palette a,
.size-palette a,
.back-palette a {
  background: #FFF;
  margin-bottom: 2px;
}

.hour-select
{
width:60px !important;
display:inline;
margin-right:15px;
}

.min-select
{
width:60px !important;
display:inline;
}

.blockInMobile
{
display: !important;
position:absolute;
}

.blockInMobileBid
{
display: !important;
}

.stepWidth
{
width:250px;
max-width:95% !important;
}

.ratiosWidth
{

max-width:95% !important;
}

.cellWidth0
{
width:53px !important;

}

.cellWidth1
{
width:auto;

}

.cellWidth2
{
width:auto;

}

.cellWidth3
{
width:auto;

}

.cellWidth4
{
width:auto;

}

.alignCenter
{
text-align:left;
margin: 0 0;
}


 .ajax__calendar_invalid .ajax__calendar_day 
  {
       color:black  !important;      text-decoration: line-through; !important; cursor:default  !important;background-color:white !important;
  }

.ajax__calendar .ajax__calendar_invalid .ajax__calendar_day 
  {
       color:black  !important;      text-decoration: line-through; !important; cursor:default !important;background-color:white !important;
  }


.changeColor
{
color:black;
}

.changeColor:hover
{
color:blue;
}


.codeTitle
{
color:black;
font-size:14px;
text-align:left;
}


    .input_with_appended_unit
                        {
                            position:relative;
padding:0px;
                        }

                        .input_with_appended_unit input {
  padding-right: 35px;
  text-align: right;
    z-index:5000;
}

.input_with_appended_unit span {
  position: absolute;
  top:12px;
right:3px;
color:gray;
  font-size: 12px; /* Optional, just styling it so it looks nicer */
  z-index:9000;
}

.ui-datepicker{z-index: 32009 !important}


   th
         {
             font-weight:normal !important;
         }

.toChangeTbl
{
background-color:transparent;
width:140px !important;
display:inline-block;
}

.toChangeTbl:hover
{
background-color:aliceblue !important;
}

.toChangeTblNow
{
background-color:pink;
width:140px !important;
display:inline-block;
}

.toChangeTblNow:hover
{
background-color:aliceblue !important;
}


.toChangeTbl:hover .toChangeTblChild
{
background-color:aliceblue !important;
}

.toChangeTbl:hover .toChangeTblChildNow
{
background-color:pink !important;
}


.changeMaxTo100
{
width:1250px;
}

#myTitleClass
{
font-weight:bold;
line-height:150%;
letter-spacing:1.0pt;
font-size:14px !important;
color:#0351A7 !important;
}

.xButton {
    position: absolute !important;
    background: red;
    color: white;
    top: -10px;
    right: -10px;
}

.div-table {
  display: table;         
  width: auto;         
  background-color: #eee;         
  border: 1px solid #666666;         
  border-spacing: 5px; /* cellspacing:poor IE support for  this */
}
.div-table-row {
  display: table-row;
  width: auto;
  clear: both;
}
.div-table-col {
  float: left; /* fix for  buggy browsers */
  display: table-column;         
  width: auto;         
  background-color: #ccc;  
}

.masterHolder
{
min-width:600px !important;
max-width:600px !important;
display:inline-block;
vertical-align:top;
}

   .ui-
{
            z-index:99999 !important;
background-color:re;
border:1px solid red;
        }

#rightPanelOfPage
{
display:inline-block;
vertical-align:top;
width:50% !important;
}


#rightPanelOfPageOffer
{
display:inline-block;
vertical-align:top;
width:98% !important;
}

.rowClassTrial
{
background-color:red !important;
color:ghostwhite !important;
font-weight:bold;
 padding-top: 2px;
    padding-bottom: 2px;
}

.rowClassTrial td
{
padding-top:5px;
padding-bottom:5px;
text-align:center;
}


.trialText
{
background-color:red;color:ghostwhite;padding:3px;margin-bottom:3px;
-moz-border-radius:5px 5px 5px 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;    
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    -khtml-border-top-left-radius: 5px;     
font-size:12px;
}



.reducedzindexclass
{
z-index:5 !important;
}

.highzindexclass
{
z-index:100077 !important;
text-align:left;
}

#leftPanelGraph
{
display:inline-block;
vertical-align:top;
min-width:300px !important;
max-width:300px !important;

}

.offerFinalDivClass
{
width:450px;
line-height:20px;
}



#rightPanelGraph
{
vertical-align:top;
width: calc(100% - 350px) !important;
display:inline-grid;
margin-top:0px;
margin-bottom:0px;
}

.topiClass
{
position:fixed;
left:50%;
width:100%;
max-width:1100px;
margin-left:-550px;
z-index:20000;
background-color:white !important;
}

.topiClassBid
{
z-index:10;
position:relative;
left:0;
top:0;
width:100%;
margin:auto !important;
margin-left:0px;
}

.topBgColorFlex
{
background-color:#FFFFFF;  
color:#FFFFFF;  
padding-top:10px;
padding-bottom:10px;
width: calc(100% - 5px) !important;
text-align:center;
display:flex;
justify-content:space-between;
}

.canvasContainerClass{
  width:calc(60%) !important; 
  height:auto !important;    
margin:auto !important;
}

#canvasContainer{
  width:calc(100%) !important; 
  height:auto !important;    
}

    #canvasContainerrDown{
  width:calc(100%) !important; 
  height:auto !important;    
}
        
.legend {
    st-style: none;
  cursor: pointer;
  padding-left: 0;
  color:black;
  width:100%;
}

.legend li {
  display: inline;
  padding: 0 5px;
  width:100%;
  color:black;
}

.legend li.hidden {
  text-decoration: line-through;
}

.legend li span {
  border-radius: 5px;
  display: inline-block;
  height: 10px;
  margin-right: 10px;
    width: 10px;
}


.legendEmbedded {
    
  list-style: none;
  cursor: pointer;
  padding-left: 0;
  color:black;
  width:100%;
}

 

.legendEmbedded li {
  display: inline;
  padding: 0 5px;
  width:100%;
  color:black;
}

.legendEmbedded li.hidden {
  text-decoration: line-through;
}

.legendEmbedded li span {
  border-radius: 5px;
  display: inline-block;
  height: 10px;
  margin-right: 10px;
    width: 10px;
}


.chatDownChatBtn
{
background-color:#0351A8;
color:#ffffff;
-moz-border-radius:10px;
-webkit-border-radius:10px;
   height:50px;
   transform-origin: 100% 40%;
-ms-transform-origin: 100% 40%; /* IE 9 */
-webkit-transform-origin: 100% 40%; /* Safari and Chrome */
-moz-transform-origin: 100% 40%; /* Firefox */
-o-transform-origin: 100% 40%; /* Opera */
background-image: url('https://energytelia.com/energyauctions/el/logos/liveChat.png');  
  background-position: 10px 10px;
  background-repeat: no-repeat;
width:140px;
padding:10px;
font-size:14px;
border:1px solid #ffffff;
cursor:pointer;
}

.chatDownImg
{
border:0px;
height:32px;
width:32px;
position:absolute;
left:10px;
margin-top:-8px;
}

.chatDownImgHome
{
position: absolute;
  left: 6px;
  top: 50%;
  transform: translateY(-50%);

}


#myChart
{
outline-style:none;
box-shadow:none;
border-color:transparent;
}

#myChartDown
{
outline-style:none;
box-shadow:none;
border-color:transparent;
}



.max600
{
width:600px !important;
max-width:600px !important;;
}

.max900
{
width:900px !important;
max-width:900px !important;;
}

.max400
{
width:500px !important;
max-width:500px !important;;
}

.percentage25
{
width:25%;
}

.percentage20
{
width:20%;
}

.auctionProposalTableBtn 
{
display: !important;
width:50%;
margin:auto !important;
}


.toSplitRows thead
{
display: !important;
}

.toSplitRows tbody
{
display: !important;
}

.toSplitRows tr
{
display: !important;
}
.toSplitRows td
{
display: !important;
}





#toSplit thead
{
display: !important;
}

#toSplit tbody
{
display: !important;
}

#toSplit tr
{
display: !important;
}
#toSplit td
{
display: !important;
}


#toSplitDynamic thead
{
display: !important;
}

#toSplitDynamic tbody
{
display: !important;
}

#toSplitDynamic tr
{
display: !important;
}
#toSplitDynamic td
{
display: !important;
width:25%;
}




#ContentPlaceHolder1_toSplit thead
{
display: !important;
}

#ContentPlaceHolder1_toSplit tbody
{
display: !important;
}

#ContentPlaceHolder1_toSplit tr
{
display: !important;
}
#ContentPlaceHolder1_toSplit td
{
display: !important;
}

#ContentPlaceHolder1_pinakasPoint thead
{
display: !important;
}

#ContentPlaceHolder1_pinakasPoint tbody
{
display: !important;
}

#ContentPlaceHolder1_pinakasPoint tr
{
display: !important;
}
#ContentPlaceHolder1_pinakasPoint td
{
display: !important;
}


button.footable-add {
    display: none !important;
}

responsieveWidth600
{
width:600px;
}

.toHideOnMobile
{
}

.accountWidthTD
{
width:110px !important;
min-width:110px !important;
max-width:110px !important;
}

.homeTdDiv
{
width:290px;height:150px;position:relative;
display:;
}

.homeTdImg
{
width:290px;height:150px;border:0px;cursor:pointer;
display:;
}

.homeTdWidt
{
width:150px;
}


.homeTdWidhideMe
{
width:150px;
display:;
}

hr.dotted {
  border-top: 1px dashed black;
}

hr.dottedWhite {
  border-top: 1px dashed white;
padding-bottom:0px;
padding-top:0px;
}

hr.dottedBlack {
  border-top: 1px dashed black;
padding-bottom:0px;
padding-top:0px;
}

.select2-container{
    z-index:10000;
 width: 100% !important; 
}

.select2-drop {z-index: 99999;}

.input100 {
  
  font-size: 15px;
  color: #555555;
  line-height: 1.6em;
height: 35px;
  display: block;
  width: 100%;  
  padding: 0 5px;
}

.input100::-webkit-input-placeholder {color: #999999;}
.input100:-moz-placeholder {color: #999999;}
.input100::-moz-placeholder {color: #999999;}
.input100:-ms-input-placeholder {color: #999999;}

.input100:focus::-webkit-input-placeholder { color:transparent; }
.input100:focus:-moz-placeholder { color:transparent; }
.input100:focus::-moz-placeholder { color:transparent; }
.input100:focus:-ms-input-placeholder { color:transparent; }

.chatTopTable
{
width:74px;
height:40px;
margin-right:30px;
background-color:#ffffff;

-moz-border-radius:5px 5px 5px 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;    
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    -khtml-border-top-left-radius: 5px;     

}

.classText100
{
  border: 1px solid #0351A8; 
-moz-border-radius:5px 5px 5px 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;    
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    -khtml-border-top-left-radius: 5px;      
outline:0; 
width:100%;
height:40px;
}



.ajax__tab_xp .ajax__tab_active .ajax__tab_tab
    {
        color: White !important;
        background-color: 0351A8 !important;
        background-image: none !important;
    }
    .ajax__tab_xp .ajax__tab_tab
    {          
        color:black !important;
        background-color: #d3d3d3 !important;
        background-image: none !important;
    }

 .ajax__tab_inner {
            color:black !important;
        background-color: #d3d3d3 !important;
        background-image: none !important;

        }

         .ajax__tab_outer {
            color:black !important;
        background-color: #d3d3d3 !important;
        background-image: none !important;
        }

.posotitaDetailsDiv
{
font-size:12px !important;
font-weight:normal !important;
}

.optionsPayment
{
background-color:#4B9282 !important;
color:#FFFFFF;
width:100%;
text-align:left;
}

.onlyTextColor
{
color: #0351A8;
}

.ui-front 
{
z-index: 4000 !important; 
}

.dalogHighClass
{
z-index:1000005 !important;
}

.ui-dialog
{
z-index:1000003 !important;
}




a[data-toggle="modality"] {
  margin: 5px;
}
.title {
  color: #757575;
  font-weight: bold;
}
.modality {
  text-align: left;
}

.modalDialog {
  text-align: left;
}

.modality-content {
  border: none;
  border-radius: 2px;
      box-shadow: 0 16px 28px 0 rgba(0,0,0,0.22),0 25px 55px 0 rgba(0,0,0,0.21);
}
.modality-header{
  border-bottom: 0;
  padding-top: 5px;
  padding-right: 10px;
  padding-left: 10px;
  padding-bottom: 0px;
}
.modality-title {
  font-size: 20px;
}
.modality-body{
  border-bottom: 0;
  padding-top: 5px;
  padding-right: 26px;
  padding-left: 26px;
  padding-bottom: 10px;
  font-size: 15px;
}
.modality-footer {
  border-top:0;
  padding-top: 0px;
  padding-right:26px;
  padding-bottom:26px;
  padding-left:26px;
}



.btn-defaultClone {
    border: none;
    border-radius: 2px;
    display: inline-block;
    color: #424242;
    background-color: #FFF;
    text-align: center;
    height: 50px;
    line-height: 36px;
    outline: 0;
    padding: 0 0; 
    vertical-align: middle;
    -webkit-tap-highlight-color: transparent;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    letter-spacing: .5px;
    transition: .2s ease-out;
width:auto !important;
}


.btn-defaultClone:hover{
  background-color: #FFF;
  box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
width:auto !important;
}

.onlyTopBack
{
background-color:#f3f3f3;
z-index:20000 !important;
}

#newTopTable {
  margin: 0px auto;
  border-spacing: 0;
}

#newTopTable tr {
display: !important;
}

#newTopTable td {
  padding: 5px;  
display: !important;
}

#ContentPlaceHolder1_statusInformation td {
display: !important;
}

#newTopTable tbody {
  margin: -5px;
  display: block;
  border-spacing: 5px;
}

.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

.tableTransParentCalendar
{
background-color:white !important; 
background:white !important; 
font-size:12px;
}

.tableTransParentCalendar tr
{
background-color:white !important; 
background:white !important; 
}

.tableTransParentCalendar tr td 
{
background-color:white !important; 
background:white !important; 
}

.tableTransParent
{
background-color:transparent !important; 
background:transparent !important; 
font-size:12px;
}

.tableTransParent tr
{
background-color:transparent !important; 
background:transparent !important; 
}

.tableTransParent tr td 
{
background-color:transparent !important; 
background:transparent !important; 
}



.widgetText{font-size:18px;margin-top:5px;}

@media (max-width:800px) and (min-width:481px){

#prodToFloud
{
max-width:400px !important;
}

#statusInformation #mainBoardData 
{
display:;float:;width:auto;
}

#statusInformationDIV
{
display:block;
}

.containerExNew {
padding-top:33px;
}


body
{
padding-top:53px;
}

#mobile-nav {
display:block ;
}

.blockInMobileBid
{
display:block !important;
margin:auto !important;
width:75%;
}

.blockInMobile
{
display: !important;
position:relative;
}

.ratiosWidth
{
width:100%;
max-width:95% !important;
}

.stepWidth
{
width:100%;
max-width:95% !important;
}

.alignCenter
{
text-align:center;
margin: 0 auto;
}

#ContentPlaceHolder1_statusInformation td {
display: block !important;
}

.cellWidth
{
width:100%;
}

.changeMaxTo100
{
width:100%;
}

#rightPanelOfPage
{
width:98% !important;
}

#rightPanelOfPageOffer
{
width:98% !important;
}

  .widgetText
{
font-size:16px;
}
}

@media (max-width:480px) and (min-width:376px){


#prodToFloud
{
max-width:280px !important;
}

#statusInformation #mainBoardData
{
display:block;float:left;width:100%;
}

#boardData tr td
{
display:block;float:left;width:100%;
}

.containerExNew {
padding-top:33px;
}


body
{
padding-top:53px;
}

#mobile-nav {
display:block;
}
.blockInMobileBid
{
display:block !important;
margin:auto !important;
width:75% !important;
}
.blockInMobile
{
display: block !important;
position:relative;
}

.ratiosWidth
{
width:100%;
max-width:95% !important;
}
.stepWidth
{
width:100%;
max-width:95% !important;
}

.alignCenter
{
text-align:center;
margin: 0 auto;
}

#ContentPlaceHolder1_statusInformation td {
display: block !important;
}

.cellWidth
{
width:100%;
}
  .widgetText{font-size:14px;}

.changeMaxTo100
{
width:100%;
}


#rightPanelOfPage
{
width:98% !important;
}
#rightPanelOfPageOffer
{
width:98% !important;
}
}

@media (max-width:375px){

#prodToFloud
{
max-width:290px !important;
}

#statusInformation #mainBoardData
{
display:block;float:left;width:100%;
}

#boardData tr td
{
display:block;float:left;width:100%;
}

.containerExNew {
padding-top:33px;
}


body
{
padding-top:53px;
}

#mobile-nav {
display:block;
}

.blockInMobileBid
{
display:block !important;
margin:auto !important;
width:75% !important;
}
.blockInMobile
{
display:block !important;
position:relative;
}

.ratiosWidth
{
width:100%;
max-width:95% !important;
}
.stepWidth
{
width:100%;
max-width:95% !important;
}

.alignCenter
{
text-align:center;
margin: 0 auto;
}

#ContentPlaceHolder1_statusInformation td {
display: block !important;
}

.cellWidth
{
width:100%;
}
 .widgetText{font-size:12px;}

.changeMaxTo100
{
width:100%;
}


#rightPanelOfPage
{
width:98% !important;
}

#rightPanelOfPageOffer
{
width:98% !important;
}

}


.widget
{
border:0px solid #0351A8 ;
color:#0351A8 ;
width:95%;
text-align:center;
display:block;
padding:5px;
margin:5px;
}

.widgetCode
{
background-color:white;
 border:2px solid #6D6E71;
 
 font-size:13px;
 color:#6D6E71;
width:650px;
}

.widgetCodeNoWidth
{
background-color:white;
 border:2px solid #6D6E71;
 
 font-size:13px;
 color:#6D6E71;

}

.creditsPanelNoCredits
{
color:#0351A8 ;
}

.creditsPanel
{
color:black;
font-size:14px;
border: 1px solid #0351A8;
padding:10px;
margin:10px;
}

.gridview{
    background-color:#0351A8 !important;      
}

.gridview table
{
    background-color:#0351A8 !important;      
}

.gridview table tr
{
    background-color:#0351A8 !important;      
}

.gridview table tr td
{
    background-color:#0351A8 !important;      
}

.gridview a{
  margin:auto 1%;
    border-radius:50%;
      background-color:#000000;
      padding:5px 10px 5px 10px;
      color:#fff;
      text-decoration:none;
      -o-box-shadow:1px 1px 1px #000000;
      -moz-box-shadow:1px 1px 1px #000000;
      -webkit-box-shadow:1px 1px 1px #000000;
      box-shadow:1px 1px 1px #000000;     
}

.gridview a:hover{
    background-color:#1e8d12;
    color:#fff;
}

.gridview span{
    background-color:#FFFFFF;
    color:#0351A8;
     -o-box-shadow:1px 1px 1px #FFFFFF;
      -moz-box-shadow:1px 1px 1px #FFFFFF;
      -webkit-box-shadow:1px 1px 1px #FFFFFF;
      box-shadow:1px 1px 1px #FFFFFF;

    border-radius:50%;
    padding:5px 10px 5px 10px;
}

.btnRed {
width:80px;
height:50px; 
background-color:black;
font-weight: normal;
border: 1px solid #000000;
color:#000000;
-moz-border-radius:5px 5px 5px 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;    
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    -khtml-border-top-left-radius: 5px;  
    cursor:pointer;
}


.message-data {
      margin-bottom: 5px;
      font-size: 10px;
text-align:left;
margin-left:20px;
width:90%;
    }

.message-data2 {
      margin-bottom: 5px;
      font-size: 10px;
text-align:right;
margin-right:20px;
width:90%;
    }
    
    .message-data-time {
      color:gray;
      padding-left: 6px;
font-size: 10px;
    }

    .my-message {
 color: black;
      padding: 5px 5px;
      line-height: 20px;
      font-size: 12px;
      border-radius: 7px;
      margin-bottom: 20px;
      width: 90%;
      position: relative;
margin-left:5px;
margin-right:5px;  
      background: #D4D7FE;
text-align:left;
white-space:pre-wrap;
white-space:-moz-pre-wrap;
white-space:-o-pre-wrap;
word-wrap:break-word;
word-break:break-all;
max-width: 90%;
    }
    
    .other-message {
 color: black;
      padding: 5px 5px;
      line-height: 20px;
      font-size: 12px;
      border-radius: 7px;
      margin-bottom: 20px;
      width: 90%;
      position: relative;
margin-left:5px;
margin-right:5px;  
      background: #FFFFBE;
text-align:right;
margin-left:5px;
margin-right:5px;  
      background: lightgray;
text-align:left;
white-space:pre-wrap;
white-space:-moz-pre-wrap;
white-space:-o-pre-wrap;
word-wrap:break-word;
word-break:break-all;
max-width: 90%;
    }


    .end-message {
 color: black;
      padding: 5px 5px;
      line-height: 20px;
      font-size: 12px;
      border-radius: 7px;
      margin-bottom: 20px;
      width: 90%;
      position: relative;
margin-left:5px;
margin-right:5px;  
      background: lightpink;
text-align:center;
margin-left:5px;
margin-right:5px;  
      background: pink;
text-align:left;
white-space:pre-wrap;
white-space:-moz-pre-wrap;
white-space:-o-pre-wrap;
word-wrap:break-word;
word-break:break-all;
max-width: 90%;
    }
    
    
  


.topChatOptions
{
font-size:12px;
cursor:pointer;
color:#0351A8;
}


.topChatOptions:hover
{
color:black;
}

.chat-popup {
  display: none;
  position: fixed;
  bottom: 0;
  right: 150px;
  border: 3px solid #0351A8;
  z-index: 9999;

  width: 300px;
  height:540px;
  padding: 0px;
  margin: 0px;
  background-color: white;
}


.productTitleRequestBid
{

font-size:14px;
color:#0351A8;
text-align:center;
}

 .productTitleRequestBid tr
{
display:table-row;
}

 .productTitleRequestBid tr  td:not(:first-child) { 

        vertical-align:top !important;
display:table-cell;
width:250px !important;
min-width:250px !important;
max-width:250px !important;
border-left:1px dotted black ;

         }

 .productTitleRequestBid tr  td:first-child { 

        vertical-align:top !important;
display:table-cell;
width:250px !important;
min-width:250px !important;
max-width:250px !important;
border-left:0px;
         }


.productTitleRequestBid input {  
  vertical-align:top !important;
   display: inline-block !important;
  width: 30px !important;
text-align:left;
         }

 .productTitleRequestBid label { 
  vertical-align:top !important;
            padding-left:2px;
width:170px !important;
  display: inline-block !important;
text-align:left;
         }


.productTitleRequest
{
font-size:14px;
font-weight:bold;
color:#0351A8;
}

 .productTitleRequest tr td { 
        vertical-align:top;
width:33%;
display:table-cell;
         }

.productTitleRequest input {  
   display: block;
      float: left;
  width: 20px;
         }

 .productTitleRequest label {           
            padding-left:2px;
width:300px;
  display: block;
      float: left;
         }

.chatTop
{
background-color:#0351A8;
color:white;
}

.chatDown
{
background-color:#0351A8;
color:white;
}

.onlyC3Color
{
color:#000000;
}

.noumerakiDiv
{
float:right;
background-color:pink;
color:black;
padding:5px;
margin-right:15px;
-moz-border-radius:5px 5px 5px 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;    
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    -khtml-border-top-left-radius: 5px;      

}

.onlyBorder
{
margin:0 auto !important;
text-align:center !important;
   border: 1px solid #0351A8;
width:94% !important;
min-width:94% !important;
max-width:94% !important;
}

.onlyBorder:hover
{
   background-color:lightyellow;
}

.menuTitleHomePagePanelDown
{
position:absolute;
    bottom:2%; 
    right:20%;    
background-color:#0351A8;
color:#FFFFFF;
    padding:5px;
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    border-radius: 999px;
    border: 1px dotted #0351A8;
    font-weight:normal;
font-size:12px;
}

.menuTitleHomePage
{
background-color:#FFFFFF;
color:#0351AA;
font-weight:normal;
font-size:14px;
padding:5px;
height:50px;
}


#divReg
{
width:250px !important;
}

#divLog
{
width:250px !important;
}

.noRightToTakePart
{
background-color:black;
margin:5px;
padding:3px;
color:white;
font-size:12px;
font-weight:bold;
width: fit-content; 
border:1px solid white;
}

.noRightToTakePartWhite
{
background-color:#ffffff;
padding:5px;
margin-top:10px;
color:black;
font-size:12px;
font-weight:normal;
width: fit-content; 
border:1px dotted black;
    
}


.imgHide
{
width:50px !important;
height:50px !important;
display:inline-block;
}

.imgHideMuni
{
width:32px !important;
height:32px !important;
display:inline-block;
}

.toHide
{
display:;
}

.toSh
{
display:none !important;
}

.rowClassFieldsFocusHide
{
display:;
 padding-top: 2px;
    padding-bottom: 2px;
}

.rowClassFieldsFocusHide td
{
 padding-top: 15px;
 padding-bottom: 15px;
}

.rowClassFieldsFocusShow
{
display:none !important;
}

.toShow
{
display:none;
}

.toToggleTableRow
{
display:none;
}

.linko
{
color:blue;
}

.linko:hover
{
color:black;
}

.nobr { white-space: nowrap }

tr.border_bottom td {

  border-bottom:1px dotted gray;
padding-left:5px;
padding-right:5px;
padding-bottom:10px;
padding-top:10px;
}

.classTextDi{
color:black;
background-color:white;
  border: 1px solid #0351A8; 
-moz-border-radius:5px 5px 5px 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;    
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    -khtml-border-top-left-radius: 5px;      

width:120px;
}

.statusSpanStatus
{
font-size:12px;
}

.statusSpanDate
{
font-size:12px;
}

.focusBestOffer
{
padding:3px;
background-color:red;
color:white;
}

.focusBestOfferAkDe
{
display: inline-block;
padding:8px;
margin:8px !important;
background-color:black;
color:white;
font-size:16px;
-moz-border-radius:5px 5px 5px 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;    
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    -khtml-border-top-left-radius: 5px;
}

.focusBestOfferSame
{
padding:3px;
background-color:darkorange;
color:white;
}

.focusBestOfferRed
{
padding:3px;
background-color:red;
color:white;
}

.focusStartOffer
{
padding:3px;
background-color:#d3d3d3;
color:black;
}

.focusBestOfferOK
{
padding:3px;
background-color:green;
color:white;
}

.focusPanelBlueBack
{
padding:3px;
background-color:royalblue;
color:white;
}


.focusPanelOrangeBack
{
padding:3px;
background-color:darkorange;
color:white;
}

.topClassBidTopi {
        
    color:#000000;  
    height: 100%;
    width: 100%;
font-size:12px;
font-weight:bold;
}

.topClassBidBlack
 {
    color:#000000;  
    height: 100%;
    width: 100%;
font-size:12px;
font-weight:normal;
}

.topClassBidTopiSmall {
        
    color:#ffffff;  
    height: 100%;
    width: 100%;
font-size:12px;
font-weight:bold;
}

.topClassBid {
        
    color:#FFFFFF;  
    height: 100%;
    width: 100%;
font-size:12px;
}

.rowTitleFocus
{
font-size:12px !important ;
}

.notificationRow
{
background-color:#eeeeee;
font-size:14px;
color:black;
}

.noNotificationRow
{
background-color:#ffffff;
font-size:16px;
color:black;
}

.rowClassFieldsFocus
{
background-color:white !important;
 padding-top: 2px;
    padding-bottom: 2px;
}

.rowClassFieldsFocus td
{
padding-top:15px;
padding-bottom:15px;
}

.rowClassFieldsFocusSystem
{
background-color:red ;
 padding-top: 2px;
    padding-bottom: 2px;
}

.rowClassFieldsFocusSystem td
{
padding-top:15px;
padding-bottom:15px;
}

.rowClassFieldsFocusWinner
{
background-color:#000000 ;
}

.rowClassFieldsFocusWinner td
{
padding-top:5px;
padding-bottom:5px;
}


.classTextIsBig
{
background-color:white !important;
font-size:14px;
color:black;

border: 1px solid #0351A8 !important; 
-moz-border-radius:5px 5px 5px 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;    
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    -khtml-border-top-left-radius: 5px;      
width:100%;
max-width:200px !important;
min-width:200px !important;
height:40px;
}

.classTextIsBigPink
{
background-color:#ffe4e1 !important;
font-size:14px;
color:black;
height:40px;
border: 1px solid #0351A8 !important; 
-moz-border-radius:5px 5px 5px 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;    
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    -khtml-border-top-left-radius: 5px;      
width:100%;
min-width:200px !important;
max-width:200px !important;
}

.classTextIsBigOffer
{
background-color:lightgreen !important;
font-size:14px;
color:black;
height:40px;
border: 1px dotted darkgreen !important; 
-moz-border-radius:5px 5px 5px 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;    
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    -khtml-border-top-left-radius: 5px;      
width:100%;
max-width:200px !important;
min-width:200px !important;
}

.classTextIsBigNoBorder
{
font-size:14px;
color:black;
height:40px;
-moz-border-radius:5px 5px 5px 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;    
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    -khtml-border-top-left-radius: 5px;      
width:100%;
max-width:200px !important;
min-width:200px !important;
}



.auctionTextOnly
{
font-size:12px;
color:black;
}

.auctionTextTitle
{
font-size:12px;
color:black;
}


.cellTextPrint
{
font-weight:normal;
font-size:12px;
}

.classTextPrint
{
font-weight:normal;
font-size:12px;
}

.hideMe
{
display:none;
}

.nowStep
{
background-color:#D3d3d3;
}

.nowStepOnLine
{
background-color:#ADD8E6 ;
border:1px solid royalblue !important;
}



.nowStepRed
{
background-color:#EEEDEE;
}

.nowStepGreen
{
background-color:#FFFFFF;
}

.pagination
{
  line-height: 26px;
background-color:#0351A8 !important;
color:#FFFFFF !important;
font-weight:bold !important;
margin:0px !important;
padding:0px !important;
}

TR.pagination TD
{
color:#FFFFFF !important;
    height: 10px;
    margin: 0px;
    padding-top: 2px;
    padding-bottom: 2px;
}
TR.pagination TD TABLE
{
color:#FFFFFF !important;
    margin: 0px;
    padding-top: 2px;
    padding-bottom: 2px;
}


.newsDiv
{
margin-top:0px;
padding:5px;
width:100%;
height:50px;
text-align:center;
background-color:#FFFACF;
color:#5C604D;
}

body {
    margin: 0px;
    padding: 0px;	
    
    background-color:#ffffff;  
    color:#000000;  
font-size:12px;   

height:100vh;
height:100%;
min-height: 100vh;
}

.auctionEnded
{
background-color:#ffffff;padding:2px 10px;border:1px solid navy;color:black;font-size:14px;
-moz-border-radius:5px 5px 5px 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;    
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    -khtml-border-top-left-radius: 5px; 
}

.divOfferValue
{
background-color:#ffffff;padding:2px 10px;display:none;border:1px solid navy;color:black;font-size:14px;
-moz-border-radius:5px 5px 5px 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;    
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    -khtml-border-top-left-radius: 5px; 
}

.onlyBack {
    background-color:#0351A8;  
}

.rowClass1
{
font-size:12px;   
}

.rowClass2
{
background-color:#ffffff;  
font-size:12px;   
}

.searchFilters {
  background-image: url('https://energytelia.com/energyauctions/el//images/searchicon.png');
  background-position: 10px 10px;
  background-repeat: no-repeat;
  font-size: 12px;
  padding: 12px 20px 12px 40px;
  border: 1px solid #ddd;
  margin-bottom: 12px;
display:inline-box;
width:120px;
   color:#0351A8;    

}

.stepTitle1
{
color:#000000;
font-weight:bold;
}

.stepTitle2
{
font-size:14px;
color:black;
}

.stepTitle2_2
{
font-size:14px;
color:black;
}

.stepTitle2:hover
{
color:blue;
}

.mGrid { 
    width: 100%; 
    background-color: #fcfcfc; 
    margin: 5px 0 10px 0; 
    border: solid 1px #525252; 
    border-collapse:collapse; 
}
.mGrid td { 
    padding: 2px; 
    border: solid 1px #c1c1c1; 
    color: #717171; 
}
.mGrid th { 
    padding: 4px 2px; 
    color: #fff; 
    background: #424242  repeat-x top; 
    border-left: solid 1px #525252; 
    font-size: 0.9em; 
}
.mGrid .alt { background:#fcfcfc; }
.mGrid .pgr { background:#424242; }
.mGrid .pgr table { margin: 5px 0; }
.mGrid .pgr td { 
    border-width: 0; 
    padding: 0 6px; 
    border-left: solid 1px #666; 
    font-weight: bold; 
    color: #fff; 
    line-height: 12px; 
 }   
.mGrid .pgr a { color: #666; text-decoration: none; }
.mGrid .pgr a:hover { color: #000; text-decoration: none; }

.needCredits
{
border:1px dotted red;
background-color:black;
color:white;
width:auto;
padding:3px;
-moz-border-radius:5px 5px 5px 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;    
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    -khtml-border-top-left-radius: 5px; 

}

.needCreditsDouble
{
border:1px dotted red;

background-color:black;
color:white;
width:auto;
padding:3px;
margin-top:10px;
font-weight:bold;
-moz-border-radius:5px 5px 5px 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;    
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    -khtml-border-top-left-radius: 5px; 

}

.noProfile
{
color:#C2486C;
font-size:12px;
margin:5px;
background:#ffffff;
padding-top:3px;
padding-bottom:3px;
border:1px dotted #C2486C;
}

.credits
{
border:1px solid #FFFFFF;
background:#FF8C00;
color:#FFFFFF;
font-size:14px;
padding:8px;
display:inline-block;
-moz-border-radius:5px 5px 5px 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;    
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    -khtml-border-top-left-radius: 5px; 
}

.ui-combobox {
    position: relative;
    display: inline-block;
}
.ui-combobox-button {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: -1px;
    padding: 0;
    /* adjust styles for IE 6/7 */
    *height: 1.7em;
    *top: 0.1em;
}

.ui-autocomplete-input {
    margin: 0;
    padding: 0.3em;
}

.btnDemandsDetails
{
padding: 4px 8px;
font-size: 12px;
background-color: #0351A8;
border-radius: 12px;
color:#ffffff;
border:1px solid #0351A8;
cursor:pointer;
}

.btnDemandsDetails:hover
{
padding: 4px 8px;
font-size: 12px;
background-color: #f44336;
border-radius: 12px;
color:white;
border:1px solid #ffffff;
}

.modal99 {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content99 {
  background-color: #fefefe;
  margin: 15% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.dottedHR
{
border-top: dotted 1px;
margin-top:5px;
margin-bottom:5px;
color:black;
}

.cellUp
{
font-weight:bold;
}

.cellDown
{
font-weight:normal;
}

.forDottedHR
{
height:5px;
}

.moreLink
{
color:#0351A8 !important;
}

.moreLink span:hover
{
color:olive !important;
}

.titleLabel
{
font-size:14px;
font-weight:normal;
color:#0351A8 !important;
}

.titleLabelSmall
{
font-size:14px;
font-weight:normal;
color:#0351A8 !important;

}


.fieldTable900
{
min-width:500px;
border-spacing: 0px;
width:900px;
max-width:calc(95%);
margin-left:auto; margin-right:auto; 
    border:1px solid #0351A8;
-moz-border-radius:5px 5px 5px 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;    
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    -khtml-border-top-left-radius: 5px;  
overflow:hidden;
    background-color: #f2f2f2;
}




      .fieldTable900 tr:nth-child(even) {
          background-color: #f2f2f2;
      }

.fieldTable900 tr:nth-child(odd) {
          background-color: #F7F7F7;
      }



.fieldTableAutoWidth
{
width:auto;
border-spacing: 0px;
max-width:calc(70%);
margin-left:auto; margin-right:auto; 
    border:1px solid #0351A8;
-moz-border-radius:5px 5px 5px 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;    
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    -khtml-border-top-left-radius: 5px;  
overflow:hidden;
    background-color: #f2f2f2;
padding:5px;
}




      .fieldTableAutoWidth tr:nth-child(even) {
          background-color: #f2f2f2;
      }

.fieldTableAutoWidth tr:nth-child(odd) {
          background-color: #F7F7F7;
      }



.fieldTable400
{
min-width:500px;
border-spacing: 0px;
width:700px;
max-width:calc(95%);
margin-left:auto; margin-right:auto; 
    border:1px solid #0351A8;
-moz-border-radius:5px 5px 5px 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;    
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    -khtml-border-top-left-radius: 5px;  
overflow:hidden;
    background-color: #f2f2f2;
}

      .fieldTable400 tr:nth-child(even) {
          background-color: #f2f2f2;
      }

.fieldTable400 tr:nth-child(odd) {
          background-color: #F7F7F7;
      }

.fieldTable900b
{
min-width:500px;
border-spacing: 0px;
width:900px;
max-width:calc(95%);
margin-left:auto; margin-right:auto; 
    border:1px solid #0351A8;
-moz-border-radius:5px 5px 5px 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;    
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    -khtml-border-top-left-radius: 5px;  
overflow:hidden;

  background-color: #E7E9EB;
}

      .fieldTable900b tr:nth-child(even) {
          background-color: #f2f2f2;
      }

.fieldTable900b tr:nth-child(odd) {
          background-color: #F7F7F7;
      }


.fieldTable900NoBorder
{
min-width:500px;

width:900px;
max-width:calc(95%);
margin-left:auto; margin-right:auto; 
    border:0px !important;

overflow:hidden;
    background-color: #f2f2f2;
}

      .fieldTable900NoBorder tr:nth-child(even) {
          background-color: #f2f2f2;
      }

.fieldTable900NoBorder tr:nth-child(odd) {
          background-color: #F7F7F7;
      }

.fieldTable900bNoBorder
{
min-width:500px;
width:900px;
max-width:calc(95%);
margin-left:auto; margin-right:auto; 
    border:0px !important;
 
overflow:hidden;
  background-color: #E7E9EB;
}


      .fieldTable900bNoBorder tr:nth-child(even) {
          background-color: #f2f2f2;
      }

.fieldTable900bNoBorder tr:nth-child(odd) {
          background-color: #F7F7F7;
      }

.tableHeaderRow
{
  background-color: #E7E9EB;
font-weight:normal !important;
}

.fieldTable900 td {
margin-left:auto; margin-right:auto; 
          padding:10px;    
}
     
.fieldTable400 td {
margin-left:auto; margin-right:auto; 
          padding:10px;    
}

.fieldTableNoWidth
{
width:600px !important;
border-spacing: 0px;
max-width:calc(95%) !important;
margin-left:auto; margin-right:auto; 
    border:1px solid #0351A8;
-moz-border-radius:5px 5px 5px 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;    
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    -khtml-border-top-left-radius: 5px;  
overflow:hidden;
}

.fieldTableNoWidth td {
margin-left:auto; margin-right:auto; 
          padding:10px;    

}
      .fieldTableNoWidth tr:nth-child(even) {
          background-color: #f2f2f2;
      }

.fieldTableNoWidth tr:nth-child(odd) {
          background-color: #F7F7F7;
      }



.fieldTable
{
min-width:500px;
border-spacing: 0px;
width:95%;
max-width:calc(95%);
margin-left:auto; margin-right:auto; 
    border:1px solid #0351A8;
-moz-border-radius:5px 5px 5px 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;    
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    -khtml-border-top-left-radius: 5px;  
overflow:hidden;
}

.fieldTable td {
margin-left:auto; margin-right:auto; 
          padding:10px;    

}
      .fieldTable tr:nth-child(even) {
          background-color: #F2F2F2;
      }

.fieldTable tr:nth-child(odd) {
          background-color: #F7F7F7;
      }

.fieldTableNoSplit
{
min-width:500px;
border-spacing: 0px;
width:95%;
max-width:calc(95%);
margin-left:auto; margin-right:auto; 
    border:1px solid #0351A8;
-moz-border-radius:5px 5px 5px 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;    
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    -khtml-border-top-left-radius: 5px;  
overflow:hidden;
}

.fieldTableNoSplit td {
margin-left:auto; margin-right:auto; 
          padding:10px;    

}
      .fieldTableNoSplit tr:nth-child(even) {
          background-color: #f2f2f2;
      }

.fieldTableNoSplit tr:nth-child(odd) {
          background-color: #F7F7F7;
      }


.fieldTableNoSplitPPA
{
width:300px;
border-spacing: 0px;

margin-left:auto; margin-right:auto; 
    border:1px solid #0351A8;
-moz-border-radius:5px 5px 5px 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;    
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    -khtml-border-top-left-radius: 5px;  
overflow:hidden;
}

.fieldTableNoSplitPPA td {
margin-left:auto; margin-right:auto; 
          padding:10px;    

}
      .fieldTableNoSplitPPA tr:nth-child(even) {
          background-color: #f2f2f2;
      }

.fieldTableNoSplitPPA tr:nth-child(odd) {
          background-color: #F7F7F7;
      }


.fieldTable25TD
{
min-width:500px;
border-spacing: 0px;
width:95%;
max-width:calc(95%);
margin-left:auto; margin-right:auto; 
    border:1px solid #0351A8;
-moz-border-radius:5px 5px 5px 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;    
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    -khtml-border-top-left-radius: 5px;  
overflow:hidden;
}

.fieldTable25TD td {
margin-left:auto; margin-right:auto; 
          padding:10px;   
width:25% !important;

}
      .fieldTable25TD tr:nth-child(even) {
          background-color: #f2f2f2;
      }

.fieldTable25TD tr:nth-child(odd) {
          background-color: #F7F7F7;
      }

.fieldTableOffers
{
min-width:500px;
width:100%;
margin-left:auto; margin-right:auto; 
    border:1px solid #000000;
overflow:hidden;
font-size:12px !important;
font-weight:normal !important;
}

.fieldTableOffers td {
margin-left:auto; margin-right:auto; 
          padding:10px;    

}
      .fieldTableOffers tr:nth-child(even) {
          background-color: #f2f2f2;
      }

.fieldTableOffers tr:nth-child(odd) {
          background-color: #F7F7F7;
      }



      .calendarContainer .ajax__calendar_container {
    border:1px solid #000000;
    background-color: white;
    color: #0351A8;
}
.calendarContainer .ajax__calendar_other .ajax__calendar_day,
.calendarContainer .ajax__calendar_other .ajax__calendar_year {
    color: black;
}
.calendarContainer .ajax__calendar_hover .ajax__calendar_day,
.calendarContainer .ajax__calendar_hover .ajax__calendar_month,
.calendarContainer .ajax__calendar_hover .ajax__calendar_year {
    color: black;
}
.calendarContainer .ajax__calendar_active .ajax__calendar_day,
.calendarContainer .ajax__calendar_active .ajax__calendar_month,
.calendarContainer .ajax__calendar_active .ajax__calendar_year {
    color: black;
}

.calendarContainer   
{
    border-width: 1px !important; 
    background-color:white !important;
    background:white !important;
 z-index : 20001 !important ;
}

.calendarContainer table  
{
    background-color:white !important;
    background:white !important;
}
.calendarContainer table tr 
{
    background-color:white !important;
    background:white !important;
}
.calendarContainer table tr td
{
       border-width: 0px !important; 
    background-color:white !important;
    background:white !important;
}

.calendarContainer .ajax__calendar_invalid .ajax__calendar_day  
  {
        text-decoration:line-through; 
color:black;
       
  }

.ekdotisText
{
color: #0351A8;
}

.fieldTable2 td {
          padding:10px;    
margin-left:auto; margin-right:auto; 
}
      .fieldTable2 tr:nth-child(even) {
          background-color: #f2f2f2;
      }

.fieldTable2 tr:nth-child(odd) {
          background-color: #F7F7F7;
      }

.bestOffer
{
font-size:10px !important;
color:#000000;
}

.gridText
{
font-size:12px;
color:#000000;
}

.gridTextBig
{
font-size:14px;
color:#336699;
}

.gridTextBigBig
{
font-size:16px;
color:#336699;
}

.gridCodeText
{
color:#000000;
margin:5px;
float:right;

font-size:12px;

}

.gridCodeTextNoFloat
{
color:#ffffff;
margin:5px;
font-size:12px;
}

.gridCodeTextBig
{
font-size:16px;
color:white;
}

.gridCodeTextBigBig
{
font-size:18px;
color:yellow;

}

.sliderContainer
{
    width:248px;
    letter-spacing:0.5px;
    background-color:#FFFFFF;    
    padding-top:5px;padding-bottom:15px;
}

.sliderText
{
border: 0; 
color: #0351A8; 
font-weight: bold;
font-size:14px;
width:100%;
text-align:center;
padding-bottom:5px;
padding-top:5px;
background-color:#FFFFFF;    
}

#embado
{
color: #0351A8; 
}

.priceLabel1
{
color:#0351A8;

font-size:15px;
padding:5px;
border:0px;
text-align:left;
background-color:#FFFFFF;
display:none;
}

.priceLabel2
{
color:#0351A8;

font-size:15px;
padding:5px;
border:0px;
text-align:right;
background-color:#FFFFFF;
display:none;
}

#errorDealTextContainer
{
    display:none;
    position:relative;
    width:600px;
    height:80px;
    margin-bottom:125px;
    margin-right:75px;
}

.overSearch
{
    position:relative;
   text-align:left;
}


.myButtonGrey
{

font-size:11px;
width:120px;
height:25px; 
background-color:#FFFFFF;
font-weight: bold;
border: 1px solid #0351A8;
color:#0351A8;
-moz-border-radius:5px 5px 5px 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;    
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    -khtml-border-top-left-radius: 5px;  
    cursor:pointer;
}

.myButtonGrey:hover {  
  background-color: darkorange;
  color:white;
  cursor: pointer;
}


.searchBoxDealNoBorder
{
    width:190px;
    letter-spacing:0.5px;        
    height:32px; 
    margin:0px 0px 0px 0px;  
    padding: 0px 30px 0px 5px;
    
    font-size:11px;
    background-color:white;
border: 1px solid #0351A8;    
    color:#0351A8;    
}

.setSearchButtonSecond
{
position:absolute;
top:1px;
left:655px;
width:28px;
height:28px;
}

#searchTxt
{
    position:relative;
    top:0px;
    left:0px;
    
    width:100%;
    display:inline;
    
}


.marginRightOnly
{

margin-right:5px;
font-decoration:none;
}

.marginRight
{
border:1px solid #0351A8;
margin-right:5px;
background-color:#FFFFFF;    
color:#0351A8;    
font-decoration:none;

}

.marginRightBlue
{
text-decoration:none;
font-decoration:none;
border:1px solid #FFFFFF;
margin-right:6px;
background-color:#0351A8;    
color:white;    

}


.container {
	margin: 2px 0px 0px 0px; /* centered */
	width: 250px;			    
}
.containerExUp {
	margin: 2px 0px 0px 0px; /* centered */
	width: 100%;	    
}

#filterBtn
{
background-color:darkorange;
color: white;
height:50px;
margin-top:3px;

font-size:13px;
letter-spacing:0.5px; 
position:absolute;
left:60px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
   z-index:2000;            
   transform-origin: 100% 40%;
-ms-transform-origin: 100% 40%; /* IE 9 */
-webkit-transform-origin: 100% 40%; /* Safari and Chrome */
-moz-transform-origin: 100% 40%; /* Firefox */
-o-transform-origin: 100% 40%; /* Opera */
}

.rectangle {
	background: #0351A8 ;
	width: 100%;
	position: relative;	
color: #FFFFFF;    
text-align:center;
padding-top:4px;
padding-bottom:4px;
    
font-size:16px;
}

.rectangleEx {
	background: #0351A8 ;
	padding:10px;
	width: 100%;
	position: relative;	
color: #FFFFFF;    
    horizontal-align:middle;    
    
-moz-border-radius:5px 5px 5px 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;    
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    -khtml-border-top-left-radius: 5px;  
overflow:hidden;
font-size:13px !important;
font-weight:normal;
line-height:1.4;
font-family "Segoe UI", Arial, sans-serif;
}


.rectangleEx2 {
	background: #0351A8 ;
	padding:10px;
	position: relative;	
color: #FFFFFF;    
    horizontal-align:middle; 
-moz-border-radius:5px 5px 5px 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;    
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    -khtml-border-top-left-radius: 5px;  
overflow:hidden;
max-width:80% !important;
width:500px !important;
text-align:center;
margin:auto !important;
font-size:13px !important;
font-weight:normal;
line-height:1.4;
font-family "Segoe UI", Arial, sans-serif;
}

.viewsTableFilter
{
    background-color:#FFFFFF;
    width:100%;
 
    font-size:12px;
    color:#000000;
    margin-bottom:10px;
}

.viewsListDynamicFilterNoBorder
{
 width:230px;
height:32px; 
 margin:0px;
 padding:6px 4px 6px 4px;
 
 font-size:12px;
 color:#0351A8;
}

.viewsListDynamicFilter
{
    
background-color:FFFFFF;
 border:1px solid #0351A8;
 width:230px;
height:32px; 
 margin:0px;
 padding:6px 4px 6px 4px;
 
 font-size:12px;
 color:#0351A8;
}


.textInfoLocke
{
position:relative;
               border-radius:10px;
               -moz-border-radius:10px;
               -webkit-border-radius:10px;
               padding:0 8px 2px;
               margin-bottom:5px;
               overflow:hidden;
               border-radius:10px;
               -moz-border-radius:10px;
               -webkit-border-radius:10px;
               margin-top:15px;
background-color:#d3d3d3;
width:95%;
max-width:600px !important;
}

.textInfo
{

position:relative; float:left;clear:right;
               border-radius:10px;
               -moz-border-radius:10px;
               -webkit-border-radius:10px;
               
               display:block;overflow:visible;
               width:710px;               
               padding:0 8px 2px;
               margin-bottom:20px;
               overflow:hidden;
               border-radius:10px;
               -moz-border-radius:10px;
               -webkit-border-radius:10px;
               margin-top:10px;
               
}

.dropoBig
{
background-color:#ffffff;  
   color:#0351A8;  
max-width:500px;
min-width:500px;
font-size:12px;
height:40px;
}

.dropoBigNoWidth
{
background-color:#ffffff;  
   color:#0351A8;  
font-size:12px;
height:40px;
}


.dropo
{
height:40px;
background-color:#ffffff;  
   color:#0351A8;  
max-width:95%;
min-width:350px;
font-size:12px;
}

.dropoSmall
{
background-color:transparent !important;  
background:transparent !important;  
   color:#000000;  
width:100%;
max-width:220px;
height:40px;
font-size:12px;
}


.dropoSmall tr
{
background-color:transparent !important;  
background:transparent !important;  
   color:#000000;  
width:100%;
max-width:220px;
height:40px;
font-size:12px;
}

.dropoSmall tr td
{
background-color:transparent !important;  
background:transparent !important;  
   color:#000000;  
width:100%;
max-width:220px;
height:40px;
font-size:12px;
}



.dropoSmall2
{
background-color:#ffffff;  
   color:#0351A8;  
width:350px;
height:40px;
}

.dropoSmall3
{
background-color:#ffffff;  
   color:#0351A8;  
width:250px;
height:40px;
}

.dropoSmall100
{
background-color:#ffffff;  
   color:#0351A8;  
width:100%;
height:40px;
}


.sameColorAsTop
{
background-color:#ffffff;  
font-size:16px;
   color:#0351A8;  
}

.sameColorAsTop12
{
background-color:#ffffff;  
font-size:14px;
   color:#0351A8;  
font-weight:bold;
}

.topTextInfo
{
font-size:12px;
   color:#000000;  
font-weight:normal;
}

hr {
    display: block;
    height: 1px;
    border: 0px;
    border-top: 1px solid #0351A8;
    margin: 0px;
    padding: 0px; 
}




.center
    {
        z-index: 1000;
        margin: 300px auto;
        padding: 10px;
        width: 130px;
        background-color: White;
        border-radius: 10px;
        filter: alpha(opacity=100);
        opacity: 1;
        -moz-opacity: 1;
    }
    .center img
    {
        height: 128px;
        width: 128px;
    }

.classTextPicker1
{
  border: 1px solid #0351A8; 
-moz-border-radius:5px 5px 5px 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;    
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    -khtml-border-top-left-radius: 5px;      
outline:0; 
width:100%;
height:40px;
font-size:14px;
}

.classTextNoBorder
{
display:inline;
 
 font-size:13px;
 color:#000000;
vertical-align: sub;
}

.classTextPickerNoBorder
{
width:230px;
display:inline-block;
 
 font-size:13px;
 color:#0351A8;
outline:0; 
}


.classText
{
  border: 1px solid #0351A8; 
-moz-border-radius:5px 5px 5px 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;    
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    -khtml-border-top-left-radius: 5px;      
outline:0; 
width:100%;
height:40px;
font-size:14px;
}

.classTextOffer
{
  border: 1px solid #0351A8; 
-moz-border-radius:5px 5px 5px 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;    
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    -khtml-border-top-left-radius: 5px;      
outline:0; 
width:100%;
height:40px;
font-size:14px;
min-width:230px !important;
}

.classTextFillOffer
{
  border: 1px solid #0351A8; 
-moz-border-radius:5px 5px 5px 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;    
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    -khtml-border-top-left-radius: 5px;      
outline:0; 
width:100%;
height:40px;
font-size:14px;
min-width:150px !important;
}

.classTextFillOfferHermes
{
  border: 1px solid #0351A8; 
-moz-border-radius:5px 5px 5px 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;    
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    -khtml-border-top-left-radius: 5px;      
outline:0; 
width:100%;
height:40px;
font-size:14px;
min-width:150px !important;
max-width:150px !important;
}


.classTextFillOfferHermesDatePicker
{
  border: 1px solid #0351A8; 
-moz-border-radius:5px 5px 5px 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;    
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    -khtml-border-top-left-radius: 5px;      
outline:0; 
width:100%;
height:40px;
font-size:14px;
min-width:150px !important;
max-width:150px !important;
}


.classTextFillOfferHermesPink
{
background-color:pink !important;
  border: 1px solid #0351A8; 
-moz-border-radius:5px 5px 5px 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;    
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    -khtml-border-top-left-radius: 5px;      
outline:0; 
width:100%;
height:40px;
font-size:14px;
min-width:150px !important;
max-width:150px !important;
}


.classTextExample 
{
  border: 1px solid #0351A8; 
-moz-border-radius:5px 5px 5px 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;    
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    -khtml-border-top-left-radius: 5px;      
outline:0; 
width:100%;
height:40px;
font-size:14px;
}

.classTextWithFontSize
{
  border: 1px solid #0351A8; 
-moz-border-radius:5px 5px 5px 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;    
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    -khtml-border-top-left-radius: 5px;      
outline:0; 
width:100%;
font-size:12px;

height:40px;
}





.classTextNotBig
{
  border: 1px solid #0351A8; 
-moz-border-radius:5px 5px 5px 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;    
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    -khtml-border-top-left-radius: 5px;      
outline:0; 
width:150px;
height:40px;
}

input.middle:focus {
 border: 1px solid #0351A8; 
}

.classTextBig
{
border: 1px solid #0351A8; 
-moz-border-radius:5px 5px 5px 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;    
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    -khtml-border-top-left-radius: 5px;      
outline:0; 
height:40px;
}

.classTextBigBig
{
border: 1px solid #0351A8; 
-moz-border-radius:5px 5px 5px 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;    
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    -khtml-border-top-left-radius: 5px;      
outline:0; 
height:50px;
}

.fieldTableOnlyWith
{
border-spacing: 0px;
width:95%;
}

*


.fieldTableNoColorChange
{
min-width:500px;
border-spacing: 0px;
width:95%;
max-width:calc(95%);
margin-left:auto; margin-right:auto; 
    border:1px solid #0351A8;
-moz-border-radius:5px 5px 5px 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;    
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    -khtml-border-top-left-radius: 5px;  
overflow:hidden;
}



.fieldTable200
{

border-spacing: 0px;
width:95%;
max-width:200px !important;
margin-left:auto; margin-right:auto; 
    border:1px solid #0351A8;
-moz-border-radius:5px 5px 5px 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;    
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    -khtml-border-top-left-radius: 5px;  
overflow:hidden;
}


.fieldTableColor
{ 
background-color: #f2f2f2;
border-spacing: 1px;
width:auto;
    border:1px solid #0351A8;
-moz-border-radius:5px 5px 5px 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;    
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    -khtml-border-top-left-radius: 5px;  
overflow:hidden;
padding:10px;    
}


.fieldTableHomePage
{
border-spacing: 0px;
width:100%;
    border:1px solid #0351A8;
-moz-border-radius:5px 5px 5px 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;    
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    -khtml-border-top-left-radius: 5px;  
overflow:hidden;
}

.fieldTableHomePageNoRound
{
border-spacing: 0px;
width:100%;
overflow:hidden;
}

.fieldTableHomePageNoRoundBid
{
display:none;
border-spacing: 0px;
width:100%;
overflow:hidden;
}

.rowClass
{
background-color:#DEECFA !important;
color:#000000  !important;
font-weight:normal;
 padding-top: 2px;
    padding-bottom: 2px;
font-size:12px !important;
font-weight:normal;
line-height:1.4;
font-family "Segoe UI", Arial, sans-serif;
}

.rowClassNoHeight
{
background-color:#DEECFA !important;
color:#000000  !important;
font-weight:normal;
 padding-top: 2px;
    padding-bottom: 2px;
font-size:12px !important;
font-weight:normal;
font-family "Segoe UI", Arial, sans-serif;
}



.rowClass td
{
padding-top:15px;
padding-bottom:15px;
}

.rowClassBidPanelTitle
{
background-color:#eeeeee !important;
color:#000000;
font-size:16px !important;
font-weight:normal;
 padding-top:2px;
    padding-bottom: 2px;

}

.rowClassBidPanelTitle td
{
padding-top:5px;
padding-bottom:5px;
}


.rowClassNoBold
{
background-color:#0351A8 !important;
color:#FFFFFF;
font-weight:normal !important;
 padding-top: 2px;
    padding-bottom: 2px;
}

.rowClassNoBold td
{
padding-top:5px;
padding-bottom:5px;
}



.rowClassOffers
{
background-color:#ffffff !important;
color:#000000;
font-weight:normal !important;
font-size:12px !important;
 padding-top: 2px;
    padding-bottom: 2px;
}

.rowClassOffers th
{
padding:10px;    
font-weight:normal !important;
font-size:12px !important;
}

.rowClassBid
{
background-color:#D3d3d3 !important;
color:#000000;
font-weight:bold;
 padding-top: 2px;
    padding-bottom: 2px;
}

.rowClassBid td
{
padding-top:5px;
padding-bottom:5px;
}


.rowClassBidClone
{
background-color:#E5F0FB !important;
color:#000000;
font-weight:normal;
 padding-top: 2px;
    padding-bottom: 2px;
z-index:5000;
}

.rowClassBidClone td
{
padding-top:5px;
padding-bottom:5px;
}


.rowClassBidClone2
{
background-color:#D9F4D4 !important;
color:black;
font-weight:normal;
 padding-top: 2px;
    padding-bottom: 2px;
z-index:5000;
}

.rowClassBidClone2 td
{
padding-top:5px;
padding-bottom:5px;
}


.rowClass_2
{
background-color:#4B9282 !important;
color:#FFFFFF;
font-weight:bold;
 padding-top: 2px;
    padding-bottom: 2px;
}

.rowClass_2 td
{
padding-top:5px;
padding-bottom:5px;
}

.rowClassFields
{
color:black;
font-size:10.5px !important;
font-weight:normal;
line-height:1.3;
font-family "Segoe UI", Arial, sans-serif;

}

.rowClassFields td
{
padding-top:5px;
padding-bottom:5px;
}

.rowClassFieldsMyHiddens
{
background-color:ghostwhite;
}

.rowClassFieldsMyHiddens td
{
padding-top:5px;
padding-bottom:5px;
}



.rowClassToggle
{
background-color:#0351A8 !important;
color:#FFFFFF;
font-weight:bold;
 padding-top: 2px;
    padding-bottom: 2px;
display:none;
}

.rowClassToggle td
{
padding-top:5px;
padding-bottom:5px;
}

.rowClassToggleReal
{
background-color:#0351A8 !important;
color:#FFFFFF;
font-weight:bold;
 padding-top: 2px;
    padding-bottom: 2px;
display:none;
}

.rowClassToggleReal td
{
padding-top:5px;
padding-bottom:5px;
}


.rowClassFieldsToggle
{
display:none;
}

.rowClassFieldsToggle td
{
padding-top:5px;
padding-bottom:5px;
}

.rowClassFieldsToggleReal
{
display:none;
}

.rowClassFieldsToggleReal td
{
padding-top:5px;
padding-bottom:5px;
}


.rowClassToggle2
{
background-color:#0351A8 !important;
color:#FFFFFF;
font-weight:bold;
 padding-top: 2px;
    padding-bottom: 2px;
display:none;
}

.rowClassToggle2 td
{
padding-top:5px;
padding-bottom:5px;
}

.rowClassFieldsToggle2
{
display:none;
}

.rowClassFieldsToggle2 td
{
padding-top:5px;
padding-bottom:5px;
}

.myOroi
{
font-size:12px;
}


.textInfoInner
{
font-size:14px;
color:black !important;
}

.rowTitle
{
font-size:12px !important ;
padding-left:5px;
}


.rowTitlePosotita
{
font-size:12px !important ;
padding-left:5px;

}

.rowTitle_2
{
font-size:12px !important ;
padding-left:5px;
color:#0351A8;
}

.rowText
{
font-size:12px;
}

.rowClassFields
{
}

.rowClassFields td
{
padding-top:5px;
padding-bottom:5px;
}


 .no-break-out {
      /* These are technically the same, but use both */
      overflow-wrap: break-word;
      word-wrap: break-word;

      -ms-word-break: break-all;
      /* This is the dangerous one in WebKit, as it breaks things wherever */
      word-break: break-all;
      /* Instead use this non-standard one: */
      word-break: break-word;

      /* Adds a hyphen where the word breaks, if supported (No Blink) */
      -ms-hyphens: auto;
      -moz-hyphens: auto;
      -webkit-hyphens: auto;
      hyphens: auto;

    }


.cellTitle
{
font-weight:normal;
font-size:11px !important;
}

.cellTitleBig
{
font-weight:normal;
font-size:11px !important;
color:#FFFFFF;
}

.fontTopBack
{
    color:#0351A8;  
}

.asTop
{
background-color:#0351A8;  
    color:#FFFFFF;  
}

#menuHandler
{
  position: fixed;
  left: 60px;
  top: 50%;
  padding:5px;
transform: translate(0,-50%);
border:0px;
-moz-border-radius:5px 5px 5px 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;    
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    -khtml-border-top-left-radius: 5px;  
z-index:1000001;
}


#menuFixedIcons {
  position: fixed;
  left: 0;
  top: 50%;
  padding:5px;
transform: translate(0,-50%);
border:0px;
-moz-border-radius:5px 5px 5px 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;    
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    -khtml-border-top-left-radius: 5px;  
z-index:1000000;
}

#menuFixedIconsRightChat {

  position: fixed;
  right: 40px;
  top: 55px;
  padding:5px;
transform: translate(0,-50%);
border:0px;
-moz-border-radius:5px 5px 5px 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;    
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    -khtml-border-top-left-radius: 5px;  
}

#menuFixedIconsRightChatOff {
  position: fixed;
  right: 40px;
  top: 55px;
  padding:5px;
transform: translate(0,-50%);
border:0px;
z-index:3500;
-moz-border-radius:5px 5px 5px 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;    
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    -khtml-border-top-left-radius: 5px;  
}



#menuFixedIconsRight {
  position: fixed;
  right: 0;
  top:180px;
border:0px solid red;
}


#menuFixedIconsRight1 {
  position: fixed;
  right: 0;
  top:280px;  
border:0px solid blue;
}

#menuFixedIconsRight2 {
  position: fixed;
  right: 0;
  top:315px;  
border:0px solid green;
}

#menuFixedIconsRightDown {
  position: fixed;
  right: 0;
  bottom: 0;
  padding:5px;
transform: translate(0,-50%);
border:0px;
-moz-border-radius:5px 5px 5px 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;    
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    -khtml-border-top-left-radius: 5px;  
}

.theImageIco
{
width:40px;
height:40px;
border:0px;
background-color:none;
z-index:1000000;
}

.theImageIcoNothing:hover
{
width:45px;
height:45px;
border:1px solid blue;
background-color:ghostwhite;
}

   
  .theImageIcoChatNoHover
{


width:auto;
height:60px;
border:1px;

padding-top:2px;
padding-bottom:2px;
padding-left:2px;
padding-right:2px;
margin-right:20px;
cursor:pointer;
background-color:none;

}

.theImageIcoChat
{

width:auto;
height:60px;
border:1px;

padding-top:2px;
padding-bottom:2px;
padding-left:2px;
padding-right:2px;
margin-right:20px;
cursor:pointer;
background-color:none;
}

 .theImageIcoChat:hover
{

width:auto;
height:65px;
border:1px;

padding-top:2px;
padding-bottom:2px;
padding-left:2px;
padding-right:2px;
cursor:pointer;
background-color:none;
}




  .theImageIcoChatSmallNoHover
{


width:auto;
height:40px;
border:1px;

padding-top:2px;
padding-bottom:2px;
padding-left:2px;
padding-right:2px;
margin-right:20px;
cursor:pointer;
background-color:none;

}

.theImageIcoChatSmall
{

width:auto;
height:40px;
border:1px;

padding-top:2px;
padding-bottom:2px;
padding-left:2px;
padding-right:2px;
margin-right:20px;
cursor:pointer;
background-color:none;
}

 .theImageIcoChatSmall:hover
{

width:auto;
height:40px;
border:1px;

padding-top:2px;
padding-bottom:2px;
padding-left:2px;
padding-right:2px;
cursor:pointer;
background-color:none;
}








.outerImg
{
min-height:50px;
min-width:50px;
}

.containerEx {
	margin: 2px 0px 0px 0px; /* centered */
padding:5px;
	width: 300px;			
    border:1px solid #FFFFFF;
background-color: #0351A8;
color: #FFFFFF;
-moz-border-radius:5px 5px 5px 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;    
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    -khtml-border-top-left-radius: 5px;  

}


.containerExNew {
	margin: 2px 0px 0px 0px; /* centered */
margin-top:0px;
display:table;
}

.roundedTextBox
{
    -moz-border-radius: 8px;
    border-radius: 8px;
    border:solid 1px color:#0351A8;;
    padding:5px;
 color:#0351A8;
 width:150px;
}


.areas
{

text-align: center;
font-size: 20px; 
}


.vertical-menu {
  width: 220px; /* Set a width if you like */
color #FFFFFF;
font-size:14px;
margin-right:20px;
}

.contactTextHomePage
{
color: #FFCC66;
}

.vertical-menu a {
  background-color: #0351AA; /* Grey background color */
  color: #ffffff; /* Black text color */
  display: block; /* Make the links appear below each other */
  padding: 12px; /* Add some padding */
  text-decoration: none; /* Remove underline from links */
}

.vertical-menu a:hover {
 -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
background:#FF8C00;
color:#FFFFFF;
  -moz-box-shadow: inset 0 5px 10px FF8C00;
  -webkit-box-shadow: inset 0 5px 10px FF8C00;
  box-shadow: inset 0 5px 10px FF8C00;
text-decoration: none;
}

#myLinks a.active {
  background-color: #669966; /* Add a green color to the "active/current" link */
  color: white;
-webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
text-decoration: none;
}



.footerLinks
{
color: #FFFFFF;
font-size:14px;
text-decoration:none;
margin-top:5px;
margin-bottom:5px;
 -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  padding: 8px 15px 9px 15px;
width:250px;
}

.dummy
{
width:250px;
min-width:250px;
max-width:250px;
}

.footerList
{
list-style: none;
width:250px;
min-width:250px;
max-width:250px;
}

.footerList li
{
padding-top:5px;
padding-bottom:5px;
display:table;
width:250px;
min-width:250px;
max-width:250px;
}

.footerList li a
{
display:block;
width:250px;
min-width:250px;
max-width:250px;
}

.footerList li a span
{
display:block;
width:250px;
min-width:250px;
max-width:250px;
}

.footerLinks:hover
{
color: #fcf8e3;
background-color:darkorange;
width:250px;
min-width:250px;
max-width:250px;
}


.footerLinks li:hover
{
color: #fcf8e3;
background-color:darkorange;
width:250px;
min-width:250px;
max-width:250px;
}

.footerLinks li a:hover
{
color: #fcf8e3;
background-color:darkorange;
width:250px;
min-width:250px;
max-width:250px;
}

.footerTitle
{
text-align:center;
padding:10px;
font-weight:bold;
font-size:14px;
}

.copyrightText
{
   background-color:#FFFFFF;  
    color:#868686;  
font-size:16px;
}

.copyrightText0
{
   background-color:#0351A8;  
    color:#FFFFFF;  
font-size:16px;
}

.copyrightText2
{
   background-color:#EDFFFA;  
    color:#FFFFFF;  
font-size:16px;
}

.copyrightText3
{
   background-color:#F1F1F0;  
    color:#FFFFFF;  
font-size:16px;
}

.copyrightText4
{
   background-color:#EEEEEE;  
    color:#FFFFFF;  
font-size:16px;
}

.copyrightText5
{
   background-color:#94B2E3;  
    color:#FFFFFF;  
font-size:16px;
}

.copyrightText6
{
   background-color:#FF6600;  
    color:#FFFFFF;  
font-size:16px;
}

.copyrightText7
{
   background-color:#881875;  
    color:#FFFFFF;  
font-size:16px;
}

.copyrightText11
{
   background-color:#E7FFEF;  
    color:#FFFFFF;  
font-size:16px;
}

.copyrightText9
{
   background-color:#FF2AA2;  
    color:#FFFFFF;  
font-size:16px;
}

.copyrightText10
{
   background-color:#7653FF;  
    color:#FFFFFF;  
font-size:16px;
}

.copyrightText12
{
   background-color:#1AA1B8;  
    color:#FFFFFF;  
font-size:16px;
}

.copyrightText4Gray
{
   background-color:#d3d3d3;  
    color:#000000;  
font-size:16px;
}


.copyrightText5
{
   background-color:#94B2E3;  
    color:#FFFFFF;  
font-size:16px;
}

.copyrightText6
{
   background-color:#FF6600;  
    color:#FFFFFF;  
font-size:16px;
}

.myLetter
{
    color:blue;  
font-size:14px;
}

.myLetterMuni
{
 color:black;  
font-size:14px;
}

.myLetterSmaller
{
    color:black;  
font-size:11px;
line-height:1.5;
}

.NonchangeNonBack
{
background-color:;
padding:8px;
border:0px;
}



.changeBack
{
background-color:;
cursor:pointer;
padding:8px;
border:0px;
}

.changeBack:hover
{
background-color:#fcf8e3;
border:1px solid black;
}

.changeBackSelected
{
background-color:#0d98ba;
cursor:pointer;
padding:8px;
border:0px;
}

.changeBackSelected:hover
{
background:#fcf8e3;
border:1px solid black;
}

.onlyBack
{
background-color:#0351A8 !important;  
}

.ContactMe
{
padding-top:10px;
padding-bottom:10px;
padding-left:10px;
background-color:#0351A8;  
    color:#FFFFFF;  
font-size:16px;
text-align:left;
}


.ContactMe1
{
padding-top:10px;
padding-bottom:10px;
padding-left:10px;
    color:darkorange;  
font-size:16px;
text-align:center !important;
border-bottom:2px solid darkorange !important;
}


.ContactMe2
{
padding-top:10px;
padding-bottom:10px;
padding-left:10px;
    color:blue;  
font-size:16px;
text-align:center !important;
border-bottom:2px solid blue  !important;
}

.ContactMe2NoBorder
{
padding-top:10px;
padding-bottom:10px;
padding-left:10px;
    color:blue;  
font-size:16px;
text-align:center !important;
}

.ContactMeMuni
{
padding-top:10px;
padding-bottom:10px;
padding-left:10px;
background-color:#ffffff;  
    color:#000000;  
font-size:16px;
text-align:left;
}

.ContactMeMainMenu
{
margin-top:0px !important;
padding-top:10px;
padding-bottom:10px;
padding-left:10px;
background-color:#0351A8;  
    color:#FFFFFF;  
font-size:16px;
text-align:left;
}

.topBgColor
{
background-color:#FFFFFF;  
    color:#FFFFFF;  
}

.topMenu {
    
    background-color:#0351A8;  
    color:#FFFFFF;  
    height: 100%;
    width: 100%;
}

.topMenu0 {
    
    background-color:#0351A8;  
    color:#FFFFFF;  
    height: 100%;
    width: 100%;
}

.topMenu2 {
    
    background-color:#EDFFFA;  
    color:#FFFFFF;  
    height: 100%;
    width: 100%;
}

.topMenu3 {
    
    background-color:#F1F1F0;  
    color:#FFFFFF;  
    height: 100%;
    width: 100%;
}

.topMenu4 {
    
    background-color:#EEEEEE;  
    color:#FFFFFF;  
    height: 100%;
    width: 100%;
}

.topMenu12 {
    
    background-color:#1AA1B8;  
    color:#FFFFFF; 
    height: 100%;
    width: 100%;
}

.topMenu5 {
    
    background-color:#94B2E3;  
    color:#FFFFFF; 
    height: 100%;
    width: 100%;
}

.topMenu6 {
    
    background-color:#FF6600;  
    color:#FFFFFF;  
    height: 100%;
    width: 100%;
}

.topMenu7 {
    
    background-color:#881875;  
    color:#FFFFFF;  
    height: 100%;
    width: 100%;
}

.topMenu11 {
    
    background-color:#E7FFEF;  
    color:#FFFFFF;  
    height: 100%;
    width: 100%;
}

.topMenu9 {
    
    background-color:#FF2AA2;  
    color:#FFFFFF;  
    height: 100%;
    width: 100%;
}

.topMenu10 {
    
    background-color:#7653FF;  
    color:#FFFFFF;  
    height: 100%;
    width: 100%;
}

.topMenu4Gray
{
background-color:#d3d3d3;  
    color:#FFFFFF;  
    height: 100%;
    width: 100%;
}

.topMenu4GrayBid
{
background-color:#f3f3f3;  
    color:#FFFFFF;  
    height: auto;
    width: 100%;
max-width:1200px !important;
}


.modalTextOption
{
font-size:14px;
}

.dropbtn {
    background-color: #FFFFFF;
    color: $000000;
    padding: 16px;
    font-size: 16px;
    border: none;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #F2F6FD;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    color: 000000;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {background-color: #0351AA;}

.dropdown:hover .dropdown-content {display: block;}

.dropdown:hover .dropbtn {background-color: #FFFFFF;font-weight:bold;}

.btn {
width:80px;
white-space: normal;
height:50px; 
background-color:#FFFFFF  !important;
font-weight: normal;
border: 1px solid #0351A8;
color:#000000;
-moz-border-radius:5px 5px 5px 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;    
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    -khtml-border-top-left-radius: 5px;  
    cursor:pointer;
}

.btn:hover {  
  background-color: #0351A8  !important;
  color:#FFFFFF;
  cursor: pointer;
}

.btnHeigher {
width:80px;
white-space: normal;
height:60px; 
background-color:#FFFFFF  !important;
font-weight: normal;
border: 1px solid #0351A8;
color:#000000;
-moz-border-radius:5px 5px 5px 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;    
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    -khtml-border-top-left-radius: 5px;  
    cursor:pointer;
}

.btnHeigher:hover {  
  background-color: #0351A8  !important;
  color:#FFFFFF;
  cursor: pointer;
}


.btnClicked {
width:80px;
white-space: normal;
height:50px; 
background-color:#0351A8  !important;
font-weight: normal;
border: 1px solid #000000;
color:#000000;
-moz-border-radius:5px 5px 5px 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;    
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    -khtml-border-top-left-radius: 5px;  
    cursor:pointer;
}

.btnClicked:hover {  
  background-color: #0351A8  !important;
  color:#FFFFFF;
  cursor: pointer;
}

.btnPending {
width:80px;
white-space: normal;
height:50px; 
background-color:red !important;
font-weight: normal;
border: 1px solid #000000;
color:white;
-moz-border-radius:5px 5px 5px 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;    
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    -khtml-border-top-left-radius: 5px;  
    cursor:pointer;
}



.btnBig {
width:180px;
white-space: normal;
height:32px; 
background-color:#FFFFFF  !important;
font-weight: normal;
border: 1px solid #0351A8;
color:#000000;
-moz-border-radius:5px 5px 5px 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;    
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    -khtml-border-top-left-radius: 5px;  
    cursor:pointer;
}

.btnBig:hover {  
  background-color: #0351A8  !important;
  color:#FFFFFF;
  cursor: pointer;
}


.btnBigSystem {
width:200px;
white-space: normal;
height:50px; 
background-color:#FFFFFF  !important;
font-weight: normal;
border: 1px solid #0351A8;
color:#000000;
-moz-border-radius:5px 5px 5px 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;    
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    -khtml-border-top-left-radius: 5px;  
    cursor:pointer;
display:block;
}

.btnBigSystem:hover {  
  background-color: #0351A8  !important;
  color:#FFFFFF;
  cursor: pointer;
}


.btnBigInline {
display:inline;
width:180px;
white-space: normal;
height:50px; 
background-color:#FFFFFF  !important;
font-weight: normal;
border: 1px solid #0351A8;
color:#000000;
-moz-border-radius:5px 5px 5px 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;    
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    -khtml-border-top-left-radius: 5px;  
    cursor:pointer;
}

.btnBigInline:hover {  
  background-color: #0351A8  !important;
  color:#FFFFFF;
  cursor: pointer;
}


.btnBigDoubleInline {
display:inline;
width:180px;
white-space: normal;
height:50px; 
background-color:#FFFFFF  !important;
font-weight: normal;
border: 1px solid #0351A8;
color:#000000;
-moz-border-radius:5px 5px 5px 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;    
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    -khtml-border-top-left-radius: 5px;  
    cursor:pointer;
}

.btnBigDoubleInline:hover {  
  background-color: #0351A8  !important;
  color:#FFFFFF;
  cursor: pointer;
}


.btnDikaiologitika {
margin:10px;
width:230px;
height:50px; 
background-color:#FFFFFF  !important;
font-weight: normal;
border: 1px solid #0351A8;
color:#000000;
-moz-border-radius:5px 5px 5px 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;    
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    -khtml-border-top-left-radius: 5px;  
    cursor:pointer;
}

.btnDikaiologitika:hover {  
  background-color: #0351A8  !important;
  color:#FFFFFF;
  cursor: pointer;
}

.btnIsNotOk {
width:80px;
height:50px; 
background-color:black !important;
font-weight: normal;
border: 1px solid #000000;
color:#000000;
-moz-border-radius:5px 5px 5px 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;    
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    -khtml-border-top-left-radius: 5px;  
    cursor:pointer;
}

.btnIsNotOk:hover {  
  background-color: #0351A8  !important;
  color:#FFFFFF;
  cursor: pointer;
}


.btnOffer {
width:180px;
height:50px; 
background-color:#FFFFFF  !important;
font-weight: normal;
border: 1px solid #0351A8;
color:#000000;
-moz-border-radius:5px 5px 5px 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;    
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    -khtml-border-top-left-radius: 5px;  
    cursor:pointer;
}

.btnOffer:hover {  
  background-color: #0351A8  !important;
  color:#FFFFFF;
  cursor: pointer;
}



.btnTool {
width:180px;
height:50px; 
background-color:lightgray  !important;
border: 1px solid #000000;
color:#000000;
-moz-border-radius:5px 5px 5px 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;    
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    -khtml-border-top-left-radius: 5px;  
    cursor:pointer;
margin:5px;
}

.btnTool:hover {  
  background-color: gray  !important;
 border: 1px solid #000000;
color:#000000;
  cursor: pointer;
}





.btnIsNotOkOffer {
width:180px;
white-space: normal;
height:50px; 
background-color:#ffe4e1 !important;
font-weight: normal;
border: 1px solid #000000;
color:#000000;
-moz-border-radius:5px 5px 5px 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;    
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    -khtml-border-top-left-radius: 5px;  
    cursor:pointer;
}

.btnIsNotOkOffer:hover {  
  background-color: #0351A8  !important;
  color:#FFFFFF;
  cursor: pointer;
}

.btnIsNotOkOfferSame {
width:180px;
height:50px; 
white-space: normal;
background-color:darkorange !important;
font-weight: normal;
border: 1px solid #000000;
color:#000000;
-moz-border-radius:5px 5px 5px 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;    
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    -khtml-border-top-left-radius: 5px;  
    cursor:pointer;
}

.btnIsNotOkOfferSame:hover {  
  background-color: #0351A8  !important;
  color:#FFFFFF;
  cursor: pointer;
}



.btnIsNotOkNoHover {
width:80px;
white-space: normal;
height:50px; 
background-color:pink  !important;
font-weight: normal;
border: 1px solid #000000;
color:#ffffff;
cursor:default;
-moz-border-radius:5px 5px 5px 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;    
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    -khtml-border-top-left-radius: 5px;  
    cursor:pointer;
}


.modalText
{
color:black;
font-size:12px;
}


.modalTextSmall
{
color:blue;
font-size:14px;
}
.modalTextSmall:hover
{
color:black;
font-size:14px;
}



.wrapper {	
	margin-top: 80px;
  margin-bottom: 80px;
}

.form-signin {
  max-width: 380px;
  padding: 15px 35px 45px;
  margin: 0 auto;
  background-color: #fff;
  border: 1px solid rgba(0,0,0,0.1);  

  .form-signin-heading,
	.checkbox {
	  margin-bottom: 30px;
	}

	.checkbox {
	  font-weight: normal;
	}

	.form-control {
	  position: relative;
	  font-size: 16px;
	  height: auto;
	  padding: 10px;
		@include box-sizing(border-box);

		&:focus {
		  z-index: 2;
		}
	}

	input[type="text"] {
	  margin-bottom: -1px;
	  border-bottom-left-radius: 0;
	  border-bottom-right-radius: 0;
	}

	input[type="password"] {
	  margin-bottom: 20px;
	  border-top-left-radius: 0;
	  border-top-right-radius: 0;
	}
}

.sendEroBox
{
background-color:white;
 border:1px solid #0351A8;
 
 font-size:13px;
 color:#000000;
display:inline-block;
height:40px;
}

.contactText
{
   font-size:14px;
 color:#000000;
}

.textInfoColor
{
               border-radius:10px;
               -moz-border-radius:10px;
               -webkit-border-radius:10px;
               color:black;
               display:block;overflow:visible;
               width:670px;               
               padding:0 8px 2px;
               margin-bottom:20px;               
               overflow:hidden;
               border-radius:10px;
               -moz-border-radius:10px;
               -webkit-border-radius:10px;
               margin-top:2px;
}


.textInfoColorAlter
{
               border-radius:10px;
               -moz-border-radius:10px;
               -webkit-border-radius:10px;
               color:black;
               display:block;overflow:visible;
               width:670px;               
               padding:0 8px 2px;
               margin-bottom:20px;               
               overflow:hidden;
               border-radius:10px;
               -moz-border-radius:10px;
               -webkit-border-radius:10px;
               margin-top:2px;
width:95%;max-width:940px;margin-bottom:10px;min-height:400px;
}



.back1
{
border:1px solid #0351A8;

}

.back2
{
background-color:#FFFFFF;
}


.back3
{
border-top:1px solid #0351A8;
border-left:1px solid #0351A8;
border-right:1px solid #0351A8;
}

.back4
{
border-bottom:1px solid #0351A8;
border-left:1px solid #0351A8;
border-right:1px solid #0351A8;
}

.textInfoColorBackToShow
{
display:none  !important;
border:1px solid #0351A8;
               color:black;
               padding:0px;
                margin: 10px;
               margin-bottom:10px;               
               margin-top:2px;
width:90%;

}

.textInfoColorBackToShowRed
{
display:none  !important;
border:1px solid red;
               color:black;
               padding:0px;
                margin: 10px;
               margin-bottom:10px;               
               margin-top:2px;
width:90%;
}

.textInfoColorBackToShowRedRegister
{
display:none  !important;
border:1px solid red;
               color:black;
               padding:0px;
                margin: 10px;
               margin-bottom:10px;               
               margin-top:2px;
width:90%;
}



.textInfoColorBack
{
border:1px solid #0351A8;
               border-radius:2px;
               -moz-border-radius:2px;
               -webkit-border-radius:2px;
               color:black;
               padding:0 2px 2px;
                margin: auto;
               margin-bottom:10px;               
               margin-top:2px;
display:inline-block;
width:auto;
}

#message
{
title:'Πάμε πάνω...';
position: fixed;
bottom: 25px;
right: 25px;       
opacity: .8;
z-index:3500;
width:70px;
height:70px;
cursor:pointer;
}

#message1
{
title:'Πάμε πάνω...';
position: fixed;
bottom: 25px;
left: 25px;       
opacity: .8;
z-index:3500;
width:70px;
height:70px;
cursor:pointer;
}



div #embado-range .ui-slider .ui-slider-pointerle{
    
    background-color:#0351A8;
    border: 1px double #0351A8;
    color:#FFFFFF;
    cursor:pointer;
}

div  #embado-range  .ui-slider-range.ui-widget-header {
    background: #0351A8;    
    
}

div #embado-range .ui-slider .ui-slider-pointerle{
    
    background-color:#0351A8;
    border: 1px double #0351A8;
    color:#FFFFFF;
    cursor:pointer;
}


div #embado-range .ui-slider .ui-slider-pointerle:active{    
    
}



div #rateRange .ui-slider .ui-slider-pointerle{
    
    background-color:#0351A8;
    border: 1px double #0351A8;
    color:#FFFFFF;
    cursor:pointer;
}

div  #rateRange  .ui-slider-range.ui-widget-header {
    background: #0351A8;    
    
}

div #rateRange .ui-slider .ui-slider-pointerle{
    
    background-color:#0351A8;
    border: 1px double #0351A8;
    color:#FFFFFF;
    cursor:pointer;
}


div #rateRange .ui-slider .ui-slider-pointerle:active{    
    
}



 .auto-style1 {
                    width: 260px;
                    background-color:#0351A8;
                    color:#FFFFFF;
                    min-height:40px;
                    height:40px;
                }

.auto-styleHermes
{
                    width: 100% !important;
                    background-color:#0351A8;
                    color:#FFFFFF;
                    min-height:40px;
                    height:40px;
padding:0px  !important;
margin:0px  !important;

                }


                 .auto-style3 {
                    width: 100% !important;
                    background-color:#0351A8;
                    color:#FFFFFF;
                    min-height:40px;
                    height:40px;
padding:0px  !important;
margin:0px  !important;

                }

.mobile-container {
display:none;
}


@media (max-width:400px){

#prodToFloud
{
max-width:300px !important;
}

#statusInformation #mainBoardData
{
display:block;float:left;width:100%;
}

#boardData tr td
{
display:block ;float:left;width:100%;
}

.containerExNew {
padding-top:33px;
}



body
{
padding-top:53px;
}

#mobile-nav {
display:block;
}

.blockInMobileBid
{
display:block !important;
margin:auto !important;
width:75% !important;
}
.blockInMobile
{
display:block !important;
position:relative;
}

.stepWidth
{
width:100%;
max-width:95% !important;
}

.alignCenter
{
text-align:center;
margin: 0 auto;
}

#ContentPlaceHolder1_statusInformation td {
display: block !important;
}

.cellWidth
{
width:100%;
}

.changeMaxTo100
{
width:100%;
}


#rightPanelOfPage
{
width:98% !important;
}

#rightPanelOfPageOffer
{
width:98% !important;
}

.masterHolder
{
min-width:unset !important;
max-width:unset !important
}

.fieldTableHomePageNoRoundBid
{
display:block;
border-spacing: 0px;
width:100%;
overflow:hidden;
}

.auctionProposalTableBtn 
{
display:inline-block !important;
width:100%;
margin:auto !important;
}

.toSplitRows td
{
text-align:left;
display:block !important;
}




.offerFinalDivClass
{
width:100%;
max-width:100px !important;
}

#newTopTable tr {
display: block !important;
}

#newTopTable td {
display:block !important;
text-align:left;
padding-left:5px;
}

.rectangleEx {
max-width:340px !important;
margin-top:40px !important;
}

.rectangleEx2 {
max-width:310px !important;
margin-top:40px !important;
width:100%;
text-align:center;
margin:auto !important;
font-size:13px !important;
font-weight:normal;
line-height:1.4;
font-family "Segoe UI", Arial, sans-serif;
}

.topBgColorFlex
{
display:block;
justify-content:none;
}

#rightPanelGraph
{
width:100% !important;
display:block;
margin-top:10px;
margin-bottom:10px;
}


.topiClass
{
z-index:10;
position:relative;
left:0;
top:0;
width:100%;
margin:auto !important;
margin-left:0px;
}

.topiClassBid
{
z-index:10;
position:relative;
left:0;
top:0;
width:100%;
margin:auto !important;
margin-left:0px;
}



.max600
{
width:350px !important;
max-width:350px !important;
}

.max400
{
width:350px !important;
max-width:350px !important;
}

.percentage25
{
width:95%;
}

.percentage20
{
width:95%;
}

#toSplit thead
{
display:block !important;
}

#toSplit tbody
{
display:block !important;
}

#toSplit tr
{
display:block !important;
}

#toSplit td
{
display:block !important;
}

#toSplitDynamic thead
{
display:block !important;
}

#toSplitDynamic tbody
{
display:block !important;
}

#toSplitDynamic tr
{
display:block !important;
}
#toSplitDynamic td
{
display:block !important;
width:95%;
}

#ContentPlaceHolder1_toSplit thead
{
display:block !important;
}

#ContentPlaceHolder1_toSplit tbody
{
display:block !important;
}

#ContentPlaceHolder1_toSplit tr
{
display:block !important;
}
#ContentPlaceHolder1_toSplit td
{
display:block !important;
}


#ContentPlaceHolder1_pinakasPoint thead
{
display:block !important;
}

#ContentPlaceHolder1_pinakasPoint tbody
{
display:block !important;
}

#ContentPlaceHolder1_pinakasPoint tr
{
display:block !important;
}
#ContentPlaceHolder1_pinakasPoint td
{
display:block !important;
}



responsieveWidth600
{
width:90%;
}

.fieldTable
{
min-width:300px;
}


.fieldTableHomePage  tr td
{
display:block;
}



.homeTdDiv
{
width:100%;height:auto;position:relative;
}

.homeTdImg
{
width:290px;
height:150px !important;border:0px;cursor:pointer;

}

.homeTdWidhideMe
{
width:100%;
display:none;
}

.homeTdWidt
{
width:100%;
}

.textInfoColorAlter
{
               border-radius:10px;
               -moz-border-radius:10px;
               -webkit-border-radius:10px;
               color:black;
               display:block;overflow:visible;
               width:670px;               
               padding:0 8px 2px;
               margin-bottom:20px;               
               overflow:hidden;
               border-radius:10px;
               -moz-border-radius:10px;
               -webkit-border-radius:10px;
               margin-top:2px;
width:95%;max-width:95%;margin-bottom:10px;min-height:400px;
}



.toHideOnMobile
{
 position: absolute; 
  overflow: hidden; 
  clip: rect(0 0 0 0); 
  height: 1px; width: 1px; 
  margin: -1px; padding: 0; border: 0; 
}

.fieldTable900
{
width:95%;
min-width:95%;
max-width:calc(95%) ;
z-index:5 !important;
margin-left:auto; 
margin-right:auto; 
}

.fieldTable400
{
width:95%;
min-width:95%;
max-width:calc(95%) ;
z-index:5 !important;
margin-left:auto; 
margin-right:auto; 
}


.fieldTable900b
{
min-width:95%;
max-width:calc(95%) ;
z-index:5 !important;
margin-left:auto; 
margin-right:auto; 
}


.fieldTableNoWidthb
{

max-width:calc(95%) ;
z-index:5 !important;
margin-left:auto; 
margin-right:auto; 
}


.fieldTable900NoBorder
{
width:95%;
min-width:95%;
max-width:calc(95%);
z-index:5 !important;
margin-left:auto; 
margin-right:auto; 
}


.fieldTable900bNoBorder
{
min-width:95%;
max-width:calc(95%);
z-index:5 !important;
margin-left:auto; 
margin-right:auto; 
}

.mobile-container {
  width:100%;
  margin: auto;
  background-color: #0351AA;  
  color: white;
  border-radius: 10px;
display:block;
}

.topnav {
  overflow: hidden;
  background-color: #0351AA;
  position: relative;
line-height: 10px;
}

.topnav #myLinks {
  display: none;
text-align:left;
line-height: 1.6em;
}

.topnav a {
  color: white;
  padding:0px 0px;
  text-decoration: none;
  font-size: 17px;
  display: block;

}

.topnav a.activePage {
  color: white;
padding: 14px 16px !important;
  text-decoration: none;
  font-size: 17px;
  display: block;
background-color: #669966;
}




.topnav #myLinks a {
  color: #FFFFFF;  
  text-decoration: none;
  font-size: 17px;
  display: block;
padding: 14px 16px !important;
}

.topnav a.icon {
padding: 14px 16px !important;
  background: #0351AA;
color:white;
  display: block;
  position: absolute;
  right: 0 !important;
  top: 0 !important;
}

.topnav #myLinks a:hover {
  background-color: #FF8C00;
}

.topnav a.icon:hover {
  background-color: #FF8C00;
}


.topnav a.menuTitle {
  color: white;
background-color: #000000 !important;
pointer-events: none;
}

.topnav a.menuTitleSec {
  color: white;
background-color: gray !important;
pointer-events: none;
}

#myLinks a.active {
  background-color: #669966; /* Add a green color to the "active/current" link */
  color: white;
-webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
text-decoration: none;
}

.mobileLogo {
  background-color: #0351A8;
 text-decoration:none;
vertical-align:middle;
}

.mobLogo {
  background-color: #0351A8;
 text-decoration:none;
vertical-align:middle;
}


.toHide
{
display:none  !important;
}

.toSh
{
display:table  !important;
}

.span_preview
{
display:block;
}



.img_previewVis
{
visibility:visible;
display:none !important;
}

.rowClassFieldsFocusHide
{
display:none  !important;
}

.rowClassFieldsFocusShow
{
display:block !important;
}


.toShow
{
display:table  !important;
}

.textInfoColorBackToShow
{
display:block  !important;
}

.textInfoColorBackToShowRed
{
display:block  !important;
}

.textInfoColorBackToShowRedRegister
{
display:none  !important;
}

.areas
{
font-size:14px;
}
.myLetter
{
font-size:12px;
}


}











@media (max-width:1000px) and (min-width:401px){

#prodToFloud
{
max-width:380px !important;
}

#statusInformation #mainBoardData
{
display:;float:;width:auto;
}

.containerExNew {
padding-top:33px;
}


body
{
padding-top:53px;
}

#mobile-nav {
display:block;
}
.blockInMobileBid
{
display:block !important;
margin:auto !important;
width:75%;
}
.blockInMobile
{
display: !important;
position:relative;
}

.ratiosWidth
{
width:100%;
max-width:95% !important;
}

.stepWidth
{
width:100%;
max-width:95% !important;
}

.alignCenter
{
text-align:center;
margin: 0 auto;
}

#ContentPlaceHolder1_statusInformation td {
display: block !important;
}

.cellWidth
{
width:100%;
}

.changeMaxTo100
{
width:100%;
}


#rightPanelOfPage
{
width:98% !important;
}

#rightPanelOfPageOffer
{
width:98% !important;
}

.masterHolder
{
min-width:unset !important;
max-width:unset !important;
}

.fieldTableHomePageNoRoundBid
{
display:block;
border-spacing: 0px;
width:100%;
overflow:hidden;
}

.auctionProposalTableBtn 
{
display:inline-block !important;
width:100%;
margin:auto !important;
}


.toSplitRows td
{
text-align:left;
display: block !important;
}



.offerFinalDivClass
{
width:380px;
max-width:100%;
}

#newTopTable tr {
display: block !important;
}

#newTopTable td {
display:block !important;
text-align:left;
padding-left:5px;
}


.rectangleEx {
max-width:400px !important;
margin-top:40px !important;
}

.rectangleEx2 {
max-width:400px !important;
margin-top:40px !important;

width:100%;
text-align:center;
margin:auto !important;
font-size:13px !important;
font-weight:normal;
line-height:1.4;
font-family "Segoe UI", Arial, sans-serif;
}



.topBgColorFlex
{
display:block;
justify-content:none;
}

#rightPanelGraph
{
width: calc(100%) !important;
display:block;
margin-top:10px;
margin-bottom:10px;
}


.topiClass
{
z-index:10;
position:relative;
left:0;
top:0;
width:100%;
margin:auto !important;
margin-left:0px;
}

.topiClassBid
{
z-index:10;
position:relative;
left:0;
top:0;
width:100%;
margin:auto !important;
margin-left:0px;
}


.max600
{
width:400px !important;
max-width:400px !important;
}

.max400
{
width:400px !important;
max-width:400px !important;
}

.percentage25
{
width:95%;
}

.percentage20
{
width:95%;
}

#toSplit thead
{
display:block !important;
}

#toSplit tbody
{
display:block !important;
}

#toSplit tr
{
display:block !important;
}
#toSplit td
{
display:block !important;
}


#toSplitDynamic thead
{
display:block !important;
}

#toSplitDynamic tbody
{
display:block !important;
}

#toSplitDynamic tr
{
display:block !important;
}
#toSplitDynamic td
{
display:block !important;
width:95%;
}



#ContentPlaceHolder1_toSplit thead
{
display:block !important;
}

#ContentPlaceHolder1_toSplit tbody
{
display:block !important;
}

#ContentPlaceHolder1_toSplit tr
{
display:block !important;
}
#ContentPlaceHolder1_toSplit td
{
display:block !important;
}

#ContentPlaceHolder1_pinakasPoint thead
{
display:block !important;
}

#ContentPlaceHolder1_pinakasPoint tbody
{
display:block !important;
}

#ContentPlaceHolder1_pinakasPoint tr
{
display:block !important;
}
#ContentPlaceHolder1_pinakasPoint td
{
display:block !important;
}


responsieveWidth600
{
width:90%;
}

.fieldTable
{
min-width:400px;
}


.fieldTableHomePage td
{
display:block;
}



.homeTdDiv
{
width:100%;height:auto;position:relative;
}

.homeTdImg
{
width:390px;
height:200px !important;border:0px;cursor:pointer;

}

.homeTdWidt
{
width:100%;
}

.homeTdWidhideMe
{
width:100%;
display:none;
}

.textInfoColorAlter
{
               border-radius:10px;
               -moz-border-radius:10px;
               -webkit-border-radius:10px;
               color:black;
               display:block;overflow:visible;
               width:670px;               
               padding:0 8px 2px;
               margin-bottom:20px;               
               overflow:hidden;
               border-radius:10px;
               -moz-border-radius:10px;
               -webkit-border-radius:10px;
               margin-top:2px;
width:95%;max-width:95%;margin-bottom:10px;min-height:400px;
}

.toHideOnMobile
{
 position: absolute; 
  overflow: hidden; 
  clip: rect(0 0 0 0); 
  height: 1px; width: 1px; 
  margin: -1px; padding: 0; border: 0; 
}

.fieldTable900
{
width:95%;
min-width:95%;
max-width:calc(95%);
z-index:5 !important;
margin-left:auto; 
margin-right:auto; 
}

.fieldTable400
{
width:95%;
min-width:95%;
max-width:calc(95%);
z-index:5 !important;
margin-left:auto; 
margin-right:auto; 
}


.fieldTable900b
{
min-width:95%;
max-width:calc(95%);
z-index:5 !important;
margin-left:auto; 
margin-right:auto; 
}

.fieldTable900NoBorder
{
width:95%;
min-width:95%;
max-width:calc(95%);
z-index:5 !important;
margin-left:auto; 
margin-right:auto; 
}


.fieldTable900bNoBorder
{
min-width:95%;
max-width:calc(95%);
z-index:5 !important;
margin-left:auto; 
margin-right:auto; 
}

.mobile-container {
  width:100%;
  margin: auto;
  background-color: #0351AA;  
  color: white;
  border-radius: 10px;
display:block;

}


.topnav {
  overflow: hidden;
  background-color: #0351AA;
  position: relative;
line-height: 10px;
}

.topnav #myLinks {
  display: none;
text-align:left;
line-height: 1.6em;
}

.topnav a {
  color: white;
  padding:0px 0px;
  text-decoration: none;
  font-size: 17px;
  display: block;
}

.topnav a.activePage {
  color: white;
padding: 14px 16px !important;
  text-decoration: none;
  font-size: 17px;
  display: block;
background-color: #669966;
}



.topnav #myLinks a {
  color: #FFFFFF;  
  text-decoration: none;
  font-size: 17px;
  display: block;
padding: 14px 16px !important;
}

.topnav a.icon {
padding: 14px 16px !important;
  background: #0351AA;
  display: block;
color:white;
  position: absolute;
  right: 0 !important;
  top: 0 !important;
}

.topnav #myLinks a:hover {
  background-color: #FF8C00;
}

.topnav a.icon:hover {
  background-color: #FF8C00;
}

.topnav a.menuTitle {
  color: white;
background-color: #000000 !important;
pointer-events: none;
}

.topnav a.menuTitleSec {
  color: white;
background-color: gray !important;
pointer-events: none;
}

#myLinks a.active {
  background-color: #669966; /* Add a green color to the "active/current" link */
  color: white;
-webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
text-decoration: none;
}


.mobileLogo {
  background-color: #0351A8;
 text-decoration:none;
height:100% !important;
width:auto;
overflow:hidden;
vertical-align:middle;
}

.mobLogo {
  background-color: #0351A8;
 text-decoration:none;
width:auto;
overflow:hidden;
vertical-align:middle;
}

.toHide
{
display:none  !important;
}

.toSh
{
display:table  !important;
}

.span_preview
{
display:block;
}



.img_previewVis
{
visibility:visible;
display:none !important;
}

.rowClassFieldsFocusHide
{
display:none  !important;
}

.rowClassFieldsFocusShow
{
display:block !important;
}


.toShow
{
display:table  !important;
}

.textInfoColorBackToShow
{
display:block  !important;
}

.textInfoColorBackToShowRed
{
display:block  !important;
}

.textInfoColorBackToShowRedRegister
{
display:none  !important;
}

.areas
{
font-size:16px;
}
.myLetter
{
font-size:12px;
}

}




@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }

    .newsDiv, .newsDiv *, .goUp, #ContentPlaceHolder1_toShowIfActive
    {
        display: none !important;
    }


.list-with-heading, .list-with-heading.*
{
       display: none !important;
}

.bxslider, .bxslider.*
{
      display: none !important;
}
}


@media (max-width:1100px) and (min-width:1001px){

#prodToFloud
{
max-width:800px !important;
}

#statusInformation #mainBoardData
{
display:;float:;width:auto;
}

.containerExNew {
margin-top:0px;
}


body
{
padding-top:0px;
}

#mobile-nav {
display:none;
}

.blockInMobileBid
{
display:block !important;
margin:auto !important;
width:80%;
}

.blockInMobile
{
display: !important;
position:relative;
}

.ratiosWidth
{
width:100%;
max-width:95% !important;
}

.stepWidth
{
width:100%;
max-width:95% !important;
}

.alignCenter
{
text-align:center;
margin: 0 auto;
}

#ContentPlaceHolder1_statusInformation td {
display: block !important;
}

.cellWidth
{
width:100%;
}

.changeMaxTo100
{
width:100%;
}


.topiClass
{
position:fixed;
left:50%;
width:100%;
max-width:1000px;
margin-left:-500px;
z-index:20000;
background-color:white !important;
}

.topiClassBid
{
z-index:10;
position:relative;
left:0;
top:0;
width:100%;
margin:auto !important;
margin-left:0px;
}

#divReg
{
width:180px !important;
}

#divLog
{
width:180px !important;
}

.imgHide
{
width:32px !important;
height:32px !important;
}

.myLetter
{
font-size:12px;
}

}