﻿/* ========================================================================= */
/*                          Control Styles                                   */

div.LD_Profile_UserOptions input.LD_Controls_TextInput,
div.LD_Room_LearnerProfile input.LD_Controls_TextInput,
div.LD_Room_LearnerProfile textarea,
span.LD_TextBox,
div.LD_Room_Forums textarea,
div.LD_Room_DataExchangeContent textarea,
div.LD_Room_DataExchangeContent div#divSearch input,
div.LD_Room_DataExchangeContent select,
div.LD_Room_Forums select,
div.LD_Room_Ratings textarea
{
    border-style: solid;
    border-width: 1px;
    padding: 2px;
    height: 14px;
    font-size: 13px;
    margin: 0px;
}

input[type=text]
{
    border-style: solid;
    border-width: 1px;
}

.LD_Button_Image
{
    border: none;
    background-color: transparent;
}

input.LD_Button,
.LD_Button {
    font-size: 13px;
    font-weight: bold;
    border: 0px none;
    height: 20px;
    overflow: visible; /* IE fix for 7 and CM because of width*/
}

a.LD_Button:link,
a.LD_Button:hover,
a.LD_Button:visited,
a.LD_Button:active {
    /* color: defined in "Colors" */
    text-decoration: none;
}

a.LD_Button {
    display: block;
    line-height: 20px;
    height: 15px;
    padding-top: 0px;
    padding-bottom: 5px;
    /*vertical-align: middle;*/
    padding-left: 6px;
    padding-right: 6px;
}


input.LD_Button,
.LD_Button {
    /* background-color defined in "Colors" */
}

input.LD_Button:hover,
input.LD_Button:active,
input.LD_Button.LD_SimulateHover,
.LD_Button:hover,
.LD_Button:active,
input.LD_Button.LD_SimulateHover {
    /* background-color defined in "Colors" */
    cursor: pointer;
}

input.LD_Sprite_SystemButton,
.LD_Sprite_SystemButton
{
    border: 0px none;
    padding: 0px;
    margin: 0px;
    /*padding-bottom: 1px; removed because of wrong size
    padding-top: 1px;*/
}

/*                          SeachControl Styles START                        */
/* ========================================================================= */
#LD_SearchControl_Container
{
}

#LD_SearchControl_TextField {
    border: 0;
    width: 100%;
    height: 48px;
    box-sizing: border-box;
}

#LD_Control_TextField
{
    border: 1px solid #9c9c9c;
    width: 215px; /* 217 = 215 + 2 (border) */
    height: 25px; /* 27 = 215 + 2 (border) */
}

#LD_Control_TextField
{
    height: 20px;
}

div#LD_SearchControl_TextField input
{
    border: 1px;
    border-style: solid;
    text-align: left;
    vertical-align: middle;
    padding: 0 78px 0 10px;
    width: 100%;
    height: 48px;
    line-height: 44px;
    box-sizing: border-box;
}

div#LD_SearchControl_TextField input:focus {
    /* Prevent the standard "glow" around selected inputs */
    outline-width: 0;
}

#closeSearch {
    position: absolute;
    color: transparent;
    right: 0;
    top: 0;
    width: 24px;
    height: 48px;
    border-width: 1px 0;
    border-style: solid;
    box-sizing: border-box;
    cursor: pointer;
}

div#LD_Control_TextField input
{
    border: none;
    text-align: left;
    vertical-align: middle;
    padding-left: 10px;
    width: 160px; /* 217 = 215 + 2 (border) + 10 (padding) */
    height: 20px; /* 27 = 215 + 2 (border) */
    padding-top: 0px;
    padding-bottom: 0px;
}

div.LD_Room_LearnerProfile textarea
{
    height: 120px;
    width: 370px;
}

div.LD_Room_LearnerProfile div.LD_Profile_ProfileData_Edit select
{
    width: 233px;
    margin-bottom: 8px;
    margin-right: 3px;
}

#LD_SearchControl_TextField_Icon
{
    position: absolute;
    right: 24px;
    top: 0;
    width: 40px;
    border: 0;
    height: 48px;
}

div#LD_Control_TextField_Icon
{
    float:right;
    width: 20px;
    height: 20px;
}


div.LD_Room_DataExchangeContent select
{
    height: 23px;
    width: 190px;
}

div.LD_Room_Forums select
{
    height: 23px;
    width: 240px;
}

div.LD_Room_DataExchangeContent div#divSearch input
{
    width: 162px;
}

/*                          SeachControl Styles END                          */
/* ========================================================================= */

input.LD_FileUpload.LD_FileUploadAPI {
    width: 130px !important;
    right: 135px !important;
}

div.LD_Room_Forums div#divEdit div.LD_Forum_BackgroundFieldSet div.LD_Forums_ForumFileUpload div.LD_TextInputWrapper.LD_FileUpload.LD_FileUploadAPI,
div.LD_Room_DataExchangeContent div#divEdit div.LD_Forum_BackgroundFieldSet div.LD_DEX_FileUpload div.LD_TextInputWrapper.LD_FileUpload.LD_FileUploadAPI
{
        width: 460px;
}

