body h1,body h2,body h3,body h4,body h5,body p, body ul{
    margin: 0;
    padding: 0;
}

*{
    font-family: 'Montserrat';
}

h3,h4{
    color: black !important;
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

.pageContainer {
    padding-top: 60px;
}

.btn { 
    font-size: 14px !important;
    text-transform: capitalize !important;
    padding: 7px 15px !important;
}
body button.btn.btn-primary{
    background-color: #0465AC !important;
}
body button.btn.btn-outline-primary{
    border-color: #0465AC !important;
    color: #0465AC !important;
}
.btn:active:focus{
    outline: none !important;
}

#dropdownMenuButton{
    margin-left: 0px;
}

.open > .dropdown-menu {
    display: none !important;
}
.dropdown.show > .dropdown-menu {
    display: block !important;
}

table th{
    font-weight: bold !important;
    text-align: left !important;
    text-transform: capitalize;
}

table td{
    text-align: left !important;
}

table th, table td{
    font-size: 13px !important;
    word-break: normal;
    white-space: nowrap;
}

.row{
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* BREAD CRUMBS AND HEADING CSS START */
.heading {
    width: 98%;
    display: flex;
    /* padding: 0 20px; */
    margin-top: 10px;
}
.heading.multipleHeading > span{
    margin-right: 10px;
    cursor: pointer;
}

.heading.multipleHeading > span > h3{
    font-size: 15px;
}

.heading h3{
    font-weight: normal;
}

.heading .active h3{
    font-weight: bold;
}



.ui.breadcrumb {
    font-size: 13px;
    background-color: transparent;
    margin-left: 0 !important;
    padding: 8px 20px 0 20px !important;
}

.ui.breadcrumb a {
    color: #000;
}

.ui.ui.breadcrumb a:hover {
    text-decoration: none;
}

.breadcrumb{
    padding-top: 60px !important;
    margin-bottom: 0 !important;
}

.divider {
    color: #000;
    margin-right: 5px;
    margin-left: 5px;
}

/* BREADCRUMB AND HEADING CSS END */

/* PAGE CONTAINER CSS START */
.pageMainSectionContainer{
    /* max-width: 1320px; */
    /* padding: 0 20px; */
    margin: 20px auto;
}
/* PAGE CONTAINER CSS END */

/* PAGINATION CSS START */
#paginationContainer{
    margin: 20px auto;
    text-align: center;
}
/* PAGINATION CSS END */

/* MODAL RELATED STYLING COMMON ACROSS THE MODULE START  */
#modalContainer{
    background-color: rgba(0,0,0,0.5);
    opacity: 1;
}


.outline-button {
    color: #0465AC !important;
    border: 1px solid #0465AC !important;
    background-color: #FFFFFF !important;
}

.primary-button {
    color: #FFF !important;
    border: 1px solid #0465AC !important;
    background-color: #0465AC !important;
}

.delete-primary-button {
    color: #FFF !important;
    border: 1px solid #FF0000 !important;
    background-color: #FF0000 !important;
}

.delete-outline-button {
    color: #FF0000 !important;
    border: 1px solid #FF0000 !important;
    background-color: #FFFFFF !important;
}

.modalDataContainer > .deleteContent {
    width: 30% !important;
}

.modalDataContainer > .selectComponentContent {
    width: 30% !important;
}

@media only screen and (max-width: 678px){
    .modalDataContainer > .modal-content{
        width: 90% !important;
    }
}

label{
    text-transform: capitalize;
}

.modal.show {
    display: block !important;
}

.modalHeader{ 
    display: flex;
    align-items: center !important;
    border-bottom: none !important;
    justify-content: unset !important;
}

.modalHeader.deleteModalHeader{
    background-color: #AC0A0A;
}

.modalHeader::before, .modalHeader::after{
    display: none !important;
}

.modal-body{
    overflow-y: auto;
}

/* .modalHeader#warning{
    background-color: #CA7B05;
}

.modalHeader#error{
    background-color: #CA0505;
} */
/* END */

/* PAGINATION STYLING */
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7;
}

.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
    z-index: 2;
    color: #23527c;
    background-color: #eee;
    border-color: #ddd;
}

.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

.pagination {
    justify-content: center;
}

.modalDataContainer > .modal-content.successContent{
    width: 30% !important;
}

.modal-footer {
    border-top: none !important;
}

@media only screen and (max-width: 678px){
    .modalDataContainer > .modal-content.successContent{
        width: 90% !important;
    }
}

.modalDataContainer > .modal-content.successContent .modalHeader{
    justify-content: center !important;
}


.modal-footer .btn{
    margin-bottom: 0;
}

.successBody{
    padding: 20px;
    text-align: center;
}

.successModalIcon{
    height: 30px !important;
    width: 30px !important;
}

p.characterLimitNote{
    font-size: 12px;
    color: #818181 !important;
    text-align: right;
    font-weight: normal;
}

/* MODAL CSS END */

rect{
    /* width: 35px !important; */
    color: #0465ac !important;
}


@media print {
    .printCenter {
        display: flex;
        justify-content: center;
        margin-top: auto;
       
    }
}


.middle {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
  }
  .container1:hover .divOver {
    opacity: 0.3;
  }
  
  .container1:hover .middle {
    opacity: 1;
  }
  .divOver {
    opacity: 1;
    display: block;
    width: 100%;
    height: auto;
    transition: .5s ease;
    backface-visibility: hidden;
  }  
  .container1 {

  }
  .text {
    background-color: #0465ac;
    color: white;
    font-size: 16px;
    padding: 16px 32px;
  }