2021-05-25: Inloggningen är stängd mellan 22:00 och 09:00 för installation.*, body
{
    padding: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}

body
{
    font: 62.5%/1.5 Arial, Helvetica, sans-serif;
    color: #333;
    background-color: white;
}

img
{
    border: none;
}

ul, ol
{
    margin: 0 0 10px 15px;
    font-size: 12px;
}

ol
{
    margin-left: 18px;
}

a
{
    color: #0050ff;
    text-decoration: none;
}

th {
	text-align: left
}



#contentdiv
{
    /* CBJ hack*/
    min-height: 400px;
}

#contentdiv p
{
    font-size: 1.2em;
    padding: 0 0 10px 0;
    margin: 0;
}

.regulardiv
{
    clear: both;
    margin: 10px 0;
}
.regulardiv textarea
{
    border: 1px solid gray;
}

.clear, .clr
{
    clear: both;
    height: 0;
    overflow: hidden;
}
.fl
{
    float: left;
}
.fr
{
    float: right;
}

#wrap
{
    /*width: 920px;
    margin: 0 auto;
    position: relative;*/
}

#footer-bg-color
{
    height: 100px;
    width: 100%;
    background-color: white;
    position: absolute;
    left: 0;
    bottom: 0;
}
#site-bg-toned-top
{
    position: absolute;
    left: 0;
    top: 0;
    height: 329px;
    width: 100%;
    background: url(images/site-bg-toned-top.png) repeat-x top left transparent;
}
#site-bg-toned-bottom
{
    position: absolute;
    left: 0;
    bottom: 0;
    height: 221px;
    width: 100%;
    background: url(images/site-bg-toned-bottom.png) repeat-x bottom left transparent;
    margin-bottom: 100px;
}

#headerdiv
{
    /* background: url(images/header-bg.png) no-repeat 0 44px; */
    position: relative;
    padding-top: 80px;
}


#home
{
    position: absolute;
    top: 10px;
    left: 0px;
}

#home a
{
    font-size: 24px;
    color: black;
}
#home span
{
    font-weight: bold;
    font-size: 22px;
    font-family: Arial, Helvetica, sans-serif;
    margin-left: 14px;
    position: absolute;
    top: 10px;
    vertical-align: top;
    left: 300px;
    width: 400px;
	color: #000;
}
.systemtitle
{
    font-weight: bold;
    font-size: 22px;
    font-family: Arial, Helvetica, sans-serif;
    margin-left: 14px;
    position: absolute;
    top: 18px;
    vertical-align: top;
    left: 85px;
    white-space:nowrap;
}

#home h1
{
    font-weight: bold;
    font-size: 22px;
    font-family: Arial, Helvetica, sans-serif;
    margin-left: 14px;
    position: absolute;
    left: 85px;
    top: 18px;
    vertical-align: top;
}
#header-menu
{
    position: absolute;
    right: 0;
    top: 15px;
    height: 50px;
}
#header-menu a
{
    color: #0050ff;
    padding-left: 20px;
    display: block;
    float: left;
}
#header-menu a:hover
{
    color: #000;
}
#header-menu a.home
{
    position: relative;
    top: -5px;
}

#header-menu-home
{
    width: 88px;
    position: absolute;
    left: 830px;
    top: 10px;
}

.motivationWrapClass
{
    position: absolute;
    right: 5px;
}

.motivationWrapClass p.prioHeader
{
    background-color: #F6F7F7;
    font-size: 1em;
    height: 4px;
    left: 5px;
    line-height: 12px;
    position: absolute;
    z-index: 2;
    font-size: 1em !important;
}
.motivationWrapClass p.prioMotivation
{
    background-color: #F6F7F7;
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    height: 39px;
    line-height: 16px;
    font-size: 1em !important;
    line-height: 16px;
    overflow: hidden;
    padding: 10px !important;
    position: relative;
    top: 5px;
    width: 320px;
}
.motivationWrapClass p.prioMotivation:hover
{
    height: auto;
}
#header-search
{
    position: absolute;
    top: 60px;
    right: 15px;
    width: 335px;
}

.search
{
    background: url(images/input_left.gif) no-repeat;
}
.search > div
{
    height: 26px;
    background: url(images/input_right.gif) no-repeat right;
    padding: 5px 2px 0 0;
}

#header-search label
{
    font-size: 12px;
    margin-left: 10px;
}
#header-search .searchfield
{
    width: 258px;
    border: 0;
}
#header-search .searchimg
{
    width: 19px;
    vertical-align: middle;
    position: relative;
    top: -1px;
}
#header-search form
{
    padding: 0;
    margin: 0;
}


/*horisontell meny*/
.main-nav
{
    height: 38px;
    position: relative;
}
.main-nav ul
{
    position: absolute;
    top: -4px;
    left: -5px;
    margin: 0;
    height: 44px;
    width: 949px;
    display: block;
    list-style-type: none;
    font-size: 1.4em;
    background: url(images/top-menu-blue.png) no-repeat 0 0 transparent;
}
.main-nav ul li
{
    float: left;
    display: block;
    height: 36px;
    padding: 4px 0 4px 0;
    background: url(images/top-menu-blue-divider.png) no-repeat right 4px transparent;
}
.main-nav ul li a
{
    display: block;
    float: left;
    height: 36px;
    line-height: 36px;
    padding: 0 12px 0 10px;
    text-decoration: none;
    color: #fff;
}
.main-nav a:hover, .main-nav a.selected
{
    background: url(images/top-menu-blue.png) no-repeat -15px -58px transparent;
    margin-right: 2px;
    padding-right: 10px;
}
.main-nav .first
{
    margin-left: 5px;
}
.main-nav .first a.selected, .main-nav .first a:hover
{
    background: url(images/top-menu-blue.png) no-repeat -5px -58px transparent;
}

