/***********************************************************************
*
*  Copyringt, Raditex Control AB, 2016, Göran Hasse
*  raditex-tutorial.css
*
***********************************************************************/


.boo 
{

    position: fixed;

    bottom: 200px;
    margin-left: 0px;

    background-color: #FFCCCC;    
    color: red;
    display: none;
    z-index: 10;

    text-align: center;
    padding: 5px;
    width: calc(100% - 80%);
    height: calc(100% - 80%);

/*    margin-top: 60px; */
/*    margin-bottom: 60px; */

    font-size: 14px;
    font-family: Sans;

    border: 8px solid #FF0033;

    background-color: #A9C1D9;

    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;

}

.peeka:hover + .boo
{
    color: green;
    display:  block;
}


#svenska p
{

    
   background-color: #FF0000;
   color: #FF0000;

}

path 
{
    stroke: blue;
    stroke-width: 2px;
    fill: none;
}

.axis path,
.axis line 
{
    fill: none;
    stroke: black;
    stroke-width: 1px;
}

.grid .tick 
{
    stroke: black;
    opacity: 1;
}

.grid path 
{
      stroke-width: 0;
}

.axis text
{
   stroke: none;
   font-family:courier;
   font-size: 10px;
   shape-rendering: crispEdges;
}

.axis path,
.axis line 
{
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}

.area 
{
    fill: #3300FF;
    stroke: 6699FF;
    stroke-width: 0;
    stroke-opacity: 0.5;
    opacity: 1;
}

.x .axis path 
{
 stroke: black;
  /* display: none; */
}

.line 
{
  fill: none;
  stroke: steelblue;
  stroke-width: 1.5px;
}


/**********************************************************************
 *
 ***********************************************************************/
.rbis-message-warning
{

    display: block;
    z-index: 100;
    position: fixed;
    height: 100px;
    bottom: 200px;
    margin-left: 200px;
/*    clear: both; */
/*    background: #dddddd; */
    text-align: center;
    padding: 5px;
    width: calc(100% - 400px);

/*    margin-top: 60px; */
/*    margin-bottom: 60px; */

    font-size: 14px;
    font-family: Sans;

    border: 8px solid #FF0033;

    background-color: #A9C1D9;

    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
/*
    -webkit-transition: width 2s, height 2s, background-color 2s, -webkit-transform 2s;
    transition: width 2s, height 2s, background-color 2s, transform 2s;
*/

}

.rbis-message-warning:hover-old
{

    display: block;
    z-index: 100;
    position: fixed;
    height: 100px;
    bottom: 200px;
    margin-left: 200px;
/*    clear: both; */
/*    background: #dddddd; */
    text-align: center;
    padding: 5px;
    width: calc(100% - 400px);

    background-color: #FFCCCC;

/*
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
*/

}

.rbis-message-info
{

    z-index: 0;
    position: fixed;
    height: 100px;
    bottom: 200px;
    margin-left: 200px;
/*    clear: both; */
/*    background: #dddddd; */
    text-align: center;
    padding: 5px;
    width: calc(100% - 400px);

/*    margin-top: 60px; */
/*    margin-bottom: 60px; */

    font-size: 14px;
    font-family: Sans;

    border: 8px solid #66CC00;

    background-color: #A9C1D9;

    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;



}



/**********************************************************************
*
***********************************************************************/
H1
{
    color: blue;
    font-family: arial;
    font-size: 32pt;
    font-style: normal;

    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;

    margin-left: 0px;
    margin-right: 0px;
    margin-top: 5px;
    margin-bottom: 2px;
}

/**********************************************************************
*
***********************************************************************/
H2
{
    color: blue;
    font-family: arial;
    font-size: 16pt;
    font-style: normal;

    margin-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;

    padding-top: 5px;
    padding-bottom: 2px;

}

/**********************************************************************
*
***********************************************************************/
H3
{
    color: blue;
    font-family: arial;
    font-size: 14pt;
    font-style: normal;

    maring-left: 0px;
    margin-top: 0px;
    margin-bottom: px;

    padding-top: 1px;
    padding-bottom: 1px;

}

