@font-face{
  font-family: Niconne-Regular;
  src: url('/static/fonts/niconne-regular/Niconne-Regular.ttf');
}

@font-face{
  font-family: VarelaRound-Regular;
  src: url('/static/fonts/varelaRound-regular/VarelaRound-Regular.ttf');
}

@font-face{
  font-family: Montserrat-Bold;
  src: url('/static/fonts/montserrat/Montserrat-Bold.otf');
}
@font-face{
  font-family: Montserrat-Medium;
  src: url('/static/fonts/montserrat/Montserrat-Medium.otf');
}
@font-face{
  font-family: Montserrat-Regular;
  src: url('/static/fonts/montserrat/Montserrat-Regular.otf');
}
@font-face{
  font-family: Montserrat-Light;
  src: url('/static/fonts/montserrat/Montserrat-Light.otf');
}

@font-face{
  font-family: Roboto-Condensed;
  src: url('/static/fonts/roboto-condensed/roboto-condensed.ttf');
}

@font-face{
  font-family: Lora-Bold;
  src: url('/static/fonts/lora/Lora-Bold.ttf');
}
@font-face{
  font-family: Lora-Regular;
  src: url('/static/fonts/lora/Lora-Regular.ttf');
}

@font-face{
  font-family: Lato-Bold;
  src: url('/static/fonts/lato/Lato-Bold.ttf');
}
@font-face{
  font-family: Lato-Semibold;
  src: url('/static/fonts/lato/Lato-Semibold.ttf');
}
@font-face{
  font-family: Lato-Medium;
  src: url('/static/fonts/lato/Lato-Medium.ttf');
}
@font-face{
    font-family: Lato-Regular;
    src: url('/static/fonts/lato/Lato-Regular.ttf');
}
@font-face{
  font-family: Lato-Light;
  src: url('/static/fonts/lato/Lato-Light.ttf');
}

@font-face{
  font-family: Poppins-Black;
  src: url('/static/fonts/poppins/Poppins-Black.otf');
}
@font-face{
  font-family: Poppins-ExtraBold;
  src: url('/static/fonts/poppins/Poppins-ExtraBold.otf');
}
@font-face{
  font-family: Poppins-Bold;
  src: url('/static/fonts/poppins/Poppins-Bold.ttf');
}
@font-face{
  font-family: Poppins-SemiBold;
  src: url('/static/fonts/poppins/Poppins-SemiBold.ttf');
}
@font-face{
  font-family: Poppins-Medium;
  src: url('/static/fonts/poppins/Poppins-Medium.ttf');
}
@font-face{
  font-family: Poppins-Regular;
  src: url('/static/fonts/poppins/Poppins-Regular.ttf');
}
@font-face{
  font-family: Poppins-Light;
  src: url('/static/fonts/poppins/Poppins-Light.ttf');
}
@font-face{
  font-family: Poppins-ExtraLight;
  src: url('/static/fonts/poppins/Poppins-ExtraLight.otf');
}
@font-face{
  font-family: Poppins-Thin;
  src: url('/static/fonts/poppins/Poppins-Thin.otf');
}

@font-face{
  font-family: Proxima-Nova-Extrabold;
  src: url('/static/fonts/proxima-nova/Proxima-Nova-Extrabold.otf');
}
@font-face{
  font-family: Proxima-Nova-Bold;
  src: url('/static/fonts/proxima-nova/Proxima-Nova-Bold.otf');
}
@font-face{
  font-family: Proxima-Nova-Semibold;
  src: url('/static/fonts/proxima-nova/Proxima-Nova-Semibold.otf');
}
@font-face{
  font-family: Proxima-Nova-Regular;
  src: url('/static/fonts/proxima-nova/Proxima-Nova-Regular.otf');
}
@font-face{
  font-family: Proxima-Nova-Thin;
  src: url('/static/fonts/proxima-nova/Proxima-Nova-Thin.otf');
}

