/*
Designed: Beconlabs
Author: Gincilin 
File: Pages
*/ 
 
body {
    background: #f0f0f0 ; 
    font-family: 'Inter', sans-serif;
    margin: 0;
}

html {
    overflow-x: hidden;
    position: relative;
    min-height: 100%;
	font-family: 'Inter', sans-serif;
}

h1,h2,h3,h4,h5,h6 {color: #505458;
    margin: 0px 0;
}
h1 {line-height: 43px;}
h2 {line-height: 35px;}
h3 {line-height: 30px;}
h3 small {color: #444444;}
h4 {line-height: 22px;}
h4 small {color: #444444;}
h5 small {color: #444444;}
* {outline: none !important;}
a:hover {outline: 0;
    text-decoration: none;
}
a:active {outline: 0;
    text-decoration: none;
}
a:focus {outline: 0;
    text-decoration: none;
}
ul, ul li {list-style: none;
}
.p-0 {padding:0!important}
.p-t-0 {padding-top:0!important}
.p-t-10 {padding-top:10px!important}
.p-b-10 {padding-bottom:10px!important}
.m-0 { margin:0!important}
.m-r-5 { margin-right:5px}
.m-r-10 { margin-right:10px}
.m-r-15 { margin-right:15px!important}
.m-l-10 { margin-left:10px}
.m-l-15 { margin-left:15px}
.m-t-5 { margin-top:5px!important}
.m-t-0 { margin-top:0}
.m-t-3 { margin-top:3px!important}
.m-t-5 { margin-top:5px!important}
.m-t-10 { margin-top:10px!important}
.m-t-15 { margin-top:15px!important}
.m-t-20 { margin-top:20px !important}
.m-t-25{ margin-top:25px!important}
.m-t-30 { margin-top:30px!important}
.m-t-35 { margin-top:35px!important}
.m-t-40 { margin-top:40px!important}
.m-t-50 { margin-top:50px!important}
.m_t_55{margin-top: 55px !important;}
.m-t-60 { margin-top:60px!important}
.m-t-80 { margin-top:80px!important}
.m-b-0 { margin-bottom:0}
.m-b-5 { margin-bottom:0}
.m-b-10 { margin-bottom:10px !important}
.m-b-15 { margin-bottom:15px}
.m-b-30 { margin-bottom:30px}

.container {
    width: auto;
}
.container-alt {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}
.container1 {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    width: 75%;
    margin-top: 0px;
    position: relative;
}
.footer {
    background-color: #f9f9f9;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    bottom: 0px;
    color: #58666e;
    text-align: left !important;
    padding: 20px 30px;
    position: fixed;
    right: 0;
    left: 115px;
    z-index: 1000;
}
#wrapper {
    height: 100%;
    overflow: hidden;
    width: 100%;
}
.page {
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
} 

/**************Start***********/

.top_sec{ width:100%;}
.top-header{ margin:0px; padding:0px;}
.logo_m { 
    /*background: #FFF;*/
    padding: 4px 15px 2px 8px;
    position: relative;
    z-index: 50;
}
.logo_m img { padding: 0px 0px 0px 0px; width: 157px;}
.logo_m1 {
    width: 170px;
    background: #FFF;
    padding: 10px 0px 10px 0px;
}
.logo_m1 img { width: 98px; text-align: center; }
.scroll_modal { overflow: auto; height: 400px;}
.menu_main .nicescroll-rails { right: 0px !important;}
.nicescroll-rails{    z-index: 5000 !important;}
.nicescroll-cursors { background: rgba(0, 0, 0, 0.8) !important;
    border: 0px !important; width: 16px !important;
	}
#divexample1 {  overflow: auto;  height: 1030px;padding-bottom: 30px;}
#divexample2 { overflow: auto !important;  height: 600px;}
.sub_section { padding: 60px 0px 0px 0px;} 
.top_time { color: rgb(146, 174, 211);
    font-size: 12px;
    font-weight: 400;
    display: block;
    text-align: center;
    padding: 15px 0px 0px;
}
.page-title { margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 0px;
    text-align: left;
    font-size: 14px;
    padding: 11px 17px 0px 10px;
    font-weight: 700;
    color: #000;
    letter-spacing: .1em;
    text-transform: uppercase;
}
.heading_bg {  background: #fff; 
	width: 100%;
	display: inline-block;
	margin: 0px 0px 0px 0px;
	padding: 0px 29px 0px 0px;
	position: fixed;
	z-index: 600;
    box-shadow: 0px 0px 5px #ccc;
}
.save{ float: right;  margin: 0px 0px 15px 0px; position: relative;} 
.back_btn { float: right; margin: 12px 10px 5px 0px; position: relative;}
.modal_save{ float: right; margin: 15px 25px 10px 10px; position: relative;} 
.user-tabs { margin: 0px 0px 12px 0px; position: relative; width: 100%;}
.tabs { margin:0 auto; padding:0; position:relative; white-space:nowrap; width:100%; }
.tabs { 
 margin:0 auto;
 padding:0;
 position:relative;
 white-space:nowrap;
 width:100%; 
}
.tabs li.tab {
 background-color: #fff;
	display: block;
	float: left;
	margin: 0px 0px 0px 5px;
	text-align: center;
	width: auto!important;
	text-transform: uppercase;
	border-radius: 0px;
	padding: 0px 7px;
}
.tabs li.tab a {
 -moz-transition:color .28s ease;
 -ms-transition:color .28s ease;
 -o-transition:color .28s ease;
 -webkit-transition:color .28s ease;
 color:#ee6e73;
 display:block;
 height:100%;
 text-decoration:none;
 transition:color .28s ease;
 width:100%
}
.tabs li.tab a.active {
 color:#adadad !important
}
.tabs .indicator {
 background-color:#adadad;
 bottom:0;
 position:absolute;
 will-change:left,right
}
.tabs-top .indicator {
 top:0
}
 
.tabs-vertical-env {
 background-color:#eee;
 margin-bottom:30px
}
.tabs-vertical-env .tab-content {
 background:#fff;
 display:table-cell;
 margin-bottom:30px;
 padding:30px;
 vertical-align:top
}
.tabs-vertical-env .nav.tabs-vertical {
 display:table-cell;
 min-width:120px;
 vertical-align:top;
 width:150px
}
.tabs-vertical-env .nav.tabs-vertical li.active>a {
 background-color:#fff;
 border:0
}
.tabs-vertical-env .nav.tabs-vertical li>a {
 color:#333;
 text-align:center;
 white-space:nowrap
}
.nav.nav-tabs>li.active>a {
 background-color:#fff;
 border:0;
 border-bottom: 2px solid #f46485 ;
}
.nav.nav-tabs>li>a,
.nav.tabs-vertical>li>a {
 background-color:transparent;
 border-radius:0;
 border:none;
 color:#646464 !important;
 cursor:pointer;
 line-height:35px;
 font-weight:500;
 padding:0 0px;
 font-size: .8em !important;
 letter-spacing: .1em;
 font-weight:700;
 border-bottom: 2px solid #fff;
 border-radius: 0px;
     
}
.nav.nav-tabs>li>a:hover,
.nav.tabs-vertical>li>a:hover {
 color:#f46485 !important
}
.tab-content {
 box-shadow:0 0 0 rgba(0,0,0,.05);
 color:#777;
 
}
.menuicon {
    float: left;
    width: 40px;
    margin: 0px 39px 0px 0px;
    padding: 0px 14px 0px 50px;
}
.nav.nav-tabs>li:last-of-type a {
 margin-right:0
}
.nav.nav-tabs {
border-bottom: 0;
    box-shadow: 0px 0px 4px #0a1522;
    background: #82142d;
    margin: 0;
    border-radius: 8px;
    position: fixed;
    width: 90%;
    z-index: 50;
}
.navtab-bg {
 background-color:#eee
}
.nav-tabs.nav-justified>.active>a,
.nav-tabs.nav-justified>.active>a:hover,
.nav-tabs.nav-justified>.active>a:focus,
.tabs-vertical-env .nav.tabs-vertical li.active>a {
 border:none
}
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover,
.tabs-vertical>li.active>a,
.tabs-vertical>li.active>a:focus,
.tabs-vertical>li.active>a:hover {
 color:#f46485  !important
} 
  
.logo_icon{ margin:300px 0px 0px 0px; padding:0px;}

.section_box1 {
    background-color: #fff;
    width: 100%; 
    border: 0px solid #f7f7f8;
	margin: 0px 0px 10px 0px;
	box-shadow: 0 0px 5px  rgba(5,11,20,.1);
	padding: 0px;
	border-radius: 8px; 
	display: inline-block;	 
}
 .section_box1:hover { 
	box-shadow: 0 5px 15px 5px rgba(5,11,20,.25);
}


.section_box1 h1 { float:left;
    font-size: 20px !important;
    color: #384042 !important;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: left; 
}
  
.section_box1_content {
    padding: 10px; display: inline-block;
	width: 100%;
}
.section_box1_content2 {
    padding: 5px 7px 5px 7px; display: inline-block;
	width: 100%;
}

.top_icons{ padding:10px 0px 0px 0px;}

.navbar-expand .navbar-collapse {
    display: block !important; 
    flex-basis: auto;
}
.dropdown-divider {
    height: 0;
    margin: 0rem 0;  
    overflow: hidden;
    border-top:0px solid rgba(0,0,0,.15); 
}
 

.navbar {
     position: relative; 
    display: block !important;
    align-items: center !important;
    justify-content: space-between; 
    padding-top: .5rem;
    padding-bottom: .5rem;
    align-content: space-around;
    flex-wrap: nowrap;
    flex-direction: row;
} 
.dropdown,
.dropdown-center,
.dropend,
.dropstart,
.dropup,
.dropup-center {
  position: relative;
  height: 42px;
  float: right;
  padding: 5px 15px;
}


.dropdown-menu[data-bs-popper] {
 top: 100%;
    left: auto;
    margin-top: var(--bs-dropdown-spacer);
    width: 265px;
    right: 0px;
	background:#82142d;	
}

.dropdown-menu>li>a {
    display: block;
    padding: 10px 15px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #ededed;
    white-space: nowrap;
    font-size: 14px;
}

.dropdown img {
  position: relative;
  margin: -5px 0px 0px 0px;
  border-radius:0%;
  width: 30px;
  height: 30px;
  border: 0px;
  border-radius: 5px;
}

.dropprofile {
  padding: 5px 10px 5px 10px;
}
.dropprofile h4 { font-size:16px;
	color: #fff;
    margin: 0px 0;
} 
.dropdown-item { color:#ededed;
  padding: 10px 15px;
  font-size: 13px;
  white-space:normal !important;
}

.dropdown-item:hover { color:#ededed; 
  white-space:normal !important;
  background:#0f1824;
} 
.dropdown .fa {
    color: #ededed !important;
    font-size: 16px;
}
 
 
.dropprofile .img-thumbnail {
    padding: .25rem;
    /* background-color: #fff; */
    border: 1px solid var(--bs-border-color);
    border-radius: .375rem;
    max-width: 100%;
    height: auto;
    width: 50px !important;
    height: 50px !important;
    margin: 0px !important;
    border: 4px solid #82142d !important;
    padding: 0;
}

.sign_outs{ border-top:1px solid #233a57; padding:15px 15px 15px 15px;}
.sign_outs:hover{ border-top:1px solid #233a57; padding:15px 15px 15px 15px;}

.profile_name{ color:#e2eaf3;
  padding:0px 0px;
  font-size: 15px; 
  text-align: left;
}
.profile_desi{ color:#fff;
  padding:6px 0px 0px 0px;
  font-size: 13px; 
  text-align: left;
}
 
.pagination {
  border-radius: 4px;
  display: inline-block;
  margin: 10px 0px 0px 0px !important;
  padding-left: 0;
}
.pagination > li  { float:left;
}
.pagination > li > a {
  background: none;
  border: 0px solid #dddddd;
  color: #545454 ;
  font-weight: 500;
  font-size: 14px;
}

.pagination > li > a:hover { 
  color: #fff; 
  background-color: #0f1824;
    border-color: #0f1824;
}

.pagination > li > a span {
  background: none;
  border: 0px solid #dddddd;
  color: #000;
  font-weight: 500;
  font-size: 21px;
    line-height: 21px;
}

.pagination > .active  { 
  color: #fff;
  background:#fff !important;
}
 

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus { 
  color: #fff; 
}

.page-link.active {
    z-index: 3;
   color: #fff; 
    background-color: #0f1824;
    border-color: #0f1824;
}
 
.pagination .fa{ font-size:23px; line-height:20px; }



/*********toogle swith**************/

.switch {
    position: relative;
    display: inline-block;
    width: 77px;
    height: 22px;
    margin-bottom: 0px !important;
    vertical-align: middle;
}

    .switch input {
        display: none;
    }
 
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff3f6;
    -webkit-transition: .4s;
    transition: .4s;
}

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

input:checked + .slider {
    background-color: #1d8224;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(55px);
    -ms-transform: translateX(55px);
    transform: translateX(55px);
}

/*------ ADDED CSS ---------*/
.on {
    display: none;
}

.on {
    color: #e5edf8;
    position: absolute;
    /*transform: translate(-50%,-50%);*/
    top: 3px;
    left: 15%;
    font-size: 11px;
	font-weight:600;
}

.off {
    color: #000;
    position: absolute;
    /*transform: translate(-50%,-50%);*/
    top: 3px;
    left: 34%;
    font-size: 11px; font-weight:500;
}
 
.modal .off {
    color: white;
    position: absolute;
    /* transform: translate(-50%,-50%); */
    top: 3px;
    left: 34%;
    font-size: 11px;
}

input:checked + .slider .on {
    display: block;
}

input:checked + .slider .off {
    display: none;
}

/*--------- END --------*/

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

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

.yes {
    border-left: 3px solid #18df0e;
}

.no {
    border-left: 3px solid #df0000;
}

.other {
    border-left: 3px solid #ff9804;
}
 
 
.btn-success {
    margin-top: 0px;
    border-radius: 44px;
    background-color: #82142d;
    border-color: #82142d;
    font-size: 12px;
    font-weight: 600;
    padding: 3px 20px 4px 20px;
    /* min-height: 40px; */
    text-transform: uppercase;
    letter-spacing: 0.08em;
    line-height: 21px;
}
.btn-success:hover { 
    background-color: #0f1824  ;
    border-color: #0f1824  ; 
     
}

.search_btn{ color:#fff !important;
    margin-top: 0px;
    border-radius: 44px;
    background-color: #545454;
    border-color: #545454;
    font-size: 12px;
    font-weight: 600;
    padding: 3px 20px 4px 20px;
    /* min-height: 40px; */
    text-transform: uppercase;
    letter-spacing: 0.08em;
    line-height: 21px;
	height:35px;
}
.search_btn:hover { 
    background-color: #0f1824  ;
    border-color: #0f1824  ; 
     
}

.resendmail_btn{ color:#82142d !important;
    margin-top: 0px;
    border-radius: 44px;
    background: none; 
    font-size: 12px;
    font-weight: 600;
    padding: 2px 12px 2px 12px;
    /* min-height: 40px; */
    text-transform:  none;
    letter-spacing: 0.08em;
    line-height: 18px; 
	border:1px solid #82142d;
	
}
.resendmail_btn:hover {color:#fff !important; 
    background-color: #82142d  ;
    border-color: #82142d  ; 
     
}

.modal_save .btn-success {
    margin-top: 0px;
    border-radius: 44px;
    background-color: #0f1824;
    border-color: #0f1824;
    font-size: 12px;
    font-weight: 600;
    padding: 3px 20px 4px 20px;
    /* min-height: 40px; */
    text-transform: uppercase;
    letter-spacing: 0.08em;
    line-height: 21px; 
	color:#ededed;
}
.modal_save .btn-success:hover { color:#ededed;
    background-color: #82142d  ;
    border-color: #82142d  ; 
     
}

.sig_but {
    
    height: 50px;
    font-size: 16px !important;
    text-transform: uppercase;
    background: #82142d  !important;
    border-radius: 40px;
    color: #fff;
    border: 0px solid #fff;
	padding: 8px 40px !important;
}

.modal-dialog {
    margin:60px auto !important;
}
.modal .modal-dialog .modal-content .modal-header {
    border-bottom-width: 2px;
    margin: 0;
    padding-bottom: 15px;
    padding: 0;
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5 !important;
}

.table {
    --bs-table-color: var(--bs-body-color);
    --bs-table-bg: transparent;
    --bs-table-border-color: var(--bs-border-color);
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: var(--bs-body-color);
    --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
    --bs-table-active-color: var(--bs-body-color);
    --bs-table-active-bg: rgba(0, 0, 0, 0.1);
    --bs-table-hover-color: var(--bs-body-color);
    --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
    width: 100%;
    margin-bottom:0px;
    color: var(--bs-table-color);
    vertical-align: top;
    border-color: var(--bs-table-border-color);
}
  
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 0px solid #ddd;
	 border-bottom: 1px solid #f0f0f0 ;
	vertical-align: middle !important; 
}
 
.section_box1 th {
    background: #f5f5f5;
    padding: 10px 10px 10px 10px !important; 
    font-size: 13px;
	color: #000;
	border-top: 0px solid #152131 !important; 
	border-bottom: 0px solid #152131 !important;  
}
.section_box1 td { 
    padding: 15px 10px 15px 10px;
    font-size: 13px;
    color: #000 !important;
}


.bg-primary {
 background-color:#0f1824!important; line-height:20px;
}
.bg-primary h4 {
    color: #fff; 
}

.bg-success {
 background-color:#f69600!important
}
.bg-info {
 background-color:#f41373!important
}
.bg-warning {
 background-color:#ffd740!important
}
.bg-danger {
 background-color:#75b936!important
}
.bg-muted {
 background-color:#d0d0d0!important
}
.bg-inverse {
 background-color:#212121!important
}
.bg-purple {
 background-color:#f41373!important
}
.bg-pink {
 background-color:#ec407a!important
}
.bg-white {
 background-color:#fff!important
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    color: #fff;
    pointer-events: auto;
    background-color: #1c2e45;
    background-clip: padding-box;
    border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
    border-radius: var(--bs-modal-border-radius);
    outline: 0;
}
.modal-content .form-control {
    -moz-border-radius: 0px;
    -moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 0px;
    -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.1);
    background-color: #2b4260;
    border-radius: 5px;
    border: 1px solid #2b4260 !important;
    color: #ededed !important;
    font-size: 14px;
    height: 40px;
    padding-left: 10px;
}

.modal-content .form-control:focus { background:#0c1826;
        border-color: #0c1826;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    }
	 
.modal-content::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #ededed !important;
}

.modal-content::-moz-placeholder { /* Firefox 19+ */
    color: #ededed !important;
}

.modal-content:-ms-input-placeholder { /* IE 10+ */
    color: #ededed;
}

.modal-content:-moz-placeholder { /* Firefox 18- */
    color: #ededed !important;
}

.new_modals{ margin:0px; padding:0px;}
.new_modals .modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    background:rgba(15, 14, 36, 0.6);
	padding-left: 0px !important;
}
.new_modals .close {
    float: right;
    font-size: 35px;
    font-weight: 300;
    line-height: 1;
    color: #9eb8d8;
    text-shadow: 0 0px 0 #fff;
    filter: alpha(opacity = 20);
    opacity: 0.8;
    margin: -103px 0px 0px 0px;
    position: absolute;
    right: 0px;
    border: 0px;
    background: none;
}
.new_modals .modal_save {
    float: right;
    margin: 15px 25px 10px 10px;
    position: absolute;
	right:0px;
}

