.button-71 {
  background-color: #0351A8;
  border: 0;
  border-radius: 56px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: system-ui,-apple-system,system-ui,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif;
  font-size: 18px;
  font-weight: 600;
  outline: 0;
  padding: 16px 21px;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: all .3s;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}

.button-71:before {
  background-color: initial;
  background-image: linear-gradient(#fff 0, rgba(255, 255, 255, 0) 100%);
  border-radius: 125px;
  content: "";
  height: 50%;
  left: 4%;
  opacity: .5;
  position: absolute;
  top: 0;
  transition: all .3s;
  width: 92%;
}

.button-71:hover {
  box-shadow: rgba(255, 255, 255, .2) 0 3px 15px inset, rgba(0, 0, 0, .1) 0 3px 5px, rgba(0, 0, 0, .1) 0 10px 13px;
  transform: scale(1.05);
}

@media (min-width: 768px) {
  .button-71 {
    padding: 16px 48px;
  }
}

.onlyBlueColor
{
color:#0351A8;
}

/* 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;
}

#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;
text-align:left;
}

#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;
}


.input100 {
  font-family: Sans-Serif;
  font-size: 15px;
  color: #555555;
  line-height: 1.6em;
height: 35px;
  display: block;
  width: 100%;  
  padding: 0 5px;
border:1px solid black;
}

hr.dotted {
  border-top: 1px dashed black;
}

hr.dottedWhite {
  border-top: 1px dashed white;
padding-bottom:0px;
padding-top:0px;
}


.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;
}




.maxbutton {
  position: relative;
  text-decoration: none;
  display: inline-block;
  vertical-align: middle;
  width: 160px;
  height: 50px;
  border: 2px solid #505ac7;
  border-radius: 4px 4px 4px 4px;
  background-color: #505ac7;
  box-shadow: 0px 0px 2px 0px #333333;
}
.maxbutton:hover {
  border-color: #505ac7;
  background-color: white;
  box-shadow: 0px 0px 2px 0px #333333;
}
.maxbutton .mb-text {
  color: #ffffff;
  font-family: Tahoma;
  font-size: 15px;
  text-align: center;
  font-style: normal;
  font-weight: normal;
  line-height: 1em;
  box-sizing: border-box;
  display: block;
  background-color: unset;
  position: relative;
  padding: 18px 0px 0px 0px;
}

.maxbutton:hover .mb-text {
  color: #505ac7;
}


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;
}


#tblToSplit tr td:nth-child(1)
	 {
		 display: !important;
width:20%;
	 }

#tblToSplit tr td:nth-child(2)
	 {
		 display: !important;
width:60%;
	 }

#tblToSplit tr td:nth-child(3)
	 {
		 display: !important;
width:20%;
	 }

#tblToSplit tr td:nth-child(4)
	 {
		 display: !important;
width:20%;
	 }

#tblToSplit tr td:nth-child(5)
	 {
		 display: !important;
width:20%;
	 }



#tblToSplitGraph tr td:nth-child(1)
	 {
		 display: !important;
width:20%;
	 }

#tblToSplitGraph tr td:nth-child(2)
	 {
		 display: !important;
width:20%;
	 }

#tblToSplitGraph tr td:nth-child(3)
	 {
		 display: !important;
width:20%;
	 }

#tblToSplitGraph tr td:nth-child(4)
	 {
		 display: !important;
width:20%;
	 }

#tblToSplitGraph tr td:nth-child(5)
	 {
		 display: !important;
width:20%;
	 }

.show400
{
display:none;
}

.hide400
{
display:table-cell;
}

.showOnly400Plus
{
display:none;
}

.smHeight
{
display:table-cell;
vertical-align:middle;
}

.btnIsNotOkOffer {
width:180px;
white-space: normal;
height:50px; 
background-color:red !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;
}



.classTextDropo
{
background-color:white;
width:98% !important;
-moz-border-radius: 8px;
    border-radius: 8px;
    border:solid 1px color:#0351A8;;
    padding:5px;
 color:#0351A8;
height:40px;
}

.footerDivTable
{

text-align:left;
}

.toShowBoth
{
display:none;
}

.menyTypeTitle
{
margin-top:10px;
margin-bottom:-5px;
font-size:16px;
color:#0351A8;
font-weight:normal;
}

.eventMenu
{
text-decoration:none;
font-size:14px;
color:blue;
}

.eventMenu:hover
{
color:red;
}

table .eventTableFixed {
  table-layout:fixed !important;
}

.eventTableMenuLeft
{
width:calc(25%) !important;
min-width:25% !important;
max-width:25% !important;
display:;
}

.eventTableMenuTop
{
width:calc(70%)  !important;
min-width:70% !important;
max-width:70% !important;
}

.eventTableMenu
{
margin:10px ;
width:90% !important;
min-width:90% !important;
max-width:90% !important;
border:1px solid #0351A8;
color:#0351A8;
background-color:white;
}

.eventTableMenuOff
{
margin:10px ;
width:90% !important;
min-width:90% !important;
max-width:90% !important;
border:1px solid #ff5349;
color:#0351A8;
background-color:white;
}


.eventTitle
{
font-size:18px;
color:#0351A8;
}

.eventDate
{
font-size:12px;
color:#FFFFFF;
font-weight:bold;
}

.max450
{
width:450px !important;
max-width:450px !important;;
}

.percentage33
{
width:33%;
}

.percentage33Color
{
width:33%;
background-color:#0351A8;
color:white;
}

.percentage33ColorUnactive
{
width:33%;
background-color:#ff5349 ;
color:white;
}

.linkSinergates1
{
font-size:17px;
background-color:#FFFFFF;
border:1px solid #0351A8;
color:#0351A8;
cursor:pointer;
line-height:22px;
letter-spacing: 2px;
vertical-align:middle !important;
}

.linkSinergates2
{
font-size:17px;
background-color:#FFFFFF;
border:1px solid #0351A8;
color:#0351A8;
cursor:pointer;
line-height:22px;
letter-spacing: 2px;
vertical-align:middle !important;
}

.linkSinergates1
{
background-color:#abcdef;
color:navy;
}

.linkSinergates2
{
background-color:#abcdef;
color:navy;
}

.linkSinergates1:hover
{
background-color:#8C9DA4;
color:white;
}

.linkSinergates2:hover
{
background-color:#8C9DA4;
color:white;
}

.sinergatesEmpty
{
width:14px!important;
background-color:#FF6B18;
}

.sinergatesEmptyBlue
{
width:14px!important;
background-color:#0351A8;;
}

.onlyColor
{
color:#FF6B18;
}

.cellGraph1
{
height:0%;
display:none;
}

.cellGraph2
{
height:100%;
}

.divGraph3
{
display:none;
}

.divGraph4
{
display:none;
}

.divGraph5
{
display:none;
}

.cellHome1
{
width:25% !important
}


.cellHome2
{
width:50% !important
}

.cellHome3
{
width:25% !important
}


.cellHome1_1
{
width:22% !important;
display:;
}


.cellHome2_1
{
width:45% !important;
display:;
}

.cellHome3_1
{
width:22% !important;
display:;
}

.homeBack1
{
background-color:#FFFFFF;
}

.homeBack2
{
background-color:#003366;
}

.homeBackUpdate
{
color:#FF6B18;
background-color:#EBE8E9;
padding:5px;
}


.homeText
{
display:none;
color:#FF6B18;
background-color:#EBE8E9;
position: absolute;
top: 30px; 
left: 30px; 
width: 300px; 
font-size: 18px; 
line-height: 1.6em; 
text-align: left;
-moz-border-radius:10px 10px 10px 10px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -khtml-border-bottom-right-radius: 10px;
    -khtml-border-bottom-left-radius: 10px;    
    -webkit-border-top-right-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -khtml-border-top-right-radius: 10px;
    -khtml-border-top-left-radius: 10px;  
padding:10px;
}

.homeBannerTextDiv
{
color:#FF6B18;
background-color:#EBE8E9;
width: 300px; 
width:80%;
padding:10px;
-moz-border-radius:10px 10px 10px 10px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -khtml-border-bottom-right-radius: 10px;
    -khtml-border-bottom-left-radius: 10px;    
    -webkit-border-top-right-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -khtml-border-top-right-radius: 10px;
    -khtml-border-top-left-radius: 10px;  

}

.homeBannerTextDivTitlos
{
font-size:30px;
font-weight: 300;
line-height: 1.6em; 
text-align: left;
font-weight:normal;
}


.homeTextBtnDiv
{
position: absolute;
bottom: 30px; 
left: 30px; 
display:none;
}



.homeTextBtn
{
position: relative;
  padding: 15px 40px;
  text-align: center;
height:50px;
color:#F3F3F3;
background-color:#0351A8;
width: 200px; 
-moz-border-radius:10px;
-webkit-border-radius:10px;
   
   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 */
width:140px;
padding:10px;
font-size:14px;
border:1px solid #ffffff;
cursor:pointer;
}


