/*========================================================================
Global Styles
========================================================================== */
html {
    height: 100%;
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}


body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    margin: 0;
    color: #878787;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    background: #f2f2f2;
    font-size: 1rem;
}

.container {
    max-width: 1440px!important;
}


main.main-bg {
    -ms-flex: 1 0 auto;
    -webkit-box-flex: 1;
    flex: 1 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}


button:focus {
    border: none;
    outline: 0;
}


ul {
    list-style: none;
}


a {
    text-decoration: none;
    padding: 0;
    margin: 0;
}

.white {
    color: #fff !important;
}

a:hover,
a:focus,
a:active {
    text-decoration: none;
    outline: none;
}


img {
    border: 0;
    -ms-interpolation-mode: bicubic;
}


/* Corrects overflow displayed oddly in IE 9. */
svg:not(:root) {
    overflow: hidden;
}


figure {
    margin: 0;
}


form {
    margin: 0;
}


button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle;
}


button,
input {
    line-height: normal;
}


button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}


button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
    *overflow: visible;
}


input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}


textarea {
    overflow: auto;
    vertical-align: top;
}


/* Change Autocomplete styles in Chrome*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    -webkit-transition: background-color 5000s ease-in-out 0s;
    -o-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s;
}


i {
    vertical-align: middle;
}


@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('../fonts/glyphicons-halflings-regular.eot');
    src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}


.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


.glyphicon-asterisk:before {
    content: "\002a";
}


.glyphicon-plus:before {
    content: "\002b";
}


.glyphicon-minus:before {
    content: "\2212";
}


.glyphicon-envelope:before {
    content: "\2709";
}


.glyphicon-pencil:before {
    content: "\270f";
}


.glyphicon-ok:before {
    content: "\e013";
}


.glyphicon-remove:before {
    content: "\e014";
}


/*========================================================================
Base styles
========================================================================== */
.background-image {
    background-position: left top;
    background-size: cover;
    background-repeat: no-repeat;
}


.btn {
    -o-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    border: 0;
    border-radius: 4px;
    cursor: pointer;
    text-transform: uppercase;
    white-space: normal;
    word-wrap: break-word;
}


button.btn,
a.btn,
.badge {
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    background: #fff;
}


button.btn:hover,
button.btn:active,
button.btn:focus,
button.btn:visited,
button.btn.active:focus,
a.btn:hover,
a.btn:active,
a.btn:focus,
a.btn:visited,
a.btn.active:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15) !important;
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15) !important;
    outline: 0 !important;
}


#overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 2;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}


/*====================
Loader
========================================================================== */

#loader-wrapper {
    position: fixed !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 1000 !important;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}


#loader-text {
    z-index: 1500;
    font-size: 37px;
    color: #0f0050;
}


#loader-text p {
    margin-top: 120px;
}


@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


#loader-wrapper .loader-section {
    position: fixed;
    top: 0;
    width: 51%;
    height: 100%;
    background: #f2f2f2;
    z-index: 1000;
}


#loader-wrapper .loader-section.section-left {
    left: 0;
}


#loader-wrapper .loader-section.section-right {
    right: 0;
}


.loaded #loader-wrapper .loader-section.section-left {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: all 0.7s 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -o-transition: all 0.7s 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: all 0.7s 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}


.loaded #loader-wrapper .loader-section.section-right {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all 0.7s 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -o-transition: all 0.7s 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: all 0.7s 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}


.loaded #loader {
    display: none;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}


.loaded #loader-wrapper {
    display: none;
    opacity: 0;
    -webkit-transition: all 0.3s 0.3s ease-out;
    -o-transition: all 0.3s 0.3s ease-out;
    transition: all 0.3s 0.3s ease-out;
}


/*====================
Datatable preloader
========================================================================== */
.dataTables_wrapper .dataTables_processing {
    position: absolute;
    width: 100%;
    height: 100%;
    max-height: 76%;
    text-align: center;
    font-size: 1.2em;
    z-index: 3 !important;
    top: 188px;
    margin-top: 0;
    background: none;
}


/*====================
Desktop navigation
========================================================================== */
.logo {
    background-image: url('../images/logo-sf.png');
    width: 8vw;
    background-repeat: no-repeat;
    background-position: center left;
    background-size: contain;
    margin-top: -0.35vw;
}

.logo-mobile {
    max-width: 15rem;
}

.logo-wl {
    padding-top: 0.1vw;
}


.text-logo {
    height: 90%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}


.navbar-brand h1 {
    font-size: 1.51vw;
}


a.home-order {
    font-size: 0.9vw;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    padding-bottom: 0.7em;
    padding-top: 0.7em;
    border-radius: 4px;
}


li.new-order-li i {
    font-size: 0.9vw;
    padding-bottom: 3px;
}


li.nav-item-main i {
    font-size: 0.9vw;
    padding-bottom: 3px;
}


li.nav-item-main {
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}


li.nav-item-main a {
    color: #929090;
    font-size: 0.9vw;
    cursor: pointer;
}


ul.dropdown-right {
    margin-bottom: 0;
}


a.dropdown-toggle {
    font-size: 0.9vw;
}


ul.dropdown-right .dropdown-menu {
    -webkit-box-shadow: 0 5px 12px rgba(0, 0, 0, 0.4);
    box-shadow: 0 5px 12px rgba(0, 0, 0, 0.4);
    right: 0;
    top: 138%;
    border-radius: 0;
}


.dropdown-menu .dropdown-item {
    color: #929090;
    font-size: 0.94vw;
}


ul.navbar-cgu li.nav-item-main:hover {
    border: none;
}


/*====================
Mobile menu
========================================================================== */
.mobile-logo {
    width: 217px;
    height: 93px;
}


.mobile-logo img {
    padding: 25px 0;
}


.mobile-menu {
    background: #f2f2f2;
    position: fixed;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}


.mobile-menu-vertical {
    width: 270px;
    height: 100%;
    top: 0;
    z-index: 1000;
    overflow-x: hidden;
}


.mobile-menu a {
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    font-size: 0.938em;
}


.mobile-menu a:last-child {
    color: #bfbfbf;
}


.mobile-menu i {
    font-size: 16px;
    padding-bottom: 3px;
}


.mobile-menu-left {
    left: -270px;
}


