.full-screenlogin {
 background: #2B5A86;
}

.login-page .btn.btn-fill {
 background: #EB5E28;
 border: 0;
 border-radius: 4px;
 width: 100%;
}

.login-page .well {
 background: #FFF;
 margin-top: 70px;
 padding: 20px 40px;
 -webkit-box-shadow: 0px 0px 12px rgba(0,0,0,.4) !important;
 box-shadow: 0px 0px 12px rgba(0,0,0,.4) !important;
}

.login-page form > .row {
 margin: 0;
}

.login-page .description {
 margin: 20px 0 40px;
 padding: 15px 5px 5px;
 -webkit-box-shadow: none !important;
 box-shadow: none !important;
}

.login-page .form-control {
 border: 1px solid #CCC;
}

.login-page input:-webkit-autofill,
.login-page input:-webkit-autofill:focus {
 -webkit-box-shadow: 0 0 0px 1000px #FFF inset;
}

.login-page .nav-tabs > li > a {
 border-radius: 0;
 margin-right: 0;
 -webkit-transition: background .2s ease;
 -o-transition: background .2s ease;
 -moz-transition: background .2s ease;
 transition: background .2s ease;
}

.login-page .nav-tabs > li > a:hover {
 background:#2B5A86;
 color: #FFF;
}


@media screen and (min-width: 568px) {
 .min_width_warning {
  display: none;
 }
}

ol {
 color: black;
}

.note {
 font-size: 14px;
}

.popover {
 min-width: 200px;
 min-height: 200px;
 border: 1px solid black;
 background-color: rgba(84, 86, 91, 0.64);;
}

.popover-title {
 background-color: #2D5A83; 
 color: #FFF; 
 font-size: 18px;
 text-align:center;
}

/* Popover Body */
.popover-content {
 background-color: rgba(126, 127, 129, 0.79);
 color: #FFFFFF;
 padding: 25px;
}

.arrow {
 border-right-color: black !important;
}

.popover.left>.arrow:after {
 border-left-color: rgba(126, 127, 129, 1.00);
}


.sidebar:after {
 box-shadow: inset -1px 0px 0px 0px #cfcfca;
 /*to make the line extend down to bottom of left menu box;*/
}

.btn-success.btn-fill:hover, .btn-success.btn-fill:active {
 background-color: #2EAA91;
 border-color: #2EAA91;
}

#uploadClientForm:hover, #uploadClientForm:active {
 background-color: #DE6E1D;
 border-color: #DE6E1D;
}

.cdashFileList {
 /*margin-bottom: 20px;*/
}

.btn-info.btn-fill {
 background-color: #848484;
 border-color: #777;
}

.login-page {
 background-color: #2b5a86;
 height: 100vh;
}

.login-page .header-row {
 background-color: #fff;
 padding: 20px 0;
 margin-bottom: 20px;
}

.header-row h3 {
 text-shadow: 1px 1px 1px #000;
 margin: 0;
 padding: 0;
 font-size: 2.1em;
 line-height: 1.4;
 color: #337ab7;
 font-weight: bold;
}
.header-row h4 {
 text-shadow: 1px 1px 1px #000;
 margin: 0;
 padding: 0;
 font-size: 1.8em;
 line-height: 1.2;
 color: #337ab7;
 font-weight: bold;
}

.tooltip {
 width: 250px;
 z-index: 1000;
 position: fixed;
 font-color: #000;
 font-weight: 500;
 background: #d3f4ed;
}

.authenticate-form {
 width: 50%;
 min-width: 300px;
 max-width: 500px;
 margin: 0 auto;
}

.description p {
 padding: 3px 15px;
}

.description.well {
 background-color: #ECECEC;
}

.authenticate-form .auth_code {
  font-size: 24pt;
  width: 250px;
  margin: 0 auto;
  text-align: center;
  line-height: 28pt;
}

.panel-body p {
 color: black;
}

.nav-tabs {
 font-size: 14px;
}
.removal_btn {
 cursor: pointer;
}

.btn-yes {
 padding-right: 10px;
}

.link {
 font-size: 100%;
 font-weight: bold;
 text-decoration: none;
 vertical-align: baseline;
 padding: 0;
 background: 0 0;
 color: #41b7d8 !important;
 border-bottom: .08em solid rgba(0,0,0,.1);
 padding-bottom: .08em;
}

