/*Start Devexpress icon*/
.contentHeight {
    height: 250px !important;
}

.normalHeight {
    height: auto !important;
}

.dx-error-message {
    display: none;
}

.dx-icon-add {
    font: 20px/1 DXIcons !important;
}

.dx-icon-airplane {
    font: 14px/1 DXIcons !important;
}

.dx-icon-bookmark {
    font: 14px/1 DXIcons !important;
}

.dx-icon-box {
    font: 14px/1 DXIcons !important;
}

.dx-icon-car {
    font: 14px/1 DXIcons !important;
}

.dx-icon-card {
    font: 14px/1 DXIcons !important;
}

.dx-icon-cart {
    font: 14px/1 DXIcons !important;
}

.dx-icon-chart {
    font: 14px/1 DXIcons !important;
}

.dx-icon-check {
    font: 14px/1 DXIcons !important;
}

.dx-icon-clear {
    font: 14px/1 DXIcons !important;
}

.dx-icon-clock {
    font: 14px/1 DXIcons !important;
}

.dx-icon-close {
    font: 14px/1 DXIcons !important;
}

.dx-icon-coffee {
    font: 14px/1 DXIcons !important;
}

.dx-icon-comment {
    font: 14px/1 DXIcons !important;
}

.dx-icon-doc {
    font: 14px/1 DXIcons !important;
}

.dx-icon-file {
    font: 14px/1 DXIcons !important;
}

.dx-icon-download {
    font: 14px/1 DXIcons !important;
}

.dx-icon-dragvertical {
    font: 14px/1 DXIcons !important;
}

.dx-icon-edit {
    font: 20px/1 DXIcons !important;
}

.dx-icon-email {
    font: 14px/1 DXIcons !important;
}

.dx-icon-event {
    font: 20px/1 DXIcons !important;
}

.dx-icon-eventall {
    font: 14px/1 DXIcons !important;
}

.dx-icon-favorites {
    font: 14px/1 DXIcons !important;
}

.dx-icon-find {
    font: 14px/1 DXIcons !important;
}

.dx-icon-filter {
    font: 14px/1 DXIcons !important;
}

.dx-icon-folder {
    font: 14px/1 DXIcons !important;
}

.dx-icon-activefolder {
    font: 14px/1 DXIcons !important;
}

.dx-icon-food {
    font: 14px/1 DXIcons !important;
}

.dx-icon-gift {
    font: 14px/1 DXIcons !important;
}

.dx-icon-globe {
    font: 14px/1 DXIcons !important;
}

.dx-icon-group {
    font: 14px/1 DXIcons !important;
}

.dx-icon-help {
    font: 14px/1 DXIcons !important;
}

.dx-icon-home {
    font: 14px/1 DXIcons !important;
}

.dx-icon-image {
    font: 14px/1 DXIcons !important;
}

.dx-icon-info {
    font: 14px/1 DXIcons !important;
}

.dx-icon-key {
    font: 14px/1 DXIcons !important;
}

.dx-icon-like {
    font: 14px/1 DXIcons !important;
}

.dx-icon-map {
    font: 14px/1 DXIcons !important;
}

.dx-icon-menu {
    font: 14px/1 DXIcons !important;
}

.dx-icon-message {
    font: 14px/1 DXIcons !important;
}

.dx-icon-money {
    font: 14px/1 DXIcons !important;
}

.dx-icon-music {
    font: 14px/1 DXIcons !important;
}

.dx-icon-overflow {
    font: 14px/1 DXIcons !important;
}

.dx-icon-percent {
    font: 14px/1 DXIcons !important;
}

.dx-icon-photo {
    font: 14px/1 DXIcons !important;
}

.dx-icon-plus {
    font: 14px/1 DXIcons !important;
}

.dx-icon-minus {
    font: 14px/1 DXIcons !important;
}

.dx-icon-preferences {
    font: 14px/1 DXIcons !important;
}

.dx-icon-product {
    font: 14px/1 DXIcons !important;
}

.dx-icon-pulldown {
    font: 14px/1 DXIcons !important;
}