.mobile-menu-left.mobile-menu-open {
    left: 0;
}


#navicon {
    overflow: hidden;
}


.navicon-open,
.navicon-close {
    width: 100%;
    padding: 1rem;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}


#showLeft,
#hideLeft {
    background: transparent;
    border: none;
    cursor: pointer;
}


#showLeft {
    font-size: 0.938em;
}


#showLeft i {
    font-size: 15px;
}


#hideLeft i {
    color: #000;
    cursor: pointer;
    font-size: 16px;
}


.hide {
    display: none;
}


.show {
    display: block;
}


.mobile-order-btn {
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}


/*========================================================================
Header
========================================================================== */

header.masthead .site-heading {
    padding: 91px 0;
}


header.masthead .site-heading h1 {
    font-size: 3em;
}


header.masthead .site-heading span.subheading {
    color: #9aa4ad;
    font-size: 1.250em;
}


/*========================================================================
Login form
========================================================================== */

.login-form {
    margin: 133px auto 282px;
    max-width: 450px;
}


.login-form input.form-control {
    min-height: 60px;
    border-radius: .125rem;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    font-size: 14px;
}


.login-form #log-in {
    font-size: 1.429em;
    background-color: #0f0050;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}


input[type="text"]#username,
input[type="password"]#password {
    color: #0f0050;
}


input[type="text"]#username::-webkit-input-placeholder,
input[type="password"]#password::-webkit-input-placeholder {
    color: #929090;
    font-weight: 500;
    font-style: italic;
    font-size: 1.429em;
}


.login-form span.field-icon-show {
    float: right;
    margin-right: 23px;
    margin-top: -40px;
    position: relative;
    z-index: 2;
    cursor: pointer;
    background-image: url('../icons/iconmonstr-eye-6.svg');
    height: 20px;
    width: 24px;
}


.login-form span.field-icon-hide {
    float: right;
    margin-right: 23px;
    margin-top: -40px;
    position: relative;
    z-index: 2;
    cursor: pointer;
    background-image: url('../icons/iconmonstr-eye-8.svg');
    height: 20px;
    width: 24px;
}


.forgot-password {
    padding: 25px 0 38px 0;
}


.forgot-password a {
    font-size: 1.286em;
    color: #929090;
    font-weight: 500;
}


#login-error {
    margin-top: 20px;
    font-size: 1em;
    font-style: italic;
    color: #d83030;
}


span.glyphicon-remove,
span.glyphicon-ok {
    width: 24px;
    position: absolute;
    top: 45px;
    left: 90%;
}


span.glyphicon-remove {
    color: #d83030;
}


span.glyphicon-ok {
    color: #36a229;
}


/*========================================================================
Solutions page
========================================================================== */

.solutions-form {
    margin: 68px auto 113px;
    max-width: 470px;
    width: 100%;
}


.solutions-form h2 {
    font-size: 1.429em;
}


.solutions-form p {
    color: #707070;
    font-size: 16px;
}


#send-enhanced {
    text-align: left;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}


#send-enhanced label {
    text-transform: uppercase;
    color: #929090;
    font-size: 14px;
}


.send-form {
    position: relative;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}


.send-form input,
.send-form textarea {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    border-bottom: 1px solid #ced4da;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}


#sent-request-btn {
    font-size: 1.429em;
    font-weight: bold;
    padding: 15px 0;
    margin-top: 20px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}


textarea#textarea {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    border-bottom: 1px solid #ced4da;
    border-radius: 0;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    background-color: transparent;
}


.send-form .form-control {
    margin: 0 0 .5rem 0;
    border-radius: 0;
    padding: .3rem 0 .55rem 0;
    background: transparent none;
}


.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
}


input {
    overflow: visible;
}


/*========================================================================
Consent form
========================================================================== */

.consent-form {
    margin: 123px auto 160px;
    max-width: 546px;
    width: 100%;
}


.consent-form h2 {
    font-size: 1em;
}


.consent-form p {
    color: #707070;
    padding: 48px 0 60px 0;
    font-size: 20px;
    line-height: 30px;
}


.consent-form-button {
    padding: 0 48px;
}


.consent-form-button button {
    font-size: 1em;
    padding: 15px 0;
}


/*==========================================================================
	Dashboard page
	========================================================================== */

.main-home-wrap {
    padding: 0 45px;
    position: relative;
    top: -28px;
}


a#main-home-button {
    font-size: 1.5em;
    height: 56px;
}


a#main-home-button i {
    font-size: 0.9em;
    font-weight: bold;
}


#enhansed-search-button {
    font-size: 1em;
    color: #929090 !important;
    height: 36px;
}


#enhansed-search-button i {
    color:#eb982c;
    font-size: 1em;
    padding-bottom: 2px!important;
}


.main-home-title-wrap h2 {
    font-size: 1.25em;
}

.recent-orders {
    margin-bottom: 11px;
}


.table-wrap {
    padding: 0 10px;
    margin-bottom: 70px;
    max-width: 1440px;
    overflow-x: initial;
}


table.main-page-table {
    background-color: #fff;
    border-collapse: collapse;
    border-top: 1px solid #0d4a64 !important;
}

.main-page-table {
    margin-bottom: 57px!important;
}



table.main-page-table tbody {
    border: 6px solid transparent;
    border-right-width: 20px;
    border-left-width: 20px;
}


.table-hover tbody tr:hover th {
    font-size: 0.938em;
    color: #929090;
}


.table-hover tbody tr:hover td,
.table-hover tbody tr:hover th {
    background-color: #f2f2f2;
}


table.main-page-table thead tr {
    background: #f2f2f2;
}


table.main-page-table tbody {
    -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4);
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=0, Color='#eeeeee'),
            progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=90, Color='#eeeeee'),
            progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=180, Color='#eeeeee'),
            progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=270, Color='#eeeeee');
}


table.main-page-table tbody tr td.table-day,
table.main-page-table tbody tr td.table-number {
    font-size: 1em;
    color: #929090;
}


table.main-page-table tbody tr td.table-names {
    font-size: 1em;
}

table.main-page-table tbody tr td i {
    font-size: 0.8em;
}

.table-monitoring-icon {
    font-size: 1.2em;
    padding-bottom: 2px;
}

.table-duplicate-icon {
    font-size: 1.2em !important;
    line-height: 10px;
}