.modal-dialog {
    width:750px;
    margin: 30px auto;
}

.modal_contents{ width:100%; padding: 15px 35px 25px 35px;   display: inline-block;}

.modal_contents .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
   line-height: 1.42857143;
    vertical-align: top;
    border-top: 0px solid #ddd;
    border-bottom: 1px solid #f0f0f0;
    vertical-align: middle !important;
}

.modal_contents h2{ margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
    font-size: 18px;
    padding: 0px 0px 0px 0px;
    font-weight: 600;
    line-height: 18px;
}

.modal label {font-size: 13px;
    font-weight: 500 !important;
    line-height: 21px;
    text-align: left;
    flex-grow: 1;
    color: #ededed;
    padding:7px 0px 0px 0px;
}
.modal-title { 
    margin: 0;
    line-height: 41px;
    padding: 10px 0px 10px 30px;
	font-weight: 500;
	font-size: 14px;
	color: #ededed;
	letter-spacing: .1em;
	text-transform: uppercase;
}
.modal-title1 { 
    margin: 0;
    line-height: 41px;
    padding: 10px 0px 10px 0px;
	border-bottom:1px solid #ccc;
	color: #545454 !important;
	font-size: 14px !important;
    letter-spacing: .1em;
    text-transform: uppercase;
}
 
 .modal-header {
    padding: 15px;
    border-bottom: 1px solid #233a57 !important;
}
 
