/* CUSTOM STYLES */
body {
    margin: 0;
    font-family: 'Assistant', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
    color: #000 !important;
    text-align: left;
    background-color: #f8fafc;
}
a {
    text-decoration: none;
}
.badge{
    background-color: #04C4D9;
}
.calendar td{
    font-size: 24px !important;
    font-weight: 800;
    color: grey;
    width: 100px !important;
    max-height: 100px;
    overflow: auto;
}
.calendar td a{
    display: block;
    background-color: #DDD;
    font-size: 14px;
    padding-left: 5px;
    margin: 5px;
    border-radius: 5px;
}
.calendar td a span{
    color: #000;
    font-size: 12px;
}
.user-span{
    display: block;
    font-size: 10px !important;
    color: #6E2400 !important;
}
.patient-span{
    display: block;
    font-size: 10px !important;
}

.navbar-brand img{
	height: 40px;
	display: block;
}
.navbar-brand{
	padding: 5px;
	margin-right: 50px;
	margin-left: 0px !important;
}
.lockedMessage{
    display: none;
    padding: 40px;
    margin:auto;
    background-color: #DDD;
    margin-top: 30px;
    border-radius: 5px;
    max-width: 300px;
    margin-bottom: 100px;
    text-align: center;
}
.recur{
    background-color: #1FB9B9;
    padding: 5px;
    color: #000;
    text-align: right;
}
.lockedMessage h3{
    font-size: 16px;
    font-weight: 400;
    text-align: center;
}

.sidebar{
	width: 250px;
    height: calc(100vh - 60px);
    display: block;
    float: left;
    background-color: #D9D8D7;
    position: fixed;
    top: 66px;
    z-index: 100;
    overflow: auto;
    padding: 0px;
}

nav.navbar.navbar-expand-lg.navbar-light.fixed-top.bg-light {
    background-color: #04C4D9 !important;
}

.grix{
    background-color: #d1d1d1;
    padding:10px;
    margin-bottom:20px;
}
.btnxix{
    margin-top: 5px;
    margin-top: 27px;
    padding: 5px;
    font-size: 12px;
}

.col-sm-9 h4.dropdown-toggle {
    font-size: 16px;
    border: 1px solid #1FB9B9;
    padding: 8px;
    border-radius: 5px;
    width: 300px;
    text-align: center;
}