.main-nav li.lock span
{
    float: left;
    display: block;
}
.main-nav li.lock span:hover, .main-nav li.lock:hover
{
    cursor: pointer;
}
.main-nav li.lock span.lock
{
    width: 20px;
    height: 36px;
    margin: 0 10px 0 15px;
    background: url(images/key-circle.png) no-repeat center center transparent;
}
/* slut horisontell meny*/

#breadcrumbs2
{
    height: 30px;
    position: absolute;
    left: 60px;
    top: 50px;
}

#breadcrumbs
{
    clear: both;
    height: 30px;
    position: absolute;
    right: 5px;
    top: 45px;
    width: 500px;
}
#breadcrumbs span
{
    float: right;
    padding: 0 0 5px 15px;
    background: url(images/persona.png) no-repeat top left transparent;
}

#breadcrumbs p
{
    color: #646464;
    float: left;
    font-size: 1.0em;
}
#breadcrumbs p.logged-in
{
    color: #333;
}
#breadcrumbs a
{
    text-decoration: none;
}


#leftmenudiv
{
    margin-top: 25px;
    float: left;
    width: 220px;
}

/* start vertical menu */

.sub-nav
{
    font-family: Arial, Helvetica, sans-serif;
    width: 220px;
    float: left;
    font-size: 11px;
}

.sub-nav li div
{
    display: block;
    padding: 5px 0 5px 5px;
    border-bottom: 2px solid #d3d3d3;
}
.sub-nav li div:hover
{
    background-color: #1e408a;
}
.sub-nav, .sub-nav ul
{
    list-style: none;
    margin: 0;
}
.sub-nav ul
{
    font-size: 1.0em;
}
.sub-nav li.menu > div > a
{
    font-weight: bold;
}

/*  all links in sub menu  */
.sub-nav li a
{
    color: #000;
    text-decoration: none;
    display: block;
    clear: left;
}
.sub-nav li:hover
{
}
.sub-nav li:hover a
{
}
.sub-nav li a:hover, #sub-nav ul li div:hover
{
    color: #fff;
}
.sub-nav
{
    list-style: none;
}
.sub-nav li ul li a
{
    padding-left: 20px;
}
.sub-nav li ul li ul li a
{
    padding-left: 32px;
}

li.selected > div
{
    background: url(images/arrow_down.png) no-repeat 205px 10px;
}
li.selected > div > a, li.selected > div > a:hover
{
    font-weight: bold;
}
li.arrow > div > a
{
    background: url(images/arrow_right.png) no-repeat 20px center;
}
li.arrow > div > a:hover
{
    background-image: url(images/arrow_right_white.png);
}
li.locked > div > span
{
    background: url(images/key.png) no-repeat top left;
    margin-right: 5px;
    width: 10px;
    height: 15px;
    float: right;
    position: relative;
    display: block;
    clear: right;
}
li.selected.locked > div > span
{
    margin-right: 20px;
}
li.current
{
    background-color: #e9e9e9;
}
.selectedsubmenu > div
{
    border-bottom: 2px solid #fff !important;
}
/* end of vertical menu */


.col-3 #contentdiv
{
    float: left;
    width: 440px;
    margin: 0 20px;
}
.col-2 #contentdiv
{
    float: left;
    width: 680px;
    margin: 0 0 0 20px;
}
.col-1 #contentdiv
{
    width: 920px;
}

#rightmenudiv
{
    float: left;
    width: 220px;
    height: 100%;
    margin: 25px 0 0 0;
}


/* general box settings */

.wedge
{
    height: 10px;
    overflow: hidden;
}
.leftmenubox
{
    float: left;
    width: 280px;
}
.rightcontentbox
{
    float: left;
    margin-left: 20px;
    width: 620px;
}
.box
{
	margin-top: 10px;
    margin-bottom: 20px;
    font-size: 1.2em;
    color: #000;
}
.box p
{
    padding-bottom: 10px;
}
.box .header
{
    position: relative;
    background: none no-repeat top right transparent;
    padding-right: 20px;
    color: #333;
}
.box .header .content h2
{    
	vertical-align: middle;
	padding: 2px 0 2px 0 !important;
}
.box .header .content
{
    background: none no-repeat top left transparent;
    padding: 5px 0 5px 20px;
}

.box .header .content .ShowAll
{
    font-weight: bold;
    cursor: pointer;
    float: right;
    margin-top: -22px;
    margin-right: 60px;
    font-size: 12px;
}
.box .header .content .HideAll
{
    font-weight: bold;
    cursor: pointer;
    float: right;
    margin-top: -22px;
    font-size: 12px;
}

.box .body
{
    background-color: #e9e9e9;
    padding: 20px 20px 20px 20px;
    position: relative;
    min-height: 400px;
    height: 100%;
    overflow: auto;
    overflow-x:hidden;
}

.box .body.fixedHeight {
    min-height: 422px;
}

.box .body .displayHeader
{
    padding: 3px;
    cursor: pointer;
    margin-left: 5px;
    width: 920px;
    clear: both;
}
	.box .body .displayHeader h2
	{
		display: inline;
		vertical-align: middle;
	}
	.box .body .displayHeader img
	{
		vertical-align: middle;
	}
