@import url("menuicon.css");
@import url("anuprofile.css");
@import url("custom.css");
 

/*----------------------------------------*/
/* Template default CSS
/*----------------------------------------*/

html {
    font-family: 'Gilroy';
    -webkit-font-smoothing: antialiased;
}

body {
    font-family: 'Gilroy';
    -webkit-font-smoothing: antialiased;
    font-size: 12px;
    background:#F7F7F7;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    color: #172B4D;
    font-weight: 500;
    font-family: 'Gilroy';
}


p {
    font-size: 12px;
    color: #172B4D;
    font-weight: 400;
    line-height: 1.6;
    font-family: 'Gilroy';
    margin: 0 0 15px 0;
}

img {max-width: 100%; }

input:focus,
select:focus,
button:focus,
textarea:focus {
    outline: none;
}

a:hover,
a:focus {
    text-decoration: none;
    outline: none;
    color: #0843AA;
}

ul,
ol {
    padding: 0;
    margin: 0;
}


.f-11 { font-size:11px !important }
.f-12 { font-size:12px !important }
.f-13 { font-size:13px !important; line-height:20px}
.f-14 { font-size:14px !important }
.f-16 { font-size:16px !important }
.f-18 { font-size:18px !important }
.f-14 { font-size:14px !important;}
.f-20 { font-size:20px !important;}
.f-22 { font-size:22px !important;}
.f-60 { font-size:60px !important;}
.f-40 { font-size:40px !important;}
.f-25 { font-size:25px !important;}
.f-32 { font-size:32px !important;}
.f-36 { font-size:36px !important;}
.f-60 { font-size:60px !important;}
.no-bg { background:none !important }
.text-blue { color:#51C6ED !important }
.login-box { background:#fff; box-shadow: 0px 3px 80px #0000001A; border-radius: 30px; width: auto; }
.login-box .left-img {border-radius: 30px }
h1 { font-size:36px; font-weight:800 }
h2 { font-size:30px; font-weight:800 }
.font-weight-medium { font-weight:600 !important }
.textM-right { text-align: right; }
.text-red, .text-danger { color:#F57171 !important }
.text-success { color:#2DCE98 !important }
/*** Floating Input Fields ****/

:root {
    --input-padding-x: 1.2rem;
    --input-padding-y: 1rem
}

.form-control {
    height: auto !important;
}

.form-label-group {
    position: relative;
    margin-bottom: 1rem
}

.form-label-group>input,
.form-label-group>textarea,
.form-label-group>label {
    padding: var(--input-padding-y) var(--input-padding-x);
    font-weight: 800;
    color: #172B4D;
}


 
.form-label-group>select  {
    padding: var(--input-padding-y) var(--input-padding-x);
    font-weight: 600;
    font-size:0.9375rem;
    color: #5E6472;
}


 




.form-label-group>label {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    font-weight: 400 !important;
    font-size: 0.9375rem;
    margin-bottom: 0;
    line-height: 1.5;
    color: #5E6472;
    border: 1px solid transparent;
    border-radius: .25rem;
    transition: all .1s ease-in-out
}

.form-label-group input::-webkit-input-placeholder,
.form-label-group select::-webkit-input-placeholder,
.form-label-group textarea::-webkit-input-placeholder {
    color: transparent
}

.form-label-group input:-ms-input-placeholder,
.form-label-group select:-ms-input-placeholder,
.form-label-group textarea:-ms-input-placeholder {
    color: transparent
}

.form-label-group input::-ms-input-placeholder,
.form-label-group select::-ms-input-placeholder,
.form-label-group textarea::-ms-input-placeholder {
    color: transparent
}

.form-label-group input::-moz-placeholder,
.form-label-group select::-moz-placeholder,
.form-label-group textarea::-moz-placeholder {
    color: transparent
}

.form-label-group input::placeholder,
.form-label-group select::placeholder,
.form-label-group textarea::placeholder {
    color: transparent
}

.form-label-group input:not(:placeholder-shown),
.form-label-group textarea:not(:placeholder-shown) {
    padding-top: calc(var(--input-padding-y) + var(--input-padding-y) * (2/3));
    padding-bottom: calc(var(--input-padding-y)/3);
    border-left: 5px solid #51C6ED !important;
    /* box-shadow: 0px 10px 20px #00000029; */
}


.login-box .form-label-group input:not(:placeholder-shown),
.login-box .form-label-group textarea:not(:placeholder-shown) {
    box-shadow: 0px 10px 20px #00000029;
}


.form-label-group input:not(:placeholder-shown)~label,
.form-label-group textarea:not(:placeholder-shown)~label {
    padding-top: calc(var(--input-padding-y)/3);
    padding-bottom: calc(var(--input-padding-y)/3);
    font-size: 12px;
    color: #777;
    padding-left: 1.4rem;
}

input:-internal-autofill-selected {
    background-color: rgb(255, 255, 255) !important;
}

.btn.focus,
.btn:focus,
.btn:not(:disabled):not(.disabled).active:focus,
.btn:not(:disabled):not(.disabled):active:focus,
.btn:not([disabled]):not(.disabled).active,
.btn:not([disabled]):not(.disabled):active,
.custom-control-input:active~.custom-control-label:before,
.custom-control-input:checked~.custom-control-label:before,
.custom-control-input:focus~.custom-control-label:before,
.custom-file-input:focus~.custom-file-label,
.custom-select:focus,
.form-control:focus,
.page-link:focus,
.show>.btn.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 transparent;
}

.forgetAbso {
    position: absolute;
    right: 13px;
    top: 20px;
    color: #0b6bd3;
}

.btn { min-width:170px }
.btn-primary { background:#172B4D; border:#172B4D thin solid; }
.btn-primary:hover {
    color: #fff;
    background-color: #091b3a;
    border-color: #091b3a;
}


.rightreserved { color:#808080 }
.content-wrapper { background: #f7f7f7; }
.nav-link {  padding: 10px 15px; }
.layout-fixed .main-sidebar { background: #fff; box-shadow: 0px 10px 20px #00000026; }
.nav-sidebar .nav-link p { font-size: 15px; font-weight: 500; margin-left: 6px !important; margin-top: 4px; }
.nav-sidebar>.nav-item { margin-bottom: 8px; }
.nav-sidebar .nav-link>p>.right { top: 20px; }
.nav-sidebar>.nav-item .nav-icon { width:30px; float: left; font-size:30px !important; color:#c2c7d0 }
.nav-sidebar>.nav-item .nav-icon:before { border-bottom:#eee thin solid; padding-bottom:9px}
.sidebar .os-content { padding:0 !important; }
 
.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active, .sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active, .sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link:hover, .sidebar-light-primary .nav-sidebar>.nav-item>.nav-link:hover { background: #172B4D; box-shadow: 0px 5px 15px #ACB2C1 !important; border-radius: 0px 5px 5px 0px; }

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active p, .sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active p, .sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active i, .sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active i, .sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link:hover p, .sidebar-light-primary .nav-sidebar>.nav-item>.nav-link:hover p, .sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link:hover i, .sidebar-light-primary .nav-sidebar>.nav-item>.nav-link:hover i { color:#fff }

.nav-treeview .nav-link { padding: 3px 15px; margin-left: 33px; }
 dropdown-menu dropdown-menu-md tableaction useraction-dropdown

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active p, .sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active p, .sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link:hover p, .sidebar-light-primary .nav-sidebar>.nav-item>.nav-link:hover p { color:#fff }

.menuexpico { display:none }

.sidebar-collapse .leftmenuaction .menucloico { display:none }
.sidebar-collapse .leftmenuaction .menuexpico { display:block }


.dashTitle { font-size:140px;  }
.dashTitle i { font-size:45px;  }
.dashmainHead { text-align: right; text-transform: uppercase; }
.dashmainBoximg { position: absolute; right: 0; bottom: -15px; height: 200px; }

.card { background: #FFFFFF; box-shadow: 0px 3px 6px #2C28281C;  border-radius: 10px; }
.card-title { font-size: 17px; font-weight: 600; padding: 8px 0px; }
.dashtrend h4 { font-weight: 600; font-size: 16px;}
.dashtrend h6 { font-weight: 600; font-size: 12px; }
.dashtrend { margin-bottom:20px }
.dashtrend .heart-img { margin-left:-13px; margin-bottom: -10px; margin-top: -4px; }

.top-notification { width: 20px; height: 20px; border-radius: 50%; line-height: normal; font-size: 12px; font-weight: 500; margin-left: -2px; background:#F57171 }
.user-profile p { font-weight:600; font-size:14px; float:left}
.user-profile img { float:left;  margin-left:15px}
.user-profile .dropdown-menu.useraction-dropdown { top:35px !important }


.searchhrt { text-align:right }
.searchhrt select { border:none }
.dashmainbor:after { border-radius:5px; width:30px; height:3px; background:#2896E9 }
.dashmainbor p { margin-bottom:10px }

.btn.btn-secondary { min-width:auto }
.btn-secondary { background:#8898AA; border:#8898AA thin solid; text-transform:uppercase; font-weight:600; font-size:15px; padding-left:25px; padding-right: 25px; margin-left: 10px; letter-spacing: 1px; }
.btn-radius { border-radius:50px !important }

.btn-outline-secondary { border-radius: 10px !important; border:none; font-weight: 800; text-decoration: underline; color:#172B4D; min-width: auto;}

.btn-outline-secondary:hover { color: #51C6ED; background: none; text-decoration: underline;}

.custom-search .input-group-text { background:#F7FAFC ; border:#F7FAFC thin solid; border-radius:10px 0 0 10px; color:#8898AA }
.custom-search input.form-control { background:#F7FAFC ; height:40px !important; border:#F7FAFC thin solid; border-radius:0 10px 10px 0; font-size:14px; padding-left:0; color:#8898AA }


.admintable tr th, .admintable tr td { color:#8898AA; font-weight:normal; font-size:13px; padding:17px 10px; border:none }
.admintable tr td:nth-child(2), .admintable tr td.strong { font-weight:600; color:#172B4D }
.admintable tr td .text-success { color:#2DCE98 !important; margin-right:4px; font-size:12px }
.admintable tr td .text-red, .admintable tr td .text-danger { color:#F57171 !important; margin-right:4px; font-size:12px }
.admintable tr td i.fa-circle  { margin-right:4px; font-size:12px }
.admintable tr td:first-child, .admintable tr th:first-child { padding-left: 22px; }
.admintable tr th { background:#F1F3F9; font-weight:600; padding:10px; text-transform: uppercase; }
.table-striped tbody tr:nth-of-type(odd) { background-color: #F5F8FA; }


/*--------Switch Css-------*/

.switch {
  position: relative;
  display: inline-block;
  width: 47px;
  height: 20px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: none;
  border:#c2c7cd thin solid;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 11px;
  width: 12px;
  left: 4px;
  bottom: 4px;
  background-color: #c2c7cd;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: none;
  border:#172b4d thin solid
}

input:focus + .slider {
  box-shadow: none;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
  background:#172b4d;
}
 
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

/*---admintabledrop*/

/*.admintabledrop { background: #F7FAFC; box-shadow: 0px 3px 6px #2C28281C; width:30px; height:30px; border-radius:50%; display: inline-block; text-align: center; line-height: 37px; }*/
.admintabledrop { display: inline-block; text-align: center; }

.admintabledrop i { font-size:20px; color:#172b4d }

.tableaction { border:none; position:relative; width: 200px;  } 
.tableaction ul { text-align:center; margin:0; padding:0 15px }
.tableaction li { border-bottom:#ededed thin solid; list-style:none; font-size:14px; padding:8px 5px; font-weight: normal;}
.tableaction li.strong { font-weight:600 }
.tableaction li:last-child { border:none }
.tableaction li a { padding:10px; color:#172b4d }
.tableaction li a:hover { color:#51C6ED } 
.tableaction:after {
    bottom: 100%;
    right: 3%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 10px;
    margin-left: -10px;
}

/* paginaltion css*/

.pagination_rounded,
.pagination_square {
    display: inline-block;
    margin: auto;
    width: 100%;
    text-align: right;
}

.pagination_rounded ul {
    margin: 0 auto;
    padding: 0;
    list-style: none
}

.pagination_rounded li:first-child {
    margin-left: 0px
}

.pagination_rounded ul li {
    display: inline-block;
    margin-left: 10px
}

.pagination_rounded ul li a:hover {
    background: #51C6ED;
    color: #fff;
    border: 1px solid #51C6ED
}
 

.pagination_rounded .prev {
    margin-left: 0px;
    border-radius: 50%;
    line-height: 30px;
    height: 30px;
    width: 30px;
}

.pagination_rounded ul li a {
    float: left;
    color: #8898AA;
    border-radius: 50%;
    line-height: 30px;
    height: 30px;
    width: 30px;
    text-align: center;
    margin-bottom: 10px;
	margin-top:20px;
    background: #ffffff;
    border: 1px solid #8898AA80;
}

.pagination_rounded .prev i,
.pagination_rounded .next i {
    font-size: 14px;
    line-height: 25px;
}

.pagination_rounded .next {
    border-radius: 50%;
    line-height: 30px;
    height: 30px;
    width: 30px;
}

.visible-xs {
    display: none !important
}


.add-edit-checkbox label { font-size: 14px; color: #172b4d; font-weight: 600 !important; margin-bottom: 23px; }

.add-edit-checkbox [type="checkbox"].filled-in:not(:checked)+label { font-weight: 500 !important; }

/*-----modal Right------*/

.modal-dialog-topslideout {
    min-width: 100%;
    margin: 0 auto;
    background: #fff;
}

.modal-dialog-slideout {
    min-height: 100%;
    margin: 0 0 0 auto;
    background: #fff;
}

.modal.fade .modal-dialog.modal-dialog-slideout {
    -webkit-transform: translate(100%, 0)scale(1);
    transform: translate(100%, 0)scale(1);
}

.modal.fade.show .modal-dialog.modal-dialog-slideout {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    display: flex;
    align-items: stretch;
    -webkit-box-align: stretch;
    height: 100%;
}

.modal.fade.show .modal-dialog.modal-dialog-slideout .modal-body {
    overflow-y: auto;
    overflow-x: hidden;
}

.rectangle_curve {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 10px 20px #0000000D;
    border: 1px solid #7070701A;
    border-radius: 10px;
    padding: 20px;
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
    padding: 0 !important;
}

 
.modal-header .close {
    padding: 0.5rem;
    margin: 0;  
}

.search-btn {
    position: absolute;
    width: 42px;
    height: 42px;
    text-align: center;
    border-radius: 50%;
    font-size: 26px;
    top: 5px;
    right: 12px;
    cursor: pointer;
    font-weight: 300;
    color: #101010;
    border: 0;
}
 
.rightModal .bg-white { background:#fff !important }
.rightModal .form-control { border: 1px solid #ced4da !important }
 
.rightModal .modal-header .close.addaddressbtn { opacity:1; top:20px; right:20px; }

.dashbed-border-bottom {
	border-bottom:1px dashed #dee2e6 !important
}

#NoFreight h4 { font-size:18px; font-weight:bold; margin:9px 10px 9px 0; }
#NoFreight h5 { font-size:17px; margin:5px 10px 5px 0; font-weight: 600; }
#NoFreight h6 { font-size:14px; margin:5px 10px 5px 0; font-weight: 400; }

.text-dark-primary { color:#0843AA !important }

/*------Order step -----*/
.stepwizard-step p {
    margin-top: 10px;
    z-index: 2;
    position: relative;
    font-weight: 600;
    font-size: 14px;
}

.stepwizard-row {
    display: table-row;
}

.stepwizard {
    display: table;     
    width: 100%;
    position: relative;
}

 

.stepwizard-step:before {
    top: 18px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 25%;
    height: 3px;
    background-color: #BCC4CC;
    z-index: 1;
    
}
.step-confirmed.stepwizard-step:before { 
    background-color: #81C341;     
}


.stepwizard-step:last-child:before {
    display: none;    
}

.stepwizard-step {    
    float: left;
    text-align: center;
    width: 25%;
}

.stepwizard-step .btn-circle {
  width: 20px;
  height: 20px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
  background: #BCC4CC;
  display:inline-block; 
  margin-bottom: 0 !important;
}

.step-confirmed .btn-circle { box-shadow: 0px 0px 6px #81C341; background: #81C341; }

.commentsubmit-group .input-group-text { background:none; border-left:none }
.commentsubmit-group textarea.form-control { border-right: none; border-radius:5px 0 0 5px; }
.commentsubmit-group .form-label-group { width:83% }
.close-tag-margin img { margin-top: -5px; }


.customerBox { background: #fff; box-shadow: 0px 3px 6px #2C28281C; border-radius: 10px; color: #172B4D; padding:7px 15px 12px; display: block; text-align: center; margin-bottom: 20px; }
.customerBox p { font-weight: 600; font-size: 14px; margin-bottom: 0; line-height: normal; } 
.customerBox h5 { font-weight: 400; font-size: 55px; margin-bottom: 0; } 


.customerBox:hover { background: #172B4D; color: #fff; }
.customerBox:hover p, .customerBox:hover h5 {  color: #fff; }



.profileLink a {  background: #FFF; box-shadow: 0px 3px 6px #2C28281C; border-radius: 10px; padding:15px 10px; text-align:center; display:block; color: #172B4D; margin-bottom:20px; font-weight: 600; font-size: 14px;  line-height: normal; position:relative }
.profileLink a i { font-size: 35px; line-height: 27px; color: #bcc4cc; display:block; margin: 9px 0; }
.profileLink:hover a, .profileLink:hover a i {   color: #172B4D; }
.profileLink.opacityLow { opacity: 0.4; }
.profileLink.opacityLow:hover { opacity: 1; }
.profileLink.completed a i { color:#06d6a0 }
.profileLink a img { position:absolute; top:5px; right:5px; width:16px  }


.uploadDocsCust p { line-height: 20px; }



 
@media (min-width: 992px) {
.sidebar-mini.sidebar-collapse .content-wrapper, .sidebar-mini.sidebar-collapse .main-footer, .sidebar-mini.sidebar-collapse .main-header {
    margin-left: 100px !important; margin-right: 20px;
}
}
@media (min-width: 768px) {


}
@media screen and (max-width: 500px) {
 .btn-secondary { font-weight: 500; font-size: 13px; margin-left: 0; }
 .btn { min-width:auto }
 .btn-outline-secondary { font-size: 15px; margin: 10px 0; }
 .textM-right { text-align: left; }

 .stepwizard-step .btn-circle { width: 15px; height: 15px; }
 .stepwizard-step:before { top:16px; height: 2px; }

 .stepwizard-step p { font-size: 12px; }
 .commentsubmit-group textarea.form-control { border-right: #ccc thin solid; border-radius:5px }
 .commentsubmit-group .input-group-text { background:none; border:none }
.commentsubmit-group .form-label-group { width:100% }


}