.col-sm-9 ul.dropdown-menu.show {
    width: 300px;
    text-align: center;
    color: #000 !important;
    border: 1px solid #1FB9B9;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}


.gritit{
    font-weight: 400;
    font-size: 12px;
    color: #FFF;
    padding: 5px;
    background-color: #000;
}
.gritix{
    font-weight: 800;
    font-size: 16px;
    color: #FFF;
    padding: 5px;
    background-color: #000;
}

.gritot{
    font-weight: 400;
    font-size: 12px;
    color: #FFF;
    padding: 5px;
    background-color: #F00; 
}
.gritox{
    font-weight: 800;
    font-size: 16px;
    color: #FFF;
    padding: 5px;
    background-color: #F00; 
}

.content{
	width: calc(100% - 250px);
	min-height: calc(100vh - 50px);
	display: block;
	float: left;
	background-color: #fafafa;
	margin-left: 250px;
	padding-top:65px;
    /*-webkit-box-shadow: inset 1px 0px 5px 0px rgba(158,158,158,1);
    -moz-box-shadow: inset 1px 0px 5px 0px rgba(158,158,158,1);
    box-shadow: inset 1px 0px 5px 0px rgba(158,158,158,1);*/
}
.navy .fa-chevron-right{
    float: right;
    margin-right: 20px;
    transition: ease-in-out .5s;
}
.navy.active .fa-chevron-right{
transform: rotate(90deg);
transition: ease-in-out .5s;
}
.tmp_entity_number{
    display: block;
    margin-top: 20px;
    font-size: 14px;
    font-weight: 600;
}

.sidebar-menu li a {
    text-transform: capitalize;
    color: #312a2a;
    font-weight: 400 !important;
    padding: 5px;
    display: block;
    width: 100%;
    padding-left: 20px;
    font-size: 16px !important;
    transition: ease-out 1s;
}
.sidebar-menu li{
	list-style: none;
}
.sidebar-menu li a:hover{
	text-decoration: none;
	color: #FFF;
	/*background-color: #949494;*/
    transition: ease-in .5s;
}
.sidebar-menu li a.active{
    text-decoration: none;
    color: #fff;
    background-color: #949494;
}
.sidebar-menu{
	margin: 0px;
	margin-top: 50px;
    margin-bottom: 100px;
	padding: 0px;
}
.row{
	margin: 0px;
	padding:0px;
}
.footiac{
    /*position: absolute;
    bottom: 0;
    display: block;
    height: 220px;
    width: inherit;*/
    
}
.one-hundred{
    min-height: calc(100vh - 60px);
    display: block;
}


.footon{
    background-color: #DDDDDD80;
    font-weight: 400;
    font-size: 12px;
    color: #000;
    padding: 0px;
    margin: 0px;
    /*margin-top: 50px;*/
}
.footon .col-sm-6, .footon .col-sm-3{
    padding: 30px;
}
.footon .col-sm-6, .footon .col-sm-3 a{
    color: #000;
}
.footon .col-sm-6 span i,.footon .col-sm-3 span i{
    color: #000;
}
.footon .col-sm-6 h5 , .footon .col-sm-3 h5{
    color: #1FB9B9;
}

.footer {
    /*position: fixed;*/
    /*bottom: 0px;*/
    width: 100%;
    padding: 10px;
    /*background-color: #CCCCCC;*/
    display: block;
    color: #000;
    min-height: 50px;
    border-top: solid 1px #1FB9B9; 
    font-weight: 400;
    font-size: 16px;
    color: #000;
    z-index: 100;
    /*margin-top: 50px;*/
}
.navbar-nav{
	display: none;
}

.cont-header{
	margin-bottom: 20px;
}

.form-group{
	margin-top: 10px;
}
.form-header{
	padding: 10px;
	font-size: 18px;
	font-weight: 600;
	border-bottom: solid 1px #1FB9B9;
	margin-bottom: 20px;
}

.expense h4{
	font-size: 18px;
}
.pcsi{
    font-size: 11px;
    line-height: 8px;
}
.pcs-orgname{
    display: block;
    margin-top: 20px;
    color: #1FB9B9;
}


.text-info{
	font-size: 14px !important;
	text-transform: uppercase;
}
.text-muted{
	font-size: 12px;
}
.bill{
	font-size: 14px !important;
}

.inl{
	margin-left: 10px;
}
.side-grey{
	background-color: #C6F0F4;
	min-height: calc(100vh - 90px);
	padding-top: 10px;

}


.card{
    margin-top: 10px;
}

li.list-group-item {
    padding: 5px;
    font-size: 12px;
}

.card-header {
    font-weight: 600;
    color: #1FB9B9;
}
.card {
    width: 100% !important;
}
.xs{
    width: calc(50% - 10px) !important;
    padding: 0px;
    border-radius: 0px;
}
/*.content{
    padding-bottom: 50px;
}*/


.pcs-itemtable-header {
    font-size: 9pt;
    /*color: #ffffff;
    background-color: #3c3d3a;*/
    padding: 5px 10px 5px 20px;
    text-align: left;
}


.pcs-item-row {
    font-size: 14px;
    border-bottom: 1px solid #adadad;
    background-color: #ffffff;
    color: #000000;
    padding: 10px 0 10px 5px;
    word-wrap: break-word;
}

.pcs-template-body{
    padding: 30px;
    padding-top: 0px;
}
.pcs-label{
    font-weight: 600;
}
.table-details{
    margin-top: 20px;
}
.table-details tbody tr td{
    border:none;
} 
.pcs-balance {
    background-color: #f5f4f3;
    font-size: 9pt;
    color: #000000;
}

.pcs-totals {
    font-size: 9pt;
    color: #000000;
    background-color: #ffffff;
}
.text-align-right {
    text-align: right;
}
.btna{

    background-color: #DDDDDD;
    color: #000;
    text-decoration: none;
    padding: 10px;
    border-radius: 5px;
}



.amountx{
    font-size: 16px;
    font-weight: 600;
    color: #777;
}
.amountx small{
    font-size: 12px;
    font-weight: 400;
}
.num{
    display: block;
    width: 200px;
    padding: 10px;
    font-size: 14px;
    font-weight: 600;
    color: #1FB9B9;
    float: right;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #1FB9B9;
    border-radius: .25rem;
    -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;

}

.pcs-customer-head{
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
}

.table td, .table th {
    padding: 5px;
    font-size: 16px;}
.pcs-itemta{
    background-color: #1FB9B9;
    color: #FFF;
}
.ta{
    width: 50%;
}
.tx{
    width: 300px;
}

.btnxi{
    display: block;
    margin-top: 5px;
}
.form-control {
    
    border: 1px solid #1FB9B9;
   
}


.left112{
    display: block;
    float: left;
}
.pd112{
    padding: 10px;
}

.pd403{
    padding: 20px;
}
.pad112{
    padding: 5px;
}
.tb112{
    margin-top: 20px;
}
.titix{
    text-transform: uppercase;
}
label{
    font-weight: 600;
}
.accountLabel{
    padding: 3px;
     border: 1px solid #1FB9B9;
     color: #FFF;
     background-color: #1FB9B9;
     font-weight: 400;
     border-radius: 3px;
     font-size: 12px;
     margin: 5px;
     padding-top: 0px;
     padding-bottom: 0px;
     text-transform: uppercase;
}

.dateTime{
    background-color: #FFF;
    border-bottom: 1px solid #DDD;
    padding: 5px;

}

.dateTimeHead{
    background-color: #FFF;
    border-bottom: 2px solid #DDD;
    margin-bottom: 20px;
    padding: 10px;
    /*-webkit-box-shadow: 0px 1px 2px 0px rgba(221,221,221,1);
    -moz-box-shadow: 0px 1px 2px 0px rgba(221,221,221,1);
    box-shadow: 0px 1px 2px 0px rgba(221,221,221,1);*/
}

.dateTimeHead h5 .fa, .dateTimeHead h5 .fas, .dateTimeHead h5 .far{
    border-right: 2px solid #DDD;
    padding: 15px;
    margin-right: 15px;
}
.dateTimeHead h5{
    /*padding: 15px;*/
    margin-bottom: 0px;
}

/*.btnMD{
    background-color: #DDDDDD;
    border-color: #DDDDDD;
    font-size: 12px;
}*/

.dateTime .col-sm-12{
    padding: 10px;
}
.dateTime table{
    margin-bottom: 0px;
}
.dateTime table tbody tr td{
    border:none;
}
.dateTime table tbody tr td .form-group{
    margin-bottom: 0px;
    margin-top: 0px;
}
.form-inline .form-group .form-control{
    padding: 2px;
    font-size: 14px;
}
.form-inline .form-group label{
    margin-right: 10px;
}
.button-group a{
    margin-right: 5px;
}
.form-inline .form-group{
    margin-right: 10px;
}
.cont-header{
    margin-top: 20px;
}
.headingDT h5{
    font-size: 16px;
    padding: 20px;
    margin-bottom: 0px;
    text-align: center;
    font-weight: 600;
    color: #000;
}
.footerDT{
    padding: 10px;
}
.card-tot{
    font-size: 14px;
    font-weight: 600;
    display: block;
}

.card.col-sm-6 {
    width: calc(50% - 10px);
    flex: calc(50% - 10px);
    margin: 5px;
}

.dateText{
    font-size: 16px;
}


/*UPLOAD BUTTONS CODE*/
.upload-btn-wrapper {
  position: relative;
  overflow: hidden;
  display: inline-block;
  width: 100%;
}


.upload-btn-wrapper input[type=file] {
  font-size: 100px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
/*UPLOAD BUTTONS CODE*/


.doc-header{
    background-color: #DDD;
    /*margin-bottom: 30px;*/
    padding: 10px;
}
.doc-header-text{
    font-size: 22px;
    font-weight: 600;
}
.heading-menu{
    font-size: 20px;
    font-weight: 600;
}
.table-darky{
    margin-top:20px;
}
.table-darky tr{
    background-color: #DDD;
    color: #000;
}
.table-darky tr td{
    border:3px solid #FFF;
    border-left:none;
    border-right:none;
}



.form-table{
width: 200px !important;
}

.form-tableb{
width: 220px !important;
}

.form-tablex{
width: 300px !important;
}
.form-tablec{
width: 80px !important;
}

.form-tabled{
width: 110px !important;
}
.form-tablee{
width: 110px !important;
}
.form-tables{
width: 80px !important;
}

.pcs-item-total{
    border:none !important;
    background-color: #FFF;
}
.select2-selection__rendered {
    line-height: 33px !important;
}
.select2-container .select2-selection--single {
    height: 37px !important;
}
.select2-selection__arrow {
    height: 36px !important;
}
.leftox{
    padding: 0px;
    border:1px solid #DDD;
    margin:5px;
    width:calc(50% - 10px);
    flex:calc(50% - 10px);
    margin-left:0px;
    background-color: #F8F9FA;
    padding-bottom: 15px;
}
.rightox{
    padding: 0px;
    border:1px solid #DDD;
    margin:5px;
    width:calc(50% - 10px);
    flex:calc(50% - 10px);
    margin-right:0px;
    background-color: #F8F9FA;
    padding-bottom: 15px;
}

.pagination {
    width: 100%;
    overflow: auto;
}

.mce-notification{
    display: none !important;}
.btn-info{
    background-color: #1FB9B9 !important;
    border-color: #0BC6A4 !important;
}

.btn-primary {
    color: #fff;
    background-color: #1FB9B9 !important;
    border-color: #0BC6A4 !important;
}

.btn-link {
    font-weight: 400;
    color:#616163;
    background-color: transparent;
}
.btn-link:hover {
    font-weight: 400;
    color: #1FB9B9;
    text-decoration: none !important;
    background-color: transparent;
}


.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #1FB9B9;
    border-color: #0BC6A4 !important;
}
.EDID{
font-size: 14px; 
background-color: #1FB9B9; 
padding: 5px;
}

.blxv{
    background-color: #DDDDDD70;
    padding: 10px;
    border-bottom: 5px solid #1FB9B9; 
    

}
.byxx{
     border-bottom: 2px solid #1FB9B9; 
     margin-bottom: 30px;
     background-color: #E1FBF6;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #495057;
    background-color:#F4F4F4;
    border-color: #DDDDDD #DDDDDD #F4F4F4;
    bottom: -1px;
    position: relative;
}
.nav-tabs {
    border-bottom:none;
}
.tab-pane .row .col-sm-12{
    padding: 30px;
}
.tab-content {
    background-color: #F4F4F4;
    border: 1px solid #DDDDDD;
    margin-bottom: 0px;
}
a {
    color:#1FB9B9;
    font-weight: 600;
}
thead{
background-color: #1FB9B9;
color: #FFF;
}



.btn-secondary {
    color: #00000080;
    background-color: #AAAAAA;
    border-color: #BBBBBB;
    }

.btn-danger {
    color: #00000080;
    background-color: #dc3545;
    border-color: #dc3545;
}

.btn-warning {
    color:  #00000080;
    background-color: #ffc107;
    border-color: #ffc107;
}
.btn-info {
    color: #00000080;}
.warn{
    padding: 5px;
    text-align: center;
    background-color: #ffc10790;
    font-size: 12px;
    color: #000;
    display: block;
}
.emailWarn{
    padding: 5px;
    text-align: center;
    font-size: 12px;
    color: #F00;
    display: inline-block;
    margin-right: 20px;
}

.warnStatus{
    padding: 5px;
    text-align: center;
    background-color: #FF0;
    font-size: 12px;
    color: #000;
    display: block;
    width: 400px;
    position:fixed;
    z-index: 1500;
    margin: auto;
    left: calc(50vw - 200px);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.75);
    box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.75);
}

