/* GENERAL */
.kpi_body_main.dark {

}
.table-max
{
  max-height: 250px;  
}

/* Select2 Multi-Select Dropdown Customization */
.select2-container--default .select2-selection--multiple {
  min-height: 34px !important;
  padding: 3px 6px !important;
  border: 1px solid #d2d6de !important;
  border-radius: 4px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  padding: 0 !important;
  margin: 0 !important;
  min-height: 26px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #3c8dbc !important;
  border: 1px solid #367fa9 !important;
  border-radius: 3px !important;
  color: #fff !important;
  font-size: 12px !important;
  margin: 2px 4px 2px 0 !important;
  padding: 2px 8px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #fff !important;
  margin-right: 5px !important;
  font-size: 14px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #f56954 !important;
}

.select2-container--default .select2-search--inline .select2-search__field {
  margin-top: 4px !important;
  padding: 2px !important;
  font-size: 13px !important;
  min-height: 20px !important;
}

.select2-container .select2-selection--multiple {
  box-sizing: border-box !important;
  cursor: pointer !important;
  display: block !important;
  min-height: 34px !important;
  user-select: none !important;
  -webkit-user-select: none !important;
}

/* Dark theme compatibility */
.kpi_body_main.dark .select2-container--default .select2-selection--multiple {
  background-color: #fff !important;
  border-color: #d2d6de !important;
}

.kpi_body_main.dark .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field {
  background-color: transparent !important;
  color: #333 !important;
}

/* Reduce dropdown height */
.select2-container--default.select2-container--open .select2-selection--multiple {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.select2-dropdown {
  border: 1px solid #d2d6de !important;
  border-top: none !important;
  border-radius: 0 0 4px 4px !important;
}

/* Remove extra spacing in form groups */
.form-group .select2-container {
  display: block !important;
  width: 100% !important;
}
/* End Select2 Customization */

/* GENERAL */

/* HEADER */
table#historyTable {
    border-collapse: collapse;   
}
#historyTable tr {
    background-color: rgb(255, 255, 255);
    border-top: 1px solid #fff;
}
#historyTable tr:hover {
    background-color: #eee;
}
#historyTable th {
    background-color: #ccc;
}
#historyTable th, #historyTable td {
    padding: 3px 5px;
}
#historyTable td:hover {
    cursor: pointer;
}
.form-check label.form-check-label {
    margin-right: 10px;
    min-width: 112px;
}


