/* Style de la page d'accès de Via v5.5 */

/*=[ BACKGROUND ]===================*/
	
	BODY 	{
	    font-family: 'Segoe UI', Tahoma, Helvetica, Sans-Serif; 
	    color: expression(color(text));
		background-color: expression(color(light));
		width: 100%;
		height: 100%;
		padding: 0px;
		margin: 0px;
		position: absolute;
		font-size: 14px;
        -webkit-print-color-adjust:exact;
	}

/*=[ Icons     ]==================*/

   @font-face{
        font-family: 'Icons';
        src: url('expression(font(EOT))'); /* For Internet Explorer 6+ */
        src: url('expression(font(EOT))?#iefix') format('embedded-opentype'),
             url('expression(font(WOFF))') format('woff'),  /* For non-IE browsers */
             url('expression(font(TTF))') format('truetype');
        font-weight: normal;
        font-style:normal;
    }

    .icon{
       font-family: 'Icons';
       padding: 0 5px 0 5px;
       color: expression(color(base)) /*!important*/;
       position: relative;
       top: 0.15em;
       text-decoration:none !important;
    }
    .headerIcon .icon {
        color: expression(color(sectionHeaderText)) !important;
        font-size:2em;
        margin-left:10px;
        font-weight: normal;
        top: 0.1em;
    }

     .headerIcon .txt {
        font-size: 18px;
    }

    /* for icons with permanent color */
    .icon.g {color:#72ba12 !important; } /* green */
    .icon.y {color:#e5be1f !important; } /* yellow */
    .icon.r {color:#da1616 !important; } /* red */
    .icon.b {color:#196091 !important; } /* blue */
    .icon.grey {color: #a7a6a6 !important;}

/*=[ Basics     ]==================*/

    IMG, .noBorder, INPUT.noBorder, SELECT.noBorder, TABLE.noBorder TD, TABLE.noBorder TR {border: none; vertical-align: middle;}

    /* Positionnement et espacement */
	.fixed { position: fixed; }
	.hidden { display: none; }

	.noPadding, TD.noPadding, .noPadding TD { padding: 0px; }

	.spacer { display: inline-block; clear: none; }
	.clearLine { clear: both; display: block; }
	A.clearLine {text-align:center;}

	.spaceBefore { margin-top: 0.5em !important; }
	.spaceBefore1 { margin-top: 1em !important; }
	.spaceBefore2 { margin-top: 1em !important; }
	.spaceAfter { margin-bottom: 0.5em !important; }
	.spaceAfter1 { margin-bottom: 1em !important; }
	.spaceAfter2 { margin-bottom: 2em !important; }

	.spaceRight { margin-right: 10px !important; }
	.spaceRightSmall { margin-right: 5px !important; }
	.spaceLeft { margin-left: 10px !important; }
	.spaceLeftSmall { margin-left: 5px !important; }

    /* Alignement */
	.alignLeft { text-align: left; }
	.alignRight { text-align: right; }
	.alignCenter { text-align: center; }

	.floatRight { float:right; }
	.floatLeft { float:left; }
	DIV.centered, TABLE.centered { margin-left:auto; margin-right:auto; }
	IMG.centerImg, .centerImg IMG { vertical-align: middle; }

    /* Formulaires */
	FORM { margin: 0em; }
	.checkbox, .checkbox INPUT { border: none; }

/*=[ IMPRESSION ]===================*/
/* Spécifications lorsque l'on imprime une page. */
@media print {
    .notPrintable { display: none !important; }
    .pageFooter { text-align: left !important; }
    .listTable td, .divSurveyInstanceResults .userInfoHeader, .userInfoQuestionHeader.selected { border-bottom: 1px solid #ccc !important; }
    .listTable .listHeader td, .divSurveyInstanceResults .headerParticipants, .divSurveyInstanceResults .userInfoHeader { border-top: 1px solid #ccc !important; }
    .detailHeader, .surveyShortAnswer, .questionContent .answerDiv { border: 1px solid #ccc !important; }
    .divSurveyInstanceResults .questionContent { border-top: 1px solid #ccc !important; }
    .divSurveyTabs a.selected, .hdrLblResults, .lblHeaderParticipants { font-weight: bold !important; }
}

/*=[ TEXTES ]===================*/

    A, .link, A.link, .buttonDefault { color: expression(color(text)); }

    .buttonDefault.spaceLeftSmall { display: inline !important; }

    TABLE{font-size:1em;}

	.big { font-size: 1.1em; }
	.medium {font-size:1em;}
	#lblNote, .indication, .commentInfo, .small { font-size: .9em; }
	.smaller { font-size: .8em; }
	SPAN.indication{padding-top:5px;}

	.bold { font-weight: 600; }
	B {font-weight: 600;}
	.noBold { font-weight: normal; }
	.italic { font-style: italic; }
	.noDecoration { text-decoration: none; }

	.statusDone, .listLine A.statusDone { color:#72ba12; }
	.statusToDo, .statusError, .listLine A.statusError, .listLine A.statusToDo { color:#da1616; }

	.statusPartial, .listLine A.statusPartial { color:#dab316; }
	INPUT.prompt { color: #666666; font-style: italic; }
	INPUT:focus, SELECT:focus, TEXTAREA:focus { border-color: #000000; }

	INPUT.errorous, SELECT.errorous, TEXTAREA.errorous { border: solid 1px #da1616; }
	A.errorous, SELECT.errorous, HTML>BODY SELECT.errorous, #lblSaveState, #lblTempPassword { color: #da1616 !important; }
	.errorMessage { font-weight:600; color: #da1616; }

     A,
     A#btnDuplicate.buttonDisabled SPAN,
     #pnlLnkEditDateCal .icon {text-decoration:none; }

    .listLine:hover {background-color:expression(colorRGBA(boxBg,.4));}

    A .txt:hover,
    A.txt:hover,
    .listLine .title A:hover,
    .calcontrol .Button span:last-child:hover,
    A#activitiesMsg_btnEditMessageDelete:hover { text-decoration: none !important; }

    A .txt,
    A.txt,
    .listLine .title A,
    .calcontrol .Button span:last-child,
    A#activitiesMsg_btnEditMessageDelete:hover { text-decoration: underline; }

    #homeActivities_pnlContent .listLine .title, #ActivityCtrl_pnlContent .listLine .title, #ActivityListPerm1_pnlContent .listLine .title, #ActivityPermPerso_pnlContent .listLine .title {
        max-width: 280px;
        -ms-word-break: break-all;
        word-break: break-all;
    }

/*=[ BOUTONS ]===================*/

            A.task,
            A.important,
            SPAN#lblAddSeller,
            #pnlUsers .buttonDisabled,
            a.buttonInstall,
            a.buttonErrorVer,
            a.buttonDesktop,
            a.buttonVerWeb,
            .contentSubOptions .buttonDisabled,
            .contentSubOptions .button.Disabled,
            .contentNavig .buttonDisabled {
                margin-bottom: 5px;
                padding: 3px 10px 4px;
                color: expression(color(light)) !important;
                text-decoration: none;
                font-weight: 500;
                line-height: 25px;
                display: inline-block;
                cursor: auto;
            }
            a.buttonVerWeb {
                text-align:center;
                min-height:3em !important;
                width:457px;
            }
            a.buttonLink {
                margin:auto;
                display:flex;
                justify-content:center;
                align-items:center;
                color: #676767 !important;
                width: 429px;
            }
            a.buttonInstall,
            a.buttonDesktop,
            a.buttonErrorVer {
                margin-bottom: 5px;
                min-height: 3em !important;
                padding: 3px 10px 4px;
                color: expression(color(light)) !important;
                text-decoration: none;
                font-weight: 500;
                line-height: 25px;
                display: inline-block;
                cursor: pointer;
            }
            a.buttonInstall,
            a.buttonErrorVer {
                min-width: 0em !important;
                padding-right: 7px !important;
            }
            A.task .icon,
            A.task .txt,
            A.important .icon,
            A.important .txt,
            a.buttonInstall .icon,
            a.buttonDesktop .icon,
            a.buttonVerWeb .icon,
            #pnlUsers .buttonDisabled,
            #pnlUsers .buttonDisabled .icon,
            #pnlUsers .buttonDisabled .txt,
            .userView .buttonDisabled .txt,
            .userView .buttonDisabled .icon,
            .contentSubOptions .buttonDisabled .icon,
            .contentSubOptions .button.Disabled .icon,
            .contentNavig .buttonDisabled .icon {
                color: expression(color(light)) !important;
                text-decoration: none;
            }
    /* Task buttons */
    A.task  {
        background-color: expression(color(button));
         cursor: pointer !important;
    }
    A.task:hover  {
        background-color: expression(color(buttonHover));
    }
    SPAN#lblAddSeller {
        color:#ccc;
    }
    /* Important buttons */
    A.important, a.buttonVerWeb, a.buttonErrorVer {
        background-color: expression(color(buttonDefault));
        cursor: pointer !important;
    }
    A.important:hover  {
        background-color:expression(color(buttonDefaultHover));
    }
    .button IMG     {
        margin-right:0 !important;
    }

    /* Disabled buttons */
    #pnlUsers .buttonDisabled,
    .contentSubOptions .buttonDisabled,
    .contentSubOptions .button.Disabled,
    .contentNavig .buttonDisabled{
        background-color:#c9c9c9;
    }
    a.buttonInstall,
    a.buttonDesktop {
        color: #ffffff !important;
        background-color: expression(color(buttonDefault));
    }
    a.buttonVerWeb {
        color: #676767 !important;
        background-color: #FBF8F8;
        border: 1px solid #B8B8B8;
    }
    a.buttonErrorVer {
        border: 0;
        color: #ffffff !important;
        background-color: expression(color(buttonDefault));
        cursor: pointer !important;
    }
    a.buttonErrorVer .icon {
        color: #ffffff !important;
    }
    a.buttonInstall .icon, a.buttonDesktop .icon {
        color: #ffffff !important;
    }
    a.buttonVerWeb .icon {
        color: #676767 !important;
    }
    #CieInvoiceControl_gvInvoice A.button {
        font-size: .9em !important;
    }
    .popupMessageBoxTitle .icon{
       padding: 0 5px 0 10px !important;
    }
    .popupMessageBoxTitle .icon.b{
      color: expression(color(light)) !important;
    }

    /* Buttons exceptions */
   #CieInvoiceControl_rangesCalendar_btnGo{margin:8px;}

	.button.huge {
		min-height: 6em;
		vertical-align: top;
		text-align: center;
		min-width: 14em;
		padding: 10px 8px;
	}
    .Button.small,.Button.smaller {
        min-height: 2em !important;
        height:28px;
        vertical-align: top;
        text-align: center;
    }
	.button.huge + .button.huge {
		margin-left: 10px;
	}

	.button.huge .icon {
		display: block;
		font-size: 2em;
		line-height: 1.3em;
		margin-bottom: 0.3em;
	}
    .Button.buttonVerWeb .icon {
        display:inline-block;
    }
    .Button.buttonDesktop .icon,
    .Button.buttonInstall .icon,
    .Button.buttonErrorVer .icon {
        font-size: 1.5em;
    }
    .Button.buttonDesktop.small .txt,
    .button.buttonVerWeb.huge .txt {
        padding: 0 10px;
    }
	.button.huge .txt {
		line-height: 1.4em;
	}

.buttonHeaderTableInline
{
    float:right;
    padding-top:9px;
    padding-right:6px;
}
.descActivityAccess {
    display:block;
    text-align:left;
}
.appAccessInfo {
    display: none;
    margin-top: 1em;
    padding: 6px;
    width: 468px;
    background-color: #FAEBC7;
    font-size: 14px;
    color: #D57700;
    font-weight: bold;
}
.appAccessInfo.shown {
    display: block;
}
.appAccessInfo .icon {
    color: #D57700;
    float: left;
    margin-bottom: 5px;
}
.appAccessInfo div {
    display: block;
    color: black;
    font-weight: normal;
}
.centerDesktopAppButtons {
    margin: auto;
    text-align: center;
    width: 100%;
}
.centerDesktopAppButtons a.button {
    display: block;
    padding: 25px 20px;
    text-align: left;
}
.centerDesktopAppButtons a.button .icon {
    font-size: 34px; 
    float: left;
    margin-bottom: 10px;
}
.centerDesktopAppButtons a.button .txt {
    display: block;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    line-height: 1em;
    margin-bottom: 0.2em;
    margin-top: -5px;
}
.centerDesktopAppButtons a.button .info {
    display: block;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none !important;
    line-height: 1em;
}
.centerDesktopAppButtons a.button:hover .txt {
    text-decoration: underline !important;
}
.centerDesktopAppButtons .buttonInstall {
    background-color: expression(color(highlight));
}
.centerDesktopAppButtons .buttonDesktop {
    background-color: white;
    color: expression(color(base)) !important;
    border: solid 1px expression(color(base));
}
.centerDesktopAppButtons .buttonDesktop .icon {
    color: expression(color(base)) !important;
}
.centerDesktopAppButtons .buttonDesktop .icon,
.centerDesktopAppButtons .buttonInstall .icon {
    top: 0;
    height:100%;
}

.centerWebAppButtons-one .buttonVerWeb {
    width: 458px;
}

.centerWebAppButtons-many .buttonVerWeb {
    width: 45%;
}

.centerWebAppButtons-one .buttonVerWeb:hover .txt, .centerWebAppButtons-many .buttonVerWeb:hover .txt {
    text-decoration: none;
}

/*=[ TITRES ]===================*/
H1, .h1 {
    font-size: 2.0em;
    color: expression(color(base));
}
	H2, .h2 {
		font-size: 1.5em;
		font-weight: 500;
		color: expression(color(base));
		border-bottom: 0.5em;
	}
	h2.section
	{
		border-bottom: solid 1px silver;
	}
	H3, .h3 {
		font-size: 1.3em;
		font-weight: 600;
		color: expression(color(base));
		margin-bottom: 0.4em;
	}
	H4, .h4 {
		font-size: 1.2em;
		font-weight: 600;
	}
	H5, .h5 {
		font-size: 1em;
		font-weight: 600;
	}

    H6, .H6 {
	    color: expression(color(base));
    }




/*=[ ENTETE DE PAGE ]===================*/

	TD.cellHeader {
		width: 100%;
	    height:120px !important;
		background-image:  url("expression(image(interface_bg.gif))");
		background-color: expression(color(headerBg));
		background-repeat: repeat-x;
		background-position: top;
		padding:0;
		margin:0;
	}

	.tabHeader {
		width: 100%;
        background-repeat: no-repeat;
		background-position: 0 0;
	}
	.tabHeader.fr-FR,
	.tabHeader.fr-CA { background-image: url("expression(image(interface.jpg,,fr_1,1))");	}
	.tabHeader.en-CA { background-image: url("expression(image(interface.jpg,,en_1,1))");	}
	.tabHeader.es-MX { background-image: url("expression(image(interface.jpg,,es_1,1))");	}
    .tabHeader.de-DE { background-image: url("expression(image(interface.jpg,,de_1,1))");   }

	.tabHeader TD {
		padding-right: 6px;
		vertical-align: top;
        height:120px;
        background-repeat: no-repeat;
		background-position: top right;
	}

    .tabHeader.fr-FR TD,
	.tabHeader.fr-CA TD	{ background-image: url("expression(image(interface.jpg,,fr_2,2))");	}
	.tabHeader.en-CA TD	{ background-image: url("expression(image(interface.jpg,,en_2,2))");	}
	.tabHeader.es-MX TD	{ background-image: url("expression(image(interface.jpg,,es_2,2))");	}
    .tabHeader.de-DE TD { background-image: url("expression(image(interface.jpg,,de_2,2))");    }

	.tabHeader,
	.tabHeader A,
	.tabHeader SPAN {
	    color: expression(color(light));
	}
	.tabHeader .icoTitle {
		display: none;
	}
	.panHeader {
		padding: 90px 0px 0px;
		text-align: right;
	}
	.panHeader .icon {
	    color:expression(color(light)) !important
	}

	.lblTitle {
		position: absolute;
		top: 90px;
		left: 155px;
		text-transform: uppercase;
		font-weight: 500;
		color: expression(color(light));
		font-size: 16px;
	}

	.UP .lblTitle {
		left: 20px;
		font-weight: 500;
		font-size: 1.2em;
		text-transform: none;
	}
	#headerUserPlanCtrl_lblTitle.lblTitle{text-transform: none; left:15px; font-size:1em;} /* exception for the support UP page */
	#headerUserPlanCtrl_lblTitleText{display:none;}

	SPAN#headerCtrl_lblLoginUserName,
	.btnSignout {
		font-size: 11px;
	}

	A.btnSignout IMG {
		position: relative;
		top: 0px;
		left: 3px;
	}

	.cellContent, .cellContentWithNavig {
		padding: 35px 5px 0px 4px;
		vertical-align: top;
		width: 100%;
	}

    .cellContent.popUp {
		padding: 5px 10px 0px;
	}

	.cellContentWithNavig {
		padding-top: 0px;
		min-height:100%;
	}

/*=[ MENU PRINCIPAL ]===================*/

	TD.cellMenu { /* Cellule qui contient le div panMenuMain */
		padding: 0px;
		margin: 0px;
		width: 140px;
		vertical-align:top;
	}

	.menuTitle {
		display: block;
		vertical-align: middle;
		padding: 5px 0px 0px 12px;
		margin: 16px 0px -2px 0px;
		height: 25px;
		font-size: 14px;
		text-transform: uppercase;
		color: expression(color(base));
		font-weight:600;
	}

	/* Premier titre */
	.menuTitle.firstItem {
		margin-top: 0px;
		padding-top:35px;
		height: 20px;
	}

	.menuTitle IMG, .alignedImage, .alignedImage IMG, .alignedMiddle {
		 vertical-align: middle !important;
	}

	.menuTitle .icon{display:none;}

    .panMenuMain {
        border-right-width: 0px;
        background-image:
            linear-gradient(#B1B1B1, expression(color(light))),
            linear-gradient(#B1B1B1, expression(color(light)))
        ;
        background-size: 1px 100%;
        background-position: top right;
        background-repeat: no-repeat;
        /* Pour IE 9 et - */
        background-size: 0px\9;
        border-right-color: #B1B1B1\9;
        border-right-style: solid\9;
        border-right-width: 1px\9;
    }

    .panMenuMain.mobile {
        background-size: 0px;
        border-right-color: #B1B1B1;
        border-right-style: solid;
        border-right-width: 1px;
    }

	.panMenuMain A {
		display: block;
		width: 120px;
		text-decoration: none;
		padding: 1px 4px 1px 12px;
		margin-top: 10px;
		font-size:14px;
	}

	.panMenuMain A:hover {
		text-decoration: underline;
	}

	.panMenuMain A.selected {
		padding: 3px 4px 5px 12px; /* t r b l */
		background-color: expression(color(highlight));
		color: expression(color(light));
	}

	A.menuFooter {
		display:block;
		width: 151px;
		height: 77px;
		background-image: url("/images/interface/_default/menu_logosvi.jpg");
		background-position: bottom center;
		background-repeat: no-repeat;
	}

	#MenuControl1_menuTitleMain .icon,
	#MenuControl1_spanMenuManagement .icon,
	#MenuControl1_spanMenuSupport .icon,
	#mobileLink {
    display: none;
    }

/*=[ CONTENU ]===================*/

	/* Frame principal */
	.tableMain {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		*height: 0; /* for IE 7 or lower */
		border:0;
		margin:0;
	}

    .largeContent .popupMessageBox .contentSubOptions {
        width:100%;
    }
    /* exception */
    .mediaDownloadTable .contentSubOptions {
        width: 33% !important;
    }

    .largeContent .popupMessageBox .contentSubOptions TD{
       padding: 3px 6px 0;
    }

    .msgmsgBoxInfoTel .popupMessageBoxBody
    {
        text-align: left;
    }

    .msgmsgBoxInfoTel .popupMessageBoxBody .phoneTable
    {
        margin-left:10px;
    }

    .msgActivityTelOnly .popupMessageBoxBody
    {
        text-align: left;
    }

    .msgActivityTelOnly .popupMessageBoxBody .phoneTable
    {
        margin-left:10px;
    }

    .msgActivityTelOnly .contentSubOptions
    {
        display: none;
    }

    

    #lblIconPhonePopup
    {
        color:expression(color(label));
        text-decoration: underline;
    }

    #lblIconPhonePopup:hover
    {
        text-decoration: none;
    }

    .RecordAccessTypeIcon
    {
        font-size:18px;
    }

    /* Tableaux de contenu */
    .contentBoxHeader,
    .contentTableNavig,
    .contentBox,
    .contentTable,
    .contentNavig,
    .listLine,
	.listTable,
	.scrollContent,
    .contentBox .contentSubOptions,
    .contentBox .contentBox,
    .contentBox .contentTable,
    .noticeBox,
    #panUserEdit /* for IE7 */ {
		width: 100% ;
		min-width: 700px; /* to avoid text overlapping */
		max-width: 1400px;
	}

    .contentBox.marginBottom { margin-bottom: 45px; }

    .contentBoxHeader.popUp, .contentBox.popUp, .contentBox.popUp .scrollContent, .contentBox.popUp .contentSubOptions, .contentBox.popUp .contentTable, .contentBox.popUp .listTable {
		width: 100% ;
		min-width: 700px; /* to avoid text overlapping */
		max-width: 100%;
	}

    .popUp .contentBox, .popUp .listTable  { min-width: 100%; max-width: 100%; }

    #panUserEdit #btnGenPass span {
        font-size: 1.4em !important;
        top: 0.19em !important;
        padding: 0px 8px;
    }

	/* overrides the hard coded widths */
	#ActivityCtrl_myCalendar_pnlControl .contentTableNavig,
	#msgControl_ctrlCalendar_pnlControl .contentTableNavig,
    #pnlCiePhoneNums.contentBox,
    #pnlUsers,
    #pnlUsers .contentBox,
    #pnlUsers .contentBoxHeader,
	#pnlUsers .contentTable,
    .UserGroups,
    #tabSetupWizard .contentBoxHeader,
    #tabSetupWizard .contentBox,
    .CieReport .contentBox,
	#panUserEdit .contentSubOptions,
	#tabButtonView.contentSubOptions,
	#RadGrid,
    #msgControl_ctrlCalendar_pnlControl,
    #ActivityCtrl_myCalendar_pnlControl,
    .popUpPage.largeContent .contentBoxHeader,
    .CieReport .contentBoxHeader  {
        width:100% !important;
        min-width: 700px; /* to avoid text overlapping */
		max-width:1400px !important;

    }
    .UserGroups .contentBoxHeader.halfSize,
    .UserGroups .contentBox.halfSize,
    #pnlGroupDetails #listContent,
    #pnlGroupDetails .listTable,
    #pnlGroupDetails .listLine,
    #pnlGroupDetails .scrollContent .listTable  {
        width:100% !important;
        max-width:700px !important;
        min-width:350px !important;
        table-layout:fixed;
    }
    .UserGroups .contentBoxHeader.halfSize.right {
        min-width:600px !important
    }
    /* END : overrides the hard coded widths */

    #pnlInfosHeader.contentBoxHeader TABLE,
	#ActivityCtrl_gvActivity .listSection,
	.contentBoxHeader	{
	    height:50px !important;
	    line-height:46px !important;
	    background-color:expression(color(sectionHeaderBG));
	    margin-top:5px;
	    *margin-top:0px;
	}
    #ActivityCtrl_gvActivity .headerIcon .icon { top: -1px !important; }
	#ActivityCtrl_gvActivity .listSection .txt {
	    font-size: 18px;
	}

	TR.listLine TD,
	TR.listHeader TD,
	TR.listSection TD,
	TABLE.listTable TD,
	TABLE.scrollContent TD,
	TABLE.contentTable TD,
	#RecentMsg_tblEmpty TD 	{
	    height: 22px;
	    line-height: 22px;
        color: expression(color(text));
	}

    TD.bodyLine,
	TD #tr_ActivityMsg,
	#tr_ActivityMsg TD,
	#tr_ActivityMsg TR	{
	    height:15px !important;
	    line-height:15px !important;
	}

    #manageUsers #btnSave    {
        margin-top: 4px;
        float:right;
        position:relative;
        top:-41px;
    }

   	#manageUsers #contentNavig  	{
   	    height:30px;
   	    margin-bottom:10px;
   	}

   	#manageUsers .contentSubOptions 	{
   	    padding-top:5px
   	}
   	.contentTopOptions{ /* for activity and invitations page */
   	   float: right;
        position: relative;
        right: 6px;
        top: -42px;
    }

    .UserGroups .contentTopOptions {
        right:0;
        top:-45px;
    }

    .contentTable.invitations TD {
        width:33%;
        color:expression(color(text));
    }
    .contentTable.invitations .mailed {
        color:expression(color(base));
        font-size: 0.9em;
    }

    /* for second batch of buttons add to the header */
    #dgUsers{ /* for activity page */
        position: relative;
        top: -42px;
    }
    @-moz-document url-prefix()     { /* for firefox only */
        #dgUsers{ /* for activity page */
        top: 0px;
        }
    }

    .row.collapse {
        background-image: url("/images/interface/_default/list_collapsedDark.gif");
	    background-repeat: no-repeat;
	    background-position: 4px center;
    }

    .selected .row.collapse {
        background-image: url("/images/interface/_default/table_sortArrowDownDark.gif");
    }

    .selected .row.collapse:hover {
        background-color: transparent;
        *background-color: expression(color(buttonDefault)); /* IE 7 and below */
    }

    .row.collapse span {
        height: 18px;
        cursor: pointer;
        cursor: hand;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    /* ------------------------------------ */

	#ActivityCtrl_gvActivity .listSection,
	.contentBoxHeader SPAN,
	.contentBoxHeader A {
	    color:expression(color(sectionHeaderText));
	    vertical-align:top;
	}
	#btnActivityList	{
	    position: relative;
        top: 2px;
        *top: 6px; /* IE7 and below */
    }
	#PlaybackList_pnlPlaybackHeader.contentBoxHeader A.task.header {
	    line-height: 25px !important;
        margin: 6px 9px;
        *margin: 0 5px 0 0;
        padding: 5px !important;
    }

	.contentBoxHeader .subTitle	{
	     font-size:18px;
	     padding-left: 2px;
	     vertical-align:top;
	}
	.contentBoxHeader .titleCell	{
	    width:48%;
	    *width:0;
	    line-height:50px ;
	    white-space:nowrap;
	    overflow:hidden;
	}
	.contentBoxHeader .optionsCell LABEL	{
	    color:expression(color(sectionHeaderText));
	    font-size:0.9em;
	}
	.contentBoxHeader .optionsCell SPAN	{
	    padding:0 5px 0 0;
	}
	.contentBoxHeader .checkBox	{
	     float:right;
	     padding:0 5px 0 0;
	     *position:relative;
	     *top:-50px
	}
	.contentBoxHeader BR{display:none;}

	#lblInfoDate{padding-right:2px}

	.scrollContent,
	.contentTable{margin-bottom:10px}

	.tableOptions TR TD, .tableOptions TR TD TABLE TR TD {
		text-align: center;
	}
	.listHeader {
	    overflow:hidden;
		white-space:nowrap;
	}
	.listLine {
	    overflow:hidden !important;
	}
    .listLine.subLine td, .listLine.subLine td a {
	    color: expression(color(label)) !important;
	}
    .listLine.subLine .firstCol {
	    padding-left: 20px;
        font-style: italic;
	}
	TR.listHeader TD,
	TD.listSection,
	.listSection TD {
		background-color: expression(color(boxBg));
	}
	 .listHeader A	{
	    padding: 0 15px 0 0;
	    text-decoration:underline;
	}
	.listHeader A:hover	{
	    text-decoration:none;
	}
	A#btnUserPlan,
	A#CieCashing_rangesCalendar_btnGo{
	    margin-top:8px;
	    margin-right:8px;
	}

	/* in participants list */
	TD.userName{overflow:hidden; max-width:200px;}

	 SPAN#lblPlanList,
	 SPAN#PlanListModelLabel,
	 SPAN#mySetupWizardControl_lblSWInfo	 {
	     line-height:25px;
	 }

     #dgUsers .listHeader TD:last-child,
	 #PlanListModelCGridView .listHeader TD:last-child {text-align:center}
	 #panUserEdit .contentTable .listLine TD{width:40%;}
	 #panUserEdit #td_userPhoto {padding:0px;}
     #panUserEdit #td_userPhoto #imgUserPhoto, #lnkImgUser #imgUser {padding:3px 0 3px;}

     #pnlUsers TABLE .contentSubOptions{background-color:expression(color(light)); width:100% !important; padding-top: 8px;}

     #ddlUsers{width:240px !important; *width:220px !important; }

     .downloads UL{margin:0;}
     .downloads .contentSubOptions{display:none;}

	 /* ------- end of exceptions ------*/
     #dgUsers .listHeader { border-bottom:1px solid expression(color(BoxBg)); }

     #dgUsers .listHeader .modifyHeader {padding: 0px 35px 0px 28px !important; text-align: right;}

	.listHeader TD.sortingCol.up A, .listHeader TD.sortingCol.down A {	text-decoration: none; }
	.listHeader TD.sortingCol.up A:hover, .listHeader TD.sortingCol.down A:hover { text-decoration: underline; }

	.listHeader TD.sortingCol.down A  {
	    background-image: url("/images/interface/_default/table_sortArrowDown.gif");
	    background-repeat: no-repeat;
	    background-position: right center;
	}
	.listHeader TD.sortingCol.up A  {
	    background-image: url("/images/interface/_default/table_sortArrowUp.gif");
	    background-repeat: no-repeat;
	    background-position: right center;
	}

    .listHeader TD.sortingCol {
        background-color: expression(color(light)) !important;
        border-bottom: 1px solid expression(color(boxBg));
    }

	.categoryViewHeader{white-space:nowrap; overflow:hidden}

	.category TD.listSection A 	{
		text-decoration: none;
	}

	.category.hiddenCat TD.listSection {
		border-bottom: solid 1px #ddd;
		padding-bottom: 2px;
	}
	TABLE .listLine TD,
    TD .downloadableFileItem,
	TABLE.categoryView TR.row TD TABLE.listLine TD,
	#CiePricing_pnlInfos TD,
	#ActivityFiles_tblNoDocs TD {
		border-bottom: solid 1px #ccc;
        padding: 4px;
	}
    TABLE .listLine.noBorder TD {
		border-bottom: none;
	}
    TABLE .listLine.noBorder:hover {
		background: none;
	}
    TABLE TD.listSection, TABLE .listSection TD, TABLE .listHeader TD {
        padding: 4px;
	}
    .listLine.highlight	{
	    font-weight:bold;
	}
	.listLine.highlight .icon{font-weight:normal;}
    .listLine TD.left .txt{text-decoration:underline;}

	#CiePricing_pnlInfos .contentSubOptions TD,
	#CiePricing_pnlInfos TR:last-child,
	#CiePricing_pnlInfos TD TABLE TD,
	#panUserEdit TD TABLE TD,
	#rdlChoiceStats TD {border-bottom:none;}

	#lblInfoPhoneConference .phoneName,
	#lblInfoPhoneConference .phoneNumber {
	    line-height: 15px;
	    height: 15px;
	}

	#panUserEdit #txtPhoneNumberDescription, /* for IE */
	#panUserEdit #txtNewPhoneNumber{margin-right:5px}

	TR.row.hiddenCat {
		display: none;
	}
	.category TD A {
		background-image: url("/images/interface/_default/list_expanded.gif") ;
		background-repeat: no-repeat;
	    background-position: left center;
		padding: 2px 0 0 15px;
	}

	.category.hiddenCat TD A {
		background-image: url("/images/interface/_default/list_collapsed.gif") ;
	}
    #pnlSearch BR, #tabReports BR{display: none;}

     @media (max-width:1200px) {
        #pnlSearch BR, #tabReports BR{display:block !important;}
    }

    #pnlSearch TD {
        padding:8px 0;
    }

    /* User list after search */

    #dgUsers TR.listLine {border-bottom:1px solid #ccc}
    #dgUsers TD.modify {width:10%;text-align:center;}
    #dgUsers TD.modify A{padding: 4px 40px;}
    #dgUsers tr.selected {background-color:expression(color(buttonDefault)); }
    #dgUsers tr.selected:hover {background-color:expression(colorRGBA(buttonDefault,.8));}

    Table.userView {
       width:100%;
       background-color:expression(colorRGBA(buttonDefault,.1));
       border:none;
       border-collapse:collapse;
    }
    Table.userView TD{
        padding:0 !important;
        line-height: 20px;
        color: expression(color(text));
    }
     H4.userView {
        border-bottom: 1px solid expression(color(label));
        margin: 5px 0;
        display: block;
    }
    .userView .title {
        font-weight:600;
    }
    .userView TD {
        vertical-align:top;
    }
    .listFooter SPAN {
        color: expression(color(base));
        text-decoration: none;
    }
    .listFooter A{
        text-decoration: underline;
    }

    SPAN.lblUserGroups {
       padding: 8px 4px;
       text-align: left;
       display: block;
       width: auto;
       height: auto;
       font-size: 1em;
    }
    TABLE.tableUserGroups {
         border-collapse: collapse;
         width: 100%;
    }
    .tableUserGroups TR {
        border-bottom: 1px solid #ccc;
    }
    .tableUserGroups TD {
         line-height: 30px;
         padding: 0px 20px 0px 4px;
         text-align: left;
    }
    .tableUserGroups A {
        text-decoration: underline;
    }
    .tableUserGroups TD.UserGroupsCount {
        color: expression(color(text));
    }

    /*user group popup*/
    #pnlUserGroups .listTable a {
        text-decoration : underline;
    }

    #pnlGroupDetails {
        margin-top: 3px;
        margin-left: 5px;
    }


	/* to remove hard coded css in the default page */
	#pnlWarningSW        {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        width:100%;
    }
    #lblWarningSW    {
        font-size:0.7em !important;
        padding:0;
    }
    #pnlWarningSW td {
        line-height:20px !important;
        padding:0 !important;
    }
    IMG#imgMoreInfoSW {display:none;}

    /* pnlInfos */
    #lblPresentateur,
    #lblDateMsg
    {
        color:expression(color(base));
        line-height:30px;
        font-size: 0.9em;
    }

    .importantInfo
    {
        color:expression(color(base)) !important;
        line-height:20px;
        font-size: 0.9em;
        font-weight:bold;
    }

    #tr_ActivityMsg HR{display:none; height:0; line-height:0}
    #tr_ActivityMsg{padding:0; margin:0; vertical-align:top;}


    .overflowMsgPresentation
    {
        width: 100%;
        max-width:600px;
        min-height: 75px;
        max-height: 75px;
        overflow-y: auto;
        word-wrap: break-word;
        margin-top: 6px;
    }

    .lineHeight0
    {
        line-height: normal;
    }

    .imgPlayUnder
    {
       position:absolute;
       z-index:2;
       top:0;
       left:0;
    }

    #activitiesMsg_imgPlay
    {
        position:absolute;
        z-index:4;
        top:45px;
        left:50px;
        opacity:0.75;
        font-size:50px;
    }

    #activitiesMsg_imgPlay  SPAN
    {
        color : expression(color(light));
        text-shadow: 0px 0px 1px rgba(44, 49, 55, 1);
        padding-left: 12px;
    }

    .multiCouche a:hover
    {
        opacity:1 !important;
    }

    .multiCouche
    {
        position:relative;
        width:160px;
    }

    #pnlInfos .highlightBox    {
        background-color: expression(color(boxBg));
        background-color: expression(colorRGBA(boxBg,.6)) !important;
        padding: 4px 8px;
        vertical-align: top;
        height: auto;
        border-right: 1px solid expression(color(light));
        width: 35%;
    }
    #pnlInfos .highlightBox span.alignedImage  { display: block; line-height: 20px; }
    #pnlInfos TABLE.contentTable .first{float:left; vertical-align:top}
    #pnlInfos .sectionCell .icon {
       font-size:70px;
       padding: 8px 0px 0px 35px;
       display: block;
    }

    #tdActivityTitle {
        color: white;
        max-width: 290px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    #tblInfoOptions { min-width: 1%; white-space: nowrap; }

    /*ReportActivity*/

    .CalendarReportActivity { z-index: 100000 !important; top: 330px !important; }
    #activityReport_pnlReport .contentSubOptions { padding: 6px 0px 0px 0px; }
    #activityReport_tblCalendar, #surveyListControl_tblCalendar { border-collapse:collapse; width: 96%; margin-left: 2%; }
    .tableCalendarPopUp { min-width: 524px; }

    #activityReport_activityReport_tr_ReportActivityCalendar #surveyListControl_tr_ReportActivityCalendar {
        background-color: expression(color(boxBg));
        background-color: expression(colorRGBA(boxBg,.6)) !important;
    }

    #activityReport_tr_ReportActivityCalendar .RadCalendar, #surveyListControl_tr_ReportActivityCalendar .RadCalendar{ border: 1px solid #868686 !important; }
    #activityReport_tr_ReportActivityCalendar #activityReport_calEnd_radCal, #surveyListControl_tr_ReportActivityCalendar surveyListControl_calEnd_radCal { left: inherit !important; }
    #activityReport_tr_ReportActivityCalendar #activityReport_calStart_radCal, #surveyListControl_tr_ReportActivityCalendar surveyListControl_calStart_radCal { left: inherit !important; }
    #activityReport_tr_ReportActivityCalendar td, #surveyListControl_tr_ReportActivityCalendar td {
        text-align: center;
        width: 50%;
        border: 1px solid #FFF;
        background-color: expression(color(boxBg));
    }

    #activityReport_tr_ReportActivityCalendar td:first-child, #surveyListControl_tr_ReportActivityCalendar td:first-child { border-right: 1px solid #FFF; }
    #activityReport_tr_ReportActivityCalendar td p, #surveyListControl_tr_ReportActivityCalendar td p { margin: 6px 0px 0px 0px; font-weight: 600; }
    #activityReport_tr_ReportActivityCalendar td .icon, #surveyListControl_tr_ReportActivityCalendar td .icon { font-size: 4em; margin: 0 0 0 15px; }

    #activityReport_tr_ReportActivityCalendar a.Button #activityReport_calStart_lnkEditDate_lnkEditCalLabel,
    #activityReport_tr_ReportActivityCalendar a.Button #activityReport_calEnd_lnkEditDate_lnkEditCalLabel,
    #surveyListControl_tr_ReportActivityCalendar a.Button #surveyListControl_calStart_lnkEditDate_lnkEditCalLabel,
    #surveyListControl_tr_ReportActivityCalendar a.Button #surveyListControl_calEnd_lnkEditDate_lnkEditCalLabel {
       padding: 4px 0px 6px 0px;
       margin-top: 16px;
       background-color: expression(color(button));
       color: expression(color(light)) !important;
       border-top: 1px solid #FFF;
    }

    #activityReport_tr_ReportActivityCalendar a.Button #activityReport_calStart_lnkEditDate_lnkEditCalLabel:hover,
    #activityReport_tr_ReportActivityCalendar a.Button #activityReport_calEnd_lnkEditDate_lnkEditCalLabel:hover,
    #surveyListControl_tr_ReportActivityCalendar a.Button #surveyListControl_calStart_lnkEditDate_lnkEditCalLabel:hover,
    #surveyListControl_tr_ReportActivityCalendar a.Button #surveyListControl_calEnd_lnkEditDate_lnkEditCalLabel:hover { background-color: expression(color(buttonHover)); }
    #activityReport_tr_ReportActivityCalendar td span, #surveyListControl_tr_ReportActivityCalendar td span { display: block; }

    #activityReport_trCalIntro td p { margin: 0px 0px 14px 0px; }

    /*playbacklist*/
    .emphased .calcontrol{
        padding:0 !important;
        color:#fff !important;
    }
    IMG#imgPresenter,
    IMG#imgUser,
    IMG#imgUserPhoto,
    .listLine IMG.userImage   {
        padding:3px
    }
    INPUT.bordered,
    IMG#imgUser{border:none !important;}
    .listLine TD.user {width:166px;}
    .calcontrol DIV,
    .calcontrol SPAN{
     display:inline;
    }

    A#PlaybackList_calStart_lnkDate,
    A#PlaybackList_calEnd_lnkDate,
    A#PlaybackList_btnFilter{
      color:expression(color(light)) !important;
      padding:0 2px;
    }

    #PlaybackList_lblCalendarFilterTo,
    #PlaybackList_lblCalendarFilterFrom {
      color:expression(color(sectionHeaderText)) !important;
    }


    .calcontrol .spaceRightSmall {
        display:inline;
    }

    #activityParticipants_tblUpnlBtnShowUsers {
        border-bottom: solid 1px #ccc;
    }

    #activityParticipants_lblUsersHidden {
        padding: 8px 0px 4px 0px !important;
        display: inline-block;
    }

    #activityParticipants_tblParticipantsOptionsTop {
        z-index: 1;
    }

    #activityParticipants_upnlBtnShowUsers, #activityParticipants_upnlParticipantsGridView {
        position: relative;
        top: -42px;
        clear: both;
    }

    .version6Tag {
        color: expression(color(base));
        border: 1px solid expression(color(base));
        font-size: 0.8em;
        font-weight: bold;
        padding: 0 3px;
        white-space: nowrap;
    }

     /* user groupes */
    #RadAjaxPanel1 TD {
        width:33%
    }

    #RadAjaxPanel1 .ListHeader .RadInput {display:block}
    #RadAjaxPanel1 .ListHeader {
        width:90% !important;
    }
    #RadAjaxPanel1 #txtFilterlstAnimatorsSelected_txtFilter, /* exception, last box is larger */
    #RadAjaxPanel1 .RadInput,
    #RadAjaxPanel1 .RadListBox    {
        width:100% !important;
    }

    /*Pour IE, quand les boutons pour deplacer des participants dans les groupes n'apparaissent pas.*/
    .RadListBox .rlbNoButtonText .rlbButtonText
    {
        font-size:1px !important;
    }

    /*--< Navigation de boîte de contenu / table (options d'affichage, ex: sélection plage de temps) >-----------------*/
	.contentTableNavig {
        margin-top:10px;
        display:inline-block;
	}

	.contentTableNavig TD {
		vertical-align: middle;
	}

	.contentTableNavig TD.navigCell {
		text-align: center;
		padding: 5px 8px;
	}

	.contentTableNavig A {
		vertical-align: middle;
		font-weight: normal;
	}

	.contentTableNavig TD.selected {
		background-color: expression(color(highlight));
		color: expression(color(light));
	}

	.contentTableNavig TD.selected A {
		font-weight: 600;
		color: expression(color(light));
		text-decoration: none;
	}
	#lstGroups	{
	    width:100% !important;

	}
	.UserGroups .contentBox{height:100% !important; min-height:362px;}

	/* Loader */
    @-webkit-keyframes rotation {
        from {-webkit-transform: rotate(0deg);}
        to   {-webkit-transform: rotate(359deg);}
    }

    .rotate-icon .icon,
    #PlaybackList_lblMainLoading .icon {
        -webkit-animation: rotation 2s infinite linear;
    }

	/* Téléchargements média (enregistrements) */
	.mediaDownloadTable .detailsRow TD IMG, .mediaDownloadTable .detailsRow TD #PlaybackList_lblFullVideo, .mediaDownloadTable .detailsRow TD #PlaybackList_lblAudio, .mediaDownloadTable .detailsRow TD #PlaybackList_lblMobile { float: left; display: block; width: auto; height: auto; }
    .mediaDownloadTable .detailsRow TD .icon { font-size: 6em; display: block; width: 90px; text-align: center; padding: 15px 0px 30px 0px; position: inherit; cursor:default }
    .mediaDownloadTable .detailsRow TD #PlaybackList_lblFullVideo .icon { padding: 15px 0px 30px 10px; }
	TABLE.mediaDownloadTable { border: solid 1px expression(color(light)); border-collapse: collapse; }
	TABLE.mediaDownloadTable TR TD { border:solid 1px expression(color(light)); padding: 3px; text-align: left; }
	.mediaDownloadTable .detailsRow TD { font-size: 0.8em; }
    .mediaDownloadTable .detailsRow H4 { margin: 12px 0px; }
	.mediaDownloadTable .detailsRow TD DIV { font-size: 0.8em; }

	TABLE.mediaDownloadTable TR.detailsRow TD.na IMG, TABLE.mediaDownloadTable TR.detailsRow TD.na SPAN, TABLE.mediaDownloadTable TR.detailsRow TD.na H4 {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50);";
		filter: alpha(opacity=50);
		-moz-opacity: .50;
		opacity: .50;
	}

    #PlaybackList_pnlDownload .subContent {padding: 10px 15px 4px;}
    TABLE.mediaDownloadTable TR.footerRow TD {padding: 0px;}
    .mediaDownloadTable .footerRow a {display: block;}

	/* Documents téléchargeables */
	#ActivityFiles_dlActivityFiles td{width:33%;}
	.downloadableFileItem BR {
		line-height: 1.2em;
	}
	.downloadableFileItem .fileIcon{float:left; font-size:22px;}
	.downloadableFileItem .fileInfos{line-height:20px !important}

    /* Pop-up duplication d'activité */
    #popUpMessageBoxBodyDuplicate .msgBoxContentChkIcons tr.detailsRow {height: 106px;}
    #popUpMessageBoxBodyDuplicate .msgBoxContentChkIcons td {
        padding: 1px 7px 15px 7px;
        vertical-align: bottom;
        text-align: center;
    }
    #popUpMessageBoxBodyDuplicate .msgBoxContentChkIcons td label {position: relative;}
    #popUpMessageBoxBodyDuplicate .msgBoxContentChkIcons td label .icon {
        font-size: 3.5em;
        left: 25%;
        position: absolute;
        top: -70px;
    }

      #popUpMessageBoxBodyDuplicate .msgBoxContentChkIcons td#tdchkIncAnnotations label .icon {
        font-size: 5em;
        left: 8%;
        top: -76px;
    }

      #popUpMessageBoxBodyDuplicate .msgBoxContentChkIcons td#tdchkIncAnnotationsEndActivity label .icon, #popUpMessageBoxBodyDuplicate .msgBoxContentChkIcons td#tdchkDeleteSurveys label .icon {
        font-size: 5em;
        left: 20%;
        top: -76px;
    }

    #popUpMessageBoxBodyDuplicate .msgBoxContentChkIcons td#tdchkIncDocs label .icon, #popUpMessageBoxBodyDuplicate .msgBoxContentChkIcons td#tdchkIncUsers label .icon {left: 8%;}
    #popUpMessageBoxBodyDuplicate .msgBoxContentChkIcons td label .txt {margin: 0px 4px;}
    .mediaDownloadTable tr:first-child td {background-color: expression(color(boxBg)); background-color: expression(colorRGBA(boxBg,.6)) !important;}

    .editActivityMsgBox tr td {background-color: expression(color(boxBg)); background-color: expression(colorRGBA(boxBg,.6)) !important; padding-left:8px;padding-right:8px;}
    .editActivityMsgBox
    {
        border-spacing:4px;
        line-height:2;
    }

    /* Pop-up duplication d'activité */
    #popUpMessageBoxBodyReport #messageBoxContentTableReport tr.detailsRow {height: 106px;}
    #popUpMessageBoxBodyReport #messageBoxContentTableReport td {
        padding: 1px 7px 15px 7px;
        vertical-align: bottom;
        text-align: center;
    }
    #popUpMessageBoxBodyReport #messageBoxContentTableReport td label {position: relative;}
    #popUpMessageBoxBodyReport #messageBoxContentTableReport td label .icon {
        font-size: 3.5em;
        left: 25%;
        position: absolute;
        top: -70px;
    }
    #popUpMessageBoxBodyReport #messageBoxContentTableReport td label .txt {margin: 0px 4px;}