.dx-icon-refresh {
    font: 14px/1 DXIcons !important;
}

.dx-icon-remove {
    font: 14px/1 DXIcons !important;
}

.dx-icon-revert {
    font: 14px/1 DXIcons !important;
}

.dx-icon-runner {
    font: 14px/1 DXIcons !important;
}

.dx-icon-save {
    font: 14px/1 DXIcons !important;
}

.dx-icon-search {
    font: 20px/1 DXIcons !important;
}

.dx-icon-tags {
    font: 14px/1 DXIcons !important;
}

.dx-icon-tel {
    font: 14px/1 DXIcons !important;
}

.dx-icon-tips {
    font: 14px/1 DXIcons !important;
}

.dx-icon-todo {
    font: 14px/1 DXIcons !important;
}

.dx-icon-toolbox {
    font: 14px/1 DXIcons !important;
}

.dx-icon-trash {
    font: 20px/1 DXIcons !important;
}

.dx-icon-user {
    font: 14px/1 DXIcons !important;
}

.dx-icon-upload {
    font: 14px/1 DXIcons !important;
}

.dx-icon-floppy {
    font: 14px/1 DXIcons !important;
}

.dx-icon-arrowleft {
    font: 14px/1 DXIcons !important;
}

.dx-icon-arrowdown {
    font: 14px/1 DXIcons !important;
}

.dx-icon-arrowright {
    font: 14px/1 DXIcons !important;
}

.dx-icon-arrowup {
    font: 14px/1 DXIcons !important;
}

.dx-icon-spinleft {
    font: 14px/1 DXIcons !important;
}

.dx-icon-spinprev {
    font: 14px/1 DXIcons !important;
}

.dx-icon-spinright {
    font: 14px/1 DXIcons !important;
}

.dx-icon-spinnext {
    font: 14px/1 DXIcons !important;
}

.dx-icon-spindown {
    font: 14px/1 DXIcons !important;
}

.dx-icon-spinup {
    font: 14px/1 DXIcons !important;
}

.dx-icon-chevronleft {
    font: 14px/1 DXIcons !important;
}

.dx-icon-chevronprev {
    font: 14px/1 DXIcons !important;
}

.dx-icon-back {
    font: 14px/1 DXIcons !important;
}

.dx-icon-chevronright {
    font: 14px/1 DXIcons !important;
}

.dx-icon-chevronnext {
    font: 14px/1 DXIcons !important;
}

.dx-icon-chevrondown {
    font: 14px/1 DXIcons !important;
}

.dx-icon-chevronup {
    font: 14px/1 DXIcons !important;
}

.dx-icon-chevrondoubleleft {
    font: 14px/1 DXIcons !important;
}

.dx-icon-chevrondoubleright {
    font: 14px/1 DXIcons !important;
}

.dx-icon-equal {
    font: 14px/1 DXIcons !important;
}

.dx-icon-notequal {
    font: 14px/1 DXIcons !important;
}

.dx-icon-less {
    font: 14px/1 DXIcons !important;
}

.dx-icon-greater {
    font: 14px/1 DXIcons !important;
}

.dx-icon-lessorequal {
    font: 14px/1 DXIcons !important;
}

.dx-icon-greaterorequal {
    font: 14px/1 DXIcons !important;
}

.dx-icon-isblank {
    font: 14px/1 DXIcons !important;
}

.dx-icon-isnotblank {
    font: 14px/1 DXIcons !important;
}

.dx-icon-sortup {
    font: 14px/1 DXIcons !important;
}

.dx-icon-sortdown {
    font: 14px/1 DXIcons !important;
}

.dx-icon-sortuptext {
    font: 14px/1 DXIcons !important;
}

.dx-icon-sortdowntext {
    font: 14px/1 DXIcons !important;
}

.dx-icon-sorted {
    font: 14px/1 DXIcons !important;
}

.dx-icon-expand {
    font: 14px/1 DXIcons !important;
}

.dx-icon-collapse {
    font: 14px/1 DXIcons !important;
}

