body{
   font-family: 'Roboto Condensed', sans-serif;
     
}
.wrapper {
    float: left;
    width: 100%;
    position: relative;
}
.wrapper .top_head {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9;
}
.container {
    width: 100%;
}
/**********index page***********/
.wrapper .top_head {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9;
}
.logo {
    height: auto;
    float: left;
    margin-top: 30px;
    margin-left: 20px;
}
.logo a{
  outline: none;
}
.logo img {
    width: auto !important;
}
.top_new_m_l {
    float: right;
}
.top_new_m_l ul {
    float: right;
    list-style-type: none;
    margin-top: 30px;
    padding: 0px;
}
.top_new_m_l ul li {
    float: left;
    padding-right: 8px;
}
.top_new_m_l ul li a,.top_new_m_r ul li a {
    padding: 8px 12px;
    background: #404040;
    float: left;
    font-size:16px;
    border-radius: 4px;
    color: #fff;
    text-decoration: none;
    transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;

}
.top_new_m_l ul li a:hover,.top_new_m_r ul li a:hover{
  background: #fff;
  color:#444;
   box-shadow: 0px 4px 4px 0px #444;
}
.top_new_m_r {
    float: right;
}

.top_new_m_r ul {
    float: left;
    list-style-type: none;
    margin-left: 0px;
    margin-top: 30px;
    padding: 0px;
}
.top_new_m_r ul li {
    float: right;
    padding-right: 8px;
}

.icon_tab {
    width: 100%;
    float: left;
    position: relative;
}
.icon_main_center {
    width: 530px;
    margin: auto;
    display: table;
    margin-top: -100px;
    z-index: 10;
    background: #fff;
    box-shadow: 0px 0px 7px 0px #bdb9b9;
}
.Trainer_box {
    text-align: center;
    width: 100%;
    float: left;
    padding: 35px 0;
    border-right: solid 1px #e8e8e8;
}
.Trainer_box1 {
    border-right: solid 0px #e8e8e8;
}
.Trainer_pic {
    margin-bottom: 15px;
}
.titile_Trainer {
    font-size: 25px;
    color: #444;
  }