.kpi_body_main.dark .kpi_main_header .logo:hover {
    background-color: #000;
}
.kpi_body_main.dark .kpi_main_header .logo {
    background-color: transparent;
    color: #fff;
    border-bottom: 0 solid transparent;
    border-right: 1px solid #000;
}
.kpi_body_main.dark header.kpi_main_header {
    background: #222d32;
}
.kpi_body_main.dark header.kpi_main_header .navbar {
    background-color: #222d32;
}
.kpi_body_main.dark header.kpi_main_header .navbar .sidebar-toggle {
    color: #fff;
    border-right: 1px solid #000;
}
.kpi_body_main.dark header.kpi_main_header .navbar .nav>li>a {
    color: #fff;
}
.kpi_body_main.dark header.kpi_main_header .navbar .navbar-custom-menu .navbar-nav>li>a,
.kpi_body_main.dark header.kpi_main_header .navbar .navbar-right>li>a {
    border-left: 1px solid #000;
    border-right-width: 0;
}
.kpi_body_main.dark header.kpi_main_header .navbar .nav>li>a:hover,
.kpi_body_main.dark header.kpi_main_header .navbar .nav>li>a:active,
.kpi_body_main.dark header.kpi_main_header .navbar .nav>li>a:focus,
.kpi_body_main.dark header.kpi_main_header .navbar .nav .open>a,
.kpi_body_main.dark header.kpi_main_header .navbar .nav .open>a:hover,
.kpi_body_main.dark header.kpi_main_header .navbar .nav .open>a:focus,
.kpi_body_main.dark header.kpi_main_header .navbar .nav>.active>a {
    background: #000;
    color: #999;
}
.kpi_body_main.dark header.kpi_main_header .navbar .navbar-nav>li>a {
    border-right: 1px solid #000;
}
.kpi_body_main.dark header.kpi_main_header .navbar .sidebar-toggle:hover {
    background: #000;
    border-color: #000;
    border-right: 1px solid #000;
}
.kpi_body_main.dark .dropdown-menu:not(.datepicker) {
    border-color: #000;
    background-color: #222d32;
    border: none;
}
.kpi_body_main.dark .navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a,
.kpi_body_main.dark .navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a,
.kpi_body_main.dark .navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a {
    border-bottom: 1px solid #11262f;
    color: #93a1a7;
}
.kpi_body_main.dark .navbar-nav>.notifications-menu>.dropdown-menu>li.header,
.kpi_body_main.dark .navbar-nav>.messages-menu>.dropdown-menu>li.header,
.kpi_body_main.dark .navbar-nav>.tasks-menu>.dropdown-menu>li.header {
    background-color: #222d32;
    border-bottom: 1px solid #11262f;
    color: #fff;
}
.kpi_body_main.dark .navbar-nav>.notifications-menu>.dropdown-menu>li.footer>a,
.kpi_body_main.dark .navbar-nav>.messages-menu>.dropdown-menu>li.footer>a,
.kpi_body_main.dark .navbar-nav>.tasks-menu>.dropdown-menu>li.footer>a {
    background-color: #222d32;
    border-bottom: 1px solid #11262f;
    color: #fff !important;
}
.kpi_body_main.dark .navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a:hover,
.kpi_body_main.dark .navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a:hover,
.kpi_body_main.dark .navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a:hover {
    background: #0bd82e;
}
.kpi_body_main.dark .navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>h4 {
    color: #fff;
}
.kpi_body_main.dark .navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a:hover>h4 {
    color: #000;
}
.kpi_body_main.dark .navbar-nav>.user-menu>.dropdown-menu>.user-body a {
    color: #fff !important;
}
.kpi_body_main.dark .navbar-nav>.user-menu>.dropdown-menu>.user-body a:hover {
    color: #0bd82e !important;
}
.kpi_body_main.dark .navbar-nav>.user-menu>.dropdown-menu>.user-body {
    padding: 15px;
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;
}
.kpi_body_main.dark .navbar-nav>.user-menu>.dropdown-menu>.user-footer {
    background-color: #222222;
}
.kpi_body_main.dark .navbar-nav>.user-menu>.dropdown-menu>.user-footer a {
    color: #fff;
    background: #222d32;
    border: 1px solid #000;
}
.kpi_body_main.dark .navbar-nav>.user-menu>.dropdown-menu>.user-footer a:hover {
    color: #000;
    background: #0bd82e;
    border: 1px solid #000;
}
.kpi_body_main.dark .navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a>h3 {
    color: #93a1a7;
}
.kpi_body_main.dark .navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>p {
    color: #93a1a7;
}
/* HEADER */


