#start_page_content
{
    display: flex;
    margin-top:20px;
    padding: 10px 0 10px 10px;
    box-sizing: border-box;
}
#start_page_content, #start_page_content div
{
    box-sizing: border-box;
}
#start_page_main_content
{
    flex: 1 1 auto;
    padding-left: 10px;
    margin-right:10px;
}
.start_page_news
{
    flex:0 0 310px;
    /*min-width: 270px;*/ /* Must be >= than news min-width */
    margin:0 20px 0 20px;
    /*min-width: 400px;*/
    /*width:50%;*/
}

/* NEWS */
#news_page_container
{
    max-width: 500px;
    margin:auto;
}
#news_page_container .news_container
{
    border-radius: 10px 10px 0 0;
}
#news_page_container .news_header
{
    font-size: 1.3em;
    /*font-weight: bold;*/
}
#news_page_container .news_header span
{
    font-size: 0.9em;
    font-weight: normal;
}
.news_single_news_image_container
{
    /*display:flex;*/
    justify-content: center;
    padding: 5px;
}
.news_single_news_image_container img
{
    max-height: 100px; 
    max-width: 90%;
    cursor:pointer;
    margin:10px;
    display:inline-block
}
.news_single_news_content
{
    padding-left: 10px;
}
/* SERVICES */
#services_page_container
{
    user-select:none;
    display: flex;
    margin-top: 10px;
    min-height: 600px; /* so size doesn't change when replaced pages are in different size' */
    padding-right:10px;
}

#services_page_info
{
    flex:1 1 auto;
    width:50%;
}
#services_page_info a
{
    color:black;
    font-weight: normal;
}
#services_page_info a:hover
{
    text-decoration: none;
}


.services_hover:hover
{
    background-color:#e6e6e6;
}

.block_link
{
    /*display: block;*/
    cursor: pointer;
    /*display:flex;*/
    background-color:white;
    width:100%;
}
.block_link p
{
    /* Needed because if set on parent div, padding gets
       shadow (it is colored by shadow). Tried to give white background to parent
       div of parent div of p, but it didn't work'*/
    padding: 5px 10px;
}
.services_padding_div
{
    /*height: 100%;*/ /*for some reason with this width is set to 0*/
    width: 20px;
    flex:0 0 auto;
}
.white_background
{    
    background-color:white;
    z-index: 3;
}
#services_page_details
{
    flex:1 1 auto;
    padding:0;
    width:50%;
    background-color:white;
    z-index:1;
    position:relative;
    box-shadow: -1px 0px 5px 1px rgba(0,0,0,0.17);
    z-index: 1;
    /*height: 100%*/ /* For some reason, if this is set then height is shorter. */
}
.services_single_block
{
    display: flex; /* Must be flex, so shadow is hidden(without it shadow appears, don't know why')*/
}
.services_page_detail_single
{
    
}
.bottom_border
{
    border-bottom: 1px solid #e6e6e6;
}
.right_border
{
    border-right: 1px solid black;
}
.single_content
{
    /*box-shadow: -5px 0px 10px 3px rgba(0,0,0,0.17);*/
    /*z-index:1;*/
    /*height:100%;*/
    padding: 10px 20px;
}
#background
{
    width: 100%;
    height:100%;
    z-index: 1;
    position: absolute;
}
.current_item
{
    box-shadow: -1px 0px 5px 1px rgba(0,0,0,0.17);
    position:relative;
    display:flex;
}
.current_item_content
{
    z-index: 2;
    background-color: white;
    width:100%;
}
/* Products */
#products_container
{
    display:flex;
}
#products_info
{
    flex:1 1 auto;
    width:50%;
    padding:10px 10px 10px 20px;
}
#products_details
{
    flex: 1 1 auto;
    width:50%;
    display:flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding:10px 10px 10px 20px;
}
.about_page
{
    width: 500px;
    margin:auto;
    box-sizing: border-box;
    user-select:none;
    cursor:context-menu; 
}