.add-note-icon {
    font-size: 1em !important;
    float: left;
}

table.main-page-table tbody tr td img {
    position: relative;
    top: 0;
    margin-right: 10px;
}

table.main-page-table tbody tr:hover {
    background-color: #f2f2f2;
}


table.main-page-table tbody tr:hover {
    background-color: #f2f2f2;
}


table.main-page-table tbody tr:last-child:hover {
    background-color: #fff;
}


table.main-page-table tbody tr:hover a.details {
    color: #fff !important;
    font-weight: 700;
}


table.main-page-table tbody tr td {
    text-align: left;
    vertical-align: middle;
}


a.see_all {
    color: #929090;
    min-width: 247px;
    font-size: 1em;
}


/*==========================================================================
	Dashboard page mobile
	========================================================================== */

.main-page-table-mobile tr {
    border-top: 2px solid #f2f2f2;
}


.table-names-mobile {
    font-size: 1em;
}


table.main-page-table tbody tr td.table-status-clear,
.table-status-clear-mobile {
    color: #36a229;
    font-size: 1em;
}

.table-status-review-nochanges-mobile{
    color: #f87300;
    font-size: 1em;
}

table.main-page-table tbody tr td.table-status-review,
.table-status-review-mobile,
.table-status-review-updates-mobile {
    color: #d83030;
    font-size: 1em;
}


table.main-page-table tbody tr td.table-status-pending,
.table-status-pending-mobile,
table.main-page-table tbody tr td.table-status-in-progress,
.table-status-in-progress-mobile {
    color: #eb982c;
    font-size: 1em;
}


table.main-page-table tbody tr td.table-status-cancelled,
.table-status-cancelled-mobile {
    color: #878787;
    font-size: 1em;
}


.table-status-clear-mobile img,
.table-status-pending-mobile img,
.table-status-in-progress-mobile img,
.table-status-review-mobile img,
.table-status-cancelled-mobile img,
.table-status-review-updates-mobile img,
.table-status-review-nochanges-mobile img {
    width: 21px;
    height: 21px;
    position: relative;
    top: -1px;
    margin-right: 5px;
}


.table-number-mobile,
.table-day-mobile {
    color: #929090;
    font-size: 0.688em;
}


/*========================================================================
Order history page
========================================================================== */

.table-history-wrap,
.table-history-closed-wrap {
    margin-bottom: 8px;
    max-width: 1440px;
    overflow-x: initial;
}


table#order-history,
table#order-history-closed {
    border-collapse: collapse;
    margin-top: 170px;
}


.dataTables_length {
    position: relative;
    left: 476px !important;
    top: 0 !important;
    margin-top: 51px;
}


.toolbar {
    position: relative;
    top: 54px;
    left: -220px;
    font-size: 1.25em;
}


#order-history_paginate,
#order-history-closed_paginate,
#history-details_paginate {
    float: none;
    text-align: center;
}


#order-history_filter input[type=search],
#order-history-closed_filter input[type=search],
#history-details_filter input[type=search] {
    border: 1px solid #bfbfbf;
    background: #fff;
    padding: 10px 45px 10px 10px;
    margin-bottom: 31px;
    font-size: 0.9em;
    color: #929090;
    width: 328px;
    margin-top: 51px;
}


input[type="search"].order-list-search::-webkit-input-placeholder {
    color: #929090;
    font-size: 16px;
}


input[type=search].order-list-search {
    position: relative;
}


#order-history_filter:before,
#order-history-closed_filter:before,
#history-details_filter:before {
    font-family: 'Glyphicons Halflings';
    position: relative !important;
    right: -321px !important;
    top: 2px;
    content: "\e003" !important;
    z-index: 3;
}


#order-history_previous,
#order-history_next,
#order-history-closed_previous,
#order-history-closed_next,
#history-details_previous,
#history-details_next,
.dataTables_wrapper .dataTables_paginate a.previous,
.dataTables_wrapper .dataTables_paginate a.previous .disabled,
.dataTables_wrapper .dataTables_paginate a.next,
.dataTables_wrapper .dataTables_paginate a.next .disabled,
.dataTables_wrapper .dataTables_paginate a.previous:hover,
.dataTables_wrapper .dataTables_paginate a.next:hover {
    padding: 7px 25px !important;
    margin-top: 10px !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    -o-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    border: 0;
    border-radius: 2px;
    cursor: pointer;
    text-transform: uppercase;
    white-space: normal;
    word-wrap: break-word;
    background: #fff !important;
}


.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: transparent !important;
    border: none !important;
}


.dataTables_wrapper .dataTables_paginate .paginate_button,
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    min-width: 1.5em;
    padding: 0.5em 1em;
    margin-left: 2px;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    color: #0f0050 !important;
    border: none;
    border-radius: 0;
    background: transparent;
}

.paginate_button {
    border-radius: 4px!important;
}


table#order-history tbody,
table#order-history-closed tbody {
    border: 6px solid transparent;
    border-right-width: 20px;
    border-left-width: 20px;
    -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4);
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=0, Color='#eeeeee'),
            progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=90, Color='#eeeeee'),
            progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=180, Color='#eeeeee'),
            progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=270, Color='#eeeeee');
}

table#history-details tbody {
    border: 6px solid transparent;
    border-right-width: 20px;
    border-left-width: 20px;
}

table#history-details tbody tr {
    background-color: #f2f2f2;
}


table#order-history thead tr,
table#order-history-closed thead tr,
table#history-details thead tr {
    background: #f2f2f2;
}


table#order-history tbody th td,
table#order-history tbody tr td,
table#order-history-closed tbody th td,
table#order-history-closed tbody tr td,
table#history-details tbody th td,
table#history-details tbody tr td {
    text-align: left;
    vertical-align: middle;
}


table#order-history tbody tr td.table-day,
table#order-history tbody tr td.table-number,
table#order-history-closed tbody tr td.table-day,
table#order-history-closed tbody tr td.table-number,
table#history-details tbody tr td.table-day,
table#history-details tbody tr td.table-number {
    font-size: 1em;
    color: #929090;
}


table#order-history tbody tr td div.table-names,
table#order-history-closed tbody tr td div.table-names
table#history-details tbody tr td div.table-names {
    font-size: 1em;
}