.wrapper .top_slider img {
    height: auto;
}
.carousel-caption{
  padding-bottom:120px;
}
.carousel-caption h1{
  font-size:40px;
}
.item p {
    font-size: 17px;
    line-height: 27px;
}
.bg_a1 {
    background: #e8e8e8;
}
.about_us {
    width: 100%;
    float: left;
    padding: 90px 15px;
    font-family: 'Roboto Condensed', sans-serif;
}
.about_us h1 {
    padding: 0;
    margin: 0;
    font-size: 26px;
    margin-bottom: 20px;
}
.about_us p {
    font-size: 16px;
    line-height: 27px;
}
.img-or-home{ width:100%; float:left; }
.she-ri {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.she-ri:hover, .she-ri:focus, .she-ri:active {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}
/************index page end*********************/
/**************footer css start*****************/


.footer {
    border-top: solid 4px #484848;
    background-image: url(../images/footer_bg.png);
    width: 100%;
    float: left;
    background-color: #222;
    padding: 40px 15px;
     font-family: 'Roboto Condensed', sans-serif;
}
.footer .footer-ribon {
    background-color: #484848;
    color: #fff;
    position: absolute;
    margin: -56px 0 0 41px;
    padding: 10px 20px 6px;
}
.footer .footer-ribon span{
  font-size:17px;
}
.footer .footer-ribon:before {
    border-right: 10px solid #484848;
    border-top: 16px solid transparent;
    content: "";
    display: block;
    height: 0;
    left: -10px;
    position: absolute;
    top: 0;
    width: 7px;
    border-right-color: #484848;
}
.footer .footer_sub {
    width: 100%;
    float: left;
    padding: 10px 10px;
}
.footer .footer_sub h4 {
 font-size: 20px;
    font-weight: 200;
    text-shadow: 1px 1px 1px #1b1b1b;
    color: #fff;
    text-transform: uppercase;
    border-bottom: solid 1px #2f2f2f;
    padding-bottom: 20px;
}
.footer .footer_sub ul.contact {
    list-style: none;
    margin: 0;
    padding: 0;
  
}
.footer .footer_sub ul.contact li {
    line-height: 24px;
    padding: 5px 0px;
    border-bottom: solid 0px #292929;
    color: #fff;
}
.footer .footer_sub ul.contact li i{
  width:20px;
  text-align: center;
  margin-right:5px;
}
.footer .footer_sub ul.contact li a {
    color: #fff!important;
    transition: 0.3s;
    padding-left: 0px;
}
.footer .footer_sub ul.contact li a:hover {
    text-decoration: none;
    padding-left: 7px;
    
}
.footer .footer_sub ul.social-icons {
    margin: 0;
    padding: 0;
    width: auto;
}
.footer .footer_sub ul.social-icons li {
    background-image: url(../images/social-sprites.png);
    background-repeat: no-repeat;
    background-color: #fff;
    background-position: 0 100px;
    display: inline-block;
    margin: -1px 1px 5px 0;
    padding: 0;
    border-radius: 3px;
    overflow: visible;
    transition: all .3s ease;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.3);
    -moz-border-radius: 3px;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-border-radius: 3px;
    -webkit-transition: all .3s ease;
    text-decoration: none;
}
.footer .footer_sub ul.social-icons li a {
    display: block;
    height: 30px;
    width: 30px;
    text-align: center;
}
.footer .footer_sub ul.social-icons li[class] a {
    text-indent: -9999px;
}
.footer .footer_sub ul.social-icons li.facebook {
    background-position: 0 -150px;
}
.footer .footer_sub ul.social-icons li.twitter {
    background-position: 0 -1170px;
}
.footer .footer_sub ul.social-icons li.instagram {
    background-position: 0 -1710px;
}
.facebook {
    background: #2a388f;
}
.hvr-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.copy_right {
    width: 100%;
    float: left;
    background: #292929;
    padding:0 15px;
}
.copy_right .copy_sub p {
    text-align: center;
    line-height: 10px;
    margin: 0 0 0;
   color: #797979;
   
}
.copy_right .copy_sub {
    /*width: 100%;*/
    float: left;
    padding: 15px 10px;
}
.foo_link {
    float: right;
}
.foo_link ul {
    float: right;
    margin: 0px;
    padding: 0px;
}
.foo_link ul li {
    float: left;
    list-style-type: none;
    padding-top: 10px;
    padding-right: 15px;
}
.foo_link ul li a {
    color: #797979;
    text-decoration: none;
    transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
}
/**************footer css end*****************/
/***************login page css start*****************/
.top_header{
    background: #222222;
    height:70px;
    margin-bottom:7%;
    width:100%;
    float:left;
  }
  .container_new{
    float:left;
    width:100%;
    text-align: center;
  }
  .login_page{
    width:768px;
    margin: auto;

  }
  .login_page_in{
    float:left;
    position: relative;
    background: #fff;
    height:400px;
    width:100%;
    box-shadow: 4px 4px 6px 0px #ccc;
  }
  .login_left{
    position: absolute;
    width:350px;
    background: #1f2024;
    height:100%;
    left:0;
    transition: 0.5s;
    z-index: 99;
  }
  .login_right{
    position: absolute;
    width:418px;
    height:100%;
    left:350px;
    transition: 0.5s;
    z-index: 98;
  }
  .sony_logo{
    float: left;
    margin-top: 21px;
    margin-left: 30px;
}

  .sony_logo img{
    width:140px;
  }
  .emp_log .login_left{
    left:418px!important;
  }
  .emp_log .login_right{
    left:0px!important;
  }
  .login_title{
        float: left;
    width: 100%;
    text-align: left;
    font-size: 26px;
    padding: 25px;
    text-transform: uppercase;
  }
  .login_page_form{
    float:left;
    width:100%;
    padding:0px 26px;
  }
  .form_input{
   float:left;
   width:100%;
   position: relative;
   padding-bottom: 28px;
  }
  .form_input label{
    position: absolute;
    left:15px;
    top:17px;
    font-weight: 400;
    pointer-events: none;
    font-size:16px;
    transition: 0.3s;
        padding-left:8px;
        padding-right:8px;
  }
  .form_input span{
    position: absolute;
    bottom: 7px;
        left: 15px;
  }
  .form_input.active label{
    top:-9px;
    font-size:13px;
    background: #fff;
    left:15px;
    color:#0f6dfb;
  }
  .form_input .input_t{
    float:left;
    width:100%;
    border:solid 1px #ccc;
    padding:15px 15px;
    outline: none;
    border-radius: 4px;
    font-size:16px;
  }
  .form_input.active .input_t{
    border:solid 1px #0f6dfb;
  }
  .hide_div{
    display: none;
  }
  .login_btn {
    width: 100%;
    height: auto;
    float: left;
    padding: 4px 0px;
    
}
.login_btn .login-new {
    background: #27a3f7;
    color: #fff;
    padding: 10px 29px;
    border: none;
    border-radius: 5px;
    float:left;
    margin-top: 0px;
    
}
.forgot_p{
  float:right;
  margin-top: 10px;
}
.welcome_text{
  float:left;
  width:100%;
    color:#fff;
    margin-top:25%;
}
.welcome_text .large_text{
  font-size:30px;
  text-transform: uppercase;
  float:left;
  width:100%;
  text-align: center;
}
.welcome_text .mid_text{
  font-size:20px;
  float:left;
  width:100%;
  text-align: center;
  margin-bottom: 5px;
  
}
.welcome_text .small_text{
  font-size:15px;
  float:left;
  width:100%;
  text-align: center;
  
}
.login_left_btn{
  float:left;
  width:100%;
  text-align:center;
  margin-top: 20px;
}
.login_left_btn div{
  display: inline-block;
    padding: 12px 35px;
    border: solid 2px #fff;
    color: #fff;
    border-radius: 25px;
    font-size:16px;
    cursor: pointer;
}
.login_left_box{
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
.wel_trainer{
  opacity: 1;
  z-index: 99;
}
.wel_employee{
  opacity: 0;
  z-index: 97;
}
.error_m{
      float: left;
    width: 100%;
    text-align: left;
    display: none;
}
.error_m.error_show{
  margin-top: 15px;
  color:#f00;
   display: block;
}
/***************login page css end*****************/
/************user section css start***************/
.mt-20{
  margin-top:20px;
}
.bg-page {
    width: 100%;
    height: auto;
    background: #f2f2f2;
    float: left;
    padding: 0px;
    position: relative;
}
.page_left{
  float:left;
  width:22%;
  padding-left:15px;
  padding-right:7.5px;
}
.page_right{
  float:left;
  width:78%;
   padding-right:15px;
  padding-left:7.5px;
}
.page_right.w100{
  width:100%;
}
.head-new-de .top_head2 {
    background: #222222;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    float: left;
    position: fixed;
}
.head-new-de .logo {
    position: relative;
    padding: 15px 0px;
    margin-top:0px;
}
.head-new-de .logo img {
    width: 142px!important;
}
.top-heading {
    width: 100%;
    float: left;
    text-align: right;
}
.bell-icon {
    width: 10%;
    float: right;
    position: relative;
    text-align: center;
    
}
.bell-icon:after{
    content: "";
    width: 1px;
    height: 100%;
    background: #2f2f2f;
    top: 0px;
    right: 0px;
    position: absolute;
}
.bell-icon:before{
    content: "";
    width: 1px;
    height: 100%;
    background: #0e0e0e;
    top: 0px;
    right: -1px;
    position: absolute;
}
.bell-icon a {
    text-decoration: none;
    color: #fff;
	
	
}
.bell-icon a span{
     position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    background: #f00;
    left: 14px;
    top: 12px;
}
.bell-icon i {
    font-size: 21px;
    padding: 19px;
	
}
.top-heading .nav {
    float: right;
}
.top-heading .dropdown {
   border-radius: 4px;
    color: #fff;
    padding: 10px 28px 19px 14px;
    margin-top: 10px;
}
.top-heading .dropdown:hover .dropdown-menu{
display: block;
    right: 0;
    left: inherit;
    width: 215px;
    border-top: 0px;
    padding:1px 0px;
}
.top-heading .dropdown .dropdown-menu .divider{
margin:0px 0px;
}
.top-heading .dropdown .dropdown-menu>li>a{
padding: 8px 20px;
}
.top-heading .navbar-nav>li>a {
    font-weight: 600;
    padding: 8px 12px;
    white-space: nowrap;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 230px;
    color: #fff;
    text-align: left;
}
.top-heading .navbar-nav>li>a:hover{
  background: none;
}
.top-heading .navbar-nav>li>a img {
    height: 43px;
    margin: 0 10px;
    border-radius: 50em;
    background-color: #fff;
    vertical-align: middle;
}
.top-heading .dropdown .glyphiconf {
       top: 12px;
    right: 5px;
    position: absolute;
}
.group-title-index {
    text-align: center;
    margin-bottom: 6px;
    position: relative;
    z-index: 2;
    color: rgb(73, 87, 95);
}
.group-title-index .center-title {
    padding: 15px 17px 10px;
    margin: 0;
    text-align: left;
    color: #5d5c5c;
    text-transform: uppercase;
    font-size: 21px;
}
.group-title-index .center-title .circle{
display: none;
}
.base_page{
    float: left;
    width: 100%;
    margin-bottom: 45px;
    min-height:500px;
}
.my_tab {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}
.my_tab li a {
    font-size: 15px;
    text-decoration: none;
    display: block;
    color: #fff;
    background: #1f2024;
    position: relative;
    width: 100%;
    padding: 10px 30px 10px 10px;
    transition: 0.3s;
    border-bottom: solid 1px #38393e !important;
    position: relative;
}
.my_tab li.activecl > a{
background: #337ab7;
}
.my_tab li > a:before{
    /* content: "\f0a4";*/
    content: "\f105";
    position: absolute;
    font-size: 18px;
    right: 7px;
    top: 50%;
    transform: translateY(-50%);
    font-family: FontAwesome;
  
}
.my_tab li ul li > a:before{
    /* content: "\f0a4";*/
    content: "\f0a4";
    position: absolute;
    font-size: 18px;
    right: 7px;
    top: 50%;
    transform: translateY(-50%);
    font-family: FontAwesome;
    opacity: 0;
  
}

.my_tab li.activecl ul li.active >a::before{
    content: "\f0a4";
    position: absolute;
    font-size: 18px;
    right: 7px;
    top: 50%;
    transform: translateY(-50%);
    font-family: FontAwesome;
    opacity: 1;

}
.my_tab li.activecl ul li.active > a{
  background: #09090b;
}

/*.my_tab li.activecl ul li a.active{
  background: #09090b;
}*/
.my_tab li.activecl ul li a.active:before{
   opacity: 1;
}
.my_tab li ul li > a:hover:before{
     opacity: 1;
  
}
.my_tab li.activecl > a:before{
    /* content: "\f0a4";*/
    content: "\f107";
    position: absolute;
    font-size: 18px;
    right: 7px;
    top: 50%;
    transform: translateY(-50%);
    font-family: FontAwesome;
  
}
.my_tab li a:hover{
background: #337ab7;
}
.my_tab li ul li a:hover{
/*background: #09090b;*/
background: #141418;
}

.my_tab li ul{
  margin:0px;
  padding:0px;
  list-style-type: none;
  display: none;
}
.my_tab li ul li a{
  background: #141418;
  border-bottom: solid 1px #1d1d22 !important;
}
.white_base {
    background: #fff;
    float:left;
    width:100%;
    padding:5px 5px 15px;
}
.dashbord_icon {
    float: left;
    width: 100%;

}
.dashbord_box {
    float: left;
    width: 22.97%;
    min-height: 88px;
    border-radius: 5px;
    margin: 1%;
    color: #000;
    padding: 8px 8px;
    border: solid 1px #eaeaea;
    background: #f3f2f2;
    position: relative;
}
.dashbord_box:nth-child(1){
    border: solid 1px #5aa7e8;
    background: #6cb5f3;
}
.dashbord_box:nth-child(2){
     border: solid 1px #3fb1b7;
    background: #49cbd2;
}
.dashbord_box:nth-child(3) {
    border: solid 1px #d84c4c;
    background: #e86c6c;
}
.dashbord_box:nth-child(4) {
    border: solid 1px #cc9a4f;
    background: #e2af62;
}
.dashbord_box:hover .tooltip_tbl{
  transform: scale(1);
   top:100%;
   opacity: 1;
} 
.tooltip_tbl{
    position: absolute;
    background: #fff;
    padding: 4px 4px;
    border: solid 1px #efefef;
    z-index: 999;
    min-width: 370px;
    left: -32%;
    border-radius: 10px;
    box-shadow: 3px 4px 12px #565656;
    
    transition: 0.2s;
    transform: scale(0);
    opacity: 0;
    top:40%;


}


.tooltip_tbl table{
  margin:0px;
  padding:0px;
  float:left;
  padding:0px;
  font-size:14px;
  width:100%;
  border-radius: 6px;
  overflow: hidden;
}
.tooltip_tbl table th{
      background: #676767;
    padding: 5px 8px;
    font-weight: 400;
    color: #fff;
}
.tooltip_tbl table td{
  padding:4px 8px;
  border-bottom:solid 1px #ccc;
}
.tooltip_tbl table tr:last-child td{
  border-bottom: none;
}

.dashbord_box p {
    margin: 0px;
    padding: 5px 0px;
}
.dashbord_box p img {
    width: 50px;
    height: 50px;
}
.dashbord_box h3 {
    font-size: 16px;
    margin: 9px 0px 2px;
    color:#fff;
}
.dashbord_box a{
  text-decoration: none;
  color:#444;
}
.box_title {
    width: 100%;
    height: auto;
    float: left;
    padding:0 10px;
   
}
.box_title h2 {
    font-size: 18px;
    padding-left: 20px;
    margin: 0px;
    margin-top:15px;
    margin-bottom: 10px;
    color: #505050;
    position: relative;
    text-transform: uppercase;
}
.box_title h2:before {
    content: "";
    position: absolute;
    width: 12px;
    height: 2px;
    background: #505050;
    top: 9px;
    left: 0px;
    margin-left: 1px;
}
.pe-dashboard {
    width: 100%;
    float: left;
    padding: 0px 10px;
}
.box {
    border: solid 1px #efefef;
    float: left;
    width: 100%;
    height: auto;
    border-radius: 4px;
    margin-bottom: 10px;
    background: #fff;
}
.box_container {
    float: left;
    width: 100%;
    padding: 5px 10px 10px;
}
.intv_offers {
    width: 100%;
    float: left;
    padding: 6px 0px;
}
.offers_tabs {
    width: 175px;
    float: left;
}
.offered {
    width: 100%;
    float: left;
    background: #bd8fe5;
    color: #fff;
    text-align: center;
    display: table-cell;
    padding: 7px 12px;
    font-size: 22px;
    font-weight: 500;
    position: relative;
    margin-bottom: 10px;
}
.offered::before {
    content: "";
    position: absolute;
    top: 0px;
    right: -21px;
    border-left: #bd8fe5 28px solid;
    border-bottom: transparent 23px solid;
    border-top: transparent 22px solid;
    z-index: 996;
}
.offered::after {
    content: "";
    position: absolute;
    top: -7px;
    right: -27px;
    border-left: #fff 34px solid;
    border-bottom: transparent 28px solid;
    border-top: transparent 30px solid;
    z-index: 995;
}
.light_green {
    background: #77db7c;
}
.offerd_text {
    width: 100%;
    float: left;
    text-align: center;
    font-weight: 500;
    font-size: 13px;
    color: #545454;
}
.light_green::before {
    border-left: #77db7c 28px solid;
}
.offered::after {
    content: "";
    position: absolute;
    top: -7px;
    right: -27px;
    border-left: #fff 34px solid;
    border-bottom: transparent 28px solid;
    border-top: transparent 30px solid;
    z-index: 995;
}
.orange_c {
    background: #f48a42;
}
.orange_c::before {
    border-left: #f48a42 28px solid;
}
.sky_blue {
    background: #48a9e5;
}
.sky_blue::before {
    border-left: #48a9e5 28px solid;
}
.tw-i {
    width: 50%;
    float: left;
    
}
.tw-i.w100 {
    width: 100%;
}

.tw-i-in{
   width: 100%;
    float: left;
    background-color: #fff;
    padding:0px 10px;
   
}
.cal_div_w{
  float:left;
  width:100%;
  height:auto;
}
.cal_select_box{
  float:left;
  width:100%;
  padding:5px 0px 15px;
}
.cal_week {
    width: 99.99%;
    float: left;
    background: #fff;
    border-right: 1px solid #e0e0e0;
    border-top: 1px solid #e0e0e0;
}
.cal {
    width: 14.28%;
    float: left;
    border-left: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    padding: 5px;
}
.cal_days {
    width: 99.99%;
    float: left;
    background: #fff;
    border-left: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
}
.cal1 {
    width: 14.28%;
    height: 65px;
    float: left;
    border-bottom: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    padding: 5px;
    position: relative;
}
.current_day {
    background: #7bc1b8 !important;
    color: #fff;
}
.detail_toltip {
    position: absolute;
    width: auto;
    top: 100%;
    background: #ccc;
    left: 0px;
    z-index: 99;
    left: -80px;
    padding: 5px 5px;
    display: none;
}
.cal1:nth-child(7) .detail_toltip {
    left: -150px;
}
.tol_tip_active{
  display: block!important;
}
.detail_toltip:before{
  content: "";
  position: absolute;
  border-bottom: solid 8px #ccc;
   border-left: solid 8px transparent;
    border-right: solid 8px transparent;
    top:-8px;
    left:50%;
    margin-left:-4px;
}
.detail_toltip table{
  border-collapse: collapse;
  width:100%;
  float:left;
}
.detail_toltip table th{
  border-bottom:solid 1px #000;
  padding:4px 0px;
  text-align: left;
  font-size:13px;

}
.detail_toltip table td{
  border-bottom:solid 1px #000;
  padding:4px 0px;
  text-align: left;
  font-size:13px;
  
}
.detail_toltip table tr:last-child td{
  border-bottom: none;
} 
.main-updates{
    float: left;
    width: 100%;
    padding: 15px 0px;
}
.padd10{
  padding:10px 10px;
}
.new_empl{
  float:left;
  width:100%;
}
.new_empl .table{
  float:left;
  width:100%;
}
.new_empl .table th{
  font-size:14px;
      width: 25%;
}
.new_empl .table td{
  font-size:14px;
}
.table_base{
  float:left;
  width:100%;
}
.table_styl{
    float:left;
    width:100%;
    border: 1px solid #c1c1c1;
}
.table_styl th{
       color: #000;
    background-color: #d8d8d8;
    font-weight: normal;
    padding: 10px 0px;
    text-align: center;
    border-right: solid 1px #c1c1c1;
}
.table_styl td{
        
          color: #000;
    padding: 10px 5px;
    font-size: 13px;
    border-right: solid 1px #c1c1c1;
    text-align: center;
}
.table_styl td .viewdetail_btn{
    float: left;
    width: 72px;
    background: #1093e0;
    padding: 4px 5px;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    margin-bottom: 4px;
}
.table_styl td .pending_btn{
    float: left;
    width: 72px;
    background: #e08d10;
    padding: 4px 5px;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
}
.table_styl td .btn_div .viewdetail_btn{
  margin-left:6px;
}
.table_styl td .btn_div .pending_btn{
  margin-left:6px;
}
.btn_div{
   width:100%;
}
.btn_div .btn_status{
color: #12d607;
}
.btn_div .btn_status span{
  font-size:11px;
  color: #444;
  padding-top: 3px;
  display: block;
}
.table_styl tr:nth-child(odd){
    background: rgb(245, 245, 245);
}
.table_styl tr:nth-child(even){
    background: rgb(253, 253, 253);
}
#search_filter_length,#search_filter_filter,#search_filter_info{
  padding:8px 0px;
  font-size:15px;
}
#search_filter_length label{
  font-weight: 400;
}
#search_filter_length label select{
    box-shadow: none;
    border: solid 1px #d0d0d0;
    margin: 0 4px;
    border-radius: 0px;
}
#search_filter_filter label{
float:right;
font-weight: 400;
} 
#search_filter_filter label input{
  border-radius: 0px;
   box-shadow: none;
    border: solid 1px #d0d0d0;
    margin-left:4px;
}
.btn_view{
  float:left;
  width:100%;
  margin-bottom: 15px;
}
.btn_view .btn_style{
    float: right;
    padding: 8px 12px 7px;
    background: #1093e0;
    color: #fff;
    font-size:15px;
    box-shadow: 2px 4px 5px #fff;
    text-decoration: none;
    transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    margin-left:8px;
}
.btn_view .btn_style:hover{
    box-shadow: 5px 6px 6px -2px #dedddd;
    background: #f9f9f9;
    color: #1093e0;

}
.h2_title{
     float: left;
    width: 100%;
    margin: 0px;
    padding: 4px 0 4px;
    font-size: 20px;
}
.ques_box{
  float:left;
  width:100%;
}
.ques_box_in{
  float:left;
  width:100%;
}
.lbl_text{
  float:left;
  width:100%;
  padding: 10px 0px 5px;
  font-size: 15px;
}
.cke_chrome{
  float: left;
    width: 100%!important;
}
.right_answer{
  float:left;
  width:100%;
  padding: 8px 10px;
}
.btn{
  border-radius: 0px;
  outline: none;
}
.btn:focus{
  outline: none;
}
.btn:active{
  box-shadow: none;
}
.add_btn{
     background: #5a5a5a;
    color: #fff!important;
}
.remove_btn{
  background: #e08d10;
    color: #fff!important;
}
.addques_btn{
 background: #1587a0;
    color: #fff!important;
}
.submit_btn{
 background: #1093e0;
    color: #fff!important;
}
.submit_btn2{
 background: #6d6e6f;
    color: #fff!important;
    margin-left: 8px;
}
.page_form_box{
  float:left;
  width:100%;
}
.ques_box_in .btn-group{
float:left;
width:100%;
}
.ques_box_in .btn-group .multiselect{
float:left;
width:100%;
    padding: 11.7px 10px;
    border: solid 1px #ccc;
    outline: none;
}
.ques_box_in .btn-group .multiselect .multiselect-selected-text{
float:left;
width: 300px;
overflow: hidden;
text-overflow: ellipsis;
text-align: left;
}
.ques_box_in .btn-group .multiselect .caret{
float:right;
margin-top: 9px;
}
.ques_box_in select{
 float: left;
    width: 100%;
    padding: 13px 10px;
    border: solid 1px #ccc;
    outline: none;
}
.ques_box_in input[type="number"], .ques_box_in input[type="text"],.ques_box_in input[type="date"],.ques_box_in input[type="password"]{
   float: left;
    width: 100%;
    padding: 11.7px 10px;
    border: solid 1px #ccc;
    outline: none;
}
.ques_box_in textarea{
 float: left;
    width: 100%;
    padding: 11.7px 10px;
    border: solid 1px #ccc;
    outline: none;
}
.course_material{
  float:left;
  width:100%;
}
.course_material_in{
 margin-left:-5px;
 margin-right:-5px;
}
.course_material_in ul{
  margin:0px;
  padding:0px;
  float:left;
  width:100%;
  list-style-type: none;
}
.course_material_in ul li{
  float:left;
  width:33.3%;
  position: relative;
  padding:5px 5px;
}
.course_material_in ul li .delete-ioco{
  position: absolute;
  left:8px;
  top:8px;

}
.course_material_in ul li .delete-ioco a{
    background: #fdfdfd;
    width: 30px;
    height: 30px;
    border-radius: 60%;
    color: #ec1313;
    display: block;
    font-size: 16px;
    text-align: center;
    padding-top: 4px;
    box-shadow: 0px 0px 5px #252525;
}
.course_material_in ul li .course_img{
  float:left;
  width: 100%;
  text-align: center;
  height:200px;
}
.course_material_in ul li .course_img img{
  max-width:100%;
  max-height: 200px;
}
.course_material_in ul li .course_text{
float:left;
width:100%;
}
.course_material_in ul li .course_text h3{
    margin: 0px;
    padding: 8px 0px;
    float: left;
    width: 100%;
    font-size: 20px;
}
.course_material_in ul li .course_text p{
  margin:0px;
  padding:0px;
  float:left;
  width:100%;
      display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
        height: 40px;
}
.course_material_in ul li .course_view_btn{
float:left;
width:100%;
text-align: center;
padding-top:5px;
}
.course_material_in ul li .course_view_btn .youtube{
display: inline-block;
background: #d40808;
color: #fff;
padding: 5px 10px;
border-radius: 15px;
font-size: 15px;
text-decoration: none;
}
.course_material_in ul li .course_view_btn .download{
display: inline-block;
background: #0698de;
color: #fff;
padding: 5px 10px;
border-radius: 15px;
font-size: 15px;
text-decoration: none;
}
.th_head{
 background-color: #b5b5b5!important;
 font-size: 20px;
}
#plan_actual_chart{
  float:left;
  width:100%;
  padding:25px 0px 50px 35px;
}
.actual_chart{
    float: left;
    position: relative;
    width: 100%;
    height: 260px;
    /*background: #f3f3f3;*/
}
.y_L_pos{
  position: absolute;
  width:100%;
  height:1px;
  background: #ccc;
  left:0;
  z-index: 10;
}
.y_L_pos span{
    position: absolute;
    left: -35px;
    width: 35px;
    text-align: center;
    top: -9px;
}
.bar_coulm{
  position: absolute;
  /*width:20%;*/
  bottom:1px;
  left:50px;
  height:100%;
  z-index: 15;
 /* background: #ccc;*/
}
.c_title{
     position: absolute;
    bottom: -22px;
    font-weight: 600;
    color: #444;
    width: 100%;
    text-align: center;

}
.st_bar1{
  position: absolute;
  bottom: 0px;
  width:25%;
 /* height:50%;*/
  left:25%;
  background: #49cbd2;
}
.st_bar2{
  position: absolute;
  bottom: 0px;
  width:25%;
 /* height:70%;*/
  left:55%;
  background: #e2af62;
}
.bar_toltip{
 position: absolute;
    background: #1f2024;
    color: #fff;
    padding: 6px 10px;
    z-index: 999;
    font-size: 16px;
    border-radius: 4px;
}
.bar_toltip:before{
     content: "";
    border-right: solid 8px #1f2024;
    border-top: solid 8px transparent;
    border-bottom: solid 8px transparent;
    position: absolute;
    left: -7px;
    top: 9px;

}
/*************chat page*****************/
.chat-main{
  width:100%;
  height:auto;
  float:left;
  margin:10px;
}
.chat-left{
      width: 14%;
    height: auto;
    float: left;
    border-radius: 5px;
  
}
.chat-right-img{
      width: 14%;
    height: auto;
    float: right;
    border-radius: 5px;
    margin-right:15px;
  
}
.img_right img{
  float:right;
}