.warn span{
    font-weight: 600;
}

#statusAlert {
    display: block;
    position: absolute;
    margin: auto;
    width: 400px;
    z-index: 1000;
    margin-left: calc( 50vw - 350px);
    margin-top: 0px;
    top: 60px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-color: #0fe0ca;
    background-color: #1FB9B9;
    color: #FFF;
}

img#logo_content {
    max-width: 200px;
    max-height: 150px;
    display: block;
    margin-top: 0px;
    padding: 10px;
    display: block;
    max-width: 250px;
    width: 100%;
}


.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    min-width: 32px;
    width: 32px;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    border-radius: 0px !important;
    border: 1px solid transparent;
    white-space: nowrap;
    cursor: pointer;
}

.calendar-table thead {
    background-color: #DDD;
    color: #000;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #1FB9B9 !important;
    border-color: transparent;
    color: #fff;
}
.daterangepicker td.in-range {
    background-color: #1FB9B970 !important;
    border-color: transparent;
    color: #000;
    border-radius: 0;
}
.totxLabel{
    font-size: 14px;
    color: #000;
    padding: 5px;
    background-color: #DDD;
    float: right;
}
.highlight{
    background-color: #E6E6E7;
}
.mobileLabels{
    display: none;
}
.mobileBtnLabels{
    display: none;
}
.yesMobile{
    display: none !important;
}
.yesusMobile{
     display: none !important; 
}
.showMobile{
    display: none ;
}
.modal-content {
    margin-top: 70px;
}
span.mobileBtnLabel{
    display: none;
}
.mexc{
    margin-top: 40px;
}
.subseti{
    padding: 5px;
    font-size: 12px;
    height: auto !important;
}

