/* Independent from General.css */ /* Min admin width is 1000px */ body {} * {background-repeat:no-repeat; padding:0px; margin:0px; outline:none;} img {border:0px;} table, tr, td, th {border-spacing:0px; vertical-align:top;} td, th {empty-cells:hide;} body {font-size:62.5%; color:#666666; font-family:Arial, Helvetica, Verdana; background:#f9f9fb; min-width:320px;} h1 {font-size:30px; line-height:1.3em; font-weight:600; color:#000000; margin-bottom:40px;} h2 {font-size:24px; line-height:1.3em; font-weight:600; color:#244c5a; margin-bottom:20px; clear:left;} h2.ReportViewRespondents {font-size:15px; line-height:unset; color:unset; margin-bottom:unset;} h3 {font-size:16px; line-height:1.3em; font-weight:400; color:#000000; letter-spacing:3px; text-transform:uppercase; margin-bottom:10px;} h4 {font-size:14px; line-height:1.3em; font-weight:400; color:#000000; letter-spacing:3px; text-transform:uppercase; margin-bottom:10px;} a {color:#000000; text-decoration:none;} a:hover {text-decoration:underline;} p {font-size:15px; line-height:1.6em; margin:0px 0px 10px 0px;} ul {margin:6px 10px 8px 13px;} ol {margin:6px 10px 8px 17px;} ul li {margin:3px 10px 3px 0px; font-size:1.2em; line-height:1.3em;} ol li {margin:3px 10px 3px 0px; font-size:1.2em; line-height:1.3em;} .BottomFix {clear:both; height:0px; font-size:0px; line-height:0px;} input[type=number], input[type=text], select { -webkit-appearance:none; } /* remove X from form fields*/ input::-ms-clear {display:none;} /* remove reveal password button from edge */ input::-ms-reveal {display:none;} .FormTableSpacer {height:20px;} .PageMessage {margin-left:15px;} .ListWidthBlockWithTopBorder .PageMessage {margin-left:0px;} .FullWidthBlockWithTopBorder .PageMessage {margin-left:0px;} .LineSpacer1 {height:2px; font-size:2px; clear:both;} .LineSpacer2 {height:5px; font-size:2px; clear:both;} .LineSpacer3 {height:10px; font-size:2px; clear:both;} .LineSpacer4 {height:15px; font-size:2px; clear:both;} .LineSpacer5 {height:20px; font-size:2px; clear:both;} .LineSpacer6 {height:25px; font-size:2px; clear:both;} .LineSpacer7 {height:30px; font-size:2px; clear:both;} .DebugBox {position:fixed; top:0px; left:0px; border:solid 1px #ddd; background-color:#fff; font-size:11px; color:#000; padding:3px; z-index:1000; max-width:240px; opacity:0.8; line-height:1.1em; font-family:Arial;} .DebugBox hr {margin:2px 0px 2px 0px; height:1px;} .NewPopupParent {position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 9999;display: none; background: rgba(90, 90, 90, 0.5);} .NewPopupParent.Visible {display: block;} .NewPopupParent .NewPopup {position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #fff; width: 50em; background-color: #b7bf10; border-radius: 3px; -webkit-box-shadow: 2px 3px 10px 0px rgba(0, 0, 0, 0.62); -moz-box-shadow: 2px 3px 10px 0px rgba(0, 0, 0, 0.62); box-shadow: 2px 3px 10px 0px rgba(0, 0, 0, 0.62); font-family: "Arvo", Arial, Helvetica, Verdana, Sans-Serif; } .NewPopup .PopupContent .Head1 h2 {font-size: 24px; text-align: center; padding: 20px 15px 0px 15px; color: #fff; font-family: "Arvo", Arial, Helvetica, Verdana, Sans-Serif; } .NewPopup .PopupContent .Head1 h3 {font-style: oblique; font-size: 0.8rem; text-align: center; color: #fff; padding-bottom: 2em; } .NewPopup .PopupContent .Cont {margin: 0px 20px 40px 20px; font-size: 1rem; padding: 10px; border-top: solid 1px #b7bf10; } .NewPopup .PopupContent .Cont p {font-size: 1rem; color: #fff} .NewPopup .PopupContent .Cont .Buttons {display: flex; justify-content: space-between; padding: 0px 4.5em 0px 4.5em; margin-top: 30px; } .NewPopup .PopupContent .Cont .Buttons .Btn {display: inline-block; -webkit-box-shadow: 3px 3px 5px -3px rgba(0,0,0,0.75); -moz-box-shadow: 3px 3px 5px -3px rgba(0,0,0,0.75); box-shadow: 3px 3px 5px -3px rgba(0,0,0,0.75); margin-left: 10px; margin-right: 10px; border: none; border-radius: 5px; padding: 14px 10px 14px 10px; min-width: 10em; background-color: #fff; color: #282828; font-size: 12px; cursor: pointer; font-weight: bold; font-family: "Montserrat", Arial, Helvetica, Verdana, Sans-Serif; text-transform: uppercase; } .NewPopup .PopupContent .Cont .Buttons .Btn:active {background-color: rgb(220, 220, 220); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /* Buttons */ .BtnOne {} .BtnOne a, .BtnOne input, .BtnOne button {display:inline-block; font-size:15px; font-weight:600; line-height:1.0em; color:#ffffff; text-align:center; border:1px solid #244c5a; border-radius:4px; background:#244c5a; padding:15.5px 30px; cursor:pointer; text-decoration:none; -webkit-appearance:none; font-family:Arial, Helvetica, Verdana; transition:background .3s ease-out;} .BtnOne a:hover, .BtnOne input:hover, .BtnOne button:hover {opacity:0.8;} .BtnSmallOne {} .BtnSmallOne a, .BtnSmallOne input, .BtnSmallOne button {display:inline-block; font-size:13px; font-weight:600; line-height:1.0em; color:#ffffff; text-align:center; border:1px solid #244c5a; border-radius:4px; background:#244c5a; padding:11.5px 20px; cursor:pointer; text-decoration:none; -webkit-appearance:none; font-family:Arial, Helvetica, Verdana; transition:background .3s ease-out;} .BtnSmallOne a:hover, .BtnSmallOne input:hover, .BtnSmallOne button:hover {opacity:0.8;} .BtnMiniOne {} .BtnMiniOne a, .BtnMiniOne input, .BtnMiniOne button {display:inline-block; font-size:12px; font-weight:400; line-height:1.0em; color:#ffffff; text-align:center; border:1px solid #244c5a; border-radius:4px; background:#244c5a; padding:7px 10px; cursor:pointer; text-decoration:none; -webkit-appearance:none; font-family:Arial, Helvetica, Verdana; transition:background .3s ease-out;} .BtnMiniOne a:hover, .BtnMiniOne input:hover, .BtnMiniOne button:hover {opacity:0.8;} .BtnTwo {} .BtnTwo a, .BtnTwo input, .BtnTwo button {display:inline-block; font-size:15px; font-weight:600; line-height:1.0em; color:#666666; text-align:center; border:1px solid #c9c9c9; border-radius:4px; background:#ffffff; padding:15.5px 30px; cursor:pointer; text-decoration:none; -webkit-appearance:none; font-family:Arial, Helvetica, Verdana; transition:background .3s ease-out;} .BtnTwo a:hover, .BtnTwo input:hover, .BtnTwo button:hover {opacity:0.8;} .BtnSmallTwo {} .BtnSmallTwo a, .BtnSmallTwo input, .BtnSmallTwo button {display:inline-block; font-size:13px; font-weight:600; line-height:1.0em; color:#666666; text-align:center; border:1px solid #c9c9c9; border-radius:4px; background:#ffffff; padding:11.5px 20px; cursor:pointer; text-decoration:none; -webkit-appearance:none; font-family:Arial, Helvetica, Verdana; transition:background .3s ease-out;} .BtnSmallTwo a:hover, .BtnSmallTwo input:hover, .BtnSmallTwo button:hover {opacity:0.8;} .BtnMiniTwo {} .BtnMiniTwo a, .BtnMiniTwo input, .BtnMiniTwo button {display:inline-block; font-size:12px; font-weight:400; line-height:1.0em; color:#666666; text-align:center; border:1px solid #c9c9c9; border-radius:4px; background:#ffffff; padding:7px 10px; cursor:pointer; text-decoration:none; -webkit-appearance:none; font-family:Arial, Helvetica, Verdana; transition:background .3s ease-out;} .BtnMiniTwo a:hover, .BtnMiniTwo input:hover, .BtnMiniTwo button:hover {opacity:0.8;} .BtnCheckBox {display:inline-block; font-size:13px; font-weight:400; line-height:1.0em; color:#000000; text-align:center; border:1px solid #c9c9c9; border-radius:4px; background:#f7f7f7 url(/Content/Images/Icon_CheckBox_01.png) no-repeat; background-size:20px; background-position:15px center; padding:16.5px 30px 16.5px 50px; cursor:pointer; text-decoration:none; -webkit-appearance:none; font-family:Arial, Helvetica, Verdana; transition:background .3s ease-out; margin-right:10px;} .BtnCheckBox:hover {border:1px solid #7d9eaa;} .BtnCheckBox.Selected {border:1px solid #7d9eaa; background:#c0e0ec url(/Content/Images/Icon_CheckBox_02.png) no-repeat; background-size:20px; background-position:15px center;} .ButtonBottom {border-top:1px solid #c9c9c9; padding-top:40px; float:left; width:74%; font-size:10px; font-weight:normal; margin:10px auto 0px 0px; clear:both;} .ButtonBottom .Btn01 {float:right; margin-left:10px;} .ButtonBottom .Btn01 a, .ButtonBottom .Btn01 input, .ButtonBottom .Btn01 button {min-width:140px;} .ButtonBottom .Btn02 {float:left;} .ButtonBottom .Btn02 a, .ButtonBottom .Btn02 input, .ButtonBottom .Btn02 button {min-width:140px;} #btnRemove {background-color:#730e02; border-color:#730e02} /* Structure site */ .MainDiv {z-index:1; margin:0px auto 0px auto; min-width:1700px;} .MainDiv .Header {height:90px; border-bottom:1px solid #c9c9c9; background:#fff; text-align:center; position:relative;} .MainDiv .Header .Inner {margin:0px 60px;} .MainDiv .Header .Logo {position:absolute; top:10px; left:20px;} .MainDiv .Header .Logo img {width:255px; display:block;} .MainDiv .Header .HeaderTitle {color:#000; font-size:20px; letter-spacing:3px; font-weight:800; line-height:90px; text-transform:uppercase;} .MainDiv .Header .DashboardTabs {position:absolute; right:20px; top:25px;} .MainDiv .Header .DashboardTabs .BtnDashboard {display:inline-block; margin-left:10px;} .MainDiv .MainNavigation {} .MainDiv .MainNavigation .GlobalNav {position:relative; background-color:#ffffff; padding:0px 20px;} .MainDiv .MainNavigation .LocalNav {position:relative; background-color:#ffffff; margin:20px 20px 0px 20px; box-shadow:0 1px 2px rgba(43,59,93,.29); position:relative; z-index:5;} .MainDiv .MainContent {margin:0px 20px; padding:20px 40px 40px 40px; min-height:300px; background-color:#fff; box-shadow:0 2px 2px rgba(43,59,93,.29); position:relative; z-index:10;} .MainDiv .MainContent div.InfoBlock {float:right; width:26%; padding:10px 0px 0px 60px; box-sizing:border-box;} .MainDiv .MainContent div.ListWidthBlockWithTopBorder {padding:10px 0px 0px 0px;} .MainDiv .MainContent div.FullWidthBlockWithTopBorder {width:74%; clear:left; padding:10px 0px 0px 0px; float:left;} .MainDiv .MainContent div.FullWidthBlock {width:74%; clear:left; padding:0px 0px 0px 0px; padding-top:1px;} /* <- not changeable without a good testing */ .MainDiv .MainContent div.FormColumnBlock {float:left; width:37%; padding:0px 40px 0px 0px; box-sizing:border-box;} .MainDiv .MainContent div.ButtonBlock {float:left; width:74%; font-size:10px; font-weight:normal; margin:10px auto 0px 0px; clear:both;} .MainDiv .MainContent div.LogInButtonBlock {float:left; width:277px; height:25px; font-size:10px; font-weight:normal; margin:20px auto 10px 0px; clear:both;} .MainDiv .MainContent div.FormSubTitle {font-size:18px; line-height:22px; font-weight:400; color:#000000; margin:15px 0px 10px 0px;} .MainDiv .MainBottom {margin:0px 20px;} .MainDiv .MainFooter {padding:20px 0px 20px 0px;} .MainDiv .MainFooter a {} .MainDiv .MainFooter .RightSide {float:right; font-size:11px; font-weight:400; color:#666666; text-align:center;} .MainDiv .MainFooter .LeftSide {float:left; padding-left:7px;} .SideMenu {position:fixed; top:0px; left:-230px; margin:0px; width:230px; height:100%; transition:left 200ms ease; z-index:140; border-right:none; display:none;} .SideMenu .OverflowPanel1 {position:absolute; top:0px; left:0px; height:100%; width:100%; box-sizing:border-box; background-color:#ffffff; overflow-y:auto;} .SideMenu .Logo {margin:20px;} .SideMenu .Logo img {width:100%; display:block;} .SideMenu .Buttons {padding:0px 20px;} .SideMenu .Buttons .BtnNav {margin-top:10px;} .SideMenu .Buttons .BtnNav a, .SideMenu .Buttons .BtnNav input, .SideMenu .Buttons .BtnNav button {display:block;} .SideMenu.Opened {left:0px;} .CoverLayer1 {position:fixed; top:0px; left:0px; width:100%; height:100%; background-color:#000; z-index:130; opacity:0; display:none; transition:opacity 200ms ease;} .CoverLayer1.Visible {opacity:0.8;} .BtnMenu {position:absolute; top:0px; left:0px; width:60px; padding:0px; cursor:pointer; display:none;} .BtnMenu img {width:100%; display:block;} /* Navigation */ .GlobalNav {} .GlobalNav table {width:100%; background:#fff;} .GlobalNav table a {font-weight:400; font-size:14px; line-height:1.0em; color:#666666; padding:17px 0px 14px 0px; width:100%; text-align:center; display:block; border-bottom:3px solid #fff; text-transform:uppercase; letter-spacing:2px; text-decoration:none;} .GlobalNav table a:hover {color:#000000;} .GlobalNav table td {} .GlobalNav table td.Active {} .GlobalNav table td.Active a {color:#000000; border-bottom:3px solid #b7bf10;} .LocalNav {} .LocalNavInner {padding:40px 40px 20px 40px;} .LocalNavInner .Inactive {display:inline-block;} .LocalNavInner .Inactive .LeftEnd {} .LocalNavInner .Inactive .Centre {display:block;} .LocalNavInner .Inactive .Centre a {font-weight:400; text-transform:uppercase; letter-spacing:2px; font-size:12px; color:#000000; position:relative;} .LocalNavInner .Inactive .Centre a:hover {text-decoration:none;} .LocalNavInner .Inactive .RightEnd {} .LocalNavInner .Active {display:inline-block;} .LocalNavInner .Active .LeftEnd {} .LocalNavInner .Active .Centre {display:block;} .LocalNavInner .Active .Centre a {font-weight:800; text-transform:uppercase; letter-spacing:2px; font-size:12px; color:#244c5a;} .LocalNavInner .Active .Centre a:hover {text-decoration:none;} .LocalNavInner .Active .RightEnd {} .LocalNavInner .Between {display:inline-block; position:relative; background-color:#fff; font-size:2px; top:3px; width:1px; height:15px; margin-left:15px; margin-right:15px; background-color:#e0e0e0;} /* Login */ .LoginTable {display:table; width:100%; background-color:#f9f9fb; position:absolute;} .LoginTable .LoginCell {display:table-cell; vertical-align:middle;} .LoginForm {margin:auto; padding:30px; float:none; max-width:300px; background-color:#fff; box-shadow:0 1px 2px rgba(43,59,93,.29); border-top:solid 1px #000000;} .LoginForm .Logo {text-align:center; margin-bottom:30px; text-align:center;} .LoginForm .Logo img {width:240px; display:inline-block;} .LoginForm .Title {font-size:24px; text-align:center;} .LoginForm .SubTitle {font-size:16px; text-align:center;margin-bottom:40px;margin-top:-20px; color:#A8A8A8} .LoginForm .FieldEmailAddress {position:relative;} .LoginForm .FieldEmailAddress .FieldIcon {position:absolute; width:48px; height:48px; display:block; background:url(/Content/Images/Icon_Field_EmailAddress.png) no-repeat center; background-size:cover;} .LoginForm .FieldEmailAddress .EditBoxW1 {padding:0px 10px 0px 48px;} .LoginForm .FieldPassword {position:relative;} .LoginForm .FieldPassword .FieldIcon {position:absolute; width:48px; height:48px; display:block; background:url(/Content/Images/Icon_Field_Password.png) no-repeat center; background-size:cover;} .LoginForm .FieldPassword .EditBoxW1 {padding:0px 10px 0px 48px;} .LoginForm .Icon {margin-bottom:30px; text-align:center;} .LoginForm .Icon img {width:80px; display:inline-block;} .LoginForm .Txt {margin-bottom:30px; font-size:15px; line-height:1.3em; text-align:center; color:#666666;} .LoginForm .RememberMe {float:left; margin-bottom:30px;} .LoginForm .ForgottenYourPassword {float:right; margin-bottom:30px;} .LoginForm .ForgottenYourPassword a {font-size:12px; line-height:1.3em; color:#666666; text-decoration:none;} .LoginForm .BtnLogin {} .LoginForm .BtnLogin a, .LoginForm .BtnLogin input, .LoginForm .BtnLogin button {padding:15.5px 0px; width:100%; display:block;} /* Intro */ .Intro {text-align:center; padding:100px 0px 160px 0px;} .Intro .Icon {display:inline-block; width:80px; margin-bottom:40px;} .Intro .Icon img {display:block; width:100%;} .Intro .Title {margin-bottom:20px;} /* Xstandard's styles used in all editable content boxes */ .CMSBox {} /* Forms */ .FormSpacer {width:10px; height:5px} .FormBox {width:265px; margin-bottom:5px; padding:4px 0px 6px 0px;} .FormBoxWiderForImage {width:360px;} .HTMLEditor {width:100%;} .HTMLEditor1 {width:100%;} .InnerFormBox {float:left; width:136px;} .InnerFormBoxFix {clear:left; height:1px; font-size:1px;} .InnerFormBoxLeft {width:50%; float:left;} .InnerFormBoxRight {width:20%; float:left;} .MainDiv .MainContent div.FullWidthBlockWithTop {width:250px; clear:left; padding:10px 15px 0px 15px; float:left; border-top:solid 3px #646464;} .FormBox .ImageV1 {margin-bottom:4px;} .FormBox .ImageV2 {margin-bottom:4px; width:264px; } .FormBox .ImageV2 img {width:100%;} .FormBox .Inline .FormLabel,.FormBox .Inline .FormField {display:inline; clear:none; position:relative} .FormBox {margin-bottom:30px; width:auto; padding:0px; position:relative;} .FormBox .FormImage {margin-bottom:15px;} .FormBox .FormImage img {width:100%; display:block;} .FormBox .FormLabel {font-size:13px; line-height:1.3em; margin-bottom:8px; color:#000000; font-weight:400;} .FormBox .FormLabel a {text-decoration:underline;} .FormBox .FormLabel .Asterisk {margin-left:3px;} .FormBox .FormField {clear:left;} .FormBox .FormField .ui-datepicker-trigger {position:absolute; top:-5px; right:10px;} .FormBox .FieldInfo {font-size:11px; line-height:15px; color:#a8a8a8; margin-top:10px;} .FormBox .FieldInfo1 {font-size:11px; line-height:15px; color:#a8a8a8; margin-top:10px; width:90%;} .FormBox .FieldView {font-size:15px; line-height:1.3em; color:#666666; margin-top:10px;} .FormBox .FieldView a {font-size:15px;} .FormBox .FieldView ul li {margin:4px 10px 3px 10px; font-size:14px; line-height:1.2em;} .FormBox .LengthInfo {font-size:11px; line-height:16px; color:#a8a8a8; margin-top:10px; text-align:right;} .FormBox .RadioField {display:inline-block; margin:10px 25px 0px 0px;} .FormField .EditBox {font-size:15px; line-height:1.3em; width:100%; padding:0px 10px; background-color:#ffffff; height:48px; border:1px solid #c9c9c9; box-sizing:border-box; font-family:Arial, Helvetica, Verdana; color:#666666; -webkit-appearance:none;} .FormField .DropDown {font-size:15px; line-height:1.3em; width:100%; padding:0px 10px; background-color:#ffffff; height:48px; border:1px solid #c9c9c9; box-sizing:border-box; font-family:Arial, Helvetica, Verdana; color:#666666; -webkit-appearance:none;} .FormField .TextArea {font-size:15px; line-height:1.3em; width:100%; padding:10px 10px; background-color:#ffffff; border:1px solid #c9c9c9; box-sizing:border-box; font-family:Arial, Helvetica, Verdana; color:#666666; -webkit-appearance:none;} .FormField .EditBoxW1 {font-size:15px; line-height:1.3em; width:100%; padding:0px 10px; background-color:#ffffff; height:48px; border:1px solid #c9c9c9; box-sizing:border-box; font-family:Arial, Helvetica, Verdana; color:#666666; -webkit-appearance:none;} .FormField .EditBoxW1[type=number] {-moz-appearance:textfield;} .FormField .EditBoxW1[type=number]::-webkit-inner-spin-button, .FormField .EditBoxW1[type=number]::-webkit-outer-spin-button {-webkit-appearance:none; margin:0;} .FormField .EditBoxW2 {font-size:15px; line-height:1.3em; width:38%; padding:0px 10px; background-color:#ffffff; height:50px; border:1px solid #c9c9c9; box-sizing:border-box; font-family:Arial, Helvetica, Verdana; color:#000; -webkit-appearance:none;} .FormField .EditBoxW2.SideRange {width:15%} .FormField .EditBoxW2.Wide {width:70.5%} .FormField .EditBoxW3 {font-size:15px; line-height:1.3em; width:150px; padding:0px 10px; background-color:#ffffff; height:50px; border:1px solid #c9c9c9; box-sizing:border-box; font-family:Arial, Helvetica, Verdana; color:#000; -webkit-appearance:none;} .FormField .DropDownW1 {font-size:15px; line-height:1.3em; width:100%; padding:0px 10px; background-color:#ffffff; height:50px; border:1px solid #c9c9c9; box-sizing:border-box; font-family:Arial, Helvetica, Verdana; color:#000; -webkit-appearance:none;} .FormField .DropDownW2 {font-size:15px; line-height:1.3em; width:38%; padding:0px 10px; background-color:#ffffff; height:50px; border:1px solid #c9c9c9; box-sizing:border-box; font-family:Arial, Helvetica, Verdana; color:#000; -webkit-appearance:none;} .FormField .DropDownWFixed {font-size:15px; line-height:1.3em; width:220px; padding:0px 10px; background-color:#ffffff; height:50px; border:1px solid #c9c9c9; box-sizing:border-box; font-family:Arial, Helvetica, Verdana; color:#000; -webkit-appearance:none;} .FormField .TextAreaW1 {font-size:15px; line-height:1.3em; width:100%; padding:10px 10px; background-color:#ffffff; border:1px solid #c9c9c9; box-sizing:border-box; font-family:Arial, Helvetica, Verdana; color:#000; -webkit-appearance:none;} .FormField .ListBoxW1 {font-size:15px; line-height:1.3em; width:100%; padding:0px 10px; background-color:#ffffff; border:1px solid #c9c9c9; box-sizing:border-box; font-family:Arial, Helvetica, Verdana; color:#000; -webkit-appearance:none;} .FormField .ListBoxW1.ResizeableSelectOpts {resize:vertical;} .FormField .FileUploadW1 {font-size:15px; width:100%; padding:10px 10px; background-color:#ffffff; border:1px solid #c9c9c9; box-sizing:border-box; font-family:Arial, Helvetica, Verdana; color:#666666; -webkit-appearance:none;} .FormField .EditBox.HighlightSpecial {background-color:#edf7ff; border:1px solid #79a4fd;} .FormDate {position:relative;} .FormDate .ui-datepicker-trigger {position:absolute; right:10px; top:15px !important; width:25px; height:20px; cursor:pointer;} .FormBox.NoMarginBottom {margin-bottom:0px;} .FormGrid {flex-wrap:wrap; display:flex; width:calc(100% + 30px);} .FormGrid .W100 {width:100%; padding-right:30px; box-sizing:border-box;} .FormGrid .W50 {width:50%; padding-right:30px; box-sizing:border-box;} .FormGrid .W25 {width:25%; padding-right:30px; box-sizing:border-box;} /* To be used inside FormField or in any other place*/ .CbxAndLabel {position:relative;} .CbxAndLabel input {position:relative; margin-right:6px;} .CbxAndLabel label {position:relative; font-size:13px; color:#000; margin-left:0px; top:-2px; margin-right:20px;} .RadioAndLabel {position:relative;} .RadioAndLabel input {position:relative; margin-right:3px;} .RadioAndLabel label {font-size:1.2em; margin-right:10px;} .FormWideInfoBox {padding-left:16px; font-size:1.2em; margin-bottom:5px; padding-bottom:2px; padding-top:2px; color:#333;} .FormLabel .FirstNumber {float:left; font-size:12px; color:#666666; padding-bottom:5px; width:85px;} .FormLabel .SecondNumber {float:left; font-size:12px; color:#666666; padding-bottom:5px; width:85px;} .FormLabel .ThirdNumber {float:left; font-size:12px; color:#666666; padding-bottom:5px; width:145px;} .FormField .FirstNumber {font-size:15px; line-height:48px; width:79px; padding:0px 10px; background-color:#ffffff; height:48px; border:1px solid #c9c9c9; box-sizing:border-box; font-family:Arial, Helvetica, Verdana; color:#666666; -webkit-appearance:none; margin:0px 5px 0px 0px;} .FormField .SecondNumber {font-size:15px; line-height:48px; width:79px; padding:0px 10px; background-color:#ffffff; height:48px; border:1px solid #c9c9c9; box-sizing:border-box; font-family:Arial, Helvetica, Verdana; color:#666666; -webkit-appearance:none; margin:0px 5px 0px 0px;} .FormField .ThirdNumber {font-size:15px; line-height:48px; width:140px; padding:0px 10px; background-color:#ffffff; height:48px; border:1px solid #c9c9c9; box-sizing:border-box; font-family:Arial, Helvetica, Verdana; color:#666666; -webkit-appearance:none;} .WithFocusHighlight {} /* <- JQ class*/ .JSTextarea {} /* <- JQ class*/ .FormBoxFocusHighlighted {} .FormBoxValidationHighlighted {} .InputFieldValidationHighlighted {border:solid 1px #d77 !important; background-color:#fee;} .input-validation-error {border:solid 1px #d77 !important; background-color:#fee !important;} .BindColourPicker {position:relative;} .XScroll {overflow-x:auto;} .EmailList {padding: 0 18px; display: block; overflow: hidden;} .EmailList ul {display: grid; grid-template-columns: repeat(5, 1fr); grid-gap: 10px;} .EmailList li {font-size:12px; line-height: 0.5em;} /* Validation */ .Asterisk {color:#d22; font-size:14px;} .ValidationMessage1 {color:#d22; font-size:14px; display:block; margin-bottom:20px; clear:left;} .ValidationMessage1 a {color:#d22; text-decoration:underline;} .ValidationMessage2 {color:#d22; font-size:12px; display:block; margin-bottom:10px;} .ValidationMessage2 a {color:#d22; text-decoration:underline;} .ValidationInfo {font-size:12px; margin:5px 0px 0px 0px; color:#EC1C24; display:block;} .ValidationInfoLogin {font-size:12px; margin:5px 0px 5px 0px; color:#EC1C24; display:block;} div.ListWidthBlockWithTopBorder .ValidationMessage1 {margin-left:0px;} /*Telerik help*/ .TelerikInfo {position:relative; height:auto; font-size:11px; font-weight:bold; padding:5px 10px 5px 6px; background-color:#eee; background-repeat:repeat-x; border-top:solid 1px #828282; border-right:solid 1px #828282; border-left:solid 1px #828282;}/*Adds a bar that looks like it is part of the telerik control */ /* Admin Access Page */ .TopRightButtons {float:right; margin-bottom:20px;} .TopRightButtons .BtnTopRight {display:inline-block; margin-left:10px;} .AccessItem {margin-bottom:20px;} .AccessItem h2 {margin:0px auto 10px 0px; font-size:20px;} .AccessItem .AccessItemButtons {margin-bottom:10px;} .AccessItem .AccessItemButtons .BtnAccess {display:inline-block;margin-right:10px;} .AccessItem .AccessCBList {padding:5px 0px 10px 0px;} .AccessItem .AccessCBList .FieldLabel {font-size:12px; position:relative; top:3px; margin-right:10px;} .SwitchablePanel {display:none; border-top:solid 1px #fff;} .OrderDataTable {font-size:1.1em; border:solid 1px #ddd; border-bottom:none;} .OrderDataTable th {text-align:left; padding:4px 6px 4px 6px; background-color:#f2f2f2;} .OrderDataTable td {padding:3px 6px 4px 6px; border-bottom:solid 1px #ddd;} #pageMessage {color:#d22; } #pageMessageForm {color:#d22; float:left;} .LongImageList {} .LongImageList .ColumnLeft {float:left; width:450px;} .LongImageList .ColumnLeft .ImageV2 {width:450px;} .LongImageList .ColumnLeft .FormBox {width:400px;} .LongImageList .ColumnRight {float:right; width:279px;} .LongImageList .Delimiter {clear:both; border-bottom:solid 1px #ddd; height:20px; margin-bottom:20px;} .LongImageViewList {width:590px; margin-top:20px; margin-left:15px;} .LongImageViewList .Item {margin-bottom:10px; padding-bottom:17px; border-bottom:solid 1px #ddd;} .LongImageViewList .Item .InfoLabelLeft {float:left; font-size:1.2em; margin-bottom:3px;} .LongImageViewList .Item .InfoLabelLeft span {font-weight:bold;} .LongImageViewList .Item .InfoLabelRight {float:right; font-size:1.2em; margin-bottom:3px;} .LongImageViewList .Item .InfoLabelRight span {font-weight:bold;} .LongImageViewList .Item .Image {} .SimpleGeneralTable {width:100%; margin-top:10px;} .SimpleGeneralTable th {font-size:1.2em; height:15px; font-weight:bold; margin-bottom:10px; color:#333;} .SimpleGeneralTable th.SGTItem {text-align:left; padding-right:10px; padding-bottom:10px;} .SimpleGeneralTable th.SGTPrice {text-align:center; padding-right:10px; padding-left:10px; padding-bottom:10px;} .SimpleGeneralTable th.SGTQuanity {text-align:center; padding-right:10px; padding-left:10px; padding-bottom:10px;} .SimpleGeneralTable th.SGTSubtotal {text-align:right; padding-left:10px; padding-bottom:10px;} .SimpleGeneralTable td {font-size:1.1em; margin-top:2px;} .SimpleGeneralTable td.SGTItem {text-align:left; padding-right:10px; padding-bottom:10px;} .SimpleGeneralTable td.SGTPrice {text-align:center; padding-right:10px; padding-left:10px; padding-bottom:10px;} .SimpleGeneralTable td.SGTQuanity {text-align:center; padding-right:10px; padding-left:10px; padding-bottom:10px;} .SimpleGeneralTable td.SGTSubtotal {text-align:right; padding-left:10px; padding-bottom:10px;} .AdminTotalTable {margin-top:10px; font-size:1.1em;} .AdminTotalTable td.ATTLeft {text-align:left; padding-right:10px; padding-left:10px; padding-bottom:10px; font-size:1.2em; height:15px; font-weight:bold; color:#333;} .AdminTotalTable td.ATTRight {min-width:120px; padding-left:10px; padding-bottom:10px; text-align:right;} .AdminTotalTable td.ATTTotalLeft {text-align:left; padding-right:10px; padding-left:10px; padding-bottom:10px; font-size:1.2em; height:15px; font-weight:bold; color:#333;} .AdminTotalTable td.ATTTotalRight {min-width:120px; padding-left:10px; padding-bottom:10px; text-align:right;} .PageTabs {margin-bottom:40px; text-align:left; display:none; border-bottom:1px solid #7d9eaa; width:74%;} .PageTabs .Tab {display:inline-block;} .PageTabs .Tab input {display:inline-block; font-size:13px; font-weight:400; line-height:1.0em; color:#000000; text-align:center; border:1px solid #c9c9c9; border-bottom:none; border-top-left-radius:4px; border-top-right-radius:4px; background:#f7f7f7; padding:16.5px 30px 16.5px 30px; cursor:pointer; text-decoration:none; -webkit-appearance:none; font-family:Arial, Helvetica, Verdana; transition:background .3s ease-out; margin-right:10px;} .PageTabs .Tab input:hover {border:1px solid #7d9eaa; border-bottom:none;} .PageTabs .Tab.Active input {border:1px solid #7d9eaa; border-bottom:none; background:#c0e0ec;} /* Telerik */ .t-grid {width:100% !important;} .t-icon {background-image: url(/Content/Images/Sprite_LightSkin.png);} .t-widget {background-color:#fff;} .t-alt {background-color:#f7f7f7;} .t-header, .t-grid-header {background:#fff; border-color:#242424; vertical-align:middle;} .t-grid td {border-color:#dddddd; vertical-align:middle; padding:8px 10px; border-bottom-width:1px;} .t-grid td:last-child {border-right:none;} .t-widget, .t-link:link, .t-link:active, .t-link:visited, .t-popup {color:#8d8d8d; border:none;} .t-toolbar, .t-grouping-header, .t-grid-pager, .t-widget .t-status {border-color:#fff;; background-color:#fff;} .t-state-hover, .t-state-hover:hover {background-color:#dddddd;} .t-header .t-state-hover {background:initial;} .t-state-selected {background:initial;} .FormBoxOpen {float:left; width:70%; margin:0px;} .FormBoxOpen .FormField {border:1px solid rgb(36, 36, 36); border-radius:4px;} .FormBoxOpen .FormField .EditBox {height:33px; line-height:33px;} .BtnOpen {float:right; width:25%;} .BtnOpen button {padding:6px 0px; width:100%;} .t-grid-pager {border:none; padding:20px 0px 5px 0px;} .t-grid-pager .t-status .t-icon {background-image:url(/Content/Images/Icon_Refresh_02.png); background-size:cover; background-position:inherit;} .t-grid-filter {margin:-2.2em -.0em -.3em 3px;} .t-popup {background-color:#fff; color:#8d8d8d;} .t-state-default {border-color:#dddddd;} .t-grid .t-filter-options {background:#808285; border-color:#808285; border-radius:0px; border-width:15px; box-shadow:none; width:200px !important;} .t-grid .t-status {border-right:none;} .t-grid-header .t-header, .t-grid-header .t-last-header {background-color:#f7f7f7; border-color:#dddddd;} .t-grid-header .t-header {border-top:1px solid #dddddd;} .t-grid-header .t-header .t-link {padding:10px 10px; line-height:initial; height:auto; text-transform:uppercase;} .t-pager .t-numeric, .t-pager .t-page-i-of-n {margin:0 10px;} .t-pager .t-page-size {margin-left:10px;} .t-page-i-of-n input {margin:0px 6px;} .t-animation-container {z-index:20 !important;} .t-filter-options select {font-size:15px; line-height:40px; width:100%; border:none; padding:0px 0px 0px 10px; background-color:#fff; height:40px; box-sizing:border-box; font-family:Arial, Helvetica, Verdana; color:#000;} .t-filter-options input {font-size:15px; line-height:24px; width:100%; border:none; padding:10px; background-color:#fff; box-sizing:border-box; font-family:Arial, Helvetica, Verdana; color:#000; margin-bottom:14px;} .t-filter-options label {color:#fff !important; padding-left:10px; font-size:14px; line-height:20px;} .t-button {display:inline-block; font-size:14px; line-height:1.3em; color:#fff; border:none; text-align:center; border-radius:4px; background:#244c5a; padding:12px 0px; -webkit-appearance:none; font-family:Arial, Helvetica, Verdana; height:auto; font-weight:400;} .t-button:hover {background:#1c3f4b;} .t-button-icontext .t-icon {display:none;} .t-filter-options .t-filter-help-text {color:#fff; margin:10px 0px; font-size:14px; line-height:1.3em;} .t-picker-wrap .t-icon {padding:0px; margin-top:13px;} .BigColumn {} .SmallColumn {float:left; width:46%; margin-right:40px; box-sizing:border-box;} .SmallColumn.NoSpaceRight {margin-right:0px;} .SmallColumn2 {float:left; width:46%; box-sizing:border-box;} .SmColSpacer {float:left; width:8%; height:1px; box-sizing:border-box;} .Mapping {} .Mapping .BigColumn {} .Mapping .SmallColumn {float:left; width:29%; margin-right:40px; box-sizing:border-box;} .Mapping .SmallColumn2 {float:left; width:20%; margin-right:40px; box-sizing:border-box;} .CommentsMapping {} .CommentsMapping .BigColumn {} .CommentsMapping .SmallColumn {float:left; width:30%; margin-right:40px; box-sizing:border-box;} .CommentsMapping .SmallColumn2 {float:left; width:20%; margin-right:40px; box-sizing:border-box;} .Demographic {} .Demographic .BigColumn {} .Demographic .SmallColumn {float:left; width:30%; margin-right:40px; box-sizing:border-box;} .Demographic .SmallColumn2 {float:left; width:20%; margin-right:40px; box-sizing:border-box;} #PanelConfig {} #PanelConfig .Section {border-bottom:solid 1px #c9c9c9; padding-bottom:6px; margin-bottom:20px;} #PanelConfig .SourceList {border:solid 1px #55bbff; min-height:33px; padding:5px 5px 0px 5px; border-radius:4px; overflow:auto;} #PanelConfig .SourceList .QItem {padding:5px 6px 5px 6px; font-size:14px; margin-bottom:5px; background-color:#f5f5f5; border:solid 1px #e0e0e0; cursor:move; color:#777;} #PanelConfig .SourceList .PlaceholderItem {height:29px; margin-bottom:5px; background-color:#c1e6fe;} #PanelConfig .SourceList .QItem.Selected {background-color:#c1e6fe; border:solid 1px #6dc5ff;} #PanelConfig .SourceList .SectionQContentTable .Check {display:none;} #PanelConfig .TargetListGroup {display:none;} #PanelConfig .TargetListGroup .TargetList {border:solid 1px #55bbff; min-height:33px; padding:5px 5px 0px 5px; border-radius:4px;} #PanelConfig .TargetListGroup .TargetList .QItem {padding:5px 6px 5px 6px; font-size:14px; margin-bottom:5px; background-color:#f5f5f5; border:solid 1px #e0e0e0; cursor:move; color:#777;} #PanelConfig .TargetListGroup .TargetList .QItem.Selected {background-color:#c1e6fe; border:solid 1px #6dc5ff;} #PanelConfig .TargetListGroup .TargetList .PlaceholderItem {height:29px; margin-bottom:5px; background-color:#c1e6fe;} #PanelConfig .TargetListGroup .SectionQContentTable {display:table; width:100%;} #PanelConfig .TargetListGroup .SectionQContentTable .Txt {display:table-cell; vertical-align:middle;} #PanelConfig .TargetListGroup .SectionQContentTable .Check {display:table-cell; vertical-align:middle; text-align:right;} #PanelConfig .TargetListGroup .CheckContentTable {display:table; width:100%;} #PanelConfig .TargetListGroup .CheckContentTable .LabelCell {display:table-cell; vertical-align:middle; font-size:10px; color:#000000;} #PanelConfig .TargetListGroup .CheckContentTable .CheckboxCell {display:table-cell; vertical-align:middle; width:25px;} #PanelConfig .InterfaceList {display:none} #PanelConfig .QLabel {font-size:14px; line-height:18px; color:#8d8d8d; font-weight:400; margin-bottom:10px;} #PanelConfig #FormColumnBlock2 {float:left; width:50%; padding:0px 40px 0px 0px; box-sizing:border-box;} #PanelConfig #FormColumnBlock3 {float:left; width:50%; padding:0px 0px 0px 40px; box-sizing:border-box;} #PanelConfig .FormBoxL {width:50%; margin-right:40px; float:left; box-sizing:border-box;} #PanelConfig .FormBoxR {width:50%; float:left; padding-top:47px;} .ReportView {border:solid 1px #222; margin-bottom:25px; font-family:'Roboto Light';} .ReportView .SectionHeader {background-color:#222; color:#fff; width:100%; padding-left:17px; padding-right:20px; margin-bottom:25px; background-position:left center; background-size:cover; } .ReportView .SectionHeader td {padding:10px 4px 10px 4px; vertical-align:middle;} .ReportView .SectionHeader td.ColA {text-align:left; font-size:20px; padding-right:15px; font-family:"Roboto"; font-weight:bold; text-transform:uppercase;} .ReportView .SectionHeader td.ColB {text-align:right; font-size:12px; line-height:1.3em;} .ReportView .SectionHeader td.ColC {text-align:center; font-size:12px; line-height:1.3em; width:40px;} .ReportView .SectionHeader td.ColC .Line1 {font-family:"Roboto"; font-weight:bold;} .ReportView .SectionHeader td.ColD {text-align:center; font-size:12px; line-height:1.3em; width:50px;} .ReportView .SectionHeader td.ColD .L {display:inline-block; vertical-align:middle; margin-right:4px;} .ReportView .SectionHeader td.ColD .L .Line1 {font-family:"Roboto"; font-weight:bold;} .ReportView .SectionHeader td.ColD .R {display:inline-block; vertical-align:middle;} .ReportView .SectionHeader td.ColD .R img {width:13px; display:block;} .ReportView .QuestionTable {margin-bottom:25px; width:100%; padding-left:25px; padding-right:20px; font-size:12px;} .ReportView .QuestionTable td {border-bottom:solid 1px #ddd; padding-bottom:5px; padding-top:5px; color:#2d5585;} .ReportView .QuestionTable tr:last-child td {border-bottom:none;} .ReportView .QuestionTable td.ColA {padding-right:4px;} .ReportView .QuestionTable td.ColC {width:40px; text-align:center; padding-left:4px; padding-right:4px;} .ReportView .QuestionTable td.ColCa {width:40px; text-align:center; padding-left:4px; padding-right:4px; font-weight:bold;} .ReportView .QuestionTable td.ColD {width:50px; text-align:center; padding-left:4px; padding-right:4px;} .ReportView .QuestionTable td.ColE {color:#313c4f;} .ReportView .QuestionTable td.Red {color:#d00;} .ReportView .QuestionTable td.Green {color:#0c0;} .ReportView .PictureList {margin-left:25px; margin-right:25px;} .ReportView .PictureList .Inner {width:102.3%;} .ReportView .PictureList .Inner .Item {display:inline-block; width:22.7%; margin-right:2.3%; margin-bottom:2%; vertical-align:top; background-size:cover; background-position:center; background-repeat:no-repeat;} .ReportView .PictureList .Inner .Item img {display:block; width:100%;} /* four columm settings for gridstack .grid-stack > .grid-stack-item[data-gs-width="4"] { width: 100% } .grid-stack > .grid-stack-item[data-gs-width="3"] { width: 75% } .grid-stack > .grid-stack-item[data-gs-width="2"] { width: 50% } .grid-stack > .grid-stack-item[data-gs-width="1"] { width: 25% } .grid-stack > .grid-stack-item[data-gs-x="3"] { left: 75% } .grid-stack > .grid-stack-item[data-gs-x="2"] { left: 50% } .grid-stack > .grid-stack-item[data-gs-x="1"] { left: 25% } .grid-stack > .grid-stack-item[data-gs-x="0"] { left: 0% } */ /* four columm settings for gridstack */ .grid-stack > .grid-stack-item[data-gs-width="2"] { width: 100% } .grid-stack > .grid-stack-item[data-gs-width="1"] { width: 50% } .grid-stack > .grid-stack-item[data-gs-x="1"] { left: 50% } .grid-stack > .grid-stack-item[data-gs-x="0"] { left: 0% } /***** Gridstack edit - BEGIN *****/ .GridStackParent {border:solid 1px #ddd; padding-top:7px; padding-bottom:7px; min-height:162px;} .GridStackParent .ItemTypeDD {padding:4px; margin-bottom:4px; font-size:12px; width:100%; border:solid 1px #aaa; background-color:#fff;} .GridStackParent .SecLevelDDContainer {overflow-x: hidden;overflow-y: auto;position: absolute;right: 4px;left: 4px;height: 125px;} .GridStackParent .SecLevelDDHolder {position:relative;} .GridStackParent .SecLevelDDHolder .SecLevelDD {padding:4px; margin-bottom:4px; font-size:12px; height:26px; width:100%; border:solid 1px #aaa; background-color:#fff;} .GridStackParent .SecLevelDDHolder .SecLevelDD.Multiple {height:94px; width:99.9%;} .GridStackParent .SecLevelDDHolder .ConfigButton {position:absolute; top:-5px; right:4px; padding:3px 8px 0px 8px; border-radius:3px; background-color:#aaa; font-size:11px; height:15px; color:#fff; left:492px; width:48px; cursor:pointer;} .GridStackParent .SecLevelDDHolder .ConfigButton .ProgressImg {display:none; opacity:0; position:absolute; width:17px; left:50%; margin-left:-8px; top:1px;} .GridStackParent .SecLevelDDHolder .ConfigButton.Clicked {background-color:#ccc; cursor:default;} .GridStackParent .SecLevelNoItems {padding:4px; margin-bottom:4px; font-size:12px;} .GridStackParent .HeaderTitle {padding:4px; margin-bottom:4px; font-size:12px; width:100%; border:solid 1px #aaa; box-sizing:border-box; background-color:#fff;} .GridStackParent .grid-stack-item .grid-stack-item-content {background-color:#ddd; padding:4px 4px 4px 4px; left:7px; right:7px;} .GridStackParent .grid-stack-item .DeleteButton {position:absolute; bottom:2px; right:32px; font-size:12px; color:#555; cursor:pointer;} .GridStackParent .grid-stack-item .DeleteButton img {width:10px; margin-right:3px; opacity:0.6;} .GridStackParent .grid-stack-item.ui-resizable-autohide .DeleteButton {display:none;} .GridStackParent .grid-stack-item .DeleteButton.InitiallyHidden {display:none;} .GridStackParent .grid-stack-item .MobileHandle {display:none;} .GridStackParent.TouchScreen .grid-stack-item .MobileHandle {display:block; position:absolute; bottom:0px; right:84px; font-size:12px; color:#555; cursor:pointer; padding:2px;} .GridStackParent.TouchScreen .grid-stack-item .MobileHandle img {width:14px; margin-right:3px; opacity:0.5; position:relative; top:2px;} .GridStackParent.TouchScreen .grid-stack-item.ui-resizable-autohide .MobileHandle {display:none;} .GridStackParent.TouchScreen .grid-stack-item .MobileHandle.InitiallyHidden {display:none;} .OverallGridValidation {color:#d00; font-size:14px; margin-bottom:5px; text-transform:uppercase; display:none;} .ValidationAddButton {color:#d00; float:right; clear:right; font-size:12px; margin-top:5px; display:none;} .SummarySubTitle {margin-bottom:6px;} .GeneralSettings {width:82%; margin-top:10px;} .GeneralSettings .FormBox {width:49%; display:inline-block; vertical-align:top; padding-right:30px; box-sizing:border-box;} .Popup2 .ThirdLevelDD {padding:4px; margin-bottom:6px; font-size:12px; height:160px; width:100%; border:solid 1px #aaa; background-color:#fff;} .Popup2 .ThirdLevelNoItems {padding:4px 4px 4px 0px; font-size:13px;} .Popup2 .HeaderTitle {padding:4px; margin-bottom:4px; font-size:12px; width:100%; border:solid 1px #aaa; box-sizing:border-box; background-color:#fff;} /***** Gridstack edit - END *****/ /* Respondent */ .Respondent {} .Respondent .Thumbnail {text-align:center; margin:0px 0px 40px 0px;} .Respondent .Thumbnail .Item {display:inline-block;} .Respondent .Thumbnail .Item .Block {display:table;} .Respondent .Thumbnail .Item .Block .Dot {display:table-cell; vertical-align:middle; width:20px; height:20px; border-radius:50%;} .Respondent .Thumbnail .Item .Block .Dot_01 {background:#ec008c;} .Respondent .Thumbnail .Item .Block .Dot_02 {background:#00aeef;} .Respondent .Thumbnail .Item .Block .Dot_03 {background:#2e3092;} .Respondent .Thumbnail .Item .Block .Txt {display:table-cell; vertical-align:middle; font-size:12px; color:#000; padding:0px 20px 0px 10px;} .Respondent .HeadTR {display:table; width:100%; border-bottom:1px solid #000; padding-bottom:10px;} .Respondent .HeadTR .Title {display:table-cell; width:60%; vertical-align:bottom; font-size:20px; line-height:1.3em; font-weight:800; color:#000000; letter-spacing:3px; margin-bottom:0px; text-transform:uppercase;} .Respondent .HeadTR .Scales {display:table-cell; width:40%; text-align:center; vertical-align:bottom;} .Respondent .HeadTR .Scales .Table {display:table; width:100%; font-size:15px; color:#000;} .Respondent .HeadTR .Scales .Table .Cell {display:table-cell; width:25%; vertical-align:middle; text-align:center;} .Respondent .ContentTR {} .Respondent .ContentTR .Row {display:table; width:100%; padding-top:20px;} .Respondent .ContentTR .Row .Desc {display:table-cell; width:60%; vertical-align:middle; text-align:left;} .Respondent .ContentTR .Row .Desc .Block {display:table;} .Respondent .ContentTR .Row .Desc .Block .Nbre {display:table-cell; vertical-align:middle; width:40px; font-size:15px; font-weight:700; color:#b3c135;} .Respondent .ContentTR .Row .Desc .Block .Txt {display:table-cell; vertical-align:middle; font-size:15px; line-height:1.3em; color:#000; padding-right:40px;} .Respondent .ContentTR .Row .Scales {display:table-cell; width:40%; vertical-align:middle;} .Respondent .ContentTR .Row .Scales .NbreInfo {display:none;} .Respondent .ContentTR .Row .Scales .TopInfo {display:none;} .Respondent .ContentTR .Question {display:block; width:100%;} .Respondent .ContentTR .Question .Desc {display:block; width:100%;} .Respondent .ContentTR .Question .Answer {padding-left:40px; font-size:15px; line-height:1.3em; color:#666666; padding-top:10px;} .Respondent .ContentTR .TopRow {padding-top:20px; padding-bottom:20px; border-bottom:1px solid #c9c9c9;} .Respondent .ContentTR .TopRow .Scales .NbreInfo {display:block;} .Respondent .ContentTR .TopRow .Scales .TopInfo {display:block;} .Respondent .BottomTR {padding-top:40px; margin-top:40px; border-top:1px solid #c9c9c9; text-align:right;} .ScalesOfFour {} .ScalesOfFour .Chart {padding:0px 10%;} .ScalesOfFour .Chart .Table {position:relative; width:100%; height:24px;} .ScalesOfFour .Chart .Table .Dot {width:20px; height:20px; position:absolute; top:50%; margin-top:-10px; margin-left:-10px; z-index:30; border-radius:50%;} .ScalesOfFour .Chart .Table .Dot_01 {background:#ec008c;} .ScalesOfFour .Chart .Table .Dot_02 {background:#00aeef;} .ScalesOfFour .Chart .Table .Dot_03 {background:#2e3092;} .ScalesOfFour .Chart .Table .Dot_04 {-ms-transform:rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);} .ScalesOfFour .Chart .Table .Dot_04 .Color1 {position:absolute; left:0px; background:#ec008c; display:block; width:11px; height:20px; border-top-left-radius:20px; border-bottom-left-radius:20px;} .ScalesOfFour .Chart .Table .Dot_04 .Color2 {position:absolute; right:0px; background:#00aeef; display:block; width:10px; height:20px; border-top-right-radius:20px; border-bottom-right-radius:20px;} .ScalesOfFour .Chart .Table .Dot_05 {-ms-transform:rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);} .ScalesOfFour .Chart .Table .Dot_05 .Color1 {position:absolute; left:0px; background:#00aeef; display:block; width:11px; height:20px; border-top-left-radius:20px; border-bottom-left-radius:20px;} .ScalesOfFour .Chart .Table .Dot_05 .Color2 {position:absolute; right:0px; background:#2e3092; display:block; width:10px; height:20px; border-top-right-radius:20px; border-bottom-right-radius:20px;} .ScalesOfFour .Chart .Table .Dot_06 {-ms-transform:rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);} .ScalesOfFour .Chart .Table .Dot_06 .Color1 {position:absolute; left:0px; background:#2e3092; display:block; width:11px; height:20px; border-top-left-radius:20px; border-bottom-left-radius:20px;} .ScalesOfFour .Chart .Table .Dot_06 .Color2 {position:absolute; right:0px; background:#ec008c; display:block; width:10px; height:20px; border-top-right-radius:20px; border-bottom-right-radius:20px;} .ScalesOfFour .Chart .Table .Dot_07 {} .ScalesOfFour .Chart .Table .Dot_07 .Color1 {position:absolute; left:0px; background:#ec008c; display:block; width:10px; height:20px; border-top-left-radius:20px; border-bottom-left-radius:20px;} .ScalesOfFour .Chart .Table .Dot_07 .Color2 {position:absolute; right:0px; background:#00aeef; display:block; width:10px; height:20px; border-top-right-radius:20px; border-bottom-right-radius:20px;} .ScalesOfFour .Chart .Table .Dot_07 .Color3 {position:absolute; left:5px; background:#2e3092; display:block; width:10px; height:10px; border-bottom-right-radius:20px; top:12px; -ms-transform:rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);} .ScalesOfFour .Chart .Table .Dummy {width:26px; height:26px; position:absolute; top:50%; margin-top:-13px; margin-left:-13px; z-index:20; background:#fff; border:1px solid #e3e3e3; border-radius:50%; box-sizing:border-box;} .ScalesOfFour .Chart .Table .Dummy_01 {left:0%;} .ScalesOfFour .Chart .Table .Dummy_02 {left:33.33%;} .ScalesOfFour .Chart .Table .Dummy_03 {left:66.66%;} .ScalesOfFour .Chart .Table .Dummy_04 {left:100%;} .ScalesOfFour .Chart .Table .Line {background:#e3e3e3; width:100%; height:4px; position:absolute; top:50%; margin-top:-2px; z-index:10;} .ScalesOfFour .MobileInfo {display:none; width:100%; padding-top:10px; padding-left:40px; box-sizing:border-box;} .ScalesOfFour .MobileInfo .InfoTxt {display:table-cell; width:25%; font-size:11px; color:#666666;} .ScalesOfFour .MobileInfo .InfoTxt_01 {text-align:left;} .ScalesOfFour .MobileInfo .InfoTxt_02 {text-align:center;} .ScalesOfFour .MobileInfo .InfoTxt_03 {text-align:center;} .ScalesOfFour .MobileInfo .InfoTxt_04 {text-align:right;} .ScalesOfTen {} .ScalesOfTen .TopInfo {padding:0px 5%;} .ScalesOfTen .TopInfo .Table {display:table; width:100%; box-sizing:border-box; position:relative; margin-bottom:5px;} .ScalesOfTen .TopInfo .Table .InfoTxt {display:table-cell; text-align:center;} .ScalesOfTen .TopInfo .Table .InfoTxt_01 {width:63.3%;} .ScalesOfTen .TopInfo .Table .InfoTxt_02 {width:18%;} .ScalesOfTen .TopInfo .Table .InfoTxt_03 {width:18.7%;} .ScalesOfTen .TopInfo .Table .InfoTxt span {font-size:11px; color:#666666; background:#fff; padding:0px 5px; z-index:20; position:relative;} .ScalesOfTen .TopInfo .Table .VertLine {background:#e3e3e3; width:1px; height:10px; position:absolute; top:50%; z-index:10;} .ScalesOfTen .TopInfo .Table .VertLine_01 {left:0%;} .ScalesOfTen .TopInfo .Table .VertLine_02 {left:63.3%;} .ScalesOfTen .TopInfo .Table .VertLine_03 {left:81.3%;} .ScalesOfTen .TopInfo .Table .VertLine_04 {left:100%;} .ScalesOfTen .TopInfo .Table .HorzLine {background:#e3e3e3; width:100%; height:1px; position:absolute; top:50%; margin-top:-1px; z-index:10; left:0px;} .ScalesOfTen .Chart {padding:0px 10%;} .ScalesOfTen .Chart .Table {position:relative; width:100%; height:22px;} .ScalesOfTen .Chart .Table .Dot {width:16px; height:16px; position:absolute; top:50%; margin-top:-8px; margin-left:-8px; z-index:30; border-radius:50%;} .ScalesOfTen .Chart .Table .Dot_01 {background:#ec008c;} .ScalesOfTen .Chart .Table .Dot_02 {background:#00aeef;} .ScalesOfTen .Chart .Table .Dot_03 {background:#2e3092;} .ScalesOfTen .Chart .Table .Dot_04 {-ms-transform:rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);} .ScalesOfTen .Chart .Table .Dot_04 .Color1 {position:absolute; left:0px; background:#ec008c; display:block; width:9px; height:16px; border-top-left-radius:20px; border-bottom-left-radius:20px;} .ScalesOfTen .Chart .Table .Dot_04 .Color2 {position:absolute; right:0px; background:#00aeef; display:block; width:8px; height:16px; border-top-right-radius:20px; border-bottom-right-radius:20px;} .ScalesOfTen .Chart .Table .Dot_05 {-ms-transform:rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);} .ScalesOfTen .Chart .Table .Dot_05 .Color1 {position:absolute; left:0px; background:#00aeef; display:block; width:9px; height:16px; border-top-left-radius:20px; border-bottom-left-radius:20px;} .ScalesOfTen .Chart .Table .Dot_05 .Color2 {position:absolute; right:0px; background:#2e3092; display:block; width:8px; height:16px; border-top-right-radius:20px; border-bottom-right-radius:20px;} .ScalesOfTen .Chart .Table .Dot_06 {-ms-transform:rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);} .ScalesOfTen .Chart .Table .Dot_06 .Color1 {position:absolute; left:0px; background:#2e3092; display:block; width:9px; height:16px; border-top-left-radius:20px; border-bottom-left-radius:20px;} .ScalesOfTen .Chart .Table .Dot_06 .Color2 {position:absolute; right:0px; background:#ec008c; display:block; width:8px; height:16px; border-top-right-radius:20px; border-bottom-right-radius:20px;} .ScalesOfTen .Chart .Table .Dot_07 {} .ScalesOfTen .Chart .Table .Dot_07 .Color1 {position:absolute; left:0px; background:#ec008c; display:block; width:9px; height:16px; border-top-left-radius:20px; border-bottom-left-radius:20px;} .ScalesOfTen .Chart .Table .Dot_07 .Color2 {position:absolute; right:0px; background:#00aeef; display:block; width:8px; height:16px; border-top-right-radius:20px; border-bottom-right-radius:20px;} .ScalesOfTen .Chart .Table .Dot_07 .Color3 {position:absolute; left:4px; background:#2e3092; display:block; width:8px; height:8px; border-bottom-right-radius:20px; top:9px; -ms-transform:rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);} .ScalesOfTen .Chart .Table .Dummy {width:22px; height:22px; position:absolute; top:50%; margin-top:-11px; margin-left:-11px; z-index:20; background:#fff; border:1px solid #e3e3e3; border-radius:50%; box-sizing:border-box; text-align:center; font-size:12px; line-height:22px; color:#000;} .ScalesOfTen .Chart .Table .Dummy_00 {left:0%;} .ScalesOfTen .Chart .Table .Dummy_01 {left:10%;} .ScalesOfTen .Chart .Table .Dummy_02 {left:20%;} .ScalesOfTen .Chart .Table .Dummy_03 {left:30%;} .ScalesOfTen .Chart .Table .Dummy_04 {left:40%;} .ScalesOfTen .Chart .Table .Dummy_05 {left:50%;} .ScalesOfTen .Chart .Table .Dummy_06 {left:60%;} .ScalesOfTen .Chart .Table .Dummy_07 {left:70%;} .ScalesOfTen .Chart .Table .Dummy_08 {left:80%;} .ScalesOfTen .Chart .Table .Dummy_09 {left:90%;} .ScalesOfTen .Chart .Table .Dummy_10 {left:100%;} .ScalesOfTen .Chart .Table .Line {background:#e3e3e3; width:100%; height:4px; position:absolute; top:50%; margin-top:-2px; z-index:10;} .GridTable {} .GridTable .GridRow {display:table; width:100%;} .GridTable .GridRow .GridCell {display:table-cell; width:50%; box-sizing:border-box; vertical-align:middle;} .GridTable .GridRow .GridCell_01 {padding-right:40px; border-right:1px solid #000;} .GridTable .GridRow .GridCell_02 {padding-left:40px;} .GridTable .GridRow_01 {padding-bottom:40px; border-bottom:1px solid #000;} .GridTable .GridRow_02 {padding-top:40px; padding-bottom:40px;} .GridTable .GridRow_03 {padding-top:40px; border-top:1px solid #000;} .DashCStatic {} .DashCStatic .Infos {display:table; width:100%;} .DashCStatic .Infos .Line {display:table-cell; width:10px; height:100%; background:#b3c135;} .DashCStatic .Infos .Desc {padding-left:30px;} .DashCStatic .Infos .Desc .Name {font-size:56px; line-height:1.3em; font-weight:700; color:#000000;} .DashCStatic .Infos .Desc .Date {font-size:15px; line-height:1.3em; font-weight:400; color:#000000;} .DashCStatic .Charts {} .DashCStatic .Charts .List {display:table; width:100%;} .DashCStatic .Charts .List .Item {display:table-cell; vertical-align:middle; width:25%; text-align:center;} .DashCStatic .Charts .List .Item .Graph {position:relative; max-width:110px; display:inline-block;} .DashCStatic .Charts .List .Item .Graph .Circle {position:absolute; top:5px; right:5px; font-size:16px; line-height:35px; font-weight:400; color:#ffffff; min-width:35px; height:35px; border-radius:50%; text-align:center; background:#b3c135;} .DashCStatic .Charts .List .Item .Graph .Txt {font-size:30px; font-weight:700; color:#000000; position:absolute; top:50%; left:50%; width:110px; text-align:center; margin-top:-20px; margin-left:-50px;} .DashCStatic .Charts .List .Item .Graph .Txt sup {font-size:20px;} .DashCStatic .Charts .List .Item .Graph .ct-chart_01 {width:110px; height:110px;} .DashCStatic .Charts .List .Item .Graph .ct-chart_02 {width:110px; height:110px;} .DashCStatic .Charts .List .Item .Graph .ct-chart_03 {width:110px; height:110px;} .DashCStatic .Charts .List .Item .Graph .ct-chart_04 {width:110px; height:110px;} .DashCStatic .Charts .List .Item .Graph .ct-chart_05 {width:110px; height:110px;} .DashCStatic .Charts .List .Item .Graph .ct-chart_06 {width:110px; height:110px;} .DashCStatic .Charts .List .Item .Graph .ct-chart_07 {width:110px; height:110px;} .DashCStatic .Charts .List .Item .Graph .ct-chart_08 {width:110px; height:110px;} .DashCStatic .Charts .List .Item .Label {font-size:13px; line-height:1.3em; font-weight:400; color:#000000; display:block;} .DashCStatic .Engagement {} .DashCStatic .Engagement .Title {font-size:20px; line-height:1.3em; font-weight:800; color:#000000; letter-spacing:3px; margin-bottom:0px; text-transform:uppercase;} .DashCStatic .Engagement .BigNbre {font-size:200px; font-weight:700; color:#b3c135; text-align:center;} .DashCStatic .Engagement .BigNbre sup {font-size:100px;} .DashCStatic .Engagement .Difference {} .DashCStatic .Engagement .Difference .Label {font-size:15px; line-height:35px; font-weight:400; color:#000000; display:inline-block; vertical-align:top;} .DashCStatic .Engagement .Difference .Item {display:inline-block; padding-left:15px;} .DashCStatic .Engagement .Difference .Item .Table {display:table;} .DashCStatic .Engagement .Difference .Item .Table .Col {display:table-cell;} .DashCStatic .Engagement .Difference .Item .Table .Col .Circle {font-size:16px; line-height:35px; font-weight:400; color:#ffffff; min-width:35px; height:35px; border-radius:50%; text-align:center; background:#356576;} .DashCStatic .Engagement .Difference .Item .Table .Col .Txt {font-size:15px; line-height:1.3em; font-weight:400; color:#000000; padding-left:10px;} .DashCStatic .Variance {} .DashCStatic .Variance .Title {font-size:20px; line-height:1.3em; font-weight:800; color:#000000; letter-spacing:3px; margin-bottom:0px; text-transform:uppercase;} .DashCStatic .Variance .Chart {width:100%; height:200px; padding:20px 0px 0px 0px;} .DashCStatic .Variance .Chart .big-ct-chart {width:100%; height:180px;} .DashCStatic .Variance .Wrapper {text-align:center;} .DashCStatic .Variance .Wrapper .Item {display:inline-block; padding-left:20px;} .DashCStatic .Variance .Wrapper .Item .Table {display:table;} .DashCStatic .Variance .Wrapper .Item .Table .Col {display:table-cell; vertical-align:middle;} .DashCStatic .Variance .Wrapper .Item .Table .Col .Circle {width:20px; height:20px; border-radius:50%; text-align:center; background:#356576;} .DashCStatic .Variance .Wrapper .Item .Table .Col .Txt {font-size:15px; line-height:1.3em; font-weight:400; color:#000000; padding-left:10px;} .DashCStatic .TopBottom {} .DashCStatic .TopBottom .Title {font-size:20px; line-height:1.3em; font-weight:800; color:#000000; letter-spacing:3px; margin-bottom:0px; text-transform:uppercase;} .DashCStatic .TopBottom .Row {display:table; width:100%; padding-top:10px;} .DashCStatic .TopBottom .Row .Nbre {display:table-cell; vertical-align:middle; font-size:15px; font-weight:700; color:#b3c135; width:40px; text-align:left;} .DashCStatic .TopBottom .Row .Txt {display:table-cell; vertical-align:middle; font-size:15px; line-height:1.3em; font-weight:400; text-align:left; color:#000000;} .DashCStatic .TopBottom .Row .Pourcentage {display:table-cell; vertical-align:middle; font-size:24px; font-weight:700; color:#b3c135; width:60px; text-align:right;} .DashCStatic .TopBottom .Row .Pourcentage sup {font-size:10px; line-height:normal;} .SpacerCover {background-color:#fff; height:40px; position:relative; } /* Client */ .SectionC {padding-bottom:40px;} .SectionC:last-child {padding-bottom:0px;} .SectionC .HeadC {display:table; width:100%; border-bottom:1px solid #000; padding-bottom:10px; position:relative;} .SectionC .HeadC .Title {display:table-cell; width:34%; vertical-align:bottom; font-size:20px; line-height:1.3em; font-weight:800; color:#000000; letter-spacing:3px; margin-bottom:0px; text-transform:uppercase;} .SectionC .HeadC .Title .SubText {text-align:left; font-size:12px; font-weight:normal; line-height:1.3rem; padding-top:5px; color:#a9a9a9; text-transform:uppercase; letter-spacing:1px;} .SectionC .HeadC .TitleTxt {display:table-cell; width:97%; vertical-align:bottom; font-size:20px; line-height:1.3em; font-weight:800; color:#000000; letter-spacing:3px; margin-bottom:0px; text-transform:uppercase;} .SectionC .HeadC .TitleThemes {display:table-cell; width:67%; vertical-align:bottom; font-size:20px; line-height:1.3em; font-weight:800; color:#000000; letter-spacing:3px; margin-bottom:0px; text-transform:uppercase;} .SectionC .HeadC .Mentions {display:table-cell; width:15%; vertical-align:bottom; font-size:15px; line-height:1.3em; font-weight:400; color:#000000; text-align:center;} .SectionC .HeadC .Pourcentage {display:table-cell; width:15%; vertical-align:bottom; font-size:15px; line-height:1.3em; font-weight:400; color:#000000; text-align:center;} .SectionC .HeadC .TitleAnalytics {display:table-cell; width:50%; vertical-align:bottom; font-size:20px; line-height:1.3em; font-weight:800; color:#000000; letter-spacing:3px; margin-bottom:0px; text-transform:uppercase;} .SectionC .HeadC .AnalyticsText {display:table-cell; width:10%; vertical-align:bottom; font-size:15px; line-height:1.3em; font-weight:400; color:#000000; text-align:center;} .SectionC .HeadC .AnalyticsPercentage {display:table-cell; width:10%; vertical-align:bottom; font-size:15px; line-height:1.3em; font-weight:400; color:#000000; text-align:center;} .SectionC .HeadC .Stat {display:table-cell; width:32%; vertical-align:bottom; text-align:center; padding-right:2%;} .SectionC .HeadC .Stat .Block {display:table; width:100%;} .SectionC .HeadC .Stat .Block .Cell {display:table-cell; vertical-align:bottom; width:16.66%;} .SectionC .HeadC .Stat .Block .Cell .Txt {font-size:10px; font-weight:400; color:#000000; padding-bottom:5px;} .SectionC .HeadC .Stat .Block .Cell .Circle {min-width:36px; height:36px; border-radius:50%; padding:2px; background-color:#346576; display:inline-block;} .SectionC .HeadC .Stat .Block .Cell .Circle .Nbre {font-size:12px; line-height:36px; font-weight:800; color:#fff; text-align:center;} .SectionC .HeadC .Stat .Block .Cell .Circle .Nbre sup {font-size:10px; line-height:normal;} .SectionC .HeadC .Stat .Block .Cell .HideTxt {display:none; font-size:15px; font-weight:400; color:#000000; padding-left:5px;} .SectionC .HeadC .Stat .Block .Cell.BorderRight {border-right:1px solid #000000;} .SectionC .HeadC .Stat .Block .Cell.BorderLeft {border-left:1px solid #000000;} .SectionC .HeadC .StatHide {display:none;} .SectionC .HeadC .StatHide .Block {display:table; width:100%; padding:10px 0px;} .SectionC .HeadC .StatHide .Block .Cell {display:table-cell; vertical-align:middle; width:30.33%;} .SectionC .HeadC .StatHide .Block .Cell .Nbre {display:inline-block; font-size:15px; font-weight:800; color:#000000;} .SectionC .HeadC .StatHide .Block .Cell .Nbre sup {font-size:10px; line-height:normal;} .SectionC .HeadC .StatHide .Block .Cell .Txt {display:inline-block; font-size:12px; font-weight:400; color:#000000; padding-left:3px;} .SectionC .HeadC .Chart {display:table-cell; width:29%; vertical-align:bottom; text-align:center;} .SectionC .HeadC .Chart .LabelCol {display:table; width:100%; table-layout:fixed;} .SectionC .HeadC .Chart .LabelCol .Col {display:table-cell; vertical-align:top; text-align:center;} .SectionC .HeadC .Chart .LabelCol .Col .Table {display:block; padding-bottom:5px;} .SectionC .HeadC .Chart .LabelCol .Col .Table .Cell_01 {display:block; text-align:center;} .SectionC .HeadC .Chart .LabelCol .Col .Table .Cell_02 {display:block; text-align:center;} .SectionC .HeadC .Chart .LabelCol .Col .Table .Graph {width:10px; height:10px; display:inline-block; border-radius:50%;} .SectionC .HeadC .Chart .LabelCol .Col .Table .Txt {font-size:9px; font-weight:400; color:#000000;} .SectionC .HeadC .Chart .TopCol {font-size:12px; font-weight:400; color:#000000; display:table; width:100%;} .SectionC .HeadC .Chart .TopCol .Col1 {display:table-cell; width:33.33%; text-align:left;} .SectionC .HeadC .Chart .TopCol .Col2 {display:table-cell; width:33.33%; text-align:center;} .SectionC .HeadC .Chart .TopCol .Col3 {display:table-cell; width:33.33%; text-align:right;} .SectionC .HeadC .Chart .MiddleCol {background:#e3e3e3; width:100%; height:10px; position:relative;} .SectionC .HeadC .Chart .MiddleCol .Bar {position:absolute; top:0px; height:10px;} .SectionC .HeadC .Chart .BottomCol {width:100%; height:8px; position:relative;} .SectionC .HeadC .Chart .BottomCol .Col1 {position:absolute; background:#e3e3e3; width:1px; height:8px; left:0px; top:0px;} .SectionC .HeadC .Chart .BottomCol .Col2 {position:absolute; background:#e3e3e3; width:1px; height:8px; left:50%; top:0px;} .SectionC .HeadC .Chart .BottomCol .Col3 {position:absolute; background:#e3e3e3; width:1px; height:8px; right:0px; top:0px;} .SectionC .HeadC .Space {display:table-cell; width:3%; vertical-align:bottom; text-align:right;} .SectionC .HeadC .Space .BtnOpenClose {cursor:pointer; display:inline-block;} .SectionC .HeadC .Space .BtnOpenClose .Icon_OpenClose_01 {display:block; width:22px; height:22px; background:url(/Content/Images/Icon_OpenClose_01.png) no-repeat center; background-size:cover;} .SectionC .HeadC .Space .BtnOpenClose .Icon_OpenClose_02 {display:none; width:22px; height:22px; background:url(/Content/Images/Icon_OpenClose_02.png) no-repeat center; background-size:cover;} .SectionC .HeadC .Chart.AboveSeven {} .SectionC .HeadC .Chart.AboveSeven .LabelCol .Col .Table .Txt {font-size:7px;} .SectionC .ContentC {display:none;} .SectionC .ContentC .Row {display:table; width:100%; padding-top:20px;} .SectionC .ContentC .Row .Desc {display:table-cell; width:34%; vertical-align:middle; text-align:left;} .SectionC .ContentC .Row .Desc .Block {display:table;} .SectionC .ContentC .Row .Desc .Block .Nbre {display:table-cell; vertical-align:top; width:40px; font-size:15px; font-weight:700; color:#b3c135;} .SectionC .ContentC .Row .Desc .Block .Txt {display:table-cell; vertical-align:middle; font-size:15px; line-height:1.3em; color:#000;} .SectionC .ContentC .Row .Desc .Block .Txt .SubTxt {color:#a9a9a9; font-size:11px; margin-top:10px;} .SectionC .ContentC .Row .Desc .QBlockTable {display:table; width:100%;} .SectionC .ContentC .Row .Desc .QBlockTable .LeftCell {display:table-cell; vertical-align:top; width:220px;} .SectionC .ContentC .Row .Desc .QBlockTable .RightCell {display:table-cell; vertical-align:top; width:120px; text-align:right; padding-left:10px; box-sizing:border-box;} .SectionC .ContentC .Row .Desc .RatingTable {display:table; width:100%; color:#000000;} .SectionC .ContentC .Row .Desc .RatingTable .Row {display:table-row;} .SectionC .ContentC .Row .Desc .RatingTable .Row.Hdr .Cell {font-size:15px; white-space:inherit;} .SectionC .ContentC .Row .Desc .RatingTable .Cell {display:table-cell; vertical-align:middle; height:28px; font-size:10px; width:155px; min-width:155px; max-width:155px; padding:0px 5px 0px 0px; box-sizing:border-box;} .SectionC .ContentC .Row .Stat {display:table-cell; width:32%; height:28px; vertical-align:top; text-align:center; padding-right:2%;} .SectionC .ContentC .Row .Stat .Block {display:table; width:100%;} .SectionC .ContentC .Row .Stat .Block .StatRow {display:table-row;} .SectionC .ContentC .Row .Stat .Block .StatRow.LabelRow {display:none;} .SectionC .ContentC .Row .Stat .Block .StatRow.LabelRow .Cell {font-size:12px; padding-bottom:0px; color:#000000;} .SectionC .ContentC .Row .Stat .Block .Cell {display:table-cell; vertical-align:middle; width:16.66%; height:28px; padding:5px; box-sizing:border-box;} .SectionC .ContentC .Row .Stat .Block .Cell .Nbre {font-size:15px; font-weight:800; color:#000000;} .SectionC .ContentC .Row .Stat .Block .Cell .Nbre sup {font-size:8px;} .SectionC .ContentC .Row .Stat .Block .Cell .MiniFont {font-size:10px; font-weight:800; color:#000000;} .SectionC .ContentC .Row .Stat .Block .Cell .MiniFont sup {font-size:6px;} .SectionC .ContentC .Row .Stat .Block .Cell .Txt {display:none; font-size:12px; font-weight:400; color:#000000; padding-left:3px;} .SectionC .ContentC .Row .Stat .Block .Cell.BorderRight {border-right:1px solid #000000;} .SectionC .ContentC .Row .Stat .Block .Cell.BorderLeft {border-left:1px solid #000000;} .SectionC .ContentC .Row .Chart {display:table-cell; width:29%; vertical-align:top; text-align:center; padding-top:10px;} .SectionC .ContentC .Row .Chart .LabelCol {display:table; width:100%; table-layout:fixed;} .SectionC .ContentC .Row .Chart .LabelCol .Col {display:table-cell; vertical-align:middle; text-align:center;} .SectionC .ContentC .Row .Chart .LabelCol .Col .Table {display:block; padding-bottom:5px;} .SectionC .ContentC .Row .Chart .LabelCol .Col .Table .Cell_01 {display:block; text-align:center;} .SectionC .ContentC .Row .Chart .LabelCol .Col .Table .Cell_02 {display:block; text-align:center;} .SectionC .ContentC .Row .Chart .LabelCol .Col .Table .Graph {width:10px; height:10px; display:inline-block; border-radius:50%;} .SectionC .ContentC .Row .Chart .LabelCol .Col .Table .Txt {font-size:9px; font-weight:400; color:#000000;} .SectionC .ContentC .Row .Chart .TopCol {display:none; font-size:12px; font-weight:400; color:#000000; width:100%;} .SectionC .ContentC .Row .Chart .TopCol .Col1 {display:table-cell; width:33.33%; text-align:left;} .SectionC .ContentC .Row .Chart .TopCol .Col2 {display:table-cell; width:33.33%; text-align:center;} .SectionC .ContentC .Row .Chart .TopCol .Col3 {display:table-cell; width:33.33%; text-align:right;} .SectionC .ContentC .Row .Chart .MiddleCol {background:#e3e3e3; width:100%; height:10px; position:relative;} .SectionC .ContentC .Row .Chart .MiddleCol .Bar {position:absolute; top:0px; height:10px;} .SectionC .ContentC .Row .Chart .BottomCol {display:none; width:100%; height:8px; position:relative;} .SectionC .ContentC .Row .Chart .BottomCol .Col1 {position:absolute; background:#e3e3e3; width:1px; height:8px; left:0px; top:0px;} .SectionC .ContentC .Row .Chart .BottomCol .Col2 {position:absolute; background:#e3e3e3; width:1px; height:8px; left:50%; top:0px;} .SectionC .ContentC .Row .Chart .BottomCol .Col3 {position:absolute; background:#e3e3e3; width:1px; height:8px; right:0px; top:0px;} .SectionC .ContentC .Row .Chart .Block {display:table; width:100%;} .SectionC .ContentC .Row .Chart .Block .StatRow {display:table-row;} .SectionC .ContentC .Row .Chart .Block .StatRow .Chart {display:table-cell; width:29%; vertical-align:top; text-align:center; padding-top:10px;} .SectionC .ContentC .Row .Chart .Block .StatRow .Chart .LabelCol {display:table; width:100%; table-layout:fixed;} .SectionC .ContentC .Row .Chart .Block .StatRow .Chart .LabelCol .Col {display:table-cell; vertical-align:middle; text-align:center;} .SectionC .ContentC .Row .Chart .Block .StatRow .Chart .LabelCol .Col .Table {display:block; padding-bottom:5px;} .SectionC .ContentC .Row .Chart .Block .StatRow .Chart .LabelCol .Col .Table .Cell_01 {display:block; text-align:center;} .SectionC .ContentC .Row .Chart .Block .StatRow .Chart .LabelCol .Col .Table .Cell_02 {display:block; text-align:center;} .SectionC .ContentC .Row .Chart .Block .StatRow .Chart .LabelCol .Col .Table .Graph {width:10px; height:10px; display:inline-block; border-radius:50%;} .SectionC .ContentC .Row .Chart .Block .StatRow .Chart .LabelCol .Col .Table .Txt {font-size:9px; font-weight:400; color:#000000;} .SectionC .ContentC .Row .Chart .Block .StatRow .Chart .TopCol {display:none; font-size:12px; font-weight:400; color:#000000; width:100%;} .SectionC .ContentC .Row .Chart .Block .StatRow .Chart .TopCol .Col1 {display:table-cell; width:33.33%; text-align:left;} .SectionC .ContentC .Row .Chart .Block .StatRow .Chart .TopCol .Col2 {display:table-cell; width:33.33%; text-align:center;} .SectionC .ContentC .Row .Chart .Block .StatRow .Chart .TopCol .Col3 {display:table-cell; width:33.33%; text-align:right;} .SectionC .ContentC .Row .Chart .Block .StatRow .Chart .MiddleCol {background:#e3e3e3; width:100%; height:10px; position:relative;} .SectionC .ContentC .Row .Chart .Block .StatRow .Chart .MiddleCol .Bar {position:absolute; top:0px; height:10px;} .SectionC .ContentC .Row .Chart .Block .StatRow .Chart .BottomCol {display:none; width:100%; height:8px; position:relative;} .SectionC .ContentC .Row .Chart .Block .StatRow .Chart .BottomCol .Col1 {position:absolute; background:#e3e3e3; width:1px; height:8px; left:0px; top:0px;} .SectionC .ContentC .Row .Chart .Block .StatRow .Chart .BottomCol .Col2 {position:absolute; background:#e3e3e3; width:1px; height:8px; left:50%; top:0px;} .SectionC .ContentC .Row .Chart .Block .StatRow .Chart .BottomCol .Col3 {position:absolute; background:#e3e3e3; width:1px; height:8px; right:0px; top:0px;} .SectionC .ContentC .Row .TxtThemes {display:table-cell; width:67%; vertical-align:middle; text-align:left; font-size:15px; font-weight:400; color:#000000;} .SectionC .ContentC .Row .Mentions {display:table-cell; width:15%; vertical-align:middle; text-align:center; font-size:15px; font-weight:800; color:#000000;} .SectionC .ContentC .Row .Mentions span {display:none; font-size:12px; font-weight:400; color:#000000; padding-left:5px;} .SectionC .ContentC .Row .Pourcentage {display:table-cell; width:15%; vertical-align:middle; text-align:center; font-size:15px; font-weight:800; color:#000000;} .SectionC .ContentC .Row .Pourcentage sup {font-size:10px; line-height:normal;} .SectionC .ContentC .Row .Space {display:table-cell; width:3%; vertical-align:middle; text-align:center;} .SectionC .ContentC .Row .Chart.AboveSeven {} .SectionC .ContentC .Row .Chart.AboveSeven .LabelCol .Col .Table .Txt {font-size:7px;} .SectionC .ContentC .Row .MultiQuestionChart {display:table; width:100%;} .SectionC .ContentC .Row .MultiQuestionChart .MQChartCell {display:table-cell; vertical-align:middle; height:28px; padding:5px 0px; box-sizing:border-box;} .SectionC .ContentC .Row .MultiQuestionChart .Inner {position:relative; background-color:#e3e3e3; height:10px;} .SectionC .ContentC .Row .MultiQuestionChart .Bar {position:absolute; top:0px; left:0px; background-color:#17a224; height:10px;} .SectionC .ContentC .TopRow {padding-top:20px; padding-bottom:20px; border-bottom:1px solid #c9c9c9;} .SectionC .ContentC .TopRow .Space01 {display:table-cell; width:66%;} .SectionC.MaxEight {} .SectionC.MaxEight .HeadC .Title {width:32%;} .SectionC.MaxEight .HeadC .Stat {width:34%;} .SectionC.MaxEight .HeadC .Stat .Block .Cell {width:12.5%;} .SectionC.MaxEight .ContentC .Row .Desc {width:32%;} .SectionC.MaxEight .ContentC .Row .Stat {width:34%;} .SectionC.MaxEight .ContentC .Row .Stat .Block .Cell {width:12.5%;} .SectionC.MaxNine {} .SectionC.MaxNine .HeadC .Title {width:30%;} .SectionC.MaxNine .HeadC .Stat {width:36%;} .SectionC.MaxNine .HeadC .Stat .Block .Cell {width:11.11%;} .SectionC.MaxNine .ContentC .Row .Desc {width:30%;} .SectionC.MaxNine .ContentC .Row .Stat {width:36%;} .SectionC.MaxNine .ContentC .Row .Stat .Block .Cell {width:11.11%;} .SectionC .HeadC .Chart .LabelCol.FiveColumn .Col {width:20%;} .SectionC.StatColBorders1 .HeadC {padding-bottom:0px;} .SectionC.StatColBorders1 .HeadC .Title {padding-bottom:10px;} .SectionC.StatColBorders1 .HeadC .Stat .Block .Cell {padding-bottom:10px;} .SectionC.StatColBorders1 .HeadC .Chart {padding-bottom:10px;} .SectionC.StatColBorders1 .HeadC .Space {padding-bottom:10px;} .SectionC.StatColBorders1 .ContentC .Row {padding-top:0px;} .SectionC.StatColBorders1 .ContentC .Row .Desc {padding-top:20px;} .SectionC.StatColBorders1 .ContentC .Row .Stat .Block .Cell {height:40px; padding-top:33px;} .SectionC.StatColBorders1 .ContentC .Row .Chart {padding-top:30px;} .SectionC.StatColBorders1 .ContentC .Row .Space {padding-top:20px;} .SectionC.StatColBorders2 .HeadC {padding-bottom:0px;} .SectionC.StatColBorders2 .HeadC .Title {padding-bottom:10px;} .SectionC.StatColBorders2 .HeadC .Stat .Block .Cell {padding-bottom:10px;} .SectionC.StatColBorders2 .HeadC .Chart {padding-bottom:10px;} .SectionC.StatColBorders2 .HeadC .Space {padding-bottom:10px;} .SectionC.StatColBorders2 .ContentC .Row {padding-top:0px; margin-bottom:-1px;} .SectionC.StatColBorders2 .ContentC .Row .Desc {padding-top:20px;} .SectionC.StatColBorders2 .ContentC .Row .Stat .Block .StatRow:first-child .Cell {padding-top:20px;} .SectionC.StatColBorders2 .ContentC .Row .Stat .Block .StatRow:first-child .Cell.SetHeight {padding-top:43px;} .SectionC.StatColBorders2 .ContentC .Row .Chart {padding-top:20px;} .SectionC.StatColBorders2 .ContentC .Row .Chart.SpaceTop {padding-top:17px !important;} .SectionC.StatColBorders2 .ContentC .Row .Space {padding-top:20px;} .SectionC.StatColBorders2 .ContentC .Row .Hdr {padding-top:0px;} .SectionC.StatColBorders2 .ContentC .Row .Hdr .Desc {padding-top:20px;} .SectionC.StatColBorders2 .ContentC .Row .Hdr .Stat .Block .StatRow:first-child .Cell {padding-top:20px;} .SectionC.StatColBorders2 .ContentC .Row .Hdr .Chart {padding-top:20px;} .SectionC.StatColBorders2 .ContentC .Row .Hdr .Space {padding-top:20px;} .ProjectLeadsTable {font-size:13px; font-weight:400; line-height:1.0em; color:#000000;} .ProjectLeadsTable .BlockHeadlines {display:none;} .ProjectLeadsTable .Table {display:table; width:100%; height:100%; table-layout:fixed; max-width:100%} .ProjectLeadsTable .Table .Row {display:table-row; max-width: 100%} .ProjectLeadsTable .Table .Row .Cell {display:table-cell; text-align:left; padding:0px; box-sizing:border-box; position:relative; } .ProjectLeadsTable .Table .Row .Small {width:100px} .ProjectLeadsTable .Table .Row .Cell .Inner {height:auto; overflow:auto; padding:0px;} .ProjectLeadsTable .Table .Row .Cell .Inner.Empty {background-color:#ffdfdf;} .ProjectLeadsTable .Table .Row .Cell.CellDelete {border-right:none; border-bottom:none; width:100px; width:180px; text-align:center;} .ProjectLeadsTable .Table .TopRow {height:22px;} .ProjectLeadsTable .Table .TopRow .Cell {height:auto; padding:0px; resize: none; overflow: auto; min-width: 50px;} .ProjectLeadsTable .Table .Row .Cell.CellDelete {border-right:none; border-bottom:none; width:100px; width:180px; text-align:center; resize: none;} .ProjectLeadsTable .BtnDelete {display:inline-block; float:none;} /* copy to report.css after change - BEGIN */ /***** Gridstack view - BEGIN *****/ .GridStackParentView {margin-bottom:20px; width:calc(100% + 60px); position:relative; left:-30px; display:none;} .GridStackParentView .grid-stack > .grid-stack-item {border-left:solid 1px #000; min-height:0px !important;} .GridStackParentView .grid-stack > .grid-stack-item::after {content:""; position:absolute; bottom:-25px; left:6%; width:88%; height:1px; background-color:#000;} .GridStackParentView .grid-stack-item .grid-stack-item-content {padding:0; left:30px; right:30px; overflow:hidden; /* background-color:#f6f6f6;*/} .GridStackParentView .grid-stack-item .grid-stack-item-content.PieChart .HCBox {display:table; width:100%; height:100%; text-align:center; color:#fff; font-family:"Roboto"; font-weight:bold;} .GridStackParentView .grid-stack-item .grid-stack-item-content.PieChart .HCBox .Inner {display:table-cell; padding-left:10px; padding-right:10px; vertical-align:middle;} .GridStackParentView .grid-stack-item .grid-stack-item-content.PieChart .HCBox .Inner .PieValue {font-size:31px; top:64px; width:100%; height:0px; position:relative; top:-95px; font-family:"Roboto"; font-weight:bold; color:#2d5585; text-align:center;} .GridStackParentView .grid-stack-item .grid-stack-item-content.PieChart .HCBox .Inner .PieLabel {font-size:16px; bottom:10px; width:100%; box-sizing:border-box; padding-left:5px; padding-right:5px; line-height:1.2em; font-family:"Roboto"; font-weight:bold; color:#2d5585; text-align:center; position:relative; top:-2px;} .GridStackParentView .grid-stack-item .grid-stack-item-content.PieChart .HCBox .Inner .ct-chart {padding-top:8px;} .VCentring {display:table; width:100%; height:100%; } .VCentring .VCentringInner {display:table-cell; vertical-align:middle;} .VCentringWithHeader {display:table; width:100%; height:100%;} .VCentringWithHeader .TableRow {display:table-row} .VCentringWithHeader .TableRow .TopCell {display:table-cell; vertical-align:top; height:1px;} .VCentringWithHeader .TableRow .MiddleCell {display:table-cell; vertical-align:middle;} .VCentringWithHeader .TableRow .BottomCell {display:table-cell; vertical-align:bottom; height:1px;} .GridStackParentView .grid-stack-item .grid-stack-item-content.Text { padding:11px 13px 0px 13px;} .GridStackParentView .grid-stack-item .grid-stack-item-content.Text h2 {font-size:17px;} .GridStackParentView .grid-stack-item .grid-stack-item-content.Text p {font-size:12px; line-height:1.6em; margin-bottom:0px;} .GridStackParentView .grid-stack-item .grid-stack-item-content.Text .BottomCover {position:absolute; bottom:0px; left:1px; width:calc(100% - 2px); height:4px; background-color:#fff;} .GridStackParentView .Infos {display:table; width:100%;} .GridStackParentView .Infos .Line {display:table-cell; width:10px; height:100%; background:#b3c135;} .GridStackParentView .Infos .Desc {padding-left:25px;} .GridStackParentView .Infos .Desc .Name {font-size:48px; font-size:2.9vw; line-height:1.1em; font-weight:700; color:#000000; margin-bottom:3px;} .GridStackParentView .Infos .Desc .Date {font-size:15px; line-height:1.2em; font-weight:400; color:#000000;} .GridStackParentView .Charts {} .GridStackParentView .Charts .List {display:table; width:100%;} .GridStackParentView .Charts .List .Item {display:table-cell; vertical-align:top; /*width:25%;*/ text-align:center;} .GridStackParentView .Charts .List .Item.Size1 {display:table-cell; vertical-align:top; width:100%; text-align:center;} .GridStackParentView .Charts .List .Item.Size2 {display:table-cell; vertical-align:top; width:50%; text-align:center;} .GridStackParentView .Charts .List .Item.Size3 {display:table-cell; vertical-align:top; width:33.3%; text-align:center;} .GridStackParentView .Charts .List .Item.Size4 {display:table-cell; vertical-align:top; width:25%; text-align:center;} .GridStackParentView .Charts .List .Item.Size5 {display:table-cell; vertical-align:top; width:20%; text-align:center;} .GridStackParentView .Charts .List .Item.Size6 {display:table-cell; vertical-align:top; width:16.7%; text-align:center;} .GridStackParentView .Charts .List .Item.Size7 {display:table-cell; vertical-align:top; width:14.3%; text-align:center;} .GridStackParentView .Charts .List .Item.Size8 {display:table-cell; vertical-align:top; width:12.5%; text-align:center;} .GridStackParentView .Charts .List .Item .Graph {position:relative; max-width:110px; display:inline-block;} .GridStackParentView .Charts .List .Item .Graph .Circle {position:absolute; top:0px; right:0px; font-size:13px; line-height:36px; font-weight:400; color:#ffffff; min-width:37px; height:37px; padding:2px; border-radius:50%; text-align:center; background:#b3c135;} .GridStackParentView .Charts .List .Item .Graph .Txt {font-size:24px; font-weight:700; color:#000000; position:absolute; top:50%; left:0px; width:100%; text-align:center; margin-top:-15px;} .GridStackParentView .Charts .List .Item .Graph .Txt sup {font-size:16px;} .GridStackParentView .Charts .List .Item .Graph .ct-chart_01 {width:110px; height:110px;} .GridStackParentView .Charts .List .Item .Graph .ct-chart_02 {width:110px; height:110px;} .GridStackParentView .Charts .List .Item .Graph .ct-chart_03 {width:110px; height:110px;} .GridStackParentView .Charts .List .Item .Graph .ct-chart_04 {width:110px; height:110px;} .GridStackParentView .Charts .List .Item .Graph .ct-chart_05 {width:110px; height:110px;} .GridStackParentView .Charts .List .Item .Graph .ct-chart_06 {width:110px; height:110px;} .GridStackParentView .Charts .List .Item .Graph .ct-chart_07 {width:110px; height:110px;} .GridStackParentView .Charts .List .Item .Graph .ct-chart_08 {width:110px; height:110px;} .GridStackParentView .Charts .List .Item .Label {font-size:13px; line-height:1.3em; font-weight:400; color:#000000; display:block; margin-left:2px; margin-right:2px;} .GridStackParentView .Engagement {} .GridStackParentView .Engagement .Title {font-size:20px; line-height:1.2em; font-weight:800; color:#000000; letter-spacing:3px; margin-bottom:0px; text-transform:uppercase;} .GridStackParentView .Engagement .BigNbre {font-size:110px; font-weight:700; color:#b3c135; text-align:center; margin-top:-6px;} .GridStackParentView .Engagement .BigNbre sup {font-size:80px;} .GridStackParentView .Engagement .Difference {text-align:center;} .GridStackParentView .Engagement .Difference .Label {font-size:14px; line-height:35px; font-weight:400; color:#000000; display:inline-block; vertical-align:top;} .GridStackParentView .Engagement .Difference .Item {display:inline-block; padding-left:10px;} .GridStackParentView .Engagement .Difference .Item .Table {display:table;} .GridStackParentView .Engagement .Difference .Item .Table .Col {display:table-cell;} .GridStackParentView .Engagement .Difference .Item .Table .Col .Circle {font-size:12px; line-height:35px; font-weight:400; color:#ffffff; min-width:35px; height:35px; border-radius:50%; text-align:center; background:#356576; padding:2px;} .GridStackParentView .Engagement .Difference .Item .Table .Col .Txt {font-size:14px; line-height:1.3em; font-weight:400; color:#000000; padding-left:4px;} .GridStackParentView .grid-stack-item[data-gs-height="1"] .Engagement .BigNbre {font-size:80px;} .GridStackParentView .grid-stack-item[data-gs-height="1"] .Engagement .BigNbre sup {font-size:60px;} .GridStackParentView .Variance .Title {font-size:20px; line-height:1.2em; font-weight:800; color:#000000; letter-spacing:3px; margin-bottom:0px; text-transform:uppercase;} .GridStackParentView .Variance .Chart {width:100%; padding:0px 0px 0px 0px;} .GridStackParentView .Variance .Chart .big-ct-chart {width:100%; height:260px;} .GridStackParentView .Variance .Wrapper {text-align:center;} .GridStackParentView .Variance .Wrapper .Item {display:inline-block; padding-left:20px;} .GridStackParentView .Variance .Wrapper .Item .Table {display:table;} .GridStackParentView .Variance .Wrapper .Item .Table .Col {display:table-cell; vertical-align:middle;} .GridStackParentView .Variance .Wrapper .Item .Table .Col .Circle {width:20px; height:20px; border-radius:50%; text-align:center; background:#356576;} .GridStackParentView .Variance .Wrapper .Item .Table .Col .Txt {font-size:15px; line-height:1.3em; font-weight:400; color:#000000; padding-left:6px;} .GridStackParentView .grid-stack-item[data-gs-height="1"] .Variance .Chart .big-ct-chart {height:125px;} .GridStackParentView .TopBottom .Title {font-size:20px; line-height:1.2em; font-weight:800; color:#000000; letter-spacing:3px; margin-bottom:0px; text-transform:uppercase;} .GridStackParentView .TopBottom .Row {display:table; width:100%; padding-top:10px;} .GridStackParentView .TopBottom .Row .Nbre {display:table-cell; vertical-align:top; font-size:16px; font-weight:700; color:#b3c135; width:32px; text-align:left;} .GridStackParentView .TopBottom .Row .Txt {display:table-cell; vertical-align:top; font-size:15px; line-height:1.2em; font-weight:400; text-align:left; color:#000000;} .GridStackParentView .TopBottom .Row .Pourcentage {display:table-cell; vertical-align:top; font-size:23px; font-weight:700; color:#b3c135; width:60px; text-align:right; padding-left:10px;} .GridStackParentView .TopBottom .Row .Pourcentage sup {font-size:16px; line-height:normal;} .GridStackParentView .Loading {font-size:16px; line-height:1.2em; font-weight:800; color:#000000; letter-spacing:3px; margin:0px 0px 0px 0px; text-transform: uppercase; } #QuestionFields table {width:100%; font-size:15px; margin-bottom:30px;} #QuestionFields table th {text-align:left; padding-right:10px; box-sizing:border-box;} #QuestionFields table td {padding-top:10px;} #QuestionFields table td input {margin-right:5px;} #QuestionFields .CheckTxtTable {display:table;} #QuestionFields .CheckTxtTable .CheckCell {display:table-cell; vertical-align:middle;} #QuestionFields .CheckTxtTable .TxtCell {display:table-cell; vertical-align:middle; padding:0px 10px 1px 5px; box-sizing:border-box;} #QuestionFields td.CommentsFormTickAll {text-align:center; vertical-align: middle;} #QuestionFields td.CommentsFormTickAll .AccessItemButtons {margin-right:20%;} #QuestionFields td.CommentsFormTickAll a {width:38px;} #QuestionFields td.CommentsFormQuestions {text-align:center; vertical-align: middle;} #QuestionFields td.CommentsFormQuestions input {margin-right:20%; -ms-transform: scale(1.3); /* IE */-moz-transform: scale(1.3); /* FF */-webkit-transform: scale(1.3); /* Safari and Chrome */-o-transform: scale(1.3); /* Opera */transform: scale(1.3); padding: 10px;} .CommentCheckLabel {display:table; width:100%; margin-bottom:5px;} .CommentCheckLabel .CheckCell {display:table-cell; vertical-align:middle; width:30px;} .CommentCheckLabel .LabelCell {display:table-cell; vertical-align:middle; color:#666666; font-size:13px; padding-bottom:3px;} table.BestTable {width:100%; font-size:15px; margin-bottom:30px; text-align:left;} table.BestTable th {padding:10px; border-right: 1px dashed #cccccc; border-bottom: 1px dashed #cccccc;} table.BestTable td {padding:10px; border-right: 1px dashed #cccccc; border-bottom: 1px dashed #cccccc;} /* two columns layout changes between 1025px and 1300px */ @media screen and (min-width:1025px) and (max-width:1300px) { .GridStackParentView .grid-stack-item[data-gs-height="1"] .Variance .Chart .big-ct-chart {height:103px;} } /* two columns layout changes between 1025px and 1199px (pdf is set to 1200px so this does not apply) */ @media screen and (min-width:1025px) and (max-width:1199px) { .GridStackParentView .Charts .List .Item .Graph .ct-chart_01 {width:90px; height:90px;} .GridStackParentView .Charts .List .Item .Graph .ct-chart_02 {width:90px; height:90px;} .GridStackParentView .Charts .List .Item .Graph .ct-chart_03 {width:90px; height:90px;} .GridStackParentView .Charts .List .Item .Graph .ct-chart_04 {width:90px; height:90px;} .GridStackParentView .Charts .List .Item .Graph .ct-chart_05 {width:90px; height:90px;} .GridStackParentView .Charts .List .Item .Graph .ct-chart_06 {width:90px; height:90px;} .GridStackParentView .Charts .List .Item .Graph .ct-chart_07 {width:90px; height:90px;} .GridStackParentView .Charts .List .Item .Graph .ct-chart_08 {width:90px; height:90px;} .GridStackParentView .Charts .List .Item .Label {font-size:12px;} .GridStackParentView .Charts .List .Item .Graph .Txt {font-size:19px; margin-top:-11px;} .GridStackParentView .Charts .List .Item .Graph .Txt sup {font-size:14px;} .GridStackParentView .Charts .List .Item .Graph .Circle {font-size:12px; width:35px; height:35px;} .GridStackParentView .grid-stack-item[data-gs-height="1"] .Engagement .BigNbre {font-size:70px;} .GridStackParentView .grid-stack-item[data-gs-height="1"] .Engagement .BigNbre sup {font-size:50px;} } @media screen and (min-width:1025px) and (max-width:1150px) { .GridStackParentView .TopBottom .Row {padding-top:6px;} .GridStackParentView .TopBottom .Row .Txt {line-height:1.1em;} } /* single column layout below, no vertical limit */ .GridStackParentView .grid-stack.grid-stack-one-column-mode > .grid-stack-item > .grid-stack-item-content {position:relative; left:0px; right:0px;} .GridStackParentView .grid-stack.grid-stack-one-column-mode > .grid-stack-item {height:auto; margin-bottom:60px; border-left:none;} .GridStackParentView .grid-stack.grid-stack-one-column-mode > .grid-stack-item::after {left:0; width:100%;} @media screen and (max-width:1024px) { /* 1024 as in js code gridstack options for single column */ .GridStackParentView {width:100%; left:0px;} .GridStackParentView .Engagement .BigNbre {font-size:110px; margin-top:10px; margin-bottom:10px;} .GridStackParentView .Engagement .BigNbre sup {font-size:80px;} .GridStackParentView .grid-stack-item[data-gs-height="1"] .Engagement .BigNbre {font-size:110px; margin-top:10px; margin-bottom:10px;} .GridStackParentView .grid-stack-item[data-gs-height="1"] .Engagement .BigNbre sup {font-size:80px;} .GridStackParentView .Variance .Chart .big-ct-chart {margin-top:15px; margin-bottom:15px;} .SectionC.MaxEight .ContentC .Row .Desc {width:100%;} .SectionC .ContentC .Row .Desc .QBlockTable {display:block;} .SectionC .ContentC .Row .Desc .QBlockTable .LeftCell {display:block; width:100%;} .SectionC .ContentC .Row .Desc .QBlockTable .RightCell {display:none;} .SectionC .ContentC .Row .Stat .Block .StatRow.LabelRow {display:table-row;} } /***** Gridstack view - END *****/ /* copy to report.css after change - END */ /* Comparison */ .Comparison {} .Comparison .Infos {display:table; width:100%; margin-bottom:40px;} .Comparison .Infos .Line {display:table-cell; width:10px; height:100%; background:#b3c135;} .Comparison .Infos .Desc {padding-left:30px;} .Comparison .Infos .Desc .Name {font-size:56px; line-height:1.3em; font-weight:700; color:#000000;} .Comparison .Infos .Desc .Date {font-size:15px; line-height:1.3em; font-weight:400; color:#000000;} .Comparison .SectionComp {padding-bottom:40px;} .Comparison .SectionComp:last-child {padding-bottom:0px;} .Comparison .SectionComp .HeadComp {display:table; width:100%; border-bottom:1px solid #000; padding-bottom:10px; position:relative;} .Comparison .SectionComp .HeadComp .Title {display:table-cell; width:40%; vertical-align:bottom; font-size:20px; line-height:1.3em; font-weight:800; color:#000000; letter-spacing:3px; margin-bottom:0px; text-transform:uppercase;} .Comparison .SectionComp .HeadComp .Title .SubText {text-align:left; font-size:12px; font-weight:normal; line-height:1.3rem; padding-top:5px; color:#a9a9a9; text-transform:uppercase; letter-spacing:1px;} .Comparison .SectionComp .HeadComp .TitleTxt {display:table-cell; width:97%; vertical-align:bottom; font-size:20px; line-height:1.3em; font-weight:800; color:#000000; letter-spacing:3px; margin-bottom:0px; text-transform:uppercase;} .Comparison .SectionComp .HeadComp .TitleThemes {display:table-cell; width:67%; vertical-align:bottom; font-size:20px; line-height:1.3em; font-weight:800; color:#000000; letter-spacing:3px; margin-bottom:0px; text-transform:uppercase;} .Comparison .SectionComp .HeadComp .Mentions {display:table-cell; width:15%; vertical-align:bottom; font-size:15px; line-height:1.3em; font-weight:400; color:#000000; text-align:center;} .Comparison .SectionComp .HeadComp .Pourcentage {display:table-cell; width:15%; vertical-align:bottom; font-size:15px; line-height:1.3em; font-weight:400; color:#000000; text-align:center;} .Comparison .SectionComp .HeadComp .Stat {display:table-cell; width:57%; vertical-align:bottom; text-align:center;} .Comparison .SectionComp .HeadComp .Stat .Block {display:table; width:100%;} .Comparison .SectionComp .HeadComp .Stat .Block .Cell {display:table-cell; vertical-align:bottom; width:10%; position:relative;} .Comparison .SectionComp .HeadComp .Stat .Block .Cell .Txt {font-size:12px; font-weight:400; color:#000000; padding-bottom:5px;} .Comparison .SectionComp .HeadComp .Stat .Block .Cell .Circle {min-width:54px; height:54px; border-radius:50%; padding:2px; background-color:#346576; display:inline-block;} .Comparison .SectionComp .HeadComp .Stat .Block .Cell .Circle .Nbre {font-size:12px; line-height:54px; font-weight:800; color:#fff; text-align:center;} .Comparison .SectionComp .HeadComp .Stat .Block .Cell .Circle .Nbre sup {font-size:10px; line-height:normal;} .Comparison .SectionComp .HeadComp .Stat .Block .Cell .Shift {position:absolute; bottom:0px; right:5%; font-size:10px; line-height:27px; font-weight:400; color:#ffffff; min-width:28px; height:28px; padding:2px; border-radius:50%; text-align:center; background:#b3c135;} .Comparison .SectionComp .HeadComp .Stat .Block .Cell .OverallShift {position:absolute; bottom:-2px; right:-5%; font-size:10px; line-height:27px; font-weight:400; color:#ffffff; min-width:28px; height:28px; padding:2px; border-radius:50%; text-align:center; background:#b3c135; border-style:solid; border-color: black;} .Comparison .SectionComp .HeadComp .Stat .Block .Cell .HideTxt {display:none; font-size:15px; font-weight:400; color:#000000; padding-left:5px;} .Comparison .SectionComp .HeadComp .StatHide {display:none;} .Comparison .SectionComp .HeadComp .StatHide .Block {display:block; padding:10px 0px 0px 0px;} .Comparison .SectionComp .HeadComp .StatHide .Block .Cell {display:inline-block; padding:0px 20px 10px 0px;} .Comparison .SectionComp .HeadComp .StatHide .Block .Cell .Nbre {display:inline-block; font-size:15px; font-weight:800; color:#000000;} .Comparison .SectionComp .HeadComp .StatHide .Block .Cell .Nbre sup {font-size:10px; line-height:normal;} .Comparison .SectionComp .HeadComp .StatHide .Block .Cell .Shift {display:inline-block; font-size:10px; line-height:20px; font-weight:400; color:#ffffff; min-width:20px; height:20px; border-radius:50%; text-align:center; background:#b3c135;} .Comparison .SectionComp .HeadComp .StatHide .Block .Cell .OverallShift {display:inline-block; font-size:10px; line-height:20px; font-weight:400; color:#ffffff; min-width:20px; height:20px; border-radius:50%; text-align:center; background:#b3c135; border-style:solid; border-color: black;} .Comparison .SectionComp .HeadComp .StatHide .Block .Cell .Txt {display:inline-block; font-size:12px; font-weight:400; color:#000000; padding-left:3px;} .Comparison .SectionComp .HeadComp .Space {display:table-cell; width:3%; vertical-align:bottom; text-align:right;} .Comparison .SectionComp .HeadComp .Space .BtnOpenClose {cursor:pointer; display:inline-block;} .Comparison .SectionComp .HeadComp .Space .BtnOpenClose .Icon_OpenClose_01 {display:block; width:22px; height:22px; background:url(/Content/Images/Icon_OpenClose_01.png) no-repeat center; background-size:cover;} .Comparison .SectionComp .HeadComp .Space .BtnOpenClose .Icon_OpenClose_02 {display:none; width:22px; height:22px; background:url(/Content/Images/Icon_OpenClose_02.png) no-repeat center; background-size:cover;} .Comparison .SectionComp .ContentComp {display:none;} .Comparison .SectionComp .ContentComp .Row {display:table; width:100%; padding-top:20px;} .Comparison .SectionComp .ContentComp .Row .Desc {display:table-cell; width:40%; text-align:left;} .Comparison .SectionComp .ContentComp .Row .Desc .Block {display:table; width: 100%;} .Comparison .SectionComp .ContentComp .Row .Desc .Block .LeftCell {display:table-cell; vertical-align:top; width:220px;} .Comparison .SectionComp .ContentComp .Row .Desc .Block .RightCell {display:table-cell; vertical-align:top; width:120px; text-align:right; padding-left:10px; box-sizing:border-box;} .Comparison .SectionComp .ContentComp .Row .Desc .RatingTable {display:table; width:100%; color:#000000; padding-top: 16px;} .Comparison .SectionComp .ContentComp .Row .Desc .RatingTable .Row {display:table-row;} .Comparison .SectionComp .ContentComp .Row .Desc .RatingTable .Row.Hdr .Cell {font-size:15px; white-space:inherit;} .Comparison .SectionComp .ContentComp .Row .Desc .RatingTable .Cell {display:table-cell; vertical-align:middle; height:28px; font-size:10px; white-space:nowrap; padding:0px 5px 0px 0px; box-sizing:border-box;} .Comparison .SectionComp .ContentComp .Row .Desc .Block .Nbre {display:table-cell; width:40px; font-size:15px; font-weight:700; color:#b3c135;} .Comparison .SectionComp .ContentComp .Row .Desc .Block .Txt {display:table-cell; vertical-align:middle; font-size:15px; line-height:1.3em; color:#000; padding-right:40px;} .Comparison .SectionComp .ContentComp .Row .Stat {display:table-cell; width:57%; vertical-align:top; text-align:center;} .Comparison .SectionComp .ContentComp .Row .Stat .Block {display:table; width:100%;} .Comparison .SectionComp .ContentComp .Row .Stat .Block .StatRow {display:table-row;} .Comparison .SectionComp .ContentComp .Row .Stat .Block .Cell {display:table-cell; vertical-align:middle; height: 28px; padding: 5px; box-sizing: border-box; width: 16.66%;} .Comparison .SectionComp .ContentComp .Row .Stat .Block .Cell .MiniFont {font-size:10px; font-weight:800; color:#000000;} .Comparison .SectionComp .ContentComp .Row .Stat .Block .Cell .Nbre {display:inline-block; vertical-align:middle; font-size:15px; font-weight:800; color:#000000;} .Comparison .SectionComp .ContentComp .Row .Stat .Block .Cell .Nbre sup {font-size:10px; line-height:normal;} .Comparison .SectionComp .ContentComp .Row .Stat .Block .Cell .Shift {display:inline-block; font-size:10px; line-height:27px; font-weight:400; color:#ffffff; min-width:28px; height:28px; padding:2px; border-radius:50%; text-align:center; background:#b3c135;} .Comparison .SectionComp .ContentComp .Row .Stat .Block .Cell .OverallShift {display:inline-block; font-size:10px; line-height:27px; font-weight:400; color:#ffffff; min-width:28px; height:28px; padding:2px; border-radius:50%; text-align:center; background:#b3c135; border-style:solid; border-color: black;} .Comparison .SectionComp .ContentComp .Row .Stat .Block .Cell .Txt {display:none; font-size:12px; font-weight:400; color:#000000; padding-left:3px;} .Comparison .SectionComp .ContentComp .Row .Stat .Block.TopHdr {height:48px;} .Comparison .SectionComp .ContentComp .Row .TxtThemes {display:table-cell; width:67%; vertical-align:middle; text-align:left; font-size:15px; font-weight:400; color:#000000;} .Comparison .SectionComp .ContentComp .Row .Mentions {display:table-cell; width:15%; vertical-align:middle; text-align:center; font-size:15px; font-weight:800; color:#000000;} .Comparison .SectionComp .ContentComp .Row .Mentions span {display:none; font-size:12px; font-weight:400; color:#000000; padding-left:5px;} .Comparison .SectionComp .ContentComp .Row .Pourcentage {display:table-cell; width:15%; vertical-align:middle; text-align:center; font-size:15px; font-weight:800; color:#000000;} .Comparison .SectionComp .ContentComp .Row .Pourcentage sup {font-size:10px; line-height:normal;} .Comparison .SectionComp .ContentComp .Row .Space {display:table-cell; width:3%; vertical-align:middle; text-align:center;} /* Comments Report */ .CommentsReport {} .CommentsReport .Infos {display:table; width:100%; margin-bottom:40px;} .CommentsReport .Infos .Line {display:table-cell; width:10px; height:100%; background:#b3c135;} .CommentsReport .Infos .Desc {padding-left:30px;} .CommentsReport .Infos .Desc .Name {font-size:56px; line-height:1.3em; font-weight:700; color:#000000;} .CommentsReport .Infos .Desc .Date {font-size:15px; line-height:1.3em; font-weight:400; color:#000000;} .CommentsReport .SectionC .HeadC .Title {font-size:16px;} .CommentsReport .SectionC .HeadC .TitleTxt {font-size:16px;} .CommentsReport .SectionC .HeadC .TitleThemes {font-size:16px;} .CommentsReport .SectionC:last-child {padding-bottom:40px;} .CommentsReport .Introduction {margin-bottom:40px;} .CommentsReport .Introduction .Percentage {float:left; margin-bottom:40px;} .CommentsReport .Introduction .PercentTable {display:table; width:100%;} .CommentsReport .Introduction .PercentTable .Rating {display:table-cell; vertical-align:middle; width:175px;} .CommentsReport .Introduction .PercentTable .Labels {position:absolute; top:50%; left:55%; transform:translate(-50%, -50%); font-size:6.0em; font-weight:700; color:#000000; z-index:10;} .CommentsReport .Introduction .PercentTable .PercentSymbol {position:relative; bottom:25px; font-size:0.5em;} .CommentsReport .Introduction .PercentTable .TestPercentage {position:relative; display:inline-block; vertical-align:middle; width:170px;} .CommentsReport .Introduction .PercentTable .TestPercentage02 {position:relative; display:inline-block; vertical-align:middle; width:140px; height:140px; border:9px solid #c9c9c9; border-radius:50%; font-size:4.0em; font-weight:700; color:#000000; text-align:center; margin: 5px 0px 0px 5px;} .CommentsReport .Introduction .PercentTable .TestPercentage02 span {position:absolute; top:35%; left:0; width:140px;} .CommentsReport .Introduction .PercentTable .Txt {display:table-cell; vertical-align:middle; padding-left:25px; box-sizing:border-box;} .CommentsReport .Introduction .PercentTable .Line1 {font-size:1.9em; text-transform:uppercase; color:#000000; font-weight:800; letter-spacing:5px; margin-bottom:20px;} .CommentsReport .Introduction .PercentTable .Line2 {font-size:1.5em; color:#000000;} .CommentsReport .Introduction .PercentTable .Line3 {font-size:1.5em;} .CommentsReport .Introduction .Period {float:right; padding:12px 30px; border:1px solid #c9c9c9; margin-bottom:40px;} .CommentsReport .Introduction .Period .Txt {font-size:12px; line-height:1.8em; font-weight:400; color:#000000; letter-spacing:1px; text-transform:uppercase; text-align:center;} .CommentsReport .Introduction p {margin:0px 0px 20px 0px;} .CommentsReport .Introduction ul.QuestionList {margin:6px 10px 18px 13px;} .CommentsReport .Introduction ul.QuestionList li {display:block; font-size:16px; line-height:1.6em; font-weight:400; color:#000000; margin-left:10px; position:relative; padding-left:35px;} .CommentsReport .Introduction ul.QuestionList li span {position:absolute; top:0px; left:0px; margin-right:10px;} .CommentsReport .ThemeTable {} .CommentsReport .ThemeTable .Question {font-size:16px; line-height:1.3em; font-weight:700; color:#000000; margin-bottom:40px; position:relative; padding-left:35px;} .CommentsReport .ThemeTable .Question .Nbre {margin-right:20px; position:absolute; top:0px; left:0px;} .CommentsReport .ThemeTable .Question .Comments {margin-left:10px; font-weight:400;} .CommentsReport .ThemeTable p {margin:0px 0px 20px 0px;} .CommentsReport .VerbatimComments .HeadVC {display:table; width:100%; position:relative;} .CommentsReport .VerbatimComments .HeadVC .TitleTxt {display:table-cell; width:97%; vertical-align:bottom; font-size:15px; line-height:1.3em; font-weight:700; color:#666666; margin-bottom:0px;} .CommentsReport .VerbatimComments .HeadVC .Space {display:table-cell; width:3%; vertical-align:bottom; text-align:right;} .CommentsReport .VerbatimComments .HeadVC .Space .BtnOpenClose {cursor:pointer; display:inline-block;} .CommentsReport .VerbatimComments .HeadVC .Space .BtnOpenClose .Icon_OpenCloseVC_01 {display:block; width:22px; height:22px; background:url(/Content/Images/Icon_OpenClose_01.png) no-repeat center; background-size:cover; opacity:0.5;} .CommentsReport .VerbatimComments .HeadVC .Space .BtnOpenClose .Icon_OpenCloseVC_02 {display:none; width:22px; height:22px; background:url(/Content/Images/Icon_OpenClose_02.png) no-repeat center; background-size:cover; opacity:0.5;} .CommentsReport .ThemeTable ul.CommentList {width:100%; display:flex; flex-wrap:wrap; text-align:left; margin:0px 0px 40px 16px;} .CommentsReport .ThemeTable ul.CommentList li {font-size:15px; line-height:1.6em; margin:0px; padding:0px; width:50%; box-sizing:border-box; padding-right:40px;} .SmallSectC {margin-bottom:30px;} .SmallSectC .HeadC {width:100%; margin:0px;} .SmallSectC .HeadC .InnerC {display:inline-block; vertical-align:top; padding:0px; margin:0px 3% 0px 0px; width:31%; box-sizing:border-box;} .SmallSectC .HeadC .InnerC:nth-child(3n+3) {margin:0px;} .SmallSectC .HeadC .InnerC .Row {display:table; width:100%; border-bottom:1px solid #000; padding-bottom:10px; margin-bottom:10px; position:relative;} .SmallSectC .HeadC .InnerC .Row .TitleThemes {display:table-cell; width:50%; vertical-align:bottom; font-size:16px; line-height:1.3em; font-weight:800; color:#000000; letter-spacing:3px; margin-bottom:0px; text-transform:uppercase;} .SmallSectC .HeadC .InnerC .Row .Mentions {display:table-cell; width:25%; vertical-align:bottom; font-size:12px; line-height:1.3em; font-weight:400; color:#000000; text-align:center;} .SmallSectC .HeadC .InnerC .Row .Sentiments {display:table-cell; width:25%; vertical-align:bottom; font-size:12px; line-height:1.3em; font-weight:400; color:#000000; text-align:center;} .SmallSectC .HeadC .BtnOpenClose {cursor:pointer; position:absolute; top:0px; right:0px; } .SmallSectC .HeadC .BtnOpenClose .Icon_OpenClose_01 {display:block; width:22px; height:22px; background:url(/Content/Images/Icon_OpenClose_01.png) no-repeat center; background-size:cover;} .SmallSectC .HeadC .BtnOpenClose .Icon_OpenClose_02 {display:none; width:22px; height:22px; background:url(/Content/Images/Icon_OpenClose_02.png) no-repeat center; background-size:cover;} .SmallSectC .ContentC {width:100%; margin:0px; display:none;} .SmallSectC .ContentC .InnerC {display:inline-block; vertical-align:top; padding:0px; margin:0px 3% 0px 0px; width:31%; box-sizing:border-box;} .SmallSectC .ContentC .InnerC:nth-child(3n+3) {margin:0px;} .SmallSectC .ContentC .InnerC .Row {display:table; width:100%; padding-top:5px;} .SmallSectC .ContentC .InnerC .Row .TxtThemes {display:table-cell; width:50%; vertical-align:Top; text-align:left; font-size:15px; font-weight:400; color:#000000;} .SmallSectC .ContentC .InnerC .Row .Mentions {display:table-cell; width:25%; vertical-align:Top; text-align:center; font-size:15px; font-weight:800; color:#000000;} .SmallSectC .ContentC .InnerC .Row .Mentions span {display:none; font-size:12px; font-weight:400; color:#000000; padding-left:5px;} .SmallSectC .ContentC .InnerC .Row .Sentiments {display:table-cell; width:25%; vertical-align:Top; text-align:center; font-size:15px; font-weight:800; color:#000000;} .SmallSectC .ContentC .InnerC .Row .Sentiments span {display:none; font-size:12px; font-weight:400; color:#000000; padding-left:5px;} .SmallSectC .ContentC .InnerC .Row .Sentiments span.Plus {display:inline-block; width:27px; height:18px; background-image:url(/Content/Images/Icon_Circle_Positive.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; padding:0px;} .SmallSectC .ContentC .InnerC .Row .Sentiments span.Minus {display:inline-block; width:27px; height:18px; background-image:url(/Content/Images/Icon_Circle_Negative.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; padding:0px;} .SmallSectC .ContentC .InnerC .Row .Sentiments span.Neutral {display:inline-block; width:27px; height:18px; background-image:url(/Content/Images/Icon_Circle_Neutral.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; padding:0px;} .SmallSectC .ContentC .InnerC .Row .Sentiments span.Unassigned {display:inline-block; width:27px; height:18px; background-image:url(/Content/Images/Icon_Circle_Unassigned.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; padding:0px;} .CommentsReport .VerbatimComments {} .CommentsReport .VerbatimComments .Question {font-size:16px; line-height:1.3em; font-weight:700; color:#000000; margin-bottom:20px; margin-top:40px; padding-left:35px; position:relative;} .CommentsReport .VerbatimComments .Question .Nbre {margin-right:20px; position:absolute; top:0px; left:0px;} .CommentsReport .VerbatimComments .Question .Comments {margin-left:10px; font-weight:400;} .CommentsReport ol.ListVC {} .CommentsReport ol.ListVC li {font-size:15px; line-height:1.3em; font-weight:400; color:#666666; padding:10px 0px 0px 20px; margin:0px;} .CommentsReport ol.List2VC {width:100%; display:flex; flex-wrap:wrap; text-align:left; margin:0px; padding:0px 0px 0px 56px; box-sizing:border-box;} .CommentsReport ol.List2VC li {font-size:15px; line-height:1.3em; font-weight:400; color:#666666; margin:0px; padding:10px 40px 0px 20px; width:33.33%; box-sizing:border-box;} .CommentsReport .CommentInfoTable {display:table;} .CommentsReport .CommentInfoTable .InfoCell {display:table-cell; padding-right:20px; box-sizing:border-box;} .CommentsReport .CommentInfoTable .DeleteCell {display:table-cell;} .CommentsReport .CommentInfoTable .DeleteCell img {width:10px; border-radius:50%; border:1px solid #000000; padding:3px; top:4px; position:relative;} .CommentsReport .CommentInfoTable .DeleteRowTable {display:table;} .CommentsReport .CommentInfoTable .DeleteRowTable .BtnCell {display:table-cell; vertical-align:middle; padding:0px 10px 0px 0px;} .CommentsReport .CommentInfoTable .DeleteRowTable .InfoCell {display:table-cell; vertical-align:middle; color:#ff0000; padding:0px 0px 3px 0px;} .CommentsReport .CommentInfoTable span {padding-bottom:3px;} .SectionVC {margin-bottom:20px; padding-left:35px;} .SectionVC:last-child {margin-bottom:0px;} .SectionVC .HeadVC {display:table; width:100%; position:relative;} .SectionVC .HeadVC .TitleTxt {display:table-cell; width:97%; vertical-align:bottom; font-size:15px; line-height:1.3em; font-weight:700; color:#666666; margin-bottom:0px;} .SectionVC .HeadVC .Space {display:table-cell; width:3%; vertical-align:bottom; text-align:right;} .SectionVC .HeadVC .Space .BtnOpenClose {cursor:pointer; display:inline-block;} .SectionVC .HeadVC .Space .BtnOpenClose .Icon_OpenCloseVC_01 {display:block; width:22px; height:22px; background:url(/Content/Images/Icon_OpenClose_01.png) no-repeat center; background-size:cover; opacity:0.5;} .SectionVC .HeadVC .Space .BtnOpenClose .Icon_OpenCloseVC_02 {display:none; width:22px; height:22px; background:url(/Content/Images/Icon_OpenClose_02.png) no-repeat center; background-size:cover; opacity:0.5;} .SectionVC .ContentVC {display:none; padding-left:5px;} .SectionVC2 {} .SectionVC2:last-child {margin-bottom:0px;} .SectionVC2 .HeadVC2 {display:table; width:100%; position:relative;} .SectionVC2 .HeadVC2 .TitleTxt {display:table-cell; width:97%; vertical-align:bottom; font-size:15px; line-height:1.3em; font-weight:700; color:#666666; margin-bottom:0px;} .SectionVC2 .HeadVC2 .TitleTxt02 {display:table-cell; width:97%; vertical-align:bottom; font-size:15px; line-height:1.3em; font-weight:700; color:#000000; margin-bottom:0px; padding-top: 20px;} .SectionVC2 .HeadVC2 .TitleTxt02 .Theme02Table {display:table;} .SectionVC2 .HeadVC2 .TitleTxt02 .Theme02Table .Theme02Cell01 {display:table-cell; vertical-align:top; width:40px;} .SectionVC2 .HeadVC2 .TitleTxt02 .Theme02Table .Theme02Cell02 {display:table-cell; vertical-align:middle;} .SectionVC2 .HeadVC2 .TitleTxt02.HalfCell {width:50%;} .SectionVC2 .HeadVC2 .TitleTxtAnalytics {display:table-cell; width:50%; vertical-align:bottom; font-size:15px; line-height:1.3em; font-weight:700; color:#666666; margin-bottom:0px;} .SectionVC2 .HeadVC2 .TitleTxtAnalytics02 {display:table-cell; width:50%; vertical-align:bottom; font-size:16px; line-height:1.3em; font-weight:700; color:#000000; margin-bottom:0px; padding-top: 20px;} .SectionVC2 .HeadVC2 .TitleTxtAnalytics02 .Theme02Table {display:table;} .SectionVC2 .HeadVC2 .TitleTxtAnalytics02 .Theme02Table .Theme02Cell01 {display:table-cell; vertical-align:top; width:40px;} .SectionVC2 .HeadVC2 .TitleTxtAnalytics02 .Theme02Table .Theme02Cell02 {display:table-cell; vertical-align:middle;} .SectionVC2 .HeadVC2 .Space {display:table-cell; width:3%; vertical-align:bottom; text-align:right;} .SectionVC2 .HeadVC2 .Space .BtnOpenClose {cursor:pointer; display:inline-block;} .SectionVC2 .HeadVC2 .Space .BtnOpenClose .Icon_OpenCloseVC2_01 {display:block; width:22px; height:22px; background:url(/Content/Images/Icon_OpenClose_01.png) no-repeat center; background-size:cover; opacity:0.5;} .SectionVC2 .HeadVC2 .Space .BtnOpenClose .Icon_OpenCloseVC2_02 {display:none; width:22px; height:22px; background:url(/Content/Images/Icon_OpenClose_02.png) no-repeat center; background-size:cover; opacity:0.5;} .SectionVC2 .SectionQTable {display:table; width:100%;} .SectionVC2 .SectionQTable .QuestionCell {display:table-cell; vertical-align:middle; width:50%;} .SectionVC2 .SectionQTable .AnswerCell {display:table-cell; vertical-align:middle; width:10%; font-size:15px; line-height:1.3em; font-weight:400; color:#000000; text-align:center;} .SectionVC2 .SectionQTable .SpacerCell {display:table-cell; vertical-align:middle; width:22px; min-width:22px; max-width:22px;} .SectionVC2 .ContentVC2 {display:none; padding-left:5px;} /* Headline Table */ .BtnHide {} .BtnHide a, .BtnHide input, .BtnHide button {display:inline-block; min-width:125px; font-size:10px; font-weight:400; line-height:1.0em; color:#000000; letter-spacing:2px; text-align:center; width:100%; border:1px solid #c9c9c9; border-radius:0px; background:#ffffff; padding:10px 0px; cursor:pointer; text-transform:uppercase; text-decoration:none; -webkit-appearance:none; font-family:Arial, Helvetica, Verdana; transition:background .3s ease-out;} .BtnHide a:hover, .BtnHide input:hover, .BtnHide button:hover {background:#c9c9c9;} .BtnVertHide {display:block; transform-origin:bottom; white-space:nowrap; width:25px; transform:rotate(-90deg) translateY(0%) translateX(-135%); margin: 0px 0px 0px 5px;} .BtnVertHide a, .BtnVertHide input, .BtnVertHide button {font-size:10px; font-weight:400; line-height:1.0em; color:#000000; letter-spacing:2px; text-align:center; border:1px solid #c9c9c9; border-radius:0px; background:#ffffff; padding:10px 15px; cursor:pointer; text-transform:uppercase; text-decoration:none; -webkit-appearance:none; font-family:Arial, Helvetica, Verdana; transition:background .3s ease-out;} .BtnVertHide a:hover, .BtnVertHide input:hover, .BtnVertHide button:hover {background:#c9c9c9;} .BtnHidden {display:inline-block; margin-left:10px;} .BtnHidden a, .BtnHidden input, .BtnHidden button {display:inline-block; font-size:10px; font-weight:400; line-height:1.0em; color:#000000; letter-spacing:2px; text-align:center; width:auto; border:1px solid #c9c9c9; border-radius:0px; background:url(/Content/Images/Icon_Hidden_Cross.png) no-repeat right #ffffff; background-size:30px; padding:10px 35px 10px 15px; cursor:pointer; text-transform:uppercase; text-decoration:none; -webkit-appearance:none; font-family:Arial, Helvetica, Verdana; transition:background .3s ease-out;} .BtnHidden a:hover, .BtnHidden input:hover, .BtnHidden button:hover {background:url(/Content/Images/Icon_Hidden_Cross.png) no-repeat right #c9c9c9; background-size:30px;} .HeadlineHidden {margin-bottom:30px;} .HeadlineHidden .TabHH {display:table; width:100%;} .HeadlineHidden .TabHH .CelHH {display:table-cell; vertical-align:top; width:50%; font-size:13px; font-weight:400; line-height:1.0em; color:#000000; letter-spacing:2px; text-transform:uppercase;} .ShowHiddenBlocks {display:table; width:100%;} .ShowHiddenBlocks .LabelCell {display:table-cell; vertical-align:top; padding-top:10px; width:170px;} .ShowHiddenBlocks .BlocksCell {display:table-cell; vertical-align:top; padding-right:15px; box-sizing:border-box;} .ShowHiddenBlocks .BtnHidden {margin-bottom:10px;} .HeadlineTable {overflow:auto;} .HeadlineTable.Hide {display:none;} .HeadlineTable .Table {display:table; width:100%; height:100%;} .HeadlineTable .Table .Row {display:table-row;} .HeadlineTable .Table .Row .Cell {display:table-cell; vertical-align:middle; text-align:center; border-right:1px dashed #cccccc; border-bottom:1px dashed #cccccc; padding:10px; box-sizing:border-box; position:relative;} .HeadlineTable .Table .Row .Cell.CellTop {display:table-cell; vertical-align:top; text-align:center; border-right:1px dashed #cccccc; border-bottom:1px dashed #cccccc; padding:10px; box-sizing:border-box; position:relative;} .HeadlineTable .Table .Row .Cell.HideDash {border:none;} .HeadlineTable .Table .Row .Cell.Hide {display:none;} .HeadlineTable .Table .Row.Hide {display:none;} .HeadlineTable .Head {font-size:15px; font-weight:400; line-height:1.0em; color:#000000; color:#666666;} .HeadlineTable .Rotate {-ms-transform:rotate(-90deg); -webkit-transform:rotate(-90deg); transform:rotate(-90deg);} .HeadlineTable .Title {font-size:15px; font-weight:800; line-height:1.0em; color:#000000; letter-spacing:2px; text-transform:uppercase;} .HeadlineTable .TitleLabel {font-size:15px; font-weight:700; line-height:1.2em; color:#000000; text-align:left;} .HeadlineTable .BottomLabel {font-size:12px; font-weight:400; line-height:1.0em; color:#000000; text-align:left; position:absolute; bottom:10px; left:0px;} .HeadlineTable .BottomLabel.SmallCell {font-size:12px; font-weight:400; line-height:1.0em; color:#000000; text-align:left; position: relative; margin: 20px 0px 0px 0px; padding: 0px 0px 0px 0px;} .HeadlineTable .Table .Row .Cell.JSColCorner {background-color:#fff; z-index:10; border-right-color:#fff; border-bottom-color:#fff;} .HeadlineTable .Table .Row .Cell.JSColTop {background-color:#f3f3f3; z-index:5;} .HeadlineTable .Table .Row .Cell.JSCol1 {background-color:#f3f3f3; z-index:5;} .HeadlineTable .Table .Row .Cell.JSCol2 {background-color:#f3f3f3; z-index:5;} .HeadlineTable .Table .Row .Cell.JSCol3 {background-color:#f3f3f3; z-index:5;} .HeadlineTable .Table .ColOverlay {position:absolute; top:0px; left:-500px; width:500px; height:100%; background-color:#fff;} /* not 100% height on IE11 */ .HeadlineTable .Table .ColTopOverlay {position:absolute; top:-1000px; left:0px; width:100%; height:1000px; background-color:#fff;} .HeadlineTable .TabLab {display:table; width:370px;} .HeadlineTable .TabLab .CelLab {display:table-cell; vertical-align:top; position:relative;} .HeadlineTable .TabLab .CelLab01 {width:220px;} .HeadlineTable .TabLab .CelLab02 {width:150px;} .HeadlineTable table {width:100%; font-size:15px; font-weight:400; line-height:0.9em; color:#000000; table-layout:fixed;} .HeadlineTable table sup {font-size:8px;} .HeadlineTable table tr {} .HeadlineTable table tr td {width:50px; height:40px; padding:5px 5px; position:relative; vertical-align:middle;} .HeadlineTable table tr td span {padding:1px 2px; border-radius:3px; white-space:normal;} .HeadlineTable table .Rotate {display:inline-block; transform-origin:bottom; white-space:nowrap; width:1px; position:absolute; bottom:0px; transform:rotate(-90deg) translateY(35%);} .HeadlineTable table .White {color:#ffffff;} .HeadlineTable table .Grey {color:#666666;} .HeadlineTable table .LightGrey {color:#a5a5a5;} .HeadlineTable table .Bold {font-weight:800;} .HeadlineTable table .MiniFont {font-size:12px;} .HeadlineTable table .MiniFont sup {font-size:6px;} .HeadlineTable table .SmallFont {font-size:13px; line-height:1.0em;} .HeadlineTable table .SmallFont sup {font-size:7px;} .HeadlineTable table .BigFont {font-size:20px;} .HeadlineTable table .BigFont sup {font-size:11px;} .HeadlineTable table .LeftSpace {padding-right:30px;} .HeadlineTable table.Heading {height:280px;} .HeadlineTable table.Subheading {margin-top:15px;} .HeadlineTable table.Subheading td.Subhead01 {background:#e4e4e4; font-size:11px; width:auto; height:auto; padding:10px 0px; text-transform:uppercase; letter-spacing:1px; border:1px solid #ffffff;} .HeadlineTable table.Subheading td.Subhead02 {background:#f2f2f2; font-size:11px; width:auto; height:auto; padding:10px 0px; border:1px solid #ffffff; color:#666666;} .HeadlineTable table.Label tr td {text-align:right;} .HeadlineTable table.FullWidth {width:370px;} .HeadlineFooter {padding-top:40px;} .HeadlineFooter table {font-size:15px; line-height:1.6em; padding-bottom:10px; color:#000000;} .HeadlineFooter table sup {font-size:8px;} .HeadlineFooter table td {padding:5px;} .HeadlineFooter table td:last-child {padding-left:20px;} .HeadlineFooter table td span {padding:1px 2px; border-radius:3px;} .HeadlineFooter .White {color:#ffffff;} .HeadlineFooter .Grey {color:#666666;} .HeadlineFooter .LightGrey {color:#a5a5a5;} .HeadlineFooter .Bold {font-weight:800;} .HeadlineFooter .MiniFont {font-size:12px;} .HeadlineFooter .MiniFont sup {font-size:6px;} .HeadlineFooter .SmallFont {font-size:13px;} .HeadlineFooter .SmallFont sup {font-size:7px;} .HeadlineFooter .BigFont {font-size:20px;} .HeadlineFooter .BigFont sup {font-size:11px;} /*.HeadlineEditTable {font-size:13px; font-weight:400; line-height:1.3em; color:#000000;} .HeadlineEditTable .BlockHeadlines {display:none;} .HeadlineEditTable .Table {display:table; width:100%; height:100%; table-layout:fixed;} .HeadlineEditTable .Table .Row {display:table-row;} .HeadlineEditTable .Table .Row .Cell {display:table-cell; vertical-align:middle; text-align:left; border-right:1px dashed #cccccc; border-bottom:1px dashed #cccccc; padding:0px; box-sizing:border-box; position:relative;} .HeadlineEditTable .Table .Row .Small {width:100px} .HeadlineEditTable .Table .Row .Cell .Inner {height:150px; overflow:auto; padding:10px;} .HeadlineEditTable .Table .Row .Cell .Inner.Empty {background-color:#ffdfdf;} .HeadlineEditTable .Table .Row .Cell.CellDelete {border-right:none; border-bottom:none; width:100px; width:180px; text-align:center;} .HeadlineEditTable .Table .TopRow {} .HeadlineEditTable .Table .TopRow .Cell {height:auto; padding:10px; text-transform:uppercase; letter-spacing:2px;} .HeadlineEditTable .BtnDelete {display:inline-block; float:none;}*/ .HeadlineEditTable {font-size:13px; font-weight:400; line-height:1.3em; color:#000000;} .HeadlineEditTable .BlockHeadlines {display:none;} .HeadlineEditTable .Table {display:table; width:100%; height:100%; table-layout:fixed; max-width:100%} .HeadlineEditTable .Table .Row {display:table-row; max-width: 100%} .HeadlineEditTable .Table .Row .Cell {display:table-cell; vertical-align:middle; text-align:left; border-right:1px dashed #cccccc; border-bottom:1px dashed #cccccc; padding:0px; box-sizing:border-box; position:relative; } .HeadlineEditTable .Table .Row .Small {width:100px} .HeadlineEditTable .Table .Row .Cell .Inner {height:150px; overflow:auto; padding:10px;} .HeadlineEditTable .Table .Row .Cell .Inner.Empty {background-color:#ffdfdf;} .HeadlineEditTable .Table .Row .Cell.CellDelete {border-right:none; border-bottom:none; width:100px; width:180px; text-align:center;} .HeadlineEditTable .Table .TopRow {} .HeadlineEditTable .Table .TopRow .Cell {height:auto; padding:10px; text-transform:uppercase; letter-spacing:2px; resize: horizontal; overflow: auto; min-width: 50px;} .HeadlineEditTable .Table .Row .Cell.CellDelete {border-right:none; border-bottom:none; width:100px; width:180px; text-align:center; resize: none;} .HeadlineEditTable .BtnDelete {display:inline-block; float:none;} .HeadlineEditTable .CheckTxtTable {display:table; padding:5px 0px; width:100%;} .HeadlineEditTable .CheckTxtTable .CheckCell {display:table-cell; vertical-align:middle;} .HeadlineEditTable .CheckTxtTable .TxtCell {display:table-cell; vertical-align:middle; padding:0px 10px 1px 10px; box-sizing:border-box;} .HeadlineEditTable .TitleLeft {float:left;} .HeadlineEditTable .Space {float:right;} .HeadlineEditTable .BtnOpenClose {cursor:pointer; display:inline-block;} .HeadlineEditTable .BtnOpenClose .Icon_OpenClose_01 {display:block; width:22px; height:22px; background:url(/Content/Images/Icon_OpenClose_01.png) no-repeat center; background-size:cover;} .HeadlineEditTable .BtnOpenClose .Icon_OpenClose_02 {display:none; width:22px; height:22px; background:url(/Content/Images/Icon_OpenClose_02.png) no-repeat center; background-size:cover;} .HeadlineColor .FirstBgColor {background-color:#b3c135 !important} .HeadlineColor .SecondBgColor {background-color:#356576 !important} .HeadlineColor .ThirdBgColor {background-color:#808285 !important} .HeadlineColor .FirstColor {color:#b3c135 !important} .HeadlineColor .SecondColor {color:#356576 !important} .HeadlineColor .ThirdColor {color:#808285 !important} .HeadlineColor .FirstBorderColor {border-color:#b3c135 !important} .HeadlineColor .SecondBorderColor {border-color:#356576 !important} .HeadlineColor .ThirdBorderColor {border-color:#808285 !important} .HeadlineColor .BgColor_Neutral {background-color:#356576 !important} .HeadlineColor .BgColor_01 {background-color:#00aeef !important} .HeadlineColor .BgColor_02 {background-color:#ec008c !important} .HeadlineColor .BgColor_03 {background-color:#fddd00 !important} .HeadlineColor .BgColor_04 {background-color:#f05323 !important} .HeadlineColor .BgColor_05 {background-color:#b3c135 !important} .HeadlineColor .BgColor_06 {background-color:#87096e !important} .HeadlineColor .BgColor_07 {background-color:#4a73c4 !important} .HeadlineColor .BgColor_08 {background-color:#762e70 !important} .HeadlineColor .BgColor_09 {background-color:#f6aebC !important} .HeadlineColor .BgColor_10 {background-color:#d9e224 !important} .HeadlineColor .BgColor_11 {background-color:#ec008c !important} .HeadlineColor .BgColor_12 {background-color:#b3c135 !important} .HeadlineColor .BgColor_13 {background-color:#ec008c !important} .HeadlineColor .BgColor_14 {background-color:#b3c135 !important} .HeadlineColor .Color_Neutral {color:#356576 !important} .HeadlineColor .Color_01 {color:#00aeef !important} .HeadlineColor .Color_02 {color:#ec008c !important} .HeadlineColor .Color_03 {color:#fddd00 !important} .HeadlineColor .Color_04 {color:#f05323 !important} .HeadlineColor .Color_05 {color:#b3c135 !important} /* Colours */ .FirstBgColor {background-color:#b3c135 !important} .SecondBgColor {background-color:#356576 !important} .ThirdBgColor {background-color:#808285 !important} .FirstColor {color:#b3c135 !important} .SecondColor {color:#356576 !important} .ThirdColor {color:#808285 !important} .FirstBorderColor {border-color:#b3c135 !important} .SecondBorderColor {border-color:#356576 !important} .ThirdBorderColor {border-color:#808285 !important} .BgColor_Neutral {background-color:#356576 !important} .BgColor_01 {background-color:#00aeef !important} .BgColor_02 {background-color:#ec008c !important} .BgColor_03 {background-color:#fddd00 !important} .BgColor_04 {background-color:#f05323 !important} .BgColor_05 {background-color:#9c0000 !important} .BgColor_06 {background-color:#1a9d48 !important} .BgColor_07 {background-color:#4a73c4 !important} .BgColor_08 {background-color:#762e70 !important} .BgColor_09 {background-color:#f6aebC !important} .BgColor_10 {background-color:#d9e224 !important} .Color_Neutral {color:#356576 !important} .Color_01 {color:#00aeef !important} .Color_02 {color:#ec008c !important} .Color_03 {color:#fddd00 !important} .Color_04 {color:#f05323 !important} .Color_05 {color:#b3c135 !important} /* Modal Box */ .Popup2 {position:fixed; opacity:0; display:none; background-color:rgba(0,0,0,0.7); top:0px; left:0px; width:100%; height:100%; z-index:10; transition:opacity 300ms ease;} /*display:table; when visible*/ .Popup2.Visible {opacity:1;} .Popup2 .ModalBox {display:table-cell; vertical-align:middle; text-align:center;} .Popup2 .ModalBox .Inner {width:500px; position:relative; display:inline-block; background-color:#fff; border-radius:3px; text-align:left; max-height:calc(100vh - 50px);} .Popup2 .ModalBox .Head_MB {border-bottom:1px solid #ddd; padding:15px 50px 11px 20px; box-sizing:border-box; position:relative;} .Popup2 .ModalBox .Head_MB .Title {font-size:20px; line-height:1.2em; color:#244c5a; font-weight:700; padding:0px; margin:0px;} .Popup2 .ModalBox .Head_MB .BtnCross {background-image:url(/content/images/icon-close5.png); display:inline-block; width:16px; height:16px; background-size:cover; cursor:pointer; position:absolute; top:18px; right:20px;} .Popup2 .ModalBox .Content_MB {padding:17px 20px 5px 20px;} .Popup2 .ModalBox .Bottom_MB {padding:5px 20px 15px 30px; border-bottom-left-radius:4px; border-bottom-right-radius:4px;} .Popup2 .ModalBox .PopupButtonBlock {text-align:right} .Popup2 .ModalBox .PopupButtonBlock .PopupButton {display:inline-block; font-size:13px; font-weight:700; line-height:1.3em; color:#ffffff; margin-left:5px; letter-spacing:2px; text-align:center; border:none; border-radius:4px; background:#244c5a; padding:6px 12px; cursor:pointer; text-transform:uppercase; text-decoration:none; -webkit-appearance:none; font-family:Arial, Helvetica, Verdana; transition:background-color 300ms ease-out;} .Popup2 .ModalBox .PopupButtonBlock .PopupButton:hover {background-color:#1c3f4b;} .Popup2 .ModalBox .PopupButtonBlock .PopupButton.Cancel {} .Popup2 .ModalBox .PopupButtonBlock .PopupButton.Cancel:hover {} /* Structure */ .Structure {display:table; width:100%; table-layout:fixed;} .Structure aside {display:table-cell; vertical-align:top; width:300px; padding-left:60px;} .Structure main {display:table-cell; vertical-align:top;} .Structure main .ButtonBottom {float:none; width:100%; clear:none; margin-top:40px;} /* Action Plans */ .AreasForDevelopmentForm {border:1px solid #dddddd; background:#ffffff; border-radius:4px; padding:30px; margin-bottom:30px;} .BtnClose {position:absolute; top:-10px; right:-10px; display:block; width:20px; height:20px; background:url(/Content/Images/Icon_Cross.png) no-repeat center; background-size:contain; cursor:pointer;} .AreasForDevelopmentForm .Title {font-size:18px;} .AreasForDevelopmentForm .AreaForImprovementForm {border:1px solid #dddddd; background:#f7f7f7; border-radius:4px; position:relative; margin-bottom:30px;} .AreasForDevelopmentForm .AreaForImprovementForm:last-child {margin-bottom:0px;} .AreasForDevelopmentForm .AreaForImprovementForm .BtnClose {position:absolute; top:-10px; right:-10px; display:block; width:20px; height:20px; background:url(/Content/Images/Icon_Cross.png) no-repeat center; background-size:contain; cursor:pointer;} .AreasForDevelopmentForm .AreaForImprovementForm .Top {padding:30px; border-bottom:1px solid #dddddd;} .AreasForDevelopmentForm .AreaForImprovementForm .Middle {padding:30px;} .AreaToCelebrate {border:1px solid #dddddd; background:#ffffff; border-radius:4px; padding:30px; margin-bottom:30px;} .AreaToCelebrate .BtnClose {position:absolute; top:-10px; right:-10px; display:block; width:20px; height:20px; background:url(/Content/Images/Icon_Cross.png) no-repeat center; background-size:contain; cursor:pointer;} .BtnAdd {margin-top: 1em;} .BtnAdd a, .BtnAdd input {display:block; font-size:15px; font-weight:600; line-height:1.0em; color:#666666; text-align:center; border:1px dashed #c9c9c9; border-radius:4px; background:#f7f7f7; padding:15.5px 0px; cursor:pointer; text-decoration:none; -webkit-appearance:none; font-family:Arial, Helvetica, Verdana; transition:background .3s ease-out;} .BtnAdd button {display:block; width:100%; font-size:15px; font-weight:600; line-height:1.0em; color:#666666; text-align:center; border:1px dashed #c9c9c9; border-radius:4px; background:#f7f7f7; padding:15.5px 1em 15.5px 1em; cursor:pointer; text-decoration:none; -webkit-appearance:none; font-family:Arial, Helvetica, Verdana; transition:background .3s ease-out;} .BtnAdd a:hover, .BtnAdd input:hover, .BtnAdd button:hover {opacity:0.8;} .BtnAddBig {} .BtnAddBig a, .BtnAddBig input {display:block; font-size:15px; font-weight:600; line-height:1.0em; color:#666666; text-align:center; border:1px dashed #c9c9c9; border-radius:4px; background:#f7f7f7 url(/Content/Images/Icon_Plus.png) no-repeat center 50px; background-size:40px; padding:110px 0px 45px 0px; cursor:pointer; text-decoration:none; -webkit-appearance:none; font-family:Arial, Helvetica, Verdana; transition:background .3s ease-out;} .BtnAddBig button {display:block; width: 100%; font-size:15px; font-weight:600; line-height:1.0em; color:#666666; text-align:center; border:1px dashed #c9c9c9; border-radius:4px; background:#f7f7f7 url(/Content/Images/Icon_Plus.png) no-repeat center 50px; background-size:40px; padding:110px 0px 45px 0px; cursor:pointer; text-decoration:none; -webkit-appearance:none; font-family:Arial, Helvetica, Verdana; transition:background .3s ease-out;} .BtnAddBig a:hover, .BtnAddBig input:hover, .BtnAddBig button:hover {opacity:0.8;} .List_APL {} .List_APL .Item_APL {border:1px solid #dddddd; background:#ffffff; border-radius:4px; padding:15px 15px 15px 30px; margin-bottom:20px; position:relative;} .List_APL .Item_APL:last-child {margin-bottom:0px;} .List_APL .Item_APL .Inner {display:table; width:100%;} .List_APL .Item_APL .Inner .Left {display:table-cell; vertical-align:middle;} .List_APL .Item_APL .Inner .Right {display:table-cell; vertical-align:middle; width:420px;} .List_APL .Item_APL .Desc {display:table; width:100%; table-layout:fixed; margin-bottom:10px;} .List_APL .Item_APL .Desc .Title {display:table-cell; font-size:15px; line-height:1.3em; color:#000000; font-weight:400; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:left;} .List_APL .Item_APL .Desc .Text {display:table-cell; font-size:13px; line-height:1.3em; color:#666666; font-weight:400; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:right; width:160px;} .List_APL .Item_APL .Progression {display:block; background:#ffffff; border-radius:6px; width:100%; height:6px; position:relative; border:1px solid #dddddd;} .List_APL .Item_APL .Progression .Bar {display:block; background:#b7bf10; border-radius:6px; width:100%; height:6px; position:absolute; top:0px; left:0px;} .List_APL .Item_APL .Buttons {text-align:right;} .List_APL .Item_APL .Buttons .BtnPrint {display:inline-block; margin-right:10px;} .List_APL .Item_APL .Buttons .BtnPrint a, .List_APL .Item_APL .Buttons .BtnPrint input, .List_APL .Item_APL .Buttons .BtnPrint button {width:70px; padding-left:0px; padding-right:0px;} .List_APL .Item_APL .Buttons .BtnDownload {display:inline-block; margin-right:10px;} .List_APL .Item_APL .Buttons .BtnDownload a, .List_APL .Item_APL .Buttons .BtnDownload input, .List_APL .Item_APL .Buttons .BtnDownload button {width:130px; padding-left:0px; padding-right:0px;} .List_APL .Item_APL .Buttons .BtnAction {display:inline-block; margin-right:10px;} .List_APL .Item_APL .Buttons .BtnAction a, .List_APL .Item_APL .Buttons .BtnAction input, .List_APL .Item_APL .Buttons .BtnAction button {width:120px; padding-left:0px; padding-right:0px;} .List_APL .Item_APL .Buttons .BtnDelete {display:inline-block; width:20px; height:20px; background:url(/Content/Images/Icon_Cross.png) no-repeat center; background-size:contain; cursor:pointer; top:5px; position:relative;} .List_APL .Item_APL.Completed {border:1px solid #b7bf10;} .List_APL .Item_APL.Completed .Buttons .BtnAction a, .List_APL .Item_APL.Completed .Buttons .BtnAction input, .List_APL .Item_APL.Completed .Buttons .BtnAction button {border:1px solid #b7bf10; background:#b7bf10;} /* Complete Action Plan */ .CompleteActionPlan {} .CompleteActionPlan .Head {display:table; width:100%; margin-bottom:40px;} .CompleteActionPlan .Head .Left {display:table-cell; vertical-align:middle;} .CompleteActionPlan .Head .Right {display:table-cell; vertical-align:middle; width:200px; text-align:right;} .CompleteActionPlan .Head .Logo {max-width:160px; width:100%; display:inline-block;} .CompleteActionPlan .Head .Logo img {display:block; width:100%;} .CompleteActionPlan .Head .Desc {display:table; width:100%; table-layout:fixed; margin-bottom:10px;} .CompleteActionPlan .Head .Desc .Title {display:table-cell; font-size:30px; line-height:1.3em; color:#000000; font-weight:400; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:left;} .CompleteActionPlan .Head .Desc .Text {display:table-cell; font-size:15px; line-height:1.3em; color:#666666; font-weight:400; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:right; width:180px;} .CompleteActionPlan .Head .Progression {display:block; background:#ffffff; border-radius:6px; width:100%; height:6px; position:relative; border:1px solid #dddddd;} .CompleteActionPlan .Head .Progression .Bar {display:block; background:#b7bf10; border-radius:6px; width:100%; height:6px; position:absolute; top:0px; left:0px;} .AreasForDevelopmentView {margin-bottom:30px;} .AreasForDevelopmentView .SubTitle {font-size:18px; line-height:1.3em; color:#000000; font-weight:400; margin-bottom:20px;} .AreasForDevelopmentView .AreaForImprovementView {border:1px solid #dddddd; background:#ffffff; border-radius:4px; padding:30px; margin-bottom:20px;} .AreasForDevelopmentView .AreaForImprovementView:last-child {margin-bottom:0px;} .AreasForDevelopmentView .AreaForImprovementView .Table {display:table; width:100%;} .AreasForDevelopmentView .AreaForImprovementView .Table .Left {display:table-cell; vertical-align:middle;} .AreasForDevelopmentView .AreaForImprovementView .Table .Right {display:table-cell; vertical-align:middle; width:300px; padding-left:30px;} .AreasForDevelopmentView .AreaForImprovementView .Desc {} .AreasForDevelopmentView .AreaForImprovementView .Desc .Task {font-size:15px; line-height:1.3em; color:#000000; font-weight:400; margin-bottom:20px;} .AreasForDevelopmentView .AreaForImprovementView .Desc .Details {} .AreasForDevelopmentView .AreaForImprovementView .Desc .Details .Item {font-size:15px; line-height:1.3em; color:#666666; font-weight:400; margin:0px 0px 5px 0px; padding-left:15px; background:url(/content/Images/Img_BulletPoint_01.jpg) no-repeat; background-size:6px; background-position:0px 6px;} .AreasForDevelopmentView .AreaForImprovementView .Desc .Details .Item:last-child {margin:0px;} .AreasForDevelopmentView .AreaForImprovementView .Desc .Details .Item .Bloc {display:inline-block;} .AreasForDevelopmentView .AreaForImprovementView .Desc .Details .Item .Bloc .Inner {display:table; width:100%; table-layout:fixed;} .AreasForDevelopmentView .AreaForImprovementView .Desc .Details .Item .Bloc .Inner .Text {display:table-cell; vertical-align:top; text-align:left; font-size:13px; width:140px;} .AreasForDevelopmentView .AreaForImprovementView .Desc .Details .Item .Bloc .Inner .SubText {display:table-cell; text-align:left;} .AreasForDevelopmentView .AreaForImprovementView .Actions {} .AreasForDevelopmentView .AreaForImprovementView .Actions .Buttons {display:flex; width:100%;} .AreasForDevelopmentView .AreaForImprovementView .Actions .Buttons .BtnCell01 {width:50%; box-sizing:border-box; padding-right:10px;} .AreasForDevelopmentView .AreaForImprovementView .Actions .Buttons .BtnCell02 {width:50%; box-sizing:border-box; padding-left:10px;} .AreasForDevelopmentView .AreaForImprovementView .Actions .Buttons .BtnCheckBox {display:block; margin-right:0px;} .AreasForDevelopmentView .AreaForImprovementView .Actions .CheckBox {margin-top:20px;} .AreasForDevelopmentView .AreaForImprovementView .Actions .DropDownSelect {margin-top:10px;} .AreasForDevelopmentView .AreaForImprovementView.Completed {} .AreasForDevelopmentView .AreaForImprovementView.Completed .Desc .Task {color:#bcbcbc; text-decoration:line-through;} .AreasForDevelopmentView .AreaForImprovementView.Completed .Desc .Details .Item {color:#bcbcbc; background:url(/content/Images/Img_BulletPoint_02.jpg) no-repeat; background-size:6px; background-position:0px 6px;} /* Filters */ .Filters {width:calc(100% + 30px); display:flex; flex-wrap:wrap; justify-content:center; padding:0px; margin:0px 0px 10px 0px;} .Filters .Item {padding:0px 30px 30px 0px; box-sizing:border-box;} .Filters .Item .Inner {border-radius:4px; text-align:center; padding:20px; cursor:pointer;} .Filters .Item .Text {font-size:13px; line-height:1.3em; color:#ffffff; font-weight:400; margin-bottom:10px;} .Filters .Item .Nbre {font-size:60px; line-height:1.3em; color:#ffffff; font-weight:600;} .Filters .Item.NotSelected {opacity:0.5;} .Filters .SmallItem {padding:0px 30px 30px 0px; box-sizing:border-box;} .Filters .SmallItem .Inner {border-radius:4px; text-align:center; padding:20px; cursor:pointer;} .Filters .SmallItem .Text {font-size:13px; line-height:1.3em; color:#ffffff; font-weight:400; margin-bottom:10px;} .Filters .SmallItem .Nbre {font-size:30px; line-height:1.3em; color:#ffffff; font-weight:600;} .Filters .SmallItem.NotSelected {opacity:0.5;} .Filters .Item_01 {width:25%;} .Filters .Item_01 .Inner {background:#244c5a;} .Filters .Item_02 {width:25%;} .Filters .Item_02 .Inner {background:#f1a538;} .Filters .Item_03 {width:25%;} .Filters .Item_03 .Inner {background:#b7bf10;} .Filters .Item_04 {width:25%;} .Filters .Item_04 .Inner {background:#f35555;} .Filters .Item_05 {width:33.33%;} .Filters .Item_05 .Inner {background:#49b70e;} .Filters .Item_06 {width:33.33%;} .Filters .Item_06 .Inner {background:#e79505;} .Filters .Item_07 {width:33.33%;} .Filters .Item_07 .Inner {background:#e60808;} /* jquery resizable */ .ui-resizable-se { right: 26px; bottom: 15px; } /*DATA EXPLORER*/ .DataExplorer {display:flex; flex-direction:column; position:fixed; top:0; left:0; background-color:#fff; width:100%;height:100%;padding:20px 30px;box-sizing:border-box} .DataExplorer .DataHeader {display:flex; justify-content:space-between; align-items:center; margin-bottom:20px} .DataExplorer .DataHeader .FieldView {text-transform:uppercase; font-size:1.4rem;font-weight:500} .CloseBtn {height:40px; cursor:pointer; padding-left:30px;padding-right:45px;color:#ffffff; border:none;background-color: #244C5A;border-radius:3px;background-image:url(../Content/Images/Icon_Clear.svg); background-size:10.5px 10.5px; background-position:center right 10px; background-repeat:no-repeat} .DataExplorer .DataExplorerApp {width:100%; flex:1; border:none} /* Structure site */ @media only screen and (max-width:1200px){ .MainDiv .MainContent div.FullWidthBlockWithTopBorder {width:100%;} .MainDiv .MainContent div.FullWidthBlock {width:100%;} .MainDiv .MainContent div.FormColumnBlock {width:50%;} .MainDiv .MainContent div.ButtonBlock {width:100%;} .MainDiv .MainContent div.InfoBlock {display:none;} .ButtonBottom {width:100%;} } @media only screen and (max-width:1024px){ .MainDiv .MainNavigation .GlobalNav {padding:0px;} .MainDiv .MainContent {margin:0px 20px; padding:10px 40px 40px 40px;} } /* Client */ @media only screen and (max-width:1024px){ .SectionC .HeadC {display:block;} .SectionC .HeadC .Title {display:block; width:auto; padding-right:30px;} .SectionC .HeadC .TitleTxt {display:block; width:auto; padding-right:30px;} .SectionC .HeadC .TitleThemes {display:block; width:auto; padding-right:30px;} .SectionC .HeadC .Mentions {display:none;} .SectionC .HeadC .Pourcentage {display:none;} .SectionC .HeadC .Stat {display:none;} .SectionC .HeadC .Stat .Block .Cell.BorderRight {border-right:none;} .SectionC .HeadC .Stat .Block .Cell.BorderLeft {border-left:none;} .SectionC .HeadC .StatHide {display:block;} .SectionC .HeadC .Chart {display:block; width:auto; padding:0px 0px 10px 0px;} .SectionC .HeadC .Chart .BottomCol {display:none;} .SectionC .HeadC .Space {position:absolute; top:0px; right:0px; width:22px;} .SectionC .ContentC .Row {display:block;} .SectionC .ContentC .Row .Desc {display:block; width:100%;} .SectionC .ContentC .Row .Desc .Block .Nbre {vertical-align:top;} .SectionC .ContentC .Row .Desc .Block .Txt {padding:0px 0px 10px 0px;} .SectionC .ContentC .Row .Stat {display:block; width:auto; height:unset; padding:0px 40px 10px 40px;} .SectionC .ContentC .Row .Stat .Block .Cell {text-align:left;} .SectionC .ContentC .Row .Stat .Block .Cell .Nbre {display:inline-block;} .SectionC .ContentC .Row .Stat .Block .Cell .Txt {display:inline-block; padding-left:3px;} .SectionC .ContentC .Row .Stat .Block .Cell.BorderRight {border-right:none;} .SectionC .ContentC .Row .Stat .Block .Cell.BorderLeft {border-left:none;} .SectionC .ContentC .Row .Chart {display:block; width:auto; padding:0px 0px 0px 40px;} .SectionC .ContentC .Row .Chart .TopCol {/*display:table;*/} .SectionC .ContentC .Row .Chart .BottomCol {/*display:block;*/} .SectionC .ContentC .Row .TxtThemes {display:block; width:100%; padding-bottom:10px;} .SectionC .ContentC .Row .Mentions {display:inline-block; width:auto; padding-right:20px;} .SectionC .ContentC .Row .Mentions span {display:inline-block;} .SectionC .ContentC .Row .Pourcentage {display:inline-block; width:auto;} .SectionC .ContentC .Row .Space {display:none;} .SectionC .ContentC .TopRow .Space01 {display:none;} .SectionC .ContentC .TopRow .Chart {padding:0px;} .SectionC.StatColBorders1 .HeadC {padding-bottom:20px;} .SectionC.StatColBorders1 .HeadC .Title {padding-bottom:0px;} .SectionC.StatColBorders1 .HeadC .Stat .Block .Cell {padding-bottom:0px;} .SectionC.StatColBorders1 .HeadC .Chart {padding-bottom:0px;} .SectionC.StatColBorders1 .HeadC .Space {padding-bottom:0px;} .SectionC.StatColBorders1 .ContentC .Row {padding-top:20px;} .SectionC.StatColBorders1 .ContentC .Row .Desc {padding-top:0px;} .SectionC.StatColBorders1 .ContentC .Row .Stat .Block .Cell {height:28px; padding-top:5px;} .SectionC.StatColBorders1 .ContentC .Row .Chart {padding-top:0px;} .SectionC.StatColBorders1 .ContentC .Row .Space {padding-top:0px;} .SectionC.StatColBorders2 .HeadC {padding-bottom:20px;} .SectionC.StatColBorders2 .HeadC .Title {padding-bottom:0px;} .SectionC.StatColBorders2 .HeadC .Stat .Block .Cell {padding-bottom:0px;} .SectionC.StatColBorders2 .HeadC .Chart {padding-bottom:0px;} .SectionC.StatColBorders2 .HeadC .Space {padding-bottom:0px;} .SectionC.StatColBorders2 .ContentC .Row {padding-top:20px;} .SectionC.StatColBorders2 .ContentC .Row .Desc {padding-top:0px;} .SectionC.StatColBorders2 .ContentC .Row .Stat .Block .StatRow:first-child .Cell {padding-top:0px;} .SectionC.StatColBorders2 .ContentC .Row .Stat .Block .StatRow:first-child .Cell.SetHeight {padding-top:0px;} .SectionC.StatColBorders2 .ContentC .Row .Chart {padding-top:0px;} .SectionC.StatColBorders2 .ContentC .Row .Space {padding-top:0px;} .GridTable {} .GridTable .GridRow {display:block;} .GridTable .GridRow .GridCell {display:block; width:100%;} .GridTable .GridRow .GridCell_01 {padding:0px 0px 20px 0px; border-right:none; border-bottom:1px solid #000;} .GridTable .GridRow .GridCell_02 {padding:20px 0px 0px 0px;} .GridTable .GridRow_01 {padding-bottom:20px; border-bottom:1px solid #000;} .GridTable .GridRow_02 {padding-top:20px; padding-bottom:20px;} .GridTable .GridRow_03 {padding-top:20px; border-top:1px solid #000;} .DashCStatic .TopBottom .Row .Nbre {vertical-align:top;} } /* Comparison */ @media only screen and (max-width:1200px){ .Comparison .SectionComp .HeadComp .Title {display:block; width:auto; padding-right:30px;} .Comparison .SectionComp .HeadComp .TitleTxt {display:block; width:auto; padding-right:30px;} .Comparison .SectionComp .HeadComp .TitleThemes {display:block; width:auto; padding-right:30px;} .Comparison .SectionComp .HeadComp .Mentions {display:none;} .Comparison .SectionComp .HeadComp .Pourcentage {display:none;} .Comparison .SectionComp .HeadComp .Stat {display:none;} .Comparison .SectionComp .HeadComp .StatHide {display:block;} .Comparison .SectionComp .HeadComp .Space {position:absolute; top:0px; right:0px; width:22px;} .Comparison .SectionComp .ContentComp .Row {display:block;} .Comparison .SectionComp .ContentComp .Row .Desc {display:block; width:100%;} .Comparison .SectionComp .ContentComp .Row .Desc .Block .Nbre {vertical-align:top;} .Comparison .SectionComp .ContentComp .Row .Desc .Block .Txt {padding:0px 0px 10px 0px;} .Comparison .SectionComp .ContentComp .Row .Stat {display:block; width:auto; padding:0px 40px 10px 40px;} .Comparison .SectionComp .ContentComp .Row .Stat .Block {display:block; text-align:left; margin-bottom:-15px;} .Comparison .SectionComp .ContentComp .Row .Stat .Block .Cell {display:inline-block; padding:0px 20px 10px 0px; width:auto;} .Comparison .SectionComp .ContentComp .Row .Stat .Block .Cell .Txt {display:inline-block;} .Comparison .SectionComp .ContentComp .Row .StatDash {display:block; width:auto; padding:0px 0px 10px 0px;} .Comparison .SectionComp .ContentComp .Row .TxtThemes {display:block; width:100%; padding-bottom:10px;} .Comparison .SectionComp .ContentComp .Row .Mentions {display:inline-block; width:auto; padding-right:20px;} .Comparison .SectionComp .ContentComp .Row .Mentions span {display:inline-block;} .Comparison .SectionComp .ContentComp .Row .Pourcentage {display:inline-block; width:auto;} } /* Comments Report */ @media only screen and (max-width:1024px){ .CommentsReport .Infos .Desc .Name {font-size:30px;} .CommentsReport .Introduction .Percentage {float:none;} .CommentsReport .Introduction .Period {float:none;} } @media only screen and (max-width:768px){ .CommentsReport .TableSSC {display:block; width:100%;} .CommentsReport .TableSSC .CellSSC {display:block; width:100%;} .CommentsReport .TableSSC .CellSSCSpacer {display:block; width:100%;} .CommentsReport ol.List2VC {columns:1; column-gap:0px;} } @media only screen and (max-width:480px){ .CommentsReport .Introduction .PercentTable {display:block;} .CommentsReport .Introduction .PercentTable .Rating {display:block; width:100%; text-align:center;} .CommentsReport .Introduction .PercentTable .Txt {display:block; width:100%; text-align:center; padding:20px 0px 0px 0px;} } /* Structure */ @media only screen and (max-width:1200px){ .Structure {display:block;} .Structure aside {display:none;} .Structure main {display:block;} } /* Forms */ @media only screen and (max-width:1024px){ .FormGrid {display:block; width:100%;} .FormGrid .W100 {width:100%; padding-right:0px;} .FormGrid .W50 {width:100%; padding-right:0px;} .FormGrid .W25 {width:100%; padding-right:0px;} } /* Buttons */ @media only screen and (max-width:1200px){ .ButtonBottom {width:100%;} } @media only screen and (max-width:768px){ .ButtonBottom {} .ButtonBottom .Btn01 {float:none; margin:0px;} .ButtonBottom .Btn01 a, .ButtonBottom .Btn01 input, .ButtonBottom .Btn01 button {display:block; width:100%; min-width:unset; padding:15.5px 0px;} .ButtonBottom .Btn02 {float:none; margin:10px 0px 0px 0px;} .ButtonBottom .Btn02 a, .ButtonBottom .Btn02 input, .ButtonBottom .Btn02 button {display:block; width:100%; min-width:unset; padding:15.5px 0px;} } /* Action Plans */ @media only screen and (max-width:1200px){ .List_APL .Item_APL {padding:30px;} .List_APL .Item_APL .Inner {display:block;} .List_APL .Item_APL .Inner .Left {display:block;} .List_APL .Item_APL .Inner .Right {display:block; width:100%; text-align:center; margin-top:20px;} .List_APL .Item_APL .Buttons {text-align:center;} .List_APL .Item_APL .Buttons .BtnDelete {position:absolute; top:-10px; right:-10px;} } @media only screen and (max-width:768px){ .List_APL .Item_APL .Desc {display:block;} .List_APL .Item_APL .Desc .Title {display:block; white-space:normal;} .List_APL .Item_APL .Desc .Text {display:block; width:100%; margin-top:10px; text-align:left;} .List_APL .Item_APL .Buttons .BtnPrint {display:block; margin:0px;} .List_APL .Item_APL .Buttons .BtnPrint a, .List_APL .Item_APL .Buttons .BtnPrint input, .List_APL .Item_APL .Buttons .BtnPrint button {width:100%;} .List_APL .Item_APL .Buttons .BtnDownload {display:block; margin:10px 0px 0px 0px;} .List_APL .Item_APL .Buttons .BtnDownload a, .List_APL .Item_APL .Buttons .BtnDownload input, .List_APL .Item_APL .Buttons .BtnDownload button {width:100%;} .List_APL .Item_APL .Buttons .BtnAction {display:block; margin:10px 0px 0px 0px;} .List_APL .Item_APL .Buttons .BtnAction a, .List_APL .Item_APL .Buttons .BtnAction input, .List_APL .Item_APL .Buttons .BtnAction button {width:100%;} } /* Complete Action Plan */ @media only screen and (max-width:1024px){ .AreasForDevelopmentView .AreaForImprovementView .Table {display:block;} .AreasForDevelopmentView .AreaForImprovementView .Table .Left {display:block;} .AreasForDevelopmentView .AreaForImprovementView .Table .Right {display:block; width:100%; padding:20px 0px 0px 0px;} } @media only screen and (max-width:768px){ .CompleteActionPlan .Head {display:block;} .CompleteActionPlan .Head .Left {display:block;} .CompleteActionPlan .Head .Right {display:none;} .CompleteActionPlan .Head .Desc {display:block;} .CompleteActionPlan .Head .Desc .Title {display:block; text-overflow:unset; white-space:normal;} .CompleteActionPlan .Head .Desc .Text {display:block; width:100%; padding-top:10px; text-align:left;} .AreasForDevelopmentView .AreaForImprovementView .Desc .Details .Item .Bloc .Inner {display:block;} .AreasForDevelopmentView .AreaForImprovementView .Desc .Details .Item .Bloc .Inner .Text {display:block; width:100%;} .AreasForDevelopmentView .AreaForImprovementView .Desc .Details .Item .Bloc .Inner .SubText {display:block;} } @media only screen and (max-width:480px){ .AreasForDevelopmentView .AreaForImprovementView .Actions .Buttons {display:block;} .AreasForDevelopmentView .AreaForImprovementView .Actions .Buttons .BtnCell01 {width:100%; padding:0px;} .AreasForDevelopmentView .AreaForImprovementView .Actions .Buttons .BtnCell02 {width:100%; padding:10px 0px 0px 0px;} } /* Filters */ @media only screen and (max-width:768px){ .Filters {width:calc(100% + 20px);} .Filters .Item {padding:0px 20px 20px 0px;} .Filters .Item .Inner {padding:10px;} .Filters .SmallItem {padding:0px 20px 20px 0px;} .Filters .SmallItem .Inner {padding:10px;} } @media only screen and (max-width:600px){ .Filters {width:100%; display:block;} .Filters .Item {padding:0px 0px 20px 0px; box-sizing:border-box; width:100% !important;} .Filters .SmallItem {padding:0px 0px 20px 0px; box-sizing:border-box; width:100% !important;} } @media only screen and (max-width:1200px) { .Comparison .SectionComp .ContentComp .Row .Desc .RatingTable {display:none;} .Comparison .SectionComp .ContentComp .Row .Stat .Block.HideSm {display:none;} }