table#order-history tbody tr td div.table-status-clear img,
table#order-history tbody tr td div.table-status-review img,
table#order-history tbody tr td div.table-status-pending img,
table#order-history tbody tr td div.table-status-in-progress img,
table#order-history-closed tbody tr td div.table-status-clear img,
table#order-history-closed tbody tr td div.table-status-review img,
table#order-history-closed tbody tr td div.table-status-pending img,
table#order-history-closed tbody tr td div.table-status-in-progress img,
table#history-details tbody tr td div.table-status-clear img,
table#history-details tbody tr td div.table-status-review img,
table#history-details tbody tr td div.table-status-pending img,
table#history-details tbody tr td div.table-status-in-progress img {
    position: relative;
    top: 0;
    margin-right: 20px;
}


table#order-history tbody a.details,
table#order-history-closed tbody a.details
table#history-details tbody a.details {
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    font-size: 1em;
    border-radius: 2px!important;
}

.actions, .details {
    border-radius: 2px!important;
}


table#order-history tbody tr:hover,
table#order-history-closed tbody tr:hover,
table#history-details tbody tr:hover {
    background-color: #f2f2f2;
}


table#order-history tbody tr:hover,
table#order-history-closed tbody tr:hover,
table#history-details tbody tr:hover {
    background-color: #f2f2f2;
}


table#order-history tbody tr:last-child:hover,
table#order-history-closed tbody tr:last-child:hover,
table#history-details tbody tr:last-child:hover {
    background-color: #fff;
}


table#order-history tbody a,
table#order-history-closed tbody a,
table#history-details tbody a {
    display: inline-block;
}


table#order-history tbody a.download img,
table#order-history-closed tbody a.download img,
table#history-details tbody a.download img {
    height: 20px;
    width: 20px;
    position: relative;
    right: 0;
}


table#order-history tbody a.trash img,
table#order-history-closed tbody a.trash img,
table#history-details tbody a.trash img {
    height: 20px;
    width: 20px;
    position: relative;
    right: -15px;
}


ul.dtr-details {
    width: 100%;
    float: right;
}


/*====================
Order page collapsed
========================================================================== */

a#back-button {
    font-size: 16px;
    font-weight: 700;
    padding: 13px 27px;
    margin: 42px 0 10px 0;
}


a#back-button i {
    font-size: 15px;
    margin-right: 16px;
}


a#back-button img {
    height: 13px;
    width: 13px;
    position: relative;
    top: -1px;
    right: 10px;
}


a#download-report {
    font-size: 16px;
    padding: 13px 28px;
    margin: 42px 0 10px 0;
}


a#download-report-bottom-sidebar img,
a#download-report-bottom img,
a#download-report img {
    height: 20px;
    width: 20px;
    margin-right: 20px;
}


.check-name {
    background: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    padding: 40px 36px;
    border-radius: 2px;
    margin-bottom: 10px;
    overflow: hidden;
    overflow-wrap: break-word;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 167px;
}


.check-name h1 {
    color: #0f0050;
    font-size: 2em;
}


.check-name p.check-name-id {
    font-size: 1em;
    text-transform: uppercase;
    font-weight: 700;
    color: #bfbfbf;
}


.check-result {
    padding: 40px 48px;
    color: #fff;
    min-height: 136px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}


.check-result .media img {
    width: 3.5em;
    height: 3.5em;
}


.check-result .media-body {
    font-size: 1.5em;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1;
}


.check-result .media-body h5 {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
}


#backLeft-mobile-report {
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1.125em;
    background: transparent;
    border: none;
    cursor: pointer;
}


#backLeft-mobile-report i {
    font-size: 15px;
    margin-right: 25px;
}


#showMenu-mobile-report {
    color: #000;
    cursor: pointer;
    font-size: 16px;
}


.navicon-bg {
    background: #bfbfbf !important;
}


.card-shadow {
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    border-radius: 2px;
    margin-bottom: 10px;
}


.check-media {
    padding: 1.25rem 4.5rem 1.25rem 1.25rem;
}


.online-articles-result p,
.media-articles,
.media-articles-result,
.online-articles-matches,
.online-articles-categires {
    text-transform: uppercase;
    font-size: 1.25em;
    color: #707070;
    font-weight: 700;
}


.journalism-title,
.journalism-base,
.journalism-result-details {
    text-transform: uppercase;
    font-size: 16px;
    color: #707070;
    font-weight: 700;
}


.media-articles span {
    font-weight: 700;
}


.media-articles img {
    margin-right: 10px;
}


.media-articles-result {
    text-align: right;
    padding-right: 30px;
}


.media-articles-result span {
    color: #0f0050;
    font-weight: 700;
}


.card-body {
    border: none;
}


.online-articles-result {
    text-align: right;
    text-transform: uppercase;
    font-size: 20px;
    color: #707070;
}


.online-articles-result span {
    color: #d83030;
    font-weight: 700;
}


.online-articles-result img {
    height: 16px;
    width: 16px;
}


.online-articles-matches,
.online-articles-categires {
    text-transform: uppercase;
    font-size: 20px;
    color: #707070;
}


.online-articles-number {
    color: #d83030;
    font-weight: 700;
    font-size: 40px;
}


