body {
    background-color: #dddddd;
    font-family: Segoe UI;
}

/*#topContentRowDiv {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    background-color: #dddddd;
    width: 100%;
}*/

.clear {
    clear: both;
}

.entityHistoryTable {
    font-size: x-small;
}

label {
    font-weight: normal;
    display: inline;
    padding-left: 5px;
}

.modal {
    display: none;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba( 255, 255, 255, .8 ) url('/img/loading.gif') 50% 50% no-repeat;
    text-align: center;
    vertical-align: middle;
}

body.loading {
    overflow: hidden;
}

    body.loading .modal {
        display: block;
    }

.LoginTile {
    border: 1px solid #797979;
    background-color: #ffffff;
    padding: 4px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    line-height: 18px;
}

    .LoginTile img {
        float: left;
        margin-right: 5px;
    }

.Firstname {
    font-size: 16px;
}

.Lastname {
    font-size: 14px;
}

.Logout {
    padding-top: 8px;
    font-size: 1.4em;
}

h1 a, h2 a, h3 a, h4 a, h5 a {
    color: inherit;
}

    h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {
        color: inherit;
    }

h4 {
    font-size: larger;
    margin-top: 0px;
}

.FormCanvas {
    background-color: #ffffff;
    border: solid 1px #d4d4d4;
    padding-top: 10px;
    padding-right: 15px;
    padding-bottom: 10px;
    padding-left: 15px;
    height: 460px;
    overflow-y: scroll;
}

.FormCanvas-50 {
    background-color: #ffffff;
    border: solid 1px #d4d4d4;
    padding-top: 10px;
    padding-right: 15px;
    padding-bottom: 10px;
    padding-left: 15px;
    height: 250px;
    overflow-y: scroll;
}


.FormCanvas-Result {
    background-color: #ffffff;
    border: solid 1px #d4d4d4;
    padding-top: 10px;
    padding-right: 15px;
    padding-bottom: 10px;
    padding-left: 15px;
    height: 460px;
    overflow-y: auto;
}



.ViewFilterButton {
    color: #000000;
    font-size: 11px;
    text-decoration: none;
    width: 300px;
}

.ViewFilterHeading {
    font-size: 18px;
    font-weight: normal;
    font-family: Segoe UI;
}

.ViewFilterSmallHeading {
    font-size: 11px;
    font-weight: normal;
    font-family: Segoe UI;
    padding-left: 0px;
    margin-bottom: 6px;
}

.ViewFilterBox {
    background-image: url('/img/icons/dropdown.png');
    background-position: right;
    background-repeat: no-repeat;
    padding-left: 4px;
    margin-bottom: 4px;
}

    .ViewFilterBox a, .ViewFilterBox a:hover {
        color: #000000;
        font-size: 11px;
        text-decoration: none;
        width: 300px;
    }

.ViewOff {
    border: solid 1px #f0f0f0;
}

.ViewOn {
    border: solid 1px #a5acb4;
    background-color: #eeeeee;
}


/******* CellItemFormatting - ACTIVITY ********/

.ActivityPriority {
    float: left;
    border-left: solid 3px #ffffff;
    padding-top: 5px;
    padding-bottom: 5px;
}

.PriorityNormal {
    border-left: solid 3px #c0c0c0;
}

.PriorityHigh {
    border-left: solid 3px #d00000;
}

.PriorityLow {
    border-left: solid 3px #eeda01;
}

.PriorityHög {
    border-left: solid 3px #d00000;
}

.PriorityLåg {
    border-left: solid 3px #eeda01;
}


.ActivityIconContainer {
    float: left;
    padding-right: 5px;
    padding-left: 5px;
}

.ActivityDataContainer {
    float: left;
    width: 100px;
}

.ActivityDate {
}

.ActivityCompany {
    font-weight: bold;
}

.ActivityContactConsultant {
}

.ActivityAssignment {
}

