:root{
   --varBrandColor:#743bc7;
}

footer{
   margin-top: 8px;
   padding-top: 6px;
   border-top: 1px solid #dddd;
}
.loader{
   width: 100%;
   height: 100%;
   position: absolute;
   margin: auto;
   background: rgba(0,0,0,.8);
   z-index: 9999999;
   text-align: center;
}
.loader img{   
   margin-top: 18%;
}
.loader_edit_file{
   width: 100%;
   height: 100%;
   position: absolute;
   margin: auto;
   background: rgba(0,0,0,.8);
   z-index: 9999999;
   text-align: center;
}
.loader_edit_file img{   
   margin-top: 18%;
}

.iframe{
   min-height: 70vh;}
.iframe,iframe{   
   border:none !important;
   margin:0 -4px;
}
.btn-close-modal{
   position: absolute;
   left: 12px;
   z-index: 9999999;
   color: #f73a3a;
   font-size: 1.1em;
   transition: .5s font-size;
   cursor: pointer;
}
.btn-close-modal:hover,
.btn-close-modal:focus{
   font-size: 1.2em; 
   color: #eb0000;
}
.cursor-pointer{
   cursor: pointer;
}
header{
   z-index: 999;
}
.btn-primary {
   background-color: var(--varBrandColor) !important;
   border-color: var(--varBrandColor) !important;
}
.table-style-three{
   overflow: auto;
    width:100%;
}
.table-style-three table{
    border-collapse: collapse;
    width:100%;
}
.table-style-three table tbody tr:nth-child(even){
   background: rgba(0,0,0,.02);
}
.table-style-three table tr td {
   font-size: .9em;
   padding: 4px 8px;
}
.table-style-three table tr th {
   font-size: .9em;
   font-weight: 550;
   background: rgba(0,0,0,.1);
   padding: 4px 8px;
   white-space: nowrap;
}
label{
   font-size: .85rem;
   white-space: nowrap;
   vertical-align: middle;
   min-width:30%;
   line-height: 1.9;
}
.summary-table label{
   white-space: normal !important;

}
.regular input[type='checkbox']{
   height: 12px !important;
   width: 35px !important;
}
.cost {
   position: absolute;
   top: 8px;
   z-index: 9999;
   color: #676565;
   font-size: 12px;
   right: 12%;
}
.cost1 {
   position: absolute;
   top: 90px;
   z-index: 9999;
   color: #676565;
   font-size: 12px;
   right: 6%;
}
.cost2 {
   position: absolute;
   top: 150px;
   z-index: 9999;
   color: #676565;
   font-size: 12px;
   right: 6%;
}
table.table th, table.table td {
   font-weight: 550;
}
table.table thead tr{
   border-bottom:2px solid #e6e5e5;
}
table.table th, table.table td {
   padding: 4px 16px;
   border: none;
   font-size: .95rem;
}
table.table tbody tr:nth-child(even){background: #f7f7f7;}
.box-shadow-1 {
   box-shadow:0px 3px 4px -1px #7b7a7a;
}
.btn-primary{
   background:#7952b3;
   border-color:#7952b3;
}     
.btn:focus, .btn:active:focus{
   outline:none !important;
   box-shadow: none !important;
}

.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary:focus:active{
   color:#7952b3 !important;
   background: transparent !important;
   border-color:#7952b3 !important;
}
.btn-success:hover,.btn-success:focus,.btn-success:active{
   color:#28a745 !important;
   background: transparent;
}
.btn-outline-success:hover,.btn-outline-success:focus,.btn-outline-success:active{
   background:#28a745 !important;
}
.btn-danger:hover,.btn-danger:focus,.btn-danger:active{
   color:#dc3545 !important;
   background: transparent;
}
.btn-outline-danger:hover,.btn-outline-danger:focus,.btn-outline-danger:active{
   background:#dc3545 !important;
}
.text-brand{
   color:#7952b3;
}
a.dark{
   color:#333;
}
a.dark:hover,a.dark:focus,a.dark.active{
   color:#7952b3 !important;
   cursor: pointer;
}
.fa{
   height:16px;
   width:auto;
}
.profile-img img{
   width:auto;
   height:34px;
}
.overflow-hidden{
   overflow: hidden;
}


.sidebar {
   background: #604592;
   height:calc(100vh - 58px);
}
body .sidebar {
   width:46px;
}
body.active .sidebar {
   width:250px;
}
body main {
   margin:auto;
   width:calc(100% - 50px);
   height:calc(100vh - 65px);
   overflow: auto;
}
.sidebar,main{
   float:left;
}
body.active main {
   width:calc(100% - 256px);
}
.sidebar .sidebar-content{
   width:100%;
   margin-top:8px;
}
body .sidebar .sidebar-content .nav-link span{
   display:none;
}
main{
   margin-top: 8px !important;
}
.no-sidebar main{
   width:100% !important;
   left:0px !important;
}

body.active .sidebar .sidebar-content .nav-link span{
   display:inline-block;
}
.sidebar-content .list-group-item{
   background:transparent;
   padding:0px;
}
.sidebar-content .list-group-item .nav-link {
   color: #e9e7e7;
   padding: 10px 16px;
   font-size: .92em;
}
.sidebar-content .list-group-item.active .nav-link,
.sidebar-content .list-group-item .nav-link:hover,
.sidebar-content .list-group-item .nav-link:focus {
   color:#fff !important;
   background:rgba(0, 0, 0, .2);
}
.sidebar-content .list-group-item.active{
border-color: #9189a6 !important;}
.section-title{
   font-size: 18px ;
   font-weight: 550;
   letter-spacing: .2px;
}
.section-header {
   margin-bottom: 8px;
   border-bottom: 2px solid #7952b3;
   padding: 6px 4px;
}
.card-header{
   padding: 4px 0;
   font-size: 16px;
   letter-spacing: .2px;
   background: none;
   margin: 0px 2px;
   color: #7952b3 !important;
   border:none;
   display: flex;
   justify-content: space-between;
   align-items: center;
}
.card-header:not(.no-border){
   border-bottom: 1px solid #7952b3;
}
.card{
   border: none;
   box-shadow: 1px 1px 4px 0px #d4d4d4;
}
.card-body{
   padding: .4em .5em;
}
.custom-style {
   width:100%;
}
.mh-250{
   max-height: 350px;
   overflow-y:auto;
}
.custom-style th {
   font-weight: 520;
   font-size: 14px;
   letter-spacing: .3px;
   min-width: 90px;
   border-bottom: 1px solid #7c6997;
   padding: 4px 8px;
}
.custom-style td {
   font-size: 14px;
   padding: 4px 8px;
   letter-spacing: .3px;
}
.custom-style tbody tr:nth-child(2) {
   background:#f9f9f9;
}
.custom-style tbody tr:nth-child(1) {
   background:transparent;
}
.custom-style tbody tr:not(:last-child) {
   border-bottom: 1px solid #f9f9f9;
}
.nav-tabs:not(.btn-style) .nav-link{
   padding: 4px 12px;
   border: none !important;
   font-size: 15px;
   letter-spacing: .3px;
   color: #444 !important;
   background: transparent !important;
   font-weight: 550;
}
.nav-tabs:not(.btn-style)  {
   border-bottom: none;
}
.nav-tabs:not(.btn-style) .nav-link:hover,
.nav-tabs:not(.btn-style)  .nav-link:focus,
.nav-tabs:not(.btn-style)  .nav-link.active {
   color: #743bc4 !important;
}
.nav-tabs:not(.btn-style)  .nav-link::after {
   content: "";
   background: #743bc4;
   height: 2px;
   width:0;
   display: block;
   text-align: center;
   margin-left: -12px;
   margin-top: 3px;
   transition:.5s width;
   margin-bottom:-4px;
}
input[type="checkbox"], input[type="radio"] {
   box-sizing: border-box;
   height: 16px;
   width:16px;
}

.nav-tabs:not(.btn-style) .nav-link.active::after {
   width: calc(100% + 24px);
}

.tab-content{
   padding:.05em .8em;
}
.login-bg{
   background:linear-gradient(7deg, #1f1042,#5124b7, #232173);
   overflow: hidden;
   min-height: 100vh;
}
.hr {
   display: flex;
   flex-direction: row;
 }
 .hr:before, .hr:after{
   content: "";
   flex: 1 1;
   border-bottom: 1px solid lightblue;
   margin: auto;
 }
 .hr:before {
   margin-right: 10px
 }
 .hr:after {
   margin-left: 10px
 }
.form-control,select.form-control:not([size]):not([multiple]) {
   padding: 0px 4px !important;
   font-size: 13px !important;
   height: 25px !important;
   border: none !important;
   border-radius: 0 !important;
   border-bottom:1px solid #ddd !important;
   margin-left :8px;
   background:#fcfcfc;
}
.input-with-border .form-control{
    padding: .375rem .75rem !important;
    font-size: 1rem !important;
    line-height: 1.5 !important;
    color: #495057 !important;
    border: 1px solid #ced4da !important;
    border-radius: 0 .25rem .25rem 0!important;
    margin: 0;
    height: auto;
}
.form-control:hover,.form-control:focus{
   border-bottom-color:#743bc4 !important;
   box-shadow: none;
   outline: none;
}
input[type="radio"].form-control{
   height:auto;
}
.form-group{
   display: flex;
   align-items: baseline;
   margin-bottom: 8px;
}
label.label {
   font-size: 13px;
   line-height: 1.5;
   width: 75%;
   text-align: left;
   white-space: nowrap;
   text-transform: capitalize;
}

.btn-danger{
   color:#fff !important;
}
.main-menu{
   box-shadow: 0px 2px 2px 2px #ddd;
   border-radius: 5px;
   background: #fff;
}
.main-menu > ul >li.nav-item{
   width:50%;
   text-align: center;
}
a.nav-link:hover,
a.nav-link:focus{
   outline:none;
}
.main-menu .tab-content{
   padding:0;
}
.main-menu .tab-content .dropdown-toggle::after {
   right: 8px;
   position: absolute;
   top: 18px;
}

.main-menu > ul >li.nav-item >a.nav-link.active{
   background: #faf6ff !important;
}
.main-menu > .tab-content{
   padding:1px !important;
}
.main-menu > .tab-content .list-group-item-action {
   padding: 5px 16px;
   border:none !important;         
   border-radius: 0;
   font-size:.85em
}
.main-menu > .tab-content .list-group a{
   border-bottom:1px dotted #000 !important;         
   border-top:1px dotted #000 !important;         
}
.overflow-scroll{
   overflow-y:auto;
   /* height: 92vh; */
}
.summary-table{
   font-size:12px !important;
}
.summary-table{
   width:100%;
   border-collapse: collapse;
}
.summary-table tr{
   border-bottom:1px dotted #000 !important;         
   border-top:1px dotted #000 !important;    
}
.summary-table tr td label{
   margin-bottom:auto !important;
}
.summary-table tr td{
   padding:5px 8px;
}
.summary-table tr td a,.pass{
   color:green;
   font-weight: 550;
}
.heigh{
   padding: 5px;
   background: #ffecd2;
   border-radius: 5px;
   font-size: 10px;
   line-height: 1.1;
   color: #8d5e1e;
}
.status .card-body{
   padding:2px;
}
.status-table{
   font-size:14px;
   width:100%;
}
.status-table td{
   padding:6px 8px;
}
.status-table tr:nth-child(odd){
   background:rgba(202, 199, 199, 0.1);
}        
.status-table tr td:first-child{
   font-weight: 550;
}
.status-table tr td:last-child{
   text-align:right;
}
.closing-status{
   padding: 1px 5px;
   background: #9edaac;
   border-radius: 5px;
   display: inline-block;
   color: #1a6626;
}
.loan-number{
   padding: 5px;
   border-radius: 5px;
   line-height: 1.1;
   color: #8d5e1e;
}
.inner-tab-content {
   margin: 2px -6px;
}
.dropdown-btn {
   padding: 6px 16px;
   text-decoration: none;
   display: block;
   border: none;
   background: none;
   width: 100%;
   text-align: left;
   cursor: pointer;
   outline: none;
   font-size: 1rem;
   color: rgb(73, 80, 87);
}

.ccpl_display,.rl_display{
   display: none;
}
.dropdown-container {
   display: none;
   padding-left: 8px;
   height: 0;
   transition:height .4s;
}
.drp-2-d.active {
   display: block !important;
   height: 100%;
}
.fa-caret-down {
      float: right;
      padding-right: 0px;
      margin-top: 4px;
   }
.list-group-item-action{
    font-size:.92em;
}
.dropdown-container .list-group-item-action{
   font-size:.88em;
}
.main-menu > .tab-content .list-group a:last-child {
   border-bottom: none !important;
}
.height-header{
   height:56px;
}
.sidebar .fa,
.sidebar .fas{
   width: 32px;
}
.modal-title {
   margin-bottom: 0;
   line-height: 1.3;
   font-weight: 550;
   text-transform: capitalize;
   color: #666;
}
.modal-header,.modal-footer{
   padding:8px 16px;
}
.filepond--credits{
   display: none !important;
}
.w-auto{
   min-width:auto !important;
}
@media screen and (min-width:768px){
   .modal-dialog{
      max-width: 60%;
      min-height: 20em;
   }
   .sm-short-modal{
      width:550px;
   }
   .w-md-40{
      width:220px;
   }
}
tr{
   position: relative;
   z-index: 9;
}
.AppraisalOrderedDate,.ClosingDisclosureDate{
   border: 1px solid #999 !important;
margin-left: 8px;
border-radius: .25rem;
}
.ellipsis{
   max-width: 400px;
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
   display: block;
}
.history{
   border-radius: 25rem;
   padding: 0px 6px;
   font-weight: 600;
   font-size: .9rem;
   font-style: oblique;
   margin-left:16px;
   margin-right:16px;
   position: relative;
   z-index: 99;
}
.modal-dialog .input-group{
   margin-bottom:12px;
}
.modal-dialog label{
   font-size:.9rem;
   min-width:30%;
}
.modal-dialog textarea {
   min-height: 56px;
   border: 1px solid #e2e2e2;
   border-radius: 4px;
}

/* Mobile View */
@media screen and (max-width:768px){
    label.label,.col-4,.form-group,.col-2.p-0,.col-10.px-0 {
        max-width:100%;
        width:100%;
        display: block;
        flex:0 0 100%;
    }
    .form-control, select.form-control:not([size]):not([multiple]){
        height: 30px;
        margin: -4px 0 12px 0;
    }
    .tab-content{
        padding: 16px 8px;
    }
}
/* ./Mobile View */


/* File Upload CSS style */

 .filepond--drop-label {
	color: #4c4e53;
}

.filepond--label-action {
	text-decoration-color: #babdc0;
}

.filepond--panel-root {
	border-radius: 2em;
	background-color: #edf0f4;
	height: 1em;
}

.filepond--item-panel {
	background-color: #595e68;
}

.filepond--drip-blob {
	background-color: #7f8a9a;
}

/* File Upload CSS style */

.nav.nav-tabs.btn-style {
   border: none;
   height: 45px;
}
.nav.nav-tabs.btn-style .nav-item .nav-link {
   border: 1px solid var(--varBrandColor) ;
   background: transparent;
   border-radius: .25rem;
   padding: 4px 16px;
   font-size: .95em;
   color:var(--varBrandColor) ;
   line-height: 1.3;
   transition:all .4s;
   cursor: pointer;
   margin:4px;
}
.nav.nav-tabs.btn-style .nav-item.show .nav-link, .nav.nav-tabs.btn-style .nav-link.active {
   color: #fff;
   background: var(--varBrandColor) ;
}
.nav.nav-tabs.btn-style .nav-link:not(.active):hover{
   color:var(--varBrandColor);
   background: rgba(0,0,0,.02);
}

.dataTables_length{
   padding: 0;
   margin: 5px 0;
}
.dataTables_length label,.dataTables_filter label{
   font-size: .9rem;
   white-space: nowrap;
   display: flex;
   justify-content: space-around;
   text-transform: capitalize;
}
.dataTables_length label select,.dataTables_filter label input{
   min-width: 54px;
   margin:auto 8px;
   border-width:1px !important;
   border-style:solid !important;
   border-color:#b2b1b1 !important;
}
.pagination li{
   padding:0 !important;
   margin:0 !important;
}
.pagination li a{
   padding: 4px 8px !important;
   font-size: .9rem;
   margin: 0;
}
table.dataTable tbody th, table.dataTable tbody td {
   padding: 6px 8px !important;
   font-size: .9rem !important;
   white-space: nowrap;
}
table.dataTable thead th, table.dataTable thead td {
   padding: 6px 32px 6px 8px !important;
   border-bottom: 1px solid #111;
   font-weight: 550;
   font-size: .9rem;
   white-space: nowrap;
}
#table_all{
   width: 0px;
}
.display.dataTable tr{
   cursor: pointer;
}
.display.dataTable{
   display: block;
   overflow: auto;
}
.display td:not(:first-child){
   width:300px !important;
}
.login-bg .card{
   box-shadow: 1px 2px 4px 0px #040404 !important;
}
.display .d-hide.sorting{
   background-image: none !important;
}
.input-group {
   padding-top: 6px;
   padding-bottom: 6px;
}
.table.table-striped{
   display: block;
   width: 100%;
   overflow-x: auto;
}
.table.table-striped td,.table.table-striped th{
   white-space: nowrap;
   width: auto;
}
.login-bg input{
   height: auto !important;
}
.non-show a,
.non-show span{
   border-radius: 25rem !important;
}
/* Responsive Style */
@media screen and (max-width:768px){
   body .sidebar {
      width: 60% !important;
      display: none;
      position: absolute;
      z-index: 99999;
  }
   body.active .sidebar {
      display: block;
  }
  main{
     margin-top: 0 !important;
     width:100% !important;
     min-width:100% !important;
     max-width:100% !important;
  }
  .scroller-tabs {
      white-space: nowrap;
      display: block;
      overflow-x: auto;
      overflow-y: hidden;
   }
   .scroller-tabs li{
      display:
       inline-block;
      white-space: nowrap;
   }
   .input-group label{
      display: block;
      width:100%;
      margin:2px;
   }
   .nav.nav-tabs.btn-style{
      display: block;
      height: 100%;
   }
}
@media screen and (min-width:769px){
   .sidebar,main{
      position: absolute;
   }
   body main{
      left:44px !important;
   }
   body.active main{
      left:250px !important;
   }
}

/* Btn styles */
.no-btn-spacing .dropdown{
   margin-left: 6px !important;
   margin-right: 6px !important;
}
.no-btn .dropdown .btn.dropdown-toggle.btn-light{
   background: transparent !important;
   border: none !important;
   outline:none !important;
   text-align:left !important;
   width:100% !important;
   font-size: 13px !important;
   height: 25px !important;
   line-height: 1 !important;
} 
 
/* Accordion Style */
.acc-heading{
   display: flex;
   justify-content: space-between;
   align-items: center;
   cursor: pointer;
   background: #fff;
   padding: 4px 16px 4px 8px;
   transition: all .4s;
}
.acc-heading:not(.collapsed){
   border-bottom:1px solid #cccbcd;
}
.acc-panel:hover .acc-heading:not(.collapsed),
.acc-panel:focus .acc-heading:not(.collapsed){
   border-bottom-color: var(--varBrandColor);
}
.acc-heading.collapsed{ 
   box-shadow: 0px 1px 3px -3px #000;
}
.acc-heading.collapsed:hover,
.acc-heading.collapsed:focus{ 
   box-shadow: 0px 2px 3px -2px #000;
}
.acc-heading .acc-title {
   padding: 4px 12px;
   border: none !important;
   font-size: 15px;
   letter-spacing: .3px;
   background: transparent !important;
   font-weight: 550;
}
.acc-heading.collapsed .acc-title {
   color: #444 !important;
}
.acc-heading:not(.collapsed) .acc-title,
.acc-heading.collapsed:hover .acc-title,
.acc-heading.collapsed:focus .acc-title,
.acc-heading:not(.collapsed) .acc-title-icon,
.acc-heading.collapsed:hover .acc-title-icon,
.acc-heading.collapsed:focus .acc-title-icon{
   color:var(--varBrandColor) !important; 
}
 .acc-heading .acc-title-icon{
   font-size: 14px;
 } 
 .acc-heading .fa-minus,
 .acc-heading .fa-plus{
    height: 14px;
    font-size: 14px;
    width: auto;
    transition: width .3s;
    text-align: center;
 }
.acc-heading:not(.collapsed) .fa-plus{
    display: none;
    width: 0;
}
.acc-heading.collapsed .fa-minus{
   display: none;
   width: 0;
}
.acc-panel{
   margin:8px auto;
}
.acc-panel .collapse:not(.show){
   visibility: hidden;
   opacity: 0;
   transition: visibility .5s, opacity .5s , display .5s linear;
}
.acc-panel .collapse.show{
   visibility: show;
   opacity: 1;
   transition: visibility .5s, opacity .5s, display .5s linear;
}
.acc-panel .collapse .acc-content-body{
   background: #fff;
   border-width: 0px 0px 2px 0px;
   border-style: solid;
   border-color: #f2f2f2;
   margin-top: 0px;
   padding: 8px 20px; 
}

/* File details List */
.files {
   list-style: none;
   margin: 0;
   padding: 0;
}
.file-list-item {
   display: flex;
   justify-content: space-between;
   align-items: center;
   align-content: center;
   padding: 4px 8px;
   border-bottom: 1px solid aliceblue;
   margin: 0;
}
.file-list-item:hover,.list-view li:hover,
.file-list-item:focus,.list-view li:focus {
   background: rgb(253, 253, 229)
}
.li-active{
   background: rgb(253, 253, 229)
}

.dropdown-folder .file-list-item .folder-name::before {
   content: "+";
   font-size: 1.05em;
   font-weight: 600;
   color: #4d3775;
   margin-right: 0;
}
.dropdown-folder.show .file-list-item .folder-name::before {
   content: "-";
   color: #28a745;
}
.folder-name,.file-name{
   cursor: pointer;
   width: 100%;
   display: flex;
   align-items: center;
}
.dropdown-folder-list{
   display: none;
   height: 0;
   transition: all .2s;
}
.dropdown-folder.show .dropdown-folder-list{
   display: block;
   height: 100%;
}
.file-list-item .fas {
   font-size: 16px;
   padding-right: 4px;
   padding-left: 3px;
}
.action-section {
   width: 100%;
   text-align: right;
   display: none;
}
.action-link{
   /* padding: 0px 4px; */
   cursor: pointer;
   text-align: center;
   display: inline-block;
   transition: .5s all;
   border-radius: .25rem;
}
.action-link:hover,
.action-link:focus{
   /* box-shadow: 0px 0px 5px -2px rgba(0, 0, 0, .6); */
   background:rgb(237, 234, 234);
}
.action-link .fas{
   color: #777;
   transition: .5s all;
}
.file-list-item .fa-folder,
.create-folder .fa-folder-plus,
.fa-yellow,
.file-upload .fa-cloud-upload-alt,
.file-download .fa-cloud-download-alt{
   background: -webkit-linear-gradient(#ffb75b, #ca9a2a);
   background: linear-gradient(#ffb75b, #ca9a2a);   
   -webkit-background-clip: text;
   background-clip: text;
   -webkit-text-fill-color: transparent;
   color: transparent;
   margin-right:4px;
   margin-left:4px;
   cursor: pointer !important;
}
.size-big{
   font-size: 18px !important;
}
.fa-stack.mixed-icon {
   display: inline-block;
   height: auto;
   line-height: 1.3;
   position: relative;
   vertical-align: middle;
   width: 33px;
   margin-left: -8px;
   margin-right: 1px;
}
.mixed-icon .fa-file-export{
   font-size: 12px;
   margin-top: -12px;
   margin-left: -2px;
}
.mixed-icon .fa-folder-open{
   font-size: 12px;
   margin-top: 5px;
   margin-left: 12px;
}
.action-link:hover .fas,
.action-link:focus .fas,
.action-link.active .fas{   
   background: -webkit-linear-gradient(#9c47fc, #356ad2);
   background: linear-gradient(#9c47fc, #356ad2);   
   -webkit-background-clip: text;
   background-clip: text;
   -webkit-text-fill-color: transparent;
   color: transparent;
}

.inner-files .file-list-item { 
   padding-left:16px !important;
}
.inner-files {
   margin-left: 11px;
   position: relative;
}
.inner-files::before,
.inner-files::after {
   content: " ";
   display: block;
   position: absolute;
   background: #28a745;
}

.file-list-item .fa-file-pdf{   
   background: -webkit-linear-gradient(#fc4747, #6c2323);
   background: linear-gradient(#fc4747, #6c2323);   
   -webkit-background-clip: text;
   background-clip: text;
   -webkit-text-fill-color: transparent;
   color: transparent;

}
.file-list-item .fa-file-word{   
   background: -webkit-linear-gradient(#477dfc, #0f0a0a);
   background: linear-gradient(#477dfc, #0f0a0a);   
   -webkit-background-clip: text;
   background-clip: text;
   -webkit-text-fill-color: transparent;
   color: transparent;
}
.file-list-item .fa-image{   
   background: -webkit-linear-gradient(#e17636, #0f0a0a);
   background: linear-gradient(#e17636, #0f0a0a);   
   -webkit-background-clip: text;
   background-clip: text;
   -webkit-text-fill-color: transparent;
   color: transparent;
}
.short-modal .modal-dialog {
   width: 350px;
}
.files.list-view li {
   font-size: .875rem;
   padding: 0px 2px;
}
.files.list-view li:not(:last-child) {
   border-bottom: 1px dotted #ccc;
}
.bg-one{   
   background: aliceblue;
}
.sort-row{
   display: flex;
   justify-content: space-between;
   padding: 4px 10px 4px 4px;
   align-items: center;
   border-top: 2px solid #e3e3e3;
   border-radius: .25rem .25rem 0 0;
}
.sort-link{
   font-size: .875rem !important;
   color:#777;
   text-decoration: none;
}
.create-folder:hover .fa-folder-plus,.sort-link:hover .fas,
.create-folder:focus .fa-folder-plus,.sort-link:focus .fas,
.file-upload:focus .fas,.file-upload:hover .fas,
.multiple_move:hover .fa-yellow,
.multiple_move:focus .fa-yellow,
.file-download:focus .fas,.file-download:hover .fas,
.create-folder.active .fa-folder-plus{   
   background: -webkit-linear-gradient(#9c47fc, #356ad2);
   background: linear-gradient(#9c47fc, #356ad2);   
   -webkit-background-clip: text;
   background-clip: text;
   -webkit-text-fill-color: transparent;
   color: transparent;
}
@media screen and (max-width:650px){
   .short-modal .modal-dialog {
      width: 90%;
   }
}

/* 4 Jan 2021 Style Changes */
.moh-7{
   max-height: 74vh;
   min-height: 50vh;
   overflow: auto;
}
.moh-30{
   max-height: 30vh;
   overflow-y:auto ;
}
.frame-moh-7{
   min-height: 77vh;
   overflow: auto;
}
.frame-moh-8{
   min-height: 77vh;
}
a:hover, a:focus, a:active{
   text-decoration: none !important;
}
.nmt-1{
margin-top:-8px;}
.file_not_seen_color{
   color: #6b4604 !important;
   background: linear-gradient(180deg, #fffd9d, #ffefb3,#eae895) !important;
}
.moh-40{
   max-height: 40vh;
    display: block;
    overflow: auto;
}
.moh-40 th{
   white-space: nowrap;
}
table.dataTable{
   width:100% !important;
}
.badge-default{
   display: none;
   background: #fcfcfc !important;
   border: 1px solid #dcdcdc !important;
   color: #fcfcfc !important;
}


.file_name_details{
   font-size: 14px;
}

.modal-dialog #Notes_to_text{
   height: auto !important;
   max-height: 100% !important;
   border:1px solid  #ccc!important;
}

/* UI Developemnet on 18 March 2021 */
.outlined-form-control{
   display: inline-flex;
   width: 100%;
   margin: 8px 0 4px;
}
.outlined-input-label{
   font-size: 15px;
   letter-spacing: 0px;
   color: #666;
   transform: translate(10px, 7px);
   transition: .1s transform;
   font-weight: 450;
   z-index: 1;
}
.outlined-date-label,.outlined-select-label,.outlined-input-label{
   background: #fff;
   line-height: 1.3;
   text-transform: capitalize;
   position: absolute;
   padding: 0px 4px;
}
.outlined-input-label-active,.outlined-date-label,.outlined-select-label{
   font-size: 13px;
   letter-spacing: .3px;
   color: #666;
   transform: translate(6px, -10px);
   font-weight: 400;
   transition: .1s transform;
}
.outlined-input-label-active,.outlined-date-label{
   z-index: 99;
}
.outlined-select-label{
   z-index: 99999;
}
.outlined-select.dropdown{
   z-index: 9999;
}
.outlined-select button.btn,.outlined-select button.btn:focus{
   background: transparent !important;
   border: none !important;
   outline: none !important;
   padding: 0 !important;
   margin: 0 !important;
}
.outlined-input,.outlined-select,.outlined-date{
   width: 100% !important;
   border-radius: 4px;
   border: 1px solid #CCC;
   font-size: 15px;
   color: #333;
   letter-spacing: .1px;
   font-weight: 400;
   line-height: 1.3;
   vertical-align: middle !important;
   background: none;
   box-sizing: content-box;
   z-index: 9;
   padding: 6px 12px;
   outline: none !important;
}
.outlined-input:focus,.outlined-date:focus,.outlined-select:focus{
   outline: none;
   border-color:var(--varBrandColor) !important;
   color:var(--varBrandColor) !important;
   font-weight: 450 !important;
   outline: none !important;
   background: transparent !important;
}
.outlined-input-label-focus{
   font-weight: 450 !important;
   color:var(--varBrandColor) !important;
}
.custom-card-header {
   padding: 8px;
   cursor: pointer;
}
.custom-card-header.collapsed {
   border: none;
   color: #555 !important;
}
.custom-card-header.collapsed::after {
   content: "+";
   font-size: 16px;
   font-weight: 700;
   color: inherit;
}
.dropdown-btn,.dropdown-btn:focus{
   outline: none !important;
}
.custom-card-header.collapsed .btn{
   display: none !important;
}
.table-list{
   border: 1px solid #f9f3f3;
   border-radius: 5px;
}
.table-list .table{
   margin-bottom: 0;
}
.table-list thead{
   border-bottom: 1px solid #ece7e7;
   background: #fcf7f7;
}
.table-list thead th{
   font-size: 14px;
   color: #444;
   font-weight: 550;
}
.table-list tbody tr th,
.table-list tbody tr td{
   vertical-align: baseline;
}
.table-list td,
.table-list th{
   padding: 4px 16px;
}
.remove{
   padding: 8px;
   border-radius: 30px;
   cursor: pointer;
   transition: font-size .1s;
   background: none;
}
.remove:hover,
.remove:focus{
   font-size:1.1rem;
   background: #fbe3e3;
}
.miw-10{
   min-width: 10%  !important;
   max-width: 100%  !important;
}
.modal-backdrop{
   z-index: 1006;
}
.modal{
   z-index: 1007;
}

/* switch */
.switch-field {
   display: flex;
   overflow: hidden;
   min-width: 100px;
}

.switch-field input {
   position: absolute !important;
   clip: rect(0, 0, 0, 0);
   height: 1px;
   width: 1px;
   border: 0;
   overflow: hidden;
}

.switch-field label {
    background-color: #e4e4e4;
    color: rgba(0, 0, 0, 0.6);
    font-size: 80%;
    line-height: 1;
    text-align: center;
    padding: 6px 12px;
    box-shadow: inset 0 1px 3px rgb(0 0 0 / 16%), 0 1px rgb(255 255 255 / 10%);
    transition: all 0.1s ease-in-out;
    font-weight: 600;
    letter-spacing: .4px;
    margin-bottom: 0;
}

.switch-field label:hover {
   cursor: pointer;
}

.switch-field input:checked + label {
   background-color: #a5dc86;
   box-shadow: none;
}

.switch-field label:first-of-type {
   border-radius: 4px 0 0 4px;
}

.switch-field label:last-of-type {
   border-radius: 0 4px 4px 0;
}


/* List Style */
.custom-list{
   padding:8px 0;
   padding-left: 20px !important;
   font-size: 15px;
}
.custom-list .custom-list{ 
   font-size: 13px;
}
.bb-list > li:not(:last-child) {
   border-bottom: 1px solid #dfdfdf;
      margin: 2px 0;
}
.list-style-none{
   list-style: none;
}
.w-30{
   width:30%;
}
.custom-list.bb-list > li::marker {
   font-weight: 600;
   position: fixed !important;
   font-family: initial;
}
.custom-list li{
   padding: 6px !important;
}
.font-size-small{
   font-size:15px;
}
.font-size-small ul,
.font-size-small dl,
.font-size-small ol{
   padding: 4px 20px;
}
.font-size-small ul li, 
.font-size-small dl li, 
.font-size-small ol li {
   padding: 2px;
   text-transform: capitalize;
}
#demographic_info_accordion label {
   word-break: break-word;
   white-space: break-spaces !important;
   line-height: 1.3 !important;

}
#id_analytics{
   padding: 5px;
}
#myChart{
   width: 50% !important;
}

.w-98 {
   width: 83px;
   display: flex;
   justify-content: flex-end;
   margin-right: 6px;
   min-width: 15%;
}

.view-splitter {
   max-height: 80vh;
   overflow: hidden;
   overflow-y: auto;
   min-height: 79vh;
}
.pdf-frame{
   width: 100%;
   height: inherit;
}
.view-splitter-second{
   max-height: 57vh;
   overflow: hidden;
   overflow-y: auto;
   min-height: 57vh;
}


input[type="date"]::-webkit-calendar-picker-indicator {
   background: transparent;
   bottom: 0;
   color: transparent;
   cursor: pointer;
   height: auto;
   left: 0;
   position: absolute;
   right: 0;
   top: 0;
   width: auto;
}