.link:hover {
 text-decoration: none;
 color: #1a5869 !important;
 border-bottom: .08em solid rgba(0,0,0,.5);
}
.min_width_warning {
 text-align: center;
 font-weight: bold;
 color: white;
 background-color: red;
 padding: 10px;
 margin-bottom: 10px;
}

body, .panel {
 font-size: 14px;
 background-color: #fff;
}

.sidebar .sidebar-wrapper > .nav, .sidebar .sidebar-wrapper > .nav li > a {
 margin-top: 0;
}

.sidebar-wrapper .firm-storage {
 background: #FFF;
 border-radius: 0;
 border-right: 1px solid #CFCFCA;
 color: #66615B !important;
 font-weight: 400 !important;
 margin-top: 10px;
 line-height: 1.5;
}

.sidebar-wrapper .firm-storage-stats {
 margin: 0;
 font-weight: normal !important;
}

.sidebar-wrapper .alert {
 margin: 3px 0;
 padding: 5px 0;
}

.sidebar-wrapper .alert-danger {
 background: #ff2a2a;
}

/*
.sidebar {
 overflow-x: auto;
}
*/

body .wrapper {
  overflow-y: inherit;
}

/* the upload client button and menu link should be noticeable. */
#uploadClientForm {
 background-color: #fd7917;
 font-weight: bold; 
 color: white;
 border-color: transparent;
 opacity: 1.0 !important;
}

.tabs-left, .tabs-right {
  border-bottom: none;
  padding-top: 2px;
}

.tabs-left {
  border-right: 1px solid #ddd;
}
.tabs-left>li {
  float: none;
  margin-bottom: 2px;
  margin-right: -1px;
}
.tabs-left>li.active>a,
.tabs-left>li.active>a:hover,
.tabs-left>li.active>a:focus {
  border-bottom-color: #ddd;
  border-right-color: transparent;
}

.tabs-left>li>a {
  border-radius: 4px 0 0 4px;
  margin-right: 0;
  display:block;
}

div.dataTables_wrapper div.dataTables_length select {
 width: 80px;
 height: 40px;
}
.nav>li {
 border-bottom: 1px groove rgba(0, 0, 0, 0.15);
}
.nav-tabs > li.active {
 border: 1px solid #9a9a9a;
 background-color: #54565b;
}

.nav-tabs > li {
 border: 1px solid #9a9a9a;
 background-color: #98999b;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
 color: white;
}

.nav-tabs>li>a {
 color: ghostwhite ;
}
.btn-xs {
 border-radius: 5px;
}

.alert-lia {
 background-color: red;
 color: #fff;
 font-weight: bold;
}

.temp_user_notice {
 padding: 20px 35px;
 margin: -15px 0 25px 0;
}

.temp_user_notice a {
 color: inherit;
 display: inline-block;
 border-bottom: 1px dashed #000;
 text-decoration: none;
}

.panel h3 {
 margin: 0px;
 font-size: 1.4em;
}

.panel-default .panel-heading {
 background-color: #2D5A83;
 color: white;
}

.brand {}

.missing_primary td {
 background-color: #ff8873;
 color: #FFF;
 font-weight: bold;
 text-shadow: 1px 1px #222;
}

.missing_primary a, .missing_primary a.link {
 text-decoration: none;
 border-bottom: none;
 color: #FFF !important;
}

.actions {
 width: 220px;
}
.btn-expand {
 width: 25px;
 overflow: hidden;
} 

.btn-expand:hover {
 width: 125px;
}

.nopadding {
 margin: 0;
 padding: 0;
}

.brand a, .brand h1, .brand h2, .brand h3, .brand h4, .brand h5 {
 font-weight: bold;
 margin: 0;
 padding: 0;
}

.navbar-default {
 background-color: #fff;
}

.nav-tabs-navigation {
 text-align: center;
 border-bottom: 1px solid #F1EAE0;
 margin-top: 25px;
 margin-bottom: 15px;
}
.panel-default a:hover, .panel-default a:focus {
 text-decoration: none;
}
.tab-content {
 margin-bottom: 25px;
}

.card a:hover, .card a:focus {
 color: #333333;
}

.card .linkback {
 text-align: center;
 padding: 2px 5px;
 background-color: rgba(0,0,0,.3);
}