/* BODY */
.kpi_body_main.dark .content-wrapper {
    background-color: #272727;
}
.kpi_body_main.dark .content-header {
    color: #fff;
}
.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
    color: #a7a7a7;
}
.kpi_body_main.dark .content-header>.breadcrumb>li>a {
    color: #fff;
}
.kpi_body_main.dark .nav-tabs-custom {
    background: #303030;
}
.kpi_body_main.dark .nav-tabs-custom>.nav-tabs>li.active>a,
.kpi_body_main.dark .nav-tabs-custom>.nav-tabs>li.active:hover>a {
    background-color: #303030;
    color: #fff;
    border-left-color: #000;
    border-right-color: #000;
}
.kpi_body_main.dark .nav-tabs-custom>.nav-tabs.pull-right>li:first-of-type.active>a {
    border-left-color: #000;
    border-right-color: transparent;
}
.kpi_body_main .nav-tabs-custom>.nav-tabs>li.active {
    border-top-color: #0bd82e;
}
.kpi_body_main.dark .nav-tabs-custom>.nav-tabs>li>a {
    color: #93a1a7;
}
.kpi_body_main.dark .nav-tabs-custom>.nav-tabs {
    border-bottom-color: #000;
}
.kpi_body_main.dark .nav-tabs-custom>.nav-tabs>li.header {
    color: #fff;
}
.kpi_body_main.dark .nav-tabs-custom>.tab-content {
    background: #303030;
}
.kpi_body_main.dark .box-footer {
    border-top: 1px solid #000;
    background-color: #303030;
}
.kpi_body_main.dark .box.box-solid {
    border-top: 0;
    background: #383838 !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #303030), color-stop(1, #383838)) !important;
    background: -ms-linear-gradient(bottom, #303030, #383838) !important;
    background: -moz-linear-gradient(center bottom, #303030 0, #383838 100%) !important;
    background: -o-linear-gradient(#303030, #383838) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#303030', endColorstr='#383838', GradientType=0) !important;
    color: #fff;
}
/* BODY */


/* FOOTER */
.kpi_body_main.dark footer.kpi_main_footer {
    background: #222d32;
    border-top: 1px solid #000;
    color: #a7a7a7;
}
.kpi_body_main.dark footer.kpi_main_footer a {
    color: #a7a7a7;
}
.kpi_body_main.dark footer.kpi_main_footer a:hover,
.kpi_body_main.dark footer.kpi_main_footer a:focus,
.kpi_body_main.dark footer.kpi_main_footer a:active {
    color: #fff;
}
/* FOOTER */

/* BS OVERRIDE */
.datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover {
    background: transparent;
}
.datepicker table tr td span.focused, .datepicker table tr td span:hover {
    background: transparent;
    border: 1px solid;
}
/* BS OVERRIDE */

.box-header.with-border {
    border-bottom: 1px solid #5a5959;
}

.col-for-5{
    width: 20%;
    float: left;
    padding: 5px;
}
.info-box {
    background: #323232;
    color: #fff;
}

.bg-pink {
    background-color: #E91E63;
}




@media (max-width: 992px){
    .col-for-5{
        width: 33.3333333333%;
    }
}

@media (max-width: 768px){
    .col-for-5{
        width: 50%;
    }
}


/*Onsite Styles*/
.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem
}

.card>hr {
    margin-right: 0;
    margin-left: 0
}

.card>.list-group:first-child .list-group-item:first-child {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.card>.list-group:last-child .list-group-item:last-child {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.card-body {
    flex: 1 1 auto;
    padding: 1.25rem
}

.card-title {
    margin-bottom: .75rem
}

.card-subtitle {
    margin-top: -.375rem
}

.card-subtitle,.card-text:last-child {
    margin-bottom: 0
}

.card-link:hover {
    text-decoration: none
}

.card-link+.card-link {
    margin-left: 1.25rem
}

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.125)
}

.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}

.card-header+.list-group .list-group-item:first-child {
    border-top: 0
}

.card-footer {
    padding: .75rem 1.25rem;
    background-color: rgba(0,0,0,.03);
    border-top: 1px solid rgba(0,0,0,.125)
}

.card-footer:last-child {
    border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
}

.card-header-tabs {
    margin-bottom: -.75rem;
    border-bottom: 0
}

.card-header-pills,.card-header-tabs {
    margin-right: -.625rem;
    margin-left: -.625rem
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem
}

.card-img {
    width: 100%;
    border-radius: calc(.25rem - 1px)
}

.card-img-top {
    width: 100%;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.card-img-bottom {
    width: 100%;
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.card-deck {
    display: flex;
    flex-direction: column
}

.card-deck .card {
    margin-bottom: 15px
}

.form-control{
    border-radius: 4px !important;
}

.info-box-text{
	font-size: 20px !important;
}
.info-box-number{
	font-size: 22px !important;
}
#warehouseDashboard .info-box-icon{
	height: 97px !important;
    width: 96px !important;
}
.sidebar-menu {
    white-space: unset !important;
}
@media (min-width: 576px) {
    .card-deck {
        flex-flow:row wrap;
        margin-right: -15px;
        margin-left: -15px
    }

    .card-deck .card {
        display: flex;
        flex: 1 0 0%;
        flex-direction: column;
        margin-right: 15px;
        margin-bottom: 0;
        margin-left: 15px
    }
}

.card-group {
    display: flex;
    flex-direction: column
}

.card-group>.card {
    margin-bottom: 15px
}

@media (min-width: 576px) {
    .card-group {
        flex-flow:row wrap
    }

    .card-group>.card {
        flex: 1 0 0%;
        margin-bottom: 0
    }

    .card-group>.card+.card {
        margin-left: 0;
        border-left: 0
    }

    .card-group>.card:first-child {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .card-group>.card:first-child .card-header,.card-group>.card:first-child .card-img-top {
        border-top-right-radius: 0
    }

    .card-group>.card:first-child .card-footer,.card-group>.card:first-child .card-img-bottom {
        border-bottom-right-radius: 0
    }

    .card-group>.card:last-child {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .card-group>.card:last-child .card-header,.card-group>.card:last-child .card-img-top {
        border-top-left-radius: 0
    }

    .card-group>.card:last-child .card-footer,.card-group>.card:last-child .card-img-bottom {
        border-bottom-left-radius: 0
    }

    .card-group>.card:only-child {
        border-radius: .25rem
    }

    .card-group>.card:only-child .card-header,.card-group>.card:only-child .card-img-top {
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem
    }

    .card-group>.card:only-child .card-footer,.card-group>.card:only-child .card-img-bottom {
        border-bottom-right-radius: .25rem;
        border-bottom-left-radius: .25rem
    }

    .card-group>.card:not(:first-child):not(:last-child):not(:only-child),.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-footer,.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-header,.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-top {
        border-radius: 0
    }
}

.card-columns .card {
    margin-bottom: .75rem
}

@media (min-width: 576px) {
    .card-columns {
        -webkit-column-count:3;
        column-count: 3;
        -webkit-column-gap: 1.25rem;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1
    }

    .card-columns .card {
        display: inline-block;
        width: 100%
    }
}

.accordion .card:not(:first-of-type):not(:last-of-type) {
    border-bottom: 0;
    border-radius: 0
}

.accordion .card:not(:first-of-type) .card-header:first-child {
    border-radius: 0
}

.accordion .card:first-of-type {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.accordion .card:last-of-type {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.justify-content-center{
    justify-content:center!important;
}

.applicationListImg{
    max-width: 45px;
    height: auto;
}

.userListFormImg{
    width: 100%;
    max-width: 45px;
    height: auto;
    border-radius: 50%;
}

.user-panel>.image>img{
    height: 45px !important;
}

#loading {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    display: block;
    opacity: 1;
    z-index: 9999;
    text-align: center;
    background-color: #f6f6f6a6;
}
#loading-image {
    position: absolute;
    left: 44%;
    top: 40%;
    z-index: 100;
}

.description_p {
    font-size: 17px; 
    text-align: right; 
    margin-top: 14%; 
    margin-right: -10%;
}

.save {
    margin-top: 22%;
}

.description_textarea {
    width: 100%;
}

.btn-link{
    color: #109e5d !important;
}
.main-footer{
    margin-left: 25% !important;
    background: none;
    border-top: none;
    color: #109e5d;
}
star{
    color: red;
}
/* Chrome, Safari, Edge, Opera */
#pin::-webkit-outer-spin-button,
#pin::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
#pin {
  -moz-appearance:textfield;
}
.user-panel>.info{
    position: unset !important;
}
.navbar-nav>.user-menu>.dropdown-menu>li.user-header{
    height: initial !important;
}
.kpi_body_main.dark form .box-footer{
    border-top: 1px solid #f4f4f4;
    background-color: #fff;
}

.skin-blue .main-header li.user-header{
    background-color: #00a65a !important;
}

@media (max-width: 499px) {

    .logoimg{
        width:45%!important;
        height: 35px!important
    }
    #loading-image {
        position: static!important;
        height: 20%!important;
        margin-top:94%!important;
    }
}
@media(min-width:500px ) and (max-width: 767px) {

    .logoimg{
        width:18%!important;
        height: 35px!important
    }
    #loading-image {
        position: static!important;
        height: 36%!important;
        margin-top: 84%!important
    }
}
@media(max-height: 415px) {


    #loading-image {
        position: static!important;
        height: 36%!important;
        margin-top: 25%!important;
    }
}

