.ml-5 {
            margin-left:5px !important;
        }
  .mr-5 {
            margin-right:5px !important;
        }
   .mt-5 {
            margin-top:5px !important;
        }
    .mb-5 {
            margin-bottom:5px !important;
        }
  .ml-10 {
            margin-left:10px !important;
        }
  .mr-10 {
            margin-right:10px !important;
        }
   .mt-10 {
            margin-top:10px !important;
        }
  .mb-10 {
            margin-bottom:10px !important;
        }
   .ml-20 {
            margin-left:20px !important;
        }
  .mr-20 {
            margin-right:20px !important;
        }
   .mt-20 {
            margin-top:20px !important;
        }
  .mb-20 {
            margin-bottom:20px !important;
        }
.widht12  {
    width:12% !important;
}

@media (max-width: 992px)  {

    .widht12 {
         width:25% !important;
    }
}
.widht25  {
    width:25% !important;
}
.widht50 {
    width:50% !important;
}
.widht75 {
    width:75% !important;
}
.widht100 {
    width:100% !important;
}
.ProfileCompBgDiv {
    background-color: #fff;
    height: 20px;
    width: 200px;
   border:solid 1px #000;
}
.ProfileCompUpperDiv {
    background-color: #F39C12;
    height: 18px;
    text-align:center;
    color: #000;
}

.error {
    color: #dd4b39 !important;
}
.proTopBlock .dl-horizontal dt {
        width: 100px;
      
    }

    .proTopBlock .dl-horizontal dd {
        margin-left: 102px;
      
    }
td.details-control {
background: url('../../../Images/details_open.png') no-repeat center center;
cursor: pointer;
}

tr.shown td.details-control {
background: url('../../../Images/details_close.png') no-repeat center center;
}
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}


.tableProfile{
    border:1px solid #222D32;
  }
.tableProfile > thead > tr > th{
    border:1px solid #222D32;
}
.tableProfile > tbody > tr > td{
    border:1px solid #222D32;
}

.btn .btn-sm {
    margin-bottom: 5px; 
}


/* Add here all your css styles (customizations) */
.pageOverlay {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: #555555;
    opacity: 0.8;
    filter: alpha(opacity=40);
    z-index: 999;
    width: 100%;
    height: 100%;
}

.pageLoading {
    width: 64px;
    position: absolute;
    left: 50%;
    bottom: 50%;
    
}
.select2-selection.select2-selection--single {
    height: 34px !important;
}