/******* CellItemFormatting - Applications ********/
.ApplicantItem {
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.ApplicantName {
    font-weight: bold;
}

.ApplicantApplicationDate {
    padding-left: 20px;
}

.ApplicantAdvertisement {
    padding-left: 20px;
}

.ApplicantAssignment {
    padding-left: 20px;
}

.ApplicantGrade {
    float: left;
    padding-right: 3px;
}

.ApplicantPoint {
    padding-left: 20px;
}

/********** Cell Item Formatting Assignments *******/

.AssignmentPriority {
    border-left: solid 3px #ffffff;
    padding-top: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
}

.Priority249160001 /*normal*/ {
    border-left: solid 3px #ffffff;
}

.Priority249160000 /*high*/ {
    border-left: solid 3px #d00000;
}

.Priority249160002 /*low*/ {
    border-left: solid 3px #eeda01;
}

.AssignmentName {
    font-weight: bold;
}

.AssignmentCustomer {
}

/********** Cell Item Formatting Notes *******/
.NotesItem {
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.NotesCreatedBy {
    /*font-weight: bold;*/
    float: left;
}

.NotesCreatedOn {
    font-weight: bold;
    float: left;
    padding-right: 10px;
}

.NotesText {
}



/********** Cell items formatting assignment contacts ******/
.AssignmentContactItem {
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 10px;
}

.AssignmentContactIcon {
    float: left;
    padding-right: 5px;
}

.AssignmentContactNameTitle {
    float: left;
    width: 30%;
}

.AssignmentContactPhone {
    float: left;
    width: 30%;
}

.AssignmentContactInfo {
    float: left;
    width: 30%;
}

/******** Sortorder and Icon *******/

.SortorderBox {
    width: 200px;
    float: left;
}

.SortorderSettings {
    float: left;
    width: 25%;
    text-align: right;
}

.SortAsc {
    float: left;
    padding-left: 15px;
    /*width: 70%;*/
    background-image: url('/img/icons/sort_asc.png');
    background-position: left center;
    background-repeat: no-repeat;
}

.SortDesc {
    /*width: 70%;*/
    padding-left: 15px;
    float: left;
    background-image: url('/img/icons/sort_desc.png');
    background-position: left center;
    background-repeat: no-repeat;
}

.rblView td:first-child {
    padding-right: 20px;
}

/******* Date & Time ********/

#DateTimeTile {
}

#lblTime {
    font-size: 40px;
    line-height: 35px;
    margin-right: 10px;
}

#lblDayname {
    font-size: 16px;
}

#lblDayMonth {
    font-size: 12px;
}

#pnlTime {
    float: left;
}

#pnlDateAndTime {
    float: left;
}

/****** End ********/







/****** Icons ********/

.Icon-Save {
    background-image: url(/img/icons/save.16.gif);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 20px;
}

.Icon-Contact {
    background-image: url(/img/icons/contact.16.gif);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 20px;
}

.Icon-Account {
    background-image: url(/img/icons/account.16.gif);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 20px;
}

.Icon-Lead {
    background-image: url(/img/icons/lead.16.gif);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 20px;
}

.Icon-Map {
    background-image: url(/img/icons/map.28.png);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 35px;
}

/****** End **********/


/****** Forms *********/
.form-label {
    padding-bottom: 5px;
    font-weight: bold;
    display: block;
}



/***** Rad Grid Overrides ****/
.rgPageLast, .rgPagerLabel, .RadComboBox, .RadComboBox_Default, .rgPageFirst {
    display: none;
}

.rgPagerCell {
    background-color: #ffffff;
}

.rgHeaderWrapper {
    border: solid 0px #ffffff;
}

.assignmentBox {
    width: 100%;
    height: 70px;
    max-height: 70px;
    border: 0px;
    padding: 10px 10px 10px 10px;
}

.assignmentBox-odd {
    background-color: #eeeeee;
}

.assignmentBox:hover {
    background-color: #cccccc;
    cursor: pointer;
}

.assignmentBox h5 {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.assgnmentsHeader {
    height: 20px;
    width: 100%;
    font-weight: bold;
    padding: 10px 15px 15px 15px;
    margin-bottom: 10px;
}

.welcomeHeader {
    color: #bbbbbb;
}

.rounded-info-box-small {
    background-color: #ffffff;
    height: 90px;
    border: 0px;
    border-radius: 10px;
    margin-bottom: 20px;
    padding: 10px 10px 10px 10px;
    font-weight: bold;
}

.rounded-info-box-big {
    background-color: #ffffff;
    height: 530px;
    border: 0px;
    border-radius: 10px;
    margin-left: 10px;
    padding: 10px 10px 10px 10px;
    overflow-y: scroll;
    overflow-x: none;
}

a {
    color: Orange;
    font-weight: normal;
}

.gray {
    color: #888888;
}

hr {
    color: #000000;
    border-width: 3px;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 0px;
}

.greencircle {
    border-radius: 50%;
    width: 10px;
    height: 10px;
    color: Green;
    border: 2px solid green;
    background-color: Green;
}

.graycircle {
    border-radius: 50%;
    width: 10px;
    height: 10px;
    color: gray;
    border: 2px solid gray;
    background-color: gray;
}

.invalidAnswer {
    border: 2px dotted red;
}

.loadingDiv {
    height: inherit;
    background: url('/img/loading.gif') 50% 50% no-repeat;
    background-size: 20px 20px;
    text-align: center;
    vertical-align: middle;
}

.progressBarLabel {
    position: absolute;
    left: 43%;
    top: 4px;
    font-weight: bold;
    text-shadow: 1px 1px 0 #fff;
}

.noteIconInactive {
    opacity: 0.2;
}

.interviewButton {
    width: 120px;
}

.interviewHeader {
    position: fixed;
    height: 160px;
    z-index: 1;
    background-color: #ffffff;
    top: 0px;
    left: 0px;
    right: 0px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    background-color: #dddddd;
}