@font-face{
  font-family: OpenSans-ExtraBold;
  src: url('/static/fonts/open-sans/OpenSans-ExtraBold.ttf');
}
@font-face{
  font-family: OpenSans-Bold;
  src: url('/static/fonts/open-sans/OpenSans-Bold.ttf');
}
@font-face{
  font-family: OpenSans-Semibold;
  src: url('/static/fonts/open-sans/OpenSans-Semibold.ttf');
}
@font-face{
  font-family: OpenSans-Regular;
  src: url('/static/fonts/open-sans/OpenSans-Regular.ttf');
}
@font-face{
  font-family: OpenSans-Light;
  src: url('/static/fonts/open-sans/OpenSans-Light.ttf');
}

@font-face{
  font-family: Roboto-Bold;
  src: url('/static/fonts/roboto/Roboto-Bold.ttf');
}
@font-face{
  font-family: Roboto-Medium;
  src: url('/static/fonts/roboto/Roboto-Medium.ttf');
}
@font-face{
  font-family: Roboto-Regular;
  src: url('/static/fonts/roboto/Roboto-Regular.ttf');
}
@font-face{
  font-family: Roboto-Light;
  src: url('/static/fonts/roboto/Roboto-Light.ttf');
}

:root {
  --app-body-text-color: black;
  --app-light-text-color: black;
  --app-primary-color: #f79934;
  --app-da-primary-color : #ff7b00;
  --app-secondary-color: #f79934;
  --app-primary-light-color: #84939E;
  --app-main_bg-color: #f0f4f5;
  --app-header-text-color: #f79934;
  --form-ele-text-color: #495057;
  --copyright-strip-color: #0066A3;
  --calendar-header-color: #f79934;
  --calender-week-header-bg-color: #ef6f74;
  --calender-current-date-bg-color: #ebeff2;
  --table-header-strip-color: #f79934;
  --modal-header-strip-color: #0066A3;
  --primary-btn-color: #f79934;
 --primary-btn-hover-color: #f79934;
  --secondary-btn-color: #f79934;
  --secondary-btn-hover-color: #f79934;
  --primary-highlight-btn-color: #0066A3;
  --primary-highlight-btn-hover-color: #025f96;
  --sideMenu-header-bg-color: #B98945;
  --btn-dark-brown: #97641c;
  --header-bg-color: #001F41;
  --sideMenu-bg-color: #3b4650;
  --selected-menuItem-color: #ea6c41;
  --content-area-color: #ebeff2;
  --secondary-app-color: #428bca;
  --divider-line-color: #134a8f;
}

/* nag styles start ***************/
.btn-success {
  color: #fff;
  background-color: #fec613;
  border-color: #fec613;
}

.btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show>.btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(33, 12, 223, 0.5);
}

.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show>.btn-success.dropdown-toggle {
  color: #fff;
  background-color: #0062cc;
  border-color: #0062cc;
}

.btn-success.focus, .btn-success:focus {
  color: #fff;
  background-color: #0062cc;
  border-color: #0062cc;
  box-shadow: 0 0 0 0.2rem rgba(5, 33, 192, 0.5);
}

.btn-success:hover {
  color: #fff;
  background-color: #f79934;
  border-color: #f79934;
}

.modalCustomHeader{
  background-color: #f79934;
  color: white;
  height: 54px;
}

.addRecordBtn{
  background-color: #f79934;
}

/* nag styles end *******************************************************************/
html,body {
  height: 100%;
}
body {
  font-family: Proxima-Nova-Regular;
  font-size: 14px;
  color: var(--app-body-text-color);
}
b, strong {
  font-family: Proxima-Nova-Bold;
  font-weight: normal;
}

.row {
  margin-right: -15px;
  margin-left: -15px;
  margin-bottom: 0px;
}
.row .col {
  padding: 0 15px;
}

small.error_msg {
  color: indianred;
  font-size: 12px;
}

.appPrimaryColor {
  color: var(--app-primary-color);
}

.fs-10 {
  font-size: 10px !important;
}
.fs-12 {
  font-size: 12px !important;
}
.fs-13 {
  font-size: 13px !important;
}
.fs-14 {
  font-size: 14px !important;
}
.fs-15 {
  font-size: 15px !important;
}
.fs-16 {
  font-size: 16px !important;
}
.fs-18 {
  font-size: 18px !important;
}
.fs-20 {
  font-size: 20px !important;
}
.fs-22 {
  font-size: 22px !important;
}
.fs-24 {
  font-size: 24px !important;
}