.box .body .displayContent
{
    margin-left: 25px;
    /*width: 895px;*/
    width: 846px;
    clear: both;
}
.box .body .menuClass
{
    font-size: 12px;
}
.box .body .menuClass ul
{
    list-style-image: url(images/arrow-size1.png);
    margin: 0;
    margin-left: 18px;
    padding: 0;
}
.box .body .menuClass ul li
{
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
}
.box .body .menuClass ul li .current
{
    font-weight: bold;
    text-decoration: underline;
}

.box .footer
{
    background: url(images/box-footer-silver-end.png) no-repeat top right transparent;
    padding-right: 25px;
}
.box .footer div
{
    background: url(images/box-footer-silver.png) no-repeat top left transparent;
    height: 35px;
    /*width: 100%;*/
}
/* info box */
.box .info .header
{
    background-image: url(images/box-header-silver-end.png);
    /*padding-bottom: 2px;*/
    color: #333;
}
.box .info .header .content
{
    background-image: url(images/box-header-silver.png);
}
.box .info .header .bottom
{
    position: absolute;
    height: 1px;
    width: 100%;
    bottom: 0;
    left: 0;
    background-color: white;
}

/* info box alternative 1 */
.box .info-alt1 .header
{
    background-image: url(images/box-header-red-end.png);
    color: white;
}
.box .info-alt1 .header .content
{
    background-image: url(images/box-header-red.png);
    padding-bottom: 7px;
}
.box .info-alt1 .header .bottom
{
    background-color: white;
}

/* info box */
.box .info-alt2 .header
{
    background-image: url(images/box-header-blue-end.png);
    color: white;
}
.box .info-alt2 .header .content
{
    background-image: url(images/box-header-blue.png);
    padding-bottom: 7px;
}
.box .info-alt2 .header .bottom
{
    display: none;
}


/* announcement box */
.box .announcement .header
{
    background-image: url(images/box-header-silver-bluestripe-end.png);
    padding: 0 34px 0 0;
    margin: 0;
}
.box .announcement .header .content
{
    background-image: url(images/box-header-silver-bluestripe.png);
}
.box .announcement .header .bottom
{
    position: absolute;
    height: 2px;
    width: 100%;
    bottom: 0;
    left: 0;
    background: url(images/box-headerbottom-silver-bluestripe.png) no-repeat top left transparent;
}

/* announcement box alt */

.box .announcement-alt1 .header
{
    background-image: url(images/box-header-silver-bluestripe-end.png);
    padding: 0 34px 2px 0;
    margin: 0;
}
.box .announcement-alt1 .header .content
{
    background-image: url(images/box-header-silver-bluestripe.png);
}
.box .announcement-alt1 .header .bottom
{
    position: absolute;
    height: 2px;
    width: 100%;
    bottom: 0;
    left: 0;
    background: url(images/box-headerbottom-silver-bluestripe.png) no-repeat top left transparent;
}

/* footer */

#footerdiv
{
    clear: both;
    height: 137px;
    position: relative;
}
#footerdiv .container
{
    position: absolute;
    height: 129px;
    width: 949px;
    /*width: 100%;*/
    top: 0;
    left: -5px;
    /*padding: 0 6px 10px 6px;*/
    background: url(images/bottom-pad-2.png) no-repeat top left transparent;
}

#footerdiv .container .info
{
    display: block;
    list-style-type: none;
    margin: 20px 0 0 0;
    color: #646464;
    font-size: 1.0em;
    width: 100%;
}
#footerdiv .container .info h3
{
    font-size: 1.1em;
    font-weight: normal;
    color: black;
}
#footerdiv .container .info li
{
    float: left;
    /*width: 185px;*/
    padding: 0 35px 20px 35px;
    border-left: 1px #e5e5e5 solid;
    height: 80px;
}

#footerdiv .container .info .first
{
    /*width: 380px;*/
    padding: 0 20px 20px 20px;
    border: 0;
    position: relative;
}

#footerdiv .container .info .last
{
    /*padding: 0 20px 20px 35px;*/    
}
#footerdiv .container .first span
{
    margin-bottom: 10px;
    display: block;
}
#footerdiv .container .first select
{
    width: 200px;
    margin: 2px 0 0 10px;
    border: 0;
    background: none;
}
#footerdiv .container .first .search
{
    width: 220px;
}
#footerdiv .container .first .search div
{
}
#footerdiv .container .first input
{
    position: absolute;
    right: 110px;
    top: 13px;
}

#footerdiv .container .info li ul
{
    list-style-type: none;
    margin: 0 0 10px 0;
    font-size: 1.1em;
}
#footerdiv .container .info li ul li
{
    border: 0;
    padding: 0;
    float: none;
    height: auto;
}

.dividers .strong
{
    border-bottom: 2px #666666 solid;
    margin-bottom: 2px;
}
.dividers .weak, .dividers ul.weak li, .dividers ol.weak li, .dividers td, .dividers .weak td
{
    padding-bottom: 2px;
    margin-bottom: 2px;
    border-bottom: 1px #c0c0c0 solid;
}
.dividers .weak td
{
    padding-bottom: 4px;
}
.dividers ul.weak, .didivers ol.weak
{
    padding: 0;
    margin-bottom: 10px;
    border: 0;
}
.dividers .title
{
    position: relative;
}
.dividers h3.title
{
    font-weight: normal;
}
.dividers .title span
{
    position: absolute;
    right: 0;
    top: 15%;
    font-size: 0.65em;
}
.dividers .title span
{
    color: #999999;
}

.dividers ul, .link-list ul
{
    list-style-type: none;
    margin: 0;
}
.link-list, .link-table, .link-box, .dividers
{
    padding-bottom: 20px;
}
.box .link-list, .box .link-table
{
    padding-bottom: 10px;
}