.online-details {
    font-size: 15px;
    color: #707070;
    font-weight: 700;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    border-radius: 2px;
    text-transform: uppercase;
    padding: 12px 18px;
    overflow-wrap: break-word;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


.online-details span {
    font-size: 19px;
    color: #d83030;
    font-weight: 700;
    margin-right: 15px;
}


.badge-light {
    font-size: 15px;
    color: #707070;
    font-weight: 700;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    border-radius: 2px;
    text-transform: uppercase;
    padding: 12px 18px;
    overflow-wrap: break-word;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
}


.badge-light span {
    font-size: 19px;
    color: #d83030;
    font-weight: 700;
    margin-right: 15px;
}


.online-articles-result p {
    display: inline-block;
    margin-right: 9px;
}


.database-title {
    text-transform: uppercase;
    font-size: 20px;
    color: #707070;
    font-weight: 700;
    width: 100%;
}


.database-title img {
    margin-right: 10px;
}


.database-articles-number span {
    color: #eb982c;
    font-weight: 700;
    font-size: 20px;
}


.database-articles-number p {
    text-align: right;
    text-transform: uppercase;
    font-size: 20px;
    color: #707070;
    width: 100%;
}


.pep-title,
.watch-lists-title,
.sanctions-title {
    text-transform: uppercase;
    font-size: 16px;
    color: #707070;
    font-weight: 700;
}


.pep-title p,
.watch-lists-title p,
.sanctions-title p,
.journalism-title p {
    display: inline-block;
}


img.pep-image,
img.ijm-image {
    height: 50px;
}


img.ijm-image-grey {
    height: 35px;
}


.redText {
    color: #d83030;
}


.greenText {
    color: #36a229;
}


.pep-result {
    text-transform: uppercase;
    color: #36a229;
    font-weight: 700;
    padding-top: 21px;
    font-size: 16px;
}


.watch-lists-result img,
.pep-result img,
.sanctions-result img,
.journalism-result img {
    margin-top: -6px;
}


.watch-lists-title img {
    height: 50px;
}


.watch-lists-result {
    text-transform: uppercase;
    font-size: 16px;
    color: #d83030;
    font-weight: 700;
    padding: 11px 0;
    text-align: right;
}


.journalism-result-details {
    text-align: right;
}


.journalism-title img {
    height: 50px;
}


.journalism-result {
    text-transform: uppercase;
    font-size: 16px;
    color: #d83030;
    font-weight: 700;
    padding: 11px 0;
    text-align: right;
}


img.img-stamp {
    height: 50px;
}


.sanctions-result {
    color: #bfbfbf;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    padding: 12px 0;
    text-align: right;
}


.sidebar {
    margin-bottom: 40px;
}


a#download-report-bottom-sidebar {
    font-size: 20px;
    font-weight: 700;
    padding: 20px 9px;
    margin-bottom: 60px;
}


a#download-report-bottom {
    font-size: 16px;
    font-weight: 700;
    padding: 13px 28px;
    margin-bottom: 60px;
}


.research-summary-title h2 {
    font-size: 20px;
    color: #707070;
    font-weight: 700;
    text-transform: uppercase;
}


.headline-research {
    font-size: 16px;
    color: #bfbfbf;
    font-weight: 700;
    text-transform: uppercase;
    padding: 25px 0 12px 0;
}


.research-info {
    font-size: 1.25em;
}


#search-packages p {
    font-size: 16px;
}


#search-packages span {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    float: left;
    margin-right: 20px;
    padding: 4px;
    text-align: center;
    vertical-align: middle;
}


#search-packages i {
    font-size: 16px;
}


.research-info-time {
    color: #0f0050;
    font-size: 33px;
    font-weight: 700;
    text-transform: uppercase;
}


.research-info-time span {
    color: #eb982c;
    font-size: 33px;
    font-weight: 700;
}


.pdf_file,
.csv_file {
    color: #0f0050;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
}


.size {
    color: #929090;
    font-size: 20px;
    font-weight: 700;
    padding-left: 15px;
}


/*========================================================================
Orders
========================================================================== */

.orders-intro {
    margin: 34px auto 0 auto;
    max-width: 600px;
}

.orders-type-intro {
    margin: 0 auto;
    max-width: 600px;
}


.service-info {
    margin: 68px auto 34px;
    width: 100%;
    max-width: 600px;
    text-align: center;
}


.select-search-packages {
    margin: 0 auto;
    width: 100%;
    max-width: 600px;
    text-align: center;
}


.orders-intro h2,
.select-search-packages h2 {
    font-size: 22px;
    margin-top: 18px;
    margin-bottom: 0px;
}

.select-services {
    margin-top: -5px!important;
    margin-bottom: -15px!important;
}

.orders-intro p,
.select-search-packages p {
    color: #929090;
    font-size: 1em;
}

.orders-type-intro h2{
    font-size: 22px;
    margin: 20px auto 1px auto;
}


.orders-type-intro p {
    color: #929090;
    font-size: 1em;
}


.orders-buttons {
    padding: 10px 0 30px 0;
}


.orders-buttons .btn-individual {
    font-size: 20px;
    min-width: 282px;
}


.orders-buttons .btn-organization {
    font-size: 20px;
    min-width: 282px;
}


.btn-organization i,
.btn-individual i,
.btn-individual-clicked i,
.btn-organization-clicked i {
    position: relative;
    top: 0;
    left: -10px;
    font-size: 20px;
}


.btn-individual-clicked {
    font-size: 20px;
    min-width: 282px;
}


.btn-organization-clicked {
    font-size: 20px;
    min-width: 282px;
}


.form-wrap {
    margin: 0px auto 5px;
    background: #fff;
    width: 100%;
    overflow: hidden;
    padding: 30px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    text-align: left;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    border-radius: 4px;
}


.form-wrap .send-request-header h3,
.form-wrap .send-request-header i {
    font-size: 20px;
}


.form-wrap label {
    text-transform: uppercase;
}


#individual_order_DateOfBirth,
#individual_order_Address,
#individual_order_CountryId,
#organisation_order_Address,
#organisation_order_CountryId,
#organisation_order_IncorporationDate,
#individual_order_AdditionalInfo,
#organisation_order_AdditionalInfo {
    border-top: none;
    border-left: none;
    border-right: none;
}


#individual_order_DateOfBirth_month,
#individual_order_DateOfBirth_day,
#individual_order_DateOfBirth_year {
    font-weight: 300;
    font-style: italic;
    font-size: 1em;
    border: none;
    background: transparent;
    margin-right: 5px;
}


#individual_order_OtherNames input {
    padding-top: 12px;
}


a.add-field {
    position: relative;
    top: 0;
}


a.add-field i {
    font-size: 12px;
    color: #36a229;
    font-weight: bold;
    cursor: pointer;
}


.individual_order_OtherNames-collection-actions {
    width: 20px;
    position: absolute;
}


#individual_order a.close-field i {
    font-size: 12px;
    color: #d83030;
    font-weight: bold;
    cursor: pointer;
    position: absolute;
    top: -32px;
    left: 396px;
}


#organisation_order_OtherNames a.close-field i {
    font-size: 12px;
    color: #d83030;
    font-weight: bold;
    cursor: pointer;
    position: absolute;
    margin-top: -40px;
    left: 396px;
    margin-bottom: 10px;
}