.dx-icon-columnfield {
    font: 14px/1 DXIcons !important;
}

.dx-icon-rowfield {
    font: 14px/1 DXIcons !important;
}

.dx-icon-datafield {
    font: 14px/1 DXIcons !important;
}

.dx-icon-fields {
    font: 14px/1 DXIcons !important;
}

.dx-icon-fieldchooser {
    font: 14px/1 DXIcons !important;
}

.dx-icon-columnchooser {
    font: 14px/1 DXIcons !important;
}

.dx-icon-pin {
    font: 14px/1 DXIcons !important;
}

.dx-icon-unpin {
    font: 14px/1 DXIcons !important;
}

.dx-icon-pinleft {
    font: 14px/1 DXIcons !important;
}

.dx-icon-pinright {
    font: 14px/1 DXIcons !important;
}

.dx-icon-contains {
    font: 14px/1 DXIcons !important;
}

.dx-icon-startswith {
    font: 14px/1 DXIcons !important;
}

.dx-icon-endswith {
    font: 14px/1 DXIcons !important;
}

.dx-icon-doesnotcontain {
    font: 14px/1 DXIcons !important;
}

.dx-icon-range {
    font: 14px/1 DXIcons !important;
}

.dx-icon-export {
    font: 14px/1 DXIcons !important;
}

.dx-icon-exportxlsx {
    font: 14px/1 DXIcons !important;
}

.dx-icon-exportpdf {
    font: 14px/1 DXIcons !important;
}

.dx-icon-exportselected {
    font: 14px/1 DXIcons !important;
}

.dx-icon-warning {
    font: 14px/1 DXIcons !important;
}

.dx-icon-more {
    font: 14px/1 DXIcons !important;
}

.dx-icon-square {
    font: 14px/1 DXIcons !important;
}

.dx-icon-clearsquare {
    font: 14px/1 DXIcons !important;
}

.dx-icon-repeat {
    font: 14px/1 DXIcons !important;
}

.dx-icon-selectall {
    font: 14px/1 DXIcons !important;
}

.dx-icon-unselectall {
    font: 14px/1 DXIcons !important;
}

.dx-icon-print {
    font: 14px/1 DXIcons !important;
}

.dx-icon-bold {
    font: 14px/1 DXIcons !important;
}

.dx-icon-italic {
    font: 14px/1 DXIcons !important;
}

.dx-icon-underline {
    font: 14px/1 DXIcons !important;
}

.dx-icon-strike {
    font: 14px/1 DXIcons !important;
}

.dx-icon-indent {
    font: 14px/1 DXIcons !important;
}

.dx-icon-increaselinespacing {
    font: 14px/1 DXIcons !important;
}

.dx-icon-font {
    font: 14px/1 DXIcons !important;
}

.dx-icon-fontsize {
    font: 14px/1 DXIcons !important;
}

.dx-icon-shrinkfont {
    font: 14px/1 DXIcons !important;
}

.dx-icon-growfont {
    font: 14px/1 DXIcons !important;
}

.dx-icon-color {
    font: 14px/1 DXIcons !important;
}

.dx-icon-background {
    font: 14px/1 DXIcons !important;
}

.dx-icon-fill {
    font: 14px/1 DXIcons !important;
}

.dx-icon-palette {
    font: 14px/1 DXIcons !important;
}

.dx-icon-superscript {
    font: 14px/1 DXIcons !important;
}

.dx-icon-subscript {
    font: 14px/1 DXIcons !important;
}

.dx-icon-header {
    font: 14px/1 DXIcons !important;
}

.dx-icon-blockquote {
    font: 14px/1 DXIcons !important;
}

.dx-icon-formula {
    font: 14px/1 DXIcons !important;
}

.dx-icon-codeblock {
    font: 14px/1 DXIcons !important;
}

.dx-icon-orderedlist {
    font: 14px/1 DXIcons !important;
}

.dx-icon-bulletlist {
    font: 14px/1 DXIcons !important;
}

.dx-icon-increaseindent {
    font: 14px/1 DXIcons !important;
}