.homeKeimenoText
{
font-size: 16px; 
font-weight:normal;
color:black;
line-height:1.6em !important;
}

.homeButton
{
color:#0351A8;
background-color:#F3F3F3;
}

.slidderTD1
{
width:45%;
vertical-align:middle;
text-align:right;
display:table-cell;
}


.slidderTD2
{
width:45%;
display:table-cell;
}



.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;
}

html
{
min-height:100vh;
height:100vh;
height:100%;
}

.canvasContainerClass{
  width:calc(60%) !important; 
  height:auto !important;    
margin:auto;
}

#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%;
}

 
    
        /* jssor slider bullet navigator skin 01 css */
        /*
        .jssorb01 div           (normal)
        .jssorb01 div:hover     (normal mouseover)
        .jssorb01 .av           (active)
        .jssorb01 .av:hover     (active mouseover)
        .jssorb01 .dn           (mousedown)
        */
        .jssorb01 {
            position: absolute;
        }
        .jssorb01 div, .jssorb01 div:hover, .jssorb01 .av {
            position: absolute;
            /* size of bullet elment */
            width: 12px;
            height: 12px;
            filter: alpha(opacity=70);
            opacity: .7;
            overflow: hidden;
            cursor: pointer;
            border: #000 1px solid;
        }
        .jssorb01 div { background-color: gray; }
        .jssorb01 div:hover, .jssorb01 .av:hover { background-color: #d3d3d3; }
        .jssorb01 .av { background-color: #fff; }
        .jssorb01 .dn, .jssorb01 .dn:hover { background-color: #555555; }

        /* jssor slider arrow navigator skin 02 css */
        /*
        .jssora02l                  (normal)
        .jssora02r                  (normal)
        .jssora02l:hover            (normal mouseover)
        .jssora02r:hover            (normal mouseover)
        .jssora02l.jssora02ldn      (mousedown)
        .jssora02r.jssora02rdn      (mousedown)
        */
        .jssora02l, .jssora02r {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 55px;
            height: 55px;
            cursor: pointer;
            background: url('img/a02.png') no-repeat;
            overflow: hidden;
        }
        .jssora02l { background-position: -3px -33px; }
        .jssora02r { background-position: -63px -33px; }
        .jssora02l:hover { background-position: -123px -33px; }
        .jssora02r:hover { background-position: -183px -33px; }
        .jssora02l.jssora02ldn { background-position: -3px -33px; }
        .jssora02r.jssora02rdn { background-position: -63px -33px; }

.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;
}


#filterBtn
{
background-color:darkorange;
color: white;
height:25px;
margin-top:3px;
padding-bottom:8px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
letter-spacing:0.5px; 
position:absolute;
left:10px;
-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 */
}


.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;
}

.contactGraph
{
overflow: auto;
width:100%;
max-width:calc(100% - 360px);
height:400px !important;
float:left;
margin-bottom:0px;
}

.contactUsers
{
width:320px;
}

.partnerDivs
{
width:98%;
}

.iFrameLoading {
  background:url(https://energytelia.com/energyauctions/el/logos/Logo207.gif) center center no-repeat;
}

.attachedGraph
{
height:auto !important;
width:800px  !important;
}

.logImage
{
width:24px !important;
height:24px !important;
margin:auto !important;
padding:5px !important;
}

 .auto-style1 {
                    width: 260px;
                    background-color:#8C9DA4;
                    color:#FFFFFF;
                    min-height:40px;
                    height:40px;
                }
                 .auto-style3 {
                    width: 260px;
                    background-color:#8C9DA4;
                    color:#FFFFFF;
                    min-height:40px;
                    height:40px;
                }

          .alert-custom{
  background-color:#E0E0E0;
                    color:#000000;
}

.ribbonStyle
{
width:100% !important;
background-color:#F5F5F5;
color:#031445;
}

.topTitleGraph
{
font-size:14px;
font-weight:bold;
}

.onlyTextColor
{
color: #0351A8;
}

#menuFixedIconsRightChat {
  position: fixed;
  right: 0;
  top: 70%;
  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: 0;
  top: 70%;
  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;  
}


.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: lightpink;
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%;
    }
    
      .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;

}