/*=[ UP - user plans ]===================*/

    #tdLblAccessActivityDisabled { background-color: #C9C9C9 !important; }
    #tdImgAccessActivityDisabled { background-color: #C9C9C9 !important; }
    #tdLblManageDocumentsDisabled { background-color: #C9C9C9 !important; }
    #tdImgManageDocumentsDisabled { background-color: #C9C9C9 !important; }
    #tdLblReportDisabled { background-color: #C9C9C9 !important; }
    #tdImgReportDisabled { background-color: #C9C9C9 !important; }

   .UP #PlaybackList_ajaxpanel{margin:0 4px 0 14px}
   .UP .cellContent{height:100%;}
   .UP .sectionCell .icon {
       font-size:70px;
       padding: 8px 0px 0px 20px;
   }
   .UP .sectionCell .nopadding .icon{padding-left:0 !important;}
   .UP .sectionCell.wide TD:first-child{width:40% !important}
   .UP .sectionCell.wide TD:last-child{width:60% !important}

   #lblSettings_audio .icon,
   #lblSettings_waitingRoom .icon,
   #lblSettings_participation .icon{font-size:1.2em;}

   TD.spacingCell {
        padding: 0;
        width: 1%;
    }
   .sectionCell,
   .sectionCell A,
   .sectionCell SPAN{
        color:expression(color(light));
    }
   #lblSettings_participation .icon.b, /*Exceptions */
   #lblSettings_participation .icon.grey  {
        color:expression(color(light)) !important;
    }
   TD.sectionCell {
        background-color: expression(color(button));
        text-align: center;
        width: 12%;
   }
   TD.sectionCell.wide {
        width: 35%;
        background-color:expression(color(base));
   }
   TD.sectionCell.wide TABLE{width:100%;margin: 0 auto;}
   TD.noPadding{width:50%}
   TD.noPadding:first-child{text-align:center}
   TD.sectionCell.master,
   .contentSubOptions TD.sectionCell.master,
    #pnlInfos .master {
        width:30%;
        background-color: expression(color(buttonDefault));
    }
    #tdAccessDisabled { background-color: #C9C9C9 !important; }
    #pnlInfos .master:hover { background-color:expression(color(buttonDefaultHover)); }
    #pnlInfos .master .txt { text-decoration: none; display: block; padding-bottom: 12px; }
    .contentSubOptions TD.sectionCell {line-height:28px}
    .contentSubOptions TD.sectionCell.wide{padding-right:2px}

    .contentSubOptions TD.sectionCell A{font-weight:500; text-decoration:none; font-size:1.1em;}
    .contentSubOptions TD.sectionCell A:hover{text-decoration:underline;}

    .UP .contentSubOptions { padding-top: 0; }

    .contentBoxHeader.support { width: 100%; text-align: left !important; }
    .lnkHelpCenter {padding-top: 133px;}

    .contentSubOptions.UP a {
        display: block;
        padding-bottom: 10px;
        line-height: normal;
    }

    .contentSubOptions.UP .sectionCell a:hover { text-decoration: none; }
    .contentSubOptions.UP .sectionCell a:first-child { padding-bottom: 20px; }
    .contentSubOptions.UP .sectionCell:hover { background-color: expression(color(buttonHover)); }
    .contentSubOptions.UP .master:hover { background-color: expression(color(buttonDefaultHover)); }
    .contentSubOptions.UP .sectionCell.wide:hover { background-color: expression(colorRGBA(base,.9)); }

    /* options pop up */
    #pnlSettingsTabs    {
        text-align:left;
        border-bottom: 1px solid expression(color(base));
   }

    A.tabButton.active {
        background-color: expression(color(base));
    }
    A.tabButton {
        background: none repeat scroll 0 0 transparent;
        display: inline-block;
        padding: 10px;
        text-align: center;
        text-decoration: none;
    }

