/* reset css */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    font-family: 'Open Sans', sans-serif;
    box-sizing: border-box;

}


/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;

}




::-webkit-scrollbar {

height: 8px;

  width: 2px;

  background: rgba(214, 220, 228,0.0);

  -webkit-border-radius: 1ex;

  border:1px solid rgba(96, 105, 119,0.0);

}



::-webkit-scrollbar-thumb {

 background: rgba(96, 105, 119,0.5);

  -webkit-border-radius: 1ex;
  cursor:pointer!important;



}



::-webkit-scrollbar-corner {

 background: rgba(214, 220, 228,0.0);

}

*{
  scrollbar-color: rgba(96, 105, 119,0.5) rgba(214, 220, 228,0.0) !important;
  scrollbar-width: thin !important;
}
input[type="checkbox"],input[type="radio"]{
cursor: pointer;
}


#container .leftsidebar::-webkit-scrollbar {
    display: none1 !important;
}

#container .leftsidebar {
    -ms-overflow-style: none1 !important;
}


/* Hide scrollbar for Chrome, Safari and Opera */
.left_side_menu_scroll::-webkit-scrollbar {
    display: none1 !important;
    width: 0px;
}

/* Hide scrollbar for IE and Edge */
.left_side_menu_scroll {
    -ms-overflow-style: none1 !important;
}

/*ol,*/
.dropdown-menu,
.menu.active-menu ul,
.action_listing ul,.img_lis_wrp ul {
    list-style: none;
}
.menu i {
    font-size: 13px;
}
/* Add by MI73 is   .dropdown-menu li:hover i */
.dropdown .dropdown-menu li:hover span ,.dropdown .dropdown-menu li:hover i  ,.dropdown .dropdown-menu li:hover{
    color: #3399FF;

}
.menu.active-menu i{
    padding: 0px 10px;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}


/* end */

* {
    font-family: 'Open Sans', sans-serif;
    padding: 0px;
    margin: 0px;
    outline: none !important;
    text-decoration: none;
    border-collapse: collapse;
    font-size: 16px;
    line-height: 20px;
}

hr {
    width: 100%;
    display: block;
}

sup {
    font-size: 12px;
}

.small {
    font-size: 14px;
}

.float_left {
    float: left;
}

.float_right {
    float: right !important;
}

.color_white {
    color: #fff;
}

.color_black {
    color: #000;
}

.width100 {
    width: 100%;
}

body {
    background-color: #e6e9f060!important;
 /*   background-image: url("../images/6777850-blue-abstract.jpg");*/

}

.red {
    border-top: 3px solid #ec5564 !important;
}

.cursor_pointer {
    cursor: pointer;
}

#container .login_container {
    width: 100%;
    position: absolute;
    top: 0px;
    bottom: 0px;
}

#container .login_outer_block,
.graph_chart {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
}

#container .width1 {
    width: 430px;
}

#container .login_outer_block .login_box {
    margin: 9% auto 0px;
    min-height: 400px;
}

#container .box3 {
    /* border-top: 3px solid #53d2b2; */
    background: #ffffff;
/*    box-shadow: 0 3px 10px rgba(62, 85, 120, .045);*/
    width: 100%;
    display: inline-block;
    border-radius: 10px;


}
.color_act{
    color:#777d9f;
}


input[type='button']{
    border: none;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    padding: 6px 15px;
    background: #3399FF;
    border-color: #3399FF;
    cursor: pointer;
    border-radius: 0.3rem;
    align-items: center;
}

/*#container .box3 {
    background: #ffffffd9;
    box-shadow: 0 3px 10px rgba(62, 85, 120, .045);
    width: 100%;
    display: inline-block;
}*/
.withoutdatatables,.action_menu a{
    font-size:14px;
}
#container .login_outer_block .login_box .mi_logo_wrapper {
    height: 85px;
    margin: 20px auto 0;
    width: 353px;
    text-align: center;
}
.text_center{
    text-align: center !important;
}
#container .login_outer_block .login_box .login_inner_box {
    width: 356px;
    min-height: 237px;
    margin: 55px auto 0px;
}

#container h2 {
    font-family: 'Open Sans', sans-serif;
    font-weight: lighter !important;
    font-size: 20px;
    color: #505050;
    margin: 0px;
}

#container h2 .time {
    letter-spacing: 0px;
    margin-right: 11px;
    font-size: 16px;
}

#container .login_outer_block .login_box .login_inner_box .login_form {
    margin-top: 16px;
    display: inline-block;
    width: 100%;
}

#container .login_outer_block .login_box .login_inner_box .form_field {
    display: inline-block;
    margin-bottom: 20px;
    min-height: 35px;
    width: 100%;
}

#container .login_form input {
    box-sizing: border-box;
    width: 100%;
}

#container .login_outer_block .login_box .login_inner_box .form_field .button_box {
    margin-top: 4px;
}

#container .login_form input[type="submit"] {
    float: left;
    background: #3399FF;
    padding: 0px 44px;
    border: none;
    font-size: 16px;
    color: #fff;
    height: 46px;
    line-height: 46px;
    cursor: pointer;
    width: auto;
}
.mr-btm-13{
    margin-bottom:13px !important;
}
/*.req_btn input[type="submit"]{
   padding: 0px 10px;
   height: 36px;
   line-height: 36px;
   margin: 3px;
}*/
#container .login_form input.btn-change-user[type="submit"] {
    padding: 0 40px;
    margin-right: 8px;
    float: right;
}

#container input[type="text"],
#container input[type="number"],
#container input[type="password"],
#container select,
.filed_input .date_input,
.date_input_field {
    width: 100%;
    height: 33px;
    border: 1px solid #e1e1e1;
    font-family: 'Open Sans', sans-serif;
    font-weight: lighter;
    font-size: 14px;
    color: #333333;
    padding-left: 10px;
    background-color: white;
    box-sizing: border-box;
    border-radius: 0.3rem;
    margin-bottom:10px;
}

#container input[type="text"]:focus,
#container input[type="password"]:focus,
#container textarea:focus,
#container select:focus {
    border: 1px solid#3399FF;

}

.photo_input_wrapper {
    width: 100%;
    padding: 4px;
}

#container textarea {
    width: 100%;
    border: 1px solid #999999;
    padding: 10px;
    box-sizing: border-box;

}

.breadcrumb li span,
.mi_name span:first-child,
.request_nav ul li a {
    color: #3399FF;
}

.left_block_filter {
    width: 50%;
}

.left_block_input {
    width: 58%;
}

#content .breadcrumb ul li.icon_li {
    background: url(../images/breadcrumb_user.png) no-repeat left center;
    padding-left: 29px;
}

.breadcrumb ul li.icon_li a,
.icon_li_color {
    color: #646569;
}

.leave_request_title_h3 {
    width: 150px;
}

.leave_request_title_h3,
.leave_request_btn {
    display: inline-block;
}

.request_nav ul li a:active,
.request_nav ul li a:hover {
    color: #000;
}

.mi_name span {
    color: #3399FF;
}

.mi_name {
    font-size: 17px;
    margin-bottom: 10px;
}

.mi_sub_name {
    font-size: 12px;
}

#container .header {
    position: fixed!important;
    height: 75px;
    max-height: 75px;

    float: left;
    width: calc(100% - 190px);
    margin-bottom: 20px;
    margin-left: 190px;
     z-index: 15;

}

#container .header.message_board_header {
    position: fixed!important;
    height: 53px;
    max-height: 75px;
    float: left;
    width: calc(100% );
    margin-bottom: 20px;
    margin-left: 0px;
    z-index: 15;
    -webkit-box-shadow: 0 6px 6px -6px #333;
    -moz-box-shadow: 0 6px 6px -6px #333;
         box-shadow: 0 6px 6px -6px #333;
    box-shadow: 0 6px 6px -6px #333;
    background: #fff;

}

#container #header_main {
    /* position: fixed; */
    height: 52px;
    /* max-height: 65px; */
    z-index: 11;
    width: 100%;
    background-color: #ffffff;
    /* margin-left: 10px; */
    float: left;
    -webkit-box-shadow: 0 6px 6px -6px #333;
	   -moz-box-shadow: 0 6px 6px -6px #333;
	        box-shadow: 0 6px 6px -6px #333;
}

#container .header.message_board_header #header_main {
    /* position: fixed; */
    height: 100%;
    /* max-height: 65px; */
    z-index: 11;
    width: 97%;
    background-color: #ffffff;
    /* margin-left: 10px; */
    float: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    margin: 0 auto;
}


#container #header_main .header_left_block .logo_block {
    margin: 5px 0px 5px 20px;
    line-height: 40px;
}

.req_btn div:first-child {
    font-size: 20px;
}

/* #container #header_main .header_left_text_box {
    margin-top: 15px;
    margin-left: 10px;
} */
#container #header_main .header_left_text_box span {
    font-size: 11px;
    display: block;
}
.header_left_text_box{
    /* border-left: 2px solid #b6b5b5; */
    margin-left: 0px;
    padding-left: 10px;
    line-height: 1.6;
    height: 46px;
}
#container #header_main .header_right_block {
    margin: 0px 15px;
}

#container #header_main .header_right_block.user_menu {
    display: block;
    margin-top: 9px;
}
.team_wrapper {
    margin-top: 23px;
    position: relative;
    display: block;
    margin-top: 10px;
}
.team_outer .team_wrapper {
    height: 145px;
}

#container #header_main .header_right_block span.black_down_arrow {
    background: url(../images/black_drop_arrow.png) no-repeat left;
    display: block;
    width: 22px;
    height: 30px;
    /*margin-top: 8px;*/
    background-position-y: 0px;
}

#container #header_main .header_right_block span.profile_icon {
    /*background: url(../images/user_icon.png) no-repeat left;*/
    width: 30px;
    height: 30px;
    margin-top: 6px;
    display: inline-block;
    background-position-y: 3px;
}

#container .contentpan {
    position: relative;
    width: 100%;
    z-index: 5;
    overflow: hidden;
}

.bg_blue{
    background-color: #3399FF;
}

#container .leftsidebar {

    z-index: 15;
    /* clear: right; */
    width: 190px;
    border-left:8px solid #3399FF;
    background: #ffffff;
     position: fixed!important; /* MI73 remove comment*/
    float: left;
    color: #fff;
    top: 0;
    bottom: 0;
    box-shadow: 1px 1px 3px 1px #00000059;


}

#container .leftsidebar .left_side_menu_scroll{
    height:76vh !important; /* MI73 change height 90vh to 78vh*/
    overflow-y: auto!important;
    scrollbar-width: none !important;
}

#container  .leftside_option{
     width:180px!important;/* MI73 change width 170 to 180 */

     overflow:hidden!important;


}

.leftsidebar ul {
    list-style: none;
}

/*mi51*/

.left_side_menu_scroll, .mar-top-15 {
    margin-top: 15px;
    /* overflow-y: scroll; */
}

/*#container .leftsidebar {
    overflow-y: scroll;
}*/

/*mi51*/



/*
.left_side_menu_scroll .navigation ul li:hover{
    border-left: 5px solid#3399FF;
}*/
/* .left_side_menu_scroll .navigation ul li.active_nav{
    margin-left: 5px;
} */

li.active_nav ul {
    width: 100%;
    /* margin-left: -5px !important; */
}

.li_previous {
    border-left: 5px solid#3399FF;
}

/*li.active_nav ul li a.active_nav {
    background-color:#3399FF;
}*/
/*li.active_nav ul li a{
    background-color: red;
}*/
.profile_view {
    background: #434a54;
    min-height: 190px;
}
.color_blue{
    color:#3399FF;
}

.profile_pic_div {
    height: 50px;
    width: 98%;
    padding-top: 10px;
}

.profile_pic_div .user_profile_pic {
    border-radius: 50%;
    height: 35px;
    margin: -7px auto;
    width: 35px;
    background: white url('../images/user-icon.png') no-repeat center center;
}

.user_profile_name {
    width: 98%;
    text-align: center;
}

.user_profile_name div {
    color: #fff;
    font-size: 13px;
}

.hr_line_div {
    margin: 10px 2px;
    width: 98%;
}

.hr_line_div .line {
    background: #373e46;
    margin: 2px auto;
    height: 8px;
    width: 95%;
}

.line .progress_level {
    background-color: #3399FF;
    width: 50%;
    height: 100%;
}

.left_navigation_bar {
    position: relative;
    overflow: scroll;
    width: auto;
    height: 375px;
}

.left_navigation {
    list-style: none;
}

.left_navigation li {
    position: relative;
    background: url(../images/right_arrow.png) no-repeat right top #383e46;
    background-color: 1px solid #272e39;
    border: 1px solid #2d3339;
}

.left_navigation li a {
    display: block;
    height: 46px;
    color: #ffffff;
    font-size: 16px;
    padding-left: 52px;
    line-height: 46px;
    text-decoration: none;
}

/* .left_navigation .dashboard_icon {
    background: url(../images/Leave-Request-List_03.png) no-repeat 10px center;
}
.left_navigation .project_icon{
    background: url(../images/Leave-Request-List_07.png) no-repeat 10px center;
}
.left_navigation .task_icon{
    background: url(../images/Leave-Request-List_11.png) no-repeat 10px center;
}
.left_navigation .gigs_icon{
    background: url(../images/Leave-Request-List_15.png) no-repeat 10px center;
}
.left_navigation .resource_icon{
    background: url(../images/Leave-Request-List_18.png) no-repeat 10px center;
}
.left_navigation .message_icon{
   background: url(../images/Leave-Request-List_22.png) no-repeat 10px center;
}
.left_navigation .email_icon{
   background: url(../images/Leave-Request-List_24.png) no-repeat 10px center;
}
.left_navigation .usr_permission_icon{
     background: url(../images/Leave-Request-List_26.png) no-repeat 10px center;
}
.left_navigation .help_icon{
    background: url(../images/Leave-Request-List_28.png) no-repeat 10px center;
} */
.right_side_content {
    margin-left: 230px;
    position: absolute;
    top: 0;
}

#content {
    margin-left: 0.5%;
    margin-right: 0.8%;
    width: 97%;

    /*margin-bottom:0.8%;*/
}

#content .breadcrumb {
    background: none;
    padding: 0px;
    margin: 0px 0px;
}
#profile_view1{
    float:left;
}
#content .breadcrumb ul {
    list-style: none;
    margin: 0px;
    height: 25px;
    font-size: 19px;
}

#content .breadcrumb ul li {
    list-style: none;
    float: left;
    padding-left: 10px;
    line-height: 25px;
}

#content .breadcrumb ul li a {
    background: url(../images/breadcrumb_arrow.png) no-repeat right center;
    padding: 0px 20px 0px 0px;
    color: #646569;
}

#content .register_block {
    padding: 15px 10px 80px 18px;
    box-sizing: border-box;
    margin-left: 1%;
    margin-bottom:0.8%;
}

#container h3 {
    font-size: 14px;
    color: #000;
    font-family: 'Open Sans', sans-serif;
    margin: 0px;
    font-weight: 600;
}

#container h4 {
    font-size: 22px;
}

#container h5 {
    font-size: 20px;
}

.contentdesk {
    /* padding-bottom: 50px; */
    /* min-height: 100vh; */
    /* box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.5) inset; */
    margin-top: 53px;
    padding-top: 15px;

}


.details_box,
.list_wrapper {
    clear: both;
    display: inline-block;
    margin-top: 20px;
    width: 100%;
    padding-bottom: 15px;
}

.details_box h4 {
    color: #ed5564;
}

#container .width2 {
    width: 46%;
}

#content .field_row {
    /* margin-top: 15px; */
    min-height: 50px;
    background-color: white;
}

#content .field_row .field_label {
    margin-bottom: 3px;
}

#content .field_row .field_label label {
    font-size: 16px;
    font-weight: 600;
}

#content .field_row .filed_input, .all_task_outer {
    position: relative;
}

.leave_textarea {
    border: 1px solid #999999;
    height: 115px;
    width: 100%;
    resize: none;
}

.radio_wrapper {
    margin-top: 15px;
    display: inline-block
}

.radio_btn_wrap {
    width: 30%;
    display: inline-block;
}

#container .width6 {
    width: 100%;
}

.button_wrapper {
    margin: 15px 0px;
    min-height: 30px;
}

.button_wrapper .button_box {
    margin: 30px auto 0px;
    width: 212px;
}
#add_story .button_wrapper .button_box{
    width: 160px !important;
}
.summery_box{
     margin: 30px auto 0px;
     width: 345px;
}
.summery_box table tr td{
    padding: 10px;
}

/*#container #content .button_box input[type="button"], #container #content .button_box input[type="reset"] {
    float: left;
    background: #000000;
    border: none;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
    padding: 10px;
    margin: 20px 20px 0 0;
}*/
.btn-primary {
    border: none;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
}
.label-inactive{
    cursor: pointer;
    background-color: red;
    color: white;
    padding: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 0.3rem;
}
.btn-primary.small {
    padding: 7px 14px;
    background: #3399FF;
    border-color: #3399FF;
    cursor: pointer;
    border-radius: 0.3rem;
    align-items: center;
    /*margin-left:20px;*/
    /* margin-top: 10px;
    margin-bottom: 10px; */
}

.btn-primary.large {
    padding: 16px 50px;
    font-size: 21px;
    background: #3399FF;
    border-radius: 8px;
}

.btn-primary.green_bg.small {
    background-color: #3399FF;
}


.resource_navigation ul,
.request_nav ul {
    list-style-type: none;
    margin: 0;
    padding: 13px 0px;
}

.resource_navigation ul li,
.request_nav ul li {
    float: left;
}