.dx-icon-decreaseindent {
    font: 14px/1 DXIcons !important;
}

.dx-icon-decreaselinespacing {
    font: 14px/1 DXIcons !important;
}

.dx-icon-alignleft {
    font: 14px/1 DXIcons !important;
}

.dx-icon-alignright {
    font: 14px/1 DXIcons !important;
}

.dx-icon-aligncenter {
    font: 14px/1 DXIcons !important;
}

.dx-icon-alignjustify {
    font: 14px/1 DXIcons !important;
}

.dx-icon-link {
    font: 14px/1 DXIcons !important;
}

.dx-icon-video {
    font: 14px/1 DXIcons !important;
}

.dx-icon-mention {
    font: 14px/1 DXIcons !important;
}

.dx-icon-variable {
    font: 14px/1 DXIcons !important;
}

.dx-icon-clearformat {
    font: 14px/1 DXIcons !important;
}

.dx-icon-fullscreen {
    font: 14px/1 DXIcons !important;
}

.dx-icon-hierarchy {
    font: 14px/1 DXIcons !important;
}

.dx-icon-docfile {
    font: 14px/1 DXIcons !important;
}

.dx-icon-docxfile {
    font: 14px/1 DXIcons !important;
}

.dx-icon-pdffile {
    font: 14px/1 DXIcons !important;
}

.dx-icon-pptfile {
    font: 14px/1 DXIcons !important;
}

.dx-icon-pptxfile {
    font: 14px/1 DXIcons !important;
}

.dx-icon-rtffile {
    font: 14px/1 DXIcons !important;
}

.dx-icon-txtfile {
    font: 14px/1 DXIcons !important;
}

.dx-icon-xlsfile {
    font: 14px/1 DXIcons !important;
}

.dx-icon-xlsxfile {
    font: 14px/1 DXIcons !important;
}

.dx-icon-copy {
    font: 14px/1 DXIcons !important;
}

.dx-icon-cut {
    font: 14px/1 DXIcons !important;
}

.dx-icon-paste {
    font: 14px/1 DXIcons !important;
}

.dx-icon-share {
    font: 14px/1 DXIcons !important;
}

.dx-icon-inactivefolder {
    font: 14px/1 DXIcons !important;
}

.dx-icon-newfolder {
    font: 14px/1 DXIcons !important;
}

.dx-icon-movetofolder {
    font: 14px/1 DXIcons !important;
}

.dx-icon-parentfolder {
    font: 14px/1 DXIcons !important;
}

.dx-icon-rename {
    font: 14px/1 DXIcons !important;
}

.dx-icon-detailslayout {
    font: 14px/1 DXIcons !important;
}

.dx-icon-contentlayout {
    font: 14px/1 DXIcons !important;
}

.dx-icon-smalliconslayout {
    font: 14px/1 DXIcons !important;
}

.dx-icon-mediumiconslayout {
    font: 14px/1 DXIcons !important;
}

.dx-icon-undo {
    font: 14px/1 DXIcons !important;
}

.dx-icon-redo {
    font: 14px/1 DXIcons !important;
}

.dx-icon-hidepanel {
    font: 14px/1 DXIcons !important;
}

.dx-icon-showpanel {
    font: 14px/1 DXIcons !important;
}

.dx-icon-checklist {
    font: 14px/1 DXIcons !important;
}

.dx-icon-verticalaligntop {
    font: 14px/1 DXIcons !important;
}

.dx-icon-verticalaligncenter {
    font: 14px/1 DXIcons !important;
}

.dx-icon-verticalalignbottom {
    font: 14px/1 DXIcons !important;
}

.dx-icon-rowproperties {
    font: 14px/1 DXIcons !important;
}

.dx-icon-columnproperties {
    font: 14px/1 DXIcons !important;
}

.dx-icon-cellproperties {
    font: 14px/1 DXIcons !important;
}

.dx-icon-tableproperties {
    font: 14px/1 DXIcons !important;
}

.dx-icon-splitcells {
    font: 14px/1 DXIcons !important;
}