/*=[ PIED DE PAGE ]======================*/

    #footerHolder {
	    display: block;
	    position: absolute;
	    left: 0px;
	    bottom: 0px;
	    width: 100%;
    }

    .pageFooter     {
        width:80%;
	    font-size: 12px;
	    color: expression(color(label));
	    text-align: center;
    }

    .UP .pageFooter{ margin:auto;}

/*=[ ERREURS ET MESSAGES ]===================*/

    .popUpPage .cellContent { /* Pages en pop-up (documents téléchargeables, participants, etc.) */
		padding: 10px;
	}
	.popUpPage .contentBoxHeader,
	.popUpPage .contentBox,
	.popUpPage .contentTable,
	.popUpPage .contentSubOptions,
	.popUpPage #tabSetupWizard .contentBoxHeader,
	.popUpPage #tabSetupWizard .contentBox,
	.popUpPage #tabSetupWizard .contentTable,
	.popUpPage #tabSetupWizard .contentSubOptions,
	#gvCiePhoneNums	{
	    width:100% !important;
	    min-width:0;
	    max-width:640px !important;
	}
	.popUpPage .setUpWizard	{
	    padding:0px !important;
	    height:100%;
	    overflow-y:scroll;
	}
    .popupMessageBox .messageBoxContentTable {
        border: 1px solid expression(color(base));
    }
	.popUpPage .messageBoxContentTable,
	.popUpPage #myMsgBox_lblMsgBoxBody{
	    min-width:0;
	    max-width:440px !important;
	}
	.popupMessageBoxBody,
    .popupMessageBoxTitle,
	.popupSubContentTable,
	.popupSubContentTable TR,
	.popupSubContentTable TD.subContent,
	.popupMessageBoxBody .mediaDownloadTable,
	.popupMessageBoxBody .mediaDownloadTable .detailsRow,
	.popupMessageBoxBody .mediaDownloadTable .footerRow{
	    min-width:0;
	    max-width:1200px !important;
	    *width:800px; /* for IE7*/
	}

	.popupMessageBoxBody .contentSubOptions {max-width:400px !important;}
    /*--< Séparateur HR >-----------------*/
    .hr-centered-text {
        line-height: 1em;
        position: relative;
        outline: 0;
        border: 0;
        color: black;
        text-align: center;
        height: 1.5em;
    }
    .hr-centered-text:before {
        content: '';
        background: #707070;
        position: absolute;
        left: 0;
        top: 50%;
        width: 100%;
        height: 1px;
    }
    .hr-centered-text::after {
        content: attr(data-content);
        position: relative;
        display: inline-block;
        padding: 0 .5em;
        line-height: 1.5em;
        color: #707070;
        background-color: #fcfcfa;
        text-transform: lowercase;
    }
    /*--< Background des pop-ups >-----------------*/
    .popupBG {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100% !important;
        height: 100% !important;
        z-index: 99;
        background-color: black;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50);";
        filter: alpha(opacity=70);
        -moz-opacity: .70;
        opacity: .70;
    }

	/*--< Boîte de message >-----------------*/
   .popupMessageBox {
		display: none;
		position: absolute;
		z-index: 100;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		text-align: center;
		vertical-align: middle;
   }
   .popupMessageBoxBody A.active SPAN,
   .popupMessageBoxTitle SPAN {
		color:expression(color(light)) !important;
	}

	.messageBoxContentTable {
		background-color: expression(color(light));
	}
	.popupMessageBoxTitle SPAN	{
	    *float:left;
	    *position:relative;
	}

	.popupMessageBoxTitle {
		background: expression(color(sectionHeaderBG));
		font-size: 1.3em;
		color: expression(color(light));
		height: 50px;
		text-align: left;
	}

	.async .popupMessageBoxBody {
		padding: 0;
	}
    .popupMessageBoxBody,
	.popupMessageBox .contentSubOptions {
	    text-align:center;
	 }
    .popupMessageBoxBody TABLE {
        margin:auto;
	}

	.popupMessageBoxBody.alignLeft { text-align: left; }
	.popupMessageBoxBody.alignRight { text-align: right; }

	.popupMessageBoxBody *:first-child
	{
		margin-top: 0;
	}

	 A.closeBtn {
		float:right;
		display: block;
		padding: 3px 6px;
		font-size: 18px;
		text-decoration: none;
	}

	A.closeBtn SPAN {
		text-decoration: none;
		color: expression(color(light));
	}

	A.closeBtn:hover SPAN {
		text-decoration: none;
		color: expression(color(text));
	}

	.popupBG {
		*display: none !important;  /* Masquage du background dans IE7 et moins */
	}

	/* Boîte de message */
	.noticeBox {
		display: block;
		padding: 5px 0;
		text-align: center;
		vertical-align: middle;
		clear: both;
		background-color: #e9b80f;
        color:expression(color(light));
	}
	.noticeBoxHidden span 	{
	    display : none;
	}
    .msgSaveConf A.closeBtn{
         display:none !important;
    }

    /* Tool-tip */
	#tooltip {
		background-color: #ffffe5;
		border: 1px solid #c9b714;
		color: expression(color(text));
		padding: 2px;
		font-size: 11px;
	}

    /*RadNotification */
    .RadNotification.RadNotification_{
       border:2px solid expression(color(headerBg));
       background-color:#fff;
    }

    .RadNotification.RadNotification_ .rnTitleBar{
        background-color: expression(color(headerBg));
        border-radius: 0;
        -moz-border-radius: 0;
        font-weight:600;
        font-size:16px !important;
        height:30px;

    }
    .RadNotification .rnTitleBarTitle {color:#fff;}
    .RadNotification.Notification_Info .rnTitleBar{
        padding: 4px 0 2px 10px;
    }

    .RadNotification.Notification_Warning .rnTitleBarTitle{
        padding-left:5px;
    }
    .rnTitleBarTitle IMG{
        vertical-align:top
    }
    .RadNotification .rnTitleBarTitle .icon{color:#fff !important;}
    .RadNotification .rnTitleBar li.rnCloseIcon{
        background-image: url("/images/interface/_default/win_close_white.gif");
        background-position: 2px 3px;
        background-repeat: no-repeat;
    }

     .RadNotification .rnTitleBarTitle{
        width:90% !important;
     }

    .Notification_Warning .NotifContentLogo{
        margin: 2px 5px 50px;
        vertical-align: top;
        float:left;
    }
    .Notification_Info IMG.NotifContentLogo{
        margin: 0;
        vertical-align: top;
    }
    .RadNotification .NotifContent{
        color: #3f3e3e;
    }
    .RadNotification .NotifContent a{
        display:block;
        color: #196091;
        font-weight: bold;
    }
    .RadNotification.Notification_Warning .NotifContent {
       font-size:11px;
    }

    .RadNotification.Notification_Info .NotifContent {
       font-size:13px;
       width: 306px;
       line-height:16px;
       margin-top:3px;
    }
    #VersionNotificationID_popup .RadXmlHttpPanel {
        background:url(../images/popup/popup_bg8_6.jpg) no-repeat;
        height:98px !important;
    }
    #VersionNotificationID_popup .NotifContentLogo {
         padding: 0px 0px 20px 180px;
         float: right;
         margin:10px 0px 0px 8px;
    }
    #ShowOldVssDetect_popup .NotifContent {
       font-size:16px;
       line-height:20px;
    }
    #ShowOldVssDetect_popup IMG.NotifContentLogo {
        padding:5px;
    }
    #ShowOldVssDetect_popup .NotifContent SPAN {
        color:#6bba07;
        font-size: 18px;
    }

    /* RadColorPicker */
    .RadColorPicker{display:inline-block}
    .colorDefinition SPAN.label{ float:left; width:15%}

    /* for IE */
    .NotifContent IMG.NotifContentLogo {float:left; z-index:1000; margin:0px 14px 0px 8px;}
    .NotifContent IMG.NotifContentLogoPictureFormat {float:left; z-index:1000; padding-right:5px;}
    .NotifContent IMG.NotifContentLogoMaintenance{float:left; z-index:1000; padding-right:5px;}
    #MobileNotificationID_popup .NotifContent IMG.NotifContentLogo {}

    .NotifContent #PictureFormatURL
    {
        font-size: 15px;
        color: expression(color(highlight));
        text-decoration : underline;
        padding-top:10px;
        font-weight: bold;
    }

    .NotifContent #PictureFormatURL:hover
    {
        text-decoration : none;
    }


    /* Css FullscreenLoading */
    #jquery-msg-overlay {
		position:fixed !important;
        height:200% !important;
    }
    #jquery-msg-bg {
      -moz-opacity: 0.6;
      -khtml-opacity: 0.6;
      opacity: 0.6;
      filter: alpha(opacity=60);
      background-color: #000 ;
    }

    .jquery-msg-content {
      /*-webkit-background-clip: padding-box;*/
      padding: 15px;
    }
    IMG.spaceRightSmall{
        margin:auto;
    }

    .black-on-white .jquery-msg-content {
      background: white;
      color: #333333;
      -moz-opacity:0.9;
      -khtml-opacity: 0.9;
      opacity: 0.9;
      filter: alpha(opacity=90);
      /* ie fix */
      -pie-lazy-init: true;
      behavior: url(PIE.htc);
      width:300px;
    }

    .white-on-black .jquery-msg-content {
       /*-moz-opacity: 0.5;
      -khtml-opacity: 0.5;
	   opacity: 0.5;*/
      filter: alpha(opacity=50);
      background: black;
      background: rgba(0,0,0,0.5);
      color: white;
      /* ie fix */
      -pie-lazy-init: true;
      behavior: url(PIE.htc);
      top: 48vh !important; /* Fix position */
    }