.resource_navigation ul li a {
    display: block;
    text-align: center;
    padding: 20px 40px;
}

.resource_navigation ul li a:first-child {
    padding-left: 0px;
}
.pl20{
    padding-left:20px;
}
#container .width3 {
    width: 22%;
    height: 100px;
}

#container .width4 {
    width: 33%;
    /* height: 200px;
    overflow:auto; *//* MI73 added comment*/
}
.width25{
    width: 25%;
    margin-left: 18px;
}
.width20{
    width: 20%;
    margin-left: 18px;
}
.width18{
    width: 18%;
    margin-left: 14px;
}
.request_nav ul li a {
    display: block;
    text-align: center;
    padding: 1px 15px 0px;
    border-right: 1px solid #6f6f6f;
}

.request_nav ul li:last-child a {
    border: none;
}

.res_element {
    border: 1px solid #e5e5e5;
}

.user_info {
    text-align: center;
    font-size: 14px;
    line-height: 23px;
}

.user_info span {
    font-size: 13px;
}

.float_left.res_element {
    margin: 15px 7px 0px 18px;
}

.grid {
    height: 200px;
    width: 100%;
    margin: 0;
}


.grid {
    background-image: repeating-linear-gradient(0deg, transparent, transparent 40px, #CCC 40px, #CCC 40px, #CCC 40px, #CCC 41px);
    background-size: 41px 41px;
}

#container .box2,
#container .box1 {
    border-bottom: 3px solid #0885df;
    background: #ffffff;
    box-shadow: 0px 0px 4px 4px #acc3da;
    display: inline-block;
}

#container .box1 {
    width: 30%;
}

#container .box2,
.leave_reason {
    width: 67%;
}

#content .row {
    margin-top: 20px;
    line-height: 25px;
    min-height: 40px;
}

.request_info {
    background-color: #f6f6f6;
}

.leave_req_info span {
    margin-right: 10px;
}

.left_navigation ul li.active_nav>ul {
    display: block !important;
    height: 100% !important;
}

.left_navigation li>ul {
    background: #32363c;
    margin-left: -4px;
    height: 0px;
    /* overflow: hidden; */
}

.request_info .today_date span {
    margin-right: 0px;
}

#profile .sidebar_profile_view_block {
    min-height: 50px;
    padding-top: 15px;
}


.navigation ul li{margin:0px 0px 0px 0px;}
.navigation ul li ul li{margin:0px 0px 0px 0px;}
.navigation ul li a,
.navigation2 ul li a {
    display: block;
    min-height: 25px;
    color: #505050;
    font-size: 14px;
    line-height: 18px;
    text-decoration: none;
    white-space:nowrap;
    padding: 7px 0px 7px 3px;
}

.project_tool_permission_module:has(a) { border-top: 2px solid #b6b5b5; }

.collapse a {
    min-height: 25px !important;
    padding-top: 5px;
height: auto !important;
}

.navigation2 ul li a i,.navigation2 ul li a i {
    margin-left: -20px;
    padding-right: 5 px;
    width:30px;
    height:25px;
    display:inline-block;

}

.navigation ul li ul a i {font-size: 0.5em;}

.navigation li a span{ display:inline-block; overflow:hidden!important; white-space:nowrap;}
.navigation li a:hover span{ overflow:visible!important;}
.navigation li a span{ overflow:visible!important;    font-size: 13px;}

#container #rightsidecontent {
    margin-left: 190px;
    /*box-shadow:3px 3px 3px #00000094 inset; */
    /*min-height: 100vh;*/
    width: 85.9%;
}
.messageboard_header_title {
    width: 20%;
    margin: 17px 10px;
    color: #000;
    font-weight: 600;
    font-size: 20px;
}
#content.messageboard_header_title {
    width: 97%;
    margin: 0 auto;
}


#container #rightsidecontent.message_board_content {
    margin-left: 0px;
    /* box-shadow:3px 3px 3px #00000094 inset; */
    /*min-height: 100vh;*/
    width: 100%;

    background: #fff;
}
.navigation ul li.active_nav > ul {
    
     /* display: block;     MI73  remove !important property */
    height: 100% !important;
}

.navigation ul li ul a {
    /* padding-left: 8px; */
    padding: 7px 0px 7px 5px;
}

.show_submenu {
    height: 100%;
}

.navigation ul li>ul {

    /* margin-left: -4px; */
    /* overflow: hidden; */
    margin-bottom: -1px;
}

li.module_dashboard.show_submenu.active_nav ul li,
li.module_dashboard.show_submenu.active_nav ul,
.navigation ul li.module_dashboard.active_nav ul,
li.module_dashboard.active_nav ul li {
    height: 1px !important;
    background-color: #252c38;
}

/* #rightsidecontent {
    padding-top: 30px;
} */

.user_profile_group_name {
    text-align: center;
    font-size: 12px;
    color: #fff;
    width: 100%;
}

/*.ui-widget.ui-widget-content {
    position: fixed;
}*/

.ui-dialog.ui-widget.ui-widget-content {
    width: 400px !important;
    background-color: #fff;
}

.ui_bottom {
    padding-bottom: 20px
}


/* .ui-dialog-buttonpane{
    display: none;
} */
.slimScrollDiv .left_side_menu_scroll .navigation {
    border-top: 1px solid #252c38;
}

/* .navigation ul li a span{
    color: #FFF;
} */

.mi-modal .title_add_req.bg_gray span,
.mi-modal .title_add_req.bg_gray,
.modal-title {
    text-transform: capitalize;
}

.mi-modal {
    position: absolute;
    z-index: 99 !important;
    display: block;
    min-width: 280px;
    min-height: 100px;
    background-color: #fff;
    border: 1px solid #d4d1d1;
    padding: 15px;
    box-shadow:
        0 1px 1px rgba(0, 0, 0, 0.034), 0 1px 1px rgba(0, 0, 0, 0.048), 0 1px 1px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px rgba(0, 0, 0, 0.072), 0 1px 2px rgba(0, 0, 0, 0.086), 0 1px 1px rgba(0, 0, 0, 0.12);
    border-radius: 10px;
    /* overflow: hidden; */
}

.title_add_req {
    padding-left: 15px;
    background: none !important;
    text-align: center;
    font-size: 24px;
}

.add_request_form_wrapper {
    padding-left: 25px;
}

.mi-close {
    width: 20px;
    text-align: right;
    font-size: 24px;
    cursor: pointer;
    float: right;
    margin-right: -1px;
    margin-top: -10px;
    text-align: center;
    z-index: 3;
    position: relative;
}

.mi-close span {
    background-color: white;
    border: 1px solid #d4d1d1;
    /* border-radius: 50%; */
    height: 25px;
    width: 25px;
    display: block;
    text-align: center;
    font-size: 23px;
    border-radius: 2em;
    font-weight: 600;
}

.mi-close span:hover {
    background-color: #000;
    color: #fff;
    border: 1px solid #000;
}

.ui-dialog-titlebar.ui-corner-all.ui-widget-header.ui-helper-clearfix.ui-draggable-handle,
.ui-dialog-titlebar.ui-corner-all.ui-widget-header.ui-helper-clearfix.ui-draggable-handle {
    background-color: white;
    border: none;
}

/* .ui-dialog-buttonset {
    float: none !important;
    margin: 0 auto;
    display: block;
    width: 100%;
    text-align: center;
} */

.manage_user_table table th, .header_light_blue span,
.manage_user_table table td {
    text-align: left;
    padding: 10px;
    /*border-left: 1px solid #fff;*/
    text-align: left;
}

table.dataTable.display tbody tr.even>.sorting_1, table.dataTable.order-column.stripe tbody tr.even>.sorting_1 {
    background-color: #f8f6ff;
}
.manage_user_table table th {
    background-color: #3399FF;
    color: white;
}
/* change */
.manage_user_table table th .action_head {
    margin-left: 163px;
}
.table.dataTable.display tbody td{
    border-top:0px;
}
table.dataTable thead th, table.dataTable thead td{
    border-bottom:0px !important;
}
.manage_user_table table tr:nth-child(even),.manage_user_table table tr:nth-child(odd) td {
    background-color: #fff !important;
}
.manage_user_table table tr:nth-child(odd),.manage_user_table table tr:nth-child(even) td {
    background-color: #f8f6ff !important;
}
.action_show{
    padding:10px;
    border-radius:0.3rem;
}
.select-all-per,
.page-title,
.group-name,
.pad-tb-10 {
    padding-top: 10px;
    padding-bottom: 10px;
}
.pad-b-5 {
    padding-bottom: 5px;
}
.pad-r-5 {
    padding-right: 5px;
}
.pull-right {
    float: right;
}

.pull-left {
    float: left;
}


.pad-5imp {
    padding: 5px !important; 
}

.pad-10 {
    padding: 10px;
}

.mar-10 {
    margin: 10px;
}

.mar-right-10 {
    margin-right: 10px;
}

.width80per {
    width: 80% !important;
}
.min_width80per {
    min-width: 80% !important;
}
.mar-right-10 {
    margin-right: 10px;
}
.dropdownbtn {
    background: transparent;
    border: 1px solid #d4d1d1;
    border-radius: 5px;
    padding: 5px;
    cursor: pointer;
}

.dropdown .dropdown-menu {
    display: none;
    position: absolute;
    background-color: white;
    color: #505050;

    padding: 10px;
    min-width: 190px;
    right: 95px;
    box-shadow: 0.5px 1px 2px 1px #3399FF85;
    z-index: 10;
    border-radius: 0.3rem;
}

.dropdown .dropdown-menu li {
    padding: 7px;
}

.dropdown .dropdown-menu li span {
    cursor: pointer;
    color: #505050;
    line-height: 20px;
}

.active {
    display: block !important;
}

.pls_btn,
.mns_btn {
    border-radius: 18px !important;
    width: 25px;
    text-align: center;
    vertical-align: middle;
    outline: none;
    border: none;
    height: 25px;
    color: white;
    background: #000;
    font-size: 18px;
    cursor: pointer;
    padding: 0px !important;
}

.userselect {
    height: 160px !important;
}

.login_container input {
    border-radius: 0.3rem;
    float: none;
    width: 100% !important;
}

.login_container input[type="submit"] {
    height: 35px !important;
    line-height: normal !important;
}

.login_container input[type="text"],
.login_container input[type="password"] {
    border-color: #e1e1e1;
}

.currenttime {
    font-family: 'Orbitron', sans-serif;
    color: #a7abc3 !important;
    font-size: 17px;
}


.ui-dialog {
    border-radius: 0.3rem;
    width: 478px;

}


.ui-dialog .ui-dialog-titlebar-close {
    display: none;
}

.ui-dialog .ui-widget-content {
    border: none !important;
}

.ui-button {
    padding: 0.2em .5em;
    background: #3399FF !important;
    color: white !important;
    border: 1px solid transparent !important;
}

.error_list {
    color: red;
}

.error_list li {
    margin: 10px;
}

.icon_wrapper {
    background: url(../images/resources_icon.png) no-repeat;
    height: 30px;
    width: 100%;
    margin: 0 auto;
    display: block;
    margin-top: 17px;
    border: 0px;
}


.leftsidebar_option_wrapper {
    background-color: transparent;
}

.icon_btn_wrapper {
    width: 45%;
    margin: 0 auto;
}

.left_side_option {
    width: 180px !important;
    /* margin-left: 10px;
    padding-right: 10px; */
    /* background-color: #fff  !important; */
}

.leftsidebar_option_wrapper .tabcontent {
    color: #505050;
}
.logo img {
    margin: 10px auto;
    display: block;
    margin-bottom: 5px;
}

.message_board_header .logo img {
    height: 50px;
    width: auto;
    margin: 2px;
}
.logo {
    /* margin: 10px auto; */
    display: block;
    /* border-bottom: 1px solid #ebebeb; */
    text-align: center;
    /*padding-bottom: 20px;*/
}
.login_panel_title{
    font-size: 13px;
    color: #39f;
    line-height: 2;
}
/* Add this attribute to the element that needs a tooltip */
[data-tooltip] {
    position: relative;
    z-index: 2;
    cursor: pointer;
}

[data-tooltip-top] {
    position: relative;
    z-index: 2;
    cursor: pointer;
}

[data-tooltip-right] {
    position: relative;
    z-index: 2;
    cursor: pointer;
}

/* Hide the tooltip content by default */
[data-tooltipprewrap="yes"]::before{
    white-space: pre-wrap;
}

[data-tooltip]:before,
[data-tooltip]:after {
    visibility: hidden;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    pointer-events: none;
}

[data-tooltip-top]:before,
[data-tooltip-top]:after {
    visibility: hidden;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    pointer-events: none;
}

[data-tooltip-right]:before,
[data-tooltip-right]:after {
    visibility: hidden;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    pointer-events: none;
}

/* Position tooltip above the element */
[data-tooltip]:before {
    position: absolute;
    top: 150%;
    left: 50%;
    margin-bottom: 5px;
    margin-left: -80px;
    padding: 7px;
    width: 150px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #000;
    background-color: hsla(0, 0%, 20%, 0.9);
    color: #fff;
    content: attr(data-tooltip);
    text-align: center;
    font-size: 14px;
    line-height: 1.2;
}



[data-tooltip-top]:before {
    position: absolute;
    bottom: 150%;
    left: 50%;
    margin-bottom: 5px;
    margin-left: -80px;
    padding: 7px;
    width: 150px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #000;
    background-color: hsla(0, 0%, 20%, 0.9);
    color: #fff;
    content: attr(data-tooltip);
    text-align: center;
    font-size: 14px;
    line-height: 1.2;
}

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
    position: absolute;
    top: 135%;
    left: 50%;
    margin-left: -5px;
    width: 0;
    border-top: 5px solid #000;
    border-top: 5px solid hsla(0, 0%, 20%, 0.9);
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    content: " ";
    font-size: 0;
    line-height: 0;
    transform: rotate(180deg);
}


[data-tooltip-top]:after {
    position: absolute;
    bottom: 150%;
    left: 50%;
    margin-left: -5px;
    width: 0;
    border-top: 5px solid #000;
    border-top: 5px solid hsla(0, 0%, 20%, 0.9);
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    content: " ";
    font-size: 0;
    line-height: 0;
}

[data-tooltip-top]:before {
    position: absolute;
    bottom: 150%;
    left: 50%;
    margin-bottom: 5px;
    margin-left: -80px;
    padding: 7px;
    width: 150px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #000;
    background-color: hsla(0, 0%, 20%, 0.9);
    color: #fff;
    content: attr(data-tooltip-top);
    text-align: center;
    font-size: 14px;
    line-height: 1.2;
}




[data-tooltip-right]:before {
    position: absolute;
    top: 50%;
    left: calc(100% + 10px);
    transform: translateY(-50%);
    margin-bottom: 5px;
    margin-left: 0px;
    padding: 7px;
    width: 150px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #000;
    background-color: hsla(0, 0%, 20%, 0.9);
    color: #fff;
    content: attr(data-tooltip-right);
    text-align: center;
    font-size: 14px;
    line-height: 1.2;
}

[data-tooltip-right]:after {
    position: absolute;
    top: 50%;
    left: 15px;
    margin-left: -0px;
    width: 0;
    border-top: 8px solid transparent;
    border-right: 5px solid transparent;
    border-left: 8px solid hsla(0, 0%, 20%, 0.9);
    content: " ";
    font-size: 0;
    line-height: 0;
    transform: rotate(43deg) translateY(-50%);
}

/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
    visibility: visible;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
}


[data-tooltip-top]:hover:before,
[data-tooltip-top]:hover:after {
    visibility: visible;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
}


[data-tooltip-right]:hover:before,
[data-tooltip-right]:hover:after {
    visibility: visible;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
}

.taskbox_tooltip:before {
    width: 100%;
    transform: translateX(-50%);
    margin-left: 0;
}

.syncbtn [data-tooltip]:before {
    bottom: -300%;
}

.left_icon_navigation a span,
.left_icon_navigation ul {
    display: none !important;
}

.left_icon_navigation a {
    font-size: 23px;
    text-align: center;
    color: white;
    margin-top: 10px;
    border-radius: 5px;
}

.left_icon_navigation a i {
    padding: 10px;
}

.sidebar_bottom {
    position: absolute;
    bottom: 5%;
    text-align: center;
    width: 100%;
    font-size: 23px;
}

.sidebar_bottom a,
.sidebar_bottom a:visited {
    color: white;
}

.sidebar_main a.active-link {
    background-color: #6da1dc;
}

.navigation ul li a.active_nav {
    color: #3399FF;
    border-right: 2px solid;
}

.navigation ul li a:hover {
    color: #3399FF;
    /* border-right: 2px solid; */
    /* overflow-x: scroll;  added by MI73 */
    overflow-y: hidden;  /* added by MI73 */
}

.navigation2 ul li a.active_nav {
    color: #3399FF;
    border-right: 2px solid;

}




.module a i {
    padding: 0px 10px 0px 10px;
    width: 34px;
}

.cmspage ul li ul li a {
    padding-left: 30px;
}

/*
.leftsidebar,
.navigation {
    border-right: 0.5px solid #808080c9;
} */

/* .leftsidebar {
    box-shadow: 1px 1px 3px #ebebeb;
} */

/* commane css  */
.col-12 {
    width: 100%;
    padding: 10px;
}

.col-6 {
    width: 50% !important;
    padding: 10px;

}

.col-5 {
    width: 41.6666666666%;
    padding: 10px;

}

.col-4 {
    width: 33.3333333333%;
    padding: 10px;
}

.col-3 {
    width: 20%;
    padding: 10px;
}

