/* My Profile page*/

#myProfile{
    border: 1px solid rgba(0,0,0,.1);
    margin-bottom: 20px;
}
#myProfile h1{
    font-size: 16px;
    font-family: Ubuntu;
    text-align: center;
    padding: 11px 0;
    letter-spacing: .04em;
    background: #002856;
    color: #fff;
    margin: 0;
}
.profileImage{
    background:  #F3F3F3;
    padding: 25px 0;
}
.profile-img-wrapper {
    position: relative;
    height: 75px;
    width: 75px;
    margin: 0px auto;
    border-radius: 50%;
    overflow: hidden;
    /* box-shadow: 1px 1px 15px -5px black; */
    transition: all 0.1s ease;
    border: 1px solid rgba(0,0,0,.1);
}
.profile-img-wrapper:hover {
    transform: scale(1.05);
    cursor: pointer;
}
.profile-img-wrapper:hover .profile-img {
    opacity: 0.5;
}
.profile-img-wrapper .profile-img {
    height: 100%;
    width: 100%;
    transition: all 0.3s ease;
}
.profile-img-wrapper .profile-img:after {
    font-family: FontAwesome;
    content: "\f007";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    font-size: 190px;
    background: #ecf0f1;
    color: #34495e;
    text-align: center;
}
.profile-img-wrapper .upload-button {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: transparent;
}
.profile-img-wrapper .upload-button .fa-arrow-circle-up {
    position: absolute;
    font-size: 88px;
    top: -6px;
    left: 0;
    text-align: center;
    opacity: 0;
    transition: all 0.3s ease;
    color: #34495e;
}
.profile-img-wrapper .upload-button:hover .fa-arrow-circle-up {
    opacity: 0.9;
}
.myProfile-tabs{

}
.myProfile-tabs ul {
    display: grid;
    padding: 15px 0;
    margin: 0;
    border: none;
}
.myProfile-tabs ul li{
    text-align: center;
}
.myProfile-tabs ul li .nav-link{
    color: rgba(0,0,0,1);
    letter-spacing: .04em;
    border: none;
}
.myProfile-tabs ul li .nav-link:hover{
    border: none;
}
.myProfile-tabs ul li .nav-link.active{
    color: #00c4f4;
    font-weight: 600;
    border: none;
}
.paneNotification{
    margin: 0 0 70px 0;
}
.paneNotification h2{
    color: #00c4f4;
}
.paneNotification h2 small{
    font-size: 12px;
    color: #FF2121;
}
.pnot-subHead{
    font-size: 14px;
    font-weight: 600;
    font-family: Ubuntu;
}
.pnImg{
    display: grid;
    align-self: center;
}
.pnImg .newTag{
    color: #FF2121;
    font-size: 11px;
    text-align: center;
    font-weight: 600;
    letter-spacing: 0.06em;
}
.pnot-mainAnchor{
    padding: 15px 19px;
    background: #F8F8F8;
    display: flex;
    color: #002856;
    border: 1px solid rgba(0,0,0,.1);
}
.pnot-mainAnchor:hover{
    text-decoration: none;
    color: #002856;
}
.pnTitle{
    padding: 0 0 0 13px;
}
.pnTitle small{
    opacity: .4;
}
.add_noti{
    border: 1px solid rgba(0,0,0,.2);
}
.add_noti h4{
    font-size: 18px;
    background: #DBDBDB;
    padding: 13px 12px;
    letter-spacing: .04em;
    color: #002856;
}
.add_noti .anIndustries{
    padding: 0 15px;
}
.add_noti .anIndustries li{
    display: flex;
    padding: 3px 0;
    
}
.add_noti .anIndustries li label{
    margin: auto 0;
    padding: 0 0 0 12px;
    font-size: 14px;
    opacity: .6;
    letter-spacing: .05em;
    cursor: pointer;
}
.add_noti .anIndustries li input{
    cursor: pointer;
}
.add_noti .saveNoti{
    width: 100%;
    background: #002856;
    border: none;
    color: #fff;
    padding: 9px 0;
    letter-spacing: 1px;
    cursor: pointer;
}
.profile_dropdown .dropdown-menu {   
    transform: translate3d(-59px, 49px, 0px) !important; 
    top: 0px; 
    right: 0px;
    will-change: transform;
    padding: 0 1px;
    min-width: 128px !important;
    border: none !important;
    border-radius: 0px;
    opacity: 1;
}
.myprofleTitleDiv{
    width: 95%;
}
.msReports{
    display: flex;
    position: relative;
    border-bottom: 1px solid rgba(0,0,0,.2);
    padding: 9px 0;
}
.msReports .msrTitle{
    display: flex;
}
.msReports .msrTitle img{
    width: 36px;
    align-self: baseline;
    padding-top: 0px;
}
.msReports .msrTitle p
{ font-size: 13px;

}
.infoIcon{
    top: 141px;
    left: 1287px;
    width: 18px;
    height: 18px;
    border: 1px solid #000000;
    opacity: 1;
}
.msrTitle:hover{
    text-decoration: none;
}