/*=[ GENERAL = for chrome ]======================*/
    input[type="text"], input[type="password"], textarea, select, a {
        outline: none;
    }
    input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus, #td_mainFrame input:-webkit-autofill {
        background-color: #fff !important;
    }

/*=[ GENERAL = for IE 7 ]======================*/

    A#lnkUserPhoto{*width:200px; *text-align:left !important;}
    .nowrap.details DIV {*height:30px !important;}
    #PlaybackList_pnlCalendarFilter{  *position:relative;  *top:-40px; }
    #PlaybackList_btnFilter{*position:relative; *top:-10px}
    #PlaybackList_pnlPlaybackHeader .task{*display:inline !important; }


/* ------------------------------------------------------*/
/* CALENDRIER ========================================== */

	/*--< Calendar holder >-----------------*/
	.Calendar {
		padding: 1px;
		z-index: 100;
		background-color: #FFF;
	}



	.Calendar TD {
		border: solid 1px #FFF;
		text-align: center;
		vertical-align: middle;
	}

	TD.cpCurrentMonthDate, TD.cpCurrentMonthDateDisabled, TR.cpWeekOver TD.cpOtherMonthDate {
		background-color: #e5e7ea;
	}
	TR.cpWeekOver TD.cpCurrentMonthDate, TR.cpWeekOver TD.cpCurrentMonthDateDisabled {
		background-color: #bcd1df;
	}

	.Calendar SPAN, .Calendar A {
		display: inline-block;
		width: 100%;
		text-decoration: none;
		font-size: 11px;
	}

	.Calendar A:hover {
		text-decoration: underline;
	}

	/*--< Combos de sélection de mois/année >-----------------*/
	.cpYearNavigation, .cpMonthNavigation {
		font-size: 11px;
		margin-bottom: 4px;
	}

	.cpCurrentMonthDate, .cpOtherMonthDate, .cpCurrentDate {
		text-decoration: none;
	}

	.cpCurrentMonthDateDisabled, .cpOtherMonthDateDisabled, .cpCurrentDateDisabled {
		color: #9ea2a6;
		text-decoration: line-through;
	}

	.cpCurrentMonthDate {
		color: expression(color(text));
		font-weight: bold;
	}

	.cpCurrentDate {
		color:  #FFFFFF;
		font-weight: bold;
	}

	/*--< Jours des autres mois >-----------------*/
	.cpOtherMonthDate {
		color: #808080;
	}

	/*--< Cellules >-----------------*/
	TD.cpDayColumnHeader {
		background-color: expression(color(base));
	}

	span.cpDayColumnHeader, .cpDayColumnHeader {
		color: #FFF;
	}

	TD.cpCurrentDate, .cpCurrentDate A {
		color: #FFFFFF;
		background-color: expression(color(highlight));
	}

	TD.cpOtherMonthDate {
		background-color: #FFF;
	}

	TD.cpTodayText, TD.cpTodayTextDisabled {
		border: none;
		padding: 3px 0px 1px 0px;
	}

	/*--< Liens >-----------------*/
	A.cpTodayText {
		color: expression(color(text));
		font-weight: bold;
	}

	.cpBorder {
		border: solid 1px expression(color(base));
	}