.link-list ul li
{
    background: url(images/arrow-size1.png) 0 2px no-repeat transparent;
    padding-left: 20px;
}
.link-box table, .link-table table
{
    width: 100%;
}
.link-box table th
{
    text-align: left;
    padding-left: 30px;
}
.link-table td
{
    vertical-align: top;
    padding: 2px 0 3px 20px;
    background: url(images/arrow-size1.png) no-repeat 0 3px transparent;
}
.link-table td.date
{
    padding-left: 0;
    background-image: none;
    text-align: right;
    width: 60px !important;
}

.link-box td
{
    vertical-align: top;
}
.link-box td a
{
    display: block;
    background: url(images/arrow-size1.png) no-repeat 10px 3px transparent;
    padding: 2px 0 2px 30px;
}

.link-box table
{
    border-left: 1px #a1a1a1 solid;
    border-right: 1px #a1a1a1 solid;
}
.link-box .top, .link-box .bottom
{
    height: 12px;
    overflow: hidden;
    padding: 0 14px 0 0;
}
.link-box .top
{
    background: url(images/linkbox-top-corner.png) no-repeat top right transparent;
}
.link-box .top div, .link-box .bottom div
{
    height: 12px;
    overflow: hidden;
}
.link-box .top div
{
    background: url(images/linkbox-top.png) no-repeat top left transparent;
}
.link-box .bottom
{
    background: url(images/linkbox-bottom-corner.png) no-repeat bottom right transparent;
}
.link-box .bottom div
{
    background: url(images/linkbox-bottom.png) no-repeat top left transparent;
}

.shortcut-list
{
    list-style-type: none;
    width: 100%;
    margin: 0;
    position: relative;
    margin-bottom: 10px;
    font-size: 1.4em;
}
.shortcut-list-small
{
    font-size: 1.2em;
}
.shortcut-list li
{
    width: 100%;
    padding: 0 20px 2px 20px;
    position: relative;
    left: -20px;
    background: url(images/divider-plate.png) no-repeat bottom left transparent;
}
.shortcut-list li a
{
    width: 100%;
    padding: 10px 20px;
    display: block;
    position: relative;
    left: -20px;
}
.shortcut-list li a:hover
{
    background: url(images/blue-plate.png) no-repeat top left transparent;
    color: white;
}
.box .alone
{
    margin-bottom: 0;
}
.box ul .first
{
    padding-bottom: 0;
    height: 2px;
    font-size: 1px;
    overflow: hidden;
}
.box ul.alone .first, .box ul.bottom .first
{
    display: none;
}
.box ul.top
{
    margin-bottom: 0;
}
.box ul.alone .last, .box ul.top .last
{
    background-image: none;
    padding-bottom: 0;
}

a.arrow
{
    background: url(images/arrow-size2.png) bottom left no-repeat;
    padding: 3px 0 5px 30px;
    display: block;
    position: relative; /* puts the element out of the normal flow for ie7 dodginess */
}
/*
a.arrow:hover
{
	background: url(images/arrow-size2-hover.png) bottom left no-repeat;
}
*/





.col-1 #contentdiv
{
}
.col-1 #contentdiv .column-1, .col-1 #contentdiv .column-2
{
    float: left;
    margin-right: 40px;
    width: 440px;
}
.col-1 #contentdiv .column-2
{
    margin: 0;
}

.column-1 img, .column-2 img
{
    margin-bottom: 20px;
}


.calendar table
{
    width: 100%;
}
.calendar td
{
    border-bottom: none;
}
.calendar .date
{
    color: #999999;
    border-top: 2px #666666 solid;
    margin-top: 2px;
}
.calendar .time
{
    text-align: right;
}

table.info
{
    width: 100%;
}
table.info td
{
    padding-bottom: 40px;
    vertical-align: top;
}
table.info td:first-child
{
    padding-right: 40px;
    width: 200px;
}
table.info img, table.info .box
{
    margin: 0;
}

/* Customer Data control */
.customerCertificateInfo
{
    border: 1px solid #aaa;
    padding: 15px 10px 10px;
    background-color: #F6F7F7;
}
.priorityTextbox
{
    border: 1px solid #aaa;
}

/* TOOTH GRID VIEW - JAWS*/
.clearbuttonContainer
{
    height: 185px;
    margin: 5px 0;
}

.clearButtonTop
{
    margin: 25px 0 0 10px;
}

.clearButtonBottom
{
    margin: 25px 0 0 10px;
}

.tableTeethWrap
{
    border-left: 1px solid #000;
    border-top: 1px solid #000;
    float: left;
    text-align: center;
    margin: 10px 0;
    border-right: 0;
    background-color: #fff;
    font-size: 11px;
}
.tableTeethWrap input
{
    width: 39px;
    border: 1px solid #D8D8D8;
    font-size: x-small;
    height: 16px;
}
.tableTeethWrap input[type=checkbox]
{
    border: none;
}
.tableTeethWrap .formerToothCare input
{
    height: 26px;
}

.tableTeethWrap div.row
{
    width: 100%;
    height: 17px;
}
.tableTeethWrap div.row.input
{
    height: 20px;
    text-align: left;
    padding-left: 1px;
}
.tableTeethWrap div.row.input.right
{
    background-color: #ccc;
}
.tableTeethWrap div.double
{
    height: 30px;
}

    .tableTeethWrap div.doublerow {
        height: 30px;
        width: 100%;
        text-align: left;
        padding-left: 1px;
    }
        .tableTeethWrap div.doublerow.last {
            height: 59px;
            text-align: left;
            padding-left: 1px;
            border-bottom: 0;
            padding-bottom: 1px;
        }