.chat-right{
      width: 65%;
    height: auto;
    float: right;
    background: #91d8f6;
    border-radius: 10px;
    color: #fff;
    font-size:15px;
  padding:20px;
  position:relative;
}
.chat-right-new{
  background:#bdc3c7;
   width: 65%;
    height: auto;
    float: left;
    border-radius: 10px;
    color: #fff;
    font-size:15px;
  padding:20px;
  position:relative;
}
.chat-right:before {
  content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-left: 15px solid #91d8f6;
    border-bottom: 10px solid transparent;
    right: -15px;
    top: 24px;
}
.chat-right-new:before {
  content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 15px solid #bdc3c7;
    border-bottom: 10px solid transparent;
    left: -15px;
    top: 24px;
}

.click-here{
  width:80%;
  height:auto;
  float:left;
}
.click-here input{
    width: 100%;
    border: 1px solid rgba(128, 128, 128, 0.19);
    padding: 10px;
    border-radius: 0px;
    outline: none;
  }

.chat_input_box{
  float:left;
  width:100%;
  padding-left:15px;
  padding-top:8px;
}
.chat_input_box .submit_btn{
      border: none;
    padding: 10px 21px;
    font-size: 16px;
}
.chat-new{
    width: 65%;
    float: left;

}

.chat_page{
  float:left;
  width:700px;
}
#msgdiv
{
   width: 100%;
    float: left;
    max-height: 300px;
    overflow: hidden;
   

}
#msgdiv:hover{
   overflow-y: auto;
}
#msgdiv::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  background-color: #F5F5F5;
}