.theImageIcoChatLeft
{

width:auto;
height:60px;
border:1px;

padding-top:2px;
padding-bottom:2px;
padding-left:2px;
padding-right:2px;
margin-left: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;
}
.theImageIcoChatLeft:hover
{
width:auto;
height:65px;
border:1px;

padding-top:2px;
padding-bottom:2px;
padding-left:2px;
padding-right:2px;
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;
}



.topChatOptions
{
font-size:12px;
cursor:pointer;
color:#0351A8;
}


.topChatOptions:hover
{
color:red;
}

.chat-popup {
  display: none;
  position: fixed;
  bottom: 0;
  right: 150px;
  border: 3px solid #0351A8;
  z-index: 9999;
  width: 300px;
  height:600px;
  padding: 0px;
  margin: 0px;
  background-color: white;
}

.productTitleRequest
{
font-size:14px;
font-weight:bold;
color:#0351A8;
}

.chatTop
{
background-color:#0351A8;
color:white;
}

.chatDown
{
background-color:#0351A8;
color:white;
}

.onlyC3Color
{
color:#0351A8;
}


.logoFaqTitle
{
font-size:14px;
text-dcoration:none;
color:#8C9DA4;
}

.logoFaqTitle:hover
{
font-size:14px;
color:blue;
}



.loginTable
{
background-color:#0351AA;
color:white;
font-size:16px;
padding:10px;
}

.theLoginIco
{
width:65px;
height:20px;
border:0px;
cursor:pointer;
background-color:none;
padding:6px;
}

.theLoginIco:hover
{
width:69px;
height:24px;
padding:4px;
}

.logTopTable
{
width:60px;
height:50px;
margin-left:10px;
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;     

}

.chatTopTable
{
width:60px;
height:50px;
margin-right:10px;
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;     

}


hr.dottedHR {
  border-top: 3px dotted #0DA83A;
margin-bottom:10px;
}


