/** ********************************************** ** //Content-wrapper
@Author Sperlogadata
@Website www.sperlongadata.com
#Projecat-minusct SDA Automation
@Designer UI/UX Lyndon Abing
@Date Started Tuesday, September 29, 2020
@Version 1.2.0
Note: This CSS is overide to the existing CSS on the SDA Automation Project from its original
TABLE CONTENTS.liveDataTable .tableScroll
-------------------------------
Globals.bootstrap-select .dropdown-menu.inner
Header
Body
Footer
Media Screen
Google Fonts: font-family: 'Poppins', sans-serif;
/** Globals
**************************************************** **/
/*
Color AccentF
Dark Blue = #121C3D
RedOrange = #FE8037 update to #F0AA4E
*/
html {
}
body {
font-family: 'Poppins', sans-serif; /* Google Fonts */
color: #121C3D;
background-color: #121c3d;
}
summary-total
/* start: this is fixing for modal view creating padding-right */
body:not(.modal-open) {
padding-right: 0px !important;
}
.modal-open {
overflow: auto;
padding-right: 0 !important;
}
/* end: this is fixing for modal view creating padding-right */
body .bg-body-blue {
font-family: 'Poppins', sans-serif;
background-color: #121c3d;
}
#sda {
border: solid 0px #000;
}
/* */
.fontFamilyPoppins {
font-family: 'Poppins', sans-serif;
}
/* ----------- Bootstrap Elements -------- */
.tooltip {
position: fixed;
}
/* ----------- FORMS and INPUT FIELDS -------- */
/* Chrome, Safari, Edge, Opera : For Input Field Number remove the arrow up and down */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Firefox : For Input Field Number remove the arrow up and down */
input[type=number] {
-moz-appearance: textfield;
}
/*
#form-group {
}
.form-control:focus {
border-color: #0077ff;
box-shadow: none;
-webkit-box-shadow: none;
}
.has-error .form-control:focus {
box-shadow: none;
-webkit-box-shadow: none;
}
file:focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
box-shadow: none;
border: 0px solid #000;
color: #1f69e8;
outline:none;
}
.input-group {
border: solid 0px #000;
margin-top: 10px;
margin-bottom: 10px;
}
.input-group input[type="text"], .input-group input[type="email"], .input-group input[type="password"], .input-group input[type="number"] {
padding: 22px;
border: solid 1px #b7b7b7;
background-color: #fff;
border-radius: 30px;
color: #0068de
}
.input-group input[type="text"]:hover, .input-group input[type="email"]:hover, .input-group input[type="password"]:hover, .input-group input[type="number"]:hover, input-group select {
border: solid 1px #0077ff;
}
.input-group span.input-group-addon {
background-color: #fff;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
padding-left: 20px;
padding-right: 20px;
}
.form-group {
border: solid 0px #000;
margin-top: 10px;
margin-bottom: 10px;
}
.form-group label {
font-weight: normal;
}
.form-group input[type="text"], .form-group input[type="email"], .form-group input[type="password"], .form-group input[type="number"] {
padding: 25px;
border: solid 1px #b7b7b7;
background-color: #fff;
border-radius: 30px;
color: #097ee1;
font-weight: normal;
}
.form-group input[type="text"]:hover, .form-group input[type="email"]:hover, .form-group input[type="password"]:hover, .form-group input[type="number"]:hover, .form-group select:hover {
border: solid 1px #097ee1;
}
.form-group select {
border: solid 1px #b7b7b7;
padding: 12px;
height: 45px;
line-height: normal;
color: #b7b7b7;
}
.form-group select:hover {
border: solid 1px #097ee1;
color: #097ee1;
}
.form-group .select-style {
border: 1px solid #000;
width: 120px;
border-radius: 3px;
overflow: hidden;
background: #fafafa url("img/icon-select.png") no-repeat 90% 50%;
}
.form-group .select-style select {
padding: 5px 8px;
width: 130%;
border: none;
box-shadow: none;
background: transparent;
background-image: none;
-webkit-appearance: none;
}
.form-group .select-style select:focus {
outline: none;
}
.form-group span.form-group-addon {
background-color: #fff;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
padding-left: 20px;
padding-right: 20px;
}
.form-group .filename {
padding: 10px;
height:auto;
display:block;
border-radius: 5px;
border: solid 1px #3e7bec;
color: #c2c2c2;
font-size:14px;
}
.form-group .filename:hover {
color: #1f68e7;
}
.form-group .filename:focus {
color: #1f68e7;
}
*/
/* ----------- Button Action for Login -------- */
/* -- BTN Format -- */
button:disabled,
button[disabled] {
background-color: #cccccc;
color: #666666;
}
button:disabled:hover,
button[disabled]:hover {
background-color: #cccccc;
color: #666666;
}
button:disabled.dropdown-toggle,
button[disabled].dropdown-toggle {
background-color: #cccccc;
color: #666666;
}
.word-break {
word-wrap: break-word
}
/* --- Default Button --- */
.btn-default {
background: linear-gradient(to right, #e1e1e1 5%, #c2c2c2 100%);
border: 1px solid #c2c2c2;
color: rgba(0, 0, 0, 0.5); /* opacity */
}
.btn-submit {
border-radius: 10px;
display: inline-block;
cursor: pointer;
color: rgba(255, 255, 255, 0.5); /* opacity */
font-size: 14px;
padding: 11px 31px;
margin-bottom: 5px;
text-decoration: none;
font-weight: 600;
text-transform: uppercase;
outline: none;
border: none;
}
.btn-submit:hover {
outline: none;
}
.btn-submit:active {
position: relative;
outline: none;
}
.btn-submit:focus {
outline: none;
}
/* --- Default Button V2 --- */
.btn-defaultV2 {
background: linear-gradient(to right, #e1e1e1 5%, #c2c2c2 100%);
border: 1px solid #c2c2c2;
color: rgba(0, 0, 0, 0.5); /* opacity */
}
.btn-submitV2 {
border-radius: 10px;
display: inline-block;
cursor: pointer;
color: rgba(255, 255, 255, 0.5); /* opacity */
font-size: 14px;
padding: 11px 31px;
margin-bottom: 5px;
text-decoration: none;
font-weight: 600;
text-transform: uppercase;
outline: none;
}
.btn-submitV2:hover {
outline: none;
}
s
.btn-submitV2:active {
position: relative;
outline: none;
}
.btn-submitV2:focus {
outline: none;
}
/* --- Medium Default Button --- */
.btn-submit-medium {
border-radius: 28px;
display: inline-block;
cursor: pointer;
color: rgba(255, 255, 255, 0.7); /* opacity */
font-size: 13px;
padding: 8px 20px;
margin-bottom: 5px;
text-decoration: none;
font-weight: 500;
text-transform: capitalize;
outline: none;
}
.btn-submit-mediumV2 {
border-radius: 10px;
display: inline-block;
cursor: pointer;
color: rgba(255, 255, 255, 0.7); /* opacity */
font-size: 13px;
padding: 8px 20px;
margin-bottom: 5px;
text-decoration: none;
font-weight: 500;
text-transform: capitalize;
outline: none;
}
.btn-submit-medium:hover {
outline: none;
}
.btn-submit-mediumV2:hover {
outline: none;
}
.btn-submit-medium:active {
position: relative;
outline: none;
}
.btn-submit-mediumV2:active {
position: relative;
outline: none;
}
.btn-submit-small:focus {
outline: none;
}
.btn-submit-smallV2:focus {
outline: none;
}
/* --- SMALL Default Button --- */
.btn-submit-small {
border-radius: 28px;
display: inline-block;
cursor: pointer;
color: rgba(255, 255, 255, 0.7); /* opacity */
font-size: 11px;
padding: 6px 15px;
margin-bottom: 5px;
text-decoration: none;
font-weight: normal;
text-transform: capitalize;
outline: none;
}
.btn-submit-small .full-width {
width: 100%;
display: block;
}
.btn-submit-small:hover {
outline: none;
}
.btn-submit-small:active {
position: relative;
outline: none;
}
.btn-submit-small:focus {
outline: none;
}
.btn-submit-smallV2 {
border-radius: 5px;
display: inline-block;
cursor: pointer;
color: rgba(255, 255, 255, 0.7); /* opacity */
font-size: 11px;
padding: 9px 15px;
margin-bottom: 0px;
text-decoration: none;
font-weight: normal;
text-transform: capitalize;
outline: none;
}
.btn-submit-smallV2 .full-width {
width: 100%;
display: block;
}
.btn-submit-smallV2:hover {
outline: none;
}
.btn-submit-smallV2:active {
position: relative;
outline: none;
}
.btn-submit-smallV2:focus {
outline: none;
}
/* --- Default Button --- */
.btn-default {
background: linear-gradient(to right, #e1e1e1 5%, #c2c2c2 100%);
border: 1px solid #c2c2c2;
color: rgba(0, 0, 0, 0.5); /* opacity */
}
.btn-default:hover {
border: 1px solid #c2c2c2;
color: #000;
}
.btn-default:active {
background: linear-gradient(to right, #c2c2c2 5%, #e1e1e1 100%);
border: 1px solid #c2c2c2;
background-color: #000;
}
.btn-default:focus {
border: 1px solid #c2c2c2;
background-color: #000;
}
/* --- Default Button V2 --- */
.btn-defaultV2 {
background: linear-gradient(to right, #e1e1e1 5%, #c2c2c2 100%);
border: 1px solid #c2c2c2;
color: rgba(0, 0, 0, 0.5); /* opacity */
}
.btn-defaultV2:hover {
border: 1px solid #c2c2c2;
color: #000;
}
.btn-defaultV2:active {
background: linear-gradient(to right, #c2c2c2 5%, #e1e1e1 100%);
border: 1px solid #c2c2c2;
background-color: #000;
}
.btn-defaultV2:focus {
border: 1px solid #c2c2c2;
background-color: #000;
}
/* --- Blue/Primary Button V2 --- */
.btn-blueV2 {
background-color: rgba(43,117,241,0.2);
border: 0px solid #2b75f1;
color: rgba(43,117,241,1);
}
.btn-blueV2:hover {
background-color: rgba(43,117,241,0.8);
color: #fff;
border: 0px solid #2b75f1;
}
.btn-blueV2:active {
background-color: rgba(43,117,241,1);
border: 0px solid #2b75f1;
}
.btn-blueV2:focus {
background-color: rgba(43,117,241,1);
color: #fff;
}
/* --- Yellow/Warning Button V2 --- */
.btn-yellowV2 {
background-color: rgba(255,115,1,0.2);
border: 0px solid #2b75f1;
color: rgba(255,115,1,1);
}
.btn-yellowV2:hover {
background-color: rgba(255,115,1,0.8);
color: #fff;
border: 0px solid #2b75f1;
}
.btn-yellowV2:active {
background-color: rgba(255,115,1,1);
border: 0px solid #2b75f1;
}
.btn-yellowV2:focus {
background-color: rgba(255,115,1,1);
color: #fff;
}
/* --- PeaGreen/Warning Button V2 --- */
.btn-peaGreenV2 {
background-color: rgba(57,181,74,0.2);
border: 0px solid #2b75f1;
color: rgba(57,181,74,1.1);
}
.btn-peaGreenV2:hover {
background-color: rgba(57,181,74,0.8);
color: #fff;
border: 0px solid #2b75f1;
}
.btn-peaGreenV2:active {
background-color: rgba(57,181,74,1);
border: 0px solid #2b75f1;
}
.btn-peaGreenV2:focus {
background-color: rgba(57,181,74,1);
color: #fff;
}
/* --- Blue/Primary Button --- */
.btn-blue {
background-color: rgba(18,28,61,1);
border: 0px solid #2b75f1;
color: #727da3;
}
.btn-blue:hover {
background-color: rgba(264,128,55,1);
color: white;
border: 0px solid #2b75f1;
}
.btn-blue:active {
background-color: rgba(255,96,0,1);
border: 0px solid #2b75f1;
}
.btn-blue:focus {
background-color: rgba(255,96,0,1);
color: #fff;
}
/*
.btn-blue {
background-color: #121C3D;
border: 0px solid #000;
}
.btn-blue:hover {
border: 0px solid #2b75f1;
color: #fff;
background-color: #192c6e;
}
.btn-blue:active {
background-color: #121C3D;
border: 0px solid #000;
}
.btn-blue:focus {
border: 0px solid #2b75f1;
border: 0px solid #000;
}
*/
/* --- Green/Success Button --- */
.btn-green {
background-color: rgba(68,199,103,1);
border: 0px solid #2b75f1;
color: #88e9a2;
}
.btn-green:hover {
background-color: rgba(53,160,82,1);
color: #fff;
border: 0px solid #2b75f1;
}
.btn-green:active {
background-color: rgba(36,134,62,1);
border: 0px solid #2b75f1;
}
.btn-green:focus {
background-color: rgba(36,134,62,1);
color: #fff;
}
/*
.btn-green {
background-color: #44c767;
border: 0px solid #000;
}
.btn-green:hover {
background-color: #42d76a;
border: 0px solid #000;
color: #fff;
}
.btn-green:active {
background-color: #44c767;
border: 0px solid #000;
}
.btn-green:focus {
border: 0px solid #5cbf2a;
}
*/
/* --- Green/Success Button V2 --- */
.btn-greenV2 {
background-color: rgba(68,199,103,0.2);
border: 0px solid #2b75f1;
color: #44c767;
}
.btn-greenV2:hover {
background-color: rgba(68,199,103,0.8);
color: #fff;
border: 0px solid #2b75f1;
}
.btn-greenV2:active {
background-color: rgba(68,199,103,1);
border: 0px solid #2b75f1;
}
.btn-greenV2:focus {
background-color: rgba(68,199,103,1);
color: #fff;
}
/* --- Orange/Warning Button V2 --- */
.btn-orangeV2 {
/*background: linear-gradient(to right, #ff7800 5%, #f25721 100%);*/
background-color: rgba(240,170,78,0.5);
border: 1px solid rgba(240,170,78,0.5);
color: #1A3E75;
}
.btn-orangeV2:hover {
background-color: rgba(240,170,78,0.8);
border: 1px solid rgba(240,170,78,0.8);
color: #1A3E75;
}
.btn-orangeV2:active {
background-color: rgba(240,170,78,1);
border: 1px solid rgba(240,170,78,1);
border: 1px solid rgba(240,170,78,1);
}
.btn-orangeV2:focus {
border: 1px solid #f25721;
}
/* --- Yellow/Light Button --- */
.btn-yellow1 {
background: linear-gradient(to right, #ffd200 5%, #ffb400 100%);
border: 1px solid #ffcc00;
}
.btn-yellow1:hover {
border: 1px solid #ffcc00;
color: #fff;
}
.btn-yellow1:active {
background: linear-gradient(to right, #ffb400 5%, #ffd200 100%);
border: 1px solid #ffcc00;
}
.btn-yellow1:focus {
border: 1px solid #ffcc00;
}
/* --- Yellow/Light Button V2 --- */
.btn-yellow1V2 {
background: linear-gradient(to right, #ffd200 5%, #ffb400 100%);
border: 1px solid #ffcc00;
}
.btn-yellow1V2:hover {
border: 1px solid #ffcc00;
color: #fff;
}
.btn-yellow1V2:active {
background: linear-gradient(to right, #ffb400 5%, #ffd200 100%);
border: 1px solid #ffcc00;
}
.btn-yellow1V2:focus {
border: 1px solid #ffcc00;
}
/* --- Cyan Button --- */
.btn-cyan {
background: linear-gradient(to right, #0BB7AF 5%, #0b9d96 100%);
border: 0px solid #ffcc00;
}
.btn-cyan:hover {
border: 0px solid #ffcc00;
color: #fff;
}
.btn-cyan:active {
background: linear-gradient(to right, #0b9d96 5%, #0BB7AF 100%);
border: 0px solid #ffcc00;
}
.btn-cyan:focus {
border: 0px solid #ffcc00;
}
/* --- Cyan Button V2 --- */
.btn-cyanV2 {
background: linear-gradient(to right, #0BB7AF 5%, #0b9d96 100%);
border: 0px solid #ffcc00;
}
.btn-cyanV2:hover {
border: 0px solid #ffcc00;
color: #fff;
}
.btn-cyanV2:active {
background: linear-gradient(to right, #0b9d96 5%, #0BB7AF 100%);
border: 0px solid #ffcc00;
}
.btn-cyanV2:focus {
border: 0px solid #ffcc00;
}
/* --- Red/Danger Button --- */
.btn-red {
/*background: linear-gradient(to right, #d90009 5%, #ff000a 100%);*/
background-color: #d90009;
border: 0px solid #ff000a;
}
.btn-red:hover {
border: 0px solid #ff000a;
color: #fff;
background-color: #bf0008;
}
.btn-red:active {
background-color: #ac0007;
border: 0px solid #ff000a;
}
.btn-red:focus {
border: 0px solid #ff000a;
}
/* --- Red/Danger Button V2 --- */
.btn-redV2 {
background-color: rgba(217,0,9,0.2);
border: 0px solid #2b75f1;
color: #d90009;
}
.btn-redV2:hover {
background-color: rgba(217,0,9,0.8);
color: #fff;
border: 0px solid #2b75f1;
}
.btn-redV2:active {
background-color: rgba(217,0,9,1);
border: 0px solid #2b75f1;
}
.btn-redV2:focus {
background-color: rgba(217,0,9,1);
color: #fff;
}
/* --- Black/Dark Button --- */
.btn-black {
background: linear-gradient(to right, #363636 5%, #111111 100%);
border: 1px solid #111111;
}
.btn-black:hover {
border: 1px solid #111111;
color: #fff;
}
.btn-black:active {
background: linear-gradient(to right, #111111 5%, #363636 100%);
border: 1px solid #111111;
}
.btn-black:focus {
border: 1px solid #111111;
}
/* --- Black/Dark Button V2 --- */
.btn-blackV2 {
background: linear-gradient(to right, #363636 5%, #111111 100%);
border: 1px solid #111111;
}
.btn-blackV2:hover {
border: 1px solid #111111;
color: #fff;
}
.btn-blackV2:active {
background: linear-gradient(to right, #111111 5%, #363636 100%);
border: 1px solid #111111;
}
.btn-blackV2:focus {
border: 1px solid #111111;
}
/* --- Gray/Diable Button --- */
.btn-gray {
background: linear-gradient(to right, #cecece 5%, #a7a7a7 100%);
border: 0px solid #a7a7a7;
}
/* --- Gray/Diable Button V2 --- */
.btn-grayV2 {
background: linear-gradient(to right, #cecece 5%, #a7a7a7 100%);
border: 1px solid #a7a7a7;
}
/* --- Loading Button --- */
.btn-loading {
background-color: #ECF0F5;
border: 1px solid #ECF0F5;
color: #000;
margin-bottom: 20px;
vertical-align: middle;
}
.btn-loading:hover {
border: 1px solid #f6f6f6;
color: #fff;
}
.btn-loading:active {
background-color: #ECF0F5;
border: 1px solid #ECF0F5;
}
.btn-loading:focus {
border: 1px solid #ECF0F5;
}
/* --- Loding Button V2 --- */
.btn-loadingV2 {
background-color: #ECF0F5;
border: 1px solid #ECF0F5;
color: #000;
margin-bottom: 20px;
vertical-align: middle;
}
.btn-loadingV2:hover {
border: 1px solid #f6f6f6;
color: #fff;
}
.btn-loadingV2:active {
background-color: #ECF0F5;
border: 1px solid #ECF0F5;
}
.btn-loadingV2:focus {
border: 1px solid #ECF0F5;
}
.glyphicon {
color: #1f69e8;
}
.tickbox {
padding: 20px;
margin-right: 10px;
}
.input-group label {
font-weight: normal;
}
.notification-danger {
color: #ff0000;
}
.modal-header {
background-color: #121c3d;
border: none;
color: #fe8037;
font-weight: bold;
}
.modal-header .close {
margin-top: 0px;
font-size: 40px;
color: white;
}
.modal-header h3 {
padding: 0 50px;
border-bottom: 0px solid #e5e5e5;
color: #1f69e8;
text-transform: uppercase;
font-weight: bold;
}
.modal-header h4.modal-title {
color: #fe8037;
font-size: 2.5rem;
font-weight: 600;
}
/* -------- Notifications/Warning/ --------*/
.text-note {
/*font-style: italic;*/
font-weight: normal;
font-size: 10px;
text-transform: capitalize;
margin-top: 5px;
}
.note-warning {
color: #ff6969;
margin-top: 5px;
padding-left: 5px;
font-size: 10px;
}
.note-warning-required {
color: #2F261F;
margin-top: 5px;
padding-left: 5px;
font-size: 10px;
}
.sda-notification {
font-size: 16px;
font-weight: 600;
padding: 15px 20px;
border: solid 0px #0s00;
background-color: #FFF3CD;
border-radius: 5px;
color: #000;
}
.sda-notification .note-warning {
color: #000;
}
/*
#internal .search-field input {
border: solid 1px #e1e1e1;
border-radius: 50px;
padding: 8px 15px;
outline: none;
margin-bottom: 20px;
}
#internal .search-field input:hover {
border: solid 1px #1f69e9;
border-radius: 50px;
outline: none;
}
#internal .search-field input:active {
border: solid 1px #1f69e9;
color: #1f69e9;
border-radius: 50px;
outline: none;
}
#internal .search-field input:focus {
border: 1px solid #1f69e9;
color: #1f69e9;
border-radius: 50px;
outline:none;
}
*/
/* ----------- SDA Pagination Style Override Bootsrap Style -------- */
.global-pagination {
border: solid 0px #000;
padding: 10px 0 10px 0;
margin-top: 10px;
}
.global-pagination .paging {
border: solid 0px red;
display: inline-block;
}
.global-pagination .paging a {
float: left;
padding: 8px 16px;
text-decoration: none;
color: #000;
}
.global-pagination .paging a:hover {
background-color: #3D8EEB;
color: white;
border-radius: 30px;
}
.global-pagination .paging .active {
background-color: #3D8EEB;
color: white;
border-radius: 30px;
}
.global-pagination {
border: solid 0px red;
margin-top: 20px;
overflow: hidden;
}
.global-pagination .pagerange {
border: solid 0px red;
padding-top: 8px;
font-weight: 600;
font-size: 13px;
}
.tabbing .nav-tabs-custom .global-pagination ul {
margin: 0;
background-color: white;
margin-top: 0px;
padding: 5px 0 0 0;
}
.tabbing .nav-tabs-custom .global-pagination ul li {
border: solid 0px red;
padding: 0;
margin: 0 1px 0 1px;
}
.tabbing .nav-tabs-custom .global-pagination ul li a {
border: solid 0px red;
padding: 5px 12px;
border-radius: 30px;
margin: 0 2px 0 2px;
}
.tabbing .nav-tabs-custom .global-pagination ul li a:hover {
color: white;
background-color: #1f69e9;
}
.tabbing .nav-tabs-custom .global-pagination ul li.active a {
color: white;
background-color: #1f69e9;
}
.tabbing .nav-tabs-custom .global-pagination ul li.active a:hover {
color: white;
background-color: #1f69e9;
}
.selectNoOfRows {
border: solid 1px red;
background-color: #ecf0f5;
padding: 4px 5px;
border-radius: 4px;
width: auto;
height: 28px;
text-overflow: ellipsis;
white-space: normal;
}
.selectNoOfRows option[value=""] {
background-color: #ecf0f5;
}
.selectNoOfRows option {
background-color: #ecf0f5;
}
.selectNoOfRows:focus {
background-color: #ecf0f5;
}
.selectNoOfRows option {
background-color: #ecf0f5;
border: solid 0px red;
padding: 0;
margin: 0;
width: auto;
height: 28px;
}
.selectNoOfRows:invalid {
background-color: #ffdbdb;
border: solid 1px #ff9191;
}
/** Header
*************************************************** **/
/** Body
*************************************************** **/
/** Signin.cshtml / TWO Factor Auth TwoFactorAuth.cshtml**/
#loginbox {
font-family: 'Poppins', sans-serif;
margin-top: 10%;
margin-bottom: 10%;
border: solid 0px #fff;
display: block;
}
#loginbox .loginform {
border: solid 0px #3d97eb;
border-radius: 15px;
padding: 0px;
box-shadow: 0 0px 15px -8px rgba(0, 0, 0, 0.8);
background-color: #fff;
width: 450px;
}
#loginbox .card-header {
background-color: #f6f6f6;
}
.loginform h2.title {
text-align: center;
font-family: 'Poppins', sans-serif;
font-weight: 500;
margin: 0;
padding: 0;
margin-bottom: 20px;
font-size: 2rem;
color: #fe8037;
}
.loginform h2.title span {
font-size: 16px;
color: #000;
font-weight: normal;
text-align: center;
}
#loginbox .loginform .name,
#loginbox .loginform .username {
text-align: left;
padding-left: 35px;
}
#loginbox .loginform .username {
margin-bottom: 20px;
}
.loginform h3.title {
color: #1f69e8;
text-align: center;
font-family: 'Poppins', sans-serif;
font-weight: normal;
margin: 0;
padding: 0;
font-size: 20px;
}
.loginform h3.title span {
font-size: 16px;
color: #000;
font-weight: normal;
}
.loginform h4.title {
color: #000;
text-align: center;
font-family: 'Poppins', sans-serif;
font-weight: 600;
margin: 0;
padding: 0;
text-align: center;
}
.loginform h4.title span {
font-size: 16px;
color: #000;
font-weight: normal;
}
.loginform .logo {
text-align: center;
width: 100%;
background-color: white;
border-top-left-radius: 30px;
border-top-right-radius: 30px;
padding: 35px 10px 0px 10px;
}
.loginform .logo img {
width: 70%;
}
.loginform .icon-login-user {
text-align: center;
margin-bottom: 10px;
}
.loginform .icon-login-user img {
width: 120px;
}
#loginbox .card-block {
padding: 20px 40px;
}
.loginform form {
border: solid 0px #000;
padding: 0px;
}
.loginform .input-group {
color: #1f69e9;
margin-bottom: 10px;
border: solid 1px #c2c2c2;
border-radius: 10px;
}
.loginform .input-group a {
color: #1f69e9;
}
.loginform .input-group:hover {
/*border: solid 1px #8ba6d5;*/
border: solid 1px #fe8037;
border-radius: 10px;
}
.loginform .input-group-addon:first-child {
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
width: 50px;
padding-left: 25px;
padding-right: 20px;
background-color: white;
/*border: solid 1px #8ba6d5;*/
border: solid 0px #cfcfcf;
border-right: none;
}
.loginform .input-group-addon:last-child {
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
width: 50px;
padding-left: 20px;
padding-right: 25px;
background-color: white;
border: solid 0px #cfcfcf;
border-left: none;
}
.loginform .input-group input[type="text"],
.loginform .input-group input[type="password"] {
padding: 22px 0px;
border: solid 0px #cfcfcf;
background-color: white;
border-radius: 30px;
color: #121C3D;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
border-left: none;
border-right: none;
}
.loginform .input-group input[type="text"]:hover,
.loginform .input-group input[type="password"]:hover {
color: #1f69e9;
}
.loginform .input-group input[type="text"]::placeholder,
.loginform .input-group input[type="password"]::placeholder {
color: #c2c2c2;
}
.loginform .input-group input[type="text"]:hover::placeholder,
.loginform .input-group input[type="password"]:hover::placeholder {
color: #c2c2c2;
}
.loginform .input-group input[type="text"]:focus,
.loginform .input-group input[type="password"]:focus {
color: #fe8037;
box-shadow: none;
}
.loginform .input-group input[type="text"]:autofocus,
.loginform .input-group input[type="password"]:autofocus {
color: red;
box-shadow: none;
background-color: white;
}
.loginform .input-group input[type="text"]:-internal-autofill-selected {
background-color: red;
}
.loginform .form-check {
padding: 5px 5px;
}
.loginform .form-check,
.loginform .form-check a {
color: #121C3D;
font-weight: normal;
font-size: 1.3rem;
}
/* start This is css to overwrite google chrome style */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
-webkit-text-fill-color: #121c3e;
-webkit-box-shadow: 0 0 0 1000px white inset !important;
transition: background-color 300ms ease-in-out 0s;
}
/* end This is css to overwrite google chrome style */
.loginform .glyphicon:before,
.loginform .glyphicon-user:before,
.loginform .glyphicon-lock:before,
.loginform .fa-eye:before {
color: #121C3D;
}
.loginform .glyphicon:before:hover {
}
#twofactor {
border: solid 0px red;
}
#twofactor ul {
padding: 0;
margin: 10px 0 0 0;
}
#twofactor ul li {
padding: 0;
margin: 0 0 0 15px;
}
#twofactor .timeleft {
margin: 0 0 10px 15px;
}
/*------------------------- _Layout.cshtml ------------------------- */
html body {
font-family: 'Poppins', sans-serif;
}
.wrapper {
border: solid 0px #000;
}
.wrapper .content-wrapper {
padding-top: 20px;
}
.main-header {
background-color: #fff;
height: 70px;
-webkit-box-shadow: 0px 11px 12px -16px rgba(0,0,0,0.51);
-moz-box-shadow: 0px 11px 12px -16px rgba(0,0,0,0.51);
box-shadow: 0px 11px 12px -16px rgba(0,0,0,0.51);
}
.main-sidebar .sidebar h2.project-title {
background-color: #1f69e9;
padding: 20px 0 20px 15px;
color: #fff;
font-weight: 600;
font-size: 20px;
}
.main-header .logo {
margin-top: 10px;
}
.main-header .sidebar-toggle {
color: #000;
font-size: 20px;
margin-top: 10px;
}
.main-header .sidebar-toggle:hover {
color: #000;
}
a.sidebar-toggle:hover, a.sidebar-toggle:focus {
outline: none;
text-decoration: none;
}
nav .navbar.navbar-static-top {
color: red;
}
.main-header .navbar-custom-menu .todaytime {
top: 25px;
font-size: 12px;
right: 20px;
color: #000;
}
.main-header .navbar-custom-menu {
}
.main-header .navbar-custom-menu,
.main-header .navbar-right {
z-index: 9999;
position: absolute;
right: 0;
}
.main-header .navbar-custom-menu .nav {
}
.main-header .navbar-custom-menu ul {
}
.main-header .navbar-custom-menu ul li {
border: solid 0px red;
}
.main-header .navbar-custom-menu ul li .notification-detected {
border: solid 0px blue;
}
.main-header .navbar-custom-menu ul li .notification-detected img {
width: 60px;
margin-top: 5px;
margin-right: -20px;
border: solid 1px white;
border-radius: 50%;
}
.main-header .navbar-custom-menu ul li .notification-detected .error span a {
top: 9px;
right: 7px;
text-align: center;
font-size: 11px;
padding: 1px 5px;
line-height: .9;
background-color: red;
border-radius: 5px;
background-color: #f8d7da;
border: solid 1px #f5c2c7;
color: #d12231;
text-decoration: none;
}
.main-header .navbar-custom-menu ul li .notification-detected .error span a:hover {
color: white;
background-color: #d12231;
border: solid 1px #d12231;
text-decoration: none;
}
.main-header .navbar-custom-menu ul li .notification-detected .success span a {
top: 9px;
right: 7px;
text-align: center;
font-size: 11px;
padding: 1px 5px;
line-height: .9;
background-color: red;
border-radius: 5px;
background-color: #d9ecdb;
border: solid 1px #b4dcb8;
color: #27782f;
text-decoration: none;
}
.main-header .navbar-custom-menu ul li .notification-detected .success span a:hover {
color: white;
background-color: #27782f;
border: solid 1px #27782f;
text-decoration: none;
}
.main-header .navbar-custom-menu ul li ul {
}
.main-header .navbar-custom-menu ul li ul li.user-content {
height: auto;
padding: 20px;
text-align: center;
border-top: solid 2px #ebebeb;
border-bottom: solid 1px #ebebeb;
background-color: #F9F9F9;
}
.main-header .navbar-custom-menu ul li ul li.user-content {
}
.main-header .navbar-custom-menu .user-header {
border: solid 1px red;
height: auto;
}
.main-header .navbar-custom-menu {
}
.main-header .navbar-custom-menu .nav {
}
.main-header .navbar-custom-menu .nav {
}
.main-header .navbar-custom-menu ul {
}
/* ----------------- Default ----------------- */
.main-header .navbar-custom-menu ul li {
border: solid 0px #000;
padding: 0
}
.main-header .navbar-custom-menu ul li.default {
border: solid 0px #000;
}
.main-header .navbar-custom-menu ul li a {
/*background-color:none;*/
padding-left: 5px;
padding-right: 5px;
}
.main-header .navbar-custom-menu ul li a:hover,
.main-header .navbar-custom-menu ul li a:active,
.main-header .navbar-custom-menu ul li a:focus {
/*background-color: white;*/
}
.main-header .navbar-custom-menu ul li a i {
border: solid 0px red;
margin-top: -4px;
color: #121C3D;
font-size: 23px;
font-weight: 500;
}
.main-header .navbar-custom-menu ul li a i:hover {
border: solid 0px red;
margin-top: -4px;
/*color: #FE7530;*/
color: #121C3D;
}
.main-header .navbar-custom-menu ul li a i span {
margin-top: 4px;
margin-left: 5px;
text-align: center;
font-size: 11px;
line-height: .9;
font-family: 'Poppins', sans-serif;
padding: 1px 5px 1px 5px;
line-height: normal;
border-radius: 5px;
text-decoration: none;
font-family: 'Poppins', sans-serif;
font-weight: 600;
background-color: #121C3D;
border: solid 1px #121C3D;
color: white;
}
.main-header .navbar-custom-menu ul li a i span:hover {
background-color: #FE7530;
border: solid 1px #ffa6ad;
color: white;
}
.main-header .navbar-custom-menu ul li ul {
}
.main-header .navbar-custom-menu ul li ul li {
border: solid 0px red;
}
.main-header .navbar-custom-menu ul li ul li a {
}
.main-header .navbar-custom-menu ul li ul li a:hover {
}
.main-header .navbar-custom-menu ul li ul li.message-close a .fa {
border: solid 1px red;
font-size: 15px;
}
.main-header .navbar-custom-menu ul li ul li.message-close a .fa:hover {
color: #FE7530;
}
/* ----------------- Danger ----------------- */
.main-header .navbar-custom-menu ul li.danger {
border: solid 0px red;
}
.main-header .navbar-custom-menu ul li.danger a i {
border: solid 0px red;
margin-top: -4px;
color: #121C3D;
font-size: 23px;
font-weight: 500;
}
.main-header .navbar-custom-menu ul li.danger a i:hover {
border: solid 0px red;
margin-top: -4px;
color: #121C3D;
}
.main-header .navbar-custom-menu ul li.danger a i img {
width: 24px;
margin-top: -2px;
}
.main-header .navbar-custom-menu ul li.danger a i span {
margin-top: 4px;
margin-left: 5px;
text-align: center;
font-size: 11px;
line-height: .9;
font-family: 'Poppins', sans-serif;
padding: 1px 5px 1px 5px;
line-height: normal;
border-radius: 5px;
text-decoration: none;
font-family: 'Poppins', sans-serif;
background-color: #f3d8da;
border: solid 1px #f0acb1;
color: #aa2b34;
}
.main-header .navbar-custom-menu ul li.danger a i span:hover {
background-color: #aa2b34;
border: solid 1px #981d26;
color: white;
}
.main-header .navbar-custom-menu .nav .dropdown-menu {
border: solid 0px red;
width: 350px;
}
.main-header .navbar-custom-menu .nav .dropdown-menu li.header {
background-color: white;
}
.main-header .navbar-custom-menu .nav .dropdown-menu {
}
.main-header .navbar-custom-menu .nav .dropdown-menu .menu {
}
.main-header .navbar-custom-menu .nav .dropdown-menu .menu li {
border-bottom: solid 1px #ECF0F5;
padding: 5px 0 5px 0;
}
.main-header .navbar-custom-menu .nav .dropdown-menu .menu li:hover {
background-color: #ECF0F5;
}
.main-header .navbar-custom-menu .nav .dropdown-menu .menu li .message {
border: solid 0px blue;
margin: 0;
padding: 0;
overflow: hidden;
}
.main-header .navbar-custom-menu .nav .dropdown-menu .menu li .message li {
border: solid 0px red;
list-style: none;
margin: 0;
padding: 0;
float: left;
}
.main-header .navbar-custom-menu .nav .dropdown-menu .menu li .message li.message-icon {
width: 50px;
background-color: none;
text-align: center;
font-size: 3rem;
}
.main-header .navbar-custom-menu .nav .dropdown-menu .menu li .message li.message-description {
width: 245px;
background-color: none;
}
.main-header .navbar-custom-menu .nav .dropdown-menu .menu li .message li.message-description h4 {
border: solid 0px red;
margin: 3px 0 3px 0;
font-size: 1.6rem;
font-weight: 600;
letter-spacing: -1px;
}
.main-header .navbar-custom-menu .nav .dropdown-menu .menu li .message li.message-description p {
border: solid 0px blue;
font-size: 1.4rem;
}
.main-header .navbar-custom-menu .nav .dropdown-menu .menu li .message li.message-description .label-default,
.main-header .navbar-custom-menu .nav .dropdown-menu .menu li .message li.message-description .label-warning,
.main-header .navbar-custom-menu .nav .dropdown-menu .menu li .message li.message-description .label-danger,
.main-header .navbar-custom-menu .nav .dropdown-menu .menu li .message li.message-description .label-success,
.main-header .navbar-custom-menu .nav .dropdown-menu .menu li .message li.message-description .label-info {
padding: 1px 7px 1px 7px;
border-radius: 10px;
}
.main-header .navbar-custom-menu .nav .dropdown-menu .menu li .message li.message-close {
width: 15px;
background-color: none;
text-align: center;
color: black;
padding-top: 3px;
}
.main-header .navbar-custom-menu .nav .dropdown-menu .menu li .message li.message-close a fa {
color: red;
}
.main-header .navbar-custom-menu .nav .dropdown-menu .menu li .message li.message-close a fa:hover {
color: black;
}
.main-header .navbar-custom-menu .nav .dropdown-menu .menu li p {
border: solid 0px red;
}
.main-header .navbar-custom-menu .nav .dropdown-menu .menu li i {
border: solid 0px red;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a, .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a, .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a {
white-space: normal;
}
.main-header .navbar-custom-menu .nav .dropdown {
border: solid 0px red;
/*text-align:right;*/
}
.main-header .navbar-custom-menu .nav .dropdown .pull-left {
/*margin-left:180px;*/
}
.main-header .navbar-custom-menu .nav .dropdown .dropdown-menu ul {
/*border: solid 1px #ECF0F5;*/
height: auto;
max-height: 500px;
overflow-y: scroll;
border: solid 0px red;
}
/*
.main-header .navbar-custom-menu ul li ul li .notification-list{
border:solid 1px red;
}
.main-header .navbar-custom-menu ul li ul li .notification-list li{
border: solid 1px red;
}
.main-header .navbar-custom-menu ul li ul li .notification-list li a{
margin:0;
padding:0;
}
.main-header .navbar-custom-menu ul li ul li .notification-list li.content{
background-color:red;
overflow:hidden;
padding:5px;
margin:0;
height:auto;
}
.main-header .navbar-custom-menu ul li ul li .notification-list li.content a{
}
.main-header .navbar-custom-menu ul li ul li .notification-list li.content .icon{
width:20%;
float:left;
border:solid 1px #000;
}
.main-header .navbar-custom-menu ul li ul li .notification-list li.content .description {
float: left;
border: solid 1px #000;
width:250px;
height:auto;
display:block;
}
*/
.main-sidebar {
background-color: #121c3d;
color: red;
}
.main-sidebar .sidebar {
border: solid 0px #000;
margin-top: 50px;
}
.main-sidebar .sidebar a {
color: #c8cfe6;
font-weight: normal;
}
.main-sidebar .sidebar a:hover {
color: white;
}
.main-sidebar .sidebar .user-panel {
padding: 0;
margin: 0;
height: 130px;
display: block;
border: solid 0px #000;
text-align: center;
margin: auto;
}
.main-sidebar .sidebar .user-panel a {
color: #fff;
}
.main-sidebar .sidebar .user-panel a:hover {
text-decoration: none;
}
.main-sidebar .sidebar .user-panel .image {
margin-bottom: 0px;
}
.main-sidebar .sidebar .user-panel .image img {
opacity: 0.5;
width: 200px;
}
.main-sidebar .sidebar .user-panel .image i {
font-size: 50px;
}
.main-sidebar .sidebar .user-panel .info {
left: 3px;
width: 220px;
height: auto;
margin: auto;
/*background-color: red;*/
/* To Collapse Letter ;*/
white-space: normal;
max-width: 220px;
word-wrap: break-word;
}
.main-sidebar .sidebar .user-panel .info span {
font-size: 11px;
border: solid 0px red;
color: #fff;
padding: 5px;
display: block;
margin-top: -5px;
}
.main-sidebar .sidebar .user-panel .info span:hover {
text-decoration: underline;
}
.sidebar-mini.sidebar-collapse .main-sidebar .user-panel img {
width: 20px;
}
.sidebar-mini.sidebar-collapse .main-sidebar .user-panel .image i {
font-size: 15px;
}
.sidebar-mini.sidebar-collapse .main-sidebar .user-panel {
height: auto;
border: solid 0px red;
}
.sidebar-mini.sidebar-collapse .main-sidebar .user-panel .info {
display: none;
}
.sidebar .user-panel {
color: #fff;
}
.sidebar .user-panel .glyphicon,
.sidebar .user-panel .fa {
color: #fe8037;
}
.sidebar ul {
color: #fff;
border: solid 0px red;
}
.sidebar ul div li,
.sidebar ul li {
text-transform: capitalize;
border-bottom: solid 1px #0b1229;
padding: 0px 0 0px 0;
}
.sidebar ul li {
text-decoration: none;
}
.sidebar ul div {
border: solid 0px red;
}
.sidebar ul div {
border: solid 0px red;
}
.sidebar ul div i {
/*margin-right: 10px;*/
}
.sidebar ul div a {
border: solid 0px red;
color: #fff;
font-size: 13px;
font-weight: 500;
/*padding: 15px 15px;*/
width: 100%;
display: block;
}
.sidebar ul div li a {
text-decoration: none;
}
.sidebar ul li:hover {
text-decoration: none;
}
.sidebar ul li a {
color: red;
font-size: 13px;
font-weight: 500;
padding: 13px 15px;
}
.sidebar i.bi,
.sidebar ul li ul li i.bi,
.sidebar ul li ul li ul.treeview li i.bi {
border: solid 0px red;
font-weight: bold;
font-size: 1.8rem;
margin-right: 5px;
text-align: right;
}
.sidebar ul li ul li ul li i.bi {
border: solid 0px red;
font-size: 1.8rem;
}
.sidebar ul li a:hover {
text-decoration: none;
background-color: #F0AA4E;
color: white;
outline: none;
}
.sidebar ul li a:focus {
background-color: #F0AA4E;
outline: none;
text-decoration: none;
color: white;
}
.sidebar ul li a:active {
background-color: #F0AA4E;
outline: none;
text-decoration: none;
}
.sidebar ul li.header a {
color: #fff;
}
.sidebar ul li .active a {
color: #fff;
}
.sidebar ul li .active .treeview a {
}
.sidebar ul li .active .treeview a:hover {
text-decoration: none;
}
.sidebar ul .active {
background-color: #F0AA4E color: white;
}
.sidebar ul .active a {
background-color: #F0AA4E;
color: white;
}
.sidebar ul .active:hover {
text-decoration: none;
}
.sidebar ul li .treeview-menu {
}
.sidebar ul li .treeview-menu li {
border: none;
border-top: solid 1px #0d1531;
max-width: 100%;
/*background-color:red;*/
white-space: normal;
}
.sidebar-mini.sidebar-collapse .sidebar-menu > div > li > a,
.sidebar-mini.sidebar-collapse .sidebar-menu > li > a {
margin-right: 0;
background-color: #0d152e;
border: solid 0px red;
text-decoration: none;
}
.sidebar-mini.sidebar-collapse .sidebar-menu > li > ul {
position: relative;
background-color: #0d152e;
border: solid 0px #000;
/*left: -10px;*/
}
.treeview.menu-open {
background-color: #112460;
border-bottom: solid 1px #0e1e53;
}
.treeview.menu-open > ul {
/*background-color:red;*/
}
.treeview.menu-open > ul.treeview-menu {
background-color: #112460;
border-top: solid 1px #0d1531;
/*background-color: red;*/
/*padding-left: 20px;*/
}
.treeview.menu-open > ul.treeview-menu > .treeview.menu-open {
background-color: #1e3270;
border-bottom: solid 1px #0e1e53;
}
.treeview.menu-open > ul.treeview-menu > .treeview.menu-open > .treeview-menu {
background-color: #1e3270;
border-top: solid 1px #0e1e53;
margin-top: -1px;
}
.treeview.menu-open > ul.treeview-menu > .treeview.menu-open > .treeview-menu li a {
border-bottom: solid 1px #0e1e53;
}
.treeview.menu-open > ul.treeview-menu {
padding: 0;
margin: 0;
/*background-color: red;*/
}
.treeview.menu-open > ul.treeview-menu .treeview {
padding: 0;
margin: 0;
/*background-color: red;*/
}
.treeview.menu-open > ul.treeview-menu .treeview ul {
padding: 0;
margin: 0;
/*background-color: red;*/
}
.treeview.menu-open > ul.treeview-menu .treeview ul li {
}
.treeview.menu-open > ul.treeview-menu .treeview ul li a {
padding-left: 30px;
}
.treeview.menu-open > ul.treeview-menu > .treeview.menu-open > .treeview-menu li a {
padding-left: 50px;
}
.treeview.menu-open > ul.treeview-menu {
padding: 0;
margin: 0;
/*background-color: red;*/
}
.treeview.menu-open > ul.treeview-menu .treeview {
padding: 0;
margin: 0;
/*background-color: red;*/
}
.treeview.menu-open > ul.treeview-menu .treeview ul {
padding: 0;
margin: 0;
/*background-color: red;*/
}
.treeview.menu-open > ul.treeview-menu .treeview ul li {
}
.treeview.menu-open > ul.treeview-menu .treeview ul li a {
padding-left: 30px;
}
.treeview.menu-open > ul.treeview-menu li {
border: none;
text-decoration: none;
}
.treeview.menu-open > ul.treeview-menu li a {
padding: 13px 13px;
display: block;
border-bottom: solid 1px #0b1229;
padding-left: 30px;
font-weight: normal;
font-size: 12px;
text-decoration: none;
}
.treeview.menu-open > ul.treeview-menu li a:hover {
background-color: #F0AA4E;
/*color: #1A3E75;*/
text-decoration: none;
}
/* -------- Global: Forms -------- */
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
width: 100%;
display: block;
}
.select-multiple {
border: solid 0px red;
background-color: white;
width: 100%;
border-radius: 10px 0px 0px 10px;
}
.multiselect {
border: solid 0px blue;
}
.multiselect .dropdown {
border: solid 0px red;
}
.multiselect .dropdown button {
border: solid 1px #DDE9FF;
background: white;
}
/* -------- Global: For Container -------- */
.container {
padding: 20px;
border: solid 0px blue;
width: 100%;
}
/* -------- Global: Body #content -------- */
#content {
border: solid 0px red;
}
.content-header {
border: solid 0px red;
padding: 1.6rem;
vertical-align: middle;
}
.content-header .icon {
font-size: 4rem;
color: #1F69E8;
}
.content-header .title {
font-size: 2.5rem;
font-weight: 600;
margin-right: .5rem;
color: #1F69E8;
}
.content-header .sub-title {
font-size: 1.6rem;
color: #9EADC0;
}
.content-body {
border: solid 0px red;
width: 100%;
border-radius: 15px;
height: auto;
background-color: #fff;
padding: 30px;
overflow: hidden;
}
.modal-content .content-body {
padding: 0px;
}
.card-header {
border-bottom: solid 1px #EBEDF3;
padding-bottom: 1rem;
margin-bottom: 2rem;
}
.card-header .title {
font-size: 1.7rem;
font-weight: 600;
}
.card-header .sub-title {
font-size: 1.5rem;
}
.card-header .sub-title .furnisher-name {
color: white;
background-color: #FE8037;
padding: 2px 8px;
border-radius: 5px;
font-size: 1.4rem;
}
.card-body {
}
.card-body .label {
font-size: 1rem;
}
.card-body .name {
font-size: 1.6rem;
font-weight: 500;
}
.card-body .dbtable {
border: solid 0px red;
margin-top: 1rem;
margin-bottom: 1rem;
}
.card-body .filterSelect {
float: left;
margin-right: 5px;
width: auto;
}
.card-body .filter {
border-bottom: solid 1px #ebedf3;
}
.card-body .dbtable table {
width: 100%;
table-layout: auto;
border: solid 0px red;
}
.card-body .dbtable table thead {
}
.card-body .btn-warning {
background-color: rgba(254,128,55,0.5);
border: 0px solid #2b75f1;
color: white;
}
.card-body .btn-warning:hover {
background-color: rgba(254,128,55,0.8);
color: #fff;
border: 0px solid #2b75f1;
}
.card-body .btn-warning:active {
background-color: rgba(254,128,55,1);
border: 0px solid #2b75f1;
}
.card-body .btn-warning:focus {
background-color: rgba(254,128,55,1);
color: #fff;
}
/*
.card-body .btn-warning {
background-color: #fe8037;
border:none;
}
.card-body .btn-warning:hover {
background-color: #e8722e;
border: none;
}
.card-body .btn-warning:focus {
background-color: #d95014;
}
*/
.card-body .dbtable table thead tr {
}
.card-body .dbtable table thead tr th {
/*color: #b3b8c8;*/
color: #fe8037;
font-size: 0.8rem;
font-weight: 500;
text-transform: uppercase;
border-bottom: solid 1px #ECF0F5;
border-top: solid 0px #ebedf3;
/*background-color: #f7f7f7;*/
}
.card-body .dbtable table thead tr th,
.card-body .dbtable table tbody tr td {
border-collapse: collapse;
padding: 1rem 1rem;
font-size: 1.3rem;
}
.card-body .dbtable table tbody {
}
.card-body .dbtable table tbody tr {
}
.card-body .dbtable table tbody tr:hover {
background-color: #fff7f2;
}
.card-body .dbtable table tbody tr:hover td {
color: #0d1632;
}
.card-body .dbtable table tbody tr td {
border-bottom: solid 1px #ECF0F5;
color: #72787f;
}
.card-body .btn {
}
.card-body .btn-icon {
/*
background-color: #f1f5f8;
color: #2f8eff;
*/
height: calc(1.35em + 1.1rem + 2px);
width: calc(1.35em + 1.1rem + 2px);
font-size: 1.6rem;
border-radius: 0.6rem;
}
.card-body .btn-icon:hover {
/*
background-color: #2f8eff;
color: #fff;
*/
}
.card-body .btn-icon-blue {
background-color: #ddeeff;
color: #2f8eff;
}
.card-body .btn-icon-blue:hover {
background-color: #2f8eff;
color: #fff;
;
}
.card-body .btn-icon-green {
background-color: #d7f8f6;
color: #43c2bc;
}
.card-body .btn-icon-green:hover {
background-color: #18b2aa;
color: #fff;
}
.card-body .btn-icon-purple {
background-color: #eee7ff;
color: #7e46fc;
}
.card-body .btn-icon-purple:hover {
background-color: #7e46fc;
color: #fff;
}
.card-body .btn-icon-red {
background-color: #ffdee1;
color: #ee3a4a;
}
.card-body .btn-icon-red:hover {
background-color: #ee3a4a;
color: #fff;
}
.card-body .btn-icon-yellow {
background-color: #fff2d9;
color: #e7ab47;
}
.card-body .btn-icon-yellow:hover {
background-color: #ffa800;
color: #fff;
}
.card-body .btn-icon-orange {
background-color: #ffdabb;
color: #ff7200;
}
.card-body .btn-icon-orange:hover {
background-color: #ff7301;
color: #fff;
}
.card-body .btn-icon-gray {
background-color: #cbcddb;
color: #000;
}
.card-body .btn-icon-gray:hover {
background-color: #2d3041;
color: #fff;
}
.card-body .tab-content {
border: solid 1px #F4F4F4;
}
.card-body .tab-content .search-field {
border-bottom: solid 1px #ECF0F5;
/*background-color: #F4F4F4;*/
padding: 10px;
overflow: hidden;
}
.card-body .tab-content table {
}
.card-body .tab-content table thead {
}
.card-body .tab-content table thead tr th {
}
.card-body .tab-content table thead tr th {
/*color: #b3b8c8;*/
color: #fe8037;
font-size: 0.8rem;
font-weight: 500;
text-transform: uppercase;
border-bottom: solid 1px #ECF0F5;
border-top: solid 0px #ebedf3;
/*background-color: #f7f7f7;*/
}
.card-body .tab-content table thead tr th,
.card-body .tab-content table tbody tr td {
border-collapse: collapse;
padding: 1rem 1rem;
font-size: 1.3rem;
}
.card-body .tab-content table tbody {
}
.card-body .tab-content table tbody tr {
}
.card-body .tab-content table tbody tr:hover {
background-color: #fff7f2;
}
.card-body .tab-content table tbody tr:hover td {
color: #0d1632;
}
.card-body .tab-content table tbody tr td {
border-bottom: solid 1px #ECF0F5;
color: #72787f;
}
.card-body .browse-clients {
border: solid 1px #D2D2D2;
border-radius: 5px;
padding: 5px;
}
.card-body .browse-clients ul {
margin: 0;
padding: 0;
height: 250px;
overflow: auto;
}
.card-body .browse-clients ul li {
margin: 0;
padding: 0;
list-style: none;
border: solid 1px #fff;
padding: 5px 10px 5px 10px;
background-color: #F1F1F1;
}
.card-body .browse-clients ul li:hover {
background-color: #FFF8E4;
}
.card-footer {
}
.content-footer {
border: solid 0px red;
padding: 1.6rem;
}
.pagination {
}
.pagination {
}
.pagination a {
margin: 0 5px; /* 0 is for top and bottom. Feel free to change it */
font-size: 1.4rem;
border: none;
border-radius: 5px;
}
.pagination a.active {
background-color: #121c3d;
color: white;
border-radius: 5px;
}
.pagination a:hover:not(.active) {
background-color: #ddeeff;
}
.pagination li {
}
.pagination li a {
border: solid 0px red;
/*background-color: #f1f5f8;*/
background-color: #ECF0F5;
color: #121c3d;
height: calc(1.35em + 1.1rem + 2px);
width: calc(1.35em + 1.1rem + 2px);
}
.pagination > .disabled > a {
border: solid 0px red;
background-color: #f1f5f8;
height: calc(1.35em + 1.1rem + 2px);
width: calc(1.35em + 1.1rem + 2px);
}
.pagination > .active > a {
background-color: #fe8037;
color: white;
font-weight: 600;
}
.pagination > .active > a:hover {
background-color: #3699FF;
color: white;
}
.pagination a.active {
background-color: #3699FF;
color: white;
}
.pagination a:hover:not(.active) {
background-color: #fe8037;
color: white;
}
/* -------- Global: For Heading -------- */
.heading {
border: solid 0px red;
margin-bottom: 20px;
}
.heading table {
}
.heading table tr {
}
.heading table tr td {
border: solid 0px #000;
vertical-align: middle;
padding-right: 10px;
}
.heading table tr td i {
font-size: 50px;
color: #1f69e9;
}
.heading table tr td h3 {
margin: 0;
padding: 0;
font-weight: 600;
color: #1f69e9;
}
.heading table tr td p {
margin: 0;
padding: 0;
font-size: 16px;
color: #898989;
font-weight: 500;
}
/* -------- Global: For panel, panel-info, panel-heading -------- */
.panel {
border: solid 0px red;
}
.panel .panel-info {
border: solid 1px #ecf0f5;
}
.panel .panel-heading {
color: #1f69e8;
background-color: #ecf0f5;
font-size: 23px;
font-weight: 600;
text-transform: uppercase;
border: none;
padding-bottom: 20px;
}
.panel .panel-heading .icon-title {
padding-top: 0px;
vertical-align: middle;
padding: 0;
}
.panel .panel-heading .icon {
font-size: 50px;
}
.panel .panel-heading .title {
vertical-align: middle;
top: 20px;
}
.panel .panel-heading .title .main-title {
margin-top: -12px;
line-height: normal;
margin-bottom: -5px;
}
.panel .panel-heading .title .sub-title {
text-transform: capitalize;
font-weight: normal;
font-size: 18px;
color: #7d7d7d;
}
/* -------- Global: tabbing, nav-tabs-custom, nav van-tabs, tab-content, tab-pane, tab active -------- */
.tabbing {
border: solid 0px #000;
margin-top: 0px;
height: auto;
width: 100%;
}
.tabbing .nav-tabs-custom {
border: solid 0px #000;
-webkit-box-shadow: 0px 0px 20px -15px rgba(0,0,0,0.51);
-moz-box-shadow: 0px 0px 20px -15px rgba(0,0,0,0.51);
box-shadow: 0px 0px 20px -15px rgba(0,0,0,0.51);
background-color: #fff;
border-radius: 5px;
border: none;
padding: 2px;
}
.tabbing .nav-tabs-custom {
margin-bottom: 20px;
background: #fff;
box-shadow: none;
border-radius: 5px;
border: solid 0px #eeeeee;
}
.tabbing .nav-tabs-custom ul {
border: solid 0px red;
background-color: #f3f7ff;
}
.tabbing .nav-tabs-custom ul li {
border: solid 0px red;
background-color: #f3f7ff;
padding: 0;
margin: 0;
color: #707070;
}
.tabbing .nav-tabs-custom ul li a {
color: #707070;
font-weight: 600;
padding: 15px 30px;
}
.tabbing .nav-tabs-custom ul li a:hover {
color: #1f69e8;
font-weight: 600;
}
.tabbing .nav-tabs-custom ul li.active a {
color: #1f69e8;
font-weight: 600;
}
.tabbing .nav-tabs-custom ul li.active a:hover {
border: solid 1px #fff;
color: #1f69e8;
}
.tabbing .nav-tabs-custom .tab-content {
border: solid 0px red;
padding: 25px 20px 50px 20px;
}
.tabbing .tab-content .row {
padding: 10px 30px;
}
.tabbing .nav-tabs-custom .tab-content .tab-pane {
border: solid 0px red;
}
.tabbing .nav-tabs-custom .tab-content .tab-pane .box-header {
border: solid 0px red;
}
.tabbing .nav-tabs-custom .tab-content .tab-pane .box-header i {
border: solid 0px red;
color: #1f69e8;
}
.tabbing .nav-tabs-custom .tab-content .tab-pane .box-header i.red {
color: red;
}
.tabbing .nav-tabs-custom .tab-content .tab-pane .box-header h3 {
border: solid 0px red;
font-weight: 600;
color: #1f69e8;
}
.tabbing .nav-tabs-custom .tab-content .tab-pane .box-header h3.red {
color: red;
}
.tabbing .nav-tabs-custom .tab-content .tab-pane .box-header small {
border: solid 0px red;
font-weight: normal;
margin-left: 28px;
font-size: 14px;
}
.tabbing .nav-tabs-custom .tab-content .box-body {
border: none;
}
.tabbing .nav-tabs-custom .tab-content .box-body label {
font-size: 16px;
font-weight: normal;
color: #000;
}
.tabbing .nav-tabs-custom .tab-content .tab-pane .active {
}
.tabbing .nav-tabs-custom .tab-content .tab-pane {
border: solid 0px red;
padding: 10px 20px;
}
.tabbing .nav-tabs-custom .tab-content .tab-pane {
border: solid 0px red;
}
.tabbing .nav-tabs-custom .tab-content .tab-pane table {
border: solid 0px red;
border-top: solid 1px #dcecff;
margin-top: 5px;
}
.tabbing .nav-tabs-custom .tab-content .tab-pane table {
width: 100%;
}
.tabbing .nav-tabs-custom .tab-content .tab-pane table thead {
}
.tabbing .nav-tabs-custom .tab-content .tab-pane table thead tr {
}
.tabbing .nav-tabs-custom .tab-content .tab-pane table,
.tabbing .nav-tabs-custom .tab-content .tab-pane table tr td {
border: 0px solid red
}
.tabbing .nav-tabs-custom .tab-content .tab-pane table tbody {
display: block;
height: auto;
overflow: auto;
}
.tabbing .nav-tabs-custom .tab-content .tab-pane table thead tr td {
vertical-align: middle;
word-wrap: break-word;
padding: 15px 5px 15px 5px;
color: #1F69E8;
font-weight: 600;
border-bottom: solid 2px #6e9de2;
border-top: solid 1px #dcecff;
vertical-align: top;
}
.tabbing .nav-tabs-custom .tab-content .tab-pane table tbody tr {
}
.tabbing .nav-tabs-custom .tab-content .tab-pane table tbody tr:hover {
background-color: #eff6ff;
color: #005ffc;
border-left: solid 2px #b4d6ff;
}
.tabbing .nav-tabs-custom .tab-content .tab-pane table tbody td {
vertical-align: top;
word-wrap: break-word;
padding: 10px 5px 10px 5px;
border-bottom: solid 1px #dcecff;
}
.tabbing .nav-tabs-custom .tab-content .tab-pane thead,
.tabbing .nav-tabs-custom .tab-content .tab-pane table tbody tr {
display: table;
width: 100%;
table-layout: fixed;
}
.tabbing .nav-tabs-custom .tab-content .tab-paney table thead {
width: calc( 100% - 1em );
}
.tabbing .nav-tabs-custom .tab-content .tab-pane table {
width: 100%;
}
.tabbing .nav-tabs-custom .tab-content .tab-pane table.data-filter {
border: solid 0px red;
margin: 0;
margin-bottom: 5px;
width: 100%;
}
.tabbing .nav-tabs-custom .tab-content .tab-pane table.data-filter thead {
border: solid 0px red;
width: auto;
padding: 0;
margin: 0;
width: 100%;
}
.tabbing .nav-tabs-custom .tab-content .tab-pane table.data-filter thead td {
border: solid 0px red;
padding: 0;
vertical-align: middle;
width: auto;
padding: 0 10px 0 0;
margin: 0;
}
.tabbing .nav-tabs-custom .tab-content .tab-pane table.data-filter thead td span.label {
font-weight: normal;
color: #000;
font-size: 100%;
}
.search {
border: solid 1px #c2c2c2;
border-radius: 5px;
padding: 2px 4px 2px 7px;
background-color: #F9F9F9;
width: 300px;
}
.search:hover {
border: solid 1px #fe8037;
}
.search:focus {
border: solid 1px #fe8037;
}
.search .input-group-addon,
.tabbing .nav-tabs-custom .tab-content .tab-pane table.data-filter thead td .input-group-addon {
background-color: #F9F9F9;
border: none;
padding: 2px 5px 2px 10px;
}
.search .search-bar,
.tabbing .nav-tabs-custom .tab-content .tab-pane table.data-filter thead td .search-bar {
padding: 5px 5px;
font-weight: normal;
outline: none;
border-radius: 0px;
border: solid 0px #84afff;
border-top: none;
width: 100%;
background-color: #F9F9F9;
}
.search .glyphicon {
color: #121c3d;
}
.search input[type="text"] {
}
.search input[type="text"]:focus {
color: #121c3d;
}
.tabbing .nav-tabs-custom .tab-content .tab-pane table.data-filter thead td select {
padding: 5px 5px;
font-weight: normal;
outline: none;
border-radius: 3px;
border: solid 1px #84afff;
}
.tabbing .nav-tabs-custom .tab-content .tab-pane table.data-filter thead td button {
outline: none;
}
.tabbing .nav-tabs-custom .tab-content .tab-pane table.data-filter thead td select option {
}
.tabbing .nav-tabs-custom .tab-content .tab-pane table.data-filter thead td select .select-selected {
}
/* -------- Global:For Bootstrap Forms -------- */
.form-group {
border: solid 0px red;
padding: 10px 0;
margin: 5px 0;
}
.form-group label {
color: #1f69e9;
padding: 5px 0;
margin: 0;
font-weight: normal;
font-size: 14px;
}
.form-group input[type="text"],
.form-group input[type="number"],
.form-group input[type="password"]
.form-group input[type="email"],
.form-group textarea {
border: solid 1px #bbd4ff;
border-radius: 5px;
/*color: #005dff;*/
color: #363636;
/*padding: 15px 16px;*/
padding: 8px 15px;
outline: none;
font-size: 14px;
}
.form-group input[type="text"].full-width,
.form-group input[type="number"].full-width,
.form-group input[type="password"].full-width,
.form-group input[type="email"].full-width,
.form-group textarea {
width: 100%;
}
.form-group select {
padding: 5px 13px;
height: auto;
border: solid 1px #bbd4ff;
color: #363636;
}
.form-group select:hover {
border: solid 1px #005dff;
color: #1f69e9;
}
.form-group select:disabled,
.form-group select:focus:disabled {
border: solid 1px #005dff;
color: #7d7d7d;
}
.form-group input[type="text"]:hover,
.form-group input[type="password"]:hover,
.form-group input[type="email"]:hover,
.form-group textarea:hover {
border: solid 1px #005dff;
color: #1f69e9;
outline: none;
}
.form-group ::placeholder {
color: #8ba6d5;
}
.form-group input[type="text"]:focus,
.form-group input[type="password"]:focus,
.form-group input[type="email"]:focus {
color: #005dff;
outline: none;
}
.form-group input[type="text"]:disabled,
.form-group input[type="password"]:disabled {
color: #8ba6d5;
}
.form-group input[type="text"]:disabled:hover,
.form-group input[type="password"]:disabled:hover {
color: #1f69e9;
}
#external label.filename {
border: solid 1px #005dff;
padding: 10px 13px;
font-size: 14px;
/*color: #b7b7b7;*/
color: #1f69e9;
height: auto;
background-color: #f6f6f6;
display: inline-block;
white-space: nowrap;
text-overflow: ellipsis;
width: 100%;
overflow: hidden;
}
#fileLabel #fileLabelText2 {
/*border: solid 1px red;*/
}
label #fileLabelText {
display: inline-block;
white-space: nowrap;
text-overflow: ellipsis;
width: 100%;
overflow: hidden;
}
/* -------- Global: For Modal, Modal Content, Modal Header, Modal Body, Modal Footer -------- */
.modal-content {
}
.modal-content .modal-header {
padding: 10px;
margin: 0;
}
.modal-content .modal-header .row {
padding: 0;
margin: 0;
}
.modal-content .modal-header .heading {
border: solid 0px red;
padding: 0;
margin: 0;
}
.modal-content .modal-header .heading table {
border: solid 0px red;
padding: 0;
margin: 0;
}
.modal-content .modal-header .heading table tr {
border: solid 0px red;
margin: 0;
padding: 0;
}
.modal-content .modal-header .heading table tr td {
border: solid 0px red;
}
.modal-content .modal-header .heading table tr td.icon {
font-size: 50px;
}
.modal-content .modal-header .heading .descriptions {
}
.modal-content .modal-header .heading .descriptions .title {
font-size: 22px;
font-weight: normal;
}
.modal-content .modal-header .heading .descriptions .subTitle {
font-size: 16px;
font-weight: normal;
color: #707070;
}
.modal-content .modal-header .icon {
}
.modal-content .modal-header .title {
font-size: 22px;
font-weight: normal;
}
.modal-content .modal-header .description {
font-size: 16px;
font-weight: normal;
color: #707070;
}
.modal-content .search {
}
.modal-content .search input[type="text"] {
padding: 6px 6px;
border: none;
border: solid 0px #000;
}
.modal-content .search input[type="text"]:hover {
padding: 6px 6px;
border: none;
border: solid 0px #000;
}
.modal-content .modal-header {
border: solid 0px red;
}
.modal-content .modal-header table {
border: solid 0px red;
}
.modal-content .modal-header table tr {
}
.modal-content .modal-header table tr td {
border: solid 0px red;
padding-right: 5px;
font-size: 25px;
font-weight: 600;
color: #fe8037;
}
.modal-content .modal-header table tr td i {
font-size: 40px;
color: #fe8037;
}
.modal-content .modal-body {
border: solid 0px red;
padding: 30px 50px;
}
.modal-content .modal-body .row {
padding: 0px 10px;
border: solid 0px red;
}
.modal-content .modal-body .box-body .filename {
border: solid 1px #1F69E9;
padding: 10px;
text-align: center;
height: auto;
border-radius: 10px;
white-space: nowrap;
text-overflow: ellipsis;
width: 100%;
}
.modal-content .modal-header,
.modal-content .modal-footer {
border: solid 0px red;
padding: 10px 10px;
font-size: 2rem;
}
.modal-content .modal-header table tr td .fa {
font-size: 2em;
}
.modal-content .modal-header table tr td {
font-size: 2rem;
}
.modal-content .modal-footer {
background-color: #F6F6F6;
}
/*Modal Body Table */
.modal-body table {
border: solid 0px red;
border-top: solid 1px #dcecff;
margin-top: 20px;
}
.modal-body table {
width: 100%;
}
.modal-body table thead {
}
.modal-body table thead tr {
}
.modal-body table,
.modal-body table tr td {
border: 0px solid red;
}
.modal-body table thead td {
color: red;
}
.modal-body table tr:hover td {
color: #121c3d;
}
.modal-body table tbody {
display: block;
height: auto;
overflow: auto;
}
.modal-body table tbody tr.tr-heading th {
}
.modal-body table tbody tr.tr-heading td,
.modal-body table thead tr th,
.modal-body table thead tr td {
vertical-align: middle;
word-wrap: break-word;
padding: 10px;
color: #fe8037;
font-weight: 500;
border-bottom: solid 2px #6e9de2;
border-top: solid 1px #dcecff;
vertical-align: top;
font-size: 14px;
}
.modal-body table tbody tr.tr-heading td {
font-weight: 400;
}
.modal-body table tbody tr td {
color: #72787f;
}
.modal-body table tbody tr:hover {
background-color: #fff7f2;
color: #121c3d;
border-left: solid 2px #b4d6ff;
}
.modal-body table tbody td {
vertical-align: top;
word-wrap: break-word;
padding: 10px 5px 10px 5px;
border-bottom: solid 1px #dcecff;
}
.modal-body thead,
.modal-body table tbody tr {
display: table;
width: 100%;
table-layout: fixed;
}
.modal-body table thead {
width: calc( 100% - 1em );
}
.modal-body table {
width: 100%;
}
/* ------------------------ Global: Table, TBody Scroll --------------- */
.accountInfo {
border: solid 0px red;
}
ul.notification,
.accountInfo ul.notification {
border: solid 0px red;
margin: 0;
padding: 0;
}
ul.notification.li,
.accountInfo ul.notification li {
list-style: none;
background-color: white;
margin: 0;
padding: 5px 0 5px 0;
font-weight: 500;
vertical-align: middle;
border-bottom: solid 1px #ccc;
}
ul.notification li input[type="checkbox"],
.accountInfo ul.notification li input[type="checkbox"] {
margin-right: 10px;
padding: 5px;
width: 20px;
height: 20px;
}
/* ------------------------ Global: Table, TBody Scroll --------------- */
.modal-content .modal-body {
padding: 20px;
font-size: 16px;
color: #000;
font-weight: 500;
}
.modal-content .modal-body table {
border: solid 0px red;
border-top: solid 0px #dcecff;
}
.modal-content .modal-body table.scroll {
border: solid 0px red;
border-top: solid 0px #dcecff;
}
.modal-content .modal-body table.scroll tbody,
.modal-content .modal-body table.scroll thead {
display: block;
}
.modal-content .modal-body table.scroll thead tr th {
height: 30px;
line-height: 30px;
padding: 15px 10px;
}
.modal-content .modal-body table.scroll tbody {
height: 600px;
overflow-y: auto;
overflow-x: hidden;
width: 100%;
display: block;
}
.modal-content .modal-body table {
}
.modal-content .modal-body table thead {
}
.modal-content .modal-body table thead tr {
}
.modal-content .modal-body table thead tr th {
border: solid 0px red;
padding: 15px;
color: #1f69e9;
border-bottom: solid 1px #6e9de2;
font-weight: bold;
}
.modal-content .modal-body table tbody {
}
.modal-content .modal-body table tbody tr {
}
.modal-content .modal-body table tbody tr:hover {
border: solid 0px red;
border-left: solid 0px #aed1fd;
background-color: #eff6ff;
}
.modal-content .modal-body table tbody tr td {
vertical-align: top;
padding: 10px;
border-bottom: solid 1px #dcecff;
vertical-align: middle;
font-size: 12px;
font-weight: normal;
}
/*------------------------- User/index.cshtml------------------------- */
.unselectable {
background-color: #ddd;
cursor: not-allowed;
}
.notification-permissions {
border: solid 0px red;
}
.notification-permissions ul {
padding: 0;
margin: 0;
}
.notification-permissions ul li {
padding: 5px 10px 5px 0;
vertical-align: middle;
font-size: 14px;
list-style: none;
border-bottom: solid 1px #ccc;
vertical-align: middle;
}
#internal {
}
#internal .panel {
border: solid 1px #ecf0f5;
}
#internal .panel .panel-info {
border: solid 1px #ecf0f5;
}
#internal .panel .panel-heading {
color: #1f69e8;
background-color: #ecf0f5;
font-size: 23px;
font-weight: 600;
text-transform: uppercase;
border: none;
padding-bottom: 20px;
}
#internal .panel .panel-heading .icon-title {
padding-top: 0px;
vertical-align: middle;
padding: 0;
}
#internal .panel .panel-heading .icon {
font-size: 50px;
}
#internal .panel .panel-heading .title {
vertical-align: middle;
top: 20px;
}
#internal .panel .panel-heading .title .main-title {
margin-top: -12px;
line-height: normal;
margin-bottom: -5px;
}
#internal .panel .panel-heading .title .sub-title {
text-transform: capitalize;
font-weight: normal;
font-size: 18px;
color: #7d7d7d;
}
#internal .panel .panel-heading .button {
padding-top: 10px;
}
#internal .panel .panel-body {
padding: 0px;
border: solid 0px #000;
background-color: #ecf0f5;
border: none;
}
#internal .panel .panel-body .ssda-table {
background-color: #ffffff;
-webkit-box-shadow: 0px 0px 20px -15px rgba(0,0,0,0.51);
-moz-box-shadow: 0px 0px 20px -15px rgba(0,0,0,0.51);
box-shadow: 0px 0px 20px -15px rgba(0,0,0,0.51);
width: auto;
border: none;
border-radius: 10px;
margin-left: 0px;
padding: 40px;
}
#internal .modal-content {
border: solid 0px #ff4800;
padding: 10px;
}
.modal .modal-content .modal-header {
border: solid 0px red;
color: #121c3d;
}
.modal .modal-content .modal-header .row {
}
.modal .modal-content .modal-header .row .icon {
font-size: 50px;
margin-top: -10px;
}
.modal .modal-content .modal-header .row .title {
padding-left: 0px;
top: 10px;
}
.modal .modal-content .modal-header .row .title .main-title {
font-size: 25px;
}
.modal .modal-content .modal-header .row .title .sub-title {
}
.modal .modal-content .modal-header .row .with-sub-title {
padding-left: 20px;
top: 0px;
}
.modal .modal-content .modal-header .row .with-sub-title .main-title {
font-size: 25px;
}
.modal .modal-content .modal-header .row .with-sub-title .sub-title {
font-weight: normal;
margin-top: -5px;
color: #898989;
}
#internal .modal-content .modal-body {
padding: 20px;
font-size: 16px;
color: #000;
font-weight: 500;
}
#internal .modal-content .modal-body table {
border: solid 0px red;
border-top: solid 0px #dcecff;
}
#internal .modal-content .modal-body table.scroll {
border: solid 0px red;
border-top: solid 0px #dcecff;
}
#internal .modal-content .modal-body table.scroll tbody,
#internal .modal-content .modal-body table.scroll thead {
display: block;
}
#internal .modal-content .modal-body table.scroll thead tr th {
height: 30px;
line-height: 30px;
padding: 15px 10px;
}
#internal .modal-content .modal-body table.scroll tbody {
height: 600px;
overflow-y: auto;
overflow-x: hidden;
width: 100%;
display: block;
}
#internal .modal-content .modal-body table {
}
#internal .modal-content .modal-body table thead {
}
#internal .modal-content .modal-body table thead tr {
}
#internal .modal-content .modal-body table thead tr th {
border: solid 0px red;
padding: 10px;
color: red;
border-bottom: solid 1px #6e9de2;
font-weight: 400;
font-size: 14px;
}
#internal .modal-content .modal-body table tbody {
}
#internal .modal-content .modal-body table tbody tr {
}
#internal .modal-content .modal-body table tbody tr:hover {
border: solid 0px red;
border-left: solid 0px #aed1fd;
background-color: #eff6ff;
}
#internal .modal-content .modal-body table tbody tr td {
vertical-align: top;
padding: 10px;
border-bottom: solid 1px #dcecff;
vertical-align: middle;
font-size: 12px;
font-weight: normal;
}
#internal .modal-content .modal-footer {
background-color: #F6F6F6;
border: none;
}
.modal-content .modal-body table thead tr th {
border: solid 0px red;
padding: 10px;
color: #fe8037;
border-bottom: solid 2px #ECF0F5;
font-weight: 400;
font-size: 14px;
}
.modal-content .modal-body table tbody tr td {
border-bottom: solid 1px #ECF0F5;
}
.modal-content .modal-body table tbody tr:hover {
background-color: #fff7f2;
}
.modal-content .modal-body table tbody tr:hover td {
color: #0d1632;
}
/*------------------------- User/UserProfile.cshtml------------------------- */
.user-profile {
border: solid 0px red;
padding: 30px 0 0 0;
}
.user-profile .user-photo {
border: solid 0px red;
font-size: 11px;
}
.user-profile .user-photo i {
font-size: 70px;
background-color: #eee;
padding: 30px;
border-radius: 5px;
margin-bottom: 10px;
}
.user-profile h5 {
color: #1764ec;
}
/*------------------------- User/RightsRoles.cshtml------------------------- */
.rightRoles {
border: solid 0px #000;
margin-top: 0px;
height: auto;
width: 95%;
margin: auto;
}
#internal .rightRoles .nav-tabs-custom {
border: solid 0px #000;
-webkit-box-shadow: 0px 0px 20px -15px rgba(0,0,0,0.51);
-moz-box-shadow: 0px 0px 20px -15px rgba(0,0,0,0.51);
box-shadow: 0px 0px 20px -15px rgba(0,0,0,0.51);
background-color: #fff;
border-radius: 5px;
border: none;
padding: 2px;
}
#internal .rightRoles .nav-tabs-custom {
margin-bottom: 20px;
background: #fff;
box-shadow: none;
border-radius: 5px;
border: solid 0px #eeeeee;
}
#internal .rightRoles .nav-tabs-custom ul {
border: solid 0px red;
background-color: #eeeeee;
}
#internal .rightRoles .nav-tabs-custom ul li {
border: solid 0px red;
background-color: #eeeeee;
padding: 0;
margin: 0;
color: #707070;
}
#internal .rightRoles .nav-tabs-custom ul li a {
color: #707070;
font-weight: 600;
padding: 15px 30px;
}
#internal .rightRoles .nav-tabs-custom ul li a:hover {
color: #1f69e8;
font-weight: 600;
}
#internal .rightRoles .nav-tabs-custom ul li.active a {
color: #1f69e8;
font-weight: 600;
}
#internal .rightRoles .nav-tabs-custom ul li.active a:hover {
border: solid 1px #fff;
color: #1f69e8;
}
#internal .rightRoles .nav-tabs-custom .tab-content {
border: solid 0px red;
padding: 10px 20px;
}
#internal .rightRoles .nav-tabs-custom .tab-content .tab-pane {
border: solid 0px red;
}
#internal .rightRoles .nav-tabs-custom .tab-content .tab-pane .box-header {
border: solid 0px red;
}
#internal .rightRoles .nav-tabs-custom .tab-content .tab-pane .box-header i {
border: solid 0px red;
color: #1f69e8;
}
#internal .rightRoles .nav-tabs-custom .tab-content .tab-pane .box-header i.red {
color: red;
}
#internal .rightRoles .nav-tabs-custom .tab-content .tab-pane .box-header h3 {
border: solid 0px red;
font-weight: 600;
color: #1f69e8;
}
#internal .rightRoles .nav-tabs-custom .tab-content .tab-pane .box-header h3.red {
color: red;
}
#internal .rightRoles .nav-tabs-custom .tab-content .tab-pane .box-header small {
border: solid 0px red;
font-weight: normal;
margin-left: 28px;
font-size: 14px;
}
#internal .rightRoles .nav-tabs-custom .tab-content .box-body {
border: none;
}
#internal .rightRoles .nav-tabs-custom .tab-content .box-body label {
font-size: 16px;
font-weight: normal;
color: #000;
}
#internal .rightRoles .nav-tabs-custom .tab-content .tab-pane .active {
}
#internal .rightRoles .nav-tabs-custom .tab-content .tab-pane {
border: solid 0px red;
padding: 10px 20px;
}
#internal .rightRoles .nav-tabs-custom .tab-content .tab-pane {
border: solid 0px red;
}
/*
#internal .rightRoles .nav-tabs-custom .tab-content .tab-pane .search-field{
clear:both;
margin-bottom:20px;
}
#internal .rightRoles .nav-tabs-custom .tab-content .tab-pane .search-field input {
border: solid 1px #e1e1e1;
border-radius:5px;
padding: 8px;
}
#internal .rightRoles .nav-tabs-custom .tab-content .tab-pane .search-field input:hover {
border: solid 1px #3d85eb;
}
*/
#internal .rightRoles .nav-tabs-custom .tab-content .tab-pane table {
border: solid 0px red;
border-top: solid 1px #dcecff;
}
#internal .rightRoles .nav-tabs-custom .tab-content .tab-pane table thead {
border: solid 0px red;
}
#internal .rightRoles .nav-tabs-custom .tab-content .tab-pane table thead tr {
border: solid 0px red;
}
#internal .rightRoles .nav-tabs-custom .tab-content .tab-pane table thead tr th {
border: solid 0px red;
padding: 10px 10px;
color: #1f69e9;
border-bottom: solid 2px #6e9de2;
font-weight: 400;
}
#internal .rightRoles .nav-tabs-custom .tab-content .tab-pane table tbody {
border: solid 0px red;
}
#internal .rightRoles .nav-tabs-custom .tab-content .tab-pane table tbody tr {
border: solid 0px red;
}
#internal .rightRoles .nav-tabs-custom .tab-content .tab-pane table tbody tr:hover {
border: solid 0px red;
border-left: solid 0px #aed1fd;
background-color: #eff6ff;
color: #1f69e9;
}
#internal .rightRoles .nav-tabs-custom .tab-content .tab-pane table tbody tr td {
vertical-align: top;
padding: 10px;
border-bottom: solid 1px #dcecff;
}
/* The switch - the box around the slider */
.switch {
position: relative;
display: inline-block;
/*
width: 60px;
height: 34px;
*/
width: 50px;
height: 23px;
}
/* Hide default HTML checkbox */
.switch input {
opacity: 0;
width: 0;
height: 0;
}
/* 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: 15px;
width: 15px;
left: 4px;
bottom: 4px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
}
input:checked + .slider {
background-color: #2196F3;
}
input:focus + .slider {
box-shadow: 0 0 1px #2196F3;
}
input:checked + .slider:before {
-webkit-transform: translateX(26px);
-ms-transform: translateX(26px);
transform: translateX(26px);
}
/* Rounded sliders */
.slider.round {
border-radius: 34px;
}
.slider.round:before {
border-radius: 50%;
}
/*
.rightRoles .modal .modal-body .search-field {
}
.rightRoles .modal .modal-body .search-field input{
border: solid 1px #e1e1e1;
border-radius: 5px;
padding: 8px;
}
.rightRoles .modal .modal-body .required-field {
color:red;
font-weight:normal;
}
*/
.rightRoles .modal .modal-body .grantRights {
border: solid 0px red;
margin-top: 20px;
}
.rightRoles .modal .modal-body .grantRights table {
}
.rightRoles .modal .modal-body .grantRights table thead {
}
.rightRoles .modal .modal-body .grantRights table thead tr {
border-top: solid 1px #d9eaff;
border-bottom: solid 2px #d9eaff;
}
.rightRoles .modal .modal-body .grantRights table thead tr th {
padding: 10px 10px;
text-transform: capitalize;
font-weight: 400;
color: #1f69e8;
text-align: left;
border: none;
border: solid 0px red;
}
.rightRoles .modal .modal-body .grantRights table tbody {
}
.rightRoles .modal .modal-body .grantRights table tbody tr {
border-bottom: solid 1px #d9eaff;
color: #636363;
}
.rightRoles .modal .modal-body .grantRights table tbody tr:hover {
background-color: #eff6ff;
color: #1f69e8;
border-left: solid 2px #aed1fd;
}
.rightRoles .modal .modal-body .grantRights table tbody tr td {
padding: 10px 10px;
text-transform: capitalize;
font-weight: normal;
text-align: left;
border: none;
border: solid 0px red;
}
.rightRoles .modal .modal-body .grantRights table tbody tr td:hover {
}
.rightRoles .modal .modal-body .grantRights table tbody tr td .switch,
.modal-content .modal-body .tabbing .tab-content .tab-pane .switch {
width: 50px;
height: 23px;
border: solid 0px red;
}
.rightRoles .modal .modal-body .grantRights table tbody tr td label .slider {
}
.rightRoles .modal .modal-body .grantRights table tbody tr td label .slider:before {
height: 15px;
width: 15px;
}
/** ----------- For Dashboard Tables ---------------- **/
.sda-text-blue {
color: #6c6c6c;
}
.sda-text-black {
color: #005ffc;
}
.sda-table {
border: 0px solid #d9eaff;
border-color: #d9eaff;
}
.sda-table {
border-collapse: collapse;
width: 100%;
border-top: solid 1px #eaf3ff;
}
.sda-table th {
border: 0px solid #d9eaff;
color: #EC971F;
padding: 8px;
font-weight: 600;
font-size: 14px;
}
.sda-table td {
border: 0px solid #d9eaff;
padding: 8px;
vertical-align: middle;
}
.sda-table tr:nth-child(even) {
background-color: none;
border-radius: 30px;
}
.sda-table tbody tr {
border-radius: 30px;
}
.sda-table tbody tr:hover {
background-color: #eff6ff;
color: #005ffc;
border-left: solid 2px #b4d6ff;
}
.sda-table th {
text-align: left;
background-color: none;
border-bottom: 1px solid #ebf4ff;
color: #1f69e9;
font-size: 14px;
font-weight: bold;
padding: 20px 20px 20px 10px;
margin-top: 1px;
margin-bottom: 1px;
margin-left: -10px;
vertical-align: middle;
text-align: left;
border-bottom: solid 2px #1f69e9;
}
.sda-table-equal td {
width: 50%;
text-align: left;
border-bottom: 1px solid #ebf4ff;
padding: 20px 20px 15px 10px;
vertical-align: middle;
word-wrap: break-word;
vertical-align: top;
}
.sda-important::after {
color: red;
content: " *";
}
/*------------------------- Upload/index.cshtml------------------------- */
#external {
border: solid 0px #000;
padding-left: 20px;
padding-right: 20px;
}
#external .content-header {
width: 600px;
margin: auto;
}
#external .panel .panel-heading {
/*color: #1f69e8;*/
background-color: #ecf0f5;
font-size: 23px;
font-weight: 600;
text-transform: uppercase;
border: none;
padding-bottom: 20px;
}
#external .content-header .icon-title {
padding-top: 0px;
vertical-align: middle;
padding: 0;
color: #0c1430;
}
#external .content-header .icon {
font-size: 40px;
width: 50px;
color: #121c3d;
}
#external .content-header .title {
vertical-align: middle;
top: 10px;
font-size: 26px;
font-weight: 600;
}
#external .content-header .title .main-title {
margin-top: -12px;
line-height: normal;
margin-bottom: -5px;
}
#external .content-header .title .sub-title {
text-transform: capitalize;
font-weight: normal;
font-size: 18px;
color: #7d7d7d;
}
#external .form-group input[type="text"], #external .form-group select {
border: solid 1px #1f69e8;
color: #1f69e8;
}
#external label, #external strong {
color: #1f69e8;
font-weight: normal;
font-size: 16px;
}
#external .content {
width: 600px;
margin: auto;
}
#external .filename {
}
.box {
-webkit-box-shadow: 0px 0px 20px -15px rgba(0,0,0,0.51);
-moz-box-shadow: 0px 0px 20px -15px rgba(0,0,0,0.51);
box-shadow: 0px 0px 20px -15px rgba(0,0,0,0.51);
border-radius: 5px;
border: none;
padding: 50px;
width: 600px;
margin: auto;
margin-left: 0px;
}
.dropFileForm {
/*width: 250px;*/
width: auto;
text-align: center;
transition: 0.5s;
border-radius: 20px;
}
.dropFileForm .fileInput {
display: none;
}
.dropFileForm .fileLabel {
background-color: #fff;
display: block;
padding: 50px;
position: relative;
cursor: pointer;
width: 400px;
width: 100%;
color: #c2c2c2;
border: dashed 2px #057eff;
border-radius: 30px;
font-weight: normal;
}
.dropFileForm .fileLabel:after,
.dropFileForm .fileLabel:before {
position: absolute;
content: "";
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: #fff;
z-index: -2;
border-radius: 8px 8px 0 0;
}
.dropFileForm .fileLabel:before {
z-index: -1;
background: repeating-linear-gradient( 45deg, transparent, transparent 5%, black 5%, black 10% );
opacity: 0;
transition: 0.5s;
}
dropFileForm.fileHover fileLabel:before {
opacity: 0.25;
color: #60b100;
border: dashed 2px #057eff;
}
.slow-spin {
-webkit-animation: fa-spin 100s infinite linear;
animation: fa-spin 1s infinite linear;
}
/*------------------------- User/blockedip.cshtml------------------------- */
#internal {
}
#internal .content-header {
width: 95%;
margin: auto;
}
#internal .panel .panel-heading {
color: #1f69e8;
background-color: #ecf0f5;
font-size: 23px;
font-weight: 600;
text-transform: uppercase;
border: none;
padding-bottom: 20px;
}
#internal .content-header .icon-title {
padding-top: 0px;
vertical-align: middle;
padding: 0;
}
#internal .content-header .icon-title .space {
}
#internal .content-header .icon {
font-size: 60px;
width: 50px;
color: #1f69e8;
margin-top: -10px;
}
#internal .content-header .title {
vertical-align: middle;
top: 10px;
font-size: 26px;
font-weight: 600;
color: #1f69e8;
}
#internal .content-header .title .main-title {
margin-top: -12px;
line-height: normal;
margin-bottom: -5px;
}
#internal .content-header .title .sub-title {
text-transform: capitalize;
font-weight: normal;
font-size: 18px;
color: #7d7d7d;
}
#internal label, #external strong {
color: #057eff;
}
#internal .content {
width: 95%;
margin: auto;
}
#internal .ipAccess {
border: solid 0px #000;
-webkit-box-shadow: 0px 0px 20px -15px rgba(0,0,0,0.51);
-moz-box-shadow: 0px 0px 20px -15px rgba(0,0,0,0.51);
box-shadow: 0px 0px 20px -15px rgba(0,0,0,0.51);
background-color: #fff;
border-radius: 5px;
border: none;
padding: 2px;
}
.ipAccess .nav-tabs-custom {
margin-bottom: 20px;
background: #fff;
box-shadow: none;
border-radius: 5px;
border: solid 0px #eeeeee;
}
.ipAccess .nav-tabs-custom ul {
border: solid 0px red;
background-color: #eeeeee;
}
.ipAccess .nav-tabs-custom ul li {
border: solid 0px red;
background-color: #eeeeee;
padding: 0;
margin: 0;
color: #707070;
}
.ipAccess .nav-tabs-custom ul li a {
color: #707070;
font-weight: 600;
padding: 15px 30px;
}
.ipAccess .nav-tabs-custom ul li a:hover {
color: #1f69e8;
font-weight: 600;
}
.ipAccess .nav-tabs-custom ul li.active a {
color: #1f69e8;
font-weight: 600;
}
.ipAccess .nav-tabs-custom ul li.active a:hover {
border: solid 1px #fff;
color: #1f69e8;
}
.ipAccess .nav-tabs-custom .tab-content {
border: solid 0px red;
padding: 10px 20px;
}
.ipAccess .nav-tabs-custom .tab-content .tab-pane {
border: solid 0px red;
}
.ipAccess .nav-tabs-custom .tab-content .tab-pane .box-header {
border: solid 0px red;
}
.ipAccess .nav-tabs-custom .tab-content .tab-pane .box-header i {
border: solid 0px red;
color: #1f69e8;
}
.ipAccess .nav-tabs-custom .tab-content .tab-pane .box-header i.red {
color: red;
}
.ipAccess .nav-tabs-custom .tab-content .tab-pane .box-header h3 {
border: solid 0px red;
font-weight: 600;
color: #1f69e8;
}
.ipAccess .nav-tabs-custom .tab-content .tab-pane .box-header h3.red {
color: red;
}
.ipAccess .nav-tabs-custom .tab-content .tab-pane .box-header small {
border: solid 0px red;
font-weight: normal;
margin-left: 28px;
font-size: 14px;
}
.ipAccess .nav-tabs-custom .tab-content .box-body {
border: none;
}
#internal .ipAccess .nav-tabs-custom .tab-content .box-body label {
font-size: 16px;
font-weight: normal;
color: #000;
}
.ipAccess .nav-tabs-custom .tab-content .box-body textarea, .ipAccess .nav-tabs-custom .tab-content .box-body textarea .ipList {
background-color: #f6f6f6;
border: solid 1px #dfdfdf;
border-radius: 5px;
padding: 20px;
color: #464646;
font-size: 16px;
line-height: 25px;
font-weight: 500;
}
.ipAccess .nav-tabs-custom .tab-content .tab-pane .active {
}
.ipAccess .nav-tabs-custom .tab-content .tab-pane #ipSettings {
border: solid 0px red;
padding: 10px 20px;
}
.ipAccess .nav-tabs-custom .tab-content #blockActivity {
border: solid 0px red;
padding: 0;
}
.ipAccess .nav-tabs-custom .tab-content #blockActivity table {
width: 100%;
}
.ipAccess .nav-tabs-custom .tab-content #blockActivity table,
.ipAccess .nav-tabs-custom .tab-content #blockActivity table tr td {
border: 0px solid red
}
.ipAccess .nav-tabs-custom .tab-content #blockActivity table tbody {
display: block;
height: 600px;
overflow: auto;
}
.ipAccess .nav-tabs-custom .tab-content #blockActivity table thead tr td {
vertical-align: top;
word-wrap: break-word;
padding: 10px 5px 10px 5px;
color: #1F69E8;
font-weight: 600;
border-bottom: solid 2px #6e9de2;
}
.ipAccess .nav-tabs-custom .tab-content #blockActivity table tbody tr {
}
.ipAccess .nav-tabs-custom .tab-content #blockActivity table tbody tr:hover {
background-color: #eff6ff;
color: #005ffc;
border-left: solid 2px #b4d6ff;
}
.ipAccess .nav-tabs-custom .tab-content #blockActivity table tbody td {
vertical-align: top;
word-wrap: break-word;
padding: 10px 5px 10px 5px;
border-bottom: solid 1px #dcecff;
}
.ipAccess .nav-tabs-custom .tab-content #blockActivity table thead,
.ipAccess .nav-tabs-custom .tab-content #blockActivity table tbody tr {
display: table;
width: 100%;
table-layout: fixed;
}
.ipAccess .nav-tabs-custom .tab-content #blockActivity table thead {
width: calc( 100% - 1em );
}
.ipAccess .nav-tabs-custom .tab-content #blockActivity table {
width: 100%;
}
/*------------------------- /home/index (/home/_index.cshtml) ------------------------- */
.landing-page {
border: solid 0px red;
padding: 30px;
}
.landing-page .external {
border: solid 0px red;
padding: 0;
margin: 0;
width: 100%;
}
.landing-page .external .btn-submit {
width: 200px;
}
.landing-page .external .container {
padding: 0;
margin: 0;
background-color: #fff;
width: 100%;
border: solid 0px #000;
border-radius: 10px;
}
.landing-page .external .container .row {
margin: 0;
border: solid 0px #000;
clear: both;
}
.landing-page .external .container .row #myCarousel {
border: solid 0px blue;
height: 470px;
}
.landing-page .external .container .row #myCarousel .slide {
border: solid 0px red;
}
.landing-page .external .container .row #myCarousel .slide .carousel-indicators {
border: solid 0px #000;
}
.landing-page .external .container .row #myCarousel .carousel-caption {
border: solid 0px blue;
right: 40%;
left: 5%;
bottom: 30%;
text-align: left;
}
.landing-page .external .container .row #myCarousel .carousel-caption h1 {
color: #000;
font-weight: 600;
font-size: xx-large;
padding: 0;
text-shadow: none;
}
.landing-page .external .container .row #myCarousel .carousel-caption h2 {
color: #000;
font-weight: 600;
font-size: large;
padding: 0;
text-shadow: none;
}
.landing-page .external .container .row #myCarousel .carousel-caption h3 {
color: #000;
font-weight: normal;
margin: 5px 0 15px 0;
text-shadow: none;
font-size: medium;
}
.landing-page .external .container .sda {
}
.landing-page .external .container .sda h2 {
font-size: x-large;
font-weight: 600;
padding: 0;
margin: 0;
margin-bottom: 10px;
}
.landing-page .external .container .sda h3 {
font-size: medium;
font-weight: 600;
padding: 0;
margin: 0;
margin-bottom: 10px;
}
.landing-page .external .container .sda .btn-submit {
width: 200px;
}
.landing-page .external .container .sda .sda-about {
background: linear-gradient(to right, #ffffff 5%, #e8f4ff 100%);
background-color: red;
padding: 100px 30px;
overflow: hidden;
font-size: medium;
line-height: normal;
vertical-align: middle;
}
.landing-page .external .container .sda .sda-about .logo {
vertical-align: middle;
padding-top: 30px;
}
.landing-page .external .container .sda .sda-about .logo img {
width: 90%;
}
.landing-page .external .container .sda .sda-whySDA {
background: linear-gradient(to right, #e8f4ff 5%, #ffffff 100%);
background-color: red;
padding: 100px 30px;
overflow: hidden;
font-size: medium;
line-height: normal;
vertical-align: middle;
}
.landing-page .external .container .sda .sda-whySDA ul {
padding: 0;
margin: 0;
}
.landing-page .external .container .sda .sda-whySDA ul li {
padding: 3px 0;
margin: 0;
list-style: none;
font-size: large;
}
.landing-page .external .container .sda .sda-whySDA .video {
padding: 20px;
background-color: #000;
}
.landing-page .external .container .sda .sda-features {
background: linear-gradient(to right, #ffffff 5%, #e8f4ff 100%);
background-color: red;
padding: 100px 30px;
overflow: hidden;
font-size: medium;
line-height: normal;
vertical-align: middle;
text-align: center;
}
.landing-page .external .container .sda .sda-features .icon {
padding: 30px;
border-radius: 100px;
border-bottom-right-radius: 0px;
background-color: #000;
padding: 35px 0px;
font-size: 50px;
color: #fff;
margin-bottom: 10px;
}
.landing-page .external .container .sda .sda-features .blue {
background-color: #0062ff;
}
.landing-page .external .container .sda .sda-features .green {
background-color: #5cbf2a;
}
.landing-page .external .container .sda .sda-features .pink {
background-color: #e825e1;
}
.landing-page .external .container .sda .sda-features .purple {
background-color: #992efd;
}
.landing-page .external .container .sda .sda-features .yellow {
background-color: #edbe00;
}
.landing-page .external .container .sda .sda-features .orange {
background-color: #ff6000;
}
.landing-page .external .container .sda .sda-newsUpdate {
/*background: linear-gradient(to right, #e8f4ff 5%, #ffffff 100%);*/
background-color: #ECF0F5;
padding: 0 30px;
overflow: hidden;
font-size: medium;
line-height: normal;
vertical-align: middle;
text-align: center;
}
.landing-page .external .container .sda .sda-newsUpdate .col-md-3,
.landing-page .external .container .sda .sda-newsUpdate .col-md-4 {
text-align: center;
padding: 0px 0px 30px 0px;
/*background-color: #fff;*/
/*box-shadow: 0 0px 15px -8px rgba(0, 0, 0, 0.5);*/
border-radius: 0px;
border: solid 0px #ccc;
}
.landing-page .external .container .sda .sda-newsUpdate .col-md-3 .item,
.landing-page .external .container .sda .sda-newsUpdate .col-md-4 .item {
background-color: #fff;
box-shadow: 0 0px 15px -8px rgba(0, 0, 0, 0.3);
border-radius: 5px;
border: solid 0px #ccc;
width: 95%;
padding: 20px;
margin: auto;
}
.landing-page .external .container .sda .sda-newsUpdate .image {
}
.landing-page .external .container .sda .sda-newsUpdate .title {
text-align: center;
font-weight: 600;
font-size: large;
margin: 10px 0 5px 0;
}
.landing-page .external .container .sda .sda-newsUpdate .date-tile {
font-size: small;
}
.landing-page .external .container .sda .sda-newsUpdate .excerpt {
font-size: small;
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 7;
-webkit-box-orient: vertical;
}
.landing-page .external .container .row .welcome {
text-align: center;
padding: 70px 30px 70px 30px;
}
.landing-page .external .container .row h1 {
font-size: 40px;
font-weight: bold;
margin: 0 0 10px 0;
padding: 0;
}
.landing-page .external .container .row h3 {
font-size: 20px;
font-weight: 400;
margin: 0;
padding: 0;
}
.landing-page .separator {
width: 100%;
display: block;
height: 32px;
clear: both;
border: solid 0px #000;
background-color: #ecf0f5;
}
.landing-page .title-header {
border: solid 0px #000;
text-align: center;
padding-bottom: 20px;
}
.landing-page .title-header h2 {
margin: 0;
padding: 0;
font-weight: 600;
}
.landing-page .external .bg-color-gray {
background-color: #ecf0f5;
display: block;
}
.landing-page .container .row {
border: solid 0px #000;
margin: 0;
padding: 0;
}
.landing-page .container .row .col-md-6 {
border: solid 0px #000;
margin: 0;
padding: 5px;
}
.landing-page .container .row .box {
width: 100%;
border: solid 0px #000;
border-radius: 10px;
padding: 30px;
height: 200px;
line-height: normal;
}
.landing-page .container .row .blue {
background-color: #4098c8;
}
.landing-page .container .row .green {
background-color: #52bca8;
}
.landing-page .container .row .pink {
background-color: #ed145b;
}
.landing-page .container .row .orange {
background-color: #ff8400;
}
.landing-page .container .row table {
border: solid 0px #000;
margin: 0;
padding: 0;
}
.landing-page .container .row table tr {
border: solid 0px #000;
}
.landing-page .container .row table tr td {
border: solid 0px #000;
vertical-align: middle;
color: #fff;
padding: 0 0 0 10px;
}
.landing-page .container .row table tr td .number {
border: solid 0px #000;
font-size: 100px;
font-weight: bold;
}
.landing-page .container .row table tr td .description {
border: solid 0px #000;
font-size: 30px;
font-weight: 600;
line-height: 30px;
}
.landing-page .container .row .orange table tr td .number {
border: solid 0px #000;
font-size: 90px;
font-weight: bold;
}
.landing-page .container .row .orange table tr td .description {
border: solid 0px #000;
font-size: 30px;
font-weight: 600;
}
/*-------------- DOCS & FAQ'S --------------*/
.landing-page .container .row .docs {
border: solid 0px #000;
}
.landing-page .container .row .docs h3 {
border-bottom: solid 1px #696969;
padding: 0 0 10px 0;
margin-bottom: 10px;
}
.landing-page .container .row .docs ul {
margin: 0;
padding: 0;
}
.landing-page .container .row .docs ul li {
border: solid 0px #000;
list-style: none;
padding: 5px 0 5px 0;
font-size: 15px;
font-weight: 500;
}
.landing-page .container .row .docs ul li .fa {
margin-right: 10px;
}
.panel-group .panel {
border-radius: 0;
box-shadow: none;
border-color: #EEEEEE;
}
.panel-default > .panel-heading {
padding: 0;
border-radius: 0;
/*color: #212121;*/
/*background-color: #FAFAFA;*/
background-color: #263E50;
color: white;
border-color: #EEEEEE;
}
.panel-title {
font-size: 14px;
}
.panel-title > a {
display: block;
padding: 15px;
text-decoration: none;
}
.more-less {
float: right;
color: #212121;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #EEEEEE;
}
.panel-group .panel-heading a:after {
content: ' ';
float: right;
}
.panel-group .panel-heading a.collapsed:after {
content: '+';
}
/*
.panel-default > .panel-heading {
position: relative;
}
.panel-heading .fa {
position: absolute;
right: 10px;
top: 13px;
}
*/
/*------------------------- Home/contact.cshtml------------------------- */
#internal .content {
border: solid 0px red;
}
#internal .content .contact {
border: solid 5px red;
border: solid 0px #000;
-webkit-box-shadow: 0px 0px 20px -15px rgba(0,0,0,0.51);
-moz-box-shadow: 0px 0px 20px -15px rgba(0,0,0,0.51);
box-shadow: 0px 0px 20px -15px rgba(0,0,0,0.51);
background-color: #fff;
border-radius: 10px;
border: none;
padding: 2px;
height: auto;
padding: 50px 30px 50px 30px;
}
.contact .info {
border: solid 0px red;
}
.contact .info img {
width: 80%;
text-align: left;
margin-top: 50px;
}
.contact .info address {
border: solid 0px red;
margin-top: 20px;
font-size: 16px;
width: 100%;
margin: auto;
margin-top: 50px;
color: #7d7d7d;
line-height: 25px;
}
.contact form {
border: solid 0px red
}
.contact form .form-row {
padding: 0;
margin-bottom: 0px;
display: block;
border: solid 0px #000;
overflow: hidden;
}
.contact form .form-row .form-group {
padding: 0 10px 0 0;
}
#internal .contact form .form-group label {
display: block;
width: 100%;
color: #1f69e9;
padding: 0;
margin: 0;
font-size: 14px;
}
.contact form input[type="text"],
.contact form input[type="email"] {
border-radius: 10px;
padding: 20px 15px;
border: solid 1px #b0c4f6;
color: #1f69e9;
}
.contact form input[type="text"]::placeholder,
.contact form input[type="email"]::placeholder {
color: #a7c5ff;
}
.contact form select {
border-radius: 10px;
padding: 10px 15px;
border: solid 1px #b0c4f6;
color: #b0c4f6;
}
.contact form select:after {
color: red;
}
.contact form textarea {
width: 100%;
padding: 10px;
height: 300px;
overflow-y: auto;
-ms-overflow-style: auto;
border-radius: 10px;
border: solid 1px #b0c4f6;
color: #a7c5ff;
}
.contact form textarea::placeholder {
color: #a7c5ff;
}
.contact form textarea:hover {
}
.contact form textarea:focus {
color: #1f69e9;
border: solid 1px #1f69e9;
}
.contact form .show-box {
display: none;
background-color: none;
box-shadow: none;
}
.contact form .others {
background: none;
}
/*---------------------------- Organization List ------------------------- */
.organizationList {
}
.organizationList .modal {
}
.organizationList .modal .modal-body {
font-weight: normal;
padding: 20px;
border: solid 0px red;
width: 95%;
margin: auto;
}
.organizationList .modal .modal-body .details b {
font-weight: normal;
color: #1f69e8;
font-weight: normal;
}
.organizationList .modal .modal-body .table-pagination {
border: solid 0px blue;
}
.organizationList .modal .modal-body h3 {
color: #000;
padding: 0;
margin: 0;
}
.organizationList .modal .modal-body span {
font-size: 14px;
color: #000;
font-weight: normal
}
/*---------------------------- File Archive ------------------------- */
.fileArchive {
border: solid 0px red;
width: 100%;
margin: auto;
}
/*------------------------- Training/TrainingVideo ------------------------- */
.video-controls {
border: solid 0px red;
width: 95%;
margin: auto;
text-align: center;
}
/*---------------------------- File Upload Validations : Main CSV ------------------------- */
.file-upload {
border: solid 0px red;
margin: auto;
}
.file-upload .description {
border: solid 0px red;
padding: 50px 20px 20px 20px;
text-align: center;
}
.file-upload .form {
border: solid 1px #ccdfff;
background: #fafcff;
padding: 30px;
border-radius: 20px;
}
.file-generate .form {
border: solid 1px #ccdfff;
background: #fafcff;
padding: 20px;
border-radius: 20px;
}
.file-upload .form #fileLabelText2 {
border: solid 1px #c3d7f5;
background-color: #dce7f8;
padding: 10px 13px;
font-size: 14px;
/*color: #b7b7b7;*/
color: #464646;
height: auto;
display: inline-block;
white-space: nowrap;
text-overflow: ellipsis;
width: 100%;
overflow: hidden;
border-radius: 10px;
text-align: center;
}
.fileUploadSummary {
border: solid 0px red;
padding-top: 20px;
}
.fileUploadSummary table {
margin: 0;
padding: 0;
width: 100%;
}
.fileUploadSummary table thead tr,
.fileUploadSummary table tbody tr {
width: 100%;
}
.fileUploadSummary table tbody {
display: inline-block;
overflow: auto;
height: 500px;
}
.fileUploadSummary table thead tr th,
.fileUploadSummary table tbody tr td {
padding: 20px;
border: solid 0px red;
}
.fileUploadSummary table thead tr th {
border: solid 0px red;
font-weight: 500;
background-color: white;
font-weight: 400;
text-align: left;
}
.fileUploadSummary table thead tr th p.notification {
background-color: #ECF0F5;
border: solid 1px #d5deea;
/*color: #3e526a;*/
color: #000;
padding: 5px;
border-radius: 5px;
text-align: center;
}
.fileUploadSummary table thead tr th p.notification.warning {
background-color: #fff8e4;
border: solid 1px #eee1bc;
color: #a70916;
}
.fileUploadSummary table thead tr th p.notification.danger {
background-color: #f8d7da;
border: solid 1px #ff9191;
color: #a70916;
}
.fileUploadSummary table tbody tr:hover {
}
.fileUploadSummary table tr td.label {
color: black;
width: 100%;
}
.fileUploadSummary table tr td.result {
color: black;
}
.fileUploadSummary table tr:hover .result {
}
.fileUploadSummary .close {
width: 30px;
}
/*---------------------------- Template Format for Main CSV------------------------- */
.templateFormatMainCSV {
border: solid 0px red;
}
.templateFormatMainCSV table {
border-collapse: collapse;
background: white;
table-layout: fixed;
width: 100%;
padding: 0px;
margin: 0px;
}
.templateFormatMainCSV th,
.templateFormatMainCSV td {
padding: 8px 16px;
border: 1px solid #ddd;
width: 300px;
/*overflow: hidden;*/
/*text-overflow: ellipsis;*/
white-space: normal;
vertical-align: top;
}
.templateFormatMainCSV .pane {
background: #eee;
}
.manualEntry {
border: solid 2px #ecf0f5;
background-color: #ddd;
height: 200px;
}
.manualEntry table {
border-collapse: collapse;
background: white;
table-layout: fixed;
width: 100%;
padding: 0px;
margin: 0px;
}
.manualEntry th,
.manualEntry td {
padding: 8px 16px;
border: 1px solid #ddd;
width: 100px;
/*overflow: hidden;*/
/*text-overflow: ellipsis;*/
white-space: normal;
vertical-align: top;
}
.manualEntry table body {
padding: 0px;
}
.manualEntry table tr td {
border: solid 1px #ecf0f5;
}
.manualEntry table .header td {
color: black;
font-weight: 600;
}
.manualEntry td.AsOfDate {
width: 100px;
}
.manualEntry td.AccountOwnerType {
width: 200px;
}
.manualEntry td.Entity {
width: 100px;
}
.manualEntry td.MailingAddress1 {
width: 120px;
}
.manualEntry td.Phone {
width: 130px;
}
.manualEntry td.MailingAddress2 {
width: 120px;
}
.manualEntry td.AccountOpenDate {
width: 140px;
}
.manualEntry td.AccountClosedDate {
width: 150px;
}
.manualEntry td.MonthlyObligationAmount {
width: 180px;
}
.manualEntry td.AmountofLastPayment {
width: 160px;
}
.manualEntry td.DateofLastPayment {
width: 150px;
}
.manualEntry td.CurrentBalance {
width: 130px;
}
.manualEntry td.CurrentAmountPastDue {
width: 180px;
}
.manualEntry td.NoDaysPastDue {
width: 140px;
}
.manualEntry td.ChargeOffAmount {
width: 150px;
}
.manualEntry td.LengthOfObligation {
width: 150px;
}
.manualEntry td.EntityAddress1 {
width: 130px;
}
.manualEntry td.EntityAddress2 {
width: 130px;
}
.manualEntry td.AccountDataType {
width: 160px;
}
.manualEntry td.AccountType {
width: 150px;
}
.manualEntry {
border: solid 2px #ecf0f5;
background-color: #ddd;
height: 200px;
}
.manualEntry table {
border-collapse: collapse;
background: white;
table-layout: fixed;
width: 100%;
padding: 0px;
margin: 0px;
}
.manualEntry th,
.manualEntry td {
padding: 8px 16px;
border: 1px solid #ddd;
width: 100px;
/*overflow: hidden;*/
/*text-overflow: ellipsis;*/
white-space: normal;
vertical-align: top;
}
.manualEntry table body {
padding: 0px;
}
.manualEntry table tr td {
border: solid 1px #ecf0f5;
}
.manualEntry table .header td {
color: black;
font-weight: 600;
}
.manualEntry td.AsOfDate {
width: 100px;
}
.manualEntry td.AccountOwnerType {
width: 200px;
}
.manualEntry td.Entity {
width: 100px;
}
.manualEntry td.MailingAddress1 {
width: 120px;
}
.manualEntry td.Phone {
width: 130px;
}
.manualEntry td.MailingAddress2 {
width: 120px;
}
.manualEntry td.AccountOpenDate {
width: 140px;
}
.manualEntry td.AccountClosedDate {
width: 150px;
}
.manualEntry td.MonthlyObligationAmount {
width: 180px;
}
.manualEntry td.AmountofLastPayment {
width: 160px;
}
.manualEntry td.DateofLastPayment {
width: 150px;
}
.manualEntry td.CurrentBalance {
width: 130px;
}
.manualEntry td.CurrentAmountPastDue {
width: 180px;
}
.manualEntry td.NoDaysPastDue {
width: 140px;
}
.manualEntry td.ChargeOffAmount {
width: 150px;
}
.manualEntry td.LengthOfObligation {
width: 150px;
}
.manualEntry td.EntityAddress1 {
width: 130px;
}
.manualEntry td.EntityAddress2 {
width: 130px;
}
.manualEntry td.AccountDataType {
width: 160px;
}
.manualEntry td.AccountType {
width: 150px;
}
.manualEntry {
border: solid 2px #ecf0f5;
background-color: #ddd;
height: 200px;
}
.manualEntry table {
border-collapse: collapse;
background: white;
table-layout: fixed;
width: 100%;
padding: 0px;
margin: 0px;
}
.manualEntry th,
.manualEntry td {
padding: 8px 16px;
border: 1px solid #ddd;
width: 100px;
/*overflow: hidden;*/
/*text-overflow: ellipsis;*/
white-space: normal;
vertical-align: top;
}
.manualEntry table body {
padding: 0px;
}
.manualEntry table tr td {
border: solid 1px #ecf0f5;
}
.manualEntry table .header td {
color: black;
font-weight: 600;
}
.manualEntry td.AsOfDate {
width: 100px;
}
.manualEntry td.AccountOwnerType {
width: 200px;
}
.manualEntry td.Entity {
width: 100px;
}
.manualEntry td.MailingAddress1 {
width: 120px;
}
.manualEntry td.Phone {
width: 130px;
}
.manualEntry td.MailingAddress2 {
width: 120px;
}
.manualEntry td.AccountOpenDate {
width: 140px;
}
.manualEntry td.AccountClosedDate {
width: 150px;
}
.manualEntry td.MonthlyObligationAmount {
width: 180px;
}
.manualEntry td.AmountofLastPayment {
width: 160px;
}
.manualEntry td.DateofLastPayment {
width: 150px;
}
.manualEntry td.CurrentBalance {
width: 130px;
}
.manualEntry td.CurrentAmountPastDue {
width: 180px;
}
.manualEntry td.NoDaysPastDue {
width: 140px;
}
.manualEntry td.ChargeOffAmount {
width: 150px;
}
.manualEntry td.LengthOfObligation {
width: 150px;
}
.manualEntry td.EntityAddress1 {
width: 130px;
}
.manualEntry td.EntityAddress2 {
width: 130px;
}
.manualEntry td.AccountDataType {
width: 160px;
}
.manualEntry td.AccountType {
width: 150px;
}
.templateFormatMainCSV .pane--tableMainCSV {
width: 100%;
overflow-x: scroll;
background-color: #ecf0f5;
margin: 2px;
padding: 2px;
border: solid 2px red;
}
.manualEntry {
border: solid 2px #ecf0f5;
background-color: #ddd;
height: 200px;
}
.manualEntry table {
border-collapse: collapse;
background: white;
table-layout: fixed;
width: 100%;
padding: 0px;
margin: 0px;
}
.manualEntry th,
.manualEntry td {
padding: 8px 16px;
border: 1px solid #ddd;
width: 100px;
/*overflow: hidden;*/
/*text-overflow: ellipsis;*/
white-space: normal;
vertical-align: top;
}
.manualEntry table body {
padding: 0px;
}
.manualEntry table tr td {
border: solid 1px #ecf0f5;
}
.manualEntry table .header td {
color: black;
font-weight: 600;
}
.manualEntry td.AsOfDate {
width: 100px;
}
.manualEntry td.AccountOwnerType {
width: 200px;
}
.manualEntry td.Entity {
width: 100px;
}
.manualEntry td.MailingAddress1 {
width: 120px;
}
.manualEntry td.Phone {
width: 130px;
}
.manualEntry td.MailingAddress2 {
width: 120px;
}
.manualEntry td.AccountOpenDate {
width: 140px;
}
.manualEntry td.AccountClosedDate {
width: 150px;
}
.manualEntry td.MonthlyObligationAmount {
width: 180px;
}
.manualEntry td.AmountofLastPayment {
width: 160px;
}
.manualEntry td.DateofLastPayment {
width: 150px;
}
.manualEntry td.CurrentBalance {
width: 130px;
}
.manualEntry td.CurrentAmountPastDue {
width: 180px;
}
.manualEntry td.NoDaysPastDue {
width: 140px;
}
.manualEntry td.ChargeOffAmount {
width: 150px;
}
.manualEntry td.LengthOfObligation {
width: 150px;
}
.manualEntry td.EntityAddress1 {
width: 130px;
}
.manualEntry td.EntityAddress2 {
width: 130px;
}
.manualEntry td.AccountDataType {
width: 160px;
}
.manualEntry td.AccountType {
width: 150px;
}
.templateFormatMainCSV .pane--tableMainCSV {
width: 100%;
overflow-x: scroll;
background-color: #ecf0f5;
margin: 2px;
padding: 2px;
border: solid 2px red;
}
.templateFormatMainCSV .pane--tableMainCSV table thead tr th {
background-color: #ecf0f5;
color: #000;
text-align: left;
border: solid 1px #ecf0f5;
width: auto;
padding: 10px;
width: 100px;
min-width: 200px;
padding: 8px 8px;
font-size: 12px;
}
.templateFormatMainCSV .pane--tableMainCSV table tbody tr.header {
color: red;
table-layout: auto;
width: 130px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-weight: 500;
}
.templateFormatMainCSV .pane--tableMainCSV table thead tr th {
background-color: #ecf0f5;
color: #000;
text-align: left;
border: solid 1px #ecf0f5;
width: auto;
padding: 10px;
width: 100px;
min-width: 200px;
padding: 8px 8px;
font-size: 12px;
}
.templateFormatMainCSV .pane--tableMainCSV table tbody tr td {
table-layout: auto;
border: solid 1px #ecf0f5;
word-wrap: break-word;
white-space: nowrap;
text-overflow: ellipsis;
/*
.templateFormatMainCSV .pane--tableMainCSV table tbody tr.header {
color: red;
table-layout: auto;
width: 130px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-weight: 500;
}
.templateFormatMainCSV .pane--tableMainCSV table tbody tr td {
table-layout: auto;
border: solid 1px #ecf0f5;
word-wrap: break-word;
white-space: nowrap;
text-overflow: ellipsis;
/*
white-space: normal;
vertical-align: top;
padding: 8px 5px;
text-align: left;
word-wrap: break-word;
text-overflow: ellipsis;
white-space: normal;
*/
}
*/
}
.templateFormatMainCSV .pane--tableMainCSV tbody {
overflow-y: scroll;
overflow-x: scroll;
display: block;
height: 150px;
}
.templateFormatMainCSV .pane--tableMainCSV tbody {
overflow-y: scroll;
overflow-x: scroll;
display: block;
height: 150px;
}
.templateFormatMainCSV .pane--tableMainCSV tbody tr th,
.templateFormatMainCSV .pane--tableMainCSV tbody tr td {
vertical-align: top;
padding: 8px 8px;
text-align: left;
}
.templateFormatMainCSV .pane--tableMainCSV thead {
display: table-row;
}
/* Template Guide */
.templateGuideMainCSV {
border: solid 0px red;
}
.templateGuideMainCSV table {
border-collapse: collapse;
background: white;
table-layout: fixed;
width: 100%;
padding: 0px;
margin: 0px;
}
.templateGuideMainCSV th,
.templateGuideMainCSV td {
padding: 8px 16px;
border: 1px solid #ddd;
width: 300px;
/*overflow: hidden;*/
/*text-overflow: ellipsis;*/
white-space: normal;
vertical-align: top;
}
.templateGuideMainCSV .pane2MainCSV {
background: #eee;
}
.templateGuideMainCSV .pane--table2MainCSV {
width: 100%;
overflow-x: scroll;
background-color: #ecf0f5;
margin: 2px;
padding: 2px;
}
.templateGuideMainCSV .pane--table2MainCSV table thead tr th {
background-color: #ecf0f5;
color: #000;
font-size: 12px;
}
.templateGuideMainCSV .pane--table2MainCSV th,
.templateGuideMainCSV .pane--table2MainCSV td {
width: 180px;
min-width: 180px;
border: solid 1px #ecf0f5;
white-space: normal;
vertical-align: top;
padding: 8px 16px;
text-align: left;
}
.templateGuideMainCSV .pane--table2MainCSV tbody {
overflow-y: scroll;
overflow-x: auto;
display: block;
height: 600px;
}
.templateGuideMainCSV .pane--table2MainCSV thead tr th,
.templateGuideMainCSV .pane--table2MainCSV tbody tr td {
vertical-align: top;
padding: 8px 16px;
}
.templateGuideMainCSV .pane--table2MainCSV tbody tr td {
line-height: normal;
font-size: 5px;
}
.templateGuideMainCSV .pane--table2MainCSV tbody tr td.head {
color: #000;
font-weight: 500;
}
.templateGuideMainCSV .pane--table2MainCSV tbody tr td.head {
color: #000;
font-weight: 500;
}
.templateGuideMainCSV .pane--table2MainCSV thead tr .name,
.templateGuideMainCSV .pane--table2MainCSV tbody tr .name {
font-weight: normal;
}
.templateGuideMainCSV .pane--table2MainCSV thead tr .required,
.templateGuideMainCSV .pane--table2MainCSV tbody tr .required {
font-weight: normal;
width: 100px;
}
.templateGuideMainCSV .pane--table2MainCSV thead tr .value,
.templateGuideMainCSV .pane--table2MainCSV tbody tr .value {
font-weight: normal;
width: 230px;
}
.templateGuideMainCSV .pane--table2MainCSV thead tr .required,
.templateGuideMainCSV .pane--table2MainCSV tbody tr .required {
font-weight: normal;
width: 100px;
}
.templateGuideMainCSV .pane--table2MainCSV thead tr .value,
.templateGuideMainCSV .pane--table2MainCSV tbody tr .value {
font-weight: normal;
width: 200px;
}
.templateGuideMainCSV .pane--table2MainCSV thead tr .notes,
.templateGuideMainCSV .pane--table2MainCSV tbody tr .notes {
width: 400px;
padding-right: 50px;
}
.templateGuideMainCSV .pane--table2MainCSV thead {
display: table-row;
}
/*---------------------------- Template Format for Property ------------------------- */
.templateFormatProperty {
border: solid 0px red;
}
.templateFormatProperty table {
border-collapse: collapse;
background: white;
table-layout: fixed;
width: 100%;
padding: 0px;
margin: 0px;
}
.templateFormatProperty th,
.templateFormatProperty td {
padding: 8px 16px;
border: 1px solid #ddd;
width: 300px;
/*overflow: hidden;*/
/*text-overflow: ellipsis;*/
white-space: normal;
vertical-align: top;
}
.templateFormatProperty .pane {
background: #eee;
}
.templateFormatProperty .pane--tableProperty {
width: 100%;
overflow-x: scroll;
background-color: #ecf0f5;
margin: 2px;
padding: 2px;
}
.templateFormatProperty .pane--tableProperty table thead tr th {
background-color: #ecf0f5;
color: #000;
font-size: 12px;
}
.templateFormatProperty .pane--tableProperty th,
.templateFormatProperty .pane--tableProperty td {
width: 150px;
min-width: 150px;
border: solid 1px #ecf0f5;
white-space: normal;
vertical-align: bottom;
padding: 8px 16px;
text-align: left;
font-size: 12px;
}
.templateFormatProperty .pane--tableProperty tbody {
overflow-y: scroll;
overflow-x: hidden;
display: block;
height: 600px;
}
.templateFormatProperty .pane--tableProperty tbody tr th,
.templateFormatProperty .pane--tableProperty tbody tr td {
vertical-align: top;
padding: 8px 16px;
}
.templateFormatProperty .pane--tableProperty thead {
display: table-row;
}
/* Template Guide */
.templateGuideProperty {
border: solid 0px red;
}
.templateGuideProperty table {
border-collapse: collapse;
background: white;
table-layout: fixed;
width: 100%;
padding: 0px;
margin: 0px;
}
.templateGuideProperty th,
.templateGuideProperty td {
padding: 8px 16px;
border: 1px solid #ddd;
width: 300px;
/*overflow: hidden;*/
/*text-overflow: ellipsis;*/
white-space: normal;
vertical-align: top;
}
.templateGuideProperty .pane2 {
background: #eee;
}
.templateGuideProperty .pane--table2Property {
width: 100%;
overflow-x: scroll;
background-color: #ecf0f5;
margin: 2px;
padding: 2px;
}
.templateGuideProperty .pane--table2Property table thead tr th {
background-color: #ecf0f5;
color: #000;
font-size: 12px;
}
.templateGuideProperty .pane--table2Property th,
.templateGuideProperty .pane--table2Property td {
width: 200px;
min-width: 200px;
border: solid 1px #ecf0f5;
white-space: normal;
vertical-align: top;
padding: 8px 16px;
text-align: left;
}
.templateGuideProperty .pane--table2Property td.head {
border: solid 1px #ecf0f5;
background-color: #ecf0f5;
}
.templateGuideProperty .pane--table2Property tbody {
overflow-y: scroll;
overflow-x: scroll;
display: block;
height: 600px;
}
.templateGuideProperty .pane--table2Property thead tr th,
.templateGuideProperty .pane--table2Property tbody tr td {
vertical-align: top;
padding: 8px 16px;
}
.templateGuideProperty .pane--table2Property thead tr .name,
.templateGuideProperty .pane--table2Property tbody tr .name {
font-weight: 600;
}
.templateGuideProperty .pane--table2Property thead tr th.required,
.templateGuideProperty .pane--table2Property tbody tr td.required {
width: 100px;
}
.templateGuideProperty .pane--table2Property thead tr th.value,
.templateGuideProperty .pane--table2Property tbody tr td.value {
width: 200px;
width: 200px;
}
.templateGuideProperty .pane--table2Property thead tr .notes,
.templateGuideProperty .pane--table2Property tbody tr .notes {
width: 500px;
}
.templateGuideProperty .pane--table2Property thead tr .blank,
.templateGuideProperty .pane--table2Property tbody tr .blank {
width: 50px;
}
.templateGuideProperty .pane--table2Property thead {
display: table-row;
}
/*---------------------------- Updates/UpdatesRecords/generic tables ------------------------- */
.liveDataTable {
background-color: white;
border: solid 0px black;
border-radius: 10px;
padding: 20px;
}
.liveDataTable .row {
margin: 0;
}
.liveDataTable .search_updates {
border: solid 1px #e4e6ec;
margin-bottom: 10px;
background-color: #F8F9FB;
border-radius: 10px;
padding: 10px;
}
.liveDataTable .search_updates h4 {
margin: 0;
padding: 0;
font-size: 1.6rem;
}
.liveDataTable .search_updates ul {
border: solid 0px red;
padding: 0;
padding: 0;
position: relative;
}
.liveDataTable .search_updates ul li {
border: solid 0px blue;
list-style: none;
padding: 0;
margin: 0;
width: auto;
float: left;
padding: 5px;
position: relative;
}
.liveDataTable .search_updates ul li span {
font-size: 1.2rem;
}
.liveDataTable .search_updates ul li select {
border: solid 1px #d1d9e7;
padding: 0 10px;
margin: 0;
height: 35px;
border-radius: 5px;
}
.liveDataTable .counted_rows {
background-color: #c3ffdb;
border: solid 1px #ade8c4;
margin-bottom: 10px;
border-radius: 10px;
padding: 10px;
text-align: center;
}
.liveDataTable .bulkUpdatesForm {
border: solid 1px red;
border-radius: 10px;
margin-bottom: 20px;
padding: 10px;
background-color: #f8f9fb;
width: 99%;
overflow: hidden;
}
.search_performance {
border: solid 1px #e4e6ec;
margin: 0 5px 10px;
background-color: #F8F9FB;
border-radius: 10px;
padding: 20px;
}
.summary-total {
border: solid 0px red;
}
.summary-total .title {
font-size: 1.4rem;
font-weight: 500;
}
.summary-total .value {
font-size: 2.2rem;
font-weight: 600;
}
.flex-container {
display: flex;
flex-wrap: wrap;
align-content: space-evenly;
}
.flex-container .five-column {
}
.flex-container .five-column {
border: solid 0px red;
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
.flex-container .five-column > div {
width: 19%;
border: solid 0px red;
padding: 30px 10px;
background: #FFFFFF;
box-shadow: 0px 0px 80px rgba(0, 0, 0, 0.05);
border-radius: 10px;
margin-bottom: 10px;
background-color: #F8F9FB;
border-radius: 10px;
text-align: center;
}
.flex-container .five-column .box-purple {
background-color: #F4F0FE;
border-radius: 10px;
border: solid 1px #885AF8;
}
.flex-container .five-column .box-red {
background-color: #FDE0DD;
border-radius: 10px;
border: solid 1px #F53A29;
}
.flex-container .five-column .box-green {
background-color: #EAFBF2;
border-radius: 10px;
border: solid 1px #5ADD96;
}
.flex-container .five-column .box-yellow {
background-color: #FFECCC;
border-radius: 10px;
border: solid 1px #F7931A;
}
.flex-container .five-column .box-blue {
background-color: #E7F5FE;
border-radius: 10px;
border: solid 1px #109CF1;
}
#home {
margin-top: -40px;
}
.dashboard {
border: solid 0px red;
}
.dashboard .content-body {
padding: 20px;
}
.dashboard .userImage {
font-size: 80px;
float: left;
margin-right: 20px;
color: #1A3E75;
}
.dashboard .message {
}
.dashboard .message-title {
font-size: 23px;
font-weight: 700;
color: #1A3E75;
}
.dashboard .message-description {
font-size: 16px;
font-weight: 700;
}
.dashboard h3 {
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 23px;
color: #1A3E75;
}
.dashboard h3.title {
font-size: 18px;
}
.dashboard .title-uploadFile {
font-size: 16px;
color: #1A3E75;
}
.dashboard h3.dateTime {
font-style: normal;
font-weight: 600;
font-size: 16px;
text-align: right;
}
.orgNumber {
background-color: #DAE5F3;
text-align: center;
color: #1A3E75;
}
.contactBox {
background-color: #0EA5E9;
text-align: center;
color: #1A3E75;
}
.orgNumber .label {
font-weight: 700;
font-size: 16px;
color: #1A3E75;
}
.orgNumber .counter {
font-weight: 700;
font-size: 60px;
padding: 0;
margin: 0;
}
.dashboard .widget {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-evenly;
align-items: stretch;
align-content: space-evenly;
border: solid 0px red;
align-content: center;
align-items: center;
}
.dashboard .widget > * {
flex: 1 1 80px;
border: solid 0px #ccc;
margin: 10px 10px 10px 10px;
text-align: center;
align-content: center;
vertical-align: central;
align-items: center;
}
.dashboard .widget .note {
font-size: 1.2em;
font-weight: 600;
color: #1A3E75;
}
.dashboard .widget .box-widget {
border: solid 0px #000;
background-color: #E7E7E7;
align-content: center;
border-radius: 10px;
padding: 15px 10px 15px 10px;
}
.dashboard .widget .box-widget .label-title {
font-weight: 700;
font-size: 20px;
line-height: 23px;
}
.dashboard .widget .box-widget .counter {
font-weight: bold;
font-size: 2.5em;
}
.dashboard .widget .box-widget .sub-counter {
font-weight: normal;
font-size: 1.3em;
line-height: 1.1em;
}
.dashboard .widget .orange {
border: solid 0px #000;
background-color: #F0AA4E;
color: #fff;
}
.dashboard .widget .gray {
border: solid 0px #000;
background-color: #939397;
color: #fff;
}
.dashboard .widget .gray {
border: solid 0px #000;
background-color: #939397;
color: #fff;
}
.dashboard .widget .blue {
border: solid 0px #000;
background-color: #349ADD;
color: #fff;
}
.billing-invoices td.status span {
color: #fff;
border-radius: 12px;
font-size: 12px;
height: 24px;
color: #fff;
padding: 2px 10px 2px 11px;
}
.billing-invoices td.status span.overdue {
background-color: #E11D48;
}
.billing-invoices td.status span.open,
.billing-invoices td.status span.unpaid {
background-color: #F0AA4E;
}
.billing-invoices td.status span.closed {
background-color: #84CC16;
}
.billing-invoices td.status span.paid {
background-color: #1A3E75;
}
.billing-invoices td.status span.partial {
background-color: #A855F7;
}
.billing-invoices td.status span.unapplied {
background-color: #A1A1AA;
}
#home .performance-overview-descriptions {
}
#home .performance-overview-descriptions ul {
margin: 0;
padding: 0;
}
#home .percentage {
background-color: #ECF2FA;
border: solid 0px red;
border-radius: 10px;
list-style: none;
margin-bottom: 10px;
padding: 40px 20px 30px 20px;
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 19px;
text-align: center;
vertical-align: middle;
}
#home .percentage span.counter {
font-style: normal;
font-weight: 700;
font-size: 60px;
float: left;
}
#home .performance-overview-descriptions ul li {
border: solid 0px red;
border-radius: 10px;
list-style: none;
margin-bottom: 10px;
padding: 20px;
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 19px;
text-align: center;
}
#home .performance-overview-descriptions ul li.green {
background-color: #EAF4D6;
color: #5D801B;
}
#home .performance-overview-descriptions ul li.cyan {
background-color: #CFFAFE;
color: #308088;
}
#home .performance-overview-descriptions ul li.orange {
background-color: #FFE1BF;
color: #D37101;
}
.notification {
margin-top: 0px;
margin-bottom: 5px;
border: solid 0px red;
}
.notification .alert {
border: solid 0px red;
padding: 10px;
text-align: center;
margin-bottom: 10px;
font-weight: normal;
}
.notification .alert b {
font-weight: 600;
}
.notification .alert-green {
background-color: #c3ffdb;
border: solid 1px #ade8c4;
}
.notification .alert-red {
background-color: #f8d7da;
border: solid 1px #ff9191;
}
.notification .alert-yellow {
background-color: #fff8e4;
border: solid 1px #eee1bc;
}
.notification .default {
background-color: #ECF0F5;
border: solid 1px #d5deea;
/*color: #3e526a;*/
color: #000;
}
.notification .primary {
background-color: #e4f0fd;
border: solid 1px #cee4fc;
color: #006ce1;
}
.notification .success {
background-color: #d2f6f4;
border: solid 1px #c2f5f2;
color: #098f88;
}
.notification .info {
background-color: #ece6fd;
border: solid 1px #e3dafc;
color: #502db3;
}
.notification .warning {
background-color: #fff8e4;
border: solid 1px #eee1bc;
color: #a70916;
}
.notification .warning1 {
background-color: #fff8e4;
border: solid 1px #eee1bc;
color: #000;
}
.notification .danger {
background-color: #f8d7da;
border: solid 1px #f5c2c7;
color: #d12231;
}
.liveDataTable .bulkUpdatesForm table {
border: solid 0px blue;
width: auto;
margin: 0;
padding: 0;
}
.liveDataTable .bulkUpdatesForm table tr {
border: solid 0px blue;
}
.liveDataTable .bulkUpdatesForm table thead tr th {
padding: 0 0 0 5px;
color: #121C3D;
font-size: 1.2rem;
}
.liveDataTable .bulkUpdatesForm table tbody td {
border: solid 0px red;
padding: 0px 5px;
width: auto;
vertical-align: bottom;
}
.liveDataTable .bulkUpdatesForm input {
border: solid 1px #d1d9e7;
}
.liveDataTable .bulkUpdatesForm .search-bar {
border: solid 0px #d1d9e7;
}
.liveDataTable .bulkUpdatesForm select {
border: solid 1px #d1d9e7;
padding: 0 10px;
margin: 0;
height: 35px;
border-radius: 5px;
}
.dbtable .bulkUpdatesForm table {
border: solid 0px blue;
width: auto;
table-layout: fixed;
}
.dbtable .bulkUpdatesForm table tr {
border: solid 0px blue;
}
.dbtable .bulkUpdatesForm table thead tr th,
.dbtable .bulkUpdatesForm table tbody td {
border: solid 0px red;
padding: 0px 0px;
width: 1px;
white-space: nowrap;
}
.liveDataTable .tableScroll table,
.liveDataTable .tableScrolltblSystemJobs table {
position: relative;
border-collapse: collapse;
background: white;
table-layout: fixed;
width: 100%;
}
.liveDataTable .bulkUpdatesForm table thead tr th {
font-weight: normal;
}
.liveDataTable .tableScroll table thead th,
.liveDataTable .tableScrolltblSystemJobs table th {
vertical-align: bottom;
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 100;
/*background: #FFECCC;*/
background-color: #26A0FC;
color: #fff;
border: none;
font-weight: 500;
border: solid 1px #fff;
padding: 8px 16px;
/*box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4);*/
padding: 10px 16px;
width: 200px;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
font-size: 12px;
text-transform: uppercase;
border-collapse: collapse;
padding: 1rem 1rem;
font-size: 1.3rem;
border: solid 1px #fff;
}
.liveDataTable .tableScroll table thead th,
.liveDataTable .tableScrolltblSystemJobs table th {
color: #000;
border: solid 1px #fff;
}
.liveDataTable .tableScroll table thead th.bg-white-900,
.liveDataTable .tableScrolltblSystemJobs table th.bg-white-900 {
background-color: #fff;
}
.liveDataTable .tableScroll table thead th.bg-blue-900,
.liveDataTable .tableScrolltblSystemJobs table th.bg-blue-900 {
background-color: #DEEDF2;
}
.liveDataTable .tableScroll table thead th.bg-green-900,
.liveDataTable .tableScrolltblSystemJobs table th.bg-green-900 {
background-color: #ECF0E0;
}
.liveDataTable .tableScroll table thead th.bg-green-800,
.liveDataTable .tableScrolltblSystemJobs table th.bg-green-800 {
background-color: #C8D6A1;
}
.liveDataTable .tableScroll table thead th.bg-purple-900,
.liveDataTable .tableScrolltblSystemJobs table th.bg-purple-900 {
background-color: #E3DFEB;
}
.liveDataTable .tableScroll table thead th.bg-purple-800,
.liveDataTable .tableScrolltblSystemJobs table th.bg-purple-800 {
background-color: #CAC1D8;
}
.liveDataTable .tableScroll table thead th.bg-orange-900,
.liveDataTable .tableScrolltblSystemJobs table th.bg-orange-900 {
background-color: #F6D6B8;
}
.liveDataTable .tableScroll table thead th.bg-red-900,
.liveDataTable .tableScrolltblSystemJobs table th.bg-red-900 {
background-color: #EEDDDC;
}
.liveDataTable .tableScroll table thead th.bg-orange-900 {
background-color: #FFDDC2;
}
.liveDataTable .tableScroll table tbody tr td.bg-yellow-800,
.liveDataTable .tableScrolltblSystemJobs table tbody tr td.bg-yellow-800 {
background-color: #F6C142;
}
.liveDataTable .tableScroll table tbody td.bg-red-800 {
background-color: #F6C9CE;
}
.liveDataTable .tableScroll table tbody td.bg-red-900 {
background-color: #EEDDDC;
}
.liveDataTable .tableScroll .invoiceSummary table {
}
.nav-tabs-custom > .nav-tabs > li.active > a {
}
.liveDataTable .tableScroll .invoiceSummary table thead tr {
z-index: 100;
}
.liveDataTable .tableScroll .invoiceSummary table thead tr th {
color: #000;
border: solid 1px #fff;
}
.liveDataTable .tableScroll .invoiceSummary table thead tr th.bg-orange-900 {
background: #FFDDC2;
}
.liveDataTable .tableScroll .invoiceSummary table thead tr th.bg-red-900 {
background: #F3D8DA;
}
.liveDataTable .tableScroll .invoiceSummary table thead tr th.bg-green-900 {
background: #D7EAD1;
}
.liveDataTable .tableScroll .invoiceSummary table thead tr th.bg-blue-900 {
background: #D4DDF2;
}
.liveDataTable .tableScroll .invoiceSummary table tbody tr td.bg-green-900 {
background: #D7EAD1;
}
.liveDataTable .tableScroll .invoiceSummary table tbody tr.bg-green-900 td {
background: #D7EAD1;
color: #000;
font-weight: 500;
}
.liveDataTable .tableScroll .invoiceSummary table tbody tr td {
border: solid 1px #DDDDDD;
}
.liveDataTable .tableScroll .tableHead,
.liveDataTable .tableScrolltblSystemJobs .tableHead {
}
.liveDataTable .tableScroll .tableHead thead,
.liveDataTable .tableScrolltblSystemJobs .tableHead thead {
}
.liveDataTable .tableScroll .tableHead thead th,
.liveDataTable .tableScrolltblSystemJobs .tableHead thead th {
}
.liveDataTable .tableScroll table td,
.liveDataTable .tableScrolltblSystemJobs table td {
padding: 8px 10px;
border: 1px solid #ddd;
width: 200px;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
}
.liveDataTable .tableScroll table tr:hover,
.liveDataTable .tableScrolltblSystemJobs table tr:hover {
background-color: #fff8e4;
}
.liveDataTable .tableScroll table tr.selected,
.liveDataTable .tableScrolltblSystemJobs table tr.selected {
/*background-color: #f1f1f1;*/
background-color: #fff8e4
}
.liveDataTable .tableScroll table tr.selected:hover,
.liveDataTable .tableScrolltblSystemJobs table tr.selected:hover {
background-color: #fef3d5;
}
.tabbing .nav-tabs-custom .tab-content .tab-pane {
padding: 0;
}
.tabbing .nav-tabs-custom .tab-content .tab-pane .tableScrolltblSystemJobs {
margin: 0;
}
.liveDataTable .tableScroll .pane-hScroll, .liveDataTable .tableScrolltblSystemJobs .pane-hScroll {
background-color: #000;
}
.tabbing .nav-tabs-custom .tab-content .tab-pane table.ForSystemJobs thead th {
border: solid 0px red;
padding: 5px 5px 5px 5px;
background-color: red;
font-weight: 500;
text-transform: uppercase;
}
.tabbing .nav-tabs-custom .tab-content .tab-pane table.ForSystemJobs tbody tr td {
border: solid 1px #eee;
}
.tabbing .nav-tabs-custom .tab-content .tab-pane table.ForSystemJobs tbody tr:hover {
border: none;
}
.liveDataTable .tableScroll table td,
.liveDataTable .tableScrolltblSystemJobs table td {
vertical-align: top;
}
.liveDataTable .tableScroll table th .shortWidth,
.liveDataTable .tableScroll table td .shortWidth,
.liveDataTable .tableScrolltblSystemJobs table th .shortWidth,
.liveDataTable .tableScrolltblSystemJobs table td .shortWidth {
width: 80px;
}
.liveDataTable .tableScroll table th.columnCheckbox,
.liveDataTable .tableScroll table td.columnCheckbox {
width: 50px;
text-align: center;
}
.liveDataTable .tableScroll table th.columnCount,
.liveDataTable .tableScroll table td.columnCount {
width: 0px;
text-align: center;
}
.liveDataTable .tableScroll table th.columnButton,
.liveDataTable .tableScroll table td.columnButton {
width: 90px;
text-align: center;
}
.liveDataTable .tableScroll .pane,
.liveDataTable .tableScrolltblSystemJobs .pane {
background: #eee;
}
.liveDataTable .tableScroll .pane-hScroll,
.liveDataTable .tableScrolltblSystemJobs .pane-hScroll,
.liveDataTable .tableScrolltblSystemJobs .pane-hScroll2,
.liveDataTable .tableScrolltblSystemJobs .pane-hScroll3 {
overflow: auto;
width: 100%;
background-color: #eee;
}
.liveDataTable .tableScroll .pane-vScroll,
.liveDataTable .tableScrolltblSystemJobs .pane-vScroll,
.liveDataTable .tableScrolltblSystemJobs .pane-vScroll2,
.liveDataTable .tableScrolltblSystemJobs .pane-vScroll3 {
overflow-y: auto;
overflow-x: auto;
height: 50vh;
min-height: 600px;
background-color: #eee;
}
.liveDataTable .tableScroll .pane-vScroll table tbody,
.liveDataTable .tableScrolltblSystemJobs .pane-vScroll table tbody,
.tabbing .nav-tabs-custom .tab-content .tab-pane table tbody {
overflow: hidden;
}
.liveDataTable .tableScroll .pane--table2,
.liveDataTable .tableScrolltblSystemJobs .pane--table2 {
width: 100%;
overflow-x: scroll;
}
.liveDataTable .tableScroll .pane--table2 th,
.liveDataTable .tableScroll .pane--table2 td,
.liveDataTable .tableScrolltblSystemJobs .pane--table2 th,
.liveDataTable .tableScrolltblSystemJobs .pane--table2 td {
width: auto;
min-width: 160px;
border: solid 1px white;
border: solid 1px white;
}
.liveDataTable .tableScroll .pane--table2 tbody,
.liveDataTable .tableScrolltblSystemJobs .pane--table2 tbody {
overflow-y: scroll;
overflow-x: hidden;
display: block;
height: 200px;
}
.liveDataTable .tableScroll .pane--table2 thead,
.liveDataTable .tableScrolltblSystemJobs .pane--table2 thead {
display: table-row;
}
.liveDataTable .tableScroll table .form-control {
/*
background-color: #fffcc7;
color: black;
*/
}
.liveDataTable .tableScroll table .note {
font-size: 10px;
font-style: italic;
color: #8e8e8e;
}
.liveDataTable .tableScroll table .note .dateFormat {
color: black;
}
.liveDataTable .tableScroll table .columnError {
/*
background-color: #ffdbdb;
color: black;
*/
}
.liveDataTable .tableScroll table input[type="text"] {
}
.liveDataTable .tableScroll table input[type="text"] {
/*
width: 100%;
font: inherit;
padding: 0.25em 0.5em;
border: 0.125em solid hsl(30, 76%, 10%);
outline: none;
*/
}
/* Show red borders when filled, but invalid */
.liveDataTable .tableScroll table input[type="text"]:invalid,
.liveDataTable .tableScroll table input[type="number"]:invalid,
.liveDataTable .tableScroll table input[type="date"]:invalid {
border-color: #ff9191;
background-color: #ffdbdb;
}
/* Show green borders when valid */
.liveDataTable .tableScroll table input[type="text"]:valid,
.liveDataTable .tableScroll table input[type="number"]:valid,
.liveDataTable .tableScroll table input[type="date"]:valid {
border-color: #beba71;
background-color: #fffcc7;
}
.liveDataTable .tableScroll table textarea:invalid {
border-color: #ff9191;
background-color: #ffdbdb;
padding: 6px 12px;
border-radius: 4px;
width: 100%;
display: block;
}
.liveDataTable .tableScroll table textarea:valid {
border-color: #beba71;
background-color: #fffcc7;
padding: 6px 12px;
border-radius: 4px;
width: 100%;
display: block;
}
/* Show red borders when filled, but invalid date format is YES */
.liveDataTable .tableScroll table input[type="text"]:valid.dateFormatErrorYes {
border-color: #ff9191;
background-color: #ffdbdb;
}
/* Show red borders when filled, but invalid date format is NO */
.liveDataTable .tableScroll table input[type="text"]:valid.dateFormatErrorNo {
}
/* Show red borders when filled, but invalid date format is YES */
.liveDataTable .tableScroll table input[type="text"]:valid.dateWarningYes {
border-color: #ff9a48;
background-color: #f5dcc9;
}
/* Show red borders when filled, but invalid date format is YES */
.liveDataTable .tableScroll table select:valid.selectFormatErrorYes {
border-color: #ff9191;
background-color: #ffdbdb;
}
/* Show red borders when filled, but invalid date format is NO */
.liveDataTable .tableScroll table select:valid.selectFormatErrorNo {
}
/* Show red borders when filled, but invalid date format is YES */
.liveDataTable .tableScroll table select:valid.selectWarningYes {
border-color: #ff9a48;
background-color: #f5dcc9;
}
/*
.liveDataTable .tableScroll table select option.colorRed,
.liveDataTable .tableScroll table select option[value=""] {
border-color: #ff9191;
background-color: #ffdbdb;
padding: 6px 12px;
border-radius: 4px;
width: 100%;
}
.liveDataTable .tableScroll table select.primary,
.liveDataTable .tableScroll table select option[value="primary"],
.liveDataTable .tableScroll table option[value="primary"],
.liveDataTable .tableScroll table select.secondary,
.liveDataTable .tableScroll table select option[value="secondary"],
.liveDataTable .tableScroll table select.guarantor,
.liveDataTable .tableScroll table select option[value="guarantor"],
.liveDataTable .tableScroll table select.hoa,
.liveDataTable .tableScroll table select option[value="HOA"],
.liveDataTable .tableScroll table select.rental,
.liveDataTable .tableScroll table select option[value="Rental"],
.liveDataTable .tableScroll table select.consumer,
.liveDataTable .tableScroll table select option[value="Consumer"] {
border-color: #beba71;
background-color: #fffcc7;
padding: 6px 12px;
border-radius: 4px;
width: 100%;
}
*/
.liveDataTable .tableScroll table select {
border: solid 1px#beba71;
background-color: #fffcc7;
padding: 5px 12px;
border-radius: 4px;
width: 100%;
height: 35px;
text-overflow: ellipsis;
white-space: normal;
}
.liveDataTable .tableScroll table select option {
background-color: #fffcc7;
}
.liveDataTable .tableScroll table select option[value=""] {
background-color: #ffdbdb;
border: solid 1px #ff9191;
}
.liveDataTable .tableScroll table select:invalid {
background-color: #ffdbdb;
border: solid 1px #ff9191;
}
.cat-plus,
.liveDataTable .tableScroll table tr td .cat-plus {
background-image: url('/Content/assets/images/uiux/plus-circle.svg');
background-size: 25px 25px;
width: 25px;
height: 25px;
border: solid 0px #000;
display: block;
margin: auto;
}
.cat-minus,
.liveDataTable .tableScroll table tr td .cat-minus {
background-image: url('/Content/assets/images/uiux/dash-circle.svg');
background-size: 25px 25px;
width: 25px;
height: 25px;
border: solid 0px #000;
display: block;
margin: auto;
}
.invoiceParameters .cat-plus {
background-image: none;
background-size: auto;
width: auto;
min-width: 100px;
max-width: 100px;
height: auto;
border: solid 0px #000;
display: block;
margin: auto;
}
.invoiceParameters .cat-plus::before {
content: "Org List";
}
.invoiceParameters .cat-minus {
background-image: none;
background-size: auto;
width: auto;
min-width: 100px;
max-width: 100px;
height: auto;
border: solid 0px #000;
display: block;
margin: auto;
}
.invoiceParameters .cat-minus::before {
content: "Org List";
}
.liveDataTable .tableScroll table tr td a:hover,
.liveDataTable .tableScroll table tr td a:focus {
text-decoration: none;
outline: none;
}
/* start: Table 2 */
.systemJobs #tab_2 {
border: solid 0px red;
}
/* end: Table 2 */
/* start: Table for Billing > Invoices */
.tableScroll .billing-invoices {
border: solid 0px red;
}
.billing-invoices table,
.billing-invoices .pane-vScroll {
border: solid 0px red;
}
.tableScroll .billing-invoices table input.checkboxx {
width: 14px;
height: 14px;
border: solid 1px red;
margin-right: 5px;
margin-left: 0;
}
.tableScroll .billing-invoices table thead th {
color: #fff;
}
.tableScroll .billing-invoices table thead th.col-blank {
background-color: black;
}
.tableScroll .billing-invoices table thead .mainCategory,
.tableScroll .billing-invoices table tbody tr .mainCategory {
width: 40%;
/*background-color:red;*/
}
.tableScroll .billing-invoices table tbody tr td {
vertical-align: middle;
}
.tableScroll .billing-invoices table tbody tr.subCategory {
background-color: #eceaea;
vertical-align: middle;
}
.tableScroll .billing-invoices table tbody tr.subCategory:hover {
background-color: #cdcbcb;
}
/* -------------- liveDataTable under Tab-Content -------------- */
.tab-content .liveDataTable {
border: solid 0px red;
}
.tab-content .liveDataTable .tableScroll .pane-vScroll {
height: auto;
}
.tabbing .nav-tabs-custom .tab-content .tab-pane table {
border: solid 1px #eee;
}
.tab-content .liveDataTable .tableScroll table thead tr th {
color: #fff;
font-weight: 600;
}
.tabbing .nav-tabs-custom .tab-content .tab-pane table tbody td {
border: solid 1px #eee;
color: #000;
font-size: 14px;
vertical-align: middle;
}
.tab-content .tab-pane thead, .tabbing .nav-tabs-custom .tab-content .tab-pane table tbody tr {
}
.tab-content .tab-pane thead, .tabbing .nav-tabs-custom .tab-content .tab-pane table tbody tr:hover {
background-color: #eff6ff;
color: #005ffc;
border-left: solid 0px #b4d6ff;
}
/* end: Table for Billing > Invoices */
.modal-body .updatesRecordAdd {
border: solid 0px red;
padding: 20px;
}
.modal-body .updatesRecordAdd .lteTabbing {
border: solid 0px red;
padding: 20px;
}
.modal-body .updatesRecordAdd .lteTabbing textarea {
width: 100%;
}
/* ----------------- for Table Header Column Sorting Arrows Up & Down ----------------- */
.liveDataTable .tableScroll table {
}
.liveDataTable .tableScroll table thead {
}
.liveDataTable .tableScroll table thead tr {
}
.liveDataTable .tableScroll table thead tr th {
}
.liveDataTable .tableScroll table thead tr th .sorting-column {
border: solid 0px red;
width: 20px;
margin: 0;
padding: 0;
display: block;
right: 5px;
top: 40%;
position: absolute;
}
.liveDataTable .tableScroll table thead tr th .sorting-column li,
.liveDataTable .tableScroll table thead tr th .sorting-column li.active {
list-style: none;
border: solid 0px red;
text-align: center;
padding: 0;
margin: 0;
height: auto;
vertical-align: middle;
border: solid 1px #dfdede;
background-color: #e8e6e6;
}
.liveDataTable .tableScroll table thead tr th .sorting-column li.active {
background-color: white;
}
.liveDataTable .tableScroll table thead tr th .sorting-column li.active .fa {
color: red;
}
.liveDataTable .tableScroll table thead tr th .sorting-column li .fa {
color: #bdbdbd;
padding: 0;
margin: 0;
font-size: 1.5rem;
display: block;
}
.liveDataTable .tableScroll table thead tr th .sorting-column li:hover {
background-color: white;
}
.liveDataTable .tableScroll table thead tr th .sorting-column li .fa:hover {
/*color: #213165;*/
color: red;
display: block;
}
.liveDataTable i.fa-question-circle {
border: solid 0px red;
color: gray;
}
.liveDataTable i.fa-question-circle:hover {
color: black;
}
/*---------------------------- Chcklist/Month-End Records Posting Checklist ------------------------- */
.checklist {
background-color: white;
border: solid 0px black;
border-radius: 10px;
padding: 25px;
width: 600px;
}
.checklist table {
border: solid 0px #000;
width: 100%;
}
.checklist table thead {
width: 100%;
}
.checklist table thead th {
padding: 15px;
border: none;
color: #1f69e8;
font-size: 20px;
font-weight: normal;
}
.checklist table tbody {
width: 100%;
}
.checklist table tbody tr {
border: none;
border-bottom: solid 1px #e1e1e1;
}
.checklist table tbody tr td {
border: solid 0px red;
padding: 15px 10px;
vertical-align: top;
}
.checklist table tbody tr td .title {
font-size: 14px;
color: #464646;
}
.checklist .notification {
font-size: 12px;
background-color: #ffe6e8;
border-radius: 15px;
color: red;
padding: 10px 15px;
margin: 5px 0 0 0;
}
.checklist .notification a {
color: red;
}
.checklist button {
width: 100%;
}
/*---------------------------- Help & User Guides ------------------------- */
.helpUserGuide {
background-color: white;
border: solid 0px black;
border-radius: 10px;
padding: 35px 35px;
color: #3d8eeb;
}
.helpUserGuide h2 {
padding: 0;
margin: 0;
border-bottom: solid 1px #e7e7e7;
padding-bottom: 25px;
margin-bottom: 25px;
}
.helpUserGuide .content {
border: solid 1px red;
width: 100%;
}
/* start: TABS-LEFT Vertical template */
.tabs-left, .tabs-right {
border-bottom: none;
padding-top: 2px;
}
.tabs-left {
border-right: 1px solid #aed4ff;
}
.tabs-right {
border-left: 1px solid #3d8eeb;
}
.tabs-left > li, .tabs-right > li {
float: none;
margin-bottom: 2px;
}
.tabs-left > li {
margin-right: -1px;
}
.tabs-right > li {
margin-left: -1px;
}
.tabs-left > li > a {
color: #747474;
}
.tabs-left > li.active > a,
.tabs-left > li.active > a:hover,
.tabs-left > li.active > a:focus {
border-bottom-color: #aed4ff;
border: solid 1px #aed4ff;
border-right-color: transparent;
color: #1f69e9;
padding: 15px 15px;
}
.tabs-right > li.active > a,
.tabs-right > li.active > a:hover,
.tabs-right > li.active > a:focus {
border-bottom: 0px solid #ddd;
border-left-color: transparent;
}
.tabs-left > li > a {
border-radius: 4px 0 0 4px;
margin-right: 0;
display: block;
}
.tabs-right > li > a {
border-radius: 0 4px 4px 0;
margin-right: 0;
}
/* end: TABS-LEFT Vertical template */
.helpUserGuide h3 {
color: #4f96ec;
font-size: 20px;
}
.helpUserGuide p {
color: #686868;
font-size: 14px;
}
/*---------------------------- System Jobs ------------------------- */
.systemJobs {
}
/*---------------------------- Audit Trail | .dropdown boostrap-select all and deselec all ------------------------- */
.dropdown .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
width: 100%;
}
button.btn-select-dropdown {
border: solid 1px #c2c2c2;
background-color: white;
}
button.btn-select-dropdown-disabled {
border: solid 1px #c2c2c2;
background-color: #cccccc;
color: #000;
}
.bootstrap-select .dropdown-menu.inner {
border: solid 0px red;
background-color: white;
}
.dropdown .dropdown-menu {
}
.dropdown {
transform-style: preserve-3d;
transform: translate3d(0,0,10px) !important;
}
.dropdown-menu {
height: auto !important;
position: relative !important;
transform: translate3d(0,0,10px) !important;
}
/* 2021/10/17-czar | fix datepicker display */
.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top,
.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom {
position: absolute !important;
}
/* 2021/10/25-lyndon | fix daterangepicker display Ticket # 272 For Audit Trail UI daterangepicker */
.daterangepicker {
border: solid 0px red;
position: absolute !important;
}
.btn-select-dropdown .filter-option-inner-inner {
border: solid 0px red;
font-size: 12px;
}
.bootstrap-select .dropdown-menu.inner li.selected {
/* background-color: #EBEFF4; */
background: rgb(212,223,236);
background: linear-gradient(3deg, rgba(212,223,236,1) 0%, rgba(235,239,244,1) 100%);
}
.audit-trail {
border: solid 0px red;
}
.btn-submit-smallV2 {
border: solid 0px red;
outline: none;
}
.btn-select-dropdown {
border: 1px solid #CDCDCD;
color: #eee;
}
.btn-select-dropdown:hover {
/*background-color: rgba(68,199,103,0.8);*/
/*color: #fff;*/
/*border: 0px solid #2b75f1;*/
color: #eee;
}
.btn-select-dropdown:active {
color: #eee;
}
.btn-select-dropdown:focus {
color: #eee;
}
.btn-select-dropdown:disabled {
background-color: red;
}
.btn-select-dropdown .filter-option-inner-inner {
/*color: #44c767;*/
color: #000;
}
.btn-select-dropdown:hover .filter-option-inner-inner {
}
.btn-select-dropdown .caret {
/*color: #44c767;*/
color: #000;
}
.btn-select-dropdown:hover .caret {
color: white;
}
.audit-trail .btn {
border: solid 0px red;
}
.audit-trail .dropdown-toggle:focus {
border: solid 0px blue;
outline: 0px auto -webkit-focus-ring-color !important;
outline-offset: 0px;
}
.audit-trail .bootstrap-select .dropdown-menu {
border: solid 0px red;
}
.audit-trail .bootstrap-select .dropdown-menu ul {
border: solid 0px red;
}
.audit-trail .bootstrap-select .dropdown-menu ul li {
border: solid 0px blue;
width: 100%;
display: block;
padding: 5px;
}
.audit-trail .bootstrap-select .dropdown-menu ul li span.glyphicon {
}
.audit-trail .bootstrap-select .dropdown-menu ul li a {
padding: 5px 10px;
}
.audit-trail .bootstrap-select.show-tick .dropdown-menu span.glyphicon.bi {
color: #363636;
}
.audit-trail .bootstrap-select.show-tick .dropdown-menu span.text {
color: #363636;
}
.audit-trail .bootstrap-select.show-tick .dropdown-menu span.check-mark {
top: 12px;
color: #363636;
}
/*---------------------------- Release 2: Billing Reports ------------------------- */
.billing-reports {
border: solid 0px red;
}
/*NR Comparative Reports*/
.NR_Reports {
width: 100%;
height: calc(80vh - 180px);
overflow: scroll;
border: 1px solid #6f6f6f;
}
.NR_Reports table {
border-spacing: 0;
}
.NR_Reports th {
position: sticky;
top: 0;
background: #C8D6A1;
color: #000;
width: 100px;
min-width: 100px;
padding: 10px;
outline: 1px solid #7a7a7a;
font-weight: 600;
text-transform: uppercase;
}
.NR_Reports td {
padding: 10px;
outline: 0.8px solid #D4D4D4;
min-width: 145px;
text-align: right;
font-weight: normal;
}
.NR_Reports tr.bg-yellow td {
background-color: #FEFF02;
color: #000;
}
.NR_Reports th:nth-child(1),
.NR_Reports td:nth-child(1) {
position: sticky;
left: 0;
width: 250px;
min-width: 250px;
}
/* 1st cell left/right padding + 1st cell with + 1st cell left/right border width */
/* 0 + 5 + 150 + 5 + 1 */
/*
.NR_Reports th:nth-child(2),
.NR_Reports td:nth-child(2) {
position: sticky;
left: 150px;
width: 50px;
min-width: 50px;
border-left: solid 1px #000;
}
*/
.NR_Reports td:nth-child(1) {
background-color: #FFFAED;
text-align: left;
font-weight: 600;
}
.NR_Reports th:nth-child(1) {
z-index: 2;
}
.invoiceSummary {
width: 100%;
height: calc(80vh - 180px);
overflow: scroll;
border: solid 1px #7a7a7a;
}
.invoiceSummary table {
border-spacing: 0;
}
.invoiceSummary th {
position: sticky;
top: 0;
background: #FFDDC2;
color: #000;
width: 100px;
min-width: 100px;
padding: 10px;
outline: 0.8px solid #7a7a7a;
font-weight: 600;
font-size: 13px;
text-transform: uppercase;
vertical-align: bottom;
}
.card-body .tab-content .invoiceSummary table thead tr th {
color: #000;
font-size: 13px;
}
.invoiceSummary td,
.card-body .tab-content .invoiceSummary table tbody tr td {
padding: 10px;
outline: 0.8px solid #D4D4D4;
min-width: 100px;
font-weight: normal;
color: #4E4E4E;
}
.invoiceSummary th.width-150,
.invoiceSummary td.width-150,
.card-body .tab-content .invoiceSummary table thead tr th.width-150,
.card-body .tab-content .invoiceSummary table tbody tr td.width-150 {
width: 150px;
min-width: 150px;
}
.invoiceSummary th:nth-child(1),
.invoiceSummary td:nth-child(1) {
position: sticky;
left: 0;
width: 300px;
min-width: 300px;
}
.invoiceSummary td:nth-child(1),
.card-body .tab-content .invoiceSummary table tbody tr td:nth-child(1) {
background-color: #FFFAED;
font-weight: normal;
color: #000;
}
.invoiceSummary th:nth-child(1) {
z-index: 2;
color: #000;
}
.invoiceSummary tr.bg-green-total td,
.card-body .tab-content .invoiceSummary table tbody tr.bg-green-total td {
background-color: #E8FCE2;
color: #000;
font-weight: 500;
margin-bottom: 50px;
}
.invoiceSummary tr td.bold,
.invoiceSummary tr th.bold {
font-weight: bold;
}
.card-body .tab-content .invoiceSummary table tbody tr td.bold {
color: #000;
}
.invoiceSummary tr th.bg-pink {
background-color: #FBDFDC;
}
.invoiceSummary tr th.bg-green-revenue {
background-color: #E8FCE2;
}
.invoiceSummary tr.blank td,
.card-body .tab-content .invoiceSummary table tbody tr.blank td {
background-color: #fff;
height: 10px;
padding: 0;
}
/* ---- comparison reports ------ */
.comparisonReports {
width: 100%;
height: calc(80vh - 180px);
overflow: scroll;
border: solid 1px #7a7a7a;
}
.comparisonReports table {
border-spacing: 0;
}
.comparisonReports th {
top: 0;
background: #FFDDC2;
color: #000;
width: 100px;
min-width: 100px;
padding: 10px;
outline: 0.8px solid #7a7a7a;
font-weight: 600;
font-size: 13px;
text-transform: uppercase;
vertical-align: bottom;
}
.comparisonReports thead tr.first th,
.comparisonReports thead tr.frist td {
position: sticky;
}
.comparisonReports thead tr.second th,
.comparisonReports thead tr.second td {
position: sticky;
top: 38px;
}
.comparisonReports thead tr.third th,
.comparisonReports thead tr.third td {
position: sticky;
top: 0;
}
.card-body .tab-content .comparisonReports table thead tr th {
color: #000;
font-size: 13px;
}
.comparisonReports td,
.card-body .tab-content .comparisonReports table tbody tr td {
padding: 10px;
outline: 0.8px solid #D4D4D4;
min-width: 100px;
font-weight: normal;
color: #4E4E4E;
}
.comparisonReports tr:hover td,
.card-body .tab-content .comparisonReports table tbody tr:hover td {
background-color: #FEFAEE;
color: #000;
}
.comparisonReports th.width-150,
.comparisonReports td.width-150,
.card-body .tab-content .comparisonReports table thead tr th.width-150,
.card-body .tab-content .comparisonReports table tbody tr td.width-150 {
width: 150px;
min-width: 150px;
}
.comparisonReports th.width-100,
.comparisonReports td.width-100,
.card-body .tab-content .comparisonReports table thead tr th.width-100,
.card-body .tab-content .comparisonReports table tbody tr td.width-100 {
width: 100px;
min-width: 100px;
}
.comparisonReports th:nth-child(1),
.comparisonReports .first th:nth-child(1),
.comparisonReports .second th:nth-child(1),
.comparisonReports .third th:nth-child(1),
.comparisonReports td:nth-child(1) {
position: sticky;
left: 0;
width: 300px;
min-width: 300px;
z-index: 10;
}
.comparisonReports .first th:nth-child(1),
.comparisonReports .second th:nth-child(1),
.comparisonReports .third th:nth-child(1) {
z-index: 100;
}
/* 1st cell left/right padding + 1st cell width + 1st cell left/right border width */
/* 0 + 5 + 150 + 5 + 1 */
/*
.comparisonReports th:nth-child(2),
.comparisonReports td:nth-child(2) {
position: sticky;
left: 300px;
width: 150px;
min-width: 150px;
}
*/
.comparisonReports td:nth-child(1),
.card-body .tab-content .comparisonReports table tbody tr td:nth-child(1) {
background-color: #FFFAED;
font-weight: normal;
color: #000;
}
.comparisonReports th:nth-child(1),
.comparisonReports th:nth-child(2) {
z-index: 2;
color: #000;
}
.comparisonReports tr.bg-green-total td,
.card-body .tab-content .comparisonReports table tbody tr.bg-green-total td {
background-color: #E8FCE2;
color: #000;
font-weight: 500;
margin-bottom: 50px;
}
.comparisonReports tr td.bold,
.comparisonReports tr th.bold {
font-weight: bold;
}
.comparisonReports tr td.bold,
.card-body .tab-content .comparisonReports tr td.bold {
color: #000;
font-weight: normal;
font-size: 13px;
text-transform: uppercase;
}
.comparisonReports tr.sub-total td,
.card-body .tab-content .comparisonReports tr.sub-total td {
color: #000;
font-size: 13px;
text-transform: uppercase;
font-weight: 600;
}
.comparisonReports tr th.bg-pink {
background-color: #FBDFDC;
}
.comparisonReports tr th.bg-green-revenue {
background-color: #E8FCE2;
}
.comparisonReports tr.blank td,
.card-body .tab-content .comparisonReports table tbody tr.blank td {
background-color: #fff;
height: 10px;
padding: 0;
}
.comparisonReports th.bg-color-orange-100,
.comparisonReports td.bg-color-orange-100,
.card-body .tab-content .comparisonReports table thead tr th.bg-color-red-100,
.card-body .tab-content .comparisonReports table tbody tr td.bg-color-red-100 {
background-color: #FFC495;
}
.comparisonReports th.bg-color-orange-50,
.comparisonReports td.bg-color-orange-50,
.card-body .tab-content .comparisonReports table thead tr th.bg-color-red-30,
.card-body .tab-content .comparisonReports table tbody tr td.bg-color-red-30 {
background-color: #FFD1AC;
}
.comparisonReports th.bg-color-blue-100,
.comparisonReports td.bg-color-blue-100,
.card-body .tab-content .comparisonReports table thead tr th.bg-color-blue-100,
.card-body .tab-content .comparisonReports table tbody tr td.bg-color-blue-100 {
background-color: #D7DBF8;
}
.comparisonReports th.bg-color-blue-50,
.comparisonReports td.bg-color-blue-50,
.card-body .tab-content .comparisonReports table thead tr th.bg-color-blue-30,
.card-body .tab-content .comparisonReports table tbody tr td.bg-color-blue-30 {
background-color: #D7DBF8;
}
.comparisonReports th.bg-color-red-100,
.comparisonReports td.bg-color-red-100,
.card-body .tab-content .comparisonReports table thead tr th.bg-color-red-100,
.card-body .tab-content .comparisonReports table tbody tr td.bg-color-red-100 {
background-color: #FFB7B1;
}
.comparisonReports th.bg-color-red-50,
.comparisonReports td.bg-color-red-50,
.card-body .tab-content .comparisonReports table thead tr th.bg-color-red-30,
.card-body .tab-content .comparisonReports table tbody tr td.bg-color-red-30 {
background-color: #FCD6D3;
}
/*---------------------------- Release 2: Maintenance ------------------------- */
.maintenance {
}
.maintenance .search_updates {
border: solid 1px #e4e6ec;
margin-bottom: 10px;
background-color: #F8F9FB;
border-radius: 10px;
padding: 10px;
}
/* ---- Invoice Parameters ------ */
.invoiceParameters {
width: 100%;
height: calc(80vh - 180px);
overflow: scroll;
border: solid 1px #7a7a7a;
}
.invoiceParameters table {
border-spacing: 0;
}
.invoiceParameters th {
top: 0;
background: #FFDDC2;
color: #000;
width: auto;
padding: 10px;
outline: 0.8px solid #7a7a7a;
font-weight: 600;
font-size: 13px;
text-transform: uppercase;
vertical-align: bottom;
}
.invoiceParameters thead tr.first th,
.invoiceParameters thead tr.frist td {
position: sticky;
z-index: 999;
}
.invoiceParameters thead tr.second th,
.invoiceParameters thead tr.second td {
position: sticky;
top: 58px;
z-index: 999;
}
.invoiceParameters tbody tr.third th,
.invoiceParameters tbody tr.third td {
position: sticky;
top: 135px;
z-index: 999;
}
.card-body .tab-content .invoiceParameters table thead tr th {
color: #000;
font-size: 13px;
}
.invoiceParameters td,
.card-body .tab-content .invoiceParameters table tbody tr td {
padding: 10px;
outline: 0.8px solid #D4D4D4;
width: auto;
font-weight: normal;
color: #4E4E4E;
}
select.furnisher {
width: auto;
min-width: 100px;
max-width: 100%;
}
select.furnisher:focus {
width: auto;
}
.invoiceParameters td select {
min-width: 100px;
max-width: 100%;
}
.invoiceParameters td select:focus {
width: auto;
}
.invoiceParameters td select * {
}
.invoiceParameters td select option {
}
.invoiceParameters td input[type="text"] {
min-width: 100px;
max-width: 100%;
}
.invoiceParameters tr:hover td,
.card-body .tab-content .invoiceParameters table tbody tr:hover td {
background-color: #FEFAEE;
color: #000;
}
.invoiceParameters th.width-300,
.invoiceParameters td.width-300,
.card-body .tab-content .invoiceParameters table thead tr th.width-300,
.card-body .tab-content .invoiceParameters table tbody tr td.width-300 {
width: 300px;
min-width: 300px;
}
.invoiceParameters th.width-150,
.invoiceParameters td.width-150,
.card-body .tab-content .invoiceParameters table thead tr th.width-150,
.card-body .tab-content .invoiceParameters table tbody tr td.width-150 {
width: 150px;
min-width: 150px;
}
.invoiceParameters th.width-100,
.invoiceParameters td.width-100,
.card-body .tab-content .invoiceParameters table thead tr th.width-100,
.card-body .tab-content .invoiceParameters table tbody tr td.width-100 {
width: 100px;
min-width: 100px;
}
.invoiceParameters th.width-50,
.invoiceParameters td.width-50,
.card-body .tab-content .invoiceParameters table thead tr th.width-50,
.card-body .tab-content .invoiceParameters table tbody tr td.width-50 {
width: 50px;
min-width: 50px;
text-align: center;
}
.invoiceParameters th:nth-child(1),
.invoiceParameters .first th:nth-child(1),
.invoiceParameters .second th:nth-child(1),
.invoiceParameters .third th:nth-child(1),
.invoiceParameters td:nth-child(1) {
/*
position: sticky;
left: 0;
width: 300px;
min-width: 300px;
z-index: 10;
*/
}
.invoiceParameters .first th:nth-child(1),
.invoiceParameters .second th:nth-child(1),
.invoiceParameters .third th:nth-child(1) {
/*
z-index: 100;
*/
}
/* 1st cell left/right padding + 1st cell width + 1st cell left/right border width */
/* 0 + 5 + 150 + 5 + 1 */
/*
.comparisonReports th:nth-child(2),
.comparisonReports td:nth-child(2) {
position: sticky;
left: 300px;
width: 150px;
min-width: 150px;
}
*/
.invoiceParameters td:nth-child(1),
.card-body .tab-content .invoiceParameters table tbody tr td:nth-child(1) {
font-weight: normal;
color: #000;
}
.invoiceParameters th:nth-child(1),
.invoiceParameters th:nth-child(2) {
/*
z-index: 2;
color: #000;
*/
}
.invoiceParameters tr.bg-green-total td,
.card-body .tab-content .invoiceParameters table tbody tr.bg-green-total td {
background-color: #E8FCE2;
color: #000;
font-weight: 500;
margin-bottom: 50px;
}
.invoiceParameters tr td.bold,
.invoiceParameters tr th.bold {
font-weight: bold;
}
.invoiceParameters tr td.bold,
.card-body .tab-content .invoiceParameters tr td.bold {
color: #000;
font-weight: normal;
font-size: 13px;
text-transform: uppercase;
}
.invoiceParameters tr.sub-total td,
.card-body .tab-content .invoiceParameters tr.sub-total td {
color: #000;
font-size: 13px;
text-transform: uppercase;
font-weight: 600;
}
.invoiceParameters tr th.bg-pink {
background-color: #FBDFDC;
}
.invoiceParameters tr th.bg-green-revenue {
background-color: #E8FCE2;
}
.invoiceParameters tr.blank td,
.card-body .tab-content .invoiceParameters table tbody tr.blank td {
background-color: #fff;
height: 10px;
padding: 0;
}
.invoiceParameters th.bg-color-orange-100,
.invoiceParameters td.bg-color-orange-100,
.card-body .tab-content .invoiceParameters table thead tr th.bg-color-red-100,
.card-body .tab-content .invoiceParameters table tbody tr td.bg-color-red-100 {
background-color: #FFC495;
}
.invoiceParameters th.bg-color-orange-50,
.invoiceParameters td.bg-color-orange-50,
.card-body .tab-content .invoiceParameters table thead tr th.bg-color-red-30,
.card-body .tab-content .invoiceParameters table tbody tr td.bg-color-red-30 {
background-color: #FFD1AC;
}
.invoiceParameters th.bg-color-blue-100,
.invoiceParameters td.bg-color-blue-100,
.card-body .tab-content .invoiceParameters table thead tr th.bg-color-blue-100,
.card-body .tab-content .invoiceParameters table tbody tr td.bg-color-blue-100 {
background-color: #D7DBF8;
}
.invoiceParameters th.bg-color-blue-50,
.invoiceParameters td.bg-color-blue-50,
.card-body .tab-content .invoiceParameters table thead tr th.bg-color-blue-30,
.card-body .tab-content .invoiceParameters table tbody tr td.bg-color-blue-30 {
background-color: #D7DBF8;
}
.invoiceParameters th.bg-color-cyan-100,
.invoiceParameters td.bg-color-cyan-100,
.card-body .tab-content .invoiceParameters table thead tr th.bg-color-blue-100,
.card-body .tab-content .invoiceParameters table tbody tr td.bg-color-blue-100 {
background-color: #A8EAFF;
}
.invoiceParameters th.bg-color-cyan-50,
.invoiceParameters td.bg-color-cyan-50,
.card-body .tab-content .invoiceParameters table thead tr th.bg-color-blue-30,
.card-body .tab-content .invoiceParameters table tbody tr td.bg-color-blue-30 {
background-color: #EBFAFF;
}
.invoiceParameters th.bg-color-red-100,
.invoiceParameters td.bg-color-red-100,
.card-body .tab-content .invoiceParameters table thead tr th.bg-color-red-100,
.card-body .tab-content .invoiceParameters table tbody tr td.bg-color-red-100 {
background-color: #FFB7B1;
}
.invoiceParameters th.bg-color-red-50,
.invoiceParameters td.bg-color-red-50,
.card-body .tab-content .invoiceParameters table thead tr th.bg-color-red-30,
.card-body .tab-content .invoiceParameters table tbody tr td.bg-color-red-30 {
background-color: #FCD6D3;
}
/*---------------------------- Release 3: Performance Report ------------------------- */
.ModalClientPerformanceReview {
border: solid 0px red;
}
.ModalClientPerformanceReview .modal-body .heading {
margin: 20px 0 10px 0;
border-bottom: solid 8px #000;
padding-bottom: 20px;
}
.heading .logo {
}
.heading .title {
color: #fe8037;
padding: 0;
margin: 0;
text-transform: uppercase;
font-weight: 600;
}
.heading .sub-title {
padding: 0;
margin: 0;
font-weight: 600;
font-size: 23px;
}
.ModalClientPerformanceReview .description-percentage {
border: solid 1px #efefef;
padding: 40px;
border-radius: 10px;
font-size: 20px;
}
.description-percentage span {
color: #26a900;
font-size: 45px;
font-weight: 800;
margin-right: 20px;
}
.ModalClientPerformanceReview .description {
}
.ModalClientPerformanceReview .description ul {
margin: 0;
padding: 0;
}
.ModalClientPerformanceReview .description ul li {
border: solid 1px #efefef;
list-style: none;
padding: 50px 30px;
margin-bottom: 15px;
border-radius: 10px;
text-align: center;
}
.ModalClientPerformanceReview .description ul li.community-cost {
background-color: #F1FFEA;
border: solid 1px #BFE8AF;
color: #5D9841;
}
.ModalClientPerformanceReview .description ul li.increased-revenue {
background-color: #E4FFFE;
border: solid 1px #A3E7E4;
color: #248C88;
}
.ModalClientPerformanceReview .description ul li.decreased-delinquencies {
background-color: #FFF0E8;
border: solid 1px #FFD9C5;
color: #FF5900;
}
.ModalClientPerformanceReview .description ul li p {
line-height: 18px;
}
.ModalClientPerformanceReview .description ul li p span {
font-weight: 600;
font-size: 18px;
}
.ModalClientPerformanceReview .stat-chart {
border: solid 1px #efefef;
border-radius: 10px;
}
.ModalClientPerformanceReview .stat-chart h3 {
font-size: 18px;
}
.ModalClientPerformanceReview .modal-body .table-reporting {
border: solid 1px #F8F8F8;
border-radius: 10px;
background-color: #F8F8F8;
}
.ModalClientPerformanceReview .modal-body .table-reporting .pane--table {
border: solid 1px #F8F8F8;
}
.table-reporting table {
background-color: #F8F8F8;
margin: 0;
}
.table-reporting table .header {
}
.table-reporting table .header td {
vertical-align: bottom;
color: #000;
border: none;
background-color: #F8F8F8;
font-size: 12px;
font-weight: 600;
line-height: 14px;
border-bottom: solid 5px #000;
}
.ModalClientPerformanceReview .modal-body .table-reporting .pane--table tbody tr td {
color: #000;
}
.table-reporting table td.startDate {
width: 100px;
}
.table-reporting table td.orgName {
width: 400px;
}
.table-reporting table td.positivePoints {
width: 100px;
}
.table-reporting table td.delPaidOffAccount {
width: 100px;
}
.table-reporting table td.delPaidOffAmount {
width: 100px;
}
.table-reporting table tbody {
}
.table-reporting table tbody tr {
color: #000;
background-color: #F7FFF4;
border: solid 1px #000;
}
.table-reporting table tbody tr td {
border: solid 1px #000;
}
.ModalClientPerformanceReview .modal-body .table-reporting .pane--table tbody tr:hover {
color: #000;
background-color: #FFF8E4;
border: solid 1px #000;
border-top: solid 2px #000;
font-weight: 600;
}
.ModalClientPerformanceReview .modal-body .table-reporting .pane--table tbody tr:hover td {
border: solid 1px #000;
font-weight: 600;
}
.table-reporting table tbody tr.even {
background-color: #E9FFE0;
color: #000;
}
.ModalClientPerformanceReview .modal-footer {
background-color: #fff;
}
.ModalClientPerformanceReview .modal-footer .confidential-date {
background-color: #fff;
font-size: 14px;
margin-left: 50px;
}
/** Footer
*************************************************** **/
.footer {
border: solid 0px #000;
font-size: 12px;
font-weight: normal;
color: #464646;
border-top: none;
background-color: #dce0e6;
padding: 20px;
}
.footer .main-footer {
border: solid 0px red;
color: #464646;
font-size: 12px;
}
.footer .main-footer a {
font-weight: normal;
color: #464646;
font-size: 12px;
}
.footer .main-footer .pull-right {
}
/* ------------------- MODAL & JS ALERTS ----------------- */
.modal-dialog {
width: 1240px;
border: solid 0px red;
}
/* ------- Bootstrap / Admin LTE Alert Message ------- */
.alert-notification .modal-dialog {
border: solid 0px blue;
width: 600px;
}
.alert-notification .modal-header,
.alert-notification .modal-footer,
.alert-notification .modal-body {
padding: 1rem;
background-color: #fff;
}
.alert-notification .modal-header,
.alert-notification .modal-footer {
border-radius: 5px;
}
.alert-notification .modal-footer {
border-top: solid 1px #e8ebed;
}
.alert-notification .modal-header .modal-title {
font-size: 1.6rem;
color: #232323;
}
.alert-notification .modal-header .close {
font-size: 25px;
}
.alert-notification .modal-body {
font-size: 1.6rem;
font-weight: normal;
}
.alert-notification .modal-body p {
font-size: 1.4rem;
font-weight: normal;
}
/* ------- Bootbox Alert Message ------- */
/* Horizontally & Vertically Align: https://css-tricks.com/centering-css-complete-guide/ */
.bootbox {
/*
border: solid 0px red;
display: flex;
justify-content: center;
align-items: center;
*/
border: solid 0px red;
width: 100%;
margin: 0 auto;
padding: 20px;
display: flex;
justify-content: center;
align-items: center;
resize: both;
overflow: auto;
}
/* Horizontally & Vertically Align: https://css-tricks.com/centering-css-complete-guide/ */
.modal .container {
/*
width: 100%;
height:100%;
*/
/*
margin: 0 auto;
padding: 20px;
display: flex;
justify-content: center;
align-items: center;
resize: both;
overflow: auto;
*/
}
.panel-info .modal-content {
/*
resize: both;
overflow: auto;
border: solid 0px #121C3D;
*/
}
.bootbox .modal-dialog {
background: black;
color: white;
width: 600px;
padding: 0px;
resize: both;
overflow: auto;
}
.bootbox .modal-header,
.bootbox .modal-footer {
padding: 1.5rem;
border-radius: 5px;
background-color: #fff;
}
.bootbox .modal-footer {
border-top: solid 1px #e8ebed;
}
.bootbox .modal-header .modal-title {
color: #000;
font-size: 1.6rem;
}
.bootbox .modal-header .close,
.bootbox .modal-header .bootbox-close-button {
font-size: 2.5rem;
}
.bootbox .modal-body {
font-size: 1.4rem;
font-weight: normal;
padding: 1.5rem;
}
.bootbox-body button,
.bootbox-body .btn {
margin-bottom: 1rem;
}
.modal-alert {
border: solid 0px red;
}
/* Default */
.modal-alert .alert-simple-default {
}
.alert-simple-default .modal-dialog {
}
.alert-simple-default .modal-content {
border: solid 5px white;
}
.alert-simple-default .modal-content .modal-header {
background-color: #E4E6EF;
padding: 25px;
}
.alert-simple-default .modal-content .modal-header h5 {
font-size: 1.5rem;
font-weight: normal;
color: #000;
}
.alert-simple-default .modal-content .modal-header .icon {
font-size: 2.3rem;
border: solid 0px #000;
color: #000;
float: left;
display: block;
}
.alert-simple-default .modal-content .modal-header .title-message {
border: solid 0px red;
color: #000;
display: block;
padding-top: 5px;
margin-left: 30px;
}
.alert-simple-default .modal-content .modal-header .fa {
}
.alert-simple-default .modal-content .modal-header .close {
display: none;
}
.alert-simple-default .modal-content .modal-body {
display: none;
}
.alert-simple-default .modal-content .modal-footer {
}
/* Primary */
.modal-alert .alert-simple-primary {
}
.alert-simple-primary .modal-dialog {
}
.alert-simple-primary .modal-content {
border: solid 5px white;
}
.alert-simple-primary .modal-content .modal-header {
background-color: #3699FF;
padding: 20px 25px;
}
.alert-simple-primary .modal-content .modal-header h5 {
font-size: 1.5rem;
font-weight: normal;
color: white;
}
.alert-simple-primary .modal-content .modal-header .icon {
font-size: 2.3rem;
border: solid 0px #000;
color: white;
float: left;
display: block;
}
.alert-simple-primary .modal-content .modal-header .title-message {
border: solid 0px #000;
color: white;
margin-left: 30px;
padding-top: 5px;
display: block;
}
.alert-simple-primary .modal-content .modal-header .fa {
}
.alert-simple-primary .modal-content .modal-header .close {
color: white;
display: none;
}
.alert-simple-primary .modal-content .modal-body {
display: none;
}
.alert-simple-primary .modal-content .modal-footer {
}
/* Danger */
.modal-alert .alert-simple-danger {
}
.alert-simple-danger .modal-dialog {
}
.alert-simple-danger .modal-content {
border: solid 5px white;
}
.alert-simple-danger .modal-content .modal-header {
background-color: #F64E60;
padding: 20px 25px;
}
.alert-simple-danger .modal-content .modal-header h5 {
font-size: 1.5rem;
font-weight: normal;
color: white;
}
.alert-simple-danger .modal-content .modal-header .icon {
font-size: 2.3rem;
border: solid 0px #000;
color: white;
float: left;
display: block;
}
.alert-simple-danger .modal-content .modal-header .title-message {
border: solid 0px #000;
color: white;
margin-left: 30px;
padding-top: 5px;
display: block;
}
.alert-simple-danger .modal-content .modal-header .fa {
}
.alert-simple-danger .modal-content .modal-header .close {
color: white;
display: none;
}
.alert-simple-danger .modal-content .modal-body {
display: none;
}
.alert-simple-danger .modal-content .modal-footer {
}
/* Success */
.modal-alert .alert-simple-success {
}
.alert-simple-success .modal-dialog {
}
.alert-simple-success .modal-content {
border: solid 5px white;
}
.alert-simple-success .modal-content .modal-header {
background-color: #5CB85C;
padding: 20px 25px;
}
.alert-simple-success .modal-content .modal-header h5 {
font-size: 1.5rem;
font-weight: normal;
color: white;
}
.alert-simple-success .modal-content .modal-header .icon {
font-size: 2.3rem;
border: solid 0px #000;
color: white;
float: left;
display: block;
}
.alert-simple-success .modal-content .modal-header .title-message {
border: solid 0px #000;
color: white;
margin-left: 30px;
padding-top: 5px;
display: block;
}
.alert-simple-success .modal-content .modal-header .fa {
}
.alert-simple-success .modal-content .modal-header .close {
color: white;
display: none;
}
.alert-simple-success .modal-content .modal-body {
display: none;
}
.alert-simple-success .modal-content .modal-footer {
}
/* Warning */
.modal-alert .alert-simple-warning {
}
.alert-simple-warning .modal-dialog {
}
.alert-simple-warning .modal-content {
border: solid 5px white;
}
.alert-simple-warning .modal-content .modal-header {
background-color: #FFA800;
padding: 20px 25px;
}
.alert-simple-warning .modal-content .modal-header h5 {
font-size: 1.5rem;
font-weight: normal;
color: white;
}
.alert-simple-warning .modal-content .modal-header .icon {
font-size: 2.3rem;
border: solid 0px #000;
margin-right: 5px;
color: white;
float: left;
display: block;
}
.alert-simple-warning .modal-content .modal-header .title-message {
border: solid 0px #000;
color: white;
margin-left: 30px;
display: block;
}
.alert-simple-warning .modal-content .modal-header .fa {
}
.alert-simple-warning .modal-content .modal-header .close {
color: white;
display: none;
}
.alert-simple-warning .modal-content .modal-body {
display: none;
}
.alert-simple-warning .modal-content .modal-footer {
}
/* Warning Session Expired*/
.modal-alert .alert-simple-warning-session-expired {
}
.alert-simple-warning-session-expired .modal-dialog {
}
.alert-simple-warning-session-expired .modal-content {
border: solid 5px white;
}
.alert-simple-warning-session-expired .modal-content .modal-header {
background-color: #F64E60;
padding: 20px 25px;
}
.alert-simple-warning-session-expired .modal-content .modal-header h5 {
font-size: 1.5rem;
font-weight: normal;
color: white;
}
.alert-simple-warning-session-expired .modal-content .modal-header .icon {
font-size: 2.3rem;
border: solid 0px #000;
margin-right: 5px;
color: white;
float: left;
display: block;
}
.alert-simple-warning-session-expired .modal-content .modal-header .title-message {
border: solid 0px #000;
color: white;
margin-left: 30px;
display: block;
}
.alert-simple-warning-session-expired .modal-content .modal-header .fa {
}
.alert-simple-warning-session-expired .modal-content .modal-header .close {
color: white;
display: none;
}
.alert-simple-warning-session-expired .modal-content .modal-body {
display: none;
}
.alert-simple-warning-session-expired .modal-content .modal-footer {
}
/* BootBox Loading */
.modal-alert .alert-simple-loading {
}
.alert-simple-loading .modal-dialog {
}
.alert-simple-loading .modal-content {
border: solid 5px white;
}
.alert-simple-loading .modal-content .modal-header {
background-color: #1CC5BD;
padding: 20px 25px;
}
.alert-simple-loading .modal-content .modal-header h5 {
font-size: 1.5rem;
font-weight: normal;
color: #C9F7F5;
}
.alert-simple-loading .modal-content .modal-header .icon {
font-size: 5rem;
border: solid 0px #000;
margin-right: 5px;
color: #C9F7F5;
/*float: left;*/
display: block;
clear: both;
width: 100%;
text-align: center;
}
.alert-simple-loading .modal-content .modal-header .title-message {
border: solid 0px #000;
color: #C9F7F5;
/*margin-left: 30px;*/
display: block;
width: 100%;
text-align: center;
}
.alert-simple-loading .modal-content .modal-header .fa {
}
.alert-simple-loading .modal-content .modal-header .close {
color: #C9F7F5;
display: none;
}
.alert-simple-loading .modal-content .modal-body {
display: none;
}
.alert-simple-loading .modal-content .modal-footer {
}
.sidebar-toggle {
}
/** Media Queries for Responsive or Different Devices
*************************************************** **/
@media screen and (min-width: 1921px) {
.panel .modal .container,
.panel .modal-dialog {
width: 1240px;
border: solid 0px red;
}
.file-upload {
width: 960px;
}
.sidebar-toggle {
display: none;
}
/* ------- Bootstrap / Admin LTE Alert Message ------- */
/*
.alert-notification .modal-dialog{
border: solid 0px blue;
width:600px;
}
.alert-notification .modal-header,
.alert-notification .modal-footer,
.alert-notification .modal-body{
padding: 1rem;
background-color:#fff;
}
.alert-notification .modal-header,
.alert-notification .modal-footer{
border-radius:5px;
}
.alert-notification .modal-footer {
border-top: solid 1px #e8ebed;
}
.alert-notification .modal-header .modal-title {
font-size: 1.6rem;
color: #232323;
}
.alert-notification .modal-header .close{
font-size: 25px;
}
.alert-notification .modal-body{
font-size: 1.6rem;
font-weight:normal;
}
.alert-notification .modal-body p{
font-size: 1.4rem;
font-weight: normal;
}
*/
/* ------- Bootbox Alert Message ------- */
/*
.bootbox{
border: solid 0px red;
}
.bootbox .modal-dialog{
width:600px;
}
.bootbox .modal-header,
.bootbox .modal-footer{
padding: 1.5rem;
border-radius: 5px;
background-color:#fff;
}
.bootbox .modal-footer {
border-top: solid 1px #e8ebed;
}
.bootbox .modal-header .modal-title{
color:#000;
font-size:1.6rem;
}
.bootbox .modal-header .close,
.bootbox .modal-header .bootbox-close-button{
font-size: 2.5rem;
}
.bootbox .modal-body{
font-size:1.4rem;
font-weight:normal;
padding:1.5rem;
}
*/
}
@media screen and (max-width: 1920px) and (min-width: 1601px) {
.panel .modal .container,
.panel .modal-dialog,
.modal-dialog {
width: 80%;
}
.file-upload {
width: 960px;
}
}
@media screen and (max-width: 1600px) and (min-width: 1401px) {
.panel .modal .container,
.panel .modal-dialog,
.modal-dialog {
width: 80%;
}
.file-upload {
width: 960px;
}
}
@media screen and (max-width: 1400px) and (min-width: 1367px) {
.panel .modal .container,
.panel .modal-dialog,
.modal-dialog {
width: 80%;
}
.file-upload {
width: 960px;
}
}
@media screen and (max-width: 1366px) and (min-width: 1241px) {
.panel .modal .container,
.panel .modal-dialog,
.modal-dialog {
width: 90%;
}
.file-upload {
width: 960px;
}
}
@media screen and (max-width: 1240px) and (min-width: 1025px) {
.panel .modal .container,
.panel .modal-dialog,
.modal-dialog {
width: 90%;
}
.file-upload {
width: 960px;
}
.file-upload .description {
padding: 20px 20px 20px 20px;
}
}
/*
##Device = Tablets, Ipads (portrait)
##Screen = B/w 768px to 1024px
*/
@media (min-width: 768px) and (max-width: 1024px) {
/* CSS */
.sidebar-toggle {
display: block;
}
}
/*
##Device = Tablets, Ipads (landscape)
##Screen = B/w 768px to 1024px
*/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
/* CSS */
.sidebar-toggle {
display: block;
}
}
/*
##Device = Low Resolution Tablets, Mobiles (Landscape)
##Screen = B/w 481px to 767px
*/
@media (min-width: 481px) and (max-width: 767px) {
/* CSS */
.sidebar-toggle {
display: block;
}
}
@media screen and (max-width: 1024px) and (min-width: 601px) {
.panel .modal .container,
.panel .modal-dialog,
.modal-dialog {
width: 90%;
}
.file-upload .description {
padding: 20px 20px 20px 20px;
}
.sidebar-toggle {
display: block;
}
}
@media screen and (max-width: 600px) and (min-width: 360px) {
.sidebar-toggle {
display: block;
}
#sda {
padding: 0;
margin: 0;
}
#loginbox {
margin-top: 20px;
margin-bottom: 20px;
margin-left: 0px;
margin-right: 0px;
}
#loginbox .loginform {
width: 100%;
}
.loginform .logo {
}
.loginform .logo img {
width: 50%;
}
.input-group input {
padding: 20px 10px 20px 10px;
border: solid 1px #ccc;
background-color: #fff;
border-radius: 20px;
font-size: 12px;
}
.input-group span.input-group-addon {
background-color: #fff;
border-top-left-radius: 15px;
border-bottom-left-radius: 15px;
padding-left: 15px;
padding-right: 15px;
}
.file-upload .description {
padding: 20px 20px 20px 20px;
}
}
/* -------- For Public Page ----------- */
#public {
border: solid 0px red;
}
#public .heading h3 {
color: #1A3E75;
}
#public .separator {
height: 16px;
}
#public .tabbing {
border: solid 1px #ccc;
}
#public .tabbing .tab-pane {
border: solid 0px #ccc;
padding: 20px;
}
#public .labelHeading {
color: #1F69E9;
font-weight: 700;
padding: 0;
font-size: 14px;
font-weight: normal;
font-weight: bold;
}
#public .tabbing .tab-content .tab-pane .row .label,
#public .labelHeading {
color: #1F69E9;
font-weight: 700;
padding: 0;
font-size: 14px;
font-weight: normal;
}
#public .tabbing .nav-tabs-custom ul {
background-color: #EFEFEF;
}
#public .tabbing .nav-tabs-custom ul li.active a {
background-color: #1F69E9;
color: white;
}
#public .tabbing .nav-tabs-custom ul li a {
color: #1F69E9;
font-size:20px;
}
#public .tabbing .nav-tabs-custom ul li.borrower a {
background-color: #90ADD9;
color: #1A3E75;
}
#public .tabbing .nav-tabs-custom ul li.active.borrower a,
#public .tabbing .nav-tabs-custom ul li.borrower a:hover {
background-color: #3067BA;
color: white;
}
#public .tabbing .nav-tabs-custom ul li.hoa_contact a {
background-color: #FFD297;
color: #1A3E75;
}
#public .tabbing .nav-tabs-custom ul li.active.hoa_contact a,
#public .tabbing .nav-tabs-custom ul li.hoa_contact a:hover {
background-color: #F0AA4E;
color: white;
}
#public .tabbing .nav-tabs-custom ul li.hoa_mc a {
background-color: #CCCBCC;
color: #1A3E75;
}
#public .tabbing .nav-tabs-custom ul li.active.hoa_mc a,
#public .tabbing .nav-tabs-custom ul li.hoa_mc a:hover {
background-color: #A1A1A1;
color: white;
}
#public .tabbing .nav-tabs-custom ul li.credTab1 a {
background-color: #90ADD9;
color: #000;
}
#public .tabbing .nav-tabs-custom ul li.active.credTab1 a,
#public .tabbing .nav-tabs-custom ul li.credTab1 a:hover {
background-color: #001540;
color: white;
}
#public .tabbing .nav-tabs-custom ul li.credTab2 a {
background-color: #FDBA74;
color: #000;
}
#public .tabbing .nav-tabs-custom ul li.active.credTab2 a,
#public .tabbing .nav-tabs-custom ul li.credTab2 a:hover {
background-color: #001540;
color: #FFF;
}
#public .tabbing .nav-tabs-custom ul li.credTab3 a {
background-color: #FCA5A5;
color: #000;
}
#public .tabbing .nav-tabs-custom ul li.active.credTab3 a,
#public .tabbing .nav-tabs-custom ul li.credTab3 a:hover {
background-color: #001540;
color: #FFF;
}
#public .tabbing .nav-tabs-custom ul li.credTab4 a {
background-color: #FFDDC2;
color: #000;
}
#public .tabbing .nav-tabs-custom ul li.active.credTab4 a,
#public .tabbing .nav-tabs-custom ul li.credTab4 a:hover {
background-color: #001540;
color: #FFF;
}
#public .tabbing .nav-tabs-custom ul li.credTab5 a {
background-color: #C4B5FD;
color: #000;
}
#public .tabbing .nav-tabs-custom ul li.active.credTab5 a,
#public .tabbing .nav-tabs-custom ul li.credTab5 a:hover {
background-color: #001540;
color: #FFF;
}
#public .buttonSave {
padding-left: 100px;
padding-right: 100px;
background-color: #1A3E75;
color: white;
border: none;
font-size:20px;
}
#public .buttonSave:hover,
#public .buttonSearch:hover{
background-color: #3067BA;
color: white;
border: none;
}
#public .buttonSearch {
padding-left: 35px;
padding-right: 35px;
padding-top:7px;
padding-bottom:7px;
background-color: #1A3E75;
color: white;
border: none;
}
#public .logHOAList{
border:solid 0px red;
}
.logHOAList table{
width:100%;
}
.logHOAList table tr {
}
.logHOAList table tr th {
background-color: #3067BA;
color:white;
}
.logHOAList table tr th,
.logHOAList table tr td {
border: 1px solid rgba(3,3,3,0.2);
padding: 10px;
}
.logHOAList table thead{
}
.logHOAList table thead tr{
}
.logHOAList table thead tr th{
}
.logHOAList table tbody{
}
.logHOAList table tbody tr{
}
.logHOAList table tbody tr td{
}
@media screen and (max-width: 800px) {
.logHOAList table tr {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin: 0.5em 0;
border: 1px solid rgba(3,3,3,0.2);
}
.logHOAList table tr th,
.logHOAList table tr td {
flex: 1 1 150px;
border: 0.5px solid rgba(3,3,3,0.2);
padding: 5px;
}
}
#public .tracking {
border: solid 0px red;
width: 500px;
margin: auto;
background-color: #1A3E75;
}
#public .tracking h3{
color:white;
font-size:16px;
text-align:center;
}
#public .tracking .search {
border-radius: 17px;
margin: auto;
padding: 12px 15px;
width: 80%;
text-align: center;
font-size: 16px;
color: #1A3E75;
font-weight:bold;
border:none;
}
#public .tracking .search:hover{
border:none;
}
#public .tracking .btnTrack {
background-color: #F0AA4E;
color: white;
margin: auto;
}
#public .tracking .notification{
border:solid 0px red;
text-align:center;
color:white;
font-size:16px;
}
#public .tracking ::-webkit-input-placeholder {
text-align: center;
font-weight:normal;
}
#public .tracking :-moz-placeholder {
text-align: center;
font-weight: normal;
}