.tableTeethWrap .toothHeadline
{
    float: left;
    width: 90px;
    border-right: 0;
}
.tableTeethWrap .toothHeadline.right
{
    width: 43px;
}
.tableTeethWrap .toothClass
{
    float: left;
    width: 43px;
}
.tableTeethWrap .DisplayToothClass 
{
    float: left;
    width: 43px;
}
.tableTeethWrap div
{
    border-right: 1px solid;
    border-bottom: 1px solid;
}

.tableTeethWrap .toothClass .tooth
{
    text-align: center;
    border: 0;
    border-bottom: 1px solid black;
}

.tableTeethWrap .DisplayToothClass .tooth
{
    border-right: medium none;
    text-align: center;
    height: 17px;
}
.tableTeethWrap .toothClass .formerToothCare
{
    width: 43px;
    height: 30px;
    line-height: 12px;
    display: block;
}

.tableTeethWrap .DisplayToothClass .formerToothCare
{
    width: 43px;
    height: 30px;
    line-height: 12px;
    display: block;
}

.tableTeethWrap .treatment
{
    width: 43px;
    height: 30px;
    line-height: 12px;
    display: block;
}

.tableTeethWrap .toothClass .caries
{
    width: 43px;
    height: 20px;
    display: block;
}
.tableTeethWrap .DisplayToothClass .caries
{
    width: 43px;
    height: 20px;
    display: block;
}
.tableTeethWrap .toothClass .pariodontalDiagnos
{
    width: 43px;
    height: 20px;
    display: block;
}
.tableTeethWrap .DisplayToothClass .pariodontalDiagnos
{
    width: 43px;
    height: 20px;
    display: block;
}
    .tableTeethWrap .toothClass .apicChange .primary {
        height: 20px;
        width: 43px;
        line-height: 12px;
        display: block;
    }

    .tableTeethWrap .DisplayToothClass .apicChange .primary {
        height: 20px;
        width: 43px;
        line-height: 12px;
        display: block;
    }

    .tableTeethWrap .toothClass .apicChange input .primary input {
        margin-top: 4px;
    }

.panelTotalSummary ul {
    list-style-type: none;
}

.panelTotalSummary ul li
{
    display: inline;
    margin-right: 20px;
}
/* Tooth treatment - Edit treatment for tooth */
.fl.toothtreatment
{
    border-top: 1px solid #E8E8E8;
    margin-top: 10px;
    padding-top: 10px;
}
.toothHeader
{
    font-weight: bold;
    float: left;
    margin: 5px 5px 10px;
    width: 80%;
}
div#contentdiv h2.margin
{
    margin: 0px 5px 0 40%;
}
.fancyBoxWindow
{
    float: left;
    width: 860px;    
}
.fancyBoxWindow div
{
    float: left;
    margin: 0 20px 0 0;
}
.fancyBoxWindow div label
{
    float: left;
    clear: left;
    font-weight: bold;
}
.fancyBoxWindow div input
{
    float: left;
    clear: left;
}
.fancyBoxWindow div.addButton
{
    float: right;
    margin: 0;
}
.fancyBoxWindow div div
{
    float: left;
    clear: left;
}


/* Table for upload and tooth treatment */
.table
{
    background: none repeat scroll 0 0;
    margin-top: 15px;
    margin-bottom: 15px;
    min-width: 600px;
    float: left;
}
.table td
{
    padding: 0.3em;
}
.table th
{
    padding: 0.3em;
    border-bottom: 1px solid black;
}
.table tr:hover td
{
    background-color: #ccc;
}
.table .fileupload
{
}

.table .fileuploadsummary
{
    min-width: 400px;
    width: 600px;
}
.table .fileupload input[type=submit]
{
    margin-top: 10px;
}
.fl.table
{
    min-height: 100px;
}
.row.header
{
    border-top: 1px solid #2e87cc;
    border-bottom: 1px solid #2e87cc;
}
.row.toothtreatment
{
    height: 100%;
}
.row.toothtreatment.bold
{
    font-weight: bold;
}
tr.row.toothtreatment
{
    border-right: 1px solid #2e87cc;
}
.row.treatmentCell
{
    border-left: 1px solid #2e87cc;
    border-bottom: 1px solid #2e87cc;
    /*text-align: left;*/
    /*padding-top: 3px;
    padding-left: 3px;*/
    padding: 3px;
    background-color: White;
}
.row.treatmentCell input
{
    margin-top: 3px;
}

.tableCell
{
    background: none repeat scroll 0 0;
    float: left;
    width: 100px;
    min-height: 20px;
    padding-left: 10px;
    font-size: 1.2em;
    overflow: visible;
    height: inherit;
    background-color: White;
    border-bottom: 1px solid #2e87cc;
}
td .tableCell
{
    border-right: 1px solid #2e87cc;
    padding-left: 0;
}
.tableCell.first
{
    border-left: 1px solid #2e87cc;
    height: inherit;
    min-height: 20px;
}
.alignleft
{
    text-align: left;
}
.aligncenter
{
    text-align: center;
}
.alignright
{
    text-align: right;
}
.alignjustify
{
    text-align: justify;
}