.col-2 {
    width: 20%;
    padding: 10px;
}

.col-1 {
    width: 8.33333333333%;
    padding: 10px 3px;

}

.col-p-30 {
    width: 30%;
}

.mar-top-10 {
    margin-top: 10px !important;
}
.mar-top-5 {
    margin-top: 5px !important;
}
.mar-bottom-10 {
    margin-bottom: 10px !important;
}
.mar-bottom-5 {
    margin-bottom: 5px !important;
}
.mar-bottom-6 {
margin-bottom: 6px;
}

.mar-10 {
    margin: 10px;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.text-left {
    text-align: left;
}
.whitebag {
    padding: 9px;
    border-radius: 0.3rem;
    background-color: white;
    border: 1px solid #dfdfdf;
    -webkit-box-shadow: 0 6px 6px -6px #333;
	   -moz-box-shadow: 0 6px 6px -6px #333;
	        box-shadow: 0 6px 6px -6px #333;
}

#sprint_container .col-4{
    min-height: 500px;
    overflow-y: auto;
}

.border-bottom {
    border-bottom: 1px solid #50505052;
}

.conatiner-title {
    margin-left: 0px;
    margin-top: 13px;
}

.nomargine {
    margin: 0 !important;
}

.nopad {
    padding: 0 !important;
}
.flex_end {

margin-left: auto;
}
.mar-3p {
    margin: 3%;
}

.mar-1p {
    margin: 1%;
}

.menu-parent {
    position: relative;
}

.menu {
    position: absolute;
    right: 20px;
    top: 20px;
    background-color: white;
    border-radius: 0.3rem;
    line-height: 1;
    box-shadow: 0.5px 1px 2px 1px #3399FF85;
    color: #505050;
    display: none;
    z-index: 1;
}

.menu ul li {
    padding: 5px;
}

.menu a {
    color: #505050;
}

.menu a:hover {
    color: #3399FF;
}

.menu ul {
    padding: 10px;
    width:260px;
}

.menu-trigger {
    cursor: pointer;
    padding: 12px;
    position: absolute;
    right: 0;
    top: 0;
}

table.dataTable tbody th, table.dataTable tbody td {
    padding: 8px 10px 15px 10px !important;
}
table.dataTable th:first-child {
    border-radius: 6px 0 0 0;
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
}
table.dataTable thead th, table.dataTable thead td {
    padding: 14px 10px !important;
}
.menu a{
    cursor:pointer;
}
menu.action_menu {
    top:14px;
}
table.dataTable th:last-child {
    border-radius: 0 6px 0 0;
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
}
table.dataTable tr:last-child td:first-child {
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;
}
table.dataTable tr:last-child td:last-child {
    -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 0;
}
table.dataTable.no-footer{
    border-bottom:0px !important;
}

.listmenu{
    padding: 0px 12px;
    cursor: pointer;
    padding: 12px;
    position: absolute;
    right: 0;
    top: 0;
}

.active-menu {
    display: block;
}

.submenu i {
    font-size: 10px;
    margin-right: 10px;
    color: #5050509e;
}

.break-all {
    word-break: break-all;

}

.text-color {
    color: #000;

}

.np {
    padding: 0px !important;
}

/* end */
#container h4 {
    color: #3399FF;

}

.ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix {
    margin-top: -40px;
}

.project_list td {
    padding: 10px !important;
    vertical-align: top;
}
.project_menu{
    margin: 2px 0px 0px 12px;
    width: 30px;
    background-color: #fff;
    height: 31px;
    padding: 4px 7px;
    border-radius: 50%;
}

.not_found_record {
    padding-top: 10px;
    text-align: center;
    padding-bottom: 10px;
}

.actions {
    float: right;
    position: relative;
    /*background: url(../images/Emp-Grid-View_03.png) no-repeat;*/
    width: 8px;
    height: 15px;
}
.message_board_header .actions {
    left: -1px;
    top: -1px;
}

.action_listing {
    padding-left: 19px;
}

.list_wrapper {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}

.list_resource {
    min-height: 100px;
    height: 100% !important;
    background-color: #fff;
    padding: 5px 5px 15px 5px;
    border-radius: 5px;
        -webkit-box-shadow: 0 6px 6px -6px #333;
	   -moz-box-shadow: 0 6px 6px -6px #333;
	        box-shadow: 0 6px 6px -6px #333;
}

.res_img_list {
    border-radius: 50%;
    width: 80px;
    height: 80px;
    /* border: 1px solid #ccc; */
    margin: 0 auto;
    text-align: center;

    box-shadow: rgb(0 0 0 / 33%) 0px 0px 8px 1px;
    
    overflow-y: hidden;
    margin-left: 35%;
    margin-right: 35%;

}

.res_img {
    width: 100%;
    height: 100%;
    /* border-radius: 50%; */
    background: #fff;
    margin: 0 auto;
}

.anchore_action {
    padding-left: 20px;
}

.coleg_name {
    color: #383e46 !important;
    font-weight: 600;
    font-size: 17px !important;
}

.filter_input_wrap {
    width: 26%;
    display: inline-block;
    margin-left: 25px;
}

.filter_btn_wrap {
    width: 10%;
    display: inline-block;
}

.page_title_content {
    width: 50%;
    margin-left: 12px;
}

.top_wrapper_content {
    display: inline-block;
    width: 95%;
    margin-bottom: 15px;
}

.page_title_content,
.add_profile_btn {
    display: inline-block;
}

.add_profile {
    margin: 0px !important;
}

.bold_title {
    font-size: 18px;
    font-weight: 600;
    color: #000;

}

.fontweight600 {
    font-weight: 600;

}

.btn-primary.add_profile {
    border-radius: 0.5rem;
    padding: 8px 6px;
    font-size: 10px;
}

.title_listing {
    margin-left: 15px;
    width: 100%;
    margin-bottom: 10px;
    color: #000;
    font-weight: 600;
    font-size: 16px;
    margin-top: 40px;


}
#list_resources .title_listing {
margin-left: 20px;
}

.dropdownbtn.actions_icon {
    border: 0px !important;
    margin-left: -11px;
    padding: 4px;
    margin-top: -6px;
}

.action_listing.dropdown-menu.active {
    right: 13px !important;
    top: 12px;
    /*padding-left: 11px;*/
    z-index: 1;
    padding: 0px;
}

.task-box-outer .action_listing.dropdown-menu.active{
    z-index: 5;
}

.project-filter {
    height: 54px;
    text-align: center;
    box-sizing: unset; /*added by MI73 */
}

#project_backlog_wrapper .project-filter {
    margin-top: 70px;
}

.project_icon i {
    font-size: 56px;
    line-height: 68px;

}
#task_flow .flex-container, #pm_task_flow .flex-container{
    width: 100%;
    min-height: 350px;
/*    display: -webkit-flex;
    display: flex;
    overflow: auto;
    flex-wrap: nowrap;*/
}

.flex-container {
    width: 100%;
    min-height: 180px; /*MI73 changes 350 to 180 */
    margin: 0 auto;
    display: -webkit-flex;
    /* Safari */
    display: flex;
    /* Standard syntax */
    flex-wrap: wrap;

}
#team_backlog{
    /* width: 100%;
    height: 500px;
    overflow-y: scroll; */
    /* width: calc(100vw - 65vw); */
    min-height: 500px;
    overflow-y: scroll;
    white-space: nowrap;
    cursor: grab;
    float: left;
    width:55%;
    /* background-color: #3399ff9c; */
}

.icon-circle {
    border: 2px solid;
    border-color: #3399FF;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    vertical-align: middle;
}

.header_right_block {
    position: relative;
}

.header_profile_listing {
    background: #ffffff;
    width: 188px;
    height: 80px;
    position: absolute;
    border: 1px solid #FCFFFC;
    top: 39px;
    right: 5px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    padding-top: 15px;
    display: none;
}

.header_profile_listing ul li a {
    color: #000;
}

.header_profile_listing ul li {
    padding: 0px 19px 15px 19px;
}

/*mi44*/

.bg_white {
    background-color: #fff;
}

.pos_relative {
    position: relative;
}

.width50 {
    width: 50%;
}

.mrbtm30 {
    margin-bottom: 30px;
}

.font600 {
    font-weight: 600;
}

.padd20 {
    padding: 20px;
}

.display_inline_block {
    display: inline-block;
}

.box_large {
    border-radius: .4rem;
}

.box_samll {
    width: 48.2%;
    margin-right: 37px;
    border-radius: .4rem;
}

.img_wrapper {
    border-radius: 50%;
    width: 120px;
    height: 120px;
    border: 1px solid #ccc;
    margin-right: 20px;
    text-align: center;
    font-size: 90px;
}

.small_box_wrapper .box_samll:nth-child(even) {
    margin-right: 0px;
}

.mrg_r0{
    margin-right: 0px;
}

.img_right_text {
    width: 70%;
}

.dotted_border_left {
    border-left: 4px dotted #ccc;
}

.dotted_border_right {
    border-right: 4px dotted #ccc;
}

.border_lr1p {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
.profile_table tr th {
    font-weight: 600;
    float: left;
    width: 50%;
    text-align: left;
    line-height: 35px;
    font-size: 14px;
}

.profile_table tr td {
    float: left;
    text-align: left;
    width: 50%;
    line-height: 35px;
    font-size: 14px;
    word-wrap: break-word;
}

.profile_table tr td.add_line_ht {
    line-height: 25px;
}

/*mi44  end*/

#list_resources .list_wrapper {
    width: 100%;
    margin: 0 auto;
}

.img_right_text span {
    font-size: 14px;
    line-height: 30px;
}

.img_right_text .name_adminer {
    font-size: 16px;
}

.exp_block {
    font-size: 14px;
}

.exp_block li {
    width: 2em;
    height: 2em;
    text-align: center;
    line-height: 2em;
    border-radius: 1em;
    background: dodgerblue;
    margin: 0 1em;
    display: inline-block;
    color: white;
    position: relative;
}

.exp_block li::before {
    content: '';
    position: absolute;
    top: .9em;
    left: -4em;
    width: 4em;
    height: .2em;
    background: dodgerblue;
    z-index: -1;
}

.exp_block li:first-child::before {
    display: none;
}

.exp_block li {
    padding-bottom: 20px;
}


/* feb 21  */


.module_tool b {
    line-height: 20px;
}

.profile_icon {
    cursor: pointer;
}

.drop_container {
    margin-top: 5px;
}

.drop_container input[type="file"] {
    opacity: 0;
    border: 1px dashed #000;
    z-index: 10;
    position: relative;
    top: -51px;
    width: 100%;
    height: 38px;
    cursor: pointer;
}

.drop_container .drop_area {
    border: 1px dashed #000;
    padding: 10px 0px 10px 5px;
    min-width: 100%;
    z-index: 9;
    background-color: #fff;
    cursor: pointer;

}

/* Accordion */


.accordion {
    background-color: #3399ff87;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
    margin-bottom: 5px;
}

.accordion.active,
.accordion:hover {
    background-color: #3399FF;
    color: white;
}

.accordion:after {
    content: '\002B';
    color: white;
    font-weight: 600;
    float: right;
    margin-left: 5px;
}

.accordion.active:after {
    content: "\2212";
}

.panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

/* end */

.header-button {
    background: transparent;
    border: none;
    height: 52px;
    top: 0;
    overflow: hidden;
}

#header_main .dropdown .dropdown-menu {
    right: 10px ;
    color: #505050;
    height: fit-content;
    max-height: 70vh;
    overflow: auto;
    

}

#header_main .dropdown .dropdown-menu a {
    right: 10px !important;
    color: #505050;

}
.box_container{
    margin: 10px 12px;
}
.label-active {
    cursor: pointer;
    background-color: #14d600;
    color: white;
    padding: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 0.3rem;
}

.list_container {
    width: 100%;
    min-height: 300px;
    margin: 0 auto;
}

.list_container table {
    color: #333333;
    /* border-bottom: 5px solid #ed5565; */
    width: 100%;
    margin: 10px 0 25px;
    font-size: 14px;
}

.header_left_block {
    width: 185px;
    height: 65px;
    box-shadow: 1px 0px 0px #ebebeb;
    margin: 5px;
    /* overflow: hidden; */
    margin-right: 10px;
}

.lable-25, .sprint_date {
    line-height: 25px;
}


label, .line_ht_30 {
    line-height: 30px;
}


 .h35px {
    height: 35px;
}
.flex-container .project_details_wrapper table td {
    padding: 10px 3px 10px 0px;
    font-size: 14px;
}

.flex-container .project_details_wrapper table {
    margin-top: -8px;
    line-height: 20px;
}

.flex-container .project_title {
    font-weight: 600;
}

.team_member {
    /*      border: 1px solid #d0d0d0;*/
    width: 50px;
    height: 50px;
    border-radius: 50%;
    float: left;
    margin: 2px;
}
.task_block {
    margin: 20px;
}
.task-container {
    background-color: #fff;
    width: 100%;
    height: 500px;
    float: left;
}
.flex-container .task_box{
    min-width: 384px;
    padding: 4px;
}
.flex-container.flex_container_wrapper{
    flex-wrap: unset !important;
    overflow-x: scroll;
}
#task_by_date .task_view{
   width: 265px !important;
}
#task_by_date .dropdown .dropdown-menu{
    min-width: 165px !important;
}
.mrbtm30 h1 {
    line-height: 30px;
    font-size: 20px;
}
.assing_usr{
    padding:7px;
    line-height:20px;
}
#add_task #desc_ifr, #sprint_goal_ifr{
    height: 150px !important;
}
.project_team_details {
    height: 85px;
}
.project_team_details .team_member{
    position: relative;
}
.project_team_details .user_img, .project_team_details  .userimg{
    width: 40px !important;
    height: 40px !important;
}
#all_tasks, .activity_list {
     overflow: auto;
    height: 550px;
}
#general_tasks .assign_task,#all_tasks .assign_task, #general_validation_tasks .assign_task {
    height: 210px !important;
}
#general_tasks .task_info,#general_validation_tasks .task_info{
/*    margin-top: -20px !important;*/
}
.task_attachment {
    margin-top: -45px;
}
.close_icon{
    font-size: 11px;
    border: 1px solid;
    padding: 2px 3px;
    border-radius: 50%;
    position: absolute;
    top: -9px;
    right: -12px;
}
.sprint_box{
    min-height: 150px !important;
}
.sprint_box .sprint_team{
    margin-top: 0px !important;
    width: 200px;
}
.meeting_list .sprint_team{
    margin-top: 0px !important;
    min-width: 100px;
    float: left !important;
    padding: 0px 10px;
}
.sprints_content .sprint_box{
    border: 1px solid #d0d0d0;
    min-height: 175px !important;
    height: 100% !important;
    min-height: 175px;
    display: table-column;
    cursor: pointer;
}
#general_tasks .assign_task, #all_tasks .assign_task, #general_validation_tasks .assign_task{
   border: 1px solid #d0d0d0;
    height: 300px !important;
}
#add_task {
    background: #fff !important;
}

#add_task .button_wrapper .button_box {
    width: 325px;
    text-align: center;
}

.small_popup_wrapper {
    width: 500px;
}

.dataTables_info,
.hidden {
    display: none;
}

.dataTables_length select {
    width: auto !important;
    padding: 8px !important;
}
.dataTables_paginate,
.dataTables_length {
    margin-top: 5px;
}

#loader , #offline {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999999999;
    display: none;
    text-align: center;
    background: #5aa6d81a;
}

#loader .miloader  {
    position: absolute;
    left: 50%;
    bottom: 50%;
    transform: translate(-50%, -50%);
}
#offline .mioffline{
    position: absolute;
        left: 50px;
        bottom: 50px;

}
#container{background-color:#e6e9f060!important;height: 100vh; }

#container .login_container {
    width: 100%;
    position: absolute;
    top: 0px;
    bottom: 0px;
    z-index: 11;
}

.attachment {
    padding: 0px 34px;
}
.meeting_list .sprint_team .user_img{
    margin: 5px 10px;
    float:left;
}
 .sprint_team .user_img,  .sprint_team img, .view_sprint_team .user_img, .view_sprint_team img{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #d0d0d0;
    color: #D0D0D0;
    position: relative;
    margin: 2px;
}

.team_member img, .team_member .user_img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid #d0d0d0;
    color: #d0d0d0;
}
.project_team_details .team_member img{
    width: 40px !important;
    height: 40px !important;
}
.team_box {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.034), 0 1px 1px rgba(0, 0, 0, 0.048), 0 1px 1px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px rgba(0, 0, 0, 0.072), 0 1px 2px rgba(0, 0, 0, 0.086), 0 1px 1px rgba(0, 0, 0, 0.12);
    border-radius: 1%;
    width: 20%;
    display: block;
}

.activity_icon .icon_wrap, .process_icon .icon_wrap {
    width: 56px;
    border: 1px solid #d0d0d0;
    border-style:solid;
    border-radius: 50%;
    padding: 4px;
    height: 56px;
}

.activity_icon .icon, .process_icon .icon {
    background: #d0d0d0;
    padding: 7px 14px;
    border-radius: 50%;
    width: 46px;
    height: 47px;
}
.activity_icon, .process_icon{position: relative;}
.activity_icon .line_exp, .process_icon .line_exp{
    left: 30px;
    min-height: 44px;
}
.success, .error {
    line-height: 20px;
    color:white;
}
.member_info, .memberinfo,
.task_info, .info {
    padding: 0px 0px 1px 10px;
    font-size: 14px;
    line-height: 20px;
    width: 65%;
    word-wrap: break-word;
}
.pert_time {position: relative;}
.pert_time .show_all_time, .all_tasks_tooltip{
    display:none;
    background-color: #fff;
    color: #000;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: 20px;
    left: 0px;
    border: 1px solid #d0d0d0;
    height: auto;
    width: 170px;
    padding: 7px;
}
.all_tasks_tooltip{
    display:none;
    background-color: #fff;
    color: #000;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: 39px;
    left: 96px;
    border: 1px solid #d0d0d0;
    height: auto;
    width: 170px;
    padding: 7px;
}