/* ========================================================================= */
/*                  START Client bound list and filters                      */

/* Give the filter input controls some space from the label */
.tileFilters {
    margin: 20px 0 10px 0;
    display: inline-block;
    min-height: 20px;
}

/* Separate all filters from each other via a margin on the label */
.tileFilters label {
    margin-left: 20px;
}

/* Prevent an unwanted indent on the first filter control */
.tileFilters label:first-child {
    margin-left: 0;
}

.tileFilters label,
.tileFilters label input,
.tileFilters label select {
    line-height: 16px;
}

.tileFilters label input,
.tileFilters label select {
    margin-left: 10px;
}

/* Account for the negative margin on the tile container */
.clientBoundTileList .LD_Listing_Loading,
.clientBoundTileList .LD_Listing_NoEntries {
    clear: left;
    margin-left: 20px;
}

/* Custom filter classes */
.tileFilters label.userTopicAreas select {
    max-width: 300px;
}

/*                  END   Client bound list and filters                      */
/* ========================================================================= */

/* ========================================================================= */
/*                  START STAR RATING LEARNERDESKTOP                         */
div.LD_Room_Ratings textarea {
    height: 160px;
}

div.LD_VirtualRow > div.LD_Row > div.LD_Column {
    float: left;
}
div.LD_VirtualRow >  div.LD_Row > div.LD_Column.Two {
    width: 50%;
}

div.LD_VirtualRow > div.LD_Row {
    padding-top: 18px;
    padding-bottom: 18px;
    border-bottom: 1px solid;
    border-bottom-color: #D5D5D5;
}

/*removing border from the bottom*/
div.LD_VirtualRow > div.LD_Row:last-child{
    border-bottom: 0px none;
}

.ItemRatingWithBreakdown .LD_ActionContent {
    /**to see the keyboard highlight */
    overflow: visible;
}

/*Ratings control margin */
.RatingsMargin {
    margin-top: -5px;
}

.ratingPopupSelector .RatingsMargin {
    display: inline-grid;
}

/* bar rating (br) star styles */
div.br-wrapper.br-theme-fontawesome-stars-o
{
    display: inline;
}

div.br-wrapper.br-theme-fontawesome-stars-o .br-theme-fontawesome-stars-o .br-widget a
{
    font-size: 16px;
}

div.br-wrapper.br-theme-fontawesome-stars-o a{
    cursor: default;
}

.br-theme-fontawesome-stars .br-widget .br-current-rating {
    display: inline-block !important;
    margin-left: 7px;
    line-height:20px;
    height: 28px;
    vertical-align: middle;
}

.br-wrapper .br-widget {
    display: inline-block;
}

/*                  END   STAR RATING LEARNERDESKTOP                         */
/* ========================================================================= */


/* ========================================================================= */
/*                  START Nested rating comment list                         */

div.LD_Row.RatingCategory .clientBoundListing {
    clear: both;
    padding-top: 10px;
}

.clientBoundListing tbody.LD_ListingEntries .LD_Listing_Column.SingleRatingReadOnly {
    /* Standard top padding is 8px, as cells are "top" aligned reducing this
       helps the stars appear on the same line as text in other columns */
    padding-top: 7px;
}

/*                  END   Nested rating comment list                         */
/* ========================================================================= */


/* ========================================================================= */
/*                  START Multi Select Filter                                */

/* The container for the multi select "button" and the list of options, needs position
    relative so that the options are correctly positioned */
.ms-options-wrap {
    position: relative;
}

html .ms-options-wrap > button,
html .ms-options-wrap > button:focus {
    padding: 1px 20px 1px 1px;
    margin-top: 0;
    height: 20px;
}

html .ms-options-wrap > .ms-options > ul input[type="checkbox"] {
    margin: 0;
    left: 3px;
    top: 5px;
}
/*                  END   Multi Select Filter                                */
/* ========================================================================= */

/* ========================================================================= */
/*                  START   Blocking item                                    */

.BlockedItemControl {
    padding-top: 8px;
    text-align: center;
}

.LD_ActionContent .BlockedItemControl {
    padding-bottom: 8px;
}

/*                  END     Blocking item                                    */
/* ========================================================================= */

/* ========================================================================= */
/*                  START   Telerik rich text editor                         */

.LD_Appointments_CreateEdit .reDropdown.reFontName {
    width: 12em;
}

.LD_Appointments_CreateEdit .reDropdown.reRealFontSize {
    width: 4em;
}

.LD_Appointments_CreateEdit .reDropdown.reFontSize {
    width: 2.5em;
}


/*                  END     Telerik rich text editor
/* ========================================================================= */


/* ========================================================================= */
/*                          Control Styles                                   */
/* ========================================================================= */