.mtb-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.mlr-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}
.m-t-8 {
  margin-top: 8px !important;
}

.plr-0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.zIndexZero {
  z-index: 0 !important;
}

.cursor-pointer {
  cursor: pointer;
}


.pre-wrap-text {
  white-space: pre-wrap;
}
.break-word-text {
  word-break: break-word;
}
.formInfoIcon{
  font-size: 14px;
  color: gray;
}

.btn {
  font-size: 14px;
}
.primary-app-btn {
  background-color: var(--primary-btn-color);
  color: white !important;
  text-transform: capitalize;
  z-index: 0;
}
.primary-app-btn:hover {
  background-color: var(--primary-btn-hover-color);
  color: white !important;
}
.secondary-app-btn {
  background-color: var(--secondary-btn-color);
  color: white !important;
  text-transform: capitalize;
  z-index: 0;
}
.secondary-app-btn:hover {
  background-color: var(--secondary-btn-hover-color);
  color: white !important;
}

.primary-highlight-app-btn {
  background-color: var(--primary-highlight-btn-color);
  color: white !important;
  text-transform: capitalize;
  font-family: OpenSans-Regular;
  z-index: 0;
}
.primary-highlight-app-btn:hover {
  background-color: var(--primary-highlight-btn-hover-color);
}

.primary-danger-app-btn {
  background-color: indianred;
  color: white !important;
  text-transform: capitalize;
  font-family: OpenSans-Regular;
  z-index: 0;
}

.btn.white {
  color: var(--app-primary-color);
  text-transform: capitalize;
  font-family: OpenSans-Semibold;
}

button, input, optgroup, select, textarea {
  color: var(--form-ele-text-color);
  font-size: 14px !important;
}

.input-group-text {
  font-size: 14px;
}

input::placeholder, textarea::placeholder {
  color: rgba(128, 128, 128, 0.6);
  font-size: 14px;
}

.input-field.col label {
  left: 15px;
}

.was-validated .form-control:valid, .was-validated .custom-file-input:valid~.custom-file-label {
  border-color: #ced4da;
}
.form-control.is-valid, .was-validated .form-control:valid {
  background-image: none;
  padding: .375rem .75rem;
}
.form-control.is-invalid, .was-validated .form-control:invalid {
  background-image: none;
  padding: .375rem .75rem;
}

.viewOnly button, .viewOnly input, .viewOnly optgroup, .viewOnly select, .viewOnly textarea {
  color: #000 !important;
  pointer-events: none !important;
  border: 1px solid #ced4da !important;
  background-color: #e9ecef !important;
}
.viewOnly .input-field label {
  width: 100% !important;
  font-family: Lato-Semibold !important;
  color: #929292 !important;
  margin-bottom: 0px !important;
}
.viewOnly .select-wrapper .caret {
  display: none !important;
}
.viewOnly select {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
}
/* For IE10 */
.viewOnly select::-ms-expand {
  display: none;
}
.viewOnly .input-field {
  pointer-events: none !important;
  margin-bottom: 0px !important;
}
.viewOnly .checkBoxLabel {
  pointer-events: none !important;
}
.viewOnly .hideOnViewOnly {
  display: none !important;
}
.showOnViewOnly {
  display: none !important;
}
.viewOnly .showOnViewOnly {
  display: block !important;
}

.preview-bold-text {
  font-size: 13px;
  font-family: Proxima-Nova-Semibold;
  margin-top: 10px;
  margin-bottom: 0px;
  color: #929292;
}
.preview-bold-heading {
  font-size: 1.0rem;
  font-weight: 600;
  margin-top: 0px;
}

.showOnPreview {
  display: none;
  color: black !important;
}
.previewCls .showOnPreview {
  display: inherit;
}
.previewCls label.formControlLabel.showOnPreview {
  border: 1px solid #ced4da;
  line-height: 1.5;
  padding: .375rem .75rem;
  background-color: #e9ecef;
  border-radius: .25rem;
  margin-bottom: 0px;
  width: 100%;
}
.previewCls .hideOnPreview {
  display: none !important;
}

.maxAmountHint {
  font-size: 12px;
  right: 15px;
  position: absolute;
}