#msgdiv::-webkit-scrollbar
{
  width: 8px;
  background-color: #F5F5F5;
}

#msgdiv::-webkit-scrollbar-thumb
{
  background-color: #ccc;
}
/*************chat page end*****************/
.content_detail_box{
  float:left;
  width:100%;
}
.content_detail_box .content_categoryName{
    float: left;
    font-size: 17px;
    width: 100%;
    padding: 6px 15px;
    background: #ececec;
    margin-top: 8px;
}
.content_detail_box .content_categoryText{
float:left;
width:100%;
border-bottom: solid 1px #ececec;
border-left: solid 1px #ececec;
border-right: solid 1px #ececec;
padding: 15px 15px;
}
.content_topicName{
      float: left;
    width: 100%;
    border-bottom: solid 1px #ccc;
    margin: 10px 0px;
    padding: 5px 0px 8px;
    font-size: 16px;
}
.content_data{
  float:left;
  width:100%;
}
.file_box{
 float: left;
    width: 31%;
    margin-right: 2%;
    margin-bottom: 1%;
	height: 80px;
}
.file_box:nth-child(4){
 /* margin-right:0px;*/
}
.file_box .icon_img{
  float: left;
    width: 70px;
    padding: 10px 3px;
    text-align: center;
	    height: 100%;
}
.file_box .icon_img img{
  max-width:70%;
}
.file_audio{
 
  border:solid 1px #caddec;
}
.file_audio .icon_img{
   background: #dff0fe;

}
.file_doc{
 
  border:solid 1px #fbe2e2;
}
.file_doc .icon_img{
   background: #fbe2e2;

}
.file_video{
 
  border:solid 1px #bfffbf;
}
.file_video .icon_img{
   background: #bfffbf;

}
.file_detail_box{
  float:left;
  width:calc(100% - 70px);
}
.file_detail_box .file_name{
  float:left;
  width:100%;
  padding:5px 5px;
   white-space: nowrap; 
  overflow: hidden;
  text-overflow: ellipsis;
}
.file_btn{
  float:left;
  /*width:100%;*/
  text-align: center;
  margin-left: 5px;
}
.file_btn a.file_play{
  background: #4c4c4c;
    display: inline-block;
    padding: 4px 14px;
    border-radius: 18px;
   /* width: 47%;*/
    color: #fff;
    font-size: 13px;
    text-decoration: none;
}
.file_btn a.file_download{
  background: #14a2d8;
    display: inline-block;
    padding: 4px 10px;
    border-radius: 18px;
   /* width: 47%;*/
    color: #fff;
    font-size: 13px;
    text-decoration: none;
}
.read_more_d{      position: relative;
    width: 100%;  display: block;
    float: right;
	
   }
.read_more_d a{ 
    color: #fff;
    font-size: 12px;
    position: absolute;
    top: 5px;
    right: 4px;
	    text-decoration: none;
  }
.read_more_d a label{ position:relative; font-weight: 300;}
.read_more_d a label input{    position: absolute;
    left: -17px;
    top: -2px;}
.read_more_d .read_under{ color:#06870f;}
.read_more_d .read_red{ color:#bb0707; top: 3px !important;}


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

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

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 14px;
  width: 14px;
  border:1px solid #bb0707;
  border-color:#bb0707;
 
}

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

/* When the checkbox is checked, add a blue background */
.container1 input:checked ~ .checkmark {
  background-color: #bb0707;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

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

/* Style the checkmark/indicator */
.container1 .checkmark:after {
left: 4px;
    top: 0px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}



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

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

/* Create a custom checkbox */
.checkmark2 {
  position: absolute;
  top: 0;
  left: 0;
  height: 14px;
  width: 14px;
  border:1px solid #06870f;
  border-color:#06870f;
 
}

/* On mouse-over, add a grey background color */
.container2:hover input ~ .checkmark2 {
  background-color: #fff;
}

/* When the checkbox is checked, add a blue background */
.container2 input:checked ~ .checkmark2 {
  background-color: #06870f;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark2:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container2 input:checked ~ .checkmark2:after {
  display: block;
}

/* Style the checkmark/indicator */
.container2 .checkmark2:after {
left: 4px;
    top: 0px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}



#video_player{
  max-width:100%;
}
#audio_player{
  width:100%;
}
.upcoming_training{
  float:left;
  width:100%;
  padding:0px 10px;
  margin-bottom: 15px;
}
.upcoming_training_in{
  float: left;
  background: #f2f2f2;
  width: 100%;
  padding: 15px 15px;
  box-shadow: 1px 3px 5px #cccc;
}

.upcoming_training_row{
  float:left;
  width:100%;
}
.upcoming_training_row h3{
      font-size: 17px;
    float: left;
    width: 100%;
    margin: 0px 0px 5px;
    padding: 0px 0px 9px 5px;
    border-bottom: solid 1px #e2e2e2;
} 
.upcoming_text{
  float:left;
  width:100%;
  margin-left:-15px;
  padding:6px 5px;
  border-bottom: solid 1px #e2e2e2;
}
.upcoming_text:last-child{
  border-bottom: none;
}

.upcoming_text span.left{
  float:left;
      color: #737373;
}
.upcoming_text span.right{
  float:right;
  color: #15a5ad;
      max-width: 60%;
}
.upcoming_btn{
  float:right;
  width:100%;
  max-width: 350px;

}
.upcoming_btn .upcoming_view_btn{
    float: right;
    width: 45%;
    padding: 9px 15px;
    background: #1093e0;
    margin: 5px 0px 0px;
    text-decoration: none;
    color: #fff;
    text-align: center;
    border-radius: 26px;
    margin-right:2%;
}
.upcoming_btn .upcoming_start_btn{
  float: right;
   width: 45%;
    padding: 9px 15px;
    margin: 5px 0px 0px;
    background: #0ea00e;
    text-decoration: none;
    color: #fff;
    text-align: center;
    border-radius: 26px;
}
.upcoming_btn .upcoming_startdisable_btn{
  float: right;
   width: 45%;
    padding: 9px 15px;
    margin: 5px 0px 0px;
    background: #0ea00e;
    text-decoration: none;
    color: #fff;
    text-align: center;
    border-radius: 26px;
    opacity: 0.3;
}
.attendence_ul{
  float:left;
  width:100%;
  margin:0px;
  padding:0px;
  list-style-type: none;
  margin-top:10px;
      min-height: 100px;
}
.attendence_ul li{
    float: left;
    width: 33.3%;
    padding: 5px 10px 5px 0px;
}
.attendence_ul li label{
  font-weight: 400;
}
.attendence_ul li .chekbox_styl{
display: none;
opacity: 0;
}
.attendence_ul li .chekbox_styl + label{
  padding-left:25px;
  position: relative;
  cursor: pointer;
}
.attendence_ul li .chekbox_styl + label:before{
  content: "";
  position: absolute;
  width:16px;
  height:16px;
  background: transparent;
  border:solid 1px #ccc;
  left:0px;
  top:1px;
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}
.attendence_ul li .chekbox_styl:checked + label:before{
  background: #1093e0;
  border:solid 1px #1093e0;
}
.attendence_ul li .chekbox_styl + label:after{
    content: "";
    position: absolute;
    width: 10px;
    height: 4px;
    border-left: solid 1px #fff;
    border-bottom: solid 1px #fff;
    left: 3px;
    top: 5px;
    transform: rotate(-45deg);
    opacity: 0;
    transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}