@media only screen and (min-width: 992px) and (max-width: 1199px) {
    #individual_order a.close-field i,
    #organisation_order_OtherNames a.close-field i {
        left: 321px;
    }
}

@media only screen and (max-width: 992px) {
    .user-managment {
        margin-top: 40px;
    }
    .page-num {
        width: 7% !important;
    }

    .page-text {
        width: 93% !important;
    }

    .page-num-1 {
        width: 12% !important;
    }

    .page-text-1 {
        width: 88% !important;
    }

    .page-num-2 {
        width: 19% !important;
    }

    .page-text-2 {
        width: 81% !important;
    }
}

@media only screen and (min-width: 767px) and (max-width: 991px) {
    #individual_order a.close-field i,
    #organisation_order_OtherNames a.close-field i {
        left: 225px;
    }
}


@media only screen and (min-width: 361px) and (max-width: 766px) {
    #individual_order a.close-field i,
    #organisation_order_OtherNames a.close-field i {
        left: 330px;
    }
}


@media only screen and (min-width: 320px) and (max-width: 360px) {
    #individual_order a.close-field i,
    #organisation_order_OtherNames a.close-field i {
        left: 263px;
    }
}


#individual_order_OtherNames span.glyphicon,
#organisation_order_OtherNames span.glyphicon {
    display: none;
}


#launch-button-organisation,
#launch-button-individual {
    width: 100%;
}


#organisation_order_save i,
#individual_order_save i {
    font-size: 23px;
    margin-right: 20px;
    padding-bottom: 2px;
}


small.form-text {
    color: #929090 !important;
    font-style: italic;
    text-align: right;
}


small.error {
    color: #d83030 !important;
    font-style: italic;
    float: right;
}


sup.required {
    color: #d83030;
}


/*Slider*/
.slick-slide {
    height: 263px !important;
    cursor: pointer;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    border-radius: 4px;
    padding: 18px 34px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


.slick-slide h5 {
    font-size: 49px;
}


.slick-slide h6 {
    font-size: 20px;
    margin-top: 85px;
}


.slider .service-box {
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}


.slider .service-box:hover {
    background: #eee;
}

.slick-initialized .slick-slide {
    background: #fff;
}


.slider .service-box p.card-text {
    color: #929090;
    font-size: 16px;
}

.modal-content {
    border-radius: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    text-align: justify;
}


#modal-button {
    margin-top: 10px;
    font-size: 17px;
    font-weight: 700;
}


.modal-header h5 {
    font-size: 49px;
    word-break: break-word;
}


.subheader {
    padding: 0 16px;
}


h6.sub-modal-title {
    font-size: 20px;
}


.modal-body p {
    line-height: 24px;
    color: #929292;
    font-size: 18px;
}


.modal-footer button {
    font-size: 16px;
    opacity: 1;
    border-radius: 2px;
}


.modal-footer button img {
    height: 23px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}


#serviceModal {
    font-size: 17px;
    bottom: 30px;
    left: 34px;
}


.individual_order_ServiceId > ul,
.organisation_order_ServiceId > ul {
    font-size: 14px;
    text-transform: uppercase;
    border: none;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    font-weight: bold;
    padding: 10px 0;
}


.prettydropdown.individual_order_ServiceId > ul > li.selected:before,
.prettydropdown.individual_order_ServiceId > ul > li.selected:after,
.prettydropdown.organisation_order_ServiceId > ul > li.selected:before,
.prettydropdown.organisation_order_ServiceId > ul > li.selected:after {
    position: absolute;
    top: 8px;
    bottom: 0;
    right: 8px;
    height: 16px;
    border: 8px solid transparent; /* Arrow size */
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    content: '';
    display: block;
    margin: auto;
}


.prettydropdown.individual_order_ServiceId.small > ul > li.selected:before,
.prettydropdown.individual_order_ServiceId.small > ul > li.selected:after,
.prettydropdown.organisation_order_ServiceId.small > ul > li.selected:before,
.prettydropdown.organisation_order_ServiceId.small > ul > li.selected:after {
    top: 4px;
    height: 8px;
    border-width: 4px;
}


.prettydropdown.individual_order_ServiceId > ul > li.selected:before,
.prettydropdown.organisation_order_ServiceId > ul > li.selected:before {
    border-top-color: #0f0050; /* Arrow color */
}


.prettydropdown.individual_order_ServiceId > ul > li.selected:after,
.prettydropdown.organisation_order_ServiceId > ul > li.selected:after{
    top: 4px; /* Chevron thickness */
    border-top-color: #fff; /* Match background colour */
}


.prettydropdown.individual_order_ServiceId.small > ul > li.selected:after,
.prettydropdown.organisation_order_ServiceId.small > ul > li.selected:after {
    top: 2px; /* Chevron thickness */
}


.prettydropdown.individual_order_ServiceId.triangle > ul > li.selected:after,
.prettydropdown.organisation_order_ServiceId.triangle > ul > li.selected:after {
    content: none;
}


.prettydropdown.individual_order_ServiceId > ul.active > li.selected:before,
.prettydropdown.organisation_order_ServiceId > ul.active > li.selected:before {
    display: none;
}


hr.order {
    margin-top: 90px;
}


.price-time-text {
    color: #929090;
    font-size: 20px;
}


p.price,
p.time span#service-tat-individual,
p.time span#service-tat-organisation {
    font-size: 85px;
}


p.price span {
    font-size: 36px;
}


p.time span#service-tat-unit-individual,
p.time span#service-tat-unit-organisation {
    font-size: 36px;
    position: relative;
    top: -33px;
}


.next img,
.previous img {
    height: 35px;
    position: relative;
    top: -57px;
}


#organisation_order_save,
#main-launch-button,
#individual_order_save {
    font-size: 26px;
    /*margin: 64px auto 80px;*/
}


#organisation_order_save img,
#individual_order_save img,
#main-launch-button img {
    position: relative;
    top: 0;
    margin-right: 29px;
}


.help-block {
    display: block;
    text-align: right;
    font-size: 14px;
    font-style: italic;
    color: #d83030;
    position: relative;
    top: -24px;
}


/*====================
Order confirmation
========================================================================== */

#order-confirm h3 {
    color: #929090;
    font-size: 20px;
    text-align: left;
}


#subject-individual,
#search-packages-individual {
    padding: 33px 30px;
}