.msReports .msrUpdate{
    right: 0;
    position: inherit;
    background: #00c4f4;
    color: #fff;
    padding: 7px 13px;
    white-space: nowrap;
    border-radius: 3px;
}
.msrUpdate:hover{
    text-decoration: none;
}
.panelLogSec{

}
.logSecForm{
    border: 1px solid rgba(0,0,0,.2);
    padding: 14px 16px;
    margin: 10px 0 21px 0;
}
.logSecForm .form-control{
    padding: 4px 6px;
} 
.logSecForm .form-control::placeholder{
    color: #002856 !important;
}
.logSecForm .form-control{
    color: #002856 !important;
}
.logSecForm .form-group label{
    font-size: 13px;
    opacity: .5;
}
.mpsave-update{
    background: green;
    border: none;
    padding: 7px 21px;
    color: #fff;
    font-size: 13px;
    cursor: pointer;
}
.passUpdateForm{
    border: 1px solid rgba(0,0,0,.2);
    padding: 14px 16px;
    margin: 10px 0 21px 0;
}
.passUpdateForm .form-group label{
    font-size: 13px;
    opacity: .5;
}
.profile_btn {
    text-align: left !important;
}
.profile_dropdown:hover .dropdown-toggle {
    background-color:  #00c4f4 !important;
    color: #fff !important;
}
.profile_dropdown:hover .dropdown-menu a{
    background-color:  #00c4f4 !important;
    color: #fff !important;
}
.profile-img-wrapper i{
    font-size: 60px;
    margin: 0 auto;
    padding: 3px 14px;
}
/*  */

.prf-btn{
    right: 0;
    position: inherit;
    color: #fff;
    padding:10px;
    white-space: nowrap;
    border-radius: 4px;
    width: 200px;
    cursor: pointer;
}
.prf-btn:hover{
    text-decoration: none;
    color: #FFF;
}

.bg-grn{
    background: #00950F;
}

.bg-ble{
    background: #00C5F4;

}
.bg-org{
    background:#F48A00;
}
.bg-lbl{
    background: #00c4f4;
}

.opc-07{
    opacity: 0.7;
}
.pan-catgry{
    padding: 0px 0px 0px 0px;
}
.clr-blk{
    color: #000;
}
.bg-drkbl{
    background:#002856;
    color: #FFF;
}
.wdt-fl{
    width: 100%;
    border:none;
}



.cat-checkbox {
  display: block;
  position: relative;
  padding-left: 28px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.cat-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 9px;
  left: 0;
  height: 17px;
  width: 17px;


  background-color:#fff;
  display:inline-block;
  margin:0 .25em;
  border-radius:4px;
  border:1px solid #ccc;
  float:left;


}

/* On mouse-over, add a grey background color */
/*.cat-checkbox:hover input ~ .checkmark {
  background-color: #ccc;
  }*/

  /* When the checkbox is checked, add a blue background */
  .cat-checkbox input:checked ~ .checkmark {
  }

  .cat-checkbox img {
    width: 25px;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;


}

/* Show the checkmark when checked */
.cat-checkbox input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.cat-checkbox .checkmark:after {
  left: 6px;
  top: 1px;
  width: 5px;
  height: 11px;
  border: solid #8bc34a;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.w-30{
    width: 30px;
}

.bw-25{
    width: 25px;
}

.ipActionBtn{
    float: right;
}

.accessControlBtn{
    float: right;
}


.valid {
    color: green;
}
.valid:before {
    position: relative;
    left: -5px;
    content: "+";
}
.invalid {
    color: red;
}
.invalid:before {
    position: relative;
    left: -5px;
    content: "-";
}     
#validate {
    display:none;
    background: #f1f1f1;
    position: relative;
    padding: 20px;
    margin-top: 10px;
    border-radius: 20px;
}

#validate p {
    padding-left: 5px;
    font-size: 14px;
}
#validate.arrow-left:after {
    content: " ";
    position: absolute;
    left: -15px;
    top: 15px;
    border-top: 15px solid transparent;
    border-right: 15px solid #f1f1f1;
    border-left: none;
    border-bottom: 15px solid transparent;
}