.cellheader
{
    background: none repeat scroll 0 0 #2e87cc;
    padding-left: 5px;
    min-height: 20px;
    height: inherit;
    width: 100px;
    font-weight: bold;
    color: black;
    text-align: left;
}
.cellheader.white
{
    color: White;
}
.tableCell.cellheader.first
{
    border-left: 1px solid #2e87cc;
}
.filenameLong
{
    width: 600px;
    overflow: hidden;
    height: inherit;
}
.long
{
    width: 450px;
    height: inherit;
}
.categoryDocType
{
    width: 216px;
}
.empty
{
    height: inherit;
    min-height: 20px;
    width: 50px;
}
.clearingBR
{
    clear: both;
}
.priceTreatment
{
    width: 100px;
    height: 15px;
    border: none;
    background-color: #fff;
}

.treatmentDescription
{
    width: 730px;
    height: 15px;
    border: none;
    background-color: #fff;
}
div#CustomerDataWrap ul li span.limitWidth
{
    width: 146px;
    font-weight: bold;
}
/* Table for step 5 confirmed submited preAssessment */
.table.confirmstep
{
    background: none repeat scroll 0 0;
    margin-top: 15px;
    margin-bottom: 15px;
    width: 856px;
    float: left;
}
.table.confirmstep .row.header
{
    border-top: none;
}

.table.confirmstep .tableCell
{
    background: none repeat scroll 0 0;
    float: left;
    width: 100px;
    height: 20px;
    padding-left: 10px;
    border-right: none;
    font-size: 1.2em;
}
.table.confirmstep .tableCell.first
{
    border-left: none;
}

.table.confirmstep .cellheader
{
    background-color: white;
    border-right: none;
    padding-left: 10px;
    width: 100px;
    font-weight: bold;
}
.table.confirmstep .tableCell.cellheader.first
{
    border-left: none;
}
.table.confirmstep .long
{
    width: 300px;
}
.table.confirmstep .long a img
{
    bottom: 0;
    height: 24px;
    position: relative;
    top: 5px;
}
.fl.table.filesuploaded
{
    width: 600px;
}

.categoryDocTypeConfim
{
    width: 150px;
}
.filenameSumLong
{
    width: 427px;
}

/* End */


.removeToothFix
{
    text-align: center;
    padding-top: 4px;
}
.removeToothFix label
{
    color: white;
}

.sumToothOperation
{
    margin: 20px 0;
    vertical-align: middle;
}

/* WIZARD */
.wizardHeaderCustomerData
{
    float: left;
    width: 735px;
    margin-bottom: 10px;
}
.wizardProgress ul li.stepNotCompleted
{
    background-color: rgb(153,153,153);
    width: 15px;
    border: 1px solid rgb(153,153,153);
    color: White;
    font-family: Arial;
    font-size: 12px;
    text-align: center;
}

.wizardProgress ul li.stepCompleted
{
    background-color: #4d4d4d;
    width: 15px;
    border: 1px solid #4d4d4d;
    color: White;
    font-family: Arial;
    font-size: 12px;
    text-align: center;
}

.wizardProgress ul li.stepCurrent
{
    background-color: #e01122;
    width: 15px;
    border: 1px solid #e01122;
    color: White;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}

.stepBreak
{
    width: 3px;
    background-color: Transparent;
}
.wizardProgress
{
    float: right;
    width: 125px;
    height: 25px;
}
.wizardProgress.sixSteps
{
    width: 150px;
}
.wizardProgress ul
{
    list-style: none;
}

.wizardProgress ul li
{
    display: inline-block;
    float: left;
    margin-right: 5px;
}

.wizardProgress span
{
    padding-right: 10px;
    font-family: Arial;
    color: #333333;
    font-size: 12px;
}

.wizardTitle
{
    font-family: Arial;
    font-size: 120%;
    font-weight: bold;
    color: #333333;
    vertical-align: middle;
}

.DisplayToothClass .PlannedTreatment {
    font-size: 10px;
    padding: 0 5px;
    white-space: normal;
    height: 60px;
    display: block;
    border: 0;
    -ms-word-wrap: break-word;
}

/* Tooth control inside Jaws */
.toothClass .addTreatmentButton
{
    font-size: 10px;
    padding: 0 5px 1px 5px;
    white-space: normal;
    height: 60px;
    display: block;
    border: 0;
    -ms-word-wrap: break-word;
}
.toothClass .addTreatmentButton:hover
{
    background-color: #ccc;
}
.toothClass .addTreatmentButton:hover.inactive
{
    background-color: #fff;
}
.toothClass a.addTreatmentButton
{
    text-decoration: none;
    height: 59px;
    color: black;
}

/* tooltip styling */
.tooltip
{
    background: white;
    height: auto;
    padding: 40px 30px 10px 30px;
    width: 600px;
    font-size: 11px;
    border: 1px solid #ccc;
    position: absolute;
}

/* Autocomplete */
.autocomplete_completionListElement
{
    background-color: white;
    list-style-type: none;
    border: 1px solid #ccc;
    -moz-border-radius: 5px;
    border-radius: 5px;
    left: -15px !important;
    min-width: 600px;
    width: auto !important;
    padding: 0 0 5px 0;
}
.autocomplete_listItem
{
    padding: 5px;
}
.autocomplete_highlightedListItem
{
    background-color: #dcedce;
    padding: 5px;
}

