﻿
.btnDeleteMasterBrand, .btnDeleteMasterTopic
{
    width: 13px;
    height: 13px;
    display: inline-block;
    background: url(images/btnDelete.png) no-repeat;
    margin-left: 10px;
    margin-top: 4px;
}

.brandTopicDeleteButtonContainer
{
    float: right;
}

.categoryWrapper input[type="text"]
{
    float: left;
    margin-right: 10px;
}
.btnDelete, .deleteSubcategoryBtn, .btnDeleteBrand
{
    float: left;
    margin: 2px 0;
}
.addSubcategoryBtn
{
    float: left;
    clear: both;
}

.event-details-row
{
    clear: both;
}
.userModal .formRight .sbHolder, .userModal .formRight select
{
    width: 174px;
}

/* Custom Arrow for topics in training */
.showBrandTopics h3, .hideBrandTopics h3
{
    float: left;
}

.showBrandTopics span.arrow, .hideBrandTopics span.arrow
{
    background: url(brands/Sanofi/images/arrow-icons.png);
    float: left;
    margin-left: 10px;
    display: block;
    width: 14px;
    height: 12px;
    position: relative;
    top: 8px;
}

.showBrandTopics span.arrow
{
    background-position: 0 -12px;
}

.addTopicButton
{
    margin-top: -20px;
}

input.disabled
{
    background: #eee;
}
#nowEditing
{
    display: block;
    padding-top: 10px;
}

#mySlideContainer
{
    margin-bottom: 80px;
}

.presBtn.presAdd.disabled
{
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)";
    background: #e1dfdf !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

#profile-preferences form ul > li .value
{
    height: auto;
    min-height: 26px;
    text-indent: 0px;
    padding-left: 10px;
}
#zoomEnd
{
    cursor: pointer;
}
.videoModal .closeModal
{
    cursor: pointer;
}

input.fileName
{
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    color: #898888;
    outline: none;
    -moz-outline: none;
    text-decoration: none;
    text-indent: 10px;
    overflow: hidden;
    display: block;
    height: 30px;
    left: 0;
    line-height: 30px;
}

#SkipChanges.message
{
    position: absolute;
    background: rgba(17,17,17,0.8);
    display: block;
    width: 100%;
    bottom: -200px;
    top: auto;
    z-index: 500;
    padding: 20px 0;
}

img, object, embed, video, iframe
{
    width: 100%;
}

.PresentationBrand
{
    width: 200px;
}
#brandPage .brand img
{
    width: auto;
}
#currentPresentation .categoryArrow
{
    float: left;
}
.dummyLogo
{
    height: 36px;
}
.dummyLogo img
{
    width: auto;
}

#calendar-events-list .event td.event-time
{
    width: 17%;
}

a
{
    cursor: pointer;
}
a.disabled
{
    cursor: default;
}

.slide .slideCheckbox span
{
    cursor: pointer;
}

li.brand
{
    display: block;
    width: 30%;
    height: 100px;
    float: left;
}

#speakerPresentationsView .addSlide
{
    cursor: pointer;
    background-position: -14px 0;
}
#speakerPresentationsView .addSlide.disabled
{
    cursor: pointer;
    background-position: left top;
}

#speakerSlideContainer .titleSlide
{
    pointer-events: none;
}

#editMyPresentationForm .fileOptions .downloadBtn
{
    width: 190px;
}

.hiddenField
{
    display: none !important;
}

.slide .dropArea.presentationDropArea
{
    border: 2px dashed black;
}

.questionSelectBox .sbSelector
{
    width: auto;
}


#myPresentationsEdit #slidesWrapper .btnDeleteSlide
{
    cursor: pointer;
    background-position: 13px 0;
}

.slide .slideCheckbox .group
{
    border: 1px solid black;
}

.presBtnGroup .presBtn.disabled
{
    background: none repeat scroll 0 0 #999999;
    box-shadow: none;
    -webkit-box-shadow: none;
}

#edit-photo .preview-box
{
    width: 500px;
    height: 305px;
}
#edit-photo .Profile-photo
{
    width: 300px;
    height: 300px;
}

.titleSlideImage
{
    min-height: 100%;
    max-height: 100%;
    min-width: 100%;
    max-width: 100%;
}

#profile
{
    overflow: visible;
}