.linkCategory
{
color:#000000;
font-size:16px;
font-weight:bold;
padding:5px;
}

.link
{
text-align:justify;
color:#000000;
font-size:14px;
font-weight:normal;
width:100%;
padding:5px;
margin-bottom:5px;
}

.link:hover
{
-webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
background:#8C9DA4;
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;
}

ol {
 
}

tr.border_bottom td {
fi
  border-bottom:1px dotted gray;
padding-left:5px;
padding-right:5px;
padding-bottom:10px;
padding-top:10px;
}

.classTextDisabled
{
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;      
height:40px;
width:120px;
}


.focusBestOffer
{
padding:5px;
background-color:red;
color:white;

}

.topClassBidTopi {
        
    color:#FFFFFF;  
    height: 100%;
    width: 100%;
font-size:16px;
}

.topClassBid {
        
    color:#FFFFFF;  
    height: 100%;
    width: 100%;
font-size:14px;
}

.rowTitleFocus
{
font-size:14px;
}

.notificationRow
{
background-color:cyan;
font-size:14px;
color:black;
}

.noNotificationRow
{
background-color:#ffffff;
font-size:16px;
color:black;
}

.rowClassFieldsFocus
{
background-color:cyan;
}

.rowClassFieldsFocus td
{
padding-top:5px;
padding-bottom:5px;
}

.classTextIsBig
{
font-size:12px;
color:black;

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:100%;
height:30px;
}




.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:cyan;
}

.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;	
    line-height: 1.5em:
    background-color:#FFFFFF;  
    color:#000000;  
font-size:14px;   
font-family: Sans-Serif;
min-height:100vh;
height:100vh;
height:100%;
}


.auctionEnded
{
background-color:#ffffff;padding:2px 10px;border:1px solid navy;color:red;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:red;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('/energyTeliaGR/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:#0351A8;
font-weight:bold;
}

.stepTitle2
{
font-size:14px;
color:blue;
}

.stepTitle2_2
{
font-size:14px;
color:blue;
}

.stepTitle2:hover
{
color:olive;
}

.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;
color:red;
width:auto;
padding:3px;
}

.needCreditsDouble
{
border:1px dotted red;
background:yellow;
color:black;
width:auto;
padding:3px;
margin-top:10px;
font-weight:bold;
}

.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;
margin-right:80px;
float:right;
font-size:16px;
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;
}

.dottedHRNew
{
border-top: dotted 1px;
margin-left:auto;
margin-right:auto;
margin-top:8px;
width:90%;
color:black !important;
text-align:center;
}

.dottedHR
{
border-top: dotted 1px;
margin-top:5px;
margin-bottom:5px;
}

.cellUp
{
font-weight:bold;
}

.cellDown
{
font-weight:normal;
}

.forDottedHR
{
height:5px;
}

.moreLink
{
color:#0351A8 !important;
}

.moreLink span:hover
{
color:olive !important;
}



.titleLabel
{
font-weight:bold;
color:#0351A8 !important;
}

.fieldTable td {
          padding:10px;    
}
      .fieldTable tr:nth-child(even) {
          background-color: #f2f2f2;
      }

.fieldTableSplit td {
          padding:10px;    
}
    

.bestOffer
{
font-size:12px;

color:#000000;

}

.gridText
{
font-size:12px;
color:#000000;
}

.gridTextBig
{
font-size:14px;
color:#336699;
}

.gridTextBigBig
{
font-size:16px;
color:#336699;
}

.gridCodeText
{
color:#ffffff;
margin:5px;
float:right;

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-family:Verdana, Arial, Helvetica, sans-serif;
font-size:15px;
padding:5px;
border:0px;
text-align:left;
background-color:#FFFFFF;
display:none;
}

.priceLabel2
{
color:#0351A8;
font-family:Verdana, Arial, Helvetica, sans-serif;
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-family: Liberation Sans Narrow;
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: #8C9DA4;
  color:white;
  cursor: hand;
}


.searchBoxDealNoBorder
{
    width:190px;
    letter-spacing:0.5px;        
    height:32px; 
    margin:0px 0px 0px 0px;  
    padding: 0px 30px 0px 5px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    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-decoreation:none;
}

.marginRight
{
border:1px solid #0351A8;
margin-right:5px;
background-color:#FFFFFF;    
color:#0351A8;    
font-decoreation: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%;	    
}

.rectangle {
	background: #0351A8 ;
	width: 100%;
	position: relative;	
color: #FFFFFF;    
text-align:center;
padding-top:4px;
padding-bottom:4px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
}

.rectangleEx {
	background: #0351A8 ;
	padding:10px;
	width: 100%;
	position: relative;	
color: #FFFFFF;    
    horizontal-align:middle;    
    font-family:Verdana, Arial, Helvetica, sans-serif;
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;  

}

.viewsTableFilter
{
    background-color:#FFFFFF;
    width:100%;
 font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#000000;
    margin-bottom:10px;
}