.task_info, .task_process_wrapper .assign_task,  .task_process_wrapper .meeting {
    width: 95% !important;
}

.story_block .task_info {
    min-height: 150px;
}

.main_wrapper {
    width: 16%;
    float: left;
    margin: 0px 3px;
    min-height: 200px;
    border: 5px solid #f2f2f2;
    border-radius: 0.3rem 0.3rem;
}
.main_wrapper .team_wrapper {
    background: #ffffff;
    box-shadow: 0.5px 1px 2px 1px #ededed;
    border-radius: 5%;
    display: inline-block;
    width: 100%;
    padding: 10px 0px;
    margin-top: 0px;
    margin-bottom: 15px;
}

.big_popup_wrapper {
    width: 1000px;
}

.team_box_title {
    padding: 6px;
    text-align: center;
    border-radius: 0.3rem 0.3rem 0 0;
    background-color: #f2f2f2;
    height: 50px;
    pointer-events: none;
}

.main_wrapper .team_drop {
    width: 100%;
    min-height: 200px;
    border: 5px solid #f2f2f2;
    border-radius: 0.3rem 0.3rem;
}

.team_wrapper .team_drop {
    position: relative;
}

#mail_view .filed_input, #story_view .filed_input {
    border: 1px solid #d0d0d0;
    padding: 10px;
    line-height: 18px;
}

.col-team-5 {
    width: 19%;
    padding: 1px 5px;
    border: 1px solid #000;
    margin: 10px 30px 3px 4px;
    border-radius: 5px;

}

/* tiny mce baground fix */

.mce-content-body:before,
.mce-content-body:after {
    display: none !important;
}
.break_word{
word-break: break-all;
}
.whitebg {
    margin-bottom: 10px;
}

.team_drop .col-team-5 {
    border: none;
    position: relative;
}

#sortable table{
    width: 100%;
}
#sortable .col-team-5{
    padding: 0 5px 10px 5px;
    font-size: 13px;
}
#sortable .team_member {
    /* border: 1px solid #d0d0d0; */
    width: 30px;
    height: 30px;
    border-radius: 50%;
    float: left;
    margin: 2px;
}
#sortable .team_member img,#sortable .team_member .user_img{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #d0d0d0;
    color: #d0d0d0;
}
.team_wrapper .member_info{
    height: 100px !important;
}
.team_drop .member_info, .sprint_team .member_info, .view_sprint_team .member_info, .team_drop .info {
    display: none;
    background-color: #fff;
    color: #000;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: -102px;
    left: 30px;
    margin-left: -60px;
    border: 1px solid #d0d0d0;
    height: 110px;
    width: 145px;
}
.team_drop .info {
     height: auto !important;
}
.manage_user_outer .outer_team_wrap{
    height: 170px;
    overflow: auto;
}
.project_team_details .team_member .memberinfo::after {
    left: 48% !important;
}
.member_wrapper .member_info::after {
    left: 30% !important;
}
.team_drop .member_info::after ,.mt_listing .member_info::after,
.sprint_team .member_info::after, .view_sprint_team .member_info::after,
.project_team_details .team_member .memberinfo::after, .member_wrapper .member_info::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 42%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #aeaeae transparent transparent transparent;
}
.sprint_team .member_info::after{
    left: 76% !important;
}
.user_container .team_member .info::before, .pert_time .show_all_time::before, .all_tasks_tooltip::before{
    content: '';
    display: block;
    position: absolute;
    left: 64px;
    bottom: 100%;
    width: 0;
    height: 0;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #aeaeae transparent;
}

.team_wrapper .team_drop .member_info::after {
    left: 47% !important;
}
.team_wrapper .team_drop .member_info{
    left: 18px !important;
}
.team_wrapper .team_drop .member_info {
    top:-104px;
}
.sprint_team .member_info{
    top: -109px !important;
    left: -36px !important;
    height: 105px !important;
    word-break: break-word;
}
.view_sprint_team .member_info{
     top: -115px !important;
     left: 13px !important;
}
.user_container .member_info, .user_container .info{
    top: 54px !important;
    left: 164px !important;
}
.user_container .team_member .user_img:hover .info,
.user_container .team_member .userimage:hover .info, .pert_time:hover .show_all_time,  .all_task_outer:hover .all_tasks_tooltip{
    display: block !important;
}
.view_sprint_team .userimg:hover .member_info,
.project_team_details .team_member .user_img:hover .memberinfo,
.project_team_details .team_member .userimg:hover .memberinfo{
    display: block !important;
}

.team_drop .col-team-5:hover .member_info, .sprint_team .user_img:hover .member_info,
 .view_sprint_team .user_img:hover .member_info, .sprint_team .userimg:hover .member_info,
.team_wrapper .team_drop:hover .member_info, .sprint_list_meeting .userimg:hover .mem_info, .sprint_list_meeting .user_img:hover .mem_info  {
    display: block;
}
.sprint_list_meeting .mem_info::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 42%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #aeaeae transparent transparent transparent;
}
#mng_team {
    min-height: 500px;
}

.main_team_wrapper {
    height: 160px;
    overflow: auto;
    display: flex;
    flex-wrap: wrap;
    /*display: inline-block;  Add by MI73  */
}

#project_backlog_wrapper .manage_user_outer , .userimg{
    position: relative;
}
#project_backlog_wrapper .info_ext{
    margin-top:-25px !important;
}
.gray_color {
    color: #696969;
}

#cms_pages_wrapper {
    line-height: 1.5em !important;
}

.mid_button_wrapper {
    margin: 15px auto;
    text-align: center;
}



.vertical_top {
    vertical-align: top;
}

.vertical_bottom {
    vertical-align: bottom;
}

.full_width,#view_rules .info_ext,#project_list .info_ext.white_clr.info_rg {
    width: 100%;
}
.info_ext.white_clr .info_wrapper i{
    /* color:#fff; */
}

.remove_btn,
.mr_left5 {
    margin-left: 5px;
}

#con_add .full_width_con {
    margin-bottom: 20px;
    width: 83% !important;
}

.color_white {
    color: #fff;
}

.width90 {
    width: auto;
    margin-right: 10px;
}

.width10 {
    width: 10%;
}

.delete_icons_con {
    margin-top: 0px;
}

.delete_icons_con i,
.edit_icons i {
    color: #39F !important;
    font-size: 18px;
    margin-top: 0px;
}

#list_resources {
    float: left;
}

.rules_parent_div ul li {
    margin-bottom: 10px;
}

.rules_parent_div ul li p {
    line-height: 20px;
}

#edit_con, .task_count {
    margin-top: 20px;
}

.delete_icons_con,
.edit_icons {
    margin-right: 10px;
    margin-top: 0px !important;
}

.edit_icons i,
.delete_icons_con i {

    height: 23px;
    width: 25px;
    background-color: #3399FF;
    border-radius: 0.3rem;
    display: inline-block;
    position: relative;
    color: #39F !important;
    margin-top: 0px;

}

.edit_icons i::before,
.delete_icons_con i::before {
    position: absolute;
    top: 4px;
    color: #fff;
    font-size: 15px;
}

.edit_icons i::before {
    left: 5px;
}

.delete_icons_con i::before {
    left: 7px;
}

.rules_show {
    width: 90%;
}

.edited_rules,
.deleted_rules {
    width: 5%;
}

.Project_details {
    margin-left: 65px;
    min-height:102px;
}
.task_outer{
   height: 165px !important;
}

.Project_details .title {
    line-height: 23px;
    /*padding: 10px;*/
    /* margin-left: 55px;*/
}
.Project_details .details{
    color: #bbb;
}
.Project_details .title .time_span{
    width: 14%;
    /*line-height: 15px;*/
    font-size: 13px;
}

#sprint_form .sprint_team_box{
    height: 250px;
    border:1px solid #000;
    overflow: auto;
}
.sprint_team{
    float: right;
    margin-top: -14px;
    position: relative;
}
.sprint_team img, .view_sprint_team img{
    border: 1px solid #d0d0d0;
    border-radius: 50%;
    width: 30px;
    height:  30px;
    float: left;
    margin: 2px;
}
.show_con{
    padding-bottom:20px;
    width:100%;
    float:left;
}
.show_con li{
    margin-bottom:12px;
}

.rule_lable{
    width:20%;
}
.rule_textarea{
    width:75%;
}
.rule_wrapper{
    margin-bottom: 20px;
    width: 100%;

}
.rules_btm a,.color_white{
    color:#fff;
}
.listing_icons li {
    list-style-type: none;
    width: 10%;
}



.rule_lable{
    width:22%;
}
.rule_textarea{
    width:75%;
}
.rule_wrapper{
    margin-bottom: 20px;
    width: 100%;

}
.rules_btm a{
    color:#fff;
}
.listing_icons li {
    list-style-type: none;
    width: 10%;
}
.add_cons_save{
    padding:8px 15px !important;
}

.width70p {
    width: 65% !important;
}

.width30p {
    width: 30% !important;
}


.shadow {
    box-shadow: 0px 0px 9px 1px #bbb;
}
.border-radius {
    border-radius: 5px;
}
.view_wrapper .shadow{
    box-shadow: 0px 0px 1px 0.5px #bbb;
    border-radius: 5px;
}
.view_wrapper,#container .view_proj .view_wrapper{
    margin-top:20px;
}

.collapsed{
    width: 100%;
    text-align: left;
    text-decoration: none;
    font-size: 17px;
    padding: 15px;
    border-color: transparent;
    background-color: #fff;
}
.view_wrapper_con{
    width:800px !important;
}
.card-header{
    position:relative;
    width: 100%;
}
.action_wrp_menu{
    float: right;
    width: 0%;
    margin-top: 20px;
    position: initial;
}
.const_text{
    width:90%;
    padding:6px;
    margin-left:30px;
}
#container .hidden_con{
    border:none;
}

#container .const_text {
    font-size:16px;
}
.edit_contstrains {
    cursor:pointer;
}
.no_record{
    padding:20px;
}
.headingOne .menu{
    width:134px;
}
.headingOne .menu-trigger{
    right:7px;
}


.width75 {
    width:75%;
}

.selectBox {
    position: relative;
}

.selectBox select {
    width: 100%;
    font-weight: 600;
}

.overSelect {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

#checkboxes {
    display: none;
    border: 1px #dadada solid;

}

#checkboxes label {
    display: block;
    padding: 0px 10px;
}

#checkboxes label:hover {
    background-color: #1e90ff;
}
#checkboxes .checkboxinput{
    margin-right: 10px;
    height: 20px;
    width: 20px;
    margin-top: 6px;
}
#checkboxes span,.vertical_align_top{
    vertical-align:top;
}
.ui-timepicker-select{
    padding-right:10px;
}

.width600{
    width: 600px;
}

.width62per{
    width: 62%;
}
.width800 {
    width: 800px;
}
.width1000{
    width: 1000px;
}
.month_text{
    top: 4px;
    position: absolute;
    left: 1px;
}
.col-p-48{
    width:48%;
}
.main_table .first_tb_td{
    padding:0px !important;
}
.main_table .second_tb_td,.task_backlog.register_block{
    padding:0px !important;
}
.mem_member{
    margin:5px 5px 5px 0px;
}
.member_wrapper:hover .member_info {
    display: block;
}
.project_team_details .team_member .memberinfo{
    top: -90px !important;
    left: 11px !important;
}
.member_wrapper .member_info, .project_team_details .team_member .memberinfo {
    display: none;
    background-color: #fff;
    color: #000;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 99;
    top: -85px;
    left: 30px;
    margin-left: -60px;
    border: 1px solid #d0d0d0;
    height: 85px;
    width: 145px;
}
.project_team_details .team_member .memberinfo{
    height: 85px !important;
}
.action_menu{
    width:190px;
}
.project-filter.remove_left_padd,.project-filter .remove_left_padd,.remove_left_padd{
    padding-left:0px;
}
.search_notifiactions_delet_box,.mr-btm-20{
    margin-bottom:20px;
}
.add_request_wrappers{
    width:900px;
}
.meeting_time{
    width:33.33%;
    margin-right:10px;
}
.add_btn_wrp, .mar-left-20{
    margin-left:20px;
}
.add_task_btn{
    margin-right: 8px;
}
.up_wrapper .date_request_wrapper{
    width:100%;
}
#project_list .filter_wrp{
    width:98.6%;
}
.pdf_wrp{

    /*    border: 1px solid #50505052;*/
    background-color: #cccc;
    border-radius: 8px;
    width:83%;
}
.pdf_exte{
    width: 10%;
}
.pdf_inner{
    width: 52%;
    margin: 0 auto;
    height: 50px;
    padding-top: 6px;
}
#meeting_list .even_box:nth-child(2n+1){
    margin-right:22px;
}
.file_title{
    font-size:16px;
    font-weight:600;
}
.ln_ht{
    padding-top: 8px;
}
#meeting_list .odd_box{
    margin-right:0px;
}
.rules_constr li{
    line-height:25px;
}
#meeting_list .remove_pd{
    padding:2px 10px !important;
}
#projct_views_tb .project_tb{
    width:98%;
}
#content #projct_views_tb,#content .register_block.assing_user,#content .lf_box{
    padding: 15px 10px 20px 18px;
}
#projct_views_tb .project_tb tr:nth-child(odd){
    background-color: #f8f6ff ;
    border: 1px solid #dfdfdf;
}
#projct_views_tb .project_tb tr:nth-child(even){
    background-color: #fff ;
    border: 1px solid #dfdfdf;
}
#projct_views_tb .project_tb td{
    padding: 8px 10px 15px 10px ;
    vertical-align: middle;
}
#container #project_list .search.search_fileds{
    margin-right:16px;
}
#container #project_list .search_fileds{
    width:28%;

}

#container .filter_wrp .col-12,.up_wrapper{
    padding:0px;
}

.date_request_wrapper.mt_wrp{
    margin-right:0px;
}
.add_request_form_wrapper .timing{
    width:66% !important;
    margin-left:10px;
}
#container .cms_pages  .btn-primary.small{
    margin-left:20px;
}

.shoe_inf {
    min-width: 400px;
}
.info_wrapper i{
    color:#3399FF;
    font-size:25px;
}
.info_icons:hover + .shoe_inf,.shoe_inf:hover{
    display: block;
}
.assign_info_angle_fir {
    top: -18px !important;
    z-index: 2;
    right: 143px !important;
    left: auto !important;
}
/*.assiinfo_iconsgnform {
    color: #d6df4d;
    position: relative;
}*/

.info_icons:hover .shoe_inf {
    display: block;
}
.team_show{
    line-height:30px;
}
.info_icons i {
    padding-right:0px;
}
.info_ext{
    width:96%;
    padding-bottom:20px;
    margin-bottom:20px;
}
#view_meeting lable{
    width:24%;
}
#view_meeting .meeting_time {
    width: 20%;
}

.shoe_inf {
    position: absolute;
    z-index: 1;
    background-color: #fff;
    width: auto;
    text-align: left;
    border-radius: 5px;
    right: 49%;
    padding: 15px;
    text-decoration: none;
    box-shadow: 0.5px 1px 2px 1px #3399FF85;
    display: none;

    height: auto;
}
.details_show_p{
    font-size:14px;
    line-height:27px;
}
.setting_table td{
    width:50%;
}
.info_wrapper p {
    font-size:14px;
    line-height:20px;
}
.mt_listing .member_wrapper .member_info{
    top: -52px;
    left:26px;
    max-height: 105px;
    height:auto;

}


#myBtn {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    right: 15px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: #3399FF; /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 15px; /* Some padding */
    border-radius: 10px; /* Rounded corners */
    font-size: 18px; /* Increase font size */
}

#myBtn:hover {
    background-color: #3399FF; /* Add a dark-grey background on hover */
}
.srs_tbl td{
    padding:10px 10px 10px 0px;
}
.thumb_images{
    position: relative;
    box-shadow: inset 0 0 15px rgba(0,0,0,.1), inset 0 0 0 1px rgba(0,0,0,.05);
    background: #eee;
    cursor: pointer;
}




.media-thumbnail{
    position: relative;
    /*    box-shadow: inset 0 0 15px rgba(0,0,0,.1),inset 0 0 0 1px rgba(0,0,0,.05);*/
    border: 1px solid gray;
    background: #eee;

}
.project_tb td,.assing_usr p,.assing_usr small,.rules_constr li,.fnt_14{
    font-size:14px;
}
#project_tb b,.view_prj b{
    font-weight:600;
}
.media-thumbnail:before{
    content: "";
    display: block;
    padding-top: 100%;
}

.media-list-box ul,.assing_user li{
    list-style-type: none;
    padding: 0;
}
.media-list-box ul li{
    position: relative;
    float: left;
    padding: 8px;
    margin: 0;
    color: #444;
    cursor: pointer;
    list-style: none;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 20%;
    box-sizing: border-box;
}

#content .plus_btn,#content .mns_btn{
    height: 25px;
    width: 25px;
    border-radius: 26px;
    padding: 3px;
    font-weight: 800;
}

.media-thumbnail .thumbnail-img{
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1;
    transition: opacity .1s;
}
.media-thumbnail .thumbnail-img:after{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.1);
    overflow: hidden;
}