/**********************************************************************
*
***********************************************************************/
p
{
    color:black;
    font-size:14pt;
    line-height: 20px;

    font-family: arial;
    font-style:normal;

    margin-left: 0px;
    margin-top: 10px;
    margin-bottom: 10px;

/*    display: inline; */
}

/* Link */
a
{

    color: red;
    font-size:14pt;
    font-family: arial;
    font-style:normal;

}

.svenska
{

    background-color: #FFFFFF;
}

br
{
    margin-bottom: 15px;
}

.paragraph_space
{
    margin-bottom: 15px;
}

.body-text
{

    margin-left: 0px;

}

/**********************************************************************
*
***********************************************************************/
body
{

    padding: 0px;

    margin-left: 30px;
    margin-right: 30px;
    margin-bottom: 60px;
    margin-top: 70px;

/*  border-left: 4px solid #FF0000; */
    
}

/**********************************************************************
*
***********************************************************************/
.page_row
{

/*

    border-top: 2px solid #000000;

    margin-left: 0px;
    margin-right: 0px;
*/


    margin-bottom: 0px;
    margin-top: 0px;
    margin-left: 0px;

}


.page_row_no_top_menu
{

    background-color: #00FF00;
    
/*    border-top: 2px solid #00FF00; */

/*
    border-left: 4px solid #4488FF;
*/
/*
    margin-left: 0px;
    margin-right: 0px;
*/
    margin-bottom: 60px;
    margin-top: 75px;

}


.page_row_no_menu
{

    background-color: #00FF00;

/*    
    border-top: 2px solid #000000;

    border-left: 4px solid #4488FF;
*/

/*
    margin-left: 0px;
    margin-right: 0px;
*/

    margin-bottom: 60px;
    margin-top: 0px;

}



/**********************************************************************
*
***********************************************************************/
.page_column_left
{

    float: left;
    width: 70%;
    margin-left: 0px;
    margin-bottom: 40px;
    padding-right: 1%;


/*    margin-bottom: 60px; */
}

/**********************************************************************
*
***********************************************************************/
.page_column_right
{

    float: left;
    width: 20%;
/*    margin-bottom: 40px; */
    padding-left: 15px;

    border-left: 4px solid #707070;

}


.video_frame
{


}

.video
{

    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;


}

.video_caption
{

    width: 80%;
    padding-left: 8px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 10px;
    margin-bottom: 20px;

    background-color: #BCBCBC;

}

.image_frame
{

    position: relative;
    right: 0;
    margin-left: auto ;
    margin-right: auto ;

}

.image_caption
{

     width: 80%;
/*    width: 598px; */
/*
    border-left: 2px solid #161411;
    border-right: 2px solid #161411;
*/

    padding-left: 8px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 10px;
    margin-bottom: 20px;

    background-color: #BCBCBC;

}

.image
{

    width: 80%;
/*
    border-left: 2px solid #161411;
    border-right: 2px solid #161411;
    border-bottom: 2px solid #161411;
    border-top: 2px solid #161411;
*/

}

.image:hover
{

/*
    border-left: 2px solid #161411;
    border-right: 2px solid #161411;
    border-bottom: 2px solid #161411;
    border-top: 2px solid #161411;
*/  

}

/*
  pre
*/
pre
{

    margin-left: 0px;

}

.preformatted_code
{

    font-size: 1em;
    line-height: 1em;

    margin-left: 0px;

    padding-left: 5px;
    
    font-family:courier;
    font-style:normal;

    width: 100%;

    background-color: #e0e0eb;
 
}

.typewriter
{
    font-size: 14pt;
    font-family: courier;
    display: inline;
    background-color: #99CC33;

    padding-left: 4px;
    padding-right: 4px;

    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;


}

/**********************************************************************/
.unordered_list
{

    font-size: 14pt;
    font-family: courier;
    font-style: normal;
    width: 70%;
    background-color: #b0e0e6;
    
}