.viewsListDynamicFilterNoBorder
{
 width:230px;
height:32px; 
 margin:0px;
 padding:6px 4px 6px 4px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 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-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
 color:#0351A8;
}

.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;
}


.dropo
{
background-color:#ffffff;  
   color:#0351A8;  
max-width:500px;
min-width:350px;
font-size:12px;
}

.dropoSmall
{
background-color:#ffffff;  
   color:#0351A8;  
width:100%;
max-width:220px;
}

.dropoSmall2
{
background-color:#ffffff;  
   color:#0351A8;  
width:350px;
}

.dropoSmall100
{
background-color:#ffffff;  
   color:#0351A8;  
width:100%;
}


.sameColorAsTop
{
background-color:#ffffff;  
font-size:16px;
   color:#0351A8;  
}

.sameColorAsTop12
{
background-color:#ffffff;  
font-size:14px;
   color:#0351A8;  
font-weight:bold;
}

hr {
    display: block;
    height: 1px;
    border: 0px;
    border-top: 1px solid #0351A8;
    margin: 0px;
    padding: 0px; 
}

.hr2 {
    display: block;
    height: 2px;
    border: 0px;
    border-top: 2px solid #FFFFFF;
    margin: 0px;
    padding: 0px; 
}

   .modal
    {
        position: fixed;
        z-index: 999;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        background-color: Black;
        filter: alpha(opacity=70);
        opacity: 0.7;
        -moz-opacity: 0.7;
    }

.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
{
width:120px;
display:inline-block;
 border:1px solid #0351A8;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:13px;
 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;      
outline:0; 
}

.classTextNoBorder
{
display:inline;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:13px;
 color:#000000;
vertical-align: sub;
}

.classTextPickerNoBorder
{
width:230px;
display:inline-block;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:13px;
 color:#0351A8;
outline:0; 
}

.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;
}

.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;      
width:300px;
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;
}

.fieldTable
{
border-spacing: 0px;
width:90%;
    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;
}


.fieldTableSplit
{
border-spacing: 0px;
width:90%;
    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: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;
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;
}

.rowClass
{
background-color:#0351A8 !important;
color:#FFFFFF;
font-weight:bold;
 padding-top: 2px;
    padding-bottom: 2px;
}

.rowClass td
{
padding-top:5px;
padding-bottom:5px;
}



.textInfoInner
{
font-size:14px;
}

.rowTitle
{
font-size:16px ;
padding-left:5px;
}

.rowTitle_2
{
font-size:14px ;
padding-left:5px;
color:#0351A8;
}

.rowText
{
font-size:12px;
}

.rowClassFields
{
}

.rowClassFields td
{
padding-top:5px;
padding-bottom:5px;
}

.cellTitle
{
font-weight:normal;
font-size:12px;
}

.cellTitleBig
{
font-weight:normal;
font-size:14px;
color:#FFFFFF;
}

.fontTopBack
{
    color:#0351A8;  
}

.asTop
{
background-color:#0351A8;  
    color:#FFFFFF;  
}


#menuFixedIconsLeft {
  position: fixed;
  right: 155px;
  bottom:5px;  
color:#0351A8;
}

#menuFixedIconsRight {
  position: fixed;
  right: 5px;
  bottom:5px;  
}

#loginFixedIcon1 {
  position: fixed;
  left: 0;
  top: 35%;
  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;  
}


#loginFixedIcon2 {
  position: fixed;
  right: 0;
  top: 35%;
  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;
cursor:pointer;
background-color:none;
}

.theImageIco:hover
{
width:45px;
height:45px;
border:1px solid blue;
background-color:ghostwhite;
}

.outerImg
{
padding-left:5px;
padding-right:5px;
padding-bottom:5px;
}


.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 */
background-color: #336699;
color: #FFFFFF;
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:18px; 
}


.vertical-menu {
  width: 100%; /* Set a width if you like */
color: #FFFFFF;
font-size:14px;
margin-right:20px;
}

.contactTextHomePage
{
color: #FFCC66;
font-size:14px;

}

.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:#8C9DA4;
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;
}

.vertical-menu a.active {
  background-color: #8C9DA4; /* 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
{
dicplay:block;
width:250px;
min-width:250px;
max-width:250px;
}

.footerList li a span
{
dicplay:block;
width:250px;
min-width:250px;
max-width:250px;
}

.footerLinks:hover
{
color: #fcf8e3;
background-color:#8C9DA4;
width:250px;
min-width:250px;
max-width:250px;
}


.footerLinks li:hover
{
color: #fcf8e3;
background-color:#8C9DA4;
width:250px;
min-width:250px;
max-width:250px;
}

.footerLinks li a:hover
{
color: #fcf8e3;
background-color:#8C9DA4;
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;
}

.myLetter
{    

font-size:15px;
}

.myLetter:hover
{    

}

.changeBack
{
color:blue;
cursor:hand;
padding:5px;
width:20%;
margin-left:10%;
margin-bottom:16px;
}



.changeBack:hover
{
-webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
background:#8C9DA4;
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;
}



.changeBackSelected
{
width:20%;
margin-left:10%;
margin-bottom:16px;
cursor:hand;
padding:5px;
-webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
background:#0d98ba;
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;
}

.changeBackSelected:hover
{

-webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
background:#0d98ba;
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;
}

.ContactMe
{
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;  
}

.topMenuMaster {
    
    background-color:#0351A8;  
    color:#FFFFFF;
    width: 100%;
}

.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%;
}

