@font-face{
    font-family: 'Adelle Sans';
    src: url("S5Interface/Style/fonts/adelle/AdelleSans-Regular/AdelleSans-Regular.otf") format("opentype");
    }

    @font-face{
    font-family: 'Adelle Sans';
    font-weight: bold;
    src: url("S5Interface/Style/fonts/adelle/AdelleSans-Bold/AdelleSans-Bold.otf") format("opentype");
    }

    body{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-family: 'Adelle Sans';
    color: #6d6d6d;
    font-size: 12px;
    }

    form{
    margin:0px;
    padding:0px;
    }

    fieldset.s5_fieldset{
    margin: 2px;
    }

    fieldset.s5_fieldset legend{
    color: #ff5000;
    }

    h2.s5_h2{
    font-family: 'Adelle Sans', serif;
    font-size: 11pt;
    color: #ff5000;
    margin-top: 0px;
    margin-bottom: 5px;
    }

    .mainContainer {
    position: relative;
    /*

    height: 100vh;
    */
    min-height: 100vh;

    overflow:auto;
    }

    span.s5_filter{
    color: #000000;
    font-weight: bold;
    font-size:16px;
    }

    a.s5_filter{
    font-size: 13px;
    }

    a.s5_a{
    color: #ff5000;
    text-decoration: none;
    }

    a.s5_a:visited{
    color: #ff5000;
    text-decoration: none;
    }

    a.s5_a:active{
    color: #ff5000;
    text-decoration: none;
    }

    a.s5_a:hover{
    color: #ff5000;
    text-decoration: none;
    }

    a.s5_template{
    color: black;
    text-decoration: none;
    }

    a.s5_template:visited{
    color: black;
    text-decoration: none;
    }

    input.s5_input{
    vertical-align: middle;
    /*border: 1px solid #ff5000;*/
    }

    .s5_loginbox{
    width: 345px;
    height: 50px;
    border: 1px solid #E5E5E5;
    border-radius: 2px;
    margin-bottom: 10px;
    padding-left: 15px;
    font-family: 'Adelle Sans';
    font-size: 16px;
    }

    .s5_loginCheckbox{
    height: 24px;
    width: 24px;
    border: 1px solid #E5E5E5;
    border-radius: 2px;
    background-color: #FFFFFF;
    margin: 0;
    }

    .s5_middle{
    vertical-align: middle;
    color: #303030;
    margin-top: 5px;
    font-family: 'Adelle Sans', serif;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    }

    .s5_baseColor{
    background-color: #ff5000;
    }

    .s5_arrow{
    background-color: #ff5000;
    }

    .s5_arrow_logout{
    background-color: #5a74a4;
    }

    .s5_arrow_logout_cont{
    cursor: pointer;
    margin-top: 5px;
    float: left;
    }

    .s5_pointer{
    cursor: pointer;
    color:#ff5000;
    }

    .s5_tab{
    cursor: pointer;
    }

    .s5_pointer:active{
    text-decoration: none;
    }

    .s5_logout_button{
    cursor: pointer;
    padding: 4px 4px 4px 4px;
    font-weight: bold;
    font-size: 8pt;
    background-color: #5a74a4;
    color: #ffffff;
    float: left;
    margin-left: 3px;
    }

    .s5_picker{
    font-size:12pt;
    float:left;
    }

    .s5_picker_icon_selected{
    width: 17px;
    height: 17px;
    background-image: url('S5Interface/Style/icons/checkbox_checked_16.png');
    background-repeat:no-repeat;
    background-position:center center;
    line-height: 0px;
    font-size: 0px;
    }
    .s5_picker_icon{
    width: 17px;
    height: 17px;
    background-image: url('S5Interface/Style/icons/checkbox_unchecked_16.png');
    background-repeat:no-repeat;
    background-position:center center;
    line-height: 0px;
    font-size: 0px;
    }

    .s5_singlepicker_icon{
    padding-top: 10px;
    width: 9px;
    height: 8px;
    background-image: url('S5Interface/Style/icons/haettavid.png');
    background-repeat:no-repeat;
    background-position:center center;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    line-height: 0px;
    font-size: 0px;
    }

    .s5_add_button{
    cursor: pointer;
    float: left;
    color: #FFFFFF;
    font-family: 'Adelle Sans', serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 40px;
    width: 132px;
    text-align: center;
    background-color: #ff5000;
    }

    .s5_arrow_add_cont{
    cursor: pointer;
    margin-top: 1px;
    float: left;
    }

    .s5_arrow_button{
    line-height:14px;
    float: left;
    margin-left: 15px;
    }

    .s5_arrow_button a{
    text-decoration: none;
    }

    .s5_calendar{
    vertical-align: middle;
    _vertical-align: text-bottom;/**ie**/
    border-width:0px;
    margin-left: 2px;
    /*margin-right: -18px;*/
    margin-right: 0px;
    cursor: pointer;
    }

    .s5_divSection .s5_calendar {
    margin-right: -18px;
    }

    .s5_info{
    vertical-align: middle;
    _vertical-align: text-bottom;/**ie**/
    cursor: pointer;
    /**height: 15px;
    width: 15px;**/
    margin-right: -20px;
    }

    .s5_open_picker{
    vertical-align: middle;
    _vertical-align: text-bottom;/**ie**/
    border-width:0px;
    margin-left: 0px;
    margin-right: -20px;
    cursor: pointer;
    height: 18px;
    width: 18px;
    /**margin-top: 9px;*/
    }

    input.s5_button{
    font-family: 'Adelle Sans', serif;
    font-size: 12pt;
    cursor: pointer;
    background-color: #ff5000;
    font-size: 11px;
    color: white;
    }

    textarea:focus {
    border: 1px solid #303030 !important;
    outline-offset: 0px;
    outline: none;
    }

    textarea:hover{
    border: 1px solid #B5B5B5;
    }

    input[type=text]:focus {
    border: 1px solid #303030 !important;
    outline-offset: 0px;
    outline: none;
    }

    input[type=text]:hover{
    border: 1px solid #B5B5B5;
    }

    input[type=password]:focus {
    border: 1px solid #303030 !important;
    outline-offset: 0px;
    outline: none;
    }

    input[type=password]:hover{
    border: 1px solid #B5B5B5;
    }

    #S5_Links_Add input {
    margin-left: 15px
    }

    /* ekki að virka...
    select:focus{
    border: 1px solid #303030;
    }*/

    input.s5_button:hover{
    opacity: 0.85;
    }

    input.s5_button:active{
    opacity: 0.85;
    background-color: Black;
    z-index: 10;
    }



    .s5_coloredtext{
    color: #ff5000;
    }

    #s5_login_table{
    color: #6d6d6d;
    font-size: 8pt;
    }

    .s5_coloredtext_bold{
    color: #ff5000;
    font-weight: bold;
    }

    .s5_poweredby{
    color: #6d6d6d;
    margin-top: 5px;
    padding-bottom: 5px;
    float: left;
    font-size: 8pt;
    }

    .s5_window{
    background-color: white;
    }



    .s5_window_line_fadedown{
    /*width: 100%;
    height: 6px;*/
    background-image: url('S5Interface/Style/icons/window_line_fadedown.png');
    float: left;
    line-height: 0px;
    font-size: 0px;
    }

    .s5_window_line_fadeup{
    /*width: 100%;
    height: 6px;*/
    background-image: url('S5Interface/Style/icons/window_line_fadeup.png');
    float: left;
    line-height: 0px;
    font-size: 0px;
    }

    .s5_sections_expand{
    width: 17px;
    height: 17px;
    background-color: #06a7ea;
    background-image: url('S5Interface/Style/icons/sections_expand.png');
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: cover;
    }

    .s5_sections_collapse{
    width: 17px;
    height: 17px;
    background-color: #06a7ea;
    background-image: url('S5Interface/Style/icons/sections_collapse.png');
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: cover;
    }

    .s5_username{
    font-size: 8pt;
    color: #6d6d6d;
    }

    /**Logo**/
    .s5_logo_133x50{
    width: 133px;
    height: 50px;
    background-image: url('S5Interface/Style/logo/logo_133x50_gratt.png');
    background-repeat:no-repeat;
    }

    /**icons**/
    .s5_lock{
    width: 16px;
    height: 20px;
    background-image: url('S5Interface/Style/icons/lock.png');
    }

    /**Login**/
    .s5_login_errorlist{
    padding-left: 19px;
    padding-right: 18px;
    border-left: 1px solid #E5E5E5;
    height: 70px;
    font-size: 13px;
    line-height: 20px;
    }

    .s5_login_errorlist p{
    margin: 0px;
    }

    /**Fade**/
    /**Corner**/
    .s5_login_glow_corner_top_left{
    background-image: url('S5Interface/Style/icons/glow_corner_top_left.png');
    line-height: 0px;
    font-size: 0px;
    }
    .s5_login_glow_corner_top_right{
    background-image: url('S5Interface/Style/icons/glow_corner_top_right.png');
    line-height: 0px;
    font-size: 0px;
    }
    .s5_login_glow_corner_bottom_left{
    background-image: url('S5Interface/Style/icons/glow_corner_bottom_left.png');
    line-height: 0px;
    font-size: 0px;
    }
    .s5_login_glow_corner_bottom_right{
    background-image: url('S5Interface/Style/icons/glow_corner_bottom_right.png');
    line-height: 0px;
    font-size: 0px;
    }
    /**Line**/
    .s5_login_glow_line_top{
    background-image: url('S5Interface/Style/icons/glow_line_top.png');
    line-height: 0px;
    font-size: 0px;
    }
    .s5_login_glow_line_bottom{
    background-image: url('S5Interface/Style/icons/glow_line_bottom.png');
    line-height: 0px;
    font-size: 0px;
    }
    .s5_login_glow_line_left{
    background-image: url('S5Interface/Style/icons/glow_line_left.png');
    line-height: 0px;
    font-size: 0px;
    }
    .s5_login_glow_line_right{
    background-image: url('S5Interface/Style/icons/glow_line_right.png');
    line-height: 0px;
    font-size: 0px;
    }
    /**Fade**/
    .s5_login_glow_fade_top_to_right{
    background-image: url('S5Interface/Style/icons/glow_fade_top_to_right.png');
    line-height: 0px;
    font-size: 0px;
    }
    .s5_login_glow_fade_top_to_left{
    background-image: url('S5Interface/Style/icons/glow_fade_top_to_left.png');
    line-height: 0px;
    font-size: 0px;
    }
    .s5_login_glow_fade_left_to_top{
    background-image: url('S5Interface/Style/icons/glow_fade_left_to_top.png');
    line-height: 0px;
    font-size: 0px;
    }
    .s5_login_glow_fade_right_to_top{
    background-image: url('S5Interface/Style/icons/glow_fade_right_to_top.png');
    line-height: 0px;
    font-size: 0px;
    }
    .s5_login_glow_fade_bottom_to_right{
    background-image: url('S5Interface/Style/icons/glow_fade_bottom_to_right.png');
    line-height: 0px;
    font-size: 0px;
    }
    .s5_login_glow_fade_bottom_to_left{
    background-image: url('S5Interface/Style/icons/glow_fade_bottom_to_left.png');
    line-height: 0px;
    font-size: 0px;
    }
    .s5_login_glow_fade_left_to_bottom{
    background-image: url('S5Interface/Style/icons/glow_fade_left_to_bottom.png');
    line-height: 0px;
    font-size: 0px;
    }
    .s5_login_glow_fade_right_to_bottom{
    background-image: url('S5Interface/Style/icons/glow_fade_right_to_bottom.png');
    line-height: 0px;
    font-size: 0px;
    }

    .s5_card_labelWidth{
    width: 120px;
    }

    .s5_card_fieldsWidth{
    width: 330px;
    }

    #s5_card_photo{
    border-width: 0px;
    }

    .s5_cardTab_selected
    {
    color: #303030;
    height: 22px;
    line-height: 30px;
    font-size: 13px;
    font-weight: bold;
    float: left;
    border-bottom: 3px solid #ff5000;
    margin-right: 15px;
    }

    .s5_cardTab_selected a{
    color: #303030;
    text-decoration: none;
    font-weight: bold;
    font-size: 15px;
    }

    .s5_cardTab_selected a:visited{
    color: #303030;
    text-decoration: none;
    font-weight: bold;
    }

    .s5_cardTab_selected a:active{
    color: #303030;
    text-decoration: none;
    font-weight: bold;
    }

    .s5_cardTab
    {
    color: #303030;
    height: 22px;
    line-height: 30px;
    font-size: 13px;
    font-weight: bold;
    float: left;
    margin-right: 15px;

    }

    .s5_cardTab a{
    color: #303030;
    text-decoration: none;
    font-weight: bold;
    font-size: 15px;
    }

    .s5_cardTab a:visited{
    color: #303030;
    text-decoration: none;
    font-weight: bold;
    }

    .s5_cardTab a:active{
    color: #303030;
    text-decoration: none;
    font-weight: bold;
    }

    .TooltipDiv{
    display:block;
    position:absolute;

    margin:10px;
    border:1px solid #88979E;
    background-color:#FFF3A5;/*;#D8E0D2; */
    color:#000;
    text-align: left;
    margin-right: 5px;
    z-index:20000;
    }

    .PickerDiv{
    display:block;
    position:absolute;
    margin:10px;
    border:1px solid #E5E5E5;
    background-color:#e8e8e8;
    color:#000;
    text-align: left;
    margin-right: 5px;
    /*height: 731px;*/
    overflow: auto;
    z-index: 100;
    }

    .ColumnDropDownDiv{
    display:block;
    position:absolute;
    background-color: #ffffff;
    color: #000000;
    text-align: left;
    margin-top: 7px;
    z-index:20000;
    line-height:1.5em;
    border: 1px solid #000000;
    }

    .ColumnDropDownDiv a{
    color: #000000;
    text-decoration: none;
    }

    .ColumnDropDownDiv a:visited{
    color: #000000;
    text-decoration: none;
    }

    .ColumnDropDownDiv a:active{
    color: #000000;
    text-decoration: none;
    }

    .ColumnDropDownText
    {
    margin-left: 2px;
    background-color: #ffffff;
    }

    .ColumnDropDownUnderline
    {
    border-bottom: 1px solid #8e8e8e;
    }

    .ColumnDropDownImage
    {
    border-right: 1px solid #8e8e8e;
    background-color: #eeeeee;
    }

    .ColumnButton{
    font-weight: 700;;
    cursor: pointer;
    float: right;
    }

    .PersonInfo{
    display:block;
    position:absolute;
    margin:10px;
    border:1px solid #88979E;
    background-color:#e8e8e8;
    color:#000;
    text-align: left;
    margin-right: 5px;
    z-index:20000;
    width: 300px;
    }

    input.TextBoxHistoryAddHistory
    {
    font-family: 'Adelle Sans', serif;
    background-color:#ffffff;
    color:#000000;
    width:500px;
    }
    #S5_History_AddText{
    height: 30px;
    }
    input.TextBoxDate
    {
    font-family: 'Adelle Sans', serif;
    background-color:#ffffff;
    color:#000000;
    width:180px;
    height: 30px;
    }
    input.TextBoxDateTime
    {
    font-family: 'Adelle Sans', serif;
    background-color:#ffffff;
    color:#000000;
    width:83px;
    }
    img
    {
    border-width:0px;
    }

    .LabelCommon
    {
    font-family: 'Adelle Sans', serif;
    font-size:13px;
    color:#303030;
    font-weight: bold;
    border-width:0px;
    }
    .LabelCommonPrint
    {
    font-family: 'Adelle Sans', serif;
    font-size:13px;
    color:#303030;
    font-weight: bold;
    border-width:0px;
    }
    .LabelCommonCard
    {
    font-family: 'Adelle Sans', serif;
    font-size:13px;
    color:#303030;
    border-width:0px;
    }
    .LabelCommonCardPrint
    {
    font-family: 'Adelle Sans', serif;
    font-size:13px;
    color:#303030;
    font-weight: bold;
    border-width:0px;
    }
    .LabelCommonBold
    {
    font-family: 'Adelle Sans', serif;
    font-size:13px;
    color:#303030;
    border-width:0px;
    font-weight: bold;
    width:110px;
    }
    .LabelCommonBoldPrint
    {
    font-family: 'Adelle Sans', serif;
    font-size:13px;
    color: black;
    border-width:0px;
    font-weight: 700;;
    width:110px;
    }

    select
    {
    font-family: 'Adelle Sans', serif;
    font-size: 16px;
    height: 42px;
    width: 325px;
    padding-left: 10px;
    padding-top: 2px;
    color: #000000;
    border: 1px solid #E5E5E5;
    border-radius: 2px;
    background-color: #FFFFFF;
    -webkit-appearance: none;
    background: url(S5Interface/Style/icons/NewIcons/arrow.png) no-repeat right;
    background-position-x: 95%;
    padding-right: 30px;
    }

    select:focus {
    border: 1px solid #303030 !important;
    outline-offset: 0px;
    outline: none;
    }

    select:hover {
    border: 1px solid #B5B5B5;
    }

    input{
    font-family: 'Adelle Sans', serif;
    font-size: 16px;
    height: 37px;
    width: 325px;
    padding-left: 10px;
    padding-top: 2px;
    color: #000000;
    border: 1px solid #E5E5E5;
    border-radius: 2px;
    background-color: #FFFFFF;
    }

    PageContainer{
    position: relative;
    min-height: 100vh;
    }

    select.DropDownListSpecifiedSearch
    {
    font-family: 'Adelle Sans', serif;
    width:100px;
    font-weight: 400;
    color:#000000;
    border-width:0px;
    border-style:Solid;
    border-color:#808080;
    background-color:#ffffff;
    }
    select.DropDownListSearch
    {
    font-family: 'Adelle Sans', serif;
    width:50px;
    font-weight: 400;
    color:#000000;
    border-width:0px;
    border-style:Solid;
    border-color:#808080;
    background-color:#ffffff;
    }
    select.DropDownListCard/*DropDownListCardFixed*/
    {
    font-family: 'Adelle Sans', serif;
    font-size: 16px;
    width: 302px;
    padding-left: 10px;
    color: #000000;
    border: 1px solid #E5E5E5;
    border-radius: 2px;
    background-color: #FFFFFF;
    -webkit-appearance: none;
    background: url(S5Interface/Style/icons/NewIcons/arrow.png) no-repeat right;
    background-position-x: 275px;
    padding-right: 30px;
    }
    select.RequiredDropDownListCard
    {
    font-family: 'Adelle Sans', serif;
    font-size: 16px;
    width: 302px;
    color: #000000;
    border: 1px solid #E5E5E5;
    border-radius: 2px;
    -webkit-appearance: none;
    background: url(S5Interface/Style/icons/NewIcons/arrow.png) no-repeat right #f9f393;
    background-position-x: 275px;
    }
    select.RequiredWarningDropDownListCard
    {
    font-family: 'Adelle Sans', serif;
    width:304px;
    font-weight: 400;
    color:#000000;
    border-width:1px;
    border-style:Solid;
    border-color:#808080;
    background-color: #f49ca0;
    }
    select.DropDownListCard[readonly]
    {
    font-weight: 400;
    color: #000000;
    background-color: #ffffef;
    }
    select.DropDownListCommonNoWidth
    {
    font-family: 'Adelle Sans', serif;
    font-weight: 400;
    width: 200px;
    height: 35px;
    }
    select.ListBoxCard
    {
    width:304px;
    }
    select.ListBoxCardTextBox
    {
    height:30px;
    width:304px;
    }
    select.DropDownListCommon
    {
    font-family: 'Adelle Sans', serif;
    width:200px;
    font-weight: 400;
    color:#000000;
    border-width:1px;
    border-style:Solid;
    border-color:#808080;
    background-color:#ffffff;
    }
    textarea.TextBoxCardLive
    {
    height:141px;
    /*height: 38px;*/
    width: 50%;
    /*
    width: 100%;
    */
    font-family: 'Adelle Sans', serif;
    font-size: 16px;
    color: #000000;
    border: 1px solid #E5E5E5;
    border-radius: 2px;
    background-color: #FFFFFF;
    
	/*padding: 0px;
    padding-top: 2px*/
    }
    textarea.RequiredTextBoxCardLive
    {
    font-family: 'Adelle Sans', serif;
    height:141px;
    width:50%;
    font-weight: 400;
    color:#000000;
    border-width:1px;
    border-style:Solid;
    border-color:#808080;
    background-color: #f9f393;
    }
    textarea.RequiredWarningTextBoxCardLive
    {
    font-family: 'Adelle Sans', serif;
    height:141px;
    width:50%;
    font-weight: 400;
    color:#000000;
    border-width:1px;
    border-style:Solid;
    border-color:#808080;
    background-color: #f49ca0;
    }
    textarea.TextBoxCardLive[readonly]
    {
    font-family: 'Adelle Sans', serif;
    height:141px;
    width: 50%;
    font-weight: 400;
    color:#000000;
    border-width:1px;
    border-style:Solid;
    border-color:#808080;
    background-color: #ffffef;
    }
    textarea.TextBoxCardLiveEdit
    {
    font-family: 'Adelle Sans', serif;
    height:141px;
    width:98%;
    font-weight: 400;
    color:#000000;
    border-width:1px;
    border-style:Solid;
    border-color:#808080;
    background-color:#ffffff;
    }
    textarea.RequiredTextBoxCardLiveEdit
    {
    font-family: 'Adelle Sans', serif;
    height:141px;
    width:98%;
    font-weight: 400;
    color:#000000;
    border-width:1px;
    border-style:Solid;
    border-color:#808080;
    background-color: #f9f393;
    }
    textarea.RequiredWarningTextBoxCardLiveEdit
    {
    font-family: 'Adelle Sans', serif;
    height:141px;
    width:98%;
    font-weight: 400;
    color:#000000;
    border-width:1px;
    border-style:Solid;
    border-color:#808080;
    background-color: #f49ca0;
    }
    textarea.TextBoxCardLiveEdit[readonly]
    {
    font-family: 'Adelle Sans', serif;
    height:141px;
    width:98%;
    font-weight: 400;
    color:#000000;
    border-width:1px;
    border-style:Solid;
    border-color:#808080;
    background-color: #ffffef;
    }
    textarea.TextBoxEmailHead
    {
    width:600px;
    height:100px;
    font-weight: 400;
    color:#000000;
    border-width:1px;
    border-style:Solid;
    border-color:#808080;
    background-color:#ffffff;
    }
    textarea.TextBoxEmailText
    {
    width:600px;
    height:200px;
    font-weight: 400;
    color:#000000;
    border-width:1px;
    border-style:Solid;
    border-color:#808080;
    background-color:#ffffff;
    }

    textarea.TextBoxBig
    {
    font-family: 'Adelle Sans', serif;
    height:200px;
    width:430px;
    font-weight: 400;
    color:#000000;
    border-width:1px;
    border-style:Solid;
    border-color:#808080;
    background-color:#ffffff;
    }
    input.TextBoxEmailSubject
    {
    font-family: 'Adelle Sans', serif;
    width:200px;
    font-weight: 400;
    color:#000000;
    border-width:1px;
    border-style:Solid;
    border-color:#808080;
    background-color:#ffffff;
    }
    input.TextBoxFilters
    {
    font-family: 'Adelle Sans', serif;
    padding-left: 10px;
    width:180px;
    height: 30px;
    font-weight: 400;
    color: #000000;
    border: 1px solid #E5E5E5;
    border-radius: 2px;
    background-color: #FFFFFF;
    }
    input.TextBoxSmall
    {
    width:100px;
    font-weight: 400;
    color:#000000;
    border-width:1px;
    border-style:Solid;
    border-color:#808080;
    background-color:#ffffff;
    }
    input.TextBoxCard
    {
    font-family: 'Adelle Sans', serif;
    font-size: 16px;
    width: 290px;
    padding-left: 10px;
    color: #000000;
    border: 1px solid #E5E5E5;
    border-radius: 2px;
    background-color: #FFFFFF;
    }
    input.RequiredTextBoxCard
    {
    font-family: 'Adelle Sans', serif;
    width:290px;

    padding-left: 10px;
    font-weight: 400;
    color:#000000;
    border: 1px solid #E5E5E5;
    background-color: #f9f393;
    }
    input.RequiredWarningTextBoxCard
    {
    font-family: 'Adelle Sans', serif;
    width:300px;
    font-weight: 400;
    color:#000000;
    border-width:1px;
    border-style:Solid;
    border-color:#808080;
    background-color: #f49ca0;
    }
    input.TextBoxCard[readonly]
    {
    font-weight: 400;
    color: #000000;
    background-color: #ffffef;
    background-image: url(S5Interface/Style/icons/Lock-S5.png);
    background-position: 270px 9px;
    background-repeat: no-repeat;
    padding-right: 40px;
    width: 250px;
    }

    input[type='checkbox']{
    width: 24px;
    height: 24px;
    }

    input.time
    {
    width: 290px;
    }

    .RequiredTimeBoxCard
    {
    background-color: #f9f393;
    }
    .RequiredWarningTimeBoxCard
    {
    background-color: #f49ca0;
    }
    .RequiredCheckBoxCard
    {
    background-color: #f9f393;
    }
    .RequiredWarningCheckBoxCard
    {
    background-color: #f49ca0;
    }
    .CheckBoxCard
    {
    background-color:#ffffff;
    }

    .RequiredRadioBoxCard
    {
    background-color: #f9f393;
    }
    .RequiredWarningRadioBoxCard
    {
    background-color: #f49ca0;
    }
    .RadioBoxCard
    {
    background-color:#ffffff;
    }

    .s5_largerField.s5_Radio .s5_span_input table {
    /*width: 300px;*/
    }

    .s5_largerField.s5_Radio .row {
    width: 100%;
    }

    .RequiredPicksDivCard
    {
    background-color: #f9f393;
    border:1px solid #666;
    width:302px;
    height:110px;
    overflow:auto;
    float:left;
    }
    .RequiredWarningPicksDivCard
    {
    background-color: #f49ca0;
    border:1px solid #666;
    width:302px;
    height:110px;
    overflow:auto;
    float:left;
    }

    .TextboxDivCard
    {
    margin-right:26px;
    }

    input.TextBoxConfig
    {
    width:196px;
    color:#000000;
    border-color:#808080;
    border-width:1px;
    border-style:Solid;
    font-weight: 400;
    font-size:12px;
    }
    input.TextBoxSearch
    {
    width:100px;
    color:#000000;
    border-color:#808080;
    border-width:1px;
    border-style:Solid;
    font-weight: 400;
    font-size: 12px;
    }

    .TableHeaderLink
    {
    color: #ffffff;
    }
    .TableHeaderLink:visited
    {
    color: #ffffff;
    }
    .TableHeaderLink:active
    {
    color: #ffffff;
    }
    .LabelCommonNoWidth
    {
    display:inline-block;
    color:#000000;
    border-width:0px;
    margin-right:4px;
    }
    .LabelCommonNoWidthBold
    {
    font-family: 'Adelle Sans', serif;
    display:inline-block;
    color:#000000;
    border-width:0px;
    font-weight: 700;;
    font-size: 14px;
    }
    .LabelBreadCrumps
    {
    color:#000000;
    font-size:13px;
    font-weight: 700;;
    }
    .LabelCommonDisabeled
    {
    color:#808080;
    font-weight: 400;
    }

    .LabelTableBottom
    {
    font-family: 'Adelle Sans', serif;
    font-size: 13px;
    color:#000000;
    font-weight: 400;
    }

    .LabelRequiredValidator
    {
    color:#ff0000;
    width:10px;
    }

    .seperator1
    {
    text-decoration: none;
    color: #ffffff;
    padding: 4px 7px 2px 7px;
    }
    .seperatorLinkFilter
    {
    text-decoration: none;
    color: #FFF;/*#6d6d6d;*/
    padding: 4px 7px 2px 7px;
    }
    .commonButton
    {
    cursor: pointer;
    color: #303030;
    font-family: 'Adelle Sans', serif;
    font-size: 13px;
    font-weight: bold;
    height: 35px;
    width: auto;
    border-radius: 2px;
    border: 1px solid #E5E5E5;
    background-color: #F1F1F1;
    padding: 1px 6px;
    }

    .s5_divField .commonButton {
    background-color: #ff5000;
    color: #FFF;
    }

    .s5_divField .commonButton:hover {
    opacity: 0.85;
    }

    .s5_divField2Columns .commonButton {
    background-color: #ff5000;
    color: #FFF;
    }

    .s5_divField2Columns .commonButton:hover {
    opacity: 0.85;
    }

    .PanelDefaultButton .commonButton{
    /*height: 48px;*/
    }

    .commonButton:hover{
    background-color: #ff5000;
    color: #FFF;
    }

    #upperButtons{
    margin-top: 10px;
    margin-bottom: 10px;
    float: right;
    }
    #deleteButton{
    float: left;
    margin-right: 10px;
    }
    #copyButton{
    float: left;
    margin-right: 10px;
    }
    #previewButton{
    float: left;
    margin-right: 0px;
    }
    .commonLongButton
    {
    font-size:9pt;
    }
    .linkButton
    {
    color:#000000;
    width:auto;
    margin-left:0;
    margin-right:0;
    font-weight: 700;;
    background-color: Transparent;
    border:0px solid;
    text-decoration:underline;
    }
    .linkLabel
    {
    color:#0000ff;
    width: auto;
    font-weight: 700;;
    background-color: Transparent;
    border:0px solid;
    }
    .CommonTabLine
    {
    position: inherit;
    }
    .CommonCellLabel
    {
    width:100px;
    text-align:right;
    }
    .CommonCellDropDownBox
    {
    width:200px;
    }
    .CommonCellButton
    {
    padding-right: 10px;
    }
    .CommonBullet
    {
    margin-left: 15px;
    padding-right: 0%;
    padding-left: 15%;
    color: #000000;
    text-decoration: none;
    }

    a:active
    {
    color: #800080;
    text-decoration:underline;
    }
    a:link.CommonLink
    {

    font-family: 'Adelle Sans', serif;
    font-size: 13px;
    color: #0000ff;
    text-decoration:underline;
    }
    a:visited.CommonLink
    {
    font-family: 'Adelle Sans', serif;
    font-size: 13px;
    color: #0000ff;
    text-decoration:underline;
    }
    a:hover.CommonLink
    {
    font-family: 'Adelle Sans', serif;
    font-size: 13px;
    color: #800080;
    text-decoration:underline;
    }
    a:active.CommonLink
    {
    font-family: 'Adelle Sans', serif;
    font-size: 13px;
    color: #0000ff;
    text-decoration:underline;
    }
    a:link.CommonLinkBlack
    {
    color: #000000;
    text-decoration:underline;
    }
    a:visited.CommonLinkBlack
    {
    color: #000000;
    text-decoration:underline;
    }
    a:hover.CommonLinkBlack
    {
    color: #000000;
    text-decoration:underline;
    }
    a:active.CommonLinkBlack
    {
    color: #000000;
    text-decoration:underline;
    }
    a:link.CommonLinkImage
    {
    text-decoration:none;
    }
    a:visited.CommonLinkImage
    {
    text-decoration:none;
    }
    a:hover.CommonLinkImage
    {
    text-decoration:none;
    }
    a:active.CommonLinkImage
    {
    text-decoration:none;
    }

    TABLE
    {
    color: #000000;
    border-collapse: separate;
    border-color: white;
    }
    TABLE a{
    color: blue;
    }
    TABLE a:visited{
    color: blue;
    }
    TABLE a:active{
    color: blue;
    }
    TABLE.tablepadding TD{
    height: 24px;
    padding: 2px 4px;
    border-bottom-width: 1px;
    border-bottom-color: #EFEFEF;
    border-bottom-style: solid;
    width:10%;
    }
    TABLE.tablepadding TH{
    padding-left: 4px;
    padding-right: 4px;
    }
    TABLE.tablePicker
    {
    border-color: #808080;
    border-style: solid;
    border-width: 1px;
    }
    TR.tableRowHeader
    {
    font-family: 'Adelle Sans', serif;
    font-size:12px;
    background-color: #8e8e8e;
    font-weight: 700;;
    color: #ffffff;
    text-align:left;
    }

    TR.tableRowHeader TH
    {
    height: 22px;
    padding: 10px 8px;
    border-bottom-width: 1px;
    border-bottom-color: #EFEFEF;
    border-bottom-style: solid;
    }

    TH.tableColumnHeader
    {
    background-color:#ff5000;
    color: #ffffff;
    font-weight: 700;;
    text-align:left;
    padding-left: 20px;
    padding-right: 1px;
    }
    TH.tableRowSection
    {
    white-space: nowrap;
    padding-left:5px;
    width:100%;
    text-align:left
    }
    TH.tableColumnSectionLeft
    {
    padding-left:10px;
    }
    TH.tableColumnSectionRight
    {
    padding-right:10px;
    }
    TR.tableRowOdd
    {
    background-color: #f8f8ff;
    font-weight: 400;
    padding-left: 3px;
    padding-right: 3px;
    border: solid 2px #ffffff;

    }
    TR.tableRowEven
    {

    font-family: 'Adelle Sans', serif;
    font-size:13px;
    background-color: #f8f8ff;
    font-weight: normal;
    border: solid 2px #ffffff;
    padding-left: 3px;
    padding-right: 3px;
    color: #303030;
    }
    TR.tableRowError
    {
    font-family: 'Adelle Sans', serif;
    font-size: 12px;
    background-color: #f49ca0;
    font-weight: 400;
    border: solid 2px #ffffff;
    padding-left: 3px;
    padding-right: 3px;
    }
    TD.tableRowOddLookup
    {
    background-color: #ffffff;
    font-weight: 400;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 1px;
    padding-bottom: 1px;
    white-space:nowrap;
    }
    TD.tableRowEvenLookup
    {
    vertical-align:top;
    background-color: #ffffff;
    font-weight: 400;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 1px;
    padding-bottom: 1px;
    }

    TR.tableRowPicker
    {
    background-color: #ffffff;
    font-weight: 400;
    color: #000000;
    padding-left: 20px;
    padding-right: 10px;
    }

    TR.tableRowPicker_selected
    {
    background-color: #f9f393;
    font-weight: 700;
    color: #000000;
    padding-left: 20px;
    padding-right: 10px;
    }

    TR.tableLookupOdd
    {
    }
    TR.tableLookupEven
    {
    }
    TD.tableColumnDeleteFromPicker
    {
    background-color: #ffffff;
    background-image: url(Images/Icons/IconDeleteRow.gif);
    background-repeat:no-repeat;

    }
    TD.tableColumnOpenPicker
    {
    background-color: #ffffff;
    }

    TD.tableColumnResultPicker
    {
    color: #000000;
    }
    TD.tableColumnOddContentWidth
    {
    padding-left: 1px;
    padding-right: 2px;
    width:1px;
    }
    TD.tableColumnEvenContentWidth
    {
    padding-left: 1px;
    padding-right: 2px;
    width:1px;
    }
    TD.tableColumnOdd
    {
    padding-left: 1px;
    padding-right: 2px;
    }
    TD.tableColumnEven
    {
    padding-left: 1px;
    padding-right: 2px;
    }
    TR.tableRowFooter
    {
    background-color: #06396d;
    color: Silver;
    }
    a:link.CountLink
    {
    color: #ff5000;
    text-decoration:none;
    }
    a:visited.CountLink
    {
    color: #ff5000;
    text-decoration:none;
    }
    a:hover.CountLink
    {
    color: #ff5000;
    text-decoration:none;
    }
    a:active.CountLink
    {
    color: #ff5000;
    text-decoration:none;
    }

    a:link.ViewFooterLink
    {
    font-family: 'Adelle Sans', serif;
    font-size :14px;
    color: #ff5000;
    text-decoration: none;
    }
    a:visited.ViewFooterLink
    {
    font-family: 'Adelle Sans', serif;
    font-size :14px;
    color: #ff5000;
    text-decoration:none;
    }
    a:hover.ViewFooterLink
    {
    font-family: 'Adelle Sans', serif;
    font-size :16px;
    color: #ff5000;
    text-decoration:none;
    }
    a:active.ViewFooterLink
    {
    font-family: 'Adelle Sans', serif;
    font-size :14px;
    color: #ff5000;
    text-decoration:none;
    }
    .ViewAction
    {
    color:white;
    }
    a:link.TableLink
    {
    color: #0000ff;
    text-decoration:underline;
    }
    a:visited.TableLink
    {
    color: #0000ff;
    text-decoration:underline;
    }
    a:hover.TableLink
    {
    color: #800080;
    text-decoration:underline;
    }
    a:active.TableLink
    {
    color: #800080;
    text-decoration:underline;
    }
    .TabDisabled
    {
    white-space: nowrap;
    }
    .TabLeftRight
    {
    vertical-align:bottom;
    border-bottom-color: #000000;
    border-bottom-width:1px;
    }
    .TabEnabled
    {
    white-space: nowrap;
    }
    .TabBottomDisabled
    {
    white-space: nowrap;
    }
    .PanelDefaultButton
    {
    padding: 4px 0px 0px 15px;
    }

    /********************************************************************/
    /*Content síður*/
    #s5_content
    {
    border: 0px solid black;
    margin-top: 0px;
    /*padding-bottom: 86px;*/
    margin-left: 15px;
    }

    #SectionsDiv{
    padding-bottom: 86px;
    }

    .tableContent #s5_centercontent
    {
    background:#fff;
    margin-left: 0px;
    margin-right:0px;
    border:0px solid #000;
    voice-family: "\"}\"";
    voice-family: inherit;
    margin-left: 0px;
    margin-right:0px;
    /*margin-top: -40px;
    */
    }




    #banner
    {
    color:#000000;
    width: auto;
    clear: both;
    font-size: 11pt;
    font-weight: bold;
    }


    /********************************************************************/
    #clear
    {
    clear:inherit;
    }

    .smallNotice
    {
    width: 25px;
    }


    /**header**/
    #Header-Nav {
    font-size: 13px;
    margin-bottom: -25px;
    font-size: 16px;
    }

    #Header-Nav ul.nav-content
    {
    font-family: 'Adelle Sans', serif;
    font-weight: 500;
    background: #ededed;
    /*background: #ff5000;
    background-color: #ff5000;*/
    /*background-image: url('S5Interface/Style/icons/menu_gradient.png');*/
    width: 100%;
    /*padding-left: 19px;*/
    overflow: hidden;
    white-space:nowrap;
    }

    #Header-Nav ul.nav-content li ul li{
    padding: 8px 10px 5px 10px;
    /*margin-right: 15px;*/
    height: 20px;
    }

    #Header-Nav ul.nav-content li
    {

    }

    #Header-Nav ul.nav-tabs
    {
    float:left;
    background-color: #EDEDED;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    /*
    height: 30px;
    */
    }

    #Header-Nav ul.nav-tabs .node1
    {
    padding-left: 15px;
    padding-right: 10px;
    }

    #Header-Nav .tabs-container
    {
    float: left;
    border: 0;
    margin: 0;
    padding-bottom: 0;
    overflow: hidden;
    width: 100%;
    border-bottom: 1px solid #ff5000;
    }

    #MenuMiddle
    {
    clear: both;
    position: relative;
    background-color:#ff5000;
    width: 100%;
    height: auto;/*30px; 25px; */
    margin-bottom: 20px;
    font-size: 15px;
    }

    #Container
    {
    width: 100%;
    height: 100%;
    background-color:#ffffff;
    min-width: 900px;
    }

    #MainContent
    {
    width: 100%;
    }

    /* Header Top List Begins */
    .Header
    {
    width: 100%;
    padding: 18px 0px 0px 0px;
    margin: 0px;
    overflow: hidden;
    clear: both;
    border-width: medium;
    z-index: 100;
    background-color: #FFF;
    position: fixed;
    }



    #Header-TopList
    {
    padding: 0px;
    border: 0px;
    margin: 3px 0px 0px 0px;
    float: right;
    }

    #Header-TopList a{
    text-decoration: none;
    }

    #Header-TopList UL
    {
    margin: 0px;
    padding: 0px;
    list-style-type:none;
    }

    #Header-TopList li
    {
    margin: 0px 4px 0px 5px;
    list-style-type: none;
    float: left;
    padding: 0px;
    }

    .NewRequest
    {
    font-family: 'Adelle Sans', serif;
    font-size: 14px;
    height: 24px;
    color: #303030;
    border: 1px solid #E5E5E5;
    }

    .Header-TopList-Text
    {
    font-family: 'Adelle Sans', serif;
    font-size: 10pt;
    color: #2E3E58;
    padding: 3px 2px 0px 0px;
    margin: 0px 2px 0px 0px;
    }


    /* Header Top Ends */

    /* Header Logos Begins */
    #Header-Logos-Client
    {
    padding: 10px 15px;
    margin: 0px 0px 0px 0px;
    font-size:18px;
    font-family: 'Adelle Sans', serif;
    font-weight: 700;;
    font-style:oblique;
    color:#ff5000;
    float: left;
    }

    #Header-Nav
    {
    position: relative;
    border: solid 3px red;
    left: 0px;
    top: -2px;
    font-size: 16px;;
    line-height: 11px;
    border: 0px;
    width: 100%;
    overflow: hidden;
    clear: both;
    padding-top:86px;
    }

    #Header-Nav .selectedNode
    {
    overflow: hidden;
    color:#ff5000;
    /*color: white;*/
    font-weight: bold;
    }

    #Header-Nav h1
    {
    float: left;
    width: 160px;
    margin: 0;
    font-weight: bold;
    text-align: center;
    color: #ffffff;
    height: 38px;
    padding:0;
    line-height: 32px;
    }

    #Header-Nav ul
    {
    padding: 0;
    margin: 0;
    border: 0;
    overflow: hidden;
    list-style: none;
    line-height: 14px;
    }

    #Header-Nav ul li
    {
    float: left;
    margin: 0;
    padding: 0;
    line-height: 20px;
    }

    #Header-Nav ul.nav-tabs li
    {
    margin:0;
    padding:0;
    width: 100%;
    }

    #Header-Nav ul.nav-tabs li ul
    {
    margin: 0px 0px 0px 0px;
    padding:0;
    border: 0;
    width: 100%;
    float: left;
    background-color: #EDEDED;
    }

    #Header-Nav ul.nav-tabs li ul li
    {
    padding-top: 8px;
    padding-left: 10px;
    padding-right: 10px;
    color: #000000;
    font-weight: 500;
    height: 22px;
    float:left;
    width:auto;
    }

    #Header-Nav ul.nav-tabs li ul li:first-child{
    padding-left: 19px;
    }

    #Header-Nav ul.nav-content li ul li:first-child {
    padding-left: 19px;
    }

    #Header-Nav ul.nav-tabs li.seperator1
    {
    padding-left: 0px;
    padding-right: 0px;
    font-weight: normal;
    width: 1px;
    font-size: 0px;
    line-height: 0px;
    display: none;
    }

    #Header-Nav ul.nav-tabs li.seperator2
    {
    padding-left: 0px;
    padding-right: 0px;
    font-weight: normal;
    width: 1px;
    font-size: 0px;
    line-height: 0px;
    display: none;
    }

    #Header-Nav ul.nav-tabs li .selectedNode
    {
    border-bottom: 3px solid #ff5000;
    /*color: #404040;
    background: #ff5000;
    background-image: url('S5Interface/Style/icons/menu_gradient.png');*/
    height: 19px;
    }

    #Header-Nav ul.nav-tabs li .selectedNode:hover
    {
    /*background-color: #ff5000;*/
    }

    #Header-Nav ul.nav-tabs a
    {
    text-decoration: none;
    color: #303030;/*#ffffff;*/
    z-index: 100;
    }

    #Header-Nav ul.nav-tabs .selectedNode a
    {
    text-decoration: none;
    /*color: #404040;
    background-color: #ff5000;*/
    color: #ff5000;
    font-weight: bold;
    }

    #Header-Nav ul.nav-content li a
    {
    text-decoration: none;
    color: #303030;
    /*color: #616161;*/
    }
    #Header-Nav ul.nav-content .seperator1
    {
    text-decoration: none;
    display: none;
    color: #F1F1F1;
    padding: 4px 7px 2px 7px;
    }

    #Header-Nav ul.nav-content .seperator2
    {
    display: none;
    }

    ul.nav-content .selectedNode
    {
    border-bottom: 3px solid #ff5000;
    padding-bottom: 2px !important;
    }

    #Header-Nav ul.nav-content .selectedNode a
    {
    color: #ff5000;

    }

    #Header-Nav ul.nav-content-lower
    {
    float: left;
    height: auto;
    line-height: 22px;
    font-family: 'Adelle Sans', serif;
    /*font-weight: bold;
    padding-left: 20px;*/
    margin-bottom: 20px;
    overflow: hidden;
    font-size: 15px;
    }

    #Header-Nav ul.nav-content-lower li
    {
    /*margin-right: 15px;*/
    padding: 5px 10px 5px 10px;
    }

    #Header-Nav ul.nav-content-lower li a
    {
    text-decoration: none;
    color: #303030;
    }

    #MenuBottom ul.nav-content-lower li ul li:hover
    {
    border-bottom: 3px solid #ff5000;
    }

    #Header-Nav ul.nav-content-lower .selectedNode a
    {
    color: #ff5000;
    }
    #MenuBottom .selectedNode {
    border-bottom: 3px solid #ff5000;
    }

    #Header-Nav ul.nav-content-lower .seperator1
    {
    text-decoration: none;
    color: #6d6d6d;
    padding: 2px 7px 2px 7px;
    }

    #Header-Nav ul.nav-content-lower .seperator2
    {
    display: none;
    }

    #Header-Nav ul.nav-content-lower .seperator1
    {
    display: none;
    }


    #MenuBottom
    {
    position: relative;
    /*background-color: #e3e3e3;*/
    width: 100%;
    height: 24px;
    margin-top: -20px;
    }


    .rightFloat
    {
    float: right;
    margin-top: 10px;
    margin-right: 13px;
    }

    .rightFloatDropDownList
    {
    float:left;
    margin-right: 20px;
    }

    .rightFloatDropDownList SELECT
    {
    width: 135px;
    border: solid 1px #000000;
    }

    .rightFloatImageBtn
    {
    float:left;
    height: 35px;
    width: 132px;
    border-radius: 2px;
    background-color: #ff5000;
    }

    .rightFloatImageBtn:hover{
    opacity: 0.85;
    }

    .rightFloatImageBtn:active{
    opacity: 1;
    background-color: Black;
    z-index: 100;
    }
    /* MENU ENDS */


    /* FOOTER BEGINS*/
    #clearfooter {
    clear:both; height:35px; border: solid 0px black; margin-top: 20px;
    }

    #contentFooters
    {
    background-color: #FAFAFA;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 50px
    }

    .footerP
    {
    border: 0px solid #000000;
    }

    .footerCenter{
    /*margin: 0 auto;
    display: block;
    width: 50%;*/
    }

    .footerP .seperator{
    font-size: 12px;
    }

    a:link.linkFooter
    {
    font-family: 'Adelle Sans', serif;
    color: #ff5000;
    text-decoration: none;
    font-size: 12px;
    padding-right: 20px;
    padding-left:10px;
    }

    /*normal links in the text*/
    a:visited.linkFooter
    {
    font-family: 'Adelle Sans', serif;
    color: #ff5000;
    text-decoration: none;
    font-size: 12px;
    padding-right: 20px;
    padding-left:10px;
    }

    .linkFooterText
    {
    font-family: 'Adelle Sans', serif;
    color: #808080; /*#6d6d6d;*/
    text-decoration: none;
    font-size: 13px;
    padding-left: 15px;
    position: relative;
    bottom: 40%;
    margin-right: 20px
    }

    a:hover.linkFooter
    {
    font-family: 'Adelle Sans', serif;
    color: #ff5000;
    text-decoration: underline;
    font-size: 12px;
    padding-right: 20px;
    padding-left:10px;
    }

    a:active.linkFooter
    {
    font-family: 'Adelle Sans', serif;
    color: #808080;
    text-decoration: underline;
    font-size: 12px;
    padding-right: 20px;
    padding-left:10px;
    }
    /* FOOTER ENDS*/


    #deskDropDown{
    box-sizing: border-box;
    height: 42px;
    width: 190px;
    border: 1px solid #E5E5E5;
    border-radius: 2px;
    padding-right: 20px;
    /*border: solid 1px #ff5000; */
    }

    /* pickerHeader */
    #pickerHeaderRow
    {
    font-weight: bold;
    padding-bottom: 0.3em;
    margin: 0px 0px 1em;
    padding-top: 0.3em;
    background-color: #9e9e9e;
    width: 100%;
    border-bottom: 1px solid black;
    }

    #pickerHeaderRow td{
    color: #000000;
    }

    /* Modal */

    .jqmWindow.s5_sectionStack.s5_sectionAllItems.s5_divSection
    {
    width: 88%;
    }

    #modalContentHeader
    {
    font-weight: bold;
    padding-bottom: 0.3em;
    margin: 0px 0px 1em;
    padding-top: 0.3em;
    background-color: #9e9e9e;
    width: 100%;
    border-bottom: 1px solid black;
    }

    #modalContentHeader td{
    color: #000000;
    }

    #modalCanvas
    {
    background-color: #333333;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right:0;
    margin:0;
    padding:0;
    width: 100%;
    height: 100%;

    z-index: 1005;
    opacity: .40;
    -moz-opacity: 0.40;
    filter: alpha(opacity=40);
    }

    #modalDialog
    {
    border: 1px solid black;
    display: block;
    position: absolute;
    z-index: 10000;
    left: 0;
    top: 0;
    background-color: #e3e3e3;
    color: #000000;
    }

    /* TreeView */

    #loading > #progressCanvas{
    padding-top: 50px;
    }

    .treeview a,.treeview a:visited,.treeview a:active{
    color: black;
    text-decoration: none;
    font-size: 12px;
    }
    .treeview, .treeview ul {
    font-size: 12px;
    padding: 0;
    margin: 0;
    list-style: none;
    }

    .treeview ul {
    background-color: white;
    margin-top: 4px;
    background-color:#F2F2F2;
    }

    .treeview .hitarea {
    background: url('S5Interface/Style/icons/treeview/treeview-default.gif') -64px -25px no-repeat;
    height: 16px;
    width: 16px;
    margin-left: -16px;
    float: left;
    cursor: pointer;
    }
    /* fix for IE6 */
    * html .hitarea {
    display: inline;
    float:none;
    }

    .treeview li {
    margin: 0;
    padding: 3px 0pt 3px 16px;
    }

    .treeview a.selected {
    background-color: #eee;
    }

    #treecontrol { margin: 1em 0; display: none; }

    .treeview .hover { color: gray; cursor: pointer; }

    .treeview li { background: url('S5Interface/Style/icons/treeview/treeview-default-line.gif') 0 0 no-repeat; }
    .treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }

    .treeview .expandable-hitarea { background-position: -80px -3px; }

    .treeview li.last { background-position: 0 -1766px }
    .treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url('S5Interface/Style/icons/treeview/treeview-default.gif'); }
    .treeview li.lastCollapsable { background-position: 0 -111px }
    .treeview li.lastExpandable { background-position: -32px -67px }

    .treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }
    .treeviewresizable{width:200px;overflow:hidden;background-color:#F2F2F2;padding-left:2px;margin-top:10px;margin-left:15px;}

    .treeview .FilterIcon{margin-left: 3px;}
    .treeview .FilteredNode{font-style: italic;}
    .treeview .SelectedTreeNode a{font-weight: bold;}




    /* ---- Start Multiselect ------*/
    .ui-multiselect {
    text-align: left;
    box-sizing: border-box;
    height: 35px;
    border: 1px solid #E5E5E5;
    border-radius: 2px;
    background-color: #FFF;
    -webkit-appearance: none;
    background: url(S5Interface/Style/icons/NewIcons/arrow.png) no-repeat right;
    background-position-x: 95%;
    padding-left: 10px;
    padding-top: 10px;
    }

    .ui-multiselect:focus {
    border: 1px solid #303030 !important;
    outline-offset: 0px;
    outline: none;
    }

    .ui-multiselect span.ui-icon { float:right }
    .ui-multiselect-single .ui-multiselect-checkboxes input { position:absolute !important; top: auto !important; left:-9999px; }
    .ui-multiselect-single .ui-multiselect-checkboxes label { padding:5px !important }

    .ui-multiselect-header { margin-bottom:3px; padding:3px 0 3px 4px }
    .ui-multiselect-header ul { font-size:0.9em }
    .ui-multiselect-header ul li { float:left; padding:0 10px 0 0 }
    .ui-multiselect-header a { text-decoration:none }
    .ui-multiselect-header a:hover { text-decoration:underline }
    .ui-multiselect-header span.ui-icon { float:left }
    .ui-multiselect-header li.ui-multiselect-close { float:right; text-align:right; padding-right:0 }

    .ui-multiselect-menu { display:none; padding:3px; position:absolute; z-index:10000 }
    .ui-multiselect-checkboxes { position:relative /* fixes bug in IE6/7 */; overflow-y:scroll }
    .ui-multiselect-checkboxes label { cursor:default; display:block; border:1px solid transparent; padding:3px 1px }
    .ui-multiselect-checkboxes label input { position:relative; top:1px;height: 25px;width: 15%; }
    .ui-multiselect-checkboxes li { clear:both; font-size:0.9em; padding-right:3px }
    .ui-multiselect-checkboxes li.ui-multiselect-optgroup-label { text-align:center; font-weight: 700;; border-bottom:1px solid }
    .ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a { display:block; padding:3px; margin:1px 0; text-decoration:none }

    /* remove label borders in IE6 because IE6 does not support transparency */
    * html .ui-multiselect-checkboxes label { border:none }


    /*--  Multiselect filtered --*/
    .ui-multiselect-hasfilter ul { position:relative; top:2px }
    .ui-multiselect-filter { float:left; margin-right:10px; font-size:11px }
    .ui-multiselect-filter input { width:100px; font-size:10px; margin-left:5px; height:15px; padding:2px; border:1px solid #292929; -webkit-appearance:textfield; -webkit-box-sizing:content-box; }
    /*-- END multiselect --*/

    /*  Overwrite standard multiselect - set button heigth*/

    /* .ui-multiselect { padding:2px 0 2px 4px; text-align:left;  height:20px;} */
    /*  End overwrite standard multiselect --*/

    /* UIGrid - Overwrite standard background color of grid */
    .ui-jqgrid .ui-jqgrid-view {background-color: #f8f8ff;}

    /* UIGrid - Pagesize input format*/
    .ui-jqgrid .ui-pgsz-input {
    height: 16px;
    font-size: 13px;
    margin: 0em;
    width: auto;
    }
    .s5_maillabel
    {
    font-weight: 700;;
    text-align:right;
    width:80px;
    padding-right:10px;
    }

    pre {
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
    }

    /* ModalCard */
    .jqmWindow {display: none;
    position: fixed;
    top: 10%;
    left: 7.5%;
    width: 85%;
    height: 85%;
    background-color: #FFF;
    color: #333;
    border: 1px solid black;
    padding: 14px;
    padding-top: 20px;
    }

    .jqmdX {
    position: absolute;
    right: 4px;
    top: 4px;
    padding: 0 0 0 14px;
    height: 13px;
    width: 0px;
    background: url(S5Interface/Style/icons/haettavid.png) no-repeat;
    background-size: 13px;
    overflow: hidden;
    }

    .jqmOverlay { background-color: #000; }
    * iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
    width: expression(this.parentNode.offsetWidth+'px');
    height: expression(this.parentNode.offsetHeight+'px');
    }
    * html .jqmWindow {
    position: absolute;
    top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
    }
    .jqmClose{ background:#FFDD00; border:1px solid #FFDD00; color:#000; clear:right; float:right; padding:0 5px; cursor:pointer; }
    .jqmClose:hover{ background:#FFF; }
    #jqmContent{ width:100%; height:100%; display: block; clear:both; margin:auto; background:#fff; border:1px none #444; }

    /************************** Added for new sections.xsl (1.11.2011) ***********************/
    .s5_divField {
    float: left;
    border: 1px;
    display: flex;
    flex-direction: column;
    /*margin-bottom: 16px;*/
    margin-right: 20px;
    }

    .s5_divField2Columns {
    float: left;
    border: 1px;
    display: block;
    /*display: flex;
    width: 34%;*/
    margin-bottom: 5px;
    margin-right: 20px;
    width: 325px;
    }
    .s5_labelSection {
    display: block;
    width: 300px;
    margin: 10px 10px 0px 0px;
    /*font-weight: bold;*/
	/* GG 14.2.2023 - ... on long labels*/
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;S
    }
    .s5_largerField .s5_labelSection{
    width: 220px;
    }


    .s5_divSection {
    padding-left: 20px;
    padding-top: 10px;
    padding-right: 15px;
    overflow: hidden;
    }
    .s5_divSection2Columns{
    width: 50%;
    padding-left: 20px;
    padding-top: 10px;
    padding-right: 15px;
    }
    @media only screen and (max-width: 1320px) {
    .s5_divSection2Columns {
    width: 75%;
    }
    }
    .s5_largerField {
    width: 100%;
    /*
    width: 50%;

    width: 40%;
    */
    margin-right: 30px;
    /*width: 300px;*/
    }
    .s5_transparent_gif {background: url(S5Interface/Style/icons/transparent.gif); widht:1px; height:1px;}
    .s5_div_card_photo {/* float: right;*/ margin-left: 20px; margin-top: 20px; margin-right: 0;}/* Used to position Card photo */
    .s5_breathingSpaceImg {height: 20px; width: 100%;}
    .s5_sectionAllItems {width:100%;}
    .s5_divTablePicker { border:1px solid #E5E5E5; width:290px; height: 71px; overflow:auto; float:left; padding: 2px; margin-top: -2px; margin-bottom: -3px;}
	  /*****************************************************************************************/

	  *+html .s5_labelSection {
	  float:left;  display: inline; height:27px; text-align:right;  width: 100px; margin-right: 10px; min-height:10px;
	  }

	  /************************** jQuery timepicker ***********************/
	  .ui-timepicker-wrapper {
	  overflow-y: auto;
	  height: 150px;
	  width: 6.5em;
	  background: #fff;
	  border: 1px solid #ddd;
	  -webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);
	  -moz-box-shadow:0 5px 10px rgba(0,0,0,0.2);
	  box-shadow:0 5px 10px rgba(0,0,0,0.2);
	  outline: none;
	  z-index: 10001;
	  margin: 0;
	  }

	  .ui-timepicker-wrapper.ui-timepicker-with-duration {
	  width: 11em;
	  }

	  .ui-timepicker-list {
	  margin: 0;
	  padding: 0;
	  list-style: none;
	  }

	  .ui-timepicker-duration {
	  margin-left: 5px; color: #888;
	  }

	  .ui-timepicker-list:hover .ui-timepicker-duration {
	  color: #888;
	  }

	  .ui-timepicker-list li {
	  padding: 3px 0 3px 5px;
	  cursor: pointer;
	  white-space: nowrap;
	  color: #000;
	  list-style: none;
	  margin: 0;
	  }

	  .ui-timepicker-list:hover .ui-timepicker-selected {
	  background: #fff; color: #000;
	  }

	  li.ui-timepicker-selected,
	  .ui-timepicker-list li:hover,
	  .ui-timepicker-list .ui-timepicker-selected:hover {
	  background: #1980EC; color: #fff;
	  }

	  li.ui-timepicker-selected .ui-timepicker-duration,
	  .ui-timepicker-list li:hover .ui-timepicker-duration {
	  color: #ccc;
	  }

	  .ui-timepicker-list li.ui-timepicker-disabled,
	  .ui-timepicker-list li.ui-timepicker-disabled:hover,
	  .ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
	  color: #888;
	  cursor: default;
	  }

	  .ui-timepicker-list li.ui-timepicker-disabled:hover,
	  .ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
	  background: #f2f2f2;
	  }

	  /*---Radiobox---*/
	  .s5_largerField .row {
	  width: 20%;
	  }

	  .container {
	  display: block;
	  position: relative;
	  padding-left: 35px;
	  cursor: pointer;
	  -webkit-user-select: none;
	  -moz-user-select: none;
	  -ms-user-select: none;
	  user-select: none;

      /* GG 20.2.2023 */
      padding-right: 10px;
	  padding-top: 4px;
	  white-space: nowrap;
	  }

	  /* Hide the browser's default radio button */
	  .container input {
	  position: absolute;
	  opacity: 0;
	  cursor: pointer;
	  width: 50px;
	  }

	  /* Create a custom radio button */
	  .checkmark {
	  position: absolute;
	  top: 0;
	  left: 0;
	  height: 24px;
	  width: 24px;
	  background-color: #FFF;
	  border-radius: 50%;
	  border: 1px solid #ff5000;
    }

    /* On mouse-over, add a grey background color */
    .container:hover input ~ .checkmark {
    background-color: #ff5000;
    }

    /* Create the indicator (the dot/circle - hidden when not checked) */
    .checkmark:after {
    content: "";
    position: absolute;
    display: none;
    }

    /* Show the indicator (dot/circle) when checked */
    .container input:checked ~ .checkmark:after {
    display: block;
    }

    /* Style the indicator (dot/circle) */
    .container .checkmark:after {
    top: 9px;
    left: 10px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: white;
    }

    /* When the radio button is checked, add a base background */
    .container input:checked ~ .checkmark {
    background-color: #ff5000;
    }
    .hidden{
    display: none;
    }

    /* Bætt við fra custom.css 8.11.2019 */

    /* Login */

    .loginImageBackground {
    background: url(S5Interface/Style/images/loginPic-unsplash.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

    }

    .LoginContainer{
    height:100vh;
    background-color: White;
    width: 400px;
    float: right;
    }

    .row
    {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    }

    .column
    {
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    flex: 1;
    }

    .s5_span_input .column .column {
    margin-bottom: 20px;
    }

    .LoginHeader
    {
    margin-left: 18px;
    margin-top: 30.5vh;
    margin-bottom: 29px;
    height: 44px;
    color: #303030;
    font-size: 30px;
    font-weight: bold;
    line-height: 44px;

    }

    .LoginInput
    {
    margin: 0px 20px 20px 20px;
    }

    .LoginRememberMe
    {
    margin-left: 20px;
    flex-direction: row;
    }

    .LoginRememberMe span
    {
    color: #303030;
    font-size: 13px;
    height: 19px;
    margin-left: 11px;
    margin-top: 5px;
    }

    .LoginLostPass
    {
    align-items: flex-end;
    margin-right: 20px;
    }

    .LoginLostPass a
    {
    color: #303030;
    font-size: 13px;
    }

    .LoginLostPass a:visited
    {
    color: #303030;
    }

    .LoginButton
    {
    margin-left: 20px;
    }

    .LoginButton .s5_button
    {
    height: 50px;
    width: 158px;
    border-radius: 2px;
    background-color: #303030;
    color: #FFFFFF;
    font-size: 17px;
    font-weight: bold;
    line-height: 24px;
    padding-left:0px;
    }

    .LoginAdvaniaText
    {
    margin-bottom: 36px;
    margin-left: 20px;
    color: #303030;
    font-size: 12px;
    align-self: flex-end;
    }

    .LoginAdvaniaLogo
    {
    align-items: flex-end;
    align-self: flex-end;
    }

    .LoginCompanyLogo
    {
    margin: 20px;
    }

    .LoginRequirements
    {
    margin-bottom: 5px;
    }

    /* --- Header ---  */
    .CoverUnderHeader
    {
    display: none;
    opacity: 0.35;
    width: 100vw;
    min-height: 100%;
    position: fixed;
    z-index: 1003;
    top: 86px;
    background-color: #000;
    }

    .s5_username{
    font-size: 14px;
    color: #303030;
    font-weight: 600;
    }

    .s5_kennitala{
    color: #808080;
    }

    .Header-container
    {
    text-align: right;
    padding: 25px 20px 23px 20px;
    border-right: 1px solid #e5e5e5;
    }

    .Header-help
    {
    color: #303030;
    font-family: 'Adelle Sans', serif;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    }

    .Header-logout
    {
    color: #303030;
    font-family: 'Adelle Sans', serif;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    }

    .Header-search
    {
    color: #303030;
    font-family: 'Adelle Sans', serif;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    }

    .Header-user
    {
    height: 86px;
    color: #808080;
    font-family: 'Adelle Sans', serif;
    font-size: 14px;
    line-height: 20px;
    text-align: right;
    }

    .Header-noborder
    {
    border: 0px;
    }

    .Header-Search
    {
    /*display:flex; */
    display: none;
    height: 86px;

    }

    .Search-Input
    {
    width: 95%;

    }

    .Search-Cancel
    {
    padding: 25px 0px;
    margin-left: 32px;

    }

    .Search-Cancel button
    {
    display: flex;
    flex-direction: column;
    background: none !important;
    border: none;
    padding: 0!important;
    cursor:pointer;
    }

    .Search-Cancel img
    {
    margin-left: 12px;
    }

    .Search-Input input.s5_input
    {
    font-family: 'Adelle Sans', serif;
    font-weight: 300;
    padding: 0px 10px;
    font-size: 24px;
    height: 86px;
    width: 100%;
    border: 0px;
    border-right: 1px solid #EDEDED;
    color: #B5B5B5;
    }

    .Search-Input input.s5_input:focus
    {
    color: #303030;
    }

    #Header-TopList a
    {
    display: flex;
    flex-direction: column;
    }

    #Header-TopList button
    {
    display: flex;
    flex-direction: column;
    background: none !important;
    border: none;
    padding: 0!important;
    cursor:pointer;
    }

    #Header-TopList
    {
    display: flex;
    padding: 0px;
    margin: 0px;
    height: 86px;
    }

    #Header
    {
    overflow:hidden;

    }

    .Header-TopList-Text
    {
    display: flex;
    flex-direction: column;
    padding: 0px;
    margin: 0px;

    }

    .Header
    {
    padding: 0px;
    height: 86px;
    }

    .Header-Animation
    {
    animation-name: fadeIn;
    animation-duration: 0.3s;
    }

    .Header-Search-Active
    {
    display: flex;
    animation-name: fadeIn;
    animation-duration: 0.3s;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: #FFF;
    z-index: 100;
    }

    .Header-none
    {
    display: none;
    }

    .Header-Nav-opacity
    {
    display:block;
    }

    @-webkit-keyframes fadeIn {
    0% { opacity: 0; }
    20% { opacity: 0; }
    40% { opacity: 0.3; }
    60% { opacity: 0.5; }
    80% { opacity: 0.9; }
    100% { opacity: 1; }
    }

    @keyframes fadeIn {
    0% { opacity: 0; }
    20% { opacity: 0; }
    40% { opacity: 0.3; }
    60% { opacity: 0.5; }
    80% { opacity: 0.9; }
    100% { opacity: 1; }
    }

    /*--- Table ----*/

    .tableRowSection th {
    border-bottom: 1px solid #E5E5E5;
    }

    .LabelCommonCard table
    {
    width: auto !important;
    }

    /* --- Title  --- */

    .Title-Form
    {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 8px
    }

    /*--- Tabs ---*/

    #Tabs
    {
    margin-top: 40px !important;
    margin-bottom: 25px;
    border-bottom: 1px solid #E5E5E5;
    }

    .s5_cardTab_selected img
    {
    display: none;
    }

    #MenuMiddle ul.nav-content li ul li:hover
    {
    border-bottom: 3px solid #ff5000;
    padding-bottom: 2px !important
    }

    #tabs-container ul.nav-tabs li ul li:hover
    {
    /*background-color: #E5E5E5;
    opacity: 1;*/
    border-bottom: 3px solid #ff5000;
    height: 19px;
    }



    .s5_cardTab:hover
    {
    border-bottom: 3px solid #ff5000;
    }




    /*#Header-Nav ul.nav-content li a:hover
    {
    opacity: 0.85;
    }

    #Header-Nav ul.nav-tabs a:hover
    {
    opacity: 0.35;
    }*/

    /*--- Form ---*/


    #S5_Attachment_Add
    {
    margin-right: 10px;
    height: auto;
    padding: 0px;
    }

    .LabelCommonCard td
    {
    padding-top: 8px;
    font-size: 13px !important;
    }

    .s5_View
    {
    width: 100%;

    }

    .s5_View .s5_labelSection
    {
    display:none;
    }

    .s5_Button .s5_labelSection
    {
    display:none
    }

    .s5_Button
    {
    width: 310px;
    margin-left: 0%;
    margin-top: 25px;
    margin-bottom: 8px;
    }

    .s5_Lookup
    {
    width: 100%;
    }

    .jqmWindow.s5_divSection
    {
    width: 88%;
    }

    .s5_Constant {
    display: none;
    }


    .s5_span_input
    {
    width: 100%;
    }

    .s5_Check .s5_span_input
    {
    height: 42px;
    }

    .s5_span_input table {
    /*width: 100%;
    width: auto !important; */
    /*table-layout: fixed;*/
    }

    /*.PickerDiv table:first-child {
    width: 100%;
    }*/

    .s5_span_checkbox
    {

    }

    .s5_span_input input[type="checkbox" i]
    {
    height: 24px;
    width: 24px;
    border: 1px solid #E5E5E5;
    border-radius: 2px;
    background-color: #FFFFFF;
    margin: 0;
    opacity: 0;
    }

    /*--- Page Container ---*/
    PageContainer
    {
    position: relative;
    min-height: 100vh;
    }

    /*--- Button --- */
    .ui-button-text-only{
    margin: 10px;
    }

    .ui-dialog-buttonset button
    {
    float: left;
    height: 35px;
    width: 140px;
    border-radius: 2px;
    background-color: #ff5000;
    cursor: pointer;
    color: #FFFFFF;
    font-family: 'Adelle Sans', serif;
    font-size: 13px;
    font-weight: bold;
    line-height: 40px;
    padding-left: 40px;
    border: none;
    }

    /*---Checkbox---*/

    .s5_span_checkbox
    {
    position: relative;
    }

    .s5_span_checkbox label
    {
    cursor: pointer;
    position: absolute;
    width: 24px;
    height: 24px;
    /* top: 0; */
    left: 0;
    /* GG 17.2.2023 - tekið út. Notum default
	background: #FFF; */
    border: 1px solid #ddd;
    }

    .s5_span_checkbox label:after {
    opacity: 0;
    content: '';
    position: absolute;
    width: 17px;
    height: 7px;
    background: transparent;
    top: 6px;
    left: 3px;
    border: 2px solid #333;
    border-top: none;
    border-right: none;
    transform: rotate(-55deg);
    }

    .s5_span_checkbox label:hover::after {
    opacity: 0.5;
    }

    .s5_span_checkbox input[type=checkbox]:checked + label:after {
    opacity: 1;
    }

    /* login checkbox */
    .LoginRememberMe
    {
    position: relative;
    }

    .LoginRememberMe label
    {
    cursor: pointer;
    position: absolute;
    width: 24px;
    height: 24px;
    /* top: 0; */
    left: 0;
    background: #FFF;
    border: 1px solid #ddd;
    }

    .LoginRememberMe label:after {
    opacity: 0;
    content: '';
    position: absolute;
    width: 17px;
    height: 7px;
    background: transparent;
    top: 6px;
    left: 3px;
    border: 2px solid #333;
    border-top: none;
    border-right: none;
    transform: rotate(-55deg);
    }

    .LoginRememberMe label:hover::after {
    opacity: 0.5;
    }

    .LoginRememberMe input[type=checkbox]:checked + label:after {
    opacity: 1;
    }


    //Scalable

    html { font-size:100%; }
    //Login responsive
    @media all and (max-width: 400px){
    .s5_loginbox {
    width: 270px !important;
    }
    }

    @media all and (max-width: 600px){
    .LoginContainer{
    width: 100vw;
    height: 100%;
    }
    .LoginHeader {
    margin-top: 3.5vh;
    }
    .s5_loginbox{
    width: 325px;
    }
    .advaniaLogoFooterPassword{
    height: 22vh !important;
    }

    .advaniaLogoFooterLogin{
    height: 41vh !important;
    }

    .advaniaLogoFooterLost{
    height: 58vh !important;
    }
    }
    //Header responsive
    @media all and (max-width: 600px){
    #Header-Logos-Client{
    padding: 10px 5px;
    }
    #Header-Logos-Client img{
    height: 40px;
    width: 70px;
    }
    .Header-user {
    width: 135px;
    overflow: hidden;
    }
    .Header-container{
    padding: 25px 8px 0px 8px;
    }
    .s5_username{
    font-size: 12px;
    }
    .linkFooterText{
    font-size: 12px;
    }

    }

    .s5_timeline{
    margin-top: 40px;
    }

    .s5_iframe{
    margin-top: 40px;
    }