/* Wizard - Steg 1 - Select Patient */
div#CustomerDataWrap ul li h4
{
    margin-top: 15px;
}
div#CustomerDataWrap ul li span
{
    width: 110px;
    display: inline-block;
    vertical-align: top;
    line-height: 20px;
}
div#CustomerDataWrap ul li .requestPriority
{
    width: 160px;
}
div#CustomerDataWrap ul
{
    list-style-type: none;
    margin: 0;
    float: left;
}
div#CustomerDataWrap ul.middleul
{
    float: left;
    margin: 0 30px;
}
div#CustomerDataWrap ul li input[type=submit]
{
    margin-left: 15px;
}
div#CustomerDataWrap ul li span.customerTitle
{
    width: 200px;
}
div#CustomerDataWrap ul li span.customerDetail
{
    font-weight: bold;
    width: 150px;
}
div#CustomerDataWrap ul li span.customerDetailWide
{
    font-weight: bold;
    width: 250px;
}
.reason
{
    float: left;
    width: 100%;
}
.reason p
{
    color: Red;
    margin-top: 10px;
    font-size: 1.2em;
}

.reason input
{
    width: 800px;
    margin-bottom: 10px;
    color: Red;
}

/* Bekräftelse vyn */
p.imageAndText
{
    font-size: 1em !important;
    left: 30px;
    padding: 0 !important;
    position: relative;
    top: -19px;
}