#order-confirm h3.total-price,
#order-confirm h3.estimated-time,
.headline-preview p {
    font-size: 16px;
    color: #bfbfbf;
}


#search-packages-individual-service p,
#search-packages-organisation-service p {
    font-size: 16px;
    text-align: left;
}


#search-packages-individual-service span,
#search-packages-organisation-service span {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    float: left;
    margin-right: 20px;
    padding: 6px;
}


#search-packages-individual-service span i,
#search-packages-organisation-service span i {
    font-size: 16px;
}


p#total-individual-price,
p#total-individual-estimated-time,
p#total-organisation-price,
p#total-organisation-estimated-time {
    font-size: 30px;
}


.submit-buttons-wrap {
    margin: 30px auto 60px;
    width: 100%;
    max-width: 600px;
    text-align: center;
}


#submit-order-organisation,
#submit-order-individual {
    font-size: 20px;
    padding: 11px 59px;
}

#change-order-individual,
#change-order-organisation {
    font-size: 20px;
    padding: 11px 76px;
}


/*====================
Other pages
========================================================================== */

.other-page-wrap {
    margin: 123px auto 160px;
    width: 100%;
}


.other-page-wrap h2 {
    font-size: 1em;
    text-transform: uppercase;
    color: #0f0050;
    font-weight: 700;
}


.other-page-wrap p {
    color: #707070;
    padding: 48px 0 60px 0;
    font-size: 20px;
    line-height: 30px;
}


#enhanced-form span.glyphicon-remove,
#enhanced-form span.glyphicon-ok {
    width: 24px;
    position: absolute;
    top: 45px;
    left: 95%;
}


/*========================================================================
Settings page
========================================================================== */

.settings-wrap {
    margin: 68px auto 113px;
    max-width: 470px;
    width: 100%;
}


.settings-wrap h2 {
    font-size: 1.429em;
}


.settings-wrap h3 {
    font-size: 20px;
}


.settings-wrap p {
    color: #707070;
    font-size: 16px;
}


.settings-block {
    text-align: left;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}


.settings-block i {
    font-size: 20px;
    margin-right: 10px;
}


.settings-block label {
    text-transform: uppercase;
    color: #929090;
    font-size: 14px;
}


#settings-form span.glyphicon-remove,
#settings-form span.glyphicon-ok {
    width: 24px;
    position: absolute;
    top: 45px;
    left: 95%;
}

.orders-tab-nav {
    position: relative;
    top: 100px;
    border-bottom: none
}

.orders-tab {
    text-align: left !important;
    background-color: inherit !important;
    border-bottom: none !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    z-index: 2;
    padding-left: 0px !important;
    padding-bottom: 0px !important;
    font-weight: bold;
    color: #878787;
    font-size: 18px;
}

.orders-tab-opened {
    max-width: 50px;
}

.orders-tab-closed {
    max-width: 60px;
}

@media only screen and (max-width: 1000px) {
    .orders-tab-nav {
        position: relative;
        top: -7px;
        border-bottom: none
    }
}


/*====================
Footer
========================================================================== */

footer {
    background: #0f0050;
    color: #fff;
    padding: 42px 0;
}


footer #more-links a {
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 7px;
    font-size: 16px;
    font-weight: 700;
}


footer #footer-title {
    padding-top: 18px;
}


footer #footer-title p {
    font-size: 15px;
    padding-left: 10px;
}

.orders-tab-content {
    position: relative;
    top: -50px;
}


/* File upload */
#individualPreviewFiles, #organisationPreviewFiles {
    font-size: 12px;
    border-right: 1px dashed #CED4DA;
}

.dropzone {
    border: 1px dashed #CED4DA;
    box-sizing: border-box;
}

#individualDrag, #organisationDrag {
    font-size: 12px;
    font-weight: 700;
}

#individualLimitations, #organisationLimitations {
    font-size: 12px;
    font-weight: 400;
    font-style: italic;
}

#individualDropzonePreview, #organisationDropzonePreview {
    cursor: pointer;
}

.remove-file {
    cursor: pointer;
}

#individualProgress, #organisationProgress {
    height: 4px;
    display: none;
    position: relative;
}

.progress {
    background-color: #C1D9FF;
}

/* Order details */
.service-status-clear {
    color: #36a229;
    font-size: 20px;
    text-align: right;
    font-weight: bold;
    margin-right: 20px;
}

.service-status-review {
    color: #d83030;
    font-size: 20px;
    text-align: right;
    font-weight: bold;
    margin-right: 20px;
}

.service-status-review-nochanges {
    color: #f87300;
    font-size: 20px;
    text-align: right;
    font-weight: bold;
    margin-right: 20px;
}

.service-status-review-updates {
    color: #d83030;
    font-size: 20px;
    text-align: right;
    font-weight: bold;
    margin-right: 20px;
}

.details-row {
    border-bottom: 1px solid #BFBFBF;
}

.details-label {
    font-weight: 600;
}

table.details tbody {
    border: 6px solid transparent;
    border-right-width: 20px;
    border-left-width: 20px;
    -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4);
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=0, Color='#eeeeee'),
            progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=90, Color='#eeeeee'),
            progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=180, Color='#eeeeee'),
            progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=270, Color='#eeeeee');
}

.details-card-body {
    width: 100%;
}

table.dataTable thead th, table.dataTable thead td {
    padding: 8px 3px;
    vertical-align: middle;
}

table.dataTable tbody th, table.dataTable tbody td {
    padding: 10px 3px;
}

table.main-page-table thead th, table.main-page-table thead td {
    padding: 10px;
    vertical-align: middle;
}

.table.dataTable thead .sorting,.table.dataTable thead .sorting_desc,.table.dataTable thead .sorting_asc {
    background-position: center left;
    padding-left: 18px;
}

.word-break {
    word-break: break-word;
}

.close-confirm-content {
    text-align: center;
    margin-top: 70px;
    margin-bottom: 40px;
    font-size: 20px;
}

.square-facts-logo {
    width: 15px;
    height: 15px;
    margin-left: 5px;
}

.square-facts-text {
    color: #fff;
    text-decoration: underline;
}

/* Tooltip */
.tooltip-custom {
    position: relative;
    display: inline-block;
}

.tooltip-custom .tooltiptext {
    visibility: hidden;
    width: 170px;
    background-color: #2F313F;
    color: #fff;
    text-align: center;
    padding: 3px 0;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    text-transform: none;
}