.leaderboardPrintHeader{
    display: none;
}
@media print{
    .leaderboardPrintHeader{
        display: block;
    }
}

.crmReports > tbody > tr.white > td, .crmReports > tbody > tr.white > td > a, .crmReports > tbody > tr.white > td, .crmReports > tbody > tr.white > td > a{
    color: white !important;
}
.crmReports > tbody > tr.black > td, .crmReports > tbody > tr.black > td > a, .crmReports > tbody > tr.black > td, .crmReports > tbody > tr.black > td > a{
    color: black !important;
}
.fc-more-popover .fc-day-grid-event .fc-content{
    white-space: unset !important;
}
.progress-bar-navy {
    background-color: #001f3f !important;
}
.progress-bar-purple {
    background-color: #605ca8 !important;
}
.progress-bar-orange {
    background-color: #ff851b !important;
}
.progress-bar-teal {
    background-color: #39cccc !important;
}
@media (max-width: 991px){
    .navbar-nav>.user-menu>.dropdown-menu>.user-body a {
        background: unset !important;
    }
}
.customer_result .selected {
    text-decoration: none;
    background-color: #d2d6de;
}
.cus_box-flex {
    display: flex;
}
.btn_col_cus {
    margin: 0 10px;
}
@media(max-width:1199px){
.btn_col_cus.dummy_search {display: none;}
}
@media(min-width:1200px){
#customersMergeTable_wrapper #customersMergeTable_filter {position: absolute;top: -52px;right: 40%;}
}
@media(min-width:1300px){
#customersMergeTable_wrapper #customersMergeTable_filter {position: absolute;top: -52px;right: 48%;}
}
@media(min-width:1400px){
#customersMergeTable_wrapper #customersMergeTable_filter {position: absolute;top: -52px;right: 50%;}
}
@media(min-width:1500px){
#customersMergeTable_wrapper #customersMergeTable_filter {position: absolute;top: -52px;right: 55%;}
}
@media(min-width:1600px){
#customersMergeTable_wrapper #customersMergeTable_filter {position: absolute;top: -52px;right: 58%;}
}
@media(min-width:1700px){
#customersMergeTable_wrapper #customersMergeTable_filter {position: absolute;top: -52px;right: 60%;}
}
@media(min-width:1800px){
#customersMergeTable_wrapper #customersMergeTable_filter {position: absolute;top: -52px;right: 62%;}
}
@media(min-width:1900px){
#customersMergeTable_wrapper #customersMergeTable_filter {position: absolute;top: -52px;right: 65%;}
}
@media(min-width:2000px){
.btn_col_cus.dummy_search {display: none;}
#customersMergeTable_wrapper #customersMergeTable_filter {position: unset;}
}
/*.crmReports > tbody > tr.Blue{
    background-color: #0b0bbd !important;
}
.crmReports > tbody > tr.Black{
    background-color: black !important;
}
.crmReports > tbody > tr.Red{
    background-color: red !important;
}
.crmReports > tbody > tr.Yellow{
    background-color: yellow !important;
}*/