.topMenu5 {
    
    background-color:#94B2E3;  
    color:#FFFFFF; 
    height: 100%;
    width: 100%;
}

.topMenu6 {
    
    background-color:#FF6600;  
    color:#FFFFFF;  
    height: 100%;
    width: 100%;
}


.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;
height:50px; 
background-color:#FFFFFF;
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;
  color:#FFFFFF;
  cursor: hand;
}
.btnSameWidth:hover {  
  background-color: ghostwhite;
  color:black;
  cursor: hand;
}

.btnSameWidth {
 width:140px; !important;
height:50px; 
background-color:#FFFFFF;
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;
}



.btnRed {
width:80px;
height:50px; 
background-color:red;
font-weight: bold;
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 {
width:80px;
height:50px; 
background-color:red;
font-weight: bold;
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;
  color:#FFFFFF;
  cursor: hand;
}


.modalText
{
color:black;
font-size:12px;
}


.modalTextSmall
{
color:blue;
font-size:14px;
}
.modalTextSmall:hover
{
color:red;
font-size:14px;
}

body {
	background: #eee !important;	
}

.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;
		}
	}

	
}

.sendEroBox
{
background-color:white;
 border:1px solid #0351A8;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:13px;
 color:#000000;
display:inline-block;
}

.contactText
{
font-family:Tahoma;
   font-size:14px;
 color:#000000;
}

.textInfoColor
{
               border-radius:10px;
               -moz-border-radius:10px;
               -webkit-border-radius:10px;
               color:black;
               display:block;
overflow:visible;                        
               padding:0 8px 2px;
               margin-bottom:20px;               
               overflow:hidden;
               border-radius:10px;
               -moz-border-radius:10px;
               -webkit-border-radius:10px;
               margin-top:2px;
width: calc(100% - 20px) !important;
}

.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;
}

.textInfoColorBackAlter
{
width:90%;
margin: auto;
display:inline-block;
}

.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:32000;
width:70px;
height:70px;
cursor:pointer;
}

#message1
{
title:'Πάμε πάνω...';
position: fixed;
bottom: 25px;
left: 25px;       
opacity: .8;
z-index:32000;
width:70px;
height:70px;
cursor:pointer;
}

#leftPanel
{
display:inline-block;
vertical-align:top;
min-width:230px;
max-width:260px;
}


#leftPanelGraph
{
display:inline-block;
vertical-align:top;
min-width:300px !important;
max-width:300px !important;

}

#rightPanelOfPage
{
vertical-align:top;
width: calc(100% - 280px) !important;
display:inline-grid;
}

#rightPanelGraph
{
vertical-align:top;
width: calc(100% - 350px) !important;
display:inline-grid;
margin-top:0px;
margin-bottom:0px;
}


div #embado-range .ui-slider .ui-slider-handle{
    
    background-color:#0351A8;
    border: 1px double #0351A8;
    color:#FFFFFF;
    cursor:hand;
}

div  #embado-range  .ui-slider-range.ui-widget-header {
    background: #0351A8;    
    
}

div #embado-range .ui-slider .ui-slider-handle{
    
    background-color:#0351A8;
    border: 1px double #0351A8;
    color:#FFFFFF;
    cursor:hand;
}


div #embado-range .ui-slider .ui-slider-handle:active{    
    
}

.mobile-container {
display:none;
}

.mobileDIV
{
display:none;
}

.toHide
{
display:;
}


.downMenu
{
width:24%;
display:inline-block;
}

.downMenu2
{
width:24%;
display:inline-block;
}

.phoneImage
{
width:32px;
height:32px;
}


.phoneTxt
{
    -moz-border-radius: 8px;
    border-radius: 8px;
    border:solid 1px color:#0351A8;;
    padding:5px;
 color:#0351A8;
 width:150px;
height:30px;
}

.phoneTxtHome
{
 -moz-border-radius: 8px;
    border-radius: 8px;
    border:solid 1px color:#0351A8;;
    padding:5px;
 color:#0351A8;
height:30px;
 width:140px; !important;
}

.phoneTxtHome2
{
 -moz-border-radius: 8px;
    border-radius: 8px;
    border:solid 1px color:#0351A8;;
    padding:5px;
 color:#0351A8;
height:30px;
 width:90% !important;
}

.toShowMobile
{
display:none;
}

.toShowNonPc
{
display:none;
}


.toShow
{
display:none;
}
#toSplit thead
{
display: !important;
}

#toSplit tbody
{
display: !important;
}

#toSplit tr
{
display: !important;
}
#toSplit td
{
display: !important;
width:20%;
border: 1px solid blue;
line-height: 1.2;
}


@media (max-width:400px){

#mobile-nav {
display:block;
}