.btn_cstm_status {
  border-radius: 10px;
  font-weight: 500;
  padding: 1px 0px;
  height: 26px;
  line-height: 26px;
  text-transform: none;
}
.btn-success.btn_cstm_status {
  background-color: #4cb177 !important;
  border-color: #4cb177 !important;
}
.btn-danger.btn_cstm_status {
  background-color: #ca2026 !important;
  border-color: #ca2026 !important;
}

.btn-primary.btn_cstm_status {
  background-color: #007bff !important;
  border-color: #007bff !important;
}


/*************************************
  Popover CSS STARTING
*************************************/
.popover-body::-webkit-scrollbar-thumb {
  background: rgba(135, 135, 135, 0.52);
}

.popover-body::-webkit-scrollbar {
  width: 4px;
  height: 10px;
}
/*************************************
  Popover CSS ENDING
*************************************/

/*************************************
  Radio Buttons Control CSS STARTING
*************************************/
.radioBtnControl > label {
  margin-right: 30px;
  cursor: pointer;
  margin-bottom: 0px;
}
.radioBtnControl.form-control{
  border: none;
}
/*************************************
  Radio Buttons Control CSS ENDING
*************************************/


/*************************************
       dropdown CSS STARTING 
*************************************/
.dropdown-content {
  width: auto !important;
  max-width: 300px !important;
  min-width: 180px !important;
  max-height: 320px !important;
}
.dropdown-content li {
  min-height: 40px;
}
.dropdown-content li>a, 
.dropdown-content li>span, 
.dropdown-content li>p {
  color: var(--form-ele-text-color);
  font-size: 14px;
  padding: 10px 14px;
  margin: 0px;
}
.dropdown-content li>p span {
  font-size: 14px !important;
  color: var(--app-primary-color);
  line-height: 21px !important;
  padding-left: 30px !important;
}
/*************************************
       dropdown CSS ENDING 
*************************************/
/***********************************************
       Bootstrap Confirmation CSS Starting 
***********************************************/
.popover.confirmation .popover-header {
  margin-top: 0px;
  font-weight: 500;
}
.popover.confirmation .btn-group .btn-primary {
  color: white;
  background-color: #0062cc;
  border-color: #0062cc;
  min-width: 100px;
}
.popover.confirmation .btn-group .btn-secondary {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
/***********************************************
       Bootstrap Confirmation CSS Ending 
***********************************************/

/*************************************
       tabs CSS STARTING 
*************************************/
.tabs .tab a {
  color: rgba(0, 31, 65, 0.7);
}
.tabs .tab a:hover, .tabs .tab a.active {
  color: var(--app-primary-color);
}
.tabs .indicator {
  background-color: rgba(0, 31, 65, 0.7);
}
/*************************************
       tabs CSS ENDING 
*************************************/

/*************************************
       Select CSS STARTING 
*************************************/
.select-wrapper .caret {
  top: 14px;
  bottom: unset;
}
/*************************************
       Select CSS ENDING 
*************************************/

/*************************************
       checkbox CSS STARTING 
*************************************/
.checkbox-primary[type="checkbox"].filled-in:checked + span:not(.lever):after 
{
    border: 1px solid var(--primary-highlight-btn-color);  
    background-color: var(--primary-highlight-btn-color);
}
/*************************************
       checkbox CSS ENDING 
*************************************/

/*************************************
       modal CSS STARTING 
*************************************/
#successmodal .modalStatusIconHeader, 
#conformationmodal .modalStatusIconHeader {
  background: #47c9a2;
}
#errormodal .modalStatusIconHeader {
  background: indianred;
}
.modalStatusIconHeader {
  border-bottom: none;
  position: relative;
  text-align: center;
  padding: 14px 25px;
}
.modalStatusIconHeader .icon-box {
  color: #fff;
  width: 65px;
  height: 65px;
  display: inline-block;
  border-radius: 50%;
  border: 3px solid #fff;
  padding: 9px;
  text-align: center;
  font-size: 24px;
}
#successmodal .modalStatusIconHeader .icon-box .material-icons, 
#conformationmodal .modalStatusIconHeader .icon-box .material-icons {
  font-size: 49px;
  margin: -4px 0 0 -3px;
}
#errormodal .modalStatusIconHeader .icon-box .material-icons {
  font-size: 35px;
}
.modal { overflow: auto !important; }
.modal .modal-header .close {
  font-size: 1.5rem !important;
}
.modal .modal-content .modalStatusHeader .right-modal-close {
  top: 3px;
  right: 23px;
  font-size: 18px;
  position: absolute;
  cursor: pointer;
}