/* ModalPopup (ajax extender) */
.modalPanelErrorMessageBackground
{
    background-color: Gray;
    color: Gray;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.modalPanelErrorMessage
{
    background-color: #EEEEEE;
    max-width: 600px;
    min-width: 100px;
    min-height: 60px;
    padding: 10px;
    padding-bottom: 20px;
    font-size: 1.1em;
    position: relative;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 1px 2px 5px #CDCDCD;
}

.modalPanelMessage {
    background-color: #EEEEEE;
    /*border: 2px solid #CCCCCC;*/
    max-width: 700px;
    min-width: 100px;
    min-height: 60px;
    padding: 10px;
    padding-bottom: 20px;
    font-size: 1.1em;
    position: relative;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 1px 2px 5px #CDCDCD;
}

.modalPanelMessageBackground {
    background-color: Gray;
    color: Gray;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.modalPopupButtonWrap
{
    padding: 5px;
    position: absolute;
    right: 5px;
    bottom: 5px;
}

.modalPopupBG
{
    background-color: #404040;
    filter: alpha(opacity=50); /* For IE8 and earlier */
    opacity: 0.5;
}

.modalPopupContainer
{    
    background-color:White; 
    max-width: 600px;
    min-width: 100px;
    min-height: 60px;
    font-size: 1.1em;
    position: relative;
    border-radius: 5px 5px 5px 5px;
}

.modalPopupHeader
{
    text-align:center;
    padding-top:15px;
}

.modalPopupBody
{
    padding:0px 20px 0px 20px; 
    text-align:left;
}

.modalPopupControls
{
    background-color:#F0F0F0; 
    text-align:right;    
    padding:15px 25px 20px 25px; 
    border-top:thin solid #E0E0E0; 
    border-radius: 0px 0px 5px 5px;
}

.passedAssessmentTablePadding
{
    margin: 0px;
}
.passedAssessmentTable
{
    border-bottom: 1px solid buttonface;
    text-align: left;
    padding-top: 10px;
    width: 100%;
}

.passedAssessmentTable tr
{
    text-align: left;
}
.passedAssessmentTable tr th
{
    text-align: left;
    /*border-bottom: 1px solid buttonface;*/
}
.passedAssessmentTable tr th.first
{
    padding-left: 4px;
}
.passedAssessmentTable tr td
{
    /*background-color: #FFF;*/
    text-align: left;
    padding-top: 3px;
    padding-bottom: 3px;
    vertical-align: top;
}
.passedAssessmentTable tr td a
{
    text-decoration: underline;
    color: #000;
}
.passedAssessmentTable tr td.first
{
    /*border-left: 1px solid buttonface;*/
    padding-left: 4px;
}

.passedAssessmentTable tr td.top
{
    /*border-top: 1px solid buttonface;*/
}
.passedAssessmentTable tr td.last
{
    /*border-right: 1px solid buttonface;*/
}

.passedAssessmentTable tr:hover td.unhover
{
    background: none;
    background-color: White;
}

.passedAssessmentTable tr:hover td
{
    background: url(images/sr_table_hover.png);
    background-repeat: repeat-x;
    background-position: top;
    background-color: White;
}

.PageNavigation
{
    float: right;
    margin-top: 15px;
}
.PageNavigation .disabled
{
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}
.PageNavigation input[disabled=disabled] /* Use this one instead of setting a specific class */
{
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}

.SearchPreAssessmentResultTable
{
    margin-left: 20px;
    margin-top: 20px;
    width: 880px;
}
.SearchPreAssessmentResultTable tr
{
    text-align: left;
}
.SearchPreAssessmentResultTable tr th
{
    text-align: left;
    border-bottom: 1px solid buttonface;
    padding-left: 10px;
}
.SearchPreAssessmentResultTable tr td
{
    background-color: #FFF;
    text-align: left;
    padding-top: 5px;
    padding-left: 10px;
    padding-bottom: 5px;
    vertical-align: top;
}

.SearchPreAssessmentResultTable tr td a
{
    text-decoration: underline;
    color: #000;
}

.SearchPreAssessmentResultTable tr:hover td.unhover
{
    background: none;
    background-color: White;
}

.SearchPreAssessmentResultTable tr:hover td
{
    background: url(images/sr_table_hover.png);
    background-repeat: repeat-x;
    background-position: top;
    background-color: White;
}

.AssessmentTable
{
    margin-left: 30px;
    width: 880px;
}
.AssessmentTable tr
{
}
.AssessmentTable tr td
{
}
.AssessmentTable tr td.headline
{
    width: 130px;
    font-weight: bold;
    margin: 0;
}
.AssessmentTable tr td.TinyText
{
    font-size: 10px;
}

.SearchPreAssessmentParameterTable tr td label, .findPatient .criteriaLabel
{
    font-weight: bold;
    color: #0066cc;
}

.criteriaLabel
{
    font-weight: bold;
    color: #0066cc;
    float: right;
}

.findPatient .grid10Row, .findPatient .grid10RowXtraPad
{
    padding-top: 3px;
    padding-bottom: 3px;
}

.textcolor.red
{
    color: Red;
}
.textcolor.blue
{
    color: Blue;
}
.textcolor.black
{
    color: Black;
}
.textcolor.yellow
{
    color: Yellow;
}
.textcolor.white
{
    color: White;
}
.menuClass ul
{
    list-style-image: url(images/arrow-size1.png);
    margin: 0;
    margin-left: 18px;
    padding: 0;
}
.DivAdditionInformation
{
    background-repeat: repeat-x;
    font-weight: bold;
    display: none;
    position: absolute;
    width: 300px;
    z-index: 20;
}
.DivAdditionInformation .TopContainer
{
    background-image: url(images/box-header-silver-end.png);
    padding: 7px;
    height: 20px;
}
.DivAdditionInformation .InnerTextField
{
    font-weight: normal;
    padding: 5px;
    background-color: #FFF;
    border: 1px solid buttonface;
}
.ImgAdditionNeeded
{
}

.ImgAdditionNeeded:hover + Div
{
    display: block;
}

.PatientInfoWrap ul
{
    list-style-type: none;
    margin: 0;
    float: left;
}

.PatientInfoWrap span.infoHeader, .PatientInfoWrap span.infoHeaderNoWidth
{
    vertical-align: top;
    line-height: 20px;
}

.PatientInfoWrap span.infoHeader
{
    /* width kan ändras inline */
    width: 95px;
    display: inline-block;
}

.PatientInfoWrap span.infoDetail, .PatientInfoWrap span.infoDetailNoWidth
{
    font-weight: bold;
}

.PatientInfoWrap span.infoDetail
{
    /* width kan ändras inline */
    width: 130px;
    display: inline-block;
}

/* ====== Row highlight for repeater ====== */
td.yellow_row_highlight {
    background-color: yellow;
}

a.modalPanelCloseX
{
    position:absolute; right:0; top:0;
    display:block;
    color: #777;
    font-weight:bold; 
    padding:6px 12px 0;
    text-decoration:none; 
    text-shadow:0 1px 0 #f4f4f4;
}

a.modalPanelCloseX:hover {
    color:#000;
}

.childrenToReportRed {
    color: red;
}

div.additionalInfo {
    border: solid 1px;
    background-color: red;
    height: 25px;
    padding-top: 5px;
    margin-bottom: 10px;
}

div.additionalInfo span {
    font-weight: 900;
    color: yellow;
}

tr.validationError {
    color: red;
}

.pageInfo {
    color: black;
    font-size: 12px;
    font-weight: bold;
    width: 600px;
    text-align: center;
    background-color: #f0e68c

}

.chbShowBillableActions {
    text-align: right;
    margin-top: 9%;
}

.visibility-hidden {
    visibility: hidden
}

.apicChange, .primary {
    height: 20px;
}

.labelTitleComplete {
    float: left;
    margin-top: 15px;
    font-size: 1.2em;
}

.divAnamnesDentalSection {
    padding-left: 10px;
}

.activeAnamnesTherapy {
    margin-bottom: 20px;
    padding: 10px;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    font-style: italic;
}

:-ms-input-placeholder { /* IE 10+ */
    font-style: italic;
}

div.loadingoverlay {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 10;
    background-color: rgba(0, 0, 0, 0.6);
    top: 0;
    left: 0;
}

div.ui-widget-content {
    background: #fff;
    text-align: center;
}

div.ui-widget-header {
    border: 1px solid #4297d7;
    background: #5c9ccc url(images/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x;
    color: #fff;
    font-weight: bold;
}

div.loadingoverlayContent {
    display: inline-block;
    width: 500px;
    height: 200px;
    position: relative;
    left: 50%;
    top: 15%;
    margin-left: -250px;
    background-color: white;
    border: 1px solid #c0c0c0;
    border-radius: 15px;
    padding: 5px;
    text-align: center;
    border-width: 2px;
}

div.BankidPopup {
    background: #fafafa;
    padding: 1em 1.75em;
    margin: 0em;
}

button.ui-button-text {
    border: 1px solid #c5dbec;
    background: #dfeffc url(images/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x;
    font-weight: bold;
    color: #2e6e9e;
}

.ui-state-hover {
    color: #1c94c4 !important;
    border: 1px solid #ccc;
    background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;
    font-weight: bold;
}

.padding-Text {
    padding-top: 10px;
    padding-bottom: 10px;
}

.padding-left-10 {
    padding-left: 10px;
}

.align-top {
    vertical-align: top;
}


.login-box {
    border-color: #a0a0a0c4;
    border-style: Solid;
    width: 100%;
    text-align: center;
    border-radius: 15px;
    border-width: 2px;
    margin: auto;
    width: 487px;
    padding: 10px;
    margin-top: 18px; /* margin-bottom: 100px; */
    background-color: white;
}

.bankid-logo {
    width: 124px;
    height: 103px;
}

.bank-id-header {
    text-align: center;
    margin-block-end: 0px;
    padding: 0px;
}

#qrCodeImage {
    padding-top: 10px;
}

.bank-id-noscript {
    font-weight: bold;
    font-size: 16px;
}