.banks{
    width:calc(25% - 20px) !important;
    flex:calc(25% - 20px) !important;
    margin: 5px !important;
}

.navbar-nav{
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	z-index:1000;
}


.pricingH1{
    background-color:#37E7C7;
    display:block;
    font-size:24px;
    color:#FFF;
    padding:10px;
    font-weight:900;
    color: #0a0a0a!important;
    text-transform:uppercase;
    text-align:center;
    line-height:32px;
    font-family: arial;
}

.pricingH2{
    background-color:#33CCAD;
    display:block;
    font-size:16px;
    color:#000;
    text-align:center;
    padding:10px;
    padding-bottom:0px;
    font-weight:700;
    text-transform:uppercase;
}
.pricingH3{
    background-color:#33CCAD;
    display:block;
    font-size:14px;
    color:#000;
    text-align:center;
    padding:10px;
    padding-top:0px;
    padding-bottom:0px;
    font-weight:700;
    text-transform:uppercase;
}
.pricingDesc{
    font-size:14px;
    color:#FFF;
    padding:10px;
    padding-bottom:0px;
    padding-top:0px;
    display:block;
    text-align:center;
    background-color:#33CCAD;
}
.pricingDesc p{
    margin:0px !important;
}
.pricingFeatures{
    background-color:#FFF;
    display:block;
    font-size:26px;
    color:#000;
    padding:10px;
}
.btn-holder{
    background-color:#33CCAD;
    padding:10px;
}
.btn-holder .form-check{
    font-size: 12px;
    text-align: center;
    text-transform: uppercase;
    color: #FFF;
}
.btn-white{
    background-color:#FFF !important;
    width:70%;
    margin:auto;
    display:block;
}
.pricing{
    border:2px solid #37E7C7;
    padding:0px !important;
    width:calc(25% - 10px);
    flex:calc(25% - 10px);
    margin:5px;
}