/**********************************************************************
*
***********************************************************************/
.code
{
    color:black;
    background: #CCCCCC;
    font-size:10pt;
    font-family:courier;
    font-style:normal;
}

/**********************************************************************
*
***********************************************************************/
.download
{
    color: black;
    background: #99FFFF;
    font-size: 14pt;
    font-family: courier;
    font-style: normal;
}

/**********************************************************************
*
***********************************************************************/
.footer-left
{

    display: inline;
    float:left;

}

/**********************************************************************
*
***********************************************************************/
.footer-right
{
    display:inline;
    float: right;
}

/***********************************************************************
*
***********************************************************************/
.top-banner-print
{
   display: none;
}

/**********************************************************************
*
***********************************************************************/
.top-banner
{

    z-index: 100;
/*    background-color: #A9C1D9; */
    background-color: #ADD8E6;
    height: 65px;
    padding-top: 0;
    padding-bottom: 0;
/*    display: inline; */
    float: left;
    position: fixed;
    top: 0;
    width: calc(100% - 60px);
/*    border-bottom: 1px solid #161411; */

/*

    border-top: 1px solid #161411;
    background-image: url('http://www.raditex.nu/images/raditex-banner.png'); 
*/


}

.top-banner-info
{
    z-index: 500;
    height: 25px;
    line-height: 25px;
    float: right;
    font-family: arial;
    position: relative;
    vertical-align: middle;
    background-color: #CCCCFF;
    margin-right: 40px;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    border-bottom: 1px solid #4488FF;
    border-top: 1px solid #4488FF;
    border-left: 1px solid #4488FF;
    border-right: 1px solid #4488FF;

    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;

}

/**********************************************************************
*
***********************************************************************/
.top_menu
{

    z-index: 300;
    height: 30px;
    padding-top: 0;
    padding-bottom: 0;
/*    display:inline;  */
    float:left;
    position: fixed;
    top: 35;
    width: calc(100% - 60px);
    padding-top: 4px;

   background: #FFFFFF;
   opacity: 0.95;
/*
    background-color: #FF0000;
*/
/*
    background-color: #A9C1F9;
*/

/*    border-bottom: 1px solid #161411; */

/*    border-top: 1px solid #161411; */
/*

    border-left: 2px solid #161411;
    border-right: 2px solid #161411;
    border-top: 1px solid #161411;
*/


}

/**********************************************************************
*
***********************************************************************/
.menu
{

    z-index: 200;
    height: 31px;
    padding-top: 0;
    padding-bottom: 1px;
/*    display:inline; */
    float:left;
    position: fixed;
    top: 65px;
    width: calc(100% - 60px);
   background: #FFFFFF;
   opacity: 0.9;
/*    background-color: #ADD8E6; */
/*    background-color: #A9C1D2; */


    border-bottom: 4px solid #000000;
/*
    border-left: 2px solid #161411;
    border-right: 2px solid #161411;
    border-top: 1px solid #161411;
*/

}

.menu_no_top
{

    z-index: 200;
    height: 31px;
    padding-top: 0;
    padding-bottom: 1px;
/*    display:inline; */
    float:left;
    position: fixed;
    top: 36px;
    width: calc(100% - 60px);
    background: #FFFFFF;
    opacity: 0.9;
/*    background-color: #ADD8E6; */
/*    background-color: #A9C1D2; */


    border-bottom: 4px solid #000000;
/*
    border-left: 2px solid #161411;
    border-right: 2px solid #161411;
    border-top: 1px solid #161411;
*/


}


/* Round button */

.button_active
{

/*    color:transparent !important; */
    text-shadow:none !important;
/*   border:none !important; */ 
    box-shadow:none !important; 

    color: black;
   background-color: #707070;
/*
    background-color: #A9A9A9;
*/
    padding-top: 2px;
   padding-bottom: 2px;

    font-size:14pt;
    font-family: arial;
    font-style:normal;

    margin-top: 4px;
    margin-left: 4px;
    margin-right: 0px;

  border-top: 1px solid #161411;
  border-bottom: 1px solid #161411;
  border-left: 1px solid #161411;
  border-right: 1px solid #161411;


    border-top-left-radius: 10px;
    border-top-right-radius: 10px;


/*    -webkit-border-radius: 15px; */

    
}