.grouped, .grouped-md, .grouped-ml, .grouped-lg {
 margin-bottom: 20px;
 overflow-y: auto;}

.grouped {
 min-height: 23vh;
}

.grouped-md {
 min-height: 35vh;
}

.grouped-ml {
 min-height: 58vh;
}

.grouped-lg {
 min-height: 65vh;
}


.grouped::-webkit-scrollbar, .grouped-md::-webkit-scrollbar, .grouped-ml::-webkit-scrollbar, .grouped-lg::-webkit-scrollbar {
 width: 12px;
}

.grouped::-webkit-scrollbar-track, .grouped-md::-webkit-scrollbar-track, .grouped-ml::-webkit-scrollbar-track, .grouped-lg::-webkit-scrollbar-track {
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
 -webkit-border-radius: 10px;
 border-radius: 10px;
}

.grouped::-webkit-scrollbar-thumb, .grouped-md::-webkit-scrollbar-thumb, .grouped-ml::-webkit-scrollbar-thumb, .grouped-lg::-webkit-scrollbar-thumb {
 -webkit-border-radius: 10px;
 border-radius: 10px;
 background: rgba(45,68,63,0.8); 
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
.grouped::-webkit-scrollbar-thumb:window-inactive, .grouped-md::-webkit-scrollbar-thumb:window-inactive, .grouped-ml::-webkit-scrollbar-thumb:window-inactive, .grouped-lg::-webkit-scrollbar-thumb:window-inactive {
 background: rgba(45,68,63,0.4); 
}

.table th {
 padding: 5px;
}

.table-striped > thead > tr > th {
 background-color: #54565b;
 color: white;
 font-size: .95em;
}

.table-responsive-lg {
 width: 100%;
 overflow-x: auto;
}

.table-map th, .table-map td {
 width: auto;
 min-width: 150px;
}

.table-map .form-group {
 margin: 0;
}

.table-map select {
}

.table-map tr:first-child th, .table-map tr:first-child td {
}

.table-map tr > th:first-child, .table-map tr > td:first-child {
 text-align: right;
 font-weight: bold;
}

.table-map tr > th:nth-child(even), .table-map tr > td:nth-child(even) {
 background: #E9E9E9;
}

.alert {
 margin-bottom: 10px;
 margin-top: 10px;
}

.client_files_list {
 max-height: 250px;
 overflow-y: scroll;
}

.ellipsis {
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
}

.width-static {
 word-wrap: break-word;
}

.text-bold {
 font-weight: bold;
}

a.disabled {
 pointer-events: none;
 cursor: not-allowed;
}

.tooltip-inner {
 white-space: pre-wrap;
 max-width: 400px;
 width: 400px; 
}

.alert {
 color: #000 !important;
 font-weight: bold !important;
}

.alert-success {
 background-color: rgba(23, 195, 160, 0.5);
}

.full-page:after {
 background-color: #2b5a86;
}

.navbar-transparent {
 background-color: #FFF;
 padding-bottom: 20px;
}

.error {
 color: #F00;
 font-weight: bold;
}

.main-panel {
 z-index: auto !important;
}

.modal-dialog {
 z-index: 100;
}

#loading_spinner {
 position: absolute;
 left: 50%;
 top: 50%;
 z-index: 2000;
 width: 150px;
 height: 150px;
 margin: -75px 0 0 -75px;
 border: 16px solid #f3f3f3;
 border-radius: 50%;
 border-top: 16px solid #3498db;
 border-right: 16px solid #D0E4ED;
 border-bottom: 16px solid #3498db;
 border-left: 16px solid #D0E4ED;
 box-shadow: 3px 3px 7px #444, inset 2px 2px 5px #222;
 width: 120px;
 height: 120px;
 -webkit-animation: spin 2s linear infinite;
 animation: spin 2s linear infinite;
}

#loading_message {
 position: absolute;
 left: 0;
 top: 25%;
 z-index: 2001;
 height: 60px;
 width: 100%;
 text-align: center;
 font-size: 2.6rem;
 color: #FFF;
 text-shadow: 1px 1px 2px #000;
 font-weight: bold;
}

#loading_spinner_overlay {
 position: fixed;
 display: none;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 background-color: rgba(0,0,0,0.5);
 z-index: 1999;
}