.companyName{
    font-size:22px;
    font-weight:800;
    /*font-family:arial;*/
    color: #000;
    border:2px solid #000;
    padding: 10px;
    width: fit-content;
    max-width: 250px;
    text-transform: uppercase;
}

.jxjx{
    width: calc( 50% - 10px);
    flex: calc( 50% - 10px);
    margin:5px;
    padding: 0px;
}
.jyjy{
    width: calc( 100% - 10px);
    flex: calc( 100% - 10px);
    margin:5px;
    padding: 0px;
}
.col-sm-4.card{
    padding: 20px;
    width: calc(33.33% - 10px);
    flex: calc(33.33% - 10px);
    margin: 5px;
}



.form-check{
        font-weight: 400 !important;
        font-size: 14px;
    }
    /* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 32px;
  height: 16px;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 8px;
  width: 8px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input.primary:checked + .slider {
  background-color: #218838;
}

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

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

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

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

.swal-title {
  margin: 0px;
  font-size: 18px;
  margin-bottom: 15px;
}
.btn{
    color: #FFF !important;
}


.greyBox{
    background-color: #f2f2f2;
    border-radius: 5px;
    -webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,.5);
    -moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,.5);
    box-shadow: 1px 1px 3px 0px rgba(0,0,0,.5);
    margin-bottom: 10px;
}

.icony{
    width:20%;
    display: block;
    background-color: #1FB9B9;
    color: #FFF;
    padding: 5px;
    float: left;
    font-size: 26px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    max-width: 50px;
    padding-left: 10px;
}


.iconyStatus{
    width:20%;
    display: block;
    background-color: #86C724;
    color: #FFF;
    padding: 5px;
    float: left;
    font-size: 26px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    max-width: 50px;
    padding-left: 10px;
}
.icony2Status{
    width:20%;
    display: block;
    background-color: #F00;
    color: #FFF;
    padding: 5px;
    float: left;
    font-size: 26px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    max-width: 50px;
    padding-left: 10px;
}

.conty{
    width:80%;
    display: block;
    padding: 5px;
    float: left;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    color: #000;
    text-decoration: none !important;
}
.conty h5{
font-weight: 600;
font-size: 14px;
margin-bottom: 0px;
}
.conty p{
    font-size:12px;
    font-weight: 400;
    margin-bottom: 0px;
}

.form-group .col-sm-6{
    padding: 0px;
}
.first-child{
    padding-right: 5px !important;
}
.last-child{
    padding-left: 5px !important;
}

.patientMenuX{
margin: 0px;
padding: 0px;
}
.patientMenuX li a{
    color: #000;
    font-weight: 400;
    text-decoration: none;
    display: block;
    border-bottom: 1px solid #DDDDDD;
    padding: 5px;
}

.docHeader{
    background-color: #1FB9B9;
    padding: 5px;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0px;
}
.tabPadded{
    padding: 20px;
    min-height: 350px;
}
.hi5{
    font-weight: 600;
    font-size: 16px;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #86C724;
}
.nav-pills .nav-link{
    color: #000;

}

.reconcileSide{
    min-height: calc(100vh - 100px);
    background-color: #DDD;
    color: #000;
    padding-top: 20px;
}
.reconTrans{
    max-height: 400px;
    overflow: auto;
    padding-top: 20px;
    border:1px solid #04C4D9;
}









/*COLLAPSIBLE MENU*/
.nolist{
    padding-left: 20px;
    padding-bottom: 10px;
    padding-top: 10px;
}
.sidebar .sidebar-menu li.nolistHighlight {
    background-color: #17629e;
    color: #1FB9B9;
    text-decoration: none
}
.sidebar .sidebar-menu li.nolistHighlight a {
    color: #1FB9B9;
}