#modal_conformation .m_message {
  line-height: unset;
}

#conformationmodal .conformation_btn_no, 
#conformationmodal .conformation_btn_yes {
  height: 30px;
  padding: 2px 15px;
  float: right;
  margin: 8px;
}
/*************************************
       modal CSS ENDING 
*************************************/

/*************************************
       datepicker CSS STARTING 
*************************************/
.datepicker-modal {
  height: auto;
}
.modal-content.datepicker-container {
  border: none;
}
.datepicker-date-display, 
.datepicker-table td.is-selected {
  background-color: var(--app-primary-light-color);
}
.datepicker-table abbr, 
.datepicker-table td.is-today, 
.datepicker-cancel, 
.datepicker-clear, 
.datepicker-today, 
.datepicker-done {
  color: var(--app-primary-light-color);
}
.datepicker-table td.is-selected {
  color: #fff;
}
/*************************************
       datepicker CSS ENDING 
*************************************/

/*************************************
       breadcrumb CSS STARING 
*************************************/
.breadcrumb {
  background-color: transparent;
  font-family: Poppins-Regular;;
  font-size: 18px;
  padding-top: 1rem;
  padding-bottom: 0.5rem;
}
.breadcrumb a, .breadcrumb a:hover {
  text-decoration: none !important;
  color: #333;
}
.breadcrumb a.active, .breadcrumb a.active:hover {
  color: #6c757d;
}
/*************************************
       breadcrumb CSS ENDING 
*************************************/