i.pdf_size{
    font-size:35px;
}

.media-list-box{
    width:100%;
    float:left;
    margin-bottom:20px;
}
.media-thumbnail .pdf-files{
    position:absolute;
    top:32%;
    left:50%;
    padding:0px;
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);

}
.media-thumbnail .pdf-files i{
    font-size: 60px;
    color: #3399FF;
}
.color_blk{
    color:#000;
}
.media-thumbnail .file-name{
    position: absolute;
    bottom: 0;
    word-break: break-all;
    padding: 10px;
    background: rgba(255, 255, 255, 0.9);
    font-size: 13px;

    font-weight:600;
}
.pdf_thumb{
    height:140px;
}
/* .media-thumbnail .thumbnail-img img{
    transform: translate(-50%,-50%);
}*/
.user_container {
    /* width: 30%; comment by MI73 */
    margin: 10px 10px;
    position: relative;
    /* float: left; comment by MI73 */
}
.task_container{
   border: 1px solid #cccccc;
   height: 500px;
   overflow-y: auto;
}
.user_container .team_member{
    float: none !important;
    margin: 2px auto !important;
    height: 80px;
    width: 100%;
}
.hour_time{
    margin-left: -28px;
}
.tbs {
  background-color: #cccccc;
  color: #000;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  font-size: 17px;
  width: 50%;
  height:50px;
}

/*.tbs:hover {
  background-color: #777;
}*/
.tabcon {
  color: white;
  /*display: none;*/
  padding: 7px;
  height: 100%;
}
#completed_tsk{
    display:none;
}
.active_tas{
    color:#000;
    background-color:#fff;
    border-top: 4px solid #3399FF;
    border-bottom:1px solid #cccc;
}
#content .inner_left_view{
    width: 66% !important;
    margin-right:30px;
}
#content .task_backlog.register_block{
    border-radius:0px;
}
.task_backlog, .task_view{
    margin-top:20px;
    border-radius:0px;
}
.task_tbl tr td:nth-child(2){
    width:65%;
}

.task_tbl td{
   color:#000;
   padding:10px;
}
.checked_circle i{
    font-size:22px;
    color:#cccc;
}
#view_meeting .rule_lable {
    width: 25%;
}
.task_desc{
    font-size: 15px;
    line-height: 20px;
    padding: 10px 30px;
    width:100%;
    height: auto;
    overflow: auto;
}
.task_desc a{
    cursor: pointer;
}
#attachment .task_details_wrapper .img_icon{
    width: 42px;
    height: 42px;
    border: 1px solid #e1e1e1;
    border-radius: 7px;
    position: relative;
}
#attachment .task_details_wrapper .img_icon img{
    border-radius: 7px;
}
#attachment .task_details_wrapper .img_icon .pdf_wrp{
    width: 99% !important;
    background-color: #ffffff !important;
}
#attachment .task_details_wrapper .img_icon .pdf_inner{
    height: 40px !important;
    width: 52% !important;
}
#attachment .task_details_wrapper .img_icon i.pdf_size{
    font-size: 30px !important;
    color: #a2a2a2;
}
.mar-10-0{
    margin: 10px 0px;
}
#sprint_view table td{
    padding: 10px;
}
.img-responsive{
    width:50px;
    height:50px;
}
.img_innner{
    margin: 0 auto;
    height: 50px;
    padding-top: 0px;
    width:100%;
}
.prj_title{
    margin-bottom:5px;
}
.img_wrp{
   width: 83%;
}
/*.hidden_con{
     resize: none;
    overflow: hidden;
    min-height: 50px;
    max-height: 100px;
}*/
.number_cons{
    width:36px;
    float:left;
    padding-top:18px;
    padding-left:6px;
}
#task_sort, #sprint_backlog{
   height: 500px;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: white;
    padding-right: 1%;
}
.sort_item .profile_ul, .astask .profile_ul {
    width: max-content !important;
}
.taskbox_border{
    border: 1px solid #eaeaea;
}
#team_backlog .assign_task .dropdown .dropdown-menu{
    min-width: 160px !important;
}
#task_sort .sort_item{
    width: 97%;
    cursor: grab;
}
#sprint_backlog .assign_task{
    cursor: grab;
}
#sprint_sort .sort_item{
    float: left;
    border: 1px solid #eaeaea;
    width: 30%;
    height: 290px;
    background-color: white;
}
#sprint_sort, #project_list ,#employee_list {
    /* height: 400px !important; */
    overflow: auto;
}
#sprint_sort{
     height: 600px !important; 

}
#project_list.msg_board ,#employee_listing.msg_board ,#employee_list_search {
    overflow: auto;
    height: calc(100vh - 225px);
    flex-direction: column;
    display: flex;
}
#employee_list_search {
    
    -webkit-box-shadow:  0px 3px 4px -2px #333;
    -moz-box-shadow:  0px 3px 4px -2px #333;
    box-shadow:  0px 3px 4px -2px #333;
    position: relative;
    padding: 0px 5px 0px 8px;
    display: none;
    width: 100%;
}
#employee_listing.msg_board{
    border-top: 1px solid rgb(204, 204, 204);
}
#employee_list.msg_board ,#favoutite_employee_list.msg_board {
        overflow: unset;
        display: flex;
        flex-direction: column;
    
}
#all_list_popup {
    /* height: 400px !important; */
    overflow: auto;
    height: calc(100vh - 285px);
}
#project_msg,.msg_chat {
    height: calc(100vh - 150px) !important;    
    overflow: auto;
    position: relative;
}
.task_info .semibold{
    font-size:15px;
}
#content #activity .title{
    padding:0px;
}
#activity .process_icon .title, .col_padd{
    padding: 10px 0px !important;
}
.title_width{
    width:83%;
}
.bell_icons{
    font-size:25px;
}
#header_main .bell_wrapper{
    width: 25px;
    padding: 11px 0px;
    float:left;
    position:relative;
    margin-left: 16px;
}
.bell_wrapper #dLabel1{
    background:none;
}
.bell_wrapper .action_listing.dropdown-menu.active{
    top:54px;
    z-index: 99;
}
.ptop10{
    padding-top:10px;
}
#content #view_project_activity{
    padding: 15px 10px 0px 18px;
    margin-bottom:30px;
    max-height: 300px;
    overflow-y: scroll;
}
/*#activity{
   max-height: 500px;
   overflow-y: scroll
}*/
.ptop20{
    padding-top:20px;
}
#header_main .bell_wrapper .menu ul{
    width:420px;
}
#header_main .bell_wrapper .menu ul li{
    width:100%;
    border-bottom:1px solid #dddddd;
    float:left;
}
#header_main .bell_wrapper .menu ul li:last-child{
    border-bottom:none;


}
.profile_header{
     width:auto;
}
#header_main .dropdown.profile_header  .dropdown-menu{
    top:41px;
    min-width:263px;
}
#header_main .dropdown .dropdown-menu a.color_blue{
     color:#3399FF;
}
#notification ul li{
    list-style-type: none;
    padding: 7px 0px;
    border-bottom: 1px solid #ddd;
    float:left;
    width:100%;
    padding-left:10px;
}
#notification ul li:nth-child(2n+1){
    background-color:#f8f6ff;
}
#notification ul li:nth-child(2n){
    background-color:#fff;
}
.nt_title{
    width:70%;
    padding-right:10px;
    font-size:15px;
}
.nt_time{
    width:29%;
    font-size:14px;
    text-align:right;
}
.font15{
    font-size:15px;
}
.font14{
    font-size:14px;
}
.noti_left_box{
    width:75%;
    padding-right:10px;
}
.noti_right_box{
    width:25%;
}
#view_project_activity .main_registration_wrapper{
    padding: 15px 0px;
}
/*#header_main .bell_wrapper .action_listing:before{
    content: "";
position: absolute;
top: 100%;
left: 42%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #aeaeae transparent transparent transparent;
}*/

.hide_button{
    display: none;
}
.task_container .hide_button{
    display: block;
}
.task_container .assign_task{
    border: 1px solid #adadad;
    width: 95%;
    margin: 1.5%;
    
}
#task_flow .assign_task .task_info{
    width: 92% !important;
    padding: 9px 0px 0px 5px !important;
}
#queries_listing .question_wrapper {
    width:92%;
    float:left;
}
#queries_listing .const_text,#queries_listing .action_wrp_menu {
    float:right;
    margin:0px;
    padding:0px;
}
.ans_wrapper, .msg_textarea{
    width:100% ;
    resize: none;

}
#queries_listing .number_cons{
    padding-top:12px;
}
#queries_listing #headingOne{
    padding:10px;
}
.paddbtm10{
    padding-bottom:10px;
}
#queries_listing .title{
    font-weight:600;
}
#queries_listing .ques_ans .paddbtm10{
    width:90%;
    float:left;
}
#quries .rule_textarea{
    width:70%;
}
#quries .rule_lable{
    width:25%;
}
#quries_list{
    float:left;
    padding-bottom:50px;
    width:100%;
}
#container .no_records #quries_list .card{
    padding:0px 20px 20px 20px ;
}
#mi_close_div{
    padding-top:10px !important;;
    margin-top:-40px !important;
}
#quries .btn-primary.small{
    padding:8px 15px;
}
#quries{
    width:900px;
}
.color_ccc{
    color:#ccc;
}
#quries_list .no_record{
    float:left;
}
#queries_listing p{
    font-size:14px;
}
.time_green{
    color: #42a600;
}
.time_orange{
    color: #ffa500;
}
.time_red{
    color: #ff0000;
}
.bg_green{
    background-color: #42a600 !important;
}
.border_green{
    border-bottom: 3px solid #42a600 !important;
    margin-left: 2px;
}
#confirm_task .full_name_input{
    padding: 15px 0px 0px 0px;
}
.task_process{
    border-radius: 5px 5px 0px 0px;
    height: 50px;
    padding-left: 10px;
}
.task_process_wrapper{
/*   height: 500px;*/
   border: 1px solid #d0d0d0;
   border-radius: 5px 5px ;


}
.task_process_wrapper .tsk_wrap{
    overflow-y:  auto;
    height: 500px;
}
.task_bg_todo{
  background: linear-gradient(to bottom, rgba(0, 138, 255, 0.6) , #ffff 100%);
}
.border_todo{
    border: 1px solid rgba(0, 138, 255, 0.6);
}
.task_bg_inprogress{
  background: linear-gradient(to bottom, rgba(0, 138, 255, 0.6) , #ffff 100%);
}
.border_inprogress{
    border: 1px solid #008aff;
}
.task_bg_verify{
background: linear-gradient(to bottom, rgba(255, 153, 0, 0.6) , #ffff 100%);
}
.border_verify{
    border: 1px solid #ff9900;
}
.task_bg_validate{
background: linear-gradient(to bottom, rgba(255, 204, 0.6) , #ffff 100%);
}
.border_validate{
    border: 1px solid #ffcc00;
}
.task_bg_complete{
background: linear-gradient(to bottom, rgba(51, 204, 0, 0.6), #ffff 100%);
}
.border_complete{
    border: 1px solid #33cc00;
}
.task_bg_todo, .task_bg_inprogress, .task_bg_verify,.task_bg_validate, .task_bg_complete{
    color: #fff;
    font-weight: 600;
}
.ticket_box_clr{
    background-color: #f7f7ca !important;
}

/*desktop*/
#container .contentpan {
/*padding-top: 35px;*/
}
#title-bar {
    -webkit-user-select: none;
  -webkit-app-region: drag;
    height: 40px;
    text-align: center;
    line-height: 40px;
    vertical-align: middle;
    background-color: white;
    padding: none;
    margin: 0px;
    z-index: 100;
    position: fixed;
    display:none;

    width:100%;
}
#title {
    position: fixed;
    top: 0px;
    left: 6px;
    color:#000;
    font-weight: 600;
}
#title-bar-btns {
    -webkit-app-region: no-drag;
    position: fixed;
    top: 0px;
    right: 10px;
}

#title-bar-btns button {
    background: none;
    border: none;
    padding: 5px;
    cursor: pointer;
}
#title-bar-btns button i {
    font-size: 16px;
}
#title-bar-btns button:hover{
    color:#3399FF;
}

#task_flow .box3{
    border: 1px solid #d0d0d0;
    border-radius: 5px;


}

.sprints_content, .task_process_wrapper .assign_task,
.task_process_wrapper .meeting, #general_tasks, #all_tasks, #general_validation_tasks{
    border: 1px solid #d0d0d0;
    border-radius: 5px;
    -webkit-box-shadow: 0 6px 6px -6px #333;
	   -moz-box-shadow: 0 6px 6px -6px #333;
	        box-shadow: 0 6px 6px -6px #333;

}
.sprints_content{
    overflow: auto;
    min-height: 250px;
    display: flex;
    width: 100%;
}
 #general_tasks, #general_validation_tasks{
    overflow: auto;
    min-height: 250px;
/*    display: table; */
    width: 100%;
}
.task_process_wrapper .assign_task, .task_process_wrapper .meeting{
    margin: 5px 8px 8px 8px;
    line-height: 22px;
}
.btn_wrapper{
   width: 90px;
   margin: 10px auto;
}
.message_sender, .message_forward{
    width:98%;
    position: relative;
    display: flex;
    cursor: pointer;
    font-size: 13px;
    border-radius: 5px;
}
.sprint_kanbon_wrapper_cls{
/*    margin-top: 8%;*/
  margin: 0px 20px;
}
.navigation
.havechild  .fa-caret-down {
    float: right;
    padding-right: 10px;
}
.framework_icon{
    border-bottom: 1px solid #bababa;
    border-radius: 30px 0 360px 0;
    border-right: 1px solid #bababa;
    float:left;
    height: 49px;
    width: 52px;
    padding: 8px;
    background: #bababa;
    font-size: 25px;
    position: absolute;
    top: 0px;
    left: 0px;
    color: #fff;
}
.relative_pos h5{
    margin-left: 55px;
    margin-top: 12px;
}
.relative_pos h5 a:hover{
    cursor: pointer;
}
.relative_pos small {
    color: #bfbfbf;
    margin-left: 10px;
    line-height: 25px;
}
.remove_border{
    border: none !important;
}
.text_decoration{
    font-weight: 600;
    font-size:17px;
     /* text-shadow:
       2px 2px 0 #000,
     -1px -1px 0 #000,
      1px -1px 0 #000,
      -1px 1px 0 #000,
       1px 1px 0 #000; */
   color: #000;
}

.pending {
    background-color: #fbbc08 !important;
}

.done {
    background-color: #14d600 !important;
}

.close-btn {
    float: right;
    font-size: 16px;
    border: 1px solid #000;
    border-radius: 50%;
    display: block;
    width: 17px;
    height: 18px;
    text-align: center;
    margin-bottom: 5px;
    cursor: pointer;
}
.close-btn:hover {
    background-color: #3399FF;
    color: white;
    border: 1px solid #3399FF;
}


.paginate_button  {
    background: #3399FF;
    text-align: center ;
    color: #fff;
    margin: 0 5px;
    padding: 5px 0 ;
    height: 30px;
    width: 30px;
    vertical-align: middle;
    display: inline-block;
    border: 2px solid #3399FF ;
    border-radius: 50% ;
    cursor: pointer;
}

.paginate_button.current , .paginate_button:hover{
    background: #fff;
    border: 2px solid #3399FF ;
    color: #3399FF;
}
.paginate_button.next ,.paginate_button.previous {
    height: 30px;
    width: 110px;
    border-radius: 0;
    border: 2px solid #fff ;
    color: #3399FF;
    background: #fff;
}
.width93{
    width: 93%;
}
.paginate_button.next:before {
    width: 8px;
    content: '\203A \203A';
    height: 8px;
    margin-top: -11px;
    margin-right: 44px;
    float: left;
    font-size: 31px;
}
.paginate_button.previous:after {
    width: 8px;
    content: '\2039 \2039';
    height: 8px;
    margin-top: -11px;
    margin-left: 28px;
    float: right;
    font-size: 31px;
}

.paging_simple_numbers span {
    margin: 0 -5px 0px 5px;
}
.selected_date{
    background: url(../images/black_drop_arrow.png) no-repeat right;
    display: block;
    width: 163px !important;
    height: 30px;
    background-position: 97% 11px;
}

#container select[multiple] {
    height: auto;
    min-height: 33px;
    padding-top: 5px;
}

.syncbtn {
    display: none;
    padding: 16px;
    font-size: 18px;
    border-radius: 50%;
    background: #3399FF;
    color: white;
}

