@charset "utf-8";
/* CSS Document */


/****************************signup**************************/

.panel.signin {
    float: left;
    z-index: 2;
    box-shadow: -1px 0px 24px 11px rgba(0, 0, 0, 0.41);
}
.signup {
    float: left;
    margin-top: 28px;
    z-index: 1;
    background-color: #01426c !important;
    margin-left: -2px;
    padding-top: 23px;
    padding-bottom: 20px;
}
.white-text {
    color: #fff;
}
.login span>.icon {
    position: absolute;
    top: -7px !important;
    left: 50% !important;
    font-size: 26px !important;
}
.btn-primary {
    color: #fff;
    background-color: #01426c;
    border-color: #01426c;
}
.btn-primary.focus, .btn-primary:focus, .btn-primary:hover {
    background-color: #01426c;
    border-color: #01426c;
}
.checkbox-custom input[type=radio]:focus+label::before, .checkbox-custom input[type=checkbox]:focus+label::before {
    outline: 0 none;
}
:focus {
    outline: none !important;
}

/*******************signup ends************/
.site-menubar {
    color: rgba(255, 255, 255, 0.9);
    background: #01426c;
}
.site-menu-item a {
    color: rgba(255, 255, 255, 0.9);
	    line-height: 70px !important;
}
.site-navbar .navbar-container {
    background-color: #fff;
}
.navbar-default .navbar-toolbar>li>a {
    color: #01426c;
}
.site-menubar-footer>a {
    background-color: #025f9b;
	color: #ffffff;
}
.site-navbar {
    background-color: #ffffff;
}
.navbar-default .hamburger .hamburger-bar, .navbar-default .hamburger:after, .navbar-default .hamburger:before {
    background: #01426c;
}
.site-navbar .navbar-header .hamburger .hamburger-bar, .site-navbar .navbar-header .hamburger:after, .site-navbar .navbar-header .hamburger:before {
    background-color: #fff;
}
.site-menu>.site-menu-item.active {
    background: #025f9b;
}
.table>tfoot>tr>th, .table>thead>tr>th {
    color: #01426c;
}
.table {
    color: #000000;
}
.site-navbar .navbar-header .navbar-toggle {
    color: #fff;
}
.panel-title {
    color: #025f9b;
    font-weight: 400;
}
.page-title {
    font-size: 20px;
}
a {
    color: #dd555d;
}
a:hover {
    color: #dd555d;
}
.site-menubar-unfold .site-menu>.site-menu-item>a {
    padding: 8px 30px;
}
.navbar-brand {
    float: none;
	text-align: center;
}
.site-menu>.site-menu-item.hover>a, .site-menu>.site-menu-item:hover>a {
    background-color: rgba(2, 95, 155, 0.31);
}
.navbar-brand-logo {display:block;}

.site-menubar-fold .site-navbar .navbar-brand .navbar-brand-logo-resp {display:block !important;}
.site-navbar .navbar-header .navbar-brand .navbar-brand-logo-resp {display:none;}
.site-menubar-fold .site-navbar .navbar-brand {
    padding: 15px 12px;
}
.no-margin {margin:0 !important;}
.no-border-top {border-top:0;}
.clear {clear:both;}
.line-height-35 {
    line-height: 35px;
}
.padding-vertical-15 {
	padding-top:15px;
	padding-bottom:15pa !important;
}
button, input, select, textarea {
    outline: none;
}
.btn-icon, .btn.icon {
    padding: 7px;}