.create_new {
    float: right;
    margin: 21px 0px 0px 0px;
    position: fixed;
    right: 15px;
    font-size: 12px;
    text-transform: uppercase;
}
.create_new_setting {
    float: right;
    margin: 16px 60px 0px 0px;
    position: fixed;
    right: 15px;
    font-size: 12px;
    text-transform: uppercase;
}
 
.add_new_task {
    width: auto;
    padding: 3px 4px 3px 5px;
    font-size: 10px;
    font-weight: 600 !important;
    color: #000;
    height: 26px;
    background: #fff;
    border-radius: 30px;
    z-index: 500;
    right: 5px;
    margin: -3px 0px 0px 0px;
    letter-spacing: 0.08em;
    border: 1px solid #1c2e45;
    box-shadow: 0px 0px 0px #3866a0;
}
.add_new_con {    float: left;
    padding: 2px 5px 0px 2px;
}
.add_new_icon { float:right; margin:0px 0px 0px 0px;
}


.modal_scroll {
    padding: 5px 0px 5px 0px;
    height: 420px !important;
    border: 0px solid #00F;
    overflow: auto;
    margin-bottom: 15px;
}

::-webkit-input-placeholder {color: #000 !important;}
::-moz-placeholder { color: #000 !important;}
:-ms-input-placeholder { color: #000;}
:-moz-placeholder {color: #000 !important;}
.save_bt {
    float: right;
    margin: 10px 0px 15px 0px;
} 

.upload_box {
    width: 71%;
    float: left;
}

    .upload_box .btn-primary {
        text-align: center !important;
    }

.upload_box_form {
    border-radius: 4px 0px 0px 4px !important;
    height:40px !important;
    padding: 9px 0px 9px 15px !important;
}

.fileUpload {
    position: relative;
    overflow: hidden;
    margin: 0px;
    padding: 9px 0px 9px 0px !important;
    border-radius: 0px 4px 4px 0px !important;
    background: #454545 ;
    text-align: center;
    border: 1px solid #00c0d1 ;
}

    .fileUpload input.upload {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        padding: 0px;
        font-size: 20px;
        cursor: pointer;
        opacity: 0;
        filter: alpha(opacity=0);
    }

.selection {
    margin-bottom: 0px !important;
}


 .select-wrapper {
    margin-bottom: 0px;
    display: inline-block;
    border: 1px solid #d4d9e2 !important;
    background: url(../images/dropdown.png) #fff no-repeat right center;
    cursor: pointer;
    border-radius: 5px;
}

  .select-wrapper, .select-wrapper select {
    width: 100%;
    height:40px;
    line-height: 28px;
	position: relative;
}

    .select-wrapper:hover {
        background: url(../images/dropdown-hover.png) #fff no-repeat right center;
        border-color: #d4d9e2;
        border-radius: 3px;
    }

    .select-wrapper .holder {
        display: block;
        margin: 5px 35px 0 0px;
        white-space: nowrap;
        overflow: hidden;
        cursor: pointer;
        position: relative;
        font-weight: normal;
        font-style: normal;
        color: #000;
        font-size: 14px;
        padding-left: 10px;
    }

    .select-wrapper select {
        margin: 0;
        position: absolute;
        z-index: 2;
        cursor: pointer;
        outline: none;
        opacity: 0;
        /* CSS hacks for older browsers */
        _noFocusLine: expression(this.hideFocus=true);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -khtml-opacity: 0;
        -moz-opacity: 0;
    }
	
.top_title .select-wrapper {
    margin-bottom: 0px;
    display: inline-block;
    border: 1px solid #f9f9f9 !important;
    background: url(../images/dropdown.png) #fff no-repeat right center;
    cursor: pointer;
    border-radius: 5px;
}

.top_title .select-wrapper .holder {
    display: block;
    margin: 5px 35px 0 0px;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    position: relative;
    font-weight: normal;
    font-style: normal;
    color: #000;
    font-size: 18px;
}
	 
.section_box1 .selection {
    margin-bottom: 0px !important;
}


.section_box1 .select-wrapper {
    margin-bottom: 0px;
    display: inline-block;
    border: 1px solid #d4d9e2 !important;
    background: url(../images/dropdown.png) #fff no-repeat right center;
    cursor: pointer;
    border-radius: 5px;
}

.section_box1 .select-wrapper, section_box1 .select-wrapper select {
    width: 100%;
    height:40px;
    line-height: 30px;
	position: relative;
}

.section_box1 .select-wrapper:hover {
        background: url(../images/dropdown-hover.png) #fff no-repeat right center;
        border-color: #d4d9e2;
        border-radius: 5px;
    }

.section_box1 .select-wrapper .holder {
        display: block;
        margin: 4px 35px 0 0px;
        white-space: nowrap;
        overflow: hidden;
        cursor: pointer;
        position: relative;
        font-weight: normal;
        font-style: normal;
        color: #000;
        font-size: 14px;
        padding-left: 10px;
    }

.section_box1 .select-wrapper select {
        margin: 0;
        position: absolute;
        z-index: 2;
        cursor: pointer;
        outline: none;
        opacity: 0;
        /* CSS hacks for older browsers */
        _noFocusLine: expression(this.hideFocus=true);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -khtml-opacity: 0;
        -moz-opacity: 0;
    }	
 

.select-calander { width:100%;
    -moz-border-radius: 5px;
    -moz-box-shadow: inset 0 0px 0px rgba(0,0,0,.1);
    -webkit-border-radius: 5px;
    -webkit-box-shadow: inset 0 0px 0px rgb(0 0 0 / 10%);
     background: url(../images/calander.png) #f0f0f0;
	background-position:right;
	background-repeat:no-repeat;
    border-radius: 5px;
    border: 0px solid #2b4260;
    box-shadow: none;
    color: #ededed !important;
    font-size: 14px;
    height: 40px !important;
	padding: .375rem 2.25rem .375rem .75rem;
}

    .select-calander:hover {
         background: url(../images/calander.png) #f0f0f0;
		background-position:right;
	    background-repeat:no-repeat;
        border-color: #2b4260;
    }

   
	
.section_box1 .select-calander1 { width:45px;
    -moz-border-radius: 5px;
    -moz-box-shadow: inset 0 0px 0px rgba(0,0,0,.1);
    -webkit-border-radius: 5px;
    -webkit-box-shadow: inset 0 0px 0px rgb(0 0 0 / 10%);
    background: url(../images/calander.png) #fff;
	background-position: 10px 5px;
	background-repeat:no-repeat;
    border-radius: 5px;
    border: 1px solid #d5d7da !important;
    box-shadow: none;
    color: #2d2d2d!important;
    font-size: 14px;
    height: 40px !important;
	padding:0px 0px 0px 0px;
	
}

.section_box1 .select-calander1:hover {
        background: url(../images/calander.png) #fff;
		background-position: 10px 5px;
	    background-repeat:no-repeat;
        border-color: #239fdb;
    }
	

.section_box1_cle {
    margin-top: 45px !important;
}

.section_box1 h2 { 
    color: #000 !important;
    margin: 0px 0px 0px 0px;
    padding: 5px 0px 2px 10px;
    text-align: left;
    font-weight: 600;
    /* background: #d6e4ff; */
    border-bottom: 1px solid #f0f0f0;
    width: 100%;
    display: inline-block;
	font-size: 12px !important;
 letter-spacing: .1em;
 text-transform:uppercase;
}

.section_box1 h3 { 
   color: #82142d !important;
    margin: 0px 0px 0px 0px !important;
    padding: 15px 0px 15px 55px;
    text-align: left;
    font-weight: 500 !important;
    width: 100%;
    display: inline-block;
    font-size: 10px !important;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.section_box1 h2 img { margin-right:7px;
}


.section_box1 h4 {
    font-size: 19px !important;
    color: #f46485 !important;
    margin: 0px 0px 0px 0px;
    padding: 12px 0px 12px 0px;
    text-align: center;
    font-weight: 600;
    /* background: #d6e4ff; */
    border-bottom: 1px solid #e8e8e8;
    width: 100%;
   
}


/*----------------------Login Start----------------------------*/
.login_m {
    width: 98%;
    margin: 0px auto;
    position: absolute;
    top: 32%;
    margin-top: -200px;
}

 

.login_bg {
  background: url(../images/register_bg.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}
.register_bg {
  background: url(../images/register_bg.jpg) #f6f5f9;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}

.login_logo {
  margin-bottom: 25px;

}

.wrapper-page {
  margin: 7% auto;
  width: 750px;
}

.wrapper-page .panel {
  background-color: #fff;
  border: 0px solid transparent !important;
  border-radius: 6px;
  box-shadow: 0 0px 5px rgba(0, 0, 0, 0.5);
  margin-bottom: 20px;
  padding: 0px 0px 15px 0px;
}

.wrapper-page .panel-primary > .panel-heading {
  background-color: #2e87d9;
  border-color: #2e87d9;
  color: #fff;
}

.panel-pages {
  border-radius: 6px;
}

.panel-pages .panel-body {
  padding: 30px;
}

.panel-pages .panel-heading {
  -moz-border-radius: 6px 6px 0px 0px;
  -webkit-border-radius: 6px 6px 0px 0px;
  border-radius: 6px 6px 0px 0px;
  padding: 7px 20px;
  position: relative;
}

.panel-pages .panel-heading h3 {
  position: relative;
  z-index: 999;
}

.user-thumb {
  margin-top: -44px;
  position: relative;
  z-index: 999;
}

.user-thumb img {
  height: 88px;
  margin: 0px auto;
  width: 88px;
}

.ex-page-content h1 {
  color: #252932;
  font-size: 98px;
  font-weight: 700;
  line-height: 150px;
  text-shadow: rgba(61, 61, 61, 0.3) 1px 1px, rgba(61, 61, 61, 0.2) 2px 2px,
    rgba(61, 61, 61, 0.3) 3px 3px;
}

.form-control-login {
  height: 40px !important;
  color: #545454 !important;
  border: 1px solid #ccc !important;
}

.form-control-login a {
  color: #545454 !important;
}

.login_buttons {
  width: 60% !important;
  height: 50px;
  font-size: 18px;
  text-transform: uppercase;
  background: #82142d !important;
  border-radius: 8px;
  color: #fff;
  border: 0px solid #fff;
}

.login_buttons:hover {
  background: #82142d !important;
}

.forgot {
  font-size: 12px !important;
  text-align: center;
  padding: 0px 0px 15px 0px;
}

.forgot a {
  font-size: 12px !important;
  color: #f46485;
  font-weight: 600;
}

.login_con_m {
  .background: #fff none repeat scroll 0 0;
  box-shadow: 0 0 5px #ccc;
  padding: 15px;
}

.login_con {
  font-size: 14px;
  color: #2d2d2d;
  padding: 0p;
  margin: 0px;
  text-align: center;
  line-height: 23px;
}

.login_con1 {
  font-size: 14px;
  color: #2d2d2d;
  padding: 15px 0px 15px 0px;
  margin: 0px;
  text-align: center;
  line-height: 23px;
}

.happy_bro {
  font-size: 30px;
  color: #f22172;
  padding: 0px;
  margin: 0px;
  text-align: center;
}

/*----------------------Login End----------------------------*/

/*----------------------Register Start----------------------------*/

.registration_forms {
  width: 90%;
  margin: 5px auto;
  border-radius: 8px;
  padding: 30px 35px 0px 35px;
}

.digimed_logo {
  padding: 220px 70px 70px 70px;
}

.registration_forms .form-group {
  margin: 0px 0px 14px 0px !important;
}

.registration_forms h1 {
  color: #2d2d2d !important;
  font-size: 32px;
  margin: 0;
  padding: 5px 0px 15px 0px;
  text-align: center;
  text-transform: none;
  font-weight: 600;
}

.registration_forms p {
  color: #646464 !important;
  font-size: 15px;
  margin: 0;
  padding: 0px 0px 40px 0px;
  text-align: center;
  text-transform: none;
  font-weight: 400;
}

.registration__heading {
  color: #000;
  font-size: 25px;
  margin: 0;
  padding: 50px 0px 0px 0px;
  text-align: left;
}

.registration_forms .select-wrapper {
  margin-bottom: 10px;
  display: inline-block;
  border: 0px solid #d5d7da !important;
  background: url(../images/dropdown.png) #fff no-repeat right center;
  cursor: pointer;
  border-radius: 5px !important;
  color: #2d2d2d !importants;
  padding-left: 8px;
}
.registration_forms .select-wrapper,
.registration_forms .select-wrapper select {
  width: 100%;
  height: 48px;
  position: relative;
}
.registration_forms .select-wrapper .holder {
  display: block;
  margin: 17px 35px 0 5px;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  position: absolute;
  font-weight: 400;
  font-style: normal;
  color: #2d2d2d !important;
  font-size: 14px;
}

.registration_forms .select-wrapper select {
  margin: 0;
  position: absolute;
  z-index: 2;
  cursor: pointer;
  outline: none;
  opacity: 0;
  /* CSS hacks for older browsers */
  _nofocusline: expression(this.hideFocus=true);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
}

.registration_forms .form-control {
  -moz-border-radius: 8px;
  -moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 8px;
  -webkit-box-shadow: inset 0 0px 0px rgb(0 0 0 / 10%);
  background-color: #fff;
  border-radius: 8px;
  border: 0px solid #2b4260 !important;
  box-shadow: none;
  color: #000  !important;
  font-size: 14px;
  height: 48px !important;
  padding-left: 18px !important;
}
.registration_forms .form-select {
    display: block;
    width: 100%;
    padding: .375rem 2.25rem .375rem .75rem;
    -moz-padding-start: calc(0.75rem - 3px);
     font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: #000 ;
    background-color: #fff;
    background-image: url(../images/dropdown.png);
    background-repeat: no-repeat;
    background-position: right .75rem center; 
    border: 0px solid #2b4260;
     border-radius: 8px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	 height: 48px !important;
	 padding-left: 18px !important;
}

.registration_forms label {
  display: inline-block;
  font-weight: 400 !important;
  margin-bottom: 0px;
  max-width: 100%;
  font-size: 14px;
  font-weight: 600 !important;
  color: #494c50;
  padding: 0px 0px 5px 0px;
}

.registration_forms ::-webkit-input-placeholder {
  color: #000  !important;
}
.registration_forms ::-moz-placeholder {
  color: #000  !important;
}
.registration_forms :-ms-input-placeholder {
  color: #000  !important;
}
.registration_forms :-moz-placeholder {
  color: #000  !important;
}

.registration_forms .checkbox label {
  display: inline-block;
  padding-left: 5px;
  position: relative;
  font-size: 15px;
  color: #82142d !important;
}

.registration_forms .btn {
  margin: 15px 0px 0px 0px;
}

span.field-icon {
  position: absolute;
  display: inline-block;
  cursor: pointer;
  right: 20px;
  top: 15px;
  z-index: 500;
}

.login_logo {
  width: 90%;
  margin: 0px auto;
  margin-top: 50px;
  background: #fff;
  border-radius: 8px;
  padding: 160px 15px 190px 15px;
}

.login_forms_sec {
  width: 90%;
  margin: 5px auto;
  /*background: #fff;
    box-shadow: 0 0 6px #ccc;*/
  border-radius: 8px;
  padding: 35px 35px 0px 35px;
}

.login_forms_sec h1 {
  color: #2d2d2d !important;
  font-size: 32px;
  margin: 0;
  padding: 25px 0px 40px 0px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
  font-family: 'Oxygen', sans-serif;
}
.login_forms_sec .form-control {
  -moz-border-radius: 8px;
  -moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 8px;
  -webkit-box-shadow: inset 0 0px 0px rgb(0 0 0 / 10%);
  background-color: #fff;
  border-radius: 8px;
  border: 0px solid #2b4260 !important;
  box-shadow: none;
  color: #000  !important;
  font-size: 14px;
  height: 48px !important;
  padding-left: 18px !important;
}
.login_forms_sec label {
  display: inline-block;
  font-weight: 500 !important;
  margin-bottom: 0px;
  max-width: 100%;
  font-size: 12px;
  font-weight: 600 !important;
  color: #000;
  padding: 6px 0px 10px 0px;
   font-family: "Inter", sans-serif;
}
.login_forms_sec .form-group {
  margin: 0px 0px 10px 0px !important;
}

.register_logo {
  width: 250px;
  margin: 50px 0px 0px 0px;
  margin-top: 30px;
}

.row_login {
  margin-right: -15px;
  margin-left: -15px;
}
.pin_number {
  width: 16.66666667%;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  float: left;
}
.pin_number .form-control {
  -moz-border-radius: 8px;
  -moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 8px;
  -webkit-box-shadow: inset 0 0px 0px rgb(0 0 0 / 10%);
  background-color: #2b4260;
  border-radius: 8px;
  border: 0px solid #2b4260 !important;
  box-shadow: none;
  color: #2d2d2d !important;
  font-size: 20px;
  height: 48px !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
  text-align: center;
}

/*****Register End***********/


.mob{ display:none !important;}

 .form-select {
    display: block;
    width: 100%;
    padding: .375rem 2.25rem .375rem .75rem;
    -moz-padding-start: calc(0.75rem - 3px);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: #000  ;
    background-color: #f0f0f0;
    background-image: url(../images/dropdown.png);
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    border: 0px solid #2b4260 ;
    border-radius: .375rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}	

 .nav-tabs {
    border-bottom: 0;
    box-shadow: 0px 0px 0px #eaeaea;
    background: #fff;
    margin: 0;
    padding: 5px 2px;
    border-radius: 8px;
    position: relative;
    width: 100%;
    z-index: 50;
}
 .nav-tabsn {
    border-bottom: 0;
    box-shadow: 0px 0px 0px #eaeaea;
    background: #fff;
    margin: 0;
    padding: 5px 5px;
    border-radius: 8px;
    position: fixed !important;
    width: 93% !important;
    z-index: 50;
}

.nav-link {
  font-weight: 600;
  font-size: 0.7em;
  letter-spacing: 0.6px;
  display: inline-block;
  padding: 8px 5px;
    margin: 0px 4px;
  list-style: none;
  cursor: pointer;
  text-align: center;
  color: #a5bad1;
  border: 0px !important;
  width: 100%;
  text-transform: uppercase;
  opacity: 1;
}
.nav-link:hover { 
  opacity: 1;
}
 
.nav-tabs .active {
  background: #2b4260 !important;
  color: #f46485 !important;
  border-radius: 5px !important;
  opacity: 1;
}

.nav-tabs .active .icons {
  display: none;
}
.nav-tabs .active .icons1 {
  display: block;
}

.nav-tabs .nav-link:hover .icons {
  display: none;
}
.nav-tabs .nav-link:hover .icons1 {
  display: block;
}

.nav-link .icons {
  display: block;
  margin: 0px 0px 5px 0px;
}
.nav-link .icons1 {
  display: none;
  margin: 0px 0px 5px 0px;
}
.tab_content_sec1{ padding:50px 0px 0px 0px;} 


.new_bt { 
    background: #05c20e;
    color: #fff;
    text-align: center;
    padding: 0px 0px 0px 0px;
    float: left;
    width: 85px;
    margin-right: 10px;
    border-radius: .50em;
    font-size: 12px;   
}
.inprogress_bt {
    background: #ff7e00;
    color: #fff;
    text-align: center;
    padding: 0px 0px 0px 0px;
    float: left;
    width: 85px;
    margin-right: 10px;
    border-radius: .50em;
    font-size: 12px;   
}

.finished_bt { 
    background:#0095db;
    color: #fff;
    text-align: center;
    padding: 0px 0px 0px 0px;
    float: left;
    width: 85px;
    margin-right: 10px;
    border-radius: .50em;
    font-size: 12px;   
}
.shippedcancel_bt {
    background: #e67c1e;
    color: #fff;
    text-align: center;
    padding: 0px 0px 0px 0px;
    float: left;
    width: 85px;
    margin-right: 10px;
    border-radius: .50em;
    font-size: 12px;   
}
.canceld_bt {
    background: #c9392e;
    color: #fff;
    text-align: center;
    padding: 0px 0px 0px 0px;
    float: left;
    width: 85px;
    margin-right: 10px;
    border-radius: .50em;
    font-size: 12px;   
}
.replied_bt{
    background:#ec407a ;
    color: #fff;
    text-align: center;
    padding: 0px 0px 0px 0px;
    float: left;
    width: 85px;
    margin-right: 10px;
    border-radius: .50em;
    font-size: 12px;   
}

.low_bt { 
    background: #f14e4e;
    color: #fff;
    text-align: center;
    padding: 0px 0px 0px 0px;
    float: left;
    width: 85px;
    margin-right: 10px;
    border-radius: .50em;
    font-size: 12px;   
}
.medium_bt {
    background: #cd6000;
    color: #fff;
    text-align: center;
    padding: 0px 0px 0px 0px;
    float: left;
    width: 85px;
    margin-right: 10px;
    border-radius: .50em;
    font-size: 12px;   
}
.high_bt { 
    background:#ec02c8;
    color: #fff;
    text-align: center;
    padding: 0px 0px 0px 0px;
    float: left;
    width: 85px;
    margin-right: 10px;
    border-radius: .50em;
    font-size: 12px;   
}
.dash_sec {
    background-color: #fff;
    width: 100%;
    display: inline-block;
    text-align: center;
    color: #000;
    margin: 0px;
    padding: 15px 0px 15px 0px;
    border-radius: 8px;
    box-shadow: 0px 0px 6px #ccc;
    min-height: 60px;
}
.dash_sec h2 { color: #545454 !important;
    margin: 0px 0px 0px 0px !important;  padding: 0px 0px 8px 10px;
    text-align: left;
    font-weight: 700 !important;
    border-bottom: 1px solid #e8e8e8;
    width: 100%; display: inline-block;
    font-size: 12px !important;
    letter-spacing: 0.06em;
    text-transform: uppercase;
	}
.awaiting {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    font-size: 25px !important; 
    float: left;
    margin: 0px 15px 0px 10px;
    line-height: 45px;
    text-align: center;
}
.awaiting_cons_sec {
    float: left;
    font-size: 14px !important; 
    font-weight: 600;
    text-align: left;
    padding: 0px 0px 0px 0px;
    margin-top: 0;
    text-transform: uppercase;
    line-height: 21px;
	color:#ededed;
}
.awaiting_cons { 
    font-size: 12px !important; 
    font-weight: 600;
    text-align: left;
    padding: 0px 0px 6px 0px; 
    text-transform: uppercase;
    line-height: 21px;
	color:#545454;
}
.awaiting_cons1 { 
    font-size: 18px !important; 
    font-weight: 600;
    text-align: left;
    padding: 0px 0px 0px 0px; 
    text-transform: uppercase;
    line-height: 21px;
	color:#2d2d2d;
}
.bash_clr1{ background: none; border: 3px solid #fc03a7; color:#fc03a7}
.bash_clr2{ background: none; border: 3px solid #ff8502; color:#ff8502}		
.bash_clr3{ background: none; border: 3px solid #75c43b; color:#75c43b}	
.bash_clr4{ background: none; border: 3px solid #39b3e4; color:#39b3e4}	

.complete_appointment_br1 {
    border: 5px solid #75c43b;
}
.invoice_m {
    background-color: #ffffff;
    width: 100%;
    border: 0px solid #f7f7f8;
    margin: 0px 0px 8px 0px;
    box-shadow: 0 1px 3px rgb(164 173 186 / 25%);
    padding: 0px;
    border-radius: 8px;
    display: inline-block;
    position: relative;
}
.invoice_content { padding: 30px; display: inline-block; width: 100%; position: relative;}
.invoice_content label { color: #545454 !important;}
.invoice_head{font-size: 20px;  text-align: left; color: #000; margin: 0px 0px 15px 0px; padding: 0px; font-weight:600;}
.invoice_billto{display: inline-block;
    font-weight: 600 !important;
    size: 100%;
    margin-bottom: 3px;
    padding: 5px 0px 0px 0px;
    font-size: 12px;
    color: #545454 ; 
    width: 100%;
    text-transform: none;
    font-family: 'Source Sans Pro', sans-serif !important;
	}
.invoice_bill_address{font-size: 12px;  text-align: left;  color: #000;  margin: 0px 0px 5px 0px;  padding: 0px; font-weight:600;}
.invoice_con{font-size: 12px;
    text-align: left;
    color: #000;
    margin: 0px 0px 5px 0px;
    padding: 0px;
    font-weight: 600;
}
 
.invoice_con1{font-size: 12px;
    text-align: left;
    color: #000;
    margin: 0px 0px 5px 0px;
    padding: 0px;
    font-weight: 600;
	}
.invoice_amount{font-size: 12px;
    text-align:  right;
    color: #000;
    margin: 0px 0px 5px 0px;
    padding: 7px 4px 0px 0px;
    font-weight: 600;}
.invoiceforms1{ width:1000px; margin:0px auto; padding:0px;}
.invoice_plus{ position:absolute; right:15px; margin:-4px 0px 0px 0px; z-index:5; cursor:pointer;
	}
.hr_sec { background-color: #82142d;  width: 100%;
  text-align: center; margin-bottom: 10px;
  padding: 6px;
  color: #2d2d2d;
  display: inline-block;  
  border-radius: 8px;
} 
.hr_sec_time { font-size: 25px !important;
  color: #ededed;
  font-weight: 600;
  text-align: center;
  padding: 10px 0px 0px 0px;
  margin-top: 0;
  text-transform: uppercase;
  line-height: 21px;
}
.hr_sec_time span {  font-size: 11px !important;  display: inline-block;  width: 100%;  line-height: 24px;}

.edit_con1 {
    float: right;
    margin: -35px 15px 0px 0px;
    padding: 0px;
    position: relative;
    z-index: 45;
}
.form-control {
    -moz-border-radius: 8px;
    -moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 8px;
    -webkit-box-shadow: inset 0 0px 0px rgb(0 0 0 / 10%);
    background-color: #f0f0f0;
    border-radius: 8px;
    border: 0px solid #2b4260 !important;
    box-shadow: none;
    color: #000 !important;
    font-size: 14px;
    height: 40px !important;
    padding-left: 18px !important; 
	padding: .375rem 2.25rem .375rem .75rem !important;
}
.form-control:focus {
    color: #000;
    background-color: #f5f5f5;
    border-color: #f5f5f5;
    outline: 0;
    box-shadow: 0 0 0 .1rem rgba(13, 110, 253, .25);
}

.seachform {
    -moz-border-radius: 8px;
    -moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 8px;
    -webkit-box-shadow: inset 0 0px 0px rgb(0 0 0 / 10%);
    background-color: #f0f0f0;
    border-radius: 8px;
    border: 0px solid #2b4260 !important;
    box-shadow: none;
    color: #000 !important;
    font-size: 14px;
    height: 35px !important;
    padding-left: 18px !important; 
	padding: .375rem 2.25rem .375rem .75rem !important;
}
.content_area_sec {
    margin: 0px auto;
    width: 80%;
}
.content_area_sec label {
    color: #545454  !important;
    font-weight: 600 !important;
    margin-bottom: 3px;
    padding: 5px 0px 0px 0px;
    font-size: 12px;
    text-transform: none;
    font-family: 'Source Sans Pro', sans-serif;
}

.profileedit-sec {
    width: 100%;
    padding: 0px;
    margin: 0px 0px 0px 0px;
    display: inline-block;
    position: relative;
    min-height: 30px;
}
.profile_contacts {
    width: 100%;
    font-size: 13px;
    font-weight: 600;
    text-align: left;
    color: #f46485;
    padding: 5px 0px 8px 0px;
}
.upload_photos img { margin: 0px; padding: 0px; width: 73px;}
.upload_box { width: 71%; float: left;}
.upload_box input.upload { position: absolute; top: 0; right: 0; margin: 0; padding: 0px; font-size: 20px; cursor: pointer; opacity: 0; filter: alpha(opacity=0);}
.upload_box .btn-primary { text-align: center !important;}
.upload_box_form { border-radius: 4px 0px 0px 4px !important; height: 43px !important; padding: 9px 0px 9px 15px !important; background:#e9ecef; }
.fileUpload { position: relative;
  overflow: hidden;
  margin: 0px; padding: 9px 0px 9px 0px !important;
  border-radius: 0px 4px 4px 0px !important;
  background: #454545;  
  text-align: center; color: #fff;
  border: 0px solid #00c0d1;  
}
.fileUpload input.upload { position: absolute; top: 0;  right: 0;  margin: 0;  padding: 0px;
  font-size: 20px;  cursor: pointer;
  opacity: 0; filter: alpha(opacity=0);
}
.fileUpload1 {  position: relative;
  overflow: hidden;
  margin: 1px !important; padding: 1px 0px 7px 3px !important;
  background: #fff !important;
  color: #00c0d1; text-align: center;
  border: 0px solid #00c0d1 !important;  
  border-radius: 50% !important;
  width: 30px; height: 30px !important;
  box-shadow: 0px 0px 0px #ccc !important;
  line-height: 25px !important;
}
.fileUpload1 input.upload {  position: absolute; top: 0;  right: 0;
  margin: 0;  padding: 0px;
  font-size: 15px !important;
  cursor: pointer; opacity: 0;
  filter: alpha(opacity=0);
}
.fileUpload1 .fa-pencil-square-o {  font-size: 15px !important; color: #23a6ea !important;}
.fileUpload_new {  position: relative;
  overflow: hidden;
  margin: 0px 0px 10px 0px; padding: 6px 0px 7px 0px !important;
  border-radius: 4px !important;
  background: #f7f7f7;
  color: #2d2d2d !important; text-align: center;
  border: 0px solid #00c0d1;
}
.section_box1 .fileUpload {  position: relative;
    overflow: hidden;
    margin: 0px;  padding: 6px 0px 7px 0px;
    border-radius: 0px 4px 4px 0px;
    background: #454545;
    text-align: center;
    border-bottom: 1px solid #454545;
} 
.order_view{ padding:15px 25px 25px 25px;}

.shipping_address_h{  padding:5px 0px 0px 0px; text-align: left; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#2d2d2d;
 line-height: 24px; font-weight:600;}
.shipping_address_c{  padding:8px 0px 20px 0px; text-align: left; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#2d2d2d; line-height: 24px;}
 
 .order_date{  padding-bottom:15px; text-align: left; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#2d2d2d; line-height: 24px;
 font-weight:600;
 }
 
 
 .back_btn {float: right;
    margin: 9px 0px 0px 0px;
    position: fixed;
    right: 15px;
    font-size: 12px;
    text-transform: uppercase;
}
.back_btn .btn { color:#000;
    background: #f0f0f0;
    padding: 5px 20px 5px 20px;
}
.back_btn .fa-angle-left{  color: #000;}
 
.mb_4 { margin-bottom: 4px !important;}
.mb_5 { margin-bottom: 10px !important;}
.text_area{ height:100px !important;}
 
@media only screen and (max-width:767px) {
 
.mob{ display: block !important;} 
.top_icons {
	padding: 10px 0px 0px 0px;
	margin: -37px -16px 0px 0px;
	z-index: 500;
	position: relative;
}

.dropdown-menu[data-bs-popper] {
    top: 100%;
    left: auto;
    margin-top: var(--bs-dropdown-spacer);
    width: 265px;
    right: 8px;
    background: #1c2e45;
}
.top_time { 
    display: none;
}
.menuicon {
    float: left;
    width: 40px;
    margin: 0px 00px 0px 0px;
    padding: 0px 14px 0px 39px;
}
    .logo_m {
        padding: 4px 15px 2px 8px;
        width: 175px;
        text-align: left;
    }
}