/*************************************
       searchContainer CSS STARTING 
*************************************/
.searchContainer {
  background-color: white;
  margin-bottom: 20px;
  border-bottom: 1px solid beige;
}
.searchContainer.onModal {
  padding: 20px;
  padding-bottom: 0px;
  margin-bottom: 30px;
  -webkit-box-shadow: 0 0 2.94px 0.06px rgba(4,26,55,.25);
  box-shadow: 0 0 2.94px 0.06px rgba(4,26,55,.25);
  border: 0;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.searchContainerHeading {
  font-size: 18px;
  font-family: Poppins-Regular;
  color: #333;
  margin-bottom: 15px;
  margin-top: 1.5rem;
}
.input-group-addon span {
  position: absolute;
  top: 8px;
  right: 10px;
}
.input-group-addon .fa-calendar-times {
  cursor: pointer;
}
/*************************************
       searchContainer CSS ENDING 
*************************************/

/**************************************************
          Validation Styles STARTING
**************************************************/

.placeholderred {
  border-color: indianred !important;
}

.removeImageFile {
  font-size: 12px;
  color: red;
}
/**************************************************
          Validation Styles ENDING
**************************************************/


/*************************************
       dataTables CSS STARTING 
*************************************/
table.dataTable thead .sorting:before, 
table.dataTable thead .sorting:after, 
table.dataTable thead .sorting_asc:before, 
table.dataTable thead .sorting_asc:after, 
table.dataTable thead .sorting_desc:before, 
table.dataTable thead .sorting_desc:after {
  font-family: Roboto-Regular;
}
td.dataTables_empty {
  padding: 100px 10px !important;
}
.dataTables_filter {
  display: none;
}
.dataTables_wrapper .dataTables_filter input {
  margin-left: 0px;
}
.table-bordered th, .table-bordered td {
  border: 1px solid #dee2e6;
}
thead.strip {
  background-color: var(--table-header-strip-color);
  color: white;
}
table.dataTable {
  border-bottom: 1px solid black;
}
table.dataTable tbody {
  background-color: white;
}
table thead th, 
table tfoot th, 
table.dataTable thead th, 
table.dataTable tfoot th {
  font-weight: normal;
}
tr.group, tr.group:hover {
  background-color: #c5e0ff !important;
}
td .tableActionBtn {
  padding: 2px 8px;
  color: black;
  font-size: 18px;
}

.table > tbody > tr.darkTopBottomBorder {
  border-top: 2px solid black !important;
  border-bottom: 1px solid black !important;
}

.carttotal-table.table > tbody > tr.border-dotted {
  border-top: 2px dotted rgb(95, 93, 93);
  /* border-bottom: 1px dotted black; */
}

/*************************************
       dataTables CSS ENDING 
*************************************/



/*************************************
       DatrRangePicker CSS STARTING 
*************************************/
.rangePickerDiv {
  background: #fff; 
  cursor: pointer; 
  padding: 5px 10px; 
  border: 1px solid #ccc;
}
.daterangepicker td, .daterangepicker th {
  padding: 0px !important;
}
.daterangepicker .drp-buttons .btn {
  font-size: 12px !important;
  line-height: 23px !important;
  text-transform: none !important;
  height: auto !important;
}
.daterangepicker .cancelBtn {
  background-color: #ddd;
  border-color: #ddd;
  color: black;
  box-shadow: none;
}
.daterangepicker .applyBtn {
  color: #fff;
  background-color: #0062cc;
  border-color: #005cbf;
}

.topRightSearchContainer {
  position: absolute;
  right: 0;
  top: 0;
  margin: 0px;
  padding: 12px 15px 10px 10px;
}
/*************************************
       DatrRangePicker CSS ENDING 
*************************************/



/*************************************
       Loader CSS STARTING 
*************************************/
.loaderDiv {
  position: absolute;
  width: 100%;
  height: 100vh;
  top: 0;
  display: flex;
  background-color: rgba(0, 0, 0, 0.16);
  z-index: 999;
}
.loader {
  border: 5px solid #f3f3f3;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
  border-top: 5px solid #555;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  margin: auto;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
/*************************************
       Loader CSS ENDING 
*************************************/



/*************************************
       details_container CSS STARTING 
*************************************/
.details_container {
  margin-bottom: 10px !important;
}
.details_container label {
  width: 100%;
  font-family: Lato-Semibold;
  font-size: 13px;
  color: #929292;
  margin-bottom: 0px !important;
}
.details_container span {
  font-size: 14px;
  color: #000;
}
/*************************************
       details_container CSS ENDING 
*************************************/



/*************************************
       Shadow Box CSS STARTING 
*************************************/
.big-shadow-box {
  box-shadow: 0 11px 15px -7px rgba(61, 71, 85, 0.2), 0 24px 38px 3px rgba(61, 71, 85, 0.14), 0 9px 46px 8px rgba(61, 71, 85, 0.12);
  -webkit-box-shadow: 0 11px 15px -7px rgba(61, 71, 85, 0.2), 0 24px 38px 3px rgba(61, 71, 85, 0.14), 0 9px 46px 8px rgba(61, 71, 85, 0.12);
  -moz-box-shadow: 0 11px 15px -7px rgba(61, 71, 85, 0.2), 0 24px 38px 3px rgba(61, 71, 85, 0.14), 0 9px 46px 8px rgba(61, 71, 85, 0.12);
  -o-box-shadow: 0 11px 15px -7px rgba(61, 71, 85, 0.2), 0 24px 38px 3px rgba(61, 71, 85, 0.14), 0 9px 46px 8px rgba(61, 71, 85, 0.12);
  -ms-box-shadow: 0 11px 15px -7px rgba(61, 71, 85, 0.2), 0 24px 38px 3px rgba(61, 71, 85, 0.14), 0 9px 46px 8px rgba(61, 71, 85, 0.12);
  background: #fff;
  padding: 20px 30px;
  margin: 20px;
}

.small-shadow-box {
  box-shadow: 0 2px 4px rgba(33,33,33,.2);
  -webkit-box-shadow: 0 2px 4px rgba(33,33,33,.2);
  -moz-box-shadow: 0 2px 4px rgba(33,33,33,.2);
  -o-box-shadow: 0 2px 4px rgba(33,33,33,.2);
  -ms-box-shadow: 0 2px 4px rgba(33,33,33,.2);
  border-radius: 0px;
}


.badge-danger {
  background-color: #4cb177 !important;
  color: #fff !important;
}


/*************************************
       Shadow Box CSS ENDING 
*************************************/