@font-face {
    font-family: 'SF Pro Display';
    src: url('../library/fonts/sf-pro-display/SFProDisplay-Light.eot');
    src: url('../library/fonts/sf-pro-display/SFProDisplay-Light.eot?#iefix') format('embedded-opentype'),
        url('../library/fonts/sf-pro-display/SFProDisplay-Light.woff2') format('woff2'),
        url('../library/fonts/sf-pro-display/SFProDisplay-Light.woff') format('woff'),
        url('../library/fonts/sf-pro-display/SFProDisplay-Light.ttf') format('truetype'),
        url('../library/fonts/sf-pro-display/SFProDisplay-Light.svg#SFProDisplay-Light') format('svg');
    font-weight: 200;
    font-style: normal;
}


@font-face {
    font-family: 'SFProDisplay-Regular';
    src: url('../library/fonts/sf-pro-display/SFProDisplay-Regular.eot');
    src: url('../library/fonts/sf-pro-display/SFProDisplay-Regular.eot?#iefix') format('embedded-opentype'),
        url('../library/fonts/sf-pro-display/SFProDisplay-Regular.woff2') format('woff2'),
        url('../library/fonts/sf-pro-display/SFProDisplay-Regular.woff') format('woff'),
        url('../library/fonts/sf-pro-display/SFProDisplay-Regular.ttf') format('truetype'),
        url('../library/fonts/sf-pro-display/SFProDisplay-Regular.svg#SFProDisplay-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'SFProDisplay-Medium';
    src: url('../library/fonts/sf-pro-display/SFProDisplay-Medium.eot');
    src: url('../library/fonts/sf-pro-display/SFProDisplay-Medium.eot?#iefix') format('embedded-opentype'),
        url('../library/fonts/sf-pro-display/SFProDisplay-Medium.woff2') format('woff2'),
        url('../library/fonts/sf-pro-display/SFProDisplay-Medium.woff') format('woff'),
        url('../library/fonts/sf-pro-display/SFProDisplay-Medium.ttf') format('truetype'),
        url('../library/fonts/sf-pro-display/SFProDisplay-Medium.svg#SFProDisplay-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('../library/fonts/sf-pro-display/SFProDisplay-Semibold.eot');
    src: url('../library/fonts/sf-pro-display/SFProDisplay-Semibold.eot?#iefix') format('embedded-opentype'),
        url('../library/fonts/sf-pro-display/SFProDisplay-Semibold.woff2') format('woff2'),
        url('../library/fonts/sf-pro-display/SFProDisplay-Semibold.woff') format('woff'),
        url('../library/fonts/sf-pro-display/SFProDisplay-Semibold.ttf') format('truetype'),
        url('../library/fonts/sf-pro-display/SFProDisplay-Semibold.svg#SFProDisplay-Semibold') format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('../library/fonts/sf-pro-display/SFProDisplay-Bold.eot');
    src: url('../library/fonts/sf-pro-display/SFProDisplay-Bold.eot?#iefix') format('embedded-opentype'),
        url('../library/fonts/sf-pro-display/SFProDisplay-Bold.woff2') format('woff2'),
        url('../library/fonts/sf-pro-display/SFProDisplay-Bold.woff') format('woff'),
        url('../library/fonts/sf-pro-display/SFProDisplay-Bold.ttf') format('truetype'),
        url('../library/fonts/sf-pro-display/SFProDisplay-Bold.svg#SFProDisplay-Bold') format('svg');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('../library/fonts/sf-pro-display/SFProDisplay-Heavy.eot');
    src: url('../library/fonts/sf-pro-display/SFProDisplay-Heavy.eot?#iefix') format('embedded-opentype'),
        url('../library/fonts/sf-pro-display/SFProDisplay-Heavy.woff2') format('woff2'),
        url('../library/fonts/sf-pro-display/SFProDisplay-Heavy.woff') format('woff'),
        url('../library/fonts/sf-pro-display/SFProDisplay-Heavy.ttf') format('truetype'),
        url('../library/fonts/sf-pro-display/SFProDisplay-Heavy.svg#SFProDisplay-Heavy') format('svg');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('../library/fonts/sf-pro-display/SFProDisplay-Black.eot');
    src: url('../library/fonts/sf-pro-display/SFProDisplay-Black.eot?#iefix') format('embedded-opentype'),
        url('../library/fonts/sf-pro-display/SFProDisplay-Black.woff2') format('woff2'),
        url('../library/fonts/sf-pro-display/SFProDisplay-Black.woff') format('woff'),
        url('../library/fonts/sf-pro-display/SFProDisplay-Black.ttf') format('truetype'),
        url('../library/fonts/sf-pro-display/SFProDisplay-Black.svg#SFProDisplay-Black') format('svg');
    font-weight: 900;
    font-style: normal;
}

body {
	font-family: 'SFProDisplay-Regular' !important;
}

.w5c-error {
    color: #b94a48
}


.image-uploaded{
    position: relative;
}

.loading {
    position: absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background:rgba(255,255,255,0.5);
    display: block;
}

.loading img {
    position: absolute;
    top:50%;
    left:50%;
    width: 20px;
    height: 20px;
    margin-top:-10px;
    margin-left:-10px;
    -webkit-animation: rotate-center 0.4s linear infinite both;
    animation: rotate-center 0.4s linear infinite both;
}

/**
* ----------------------------------------
* animation rotate-center
* ----------------------------------------
*/
@-webkit-keyframes rotate-center {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotate-center {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


.has-error .form-control{
    border:1px solid #a94442 !important;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{
    -webkit-appearance: none !important;
    margin: 0;
}
input[type="number"]{-moz-appearance:textfield;}



/**
* ----------------------------------------
* UI changes 2019-04-12
* ----------------------------------------
*/
.select-cover {
	top: 26px;
}
.top-35 {
	top: 38px;
}
.input-group-addon {
    border-radius: 9px;
}
.w5c-error {
    position: relative;
    left: 0;
}
.select-cover {
    width: calc(100% - 34px);
    left: 1px;
    border: 0;
    height: 36px;
}
input::-ms-reveal { opacity: 0; }
.status.Approved p {
    background: #3DB48C;
    border-radius: 16px;
    height: 32px;
    line-height: 32px;
    font-size: 14px !important;
    color: #fff !important;
    text-align: center;
    margin-top: 8px;
}
.status.Draft p {
    background: #282828;
    border-radius: 16px;
    height: 25px;
    line-height: 25px;
    font-size: 14px !important;
    color: #fff !important;
    text-align: center;
    margin-top: 8px;
}
.status.For.approval p {
    background: #E66428;
    border-radius: 16px;
    height: 32px;
    line-height: 32px;
    font-size: 14px !important;
    color: #fff !important;
    text-align: center;
    margin-top: 8px;
}
.status.Revoked p {
    background: grey;
    border-radius: 16px;
    height: 32px;
    line-height: 32px;
    font-size: 14px !important;
    color: #fff !important;
    text-align: center;
    margin-top: 8px;
}
.status.Submitted p {
    background: #E66428;
    border-radius: 16px;
    height: 32px;
    line-height: 32px;
    font-size: 14px !important;
    color: #fff !important;
    text-align: center;
    margin-top: 8px;
}
.btn {
    font-size: 15px;
    height: 42px;
}
.btn.btn-red.btn-delete {
	background-image: url(../img/icon/delete-white.svg);
}

.gray-line {
	background-color: #dadada5e !important;
}

body {
    background-color: #fff;
}

.dsp-wrapper .dropdown.open ul.dropdown-menu {
    margin-top: 10px;
}

.dsp-wrapper a:focus,
.dsp-wrapper a:hover {
	text-decoration: none;
}

.h1-select .status {
    right: -230px;
    width: 190px;
}
.select2-container--bootstrap .select2-dropdown--above {
	margin-top: -7px;
}
.select2-container--bootstrap.select2-container--open.select2-container--above .select2-selection {
	border-radius: 10px;
}
.attachment-block {
    margin: 5px 0;
}
.attachment-block:before {
	display: none;
}
.attachment-block {
	padding-left: 20px;
}
.btn.btn-revoke {
    background-image: url(../img/icon/disable.svg);
}
.form-control.password,
.form-control.with-icon-eye {
	padding-right: 30px;
}
.select-cover:after {
    bottom: 9px;
}
.color-bg-1 .container {
    min-height: calc(100vh - 170px);
    position: relative;
}

.color-bg-1 .container nav {
    position: absolute;
    bottom: 50px;
    width: 100%;
}

.color-bg-1 .container table.table {
    margin-bottom: 170px;
}

.dsp-wrapper:after {
	right: 15px;
}

 .col-sm-3.dsp-wrapper:after {
	right: 30px;
}

/* .modal-preview-image .modal-dialog .upload-image-wrapper > img {
    height: 548px;
    width: auto;
} */

.modal-body .btn-group-sep {
    max-width: 60%;
    margin: auto;
    padding: 17px;
}

.upload-image-wrapper {
	border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.upload-image {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 548px;
}

.loading {
	border-radius: 20px;
	background: rgba(255,255,255,0.8);
	z-index: 1052;
}

.modal-preview-image .modal-content {
	border: 0;
}

.modal-preview-image .modal-content .modal-body {
	padding: 0;
}

.modal-preview-image .modal-content .modal-body h2 {
    padding: 20px;
}

input::-ms-reveal,
input[type=password]::-ms-reveal,
.form-control.password::-ms-reveal,
.form-control.with-icon-eye::-ms-reveal {
    display: none !important;
}

.select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
    color: #555555;
}

.select2-container--bootstrap .select2-selection--single .select2-selection__rendered[title="Select"] {
	color: #B4B4B4;
}

@media (max-width: 1395px){
	.table>tbody>tr td {
	    padding: 8px 0 8px 0;
	}
}

@media (max-width: 1395px) {
	.sm-padding-0 {
		padding: 0 !important;
	}
}

@media (max-width: 1395px) {
	.hori-radio label {
	    width: 44px;
	}
	.hori-radio label:after,
	.hori-radio.hori-radio-1 label:after {
	    left: 26px;
	}
}

/*Pagination---------------------------------*/
.pagination>li>a,
.pagination>li>span {
    background-color: rgba(0,0,0,0);
}

.pagination>li.active>a,
.pagination>li.active>span {
    background-color: #00A5E6;
    color: #fff;
}

.pagination>li:first-child,
.pagination>li:last-child {
	background-image: url(../img/icon/arrow-left.svg);
	background-size: cover;
	background-position: center;
	display: block;
	width: 36px;
	height: 36px;
}

.pagination>li:first-child {
	background-image: url(../img/icon/arrow-left.svg);
}

.pagination>li:last-child {
	background-image: url(../img/icon/arrow-right.svg);
}

.pagination>li:first-child>a,
.pagination>li:last-child>a,
.pagination>li:first-child>a:hover,
.pagination>li:last-child>a:hover,
.pagination>li:first-child>a:focus,
.pagination>li:last-child>a:focus {
    background-color: rgba(0,0,0,0);
    color: rgba(0,0,0,0);
}

.table>tbody>tr td {
	padding: 8px;
}
.table>caption+thead>tr:first-child>td,
.table>caption+thead>tr:first-child>th,
.table>colgroup+thead>tr:first-child>td,
.table>colgroup+thead>tr:first-child>th,
.table>thead:first-child>tr:first-child>td,
.table>thead:first-child>tr:first-child>th {
    padding-left: 8px;
}
.table>tbody>tr {
	border-top: 1px solid #ddd;
}
.table>thead {
    border-bottom: 2px solid #ddd;
}

/*  slider on the filter ---------------------------------- */
.rzslider .rz-pointer:after {
	display: none;
}

.rzslider .rz-pointer {
    width: 16px;
    height: 16px;
    background: #FFFFFF !important;
    border: 1px solid #979797;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);
    border-radius: 100%;
    position: absolute;
    top: -4.5px;
    z-index: 10;
}

.rzslider .rz-bar {
	height: 8px;
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.rzslider .rz-selection {
    background-color: #00A5E6;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.status-gray {
    color: #bdb9b9 !important;
}

.text-edit {
    background: #FFFFFF;
    border: 1px solid #DCDCDC;
    border-radius: 10px;
    display: flex;
    font-size: 15px;
    min-height: 42px;
    padding: 6px 12px;
    min-height: 120px;
    height: auto !important;
}

.details-body p {
    width:100%;

}


.note-editor .btn {
    margin-top:0;
    height: 30px;
    background-color: #ffffff;
    border: none;
    font-size: 12px;
    border-radius: 0;
}

.note-editor .dropdown-menu li {
    height: auto;
    padding: 0 ;
    display: block;
    font-size: 14px;
    color: #68747f;
    border-bottom: none;
    cursor: pointer;
}

.note-editor .dropdown-menu li blockquote {
    padding: 0 10px;
    margin: 0;
    font-size: 17.5px;
    border-left: 5px solid #f86466;
    background: white;
}

.note-editor .dropdown-menu li a h1 {
    padding: 0;
    margin: 0;
    font-size: 36px;
}

.note-editor .dropdown-menu li a h2 {
    padding: 0;
    margin: 0;
    border:none;
    font-size: 26px;
}

.note-editor .dropdown-menu li a h3 {
    padding: 0;
    margin: 0;
    border:none;
    font-size: 18px;
}
.note-editor .dropdown-menu li a h4 {
    padding: 0;
    margin: 0;
    border:none;
    font-size: 18px;
}

.note-editor .dropdown-menu li a h5 {
    padding: 0;
    margin: 0;
    border:none;
    font-size: 14px;
}

.note-editor .dropdown-menu li a h6 {
    padding: 0;
    margin: 0;
    border:none;
    font-size: 12px;
}

.note-editor .note-fontclr .dropdown-menu{
    min-width: 337px;
}

.note-editor .note-fontclr .dropdown-menu li{
    margin:0 7px;
}

.note-editor .note-fontclr .dropdown-menu .btn-group{
    text-align: center;
}

.note-editor .note-fontclr .dropdown-menu .btn-group .note-palette-title {
    font-size: 12px;
    margin: 2px 7px;
    padding:4px 10px;
    text-align: center;
    border-bottom: 1px solid #eee;
}

.note-editor .note-fontclr .dropdown-menu .btn-group .note-color-reset {
    font-size: 11px;
    margin:  3px;
    padding: 0 3px;
    cursor: pointer;
    width: 100%;
    border-radius: 5px;
}

.note-editor .note-alignment .dropdown-menu{
    min-width: 216px;
}

.note-editor .dropdown-toggle:after {
    content: '';
    background: none;
    display: none;
}

.note-editor .btn-default.active,.note-editor .btn-default:active,.note-editor .open>.dropdown-toggle.btn-default {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}

.note-editor .note-popover .popover-content .note-dropdown-menu.note-check a.checked i,.note-editor .note-toolbar .note-dropdown-menu.note-check a.checked i {
    visibility: visible;
}

.note-editor .note-editable ul {
    list-style-type: disc;
    margin:0;
    padding-left:40px;
}

.ORDetail{
    word-break: break-word;
}
.ORDetail span,.ORDetail p{
    width:auto !important;
}

.ORDetail ul{
    list-style-type: disc;
    margin:0;
    padding-left:40px;
}


.col-4 {
    width: 25%;
    float: left;
}
.col-2 {
    width: 50%;
    float: left;
}
.header nav li{
    width: 25%;
}
.header{
    background: #5A5A5A;
}
.header nav li a{
    color: #fff;
}
.profile-wrapper{
    border: 1px solid #fff;
}
.btn.btn-lock {
    background-image: url(../img/icon/lock.svg);
    border: 1px solid #D2D2D2;
    box-shadow: none;
    color: #646464;
    background-size: 16px 16px;
}
.logo-box img{
    padding: 0 10px;
    width: 60%;
}