.sidebar .sidebar-menu li ul {
    display: none;
    background-color: #bcbcbc;
    /*-webkit-box-shadow: inset 0px 1px 2px 0px rgba(221,221,221,1);
-moz-box-shadow: inset 0px 1px 2px 0px rgba(221,221,221,1);
box-shadow: inset 0px 1px 2px 0px rgba(221,221,221,1);*/
}
.sidebar .sidebar-menu li ul li a {
    font-size: 16px;
    font-weight: 400;
    color: #00000090;
    padding-left: 10px;
}
.sidebar .sidebar-menu li ul li a.active {
    background-color: initial;
    color: #FFF;
    padding-bottom: initial
}
.sidebar .sidebar-menu li ul li a:hover {
    color:#FFF;
    /*background-color: #DDDDDD50;*/
}

/*SCROLL BAR*/
::-webkit-scrollbar {
    width: 10px;
    background-color: #FFF;

}
 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3);
}
 
::-webkit-scrollbar-thumb {
  background-color: #eae9e8;
  /*border-radius: 0.2em;*/
  outline: 1px solid #dddddd;

}

.quoteDetails{
    padding: 10px;
    margin-top: 10px;
    background-color: #c6f0f4;
    border-radius: 5px;
    font-size: 14px;
    /*margin-right: 15px;*/
}

.dashTabs{
    -webkit-box-shadow: 1px 1px 2px 0px rgba(84,82,84,1);
-moz-box-shadow: 1px 1px 2px 0px rgba(84,82,84,1);
box-shadow: 1px 1px 2px 0px rgba(84,82,84,1);
width: calc(25% - 30px) !important;
flex: calc(25% - 30px) !important;
margin: 15px;
border-radius: 5px;
min-height: 100px;
background-color: #fff;
border-radius: 4px;
margin-bottom: 0px;
padding: 20px;
position: relative;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}


.dash-widget-info > h3 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 0.5rem;
}


.dash-widget-info > span.widget-title2 {
    background: #55ce63;
    color: #fff;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 16px;
    -webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.75);
    box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.75);
}

.dash-widget-bg2 {
    width: 30px;
    float: left;
    color: #fff;
    display: block;
    font-size: 50px;
    text-align: center;
    line-height: 30px;
    background: #55ce63;
    border-radius: 50%;
    font-size: 20px;
    height: 30px;
    -webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.75);
    box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.75);
}

.dash-widget-bg3 {
    width: 65px;
    float: left;
    color: #fff;
    display: block;
    font-size: 50px;
    text-align: center;
    line-height: 65px;
    background: #55ce63;
    border-radius: 50%;
    font-size: 40px;
    height: 65px;
}

.bg3, span.bg3 , .dash-widget-info > span.bg3{
background-color: #FFBC35;
}

.bg4, span.bg4 , .dash-widget-info > span.bg4{
background-color: #009EFB;
}
.bg1, span.bg1 , .dash-widget-info > span.bg1{
background-color: #7A92A3;
}


.box-shadow{
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}
h4.card-title{
    font-size: 20px;
    font-weight: 600;
    margin: 0;
    padding: 5px 0;
    color: #000;
}

.widget-title2 a {
    width: 100%;
    color: #FFF;
    text-decoration: none;
}

.widget-title2 a:hover {
    text-decoration: none;

}

.cardon{padding: 0px;
        margin: 15px;
        width: calc(50% - 30px);
        flex: calc(50% - 30px);}


.tab-pane {
    overflow: auto;
}

span.widget-title2 {
    display: block;
}

.tool{
    float: right;
    display: inline-block;
    color: #D9D8D7;
  }
  .invalid-feedback{
    font-weight: 600;
    font-size: 12px;
  }

.swal-modal {
    width: auto;
    padding: 10px;
}
.swal-title:not(:last-child) {
    margin-bottom: 0px;
}
.swal-title:first-child {
    margin-top: 0px; 
}
.swal-footer {
    margin-top: 0px;
    padding: 0px;
}
.swal-text:first-child {
    margin-top: 5px;
    font-weight: 600;
}

.btn-default, .btn-warning{
    color: #000 !important;
}
.btn-default {
    background-color: #ddd;
}
.btn-group .btn-default{
    border-right-color: #FFF;
}