.attendence_ul li .chekbox_styl:checked + label:after{
  opacity: 1;
}
.add_employee_attend{
  float:left;
  width:40%;
}
#add_employeeattend{
  margin-top:15px;
  border-top:solid 1px #ececec;
  padding-top:15px;
  display: none;
}
.multiselect-container{
  width:100%;
}
.timerasm{
  float:left;
  width:100%;
  font-size: 20px;
  margin-bottom: 10px;
}
.final_status{
  float: left;
  background: #f2f2f2;
  width: 100%;
  padding: 15px 15px;
  box-shadow: 1px 3px 5px #cccc;
}
.final_status h3{
    font-size: 17px;
    float: left;
    width: 100%;
    margin: 0px 0px 5px;
    padding: 0px 0px 9px 5px;
    border-bottom: solid 1px #e2e2e2;
}
.fn_status_text{
  float: left;
    width: 100%;
    margin-left: -15px;
    padding: 6px 5px;
    border-bottom: solid 1px #e2e2e2;
}
.fn_status_text:last-child{
  border-bottom: none;
}
.fn_status_text span.left{
    float: left;
    color: #737373;
}
.fn_status_text span.right{
      float: right;
    color: #15a5ad;
    max-width: 60%;
}
.recent_per{
  float:left;
  width:100%;
  list-style-type: none;
  margin:0px;
  padding:0px;
}
.recent_per li{
  float:left;
  width:100%;
  border-bottom: solid 1px #efefef;
  min-height:68px;
}
.recent_per li .div_text{
float:left;
width:30%;
    padding: 18px 10px 15px;
}
.recent_per li .bar {
  float:left;
  width:40%;
  padding-top: 43px;
}
.bar_base{
    position: relative;
    width: 100%;
    background: #efefef;
    height: 14px;
    border-radius: 13px;
}
.bar_base .bar_status{
position: absolute;
width:60%;
height:100%;
background:#222;
border-radius: 13px;
}
.bar_base .bar_status.great{
  background:#1bca06;
  
}
.bar_base .bar_status.great .bar_status_text span#get_marks{
  color:#1bca06;
}
.bar_base .bar_status.good{
  background:#d49405;
  
}
.bar_base .bar_status.good .bar_status_text span#get_marks{
  color:#d49405;
}
.bar_base .bar_status.failed{
  background:#c70404;
  
}
.bar_base .bar_status.failed .bar_status_text span#get_marks{
  color:#c70404;
}
.status_text{
 float: left;
 padding: 35px 20px 7px;
 font-size: 19px;
}
.status_text.great{
   color:#1bca06;
}
.status_text.good{
  color:#d49405;
}
.status_text.failed{
  color:#c70404;
}
.bar_base .bar_status .bar_status_text{
    position: absolute;
    box-shadow: 0px 0px 8px #ccc;
    top: -35px;
    color:#444;
    min-width: 55px;
    text-align: center;
    padding: 3px 0px;
    right: -23px;
        font-size: 12px;
}
.bar_base .bar_status .bar_status_text:before{
  content: "";
  position: absolute;
  border-top:8px solid #d2d2d2;
  border-left:solid 8px transparent;
  border-right:solid 8px transparent;
  position: absolute;
  bottom:-8px;
  left:19px;
}
.no_record{
  text-align: center;
  padding-top:15px;
}
.online-test{
  float: left;
  width: 100%;
  border-bottom: solid 1px #f3f3f3;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.head-online{
  float:left;
  width:100%;
}
.head-online h3{
  margin: 0px 0px 15px;
  padding:0px;
  float:left;
  width: 100%;
  text-align: center;
}
.ques_scroll{
  float:left;
  width:100%;
 
}
.ques_ans{
 background: #fff;
  float:left;
  width:100%;
  padding: 15px 15px;
  margin-bottom: 12px;
  box-shadow: 0px 0px 9px #dadada;
}
.ques_ans .ques{
float:left;
width:100%;
font-size: 16px;
margin-bottom: 10px;
}
.sl_ans{
  float:left;
  width:100%;
}
.sl_ans ul{
  float:left;
  margin:0px;
  padding:0px;
  list-style-type: none;
}
.sl_ans ul li{
  float:left;
  width: 100%;
}
.sl_ans ul li input[type="radio"]{
  float:left;
}
.sl_ans ul li p{
  float:left;
  margin-left:8px;
}
.timer{
  font-size: 30px;
    color: #ff9b00;
}
.form-onlin,.inree-for,.online{
  float:left;
  width:100%;
}
.inree-for{
  padding:5px 0px;
}
.inree-for .control-label{
  font-weight:400;
  color:#909090;
}
.li_result li{
  padding:8px 0px;
}
.cal_toltip{
    position: absolute;
    background: #fff;
    width: 400px;
    padding: 5px 5px;
    box-shadow: 0px 0px 9px #ccc;
}
.cal_toltip table{
  width:100%;
  float:left;
  border-left: solid 1px #f1f0f0;
  border-top: solid 1px #f1f0f0;
}
.cal_toltip table th{
  padding:5px 5px;
  border-bottom: solid 1px #f1f0f0;
  border-right: solid 1px #f1f0f0;
}
.cal_toltip table td{
  padding:5px 5px;
  border-bottom: solid 1px #f1f0f0;
  border-right: solid 1px #f1f0f0;
}
.d_day{
  pointer-events: none;
}
.scroe-div{
  float:left;
  width:100%;
}
.hea-oof h3{
 font-size:22px;
 margin:10px 0 15px;
 padding:0px;
}
.scroe-div table{
    float: left;
    width: 100%;
    background: #f7f7f7;
    border-radius: 5px;
    box-shadow: 0px 5px 8px #e8e8e8;
    margin: 10px 0px;
}
.scroe-div table td{
  padding:5px 35px;
}
.scroe-div table tr:last-child td{
padding-bottom: 15px;
}
.scroe-div table td label{
  font-weight:400;
}
.scroe-div table td span{
  /*float:right;*/
}
.red-te{ color: #fff !important; background-color: red !important; }
.mb-10{
  margin-bottom: 10px;
}
.refresh_btn{
  position: absolute;
      right: 10px;
    top: 10px;
}
.mt-40{
  margin-top:40px;
}
.nextday_training{
 float:left;
  width:100%;
  text-align: center;
  font-size:26px;
  color: #444;
  padding:25px 0px;
}
.finish_training{
  float:left;
  width:100%;
  text-align: center;
  font-size:26px;
  color: #1ab13c;
  padding:25px 0px;
}
.finish_training i{
  font-size:25px;
  margin-right:8px;
}
.pos_relative{
  position: relative;
}
.chart_bar_detail{
  position: absolute;
    bottom: 0;
    float: left;
    width: 100%;
    list-style-type: none;
    left: 15px;
    padding: 0px;
    margin:0px;
}
.chart_bar_detail li{
  float:left;
  font-size: 12px;
  padding-left:25px;
  padding-right: 15px;
  position: relative;
}
.chart_bar_detail li.tot_tech:before{
content: "";
width: 12px;
height: 12px;
background: #49cbd2;
left: 7px;
top: 1px;
position: absolute;
}
.chart_bar_detail li.pres_tech:before{
content: "";
width: 12px;
height: 12px;
background: #e2af62;
left: 7px;
top: 1px;
position: absolute;
}
.confirm_popup{
    position: fixed;
    width:100%;
    height:100%;
    background: rgba(0,0,0,0.5);
    top:0px;
    left:0px;
    z-index: 99;
    display: none;
  }
  .confirm_box{
    width:90%;
    max-width:400px;
    background: #fff;
    height: 135px;
    position: absolute;
    margin: auto auto;
    left:0px;
    top:0px;
    bottom:0px;
    right:0px;
  }
  .confirm_text{
    float: left;
    width: 100%;
    text-align: center;
    padding: 25px 0px;
    font-size: 20px;
  }
  .confirm_btn{
    float:left;
    width:100%;
    border-top:solid 1px #e0e0e0;
    padding:10px;
  }
   .confirm_btn a{
    width:40px;
    float:right;
    padding:5px 0px;
    text-align: center;
    margin-left:8px;
    text-decoration:none; 
   }
   .training_schedule_box{
    float:left;
    width:100%;
   }
   .training_schedule{
    float:left;
    width:100%;
    border:solid 1px #ffd94a;
   }
   .training_schedule th{
     border-right:solid 1px #ffd94a;
     border-bottom:solid 1px #ffd94a;
     font-weight:400;
     padding:8px 8px;
    background: #d08d13;
    color: #ffffff;
   }
   .training_schedule td{
     border-right:solid 1px #ffd94a;
     border-bottom:solid 1px #ffd94a;
     padding:6px 8px;
     text-align: center;
     font-size:13px;
   }
    .training_schedule td.t_left{
      text-align: left;
    }
   .training_schedule tbody:nth-child(even){
         background: #fffc92;
   }
   .training_schedule tbody:nth-child(odd){
             background: #ffe892;
   }
   #detail_popup .modal-dialog{
    width:70%!important;
   }
    #detail_popup .modal-dialog .table_styl{
    float: inherit;
   }
   button.close{
     width: 34px;
    height: 32px;
 
    color: #5f5858;
    opacity: 1;
    font-size: 27px;
    line-height: 0;
    padding: 0px 0 3px;
    border-radius: 4px;
     text-shadow: none;
     outline: none;
}
.close:focus, .close:hover{
   color: #5f5858;
    opacity: 1;
    text-shadow: none;
}
.training_detailpopup{
cursor: pointer;
}
.training_detailpopup:hover{
  background: #444;
  color:#fff;
}  
.trainer_name{
  float:left;
  padding:10px 0px;
  font-size:16px;
}
.select_year{
  float:right;
      margin-bottom: 10px;
}
.select_year .ques_box_in select{
  padding: 7px 10px;
}