/* RadCalendar & RadGrid */
	.Calendar{background-color:#fff;}
    .RadCalendar{
        width: 195px !important;
        z-index:100;
        border: 1px solid #868686 !important;
    }
    .RadCalendar_Default .rcMain .rcRow a,
    .RadCalendar_Default .rcMain .rcRow span { line-height:17px; text-decoration: none !important; color: #333 !important; }
    .RadCalendar A{
        position:static !important;
        color:#000;
    }
    .RadCalendar td:first-child { padding: 0px !important; width: auto !important; }
    .RadCalendar_Default .rcTitlebar { background:#fff !important; color:#000 !important; border: none !important; }
    .RadCalendar_Default .rcTitlebar td { width: auto !important; }
    .RadCalendar_Default .rcTitlebar td:first-child { border: none !important; }
    .RadCalendar_Default .rcTitlebar .rcPrev,
    .RadCalendar_Default .rcTitlebar .rcNext,
    .RadCalendar_Default .rcTitlebar .rcFastPrev,
    .RadCalendar_Default .rcTitlebar .rcFastNext { color:#000 !important; }
    .RadCalendar_Default .rcTitlebar .rcFastPrev { margin-left: 6px !important; }
    .RadCalendar .rcTitlebar .rcTitle:hover { background-color: #e5e7ea; }
    .RadCalendar_Default .rcWeek th {
        background-color:expression(color(base)) !important;
        color:expression(color(light)) !important;
    }
    .RadCalendar_Default .rcRow {
        background-color:#E5E7EA;
        color:expression(color(base)) !important;
        font-weight: bold;
    }
    .RadCalendar_Default .rcRow td { height: auto !important; width: auto !important; border-color: #fff !important; }
    .RadCalendar_Default .rcRow td a { font-weight: bold; }
    .RadCalendar_Default .rcOtherMonth {
        background-color:expression(color(light)) !important;
     }
    .RadCalendar_Default .rcSelected{
        background:expression(color(highlight)) !important;
        color:#fff;
        border-color: #fff !important;
    }
    .RadCalendar_Default .rcHover{
        background:expression(color(buttonDefaultHover)) !important;
        color:#fff;
        border-color: #fff !important;
    }
    .RadCalendar .radCalTodayBtn input { margin: 5px 0px; }
    .RadCalendar .rcMain { border: none !important; }
    .rcMainTable A{
        bottom:0 !Important;
    }
    .rgMasterTable THEAD,
    .RadCalendar THEAD{
        display:table-header-group
    }
    .rgMasterTable TH,
    .rcMainTable TH{
        display:table-cell
    }
    .rcTitlebar THEAD{
        display:none;
    }
    .rgMasterTable TFOOT{
        display: table-footer-group
    }
    .RadGrid{
        max-height:600px;
        overflow:auto;
        width:80% !important;
    }
    .details.nowrap DIV{
        *height:13px; /* IE7 and below */
    }

     /* ------------------------------------------------------*/
    /* ACTVITY EDIT PAGE ========================================== */

    #activityInfosTable {
        background: expression(color(boxBg));
        height: auto;
        margin: 0px 0px 5px 0px;
    }

    #manageUsers {
        padding: 0px 5px 0px 0px;
        display: table-cell;
        vertical-align: top;
        position: relative;
    }

    #manageUsers #manageUsersHolder {
        height: 510px;
        width: 837px;
        text-align: center;
        display: table-cell;
    }

    #options {
        display: table-cell;
        vertical-align: top;
        max-width: 471px;
        min-width: 303px;
    }

    #trEditTitle { height: 28px; }
    #trEditDate { height: 38px; }
    #trEditDate td:first-child, #trEditTitle td:first-child { width: 55px; padding: 0px 0px 0px 6px; }
    #calEditDate { top: inherit !important; margin: 30px 0px 0px 0px; }

    #pnlLnkEditDateCal, #pnlLnkEditDateCalPeriodicityStart, #pnlLnkEditDateCalPeriodicityEnd {
        width: auto;
        background-color: expression(color(button));
        height: auto;
        padding: 4px 8px 4px 4px;
        margin: 0px 4px 0px 0px;
    }

    #pnlLnkEditDateCal SPAN,
    #pnlLnkEditDateCalPeriodicityStart a,
    #pnlLnkEditDateCalPeriodicityEnd a {
        color: expression(color(light));
        margin: 0px;
    }

    #pnlLnkEditDateCal span,
    #pnlLnkEditDateCalPeriodicityStart span,
    #pnlLnkEditDateCalPeriodicityEnd span,
    #lnkEditAudioMode { color: expression(color(light)); }

    #lblEditDateCal {
        color: expression(color(base));
        font-weight: bold;
        margin: 0px;
        width: auto;
        background: none;
        height: auto;
        margin: 0px 4px 0px 0px;
    }

    #lnkEditDateCal_radCal_wrapper, #lnkEditDateCalPeriodicityStart_radCal_wrapper, #lnkEditDateCalPeriodicityEnd_radCal_wrapper {
        display: inline;
    }

    #editAdvancedOptionsTable { background: expression(color(boxBg)); width: 100%; }
    #editAdvancedOptionsTable td { padding: 5px 5px; text-align: left; }

    #manageUsersTable {
        background: expression(color(boxBg));
        width:100%;
        min-width: 837px;
        border-collapse:collapse;
    }

    .AdvancedOptionsTables {
        background: expression(color(boxBg));
        height: 100%;
        border-collapse: collapse;
        margin: 0px 0px 5px 0px;
        width: 100%;
    }

    .AdvancedOptionsTables input[type="radio"], .AdvancedOptionsTables input[type="checkbox"] { border: none; }
    #recordingTable td, #invitationTable td, #audioModeTable td { padding: 7px 5px; }

    .sectionTitle {
        width: 100%;
        height: 48px;
        background: expression(color(sectionHeaderBG));
        float:left;
    }

    .sectionTitle .title span {
        color: expression(color(sectionHeaderText));
        font-weight: normal;
        font-size: 18px;
    }
    #pnlEdit .sectionTitle .headerIcon, #pnlEdit .sectionTitle .title { padding: 5px; text-align: left; }
    #formActivityEdit #btnSave,
    #formActivityEdit #btnReturn {
        height: 26px;
        width: 115px;
        font-size: 13px;
        text-align: center;
        color: expression(color(light));
        background-color: expression(color(buttonDefault));
    }

    #formActivityEdit .contentBox { width: 100%; min-width: 1145px; }
    #formActivityEdit #btnReturn { margin-top: 4px; }
    #pnlEditAdvancedOptions { border: none; }
    #optionsSectionTitle { cursor: pointer; }
    #optionsSectionTitle .title{width:100%}
    #btnEditToggleAdvancedOptions { float: right; }
    #btnEditToggleAdvancedOptions img { margin: 4px 8px 0px 4px !important; }
    #lblOptions { float: left; }

    #lnkEditAudioMode {
        background-repeat: no-repeat;
        background-position: left center;
        background-color: expression(color(button));
        margin: 0px 4px 0px 0px;
    }

    #lblEditAudioMode {
        background-repeat: no-repeat;
        background-position: left center;
        margin: 0px 4px 0px 0px;
    }

    #btnCreateActivityBeta {
        background-image: url(../../images/icons/imgBetaBanner.png);
        background-position: right center;
        background-repeat: no-repeat;
        padding-right: 38px;
    }

    .contentBoxHeader.Beta td:first-child {
        background-image: url(../../images/icons/createBetaBtnBg.png);
        background-position: right center;
        background-repeat: no-repeat;
    }

    #imgBeta {
        margin-bottom : 3px;
        margin-left : 4px;
    }

    .voiceip { background-image: url(../../images/icons/icoSmall_voiceIp.png); padding: 5px 10px 8px 80px; }
    .phone { background-image: url(../../images/icons/icoSmall_phone.png);  padding: 5px 10px 8px 80px; }
    .phoneOnly { background-image: url(../../images/icons/icoSmall_PhoneOnly.png); padding: 5px 10px 8px 45px; }
    .customPhone { background-image: url(../../images/icons/icoSmall_customPhone.png); padding: 5px 10px 8px 85px; }
    .phoneVoiceip { background-image: url(../../images/icons/icoSmall_phoneVoiceIp.png); padding: 5px 10px 8px 110px; }
    #trEditPhoneExt table { width: 100%; }
    #trEditPhoneExt table td { padding: 0px; }
    #trEditPhoneExt .clearLine { margin: 6px 0px; }

    #addExternalPhone_btnAddPhoneNumbers {
        color: expression(color(light));
        background-color: expression(color(button));
        font-weight: 700;
        height: auto;
        margin: 0 4px 0 0;
        display: inline-block;
        padding: 5px 8px 5px 4px;
        width: auto;
    }

    #tblContentEditSubOptions {
        display:table !important;
        float: right;
    }

	/*--< Pop-up audio mode >-----------------*/

    /*.popupMessageBox .messageBoxContentTable { width: 820px; }*/
    .popupMessageBoxBody { height: auto; min-width: 350px; padding: 10px 15px 4px 15px; }

    #rblEditAudioMode {
        width: 100%;
        display: inline-block;
        text-align: left;
        line-height: 10px;
    }

    #rblEditAudioMode .audioModeType { display: table-cell; height: 85px; width: 100%; }
    #rblEditAudioMode input { position: absolute; border: none; margin: 37px 0px 0px 8px; }

    #rblEditAudioMode label {
        display: table-cell;
        *display: inline-block;
        color: expression(color(text));
        height: 85px;
        background-color: expression(color(boxBg));
        width: 800px;
        padding: 0px 0px 0px 32px;
        *padding: 17px 0px 0px 32px;
        margin: 0px 0px 10px 0px;
        vertical-align: middle;
        background-position: right center;
        background-repeat: no-repeat;
    }

    #rblEditAudioMode label .audioTypeTitle { font-size: 16px; font-weight: 600; line-height: 20px; }

    #rblEditAudioMode label .audioTypeDesc {
        display: block;
        font-size: 13px;
        font-weight: 400;
        width: 530px;
        line-height: 16px;
        margin: 0px 0px 3px 0px;
    }

    #pnlChangeAudioMode .contentSubOptions { padding: 0px 15px 10px 15px; }

    .contentSubOptions #btnSaveAudioMode {
        float: right;
        width: 120px;
        font-size: 13px;
        text-align: center;
    }

    .audioModeTypeNotActive {
        background-color: expression(color(boxBg)) !important;
        color: expression(color(text)) !important;
    }

    .audioModeTypeActive {
        background-color: expression(color(button)) !important;
        color: expression(color(light)) !important;
    }

    /*UserAssociation.ascx*/
    .tblUserAssociation {
        width: 810px;
        border-collapse: collapse;
        margin: 6px 0px 6px 6px;
    }

    .tblUserAssociation td {
        border: none !important;
        padding: 0px;
        vertical-align: top;
        text-align: left;
    }

    .msgmsgBoxMigrationV6ToV7 #myMsgBox_lblMsgBoxBody
    {
        text-align:left;
    }

    .popupMessageBoxBody .tblUserAssociation { margin: 10px auto 0px auto; }
    .RadListBox_Default .rlbNoButtonText .rlbButtonText { height: 15px !important; }
    .RadListBox .rlbTemplate { overflow: visible !important; }
    .RadListBox_Default .rlbText, .RadListBox_Default .rlbItem, .RadListBox_Default .rlbButtonText, .RadListBox_Default .rlbEmptyMessage { font-size: 13px !important; }

    .tblUserAssociation .RadListBox_Default .rlbItem, .tblUserAssociation .RadListBox .rlbGroup .rlbActive {
        padding: 0px 0px 0px 5px;
        background: #eee;
        margin: 1px;
        line-height: 20px;
    }

    .tblUserAssociation .rlbGroup .userAssociationGroup.rlbActive, .tblUserAssociation .rlbGroup .rlbItem.rlbSelected, .tblUserAssociation .rlbGroup .rlbActive {
        border: none !important;
    }

    .tblUserAssociation .RadListBox_Default .rlbItem .name { *float: left; }

    .tblUserAssociation .RadListBox_Default .rlbText { line-height: 20px !important; }

    .tblUserAssociation .rlbItem.userAssociationChild {
        padding: 0px 0px 0px 20px !important;
        background: #d9d9d9 !important;
    }

    .tblUserAssociation .rlbItem.userAssociationGroup {
        font-weight: bold;
        background: #d9d9d9 !important;
        margin: 1px !important;
    }

    .tblUserAssociation .riSingle.RadInput {
        height: auto !important;
    }

    .RadListBox_Default .rlbGroup .rlbSelected, .RadListBox_Default .rlbGroup .rlbHovered { background: #bfbebe !important; }
    .userAssociationGroup .UAtemplateShowAll { height: 100%; }

    .UAtemplateShowAll, .UAtemplateShowAllExceptPres {
        float: right;
        text-align: right;
    }

    .UAtemplateShowAll .userAssociationRadioButtons span, .UAtemplateShowAllExceptPres .userAssociationRadioButtons span {
        display: inline-block;
        float: left;
    }

    .UAtemplateShowAll .userAssociationRadioButtons input, .UAtemplateShowAllExceptPres .userAssociationRadioButtons input {
        margin: 5px 7px;
        margin: 2px 4px\9;
        margin: 2px 4px/IE9;
    }

    .userAssociationRadioButtons .rdb1, .userAssociationRadioButtons .rdb2 { background: #929292; }
    .userAssociationRadioButtons .rdb3 { background: #d9d9d9; }

    .UAtemplateShowAll .rdbParticipant, .UAtemplateShowAllExceptPres .rdbParticipant { background: #72ba12; }
    .UAtemplateShowAll .rdbPresentateur, .UAtemplateShowAllExceptPres .rdbPresentateur { background: #196091; }
    .UAtemplateShowAll .rdbAnimateur, .UAtemplateShowAllExceptPres .rdbAnimateur { background: #eec624; }

    .lstParticipantsAll, .lstParticipantsSelected  { text-align: left; }

    .lstParticipantsSelected .rlbTemplate {
        display: inline-block !important;
        width: 100%;
    }

    .lstParticipantsAll .rlbGroupRight { width: 368px !important; }
    .seatsOverLimit { color: red; }

    .userAssociation_btnGuestUser {
        display: block !important;
        border-left: 1px solid expression(color(label));
        border-right: 1px solid expression(color(label));
        border-bottom: 1px solid expression(color(label));
        text-align: left;
    }

    .userAssociation_txtGuestUser textarea { height: 68px; }
    .userAssociation_btnGuestUser .icon { font-size: 1.3em; }
    .userAssociation_btnGuestUser .txt { text-decoration: underline !important; }
    .userAssociation_btnGuestUser .txt:hover { text-decoration: none !important; }

    .userAssociation_lblGuestUser {
        display: block;
        background-color: expression(color(boxBg));
        border-left: 1px solid expression(color(label));
        border-right: 1px solid expression(color(label));
        padding-left: 5px;
        font-weight: bold;
        color: expression(color(text));
    }

    #userAssociation_lstParticipantsAll .rlbButton { padding-bottom: 30px; }
    .userAssociation_txtGuestUser { white-space: normal !important; }

    .userAssociation_btnUngroup {
        line-height: 9px !important;
        *line-height: 25px !important;
        height: 26px;
        padding: 0px 10px !important;
        _margin-bottom: 0px !important;
    }

    .userAssociation_btnUngroup .icon {
        font-size: 1.7em;
        float: left;
        padding: 6px 0px 0px 0px;
        *padding: 0px 5px;
        *top: 0px !important;
    }

    .userAssociation_btnUngroup .txt {
        text-decoration: underline !important;
        float: left;
        padding: 6px 0px 0px 4px;
        *padding: 0px 5px;
    }

    .userAssociation_btnUngroup .txt:hover { text-decoration: none !important; }
    .liInvis { display: none; }
    .cursorPointer { cursor: pointer; }
    .UAinnerDiv { display: inline; }

    .pnlUserRoles {
        float: right;
        margin: 0px 21px 3px 0px;
    }

    .pnlUserRoles.mobile { margin: 0px 6px 3px 0px !important; }

    .rlbGroup.rlbGroupRight { overflow-y: scroll !important; }
    #userAssociation_updatePanelLstParticipantsSelected, #activityParticipants_flashParticipantsList_userAssociation_updatePanelLstParticipantsSelected { height: 504px; }
    .noPnlGuest { height: 504px !important; }
    .tblUserAssociation #availableUsers { margin: 0px 0px 5px 0px; }
    #trUserReport .lstParticipantsSelected .userAssociationGroup { line-height: 18px !important; }

    #userAssociation_updPanelSeatsUsed, #activityParticipants_flashParticipantsList_userAssociation_pnlSeatsUsed {
        font-size: 12px;
        font-weight: bold;
    }

    #userAssociation_pnlSearchInfo, #activityParticipants_flashParticipantsList_userAssociation_pnlSearchInfo {
        font-size: 12px;
        font-weight: bold;
        margin: 2px 0px 0px 0px;
        background: white;
        width: 360px;
        padding: 5px 5px;
        background: expression(color(label));
        color: white;
    }

    #userAssociation_pnlSearchInfo span, #activityParticipants_flashParticipantsList_userAssociation_pnlSearchInfo span { line-height: 18px !important; }

    .tblUserAssociation .lstParticipantsSelected .userAssociationGroup {
        height: 26px !important;
        line-height: 26px !important;
    }

    .tblUserAssociation .lstParticipantsAll .userAssociationGroup
    {
        height: 22px !important;
        line-height: 18px !important;
    }

    #userAssociation_txtGuestUser, #activityParticipants_flashParticipantsList_userAssociation_txtGuestUser
    {
        width:370px;
    }

    .lstParticipantsAll .rlbDropClue, .lstParticipantsSelected .rlbDropClue
    {
        visibility:hidden !important;
    }

    #activityParticipants_upnlBtnManageParticipantsTop, #activityParticipants_upnlBtnManageParticipants
    {
        display:inline;
    }

    #activityParticipants_upBtnPresenceReportTop, #activityParticipants_upBtnPresenceReport, #activityParticipants_upBtnPresenceExportTop, #activityParticipants_upBtnPresenceExport
    {
        display:inline;
    }

    #activityReport_upReport
    {
        display:inline;
    }

    #upBtnReport
    {
        display:inline;
    }

    .msgmsgBoxLotsOfUsers A.closeBtn
    {
        display:none !important;
    }

    .msgmsgBoxWaitWhileGenerate A.closeBtn
    {
        display:none !important;
    }

    .btnDeleteExpiration span
    {
        font-size:8px;
        padding: 0;
    }

    .calExpirationDisplay div
    {
        display:inline-block;
    }

    /*UserAssociation.ascx END*/

    /*TRIAL PANEL*/

    #tableTrial
    {
        width: 100%; 
        height: 150px;
    }

    #tableTrial a 
    {
        border: 2px solid expression(color(light));
        text-transform: uppercase;
        font-weight: bold;
        margin-top: 10px;
    }

    #tableTrial #lblTrialDays
    {
        background: url("/images/client_interface/img_trial_calendar.png") no-repeat;
        width: 74px;
        height: 59px;
        display: inline-block;
        font-size: 40px;
        font-weight: bold;
        padding: 20px 0 0 0;
    }

    #tableTrial #lblTrialRemainingDays
    {
        font-weight: bold;
        font-size: 16px;
    }

    #tableTrial #lblTitleTrialWelcome, #tableTrial #lblTitleTrialStart
    {
        font-size: 18px;
    }

    /*Trial panel END*/

    /*SURVEY*/

    #upBtnPrintSurvey
    {
        display:inline-block;
        float:right;
    }

    #pnlSurveyHeader #lblSurveyHeaderTitle {
        display: inline-block;
        height: 50px;
    }

    .surveyAreaDiv { max-width: 1400px; color: expression(color(text)); }

    .surveyNagivationActions { padding-top: 30px; }

    .SurveyLegendNb {
        color: white;
        display: block !important;
        float: left;
        line-height: 15px;
        padding: 0 2px 3px;
        text-align: center;
        height: 15px;
    }

    .SurveyLegendNb.noAnswer { background: url("/images/interface/_default/survey_legend_triangle.png") no-repeat 2px 1px; }

    .SurveyLegendQuestion {
        color: expression(color(text));
        display: block !important;
        font-weight: bold;
        line-height: 18px;
        padding-left: 25px;
        margin-bottom: 12px;
    }

    .SurveyLegendQuestionText { display: table-cell; }

    .SurveyLegendPercent {
        display: table-cell;
        font-weight: normal;
        padding-left: 15px;
        width: 200px;
    }

    @media (max-width:1100px) {
        .SurveyLegendPercent { display: inline !important; }
    }

    .surveyShortAnswer {
        background-color: expression(color(light));
        margin: 0 30px;
        padding: 10px 20px;
        display: block;
        white-space: normal;
    }

    .SurveyDetailUser {
        padding: 0 0 0 8px;
        width: auto;
        text-decoration: underline;
        display: inline-block;
    }

    .answerDiv .SurveyDetailUser { width: 200px; display: inline; }

    .gvSurveyInstanceQuestions .listHeader td { position: relative; }

    .gvSurveyInstanceQuestions .listLine:hover { background-color: transparent !important; }

    .gvSurveyInstanceQuestions .questHeader { height: 30px; }

    .gvSurveyInstanceQuestions .questHeader:hover { cursor: pointer; background-color: expression(colorRGBA(boxBg,.4)); }

    .gvSurveyInstanceQuestions .questHeader.selected {
        background-color: expression(color(buttonDefault));
        height: auto !important;
        min-height: 30px;
    }

    .gvSurveyInstanceQuestions .questHeader.selected:hover { background-color: expression(colorRGBA(buttonDefault,.8)); }

    .gvSurveyInstanceQuestions .row.collapse, .userInfoQuestionHeader .row.collapse { float: left; height: 30px; }

    .gvSurveyInstanceQuestions .firstCol { max-width: 1400px; padding: 0; }

    .detailHeader {
        background-color: expression(color(boxBg));
        color: expression(color(text));
        font-weight: bold;
        margin: 2px 30px 0px 30px;
        height: 30px;
    }

    .detailHeader:hover { cursor: pointer; }

    .detailHeader .lblDetails { display: inline-block; margin: 3px 0 0 5px; }

    .questionContent .detailHeader:hover { background-color: expression(colorRGBA(label,.3)); }

    .panelQuestionShort .SurveyDetailUser { text-decoration: none; margin-top: 3px; }

    .panelQuestionShort .btnUserInfo {
       font-weight: normal;
       text-decoration: underline;
       margin: 3px 0 0 5px;
    }

    .panelQuestionShort .btnUserInfo:hover { text-decoration: none; }

    .lblInstanceDate { padding-right: 35px; }

    .tabQuestions, .tabParticipants {
        padding: 5px 20px 4px 20px;
        background-color: expression(colorRGBA(label,.5));
        display: inline-block;
    }

    .tabParticipants { margin-left: -3px; }

    .tabQuestions:hover, .tabParticipants:hover { background-color: expression(colorRGBA(label,.6)); }

    .divSurveyTabs .selected { padding: 5px 20px 5px 20px; background-color: expression(color(boxBg)); }

    .divSurveyTabs .selected:hover { background-color: expression(colorRGBA(label,.4)); }

    .surveyDisabledUserLink { color: expression(color(label)); text-decoration: none !important; }

    .lblHeaderParticipants {
        padding-bottom: 4px;
        padding-left: 17px;
        padding-top: 5px;
        display: inline-block;
        color: expression(color(text));
    }

    .headerParticipants {
        background-color: expression(color(boxBg)) !important;
        height: 30px;
        border-bottom: 1px solid #ccc;
    }

    .questionContent { padding: 20px 0px; background-color: expression(colorRGBA(buttonDefault,.1)); }

    .userInfoHeader {
        background-color: expression(color(boxBg)) !important;
        padding-left: 20px;
        height: 20px;
        padding-top: 5px;
        padding-bottom: 5px;
        max-width: 1380px;
        position: relative;
    }

    .surveyUserInfoAnswer {
        color: expression(color(text));
        display: block;
        max-width: 1300px;
        padding-left: 25px;
        line-height: 14px;
        margin-bottom: 12px;
    }

    .surveyUserInfoAnswered {
        color: expression(color(text));
        display: block !important;
        font-weight: bold;
        max-width: 1270px;
        padding-left: 45px;
        line-height: 18px;
        margin-bottom: 12px;
    }

    .surveyUserInfoAnswered.hidden { padding-left: 25px; }

    .answerLegendAnswer {
        background-color: gray !important;
        color: white;
        display: block;
        float: left;
        line-height: 15px;
        padding: 0 1px 2px;
        text-align: center;
        height:15px;
    }

    .answerLegendAnswered {
        color: white;
        display: block !important;
        float: left;
        line-height: 15px;
        margin-left: 20px;
        padding: 0 1px 2px;
        text-align: center;
        height:15px;
    }

    .answerLegendAnswered.hidden { margin: 0px; }

    .userInfoQuestionHeader {
        line-height: 22px;
        border-bottom: 1px solid #ccc;
        max-width: 1400px;
        clear: both;
        height: 30px;
    }

    .userInfoQuestionHeader:hover { cursor: pointer; background-color: expression(colorRGBA(boxBg,.4)); }

    .lblQuestion { color: expression(color(text)); }

    div.selected .lblQuestion { white-space: inherit; }

    .answerDiv {
        margin: 0px 30px;
        padding: 10px 20px 5px 20px;
        white-space: normal;
        background-color: expression(color(light));
    }

    .pdetailUser {
        display: inline-block;
        margin: 0 10px 5px 0px;
        overflow: hidden;
        line-height: 14px;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 250px;
    }

    .gvSurveyList .listLine .firstCol {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        max-width: 360px;
    }

    .lblSurveyTitle, .lblInstanceDate, .lblInstanceAverage {
        margin-bottom: 10px;
        display: inline-block;
        color: expression(color(text));
    }

    .lblSurveyTitle { padding-right: 35px; }

    .surveyInfos { max-width: 1400px; width: 100%; }

    .btnGlobalResults { float: right; }

    .divQuestionHeader {
        display: inline-block;
        position: absolute;
        right: 5px;
        color: expression(color(text));
    }

    .divQuestionHeader a { padding-right: 5px !important; }

    .panelLegend {
        display: table-cell;
        vertical-align: top;
        padding: 0px 20px 20px 30px;
    }

    .pieChart { width: 400px !important; margin-right: 30px; }

    .k-tooltip { color: white !important; }

    .chartContainer
    {
        display: table-cell;
        height: 100%;
        vertical-align: top;
    }
	.RadHtmlChart.k-chart {
		height: 400px !important;
		width: 625px !important;
	}
    .pnlQUestionChoice { display: table; width: 100%; }

    .questionContainer {
        max-height: 2em;
        max-width: 100%;
        overflow: hidden;
        height: 20px;
        padding: 3px 20px 5px 5px;
    }

    .selected .questionContainer {
        white-space: normal;
        max-height: 100%;
        height: auto;
    }

    .divSurveyInstanceResults {
        max-width: 1400px;
        min-width: 700px;
        width: 100%;
    }

    .pnlUserInfo .answerDiv {
        margin: 0px;
        padding: 20px 30px 8px 30px;
        background-color: expression(colorRGBA(buttonDefault,.1));
        border-bottom: 1px solid #ccc;
        color: expression(color(text));
    }

    .pnlUserInfo .answerDiv .lblUserInfoShortAnswer { padding-bottom: 12px; display: inline-block; }

    .pnlUserInfo .selected {
        background-color: expression(color(buttonDefault));
        border: none;
        height: auto !important;
    }

    .pnlUserInfo .selected:hover { background-color: expression(colorRGBA(buttonDefault,.8)); }

    .gvSurveyInstanceUsers .listLine td:first-child div { display: inline; }

    .lblNoContentAvailable {
        border-bottom: 1px solid #ccc;
        border-top: 1px solid #ccc;
        display: inline-block;
        padding: 4px 0;
        max-width: 1400px;
        min-width: 700px;
        width: 100%;
        font-size: 0.9em;
        color: expression(color(text));
    }

    .ddlSurveyUserList { max-width: 310px }

    .surveyxmp
    {
        display:inline;
        font-family :inherit;
        white-space:pre-wrap;
    }

    /* Répondre au sondage */

    .survey .answer
    {
        display: inline-block;
        min-width: 80px;
        vertical-align: top;
        margin-bottom: 0.5em;
    }

    .survey textarea
    {
        max-width: 900px;
        width: 100%;
        height: 100px;
    }

    .survey.ratingScale .answer, .survey.ratingScale.items10.hasNA .answer { width: 8%; vertical-align: bottom; } /* 10 items+ avec N/A */
    .survey.ratingScale.items9.hasNA .answer { width: 9%; } /* 9 items avec N/A */
    .survey.ratingScale.items10 .answer, .survey.ratingScale.items8.hasNA .answer { width: 10%; } /* 10 items ou 8 items avec N/A */
    .survey.ratingScale.items9 .answer, .survey.ratingScale.items7.hasNA .answer { width: 11%; } /* 9 items ou 7 avec N/A */
    .survey.ratingScale.items8 .answer, .survey.ratingScale.items6.hasNA .answer { width: 12%; } /* 8 items ou 6 avec N/A */
    .survey.ratingScale.items7 .answer, .survey.ratingScale.items5.hasNA .answer { width: 14%; } /* 7 items ou 5 avec N/A */
    .survey.ratingScale.items6 .answer, .survey.ratingScale.items4.hasNA .answer { width: 16%; } /* 6 items ou 4 avec N/A */
    .survey.ratingScale.items5 .answer, .survey.ratingScale.items3.hasNA .answer { width: 20%; } /* 5 items ou 3 avec N/A */
    .survey.ratingScale.items4 .answer, .survey.ratingScale.items2.hasNA .answer { width: 25%; } /* 4 items ou 2 avec N/A */
    .survey.ratingScale.items3 .answer, .survey.ratingScale.items2 .answer, .survey.ratingScale.items1 .answer { width: 30%; } /* 3 items ou - */

    .survey.uniqueChoice .answer, .survey.multipleChoice .answer { width: 28%; margin-right: 2%; min-width: 150px; }

    .survey.ratingScale .answer label
    {
        display: block;
        clear:both;
        text-align: center;
    }

    .survey.ratingScale .answer.NA
    {
        margin-left: 8%;
    }

    .lte8 .survey.uniqueChoice .answer, .lte8 .survey.multipleChoice .answer
    {
        display: inline;
    }

    .lte8 .survey.ratingScale .answer label
    {
        display: block;
        width: inherit;
        clear:both;
        text-align: center;
    }

    .survey.ratingScale .answer label.hint
    {
        color: silver;
    }

    .lte7 .survey.ratingScale .answer
    {
        /* IE 7- FIX */
        text-align: center;
        clear: none;
        display: inline;
    }

    .survey input[type=radio], .survey input[type=checkbox] {
        display: none;
    }

    .lte8 .survey input[type=radio], .lte8 .survey input[type=checkbox] {
        /* IE 7-8 FIX */
        display: inline;
    }

    .survey.ratingScale label.hint:before, .survey.uniqueChoice label:before
    {
        content: "";
        display: block;
        margin: 0.5em auto;

        width: 20px;
        height: 20px;

        background: url(../images/interface/_default/surveyRadio.png) no-repeat top left;
    }

    .disabled .survey.ratingScale label.hint:before, .disabled .survey.uniqueChoice label:before, .disabled .survey.multipleChoice label:before
    {
        opacity: 0.5;
    }

    .disabled .survey .answer label
    {
        color: gray !important;
    }

    .lte8 .survey.ratingScale label.hint:before, .lte8 .survey.uniqueChoice label:before
    {
        /* IE 7-8 FIX */
        content: none;
        background: none;
    }

    .survey.uniqueChoice label:before
    {
        display: inline-block;
        margin: 0 0.5em 0 0;
    }

    .lte8 .survey.uniqueChoice label:before
    {
        /* IE 7-8 FIX */
        margin: inherit;
    }

    .survey input[type=radio]:checked + label, .survey input[type=radio]:checked + label.hint, .survey input[type=checkbox]:checked + label {
        font-weight: bold;
        color: #000;
    }

    .survey input[type=radio]:checked + label.hint:before, .survey.uniqueChoice input[type=radio]:checked + label:before {
        background-image: url(../images/interface/_default/surveyRadio_selected.png);
    }


    .survey.multipleChoice label:before
    {
        content: "";
        display: inline-block;
        margin-right: 0.5em;

        width: 17px;
        height: 17px;

        background: url(../images/interface/_default/surveyCheck.png) no-repeat top left;
    }

    .lte8 .survey.multipleChoice label:before
    {
        /* IE 7-8 FIX */
        background: none;
    }

    .survey input[type=checkbox]:checked + label:before {
        background-image: url(../images/interface/_default/surveyCheck_selected.png);
    }


    /*SURVEY END*/

    /*Console*/

    #upTimerValues
    {
        float:right;
    }

    .consoleActivityHeader
    {
        background-color: expression(color(boxBg));
        text-align:center;
        max-width: 1400px;
        height:25px;
        padding-top:4px;
    }

    .divActivityDetail
    {
        margin-left:30px;
    }

    .pdetailUser
    {
        margin: 0 10px 5px 0px;
        overflow: hidden;
        line-height: 14px;
    }

    .gvOpenSessions .playbackHeader 
    {
        background-color: expression(colorRGBA(boxBg,.5));
    }

    #upLogs
    {
        display:inline-block;
    }

	.msgmanageUsers_numberChangedSinceLoad #myMsgBox_btnMsgNo
	{
		background-color: expression(color(buttonDefault)) !important;
	}


    .imageCrop-control {
        position: relative;
    }

    .imageCrop-control .imageContainer {
        height: 50vh;
        max-height: 400px;
        min-height: 100px;
        max-height: 500px;
        width: 100%;
        background-color: #f7f7f7;
    }

    .imageCrop-control .imageContainer img {
        max-width: 100%;
    }

    // Masque de la zone de crop
    .cropper-modal {
        background-color: #FFF;
    }

    .window-imageImport {
        overflow: hidden;
    }

.cropper-container {
    position: relative;
    font-size: 0;
    line-height: 0;
    direction: ltr !important;
    user-select: none;
}

    .cropper-container img {
        display: block;
        image-orientation: 0deg !important;
        min-width: 0 !important;
        min-height: 0 !important;
        max-width: none !important;
        max-height: none !important;
        width: 100%;
        height: 100%;
    }

.cropper-wrap-box, .cropper-canvas, .cropper-drag-box, .cropper-crop-box, .cropper-modal {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.cropper-wrap-box {
    overflow: hidden;
}

.cropper-drag-box {
    background-color: #fff;
    opacity: 0;
    filter: alpha(opacity=#{alpha(opacity=50)});
}

.cropper-modal {
    background-color: #000;
    opacity: 0.5;
    filter: alpha(opacity=#{alpha(opacity=50)});
}

.cropper-view-box {
    display: block;
    overflow: hidden;
    outline: 1px solid white;
    outline-color: white;
    width: 100%;
    height: 100%;
}

.cropper-dashed {
    position: absolute;
    display: block;
    border: 0 dashed #eee;
    opacity: 0.5;
    filter: alpha(opacity=#{alpha(opacity=50)});
}

    .cropper-dashed.dashed-h {
        top: 33.33333%;
        left: 0;
        border-top-width: 1px;
        border-bottom-width: 1px;
        width: 100%;
        height: 33.33333%;
    }

    .cropper-dashed.dashed-v {
        top: 0;
        left: 33.33333%;
        border-right-width: 1px;
        border-left-width: 1px;
        width: 33.33333%;
        height: 100%;
    }

.cropper-center {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 0;
    height: 0;
    opacity: 0.75;
    filter: alpha(opacity=#{alpha(opacity=50)});
}

    .cropper-center:before, .cropper-center:after {
        position: absolute;
        display: block;
        background-color: #eee;
        content: " ";
    }

    .cropper-center:before {
        top: 0;
        left: -3px;
        width: 7px;
        height: 1px;
    }

    .cropper-center:after {
        top: -3px;
        left: 0;
        width: 1px;
        height: 7px;
    }

.cropper-face, .cropper-line, .cropper-point {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0.1;
    filter: alpha(opacity=#{alpha(opacity=50)});
}

.cropper-face {
    top: 0;
    left: 0;
    background-color: #fff;
}

.cropper-line {
    background-color: white;
}

    .cropper-line.line-e {
        top: 0;
        right: -3px;
        width: 5px;
        cursor: e-resize;
    }

    .cropper-line.line-n {
        top: -3px;
        left: 0;
        height: 5px;
        cursor: n-resize;
    }

    .cropper-line.line-w {
        top: 0;
        left: -3px;
        width: 5px;
        cursor: w-resize;
    }

    .cropper-line.line-s {
        bottom: -3px;
        left: 0;
        height: 5px;
        cursor: s-resize;
    }

.cropper-point {
    background-color: white;
    width: 5px;
    height: 5px;
    opacity: 0.75;
    filter: alpha(opacity=#{alpha(opacity=50)});
}

    .cropper-point.point-e {
        top: 50%;
        right: -3px;
        margin-top: -3px;
        cursor: e-resize;
    }

    .cropper-point.point-n {
        top: -3px;
        left: 50%;
        margin-left: -3px;
        cursor: n-resize;
    }

    .cropper-point.point-w {
        top: 50%;
        left: -3px;
        margin-top: -3px;
        cursor: w-resize;
    }

    .cropper-point.point-s {
        bottom: -3px;
        left: 50%;
        margin-left: -3px;
        cursor: s-resize;
    }

    .cropper-point.point-ne {
        top: -3px;
        right: -3px;
        cursor: ne-resize;
    }

    .cropper-point.point-nw {
        top: -3px;
        left: -3px;
        cursor: nw-resize;
    }

    .cropper-point.point-sw {
        bottom: -3px;
        left: -3px;
        cursor: sw-resize;
    }

    .cropper-point.point-se {
        right: -3px;
        bottom: -3px;
        cursor: se-resize;
        width: 20px;
        height: 20px;
        opacity: 1;
        filter: alpha(opacity=#{alpha(opacity=50)});
    }

        .cropper-point.point-se:before {
            position: absolute;
            right: -50%;
            bottom: -50%;
            display: block;
            content: " ";
            background-color: white;
            width: 200%;
            height: 200%;
            opacity: 0;
            filter: alpha(opacity=#{alpha(opacity=50)});
        }

@media (min-width: 768px) {
    .cropper-point.point-se {
        width: 15px;
        height: 15px;
    }
}

@media (min-width: 992px) {
    .cropper-point.point-se {
        width: 10px;
        height: 10px;
    }
}

@media (min-width: 1200px) {
    .cropper-point.point-se {
        width: 5px;
        height: 5px;
        opacity: 0.75;
        filter: alpha(opacity=#{alpha(opacity=50)});
    }
}

.cropper-invisible {
    opacity: 0;
    filter: alpha(opacity=#{alpha(opacity=50)});
}

.cropper-bg {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC");
}

.cropper-hide {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
}

.cropper-hidden {
    display: none !important;
}

.cropper-move {
    cursor: move;
}

.cropper-crop {
    cursor: crosshair;
}

.cropper-disabled .cropper-drag-box, .cropper-disabled .cropper-face, .cropper-disabled .cropper-line, .cropper-disabled .cropper-point {
    cursor: not-allowed;
}

.popupMessageBox .uploadingBox {
    margin-bottom: -50px;
    top: 100px;
    position: relative;
    z-index: 10000;
}