.inline-wrapper{
    margin: 0px;
    padding: 0px;
}
.inline-wrapper [class*=col]:first-child { 
  padding-left:0px;
  margin-left: : 0px; 
}
.inline-wrapper [class*=col]:last-child { 
  padding-right:0px;
  margin-right: 0px; 
}
legend{
    font-size: 14px;
    font-weight: 600;
    background-color: #C6F0F4;
    /*padding: 5px;
   */ border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    text-align: center;
}
.naviox .nav-item .nav-link{
    color:#000 !important;
    font-weight: 400;
}
.patientNav{
    background-color: #FFF;
    margin: 0;
    margin-bottom: 20px;
    border-bottom: 1px solid hsla(0,0%,54%,.3);
    width: calc(100% + 40px);
    max-width: calc(100% + 40px);
    flex: calc(100% + 40px);
    margin-left: -20px;
    margin-right: -20px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #000;
    background-color: #04C4D9;
    border:none;
    bottom: -1px;
    position: relative;
    border-bottom: 4px solid #04C4D9;
    font-weight: 600;
    border-radius: 5px;
}
.nav-tabs .nav-item.show .nav-link:hover, .nav-tabs .nav-link:hover {
    color: #000;
    background-color: #04C4D9;
    border:none;
    bottom: -1px;
    position: relative;
    border-bottom: 4px solid #04C4D9;
    font-weight: 600;
    border-radius: 5px;
}
.tab-content {
    background-color:transparent;
    border:none;
}
.nav-link{
    padding-left:10px;
    padding-right: 10px;
} 
.reorder{
    background-color: #ffaaaa;
} 
@media only screen and (max-width: 990px) {
    .nav-tabs .nav-item a{
        padding: 10px;
        font-weight: 600;

    }
    .nav-tabs .nav-link {
    display: inline-block;
    padding: 5px;
    }
    .nav-tabs .nav-link i.fas.fa-chevron-right {
    display: none;
    }
    .reconcileSide {
    min-height:100px;
    background-color: #DDD;
    color: #000;
    padding-top: 20px;
}

    .nav-tabs .nav-item{
        padding: 0px;

    }
    .first-child {
    padding-right: 15px !important;
    padding-left: 15px !important;
    margin: 0px;
    margin-bottom: 10px;
    }
    .last-child{
    padding-right: 15px !important;
    padding-left: 15px !important;
    margin: 0px;
    margin-bottom: 10px;
    }
    .inline-fields {
    padding: 0px;
    }

    .dashTabs{
    -webkit-box-shadow: 1px 1px 2px 0px rgba(84,82,84,1);
-moz-box-shadow: 1px 1px 2px 0px rgba(84,82,84,1);
box-shadow: 1px 1px 2px 0px rgba(84,82,84,1);
width: calc(50% - 30px) !important;
flex: calc(50% - 30px) !important;
margin: 15px;
border-radius: 5px;
min-height: 100px;
background-color: #fff;
border-radius: 4px;
margin-bottom: 0px;
padding: 20px;
position: relative;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}

.cardon{padding: 0px;
        margin: 15px;
        width: calc(100% - 15px);
        flex: calc(100% - 15px);}

.dash-widget-bg2 {
    width: 32px;
    float: left;
    color: #fff;
    display: block;
    font-size: 50px;
    text-align: center;
    line-height: 32px;
    background: #55ce63;
    border-radius: 50%;
    font-size: 20px;
    height: 32px;
}

    .sidebar{
	display: none;
}
a.nav-link{
    font-size: 16px;
    font-weight: 400;
}
.dropdown-item a {
    font-size: 16px;
    color: #FFF;
    font-weight: 400;
}
.dropdown-toggle::after {
    float: right;}

.dropdown-item{
    padding-left: 10px;
}
.dropdown-item:hover {
    background-color: #949494;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    min-width: 10rem;
    padding: 0px;
    margin: 0px;
    font-size: 14px;
    font-weight: 400;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #949494;
    background-clip: padding-box;
    border: none;
    border-radius: 0px;
}

.navbar{padding:0px !important;}
.text-align-right{
    text-align:left !important;
}
.pcs-template-body {
    padding: 0px;
    padding-top: 0px;
}
.padsi{
    padding: 20px !important;
}
.ovAuto{
    overflow:auto;
}

.table-items{
    display: table;
    max-width:100% !important;
}
.padx0{
    padding: 0px;

}
.nav-item {
    display: block;
    padding: 5px;
    font-size: 12px !important;
    /*margin-left: 40px;*/
    border-bottom: 1px solid #CCCCCC80;
}
ul.navbar-nav {
    background-color: #DDD;
    padding: 10px;
}
.navbar-nav{
    margin-top: 20px;
}
.nav-link{
    padding: 0px;
    color: #000 !important;
}

.mobileLabels{
    display: block;
}

.showMobile{
    display:inline-block;
}

span.mobileBtnLabel{
    display: inline-block;
}
.btn-group{
    margin-top: 5px;
}
/*#compForm{
    display: none;
}*/
#compForm {
    padding: 0px;
}
#compForm .table td, #compForm  .table th {
    padding: 5px;
    font-size: 12px;
    width: 100%;
    display: block;
    border: none;
}
#compForm .table td.third{
width: 33% !important;
float: left;
}

