/*
 Theme Name:   NCCF Portal
 Theme URI:    http://example.com/twentytwenty-child/
 Description:  Nccf Theme
 Author:       BWIT Team
 Author URI:   http://example.com
 Template:     twentytwenty
 Version:      1.0.2
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twentytwentychild
 
*/

body{
  background:#efefef;
}
#changePassFrm{
    max-width: 700px;
    width: 100%;
    margin: auto;
}
.user-change-password .innerpage {
    max-width: 500px;
}
body button, body .button, 
body input[type="button"], body input[type="reset"], body input[type="submit"] {
  background-color: #28a745;
  color:#fff;
  border:0;
}

.page-template-page-templateuser-signup-php .warpper{ background:url(https://ibefportal.broadwayinfotech.net.au/demo/wp-content/themes/ibef/assets/images/bg-1.jpg) 
no-repeat center center; }

.ft-date input {
    width: 100% !important;
    max-width: 100% !important;
}
body{font-family: 'Inter', sans-serif;}
p{ margin: 0px;}
ul{ padding: 0px; margin: 0px; list-style: none;} 
  

a{ display:inline-block;}
a:hover{ text-decoration: none;}

body select.error,
body input.error,
body textarea.error{
    background-color: #fdf7f7;
    border: 1px solid #a91313;
}

.loader{
    display:none;
    text-align:center;
    padding:20px 0;
    position:absolute;
    top:100px;
    bottom:0;
    width:100%;
    z-index:100;
    background:transparent;
}

.warpper{ background: #efefef; height: 100%;}


.loginbox{height: 100vh;}
.loginobxinner{  background: #fff; padding: 20px 40px 50px; box-shadow: 0 1px 5px 1px #e7e7e7; width: 78%; margin: 0 auto;  border-radius: 5px;}
.loginright{ position: relative;}
.loginright::before{ content: ""; display: block; width: 1px; height: 273px; background:url(assets/img/right_line.png) no-repeat center center;
position: absolute; left: -80px;}
.loginright h1{ font-size:20px; color: #121212; text-align: center; padding: 15px 0 30px 0;}
.loginright .form-control{ margin-bottom: 15px; height: 47px;}
.btn-light{ background: #dfdfdf; border: #dfdfdf solid 1px; color: #515151;}
.btn{ padding: 7px 20px; font-size: 20px;}

.avataricon img{
    border-radius:50%;
}

/*#loginform .login-remember{
    display:none;
}*/

.dashleft{ background: #fff; height:100%; box-shadow: 4px 0px 8px #dcdcdc; position: relative; z-index: 1;}
.avataricon h3{ font-size: 22px; padding-top:15px; font-weight: 500;}
.avataricon h3 span{ display: block; color: #5d5d5d; font-size: 16px; font-weight: 400; padding-top: 5px;}


.icons{ background:url(assets/img/icons.png) no-repeat; display: inline-block; vertical-align: middle;}

.dashboard_links{ padding-top: 40px;}

.dashboard_links ul li a{  
  color: #000000; 
  padding:12px 15px; 
  border-top:1px solid #fff;
  border-bottom:1px solid #fff;
  width: 100%; 
  transition: all 0.5s ease-in-out; 
}


.dashboard_links ul li a:hover{ background: #e5f4eb; transition: all 0.5s ease-in-out;}
.dashboard_links ul li a.active{background: #e5f4eb; }
.dashboard_links ul li a i{ margin: 0 7px 0 0; display: inline-block;}

.dashboard_links .msec ul a{
  padding-left:39px;
}

.dashboard_links .msec{
  margin-top:10px;
  margin-bottom:10px;
}
.dashboard_links .msec a.sechead {
  color: #000000;
  border-left: #fff solid 3px;
  padding: 12px 15px 12px 10px;
  width: 100%;
  transition: all 0.5s ease-in-out;
}
.dashboard_links .msec.active a.sechead {
  background: #e5f4eb;
  border-left: #00963f solid 3px;
}

.vertical .menu-li.parent-li {
  position:relative;
}
.vertical .menu-li.parent-li a{
  padding-left:56px !important;
}
.vertical .menu-li.parent-li i{
  position:absolute;
  top:17px;
  left:15px;
  background:url(assets/img/icons.png) no-repeat; 
  display: inline-block; 
  vertical-align: middle;
}

.dashboard_links .menuicons-1{ background-position: -16px -15px; width: 26px; height: 21px;} 
.dashboard_links .menuicons-2{ background-position: -15px -54px; width: 28px; height: 28px;} 
.dashboard_links .menuicons-3{ background-position: -82px -12px; width: 28px; height: 28px;} 
.dashboard_links .menuicons-4{ background-position: -16px -146px; width: 26px; height: 30px;} 
.dashboard_links .menuicons-5{ background-position: -16px -198px; width: 26px; height: 26px;} 
.dashboard_links .menuicons-6{ background-position: -82px -54px; width: 36px; height: 28px;}
.dashboard_links .menuicons-7{ background-position: -15px -300px; width: 28px; height: 25px;}
.dashboard_links .menuicons-8{ background-position: -19px -347px; width: 20px; height: 25px;}
.dashboard_links .menuicons-9{ background-position: -14px -394px; width: 30px; height: 31px;}
.dashboard_links .menuicons-10{ background-position: -15px -447px; width: 27px; height: 27px;}
.dashboard_links .menuicons-11{ background-position: -12px -496px; width: 33px; height: 28px;}

.dashboard_links .menuicons-13{ background-position: -12px -246px; width: 33px; height: 32px;}



.dashboard_links .menuicons-12{ background-position: -82px -97px; width: 36px; height: 28px;}

.dashboard_links .person3_c2{ background-position: -86px -95px; width: 39px; height: 36px;} 
.dashboard_links .fileic_c2{ background-position: -78px -546px; width: 39px; height: 40px;} 

.logouut_c2 {
  background-position: -71px -789px;
  width: 18px;
  height: 20px;
}

.editSkill{ color:#000;}

/*.vertical .menu-li.parent-li i.dashboard{
  background-position: -16px -15px; width: 26px; height: 21px;
}
.vertical .menu-li.parent-li i.attendance{
  background-position: -19px -347px; width: 20px; height: 25px;
}
.vertical .menu-li.parent-li i.organization{
  background-position: -15px -95px; width: 39px; height: 36px;
}
.vertical .menu-li.parent-li i.payroll{
  background-position: -15px -300px; width: 28px; height: 25px;
}
.vertical .menu-li.parent-li i.department{
  background-position: -15px -95px; width: 39px; height: 36px;
}
.vertical .menu-li.parent-li i.designation{
  background-position: -16px -146px; width: 26px; height: 30px;
}
.vertical .menu-li.parent-li i.employees{
  background-position: -16px -198px; width: 26px; height: 26px;
}
.vertical .menu-li.parent-li i.profile{
  background-position: -12px -246px; width: 33px; height: 32px;
}
.vertical .menu-li.parent-li i.leave{
  background-position: -14px -394px; width: 30px; height: 31px;
}
*/



.topheader{ background: #fff;}
.topheader{box-shadow: 0px 8px 8px #dcdcdc;  }
.topheader ul{ 
    display: flex;
    justify-content: center;
}
.topheader ul li a{ display: inline-block; color: #121212; font-size: 18px; font-weight: 400; padding: 29px 20px; 
  border-bottom: #fff solid 2px;}
  .topheader ul li a.active{border-bottom: #f07c01 solid 2px;}
.topheader ul li a:hover{ border-bottom: #f07c01 solid 2px;}



.seachbox{ width: 300px; margin: 0px 15px;}
.seachbox input[type=text] { background:url(assets/img/icons.png) no-repeat; display: inline-block; vertical-align: middle; background-position: -10px -540px; padding-left: 30px; width: 30px; transition: width 0.4s ease-in-out;}
.seachbox input[type=text]:focus { width: 100%;}

.mainpage{ width: 100%;}

.innerpage{ 
    width: 96%; 
    margin: 0 auto;
    box-shadow: 8px 8px 8px #dcdcdc;
    background: #fff; 
    border-radius: 3px; 
    margin-top: 50px; 
    padding: 25px 30px 25px 30px;
}

.viewinnerpage{ 
    width: 96%; 
    margin: 0 auto;
    box-shadow: 8px 8px 8px #dcdcdc;
    background: #fff; 
    border-radius: 3px; 
    margin-top: 50px; 
    padding: 25px 30px 25px 30px;
}

.department_info ul li{ padding: 15px 0px;}

.innerpage h3{ font-size: 25px; font-weight: 500; padding-bottom: 25px;}

.viewinnerpage h3{ font-size: 25px; font-weight: 500; padding-bottom: 25px;}

.innerfild .form-control{ margin: 15px 0px; padding: 22px 10px;}
.form-control-s{
    width:100%;
    max-width:100%;
}

.hasDatepicker{ max-width:100% !important; width:100%!important;}

.department_name{padding-top: 80px;}
.department_name ul li{ padding: 15px 0px;}
.department_name ul li label{ width: 35%;}
.department_name ul li span input[type="radio"]{ margin: 0px 10px;}

.form-group{ position: relative;}
.cal-icons{background-position: -16px -604px; width: 25px; height: 20px; }

.actionsfilter{ border-bottom: #ccc solid 1px; padding-bottom: 40px;}
.actionsfilter ul{ display: flex; justify-content: space-between; }
.actionsfilter ul li select{ height: 46px; border: #ccc solid 1px; border-radius: 3px;}
.actionsfilter ul li [type="text"]{height: 46px; border: #ccc solid 1px; border-radius: 3px; padding: 0px 10px; width: 95%;}

.table thead tr th{ background: #f2faf5; color: #525252; font-weight: 600;padding: 14px 15px; border: none; font-size: 16px;}
.edit_icons{ background-position: -14px -646px; width: 25px; height: 17px; cursor:pointer;}
.delete_icons{ background-position: -13px -681px; width: 26px; height: 24px; cursor:pointer;}
.cancel_icons{    background-position: -75px -684px;
    width: 24px;
    height: 18px;
    
}


.innertabs{width: 90%; margin: 0 auto; border-bottom: #d7d7d7 solid 1px; padding-top: 40px;}
.innertabs ul {
    display: flex;
    justify-content: flex-start;
    width: 100%;
}
.innertabs ul li a {
    font-size: 14px;
    padding-bottom: 15px;
    font-weight: 600;
    border-bottom: #efefef solid 1px;
    color: #b3b2b2;
    text-transform: uppercase;
    margin-right: 29px;
}
.innertabs ul li a:hover{ color: #00963f;border-bottom: #00963f solid 1px; }
.innertabs ul li.active a{ color: #00963f;border-bottom: #00963f solid 1px;}


.cancel_ic{ 
    background-position: -81px -684px; 
    width: 20px; 
    height: 19px; cursor:pointer;
}


.approve_ic{ 
    background-position: -81px -629px; 
    width: 23px; 
    height:24px; 
    cursor:pointer;
}

.text-action{ display:flex !important;}
.text-action a{color:#212529; font-size:16px; padding:0px 5px;}
.text-action .approveLeave,.editRecord,.updaterecord,.editSkill{ color:#28a745!important;}
.text-action .cancelLeave{ color:#FFA500 !important;}
.text-action .deleteLeave,.delete-report,#delDeprt,#delDesigtn,.deleteAtten,.delsinglerecord{ color:#FF0000 !important;}




.btn-success{ color: #fff; background-color: #28a745 !important; border-color: #28a745 !important;}

.table-striped tbody tr:nth-of-type(2n+1){ background: #fbfbfb;}
.table td, .table th{ padding: 20px 15px; }
.table th{font-weight: 600;}
.form-control{ height: 46px;}

.logoutbtn{  background-position: -20px -789px; width: 18px; height: 20px; margin-right: 5px;}


.applybuttons{ width: 96%; margin: 0 auto;}
.applybuttons .applybtn { background-position: -18px -731px;width: 22px; height: 22px; margin-right: 7px; }

/*** 21/10/2020 ****/
.menu-wrap nav.vertical {
  display: block !important;
  width: 25% !important;
}
.wrap > div {
  width: 75% !important;
  float: right !important;
}

td.dispyHide {
    display: none;
}

td.dispyShw {
    display: block;
}



.bar1, .bar2, .bar3 {width: 35px;height: 5px;background-color: #333; margin: 6px 0;transition: 2s;cursor: pointer;}
.change .bar1{ transform: rotate(0deg) translate(0px, 0px) ;}
.change .bar2{  opacity: 1;}
.change .bar3 { transform: rotate(0deg) translate(0px, 0px) ; }
.bar1 { transform: rotate(-45deg) translate(-9px, 6px) ;}
.bar2 {opacity: 0;}
.bar3 {transform: rotate(45deg) translate(-8px, -8px) ;}


#wrapper { padding-left: 320px; transition: all 2s linear;}
#wrapper.toggled { padding-left: 0px; }
#sidebar-wrapper { position: fixed; left: 250px; top:0px; width: 320px; height: 100%; margin-left: -250px; overflow-y: scroll;  overflow-x: hidden; transition: all 2s linear; }
#wrapper.toggled #sidebar-wrapper {width: 0px; }


@media only screen and (max-width: 1024px) { .topheader ul li a{ font-size: 14px;} }
@media only screen and (max-width: 769px) {
#sidebar-wrapper{width: 0px;}
#wrapper{  padding-left: 0px;}
#wrapper.toggled #sidebar-wrapper{ width: 320px;}
#wrapper.toggled { padding-left: 320px; }
.topheader ul li a{ font-size: 14px; padding: 20px 15px;}

.bar1 {transform: rotate(0deg) translate(0px, 0px);}
.bar2 {opacity: 1;}
.bar3 { transform: rotate(0deg) translate(0px, 0px); }
.change .bar1 { transform: rotate(-45deg) translate(-9px, 6px) ;}
.change .bar2 {opacity: 0;}
.change .bar3 {transform: rotate(45deg) translate(-8px, -8px) ;}
.innerpage{ margin-top: 40px;}
.viewinnerpage{ margin-top: 40px;}
}

.error {
    color: #000;
}


@media only screen and (max-width: 600px) {
.loginobxinner{ width:95%; padding: 20px 30px;}
.loginright::before { display: none;}
.loginright h1{ padding: 30px 0px;}
.btn-success{ font-size: 17px;}

.innertabs ul li a{ background: #00963f;}
.innertabs ul{flex-direction: column; width: 100%;}
.innertabs ul li a{ background: #00963f; color: #fff !important;  padding: 10px 15px; width: 100%; margin: 5px 0px;}
.dateinput{ width:100%;}
.table td, .table th{font-size:13px !important;}
.fc button{ font-size:14px !important;}
.fc-toolbar h2{    padding-top: 15px;font-size: 21px; font-weight: 600;}
.text-action a{font-size: 13px;}


}

@media only screen and (max-width: 480px) {
    .leavemenu ul{flex-direction: column; padding-top: 34px; }
   
    
}











.color-accent, 
.color-accent-hover:hover, 
.color-accent-hover:focus, 
:root .has-accent-color, 
.has-drop-cap:not(:focus):first-letter, 
.wp-block-button.is-style-outline, body a {
  color:#28a745;
}

a.page-title-action{
  background-color: #28a745 !important;
  padding:8px 30px !important;
  color:#fff !important;
  border:0 !important;
}
a.page-title-action:hover{
  color:#fff !important;
}

.dateinput{
    position:relative;
    display:inline-block;
}

.dateinput .cal-icons{
  position:absolute;
  right:14px !important;
  top:14px !important;
}

input.hasDatepicker{
  max-width:200px;
}

.hrm-table-action input[type="search"],
.hrm-table-action input[type="text"] {
  height: 40px;
}

body select,
div.hrm-table-action select,
input[type=search],
input[type=number],
input[type=password],
input[type=email],
input[type=text] {
  height: calc(2.25rem + 12px);
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

div#hrm-hidden-form-warp {
  margin-top: 0;
}
div.hrm .striped > tbody > :nth-child(odd) {
  background-color: #fff;
}

div.hrm .wp-list-table thead tr {
  border:0 !important;
}

div.hrm .wp-list-table tbody tr{
  border:0;
  background:#fff;
}

table.wp-list-table td,
table.wp-list-table tr,
table.wp-list-table{
  border:0;
}

table.wp-list-table thead td,
table.wp-list-table thead th{
  padding: 14px 15px;
  font-size: 16px;
}

div#hrm #hrm-list-form #hrm-data-table{
  border:0;
}

div#hrm #hrm-list-form #hrm-data-table tr{
  border-bottom:1px solid #f0f0f0;
}

div#hrm #hrm-list-form #hrm-data-table .odd {
  background: transparent;
}

#hrm #hrm-list-form table.widefat th,
#hrm #hrm-list-form table.widefat td{
  padding: 14px 15px !important;
  font-size: 16px;
}

table.widefat thead th,
table.wp-list-table:not(#hrm-salary-lists) thead td,
table.wp-list-table:not(#hrm-salary-lists) thead th{
  background: #f2faf5;
  color: #525252;
  font-weight: normal;
  border: none;
  font-size: 16px;
}


.menu-wrap nav.vertical {
  background:#fff;
  box-shadow:4px 0px 8px #dcdcdc;
}
.menu-wrap nav.vertical {
  width: calc(20% - 30px) !important;
}
.wrap > div {
  width: calc(77.5% - 20px) !important;
  background: #fff;
  margin-right: 20px;
  padding: 20px;
}

.menu-wrap > .menu{
  display:none;
}

nav.vertical .menu-ul li,
nav.vertical .menu-ul{
  margin:0;
}

nav.vertical .parent-li .menu-ul li:hover>a {
  background: #efefef;
}

nav.vertical .menu-ul li a {
  background: #fff;
}
nav.vertical .parent-li > a {
  background:transparent;
  padding:20px 15px;
  color: #222;
  background: #fff;
  border-left: 3px solid  #fff;
}

#hrm nav.vertical .parent-li > .router-link-active,
nav.vertical .parent-li:hover > a  {
  background: #e5f4eb;
  border-left: #00963f solid 3px;
  transition: all 0.5s ease-in-out;
}

div.postbox {
  border:0;
}

div.postbox h2.hndle {
  font-size: 20px;
  font-weight: 500;
  padding: 0;
  padding-bottom: 12px;
}

input.hrm-button-primary,
button.hrm-button-primary,
a.hrm-button-primary {
  background: #28a745 !important;
  border-color:#1e7e34 !important;
  text-shadow:none !important;
  height:auto !important;
  padding: 6px 20px!important;
  text-transform: none;
  font-size: 17px!important;
}

input.hrm-button-primary:hover,
button.hrm-button-primary:hover,
a.hrm-button-primary:hover {
  background-color: #218838 !important;
  border-color: #1e7e34 !important;
}

input.hrm-button-secondary,
button.hrm-button-secondary,
a.hrm-button-secondary {
  height:auto !important;
  padding: 6px 20px!important;
  text-transform: none;
  font-size: 17px!important;
}


@media (min-width:768px){
  
  .hrm h1.wp-heading-inline {
      font-size: 150% !important;
  }
  
  .wrap > div {
      width: calc(77.5% - 20px) !important;
      margin-right: 20px;
      padding: 30px;
  }
  
  input.hrm-button-secondary,
  button.hrm-button-secondary,
  a.hrm-button-secondary {
      padding: 7px 30px!important;
      font-size: 20px!important;
  }
  
  input.hrm-button-primary,
  button.hrm-button-primary,
  a.hrm-button-primary {
      padding: 7px 30px!important;
      font-size: 20px!important;
  }
  
}

@media (min-width:768px){
  
  .wrap > div {
      width: calc(77.5% - 60px) !important;
      margin-right: 60px;
      padding: 40px;
  }
  
  #hrm-form-fields .hrm-form-field label{
      max-width:300px;
  }

  
}


@media (min-width:1600px){
    
    .applybuttons{ 
        width: 90%;
    }
    .innerpage{ 
        width: 90%; 
        margin-top: 80px; 
        padding: 25px 50px 25px 50px;
    }
    
    .viewinnerpage{ 
        width: 90%; 
        margin-top: 80px; 
        padding: 25px 50px 25px 50px;
    }
    .btn{ padding: 7px 30px; font-size: 20px;}
    
}




/*  Dashboard Page */

.hrm-attendance-ul{
  margin-top:8px;
  margin-bottom:8px;
}
div.hrm-block-image-wrap {
  height:auto;
  overflow-x: visible;
  overflow-y: visible;
}

div.hrm-block {
  border:0;
}

div.hrm-block-1, 
div.hrm-block-2, 
div.hrm-block-3, 
div.hrm-block-4 {
  background:transparent;
}

div.hrm-block-1 footer, 
div.hrm-block-2 footer, 
div.hrm-block-3 footer, 
div.hrm-block-4 footer {
  background: transparent;
  color: #000;
}
div.hrm-block footer {
  font-size: 1.2em;
}



/*  login Page */

.loginright .login-password label,
.loginright .login-username label{
  display:none;
}

.loginright .input{
  margin-bottom: 15px;
  height: 47px;
  width:100%;
} 

.login-submit .button {
  padding: 7px 30px;
  font-size: 20px;
  width:100%;
  border-radius:4px;
  cursor: pointer;
}


/*  General Information Page */

.hrm-content-wrap{
  margin-bottom:20px;
}

.hrm-content-wrap label{
  max-width:300px;
  font-weight:500;
}
.hrm-content {
  width: 55%;
}
.hrm-uploaded-item img{
  max-width:100%;
  height:auto !important;
}
.hrm-uploaded-item{
  width:50px;
  height:50px;
  border-radius:50%;
  overflow:hidden;
}

tr[id*="summary"]{
    border:;
}

tr[id*="summary"] th,
tr[id*="summary"] td{
    padding: 10px 15px;
}

/*  leave Page */
tr:hover .get_employee_leave_summery{
    display:block;
}
.get_employee_leave_summery{
    display:none;
    color:;
    cursor:pointer;
}


/*  skill Page */

#addSkill textarea.form-control{
  max-height: 46px;
}




/* salman css */


  /* ustom-checkbox */
  .custom-checkbox input[type="checkbox"] , .custom-attachment input[type="file"]{
    display: none;
  }

  .custom-checkbox input[type="checkbox"] + label{
    width: 50px;
    height: 50px;
    border: 1px solid #c9c9c9;
    border-radius: 6px;
    cursor: pointer;
    position: relative;
    margin-bottom: 0;
  }
  .custom-checkbox input[type="checkbox"] + label:after{
    width: 30px;
    content: '';
    height: 30px;
    position: absolute;
   
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
    border-radius: 5px;
  }
  .custom-checkbox input[type="checkbox"]:checked + label:after{
    background-color: #4ca746;
  }

  /* .custom-attachment */
    .custom-attachment label{
      background: #dfdfdf;
      font-size: 21px;
      width: 150px;
      height: 50px;
      cursor: pointer;
      display: inline-block;
      text-align: center;
      line-height: 50px;
      color: #515151;
      border-radius: 4px;
      margin-left: 60px;
      font-weight: 200;
  }
  select {
    /*-webkit-appearance: none;
    -moz-appearance: none;
    background: url(../img/angle-down.png) no-repeat;
    background-position: right 15px center;*/ 
}


.custom-tabs li a{
  min-width: 230px;
  text-align: center;
  height: 60px;
  line-height: 60px;
  border-left: 1px solid #eee;
  font-size: 18px;
  color: #7a7a7a;
  font-weight: 400;
}
.custom-tabs li a.active.show{
  color: #f07d00;
  border-bottom: 4px solid #f07d00;
}

.inputSpan{
  color: #7a7a7a;
  font-size: 13px;
  margin-top: 10px;
  display: block;
}

/* custom-small-checkbox */


  /* ustom-checkbox */
  .custom-small-checkbox input[type="checkbox"] {
    display: none;
  }
  .custom-small-checkbox input[type="checkbox"] + label{
    position: relative;
    vertical-align: middle;
    font-size: 16px;
    color: #121212;
    cursor: pointer;
  }
  .custom-small-checkbox input[type="checkbox"] + label:before{
    content: '';
    width: 17px;
    height: 17px;
    border: 1px solid #c9c9c9;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    margin-right: 12px;
    vertical-align: inherit;
  }
  .custom-small-checkbox input[type="checkbox"] + label:after{
    content: 'L';
    position: absolute;
    left: 4px;
    font-size: 16px;
    color: #fff;
    -webkit-transform: rotateY(170deg) rotate(-31deg);
      transform: rotateY(170deg) rotate(-31deg);            
  }
  .custom-small-checkbox input[type="checkbox"]:checked + label:after{
    color: #f07d00;
  }

.toggle-box{
    display: none;
  }
  
.divmsgsuccess {
    text-align:center;
    line-height:50px;
    color: #155724;
    background-color:#d8e4db;
}
/*By Gaurav Dixit*/
.view_icons {
    background-position: -14px -829px;
}
.loginright1 h1 {
    font-size: 20px;
    color: #121212;
    text-align: center;
    padding: 15px 0 30px 0;
}
.loginright1 .input {
    margin-bottom: 15px;
    height: 47px;
    width: 100%;
}
.loginright1 {
    position: relative;
}
.loginright1::before {
    content: "";
    display: block;
    width: 1px;
    height: 273px;
    background: url(../img/right_line.png) no-repeat center center;
    position: absolute;
    left: -80px;
}
.loginright2 h1 {
    font-size: 20px;
    color: #121212;
    text-align: center;
    padding: 15px 0 30px 0;
}
.loginright2 .input {
    margin-bottom: 15px;
    height: 47px;
    width: 100%;
}
.loginright2 {
    position: relative;
}
.loginright2::before {
    content: "";
    display: block;
    width: 1px;
    height: 273px;
    background: url(../img/right_line.png) no-repeat center center;
    position: absolute;
    left: -80px;
}
.dnd-upload-counter{ display:none; }

.media-comment img {
    width: 50px;
    border-radius: 50%;
    object-fit: cover;
}
/**/