.dx-icon-mergecells {
    font: 14px/1 DXIcons !important;
}

.dx-icon-deleterow {
    font: 14px/1 DXIcons !important;
}

.dx-icon-deletecolumn {
    font: 14px/1 DXIcons !important;
}

.dx-icon-insertrowabove {
    font: 14px/1 DXIcons !important;
}

.dx-icon-insertrowbelow {
    font: 14px/1 DXIcons !important;
}

.dx-icon-insertcolumnleft {
    font: 14px/1 DXIcons !important;
}

.dx-icon-insertcolumnright {
    font: 14px/1 DXIcons !important;
}

.dx-icon-inserttable {
    font: 14px/1 DXIcons !important;
}

.dx-icon-deletetable {
    font: 14px/1 DXIcons !important;
}

.dx-icon-edittableheader {
    font: 14px/1 DXIcons !important;
}

.dx-icon-addtableheader {
    font: 14px/1 DXIcons !important;
}

.dx-icon-pasteplaintext {
    font: 14px/1 DXIcons !important;
}

.dx-icon-importselected {
    font: 14px/1 DXIcons !important;
}

.dx-icon-import {
    font: 14px/1 DXIcons !important;
}

.dx-icon-textdocument {
    font: 14px/1 DXIcons !important;
}

.dx-icon-jpgfile {
    font: 14px/1 DXIcons !important;
}

.dx-icon-bmpfile {
    font: 14px/1 DXIcons !important;
}

.dx-icon-svgfile {
    font: 14px/1 DXIcons !important;
}

.dx-icon-attach {
    font: 14px/1 DXIcons !important;
}

.dx-icon-return {
    font: 14px/1 DXIcons !important;
}

.dx-icon-indeterminatestate {
    font: 14px/1 DXIcons !important;
}


.dx-icon-lock {
    font: 14px/1 DXIcons !important;
}

.dx-icon-unlock {
    font: 14px/1 DXIcons !important;
}

.dx-icon-imgarlock {
    font: 14px/1 DXIcons !important;
}

.dx-icon-imgarunlock {
    font: 14px/1 DXIcons !important;
}

.dx-icon-bell {
    font: 14px/1 DXIcons !important;
}

.dx-widget, .dx-overlay-wrapper, .dx-datagrid-headers, .dx-switch-off, .dx-switch-on {
    font-family: 'Cairo', sans-serif !important;
    font-weight: 600;
    color: black;
}

.dx-switch-off, .dx-switch-on {
    font-size: 14px;
}

.dx-designer .dx-texteditor:not(.dx-multiline):not(.dx-textarea) .dx-texteditor-input {
    direction: ltr;
}

.dx-treeview-item {
    font-size: 20px !important;
}


.dx-datagrid-content .dx-datagrid-table .dx-row > td, .dx-datagrid-content .dx-datagrid-table .dx-row > tr > td {
    vertical-align: middle;
}
/**End Devexpress icon**/

/**********************Start Login************************/

:root {
    --color1: #AC884F;
    --color2: #D9A81C;
    --color3: #C2AD23;
    --color4: #DBDA40;
    --color5: #9BD14B;
}

.BGColor1 {
    background-color: var(--color1) !important
}

.BGColor2 {
    background-color: var(--color2) !important
}

.BGColor3 {
    background-color: var(--color3) !important
}

.BGColor4 {
    background-color: var(--color4) !important
}

.BGColor5 {
    background-color: var(--color5) !important
}

.TEXTColor1 {
    color: var(--color1) !important
}

.TEXTColor2 {
    color: var(--color2) !important
}

.TEXTColor3 {
    color: var(--color3) !important
}

.TEXTColor4 {
    color: var(--color4) !important
}

.TEXTColor5 {
    color: var(--color5) !important
}

.ContainerHeight {
    margin-top: 40px;
    height: calc(100dvh - 216px - 71px);
}

.CheckCertData {
    margin: 5px 0px;
    border: 1px solid #acb0c394;
    box-shadow: 0px 0px 3px 2px #ede6e6;
    border-radius: 5px;
    padding-right: 10px;
}