.noti_icon{ position:relative;}
.noti_icon:hover .notification
{ 
  opacity: 1;
  visibility: visible;
  top: 59px; 
}
.notification
{
  min-width: 257px;
  position: absolute; 
  top: 80px; 
  left: -211px; 
  transition: 0.3s;
  z-index:99;
  opacity: 0;
  visibility: hidden;
  padding: 5px 0;
  border-radius:0px 0px 5px 5px;
               border: 1px solid #fdfdfd;
               box-shadow: 0 15px 30px 0 rgba(0,0,0,0.11),
               0 5px 15px 0 rgba(0,0,0,0.08);
               background-color: #fff;
}
.notification:after{
  content: "";
  position: absolute;
  right:24px;
  top:-8px;
  border-bottom: solid 8px #fff;
  border-right:solid 8px transparent;
  border-left:solid 8px transparent;
}
              .notification_in{
                max-height: 228px; 
               overflow: auto; 
              }
/* width */
.notification_in::-webkit-scrollbar {
  width: 5px;
}

/* Track */
.notification_in::-webkit-scrollbar-track {
  background: #f1f1f1; 
}

/* Handle */
.notification_in::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
.notification_in::-webkit-scrollbar-thumb:hover {
  background: #555; 
}
.notification ul{ list-style:none; padding:0px;}
.notification ul li{ width: 100%;padding: 5px 0px; float: left; display:inline-block;}
.notification ul li a{ width: 100%; float: left;text-decoration:none; text-align: left; border-bottom: 1px solid #ddd;
       padding: 0px 12px 0px;}
       .notification ul li:last-child a{
        border-bottom:none;
       }