#request {
    display: none;
}
.download_srs_btn {
    border: 1px dotted #000;
    padding: 10px 20px;
}
.tsk_icon {
    border-radius: 30px 0 360px 0;
    float: left;
    height: 30px;
    width: 20px;
    padding: 2px;
    font-size: 16px;
    position: absolute;
    top: 0px;
    left: 0px;
    color: #fff;
}
.planning_color{
    border-bottom: 1px solid #db1919;
    border-right: 1px solid #db1919;
    background: #db1919;
}
.working_color{
    border-bottom: 1px solid #008aff;
    border-right: 1px solid #008aff;
    background: #008aff;
}
.Testing_color{
    border-bottom: 1px solid #ff9900;
    border-right: 1px solid #ff9900;
    background: #ff9900;
}
.validation_color{
    border-bottom: 1px solid #ffcc00;
    border-right: 1px solid #ffcc00;
    background: #ffcc00;
}
.closing_color{
    border-bottom: 1px solid #33cc00;
    border-right: 1px solid #33cc00;
    background: #33cc00;
}
.tsk_icon .color_tooltip{
     display: none;
    background-color: #fff;
    color: #000;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 99;
    top: 30px;
    left: 2px;
    border: 1px solid #d0d0d0;
    height: 51px;
    width: 90px;
    margin-left: -5px;
    text-transform: capitalize;
}
.tsk_icon:hover .color_tooltip {
    display: block;
}
.tsk_icon .color_tooltip:before{
   content: '';
    display: block;
    position: absolute;
    left: 5px;
    bottom: 100%;
    width: 0;
    height: 0;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #aeaeae transparent;
}
.count_bx{
    width: 18px;
    height: 18px;
    background-color: #3399FF;
    color: #fff;
    border: 1px solid #3399FF;
    border-radius: 50%;
    position: absolute;
    top: -11px;
    left: 18px;
    text-align: center;
    font-size:10px;
    z-index:1;
}
.word_wrap{
    word-wrap: break-word;
}
.logout_btn_form{
    width: 115px;
    margin: 0 auto;
}
.sprint_list_meeting{
    background-color: #fff;
}
.sprint_list_meeting .mem_info{
    display: none;
    background-color: #fff;
    color: #000;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 99;
    top: -100px;
    left: 13px;
    margin-left: -60px;
    border: 1px solid #d0d0d0;
    height: 95px;
    width: 145px;
}
.unattend_sprint_meet_btn .btn-primary.small{
    background-color: green !important;
    color: #fff !important;
}
.resign_field{
    margin-top: 2px;
    padding: 0px;
    width: 99.5%;
}
.ui-dialog.ui-widget.ui-widget-content{
    top:47%;
}

.task_info {
    word-break: break-all;
}

#kanbon_sprints {

}

.dontdisbale {
    margin-left: 10px;
}
.sprint_flow,.project_flow{
   width: 100%;
   height: 10px;
   margin-top: 20px;
}
.process_dot{
    float: left;
    width: calc(100%/10);
    margin: 0 auto;
    height: 50%;
    display: inline-block;
    position: relative;
}
 .outer_dot{
    float: left;
    width: calc(100%/6);
    margin: 0 auto;
    height: 50%;
    display: inline-block;
    position: relative;
}
 .project_flow .green_dot{
    background-color: #b6b5b5;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin-top:-9px;
 }
 .btm_borderine{
    border-bottom: 3px solid #b6b5b5;
    margin-top: -9px;
}
 .sprint_flow .green_dot {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #d9f0e4;
    margin-top:-9px;
}
.btm_border_line{
    border-bottom: 3px solid #d9f0e4;
    margin-top: -9px;
}
.spr_tooltip{
    display: none;
    background-color: #fff;
    color: #000;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 99;
    top: -63px;
    left: 30px;
    margin-left: -60px;
    border: 1px solid #d0d0d0;
    height: 50px;
    width: 180px;
}
.sprint_flow .outer_dot:hover .spr_tooltip, .project_flow .process_dot:hover .spr_tooltip{
    display: block !important;
}
.spr_tooltip::after{
    content: "";
    position: absolute;
    top: 100%;
    left: 20%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #aeaeae transparent transparent transparent;
}
.pending_tasks table{
    border-collapse: collapse;
    width: 100%;
}
.pending_tasks table tr{
border: 1px solid rgba(153, 153, 153, 0.8) !important;
}
.pending_tasks table td{
    padding: 10px 15px;
    border: 1px solid rgba(153, 153, 153, 0.8) !important;
}
.pending_tasks table th{
    padding: 10px 15px;
    border: 1px solid rgba(153, 153, 153, 0.8) !important;
    font-weight: 600;
}
.wrk_icon{
    position: absolute;
    left: 21px;
    top: -8px;
    background-color: #39f;
    min-width: 22px;
    padding: 1px;
    border-radius: 50%;
    height: 21px;
    color: #fff;
    font-weight: 400;
    z-index: 9;
    text-align: center;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.border_box{
    border: 1px solid #2196f3;
    box-shadow: none;
}
.summery_border{
  border: 1px solid #d0d0d0;
}
#msgboard{
    height: calc(100vh - 110px);
    position: relative;
    font-size: 12px;
}
#msgboard .fa,#msgboard .fas{
    color: #999;
}
#msg_list{
    width: 100%;
    height: 375px;
    /* height:calc(100vh - 170px); */
    overflow: auto;
    padding: 10px 0px;
    /* border: 1px solid #000; */
    /* margin: 10px 0px; */
    /* display: flex; */
    /* flex-direction: column-reverse; */
    padding-right: 5px;
}
#project_msg #msg_list{
    height:calc(100vh - 285px);
}
#project_msg #msg_list.bookmark_msg_list{
    height:calc(100vh - 200px);
}
.send_icon ,.edit_msg,.close_edit_msg_btn,.reply_msg_btn{
    width: 40px;
    float: left;
    margin: 9px 6px 9px 6px;
    height: 40px;
    color: #fff;
    background: #2196f3;
    border: none;
    border-radius: 50%;
    display: none;
}

.close_edit_msg_btn .fas{
    color: #fff !important;
}
    .msg_box{
    width: 60%;
    display: block;
    /* padding: 10px; */
}


.msg_text{
   /* padding: 5px 10px; */
   border-radius: 6px;
   clear:both;
   font-weight: 400 !important;
   font-size: 16px;
   width: fit-content;
   max-width: 100%;
    word-break: break-word;
    position: relative;
    line-height: 20px;
}
.msg_box .disabled{
    color: #9a9ca0;
    }
.msg_box_color{
border-radius: 10px;
/* padding: 5px 10px; */
padding: 5px 20px 8px 10px;
position: relative;
}

#msg_list .msg_text_outer.float_left .msg_box_color{
    /* background-color: #d1d1d1; */
    /* background-color: #dee2e6; */
    background-color: #f1f1f1;
    border-top-left-radius: 0px;

}
#msg_list .msg_text_outer.float_right .msg_box_color  {
    /* background-color: #9fc3d8; */
    background-color: #ccf7ff;
    border-bottom-right-radius: 0px;

}

.msg_text a{
    word-break: break-all;
    color: black;
    text-decoration: underline;
 }
.msg_time{
    font-size: 12px;
    line-height: 17px;
    padding: 2px;
    color: #9a9ca0;
}
.msg_info{
    display: none;
}
.msg_sender{
    line-height: 20px;
    font-size: 13px;
    color: #9a9ca0;
}
.text_left{
    text-align:left;
}
.text_right{
    text-align:right;
}
.list_box{
    overflow: auto;
    height: 250px;
}
.msg_profile_img{
    display: inline-block;
}
.team_member_img{
    border-radius: 50%;
    width: 30px;
    height: 30px;
    border: 1px solid #ccc;
    display: inline-block;
    position: relative;
    margin: 0px 5px;
    overflow: hidden;
}
#msg_list .msg_sender_photo.team_member_img{
    border: none;
}

#msg_list .team_member_im.show{
    border: 1px solid #ccc;
}
.message_sender i,.message_forward i{
    font-size: 15px;
    text-align: center;
    line-height: 30px;
    width: 29px;
}

   .emp_name{
   padding-left: 5px;
   width: 80%;
   }
.team_member_info {
    display: none;
    position: absolute;
    top: 30px;
    background: rgba(255, 255, 255,1);
    width: max-content;
    z-index: 2;
  }

  .team_member_img:hover >  span:nth-child(2) {
    display: block;
  }
  .team_member_img span:before {
    border-bottom: 8px solid #b6b5b5;
content: '';
width: 0;
height: 0;
position: absolute;
border-right: 8px solid transparent;
border-left: 8px solid transparent;
left: 0%;
top: -8px;
}

 #msg_list fieldset {
    padding: 2px 0px 2px 0px;
    border-radius: 0px;
    width: 100%;
    border: none;

}
#msg_list fieldset.border {

border-top: 1px solid #9a9ca0;;
}


#msg_list fieldset legend{
    font-size: 13px;
    margin: 0 auto;
    color: #9a9ca0;
    font-weight: 600;
    line-height: 25px;
}
#msg_list fieldset legend span{
    padding: 0px 10px;
}
#msg_list .float_right .msg_sender{
    display: none;
}
.flex_column{
flex-direction: column !important;
}
.msg_count{
    background-color: #39f;
    color: #fff;
    text-align: center;
    height: 15px;
    line-height: 15px;
    margin: 0 auto;
    width: 15px;
    font-size: 10px;
    position: absolute;
    top: -15px;
    right: 0;
    border-top-left-radius: 0%;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0%;
    border-bottom-left-radius: 5px;
}
.project_select,.emp_select{
width: 97% !important;
}
#msgboard .project_select,.emp_select{
width: 100% !important;
}
.message_sender .semibold ,.message_forward .semibold{
    font-weight: 400;
    font-size: 13px;
}
.emp_list {
    line-height: 25px;
    padding: 7px 0px 7px 2px;}
.pd_top0{
    padding-top: 0px;
}
#project_list .project_list{
    padding: 7px 0px 7px 2px;
    line-height: 25px;
}
.message_sender .name,.message_forward .name{
text-overflow: ellipsis;
width: 58%;
white-space: nowrap;
overflow: hidden;
font-size: 12px;
font-weight: 500;
}
.message_sender .name{
    line-height: 15px;
}
.message_sender .typing{
display: none;
font-size: 19px;
font-weight: 900;
line-height: 0px;
}
.message_sender .typing.show{
    display: block;
}
#msgboard .field_row{
padding: 10px 0px 5px 0px;
}

.scroll_end{
    width: fit-content;
    background: #ccc;
    border-radius: 50%;
    padding: 5px 8px;
    position: absolute;
    right: 50%;
    bottom: 0%;
    font-size: 10px;
    display: none;
    /* -webkit-animation: scroll_end 1s linear infinite; */

}
.scroll_end i{
    font-size: 16px;
}
/* 
@keyframes scroll_end {  
    100% { transform:rotate(0deg); bottom:-3% } 
  } */
.pos_rel{
position: relative;
}
.last_msg_time{
    font-size: 9px;
    text-align: end;
    line-height: 10px;
    padding-bottom: 2px;
    /* color: #666; */
}
.msgtimediv{
    width: 25%;
    position: absolute;
    top: 15px;
    right: 0px;
    padding-right: 3px;
}
.msgtimediv sup{

font-size: 9px;
}


.msg_text_outer.float_right:hover .msg_actions{    
    /* padding: 2px 9px 2px 6px; */
    display:block;
    right: 0px ;
}

.msg_text_outer.float_left:hover .msg_actions{    
    /* padding: 2px 9px 2px 6px; */
    display:block;
    right: 4px ;
}

.msg .msg_actions {
    /* right: -7px;
    position: absolute;
    font-size: 10px;
    color: #ccc;
    width: 15px;
    top: 10px;
    cursor: pointer;
    height: fit-content; */

    position: absolute;
    color: #ccc;
    width: 17px;
    top: 3px;
    cursor: pointer;
    font-weight: 100;
    height: fit-content;
    display: none;
    transition: right 0.5s;
    right: -2px ;
}
.msg .msg_actions .fa{
    font-size: 17px;

}


.msg_actions_dropdown {
    display: none ;
    position: fixed;
    background-color: #fff;
    min-width: 160px;
    box-shadow: 1px 5px 10px 0px #ccc;
    z-index: 15;
    top: 20px;
    right: 0;
    height: auto;
    border: 1px solid #ccc;
    border-radius: 5px;
    max-width: fit-content;
    font-size: 16px;
    font-weight: 400;


}
.msg_actions_dropdown span{
    cursor: pointer;
    line-height: 10px;
    font-size: 13px;
    padding: 5px 10px;
    display: block;
    margin: 5px 0px;
    color: rgba(0, 0, 0, 0.8);
}

.msg_actions_dropdown span .fa,#container .msg_actions_dropdown .fa-stack{   
    color: rgba(0, 0, 0, 0.8);
    font-size: 13px;
    line-height: 10px;
    height: 10px;
    vertical-align: top;

}

.msg_actions_dropdown span .fa-stack .fa{   
  vertical-align: top;

}
.msg_actions_dropdown span:hover {
    color: rgb(51, 153, 255);

}
.msg_actions_dropdown span:hover i{
    color: rgb(51, 153, 255) !important;

}
.msg_actions_dropdown i{
width: 25px;
}
.msg .msg_actions , .msg_actions_dropdown{
    display: none;
}
.msg {
    position: relative;
}
.msg_actions_dropdown.show{
    display:block;
}
/* edited */
.msg_text.edited.float_right:before {
    content: "\f304";
    color:#ccc;
    font-size: 10px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    left: -25px;
    position: absolute;
}

.msg_text.edited.float_left:after {
    content: "\f304";
    color:#ccc;
    font-size: 10px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    right: -25px;
    position: absolute;
}  
.msg_text.forwarded.float_left:before {
    content: "\f064";
    color:#ccc;
    font-size: 10px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    left: -15px;
    position: absolute;
}


.mar-left-8{
margin-left: 8px;
}
.pd-lr0{
    padding-left: 0px;
    padding-right: 0px;
}
.message_sender .name .span{
font-size: 10px;
}
.message_sender.active_group {
background-color: #3399FF;
color: #fff;
}

.message_sender.active_group .name span{
display: none;
}
.pd5-10{
    padding: 5px 10px;
}
.msg_text_outer .fa{
    font-size: 10px;
    color: #c8cacc;
    line-height: 10px;
    padding-right: 4px;
}



.popup_list_msgboard{
    display:flex;
    width:400px;
} 
.popup_list_msgboard .popuplist{
    width:100%;
}
.message_forward_btn,.close_popup{
color: #fff;
background: #2196f3;
border: none;
border-radius: 10px;
margin-left: auto;
margin-right: 10px;
width: 60px;
line-height: 25px;
text-align:center;
cursor: pointer;
}
.message_forward{    
    width: 92%;
    padding: 7px 0px 7px 2px;
    line-height: 25px;}
.close_popup{
    margin: 10px 0px 1px 46%;
    padding: 3px;

}
.close_popup_btn{
    background: #2196f3;
}
.message_forward_btn i{
font-size: 10px;
padding: 0px;
padding-right: 3px;
}
.message_forward_btn.forwarded{
    background: #fff;
border: 1px solid #2196f3;
color: #000;
}
.mr-btm-10{
margin-bottom:10px;
}

.forward_text{
height: 30px;
overflow: hidden;
line-height: 20px;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc
}
.flex{
display:flex;
}
.flex_imp{
    display:flex !important;
    }
.hide{
    display: none;
}
.popup_checkbox{
    width: 20px;
    margin: 10px 15px 10px 0px;
    height: 20px;
}


.msg_text_outer{
    display: flex;
    background-color: white !important;
    padding: 0;
}
.msg_text_outer.float_left{
flex-flow: row-reverse;
}
.msg_text_outer.float_left .fa{
padding-left: 4px;    
padding-right: 0;
    padding-right: 5px;
  
}

.mar-auto{
margin: auto;
}
.fa-pencil:before{
    content: "\f304";
    color:#999;
    font-size: 10px;
    font-family: 'Font Awesome 5 Free';
}
.message_board_actions{
    position: absolute;
    right: 40px;
    top: -19px;
    border: 1px solid #ccc;
    border-radius: 50%;
    padding: 2px 8px;
    color: #ccc;
    cursor: pointer;
    padding-top: 3px;
}

.message_board_close_action{
    position: absolute;
    right: 12px;
    top: -19px;
    border: 1px solid #ccc;
    border-radius: 50%;
    padding: 2px 5px;
    cursor: pointer;
    font-size: 15px;
    padding-top: 4px;
}
.msg_actions_list_btn{
    position: absolute;
    right: 0%;
    top: 0px;
    /* border: 1px solid #ccc; */
    /* border-radius: 50%; */
    padding: 2px 8px;
    color: #ccc;
    cursor: pointer;
}
.message_board_actions_dropdown{
    top: 3px;
    right: 20px;
    cursor: pointer;
}
.group_actions_dropdown{

right: 10px;
    top: 15px;}

.msg_reply_text_outer{
/* border: 1px solid #999999; */
padding: 10px 20px;
/* border-bottom: none; */
max-height: 500px;
display: none;
position: relative;
font-size: 12px;
}
.msg_reply_text_outer .fa{
position: absolute;
left: 5px;
top: 2px;
}

.reply_to{
    font-size: 10px;
    position: relative;
    padding: 5px 10px 5px 15px;
    line-height: 17px;
    background: #ffffff50;
    background: white;
    border-radius: 10px;
    color: #00000099;
}
.reply_to .fa{
position: absolute;
left: -3px;
top: 6px;
}
#msg_list  .msg_text_outer.float_left .msg_box_color .reply_to{
    /* background-color: #e6e6e6; */
    /* background-color: #f8f6ff; */
    background-color: #fff;

}
#msg_list .msg_text_outer.float_right .msg_box_color .reply_to {
/* background-color: #bcd8e9; */
background-color: #fff;
}

#copied{
    position: absolute;
    border: 1px solid #999;
    border-radius: 10px;
    bottom: 33px;
    padding: 5px 10px;
    right: 45%;
    display: none;
    background: white;

}

.msg_date_before{
    position: fixed;
    background: #CCCCCC50;
    border-radius: 10px;
    padding: 5px 10px;
    left: 45%;
    top: 165px;
    display: none;
    border: 1px solid #99999950;
    z-index: 1;
    font-size: 14px;
}