@media only screen and (max-width : 667px) {
    .ContainerHeight {
        height: calc(100dvh - 103px - 71px);
    }
}

#app {
    min-height: 100%;
    display: flex;
}

.card-page {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    background: rgba(218,139,133, 0.14);
    padding: 2rem 0;
    height: 100vh;
}

.blinq-card {
    max-width: 440px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    border-radius: 12px;
    background: #fff;
    width: 100%;
    box-shadow: rgb(15 15 15 / 5%) 0px 0px 0px 1px, rgb(15 15 15 / 10%) 0px 3px 6px, rgb(15 15 15 / 20%) 0px 9px 24px;
}

.user-details {
    margin: 2rem 1.5rem 1.5rem 1.5rem;
}

    .user-details .user-identity {
        margin-bottom: .5rem;
    }

    .user-details .user-name {
        font-size: 2rem;
        font-weight: 700;
        line-height: 1.3;
        display: inline;
    }

    .user-details .user-job-title {
        font-size: 1.5rem;
        font-weight: 600;
        line-height: 1.2;
        margin-bottom: .25rem;
        white-space: pre-wrap;
    }

    .user-details .user-company {
        font-size: 1.5rem;
        font-weight: 600;
        line-height: 1.2;
        white-space: pre-wrap;
    }

.detail-list {
    display: flex;
    flex-direction: column;
    list-style: none;
}

    .detail-list .detail-item {
        min-height: 54px;
        display: flex;
        align-items: center;
        transition: background .2s;
        margin: 0;
        width: 100%;
        padding: .25rem 1.5rem;
        text-decoration: none;
        color: inherit;
    }

    .detail-list .detail-icon-circle {
        height: 40px;
        width: 40px;
        border-radius: 50%;
        background: rgb(218,139,133);
        display: flex;
        justify-content: center;
        align-items: center;
        transition: background .2s;
        flex: 0 0 auto;
        color: #fff;
        font-size: 1.25rem;
    }

        .detail-list .detail-icon-circle .detail-icon {
            color: inherit;
        }


svg:not(:root).svg-inline--fa {
    overflow: visible;
}


.svg-inline--fa.fa-w-16 {
    width: 1em;
}


.svg-inline--fa {
    display: inline-block;
    font-size: inherit;
    height: 1em;
    overflow: visible;
    vertical-align: -.125em;
}

ul[class], ol[class] {
    list-style: none;
}

.react-login-page.react-signup-page {
    background: none !important;
    background-size: cover;
    background-color: #f1f4f9 !important;
    height: 100vh;
    padding-top: 120px;
    padding-bottom: 120px;
}

.react-login-page .login-right-form {
    box-shadow: rgb(15 15 15 / 5%) 0px 0px 0px 1px, rgb(15 15 15 / 10%) 0px 3px 6px, rgb(15 15 15 / 20%) 0 9px 24px;
}

.react-login-page .login-right-form {
    background: #ffffff;
    padding: 75px 20px 50px 20px;
    max-width: 470px;
    margin: 0 auto;
    border-radius: 10px;
    box-shadow: 0px 0px 60px 0px rgb(15 18 22 / 40%);
}

.react-clients.home-testimonial {
    background: #f2f4f9 !important;
}