.notification ul .not-head{      width: 100%;
    float: left;  padding: 8px 20px;
    text-align: center;
    font-weight: 500;
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    color: #333;
    font-size: 14px;}
	.notification ul .text-primary {
    color: #0275d8!important;
}
.notification ul .big_tr{     display: -webkit-box;
    max-width: 100%;
    height: 41px;
    margin: 0 auto;
    font-size: 14px;
   -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
	line-height: inherit;
    text-overflow: ellipsis;  padding-bottom: 5px;  color: #000;}
.notification ul .time_mi{ 
  float:right; 
  font-size: 12px;
    color: #e48c1a;
    margin-bottom: 5px;}
.notification ul .not-footer{    text-align: center;
    background-color: #fff;
    padding: 5px; color:#000;}
	.notification ul .not-footer a{ color:#000; border-bottom: none; text-align:center;}
  .viewallnoti{
    color: #00bbe8!important;
    text-align: center!important;
    padding-top: 5px!important;
    margin: 0px 60px;
    width: 154px!important;
  }
  .view_allnotification{
    float:left;
    width:100%;
  }
   .view_allnotification > ul{
    margin:0px;
    padding:0px;
    float:left;
    width:100%;
    list-style-type:none;
    margin:15px 0px;

   }
   .view_allnotification > ul > li{
        float: left;
    width: 100%;
    padding: 10px 0px 10px 100px;
    border-bottom: solid 1px #f1f1f1;
    position: relative;
   }
    .view_allnotification > ul > li:last-child{
      border-bottom:none;
    }
    .view_allnotification > ul > li > .v_alltext{
         float: left;
    width: 100%;
    padding-bottom: 20px;
    font-size: 15px;
    min-height: 90px;
    padding-top: 5px;
    }
   .view_allnotification > ul > li > .v_alltime{
       position: absolute;
    width: 80px;
    height: 83px;
    left: 6px;
    top: 13px;
    }
    .view_allnotification > ul > li > .v_alltime .v_date{
         font-size: 36px;
    float: left;
    width: 100%;
    background: #e8e8e8;
    text-align: center;
    font-weight: 600;
    line-height: 30px;
    padding-top: 8px;
    border-radius:3px 3px 0px 0px ;
    }
    .view_allnotification > ul > li > .v_alltime .v_date span{
     float: left;
    width: 100%;
    text-align: center;
    font-size: 14px;
    line-height: 23px;
    font-weight: 400;
    }
     .view_allnotification > ul > li > .v_alltime .v_time{
     float: left;
    width: 100%;
    text-align: center;
    background: #444;
    color: #fff;
    font-size: 12px;
    padding: 3px 0px 2px;
    border-radius:0px 0px 3px 3px;
     }
     .view_allnotification > ul > li > .send_by{
    position: absolute;
    right: 10px;
    bottom: 8px;
    font-size: 13px;
    color: #b5b4b4;
     }
     .view_allnotification > ul > li > .send_by span{
      color: #1696d6;
     }
     .training_nav{
      float:left;
      width:100%;
     }
     .training_nav > ul{
      margin:0px;
      padding:0px;
      float:left;
      list-style-type: none;
      text-align: center;
      width:100%;
     }
     .training_nav > ul > li{
      display: inline-block;
      margin:15px 15px;
      position: relative;
      
     }
     .training_nav > ul > li.active > a{
      background: #1093e0;
     }
     .training_nav > ul > li.pre-active > a {
    background: #40494e;
    }
     .training_nav > ul > li:after{
      position: absolute;
      width: 34px;
      height: 2px;
      background: #e6e6e6;
      content: "";
      left: -34px;
      top: 50%;
     }
     .training_nav > ul > li.active:after{
        background: #40494e;
      }
      .training_nav > ul > li.pre-active:after{
        background: #40494e;
      }
     .training_nav > ul > li:first-child:after{
      display: none;
     }
     .training_nav > ul > li > a{
      color: #b9b9b9;
      text-decoration: none;
      display: block;
      background:#e6e6e6;
      padding:8px 10px;
      border-radius: 4px;
      -moz-border-radius: 4px;
      -webkit-border-radius: 4px;
      -o-border-radius: 4px;
     }
     .training_nav > ul > li.active > a,.training_nav > ul > li.pre-active > a{
      color:#fff;
     }
     .dash-bord {
    width: 100%;
    float: left;
    padding: 0px 0px;
}
.circle-tile {
    margin-bottom: 30px;
    text-align: center;
    position: relative;
    overflow: hidden;
    border-radius:5px;
}
.circle-tile-heading {
      position: absolute;
    background: rgba(0,0,0,0.3)!important;
    width: 170px;
    height: 170px;
    left: -64px;
    top: -12px;
    box-shadow: 5px 1px 6px rgba(0, 0, 0, 0.6);
    /* border: 7px solid rgba(0, 0, 0, 0.2); */
    border-radius: 100%;
    color: #fff;
    transition: all ease-in-out .3s;
    padding-top: 45px;
    text-indent: 18px;
}
.dark-blue {
    background-color: #34495e;
}
.circle-tile-content {
        padding-top: 19px;
    padding-left: 106px;
    min-height: 146px;
}
.dark-blue {
    background-color: #34495e;
}
.circle-tile-number {
   padding: 5px 0 15px;
    font-size: 47px;
    font-weight: 700;
    line-height: 1;
}
.circle-tile-footer {
      padding: 3px 11px;
    color: rgba(255,255,255,0.7);
    background-color: rgba(0,0,0,0.2);
    transition: all ease-in-out .3s;
    border-radius: 3px;
}
.circle-tile-description{
  font-size:14px;
}
.circle-tile a {
    text-decoration: none;
}
.text-faded {
    color: rgba(255,255,255,0.9);
}
.circle-tile-heading .fa {
    line-height: 80px;
}
.circle-tile-footer:hover {
    text-decoration: none;
    color: rgba(255,255,255,0.9);
    background-color: rgba(0,0,0,0.5);
}
.dark-brown {
    background-color: #695c1e;
}
.green {
    background-color: #16a085;
}
.orange {
    background-color: #f39c12;
}
.blue {
    background-color: #2980b9;
}
.red {
    background-color: #e74c3c;
}
.purple {
    background-color: #8e44ad;
}
.Chapter_list{
	float:left;
	width: 100%;
	padding: 0px 0px 0px 14px;
}
.chapter_box{
	float:left;
	width:100%;
	border:solid 1px #ccc;
	margin-bottom: 10px;
	border-radius: 5px;
	
}
.chapter_head{
	float:left;
	width:100%;
	position: relative;
	background-color: #e6e6e6;
	
}
.chapter_head .chapter_no{
    position: absolute;
    left: -12.5px;
    width: 28px;
    height: 28px;
    background: #d4d4d4;
    color: #000;
    border-radius: 80%;
    text-align: center;
    padding-top: 5px;
    top: 6px;
    box-shadow: inset -1px 2px 3px #616161;
}
.chapter_name{
	float:left;
	width:50%;
	padding: 10px 5px 10px 25px;

}
.chapter_link{
	float:right;
	/*width:50%;*/
	padding:0px 10px 0px 15px;
}
.chapter_link.w100{
  width:100%;
}
.chapter_link ul{
	float:right;
	width:100%;
	margin:0px;
	padding:0px;
	list-style-type: none;
}
.chapter_link ul li{
	float:right;
	font-size:13px;
	padding: 7px 0px 4px 8px;
}
.chapter_link ul li a{
	text-decoration: none;
	
	color:#fff;
	padding:4px 10px;
	display: block;
	border-radius: 4px;
}
.chapter_link ul li a.view_c{
background-color: #318bc9;
}
.chapter_link ul li a.view_r{
background-color: #444;
}
.chapter_link ul li a.start_A{
	background-color: #28b93a;
}
.chapter_link ul li a.start_d{
	    background-color: #88e694;
}
.from_to_date{
    float: left;
    padding: 5px 11px;
    background: #fff;
    margin-top: 6px;
    border-radius: 4px;
    font-size: 13px;
}
.from_to_date span{
  color:#378bc9;
}
.sts_fail{
	color: #f00;
    font-weight: bold;
    font-size: 15px;
    display: block;
    padding: 3px 10px 0px 0px;
}
.sts_pass{
	color: #13b727;
    font-weight: bold;
    font-size: 15px;
    display: block;
    padding: 3px 10px 0px 0px;
}
.lock_ic{
	font-size:20px;
}
.chapter_file_box{
	float:left;
	width:20%;
	padding:10px 10px;
}
.chapter_file_box_in{
	float:left;
	width:100%;
	border:solid 1px #e8e8e8;
	padding:10px 10px;
}
.chapter_icon{
	float:left;
	width:100%;
	text-align: center;
}

.chapter_icon i.fa-file-audio-o {
    background-color: #9824d4;
}
.chapter_icon i.fa-file-word-o {
    background-color: #2d70c3;
}
.chapter_icon i.fa-file-powerpoint-o {
    background-color: #2d70c3;
}
.chapter_icon i.fa-file-pdf-o {
    background-color: #ec540b;
}
.chapter_icon i.fa-file-video-o {
    background-color: #ce3131;
}
.chapter_icon i {
    width: 36px;
    height: 36px;
    color: #fff;
    font-size: 22px;
    padding-top: 7px;
    border-radius: 3px;
}
.chapter_file_name{
	float:left;
	width:100%;
	text-align: center;
	padding:5px 0px;
      overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.chapter_download{
	float:left;
	width:100%;
	text-align: center;
}
.chapter_download a{
	display: inline-block;
	padding:3px 8px;
	background: #318bc9;
	color:#fff;
	font-size: 14px;
	border-radius: 4px;
	text-decoration: none;
}
.chapter_download a.file_play{
  background: #424242;
}
.chapter_content{
	float:left;
	width:100%;
	display: none;
}
.chapter_detail{
	float:left;
	width:100%;
}
.chapter_detail table{
	float:left;
	width:100%;
	margin:5px 0px 15px 10px;
	
}
.chapter_detail table span{
	    color: #06acd2;
	    margin-left:5px;
}
.view_result_popup{
	float:left;
	width:100%;
}
.view_result_popup .modal-content{
	float:left;
	width:100%;
	padding-bottom:15px;
}
.tab_btn{
  float:left;
  width:100%;
  padding-bottom: 15px;

}
.tab_btn ul{
  float:left;
  width:100%;
  margin:0px;
  padding:0px;
  list-style-type:none;
}
.tab_btn li{
  float:left;
  padding:0px 5px; 
}
.tab_btn li:first-child{
  padding-left:0px;
}
.tab_btn li a{
  display: block;
  background: #337ab7;
  padding:8px 10px;
  color:#fff;
  border-radius:4px;
  text-decoration: none;
}
.tab_btn li.active a{
  background:#444;
  cursor: default;
}
.start_asses_btn{
float: left;
    width: 100%;
    text-align: center;
    padding-bottom: 15px;
}
.startassessment_btn{
background-color: #018e07;
    color: #fff;
    padding: 8px 13px;
    border: none;
    border-radius: 5px;
    display: inline-block;
}
/***************responsive start**************/

@media only screen and (max-width: 1024px){
  .page_left{
    width:25%;
  }
  .page_right{
    width:75%;
  }
}
@media only screen and (max-width: 768px){
  .page_left{
    width:30%;
  }
  .page_right{
    width:70%;
  }
  .dashbord_box{
  width: 47.97%;
  }
  .tw-i{
    width:100%;
  }
  .ques_box{
    margin-bottom: 8px;
  }
}
/***************responsive start**************/
.add_ty{     width: 100%;
    float: left;
   
       padding: 5px 0px 8px; margin-bottom: 20px;}
.add_ty ul{ list-style:none; padding: 0px;  display: flex;  justify-content: space-between;}
.add_ty ul li{ display:inline-block; font-size: 16px; color: #5d5d5d; }
.add_ty ul li span{ font-weight:600; color:#000;     margin-right: 5px;} 
.message_yu{     width: 100%;
    float: left;
    text-align: left;
    padding: 0px 14px;
	    max-height: 166px;
    overflow: auto; }
.message_yu::-webkit-scrollbar {
width:5px
}
.message_yu::-webkit-scrollbar-track {
-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3)
}
.message_yu::-webkit-scrollbar-thumb {
background-color:#345398;
outline:#708090 solid 1px
}
 .message_yu p{ width:100%; float:left;      font-size: 13px;
    border-bottom: 1px dotted #c3c2c2;
    padding: 0px 0px 8px;}
.message_yu p a{    float: right;}
    .message_yu p:last-child{ border-bottom: none; }
.group-name-f{ padding: 5px 9px; text-align: left; }
.group-name-f .close{margin-top: 4px;}

.group-name-fd{     float: right;
    color: #149812;
    font-size: 10px;
    border: 1px solid #dcdcdc;
    padding: 3px 4px;
    border-radius: 3px;}
    .modal_footer p{    text-align: center;
    color: #fff;
    font-weight: 600;}
  .modal_footer{    background-color: #345398;}
.group-name-f .small-t{ font-size: 12px; display: block; }
.full_wid-y{width:100%; float:left;}
.training_form_d{ width:100%; float:left;}
.training_form_d h1{
    font-size: 2.0em; text-align:center;}
.training_form_d p{ text-align:center;}
.table_div{ width:100%;     padding: 20px 0px; float:left;}
.table_div table{     border-collapse: collapse;
    border: 1px solid #c5c3c3;}
.table_div table tr{border: 1px solid #c5c3c3;}
.table_div table tr th{  background-color:#d8d8d8;  border: 1px solid #c5c3c3;
    padding: 15px 10px;}
	
.table_div table tr:nth-child(odd){
    background: rgb(245, 245, 245);
}
.table_div table tr:nth-child(even){
    background: rgb(253, 253, 253);
}
.table_div table tr td{border: 1px solid #c5c3c3;  padding: 10px 10px;}
.radio_styl{
display: none;
opacity: 0;
}
.radio_styl[type="radio"] + label{
  padding-left:25px;
  position: relative;
  cursor: pointer;
  margin-bottom: 13px;
}
.radio_styl[type="radio"] + label:before{
  content: "";
  position: absolute;
  width:16px;
  height:16px;
  background: transparent;
  border:solid 1px #ccc;
  left:0px;
  top:1px;
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}
.radio_styl[type="radio"]:checked + label:before{
  background: #1093e0;
  border:solid 1px #1093e0;
}
.radio_styl[type="radio"] + label:after{
    content: "";
    position: absolute;
    width: 10px;
    height: 4px;
    border-left: solid 1px #fff;
    border-bottom: solid 1px #fff;
    left: 3px;
    top: 5px;
    transform: rotate(-45deg);
    opacity: 0;
    transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}
.radio_styl[type="radio"]:checked + label:after{
  opacity: 1;
}
.tex_area{    width: 50%;

    margin-top: 14px; resize:none;}
.take_atte_g{ width:50%;     padding: 15px 0px; float:left;}

.take_atte_g table{     border-collapse: collapse;
    border: 1px solid #c5c3c3;}
.take_atte_g table tr{border: 1px solid #c5c3c3;}
.take_atte_g table tr th{   background-color:#d8d8d8; border: 1px solid #c5c3c3;
    padding: 12px 10px;}
.take_atte_g table tr:nth-child(odd){
    background: rgb(245, 245, 245);
}
.take_atte_g table tr:nth-child(even){
    background: rgb(253, 253, 253);
}
.take_atte_g table tr td{border: 1px solid #c5c3c3;  padding: 7px 10px;}
.checkbox_styl{
display: none;
opacity: 0;
}
.checkbox_styl[type="checkbox"] + label{
  padding-left:25px;
  position: relative;
  cursor: pointer;
  margin-bottom: 13px;
}
.checkbox_styl[type="checkbox"] + label:before{
  content: "";
  position: absolute;
  width:16px;
  height:16px;
  background: transparent;
  border:solid 1px #ccc;
  left:0px;
  top:1px;
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}
.checkbox_styl[type="checkbox"]:checked + label:before{
  background: #1093e0;
  border:solid 1px #1093e0;
}
.checkbox_styl[type="checkbox"] + label:after{
    content: "";
    position: absolute;
    width: 10px;
    height: 4px;
    border-left: solid 1px #fff;
    border-bottom: solid 1px #fff;
    left: 3px;
    top: 5px;
    transform: rotate(-45deg);
    opacity: 0;
    transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}
.checkbox_styl[type="checkbox"]:checked + label:after{
  opacity: 1;
}
.li_syu{ width: 100%; float: left;     border-bottom: 1px dotted #dad6d6; }
                 .li_syu ul{ padding: 0px; list-style: none;}
                  .li_syu ul li{     width: 50%;
    float: left;
    line-height: 30px;}

.Score_Card_Bg {
	width:100%;
	float:left;
	background:#f7f7f7;
	border-radius: 5px;
	margin-top:10px;
	margin-bottom:10px;
}
.Score_Card_Bg table {
	box-shadow:none;
	border-radius:0;
}
.Score_Card_Bg table td {
	position:relative;
}

.auto_div {
    width: 75%;
    margin: 0 auto;
}

/*.Score_Card_Bg table tr td:nth-child(even) { padding-left:0px;}
.Score_Card_Bg table tr td:nth-child(odd) { padding-left:0px;}*/
.hvr-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.hea-oof > h1 {
    padding: 10px 0 15px 0;
    margin: 0px 0px 20px 0px;
    font-size: 30px;
    border-bottom: solid 1px #e6e6e6;
    text-align: center;
}
.answeres_color {
    padding: 0;
    margin: 15px 0px 0px 15px;
    width: 100%;
    float: left;
    box-sizing: border-box;
}
.answeres_color li {
    list-style: none;
    position: relative;
    padding-left: 30px;
	padding-right: 25px;
	float:left;
}
.red_ {
    width: 18px;
    height: 18px;
    background: #F00;
    position: absolute;
    left: 0px;
    top: 0px;
}
.green_ {
    width: 18px;
    height: 18px;
    background: #15b721;
    position: absolute;
    left: 0px;
    top: 0px;
}
.yallow_ {
    width: 18px;
    height: 18px;
    background: orange;
    position: absolute;
    left: 0px;
    top: 0px;
}
.black_ {
    width: 18px;
    height: 18px;
    background: #3F51B5;
    position: absolute;
    left: 0px;
    top: 0px;
}
.label_black_ {
	color: white;width: 30px;height: 30px;background: #333;border-radius: 50%;text-align: center;line-height: 30px;
	
}
.label_yallow_ {
	color: white;width: 30px;height: 30px;background: orange;border-radius: 50%;text-align: center;line-height: 30px;
	
}
.label_red_ {
	color: white;width: 30px;height: 30px;background: #F00; border-radius: 50%;text-align: center;line-height: 30px;
	
}
.label_green_ {
	color: white;width: 30px;height: 30px;background: #15b721; border-radius: 50%;text-align: center;line-height: 30px;

}
.label_blue_ {
	color: white;width: 30px;height: 30px;background: #3F51B5; border-radius: 50%;text-align: center;line-height: 30px;
	
}
.label_blue_square {
    color: white;
    width: 58px;
    background: #3F51B5;
    border-radius: 5px;
    text-align: center;
    line-height: 30px;
}

.blink_pass {
   animation: blinker 1s linear infinite;
    color: #ffffff;
    background: #0b6712;
    padding: 5px 10px;
    border-radius: 5px;
	float: initial !important;
}

@keyframes blinker {  
  50% { opacity: 0.5; }
}

.blink_failed {
   animation: blinker 1s linear infinite;
    color: #ffffff;
    background: #F00;
    padding: 5px 10px;
    border-radius: 5px;
	float: initial !important;
}

@keyframes blinker {  
  50% { opacity: 0.5; }
}
 .child_div{ position:relative; text-align:center!important;}
.hover_div_f{ position:relative;display: inline-block;}
.hover_div_f span{     cursor: -webkit-grab;   background-color: #318bc9;
    color: #fff;
    padding: 5px 5px;
	border-radius:5px;
}
.hover_div_f:hover span{
	background-color: #444;
}
.hover_div_f:hover .hover_design_d{ 
	visibility:visible;
	 opacity:1; 
	 transition: 0.3s;
	  margin-right:0px;
	   left: -140px;
	   transform: scale(1);}
.hover_design_d{
    position: absolute;
    top: -8px;
    left: -140px;
    visibility: hidden;
    width: 146px;
    /*height: 94px;*/
    background-color: #fff;
    transition: 0.3s;
    opacity: 0;
    z-index: 99;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0px 0px 8px #353535;
    transform: scale(0);
	
	}
.red_cl{ color:red; font-size:11px;}

.hover_design_d a{ width: 100%;
    float: left;
    padding: 4px 10px;
    text-align: left;
    font-size: 14px;
	text-decoration:none;
    border-bottom: 1px dashed #d8d3d3;
    color: #000;}
	.hover_design_d a:hover{ background-color:#1c80c5; color:#fff;}
.hover_design_d a:last-child{ border-bottom:none;}
.hover_design_d a i{ margin-right:5px;}
.add_clip{ width:auto; position:relative;}
.add_clip .input_te_d{      position: absolute;
    top: 2px;
    right: 3px;}
	
.add_clip .input_te_d .fa-paperclip{cursor: pointer;
    background-color: #7b7c7d;
    color: #fff;
    padding: 10px 23px;
    font-size: 1.3em;
    border-radius: 0px 3px 3px 0px;}
.fileContainer {
    overflow: hidden;
    position: relative;
}

.fileContainer [type=file] {
    cursor: inherit;
    display: block;
    font-size: 999px;
    filter: alpha(opacity=0);
    min-height: 100%;
    min-width: 100%;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
}

.ne_div {
    text-align: left !important;
    margin: auto;
    width: 90%!important;
    float: none !important;
}
.sep_box {
    float: left;
    width: 100%;
       padding: 5px 0px 30px;
}
.button_tre a {
    width: 91%;
    font-weight: 600;
    border: 6px solid #909090;
    padding: 10px 15px;
    color: #222222;
    margin-right: 20px;
    text-decoration: none;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.button_tre img {
    margin-right: 26px;
}
.button_tre a:hover {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
}
.button_tre span {
    font-size: 14px;
    font-weight: normal;
}
.actve_con {
    background: #585858 !important;
    position: relative;
    color: #fff !important;
}
.actve_con:after {
    position: absolute;
    bottom: -21px;
    content: '';
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #909090;
    left: 50%;
    transform: translate(-50%);
}
.plus_icon{   
font-size: 20px;
    cursor: pointer;
    font-family: none;
    font-weight: 600;
    background: #3e4748;
    width: 25px;
    height: 25px;
    color: #000;
    float: left;
     border-radius: 3px;
    text-align: center;
    position: relative;
  }
  .plus_icon:after{
         content: "";
    position: absolute;
    left: 6px;
    width: 13px;
    height: 1px;
    background: #fff;
    top: 11px;
    }
    .plus_icon:before{
      content: "";
    position: absolute;
    left: 12px;
    width: 1px;
    height: 13px;
    background: #fff;
    top: 6px;
    }
    .plus_icon.minus:before{
      display:none;
      }
      .box_div_d {
    width: 89%;
    margin-bottom: 19px;
    height: 88px;
    float: left;
    border: 1px dashed #c1bebe;
}
.box_div_d .left_section_cont {
    width: 80%;
    float: left;
    position: relative;
}
.box_div_d .left_section_cont span {
    font-size: 1.2em;
    color: white;
    font-weight: 600;
    position: absolute;
    padding: 11px;
    background-color: #3e3e3e;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    left: -15px;
    top: 27px;
    line-height: 7px;
    padding: 11px 7px;
    text-align: center;
}
.box_div_d .left_section_cont h1 {
    font-size: 1.2em;
    width: 100%;
    float: left;
    margin: 0px;
    padding: 22px;
    text-align: center;
    line-height: 25px;
}
.apend_teyru {
    width: 100%;
    float: left;
    padding: 15px 15px 0px;
}
.hide_dta {
    display: none;
    width: 100%;
}
.hide_td-pad {
    padding: 0px !important;
    border-bottom: none !important;
}
.border_y {
    border-bottom: solid 1px #989898!important;
}
.confirm_sm{ width:100%; top: 46px; float:left;}
.confirm_sm .modal-body{ width:100%; padding: 0px 10px 0px; float:left;}
.confirm_sm .modal-header{ width:100%; float:left;}
.confirm_sm .modal-body .modal_re{ width:100%; float:left;}
.confirm_sm .modal-body .modal_re h1{padding: 10px 10px;
    margin: 0px;
    font-size: 15px;
    font-weight: 600;}
.confirm_sm .modal-body .modal_re ol{padding: 5px 23px;}
.confirm_sm .modal-body .modal_re ol li{    line-height: 30px;
    font-size: 13px;}
.confirm_sm .modal-body .modal_re .check_ut{width:100%;     padding: 1px 0px 10px; float:left;}
.confirm_sm .modal-body .modal_re .check_ut label{    position: relative;
    margin-left: 35px;}
.confirm_sm .modal-body .modal_re .check_ut label input{width: 20px;
    height: 20px;
    margin: 0px;
    position: absolute;
    top: 0px;
    left: -26px;}



   /* new add*/


  .dashbordBox_ {
  width: 100%;
  float: left;
  margin-top: 10px;
}
  .inn_dash {
    width: 100%;
    float: left;
    border: solid 1px #d8d8d8;
    border-radius: 3px 3px 0px 0px;
}

.dashbordBox_ .col-sm-3 {
  width: 30%;
}
.dashbordBox_ .col-sm-6 {
  width: 40%;
}
.dashbordBox_ .dashbor_title {
  padding: 6px;
  text-align: center;
  width: 100%;
  float: left;
  background: #e8e8e8;
  border-radius: 3px 3px 0px 0px;
  font-weight: bold;
  font-size: 18px;
  border-bottom: solid 1px #d0d0d0;
  color: #505050;

}
.dashbordBox_ .inn_data_dash {
  width: 100%;
  float: left;
  padding: 10px 10px;
  min-height: 120px;
}
.inn_data_dash .d-flexx {
 width: 100%;
  float: left;
}
.icon_left {
  float: left;
     padding-top: 15px;

}
.icon_rightData {
    float: right;
    padding-top: 15px;
}
.icon_rightData ul {
  padding: 0;
  margin: 0;
}
.icon_rightData ul li {
  list-style: none;
  padding-bottom: 30px;
  font-size: 16px;
}
.icon_rightData ul li:last-child {
  padding-bottom: 0px;
}
.icon_left img {max-height: 70px;}
.icon_rightData .green_txt {
  color: green;
  padding-right: 15px;
}
.icon_rightData .red_txt {
  color: red;
  padding-right: 15px;
}

.icon_centerData {
    float: left;
    width: 100%;
    background-image: url(../images/assessment-content.png);
    background-repeat: no-repeat;
    background-position: 85px 12px;
    background-size: 85px;
}
.icon_centerData ul {
  padding: 0;
  margin: 0;
}
.icon_centerData li {
      display: flex;
      justify-content: space-between;
}
.icon_centerData .text_width {
  width: 110px;
}
.icon_centerData .p_text_width {
  width: 70px;
 text-align: center;
 color:red;
}
.icon_centerData .c_text_width {
  width: 70px;
  text-align: center;
  color: green
}
.dashbordBox_ .p-10 {
    padding-left: 10px;
    padding-right: 10px;
}
.p_text_width.txt {
  font-weight: 600;
      color: #505050;
}
.c_text_width.txt {
 font-weight: 600;
     color: #505050;
}


  .red_txt, .b_link{
    animation: blink 1s linear infinite;
  }

@keyframes blink{
0%{opacity: 0;}
50%{opacity: .5;}
100%{opacity: 1;}
}