@font-face {
     font-family: "Montserrat";
     src: url("Montserrat-BlackItalic.eot");
     src: url("Montserrat-BlackItalic.eot?#iefix") format("embedded-opentype"), url("Montserrat-BlackItalic.woff2") format("woff2"), url("Montserrat-BlackItalic.woff") format("woff"), url("Montserrat-BlackItalic.ttf") format("truetype"), url("Montserrat-BlackItalic.svg#Montserrat-BlackItalic") format("svg");
     font-weight: 900;
     font-style: italic;
}
 @font-face {
     font-family: "Montserrat";
     src: url("Montserrat-Bold.eot");
     src: url("Montserrat-Bold.eot?#iefix") format("embedded-opentype"), url("Montserrat-Bold.woff2") format("woff2"), url("Montserrat-Bold.woff") format("woff"), url("Montserrat-Bold.ttf") format("truetype"), url("Montserrat-Bold.svg#Montserrat-Bold") format("svg");
     font-weight: bold;
     font-style: normal;
}
 @font-face {
     font-family: "Montserrat";
     src: url("Montserrat-Black.eot");
     src: url("Montserrat-Black.eot?#iefix") format("embedded-opentype"), url("Montserrat-Black.woff2") format("woff2"), url("Montserrat-Black.woff") format("woff"), url("Montserrat-Black.ttf") format("truetype"), url("Montserrat-Black.svg#Montserrat-Black") format("svg");
     font-weight: 900;
     font-style: normal;
}
 @font-face {
     font-family: "Montserrat";
     src: url("Montserrat-BoldItalic.eot");
     src: url("Montserrat-BoldItalic.eot?#iefix") format("embedded-opentype"), url("Montserrat-BoldItalic.woff2") format("woff2"), url("Montserrat-BoldItalic.woff") format("woff"), url("Montserrat-BoldItalic.ttf") format("truetype"), url("Montserrat-BoldItalic.svg#Montserrat-BoldItalic") format("svg");
     font-weight: bold;
     font-style: italic;
}
 @font-face {
     font-family: "Montserrat";
     src: url("Montserrat-ExtraBoldItalic.eot");
     src: url("Montserrat-ExtraBoldItalic.eot?#iefix") format("embedded-opentype"), url("Montserrat-ExtraBoldItalic.woff2") format("woff2"), url("Montserrat-ExtraBoldItalic.woff") format("woff"), url("Montserrat-ExtraBoldItalic.ttf") format("truetype"), url("Montserrat-ExtraBoldItalic.svg#Montserrat-ExtraBoldItalic") format("svg");
     font-weight: 800;
     font-style: italic;
}
 @font-face {
     font-family: "Montserrat";
     src: url("Montserrat-ExtraBold.eot");
     src: url("Montserrat-ExtraBold.eot?#iefix") format("embedded-opentype"), url("Montserrat-ExtraBold.woff2") format("woff2"), url("Montserrat-ExtraBold.woff") format("woff"), url("Montserrat-ExtraBold.ttf") format("truetype"), url("Montserrat-ExtraBold.svg#Montserrat-ExtraBold") format("svg");
     font-weight: 800;
     font-style: normal;
}
 @font-face {
     font-family: "Montserrat";
     src: url("Montserrat-ExtraLight.eot");
     src: url("Montserrat-ExtraLight.eot?#iefix") format("embedded-opentype"), url("Montserrat-ExtraLight.woff2") format("woff2"), url("Montserrat-ExtraLight.woff") format("woff"), url("Montserrat-ExtraLight.ttf") format("truetype"), url("Montserrat-ExtraLight.svg#Montserrat-ExtraLight") format("svg");
     font-weight: 200;
     font-style: normal;
}
 @font-face {
     font-family: "Montserrat";
     src: url("Montserrat-ExtraLightItalic.eot");
     src: url("Montserrat-ExtraLightItalic.eot?#iefix") format("embedded-opentype"), url("Montserrat-ExtraLightItalic.woff2") format("woff2"), url("Montserrat-ExtraLightItalic.woff") format("woff"), url("Montserrat-ExtraLightItalic.ttf") format("truetype"), url("Montserrat-ExtraLightItalic.svg#Montserrat-ExtraLightItalic") format("svg");
     font-weight: 200;
     font-style: italic;
}
 @font-face {
     font-family: "Montserrat";
     src: url("Montserrat-Italic.eot");
     src: url("Montserrat-Italic.eot?#iefix") format("embedded-opentype"), url("Montserrat-Italic.woff2") format("woff2"), url("Montserrat-Italic.woff") format("woff"), url("Montserrat-Italic.ttf") format("truetype"), url("Montserrat-Italic.svg#Montserrat-Italic") format("svg");
     font-weight: normal;
     font-style: italic;
}
 @font-face {
     font-family: "Montserrat";
     src: url("Montserrat-Light.eot");
     src: url("Montserrat-Light.eot?#iefix") format("embedded-opentype"), url("Montserrat-Light.woff2") format("woff2"), url("Montserrat-Light.woff") format("woff"), url("Montserrat-Light.ttf") format("truetype"), url("Montserrat-Light.svg#Montserrat-Light") format("svg");
     font-weight: 300;
     font-style: normal;
}
 @font-face {
     font-family: "Montserrat";
     src: url("Montserrat-LightItalic.eot");
     src: url("Montserrat-LightItalic.eot?#iefix") format("embedded-opentype"), url("Montserrat-LightItalic.woff2") format("woff2"), url("Montserrat-LightItalic.woff") format("woff"), url("Montserrat-LightItalic.ttf") format("truetype"), url("Montserrat-LightItalic.svg#Montserrat-LightItalic") format("svg");
     font-weight: 300;
     font-style: italic;
}
 @font-face {
     font-family: "Montserrat";
     src: url("Montserrat-MediumItalic.eot");
     src: url("Montserrat-MediumItalic.eot?#iefix") format("embedded-opentype"), url("Montserrat-MediumItalic.woff2") format("woff2"), url("Montserrat-MediumItalic.woff") format("woff"), url("Montserrat-MediumItalic.ttf") format("truetype"), url("Montserrat-MediumItalic.svg#Montserrat-MediumItalic") format("svg");
     font-weight: 500;
     font-style: italic;
}
 @font-face {
     font-family: "Montserrat";
     src: url("Montserrat-Medium.eot");
     src: url("Montserrat-Medium.eot?#iefix") format("embedded-opentype"), url("Montserrat-Medium.woff2") format("woff2"), url("Montserrat-Medium.woff") format("woff"), url("Montserrat-Medium.ttf") format("truetype"), url("Montserrat-Medium.svg#Montserrat-Medium") format("svg");
     font-weight: 500;
     font-style: normal;
}
 @font-face {
     font-family: "Montserrat";
     src: url("Montserrat-Regular.eot");
     src: url("Montserrat-Regular.eot?#iefix") format("embedded-opentype"), url("Montserrat-Regular.woff2") format("woff2"), url("Montserrat-Regular.woff") format("woff"), url("Montserrat-Regular.ttf") format("truetype"), url("Montserrat-Regular.svg#Montserrat-Regular") format("svg");
     font-weight: normal;
     font-style: normal;
}
 @font-face {
     font-family: "Montserrat";
     src: url("Montserrat-SemiBoldItalic.eot");
     src: url("Montserrat-SemiBoldItalic.eot?#iefix") format("embedded-opentype"), url("Montserrat-SemiBoldItalic.woff2") format("woff2"), url("Montserrat-SemiBoldItalic.woff") format("woff"), url("Montserrat-SemiBoldItalic.ttf") format("truetype"), url("Montserrat-SemiBoldItalic.svg#Montserrat-SemiBoldItalic") format("svg");
     font-weight: 600;
     font-style: italic;
}
 @font-face {
     font-family: "Montserrat";
     src: url("Montserrat-SemiBold.eot");
     src: url("Montserrat-SemiBold.eot?#iefix") format("embedded-opentype"), url("Montserrat-SemiBold.woff2") format("woff2"), url("Montserrat-SemiBold.woff") format("woff"), url("Montserrat-SemiBold.ttf") format("truetype"), url("Montserrat-SemiBold.svg#Montserrat-SemiBold") format("svg");
     font-weight: 600;
     font-style: normal;
}
 @font-face {
     font-family: "Montserrat";
     src: url("Montserrat-Thin.eot");
     src: url("Montserrat-Thin.eot?#iefix") format("embedded-opentype"), url("Montserrat-Thin.woff2") format("woff2"), url("Montserrat-Thin.woff") format("woff"), url("Montserrat-Thin.ttf") format("truetype"), url("Montserrat-Thin.svg#Montserrat-Thin") format("svg");
     font-weight: 100;
     font-style: normal;
}
 @font-face {
     font-family: "Montserrat";
     src: url("Montserrat-ThinItalic.eot");
     src: url("Montserrat-ThinItalic.eot?#iefix") format("embedded-opentype"), url("Montserrat-ThinItalic.woff2") format("woff2"), url("Montserrat-ThinItalic.woff") format("woff"), url("Montserrat-ThinItalic.ttf") format("truetype"), url("Montserrat-ThinItalic.svg#Montserrat-ThinItalic") format("svg");
     font-weight: 100;
     font-style: italic;
}
 @font-face {
     font-family: "ocraregular";
     src: url("ocra-webfont.eot");
     src: url("ocra-webfont.eot?#iefix") format("embedded-opentype"), url("ocra-webfont.woff") format("woff"), url("ocra-webfont.ttf") format("truetype"), url("ocra-webfont.svg#ocraregular") format("svg");
     font-weight: normal;
     font-style: normal;
}
 HTML, BODY {
     background-color: #181717;
     font: 10pt/10pt "Montserrat";
     color: #ffffff;
     padding: 0;
     margin: 0;
     border: 0;
     height: 100%;
     width: 100%;
     background: #181717;
     background: linear-gradient(0deg, #0d0d0d 33%, #181717 100%);
    /*Try to get GPU scrolling*/
     position: fixed;
    /*height: 100vh;
     */
    /*width: 100vw;
     */
     will-change: transform;
     -webkit-overflow-scrolling: touch !important;
     backface-visibility: hidden;
     perspective: 1000;
     -webkit-backface-visibility: hidden;
     -webkit-perspective: 1000;
     -moz-backface-visibility: hidden;
     -moz-perspective: 1000;
     -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
     -ms-transform: translate3d(0, 0, 0);
     -o-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
     overflow: hidden;
    /*Try to get GPU scrolling*/
     min-height: 560px;
}
 * {
     margin: 0;
     padding: 0;
     border: 0;
     font: 400 9pt/13pt "Montserrat";
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     box-sizing: border-box;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     -webkit-tap-highlight-color: transparent;
}
 .visible-input {
     -webkit-appearance: auto;
     -moz-appearance: auto;
     appearance: auto;
     -webkit-tap-highlight-color: transparent;
}
 .hidden {
     display: none;
}
 #session {
     border: 1px solid #242424;
     background-color: #161414;
}
 .blockPage {
     position: absolute !important;
     top: 0 !important;
     left: 0 !important;
     right: 0 !important;
     bottom: 0 !important;
     top: 0 !important;
     height: 100% !important;
     width: 100% !important;
}
 #LoginTable input[type="checkbox"], #LoginTable input[type="radio"] {
     -webkit-appearance: auto;
     -moz-appearance: auto;
     -ms-appearance: auto;
     -o-appearance: auto;
     appearance: auto;
     height: 100% !important;
     width: 13px !important;
     margin-left: 10px !important;
     margin-right: 10px !important;
     vertical-align: middle !important;
     display: inline-block !important;
}
 #login1 .Button {
     display: block;
     width: calc(50% - 1px);
     display: inline-block;
     float: left;
     resize: none;
     border: 1px solid #b8322c;
     padding: 10px;
     font: 500 8.5pt/13pt "Montserrat";
     border-radius: 4px;
     background-color: #b8322c;
     color: #fff;
     outline: none;
     height: 36px;
}
 #login1 input#RemembermeInput, #login1 input#RemembermeOutput, #login1 #rememberme_send, #login1 #rememberme_back {
     display: none;
}
 #login1 #rememberme_send {
     margin-right: 2px;
}
 #login1 input#RemembermeOutput {
     background-color: transparent;
}
 #login1 input.RemembermeOutputFocus {
     background-color: transparent;
     font-weight: 600;
     background-color: #008a0e !important;
     color: #fff;
}
 .login_left {
     width: 40%;
     height: 100%;
     background-color: #161414;
     display: inline-block;
     float: left;
     padding: 30px;
     padding-right: 0px;
}
 .login_right {
     width: 60%;
     height: 100%;
     background-color: #161414;
     display: inline-block;
     float: right;
     padding: 30px;
}
 #LoginError {
     display: none !important;
}
 #login1 {
     background-color: #242424;
     height: 100%;
     width: 100%;
     padding: 20px;
     border-radius: 4px;
}
 #LoginTable, #LoginTable tbody {
     width: 100%;
     height: 100%;
     display: block;
}
 #LoginTable tr, #LoginTable td {
     display: block;
     width: 100%;
     height: 38px;
}
 #LoginTable label {
     color: #fff;
}
 #LoginTable label {
     display: block;
     width: 100%;
     font: 500 8.5pt/36px "Montserrat";
     word-break: break-all;
     color: #fff;
     text-align: left;
}
 #LoginTable input {
     display: block;
     width: 100%;
     resize: none;
     border: 1px solid #434343;
     padding: 10px;
     font: 500 8.5pt/13pt "Montserrat";
     border-radius: 4px;
     background-color: #434343;
     color: #fff;
     outline: none;
     height: 36px;
     text-overflow: ellipsis;
}
 #rememberme {
     width: calc(50% - 1px);
     display: inline-block;
     float: left;
     margin-right: 2px;
}
 #LoginTable tr.tr_policy td.filler {
     height: 100%;
}
 #LoginTable tr.tr_policy, #LoginTable tr.tr_policy td {
     height: calc(100% - 164px);
     display: block;
     margin-top: 20px;
}
 #policy, #policy #atsign {
     width: 100%;
     height: 100%;
     overflow: hidden;
     overflow-y: auto;
     border-radius: 4px;
     color: #a5a5a5;
     text-align: left;
     font: 500 8.5pt/15pt "Montserrat";
     padding-right: 5px;
}
 #policy #atsign {
     padding: 0;
     margin: 0;
     border: 0;
}
 #policy h1 {
     font: 600 9.5pt/15pt "Montserrat";
     padding-bottom: 10px;
}
 #policy p {
     font: 400 8.5pt/13pt "Montserrat";
     margin: 0;
     margin-bottom: 10px;
}
 #session {
     width: 800px;
     height: 480px;
     border: 1px solid #242424;
     border-radius: 4px;
     background-color: #161414;
     position: absolute;
     left: 50%;
     top: 50%;
     -webkit-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     overflow: hidden;
}
 #app {
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     position: fixed;
}
 #col1 {
     width: 112px;
     height: 100%;
     position: absolute;
     left: 0;
     background-color: #0f0e0e;
     -webkit-box-shadow: 0px 0px 33px 0px rgba(0, 0, 0, 0.33);
     -moz-box-shadow: 0px 0px 33px 0px rgba(0, 0, 0, 0.33);
     box-shadow: 0px 0px 33px 0px rgba(0, 0, 0, 0.33);
}
 #content {
     height: 100%;
     position: absolute;
     left: 112px;
     right: 0px;
}
 #client_content {
     width: 100%;
     height: 100%;
     position: relative;
}
 #col2 {
     width: 300px;
     height: 100%;
     position: absolute;
     left: 0px;
     background-color: #161414;
}
 #col2 form {
     margin: 0;
     border: 0;
     padding: 0;
     margin-bottom: 32px;
}
 #col2 .tab {
     width: 100%;
     height: 36px;
     font: 500 8.5pt/22px "Montserrat";
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     height: 32px;
     border: 1px solid #2a2a2a;
     background-color: #202020;
     padding: 5px;
     border-radius: 4px;
     cursor: pointer;
     opacity: 0.7;
}
 #col2 .tab:hover {
     opacity: 1;
}
 #col2 form table tbody tr {
     display: inline-table;
     width: 100%;
}
 #col2 form table tbody tr.dual {
     display: block;
     width: 50%;
     float: left;
     padding: 2px;
}
 #col2 form table tbody tr td {
     display: block;
     width: 100%;
}
 #col2 form table tbody tr td label {
     width: 100%;
     font: 500 8.5pt/10pt "Montserrat";
     padding-top: 0;
     padding-bottom: 0px;
     height: 28px;
     white-space: normal;
     vertical-align: middle;
     display: table-cell;
     margin: 0;
     border: 0;
     word-break: break-all;
     overflow-wrap: anywhere;
     min-width: 100%;
     max-width: 100%;
}
 .suggestion {
     color: #767575;
}
 .search table{
    width:100%;
}
 #col2 form table tbody tr td input, #col2 form table tbody tr td textarea, #col2 form table tbody tr td select {
     display: block;
     width: 100%;
     resize: none;
     border: 1px solid #434343;
     padding: 10px;
     font: 500 8.5pt/13pt "Montserrat";
     border-radius: 4px;
     background-color: #434343;
     color: #fff;
     outline: none;
     height: 36px;
     text-overflow: ellipsis;
}
 #col2 form table tbody tr td select {
     background-image: url(../images/w_arrow.png);
     background-repeat: no-repeat;
     background-position-x: calc(100% - 5px);
     background-position-y: 7px;
     background-size: 20px 20px;
     cursor: pointer;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
}
 input[type="datetime-local"]::-webkit-calendar-picker-indicator, input[type="date"]::-webkit-calendar-picker-indicator {
     background-image: url(../images/w_calendar_picker.png);
     background-repeat: no-repeat;
     background-position-x: calc(100% - -4px);
     font-size: 17px;
     background-position-y: -1px;
     background-size: 20px 20px;
     cursor: pointer;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
}
 #col2 form table tbody tr td select * {
     display: block;
     width: 100%;
     resize: none;
     background-color: #434343;
     color: #fff;
     outline: none;
     height: 36px;
}
 progress, input[type="range"], input[type="checkbox"], input[type="radio"] {
     accent-color: #b8322c;
}
 #col2 form table tbody tr td select {
     background-image: url(../images/w_arrow.png);
     background-repeat: no-repeat;
     background-repeat: no-repeat;
     background-position-x: calc(100% - 5px);
     background-position-y: 7px;
     background-size: 20px 20px;
     cursor: pointer;
}
 #col2 form table tbody tr td input[type="checkbox"], #col2 form table tbody tr td input[type="radio"] {
     -webkit-appearance: auto;
     -moz-appearance: auto;
     -ms-appearance: auto;
     -o-appearance: auto;
     appearance: auto;
     height: 100% !important;
     width: 13px !important;
     margin-left: 10px !important;
     margin-right: 10px !important;
     vertical-align: middle !important;
     display: inline-block !important;
     transform: scale(1.2);
}
 #col2 form table tbody tr td input[type="file"] {
     padding: 0;
     cursor: pointer;
     margin: 0;
     border: 0;
     display: inline-block;
     -webkit-appearance: none;
     -moz-appearance: none;
     -ms-appearance: none;
     -o-appearance: none;
     appearance: none;
}
 #col2 form table tbody tr td input[type="file"]::file-selector-button, #col2 form table tbody tr td input[type="file"]::-webkit-file-upload-button {
     background-color: #b8322c;
     color: #fff;
     border: 0px;
     border-right: 1px solid #b8322c;
     padding: 11px 15px;
     margin-right: 20px;
     font: 500 8.5pt/10pt "Montserrat";
     border-radius: 4px;
     cursor: pointer;
}
 #col2 form table tbody tr td input[type="file"]::file-selector-button:hover, #col2 form table tbody tr td input[type="file"]::webkit-file-upload-button:hover {
     background-color: #d33029;
     border: 0px;
     border-right: 1px solid #d33029;
}
 #col2 form table tbody tr td textarea {
     height: 120px;
}
 #col2 form table tbody tr td input:focus, #col2 form table tbody tr td textarea:focus {
     outline: none !important;
     border: 1px solid #bf2554;
}
 #col2 form table tbody tr td .Button, #col3 .Button {
     display: block;
     width: 100%;
     resize: none;
     border: 1px solid #b8322c;
     padding: 10px;
     font: 500 8.5pt/13pt "Montserrat";
     border-radius: 4px;
     background-color: #b8322c;
     color: #fff;
     outline: none;
     height: 36px;
     cursor: pointer;
}
 #col3 .Button {
     margin-top: 10px;
}
 #col2 form table tbody tr td .Button:hover, #col3 .Button:hover {
     border: 1px solid #d33029;
     background-color: #d33029;
}
 #col2 input[type="submit"] {
     margin-top: 20px;
}
 #col2 input[type="submit"]:nth-child(1) {
     width: calc(50% - 1px);
     display: inline-block;
     float: right;
}
 #col2 input[type="submit"]:nth-child(2) {
     width: calc(50% - 1px);
     display: inline-block;
     float: left;
}
 #col2 input[type="submit"]:only-child {
     width: 100%;
}
 #col2 form table tbody tr td input[type="checkbox"], #col2 form table tbody tr td input[type="radio"] {
     -webkit-appearance: auto;
     -moz-appearance: auto;
     -ms-appearance: auto;
     -o-appearance: auto;
     appearance: auto;
     height: 100% !important;
     width: 13px !important;
     margin-left: 10px !important;
     margin-right: 10px !important;
     vertical-align: middle !important;
     display: inline-block !important;
     transform: scale(1.2);
}
 #col2 form table tbody tr td input[id$="DeleteControl"] {
     display: none !important;
}
 .photo_id {
     color: #fff;
     background-color: #d33029;
    width:100%;
}
 .photo_thumbnail {
     background-color: #0f0e0e;
     text-align: center;
}
 #col3 {
     height: 100%;
     position: absolute;
     left: 300px;
     right: 0px;
     background-color: #1a1818;
}
 [id^="DOM_"], [id$="DOM_"] {
     touch-action: none !important;
     content-zooming: none !important;
     -ms-content-zooming: none !important;
     -ms-touch-action: none !important;
     position: absolute;
     height: 100%;
     width: 100%;
}
 [id^="ErrorBlock"], [id$="ErrorBlock"] {
     display: none !important;
}
 .inner {
     width: 100%;
     padding: 15px;
}
 #col3 .datatable {
     overflow: hidden;
     overflow-y: auto;
     position: absolute;
     bottom: 0;
     left: 13px;
     right: 0;
     top: 64px;
}
 .datatable {
     position: relative;
}
 .datatable table {
     width: 100%;
     height: auto;
     border-spacing: 0;
}
 .datatable table td {
     padding: 5px;
}
 .datatable table thead {
     position: sticky;
     top: 0;
     z-index: 1000;
}
 .datatable table tr:nth-child(odd) {
     background-color: #1e1c1c;
}
 .datatable table th {
     height: 32px;
     text-align: center;
     font: 500 8.5pt/13pt "Montserrat";
     background-color: #202020;
     border: 1px solid #242424;
}
 .datatable table a {
     text-align: center;
     font: 500 8.5pt/13pt "Montserrat";
     text-decoration: none;
     color: #fff;
     opacity: 0.7;
}
 .datatable table td.center, .datatable table th.center {
     text-align: center;
}
 .datatable table tbody tr {
     height: 112px;
     overflow: hidden;
     border-radius: 4px;
}
 .norecords {
     text-align: center;
}
 #matrix {
     table-layout: auto;
     width: calc(100% - 10px);
    background-color: transparent;
    border-collapse: collapse;
}
 #matrix tbody tr, #matrix tbody td{
     height: auto;
     border: 1px solid #4e4e4e;
    background-color: transparent;
     font: 500 8.5pt/13pt "Montserrat";
     white-space: break-spaces;
     word-wrap: break-word;
}
 #matrix tbody tr{
    border-color:transparent;
}
 #matrix tbody td.matrix_name{
    text-align:left;
    width: 49%;
    background-color: #2f2f2f;
    padding:10px;
}
 #matrix tbody td.matrix_group{
    text-align:center;
    width: 20%;
    background-color: #2f2f2f;
}
 #matrix tbody td.matrix_job{
    text-align:center;
    width: 15%;
    background-color: #2f2f2f;
}
 #matrix tbody td.matrix_employeeid{
    text-align:center;
    width: 15%;
    background-color: #2f2f2f;
}
 #matrix tbody td.matrix_job_detail{
    text-align:left;
    width: 15%;
    background-color: #434343;
    padding:10px;
}
 #matrix tbody td.matrix_spacer{
    border:0;
    background-color: transparent;
}
 #matrix tbody tr td.matrix_id{
    width: 2%;
    text-align: center;
     background-color: #2f2f2f;
}
 #matrix tbody td.matrix_data{
    width:2.5%;
    text-align:center;
    font: 500 7.5pt/13pt "Montserrat";
    padding: 0;
}
 #matrix tbody tr.matrix_data td{
    width:2.5%;
    text-align:center;
    font: 500 8.5pt/13pt "Montserrat";
    padding: 0;
    background-color:#434343;
}
 #matrix tbody tr td.matrix_good{
    color: #129f20;
    text-align:center;
    font: 500 7.5pt/13pt "Montserrat";
    padding: 0;
}
 #matrix tbody tr td.matrix_bad{
    color: #f23a5a;
    text-align:center;
    font: 500 7.5pt/13pt "Montserrat";
    padding: 0;
}
 #matrix tbody tr.matrix_header_01 td{
    text-align: center;
     white-space: break-spaces;
     word-wrap: break-word;
     padding: 5px;
}
 #matrix tbody tr.matrix_header_01 td.matrix_good{
    color:#ffffff;
}
 #matrix tbody tr.matrix_header_01 td.matrix_bad{
    color:#ffffff;
}
 #matrix tbody tr td.norecords{
    height: 112px;
     overflow: hidden;
     border-radius: 4px;
    border: 0;
     font: 400 9pt/13pt "Montserrat";
     background-color: #1e1c1c;
}
 .header {
     padding: 0;
     margin: 0;
     border: 0;
     padding-top: 0px;
     font: 15pt/32pt "Montserrat";
     font-weight: 400;
     color: #404040;
     display: inline-block;
     overflow: hidden;
     text-overflow: ellipsis;
     width: 100%;
     white-space: nowrap;
     position: relative;
     padding-bottom: 2px;
     height: 45px;
     padding-left: 10px;
     border-bottom: 1px solid #2a2a2a;
}
 .title {
     padding: 0;
     margin: 0;
     border: 0;
     padding-top: 0px;
     font: 15pt/24pt "Montserrat";
     font-weight: 400;
     color: #c3c3c3;
     display: inline-block;
     overflow: hidden;
     text-overflow: ellipsis;
     width: calc(100% - 128px);
     white-space: nowrap;
     position: relative;
     padding-bottom: 2px;
     height: 45px;
}
 .scroll {
     overflow: hidden;
     overflow-y: auto;
     position: absolute;
     bottom: 0;
     left: 13px;
     right: 13px;
     top: 64px;
}
 .photo_thumbnail {
     width: 120px;
     height: 90px;
     background-repeat: no-repeat;
     background-size: contain;
     background-position: center;
     background-color: #0f0e0e;
     border-radius: 2px;
     position: relative;
     margin: auto;
}
 .photo_id {
     width: auto;
     height: 18px;
     background-color: #d33029;
     position: absolute;
     bottom: 0;
     right: 0;
     text-align: center;
     border-radius: 2px;
     font: 400 8.5pt/13pt "Montserrat";
     overflow: hidden;
     text-overflow: ellipsis;
     padding-left: 3px;
     padding-right: 3px;
     min-width: 28px;
     max-width: 500px;
     width:100%;
     text-align:center;
}
 .row_detail {
     width: 100%;
     height: 90px;
     padding: 4px;
}
 .tally{
     width: 0;
     height: 20px;
     font: 500 8.5pt/13pt "Montserrat";
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
     min-width: 100%;
     max-width: 100%;
     text-align:center;
}
 .row_title {
     width: 0;
     height: 20px;
     font: 500 8.5pt/13pt "Montserrat";
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
     min-width: 100%;
     max-width: 100%;
}
 .row_description {
     width: 0;
     height: 70px;
     font: 200 8.5pt/13pt "Montserrat";
     overflow: hidden;
     min-width: 100%;
     max-width: 100%;
}
 .row_file {
     width: 100%;
     height: 90px;
     padding: 4px;
     min-width: 120px;
}
 .row_file_title {
     width: 0;
     min-width: calc(100% - 50px);
     max-width: calc(100% - 50px);
     height: 50%;
     font: 500 8.5pt/13pt "Montserrat";
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
     float: left;
     line-height: 64px;
}
 .row_voters_counter{
    height: auto !important;
    padding-top: 4px;
}
 .row_file_title div{
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
     font: 400 8.5pt/13pt "Montserrat";
     width: 100%;
     min-width: 100%;
     max-width: 100%;
     line-height: normal;
     border-bottom: 1px solid #434343;
     padding-bottom: 4px;
     padding-top: 4px;
}
 .row_file_size {
     width: 0;
     min-width: calc(100% - 50px);
     max-width: calc(100% - 50px);
     height: 50%;
     font: 500 8.5pt/13pt "Montserrat";
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
     float: left;
     color: #c4c3c3;
}
 .row_file_icon {
     background-image: url(../images/w_image_jpg.png);
     background-repeat: no-repeat;
     background-size: 32px;
     width: 42px;
     height: 100%;
     background-position: center;
     float: left;
     background-position: left;
}
 .Sorter {
     display: block;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     width: 0;
     max-width: 100%;
     min-width: 100%;
}
 .width_100p {
     width: auto;
     min-width: 140px;
}
 .width_50p {
     width: 50%;
}
 .width_33p {
     width: 33.33%;
}
 .width_15p {
     width: 15%;
}
 .width_40 {
     width: 40px;
}
 .width_64 {
     width: 64px;
}
 .width_128 {
     width: 128px;
}
 .width_100 {
     width: 100px;
}
 .width_80 {
     width: 80px;
}
 .width_160 {
     width: 160px;
}
 .width_170 {
     width: 170px;
}
 .width_180 {
     width: 180px;
}
 .width_192 {
     width: 192px;
}
 .width_256 {
     width: 256px;
}
 .width_320 {
     width: 256px;
}
 #userwrapper {
     height: 90px;
     opacity: 1;
}
 #userphoto, #username {
     opacity: 0.75;
}
 .user_circle {
     border-radius: 100%;
     height: 32px;
     width: 32px;
     border: 3px solid #fff;
     margin: auto;
     margin-top: 6px;
     overflow: hidden;
     background-repeat: no-repeat;
     background-size: cover;
     background-image: url(../images/w_user.png);
}
 .theme {
     bottom: 0;
     right: 0;
     left: auto;
     position: absolute;
     height: 100px;
     z-index: 1000;
}
 .theme div {
     width: 30px;
     height: 25px;
     background-size: 20px;
     background-position: center;
     background-repeat: no-repeat;
     opacity: 0.75;
     cursor: pointer;
}
 .sun {
     background-image: url(../images/w_sun.png);
}
 .moon {
     background-image: url(../images/w_moon.png);
     background-size: 18px !important;
}
 .logout {
     width: 100%;
     border-radius: 22px;
     background-color: #b8322c;
     display: block;
     text-align: center;
     font: 500 8.5pt/14pt "Montserrat";
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     text-decoration: none;
     color: #fff;
     position: absolute;
     bottom: 3px;
     right: 0;
     left: 0;
     padding-left: 7px;
     padding-right: 7px;
     height: 18px;
}
 .icon {
     width: 72px;
     height: 72px;
     border-radius: 4px;
     border: 1px solid transparent;
     margin: auto;
     background-repeat: no-repeat;
     background-size: 32px;
     background-position: center 10px;
     margin-top: 7px;
     margin-bottom: 7px;
     position: relative;
     opacity: 0.75;
     cursor: pointer;
}
 .center {
     text-align: center;
}
 .icon:hover {
     opacity: 1;
}
 #username.icon_text {
     bottom: 25px;
}
 #userphoto, #username {
     opacity: 0.75;
}
 .icon_text {
     font: 600 8.5pt/13pt "Montserrat";
}
 .icon_text {
     position: absolute;
     bottom: 3px;
     right: 0;
     left: 0;
     text-align: center;
     font: 500 8.5pt/13pt "Montserrat";
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
}
 .icon_left_text {
     font: 500 8.5pt/42px "Montserrat";
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     margin-left: 54px;
     height: 100%;
}
 .icon_left {
     width: 100%;
     height: 45px;
     border-radius: 4px;
     border: 1px solid transparent;
     margin: auto;
     background-repeat: no-repeat;
     background-size: 32px;
     background-position: 12px center;
     margin-top: 7px;
     margin-bottom: 7px;
     position: relative;
     opacity: 0.75;
     cursor: pointer;
}
 .separator {
     width: 100%;
     height: 1px;
     background-color: #2a2a2a;
}
 .user {
     position: absolute;
     bottom: 0;
     right: 0;
     left: 0;
}
 .home {
     background-image: url(../images/w_home.png);
}
 .survey_group {
     background-image: url(../images/w_survey_group.png);
}
 .survey_manual {
     background-image: url(../images/w_survey_manual.png);
}
 .dashboard {
     background-image: url(../images/w_survey_dashboard.png);
}
 .datasheet {
     background-image: url(../images/w_survey_datasheet.png);
}
 .graphs {
     background-image: url(../images/w_survey_graph.png);
}
 .download {
     background-image: url(../images/w_download.png);
}
 .icon_button {
     display: block;
     height: 32px;
     width: 32px;
     position: relative;
     float: right;
     background-size: contain;
     background-position: center;
     opacity: 0.75;
     cursor: pointer;
     margin-left: 10px;
     background-repeat: no-repeat;
}
 .close {
     background-image: url(../images/w_close.png);
}
 .refresh {
     background-image: url(../images/w_refresh.png);
}
 div.search {
     background-image: url(../images/w_searchm.png);
}
 .return {
     background-image: url(../images/w_return.png);
}
 .add {
     background-image: url(../images/w_add.png);
}
 .user_inactive {
     background-image: url(../images/b_inactive.png);
}
 .survey {
     background-image: url(../images/w_survey.png);
}
 .settings {
     background-image: url(../images/w_settings.png);
     position: absolute;
     bottom: 100px;
     right: 0;
     left: 0;
}
 .users {
     background-image: url(../images/w_agent.png);
}
 .locations {
     background-image: url(../images/w_store.png);
}
 .welcome_background {
     background-image: url(../images/w_welcome_background.png);
}
 .server {
     background-image: url(../images/w_server.png);
}
 .user_active {
     background-image: url(../images/w_active.png);
}
 .ajaxcall {
     cursor: pointer;
}
 .error_alert, .confirm_alert {
     background: #333;
     color: #fff;
     height: 240px;
     line-height: 200px;
     position: absolute;
     text-align: center;
     width: 300px;
     border-radius: 4px;
     -webkit-box-shadow: 0px 0px 12px 13px rgba(0, 0, 0, 0.1);
     -moz-box-shadow: 0px 0px 12px 13px rgba(0, 0, 0, 0.1);
     box-shadow: 0px 0px 12px 13px rgba(0, 0, 0, 0.1);
     margin: auto;
     left: calc(50% - 150px);
     top: calc(50% - 120px);
}
 .error_tile, .confirm_title {
     font: 600 10pt/13pt "Montserrat";
     color: #ffffff;
     width: 100%;
     height: auto;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     padding: 10px;
     padding-top: 20px;
}
 .error_description, .confirm_description {
     font: 400 8.5pt/12pt "Montserrat";
     color: #c0c0c0;
     width: 100%;
     height: auto;
     white-space: normal;
     padding: 0px;
     height: 112px;
     overflow: hidden;
     overflow-y: auto;
     padding-left: 8px;
     padding-right: 8px;
}
 .error_alert .button {
     position: absolute;
     width: 100%;
     text-align: center;
     margin-top: 0;
     display: block;
     margin: auto;
     bottom: 0;
     width: 100%;
     resize: none;
     border: 1px solid #b8322c;
     padding: 10px;
     font: 500 8.5pt/13pt "Montserrat";
     border-radius: 4px;
     background-color: #b8322c;
     color: #fff;
     outline: none;
     height: 36px;
}
 .error_alert .button:hover {
     border: 1px solid #d33029;
     background-color: #d33029;
}
 .readonly input {
     opacity: 0.5;
}
 .disabled input, *:disabled, .select2-container--disabled {
     opacity: 0.5;
}
 .noselect {
     user-select: none;
    /* standard syntax */
     -webkit-user-select: none;
    /* webkit (safari, chrome) browsers */
     -moz-user-select: none;
    /* mozilla browsers */
     -khtml-user-select: none;
    /* webkit (konqueror) browsers */
     -ms-user-select: none;
    /* IE10+ */
}
 ::-webkit-scrollbar {
     height: 12px;
     width: 12px;
     background: transparent;
}
 ::-webkit-scrollbar-thumb {
     background: #b8322c;
     -webkit-border-radius: 6px;
}
 ::-webkit-scrollbar-thumb:hover {
     background: #d33029;
     -webkit-border-radius: 6px;
}
 ::-webkit-scrollbar-corner {
     background: transparent;
}
 input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration {
     display: none;
}
 .logo {
     background-image: url("../images/logo_splash.png");
     width: 100%;
     height: 100%;
     background-repeat: no-repeat;
     background-size: 100%;
}
 #splash {
     background-repeat: no-repeat;
     background-origin: padding-box;
     background-position: top center;
     background-size: cover;
     height: 100%;
     width: 100%;
}
 #splash_logo {
     background-image: url("../images/logo_splash.png");
     background-repeat: no-repeat;
     width: 300px;
     height: 300px;
     position: absolute;
     bottom: 30px;
     right: 30px;
     background-position: bottom right;
     background-size: 100%;
}
 .linemask {
     background-image: url(../images/pattern.png);
     background-repeat: repeat;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     position: absolute;
     -moz-transform: none;
     -webkit-transform: none;
     -o-transform: none;
     -ms-transform: none;
     transform: none;
}
 .qrcode img {
     height: 100%;
     width: auto;
     margin: auto !important;
}
 .select2 * {
     outline: none;
}
 span.accentboxcolor {
     display: inline-block;
     width: 7px;
     height: 7px;
}
 span.accentboxwrapper {
     font: 500 8.5pt/13pt "Montserrat";
     height: 32px;
     line-height: 36px;
     padding-left: 0px;
     white-space: nowrap;
     text-overflow: ellipsis;
     width: 0;
     min-width: 100%;
     max-width: 100%;
     display: block;
     overflow: hidden;
}
 .lang_caption {
     font: 500 8.5pt/13pt "Montserrat";
     width: 100%;
     height: 50px;
     overflow: hidden;
}
 .select2-hidden-accessible {
     border: 0 !important;
     clip: rect(0 0 0 0) !important;
     -webkit-clip-path: inset(50%) !important;
     clip-path: inset(50%) !important;
     height: 1px !important;
     overflow: hidden !important;
     padding: 0 !important;
     position: absolute !important;
     width: 1px !important;
     white-space: nowrap !important;
}
 .select2 {
     display: block;
     width: 100%;
     resize: none;
     border: 1px solid #434343;
     padding: 10px;
     font: 500 8.5pt/13pt "Montserrat";
     border-radius: 4px;
     background-color: #434343;
     color: #fff;
     outline: none;
     height: 36px;
     position: relative;
     outline: none;
}
 .selection, select2-selection {
     width: 100%;
     display: block;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
}
 .select2-selection__rendered {
     width: calc(100% - 32px);
     display: block;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
     font: 500 8.5pt/13pt "Montserrat";
}
 .select2-selection__arrow {
     background-image: url(../images/w_arrow.png);
     background-repeat: no-repeat;
     background-repeat: no-repeat;
     background-position-x: calc(100% - 5px);
     background-position-y: 0;
     background-size: 20px 20px;
     cursor: pointer;
     width: 32px;
     height: 32px;
     display: block;
     position: absolute;
     right: 4px;
     top: 8px;
}
 .select2-container {
     box-sizing: border-box;
     display: inline-block;
     margin: 0;
     position: relative;
     vertical-align: middle;
     width: 0 !important;
     min-width: 100%;
     max-width: 100%;
}
 .select2-container--open .select2-dropdown {
     left: 0;
     border-radius: 3px;
}
 .select2-container--open .select2-dropdown--below {
     border: 1px solid #545454;
     border-radius: 4px;
}
 .select2-search__field {
     display: block;
     width: 100%;
     resize: none;
     border: 1px solid #434343;
     padding: 10px;
     font: 500 8.5pt/13pt "Montserrat";
     border-radius: 4px;
     background-color: #434343;
     color: #fff;
     outline: none;
     height: 32px;
}
 .select2-search--dropdown {
     display: block;
     padding: 0px;
     border-bottom: 1px solid #545454;
}
 .select2-dropdown {
     background-color: #3d3d3d;
     top: 5px;
     border: 1px solid #7e7e7e;
     box-sizing: border-box;
     display: block;
     position: absolute;
     left: -100000px;
     width: 100%;
     z-index: 1051;
}
 .select2-results {
     display: block;
}
 .select2-results__options {
     list-style: none;
     margin: 0;
     padding: 0;
}
 .select2-container--default .select2-results > .select2-results__options {
     max-height: 200px;
     min-height: 36px;
     overflow-y: auto;
     overflow-x: hidden;
}
 .select2-results__option {
     font: 500 8.5pt/13pt "Montserrat";
     height: 32px;
     line-height: 36px;
     padding-left: 10px;
     white-space: nowrap;
     text-overflow: ellipsis;
     width: 0;
     min-width: 100%;
     max-width: 100%;
     display: block;
     overflow: hidden;
}
 li.select2-results__option--disabled {
     opacity: 0.3 !important;
}
 .select2-results__option--highlighted {
     background-color: #b8322c;
}
 .cw-wrapper {
     background: #333;
     color: #fff;
     height: 240px;
     line-height: 200px;
     z-index: 99999;
     display: block;
     position: fixed;
     text-align: center;
     width: 300px;
     border-radius: 4px;
     margin: auto;
     left: calc(50% - 150px);
     top: calc(50% - 120px);
     -webkit-box-shadow: 0px 0px 12px 13px rgba(0, 0, 0, 0.1);
     -moz-box-shadow: 0px 0px 12px 13px rgba(0, 0, 0, 0.1);
     box-shadow: 0px 0px 12px 13px rgba(0, 0, 0, 0.1);
     overflow: hidden;
}
 .cw-wrapper.dark {
     background-color: rgb(25, 25, 25);
     color: #fff;
}
 .cw-header {
     display: none;
}
 .cw-wrapper.dark > .cw-header {
     border-bottom: 1px solid rgb(35, 35, 35);
}
 .cw-content {
     padding: 17px;
     padding-left: 65px;
     padding-right: 30px;
     font: 500 9pt/14pt "Montserrat";
     height: 100%;
     background-image: url(../images/w_info_icon_wh.png);
     background-repeat: no-repeat;
     background-position: 10px 20px;
     background-size: 42px 42px;
}
 .cw-button {
     position: absolute;
     width: 50%;
     text-align: center;
     margin-top: 0;
     display: block;
     margin: auto;
     bottom: 0;
     resize: none;
     border: 1px solid #161414;
     padding: 10px;
     font: 500 8.5pt/13pt "Montserrat";
     border-radius: 0px;
     background-color: #161414;
     color: #fff;
     outline: none;
     height: 36px;
     overflow: hidden;
     text-overflow: ellipsis;
     left: 50%;
     border-top-left-radius: 0;
     border-bottom-left-radius: 0;
     cursor: pointer;
}
 .cw-button.blue {
     left: 0;
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
     border: 1px solid #b8322c;
     background-color: #b8322c;
}
 #cw-screencover {
     background-color: rgba(0, 0, 0, 0.5);
     z-index: 99998;
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     opacity: 0.9;
}
 #col2 form table tbody tr td label[for$="DeleteControl"] {
     ackground: url(../images/w_trash.png) no-repeat;
     height: 36px;
     width: 32px;
     display: inline-block;
     padding: 0 0 0 0px;
     position: relative;
     right: 0px;
     top: 0;
     background-position: 5px 1px !important;
     cursor: pointer;
     font-size: 0px !important;
     text-intent: -9999999px !important;
     color: transparent !important;
     float: right;
     min-width: 32px !important;
     max-width: 36px !important;
     background-size: 22px !important;
}
 #col2 form table tbody tr td span.fileuploadspan {
     font: 500 8.5pt/10pt "Montserrat";
     max-width: calc(100% - 32px);
     min-width: calc(100% - 32px);
     display: block;
     min-height: 28px;
     max-height: 42px;
     float: left;
     white-space: nowrap;
     position: relative;
     text-overflow: ellipsis;
     overflow: hidden;
     font-style: italic;
     width: 0;
     overflow-wrap: anywhere;
     white-space: normal;
     display: table-cell;
     vertical-align: middle;
}
 #col2 form table tbody tr td label[for$="DeleteControl"] {
     ackground: url(../images/w_trash.png) no-repeat;
     height: 36px;
     width: 32px;
     display: inline-block;
     padding: 0 0 0 0px;
     position: relative;
     right: 0px;
     top: 0;
     background-position: 5px 1px !important;
     cursor: pointer;
     font-size: 0px !important;
     text-intent: -9999999px !important;
     color: transparent !important;
     float: right;
     min-width: 32px !important;
     max-width: 36px !important;
     background-size: 22px !important;
}
 .survey_question_select{
     width: 100%;
     height: 74px;
     display: block;
     position:relative;
}
 .survey_question_photo{
     width: 36px;
     height: 36px;
     display: inline-block;
     position: absolute;
     border: 1px solid #333;
     background-repeat: no-repeat;
     background-size: contain;
     background-color: #333;
    margin: 3px;
     top: 3px;
}
 .survey_question_text1{
     width: calc(100% - 50px);
     display: block;
     top: 2px;
     left: 43px;
     position: absolute;
     white-space: nowrap;
     text-overflow: ellipsis;
     font: 400 7.5pt/13pt "Montserrat";
    overflow:hidden;
    padding: 2px;
}
 .survey_question_text2{
     width: calc(100% - 50px);
     display: block;
     top: 17px;
     left: 43px;
     position: absolute;
     white-space: nowrap;
     text-overflow: ellipsis;
     font: 500 8.5pt/13pt "Montserrat";
    overflow:hidden;
    padding: 2px;
}
 .survey_question_text3{
     width: calc(100% - 50px);
     display: block;
     top: 37px;
     left: 43px;
     position: absolute;
     text-overflow: ellipsis;
     font: 400 7.5pt/13pt "Montserrat";
     white-space: normal;
     overflow: hidden;
     padding: 2px;
     line-height: normal;
     height: 29px;
}
 li[id*='select2-survey_quid_questions']{
    padding:0;
    height:auto;
    border-bottom: 1px solid #545454;
}
/*Manual Survey*/
 #col2 form table#survey_manual_table{
    display: table;
     border-collapse: collapse;
     background-color: #434343;
     border-radius: 4px;
     overflow: hidden;
}
 #col2 form table#survey_manual_table tbody tr, #col2 form table#survey_manual_table thead tr{
    display:table-row;
    border-bottom: 1px solid #2a2a2a;
     margin-top: 4px;
}
 #col2 form table#survey_manual_table tbody tr td, #col2 form table#survey_manual_table thead tr th{
    display:table-cell;
    padding: 8px;
     font: 500 8.5pt/13pt "Montserrat";
}
 .survey_manual_sub{
    background-color: #2f2f2f;
    text-align: center;
}
 .survey_manual_head{
    background-color: #1d1d1d;
    text-align: center;
}
 .survey_manual_question{
    width:65% !important;
}
 .survey_manual_answer{
    width:35% !important;
}
 .no-search .select2-search {
     display: none;
}
 .select2-container--focus {
     border: 1px solid #b8322c !important;
}
 .question_row {
     width: 0;
     display: inline-block;
     overflow: hidden;
     height: auto;
     white-space: nowrap;
     font: 200 8.5pt/13pt "Montserrat";
     text-overflow: ellipsis;
     min-width: calc(50% - 5px);
     max-width: calc(50% - 5px);
     position: relative;
     margin-right: 5px;
}
 .question_row_inner{
     width: calc(100% - 32px);
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     font: 500 8.5pt/13pt "Montserrat";
}
 .question_answer{
    width: 22px !important;
     height: auto;
     position: absolute;
     top: 0;
     right: 0;
     text-align: center;
     padding: 0;
     margin: 0;
     min-width: 22px;
     max-width: 22px;
}
/*Manual Survey*/
/*Survey Client Styles*/
 .footer {
     width: 90%;
     min-width: 320px;
     max-width: 720px;
     height: auto;
     margin: auto;
     position: relative;
     text-align: center;
     padding: 20px;
}
 .survey_body {
     padding-top: 10px;
     padding-bottom: 10px;
    /*overflow-y: scroll;
    */
}
 .survey_card, .survey_index_wrapper {
     width: 90%;
     min-width: 320px;
     max-width: 720px;
     border: 1px solid #2a2a2a;
     border-radius: 8px;
     height: auto;
     margin: auto;
     position: relative;
     margin-bottom: 20px;
}
 .survey_filter_wrapper {
     width: 90%;
     min-width: 320px;
     max-width: 720px;
     border: 0;
     border-radius: 8px;
     height: auto;
     margin: auto;
     position: relative;
     margin-bottom: 10px;
     display: flex;
}
 .survey_filter_wrapper .table_button {
     flex: 1;
     box-sizing: border-box;
     text-align: center;
     margin-right: 4px;
     white-space: nowrap;
}
 .table_button:last-child {
     margin-right: 0;
    /* Remove margin from the last element to avoid extra spacing */
}
 .survey_user {
     width: 90%;
     min-width: 320px;
     max-width: 720px;
     height: auto;
     margin: auto;
     position: relative;
}
 .survey_header {
     background-color: #1a1818;
}
 table.survey_title {
     width: 100%;
     border-collapse: collapse;
}
 table.survey_title td {
     width: 50%;
     vertical-align: middle;
     padding: 20px;
     font: 500 9.5pt/13pt "Montserrat";
}
 table.survey_title ul, table.survey_title ul li, table.survey_title p, table.survey_title div, table.survey_title * {
     font: 500 9.5pt/13pt "Montserrat";
}
 table.survey_title div.title {
     font: 15pt/18pt "Montserrat";
}
 table.survey_title td img {
     width: 100%;
}
 table.survey_title tr:nth-child(1) td {
     border-bottom: 1px solid #2a2a2a;
}
 table.survey_title tr:nth-child(1) td:nth-child(1) {
     width: 45%;
}
 table.survey_title tr:nth-child(1) td:nth-child(2) {
     width: 75%;
     text-align: center;
     vertical-align: middle;
     font: 400 12pt/18pt "Montserrat";
}
 table.survey_title tr:nth-child(2) td {
     font: 500 9.5pt/13pt "Montserrat";
     border-bottom: 1px solid #2a2a2a;
}
 table.survey_title table {
     width: 100%;
     border-collapse: collapse;
     margin: auto;
}
 table.survey_title table tr:nth-child(1) td {
     padding: 8px;
     text-align: center;
     font: 500 9.5pt/13pt "Montserrat";
}
 table.survey_title table tr:nth-child(2) td {
     padding: 8px;
     border-bottom: 1px solid #2a2a2a;
}
 table.survey_title table tr td {
     padding: 8px;
     text-align: center;
}
 table.survey_title table tr th {
     padding: 8px;
     text-align: center;
     border-bottom: 1px solid #2a2a2a;
     font: 500 9.5pt/13pt "Montserrat";
}
 table.survey_title td ul {
     padding-left: 15px;
}
 table.survey_title tr:nth-child(4) td {
     text-align: center;
}
 table.survey_title td input[type="button"], .retrun_button {
     display: block;
     width: 100%;
     resize: none;
     border: 1px solid #b8322c;
     padding: 10px;
     font: 500 9.5pt/13pt "Montserrat";
     border-radius: 4px;
     background-color: #b8322c;
     color: #fff;
     outline: none;
     height: 36px;
     cursor: pointer;
}
 .btn_50m {
     width: calc(50% - 4px);
     margin-right: 4px;
     display: inline-block;
}
 .btn_50p {
     margin: 0;
     width: 50%;
     display: inline-block;
}
 table.survey_title td input[type="button"]:hover {
     border: 1px solid #d33029;
     background-color: #d33029;
}
 table.survey_question {
     width: 100%;
     border-collapse: collapse;
}
 table.survey_question td {
     padding: 10px;
}
 table.survey_question_card {
     padding: 0;
     margin: 0;
     border: 0;
     border-collapse: collapse;
     table-layout: fixed;
     width: 100%;
}
 table.survey_question_card td {
     padding: 0;
     margin: 0;
     border: 0;
     border-collapse: collapse;
}
 table.survey_question_card td .survey_question_text {
     padding-right: 5px;
     position: relative;
     height: 100%;
     overflow: visible;
     font: 500 9.5pt/13pt "Montserrat";
}
 table.survey_question_card tr:nth-child(1) td {
     text-align: center;
     padding: 10px;
     background-color: #0f0e0e;
     border: 1px solid #2a2a2a;
}
 table.survey_question_card tr:nth-child(2) td {
     text-align: center;
     border: 1px solid #2a2a2a;
     padding: 10px;
     background-color: #1a1818;
}
 table.survey_question_card tr:nth-child(3) td {
     text-align: center;
     border: 1px solid #2a2a2a;
     padding: 10px;
}
 table.survey_question_card tr:nth-child(4) td {
     text-align: center;
     border: 1px solid #2a2a2a;
     padding: 0px;
}
 table.survey_answers {
     width: 100%;
     border-collapse: collapse;
     table-layout: fixed;
     border: 0;
}
 table.survey_answers tr td {
     border: 0 !important;
     padding: 5px !important;
}
 table.survey_answers tr td input {
     border: 0 !important;
     padding: 5px !important;
     -webkit-appearance: auto;
     -moz-appearance: auto;
     appearance: auto;
}
 table.survey_index {
     width: 100%;
     padding: 0;
     margin: 0;
     border-collapse: collapse;
}
 table.survey_index th {
     padding: 15px;
     box-sizing: border-box;
     height: 48px;
     background-color: #2a2a2a;
     font: 500 9.5pt/13pt "Montserrat";
}
 table.survey_index td {
     padding: 15px;
     box-sizing: border-box;
     height: 48px;
     border-bottom: 1px solid #2a2a2a;
}
 table.survey_index .rows:nth-child(odd) {
     background-color: #1a1818;
}
/*Buttons to begin survey*/
 #survey_cancel.btn_50p:hover {
     border: 1px solid #d33029;
     background-color: #d33029;
}
 #survey_begin.btn_50m {
     margin: 0;
     width: 50% !important;
     display: inline-block;
     text-overflow: ellipsis;
     overflow: hidden;
}
 #survey_cancel.btn_50p {
     width: calc(50% - 4px) !important;
     margin-right: 4px;
     display: inline-block;
     background-color: #b8322c;
     text-overflow: ellipsis;
     overflow: hidden;
}
 .survey_continue_options {
     width: 100%;
}
 .survey_instructions {
     width: 100%;
     border: 0;
     border-radius: 8px;
     height: auto;
     margin: auto;
     position: relative;
     margin-bottom: 10px;
     padding-left: 50px;
     padding-right: 20px;
     font: 500 9pt/13pt "Montserrat";
     border: 1px solid #ffb000;
     padding-top: 10px;
     padding-bottom: 10px;
     background-color: #fedf9c;
     background-image: url(../images/b_survey.png);
     background-repeat: no-repeat;
     background-size: 32px;
     background-position: 10px 10px;
     min-height: 53px;
     display: flex;
     align-items: center;
     justify-content: left;
     min-height: 53px;
     color: #000000;
     -webkit-user-select: none;
     -ms-user-select: none;
     user-select: none;
}
/*Buttons to begin survey*/
 .survey_instructions_PDF {
     background-image: url(../images/b_pdf.png);
}
 #send_confifm_pdf {
     cursor: pointer;
}
 .table_button {
     display: block;
     width: 100%;
     resize: none;
     border: 1px solid #b8322c;
     padding: 10px;
     font: 500 9.5pt/13pt "Montserrat";
     border-radius: 4px;
     background-color: #b8322c;
     color: #fff;
     outline: none;
     height: 36px;
     cursor: pointer;
     min-width: 100px;
     overflow: hidden;
     text-overflow: ellipsis;
     text-align: center;
}
 .table_button:hover {
     background-color: #d33029;
     border: 1px solid #d33029;
}
 #s_keyword {
     padding: 10px;
     width: 100%;
     box-sizing: border-box;
     height: 50px;
     border-radius: 4px;
     background-color: transparent;
     outline: none;
     color: #ffffff;
     padding-left: 50px;
     font: 500 9.5pt/13pt "Montserrat";
}
 .search_icon {
     background-image: url(../images/w_search.png);
     background-repeat: no-repeat;
     background-size: 32px;
     background-position: 6px 8px;
}
 .no_records {
     text-align: center;
}
 .br-theme-bars-square .br-widget {
     height: 20px;
     white-space: nowrap;
     margin: auto;
     width: 115px;
     margin-top: 3px;
     margin-bottom: 6px;
}
 .br-theme-bars-square .br-widget a {
     display: block;
     width: 19px;
     height: 19px;
     float: left;
     border: 2px solid #767575;
     background-color: #767575;
     margin: 2px;
     text-decoration: none;
     font: 500 8.5pt/13pt "Montserrat";
     font-weight: 400;
     text-align: center;
     color: #fff;
     font-weight: 600;
     border-radius: 0px;
}
 .br-theme-bars-square .br-widget a.br-active, .br-theme-bars-square .br-widget a.br-selected {
     border: 2px solid #b8322c;
     background-color: #b8322c;
     color: #fff;
}
 .br-theme-bars-square .br-widget .br-current-rating {
     clear: both;
     width: 0px;
     text-align: center;
     font: 500 8.5pt/13pt "Montserrat";
     display: block;
     padding: 0.5em 0;
     color: #646464;
}
 .br-theme-bars-square .br-readonly a {
     cursor: default;
}
 .br-theme-bars-square .br-readonly a.br-active, .br-theme-bars-square .br-readonly a.br-selected {
     border: 2px solid #b8322c;
     color: #fff;
}
 .survey_user table {
     width: 100%;
     height: 120px;
}
 .survey_user table td {
     width: 50%;
}
 .survey_user table td img {
     width: 100%;
}
 .survey_user_detail {
     width: 100%;
     height: 75px;
     position: relative;
}
 .survey_user_photo {
     width: 36px;
     height: 36px;
     position: absolute;
     right: 0;
     top: 13px;
     border: 2px solid #2a2a2a;
     background-color: #2a2a2a;
     background-image: url(../images/w_user.png);
     background-repeat: no-repeat;
     background-size: 70%;
     background-position: center;
     border-radius: 8px;
}
 .survey_user_name {
     width: calc(100% - 36px);
     height: auto;
     position: absolute;
     right: 45px;
     top: 13px;
     color: #fff;
     font: 400 8.5pt/13pt "Montserrat";
     text-align: right;
     text-overflow: ellipsis;
     overflow: hidden;
     white-space: nowrap;
}
 .survey_user_email {
     width: calc(100% - 36px);
     height: auto;
     position: absolute;
     right: 45px;
     top: 32px;
     color: #c0c0c0;
     font: 300 8.5pt/13pt "Montserrat";
     text-align: right;
     text-overflow: ellipsis;
     overflow: hidden;
     white-space: nowrap;
}
 .survey_user_logout {
     width: 100px;
     position: absolute;
     right: 0;
     bottom: 0px;
}
 .survey_title .title {
     white-space: normal;
     line-height: normal;
     margin-bottom: 10px;
     height: auto;
}
 .alternate_color {
     color: #c3c3c3;
}
 #survey_logo {
     background-image: url("../upload/surveys/b_banner.png");
     width: 100%;
     height: 100%;
     background-size: contain;
     background-repeat: no-repeat;
}
/*Survey Client Styles*/
/*Rich Text*/
 .richText {
     position: relative;
     background-color: #2d2d2d;
     border: #3d3d3d solid 1px;
     color: #333;
     width: 100%;
}
 .richText .richText-form {
     font-family: Calibri, Verdana, Helvetica, sans-serif;
}
 .richText .richText-form label {
     display: block;
     padding: 10px 15px;
}
 .richText .richText-form input[type="file"], .richText .richText-form input[type="number"], .richText .richText-form input[type="text"], .richText .richText-form select {
     padding: 10px 15px;
     border: #999 solid 1px;
     min-width: 200px;
     width: 100%;
}
 .richText .richText-form select {
     cursor: pointer;
}
 .richText .richText-form button {
     margin: 10px 0;
     padding: 10px 15px;
     background-color: #3498db;
     border: none;
     color: #fafafa;
     cursor: pointer;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     border-radius: 4px;
}
 .richText .richText-toolbar {
     position: sticky;
     top: 0;
     min-height: 20px;
     background-color: inherit;
     border-bottom: #3d3d3d solid 1px;
}
 .richText .richText-toolbar .richText-length {
     font-family: Verdana, Helvetica, sans-serif;
     font-size: 13px;
     vertical-align: middle;
     line-height: 34px;
}
 .richText .richText-toolbar .richText-length .black {
     color: #000;
}
 .richText .richText-toolbar .richText-length .orange {
     color: orange;
}
 .richText .richText-toolbar .richText-length .red {
     color: red;
}
 .richText .richText-toolbar ul {
     padding-left: 0;
     padding-right: 0;
     margin-top: 0;
     margin-bottom: 0;
}
 .richText .richText-toolbar ul li {
     float: left;
     display: block;
     list-style: none;
}
 .richText .richText-toolbar ul li a {
     display: block;
     padding: 10px 13px;
     border-right: #3d3d3d solid 1px;
     color: #ffffff;
     cursor: pointer;
     -webkit-transition: background-color 0.4s;
     -moz-transition: background-color 0.4s;
     transition: background-color 0.4s;
     width: 36px;
}
 .richText .richText-toolbar ul li a .fa, .richText .richText-toolbar ul li a .far, .richText .richText-toolbar ul li a .fas, .richText .richText-toolbar ul li a svg {
     pointer-events: none;
}
 .richText .richText-toolbar ul li a .richText-dropdown-outer {
     display: none;
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-color: rgba(0, 0, 0, 0.3);
     cursor: default;
}
 .richText .richText-toolbar ul li a .richText-dropdown-outer .richText-dropdown {
     position: relative;
     display: block;
     margin: 3% auto 0 auto;
     background-color: #2d2d2d;
     border: #3d3d3d solid 1px;
     min-width: 100px;
     width: 300px;
     max-width: 90%;
}
 .richText .richText-toolbar ul li a .richText-dropdown-outer .richText-dropdown .richText-dropdown-close {
     position: absolute;
     top: 115px;
     right: 0px;
     background: #2d2d2d;
     color: #e6e6e6;
     cursor: pointer;
     font-size: 20px;
     text-align: center;
     width: 40px;
}
 .richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown {
     list-style: none;
}
 .richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li {
     display: block;
     float: none;
     font-family: Calibri, Verdana, Helvetica, sans-serif;
}
 .richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li a {
     display: block;
     padding: 10px 15px;
     border-bottom: #efefef solid 1px;
}
 .richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li a:hover {
     background-color: #000000;
}
 .richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li.inline {
     margin: 10px 6px;
     float: left;
}
 .richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li.inline a {
     display: block;
     padding: 0;
     margin: 0;
     border: none;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     border-radius: 50%;
}
 .richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li.inline a span {
     display: block;
     height: 30px;
     width: 30px;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     border-radius: 50%;
}
 .richText .richText-toolbar ul li a .richText-dropdown-outer div.richText-dropdown {
     padding: 10px 15px;
}
 .richText .richText-toolbar ul li a:hover {
     background-color: transparent;
}
 .richText .richText-toolbar ul li[data-disable="true"] {
     opacity: 0.1;
}
 .richText .richText-toolbar ul li[data-disable="true"] a {
     cursor: default;
}
 .richText .richText-toolbar ul li:not([data-disable="true"]).is-selected .richText-dropdown-outer {
     display: block;
}
 .richText .richText-toolbar ul:after {
     display: block;
     content: "";
     clear: both;
}
 .richText .richText-toolbar:last-child {
     font-size: 12px;
     display: none;
}
 .richText .richText-toolbar:after {
     display: block;
     clear: both;
     content: "";
}
 .richText .richText-editor {
     padding: 10px;
     background-color: #434343;
     border-left: #434343 solid 2px;
     font: 500 8.5pt/13pt "Montserrat";
     height: 300px;
     outline: 0;
     overflow-y: scroll;
     overflow-x: auto;
     width: 0;
     min-width: 100%;
     max-width: 100%;
     color: #fff;
}
 .richText .richText-editor * {
     font: 500 8.5pt/13pt "Montserrat";
}
 .richText .richText-editor[placeholder]:before {
     content: attr(placeholder);
     color: #555;
}
 .richText .richText-editor ol, .richText .richText-editor ul {
     margin: 10px 25px;
}
 .richText .richText-editor table {
     margin: 10px 0;
     border-spacing: 0;
     width: 100%;
     display: table !important;
}
 .richText .richText-editor table tr {
     display: table-row !important;
}
 .richText .richText-editor table td, .richText .richText-editor table th {
     padding: 10px;
     border: #efefef solid 1px;
     display: table-cell !important;
}
 .richText .richText-editor:focus {
     border-left: #3498db solid 2px;
}
 .richText .richText-initial {
     margin-bottom: -4px;
     padding: 10px;
     background-color: #282828;
     border: none;
     color: #e0e0e0;
     font-family: Monospace, Calibri, Verdana, Helvetica, sans-serif;
     max-width: 100%;
     min-width: 100%;
     width: 100%;
     min-height: 300px;
     height: 300px;
}
 .richText .richText-help {
     float: right;
     display: block;
     padding: 10px 15px;
     cursor: pointer;
     display: none;
}
 .richText .richText-redo, .richText .richText-undo {
     float: left;
     display: block;
     padding: 10px 15px;
     border-right: #efefef solid 1px;
     cursor: pointer;
}
 .richText .richText-redo.is-disabled, .richText .richText-undo.is-disabled {
     opacity: 0.4;
}
 .richText .richText-help-popup a {
     color: #3498db;
     text-decoration: underline;
}
 .richText .richText-help-popup hr {
     margin: 10px auto 5px auto;
     border: none;
     border-top: #efefef solid 1px;
}
 .richText .richText-list.list-rightclick {
     position: absolute;
     background-color: #fafafa;
     border-right: #efefef solid 1px;
     border-bottom: #efefef solid 1px;
}
 .richText .richText-list.list-rightclick li {
     padding: 5px 7px;
     cursor: pointer;
     list-style: none;
}
 .survey_filter_instructions, .survey_filter_instructions_pdf {
     width: 90%;
     min-width: 320px;
     max-width: 720px;
     border: 0;
     border-radius: 8px;
     height: auto;
     margin: auto;
     position: relative;
     margin-bottom: 10px;
     padding-left: 55px;
     font: 500 9pt/13pt "Montserrat";
     border: 1px solid #ffb000;
     padding-top: 10px;
     padding-bottom: 10px;
     background-color: #fedf9c;
     background-image: url(../images/b_approved.png);
     background-repeat: no-repeat;
     background-size: 32px;
     background-position: 10px 10px;
     min-height: 53px;
     display: flex;
     align-items: center;
     justify-content: left;
     min-height: 53px;
     cursor: pointer;
     color: #000000;
     -webkit-user-select: none;
    /* Safari */
     -ms-user-select: none;
    /* IE 10 and IE 11 */
     user-select: none;
    /* Standard syntax */
}
 .survey_filter_instructions_pdf {
     background-image: url(../images/b_pdf.png);
}
 .survey_filter_instructions {
     display: none;
}
 #clientnotice {
     width: 100%;
     padding: 10px;
     background-color: #bcbcbc;
     font: 500 8.5pt/13pt "Montserrat";
     border: 1px solid #bcbcbc;
     margin-bottom: 10px;
     border-radius: 4px;
     color: #000;
     cursor: pointer;
     position: relative;
     background-image: url(../images/whatsapp_icon.png);
     background-size: 32px;
     background-repeat: no-repeat;
     background-position: 7px 11px;
     padding-left: 44px;
}
 #clientnotice span {
     font: 500 8.5pt/13pt "Montserrat";
     background-color: #d33029;
     color: #fff;
     border-radius: 4px;
     padding-left: 4px;
     padding-right: 4px;
}
 #policy p, #policy H1 {
     padding: 5px;
}
 #confirmation_loop, #confirmation_PDF {
     display: none;
}
 #surveys_users_answers_mansurvey_tally{
     -webkit-appearance: none;
     -moz-appearance: textfield;
}
 #container_00, .chart_container{
     width: calc(100% - 15px);
     height: 50%;
     border: 1px solid #2a2a2a;
     box-sizing: border-box;
     background-color: #141414;
     border-radius: 4px;
     padding: 10px;
     margin:5px;
     min-height:280px;
}
 .chart_50p{
     width: calc(50% - 13px);
     float: left;
}
 .chart_empty{
     height:auto;
     font-size: 8.5pt !important;
     font-weight: 500 !important;
     text-align:center;
    color:#c3c3c3;
}
 .highcharts-axis-line,.highcharts-tick{
    stroke:#2a2a2a;
}
 .highcharts-grid-line {
     stroke: #2a2a2a;
    /* Set the grid line color using a hexadecimal color code */
     stroke-width: 1px;
    /* Set the grid line width */
     stroke-dasharray: 0;
    /* Optional: Set a dash pattern for the grid lines */
}
/* Hide vertical grid lines */
 .highcharts-grid.highcharts-xaxis-grid .highcharts-grid-line {
     display: none;
}
/* Show only horizontal grid lines */
 .highcharts-grid.highcharts-yaxis-grid .highcharts-grid-line {
     display: block;
}
/* Change the text color of X-axis labels */
 g.highcharts-xaxis-labels text {
     fill: #c3c3c3 !important;
    font-size: 7.5pt !important;
     font-weight: normal !important;
}
/* Change the text color of Y-axis title */
 g.highcharts-yaxis-title text {
     fill: #c3c3c3 !important;
    font-size: 8.5pt !important;
     font-weight: normal !important;
}
/* Change the text color of Y-axis tick labels */
 g.highcharts-yaxis-labels text {
     fill: #c3c3c3 !important;
    font-size: 7.5pt !important;
     font-weight: normal !important;
}
/* Change the legend text color */
 .highcharts-legend-item text {
    font-size: 8.5pt !important;
     font-weight: 500 !important;
     fill: #c3c3c3 !important;
    /* Set the legend text color using a hexadecimal color code */
}
/* Set the font size for the tooltip */
 .highcharts-tooltip * {
     font-size: 7.5pt !important;
}
 text.highcharts-axis-title, text.highcharts-title{
    fill:#c3c3c3 !important;
    line-height:0px !important;
     font-size: 8.5pt !important;
     font-weight:500;
}
 .highcharts-data-label text {
     fill:#fff !important;
    font-size: 7.5pt !important;
     font-weight:500 !important;
}
 .highcharts-text-outline {
     stroke: none !important;
     stroke-width: 0 !important;
     display:none;
}

.matrix_dual{display:none;}
.matrix_cell{text-align: center;font: 500 7.5pt/13pt "Montserrat";text-overflow: ellipsis;width:0;min-width:34px;max-width:100%;white-space: nowrap;margin:auto;    display: inline-block;}


.outerw {
  display: table;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.middlew {
    display: table-cell;
    vertical-align: top;
    padding-top: 50px;
}

.innerw {
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  max-width: 300px;
  text-align: center;
  /* Whatever width you want */
}

.innerw p{    font: 500 8.5pt/12pt "Montserrat";padding: 20px;padding-left:0;padding-right:0;color: #c3c3c3;}

.imagew{
margin-left: auto;
    margin-right: auto;
    width: 100px;
    height: 100px;
    background-image: url(../images/whatsapp_icon.png);
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 0.5;
    position: relative;
    bottom: auto;
    left: auto;
    right: auto;
}