.twitter-timeline iframe div {
    background: #f2f4f9 !important;
}
/* typical phone screen resolution */
@media only screen and (max-width : 667px) {
    .react-login-page.react-signup-page {
        background: none !important;
        background-size: cover;
        background-color: #f1f4f9 !important;
        height: 100vh;
        padding-top: 20px !important;
        padding-bottom: 120px !important;
    }

    .card-header {
        position: relative;
        background: #76324a;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        padding-top: 24%;
        border-top-right-radius: 12px !important;
        border-top-left-radius: 12px !important;
    }

        .card-header[data-contains=logo] {
            padding-top: 25%;
            background: #fff;
            /*border-bottom: 4px solid #a376324a;*/
        }

        .card-header .secondary-image-container {
            width: 30%;
            padding-top: 46% !important;
            box-shadow: 0 1px 3px 0 rgb(0 0 0 / 25%), 0 2px 6px 0 rgb(0 0 0 / 15%);
            border-radius: 5% !important;
            transition: box-shadow .2s,transform .2s;
            overflow: hidden;
            position: absolute;
            /*right: 4rem!important;*/
            bottom: -75px !important;
            background: #fff;
            transform-origin: center;
            will-change: transform;
        }

            .card-header .secondary-image-container .small-profile-picture {
                position: absolute;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                object-fit: cover;
                object-position: center center;
            }

    .small-profile-name {
        padding-top: 80px !important;
    }

    .profile-containt {
        font-size: 20px !important;
    }

    .fa-md-xl {
        font-size: 1.5em;
        line-height: .04167em;
        vertical-align: -.125em;
    }

    .card-header .company-icon-banner {
        position: absolute;
        width: 50%;
        height: 65%;
        top: -30% !important;
        left: 50%;
        transform: translate(-50%, -50%);
        max-height: 90%;
        max-width: 80%;
        object-fit: contain;
        object-position: center center;
    }
}

.card-header[data-contains=logo] {
    padding-top: 25%;
    background: #fff;
    /*border-bottom: 4px solid #a376324a;*/
}

.card-header {
    position: relative;
    background: #76324a;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-top: 24%;
    border-top-right-radius: 12px !important;
    border-top-left-radius: 12px !important;
}

    .card-header .company-icon-banner {
        position: absolute;
        width: 50%;
        height: 65%;
        top: -20%;
        left: 50%;
        transform: translate(-50%, -50%);
        max-height: 90%;
        max-width: 80%;
        object-fit: contain;
        object-position: center center;
    }

    .card-header .secondary-image-container {
        width: 30%;
        padding-top: 44%;
        box-shadow: 0 1px 3px 0 rgb(0 0 0 / 25%), 0 2px 6px 0 rgb(0 0 0 / 15%);
        border-radius: 5%;
        transition: box-shadow .2s,transform .2s;
        overflow: hidden;
        position: absolute;
        /*right: 6rem;*/
        bottom: -95px;
        background: #fff;
        transform-origin: center;
        will-change: transform;
    }

        .card-header .secondary-image-container .small-profile-picture {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            object-fit: cover;
            object-position: center center;
        }

.small-profile-name {
    padding-top: 100px;
}

.profile-containt {
    font-size: 16px;
}

.small-profile-containt {
    font-size: 20px;
}

.profile-link {
    color: black;
    margin-right: 10px;
    line-height: 24px;
    font-size: 18px;
}

.tech-name {
    border-top: 2px solid;
    font-weight: 900;
}

/*.tech-dep {*/
/*border-top: 2px solid;*/
/*}*/

.form-form .form-form-wrap form .field-wrapper select {
    display: inline-block;
    vertical-align: middle;
    border-radius: 6px;
    min-width: 50px;
    max-width: 635px;
    width: 100%;
    -ms-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    color: #3b3f5c;
    /*font-weight: 600;*/
    font-size: 16px;
    padding: 7px 46px 7px 35px;
}

.sidebar-wrapper .profile-info .user-info {
    padding: 140px 0 0 0 !important;
    height: 175px !important;
}

    .sidebar-wrapper .profile-info .user-info img {
        border-radius: 0%;
        top: 5px;
        border: 3px solid rgba(235, 237, 242, 0.611765);
        height: 130px;
        width: 190px;
    }

.WaselLoginBG {
    position: absolute;
    width: 100%;
    height: 100vh;
}

.form-form .form-container .form-content {
    position: relative;
}
/****************End Login********************/



/****************Start Result CardPoint********************/
.header-container .navbar-nav .theme-text {
    width: auto;
}

.BG-Pattern-Header {
    margin-top: 25px;
    padding-bottom: 15px;
    border-bottom: 1px solid #dbb15b;
    color: rgb(172, 128, 66);
    margin-bottom: 15px;
    position: relative;
    text-align: right;
    background: url(/Images/header-pattern.png) no-repeat right;
    background-size: 200px 50px;
    padding: 5px 10px;
    font-size: 25px;
    font-weight: 600;
}