.tooltip-custom:hover .tooltiptext {
    visibility: visible;
}

.tooltip-custom .tooltiptext-right {
    top: 2px;
    left: 115%;
}

.tooltip-custom .tooltiptext-right::after {
    content: " ";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent black transparent transparent;
}

.tooltip-custom .tooltiptext-left {
    top: 2px;
    right: 115%;
}

.tooltip-custom .tooltiptext-left::after {
    content: " ";
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent black;
}

.tooltip-custom .tooltiptext-top {
    bottom: 115%;
    left: 50%;
    margin-left: -60px;
}

.tooltip-custom .tooltiptext-top::after {
    content: " ";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}

.tooltip-custom .tooltiptext-bottom {
    top: 115%;
    left: 50%;
    margin-left: -60px;
}

.tooltip-custom .tooltiptext-bottom::after {
    content: " ";
    position: absolute;
    bottom: 100%; /* At the top of the tooltip */
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent black transparent;
}

.tooltip .tooltiptext {
    opacity: 0;
    transition: opacity 1s;
}

.tooltip:hover .tooltiptext {
    opacity: 1;
}

/* End tooltip */

.fill-class > svg {
    fill: orange;
}

.table-history-details-wrap {
    overflow-x: hidden;
}

.actions img {
    width: 16px;
    margin-right: 0px !important;
}

.cancel-order {
    font-size: 1.2em;
    color: red;
}

.periodicity-button {
    font-size: 1em;
    padding-left: 2.5em !important;
    padding-right: 2.5em !important;
}

#individual-periodicity h2,
#organisation-periodicity h2 {
    font-size: 22px;
    margin: 30px auto 50px;
}

.launch-search {
    margin: 0px auto 10px auto;
}

.convert-monitoring {
    width: 200px !important;
}

/*Send customer note*/
.add-note {
    width: 150px !important;
}

#send-note .modal-header {
    border-bottom: none;
}

#send-note .modal-body textarea {
    border-radius: 0;
}

#send-note .modal-content {
    background: #f2f2f2;
}

.details-row img {
    max-width: 100%;
}

@media only screen and (min-width: 991px) {
    #btn-user-new {
        margin-bottom: 30px;
    }

    #users_paginate {
        margin-bottom: 35px;
    }

    #user_Submit {
        margin-top: 30px;
        margin-bottom: 9px;
    }

    #btn-user-back {
        margin-bottom: 60px !important;
    }

    .access-type {
        margin-top: 0px !important;
        margin-bottom: -16px !important;
    }
    .home-orders {
        margin-top: -38px;
    }
}

.page-num {
    width: 2.4%;
}

.page-text {
    width: 97.5%;
}

.page-num-1 {
    width: 3%;
}

.page-text-1 {
    width: 97%;
}

.page-num-2 {
    width: 5%;
}

.page-text-2 {
    width: 95%;
}

.page-terms {
    margin: 30px auto 30px!important;
}

.note-attachment {
    font-size: 12px;
    display: block;
}

.note-attachment-icon {
    font-size: 16px;
    color: green;
}

#send-note-close-button {
    opacity: 1;
    padding: 0;
    background-color: white;
    margin-right: 0px;
    margin-top: 15px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
    border-radius: 2px;
    border: 1px solid #ced4da;
    width: 40px;
}

.send-note-close-icon {
    font-size: 35px;
}

.note-modal-header {
   margin: 0 auto;
    margin-top: -25px;
}

.note-modal-email {
    margin: 0 auto;
    margin-top: -15px;
    font-size: 18px;
}

#note-conversation-box {
    height: 400px;
    margin-bottom: 10px;
    border-radius: 2px !important;
    overflow-y: auto;
    background-color: white;
    padding: 20px;
    border: 1px solid #ced4da;
}

#send-note-message {
    box-shadow: none;
    border-radius: 2px!important;
}

.attached-files-box {
    width: 65%;
    float: left;
}

.note-buttons-box {
    width: 35%;
    float: left;
}

#send-note-button {
    padding-top: 7px;
    float: right;
    border-radius: 4px;
}

#send-note-button-icon {
    margin-right: 10px;
    font-size: 18px;"
}

#attach-file {
    padding-top: 7px;
    float: right;
    margin-right: 10px;
    border-radius: 4px;"
}

#note-file-error {
    min-height: 30px;
    margin-left: 15px;
    color: red;
    font-size: 12px;"
}

.note-remove-file-icon {
    color: red;
    font-size: 22px;
    cursor: pointer;
}

#note-file-error {
    min-height: 30px;
    margin-left: 15px;
    color: red;
    font-size: 12px;"
}

#note-file-ext-error {
    min-height: 30px;
    margin-left: 15px;
    color: red;
    font-size: 12px;"
}

.conversation {
    padding: 20px;
    width: 90%;
    display: block;
    font-size: 14px;
}

.conversation-cutomer {
    background-color: #0f0050;
    border-radius: 20px 20px 0 20px;
    float:right;
    color: white;
}

.conversation-cutomer a{
    color: white;
    text-decoration: underline;
}

.conversation-agent {
    background-color: #e8f7ff;
    border-radius: 20px 20px 20px 0;
    display: block;
    float:left;
    color: #2f313f;
}

.conversation-agent a{
    color: #2f313f;
    text-decoration: underline;
}

.note-sent {
    width: 90%;
    margin-top: 5px;
    margin-bottom: 15px;
    display: block;
    font-size: 12px;
    color: #bbbbbb;
}

.note-sent-customer {
    float: right;
    text-align: right;
}

.note-sent-agent {
    float:left;
}

.modal-details-header {
    border-bottom: none !important;
}

.modal-details-body {
    padding-top: 0px !important;
}

.consent-agree-btn {
    background-color: #1BC5BD !important;
    color: #fff  !important;
    text-transform: none  !important;
}

.consent-logout-btn {
    text-transform: none  !important;
}

.consent-intro {
    font-weight: bold;
}

.consent-terms-label {
    margin-left: -5px;
    color: #000;
    font-size: 16px;
}

.consent-privacy-label {
    color: #000;
    font-size: 16px;
}

#consent-error-message {
    font-size: 12px;
    padding: 10px;
}