#compForm .table td.half{
width: 50% !important;
float: left;
}

.half{
width: 50% !important;
flex: 50% !important;
float: left;
margin: 0px !important;
padding: 5px;
}
.third{
width: 33% !important;
flex: 33% !important;
float: left;
margin: 0px !important;
padding: 5px;
}

.full{
width: 100% !important;
margin: 0px !important;
flex: 100% !important;
padding: 5px;
}
.fifth{
width: 20% !important;
float: left;
}
.fourFifth{
width: 80% !important;
float: left;
}

.card-tot {
    font-size: 14px;
    font-weight: 600;
    display: inline-block;
}

#compForm .table td.fifth{
width: 20% !important;
float: left;
}

#compForm .table thead{
    display: none;
}
#compForm .table td label{
    clear: both;
}
#compForm .table td .btn-md{
width: 100%;
margin-top: 27px;
}
.col-sm-3 {
    padding: 15px !important;
}
.noMobile{
    display: none !important;
}
.pricingFeatures{
    display:none;
}
.pricing{
    border:2px solid #37E7C7;
    padding:0px !important;
    width:calc(100% - 10px);
    flex:calc(100% - 10px);
    margin:5px;
    margin-top:20px;
}
.yesMobile{
    display: block !important;
    background-color: #1FB9B9;
    font-weight: 600;
}
.yesusMobile{
    display: block !important;
}
.button-group a{
    margin-top:10px;
    margin-left:5px !important;
    margin-right:5px !important;
}
.narrative{
    font-weight: 600;
    font-size: 14px !important;
    background-color: #DDDDDD80;
}
#compForm .table .indexTR{
    border-bottom: 2px solid #1FB9B9;
    padding:20px !important;
}
#compForm .table .narra{
    font-weight: 600;
    font-size: 14px !important;
    /*background-color: #DDDDDD60;
    border: 1px solid #DDD;*/
    display: flex;
}

#QuotationItemsTable tr{
    margin-bottom: 10px !important;
}
.navbar-nav{
	display: block;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	z-index:1000;
	max-height:calc(100vh - 100px);
	overflow:auto;
}
.row.footon {
    margin-top: 20px;
}
.side-grey{
	display: none;
}

.content{
	width: 100%;
	min-height: calc(100vh - 50px);
	display: block;
	background-color:#fafafa;
	margin-left: 0px;
	padding-top:50px;
}

.mexc{
    margin-top: 15px !important;
}
.banks{
    width:calc(100% - 20px) !important;
    flex:calc(100% - 20px) !important;
    margin: 5px !important;
}
.mexco{
   /* margin-top: 30px !important;*/
    padding: 0px !important;
    margin-bottom:20px !important;
}
.dateTimeHead .col-sm-12{
    padding-left:0px;
    padding-right:0px;
}
.form-group.col-sm-3.half.mexc {
    padding-right: 0px !important;
}
.ixc{
    padding:0px !important;
}
.subseti{
    padding: 5px;
    font-size: 12px;
    height: 31px !important;
}

.col-sm-12 {
    overflow: auto;
}
.mobiTable{
    color:#000;
    width:calc(100% - 20px);
    background-color:#DDDDDD60;
    margin-left:10px;
    margin-right:10px;
    margin-bottom:10px;
    padding:10px !important;
    border-radius:10px;
    font-weight:400;
}

.mobiNum{
    width: 20px;
    height: 20px;
    padding: 1px;
    color: #666;
    text-align: center;
    border-bottom-right-radius: 50%;
    border-top-right-radius: 50%;
    font-size:10px;
    background-color:#1FB9B9;
}
.mobiName{
    padding-left:5px;
    padding-top:0px;
    padding-bottom:0px;
}
.mobiOne{
    font-size:16px;
    font-weight:400;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
}
.mobiTwo{
    font-size:12px;
    font-weight:400;
    text-align:right;
    padding-right:40px;
    padding-bottom:10px;
}
.mobiH1{
    padding:5px;
    padding-bottom:0px;
    font-size:12px !important;
    color:#00000080;
    font-weight:400;
}
.mobiH2{
    text-align:right;
    padding:5px;
    padding-right:40px;
    padding-bottom:0px;
    font-size:12px !important;
    color:#00000080;
    font-weight:400;
}


}