#tblToSplit tr td:nth-child(1)
	 {
		 display:block !important;
width:95%;
	 }

#tblToSplit tr td:nth-child(2)
	 {
		 display:block !important;
width:95%;
	 }

#tblToSplit tr td:nth-child(3)
	 {
		 display:block !important;
width:95%;
	 }

#tblToSplit tr td:nth-child(4)
	 {
		 display:block !important;
width:95%;
	 }

#tblToSplit tr td:nth-child(5)
	 {
		 display:block !important;
width:95%;
	 }


#tblToSplitGraph tr td:nth-child(1)
	 {
		 display:block !important;
width:100%;
	 }

#tblToSplitGraph tr td:nth-child(2)
	 {
		 display:block !important;
width:100%;
	 }

#tblToSplitGraph tr td:nth-child(3)
	 {
		 display:block !important;
width:100%;
	 }

#tblToSplitGraph tr td:nth-child(4)
	 {
		 display:block !important;
width:100%;
	 }

#tblToSplitGraph tr td:nth-child(5)
	 {
		 display:block !important;
width:100%;
	 }

.show400
{
display:inline;
}

.hide400
{
display:none;
}

.showOnly400Plus
{
display:none;
}

.footerDivTable
{
text-align:center;
}

.toShowBoth
{
display:table;
}

.classTextDropo
{
width:98% !important;
}

.eventTableMenuLeft
{
display:none;
}

.changeBack
{
width:80%;
margin-left:10%;
}

.changeBackSelected
{
width:80%;
margin-left:10%;
}

#toSplit thead
{
display:block !important;
}

#toSplit tbody
{
display:block !important;
}

#toSplit tr
{
display:block !important;
}
#toSplit td
{
display:block !important;
width:100%;
border: 0px;
line-height: 2;
}

.cellGraph1
{
height:0%;
display:none;
}

.cellGraph2
{
height:100%;
}

.slidderTD1
{
display:none;
width:0%;
}


.slidderTD2
{
width:100%;
}

.divGraph3
{
display:none;
}

.divGraph4
{
display:block;
}

.divGraph5
{
display:block;
}


.cellHome1
{
display:none;
}

.cellHome2
{
width:99% !important;
}

.cellHome3
{
display:none;
}


.cellHome1_1
{
display:none;
}


.cellHome2_1
{
width:99% !important;
}

.cellHome3_1
{
display:none;
}

.homeText
{
left: 30px; 
display:inline;
position:absolute;
}


.homeTextBtnDiv
{
left: 30px; 
display:inline;
position:absolute;
}

.homeCSorDiv
{
width:calc(100%);
}

.chat-popup {
  right: 3px;
  width: calc(90%);
  height:600px;  
}

.classText
{
width:150px;
height:40px;
}

.canvasContainerClass{
  width:calc(100%) !important; 
  height:auto !important;    
}

.topBgColorFlex
{
display:block;
justify-content:none;
}

#rightPanelGraph
{
width:100% !important;
display:block;
margin-top:10px;
margin-bottom:10px;
}

.contactGraph
{
width:100% !important;
max-width:calc(100%);
float:none;
height:auto;
margin-bottom:10px;
}

.contactUsers
{
width:100% !important;
border:1px; solid red;
}

.attachedGraph
{
height:auto !important;
min-height:1000px !important;
width:100%  !important;
}

.vertical-menu { 
font-size:12px;
}
.footerLinks
{
font-size:12px;
}


.phoneTxt
{
 width:100px !important;
}

.phoneTxtHome
{
 width:98% !important;
}

.phoneTxtHome2
{
 width:calc(98% - 50px) !important;
}

.toHide
{
display:none;
}

#leftPanel
{
display:none;
}

#rightPanelOfPage
{
width: 100% !important;
}




.mobile-container {
  width:100%;
  margin: auto;
  background-color: #0351AA;  
  color: white;
  border-radius: 10px;
display:block;
}

.mobileDIV
{
background-color:transparent !important;
height:50px !important;
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;
  position: absolute;
  right: 0 !important;
  top: 0 !important;
}

.topnav #myLinks a:hover {
  background-color: #FF8C00;
}

.topnav a.icon:hover {
  background-color: #FF8C00;
}

.mobileLogo {
  background-color: #0351A8;
 text-decoration:none;
vertical-align:middle;
}

.goUp
{
display:none;
}

.goUp1
{
display:none;
}


.myLetter
{
font-size:13px;
}

.areas
{
font-size:14px;
}

.logoFaqTitle
{
font-size:12px;
}

.downMenu
{
width:48%;
}

.downMenu2
{
width:48%;
}

.phoneImage
{
width:16px;
height:16px;
}

.toShowMobile
{
display:block;
}

.toShowNonPc
{
display:block;
}




.toShow
{
display:block;
}

.contactTextHomePage
{
font-size:12px;
}


}











@media (max-width:1024px) and (min-width:401px){

#mobile-nav {
display:block;
}

#tblToSplit tr td:nth-child(1)
	 {
		 display:block !important;
width:95%;
	 }