.dropdownButton{
    margin:0;
}


.dropdownList {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 100%; /* align the dropdown right below the dropdown text */
    border: inherit;
    border-top: none;
    left: -1px; /* align the dropdown to the left */
    right: -1px; /* align the dropdown to the right */
    opacity: 0; /* hide the dropdown */
    background-color:white;
    z-index: 100;
    transition: opacity 0.4s ease-in-out;
    overflow: scroll;
    overflow-x: hidden;
    pointer-events: none; /* avoid mouse click events inside the dropdown */
    width: 88%;
    margin: auto;
    padding: 5px 10px;
    height: 200px;
}
.dropdownList li input {
        margin-right: 5px;
}
.dropdownList li label {
    font-weight:  500;
}
.is-active .dropdownList {
    opacity: 1; /* display the dropdown */
    pointer-events: auto; /* make sure that the user still can select checkboxes */
}

@media(min-width:768px){
    .sidebar-mini.sidebar-collapse .content-wrapper2 {
        margin-left: 50px !important;
        z-index: 840;
    }
}

.content-wrapper2 {
    -webkit-transition: -webkit-transform .3s ease-in-out,margin .3s ease-in-out;
    -moz-transition: -moz-transform .3s ease-in-out,margin .3s ease-in-out;
    -o-transition: -o-transform .3s ease-in-out,margin .3s ease-in-out;
    transition: transform .3s ease-in-out,margin .3s ease-in-out;
    margin-left: 230px;
    z-index: 820;
}

@media(max-width:767px){
    .content-wrapper2 {
        margin-left: 0px;
    }
}
@media(max-width:991px){
    .dropdownList {
        width: 96%;
    }
}
@media(max-width:575px) {
    .dropdownList {
        width: 90%;
    }
    .main-footer {
        margin-left:  0 !important;
        text-align: center;
    }
    .main-footer strong {
        display:  block;
    }
}