.BG-Header {
    margin-top: 25px;
    padding-bottom: 15px;
    border-bottom: 1px solid #dbb15b;
    color: rgb(160 115 48);
    margin-bottom: 15px;
    position: relative;
    text-align: center;
    background-size: 200px 50px;
    padding: 5px 10px;
    font-size: 25px;
    font-weight: 600;
}

.ResultLabel {
}

    .ResultLabel label:first-of-type {
        display: inline-block;
        width: 30%;
        font-size: 20px;
        background-color: #DDD;
        font-weight: bold;
    }

    .ResultLabel p:last-of-type {
        display: inline-block;
        /*width: 68%;*/
        font-size: 20px;
        font-weight: bold;
        text-align: start;
    }

.StudentHeader {
    padding-top: 74px;
}

    .StudentHeader p {
        text-align: center !important;
    }

.Hassel-area {
    background: rgba(0, 0, 0, 0) url(/Images/HasselPanner.jpg) no-repeat scroll center top;
    color: #ffffff;
    margin-top: 40px;
    padding-bottom: 54px;
    position: relative;
}

.Hasselbtn {
    position: absolute;
    top: 58%;
    left: 2%;
    background-color: transparent !important;
    color: white !important;
    text-align: center;
    width: 236px;
    height: 64px;
    border-radius: 10px;
    padding: 10px;
    transition: 1s ease-in-out;
}


.Hasselbtn1 {
    color: white !important;
    text-align: center;
    width: 240px;
    height: 85px;
    border-radius: 10px;
    padding: 10px;
    transition: 1s ease-in-out;
    font-size: 18px;
    font-weight: bold;
    box-shadow: #8b6408 0px 5px 8px 1px;
    margin: 5px;
}

    .Hasselbtn1 .fa-solid {
        display: block;
        font-size: 35px;
    }

.TableCardPointsHeader > tr > th {
    color: #1be2a2 !important;
    font-size: 15px !important;
}

.TableTBodyTFooter {
    font-size: 14px;
    font-weight: 600;
}

/* typical phone screen resolution */
@media only screen and (max-width : 667px) {
    .StudentHeader {
        padding-top: 0px;
    }

    .BG-Pattern-Header {
        margin-top: 0px;
        padding-bottom: 15px;
        margin-bottom: 5px;
        padding-bottom: 0px !important;
        background-size: 200px 25px;
        font-size: 15px;
        font-weight: 600;
    }

    .ResultLabel {
    }

        .ResultLabel label:first-of-type {
            width: 40%;
            font-size: 15px;
        }

        .ResultLabel p:last-of-type {
            display: inline-block;
            font-size: 15px;
        }

    .TableCardPointsHeader > tr > th {
        color: #1be2a2 !important;
        font-size: 10px !important;
    }

    .TableTBodyTFooter {
        font-size: 10px;
        font-weight: 400;
        text-wrap: nowrap;
    }

    .TBodyTFooter {
        font-size: 10px;
        font-weight: 400;
        /*text-wrap: nowrap;*/
    }
}

/* landscape orientation */
@media only screen and (min-width : 375px) and (max-width : 667px) and (orientation : landscape) {
}
/* portrait orientation */
@media only screen and (min-width : 375px) and (max-width : 667px) and (orientation : portrait) {
}
/****************End Result CardPoint********************/

.result {
    background-color: green;
    color: #fff;
    padding: 20px;
}

.row {
    display: flex;
}

.reader {
    width: 500px;
    position: relative;
    padding: 0px;
    border: 1px solid silver;
}

/* typical phone screen resolution */
@media only screen and (max-width : 667px) {
    .reader {
        width: 100%;
    }
}
/* landscape orientation */
@media only screen and (min-width : 375px) and (max-width : 667px) and (orientation : landscape) {
}
/* portrait orientation */
@media only screen and (min-width : 375px) and (max-width : 667px) and (orientation : portrait) {
}