.button_not_active
{

/*   color:transparent !important; */
   text-shadow:none !important;
/*   border:none !important;  */
   box-shadow:none !important;
   
    color: black;
/*   background-color: #DCDCDC; */
   background-color: #C0C0C0;

   padding-top: 2px;
   padding-bottom: 2px;

   font-size:14pt;
   font-family: arial;
   font-style:normal;

   margin-top: 4px;
   margin-left: 4px;
   margin-right: 0px;
   margin-bottom: 5px;


  border-top: 1px solid #161411;
  border-bottom: 2px solid #000000;
  border-left: 1px solid #161411;
  border-right: 1px solid #161411;


    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
/*    -webkit-border-radius: 15px; */

   

}

.button_active:hover
{
  background: #66CCF3;
}

.button_not_active:hover
{
/*   background-color: #6699CC; */
  background: #66CCF3;
}

.button_footer
{

/*    color:transparent !important; */
    text-shadow:none !important;
/*    border:none !important; */
    box-shadow:none !important;

/*    
      background-color: #FFFFFF;
*/
    font-size: 12pt;
    color: black;
   background: #C0C0C0;


  border-top: 1px solid #161411;
  border-bottom: 1px solid #000000;
  border-left: 1px solid #161411;
  border-right: 1px solid #161411;


    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;

}

.button_footer:hover
{

  background: #66CCF3;

}


/**********************************************************************
*
***********************************************************************/
.addvertisment
{

    float:right;
    position: fixed;
    top: 0;
    
}

/**********************************************************************
*
***********************************************************************/
.footer
{

/*    display:inline; */
    position: fixed;
    bottom: 0;
/*    clear: both; */
/*    background: #dddddd; */
    text-align: center;
    padding: 5px;
    width: calc(100% - 60px);
/*    margin-top: 60px; */
/*    margin-bottom: 60px; */
    height: 25px;
    font-size: 14px;
    font-family: Sans;
    border-top: 2px solid #161411;

    background-color: #A9C1D9;

/*    padding-top: 60px; */
/*    background:#e9ffd9 url('images/green-landscape-with-tractor-03.png') repeat 10px 100%; */
/*    background: #CCCC99; */
/*    background: #a9c1d9; */

}

/**********************************************************************
*
***********************************************************************/

/* Dropdown Button */
.dropbtn
{
    z-index: 200;
    background-color: #CCCCFF;
    /*    background-color: #4CAF50; */
    color: black;
    padding: 0;
    font-size: 16px;
    border: none;
    cursor: pointer;
    padding-top: 2px;
    padding-left: 4px;
    padding-right: 4px;
    margin-top: 4px;
    margin-left: 4px;

/*    display: inline; */

    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
/*    -webkit-border-radius: 15px; */

/*    border: 2px solid #9999FF; */

    
}

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus 
{
    z-index: 200;
/*   background-color: #CCEEFF; */
   background-color: #6699CC;
}

/* The container <div> - needed to position the dropdown content */
.dropdown 
{
    z-index: 200;
    position: relative;
/*    position: abolute; */

/*    background-color: #FF0000; */
  display: inline-block;

}

/* Dropdown Content (Hidden by Default) */
.dropdown-content 
{
    z-index: 200;
    display: none;
/*    position: absolute; */
    position: absolute;

/*    display: inline-block; */
    background-color: #DCDCDC;

    min-width: 160px; 
    box-shadow: 0 8px 16px 0px rgba(0,0,0,0.2); 
}

/* Links inside the dropdown */
.dropdown-content a 
{
    z-index: 200;
    color: black;
    padding: 4px 4px;
    text-decoration: none;
    position: relative;
    display: block;

/*    display: inline-block; */
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover 
{
    z-index: 200;
   background-color: #6699CC;
/*   background-color: #CCCCFF; */
/* background-color: #f1f1f1 */
}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show 
{
    z-index: 200;
    display: inline-block;
    display: block;
}