/* MODULES */
._123cad_modules_single
{
    width:100%; 
    display:flex;
}
._123cad_modules_single img
{
    height:100px;
}
._123cad_modules_single p
{
    flex:1 1 auto;
    text-align: justify;
}
#modules_container
{
    padding:10px;
    max-width: 100%;
}
#modules_container p
{
    margin:5px;
}
.modules_container_inner
{
    display: -ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    justify-content: space-around;
    flex-wrap:wrap;
    padding-left:20px;
    padding-right:20px;
    margin-bottom:10px;
    max-width: 100%;
}
.modules_container_inner ul
{
    margin:0;
    list-style-type: circle;
}
.modules_container_inner>div
{
    width:250px;
    margin-bottom:20px;
    border-radius: 5px;
    border:1px solid #cccccc;
    padding:5px;
}
.modules_container_inner>div>div
{
    /*padding-left:20px;*/
}

/* DOWNLOADS */
#download
{
    width:500px;
    margin:auto;
    padding-top:10px;
}
#download a
{
    font-weight: normal;
}
.download_section
{
    border:1px solid #cccccc;
}
.download_table_row
{
    display:flex;
    border-bottom:1px solid #cccccc;
}
.download_table_row div
{
    flex:1 1 50%;
    border-right:1px solid #cccccc;
}
.download_table_row p
{
    margin:0;
    text-align: center;
    padding:10px 0;
}
.download_table_links
{
    display:flex;
}
.download_table_links div
{
    padding: 5px 0 0 0;
    flex:1 1 25%;
}
.download_table_links p
{
    text-align: center;
    margin:0;
    padding-top:0;
    padding-bottom: 5px;
    font-size: 0.8em;
}
.download_button , .download_button a:visited
{
    border:1px solid #cccccc;
    border-radius: 5px;
    padding:8px;
    color:white !important;
    background-color: #6fa1cc;
    margin:5px 5px 0 5px;
    display:flex;
}
.download_button:active
{
    transform: translateY(2px);
}
.download_button:hover
{    
    background-color: #0e82b8;
    cursor:pointer;
    color:white;
}
.download_button:focus
{
    outline: 0;
}
.other_downloads
{
    display:block;
    border:1px solid #cccccc;
    text-align: center;
    padding:5px;
    font-size: 1.3em;
    border-radius: 0 0 10px 10px;
    
}
.other_downloads:hover
{
    text-decoration: underline;
    background-color:rgba(111, 161, 204, 0.2);
}

/* CONTACT */
#contact_container
{
    margin:auto;
    max-width: 400px;
}

#contact_container p
{
    margin-bottom: 2px;
}
#contact_container input
{    
    width:100%;
}
#contact_container *
{
    box-sizing: border-box;
}
#contact_send_button
{
    width:auto !important; 
    color:white;
    background-color: #6fa1cc;
    padding: 10px 15px;
    border-radius: 5px;
    border:none;
    margin-top:10px;
}
#contact_send_button:hover
{
    background-color:#097db5;
    cursor:pointer;
}

/*   DOWNLOAD FILES   */
#download_files_container
{
    display:flex;
    justify-content: space-between;
}
.download_group
{
    flex: 1 1 100px;
    border:1px solid black;
    border-radius: 10px;
    overflow: hidden;
    margin:15px;
    align-self: flex-start;
}
.download_group_header
{
    height:30px;
    background-color: #0e82b8;
    font-size: 1.2em;
    display:flex;
    justify-content: center;
}
.download_group_header p
{
    align-self: center;
    margin:0;
    color:white;
}
.download_group_content 
{
    padding: 5px 10px;
}
.download_group_content p
{
    margin:3px;
    font-family: Calibri;
}


.download_group_content a
{
    font-weight: bold;
    color:#0e82b8;
}
.download_group_content a:hover
{
    text-decoration: underline;
}

#search_page_container
{
    margin:auto;
    width:400px;
}
#search_page_container div
{
    padding:10px;
    margin:5px;
}
#search_page_container a
{
    /*font-family: Calibri;*/
}
#search_page_container a:hover
{
    text-decoration: underline;
}