#create_group textarea{
    border: none;
    border-bottom: 1px solid #999999;
    padding: 3px 10px;
    height: 25px;
    line-height: 15px;
    resize: none;
    margin-top: 40px;
    text-align: center;
}
#create_group textarea:focus{
    border: none;
    border-bottom: 1px solid #999999;
}
#project_msg .team_member_img{
margin: 0;
}

.create_group {
    display: none;
}

.show {
    display: block;
}

.create_group {
    height: calc(100vh - 150px);
    padding: 15px;
}

.create_group_title {
    margin: 0 auto;
    width: fit-content;
}

.create_group_next {
    padding: 5px 7px;
    border: 1px solid #ccc;
    border-radius: 50%;
    cursor: pointer;
    position: absolute;

}
.create_group_next{
background: #3399FF;
color: white;
}
.create_group_next.disable{
    background: white;
    color: #ccc;
    }
.create_group_next.fa-arrow-right {
    right: 10px;
    bottom: 10px;
}

.create_group_next.fa-arrow-left {
    left: 10px;
    top: -5px;
}

#file_input {
    display: none;
}

#group_image {
    margin: 15px auto;
    width: fit-content;
}

.button_white {
    background-color: white !important;
    font-weight: 600;
    border: 1px solid #3FA4D4;
    border-radius: 4px;
    cursor: pointer;
    text-align: center;
    width: fit-content;
    padding: 0px 11px;
    margin: 15px auto;
}

.create_group {
    width: 432px;
}
.selected_emp_list{
    display:none;
    width: 97%;
    height: 46px;
    overflow-y: scroll;
    margin-bottom: 7px;
}
.selected .team_member_img{
margin-top: 4px;
margin-right: 10px;
}
.selected_emp_list .selected{
    position: relative;
    /* display: inline; */
    display: table-cell;
}
.selected_emp_list .fa-times{
    position: absolute;
    right: 5px;
    top: 0px;
    color: white;
    background: #2196f3;
    font-size: 10px;
    padding: 1px 3px 2px 3px;
    z-index: 1;
    border-radius: 50%;
}
.popup_checkbox ,.selected_emp_list .fa-times{
    cursor: pointer;
}


#create_group .msg_board_drop_container_outer{
    position: relative;
    height: 200px;
    width: 200px;
    margin: 0 auto;
    padding: 20px;
    border: 1px dashed #ccc;
 }
 #create_group .drop_area {
    border: 1px dashed #000;
    padding: 10px 0px 10px 5px;
    min-width: 100%;
    z-index: 9;
    background-color: #fff;
    position: absolute;
}
#create_group .msg_board_drop_container_outer input[type="file"] {
    opacity: 0;
    border: 1px dashed #000;
    z-index: 10;
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 50%;
    left: 0px;
    top: 0px;

}
#create_group .droped_preview {
    width: 80%;
    height: 80%;
    border-radius: 50%;
    border: 1px solid #ccc;
    position: absolute;
    z-index: 9;
    top: 10px;
}
#create_group .drag_info{
    font-size: 12px;
    text-align: center;
    z-index: 10;
    position: absolute;
    top: 90%;
    left: 25px;
    display: none;

}
#project_msg .droped_preview {
    width: 80px;
    height: 80px;
    border-radius: inherit;
    border: 1px solid #ccc;
    z-index: 9;
    margin: 10px;
    word-break: break-all;
    position: initial;
    font-size: 10px;
    position: relative;
    background: white;

}
#project_msg .droped_preview .filename{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 35px 5px 0px 5px;
}
#project_msg .droped_preview .filesize{
    padding:  5px ;
}
#project_msg .droped_preview .filetype{
    padding:  0px 5px 5px 5px ;
}
#project_msg .droped_preview .fa-times{
    position: absolute;
    right: 5px;
    top: 5px;
    background: white;
    padding: 2px 3px;
    border-radius: 50%;
    border: 1px solid #ccc;
    cursor: pointer;

}
#project_msg .droped_preview .fa-file{
    position: absolute;
    left: 5px;
    top: 15px;
    font-size: 14px;
}
#project_msg .droped_preview .filedata .filename{
padding:15px 5px 0px 5px;
}
#project_msg  .filetype .fa-file{
    position: initial;
}
#project_msg #droped_preview{
  
    display: grid;
    grid-template-columns: auto auto auto auto auto auto;    
    justify-content: start;
    display: none;
    background: #eeee;
    width: 95%;
    overflow: auto;
    max-height: 132px;
    width: 100%;
    position: static;
}

#project_msg .msg_board_drop_container_outer{
    /* border: 1px dashed #ccc; */
    position: relative;
    margin: 0 auto;
    width: 100%;
 }
 #project_msg .msg_board_drop_container_outer input[type="file"] {
    opacity: 0;
    border: 1px dashed #000;
    z-index: 10;
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 50%;
    left: 0px;
    top: 0px;
    display: none;

}
 #project_msg .drag_info   {
    font-size: 12px;
    text-align: center;
    z-index: 10;
    position: absolute;
    left: 25px;
    top: 45%;
    display: none;
}



#project_msg .droped_preview img {

width: 100%;
height: 100%;
}
    #create_group .firstdiv{
        padding-top: 50px;
    }


.dashed_border{
    border: 4px dashed #ccc !important; 
}

.edit_group{

position: absolute;
width: 87%;
bottom: 15px;
}

.options .fa-stack {
    width: fit-content;
}
.file_download{
    text-align: center;
    line-height: 25px;
    font-weight: 600;
}
.pointer{
    cursor: pointer;
}
.msg_file_outer{
    width: 100%;
    display: grid;
    grid-template-columns: auto auto;
    margin-bottom: 6px;
}
.files{
    width: 125px;
    height: fit-content;
    border-top: 1px solid #fff8;
    padding: 5px;
}
.files img{
    cursor: pointer;
}
.h-auto{
    height: auto;
}
.reply_to .files img {
    width: 115px;
}
.msg_file_outer .files:nth-child(even)  {
    border-left: 1px solid #fff8;
}
.msg_file_outer .files:nth-child(1) ,.msg_file_outer .files:nth-child(2)  {
    border-top: none;
}
.filename{    
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.msg_notification{
    max-width: 60%;
    margin: 0 auto;
    padding: 5px;
    text-align: center;
    font-size: 10px;
    background: #CCCCCC50;
    border-radius: 10px;
    border: 1px solid #99999950;
    width: fit-content;
    line-height: 13px;
    color: black;
    font-weight: 400 !important;
}
#droped_preview .send_file_icon{
    font-size: 30px;
    right: 10px;
    bottom: 60px;
    border: 1px solid #ccc;
    color: #ccc;
    border-radius: 50%;
    padding: 0px 5px 0px 8px;
    order: 1;
    width: fit-content;
    height: fit-content;
    position: absolute;
    cursor: pointer;
}
.photo_not_accept_area{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 1;
    background: transparent;
}
.popup_image_div{
    overflow: scroll;
    text-align: center;
    width: fit-content;
    height: fit-content;

}

.popup_image{
    min-width: 200px;
    min-height: 200px;
    overflow: scroll;
    border: 1px solid black;
    padding: 2px;
    width: fit-content;
    height: fit-content;
    max-width: calc(90vw);
    max-height: calc(80vh);
   }

  .msg_content {
background:#eeee;  

 }
 .msg_content.add_border{
    border: 1px solid #999999;
    /* border-bottom: none; */
 }

#project_msg .msg_content .msg_file_outer{
    display: grid;
    grid-template-columns: auto auto auto auto auto auto;    
    justify-content: start;
    background: #eeee;
    width: 101%;
    overflow: auto;
    max-height: 132px;
}
.reply_to .files{
        /* width: 100px;
        height: 100px; */

}

.search_msg_outer{
    position: relative;
    padding: 10px 10px 0px 10px;
    height: 60px;
    display: none;
    /* border-bottom: 1px solid #ccc; */
}

.search_messages{
    position: absolute;
    width: 97%;
    background: white;
    z-index: 1;
    padding: 0px 0px 0px 0px;
    top: 17px;
    height: fit-content;
}
.search_msg_outer div{
    border: 1px solid #ccc;
    position: relative;
    height: fit-content;
    background: #eeee;
}

.search_msg, .emp_select{
    width: 82% !important;
    border: none !important;
    border-right: 1px solid #ccc !important;
    border-radius: 0px !important;
    margin: 0 !important;
}
.search_msg_outer.display{
    padding: 10px 0px 0px 0px;
    width: 100%;
}
.search_msg_outer.display span.search_emp_close {

margin-left: 5px;
}
.emp_select{
    width: 101% !important;
}
.search_emp_close{
    display: none;
    cursor: pointer;
}

.search_emp_close .fa,.search_msg_close_btn .fa{
    border: 1px solid #ccc;
    border-radius: 50%;
    background: #ccc;
    padding: 2px 4px;
    font-size: 12px;
}
.emp_select.popup_emp_list{
border-radius: 0px !important;
width: 100% !important;
border: 1px solid #ccc !important;
margin: 7px 0px 10px 0px !important;
}
.search_msg_outer #cancel{
cursor: pointer;
float: right;
    padding: 6px 0px;
    padding-right: 4px;
}

.search_msg_outer #cancel:hover{
    color:#444;
    }
.msg_reply_sender_time
{
    padding: 5px 0px;
}
#msg_list em {
    text-decoration: underline;
    background-color: white;
    font-style: inherit !important;
  }


#msg_list em.current {
    background-color: yellow;
  }


  
.switching_toggle_msg_notification{
    height: 48px;
    width: 135px;
}

.switching_toggle_msg_notification{
border: 1px solid #D8D4D4;
padding: 3px;
border-radius: 2em;
padding-right: 0px;
background-color: #fff;
}
input:not(:checked)+.slider_msg_notification::after {
    content: "Off";
    color: #000;
    padding-left: 44px;
}
input:checked+.slider_msg_notification::after {
    content: "On";
    color: #fff;
    padding-left: 6px;
}
.search_msg_btn{
right: 2% ;
}
.search_msg_outer .fa-angle-down,.search_msg_outer .fa-angle-up{

    border: 1px solid #ccc;
    padding: 0px 3px;
    border-radius: 50%;
    background: #999;
    color: #ccc !important;
}
#search_count{
    padding: 0px 7px ;
}
.search_msg_outer .fa.disabled{

background:#ccc;
color:#999 !important
}
.selection_disable{
-webkit-user-select: none;  
-moz-user-select: none;    
-ms-user-select: none;      
user-select: none;}

#msg_list .unread{
    border-top: 1px solid #39f;
}

#msg_list  .unread legend{
    color: #39f;
}
#new_msg_Cnt{
left: 15px;
top: -5px;
width: 16px;
height: 16px;
font-weight: 600;
background-color: #39f;
border-radius: 50%;
color: #fff;
z-index: 9;
text-align: center;
line-height: 16px;
display: none;
}


#new_msg_Cnt{
    left: 15px;
    top: -5px;
    width: 16px;
    height: 16px;
    font-weight: 600;
    background-color: #39f;
    border-radius: 50%;
    color: #fff;
    z-index: 9;
    text-align: center;
    line-height: 16px;
    display: none;
    }
/* 
    #msg_list .unread:nth-child(n+2){



    display: none !important;
} */
.display{
display: block;
}
.send_hi_icon{
    display: block;
    border-radius: 10px;
    padding: 7px 15px;
    width: fit-content;
    height: 30px;
    color: #fff;
    background: #2196f3;
    border: none;
    margin: 5px auto;
    cursor: pointer;
    
}
.widthfc{width: fit-content !important;}
.sayhi{width: fit-content;
margin: 20% auto;
text-align: center;
background: #CCCCCC50;
padding: 10px 20px;
border: 1px solid #99999950;
font-size: 14px;
}
.updating {
    margin: 0 auto;
    margin-top: 25%;
    width: 20%;
    padding: 20px;
    text-align: center;
    line-height: 30px;
    font-size: 15px;
    font-weight: 600;
}
#updating_loader {
    width: 100%;
    height: 100%;
    z-index: 999999999;
    display: block;
    text-align: center;
    background: #5aa6d81a;
    position: relative;
}
#updating_loader .miloader {
    position: absolute;
    left: 50%;
    bottom: 50%;
    transform: translate(-50%, 0%);
    width: 120px;
    height: 120px;
}
.pad_tb8{  
      padding-bottom: 8px;
    display: block;
    padding-top: 8px;

}
#msgboard .listing_title{
order: -1;
}
#employee_list_search .listing_title{
display: none;
}
.lh20{
    line-height: 20px;
}
#employee_list_search .pad_tb8{
    position: sticky;
    top: 0px;
    z-index: 1;
    background: white;
    border-bottom: 1px solid #ccc;
    padding: 0;
    line-height: 33px;
    width: 98%;
    margin-bottom: 5px;
}

.msg_online{
    background-color: #0bc502;
    position: absolute;
    width: 4px;
    height: 4px;
    right: 0px;
    bottom: 0px;
    padding: 3px;
    border-radius: 50%;
    display: none;
}
.msg_online.display{
    display: block;
}

#employee_list_search .msg_count{
display: none;
}
.msg .seen {
    width: 100%;
    float: right;
    text-align: end;
}
.msg .team_member_img {
    border-radius: 50%;
    font-size: 7px;
    width: 16px;
    height: 16px;
    margin-left: 3px !important;
    margin-top: 3px !important;
}

.msg_send_file{
    padding: 4px 8px;
    border-radius: 50%;
    background-color: #3399FF;
    color: white;
    border: none;
    margin-left: 9px;
    line-height: 55px;
    cursor: pointer;
}
#msgboard .msg_send_file .fa-upload{
    color: white;
    padding: 6px 0px;
}
#msg_textarea{
    width: 92% !important;
    font-size: 14px;
    word-spacing: normal;
    letter-spacing: normal;
}

 #msg_textarea.expanded {
    /* width: 100% !important; */
    /* transition:width 0.5s; */

 }
  /* .msg_send_file.expanded {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.5s linear;
 } */
/* #msg_textarea {
    transition:width 0.5s;
 } */

#msg_send_file  {
    /* transition:width 1s; */
 }
.file_Send_error{
    display: none;
}
.disable_msg{

    text-align: center;
    border: 1px solid #ccc;
    line-height: 50px;

}
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content{
    position: fixed !important;
    top: 100px !important;


}
.capitalize_word{
text-transform: capitalize;
}
.skill_title label{
    cursor: pointer;
}

.emp_detail_list_table thead tr:nth-child(1) {
    background-color: #3399FF !important;
    color: white;
}
.emp_detail_list_table>tbody>tr:nth-of-type(2n+1) {
    background-color: #f1f2f7 !important;
    color: #000;
}

.emp_detail_list_table thead tr th:last-child {
text-align: right;
}

header .fa-comments{
    font-size: 17px;
    color: #fff;
}
/* 
header .active_nav_imp i{
    color: #3399ff !important;

}
.active_nav_imp{
    color: #3399ff !important;
} */
textarea:placeholder-shown {
    /* width: 92% !important; */
  }
.close_reply_msg_btn{
    cursor: pointer;
}
.sticky-table.attendance_popup_wrapper{
    height: 450px;
}
.inline_block{
    display: inline-block;
}


  #Attendace_approve  .action_request span {
    padding: 3px 0px 0px 10px;
}
#Attendace_approve .leave_status_wrapper {
    margin-top: 5px;
}
#Attendace_approve .today_date {
    width: 11%;
    display: inline-block;}
#Attendace_approve .action_request {
            display: inline-block;}

#Attendace_approve .left_leave_block {
vertical-align: top;}
#Attendace_approve .menu.leave_action_menu {
    top: 30px;
  }
  #Attendace_approve  .leave_date_list {
    padding-top: 10px;
    line-height: 1.4;
    font-size: 14px;
  }
  #Attendace_approve  .leave_reason ol {
    padding-left: 20px;
  }

  .leave_filter_inner{
    text-align: right;
  }
  .attendance_main_wrapper.sticky-table{
    width: 100%;
    height: 450px;
  }

.pd-tb-7{
    padding: 7px 0px;
}


.pd-0{
    padding: 0px;
}
.pd-l10 {
    padding-left: 10px ;
}
.pd-l10imp {
    padding-left: 10px !important ;
}
select.small {
    width: 200px !important;
}
input[type=file].small, input[type=text].small, input[type=password].small {
    width: 200px !important;
}
.checkbox15px{
height: 15px;
width: 15px;
}
.label_middle{
    padding-left: 23px;
    line-height: 0px;

}
.mrg-tp15 {
    margin-top: 15px;
}
.mrg-tp30 {
    margin-top: 30px;
}
.placeholders:hover .display_placeholder_info {
    visibility: visible;
}
.display_placeholder_info {
    visibility: hidden;
    position: absolute;
    z-index: 8;
    background-color: white;
}
.shadow-h0-v2 {
    box-shadow: 0px 2px 10px rgb(0 0 0 / 80%);
}
.box-right {
    right: 0 !important;
}
.mrg-tp5 {
    margin-top: 5px;
}
.pd-l15{
    padding-left: 15px;
}

.rad-50p {
    border-radius: 50% !important;
}

.txt-v-txtbot {
    vertical-align: text-bottom;
}
.txt-center {
    text-align: center !important;
}
.w30per {
    width: 30% !important;
}
.mrg-l10 {
    margin-left: 10px;
}
.mrg-l5 {
    margin-left: 5px;
}
.pd-0 {
    padding: 0 !important;
}
.h20 {
    height: 20px !important;
}
.h20 {
    height: 20px !important;
}
.w20 {
    width: 20px !important;
}
.txt-v-mid {
    vertical-align: middle !important;
}
.mrg-tp8 {
    margin-top: 8px !important;
}
.mrg-b8 {
    margin-bottom: 8px !important;
}
.w300 {
    width: 300px !important;
}
.w400 {
    width: 400px;
}