#tblToSplit tr td:nth-child(2)
	 {
		 display:block !important;
width:95%;
	 }

#tblToSplit tr td:nth-child(3)
	 {
		 display:block !important;
width:95%;
	 }

#tblToSplit tr td:nth-child(4)
	 {
		 display:block !important;
width:95%;
	 }
#tblToSplit tr td:nth-child(5)
	 {
		 display:block !important;
width:95%;
	 }



#tblToSplitGraph tr td:nth-child(1)
	 {
		 display:block !important;
width:100%;
	 }

#tblToSplitGraph tr td:nth-child(2)
	 {
		 display:block !important;
width:100%;
	 }

#tblToSplitGraph tr td:nth-child(3)
	 {
		 display:block !important;
width:100%;
	 }

#tblToSplitGraph tr td:nth-child(4)
	 {
		 display:block !important;
width:100%;
	 }

#tblToSplitGraph tr td:nth-child(5)
	 {
		 display:block !important;
width:100%;
	 }

.show400
{
display:none;
}

.hide400
{
display:table-cell;
}

.showOnly400Plus
{
display:block;
}

.toShowBoth
{
display:table;
}

.footerDivTable
{

text-align:center;
}

.classTextDropo
{
width:98% !important;
}


.eventTableMenuLeft
{
display:none;
}

.changeBack
{
width:40%;
margin-left:10%;
}

.changeBackSelected
{
width:40%;
margin-left:10%;
}

.cellGraph1
{
height:50%;
display:block;
}

.cellGraph2
{
height:50%;
}

.slidderTD1
{
display:none;
width:0%;
}


.slidderTD2
{
width:100%;
}

.divGraph3
{
display:block;
vertical-align:top;
}

.divGraph4
{
display:none;
}

.divGraph5
{
display:none;
}

.cellHome1
{
display:none;
}

.cellHome2
{
width:50% !important
}

.cellHome3
{
width:50% !important
}


.cellHome1_1
{
display:none;
}


.cellHome2_1
{
width:99% !important;
}

.cellHome3_1
{
display:none;
}


.homeText
{
left: 30px; 
display:inline;
position:absolute;
}


.homeTextBtnDiv
{
left: 30px; 
display:inline;
position:absolute;
}

.homeCSorDiv
{
width:calc(100%);
}

.chat-popup {
  right: 10px;  
}

.canvasContainerClass{
  width:calc(90%) !important; 
  height:auto !important;    
}

.topBgColorFlex
{
display:block;
justify-content:none;
}


#rightPanelGraph
{
width: calc(100%) !important;
display:block;
margin-top:10px;
margin-bottom:10px;
}


.contactGraph
{
width:100%;
max-width:calc(100%);
float:none;
height:auto;
margin-bottom:10px;
}

.contactUsers
{
width:calc(100%) !important;
border:1px; solid red;
}

.attachedGraph
{
height:auto !important;
min-height:1000px !important;
width:100%  !important;
}

.toHide
{
display:none;
}

.goUp
{
display:none;
}

.goUp1
{
display:none;
}

.mobile-container {
display:block;
}

.mobileDIV
{
background-color:transparent !important;
height:50px !important;
display:block;
}

#leftPanel
{
display:none;
}

#rightPanelOfPage
{
width: 100% !important;
}

.mobile-container {
  width:100%;
  margin: auto;
  background-color: #0351AA;  
  color: white;
  border-radius: 10px;
display:block;
}

.mobileDIV
{
background-color:transparent !important;
height:50px !important;
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;
  position: absolute;
  right: 0 !important;
  top: 0 !important;
}

.topnav #myLinks a:hover {
  background-color: #FF8C00;
}

.topnav a.icon:hover {
  background-color: #FF8C00;
}

.mobileLogo {
  background-color: #0351A8;
 text-decoration:none;
height:100% !important;
width:auto;
overflow:hidden;
vertical-align:middle;
}



.myLetter
{
font-size:13px;
}

.areas
{
font-size:16px;
}

.logoFaqTitle
{
font-size:12px;
}

.downMenu
{
width:48%;
}

.downMenu2
{
width:48%;

}

.phoneImage
{
width:32px;
height:32px;
}
.phoneTxt
{
 width:130px;
}

.phoneTxtHome
{
 width:98%;
}

.phoneTxtHome2
{
 width:98%;
}

.vertical-menu { 
font-size:14px;
}
.footerLinks
{
font-size:14px;
}

.toShow
{
display:none;
}

.toShowMobile
{
display:none;
}

.toShowNonPc
{
display:block;
}


.contactTextHomePage
{
font-size:14px;
}


}






@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }

    .newsDiv, .newsDiv *
    {
        display: none !important;
    }

#menuFixedIconsRightChat {
  position: fixed;
  right: 60px;
  top: 75%;
  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: 60px;
  top: 75%;
  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;  
}




.list-with-heading, .list-with-heading.*
{
       display: none !important;
}

.bxslider, .bxslider.*
{
      display: none !important;
}
}