.btn-outline.btn-primary.active, .btn-outline.btn-primary:active, .btn-outline.btn-primary:focus, .btn-outline.btn-primary:hover, .open>.dropdown-toggle.btn-outline.btn-primary {
    color: #fff;
    background-color: #025f9b;
    border-color: #025f9b;
}
.btn-outline.btn-primary {
    color: #01426c;}
.btn-primary {
    color: #fff;
    background-color: #025f9b;
    border-color: #025f9b;
}
.site-menubar-fold .site-menu>.site-menu-item>a .site-menu-icon {
    margin-top: 15px;
}
.site-menubar-hide.site-menubar-unfold .site-navbar {
    background-color: #01426c;
}
.site-menubar-unfold.site-menubar-open .site-navbar {
    background-color: #01426c;
}
.navbar-default .navbar-toolbar>li>a:focus, .navbar-default .navbar-toolbar>li>a:hover {
    color: #ffffff;}
	
	.btn-success.focus, .btn-success:focus, .btn-success:hover {
    background-color: #df7b33;
    border-color: #df7b33;
}
.btn-success {
    color: #fff;
    background-color: #df7b33;
    border-color: #df7b33;
}
.btn-animate-vertical span>.icon {
    left: 43%;}
.panel, .panel-group {
    -webkit-box-shadow:0 0px 10px 1px rgba(0, 0, 0, 0.11);
    box-shadow: 0 0px 10px 1px rgba(0, 0, 0, 0.11);
}
.btn-animate-vertical span>.icon {
    position: absolute;
    top: -7px;
    left: 43%;}
.btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open>.dropdown-toggle.btn-success.focus, .open>.dropdown-toggle.btn-success:focus, .open>.dropdown-toggle.btn-success:hover {
    background-color: #01426c;
    border-color: #01426c;
}
.btn-animate-vertical span>.icon {
    position: absolute;
    top: -8px;
    left: 43%;
    font-size: 17px;
}
.page-login-v3:before {
    background-image: url(../images/bg.jpg) !important;
    background-size: cover;
}
img.brand-img {
    height: 46px;
}
.form-material .form-control, .form-material .form-control.focus, .form-material .form-control:focus {
    background-image: linear-gradient(#01426c,#01426c),linear-gradient(#e4eaec,#e4eaec);}
.checkbox-primary input[type=radio]:checked+label::before, .checkbox-primary input[type=checkbox]:checked+label::before {
    background-color: #025f9b;
    border-color: #025f9b;
	outline:none !important;
}
.site-menubar-hover .site-navbar .navbar-brand-text {
    display: inline-block;
    margin-left: -10px !important;
    margin-top: -2px;
}
.site-menubar-hover .site-navbar .navbar-brand-logo {
    height: 43px !important;
    margin-top: -3px;
    margin-left: 20px !important;
}
.site-menubar-fold .site-navbar .navbar-brand-logo {
    height: 39px !important;
    margin-left: -13px;
    margin-top: -2px;
}
.site-menubar-unfold .site-navbar .navbar-brand-text {
    display: inline-block;
    margin-top: -7px;
    margin-left: -6px;
    height: 36px;
}
.site-menubar-unfold .site-navbar .navbar-brand-logo {
    height: 39px;
    margin-top: -8px !important;
}
.navbar-default .navbar-toolbar > li > a:focus, .navbar-default .navbar-toolbar > li > a:hover {
    color:#01426c;
	background-color: rgb(243, 247, 249);
}
.site-menubar-fold .site-menu>.site-menu-item>a {
    height: 70px;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #01426c;
}

.site-menubar-fold.site-menubar-hover .site-menubar {
    width: 200px;
}
.site-menubar-fold.site-menubar-hover .site-menubar-footer {
    width: 200px;
}
.panel-group .panel-title:before {
    color: #01426c;
    opacity: 0.6 !important;
}
.order-creation-company-details {
    color: #025f9b;
    font-weight: 400;
    background-color: rgba(208, 221, 229, 0.55);
    padding: 10px;
    border-radius: 3px;
}

/*Credit C rad Listing Design*/
.org-tooltip + .tooltip > .tooltip-inner {background-color: #E38B00;}
.org-tooltip + .tooltip > .tooltip-arrow { border-top-color:#E38B00; }
.add-btn{
    background: #2F1D7F;
    border-radius: 50%;
    height: 45px;
    min-width: 45px;
    float: right;
    margin-right: 30px;
    margin-top: 20px;
    color: #fff;
    text-align: center;
    font-size: 30px;
    font-weight: 300;
   -webkit-box-shadow: 1px 2px 6px 1px rgba(214,214,214,1);
-moz-box-shadow: 1px 2px 6px 1px rgba(214,214,214,1);
box-shadow: 1px 2px 6px 1px rgba(214,214,214,1);
}
.no-credit-card{
    text-align: center;
    margin-bottom: 30px;
    margin-top: 30px;
}
.no-credit-card p{
    font-weight: 300;
    font-size: 20px;
    color: #767667;
    margin-top: 20px;
}
i.card-img {
    margin-right: 16px;
}
.default-card{
    margin-left: 20px;
    
}
.edit-crd, .remove-crd{
    padding: 5px;
}
.creditcard-section .table>thead>tr>th{
    background: #E1EEF8;
}
.creditcard-section tr{
        border-top: 2px solid #fff;
}
.creditcard-section td{
    background: #f4f8fb;

}
.creditcard-section tr{
display: table;
width: 100%;
}
.creditcard-section tbody {
height: 180px;
overflow-y: auto;
display: block;
width: 100%;
}
.example-wrap .table>tbody>tr>td{
    vertical-align:middle !important;
}
.creditcard-section .radiosection-left {
width: auto !important;
} 

/*End*/

.border-left {
    border-left: 1px solid #e5ecf1;
}
body {
    color: #50555a;
}
label {
    font-weight: 400;
}
.panel-group-continuous .panel-heading {
    background-color: rgba(229, 236, 241, 0.8);
}
.panel-group-continuous a.panel-title.collapsed {
    background-color: #fff;
}
.panel-group .panel-title:focus, .panel-group .panel-title:hover {
    color: #df7b33;
}
span.app-head {
    font-size: 22px;
    line-height: 65px;
    color: #025f9b;
    font-weight: 400;
    margin-left: 15px;
}
.btn-default {
    color: #ffffff;
    background-color: #526069!important;
    border-color: #526069!important;
}

.btn-default.focus, .btn-default:focus, .btn-default:hover {
    background-color:#354046!important;
    border-color:#354046!important;
	color:#fff !important;
}
.btn-cancel {
    color: #ffffff;
    background-color: #de4343!important;
    border-color: #de4343!important;
}

.btn-cancel.focus, .btn-cancel:focus, .btn-cancel:hover {
    background-color:#ad2828!important;
    border-color:#ad2828!important;
	color:#fff !important;
}
.panel-group {
    border: 1px solid #e5ecf1;
	box-shadow:0 0 0 0;
	margin-top: 25px;
}
.height-106 {height:106px;}
.bg-1 {
    background-color: #2a6aa7;
}
.bg-2 {
    background-color: #554979;
}
.bg-3 {
    background-color: #d9ac4d;
}
.margin-top-neg-8 {margin-top:-8px;}
.order-label {
    line-height: 39px;
    margin-right: 15px;
}
.order-number {
line-height: 38px;
display: inline;
font-size: 17px!important;}
.order-footer {
    background-color: rgba(153, 175, 196, 0.16);
}
.order-header .margin-top-neg-8 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
    width: 100%;
    box-sizing: border-box;
}
.default-blue { color:#025f9b}
.deliver-details {
    border-bottom: 1px solid #d2dfe9;
    margin-bottom: 20px;
}
.jp-card.jp-card-visa.jp-card-identified .jp-card-front:before, .jp-card.jp-card-visa.jp-card-identified .jp-card-back:before {
    background-color: #0055c7 !important;
}

.jp-card.jp-card-visa.jp-card-identified .jp-card-front:before, .jp-card.jp-card-visa.jp-card-identified .jp-card-back:before {
    background-color: #0055c7 !important;
}
.btn-submit {
    color: #fff!important;
    background-color: #44b8a8;
    border-color: #44b8a8;
}
.order-footer-btns {
    width: 154px !important;
    margin: 0 !important;
    height: 29px !important;
}
.order-footer-btns button {
    height: 28px;
    padding: 3px 3px !important;
    width: 77px !important;
}
.card-bg {
    background-color: rgba(239, 243, 246, 0.54);
    border: 1px dashed #b1c2cf;
    border-radius: 5px;
}
.form-control {
    font-size: 14px;
	font-weight: 400;
	    color: #50555a;
	}
.btn-select {
        color: #50555a !important;
	font-weight: 400;}
	.theme-selector {
    display: none;
}

.btn-outline.btn-red {
    border-color: #f96868;
	background-color: transparent;
	color: #f96868;
}
label.btn.btn-outline.btn-red.active {
    background-color: #f96868;
	color:#fff;
}

.btn-outline.btn-green {
    border-color: #3aa99e;
	background-color: transparent;
	color: #3aa99e;
}
label.btn.btn-outline.btn-green.active {
    background-color: #3aa99e;
	color:#fff;
}


.btn-outline.btn-grey {
    border-color: #929495;
	background-color: transparent;
	color:#929495;
}
label.btn.btn-outline.btn-grey.active {
    background-color: #929495;
	color:#fff;
}
.btn-outline.btn-yellow {
    border-color: #e5a902;
	background-color: transparent;
	color:#e5a902;
}
label.btn.btn-outline.btn-yellow.active {
    background-color: #e5a902;
	color:#fff;
}
.bg-light {
   background-color: #f6f8fa;
   float: right;
   padding-left: 35px;
   margin-top: 16px;
   margin-bottom: 11px;
   width: 100%;
   border-radius: 5px;
}
.custom-round-btn-wrapper {
    margin: 0 auto;
    text-align: center;
    float: none;
    display: block;
	margin-top: -17px;
}
.xero-btn {
    display: inline-block;
    width: 320px;
}
.emailinvoice-btn {
    display: inline-block;
    margin-left: 40px;
    width: 320px;
}
.btn-custom-round {
    height: 50px;
    width: 50px;
    border: 0;
    border-radius: 50px;
    font-size: 18px;
    background-color: #df7b33;
    color: #fff;
    margin-bottom: 2px;
	    margin-right: 10px;
}
button.btn-custom-round-email {
    height: 50px;
    width: 50px;
    border: 0;
    border-radius: 50px;
    font-size: 19px;
    background-color: #025f9b;
    color: #fff;
    margin-bottom: 2px;
	    margin-right: 10px;
}
.comments-wrap {
    overflow-y: auto;
    background-color: rgba(243, 247, 249, 0.61);
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border: 1px solid #eaeff3;
}
.comments-wrap li {
    background-color: #f8fafb;
}
.comment-date {
   
    font-style: italic;
    color: #608bae;
}
.date-custom{
    cursor: pointer !important;
}
.comment-text {
    position: relative;
    padding-left: 100px;
    font-style: italic;
}
.mandatory {
color: #ec2121;
/*font-size: 16px;*/
}
.uppercase {
    text-transform: uppercase;
}
.no-shadow {box-shadow:0 0 0 0 !important;}
.xtra-shadow {
    -webkit-box-shadow: 0 0px 10px 1px rgba(0, 0, 0, 0.11);
    box-shadow: 0 0px 10px 1px rgba(0, 0, 0, 0.11);
	    border-radius: 5px;
}
.checkbox-custom label::before {
       border: 1px solid rgba(2, 95, 155, 0.77);
}
.select2-container--default.select2-container--disabled .select2-selection--single {
    cursor: not-allowed;
        background-color: #fafcfd !important;
}
.select2-container--default .select2-selection {
        border: 1px solid #eaeff1 !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 14px;
    font-weight: 400 !important;
    color: #50555a !important;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: rgba(243, 247, 249, 0.42) !important;
	border: 1px solid rgba(228, 234, 236, 0.68) !important;}
	
.bootstrap-select.disabled {
    cursor: not-allowed !important;
    background-color: #fafcfd !important;
}
.bootstrap-select.disabled .btn-select{
    cursor: not-allowed !important;
    background-color: #fafcfd !important;
	    border: 1px solid #eaeff1 !important;
		font-size: 14px;
    font-weight: 400;
    color: #50555a !important;
	    opacity: 1;
}

.btn-submit.focus, .btn-submit:focus, .btn-submit:hover {
    background-color: #169786;
    border-color: #169786;
}
.btn-group.disabled {
	pointer-events: none;
    cursor: not-allowed !important;
}
#sticky.stick {
    background-color: #ebf0f4;
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
    margin-right: -5px;
    margin-top: 0 !important;
   /* padding-bottom: 19px;*/
    padding-left: 19px;
    padding-right: 19px;
    padding-top: 0 !important;
    position: fixed;
    right: 35px;
    text-align: center;
    top: 64px;
    z-index: 10;
}
#sticky {
    border-radius: 4px !important;
    color: #fff;
    float: right;
    font-size: 2em;
    width: 100%;
}
/***.modal-dialog {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute !important;
    margin: auto !important;
    height: 400px;
}***/
.modal-dialog {
    top: 65px;
}
.selected-member {
    background-color: rgba(239, 243, 246, 0.54);
    border: 1px solid rgba(177, 194, 207, 0.38);
    border-radius: 5px;
    padding: 18px;
}
.supplier-table input{
    width:100px;
    float: right;
}
.full-width{width:100% !important;}

.dark-blue {
    color: #025f9b;
}

.no-result {
    padding: 20px;
    border: 1px dashed #ccc;
    text-align: center;
    font-size: 16px;
    margin-top: 8px !important;
    font-style: italic;
}

.order-head {
    line-height: 31px;
}
.btn-animate-vertical.btn-sm span>.icon {
    top: -5px !important;
    font-size: 17px !important;
}
.width-38 {
    width: 38px;
}
.table-scroll{
    overflow-y: auto; height: 278px;
}

i.icon.md-playlist-plus {
font-size: 23px;
/*margin-left: -3px;*/
margin-right: 11px;
}

@media (min-width: 768px) {
.site-menubar-fold.site-menubar-hover .site-navbar .navbar-header {
    width: 200px;
}
.site-menubar-fold.site-menubar-hover .site-navbar .navbar-container {
    margin-left: 200px;
}
}
.margin-top-27 {
    margin-top: 27px!important;
}
.height-450 {
    height: 450px !important;
}
.btn-submit:hover {
    color: #ade1db !important;
}
.modal-header {
    border-bottom:1px solid #e4eaec !important;
    padding: 15px 20px;
}
.modal-footer {
    margin-top: -6px;}

/*.btn .icon {
    margin: -1px 9px 0 0px !important;
}*/
body {font-weight: 400 !important;}
.inter {
    border: 1px solid rgba(183, 199, 211, 0.48);
    padding: 15px;
    border-radius: 5px;
    margin-top: 15px;
    word-wrap: break-word;
}
 .pointer-default {
cursor: default !important;
}
.xero-btn-wrap{
    margin-top: 10px;
}
.added-tick {
    padding: 2px !important;
}
/*****jqgrid border************/
.ui-jqgrid .ui-pager-control {

    margin: 8px 0 !important;
    float: right !important;
}

.ui-jqgrid {
   
    border: 1px solid #ccc !important;
}
.ui-jqgrid .ui-jqgrid-htable th:nth-child(2) {
    border-left: 0 !important;
}
.ui-jqgrid .ui-jqgrid-htable th.ui-th-ltr, .ui-th-ltr {
    border-left: 1px solid #ccc !important;
}

.ui-jqgrid .ui-state-highlight td {
    color: #01426c!important;
    background-color: #f8f8f8!important;}
.table a {
    text-decoration: none !important;
    font-weight: 400 !important;
}
.ui-jqgrid .ui-state-highlight td {
    color: #01426c!important;
    background-color: #f8f8f8!important;
    border-bottom: 1px solid #e0e0e0 !important;
}
.ui-jqgrid-bdiv > div {
    border-bottom: 1px solid #ccc;
}
.ui-jqgrid-htable th.ui-th-ltr:nth-child(2), .ui-th-ltr {
    border-left: 0 none !important;
}
/************************************/
.comment-text {
    position: relative;
    padding-left: 0;
    font-style: italic;
    padding-top: 15px;
    padding-bottom: 15px;
    /* padding-right: 70px; */
    text-align: justify;
}

.comment-edit {
    position: absolute;
    top: 8px;
    right: -1px;
}
.comment-date {
    font-style: italic;
    color: #608bae;
}

.comments-wrap ul:last-child li{
    border-bottom:0px !important;
}
#showConfirmContinue{
    margin-left:15px;
    border-radius:5px;
}
}
#showConfirmCancel{
    border-radius:5px !important;
}
.modal-footer .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
     border-radius:5px !important;
}
.order-box-wraper {
    padding: 10px;
}
.lineheight-38{
    line-height:38px;
}
 th {
    vertical-align: top !important;
}
.no-orders {
margin-top: 135px !important;
text-align: center;
padding: 20px;border: 1px dashed #ccc;font-size: 15px;
}
.no-result-wrapper{
    margin-top: 48px !important;
}
.sticky-status {
font-size: 15px;
display: inline-block;
float: right;
font-weight:400;
margin-top: 17px;
margin-right: 12px;
border-radius: 50px;
padding: 4px 4px;
}
span.sticky-status-label {
color: #000;
}
span.sticky-status-label i {
color: #000 !important;
line-height: 22px;
margin-right: 6px !important;
}
.ui-jqgrid .ui-jqgrid-htable th {
background: #eaeff3 !important;
}
.status-green {
color: #22a941!important;
}
.status-blue {
color: #195e9b!important;
}
.status-yellow {
color: #e2b52b;
}
.status-grey {
color: #a7a7a7;
}
.order-accrdian-summary {
    text-align: right;
    float: right;
    padding-right: 37px;
    cursor: default !important;
    color: #88a2bb;
    font-style: italic;
}
.order-accrdian-summary:hover {
    color: #88a2bb;
}
.accordian-child {
    margin-left: 10px;
}
.left-order-dtil .alert{
    margin-bottom:5px !important;
    padding:10px !important;
}
.checkbox-position{
    margin-top:8px !important;
}
@media (max-width: 1432px) {

.order-box-wraper .btn-floating {
width: 28px;
height: 28px;
padding: 0;
font-size: 12px;
}


.order-box-wraper .xtra-shadow {
font-size: 12px;
}

.order-box-wraper button{
width: 28px;
height: 28px;
padding: 0;
font-size: 12px;

}
.order-box-wraper span {
margin-left: 4px!important;
font-size: 12px;
}
}
.for-column-color tr td:nth-child(5n), .for-column-color tr td:nth-child(6n) {
background-color: #eaf2f9;
}

.label-right-margin.radio-custom label{margin-right:20px !important;margin-left:15px;}
.blockstyle {display:block}
.radiosection-left{float:left;width:250px;}
.radio-rightsection {float:left;width:calc(100% - 270px);}
.radio-custom input[type=radio]:focus+label::before{outline:none !important}
a.ng-binding {
    color: #025f9b;
}
a.ng-binding:hover {
    color: #df7b33;
    text-decoration:none;
}

@media (max-width: 1450px){
.site-menubar-unfold .order-box-wraper span {
   margin-left: 4px!important;
   font-size: 10px !important;
}
.site-menubar-unfold .order-box-wraper {
   padding: 8px;
}
}

.left-order-dtil{
    float: left;
    display: inline-block;
    width: 45%;
}
.left-order-dtil .alert-danger{
    background:#ecf9fa;
    border:1px  solid #ecf9fa ;
}

.btn-cancellation{
    font-size: 15px;
    display: inline-block;
    float: right;
    font-weight: 400;
    margin-top: 19px;
    margin-right: 12px;
    background: #B22029;
    border: 1px solid #B22029;
}
.btn-cancellation:hover,.btn-cancellation:active, .btn-cancellation:focus, .btn-cancellation:active:hover, .btn-cancellation:focus:hover{
    background: #9A1018;
    border:1px solid #9A1018;
}
.sticky-order-dtl{
    font-size: 16px;
    display: inline-block;
    float: right;
    font-weight: 400;
    margin-top: 19px;
    margin-right: 8px;
    border-radius: 50px;
    padding: 4px 14px;
    color: #2a6aa7;
}
.sticky-order-dtl span{
    color: #2a6aa7;
    font-size: 18px;
    padding-left: 5px;
}
.green-stick{
    color: #22a941!important;
    font-size: 15px !important;
}

.notification-order{
    float: left;
    width: 5%;
}

.stick .left-order-dtil{
    margin-left: 155px;
    margin-top: 20px;
}
.stick-notification-wrap{
    float: left;
    background: #fff;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(224,224,224,1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(224,224,224,1);
    box-shadow: 0px 0px 5px 0px rgba(224,224,224,1);
    margin-top: 10px;
    margin-left: 20px;
    width: 90%;
}
.top-notification{
    background: #2a6aa7;
    width: 100%;
    padding: 10px 10px;
    height: 33px;
}
.content-notification{
    padding: 0px 10px;
}
.top-not-left{
    float: right;
}
.notif-icon{
    padding:0px 5px;
}
.content-notification p{
    color: #666;
    font-size: 14px;
}
.notif-icon img{
    vertical-align: top;
}
.sticky-notification-message p{
    font-size: 14px;
}
.sticky-notification-message{
    margin-left: 40px;
}
.top-icon-notification{
    float: right;
}

.stick .margin-top-15{
    margin-top: 30px !important;
}
.stick .sticky-order-dtl{
    margin-top: 30px !important;
}
.sticky-notification-editable-message textarea{
    color: #50555a;
    font-size: 14px;
    margin-bottom:-2px;
    display:block;
}
p.ng-binding {
    height: 36px;
    overflow: auto;
    text-align:left;
    color:#03b8b9!important;
}
.stick .sticky-status{
    margin-top:26px;
}
@media (max-width: 1600px) {
    .stick .sticky-order-dtl{
        margin-right: 0;
        padding-right: 0;
        width: auto;
    }
    .stick .left-order-dtil{
        width: 41%;
        
    }
    .site-menubar-unfold .stick{
        padding-left: 155px !important;
    }
    .stick .btn-cancellation{
        margin-left: 15px;
    }
}
@media only screen and (min-width:1283px) and (max-width: 1331px) {
	.order-box-title {
    font-size: 13px !important;
}
}
@media only screen and (min-width:1199px) and (max-width: 1283px) {
.order-box-button {
    width: 25px !important;
    height: 25px !important;
    margin-right: 2px;
}
.order-box-wraper {
    padding: 9px;
}
.order-box-title {
    font-size: 13px !important;
}

}
@media (max-width: 1200px) {
.sticky-order-dtl{
     margin: 0;
    padding: 0;
    width: 100%;
    text-align: right;
}
    .stick .left-order-dtil{
        float: right;
        width: 100%;
    }   
    .site-menubar-unfold .stick{
        padding-left: 325px !important;
    }
    .site-menubar-fold .stick{
        padding-left: 115px !important;
    }
}

@media (max-width: 1000px) {
.sticky-order-dtl{ 
    width: auto;
    margin-top: 20px;
}
.btn-cancellation{
        margin-left: 20px;
    }
    .left-order-dtil{
        width: 100%;
    }
}
@media (max-width: 768px) {
    .left-order-dtil{
    float: right;
    width: 100%;
    }
    .site-menubar-unfold .stick {
    padding-left: 47px !important;
}
    
}

@media (min-width: 768px) {
.site-menubar-fold.site-menubar-hover .site-navbar .navbar-header {
    width: 200px;
}
.site-menubar-fold.site-menubar-hover .site-navbar .navbar-container {
    margin-left: 200px;
}
.stick .margin-top-15{
    margin-top: 23px !important;
}
.stick .sticky-order-dtl{
    margin-top: 10px !important;
}
}