.w600 {
    width: 600px;
}
.rad-4 {
    border-radius: 4px;
}
.w1150 {
    width: 1050px;
}
.mar-b-15{
margin-bottom: 15px;
}
.delete_row,.delete_row_addnew {
    border-color: #0078D3 #0078D3 #0078D3 !important;
    background: -webkit-linear-gradient(top, #2A9DF4 0%, #0078D3 100%) !important;
    background: -moz-linear-gradient(top, #2A9DF4 0%, #0078D3 100%) !important;
    background: -o-linear-gradient(top, #2A9DF4 0%, #0078D3 100%) !important;
    background: linear-gradient(to bottom, #2A9DF4 0%, #0078D3 100%) !important;
    color: #fff;
    cursor: pointer;
}
.float_msg_board {
    height: calc(100vh - 75px);
    position: fixed;
    right: calc(-100vw - 195px);
    top: 65px;
    transition: right .3s linear;
    width: calc(100vw - 195px);
    display: block;

}
.open {
    position: absolute;
    right: -15px;
}
.msg_sender_photo{float: left;
    width: 30px !important;
    height: 30px !important;
    margin-right: 5px !important;
}

#msg_list .msg_sender_photo.team_member_img.show{
    border: 1px solid #ccc;
}
.msg_sender_photo img{
    display: none;
}

.msg_sender_photo.show img{
    display: block;
}
.mi-handle{
width: 20px;
text-align: right;
font-size: 24px;
cursor: pointer;
float: right;
margin-right: 10px;
margin-top: -10px;
text-align: center;
z-index: 3;
position: relative;
}
.mi-handle span{
    background-color: white;
    border: 1px solid #d4d1d1;
    height: 25px;
    width: 25px;
    display: block;
    text-align: center;
    font-size: 15px;
    border-radius: 2em;
    font-weight: 600;
    padding-top: 4px;
}
.mi-handle span:hover {
    background-color: #000;
    color: #fff;
    border: 1px solid #000;
}
.head_group_details_td_row{
    min-height: 35px;
    padding: 3px;
}
.slary_head_application td{
    vertical-align: top;
}

.slary_head_application tr {
    display: block !important;
}
.slary_head_application tr:first-child  {
    display: none !important;
}

.slary_head_application tr:last-child  {
    display: block !important;
}

.slary_head_application td  {
    padding: 0 !important;
}
/*.w60{
    width: 60px;
}
.w150{
    width: 150px;
}
.w100{
    width:100px;
}
.w200{
    width: 200px;
}*/
#msgboard{
z-index: 1;
}
#msgboardoverlay{
    position: fixed;
    height: 100vh;
    width: 100vw;
    top: 0;
    left: 0;
}
.center{
    vertical-align: middle !important;
    text-align: center !important;
}
td .head_group_details_td_row{
    border-bottom:1px solid #e0e0e0b8;
}

td .head_group_details_td_row:last-child  {
    border-bottom: none;
}
.slary_head_application_button{
background: #3399ff;
    border-radius: 5px;
    padding: 5px 0px;
    border: none;
    color: white;
}

.salary_tables tbody tr:first-child{
    display: none;
}

.salary_tables tbody tr:last-child{
    display: table-row;
}
.w190{
    width: 190px;
}

.w10{
    width: 10px;
}
.lop_cnt_block{    
    padding: 13px 0px;
    margin-right: 1.9%;
    border-radius: 0.4em;
    text-align: center;
    color: #333;
    font-weight: 600;
    border: 1px solid #ebebeb;
    box-shadow: 0px 2px #ccc;
    width: 15%;
}
.lop_grid{
display: grid;
    grid-template-columns: auto auto;
    width: 100%;
    column-gap: 10px;
    line-height: 35px;
}

.sal_ded_grid{
    grid-template-columns: auto auto auto;

}
.lop_grid option{
    width: 200px;
}
.view_lop_popup label{
    width: 41%; 
}
.h50vh{
    max-height: calc(50vh) !important;
}

.hfc{
    height: fit-content !important;
}
.salary-slip-container .salary-slip td{
padding: 0px 10px !important;
height: 26px;
line-height: 25px;
}

.salary-slip-container .salary-slip input{
    margin-bottom: 0 !important;
}
.combobox_height{
max-height: 200px;
overflow: scroll;
}

.ded_search_wrapper{
    display: inline-block;
    min-width: 19%;
    margin-right: 5px;
}
.ded_search_wrapper:last-child(){
    margin-right: 0px;
    float: right;
    text-align: right;
    min-width: 16%;
}

.h50px{
    min-height: 50px !important;
}

.att_no_record{
    position: absolute !important;
    min-width: 100% !important;
}
.salary-slip-container .compnyinfo-block,.salary-slip-container .img-block{
    width: 50%;
}
.salary-slip-container .compny-address{
    font-size: 12px;
    text-align: left;
    margin-top: 8px;
}
.salary-slip-container .compny-name{
    font-size: 31px;
    text-align: left;
    font-weight: 600;
    margin-top: 15px;
}
.font_normal{font-weight: normal !important;}
.w_min_cnt{    width: min-content;}
.td_span_date{    padding: 0px 5px;    width: 30px;}
.td_span_date_outer{
display: flex;
max-width:  50vw !important;
overflow: auto;
}
#hidden_slip{
    display: none;
}

#salary_block{
height: fit-content !important;
max-height: fit-content !important;
}

.att_detail_div{
    box-shadow: 0.5px 1px 2px 1px #3399ff85;
    font-size: 10px;
    padding: 4px;

    background-color: #fff;
    display: block;
    text-align: left;
    min-width: 125px;
    line-height: 1.2;
    color: #686868;
    font-weight: 700;
} 
.att_detail_div:empty {
    display: none;
}
.sal_slip_report .inline_block{
width: 18%;
padding-left: 5px;
}


#salary_table{
    table-layout: fixed;
  }
#header-fixed{
  position: fixed;
  top: 70px;
  display: none;
  background-color: white;
}

#salary_table tr td,#salary_table tr th{
  width: 95px;
    max-width: 95px;
  overflow-wrap: break-word;
  word-wrap: break-word;
}


#salary_table tr td:nth-child(1),#salary_table tr th:nth-child(1)
{
  width: 35px;
  max-width: 35px;
}
#salary_table tr td:nth-child(2),#salary_table tr th:nth-child(2)
{
  width: 110px;
    max-width: 110px;
}
/* #salary_table tr td:nth-last-child(3),#salary_table tr th:nth-last-child(3)
{
  width:150px;
  max-width: 150px;
} */

#salary_table tr td:nth-child(3),#salary_table tr th:nth-child(3)
{
  width:150px;
  max-width: 150px;
}
#salary_table tr td:nth-child(4),#salary_table tr th:nth-child(4)
{
  width:160px;
  max-width: 160px;
}
/* #salary_table tr td:nth-last-child(1),#salary_table tr th:nth-last-child(1){
  width: 60px;
    max-width: 60px;
} */



#header-fixed tr td,#salary_table tr th{
  width: 105px;
    max-width: 105px;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
#header-fixed tr td:nth-child(1),#header-fixed tr th:nth-child(1)
{
  width: 35px;
  max-width: 35px;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
#header-fixed tr td:nth-child(2),#header-fixed tr th:nth-child(2)
{
  width: 110px;
    max-width: 110px;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
#header-fixed tr td:nth-last-child(3),#header-fixed tr th:nth-last-child(3)
{
  width:150px;
  max-width: 150px;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
#header-fixed td:nth-last-child(2),#header-fixed  tr th:nth-last-child(2){
    width: 90px;
      max-width: 90px;
    overflow-wrap: break-word;
    word-wrap: break-word;
  }
#header-fixed td:nth-last-child(1),#header-fixed  tr th:nth-last-child(1){
  width: 90px;
    max-width: 90px;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.h50px {
height:50px}
.clr_formula_btn{
    border-color: #0078D3 #0078D3 #0078D3 !important;
    background: -webkit-linear-gradient(top, #2A9DF4 0%, #0078D3 100%) !important;
    background: -moz-linear-gradient(top, #2A9DF4 0%, #0078D3 100%) !important;
    background: -o-linear-gradient(top, #2A9DF4 0%, #0078D3 100%) !important;
    background: linear-gradient(to bottom, #2A9DF4 0%, #0078D3 100%) !important;
    color: #fff;
    margin: 0px 10px;
}

.member_outer{
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    height: 37px;
    display: flex;
    flex-grow: 5;
    flex-basis: 50%;
    gap: 5px;
    height: fit-content;
    scrollbar-width:none !important
}



.member_outer::-webkit-scrollbar {
    width: 0px;
    background: transparent;
    height: 0px;

 }

.member_outer .team_member_img{
    flex-shrink: 0;
}

#notice_read_cnt:empty {
    display: none;
  }

 .ui-dialog-buttonset .ui-button.ui-corner-all.ui-widget{
    border-radius: 0.3rem;
  }
  .slary_days_details .div1{
    width: 40px;
    display: inline-block;
  }
  .slary_days_details .div2{
    width: 80px;
    display: inline-block;
  }
  .slary_days_details .div3{
    width: 80px;
    display: inline-block;
    
  }
  #salary_table .slary_days_details table{

  position: unset;
  }
  #salary_table .slary_days_details td{
    width: fit-content !important;
    max-width: fit-content !important;
    min-width: fit-content !important;
    padding: 2px 0px;
    border: none;
  }

  #salary_table .slary_days_details td.semibold{
    font-weight: 600 !important;
  }
  .worklog_editer .mce-edit-area
  {
      height:250px;
      overflow: scroll;
  }
.project_hour_infinity_symbol{
    font-size: 19px;
}
.msg_box .reply_to{
    color: black;
    font-size: 13px;
    margin-bottom: 4px;
}
.msg_box .reply_to .replytext_sendername{
    font-size: 11px;
    /* color: #9d9696; */
}

.username_typing{
    position: absolute;
    bottom: 0;
    left: 0;
    background: white;
    font-size: 12px;
    font-weight: 500;
}
.team_member_info.fixed_show{
color: black;
}

.salary_Details tr td{
padding:5px;
border: 2px solid black;
}
.salary_Details tr td:last-child{
    color: black;
    text-align: right;

}
.hide_dept_emp_img{
    display: none !important;
}



/* cropper css */
#mi-crop-box {  
    height: fit-content;
    padding: 0px !important;
    border: 2px solid black
  }


#mi-crop-box .mi-btn {
    background-color: #3FA4D4 !important;
}
#mi-crop-box  .fa, .fa-solid {
    font-size: 25px;
    color: #fff;
    padding: 0px !important;
}
.download_resumehtml{width: 600px;}
#mi-crop-box .mi-btn.crop-img,#mi-crop-box .mi-btn.close-cropper{
    width: 130px !important;
}

.fa-rotate-right:before, .fa-repeat:before {
    content: "\f01e";
}
.prev_break{
    position: absolute;
    font-size: 9px;
    padding: 6px 0px;
    color: #fff !important;
    top: 8px !important;
    left: 15px !important;
    font-weight: 800;
    display: none;
}

#switcher_break:checked + .slider + #prev_br_session_text {
display: block;  }
/* cropper css end */
.vsmall{
    width: 100px !important;
}
.reason_list ol{
    padding-left: 10px;
}
.gap_15 {
    gap: 15px;
}
.gap_10 {
    gap: 10px;
}

.pd-l30 ol{
    padding-left: 30px ;
}
.td_pad td {
    padding-right: 5px;
}

.td_pad td:nth-child(2) {
    font-weight: 900;
    text-align: right;
}
.view_exp_field_row{
    width: 100%;
    float: left;
    padding-left: 30px;
    min-height: 22px;
}

.view_exp_field_row span:nth-child(1){
    width: 20%;
    display: inline-block;
}

#allowed_break{
    display:none;
}
.pd_t10{
    padding-top: 10px;
}
#client_details{
    width: 100% !important;
}
.input95 input,input.input95 {
    width: 95% !important;
}
#client_company_billing_address
{       vertical-align: top;
   /* width: 95% !important;*/
    padding: 5px 9px !important;
    margin-bottom: 5px;
    box-sizing: border-box !important;
    border: 1px solid #e1e1e1 !important;
    resize: none;
    color: #333333;
    font-weight: lighter;
    height: 30px;}

.exp_view {
    width: 48% !important;}
.mrg_b17{margin-bottom: 17px !important;}
.hei5px{height: 5px;}

input.inputw150{
    width: 150px !important;
}

.width150px{
    width: 150px !important;
}

.wordbreak_all{word-break: break-all;}

.grid2colmn{
    line-height: 21px;
    grid-template-columns: auto auto;
    display: grid;
}
.grid2colmn .add_leave_form_title{
    font-weight: 600;
}

.grid2colmn .add_leave_form_title {
    line-height: 21px;
    font-weight: 600;
    width: 135px;
}

.grid2colmn .add_leave_filed_warp {
    line-height: 21px;
    width: 250px;
}


.addinv_title{
    width: 14%;
    display: inline-block;
}

.addinv_field_wrap{
    width: 33%;
    display: inline-block;
    margin-right: 20px;
}

#salary_table #header-fixed {
width: 80%;}


.open {
    position: absolute;
    right: -15px;
    display: none !important;
}


.msg_board_actions_new{
    background-color: #fff;
    width: 99.5%;
    font-size: 16px;
}

.header.message_board_header .options{
    border: 1px solid #ccc;
    border-radius: 50%;
    padding: 4px 5px;
    cursor: pointer;
    color: #969393;
    font-size: 12px;
    margin: 0px 4px;
}

 .colotwhite {
    color: #fff;
}

.message_board_header .logo {
    width: fit-content;
}
.message_board_header .profile_header_dropdown{
    margin: 0;
}

#container .message_board_header #header_main .header_right_block.user_menu{
 
    margin: 0;
    margin-top: 9px;
}

.msg_header_wrapper .fa.fa-cog{
    font-size: 22px ;
}
.msg_header_wrapper .fa.fa-users{
    font-size: 19px ;
}
.msg_header_wrapper .fa.fa-bookmark{
    font-size: 20px;
    padding: 0px 4px;
}
#msgboard {
    height: calc(100vh - 90px);
}
  #project_list.msg_board, #employee_listing.msg_board, #employee_list_search {

    height: calc(100vh - 185px);
  }

  #project_msg, .msg_chat {

    height: calc(100vh - 100px) !important
  }
  #project_msg #msg_list {
    height: calc(100vh - 235px);
  }
  .chllan table{

  width: 100%;margin-bottom: 3px;border-collapse: collapse;border: 1px solid #000
}
  .chllan table td{
    padding: 5px;padding-left: 6px;text-align: left;border-bottom: 1px solid;border-right: 1px solid
}

.chllan table th{
    padding: 5px;padding-left: 6px;text-align: left;border-bottom: 1px solid;border-right: 1px solid
}

.chllan .pdtop5{
    padding-top: 5px;
}


.chllan table .text_right{
    text-align: right;
}
.chllan table .text_center{
    text-align: center;
}
.chllan .gridview{
gap: 5px;
display: grid;
grid-template-columns: auto auto auto;
}

.pd0_imp {
    padding:0px !important;
  }

.switch_rec {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 22px;
  }
  .switch_rec input { 
    opacity: 0;
    width: 0;
    height: 0;
  }
  
  .slider_rec {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
      border-radius: 34px;
  
  }
  
  .slider_rec:before {
    position: absolute;
    content: "";
    height: 15px;
    width: 15px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
        border-radius: 50%;
  
  }
  
  input:checked + .slider_rec {
    background-color: #2196F3;
  }
  
  input:focus + .slider_rec {
    box-shadow: 0 0 1px #2196F3;
  }
  
  input:checked + .slider_rec:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
  
  }
.fixed_show.team_member_info {
    font-size: 12px;
    line-height: 15px;
}

.emp_lastseen{
    font-size: 10px;
    font-weight: 500px;
}

.expenses_table_view td:nth-child(odd){
    width: 20%;
    padding: 10px;
    vertical-align: top;

}

.expenses_table_view td:nth-child(even){
    width: 30%;
    padding: 10px;
    vertical-align: top;
}
.hide_overflow{
    overflow: hidden;
}
.scrollbuttons{
  
    height: 30px;
    width: 30px;
    border: 1px solid #ccc;
    background: white;
    /* margin-right: 13px; */
    border-radius:50%
}
.scrollbuttons i{

font-size: 20px;
text-align: center;
line-height: 30px;
width: 29px;
}
.scrollbuttons_outer{
    position: sticky;
    right: 0;
    display: flex;
    gap: 3px;
    background: white;
    padding-left: 10px;
    cursor: pointer;

}
.scrollbuttons.disable{
cursor: auto;
}







.worklog_view_outer div:last-child .worklog_view_table{
    margin-bottom: 0px;
}
.worklog_view_outer div.center{
text-align: center;
line-height: calc(100vh - 275px);
}

.w350pximp{
width: 350px !important;}



.no_resize {
    resize: none;
}
.valign_top td{
    vertical-align:top;
}
.dropcontainernew{
    margin-top: 0px;
    height: 50px;
    overflow: hidden;
}
.width100perimp{
width: 100% !important;
}
.image_block_profile_new{
    width: 50px;
    float: right;
    margin-top: -40px !important;
}
#msgboard .team_member_img{
    overflow: unset;
}
#msgboard .res_img {
 border-radius: 50%;
    overflow: hidden;
}