.sbOptions
{
    z-index: 5010;
    max-height: 300px !important;
}
.title-slide-speakerinfo .sbOptions
{    
    max-height: 120px !important;
}

.sbTopicOptions
{
    width: 400px;
}

.sbOptions a
{
    word-wrap: break-word;
}

.simplemodal-overlay
{
    background: rgba(0,0,0,0) !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0); BACKGROUND: #fff !important";
    filter: alpha(opacity=0) !important;
}
input.errorState
{
    border-color: #ff0000;
}

.groupEditableTitle
{
    cursor: pointer;
}


.closeTraining.corner, .closeAgreements.corner, .closeCV.corner
{
    position: absolute;
    right: -13px;
    top: -13px;
    width: 25px;
    height: 25px;
    display: inline-block;
    z-index: 20;
    cursor: pointer;
    background: url(images/simplemodal-close.png) no-repeat;
}

#speakerShowSuperGroup #showGroup ul
{
    width: 300px;
    margin: 0 auto;
}

/* Fix for 28173 - Reduce the Z-Index of the Silverlight and flash plugins */
.plupload.silverlight, .plupload.flash
{
    z-index: 500 !important;
}

#reportsFrame
{
    width: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-overflow-scrolling: touch !important;
}
#reportsFrame.visible
{
    display: block;
}

.reportViewer
{
    height: 100%;
    width: 100%;
    min-height: 500px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    display: block;
    white-space: nowrap;
    border: none;
}



#ViewGeneratedReports_fixedTable
{
    -webkit-overflow-scrolling: touch;
    overflow: scroll;
}


#loginMessage h2
{
    font-size: 24px;
    font-family: Helvetica;
    font-weight: normal;
    margin: 0;
    padding-top: 40px;
    padding-bottom: 40px;
    color: #000;
    text-align: center;
}

#nowEditing h5, h4.presentationName
{
    word-wrap: break-word;
    -ms-word-wrap: break-word;
}
#speakerForm .message p
{
    padding: 8px 20px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.4em;
    text-align: left;
    display: block;
    position: relative;
    width: 370px;
    margin: 0 auto;
}

.sbHolder.sbHolderDisabled:focus
{
    border-color: #dadada !important;
}

#uploadMessage
{
    text-transform: none;
}

.autosave
{
    display: inline-block;
    float: left;
    margin-right: 1%;
    font-weight: bold;
    font-size: 80%;
    font-style: normal;
}

.complianceContentContainer
{
    overflow-y: scroll;
   height: 90%; /* 65876 COI IN ISP */
}

#complianceTraining
{
    /* 65876 COI IN ISP */
    width: 100%;
    margin: auto;
    height: 100%;
	padding:0px;
    /* 65876 COI IN ISP */
    overflow-y: auto;
}

#usersTraining
{
}

.videoDuration
{
    float: right;
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
}

.autosavediv
{
    height: 6px;
}

.topicTrainingPadding
{
    margin-top: 30px;
}

.speakerDocuments
{
    margin-bottom: 0.9em;
}

.modal-agreement-popup .modal-content.modal-content-desktop, .complianceAgreement .modal-content.modal-content-desktop
{
    position: relative;
    z-index: 5010;
       /* 65876 COI IN ISP */
    height: 81% !important;
    width: 90%;
    margin: 0 auto;
    /* 65876 COI IN ISP */
    -webkit-overflow-scrolling: touch;
    overflow: hidden !important;
    outline: none;
    overflow-y: hidden !important;
}