.perfect-scrollbar-off .sidebar .sidebar-wrapper, .perfect-scrollbar-off .main-panel {
 overflow-x: hidden;
 overflow-y: visible;
}

.table {
 margin-bottom: 0;
}

.multi_file_btn_container {
 margin: 5px 0;
}

.file_bulk_del {
 display: inline-block;
}

.multi_file_upload p {
 font-size: 12px;
}

.multi_file_upload .btn-xs {
 font-size: 11px;
 border-radius: 5px;
 padding: 3px 8px;
}

.multi-upload-container {
 margin: 15px -5px !important;
 border: 2px dashed #CCC;
 border-radius: 4px;
 padding: 15px 10px;
}
.multi-upload-container .disp {
 margin: 0 0 15px 0;
 color: #595959;
}

.multi_file_upload .btn-upload {
 background-color: #f0a810;
}

.multi_file_upload .custom_email_signature {
 margin-bottom: -25px;
}

.multi_file_upload .custom_email_signature p {
 margin: 0;
}

.multi_file_upload .btn {
 border: none!important;
}

.multi_file_upload .fileinput-button {
 background-color: #FD7A18;
}

.multi_file_upload .fileinput-button:hover {
 background-color: #c75602;
}

.multi_file_upload .btn-upload {
 background-color: #17C4A2;
 border: none;
}

.multi_file_upload .btn-upload:hover {
 background-color: #0f8069;
}

.file_custom_message_container .form-group {
 margin-left: 10px;
 margin-right: 10px;
}

/* CREDIT: "Karen Menezes" - https://codepen.io/imohkay/pen/bCpxm, 2018-01-12 */
.checkbox-custom, .radio-custom {
 opacity: 0;
 position: absolute;   
}

.checkbox-custom, .checkbox-custom-label, .radio-custom, .radio-custom-label {
 display: inline-block;
 vertical-align: middle;
 margin: 5px;
 cursor: pointer;
}

.checkbox-custom-label, .radio-custom-label {
 position: relative;
}


.checkbox-custom + .checkbox-custom-label:before, .radio-custom + .radio-custom-label:before {
 content: '';
 background: #fff;
 border: 2px solid #CCC;
 display: inline-block;
 vertical-align: middle;
 width: 20px;
 height: 20px;
 padding: 2px;
 margin-right: 10px;
 text-align: center;
}

.checkbox-custom:checked + .checkbox-custom-label:before {
 background: #444;
 box-shadow: inset 0px 0px 0px 4px #fff;
}

.radio-custom + .radio-custom-label:before {
 border-radius: 50%;
}

.radio-custom:checked + .radio-custom-label:before {
 background: #444;
 box-shadow: inset 0px 0px 0px 4px #fff;
}

.checkbox-custom:focus + .checkbox-custom-label:before, 
.checkbox-custom:checked + .checkbox-custom-label:before, 
.radio-custom:focus + .radio-custom-label:before, 
.radio-custom:checked + .radio-custom-label:before {
 border: 2px solid #444;
 /* outline: 1px dashed #DDD;  focus style */
}
/* END CREDIT */

@media only screen and (max-width: 768px) {
 .modal-backdrop {
  z-index: -1 !important;
 }
}

@-webkit-keyframes spin {
 0% { -webkit-transform: rotate(0deg); }
 100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
 0% { transform: rotate(0deg); }
 100% { transform: rotate(360deg); }
}

/* Add animation to "page content" */
.animate-bottom {
 position: relative;
 -webkit-animation-name: animatebottom;
 -webkit-animation-duration: 1s;
 animation-name: animatebottom;
 animation-duration: 1s
}

@-webkit-keyframes animatebottom {
 from { bottom:-100px; opacity:0 } 
 to { bottom:0px; opacity:1 }
}

@keyframes animatebottom { 
 from{ bottom:-100px; opacity:0 } 
 to{ bottom:0; opacity:1 }
}

.login-page .demo-card {
 margin-top: 70px;
 box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 12px !important;
 -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 12px !important;
 -moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 12px !important;
 color: rgb(51, 51, 51) !important;
 text-shadow: none !important;
 background: rgb(255, 255, 255) !important;
 border-radius: 4px !important;
 padding: 20px 40px 35px;
}