.modal-content iframe.modal-agreement-iframe.modal-agreement-iframe-desktop
{
    height: 100% !important;
    width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.photoThumbnail
{
    height: 79% !important;
}

#profile-photo
{
    height: 105px !important;
}

.speakerDocuments
{
    margin-bottom: 0.9em;
}

.addMultiSlides.disabled
{
    background: none repeat scroll 0 0 #999999;
    cursor: default;
    text-shadow: none !important;
    color: #fff;
}

.modal-agreement-popup .modal-content, .complianceAgreement .modal-content
{   
    position: relative;
    z-index: 5010;
    /* 65876 COI IN ISP */
    height: 78% !important;
    width: 100%;
	/* 65876 COI IN ISP */
    -webkit-overflow-scrolling: touch;
    overflow: hidden !important;
    outline: none;
    overflow-y: hidden !important;
}

iframe.modal-agreement-iframe
{
    height: 100% !important;
    width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.speakerAlignment
{
    float: right;
}

#event-details .ui-accordion-content
{
    height: auto !important;
}

/* Phase 2 Styles -START */

.governmentEmployeeRadioAlign
{
    vertical-align: top;
    margin-left: 10px;
    display: inline-block !important;
    margin-right: 10px;
}

.governmentEmployeeRadioLabel
{
    margin-left: 5px;
}

.governmentEmployeeRadio
{
    vertical-align: middle;
}

.hideElement
{
    display: none;
}

.speakerDocumentRow
{
    width: 23.5% !important;
    margin-left: -20px;
}

.speakerDocumentRowText
{
    margin-top: 0.3em;
}

.speakerRowSpacing
{
    margin-bottom: 0.8em !important;
}

.uploadCVModal
{
    overflow-y: auto;
}

.speakerDocumentsTextIndent
{
    margin-left: 15px;
}


.speakerDocumentTemplateGrid table th
{
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
    padding: 0 45px 0 0;
    font-size: 12px;
}

#speaker-documents table th
{
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
    padding: 0 45px 0 0;
    font-size: 12px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.templateName
{
    width: 50%;
}

.templateDocumentType
{
    width: 50%;
}
#speaker-documents table
{
    margin-left: 3.5em;
}

.speakerGenericFlagCheckBox
{
    height: 13px;
    width: 13px;
    margin-left: 100px;
}

.speakerGenericFlagErrorState
{
    border-width: 2px;
    border-style: solid;
    border-color: #ff0000;
    background: rgba(0,0,0,0) !important;
}


#uploadCVModal .required.errorState
{
    border-color: #ff0000;
}

.downloadTemplates
{
    float: left !important;
    background: none !important;
    margin-left: -13px !important;
    background: none;
    color: #388ccc !important;
}

#download-template
{
    width: 500px;
    padding: 15px;
}

#download-template .modal-content
{
    width: 500px;
    height: 200px;
}

.speakerTemplatesScroll
{
    overflow-y: auto;
}

#editSpeakerGenericFlag
{
    width: 450px;
    padding: 15px;
}

#editSpeakerGenericFlag .modal-content
{
    width: 450px;
    height: 120px;
    border: none;
}

.checkBoxStyle span
{
    display: block;
    line-height: 39px;
    font-size: 0.8em;
    height: 15px;
    width: 15px;
    color: #555;
    background: url("images/selectCheck.png") no-repeat;
    background-position: 0 -45px;
    margin: 0 10px;
    float: left;
    cursor: pointer;
}

.checkBoxStyle label
{
    float: left;
}
.checkBoxStyle
{
    display: inline-block;
}

.checkBoxStyle.no
{
    margin-left: 60px;
    padding-right: 24px;
    padding-bottom: 18px;
}

.checkBoxStyle.yes
{
    padding-bottom: 18px;
}

.optionContainer
{
    text-align: center;
    padding-top: 20px;
}

.checkBoxStyle span.selected
{
    background: url("images/selectCheck.png") no-repeat;
    background-position: 0 0px;
}
#editSpeakerGenericFlag label
{
    text-decoration: none;
    font-weight: 600;
    font-size: 13px;
}
.verticalSeparator
{
    border-left: 1px dashed #000000;
    height: 35px;
    display: inline-block;
    margin-left: 70px;
    width: 1px;
    padding-top: 10px;
}

.deletePresentationDisable
{
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)" !important;
    background: none repeat scroll 0 0 #999999 !important;
}

.speakerDocumentsHyperLink
{
    font-size: 11px;
    line-height: 15px;
    font-family: 'AkzidenzGrotesk';
    text-decoration: none;
}

.selectBoxHighlight
{
    border-color: #ff0000;
}

.select-group-order
{
    max-width: 91%;
}

#event-details
{
    height: auto;
    overflow: hidden;
}

.speakerDocumentRow .sbHolder .sbSelector
{
    width: 84%;
}

#addDocumentModalContent .sbHolder .sbSelector
{
    width: 95%;
}

.eventDetailsLocation
{
    float: left;
    width: 100%;
}

.eventDetailsLocationPadding
{
    padding-top: 22px;
}

/* Phase 2 Styles -END */

/* Topic Update Changes- START */

#compliances .downArrow
{
    right: 20px;
    background-position: -207px 0;
    bottom: 15px;
    display: inline-block;
    height: 17px;
    width: 15px;
    background-image: url('brands/biogen/images/general-arrows-sprite.png');
    cursor: pointer;
}

#compliances .upArrow
{
    right: 50px;
    background-position: -176px 0;
    bottom: 15px;
    display: inline-block;
    height: 17px;
    width: 15px;
    background-image: url('brands/biogen/images/general-arrows-sprite.png');
    padding-right: 5px;
    cursor: pointer;
}

input.trainingTitle
{
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    color: #898888;
    outline: none;
    -moz-outline: none;
    text-decoration: none;
    text-indent: 10px;
    overflow: hidden;
    display: block;
    height: 30px;
    left: 0;
    line-height: 30px;
    width: 100% !important;
}

#compliances .trainingTitle
{
    display: inline-block;
    width: 90%;
}
#compliances .trainingTitleArrow
{
    display: inline-block;
    float: left;
    padding: 7px 7px 0px 0px;
}

#compliances .publishDate, #compliances .trainedOnEffectiveDate, #compliances .trainedOnExpirationDate, #compliances .publishExpDate
{
    border: none;
    box-shadow: none;
}
#compliances .publishDate, #compliances .publishExpDate
{
    width: 13% !important;
    float: left;
}

#compliances .publishExpDate
{
    margin-left: 10px;
}

#compliances .trainedOnExpirationDate
{
    width: 27% !important;
    margin-left: 10px;
}

#compliances .trainedOnEffectiveDate
{
    width: 10% !important;
}

.containerTopPaddingNormal
{
    margin-top: 0.8em;
}

.containerTopPaddingMinimal
{
    margin-top: 0.3em;
}

.containerTopPaddingLarge
{
    margin-top: 1.5em;
}

#compliances .dateLabel
{
    float: left;
    width: 85px;
}

#compliances .effDateLabel, #compliances .expDateLabel
{
    float: left;
    width: 156px;
}

#compliances .publishExpDateLabel
{
    float: left;
    width: 140px;
    margin-left: 71px;
}

#compliances .expDateLabel
{
    padding: 0px 0px 0px 10px;
}

#compliances #expirationOptions
{
    float: left;
    width: 30%;
    padding-left: 10px;
}
.publishDateContainer, .effDateContainer
{
    float: left;
    margin-left: 2.8em;
}

.publishDateContainer
{
    width: 90%;
}

.groupWithContainer
{
    margin-left: 2.8em;
}

#compliances .uploadedBy
{
    float: left;
    margin-left: 3.5em;
}

.effDateContainer
{
    width: 100%;
}

.effDateContainer img, .effDateContainer .datePicker, .publishDateContainer img, .publishDateContainer .datePicker
{
    float: left;
}
.expirationOptionsContainer
{
    float: left;
    width: 39%;
}

.expirationOptionsContainer .sbHolder
{
    width: 47%;
    float: left;
}

.expMonth
{
    margin-left: 2.4em !important;
    width: 9% !important;
}

.uploadControlContainer
{
    margin-left: 42px;
}

.complianceSplashScreenContent
{
    border: 1px solid #333;
    padding: 20px;
}

.dateContainer
{
    display: inline-block !important;
}

.errorMessage
{
    color: #ff0000 !important;
}

#chooseComplianceTrainingVideo .complianceVideo
{
    margin: 18px 57px 0 10px;
    padding: 2px 21px 0 0;
    font-size: 14px;
    line-height: 15px;
    text-decoration: none;
    color: #388ccc !important;
    font-weight: bold;
    display: block;
    width: 100% !important;
}

#chooseComplianceTrainingVideo a.disabled
{
    color: #b2b2b2 !important;
}

#chooseComplianceTrainingVideo .complianceVideoParentContainer
{
    padding: 25px 0px 0px 55px;
    overflow-y: auto;
    overflow-x: hidden;
    height: 90%;
}

.complianceVideoInformation
{
    float: left;
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    color: #388ccc;
}

.complianceVideoExpirationLabel
{
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
}

.hyperlinkCircle
{
    display: inline-block;
    width: 15px;
    height: 15px;
    bottom: 10px;
    right: 7px;
    z-index: 75;
    background: url('images/UI/ui-icons_2e83ff_256x240.png') no-repeat;
    background-position: -79px -142px;
}

.hyperlinkCircleDisabled
{
    display: inline-block;
    width: 15px;
    height: 15px;
    bottom: 10px;
    right: 7px;
    z-index: 75;
    background: url('images/UI/ui-icons_888888_256x240.png') no-repeat;
    background-position: -79px -142px;
}

.chooseComplianceContainer
{
    margin-left: 22px;
}

.complianceVideoImage
{
    margin-top: -1px;
    float: left;
}



/* Topic Update Changes- END */

/* Speaker Portal Enhancements 2.3- START  */

.adminSlidesContainer .adminAddSlide
{
    cursor: pointer;
    background-position: -14px 0;
}

.adminEditPresentationContiner .btnDeleteSlideFromGroup
{
    cursor: pointer;
    background-position: 13px 0;
}

/* Speaker Portal Enhancements 2.3- END  */


.header-blue
{
    background: linear-gradient(to bottom, #005cab 0%, #005cab 100%) repeat scroll 0 0;
    background-color: #005cab;
    color: #ffffff;
    font-size: 16px;
    display: inline-block;
    line-height: 30px;
    margin: 0;
    padding: 10px 25px 2px;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    text-align: center;
    max-width: 500px;
    min-width: 200px;
}

.border-blue
{
    border-bottom: 7px solid #005cab;
}

.contHeaderBg
{
    margin-top: 20px;
    margin-bottom: -20px;
}

#PaymentsCriteria
{
    width: 100%;
}
.PaymentsCriteria .dateSelector
{
    width: 60%;
}
.PaymentsCriteria .dateLabel
{
    width: 13%;
    padding-right: 70px;
}
.PaymentsCriteria #PaymentType
{
    width: 20%;
}
.SpeakerInfo
{
    max-height: 100px;
}
.sort
{
    cursor: pointer;
}
#PaymentType
{
    color: #000;
    height: 23px;
}
.Payments .btn-add
{
    float: left;
    margin: 0px 57px 0 0;
    padding: 2px 21px 0 0;
    font-size: 13px;
    line-height: 15px;
    font-family: 'Helvetica';
    display: inline-block;
    text-decoration: none;
    display: none;
    background: url('images/speakerProfileAdd.png') no-repeat right center;
    color: #666;
    font-weight: normal;
}
.Payments .btn-extend
{
    float: left;
    margin: 0px 57px 0 0;
    padding: 2px 21px 0 0;
    font-size: 13px;
    line-height: 15px;
    font-family: 'Helvetica';
    display: inline-block;
    text-decoration: none;
    display: none;
    background: url('images/minimise.png') no-repeat right center;
    color: #666;
    font-weight: normal;
}
.rightalign
{
    text-align: right;
}
#errormessage
{
    color: Red;
}
.progress-label
{
    font: 14px Helvetica, Arial, sans-serif;
}

.margBottom
{
    margin-bottom: 8px !important;
}
.SpeakerInfo h4{margin-bottom:0;}

/*Start 73491 Speaker Portal Compliance Recertification Training*/
.numberOfDaysContainer
{
	width: 281px !important;
    float: left;
}
.numberOfDaysBeforeExpirationLabel
{
    float:left!important;
    width:190px!important;
}
.numberofdaysBeforeExpirationTxt
{
    margin-left: 0.35em !important;
	width: 30px !important;
    height:19px!important;
    margin-top: 12px!important;
}
.featureNotSupportedLabel
{
    float:right!important;
    width:260px!important;
	margin-top:17px!important;
	margin-right:226px!important;
}
/*End 73491 Speaker Portal Compliance Recertification Training*/
/* START 70702 - SP Training - Interactive Training (SCORM) */
.rowThreeContainer .containerTopPaddingNormal{
    margin-left: 2.8em;
}

.numberOfDaysContainer .containerTopPaddingNormal{
    width: 281px;
}

.trainingFormatLabel{
    display: inline !important;
    vertical-align: -webkit-baseline-middle;
}



.trainingFormatOptionsContainer{
    display: inline-block;
    vertical-align: middle;
    margin-top: 0.8em;
    padding-left: 3.5rem;
}

.trainingFormatOptionsContainer .sbHolder{
	width: 142px !important;
	background-color: transparent;
    border: none;
}

.trainingFormatOptionsContainer .sbToggle, .trainingFormatContainerNewVideo
{
	display:none;
}

#groupWithContainer{
    display: none;
}
/* END 70702 - SP Training - Interactive Training (SCORM) */