.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 12px;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

html {
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 14px!important;
    font-weight: 400;
    font-family: Poppins,Helvetica,sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: scale;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.user_data li{
    font-size: 13px;
    margin-bottom: 5px;
}


.user_data li i{
    padding-right: 7px;
}



.personalize_scroll{
    height: 570px;
    overflow-y: scroll;
}



.admin_left{
    margin-left: 160px;
}

.travel_left{
    margin-left: 120px;
}

.inter_left{
    margin-left: 120px;
}

.green_border_width{
    height: 70px;margin-left: -34px; margin-top: 15px;
}

.hrbuddy_border_width_size{
    height: 70px; margin: 15px 0 0;
}

.hrbuddy_width_border_size{
    height:70px; margin-left: 105px; margin-top: 12px;
}

.meeting_hidden{
    display: none;
}


.right-tasks-col{
    margin-top:-140px;
}

.hrbuddy_bordrer_width_right{
    height:70px;margin-left: -250px; margin-top: 12px;
}

.hr_leftside{
    box-shadow:0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23) !important;
    -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23)  !important;
    -o-box-shadow:0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23) !important;
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23)  !important;
    text-align: center;
    padding:1px 10px;
}




.hr_round_box_qw{
    margin-bottom:1.80rem  !important;
    border-radius: 6px  !important;;
    box-shadow: 0px 2px 1px 1px #A69696  !important;
    -moz-box-shadow: 0px 2px 1px 1px #A69696  !important;
    -o-box-shadow: 0px 2px 1px 1px #A69696  !important;
    -webkit-box-shadow: 0px 2px 1px 1px #A69696  !important;
    padding:3px 10px   !important;
    background: #fff !important;

}

.hr_org_count{
    font-size: 14px !important;
    margin: 0 !important;
    font-weight: bold !important;
    line-height: 27px !important;
    color: #3bb5b5 !important;
}


.hr_width_round_ls{
    margin: auto;
    width: 100px !important;
    background: #3bb5b5 !important;
    height: 37px !important;
    color: #fff;
    font-size: 17px;
    line-height: 38px !important;
    text-align: center;
    border-radius: 50% !important;
    box-shadow:0px 2px 1px 1px #A69696;
    -webkit-box-shadow:0px 2px 1px 1px #A69696;
    -o-box-shadow:0px 2px 1px 1px #A69696;
    -moz-box-shadow:0px 2px 1px 1px #A69696;
}


.hr_quick_link_qw{

    border: 1px solid #3bb5b5;
    box-shadow: 0 2px 2px 2px #c4c4c5;
    -moz-box-shadow: 0 2px 2px 2px #c4c4c5;
    -o-box-shadow: 0 2px 2px 2px #c4c4c5;
    -webkit-box-shadow: 0 2px 2px 2px #c4c4c5;

    background: #3bb5b5 !important;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    color: #fff;
    margin: 13px 0;
}
.hr_right_arrow {
    border-radius: 100%;
    background: #bee43f;
    padding: 7px;
    position: absolute;
    right: 14px;
    z-index: 9999;
    top: 56px;
    color: #fff;
}

.hr_right_arrow:hover {
    background: #39bcd3;
}


.hr_icon_text_size{
    font-size: 27px !important;
}
.suggeestion_bottom{
    bottom: 78px !important;
}

.hr_wishcard_scroll{

    overflow-y: scroll;
    height: 288px;
}

.hr_circle_notification{
    background: linear-gradient(#43b4d3, #298fa9);
    width: 20px;
    height: 20px;
    text-align: center;
    border-radius: 100%;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    box-shadow: 1px 2px 1px #000;
    position: absolute;
    left: 0px;
    top: 0;
}

.hr_horizontal-gradient {
    background: linear-gradient(to right, #0d3995, #99ddcc);
    width: 100%;
    height: auto;
    border: 2px solid #0f4399;
}


.hr_meeting_scroll{

    height: 120px;
    overflow-y: scroll;
    background: rgba(239,241,252,0.4);
    padding: 5px 10px;
}

.hr_your_buddy{
    margin-left: -27px;
    color: #3bb5b5;
}



.accelrdase_hr_left{
    float: left;
    margin-bottom: 0;
    padding: 6px 0;
    border-bottom: 5px solid #697e3f;
}


.hr_info_wrapper{
    width:460px;
    height:auto;
    float:right;
    margin: 30px 0 0 0;

}

.hr_info_wrapper .wrap {
    display: flex;
    background: #fbfbfb;
    padding: 10px;
    border-radius: 0;
    /*box-shadow: 7px 7px 30px -5px rgba(0,0,0,0.1);*/
    margin-bottom: 2rem;
}

.hr_info_wrapper .wrap .wrap_boxx{
    background:#fff;
    display: flex;
    width:100%;
}

/*.hr_info_wrapper .wrap:hover {
    background: linear-gradient(135deg,#6394ff 0%,#0a193b 100%);
    color: white;
}*/

.hr_info_wrapper .wrap_boxx .hr_ico_wrap {
    margin: auto;
    width: 60px;
    background: #666;
    height: 47px;
    color: #fff;
    font-size: 20px;
    line-height: 45px;
    text-align: center;
}

.hr_info_wrapper .wrap_boxx   .income_hr{
    background: #3bb5b5 !important;
}

.hr_info_wrapper .wrap_boxx   .income_hr2{
    background: #fbab17 !important;
}
.hr_info_wrapper .wrap_boxx   .income_hr3{
    background: #0aa9ea !important;
}

.hr_info_wrapper .wrap_boxx .text-wrap{
    width:100%;
    margin-left:10px;
    margin-top: 6px;


}

.hr_info_wrapper .wrap_boxx .text-wrap h2{
    font-size:12px;
    margin:0;
    font-weight:bold;

}

.hr_info_wrapper .wrap_boxx .text-wrap h2.income_text{
    color:#3bb5b5;

}

.hr_info_wrapper .wrap_boxx .text-wrap h2.income_text2{
    color:#fbab17;

}
.hr_info_wrapper .wrap_boxx .text-wrap h2.income_text3{
    color:#0aa9ea;

}

.hr_info_wrapper .wrap_boxx .text-wrap p{
    font-size:12px;
    margin:0;

}


.hr_info_wrapper .mbr-iconfont {
    font-size: 4.5rem !important;
    color: #313131;
    margin: 1rem;
    padding-right: 1rem;
}
.hr_info_wrapper .vcenter {
    margin: auto;
}

body {
    margin: 0;
    font-family: Poppins,Helvetica,sans-serif;
    font-weight: 400;
    line-height: 1.5;
    color: #47404f;
    text-align: left;
    background-color: #fff
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 0.5rem;
    /*font-family: Calibri, "Helvetica", san-serif;*/
    font-family: Poppins,Helvetica,sans-serif!important;
    font-weight: 500;
    line-height: 1.2;
    color: inherit;
}
a {
    color: #3bb5b5;
}


/*manish css coding*/
.wish_you_peers{
    width:100%;
    margin: 0;
    padding:10px 0;
    /*background: #00BACD;*/
}

.wish_your_peer_image{
    width:100%;
    margin:0;
    padding: 0 18px 0 0;
    text-align: right;

}

.wish_your_peer_image img{
    margin:0;
    padding:0;
    /*width: 40%;*/
    width: 64%;

}

.wish_your_peer_content{
    width:100%;
    /*margin:25px 0;*/
    margin:80px 0 30px;
    padding:0

}


.wish_your_peer_content .title{

    color: #2e8c8c;
    padding: 10px 0;
    white-space: nowrap;
    font-size: 19px;
    font-weight: 600;
    font-family: "Roboto", sans-serif;
    background: #fff;
    border-radius: 8px;
    text-decoration: none;
    width: 50%;
    text-align: center;
    -webkit-box-shadow: 0 2px 2px 2px #008e9d;
    box-shadow: 0 2px 2px 2px #008e9d;

}


.wish_your_peer_content p{
    font-size: 15px;
    color: #fff;
    padding: 6px 0 0;
    line-height: 15px;
    font-weight: 500;
    letter-spacing: 1px;

}


.wish_you_peer_text_wrapper{
    width: 100%;
    margin: 10px 0 0;
    padding: 20px 0 0;
}

.card_padding{
    padding: 15px 15px !important;
    /*background-color:rgba(0,0,0,.03);*/
    background-color:#fff !important;
    margin: 0 0 30px 0;
    display: flow-root;
    height: 238px;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.08) !important;
    border: 0px solid rgba(0,0,0,.125);
}
.card_padding::after {
    background: rgba(0, 0, 0, 0) url(../img/tiles_img.png) repeat scroll 0 0 / 100% auto;
    bottom: -31px;
    content: "";
    height: 118px;
    left: 0;
    position: absolute;
    width: 100%;
}

.wish_you_peer_text_wrapper .wishpeer-card  .card{

    background-color: rgba(0,0,0,.03);
}

.wish_you_peer_text_wrapper .wishpeer-card .card-body {
    background-color: transparent;
    padding: 10px 10px 10px;
    border-top:0px solid #d7d7d7;
}

.wish_you_peer_text_wrapper .wishpeer-card .card-header {
    border-bottom: none;
    padding: 8px 15px;
    text-transform: uppercase;
    font-size: 15px;
    background-color: transparent;
    font-weight: bold;
    position: relative;
    display: block;
    color: #28417a;

}

.wish_you_peer_text_wrapper .wishpeer-card .card-header .nav-tabs {
    border-bottom: 0px solid #dee2e6;
    float: right;
    margin: 8px 0 0;
}
.wish_you_peer_text_wrapper .wishpeer-card .card-header img {
    width: 13%;
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    /*float: left;*/
    float: None;
}

.wish_you_peer_text_wrapper .wishpeer-card .card-body .list-group-item {
    border: none;
}

.wish_you_peer_text_wrapper .wishpeer-card .card-body .list-group li strong,
.wish_you_peer_text_wrapper .wishpeer-card .card-body .list-group li small {
    display: block;
}

.wish_you_peer_text_wrapper .wishpeer-card .card-body .list-group li strong {
    font-weight: 600;
    font-size: 14px;
}

.wish_you_peer_text_wrapper .wishpeer-card .card-body .list-group li span {
    border: 1px solid orange;
    padding: 3px 5px;
    border-radius: 15px;
    font-size: 11px;
    color: orange;
}

.wish_you_peer_text_wrapper .wishpeer-card .card-body .list-group li hr {
    margin-top: 15px;
    margin-bottom: -10px;
}

.wishpeer-card .card-body .tab-content .list-unstyled  .media{
    background: rgba(239,241,252, 0.4);
    width: 46%;
    float: left;
    margin:2% 2%;
    position: relative;
}


.wishpeer-card .card-body .tab-content .list-unstyled  .media img{
    height: 45px;
    margin-right: 12px !important;

}

.wishpeer-card .card-body .tab-content .list-unstyled  .media .media-body{
    font-size: 10px;
    margin: 7px 0;
    color: #0a7b86;
    font-weight: bold;
}

.wishpeer-card .card-body .tab-content .list-unstyled  .media .media-body h5{
    font-size: 11px;
    font-weight: 600;
    color:#0a7b86;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 92%;
}

.wishpeer-card .list-unstyled{
    margin: 0;

}
.wishpeer-card .nav-link {
    display: block;
    padding: .170rem 0.150rem;
}


.wishpeer-card .nav-link, .nav-tabs .nav-link.active {
    color: rgb(105, 126, 63);
    background-color: transparent;
    border-bottom: 2px solid #697e3f;
}


.wishpeer-card .nav-tabs .nav-link:hover {
    border-color: transparent;
    border-bottom: 5px solid #bbe61a;
    color: #28417a;
}

.wishpeer-card .nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    font-size: 11px;
    color: #939292;
    text-align: center;
    /*text-shadow: #fc0 0px 0 0px !important;*/

}

.wishpeer-card .nav-tabs .nav-link.active {
    /*color: rgb(105, 126, 63);*/
    color: #28417a;
    background-color: #fff;
    border-color: transparent;
    /*border-bottom: 2px solid #697e3f;*/
    border-bottom: 5px solid #bbe61a;
}



.wishpeer-card .card-body .tab-content .list-unstyled_gallery  .list-unstyled_gallery_media{
    background: #EFF1FC;
    width: 15%;
    float: left;
    margin: 2% 2.5%;

    list-style-type: none;
    border: 1px solid #d7d7d7;
    text-align:center;
    display: block;
    overflow: hidden;
    /*margin: 0 auto;*/
    height: 47px;
    position: relative;
    z-index: 99;


}


.wishpeer-card .card-body .tab-content .list-unstyled_gallery  .list-unstyled_gallery_media img{
    /*height: 47px;*/

    padding: 0 0px;
    position: absolute;
    max-width: 97%;
    max-height: 97%;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;

}

.wishpeer-card .card-body .tab-content .list-unstyled_gallery  .list-unstyled_gallery_media .media-body{
    font-size: 9px;
    margin: 7px 0;
    color:#666;
}

.list-unstyled_gallery{
    margin: 0;
}

.birthday_width{
    width: 96% !important;
    background: #fff !important;
}


.birthday_width_shadow{
    -webkit-box-shadow:0px 0px 24px -7px rgba(0,0,0,0.75) !important;
    -moz-box-shadow:0px 0px 24px -7px rgba(0,0,0,0.75) !important;
    -o-box-shadow:0px 0px 24px -7px rgba(0,0,0,0.75) !important;
    box-shadow: 0px 0px 24px -7px rgba(0,0,0,0.75) !important;
    padding: 6px 9px !important;
    margin: 1px 0 !important;

}

.birthday_text{
    font-size: 15px !important;
    padding: 0 !important;
}

.birthday_navlink_width{
    width: 50%;
}

.birthday_navlink_width img{
    position: relative !important;

}

.birthday_image_width{
    /*width: 18% !important;*/
    width: 60% !important;
}

.birthday_height_scrolling{
    /*height: 440px;*/
    height: 509px;
    /*overflow-y: scroll;*/
}


.wish_rounded{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background:#13b7c9;
}

a.assign{

    text-decoration: none;
    color: #3bb5b5;
    font-size: 12px;
    text-transform: uppercase;
    /* text-align: right; */
    background: #fff;
    padding: 7px;
    border-radius: 4px;
    position: absolute;
    right: 18px;
    bottom: 34px;
    border: 1px solid #d7d7d7;
    float: right;
    -webkit-box-shadow: 0 2px 2px 2px #d7d7d7;
    box-shadow: 0 2px 2px 2px #d7d7d7;
    z-index: 10000;
}
a.assign:hover{
    color: #000;
}

.chat_date{

    float: right;
    color: #9c9c9c;
    font-weight: bold;
}


.buddy_chat_wrapper{
    width: 100%;
    margin: 0;
    padding: 0;
}
.buddy_chat_wrapper h4{
    font-weight: 800;
    color: #000;
    font-size: 25px;
    padding: 38px 0  0;
}

a.desk{
    text-align: center;
    border-radius: 5px;
    padding: 20px 0px;
    color: #fff;
    background-color: #35b2d5; /* For browsers that do not support gradients */
    background-image: linear-gradient(to right, #35b2d5 , #288ba5); /* Standard syntax (must be last) */
    display: inline-block;
    width: 100%;
    margin: 10px 0;
    text-decoration: none;
}
.hr{
    background:#ffcd00 !important;
}

.travel{
    background:#00dce3 !important;
}


.enter{
    background:#fa3539 !important;
}

.admin{
    background:#2895fe !important;
}

a.desk:hover{
    background: #697e3f !important;
}

.desk_image {
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: right;

}

.desk_image img{
    margin: 0;
    padding: 0;
}

.buddy_chat_wrapper{
    width: 100%;
    margin: 0 0 20px;
}

.buddy_chat_bg{
    background: #fff;
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
    border-radius: 0;

}


#grad1 {
    height: 200px;
    width:200px;
    border-radius:100%;
    background-color: #35b2d5; /* For browsers that do not support gradients */
    background-image: linear-gradient(to right, #35b2d5 , #288ba5); /* Standard syntax (must be last) */
}



.buble_transparent{
    position: absolute;
    left: -26px;
    /*top: 36px;*/
    top: 83px;
    z-index: 100;
}





.blue_bg{
    position: relative;
    z-index: 99999;
    font-weight: bold;
    background: #fff;

}

.leave_box{
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;

}
.leave_box h6{
    font-size: 16px;
    color: #3bb5b5;
    font-weight: 600;
}

.number_color{
    color: #3bb5b5;
    font-weight: 600;
    padding: 5px 0;
}


.training_card_wrapper{
    margin: 26px 0;
    padding: 5px 0px !important;
    background-color: #fff;
    /*background-color: #fff !important;*/
    /*margin: 0 0 30px 0;*/
    display: flow-root;
    /* -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);*/
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    -o-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}


.training_card_wrapper   .list-group-item {
    border: none;
    /*background: rgb(239,241,252, 0.4);*/
    margin: 4px 0;
}

.training_card_wrapper   .list-group li.list-group-item strong,
.training_card_wrapper   .list-group li.list-group-item small {
    display: block;
}

.training_card_wrapper  .list-group li.list-group-item strong {
    font-weight: 600;
    font-size: 14px;
}

.training_card_wrapper-card .orange_span {
    border: 1px solid orange;
    padding: 3px 5px;
    border-radius: 15px;
    font-size: 11px;
    color: orange;
}

.training_card_wrapper   .list-group li hr {
    margin-top: 15px;
    margin-bottom: -10px;
}

.training_card_wrapper .card-header {
    padding: 0rem 1.25rem .75rem 1.25rem;
    margin-bottom: 0;
    background-color: transparent;
    border-bottom: 0px solid rgba(0,0,0,.125);
}



.training_card_wrapper.nav-tabs .nav-item.show .nav-link, .training_card_wrapper .nav-tabs .nav-link.active {
    color: #495057;
    background-color: transparent;
    border-color: transparent;
    border-bottom: 2px solid #697e3f;
}

.training_card_wrapper .nav-tabs .nav-link {
    border: 0px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
}

.training_card_wrapper .nav-tabs .nav-item {
    margin-bottom: -1px;
    width: 33%;
    text-align: center;
}



/*.leave_box:nth-child(2){ border-right: 0px solid #d7d7d7;}*/

/*manish css coding*/




.bg-primary {
    background: #3bb5b5 !important;
}

.has-broder-right {
    border-right: 1px solid #ddd;
}
.has-border-left {
    border-left: 1px solid #ddd;
}

/*.btn-primary {
    background-image: linear-gradient(40deg, rgb(56 177 208), #91dca5) ;
    border-radius: 20px;
    transition: .5s;
    background-size: 200%;
    display: block;
    border-color: #fff!important;
    box-shadow: 0 4px 20px 1px rgba(0, 0, 0, .06), 0 1px 4px rgba(0, 0, 0, .08)!important
}*/
.btn-primary {
    background-image: linear-gradient(to right, #0383d4 0%, #1cc9d4 100%) !important;
    border-radius: 91px !important;
    padding: 0.6rem 1rem !important;
    box-shadow: 0 4px 20px 1px rgb(0 0 0 / 6%), 0 1px 4px rgb(0 0 0 / 8%) !important;
    border-color: transparent !important;
    color: #fff !important;
}
/*.btn-primary:before{*/
/*    content: "";*/
/*    display: inline-block;*/
/*    height: 40px;*/
/*    position: absolute;*/
/*    bottom: -5px;*/
/*    left: 30px;*/
/*    right: 30px;*/
/*    z-index: -1;*/
/*    border-radius: 30em;*/
/*    filter: blur(20px) brightness(0.95);*/
/*    transform-style: preserve-3d;*/
/*    transition: all 0.3s ease-out;*/
/*}*/
.btn-primary:hover{
    background-position: right!important;
    border-color: #fff!important;
}
.page-item.active .page-link {
    z-index: 1;
    color: #fff!important;
    border-color: #3b91e9;
    background: #3b91e9;

}
.dataTables_paginate a:hover:not(.active) {
    background-color: #3eccbf!important;
    color: #ffffff!important;
}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0rem rgba(0,123,255,.5) !important;
    background: #fff;
    color: #222222;
}
.btn-primary.focus, .btn-primary:focus {
    box-shadow: 0 0 0 0rem rgba(0,123,255,.5) !important;
}
.btn-primary:hover {
    color: #fff;
    background-position: right;
}
.primary-color {
    color: #3bb5b5 !important;
}
a.bg-primary:focus,
a.bg-primary:hover,
button.bg-primary:focus,
button.bg-primary:hover {
    background-color: #697e3f !important;
    border-color: #fff !important;
}

.btn-danger{
    border-color: #e68724 !important;
    background: #e68724 !important;
    background-image: linear-gradient(to right, #e68724, rgba(230, 135, 36, 0.39), #904f1e) !important;
    border-radius: 20px !important;
}
.btn-danger:hover{
    color: #fff;
    border-color: #e68724 !important;
    background: #e68724 !important;

}
dl,
ol,
ul {
    margin-top: 0;
    margin-bottom: 1rem;
    padding: 0;
}
.popover {
    max-width: 300px;
}
.navbar {
    padding: 0;
}
.main-nav-brand {
    display: none;
}
.logo-2 {
    /*width: 140px;*/
    width: 82px;
}
.h-r-b {
    border-right: 1px solid #3bb5b5;
}
.d-flex-center-end {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.d-flex-a-center {
    display: flex;
    align-items: flex-end;
}
.w-f {
    width: 100%;
}

.p-b20 {
    padding-bottom: 20px;
}

.bx-s {
    -moz-box-shadow: rgb(179, 186, 197) 0px 4px 8px 0px,
    rgb(179, 186, 197) 0px 0px 1px 0px;
    -webkit-box-shadow: rgb(179, 186, 197) 0px 4px 8px 0px,
    rgb(179, 186, 197) 0px 0px 1px 0px;
    box-shadow: rgb(179, 186, 197) 0px 4px 8px 0px,
    rgb(179, 186, 197) 0px 0px 1px 0px;
}
@media (min-width: 1200px) {
    .container {
        max-width: 1550px;
        position: relative;
    }
}

.card {
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
    border-radius: 0;
    background-color: #fff;

}
.main-navbar {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    transition: 0.5s;
    margin-top: -6px;
}
.main-navbar.is-fixed {
    background: #3bb5b5 !important;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    height: 50px;
    z-index: 100000;
    -webkit-animation-name: stickySlideDown;
    animation-name: stickySlideDown;
    padding: 0;
    transition: none;
}
.main-navbar.is-fixed .menu-navbar .nav-link {
    color: #fff !important;
    font-size: 15px;
    padding: 5px 15px 5px;
    border-bottom: 2px solid #fff;
}
.main-navbar.is-fixed .main-nav-brand {
    display: block;
    position: absolute;
    top: 14px;
    font-size: 22px;
    color: #fff;
}
@-webkit-keyframes stickySlideDown {
    0% {
        opacity: 0.7;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes stickySlideDown {
    0% {
        opacity: 0.7;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
.navbar-light .menu-navbar .nav-link {
    font-size: 13px;
    color: #939292;
    font-weight: 600;
    padding: 0 15px 5px;
    margin-bottom: 0px;
    margin-right: 5px;
    border-bottom: 4px solid #fff;
}

.main-navbar .navbar-nav .active > .nav-link,
.main-navbar .navbar-nav .nav-link.active,
.main-navbar .navbar-nav .nav-link.show,
.main-navbar .navbar-nav .show > .nav-link {
    border-bottom: 4px solid #697e3f;
    color: rgb(105, 126, 63) !important;
}

.main-navbar .navbar-nav .nav-link:focus,
.main-navbar .navbar-nav .nav-link:hover {
    border-bottom: 4px solid #697e3f;
    color: rgb(105, 126, 63) !important;
}

.navbar-brand {
    color: #3bb5b5;
    font-weight: 600;
    font-size: 27px;
    text-shadow: -1px 0px 6px rgba(108, 179, 150, 0.82);
    padding-bottom: 0;
    margin-top: -15px;
    z-index: 1;
}

.welcome-card .welcome-card-body {
    padding: 75px 35px 40px;
    background: #fff;
}

.welcome-card .card-body p {
    margin-bottom: 0px;
}

.top-sec-banner {
    /*background: #3bb5b5;*/
    background-image: linear-gradient(to right, #5ad2d2, #5cd4d4, #3bb5b57a) !important;
    height: 66px;
    position: relative;
}
.top-sec-banner .card-title {
    font-size: 15px;
    margin-bottom: 0 !important;
}
.top-sec-banner .card-img-overlay {
    padding: 0;
}
.img-circle {
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.card .card-abs-left-bottom {
    position: absolute;
    z-index: 1;
    top: 17px;
    bottom: 0;
    left: 28px;
}

.card .card-abs-left-bottom img {
    height: 85px;
    overflow: hidden;
    width: 85px;
    object-fit: cover;
}

.name-container {
    padding-left: 118px;
    padding-top: 16px;
    line-height: 15px;
}

.buttons-top .btn {
    margin-top: -20px;
    margin-left: 5px;
    border-radius: 22px;
    background: transparent;
    border: 2px solid;
    position: relative;
    transition: color 0.25s ease;
    display: none;
}

.buttons-top .btn:hover {
    color: #fff;
    background: #697e3f;
}

.buttons-top .btn::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: white;
    transform-origin: left;
    transition: width 0.25s ease;
    z-index: -1;
}

.buttons-top .btn:hover::after {
    width: 100%;
}

.d-d {
    font-size: 12px;
}

.p-p {
    line-height: 14px;
    margin-bottom: 20px !important;
    margin-top: 8px;
}

.welcome-carousel .carousel-control-next {
    right: 0px;
    background: #ddd;
    height: 40px;
    opacity: 1;
    top: 111px;
    width: 27px;
    color: #000;
    line-height: 42px;
}

.welcome-carousel .carousel-control-prev {
    left: 0px;
    background: #ddd;
    height: 40px;
    opacity: 1;
    top: 111px;
    width: 27px;
    color: #000;
    line-height: 42px;
}

.welcome-carousel .fa {
    font-size: 20px;
}

.right-tasks-col .tasks-main {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    /*margin-top: -45px;*/
    margin-top: -58px;
    background: #fff;
    padding: 76px 20px 50px;
    margin-left: 20px;
}

.right-tasks-col .tasks-main .slag {
    font-size: 16px;
    color: #3bb5b5;
}

.right-tasks-col .tasks {
    width: 290px;
    padding-left: 25px;
    float:left;
}

.right-tasks-col .tasks li a {
    color: #fff;
}

.right-tasks-col .tasks li a .fa {
    margin-right: 7px;
}

.d-date {
    line-height: 23px;
    margin-right: 15px;
    position: absolute;
    right: 0;
    top: 0;
}

.training-card .card-body {
    background-color: rgba(0, 0, 0, 0.03);
    padding: 0 10px 10px;
}

.training-card .card-header {
    border-bottom: none;
    padding: 8px 15px;
    text-transform: uppercase;
    font-size: 14px;
}

.training-card .card-body .list-group-item {
    border: none;
}

.training-card .card-body .list-group li strong,
.training-card .card-body .list-group li small {
    display: block;
}

.training-card .card-body .list-group li strong {
    font-weight: 600;
    font-size: 14px;
}

.training-card .card-body .list-group li span {
    border: 1px solid orange;
    padding: 3px 5px;
    border-radius: 15px;
    font-size: 11px;
    color: orange;
}

.training-card .card-body .list-group li hr {
    margin-top: 15px;
    margin-bottom: -10px;
}

.wishes-main {
    padding: 80px 0 30px;
}
.info-card {
    position: relative;
}
.info-card .info-row .col {
    border: 1px solid #dee2e6;
}
.info-card .info-row .col span {
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    /*font-family: "Clicker Script", cursive;*/
    color: #3bb5b5;
}

.info-card::after {
    background: rgba(0, 0, 0, 0)
    url(http://prohatsconsulting.com/wp-content/themes/twentysixteen/images/globe_shad_img.png)
    repeat scroll 0 0 / 100% auto;
    bottom: -40px;
    content: "";
    height: 150px;
    left: 0;
    position: absolute;
    width: 100%;
}

.info-card .card-body {
    padding: 25px 30px;
    padding-bottom: 40px;
}
.info-card .card-body .media:not(:last-child) {
    border-bottom: 1px solid #ddd;
}
.info-card .card-body .media:not(:first-child) {
    padding-top: 15px;
}
.info-card .card-body .media-body {
    font-size: 15px;
}
.info-card .card-body .media-body h5,
.messages-card .card-body .media-body h5 {
    font-size: 17px;
}
.info-card .card-body .media-body .input-group {
    margin-top: 15px;
    margin-bottom: 15px;
}

.info-card .card-body table tr td {
    font-size: 30px;
    font-weight: 600;
    text-align: center;
    font-family: "Roboto", sans-serif;
    color: #3bb5b5;
    vertical-align: middle;
}
.info-card .card-body .media img,
.messages-card .media img {
    height: 45px;
}
.btn.picker {
    white-space: inherit;
    font-size: 18px;
}
.btn.picker img {
    height: auto !important;
}
.lsx-emojipicker-emoji.lsx-emoji-tab {
    width: 236px !important;
}
.picker:focus {
    outline: 0 !important;
    border-color: initial;
    box-shadow: none;
}
.dashboard-wrap {
    background: #f3f6f9;
    padding: 15px 15px 15px 15px;
}

.annou-content {
    border-bottom: 2px solid #777777;
    padding-bottom: 40px;
    padding-top: 20px;
}

.annou-content:last-child {
    border-bottom: 0px;
    padding-bottom: 20px;
}

.annou-image {
    width: 45px;
    height: 45px;
    border: 1px solid #777777;
    float: left;
    border-radius: 50%;
}

.annou-image img {
    width: 100%;
    border-radius: 50%;
}

.annou-details {
    width: calc(100% - 60px);
    margin-left: 60px;
}

.annou-details h5.annou-heading {
    /*background: #09abae;*/
    padding: 8px;
    color: #fff;
    margin-top: 0px;
    margin-bottom: 7px;
    font-size: 16px;
    text-align: center;
    /*-o-animation: keyframe-1 0.5s cubic-bezier(0.285, 1.65, 0.605, 0.89) 0s forwards;*/
    /*-ms-animation: keyframe-1 0.5s cubic-bezier(0.285, 1.65, 0.605, 0.89) 0s forwards;*/
    /*-moz-animation: keyframe-1 0.5s cubic-bezier(0.285, 1.65, 0.605, 0.89) 0s forwards;*/
    /*-webkit-animation: keyframe-1 0.5s cubic-bezier(0.285, 1.65, 0.605, 0.89) 0s forwards;*/
    /*animation: keyframe-1 0.5s cubic-bezier(0.285, 1.65, 0.605, 0.89) 0s forwards;*/
    background: -webkit-linear-gradient(#BBD2C5, #2193b0);
    box-shadow: 0 0px 3px rgba(0,0,0,0.30), 0 5px 5px rgba(0,0,0,0.30);
    -moz-box-shadow: 0 0px 3px rgba(0,0,0,0.30), 0 5px 5px rgba(0,0,0,0.30);
    -webkit-box-shadow: 0 0px 3px rgba(0,0,0,0.30), 0 5px 5px rgba(0,0,0,0.30);
    -o-box-shadow: 0 0px 3px rgba(0,0,0,0.30), 0 5px 5px rgba(0,0,0,0.30);
}
.annou-details h5.annou-heading:hover {
    background: #26a0da;
}

/*
.annou-details h5.annou-heading {
    background: #09abae;
    padding: 8px;
    color: #fff;
    margin-top: 0px;
    margin-bottom: 7px;
    font-size: 16px;
    text-align: center;
}*/

.annou-details p {
    margin-bottom: 0px;
    font-size: 14px;
    line-height: 20px;
}

.tasks h3 .fa {
    margin-right: 5px;
}



.page-content-wrapper h3.title {
    font-size: 15px;
    font-weight: bold;
    color: #1ac3d5;
    position: relative;
    display: inline-flex;
    margin-left: 16px;
    margin-top: 0px;
    background: #fff;
    padding: 0.6rem 3rem;
    border-radius: 100px;
    box-shadow: 0 4px 20px 1px rgba(0, 0, 0, .06), 0 1px 4px rgba(0, 0, 0, .08)!important;
}


.second-navbar {
    margin-top: 20px;
}

.mis-user-dp {
    display: none;
}

.sticky.is-sticky {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1000;
    width: 100%;
    background: #3bb5b5;
    margin: 0;
    -webkit-box-shadow: 0px 5px 23px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 5px 23px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 5px 23px 0px rgba(0, 0, 0, 0.1);
}

.sticky.is-sticky .mis-user-dp {
    display: block;
    height: 35px;
    margin-top: -15px;
    margin-left: 40px;
}

.sticky.is-sticky .navbar-nav {
    width: 1200px;
}

.sticky.is-sticky .navbar-nav .nav-link {
    color: #fff;
    font-size: 14px;
}

.sticky.is-sticky .navbar-nav .nav-link img {
    display: none;
}

.second-navbar .navbar-nav .nav-link {
    text-align: center;
    font-size: 14px;
}

.second-navbar .navbar-nav .nav-link p {
    margin-bottom: 0;
}

.second-navbar .navbar-nav .nav-link img {
    height: 22px;
    margin-bottom: 7px;
}

.main-content-wrapper {
    padding-top: 70px;
}

#page-content-wrapper .breadcrumb {
    background-color: #fff;
    border-radius: 0px;
    padding: 0;
    margin-bottom: 0;
    position: absolute;
    top: 0;
    right: 0;
}

#page-content-wrapper .breadcrumb a {
    color: #777777;
    padding: 0 10px;
}

#example1_length {
    text-transform: capitalize;
}

.dataTables_wrapper table.dataTable tr th {
    background: #a8ada8;
    color: #ffffff;
    text-align: center;
    border-bottom: 0px;
    font-weight: bold;
    border: 0px;
    outline: none;
    padding: 5px;
    font-size: 13px;
}
.table-bordered>:not(caption)>* {
    border-width: 1px 0;

}


input.Mumbai {
    width: 70%;
    text-align: center;
}
input.Mumbai {
    width: 70%;
    text-align: center;
    margin: 5px 0 30px 0px;
}
input.pune {
    width: 70%;
    text-align: center;
}
input.xyz-input{
    text-align: center;
    margin-top: 20px;
    border: 1px solid #f00;
}
.dataTables_wrapper table.dataTable tr td {
    text-align: center;
    /* border-bottom: 1px solid #777777; */
    padding: 3px 0px;
    font-size: 14px;
    line-height: 28px;
    /*border: 1px solid #a6a6a6;*/
    font-weight:400;
    vertical-align: middle;
}

.dataTables_wrapper table.dataTable tr:last-child td {
    border-bottom: 3px solid #bee43f;
}
.employee-table-wrap .table tbody tr td img {
    height: 27px;
}

.to-do-list .card .card-body p {
    margin-bottom: 0;
}
.todo-center .col-md-2 span {
    font-size: 25px;
    color: #3bb5b5;
}
.todo-center .card {
    -moz-box-shadow: rgb(179, 186, 197) 0px 4px 8px 0px,
    rgb(179, 186, 197) 0px 0px 1px 0px;
    -webkit-box-shadow: rgb(179, 186, 197) 0px 4px 8px 0px,
    rgb(179, 186, 197) 0px 0px 1px 0px;
    box-shadow: rgb(179, 186, 197) 0px 4px 8px 0px,
    rgb(179, 186, 197) 0px 0px 1px 0px;
    border: none;
    min-height: 235px;
}
.todo-center .col-md-10 .card-body {
    padding: 10px;
    border: 1px solid #ddd;
}
span.c-round-left {
    position: absolute;
    left: -55px;
    top: 0px;
    background: #048296;
    padding: 32px 0px;
    height: 90px;
    text-align: center;
    /*line-height: -9px;*/
    width: 44px;
    color: #fff;
    z-index: 0;
    border-bottom-left-radius: 90px;
    border-top-left-radius: 90px;
}
span.c-round-right {
    position: absolute;
    background: #048296;
    padding: 32px 0px;
    height: 90px;
    right: -55px;
    top: 0px;
    text-align: center;
    /*line-height: -9px;*/
    width: 44px;
    color: #fff;
    z-index: 0;
    border-bottom-right-radius: 90px;
    border-top-right-radius: 90px;
}
.top-col-meeting {
    padding: 0 45px;
    margin-bottom: -25px;
}
.top-card-body {
    height: 170px;
    background: -webkit-linear-gradient(to right, #614874, #218ecc);
    background: linear-gradient(to right, #614874, #218ecc);
}
.top-col-meeting .top-card-body .col-md-6 p {
    margin-bottom: 10px;
    color: #fff;
    text-transform: uppercase;
}
.top-col-meeting .top-card-body .col-md-4 h4 {
    color: #fff;
    text-transform: uppercase;
    border-bottom: 1px solid;
    position: absolute;
    width: 100%;
    left: -15px;
    padding-bottom: 5px;
}
.top-col-meeting .top-card-body .col-md-4 .card-body {
    text-align: center;
}
.top-col-meeting .top-card-body .col-md-6 .card-body {
    border-right: 1px solid #fff;
}
.shape {
    display: block;
    -webkit-clip-path: polygon(0 0, 100% 0%, 77% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 77% 100%, 0% 100%);
    background: #3bb5b5;
    width: 100px;
    height: 30px;
    text-align: center;
    color: #fff;
    border-top-left-radius: 5px;
}
.meeting-room .col-md-10 .card-body {
    border: none;
}
.meeting-center .col-md-3 {
    align-items: center;
    display: flex;
}
.meeting-center .col-md-3 span {
    font-size: 18px;
    color: #3bb5b5;
    font-weight: 600;
}
.top-heading-sec i {
    font-size: 30px;
    color: #3bb5b5;
}
.top-heading-sec strong {
    color: #3bb5b5;
}

.emp-second-nav {
    background: #eaecef;
    margin: 30px 15px;
    border-radius: 25px;
    display: flex;
    justify-content: center;
}
.emp-second-nav .nav-link {
    font-size: 13px;
    color: #939292;
    padding: 0.5rem 12px;
    font-weight: 600;
}



.emp-second-nav .nav-item.show .nav-link,
.emp-second-nav .nav-link.active {
    color: #3bb5b5;
    background-color: #fff!important;
    border-color: #dee2e6 #dee2e6 #fff;
    border-radius: 0;
}
.emp-left-side {
    padding-top: 45px;
    text-align: left;
    padding-left: 0;
}
.tab-content .sub-title {
    color: #3bb5b5;
    font-size: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.view-emp-main .col-md-2 {
    display: flex;
    justify-content: flex-end;
    padding-right: 0;
}
.view-emp-main .col-md-2 span {
    background: #35b6e9;
    display: block;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 38px;
    color: #fff;
}
.view-emp-main .col-md-2 span.half-bg-balls {
    background: #68e0cf;
}
.view-emp-main .col-md-10 {
    display: flex;
}
.view-emp-main label {
    color: #3bb5b5;
    min-width: 120px;
}

.emp-details-table td,
.emp-details-table th {
    padding: 3px 20px;
}
.other-ul .list-group-item {
    border: none;
    padding: 2px 1.25rem;
}
.tiles-main {
    margin-bottom: 25px;
}
.tiles-main .col-md-3 {
    padding-right: 10px;
    padding-left: 10px;
}

.tiles-main .tile {
    width: 100%;

    box-sizing: border-box;
    padding: 5px;
    margin-bottom: 20px;
    text-align: center;
    /*background: #a5d050;*/
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    min-height: 122px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.tiles-main .tile p {
    margin-bottom: 0;
}
.tiles-main .tile.t1 {
    background: #8bde14;
}
.tiles-main .tile.t2 {
    background: #bbe61a;
}
.tiles-main .tile.t3 {
    background: #8bde14;
}
.tiles-main .tile.t4 {
    background: #bbe61a;
}
.tiles-main .tile.t5 {
    background: #bbe61a;
}
.tiles-main .tile.t6 {
    background: #09c8e5;
}
.tiles-main .tile.t7 {
    background: #048296;
}

.tiles-main .tile.t8 {
    background: #09abae;
}
.tiles-main .tile.t9 {
    background: #27c4c0;
}
.tiles-main .tile.t10 {
    background: #7ec0ee;
}
.tiles-main .tile a {
    color: #fff;
}
.tiles-main .tile img {
    height: 25px;
}

.tiles-main .tile:hover a {
    color: #777777;
}
.mis-wrapper {
    min-height: calc(100vh - 220px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.add-emp-tabs-sec .tab-content {
    width: 92%;
}
.nav-tabs--vertical {
    border-bottom: none;
    border-right: 1px solid #ddd;
    display: flex;
    flex-flow: column nowrap;
}
.nav-tabs--left {
    margin: 0 20px 20px 0;
}
.nav-tabs--left .nav-item + .nav-item {
    margin-top: 0.25rem;
}
.nav-tabs--left .nav-link {
    transition: border-color 0.125s ease-in;
    white-space: nowrap;
}
.nav-tabs--left .nav-link:hover {
    /*background-color: #f7f7f7;*/
    border-color: transparent;
}
.nav-tabs--left .nav-link.active {
    border-bottom-color: #ddd;
    border-right-color: #fff;
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
    margin-right: -1px;
}
.nav-tabs--left .nav-link.active:hover {
    background-color: #fff;
    /*border-color: #3bb5b5 #fff #3bb5b5 #3bb5b5;*/
}

.side-nav-employee {
    width: 8%;
    background: #f5f5f5;
    margin-left: 10px;
}
.addon-content .side-nav-employee {
    width: inherit;
}
.side-nav-employee li.nav-item {
    text-align: center;
}
.side-nav-employee li.nav-item .nav-link {
    font-size: 25px;
    cursor: pointer;
}
.addon-content .side-nav-employee li.nav-item .nav-link {
    font-size: 16px;
    cursor: pointer;
    text-align: left;
}
.side-nav-employee li.nav-item:last-child .nav-link {
    margin-bottom: 7px;
}
.cl1 {
    color: #136385;
}
.cl2 {
    color: #c2d5d7;
}
.cl3 {
    color: #52b01a !important;
}
.cl4 {
    color: #295236 !important;
}
.cl5 {
    color: #2984c5;
}
.cl6 {
    color: #dfd115;
}
.cl7 {
    color: #4d0ca6 !important;
}

.employee-add-wrapper h3.box-title {
    font-size: 20px;
}
.employee-add-ul {
    margin-left: 0px;
}
.employee-add-ul li a {
    font-size: 18px;
    line-height: 40px;
    color: #777777;
}
.news-main {
    /* background: #f1f1f1; */
}

.news-page-wrapper *,
.news-page-wrapper :after,
.news-page-wrapper :before {
    box-sizing: border-box !important;
}

.news-single-news,
.news-single-speaker,
.news-single-speaker-circle {
    -webkit-box-shadow: 0 1px 15px 1px rgba(52, 40, 104, 0.1);
    overflow: hidden;
}
.news-list-main .col-md-6 {
    padding-left: 7px;
    padding-right: 7px;
}
.news-single-news {
    margin-bottom: 10px;
    background: #fff;
    padding: 15px;

    position: relative;
    box-shadow: 0 1px 15px 1px rgba(52, 40, 104, 0.1);
}
.news-page-wrapper .news-card-single,
.news-page-wrapper .news-single-news {
    display: inline-block;
    width: 100%;
}
.news-single-news figure {
    position: relative;
    overflow: hidden;
    z-index: 9;
}
.news-single-news figure a img {
    -moz-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    float: right;
    height: 80px;
}
.single-news-info {
    position: relative;
    z-index: 2;
    margin-top: 0;
    padding: 0;
}
.meta-wrapper span {
    font-size: 15px;
}
.meta-wrapper span:not(:last-child):after {
    content: "|";
    display: inline-block;
    margin: 3px 6px 3px 7px;
    color: #ddd;
}
.meta-wrapper span:last-child {
    content: "";
}

.news-single-news .news-title {
    font-size: 22px;
}
.news-single-news .news-title a {
    color: #3bb5b5;
}
.top-head-main-single-news {
    margin: 0 auto;
}
.single-article-title {
    text-align: center;
    padding: 0 10% 0px 10%;
    max-width: 1100px;
    margin: 0 auto;
}
.single-article-title-meta {
    border-bottom: 4px solid #e9e9e9;
}
.single-article {
    box-shadow: none;
}
.top-head-main-single-news .single-article-title h3 {
    font-size: 32px;
    font-weight: 400;
    line-height: 36px;
    margin-bottom: 20px;
}
.right-article-img img {
    height: auto !important;
}
.cloud-text {
    position: absolute;
    top: 8px;
    left: 32px;
    font-size: 16px;
    font-weight: 800;
}
.icon-text-1 {
    position: absolute;
    /*color: #777777;*/
    color: #048D90;
    font-size: 17px;
    line-height: 20px;
    left: 100px;
    width: inherit;
    top: 32px;
    z-index: 9999;
}
.icon-text-1.ic-5 {
    /*left: -120px;*/
    left: -126px;
}
.icon-text-1.ic-5.r {
    left: -140px;
    line-height: 18px;
}
.icon-text-1.ic-top {
    top: -30px;
    left: 0;
}
.icon-text-1.ic-bottom {
    bottom: -30px;
    top: inherit;
    left: 0;
}
.survey-main table td {
    padding: 5px 0.75rem;
}
.survey-main table tr td span.user {
    font-size: 30px;
    color: #4161b7;
}
.survey-main td {
    text-align: left !important;
    padding-left: 15px !important;
}
.survey-main .nav-link {
    font-size: 30px;
    text-align: center;
    color: #fff;
    padding: 0 15px;
}
.survey-main p {
    margin-bottom: 0;
}
.survey-main .nav-link p {
    margin-bottom: -15px;
}
.survey-main .nav-link .fa,
.survey-main .nav-link .mdi {
    width: 30px;
    height: 30px;
    border-radius: 50%;
}
.survey-main .nav-link .custom-control-label {
    position: relative;
    margin-bottom: 0;
    color: #777777;
    font-size: 15px;
}
.employee-status-exit-table tbody tr td span {
    background: #bee43f;
    color: red;
    padding: 7px 10px;
}

.gallery-block {
    padding-bottom: 60px;
    padding-top: 60px;
}

.gallery-block .heading {
    margin-bottom: 50px;
    text-align: center;
}

.gallery-block .heading h2 {
    font-weight: bold;
    font-size: 1.4rem;
    text-transform: uppercase;
}

.gallery-block.cards-gallery h6 {
    font-size: 17px;
    font-weight: bold;
}
.gallery-block.cards-gallery .col-md-3 {
    max-width: 24%;
}
.gallery-block.cards-gallery .card {
    transition: 0.4s ease;
    text-align: center;
}
.gallery-block.cards-gallery .card-img-top {
    height: inherit;
    max-width: 100%;
}

.gallery-block.cards-gallery .card-body {
    position: absolute;
    padding: 0;
    left: 15px;
    top: 10px;
}

.gallery-block.cards-gallery .card-body p {
    font-size: 15px;
}

.gallery-block.cards-gallery a {
    color: #fff;
    font-size: 21px;
}

.gallery-block.cards-gallery a:hover {
    text-decoration: none;
}

.gallery-block.cards-gallery .card {
    margin-bottom: 15px;
    background-color: rgba(0, 0, 0, 0.5);
    box-shadow: 10px 10px 5px 0 rgba(0, 0, 0, 0.75);
    border: 5px solid #ddd;
}
.gallery-block.cards-gallery .view-more {
    position: absolute;
    right: 5px;
    bottom: 5px;
    background-color: rgba(255, 255, 255, 0.7);
    font-size: 17px;
    padding: 0 15px;
    color: #697e3f;
}

.gallery-block .transform-on-hover:hover {
    transform: translateY(-10px) scale(1.02);
    box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.75);
    background-color: rgba(0, 0, 0, 0.8);
    cursor: pointer;
    transform: scale(1.03);
    transition: all 0.5s ease 0s;
}
.gallery-full .card {
    text-align: center;
}
.gallery-full .card .card-body {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
}
.gallery-full .card-img-top {
    height: 150px;
    width: inherit;
}
.gallery-full .transform-on-hover:hover {
    transform: translateY(-10px) scale(1.02);
    box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.75);
    background-color: rgba(0, 0, 0, 0.8);
    cursor: pointer;
    transform: scale(1.03);
    transition: all 0.5s ease 0s;
}
/*a:not([href]):not([tabindex]){*/
/*color: white;*/
/*}*/

.nav-item a:not([href]):not([tabindex]) {
    color: grey;
}
.chat-box {
    position: fixed;
    right: 0;
    bottom: 0px;
    background: white;
    width: 300px;
    border-radius: 5px 5px 0px 0px;
}
.chat-head {
    width: inherit;
    height: 45px;
    background: #3bb5b5;
    border-radius: 5px 5px 0px 0px;
}
.chat-head h2 {
    color: white;
    padding: 10px;
    display: inline-block;
    font-size: 20px;
}
.chat-head img {
    cursor: pointer;
    float: right;
    width: 25px;
    margin: 10px;
}
.chat-body {
    height: 355px;
    width: inherit;
    overflow: auto;
    margin-bottom: 0;
    border: 1px solid #ddd;
}
.chat-text {
    position: fixed;
    bottom: 0px;
    height: 48px;
    width: inherit;
}
.chat-text .form-control {
    width: 100%;
    height: inherit;
    box-sizing: border-box;
    border: 1px solid #bdc3c7;
    padding: 11px;
    resize: none;
    border-radius: 0;
}

.chat-text .form-control:active,
.chat-text .form-control:focus,
.chat-text .form-control:hover {
    border-color: royalblue;
}
.chat-body ul {
    margin-left: 7px;
    margin-top: 7px;
}
.chat-body ul li {
    align-items: center;
    cursor: pointer;
}
.chat-body ul li img {
    height: 35px;
}
.chat-body ul li h5 {
    font-size: 16px;
}
.has-search .form-control {
    padding-left: 2.375rem;
}

.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 51px;
    text-align: center;
    pointer-events: none;
    color: #aaa;
}
.msg-send {
    background: #2ecc71;
}
.msg-receive {
    background: #3498db;
}
.msg-send,
.msg-receive {
    width: 200px;
    height: 35px;
    padding: 5px 5px 5px 10px;
    margin: 10px auto;
    border-radius: 3px;
    line-height: 30px;
    position: relative;
    color: white;
}
.msg-receive:before {
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    border: 15px solid;
    border-color: transparent #3498db transparent transparent;
    left: -29px;
    top: 7px;
}
.msg-send:after {
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    border: 15px solid;
    border-color: transparent transparent transparent #2ecc71;
    right: -29px;
    top: 7px;
}
.msg-receive:hover,
.msg-send:hover {
    opacity: 0.9;
}
.chat-sidebar {
    height: 100%;

    padding-top: 10px;
    padding-bottom: 10px;
}

.sidebar-name {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 4px;
    font-size: 12px;
}

.sidebar-name span {
    padding-left: 5px;
}

.sidebar-name a {
    display: block;
    height: 100%;
    text-decoration: none;
    color: inherit;
}

.sidebar-name:hover {
    background-color: #e1e2e5;
}

.sidebar-name img {
    width: 32px;
    height: 32px;
    vertical-align: middle;
}

.popup-box {
    display: none;
    position: fixed;
    bottom: 0px;
    right: 220px;
    height: 285px;
    background-color: #fff;
    width: 300px;
    border: 1px solid rgba(29, 49, 91, 0.3);
    z-index: 100000;
}

.popup-box .popup-head {
    background-color: #3bb5b5;
    padding: 5px;
    color: white;
    font-weight: bold;
    font-size: 14px;
    clear: both;
}

.popup-box .popup-head .popup-head-left {
    float: left;
}

.popup-box .popup-head .popup-head-right {
    float: right;
    opacity: 0.5;
}

.popup-box .popup-head .popup-head-right a {
    text-decoration: none;
    color: inherit;
}

.popup-box .popup-messages {
    height: 100%;
}
.chat-textrea {
    position: absolute;
    bottom: 0;
    border-radius: 0;
    height: 47px;
}
.chat-card {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.chat-card .card-header {
    color: #fff;
    border-top: 5px solid #3bb5b5;
    border-radius: 0;
}
.chat-card .card-header h4 {
    color: rgba(0, 0, 0, 0.6);
    text-shadow: 2px 8px 6px rgba(0, 0, 0, 0.2),
    0px -5px 35px rgba(255, 255, 255, 0.3);
    font-size: 30px;
}
.chat-card .card-body {
    margin-left: 0;
    margin-right: 0;
    padding: 0;
}
.chat-card span {
    font-size: 28px;

    text-shadow: 0px 8px 3px rgba(0, 0, 0, 0.1), 5px 10px 3px rgba(0, 0, 0, 0.05),
    -5px 10px 3px rgba(0, 0, 0, 0.05);
}
.img-whish-birthday {
    height: 82px;
    position: absolute;
    right: -239px;
    top: 0;
}
.img-whish-anniversary {
    position: absolute;
    left: -266px;
    height: 85px;
    top: 8px;
}
.birth .collapse.show .img-whish-anniversary {
    display: none;
}
.chat-card .info-row .col {
    border: 1px solid #dee2e6;
}
.training-card {
    margin-top: 10px;
}
.messages-card,
.training-card {
    border-top: 4px solid #3bb5b5;
}
.messages-card .card-header,
.training-card .card-header {
    font: bold 20px Sans-Serif;
    text-shadow: 1px 0px 1px #777777, 0px 1px 1px #eee, 2px 1px 1px #777777,
    1px 2px 1px #eee, 3px 2px 1px #777777, 2px 3px 1px #eee, 4px 3px 1px #777777,
    3px 4px 1px #eee, 5px 4px 1px #777777, 4px 5px 1px #eee, 6px 5px 1px #777777,
    5px 6px 1px #eee, 7px 6px 1px #777777;
}

.title-card .card-header h4 {
    color: rgba(0, 0, 0, 0.6);
    text-shadow: 2px 8px 6px rgba(0, 0, 0, 0.2),
    0px -5px 35px rgba(255, 255, 255, 0.3);
    font-size: 30px;
}
.title-card .card-header {
    color: #fff;
    border-top: 5px solid #3bb5b5;
    border-radius: 0;
}
.star-p-h {
    color: #3bb5b5;
    font-weight: 900;
    font-size: 45px;
    font-family: "Roboto", sans-serif;
}
.joker-icon {
    float: right;

    height: 210px;
}
.sticker-dropdown {
    min-width: 420px;
    padding: 15px;
    transform: translate3d(-145px, -330px, 0px) !important;
}
.sticker-dropdown .btn {
    border: none;
    text-align: left;
}
.sticker-dropdown .btn img {
    height: 25px;
}
.bg-yellow {
    background-color: yellowgreen;
}
.bg-red {
    background-color: red;
}
.bg-orange {
    background-color: orange;
}
.bg-green {
    background-color: green;
}
.bg-brown {
    background-color: brown;
}
.bg-blue {
    background-color: blue;
}
.border-none {
    border: none;
}
.sticker-btn {
    background: transparent;
    border: none;
}
.speech-bubble-ds {
    background: #fff;
    border: 1px solid #a7a7a7;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    -webkit-box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.2);
    font-size: 1.2rem;
    line-height: 1.3;
    /*margin: -140px auto 0;*/
    margin: 25px auto 0;
    max-width: 115px;
    padding: 20px;
    position: relative;
}

.speech-bubble-ds p {
    margin-bottom: 10px;
    color: #3bb5b5;
}
.speech-bubble-ds p:last-of-type {
    margin-bottom: 0;
}

.speech-bubble-ds-arrow {
    border-left: 21px solid transparent;
    border-top: 20px solid rgba(0, 0, 0, 0.2);
    bottom: -25px;
    position: absolute;
    right: 15px;
}
.speech-bubble-ds-arrow::before {
    border-left: 23px solid transparent;
    border-top: 23px solid #a7a7a7;
    bottom: 2px;
    content: "";
    position: absolute;
    right: 5px;
}
.speech-bubble-ds-arrow::after {
    border-left: 21px solid transparent;
    border-top: 21px solid #fff;
    bottom: 4px;
    content: "";
    position: absolute;
    right: 6px;
}
.a-r {
    -ms-transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
    position: absolute;
    top: 0;
    right: -30px;
    color: #31859c;
    white-space: nowrap;
    font-size: 55px;
    font-weight: 800;
    font-family: "Roboto", sans-serif;
    text-decoration: underline;
}
.a-l {
    -ms-transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
    position: absolute;
    top: -18px;
    white-space: nowrap;
    color: #31859c;
    font-size: 55px;
    font-weight: 800;
    left: 16px;
    font-family: "Roboto", sans-serif;
    text-decoration: underline;
}
.wish-icon {
    height: 120px;
}
.wish-icon.l {
    margin-left: 190px;
}
.wish-icon.r {
    margin-left: -30px;
}
img.h-b {
    position: absolute;
    left: -223px;
    height: 150px;
    top: 10px;
}
img.anni-img {
    position: absolute;
    left: -535px;
    top: 0;
}
h2.suggestion-title {
    text-align: center;
    font-weight: 600;
    color: #fff;
    font-size: 30px;
    text-shadow: #0f4499 1px 0 6px;
    padding: 13px 0 6px;
}
.suggestion-box {
    position: relative;
    background: #fff;
    padding: 40px 0;
}
/*
.sugg-btn {
  margin-top: -45px;
  float: right;
  margin-right: 45px;
  border-radius: 30px;
  background: transparent;
  border-color: #ffbc10;
  color: #ffbc10;
  border: 4px solid;
  width: 190px;
  text-transform: uppercase;
  position: absolute;
  right: -40px;
  bottom: -10px;
}*/
.sugg-btn {
    margin-top: 0;
    float: left;
    margin-right: 45px;
    border-radius: 30px;
    background: transparent;
    border-color: #ffbc10;
    color: #ffbc10;
    border: 3px solid;
    width: 120px;
    text-transform: uppercase;
    position: absolute;
    right: 64px;
    bottom: 41px;
    font-size: 12px;
}
.hexagon {
    width: 200px;
    height: 44px;
    /* background: #34495e; */
    position: relative;
    float: left;
}
.banner {
    background-color: #b3a2c7;
    z-index: 2;
    position: absolute;
    width: 200px;
    height: 44px;
    left: -20px;
    top: 25px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Roboto", sans-serif;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 800;
    color: #604a7b;
}

.banner:before {
    content: "";
    position: absolute;
    top: 43px;
    left: 0;
    width: 0;
    height: 0;
    border-right: 0 solid transparent;
    border-left: 18px solid transparent;
    border-top: 9px solid #927608;
}
.banner:after {
    content: "";
    position: absolute;
    top: 43px;
    right: 0;
    width: 0;
    height: 0;
    border-left: 0 solid transparent;
    border-right: 18px solid transparent;
    border-top: 9px solid #927608;
}
.ribbon {
    position: absolute;
    height: 39px;
    width: 26px;
    background-color: #b3a2c7;
    top: 47px;
    left: -26px;
}
.ribbon:before {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    left: -18px;
    border-right: solid 19px #b3a2c7;
    border-bottom: solid 19px transparent;
}
.ribbon:after {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    left: -18px;
    top: 20px;
    border-right: solid 19px #b3a2c7;
    border-top: solid 19px transparent;
}

.right {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    left: 161px;
}
.badge-r {
    margin-left: 35px;
}

.suggetion-modal .modal-header .modal-title {
    line-height: 45px;
    margin: 0 auto 0px 30px;
}

.suggetion-modal .modal-body {
    padding: 20px 75px;
}
.suggetion-modal .badge-r {
    margin-top: -18px;
}
.suggestion-box .badge-r .banner {
    text-align: center;
}
.sugg-img-row {
    margin-top: 100px;
}
.sugg-img-row .sugg-1,
.sugg-img-row .sugg-2,
.sugg-img-row .sugg-3 {
    width: 100%;
}
.sugg-img-row img.sugg-2 {
    height: 146px;
    width: auto;
    float: right;
    margin-right: 38px;
    margin-top: 57px;

}
.suggestion-img {
    height: 180px;
    margin-top: -45px;
}
.chat-box-card .card-header {
    background: transparent;
    border-bottom: none;
    margin-top: -25px;
}
.chat-box-card .card-header h4 {
    font-weight: normal;
    color: #28417a;
    font-size: 37px;
    text-shadow: #28417a 1px 0 3px;

    width: 50%;

    margin: auto;
    padding: 10px 0;
    -webkit-box-shadow: 0 2px 2px 2px #a6a1ce;
    -moz-box-shadow: 0 2px 2px 2px #a6a1ce;
    box-shadow: 0 2px 2px 2px #d1d0da;
}
.chat-box-card .info-row .col {
    border: none;
    text-align: center;
    border: 1px solid #31859c;
    /*border-radius: 50%;*/
    border-radius: 13px;
    /*margin: 0 auto;*/
    flex-grow: inherit;
    flex-basis: inherit;
    width: 25%;
    margin-bottom: 25px;
    -webkit-box-shadow: 0 2px 2px 2px #a6a1ce;
    -moz-box-shadow: 0 2px 2px 2px #a6a1ce;
    box-shadow: 0 2px 2px 2px #a6a1ce;

    padding: 10px 0 0;

    /*-webkit-box-shadow: 0px 1px 14px 7px rgba(140, 189, 44, 0.75);*/
    /*-moz-box-shadow: 0px 1px 14px 7px rgba(140, 189, 44, 0.75);*/
    /*box-shadow: 0px 1px 14px 7px rgba(140, 189, 44, 0.75);*/
}
.chat-box-card .info-row .col.blue {
    border-color: #31859c;
    -webkit-box-shadow: 0px 1px 14px 7px rgba(147, 213, 230, 0.75);
    -moz-box-shadow: 0px 1px 14px 7px rgba(147, 213, 230, 0.75);
    box-shadow: 0px 1px 14px 7px rgba(147, 213, 230, 0.75);
}
.chat-box-card .card-body p {
    margin-bottom: 12px;
    line-height: 32px;
}
.chat-box-card .bottom-row {
    margin-bottom: 45px;
}
.chat-buddy-btn {
    margin-right: 0;
    right: 20px;
    bottom: 10px;
    width: 120px;
    font-size: 15px;
    display: none;
}
.talent-img {
    height: 70px;
    z-index: 1;
}
.talent-bg-main {
    height: 350px;

    position: relative;
}
.talent-bg-img {
    position: absolute;
    height: 553px;
    left: 130px;
    top: -90px;
    z-index: -1;
}
.talent-bg-main .row {
    position: relative;
    height: 50%;
}
.talent-tiles .tile {
    box-shadow: none;
    min-height: auto;
    background-position: 98% 92%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 88px;
    width: 200px;
    left: 0;
}

.talent-tiles .tile a {
    color: #4f6228;
    font-size: 15px;
}
.cloud-bubble {
    background-position: 100% 92%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 87px;
    position: absolute;
    max-width: 22%;
}
.cloud-bubble.cloud-1 {
    left: 58px;
    top: 20px;
}
.cloud-bubble.cloud-1.a-m {
    top: 145px;
    left: -45px;
}
.cloud-bubble.cloud-1 h4 {
    color: #ff6600;
    margin-top: 12px;
}
.cloud-bubble.cloud-2 {
    right: 105px;
    top: 20px;
    max-width: 22%;
}
.cloud-bubble.cloud-2.l-o-c {
    top: 140px;
    right: 22px;
}
.cloud-bubble.cloud-2 h4 {
    color: #17375e;
    margin-top: 10px;
}
.cloud-bubble.cloud-3 {
    left: 58px;
    bottom: -15px;
    max-width: 23%;
}
.cloud-bubble.cloud-3.c-b {
    bottom: -149px;
    left: 157px;
}
.cloud-bubble.cloud-3 h4 {
    color: #4f6228;
    margin-top: 12px;
}
.cloud-bubble.cloud-4 {
    right: 100px;
    bottom: 0px;
}
.cloud-bubble.cloud-4.m-n-p {
    right: 255px;
    bottom: -136px;
}
.cloud-bubble.cloud-4 h4 {
    color: #31859c;
    margin-top: 12px;
}
.h3-talent {
    position: absolute;
    top: 55%;
    /*left: 41.5%;*/
    left: 42.8%;
    color: #4f6228;
}
.sugg-b {
    margin-left: 100px;
    margin-top: -60px;
}
.sugg-1 {
    margin-top: 100px;
}
.star-1 {
    margin-top: 180px;
    position: absolute;
}
.star-2 {
    margin-top: 132px;
    position: absolute;
    right: 0;
}
.star-3 {
    margin-top: 120px;
    left: -15px;
    position: absolute;
}
img.sugg-3 {
    margin-top: 140px;
}
.sugg-b .banner {
    background-color: #9ad077;
    color: #0f4399;
    /*border: 1px solid #7f7f7f;*/
}
.sugg-b .ribbon {
    background-color: #9ad077;
    /*border: 1px solid #7f7f7f;*/
}
.sugg-b .ribbon:before {
    border-right: solid 19px #9ad077;
}
.sugg-b .ribbon:after {
    border-right: solid 19px #9ad077;
}
.circle-main {
    width: 150px;
    height: 150px;
    margin: 0 auto;
}
.pms-status .counter {
    display: inline-flex;
    cursor: pointer;
    width: 150px;
    height: 150px;
    max-width: 100%;
    position: relative;
    justify-content: center;
    align-items: center;
    font-size: calc(1em + 1vmin);
    transition: height 0.2s ease-in-out;
    background: #fff;
    border-radius: 50%;
    margin: 0 auto;
}
.percentage {
    position: absolute;
    text-align: center;
    top: 50%;
    left: 0;
    right: 0;
    vertical-align: middle;
    transform: translate3d(0, -50%, 0);
}
.pms-status canvas {
    position: absolute;
    top: 0;
    left: 0;
}
.pms-status .list-group-item {
    border: none;
    padding-bottom: 0;
    padding-top: 0;
}
.pms-score-col ul li span {
    margin-right: 15px;
    border-radius: 50%;

    color: #fff;
    height: 50px;
    box-shadow: 0px 1px 10px 2px rgba(0, 0, 0, 0.2);
    width: 50px;
    text-align: center;
    border: 5px solid #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.pms-score-col ul li span.s1 {
    background: #016aa3;
}
.pms-score-col ul li span.s2 {
    background: #46b688;
}
.pms-score-col ul li span.s3 {
    background: #fea34f;
}
.pms-score-col ul li small {
    position: absolute;
    left: 84px;
    top: 45px;
    color: red;
}
.pg-row {
    height: 403px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.pg_text{
    color: #000;
}

.pms_head_title{
    margin-left: 43px !important;
    margin-top: 40px !important;
    display: block !important;
}

.pms_peroid_height{
    width: 60%;
    height: 36px;
}

.pms_peroid_wrapper{
    margin: 36px 0 0;
}

.average_text{
    color: #0991d7;
    font-weight: bold;
    font-size: 33px;
    margin-bottom: 0px;
}


.pg-row .col-md-4 {
    position: relative;
}
.pg-row .col-md-4 span {
    position: absolute;
}
span.sp1 {
    /*left: 60%;*/
    left: 60%;
    width: 30%;
    text-align: center;
    line-height: 16px;
}
span.sp1-b {
    /* bottom: 37%;
     left: 50%;*/

    bottom: 38%;
    left: 57%;
    width: 28%;
    text-align: center;
    line-height: 16px;
}
span.sp2 {
    /*left: 44%;*/
    left: 40%;
    width: 30%;
    line-height: 16px;
}
span.sp2-bottom {
    /*bottom: 37%;
    left: 16%;*/
    bottom: 38%;
    left: 27%;
    width: 22%;
    line-height: 16px;
}
span.sp2-bottom2 {
    /*bottom: 37%;
    right: 15px;*/
    bottom: 38%;
    right: 2px;
}
span.sp3 {
    /*left: 23%;*/
    left: 21%;
    width: 26%;
    line-height: 16px;
}
span.sp3-bottom {
    /*bottom: 37%;*/
    bottom: 38%;
    width: 27%;
    line-height: 16px;
    right: 129px;

}
span.sp-p1 {
    right: 15px;
    top: 69px;
    font-weight: 600;
}
span.sp-pp1 {
    bottom: 28%;
    left: 67%;
    font-weight: 600;
}
span.sp-p2 {
    right: 25%;
    font-weight: 600;
    top: 74px;
}
span.sp-pp2 {
    bottom: 117px;
    left: 151px;
    font-weight: 600;
}
span.sp-ppp2 {
    bottom: 105px;
    right: -69px;
    font-weight: 600;
}
span.sp-p3 {
    left: 207px;
    top: 70px;
    font-weight: 600;
}
span.sp-pp3 {
    bottom: 104px;
    right: 73px;
    font-weight: 600;
}

.pms-status .card .top-title {
    border-bottom: 1px solid #ddd;
    padding: 10px;
}
.travel-d-main span.s1 {
    top: -45px;
    display: inline-table;
    font-size: 25px;
    font-weight: 600;
    color: #ffa530;
}
.travel-d-main span.s2 {
    top: -45px;
    right: -36px;
    display: inline-table;
    font-size: 25px;
    font-weight: 600;
    color: #31859c;
}
span.s1-middle {
    display: inline-table;
    font-size: 25px;
    font-weight: 600;
    color: #31859c;
    bottom: 62%;
    left: 40%;
}
span.s2-middle {
    /* top: -45px; */
    display: inline-table;
    font-size: 25px;
    font-weight: 600;
    color: #ffa530;
    bottom: 62%;
    left: 41px;
}
span.s2-middle-right {
    right: -176px;
    display: inline-table;
    font-size: 25px;
    font-weight: 600;
    color: #31859c;
    bottom: 62%;
}
span.s1-bottom {
    display: inline-table;
    font-size: 25px;
    font-weight: 600;
    color: #ffa530;
    bottom: 83px;
    /* left: 41px; */
    right: -133px;
}
span.s2-bottom {
    display: inline-table;
    font-size: 25px;
    font-weight: 600;
    color: #31859c;
    bottom: 83px;
    /* left: 0; */
    right: 15px;
}
span.s3-bottom {
    display: inline-table;
    font-size: 25px;
    font-weight: 600;
    color: #ffa530;
    bottom: 83px;
    /* left: 41px; */
    right: 135px;
}

.chosen-container {
    width: 435px !important;
}

.modal {
    background-color: rgb(159 155 155 / 54%);
}
.destination-select select option::before {
    font-family: FontAwesome;
    display: inline-block;
    padding-right: 6px;
    padding-left: 5px;
    vertical-align: middle;
    content: "\f04d";
    font-size: 10px;
}
.travel-plan-col img {
    height: 40px;
    /*margin-bottom: 15px;*/
    margin-bottom: 0;
}
.travel-plan-col .col {
    text-align: center;
}
.travel-plan-col label p.t-p {
    display: flex;
    align-items: center;
    height: 100%;
    margin-top: -15px;
}
.travel-plan-col2 .col {
    text-align: center;
}
.travel-input-wrapper i.fa.fa-clone {
    border: 1px solid #3bb5b5;
    padding: 10px;
}
.second-d-wrap label {
    color: #3bb5b5;
}
span.w-a-j-p-a {
    background: #3dad94;
    color: #fff;
    padding: 15px;
    border-radius: 15px;
    border: 1px solid #4a7ebb;
    box-shadow: 0px 2px 8px grey;
}
.pms-step-wrap {
    padding: 25px 15px 15px 15px;
}
.note-ul {
    margin-left: 30px;
    margin-top: -6px;
}
.ps-timeline-sec {
    position: relative;
    background: #fff;
}
.ps-timeline-sec .container {
    position: relative;
}
@media screen and (max-width: 767px) {
    .ps-timeline-sec .container ol:before {
        background: #348e80;
        content: "";
        width: 10px;
        height: 10px;
        border-radius: 100%;
        position: absolute;
        top: 130px !important;
        left: 36px !important;
    }
    .ps-timeline-sec .container ol:after {
        background: #348e80;
        content: "";
        width: 10px;
        height: 10px;
        border-radius: 100%;
        position: absolute;
        top: inherit !important;
        left: 36px;
    }
    .ps-timeline-sec .container ol.ps-timeline {
        margin: 130px 0 !important;
        border-left: 2px solid #348e80;
        padding-left: 0 !important;
        padding-top: 120px !important;
        border-top: 0 !important;
        margin-left: 25px !important;
    }
    .ps-timeline-sec .container ol.ps-timeline li {
        height: 220px;
        float: none !important;
        width: inherit !important;
    }
    .ps-timeline-sec
    .container
    ol.ps-timeline
    li:nth-child(2)
    .img-handler-bot
    img {
        width: 70px;
    }
    .ps-timeline-sec .container ol.ps-timeline li:last-child {
        margin: 0;
        bottom: 0 !important;
        height: 120px;
    }
    .ps-timeline-sec .container ol.ps-timeline li:last-child .img-handler-bot {
        bottom: 40px !important;
        width: 40% !important;
        margin-left: 25px !important;
        margin-top: 0 !important;
    }
    .ps-timeline-sec
    .container
    ol.ps-timeline
    li:last-child
    .img-handler-bot
    img {
        width: 100%;
    }
    .ps-timeline-sec .container ol.ps-timeline li:last-child .ps-top {
        margin-bottom: 0 !important;
        top: 20px;
        width: 50% !important;
    }
    .ps-timeline-sec .container ol.ps-timeline li span {
        left: 0 !important;
    }
    .ps-timeline-sec .container ol.ps-timeline li span.ps-sp-top:before {
        content: none !important;
    }
    .ps-timeline-sec .container ol.ps-timeline li span.ps-sp-top:after {
        content: none !important;
    }
    .ps-timeline-sec .container ol.ps-timeline li span.ps-sp-bot:before {
        content: none !important;
    }
    .ps-timeline-sec .container ol.ps-timeline li span.ps-sp-bot:after {
        content: none !important;
    }
    .ps-timeline-sec .container ol.ps-timeline li .img-handler-top {
        position: absolute !important;
        bottom: 150px !important;
        width: 30% !important;
        float: left !important;
        margin-left: 35px !important;
        margin-bottom: 0 !important;
    }
    .ps-timeline-sec .container ol.ps-timeline li .img-handler-top img {
        margin: 0 auto !important;
        width: 80% !important;
    }
    .ps-timeline-sec .container ol.ps-timeline li .img-handler-bot {
        position: absolute !important;
        bottom: 115px !important;
        width: 30% !important;
        float: left !important;
        margin-left: 35px !important;
        margin-bottom: 0 !important;
    }
    .ps-timeline-sec .container ol.ps-timeline li p {
        text-align: left !important;
        width: 100% !important;
        margin: 0 auto !important;
        margin-top: 0px !important;
    }
    .ps-timeline-sec .container ol.ps-timeline li .ps-top {
        width: 60% !important;
        float: right !important;
        right: 0;
        top: -40px;
    }
    .ps-timeline-sec .container ol.ps-timeline li .ps-bot {
        width: 60% !important;
        float: right !important;
        right: 0;
        top: -40px;
    }
}

.ps-timeline-sec .container ol.ps-timeline {
    margin: 100px 0 140px;
    padding: 0;
    border-top: 2px solid #348e80;
    list-style: none;
}
.ps-timeline-sec .container ol.ps-timeline li {
    float: left;
    width: 33.33%;
    padding-top: 30px;
    position: relative;
}
.ps-timeline-sec .container ol.ps-timeline li span {
    width: 50px;
    height: 50px;
    margin-left: -25px;
    background: #fff;
    border: 4px solid #348e80;
    border-radius: 50%;
    box-shadow: 0 0 0 0px #fff;
    text-align: center;
    line-height: 43px;
    color: #348e80;
    font-size: 20px;
    font-style: normal;
    position: absolute;
    top: -26px;
    left: 40%;
}
.ps-timeline-sec .container ol.ps-timeline li span.right {
    left: 65%;
    border: none;
    width: 20px;
    transform: rotate(0deg);
}
.ps-timeline-sec .container ol.ps-timeline li span.right.left {
    left: 42px;
}

.ps-timeline-sec .container ol.ps-timeline li span.ps-sp-top.right:before {
    content: none;
}
.ps-timeline-sec .container ol.ps-timeline li span.ps-sp-top.tm:before {
    content: "";
    color: #348e80;
    width: 2px;
    height: 50px;
    background: #348e80;
    position: absolute;
    top: -28px;
    left: -100%;
}
.ps-timeline-sec .container ol.ps-timeline li span.ps-sp-top:after {
    content: "";
    color: #348e80;
    width: 2px;
    height: 50px;
    background: #348e80;
    position: absolute;
    bottom: -50px;
    left: 50%;
}
.ps-timeline-sec .container ol.ps-timeline li span.right::after {
    content: none;
}

.ps-timeline-sec .container ol.ps-timeline li span.ps-sp-bot.tm:before {
    content: "";
    color: #348e80;
    width: 2px;
    height: 50px;
    background: #348e80;
    position: absolute;
    top: -28px;
    left: -100%;
}
.ps-timeline-sec .container ol.ps-timeline li span.ps-sp-bot:after {
    content: "";
    color: #348e80;
    width: 2px;
    height: 50px;
    background: #348e80;
    position: absolute;
    bottom: -50px;
    left: 50%;
}

.ps-timeline-sec .container ol.ps-timeline li .img-handler-top {
    position: absolute;
    bottom: 0;
    margin-bottom: 130px;
    width: 100%;
}
.ps-timeline-sec .container ol.ps-timeline li .img-handler-top img {
    display: table;
    margin: 0 auto;
}
.ps-timeline-sec .container ol.ps-timeline li .img-handler-bot {
    position: absolute;
    margin-top: 60px;
    width: 100%;
}
.ps-timeline-sec .container ol.ps-timeline li .img-handler-bot img {
    display: table;
    margin: 0 auto;
}
.ps-timeline-sec .container ol.ps-timeline li p {
    text-align: center;
    border: 1px solid;
    border-radius: 22px;
    padding: 5px 10px;
    margin: 0 auto;
}
.ps-timeline-sec .container ol.ps-timeline li .ps-bot.r-date p {
    text-align: center;
    border: none;
    border-radius: 0;
    padding: 5px 10px;
    margin: 0 auto;
    font-size: 14px;
}
.ps-timeline-sec .container ol.ps-timeline li .ps-top {
    position: absolute;
    margin-top: 40px;
    left: 99px;
}
.ps-timeline-sec .container ol.ps-timeline li .ps-bot {
    position: absolute;
    margin-top: 40px;
    left: 99px;
}
.ps-timeline-sec .container ol.ps-timeline li .ps-bot.r-date {
    position: absolute;
    margin-top: 0;
    left: 192px;
    top: 5px;
}
.ps-timeline-sec .container ol.ps-timeline li .ps-bot.r-date.l-date {
    left: -18px;
}
.ps-timeline-sec .container ol.ps-timeline li .ps-bot.r-date.tm-top {
    left: 50px;
    top: -92px;
}
.l-g-check .list-group-item {
    border: none;
    padding-bottom: 0;
}
.widget-table-col table {
    width: 100%;
}
.widget-table-col table thead th span {
    border: 1px solid;
    padding: 10px 15px;
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
}
.widget-table-col table thead th,
.widget-table-col table {
    border-bottom: none !important;
}
.widget-table-col table tbody tr td:first-child {
    display: flex;
    align-items: center;
    margin-top: 30px;
    margin-bottom: -15px;
}
.widget-table-col table tbody tr td:last-child {
    display: flex;
    align-items: center;
    margin-bottom: -15px;
}
.widget-table-col table tbody tr td:last-child input {
    margin-right: 10px;
}
.widget-table-col table tbody tr td textarea {
    margin-left: 10px;
    margin-right: 10px;
}
.widget-table-col table tfoot input {
    margin-top: 30px;
}
.pms-step-wrap .nav-pills .nav-link {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0px 9px 0px rgb(105, 126, 63),
    0px 9px 25px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0px 9px 0px rgb(105, 126, 63),
    0px 9px 25px rgba(0, 0, 0, 0.7);
    box-shadow: 0px 9px 0px rgb(105, 126, 63), 0px 9px 25px rgba(0, 0, 0, 0.7);
    margin-bottom: 21px;
    color: rgb(105, 126, 63);
    display: block;
    /* font-family: latoregular; */
    font-size: 18px;
    padding: 10px 5px;
    text-decoration: none !important;
    width: 100%;
    text-align: center;
}
.pms-step-wrap .nav-pills .nav-link.active,
.pms-step-wrap .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #3bb5b5;
}
.pms-step-wrap .col-3 {
    max-width: 21%;
    padding-left: 0;
}
.pms-step-wrap .col-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 79%;
    max-width: 79%;
}
.pm-r-p-f {
    flex: 0 0 18.666667%;
    max-width: 18.666667%;
}
.pm-y-r {
    max-width: 48%;
}
.show-leave-pop-btn {
    position: absolute;
    right: 116px;
    top: 7px;
}

.badges-main .tile {
    margin: 0 auto;
}
.badges-main .tab-pane {
    padding: 15px;
    height: 300px;
}
.badges-main .nav-tabs {
    position: relative;
    border: none !important;
    background-color: #f7f7f7;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12),
    0 3px 1px -2px rgba(0, 0, 0, 0.2);
    border-radius: 6px;
}
.badges-main .nav-tabs li {
    margin: 0px !important;
}
.badges-main .nav-tabs li a {
    position: relative;
    margin-right: 0px !important;
    padding: 20px;
    font-size: 16px;
    border: none !important;
    color: #333;
    min-height: 173.6px;
}
.badges-main .slider {
    display: inline-block;
    width: 341px !important;
    height: 100%;
    border-radius: 3px;
    background-color: #39bcd3;
    position: absolute;
    z-index: 1;
    bottom: 0;
    transition: all 0.2s linear;
}
.badges-main .slider::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -40px;
    width: 0;
    height: 0;
    border-top: solid 20px #39bcd3;
    border-left: solid 20px transparent;
    border-right: solid 20px transparent;
}
.badges-main .slider::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -40px;
    margin-top: -7px;
    width: 0;
    height: 0;
    border-top: solid 20px #fff;
    border-left: solid 20px transparent;
    border-right: solid 20px transparent;
}
.badges-main .nav-tabs .active {
    background-color: #fff;
    border: none !important;
    color: #39bcd3 !important;
    z-index: 2;
    margin: 5px;
}
.badges-main .nav-tabs .nav-link i {
    font-size: 40px;
}
.badges-main .nav-tabs .nav-link p {
    margin: 0;
    font-weight: 700;
}
.badges-main .nav-tabs .nav-link span {
    color: #777777;
}
.p-dashboard-w {
    /*padding: 45px 15px 15px 15px;*/
    padding: 75px 15px 15px 15px;
}
.badge-asignWrap {
    padding: 15px 0 40px 0;
}

.badge-asignWrap .badge-asignBtnGroup {
    margin: auto;
}

.badge-asignWrap .badge-asignBtnGroup .badge-asignMethod {
    box-shadow: none;
    position: relative;
    min-height: 175px;
}

.badge-asignWrap .badge-asignBtnGroup .badge-asignMethod.active {
    outline: none !important;
}

.badge-asignWrap .badge-asignBtnGroup .badge-asignMethod.active .method {
    border-color: #39bcd3;
    outline: none !important;
    box-shadow: 0px 3px 22px 0px #7b7b7b;
    background: #fff;
}

.badge-asignWrap .badge-asignBtnGroup .badge-asignMethod .method {
    position: absolute;
    right: 3px;
    top: 3px;
    bottom: 3px;
    left: 3px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    border: 4px solid transparent;
    transition: all 0.5s;
    background: #f7f7f7;
    white-space: initial;
    padding: 20px;
    margin-bottom: 15px;
}
.badge-asignWrap .badge-asignBtnGroup .badge-asignMethod.active .method::before,
.badge-asignWrap .badge-asignBtnGroup .badge-asignMethod:hover .method::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -40px;
    width: 0;
    height: 0;
    border-top: solid 20px #39bcd3;
    border-left: solid 20px transparent;
    border-right: solid 20px transparent;
}
.badge-asignWrap .badge-asignBtnGroup .badge-asignMethod.active .method::after,
.badge-asignWrap .badge-asignBtnGroup .badge-asignMethod:hover .method::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -40px;
    margin-top: -7px;
    width: 0;
    height: 0;
    border-top: solid 20px #fff;
    border-left: solid 20px transparent;
    border-right: solid 20px transparent;
}

.badge-asignWrap .badge-asignBtnGroup .badge-asignMethod .method:hover {
    border-color: #39bcd3;
    outline: none !important;
}
.badge-asignWrap .badge-asignBtnGroup .badge-asignMethod .method i {
    font-size: 40px;
}
.badge-asignWrap .badge-asignBtnGroup .badge-asignMethod .method p {
    color: #000;
    margin: 0;
}
.badge-asignWrap .badge-asignBtnGroup .badge-asignMethod.active .method i,
.badge-asignWrap .badge-asignBtnGroup .badge-asignMethod.active .method p {
    color: #fff;
    font-weight: 700;
}
.badge-asignWrap .slick-slide img {
    display: initial;
}
.slick-prev,
.slick-next {
    background: #39bcd3;
    border-radius: 50%;
    height: 30px;
    width: 30px;
}
.badge-asignWrap .slick-next {
    right: -30px;
}
.badge-asignWrap .slick-prev {
    left: -30px;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    color: transparent;
    outline: none;
    background: #bee43f;
}

.messages {
    padding: 10px;
    margin: 0;
    list-style: none;
    overflow-y: scroll;
    overflow-x: hidden;
    flex-grow: 1;
    border-radius: 4px;
    background: transparent;
    max-height: 206px;
}
.messages::-webkit-scrollbar {
    width: 5px;
}
.messages::-webkit-scrollbar-track {
    border-radius: 5px;
    background-color: rgba(25, 147, 147, 0.1);
}
.messages::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: rgba(25, 147, 147, 0.2);
}
.messages li {
    position: relative;
    clear: both;
    display: inline-block;
    padding: 14px;
    margin: 0 0 20px 0;
    font: 12px/16px "Noto Sans", sans-serif;
    border-radius: 10px;
    background-color: rgba(25, 147, 147, 0.2);
    word-wrap: break-word;
    max-width: 81%;
}
.messages li:before {
    position: absolute;
    top: 0;
    width: 25px;
    height: 25px;
    border-radius: 25px;
    content: "";
    background-size: cover;
}
.messages li:after {
    position: absolute;
    top: 10px;
    content: "";
    width: 0;
    height: 0;
    border-top: 10px solid rgba(25, 147, 147, 0.2);
}
.messages li.other {
    animation: show-chat-odd 0.15s 1 ease-in;
    -moz-animation: show-chat-odd 0.15s 1 ease-in;
    -webkit-animation: show-chat-odd 0.15s 1 ease-in;
    float: right;
    margin-right: 45px;
    color: #0ad5c1;
}

.messages li.other:after {
    border-right: 10px solid transparent;
    right: -10px;
}
.messages li.self {
    animation: show-chat-even 0.15s 1 ease-in;
    -moz-animation: show-chat-even 0.15s 1 ease-in;
    -webkit-animation: show-chat-even 0.15s 1 ease-in;
    float: left;
    margin-left: 45px;
    color: #0ec879;
}

.messages li.self:after {
    border-left: 10px solid transparent;
    left: -10px;
}
.other .chat-dp {
    position: absolute;
    top: 0;
    width: 25px;
    height: 25px;
    border-radius: 25px;
    right: -45px;
}
.self .chat-dp {
    position: absolute;
    top: 0;
    width: 25px;
    height: 25px;
    border-radius: 25px;
    left: -45px;
}
.cloud{position: relative;}
.cloud h4 {position: absolute;top: 40%;left: 16%;color: #009999;font-weight: bold;}
.relesed-div{
    background-image: linear-gradient(to right, #124c9d, #3ba5c0, #98dccc);
    padding: 10px;
    border-radius: 10px;

}

.col-md-8.col-md-offset-3.relesed-div{margin: auto;}

.position-pending-div span {
    color: #fff;
    border: 4px solid;
    padding: 5px;
    border-radius: 50%;
    background: #99cc99;
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    width: 50px;
    height: 50px;
    display: inline-block;
    line-height: 35px;
    margin-bottom: 13px;

}
.position-pending-div .span-20{
    background: #3f74b1!important;
}
.position-pending-div .span-5{
    background: #5fb4ca!important;
}
.position-pending-div .span-15{
    background: #a3dfd5!important;
}



.position-pending-div {
    text-align: center;

}

.position-pending-div p {
    font-size:18px;
    color: #fff;
    text-transform: capitalize;
    margin: 0;
}

.doughnut-chart-container {
    float: right;
    margin-top: 35px;
    width: 50%;
}


.map-icon img {
    position: relative;
    width: 100px;
}
.map-center-icon:hover{
    background: #fe993c!important;
    color: white!important;

}
.map-icon .new:hover{
    background: #fe993c!important;
    color: white!important;
}
.map-center-icon {
    color: #fff!important;
    padding: 10px!important;
    border-radius: 50% !important;
    text-align: center!important;
    font-size: 25px!important;
    font-weight: bold!important;
    width: 60px!important;
    height: 60px!important;
    position: absolute!important;
    left: 39.2%!important;
    top: 0% !important;
    display: inline-block!important;
    margin-top: 20px!important;
    background: #c3d69b!important;
}
.map-icon .new {
    color: #fff!important;
    padding: 10px!important;
    border-radius: 50% !important;
    background: #a6a6a6!important;
    text-align: center!important;
    font-size: 25px!important;
    font-weight: bold!important;
    width: 60px!important;
    height: 60px!important;
    position: absolute!important;
    left: 39% !important;
    top: 0% !important;
    display: inline-block!important;
    margin-top: 20px!important;
}

.find-div{
    width: 100%;
    height: 10px;
    background: #c3d69b;
    margin-top: 20px;
    max-width: 70%;
    margin: 20px auto;
}

.col.map-icon p {
    background: #77933c;
    font-size:15px;
    color: #fff;
    max-width: 70%;
    width: 100%;
    text-align: center;
    margin-top: 18px;
    height: 24px;
    font-weight: bold;
    line-height: 24px;
    margin: 20px auto;
}
.col.map-icon{
    text-align: center;
}
.map-icon .para-content{
    font-size: 16px!important;
    color: #e47931!important;
    max-width: 100%!important;
    background: none!important;
}

.position-para1{
    font-size: 15px!important;
    background: #a6a6a6!important;
}
.cloud .unassigned-h4{
    top: 20%;
    left: 24%;
}
.unassigned-main-div{margin:0!important; margin-top: 30px!important}

.unassigned-graph{
    margin-top: 30px;
    width: 100%!important;
    float: none!important;

}
.top-control{display: inline-flex;margin-top: 25px;}
.top-control label{margin-right: 20px; font-weight: bold;}
.position-para h2 {
    font-weight: 600;
    color: #009999;
    text-decoration: underline;
    font-size: 17px;
    letter-spacing: 0px;
}
.position-section{margin-top: 30px;}
.eye-icon{text-align: center;}
.eye-icon .fa-eye{    background: #66cccc;color: #fff;padding: 12px;border-radius: 4px;font-size: 16px;}
.form-horizontal legend{margin-bottom: 0;border: none;}
.col-md-6.position-para label { color: #777777;}
.allocate{
    font-size: 14px;
    font-weight: bold;
    border-radius: 0;
    padding: 4px 12px;
}
.unassigned-chek input[type="checkbox"] {
    width: 10%;
}

/*--- for label of first and last name---*/
#lname{
    margin-top:5px;
}


/*---for heading-----*/
.heading{
    /*text-decoration: bold;*/
    text-align : center;
    font-size:30px;
    color:#F96;
    padding-top:10px;
}
/*-------for email----------*/
/*------label----*/
#email{
    margin-top: 5px;
}
/*-----------for Password--------*/
/*-------label-----*/
#password{
    margin-top: 6px;
}
/*------------for phone Number--------*/
/*----------label--------*/
.pno{
    font-size: 18px;
    margin-left: -13px;
    margin-top: 10px;
    color: #ff9;

}

/*--------------for Gender---------------*/
/*--------------label---------*/
/*---------- for Input type--------*/
.col-md-4.male{
    color: white;
    font-size: 13px;
    margin-top: 9px;
    padding-bottom: 16px;
}
.col-md-4.female {
    color: white;
    font-size: 13px;
    margin-top: 9px;
    padding-bottom: 16px;
    padding-right: 95px;
}
/*------------For submit button---------*/
.sbutton{
    color: white;
    font-size: 20px;
    border: 1px solid white;
    background-color: #080808;
    width: 32%;
    margin-left: 41%;
    margin-top: 16px;
    box-shadow: 0px 2px 2px 0px white;

}
.btn.btn-warning:hover {
    box-shadow: 2px 1px 2px 3px #99ccff;
    background:#5900a6;
    color:#fff;
    transition: background-color 1.15s ease-in-out,border-color 1.15s ease-in-out,box-shadow 1.15s ease-in-out;

}
.capting-btn{
    background: #17a2b8;
    color: #fff;
    font-size: 20px;
    border: none;
}
.capting-input input{
    margin-bottom: 20px;
}
.zero{
    background: #66cccc;
    color: #fff;
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 16px;
}
i.fa.fa-check {
    color: #fff;
}
i.fa.fa-remove {
    color: #09abae;
}


p.intersedule-para1 {
    position: absolute;
    bottom: 28px;
    right: 45px;
    font-size: 18px;
    color: #fff;
}
p.intersedule-para {
    position: absolute;
    right: 45px;
    top: 80px;
    font-size: 18px;
    color: #fff;
    display: inline-block;
}
.schedule-div{
    background: #33cccc;
    padding: 20px;
    border: 2px solid #385d8a;
    margin-top: 50px;
    border-radius: 10px;
    max-width: 300px;
    width: 100%;
    display: inline-block;
}
.schedule-div p {
    color: #fff;
    font-size: 16px;
    display: inline-block;
}
.schedule-div span {
    color: #fff;
    border: 4px solid;
    padding: 10px;
    border-radius: 50%;
    float: right;
    margin-top: -7px;
    background: #99cc99;
    width: 50px;
    text-align: center;

}
/*.position-row{margin-top: 50px;}*/
.steps p{
    color: #000;
    font-size: 24px;
}

p.background-check {
    font-size: 24px;
    color: #fff;
    text-decoration: underline;
    font-weight: bold;
}
.map-icon-top {
    margin-top: 90px;
}
.map-icon-top2 {
    margin-top: 70px;
}
.position-pending-click { background: #31859c;padding: 14px;border: 1px solid #33cccc; margin-top:0px;border-radius: 10px; max-width: 300px;width: 100%; display: inline-block;    height: 60px;}
.position-pending-click p {color: #fff;font-size: 15px;  display: inline-block;width:calc(100% - 50px);    margin-top: 5px;}
.position-pending-click span { color: #fff;
    border: 4px solid;
    padding: 5px;
    border-radius: 50%;
    float: right;
    margin-top: -7px;
    background: #579bad;
    width: 45px;
    text-align: center;
    height: 40px;}
.click-aerrow p{  font-size: 22px; font-weight: bold; margin-top: 35px;}
.click-aerrow:after{content: url(../img/aerrow1.png);position: absolute;left: 80%;top: 25%;}
/*.cloud img {margin-top: 35px;}*/
.click-aerrow{display: inline-block; float: right; margin-right: 42px; color:#000;}
label{ font-weight: bold;}
.position-para p {
    font-size: 16px;
    font-weight: bold;
    margin-top: 27px;
    color: #000;
}
.mapman-section{
    position: relative;
}
.mapman-section2{
    position: absolute;
    top: 10%;
    width: 100%;
}
.mapman-section3{
    position: absolute;
    width: 100%;
    top: 60%;
}


/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 40%;
    height: 18px;
    width: 18px;
    background-color: #fff;
    border: 1px solid #c1c1c1;
    border-radius: 4px;
}

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

.uncheckmark:after {
    content: "X";
    position: absolute;
    display: block;
}

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

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

.uncheckmark {
    position: absolute;
    top: 0;
    left: 42%;
    height: 25px;
    width: 25px;
    background-color: red;
    border: 1px solid;
}
.container .uncheckmark:after {
    left: 14px;
    top: 5px;
    width: 5px;
    height: 10px;
    /* border: solid white; */
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(90deg);
    color: white;
}
.container .checkmark:after {
    /*left: 9px;*/
    left: 6px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
label.container {
    width: 0;
}
/*div#page-content-wrapper .content-wrapper {*/
/*    min-height: 0px!important;*/
/*}*/
table#example1 a {
    padding: 0px 8px;
}
table#example1 button {
    padding: 0px 8px;
}
a.paginate_button.current {
    padding: 2px 12px!important;
}
.dataTables_wrapper table.dataTable tr th:after{
    bottom: 15%;
}
.dataTables_wrapper table.dataTable tr th:before{
    bottom: 15%;
}
.content-wrapper a.btn.btn-primary.pull-right {
    margin-left: 5px;
}
.box.box-primary a {
    /*margin-left: 5px;*//*comment*/
}
/*.box-header.with-border .col-md-3 {
    margin: auto;
    margin-top: -50px;
}*/

/*.position-row{*/
/*margin-top: 50px;*/
/*}*/
.add-more{
    text-align: right;
}
.trave-title{
    text-decoration: underline;
}
.logoair-forex img {
    width: 155px;
}
.logoair-forex img {
    width: 155px;
}
.air-money img{
    width: 350px;
}
h3.box-title.add-title {
    margin-top: 60px;
}

.travel-plan-col img{
    height: 46px;
    /*margin-top: -30px;*/
    margin-top: 0;
}

.travel-plan-col2 .col:after {
    content: " ";
    position: absolute;
    display: block;
    width: 93%;
    border: 2px solid #bee43f;
    border-radius: 4px;
}
.journey-button button{
    padding: 6px 12px;
}
.col-md-6.journey-button button {
    padding: 0 20px;
    background: #3dad94;
    border: 1px solid #4a7ebb;
    font-size: 18px;
}
.col-md-6.save-submit button {
    padding: 2px 20px;
}
.col-md-6.save-submit button {
    background: #3dad94;
    border: 1px solid #4a7ebb;
}
.col-md-6.save-submit{
    text-align: right;
}
.single-gras-img img{
    width: 150px;

}
.green-grass{
    text-align: center;
    position: relative;
}
.green-grass-para {
    position: absolute;
    top: 9%;
    color: #fff;
    font-family: "Roboto", sans-serif;
    left: 36%;
    font-weight: 600;
}
.hotel-stay{
    position: absolute;
    top: 72%;
    color: #fff;
    font-family: "Roboto", sans-serif;
    left: 57%;
    font-weight: 600;
}

.self-para{
    position: absolute;
    top: 40%;
    color: #fff;
    font-family: "Roboto", sans-serif;
    left: 40%;
    font-weight: 600;
}

.air-travel{
    position: absolute;
    top: 8%;
    color: #fff;
    font-family: "Roboto", sans-serif;
    left: 0;
    font-weight: 600;
    margin-left: -23px;
    text-align: center;
}
.raleway-para{
    position: absolute;
    top: 43%;
    color: #fff;
    font-family: "Roboto", sans-serif;
    left: 0;
    margin-left: -30px;
    font-weight: 600;
}
.cab-hire{
    position: absolute;
    top: 80%;
    color: #fff;
    font-family: "Roboto", sans-serif;
    margin-left: -52px;
    font-weight: 600;
}


.grss-third img{
    width: 150px;
    height: 120px;
}

.grs-top.grss-third.home img {
    width: 150px;
}
.grs-top-third{
    margin-left: -80px;
}
.grs-top-third:after{
    left: 5%;
    content: url(../img/small-taxi.png);
    position: absolute;
    top: 68%;
}


.green-grass1:after{
    left: 22%;
    content: url(../img/small-air.png);
    position: absolute;
    top: 3%;

}
.green-grass1 img {
    width: 150px;
    height: 120px;
    margin-left: -100px;
}
.col-md-3.watch {
    margin-top: 100px;
}
.green-grass2:after{
    left: 23%;
    content: url(../img/small-train.png);
    position: absolute;
    top: 35%;
}

.forex-logo1:after{
    left: 0;
    content: url(../img/forex-logo1.png);
    position: absolute;
    top: 6%;
}
.home2:after{
    left: 0;
    content: url(../img/small-home.png);
    position: absolute;
    top: 46%;


}
.home:after{
    left: 10%;
    content: url(../img/small-home-new.png);
    position: absolute;
    top: 75%;

}
.air-chek{
    position: absolute;
    left: 0;
    margin-left: -125px;
    top: 13%
}
.railway-chek{
    position: absolute;
    left: 0;
    margin-left: -125px;
    top: 44%
}
.cab-chek{
    position: absolute;
    left: 0;
    margin-left: -220px;
    top: 74%;
}
.col-md-3.green-grass1 {
    position: relative;
}

label{
    color: #7f7f7f!important;
    font-size: 12px;
    font-weight: 500;
}
.dashboard-wrap.second-d-wrap label {
    color: #70657b !important;

}
.multicity-head{
    text-align: right;
    color: #ffa530;
    text-decoration: underline;
    font-size: 24px;
    font-weight: bold;
    margin-right: 55px;
}
/*.dashboard-wrap.travel-d-main input,select {*/
/*    border-radius: 0!important;*/
/*}*/
.dashboard-wrap.second-d-wrap input {
    border-radius: 0;
}
.number-cities{
    border-radius: 0;
    width: 70%;
}
.single-gras-img2{
    text-align: right;
}
table tr th {
    color: #048296;
}
table tr td {
    color: #048296;
    font-weight: 100;
}
i.fa.fa-glass {
    background: #3b7538;
    color: #fff;
    padding: 3px;
    /*float: right;*/
    margin-top: 5px;
}
.gls2 {
    margin: 15px;

}
.col-md-6.origin-input {
    height: 37px;
}
.gls3{
    margin: 7px 20px;
}

/*.destination-select select option::after{*/
/*left: 80%;*/
/*content: url(../img/checksmall-icon.png);*/
/*position: absolute;*/
/*top: 50%;*/
/*}*/
/*.travelselect select option::after{*/
/*right: 15%;*/
/*content: url(../img/checksmall-icon.png);*/
/*position: absolute;*/
/*top: 50%;*/
/*}*/

/*.travbooking select option::after{*/
/*left: 70%;*/
/*content: url(../img/checksmall-icon.png);*/
/*position: absolute;*/
/*top: 50%;*/
/*}*/
.origin-input{
    display: inherit;
}
.top-aerrow1 img {
    margin-top:17px;
}
.top-aerrow p{
    display: inline-block;
    font-size: 14px;
}
.top-aerrow {
    width: 20%;
    position: relative;
}
.top-aerrow i {
    position: absolute;
    top: 42%;
    left: 48%;
    color: #fff;
}
.top-aerrow i.fa.fa-bus {
    left: 43%;
}
.top-aerrow i.fa.fa-ship {
    left: 33%;
}
.origin-city:after {
    content: "Delhi";
    color: #ffa530;
    bottom: -30%;
    position: absolute;
    left: 53%;
}
.first-city:after{
    content: "Mumbai";
    color: #ffa530;
    position: absolute;
    left: 32%;
    top: -25%;

}
.second-city:after{
    content: "Pune";
    color: #ffa530;
    bottom: -30%;
    position: absolute;
    left: 42%;
}
.destination:after{
    content: "Delhi";
    color: #ffa530;
    position: absolute;
    left: 42%;
    top: -25%;
}
.lorem:after{
    content: "Lorem ipsum";
    color: #ffa530;
    bottom: -30%;
    position: absolute;
    left: 25%;
}
.single-city{
    text-align: left!important;
}
.signal h2{
    color: #ffa530;
    text-decoration: underline;
    font-size: 24px;
    font-weight: bold;
    margin-right: 115px;
    text-align: center;
}
input.mr-input{
    font-size: 14px;
    border: 1px solid #f00;
    text-align: center;
    margin-left: 10px;
}
input.intinary-input{
    text-align: center;
    font-weight: bold;
    font-size: 14px
}
img.calender-logo {
    width: 100px;
}
.travle-table tr td {
    font-size: 12px!important;
}
.gls2 {
    margin: 18px 10px;
}

ul.nav.nav-tabs.travel-tabs {
    margin: 30px auto;
    max-width: 1000px;
    width: 100%;
}

.travel-tabs .col img{
    height: 60px;
}
ul.nav.nav-tabs.travel-tabs li {
    width: 16%;
}
.nav-tabs {
    border-bottom: 0px solid #dee2e6;
}
/*
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: transparent;
    border-bottom: 5px solid #8aff20;
}*/
label.col-md-3.travel-plan {
    text-align: right;
    margin-top: 10px;
    position: relative;
}
p.travel-plan-para {
    margin-top: 55px;
}
img.travel-1-img {
    position: absolute;
    left: 10%;
    top: 0%;
    margin-top: -10px;
}
img.travel-2-img {
    position: absolute;
    left: 10%;
    top: 30%;
}
.tab-content>.tab-pane {
    opacity: 1;
}

.col.chart-air-img img {
    height: 45px;
    margin-top: 20px;
}
.dom-color{
    background: #e6e0ec;
}

.travel-tabs.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #959696 !important;
    font-size: 15px;
    font-weight: 600;
    border-color:transparent;
    /*border-bottom: 5px solid #bbe61a;*/

}
.travel-tabs.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active span{
    color: orange !important;
}
.travel-tabs.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link i{
    font-size: 25px;
}
.travel-tabs.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link:hover {
    color: orange !important;
    border-color:transparent;
    /*border-bottom: 5px solid #bbe61a;*/

}
.travel-tabs.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link {
    /*color: #808080 !important;*/
    border-color:transparent;
    /*border-bottom: 5px solid #bbe61a;*/

}

.btn-outline-dark:not(:disabled):not(.disabled).active, .btn-outline-dark:not(:disabled):not(.disabled):active, .show>.btn-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: #33afd0;
    border-color: #33afd0;
    padding: 0.1rem 1.5rem;
}
.emp-second-nav.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: rgb(41, 65, 122);
    /*background-color: #86d0d7;*/
    border-color: transparent;
    /*background-image: linear-gradient(to right, #3bb5b5, #2f83de29, #2f83de52);*/
    border-bottom: 2px solid #98e6cc !important;
}


.main-travelchart{
    /* margin: 75px auto;*/
    max-width: 730px;
    width: 100%;
    overflow: auto;
    height: 200px;
}
h4.title.mb {
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    color: #28417a;
}
h4.title.mb:after{
    content: " ";
    position: absolute;
    display: block;
    width: 160px;
    border: 2px solid #bbe61a;
    border-radius: 4px;
    left: 40%;
}
.main-travelchart .travel-plan-col img{
    margin:0;
}
.main-travelchart2 {
    position: absolute;
    max-width: 700px;
    right: 0%;
    top: 2%;
    background: #fff;
    box-shadow: 0 1px 2px 3px #eee;
    overflow: auto;
    height: 200px;
}
.main-travelchart2 label {
    font-size: 10px;
}
.main-travelchart2 img {
    height: 28px;
}
.main-travelchart2 input {
    height: 20px;
}

@media (max-width: 767px) {

    .cloudmain{
        text-align: center;
    }
    .cloud h4{
        left: 36%;
    }
    .position-pending-div{
        width: 100%;
    }
    .doughnut-chart-container {
        width: 100%;
        float: none;
    }
    div#chartContainer{
        width: 100%!important;
        float: none;
    }
    .col-md-8.relesed-div.unassigned-main-div {
        height: auto!important;
    }
    .cloud .unassigned-h4{
        left: 35%;
    }


}


ul.pos-ul {
    width: 25%;
    float: left;
}
ul.pos-ul li {
    padding-top: 20px;
    width: 100%;
}
.table-content{
    width: 75%;
}

/*section.main-section .row {*/
/*margin-top: 35px;*/
/*}*/

.managepos{
    width: 130% !important;
    max-width: 210px !important;

}

.position-pending-click.managepos p {
    color: #fff;
    font-size: 15px;
    display: inline-block;
    width: calc(100% - 0px);
    margin-top: 5px;
}

.customer-logos .slick-slide {
    margin: 0px 20px;
}

.customer-logos .slick-slide img {
    width: 100%;
}

.customer-logos .slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.customer-logos .slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.customer-logos .slick-list:focus
{
    outline: none;
}
.customer-logos .slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.customer-logos .slick-slider .slick-track,
.customer-logos .slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.customer-logos .slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.customer-logos .slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.customer-logos .slick-track:after
{
    clear: both;
}
.customer-logos .slick-loading .slick-track
{
    visibility: hidden;
}


.customer-logos [dir='rtl'] .slick-slide
{
    float: right;
}
.customer-logos .slick-slide img
{
    display: block;
}
.customer-logos .slick-slide.slick-loading img
{
    display: none;
}
.customer-logos .slick-slide.dragging img
{
    pointer-events: none;
}
.customer-logos .slick-initialized .slick-slide
{
    display: block;
}
.customer-logos .slick-loading .slick-slide
{
    visibility: hidden;
}
.customer-logos .slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.customer-logos .slick-arrow.slick-hidden {
    display: none;
}
.slides-sec .slick-next {
    right: -5px;
    top: 142px;
}
.slides-sec .slick-prev {

    top: 142px;
}



.suggesstion-box, .suggesstion-box2{
    cursor: pointer;
    /*height: 198px;*/
    overflow: auto;
    list-style-type: none;
    display: none;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 36px;
    width: 134px;
    z-index: 9999;
}

ul.suggesstion-box li, ul.suggesstion-box2 li {
    background: #fff none repeat scroll 0 0;
    border-bottom: 1px solid #ddd;
    line-height: 22px;
    margin: 0;
    padding: 11px 15px;
}

.dtp-time{
    padding:0px !important;
}
.svg-clock{
    height: 155px !important;
}
.dtp-date-view{
    height: 285px !important;
}
/*============================START COMMON CSS HERE==============================*/
textarea{
    height: inherit !important;
}
.separator{
    width: 100%;
    border-bottom: 1px solid #ced4da;
    margin: 20px 0;
}
.btn-primary:not(:disabled):not(.disabled).active{
    color: #222222 !important;
    border-color: #3bb5b5 !important;
    background: #fff !important;
    border-radius: 100px !important;
}
.errorSms {
    display: none;
    color: goldenrod !important;
}
.employee-add-ul .nav-item{
    width: 100%;
}
.employee-add-ul{
    background: #c2c2c291;
}
.employee-add-ul .nav-link{
    background: transparent !important;
}

.ess-left-menu{
    margin-top: 6em;
}


/*.emp-second-nav.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{*/
/*color: #ffffff !important;*/
/*background-color: #29abb59e;*/
/*border-color: transparent;*/
/*background-image: linear-gradient(to right, #3bb5b5, #2f83de29, #2f83de52);*/
/*border-radius: 26px !important;*/
/*padding: 7px 36px;*/

/*}*/
/*.emp-second-nav.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link:hover{*/
/*color: rgba(3, 3, 3, 0.65) !important;*/
/*border-color: transparent;*/
/*border-radius: 26px !important;*/

/*}*/

/*============================END COMMON CSS HERE==============================*/

/*==============START TRAVEL PAGE FOR CSS HERE================================*/
.travel-plan-design{
    border: 1px solid #ced4da;
    /* border-radius: 34px; */
    background-color: #f1f1f185;
    margin: 1rem 0 2rem 0;
}
.card{
    border-radius: 10px;
    /* box-shadow: 0 4px 20px 1px rgba(0,0,0,.06), 0 1px 4px rgba(0,0,0,.08); */
    border: 0;
}
.travel-box .card{
    box-shadow: 0 1px 15px 2px rgba(0, 0, 0, 0.32), 0 2px 4px rgba(0,0,0,.08) !important ;

}
.my-card{
    /*box-shadow: 0 1px 15px 2px rgba(0, 0, 0, 0.32), 0 2px 4px rgba(0,0,0,.08) !important ;*/
    box-shadow: 0 1px 6px 1px rgba(0, 0, 0, 0.32), 0 0px 0px rgba(0,0,0,.08) !important;
}

.form-group label {
    font-size: 12px;
    color: #70657b;
    margin-bottom: 4px;
    display: inline-block;
    font-family: Nunito,sans-serif;
    font-weight: 600;
}
.form-control.form-control-rounded, .form-control.rounded {
    border-radius: 20px !important;
}
.form-control{
    border-radius: 20px !important;
}

.form-control {
    outline: initial!important;
    border: 1px solid #ced4da;
    color: #47404f;
}
.form-control {
    display: block;
    width: 100%;
    height: calc(1.9695rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem!important;
    line-height: 1.5;
    color: #665c70;
    /*background-color: #fff;*/
    background-clip: padding-box;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.checkbox:hover input~.checkmark, .radio:hover input~.checkmark {
    background-color: #bbb;
}
.checkbox .checkmark, .radio .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    border-radius: 4px;
    background-color: #dee2e6;
}
.checkbox, .radio {
    display: block;
    position: relative;
    padding-left: 28px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.custom-separator {
    border-bottom: 1px dashed #bbe61a;
    margin: 15px 0;
}
input::placeholder {
    color: #383636;
}
input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #383636;
}
input::-moz-placeholder { /* Firefox 19+ */
    color: #383636;
}
input:-ms-input-placeholder { /* IE 10+ */
    color: #383636;
}
input:-moz-placeholder { /* Firefox 18- */
    color: #383636;
}

.dataTables_wrapper table.dataTable tr td {
    padding: 2px 5px !important;
    font-size: 13px !important;
    color: #878080 !important;
    font-weight: 600;
}

/*RADIO BUTTON STYLE*/
.checkbox, .radio {
    display: block;
    position: relative;
    padding-left: 28px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.checkbox input, .radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0;
}
.checkbox, .radio {
    display: block;
    position: relative;
    padding-left: 28px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.radio-primary input:checked~.checkmark {
    background-color: #bbe61a;
}
.checkbox input:checked~.checkmark, .radio input:checked~.checkmark {
    background-color: #bbe61a;
}
.radio .checkmark {
    border-radius: 50% !important;
}
.checkbox .checkmark, .radio .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    border-radius: 4px;
    background-color: #dee2e6;
}
.checkbox, .radio {
    display: block;
    position: relative;
    padding-left: 28px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.checkbox input:checked~.checkmark:after, .radio input:checked~.checkmark:after {
    display: block;
}
.radio .checkmark:after {
    height: 6px !important;
    width: 6px !important;
    border-radius: 50%;
    background: #fff;
}
.checkbox .checkmark:after, .radio .checkmark:after {
    content: "";
    position: absolute;
    display: none;
    left: 0;
    top: 0;
    right: 0;
    width: 4px;
    bottom: 0;
    margin: auto;
    height: 8px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.search-city{
    cursor: pointer !important;
    overflow: auto !important;
    height: 200px;
    list-style-type: none !important;
    padding: 0 !important;
    margin: 0 !important;
    /*border: 1px solid rgb(206, 212, 218) !important;*/
    position: absolute !important;
    top: 60px !important;
    width: 362px !important;
    z-index: 9999 !important;
}

.search-train-city, .search-flight-city{
    cursor: pointer !important;
    overflow: auto !important;
    height: 200px;
    list-style-type: none !important;
    padding: 0 !important;
    margin: 0 !important;
    /*border: 1px solid rgb(206, 212, 218) !important;*/
    position: absolute !important;
    top: 34px !important;
    width: 130px !important;
    z-index: 9999 !important;
    text-align: left;
}
ul.search-city li, ul.search-train-city li, ul.search-flight-city li{
    border: 1px solid rgb(206, 212, 218) !important;
    background: #fff none repeat scroll 0 0 !important;
    border-bottom: 1px solid #ddd !important;
    line-height: 22px !important;
    margin: 0 !important;
    padding: 4px 15px !important;
    font-size: 10px !important;
    color: #70657b !important;
    font-family: Nunito,sans-serif !important;
    text-transform: capitalize !important;
}
ul.search-city li:hover, ul.search-train-city li:hover, ul.search-flight-city li:hover {
    background-color: #bbe61a !important;
    color: white !important;
}
.col-md-2 .card {
    border-radius: 10px;
    box-shadow: -15px -15px 15px  rgba(255, 255, 255, 0.5), 15px 15px 15px rgba(0,0,0,.08) !important;
    background: #fff!important;
}
.left-content-sec-wrap, .right-content-sec-wrap {
    padding: 0px 15px;
    box-shadow: 0 0 0 rgba(0,0,0,.2) !important;
}
/*================START SETTING PAGE CSS========================*/
.dash-box:hover .dash-box-icon{
    -moz-transform    : translate(-50%, 50%) scale(1.2);
    -o-transform      : translate(-50%, 50%) scale(1.2);
    -webkit-transform : translate(-50%, 50%) scale(1.2);
    transform         : translate(-50%, 50%) scale(1.2)
    /*transform: scale(2);*/
}
.dash-box-icon{
    transition: all 3s;
}
.setting-card{
    margin: 20px !important;
    padding: 30px 15px !important;
    z-index: 0;
}
.dash-box {
    position: relative;
    text-align: center;
    margin: 16px  0px;

}

.dash-box a{
    text-decoration: none !important;
}

.dash-box-icon {
    position: absolute;
    transform: translateY(90%) translateX(-50%);
    left: 50%;
    top: 6%;
}
.dash-box-action {
    transform: translateY(-50%) translateX(-50%);
    position: absolute;
    left: 50%;
}
.dash-box-body {
    padding: 20px 0px;
}

.dash-box-icon:after {
    width: 60px;
    height: 60px;
    position: absolute;
    background: rgba(108, 182, 70, 0.47);;
    content: '';
    border-radius: 50%;
    left: -10px;
    top: -10px;
    z-index: -1;
}
.dash-box-icon > i {
    background: #6cb646;
    border-radius: 50%;
    line-height: 40px;
    color: #FFF;
    width: 40px;
    height: 40px;
    font-size:22px;
}
.dash-box-icon:before {
    width: 75px;
    height: 75px;
    position: absolute;
    background: rgba(108, 182, 70, 0.34);;
    content: '';
    border-radius: 50%;
    left: -17px;
    top: -17px;
    z-index: -2;
}
.dash-box-action > button {
    border: none;
    background: #FFF;
    border-radius: 19px;
    padding: 7px 16px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 11px;
    letter-spacing: .5px;
    color: #003e85;
    box-shadow: 0 3px 5px #d4d4d4;
}
.dash-box-body > .dash-box-count {
    display: block;
    font-size: 11px;
    color: #7f7f7f;
    font-weight: 600;
    padding-top: 90px;
    overflow: hidden;
    height: 120px;
}
.dash-box-body > .dash-box-count:hover {
    text-decoration: none !important;
}

.dash-box-body > .dash-box-title {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.81);
}


.dash-box-color-2 .dash-box-icon:after {
    background: rgba(39, 196, 192, 0.51);;
}
.dash-box-color-2 .dash-box-icon:before {
    background: rgba(39, 196, 192, 0.22);
}
.dash-box-color-2 .dash-box-icon > i {
    background: #27c4c0;
}


.dash-box-color-3 .dash-box-icon:after {
    background: rgba(4, 130, 150, 0.55);
}
.dash-box-color-3 .dash-box-icon:before {
    background: rgba(4, 130, 150, 0.19);
}
.dash-box-color-3 .dash-box-icon > i {
    background: #048296;
}


.dash-box-color-4 .dash-box-icon:after {
    background: rgba(187, 230, 26, 0.48);
}
.dash-box-color-4 .dash-box-icon:before {
    background: rgba(187, 230, 26, 0.35);
}
.dash-box-color-4 .dash-box-icon > i {
    background: #bbe61a;
}

/*================END SETTING PAGE CSS========================*/

/*==============END CARD CSS HERE================================*/

/*===================START SUBHEADERR CSS============================*/
.header-green{
    height: 4px;
    background-image: linear-gradient(to right, #a5ca35, #99bd29, #8cad24);
    /*background-image: linear-gradient(#bae630, #80a019);*/
    text-align: right;
}
.header-blue{
    background-image: linear-gradient(to right, #2ca0a0, #37abab, #3cb7b7);
    /*background-image: linear-gradient(#3cb7b7, #2ca0a0);*/
    height: 4px;
}
.card-abs-left-bottom img {
    height: 80px;
    width: 80px;
    object-fit: cover;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
/*.card-abs-left-bottom {*/
/*    position: absolute;*/
/*    z-index: 1;*/
/*    top: 0;*/
/*    bottom: 0;*/
/*    left: 120px;*/
/*}*/
.card-abs-right-bottom {
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    right: 155px;
}
.c-black{
    color: #000000;
}
.c-blue{
    color: #007bff;
}
.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    width: 100% !important;
    position: relative;
    vertical-align: middle;
}
.select2-container--default .select2-selection--multiple {
    background-color: white;
    border: 1px solid #ced4da !important;
    border-radius: 20px !important;
    cursor: text;
    font-size: 14px;
    font-size: .813rem !important;
    padding-left: 10px;
}
.select2-container--default .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto;
    border-top: 1px solid darkgrey;
}
/*===================START SUBHEADERR CSS============================*/

/*==================START UNCHECKED RADIO BUTTON CSS===================*/
.container .uncheckmark:after {
    left: 12px !important;
}
.uncheckmark{
    border: 1px solid #c1c1c1 !important;
    border-radius: 4px !important;
    background-color: #fff;
}
.container .uncheckmark:after {
    color: #FF691F !important;
}
/*==================START UNCHECKED RADIO BUTTON CSS===================*/

/*===================START MPR PAGE CSS============================*/
.mpr-position-border{
    border: 1px solid #70657b;
    padding: 17px;
}
.heading-style{
    font-size: 1.2em;
    font-weight: bold;
    color: #27417a;
}
/*===================END MPR PAGE CSS============================*/
/*====================START SUB HEADER CSS===========================*/
.sub-header-bg{
    border-radius: 20px;
    height: 5px;
    background-image: linear-gradient(to right, #0a75c8 , #33afd0, #1cc2c8);
    margin-left: 63px;
}
.sub-header-img{
    position: absolute;
    z-index: 1;
    top: 49px;
    bottom: 0;
    left: 45px;
}
.sub-header-img img{
    width: 80px;
    height: 80px;
    object-fit: cover;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.people-buddy-logo {
    width: 50px;
    position: relative;
    z-index: 1;
    margin-top: 5px;
    margin-bottom: -15px;
}
/*====================END SUB HEADER CSS===========================*/
.tablinks .btn .btn-primary:hover{
    background: #3bb5b5 !important;
}

/*.tablinks .btn .btn-primary:active,.btn-primary:hover,.btn-primary:visited,.btn-primary:link{*/
/*    background: #3bb5b5 !important;*/
/*}*//*comment*/

/*=======================START EMPLOYEE RECORD CSS===================================*/
.employee-image-box img{
    width: 65px;
    margin-bottom: 15px;
}
.add-employee-record .my-card, .edit-employee-record .my-card{
    padding: 15px;
    margin: 30px 15px;
}
/*=======================END EMPLOYEE RECORD CSS===================================*/
/*================================START ESS PAGE CSS================================*/
.sub-heading{
    font-size: 18px;
    font-weight: bold;
    color: grey;
}
.eAddButton{
    text-align: right;
    margin-top: 23px;
}
.bottom-line{
    width: 100%;
    border-bottom: 1px solid #ced4da;
    padding: 4px 4px;
    margin-bottom: 10px;
}
.user-hire-date{
    font-size: .8em;
    color: #27417a;
    font-weight: 600;
    margin-bottom: 6px;
}
.dataTables_filter input[type=search]{
    outline: initial!important;
    border: 1px solid #ced4da !important;
    border-radius: 20px !important;
    display: block;
    width: 100%;
    height: calc(1.9rem + 0px);
    padding: .1rem .2rem;
    font-size: .813rem;
    line-height: 1.5;
    color: #665c70;
    background-clip: padding-box;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;

}
/*.dataTables_filter input[type=search]:focus{*/
/*border-color: #bbe61a !important;*/
/*outline: 0 !important;*/
/*-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px #bbe61a !important;*/
/*box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px #bbe61a !important;*/
/*}*/
.dataTables_info, .dataTables_paginate{
    font-size: 0.89em !important;
    color: #8a8e8a !important;
}
/*================================START ESS PAGE CSS================================*/





/* Float four columns side by side */
.column1 {
    float: left;
    width: 20%;
    height: 30px!important;
    padding: 0 15px;
}



/* Clear floats after the columns */
.row1:after {
    content: "";
    display: table;
    clear: both;
}

/* Responsive columns */
@media screen and (max-width: 600px) {
    .column {
        width: 100%;
        display: block;
        margin-bottom: 10px;
    }
}

/* Style the counter cards */
.card1 {
    box-shadow: 0 4px 20px 1px rgba(0, 0, 0, .30), 0 1px 4px rgba(0, 0, 0, .100);
    border-radius: 5px;
    padding: -15px!important;
    text-align: center;


}
/*greenbox the text box */
.divbox{
    width: 30px;
    height: 30px;
    background: #B1DEDD;
    white-space: pre-line;
    float: right;
    bottom: 45px;
    left: 13px;
    position: relative;

}

/*text style */
.md{
    font-size: 13px;
    padding:17px;
    color: #939292;
    font-weight: 600;
}

/*well background color style */
.well{
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.71), 0 0 8px #939292 !important;
}
/* font  size style*/
.fw-200 {
    font-size: 16px;
    color: #939292;
    font-weight: 600;
    padding: 5px;
    text-decoration: none;
}
/*button style*/
button{
    outline: none;
    border-radius: inherit!important;
}
/*cord style */
.card12{
    box-shadow: 0 4px 20px 1px rgba(0, 0, 0, .30), 0 1px 4px rgba(0, 0, 0, .100);
    padding: 20px;
    background: #fff;
}
.cardsmall{
    box-shadow: 0 4px 6px 1px rgba(0, 0, 0, .30), 0 1px 2px rgba(0, 0, 0, .1);
    border-radius: 30px;


}

.rolls{
    border-radius: 50%;
    width: 15px;
    height: 15px;
    background-color: #939292!important;
    float: left!important;
    left: -50px;
    padding: 13px;

    position: relative;
}
.deaaa{
    font-size: 16px;
    color: #25adbc;
    font-weight: 600;
    padding: 5px;

}
/*leble style */
.labea{
    left: -40px;
    position: relative;
}
.deaaa1 {
    font-size: 13px;
    color: #939292;
    font-weight: 600;
    padding: 5px;

}
.aq{
    font-size: 12px;
    color: #939292;
    font-weight: 600;
    text-decoration: none!important;
}

.newstyle{
    width: 100px!important;
}


/*calender style*/
#calendar {
    max-width: 900px;
    margin: 40px auto;
}
.fc-basic-view .fc-body .fc-row{
    min-width: 1em;
    min-height: 1em!important;
}
.fc-scroller fc-day-grid-container{
    overflow: auto!important;
    height: 290px!important;
}
table tr td{
    color: #939292!important;
    font-weight: 600!important;
    font-size: 13px!important;

}
.fc-event{
    color: #939292;
}


.popper,
.tooltip {
    position: absolute;
    z-index: 9999;
    background: #FFC107;
    color: black;
    width: 150px;
    border-radius: 3px;
    box-shadow: 0 0 2px rgba(0,0,0,0.5);
    padding: 10px;
    text-align: center;
}
.style5 .tooltip {
    background: #1E252B;
    color: #FFFFFF;
    max-width: 200px;
    width: auto;
    font-size: .8rem;
    padding: .5em 1em;
}
.popper .popper__arrow,
.tooltip .tooltip-arrow {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px;
}

.tooltip .tooltip-arrow,
.popper .popper__arrow {
    border-color: #FFC107;
}
.style5 .tooltip .tooltip-arrow {
    border-color: #1E252B;
}
.popper[x-placement^="top"],
.tooltip[x-placement^="top"] {
    margin-bottom: 5px;
}
.popper[x-placement^="top"] .popper__arrow,
.tooltip[x-placement^="top"] .tooltip-arrow {
    border-width: 5px 5px 0 5px;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    bottom: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0;
}
.popper[x-placement^="bottom"],
.tooltip[x-placement^="bottom"] {
    margin-top: 5px;
}
.tooltip[x-placement^="bottom"] .tooltip-arrow,
.popper[x-placement^="bottom"] .popper__arrow {
    border-width: 0 5px 5px 5px;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent;
    top: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0;
}
.tooltip[x-placement^="right"],
.popper[x-placement^="right"] {
    margin-left: 5px;
}
.popper[x-placement^="right"] .popper__arrow,
.tooltip[x-placement^="right"] .tooltip-arrow {
    border-width: 5px 5px 5px 0;
    border-left-color: transparent;
    border-top-color: transparent;
    border-bottom-color: transparent;
    left: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0;
}
.popper[x-placement^="left"],
.tooltip[x-placement^="left"] {
    margin-right: 5px;
}
.popper[x-placement^="left"] .popper__arrow,
.tooltip[x-placement^="left"] .tooltip-arrow {
    border-width: 5px 0 5px 5px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    right: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0;
}

/*calender style end*/

/*my trips */
.mytreips{
    font-size: 15px;
    font-weight: 600;
}
.fc-toolbar h2 {
    font-size: 16px;
    font-weight: 600;
}

.fc-toolbar h2 {
    color: #939292;
    font-weight: 600;
    font-size: 16px;
}
table tr td{
    color: #939292;
    font-weight: 100;
}
table tr th{
    color: #939292;
}
.table-bordered{
    border: 1px solid #99999985!important;
}
.fc-event {
    background-color: #B1DEDD;
    border: none!important;
}
.fc button .fc-icon{
    color: #939292;
}
.pointer{
    cursor:pointer!important;
    color: #939292!important;
    font-weight: 600!important;
    font-size: 13px!important;
    text-decoration: none!important;
}
.newbuttontype{
    text-decoration: none!important;
    font-size: 13px;
    font-weight: 600;
    color: #939292;
}
.newbuttontype:hover{
    text-decoration: none!important;
    font-size: 13px;
    font-weight: 600;
    color: #939292;
}

.tabsnew{
    margin-left: 25px;
    font-weight: 600;
    font-size: 13px;
    color: #939292;
}
.rowcol{
    box-shadow: 0 4px 20px 1px rgba(0, 0, 0, .1), 0 1px 4px rgba(0, 0, 0, .100);
}
.fontsa{
    font-weight: 600;
    font-size: 12px;
}


.label {
    display: inline-block;
    padding: 0px;
    width: 120px;
    font-weight: 600;
    font-size: 11px;
    margin: 0;

;
}







/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
    .col-25, .col-75, input[type=submit] {
        width: 100%;
        margin-top: 0;
    }
}
.selexs {
    width: 130px;
    height: 28px!important;
    float: right;
    top: -4px;
    right: -3px;
    position: relative;
}

.dataTables_wrapper table.dataTable tr th{
    background: #E6E6E6;
    color: #939292;
    text-align: center;

    font-weight: bold;
    border:1px;
    outline: none;
    padding: 5px;
    font-size: 13px;
}
.dataTables_wrapper table.dataTable tr:last-child td{
    border-bottom:3px solid #ffffff;
}
table.dataTable.no-footer{
    border-bottom: 1px solid #E5E5E5!important;
}

.dataTables_info, .dataTables_paginate{
    font-size: 13px !important;
    font-size: 0.79em !important;
    font-weight: 600;

}
.dataTables_wrapper table.dataTable tr td{
    border-bottom: 1px solid #E5E5E5!important;

}
.selex{
    width: 130px;
    height: 28px!important;
    float: right;

}
fieldset.scheduler-border {
    border: 1px solid #ddd !important;

    box-shadow: 0 4px 20px 1px rgba(0, 0, 0, .1), 0 1px 4px rgba(0, 0, 0, .100);
    border-radius:7px;

}

legend.scheduler-border {
    font-size: 12px !important;
    font-weight: 600 !important;
    text-align: center !important;
    width:180px;
    color: #ffffff;
    padding-top: 5px;
    border-radius:1px;
    background-color: #33cafbcf;
    height: 30px;
}
.scheduler-border {
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #6cdbea;
    width: 60%;
    height: 34px;
    line-height: 34px;
    text-align: center;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
}
.nnnah{
    position: relative;
    top: -10px;
    padding-left: 20px;
}
.news-single-news .news-title a {
    font-size: 19px;
    font-weight: 600;
    color: #777777}
.news-page-wrapper *, .news-page-wrapper :after, .news-page-wrapper :before {
    box-sizing: border-box !important;
    font-size: 13px;
    font-weight: 600;
}
.page-wrapper {
    background: #f6f6f6;
    padding-top: 70px;
}
.page-content-wrapper {
    padding-top: 90px;
}
/*.employee-add-wrapper {*/
/*    padding-top: 30px;*/
/*}*/
.otherText{
    font-size: 10px!important;
    background: #fff;
    border: 1px solid deepskyblue;
}
.travel-plan-design{
    background: #fff!important;

}
.form-control:disabled, .form-control[readonly]{
    background: #fff!important;
}
.btn-primary:active {
    background: linear-gradient(to right, #0383d4 0%, #1cc9d4 100%)!important;
    outline: none!important;
    border: none!important;
    border-radius: 0px!important;
    box-shadow: none!important;
}

.form-controlq {
    outline: initial!important;
    background: #f8f9fa;
    border: 1px solid #ced4da!important;
    color: #47404f;
    height: 28px;
    font-size: 11px;
    font-weight: 600;
    color: #777777;
}

input[type=date], input[type=datetime-local], input[type=month], input[type=time] {
    -webkit-appearance: listbox;
    font-size: 10px!important;
    font-weight: 600;
    color: grey!important;
}
.table-sm td, .table-sm th {
    padding: .3rem;
    color: #777777;
    font-size: 12px;
    font-weight: 600;
}
.my-card{
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.form-group label {
    font-size: 12px;
    color: #70657b;
    margin-bottom: -15px;
}
table.dataTable {
    width: 100%;
    margin: 0 auto;
    clear: both;
    border-collapse: collapse!important;
    border-spacing: 0;
}
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
    color: grey!important;
}
.lia{
    padding: 2px;
    list-style: none;
}
.lia .lib{
    display: inline-block;
    position: relative;
    line-height: 21px;
    text-align: left;
    padding-left: 20px;
}
.lia .lib a{
    display: block;
    padding: 6px 39px;
    color: white;
    font-weight: 600;
    font-size: 13px;
    text-decoration: none;
    border-radius: 0px;
    background: #17a2b8!important;
}
.lia .lib a:hover{
    color: #fff;
    background-image: linear-gradient(to right, #1bacb1, #33afd0, #3bb5b57a) !important;
}
.form-control:active{
    outline: none!important;

    box-shadow: none!important;

}
.form-control:focus{
    outline: none!important;
    box-shadow: none!important;


}
.btn-primary:active {
    background: linear-gradient(to right, #0383d4 0%, #1cc9d4 100%)!important;
    outline: none!important;
    border: none!important;
    border-radius: inherit!important;
    box-shadow: none!important;
}
.newscrollingpoint{
    overflow: scroll!important;
    width: 1px!important;
}
.modal-header {
    display: -ms-flexbox!important;
    display: flex!important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
    padding: 8px!important;
    font-size: 13px !important;
    padding-left: 10px !important;
    border-bottom: 1px solid #e9ecef!important;
    border-top-left-radius: .3rem !important;
    border-top-right-radius: .3rem !important;
}
.modal-content {

    border-radius: 5px!important;
    /*box-shadow: 0 4px 20px 1px #d0d0d0f0, 0 1px 4px rgba(12, 134, 255, 0.03) !important;*/
    border: 0!important;
}
.modal-title {
    margin-bottom: 0!important;
    line-height: 1.5!important;
    font-size: 16px!important;
    font-weight: 600!important;
    text-transform: uppercase!important;
}
.dataTables_paginate  a,.paginate_button {
    color: #b6b6b6!important;
    float: left!important;
    text-decoration: none!important;
    transition: background-color .3s!important;
    /*border: 1px solid #ddd!important;*/
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    float: left!important;
    padding: 3px 13px!important;
    text-decoration: none!important;
    transition: background-color .3s!important;
    border: 1px solid #ddd!important;
}


.dataTables_length select{
    background-color: #ffffff!important;
    border-radius: 20px!important;
    border: 1px solid #ddd;
    color: grey!important;
    outline: none!important;
    width: 54px!important;
    font-size: 11px !important;
    height: 26px!important;
    font-weight: 600!important;
    margin: 5px;
}
.dataTables_length{
    position: relative;
    top: 10px;
}

.card {
    border-radius: 4px;
    box-shadow: 0 4px 20px 1px rgba(0, 0, 0, .06), 0 1px 4px rgba(0, 0, 0, .08)!important;
    border: 0;
}

strong.typetravel {
    margin: 0px;
    position: absolute;
    top: 21px;
    font-size: x-small;
}
p.madetravel {
    font-size: 13px;
    font-weight: 600;
}
.row.divcenter {
    margin-top: 14px;
}
.card12 {
    box-shadow: 0 4px 20px 1px rgba(0, 0, 0, .06), 0 1px 4px rgba(0, 0, 0, .08)!important;
    padding: 20px;
    border-radius: 4px;
}
.row.toprow {
    position: relative;
    top: -38px;
}
.morebutton:hover {
    border: 2px solid deepskyblue;
    background: deepskyblue;
    color: #fffffd!important;
}
button.morebutton.btn.btn-outline-primary.btn-round.btn-sm {
    border: 1px solid deepskyblue;
    color: #777777;
}

.btn-danger {
    border-radius: 2px !important;
    background: #e68724!important;
}

button.btn.btn-default {
    border-radius: 4px!important;
    padding: .2rem 1rem!important;
}
.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.1rem 0.5rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.modal-header .close {
    padding: 0;
    margin: -1rem -1rem -1rem auto;
}
button.close {
    background: #ddd;
    width: 30px;
    height: 30px;

    border-radius: 16px!important;
    /* text-align: center; */
    position: relative;
    top: -5px;
    opacity: 2;
    /* content: "2"; */
}

.close {
    /* float: right; */
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 0;
    /* color: #000; */
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
    /* position: relative; */
    text-align: center;
}
.newimagesbordertop {
    position: absolute;
    top: -12px;
    left: 20px;
    /* width: 70px; */
    /* height: 70px; */
}
.card .card-abs-left-bottom img {
    height: 57px;
    /* border: 7px solid #ffe; */
    width: 57px;
    object-fit: cover;


}
.breadcrumb--float {
    float: right;
    top: 80px;
    position: relative;
}
/*div#page-content-wrapper .content-wrapper {*/
/*    min-height: 0px!important;*/
/*    position: relative;*/
/*    top: 40px;*/
/*}*/
a {
    text-decoration: none!important;

}
.textfontsize{
    font-size: 15px;
    text-decoration: none!important;
    font-weight: 600;
    margin-top: 20px;
}
.pngcircle {
    width: 50px;
    height: 50px;
    border-radius: 100px;
}

.titlea {
    font-size: larger;
    font-weight: 600;
}

.btn.focus, .btn:focus {
    outline: 0!important;
    box-shadow: 0 4px 20px 1px rgba(0, 0, 0, .06), 0 1px 4px rgba(0, 0, 0, .08)!important;
}

.odd{
    background-color: white !important;
}

.dataTables_wrapper table.dataTable tr th{
    background: #94979800 !important;
    color: #20beff!important;
    outline: #14c5ff!important;
    border: 0px;
    font-size: 16px
}
table.dataTable.table-sm>thead>tr>th {
    padding-right: 30px !important;
}

.modal-header{
    background: #33afd0 !important;
    color: #fff !important;
}
/*.dataTables_paginate{*/
/*    position: fixed;*/
/*    bottom: 30px;*/
/*    right: 46px;*/
/*}*/
img.newroundimg {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    width: 100%;
}
.fa-star,.fa-star-half{
    color: #ebd01d;
}

.newtexttraing{
    font-size: 13px;
    position: relative;
    font-weight: 600;
    left: -16px;
}
.newtextrow {
    position: absolute;
    width: 86%;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background: #545151;
    opacity: .6;
    color: white;
}
.newimag {
    width: 100px;
    position: relative;
    left: 11px;
    top: 65px;
    height: 100px;
    z-index: 99;
    border-radius: 4px;
    border: 2px solid #777777;
}

h3.news-title {
    position: absolute;
    left: 151px;
    top: 66px;
    font-size: 21px;
}

.daterangepicker .drp-calendar.right .calendar-table {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    transform: rotate(180deg)!important;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #48e4d7!important;
    border-color: transparent;
    color: #fff!important;
}
.nddd:before {
    content: "";
    background: inherit;
    width: 100%;
    height: 100%;
    box-shadow: 0px 10px 40px 0px rgba(76, 70, 124, 0.5);
    display: block;
    z-index: 1;
    position: absolute;
    top: 30px;
    transform: scale(0.9);
    filter: blur(10px);
    opacity: 0.9;
    border-radius: 15px;
}
.nddd {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 90%;
    height: 100%;
    border-radius: 15px;
    position: absolute;
    left: 0;
    top: 0;

}
.nddd:after {
    content: "";
    background: inherit;
    width: 100%;
    height: 100%;
    box-shadow: 0px 10px 40px 0px rgba(76, 70, 124, 0.5);
    display: block;
    z-index: 2;
    position: absolute;
    border-radius: 15px;
}
h1.heading1s {
    position: absolute;
    color: #ffffff;
    font-size: 40px;
    font-weight: 600;
    text-align: center;
    left: 28%;
    top: 27px;
    text-transform: uppercase;
    z-index: 99999;
}
h1.heading1sx {
    position: absolute;
    color: #ffffff;
    font-size: 40px;
    font-weight: 600;
    text-align: center;
    left: 17%;
    top: 27px;
    text-transform: uppercase;
    z-index: 99999;
}
.radingbox {
    height: 140px;
}
button.buttonclickme.btn-primary.btn-sm.btn {

    background: transparent;
    border: 2px solid #80dcf1!important;
    padding: 0.1rem 1rem!important;
    color: #777777!important;
}


/* Rating Star Widgets Style */
.rating-stars ul {
    list-style-type:none;
    padding:0;

    -moz-user-select:none;
    -webkit-user-select:none;
}
.rating-stars ul > li.star {
    display:inline-block;

}

/* Idle State of the stars */
.rating-stars ul > li.star > i.fa {
    font-size:2em; /* Change the size of the stars */
    color:#777777; /* Color on idle state */
}

/* Hover state of the stars */
.rating-stars ul > li.star.hover > i.fa {
    color:#FFCC36;
}

/* Selected state of the stars */
.rating-stars ul > li.star.selected > i.fa {
    color:#FF912C;
}
img.newratingimages {
    width: 140px;
    border-radius: 50px;
    background: whitesmoke;
}
h1.headeingrating {
    font-size: 35px;
    font-weight: 600;
    color: #ddd;
}
h5.nesa {
    font-size: 15px;
    font-weight: 600;
    color: lightsteelblue;
}
.wavecard {
    width: auto;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.10);
}
.clipcard-body, .wavecard-body {
    padding: 0px;
    color: #777;
    position: relative;
    top: -45px;
    left: 17px;
    font-weight: 100 !important;
}
.wavecard-image {
    height: 240px;
    width: 100%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    -webkit-clip-path: polygon(50% 0%, 100% 0, 100% 43%, 100% 75%, 70% 84%, 34% 64%, 0 78%, 0% 43%, 0 0);
    clip-path: polygon(50% 0%, 100% 0, 100% 43%, 100% 75%, 70% 84%, 34% 64%, 0 78%, 0% 43%, 0 0);
    transition: all 0.5s ease-in-out;
}
.wavecard-image:hover {
    -webkit-clip-path: polygon(50% 0%, 100% 0, 100% 43%, 100% 79%, 66% 65%, 36% 78%, 0 78%, 0% 43%, 0 0);
    clip-path: polygon(50% 0%, 100% 0, 100% 43%, 100% 79%, 66% 65%, 36% 78%, 0 78%, 0% 43%, 0 0);
}
.counternewrating {
    display: flex;
    position: absolute;
    bottom: 80px;
}
h6.snumber {
    font-size: 16px;
    font-weight: 600;
    position: relative;
    left: 15px;
    top: 20px;
}
.ratings-icons.pull-right.mt-2 {
    position: relative;
    left: -15px;
}
strong.numbercount {
    position: absolute;
    top: 17px;
    right: -215px;
    background: #04b1c8;
    padding: 9px;
    padding-left: 13px;
    padding-top: 6px;
    width: 35px;
    height: 35px;
    color: white;
    border-radius: 50px;
}
button.btn.btn-primary.pull-right.mt-3.assd {
    position: relative;
    right: 20px;
}
.slidecontainer {
    width: 50%;
}

.slider {
    -webkit-appearance: none;
    width: 100%;
    height: 10px;
    background: #d3d3d3;
    outline: none;
    border-radius: 10px;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
}

.slider:hover {
    opacity: 1;
}

.slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    background: #37ecfe;
    border-radius: 50px;
    cursor: pointer;
}

.slider::-moz-range-thumb {
    width: 25px;
    height: 25px;
    background: #37ecfe;
    cursor: pointer;
}
strong.tabszxsam {
    position: relative;
    left: 55px;
    top: -20px;
}
/*label.container {*/
/*padding-right: 139px;*/
/*}*/
input.bww {
    position: relative;
    left: 54px;
}

.abc-radio {
    cursor: default;
    padding-left: 4px;
}
.abc-radio input[type="radio"] {
    position: static;
    margin-left: 0;
    cursor: pointer;
    opacity: 0;
    z-index: 1;
}

.form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-right: .3125rem;
    margin-left: 0;
}
.abc-radio label {
    cursor: pointer;
    display: inline;
    vertical-align: top;
    position: relative;
    padding-left: 5px;
}

.form-check-label {
    margin-bottom: 0;
}
.abc-radio-info input[type="radio"]:checked + label::before {
    border-color: #17a2b8;
}
.abc-radio label::before {
    cursor: pointer;
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    top: 2px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #ced4da;
    border-radius: 50%;
    background-color: #fff;
    transition: border 0.15s ease-in-out;
}
.abc-radio-info input[type="radio"]:checked + label::after {
    background-color: #17a2b8;
}
.abc-radio input[type="radio"]:checked + label::after {
    transform: scale(1, 1);
}

.abc-radio-info input[type="radio"] + label::after {
    background-color: #17a2b8;
}
.abc-radio label::after {
    cursor: pointer;
    display: inline-block;
    position: absolute;
    content: " ";
    width: 11px;
    height: 11px;
    left: 3px;
    top: 5px;
    margin-left: -20px;
    border-radius: 50%;
    background-color: #495057;
    transform: scale(0, 0);
    transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}
.tab-card-header > .nav-tabs > li > a.show {
    border-bottom:2px solid #007bff;
    color: #007bff;
}
.tab-card-header > .nav-tabs > li > a:hover {
    color: #007bff;
}

.tab-card-header > .tab-content {
    padding-bottom: 0;
}
img.sheristimgs {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.card12.sssaqswsdcwds {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
.counterdiv {
    margin-bottom: 10px;
}
.counterdiv:hover{
    box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22);
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
h6.nameh6 {
    font-size: 14px;
    font-weight: 600;
}
p.key-featurea {
    font-size: 13px;
    font-weight: 600;
}
.rounfds {
    width: 20px;
    height: 20px;
    background: #36a1a1;
    color: white;
    padding: 21px;
    position: absolute;
    right: 30px;
    top: 200px;
    border: 3px solid #adadad;
    border-radius: 50px;
    cursor: pointer!important;
}
strong.qugdg {
    text-align: center;
    position: absolute;
    left: 8px;
    top: 11px;
    font-size: 14px;
}
.dash-box-jio {
    position: absolute;
    left: 50%;
    top: 40%;
    background: white;
    padding: 10px;
    border-radius: 50px;
    /* border: 3px solid #ddd; */
    transition: all 2s;
    transform: translate(-50%, -50%);
}
/*.dash-box-jio:hover{*/
/*    transform: translateY(-30%) translateX(10%);*/
/*}*/
.modal-dialog.newmodawidth {
    width: 1230px;
    max-width: 100%;
}
.videoh4{
    font-size: 15px;
    font-weight: 600;
    color: #30afd7;
}
p.video_p {
    font-size: 11px;
    font-weight: 600;
}
.card12.video_card {
    border-radius: 0px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
img.video-banner-img.rowsa {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
#youtube:before {
    content: "";
    background: inherit;
    width: 100%;
    height: 100%;
    box-shadow: 0px 10px 40px 0px rgba(76, 70, 124, 0.5);
    display: block;
    z-index: 1;
    position: absolute;
    top: 30px;
    transform: scale(0.9);
    filter: blur(10px);
    opacity: 0.9;
    border-radius: 15px;
}
.close_video {
    border-radius: 50px;
    width: 31px;
    height: 30px;
    text-align: center;
    background: #ffffffd1;
    opacity: 0.9;
    position: absolute;
    right: -16px;
    top: -10px;
    font-size: 19px;
    z-index: 9999999;
    cursor: pointer;
}
.top-right_top {
    position: absolute;
    top: 8px;
    right: 15px;
    background: #8f8e8e96;
    border-radius: 3px 0 0 3px;
    padding: 4px;
    color: white;
    font-weight: 600;
}
.card12.newxard12 {
    border-top-left-radius: 1px;
    border-top-right-radius: 1px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
img.imagesroundnew {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-size: cover;
}
h4.nametextfont {
    font-size: 15px;
    font-weight: 600;
}
h5.nametexth4font {
    font-size: 16px;
    font-weight: 600;
    color: white;
    position: absolute;
    top: 57%;
}
.conterfonth2 {
    position: absolute;
    bottom: 92px;
    right: 38px;
    background: transparent;
    padding: 7px;
    border-radius: 22px;
    width: 40px;
    height: 40px;
    border: 3px solid aquamarine;
    color: white;
}
h6.nametexth6font {
    font-size: 12px;
    font-weight: 600;
}
a.strongpfont {
    position: absolute;
    right: 51px;
    bottom: 21px;
}
a.strongpfonth4 {
    position: absolute;
    right: 51px;
    bottom: 41px;
}
.owl-carousel.owl-nav button,.owl-prev:hover{
    opacity: 3;
}
.owl-carousel.owl-nav button,.owl-next:hover{
    opacity: 3;
}
.owl-carousel.owl-nav button,.owl-prev{
    background: none!important;
    color: white!important;
    border: none!important;
    padding: 0 !important;
    font: inherit!important;
    width: 35px!important;
    height: 35px!important;
    background: #3693a3!important;
    position: absolute!important;
    top: 40%!important;
    left: -13px!important;
    opacity: .4;
    transform: translateY(-50%);

}
.owl-carousel.owl-nav button,.owl-next{
    background: none!important;
    color: white!important;
    border: none!important;
    padding: 0 !important;
    font: inherit!important;
    width: 35px!important;
    height: 35px!important;
    background: #3693a3!important;
    position: absolute!important;
    top: 40%!important;
    right: -18px!important;
    opacity: .4;
    transform: translateY(-50%);

}

.owl-stage-outer {
    position: relative;
    left: 7px;
}
.wacard {
    width: 119px;
    padding: 10px;
    border-radius: 4px;
    height: 130px;
    background: #fffc;
    box-shadow: inset 18px 202px 13px 0px rgba(0, 0, 0, 0.12), 79px -138px 4px rgba(0, 0, 0, 0);
}
.popsaa {
    border-radius: 50%;
    width: 80px!important;
    height: 80px;
    position: relative;
    left: 8px;
}
h6.nametexth6fontq {
    font-size: 11px;
    font-weight: 600;
}
h4.nametextfontq {
    font-size: 13px;
    font-weight: 600;
}
.bg-c-green {
    background: linear-gradient(to right, #0383d4, #1cc9d4);
    padding: 10px;

}

.bg-c-pink {
    background: -webkit-gradient(linear,left top,right top,from(#fe5d70),to(#fe909d));
    background: linear-gradient(to right,#fe5d70,#fe909d);
    padding: 10px;
}
.bg-c-lite-green {
    background: -webkit-gradient(linear,left top,right top,from(#01a9ac),to(#01dbdf));
    background: linear-gradient(to right,#01a9ac,#01dbdf);
    padding: 10px;
}
strong.countermds {
    font-size: 15px;
    color: whitesmoke;
    cursor: pointer!important;
}
h5.nametitle {
    font-size: 15px;
    font-weight: 600;
    cursor: pointer!important;
    color: white;
}
i.newsighnal {
    font-size: 36px;
    color: white;
    cursor: pointer!important;
}
.amargin {
    margin-bottom: 8px;
}
strong.newsfontpointer {
    font-size: 13px;
    margin-left: 34px;
}
i.newboxfolder {
    font-size: 25px;
}
h5.fontitsna {
    font-size: 15px;
    font-weight: 600;
}
.card12.nidround {
    position: relative;
    top: -10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
iframe.ifromvideo {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
/*img.newimagesppto {*/
/*width: 60px;*/
/*position: relative;*/
/*left: 25%;*/
/*top: -19px;*/
/*}*/
h4.pptname {
    font-size: 12px;
}
.col-lg-12.card.card212 {
    padding: 0px 0px 30px 20px;
}
h3.titleq {
    font-size: 15px;
    font-weight: 600;
    margin-top: 10px;
    color: darkgrey;
}
h5.card-title.title12 {
    font-size: 16px;
    font-weight: 600;
}

.tile {
    height: 110px;
    display: table;
    border-radius: 8px;
    width: 100%;
    margin-top: 0!important;
    margin-bottom: 20px!important;
}
.tile .tile-text {
    display: table-cell;
    font-weight: 700;
    color: #fff;
    vertical-align: middle;
    text-align: center;
    border-bottom: 0;
    border-radius: 8px;
    background-color: #000;
    background-size: 100%!important;
    -webkit-background-size: 100% 100%!important;
    background-position: 50% 50%!important;
    transition-duration: .35s;
}
.tile .tile-text .topic-name {
    font-size: 17px;
    line-height: 19px;
    text-shadow: 0 0 13px rgba(0,0,0,.55);
    font-weight: 700;
}
.tile .tile-text:hover {
    text-decoration: none;
    background-size: 115%!important;
    -webkit-background-size: 115% 115%!important;
}
.no-touch .tile-text {
    cursor: pointer;
}
.tile .tile-text:hover .topic-heading {
    visibility: visible;
    opacity: 1;
    margin-top: 0;
    height: 25px;
    text-shadow: 0 0 13px #000;
    font-weight: 300;
}
.tile .tile-text .topic-heading {
    visibility: hidden;
    opacity: 0;
    margin-top: -20px;
    transition-duration: .35s;
}
.pull-left.newtabname {
    background: transparent;
    color:  #23bcd4 ;
    font-weight: 600;
    font-size: 11px;
    border: 2px solid  #777777 !important;
}
.pull-right.newtabname {
    background: transparent;
    color:  #23bcd4 ;
    font-weight: 600;
    font-size: 11px;
    border: 2px solid  #777777 !important;
}
button.btn.btn-primary.pull-left.newtabname:hover {
    background: #32adad!important;
    color: white;
    border: 2px solid #60b6ae!important;
}
button.btn.btn-primary.pull-right.newtabname:hover {
    background: #32adad!important;
    color: white;
    border: 2px solid #60b6ae!important;
}
.card-fotter1 {
    padding: .25rem 1.25rem;
    background-color: rgba(0,0,0,.03);
    border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.newcard-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
    padding-bottom: 0px;
}
small.source_samll {
    font-weight: 400;
    font-size: 11px;
    color: #878787;
    width: 100%;
    overflow: hidden;
    text-transform: capitalize;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
h6.source_link {
    color: #555;
    font-size: 13px;
    text-transform: capitalize;
    position: relative;
    margin-bottom: 5px;
    font-weight: 600;
}
a.btn.pull-right.newtabname.d {
    padding: 0.1rem 1rem;
    font-size: 10px;
}
.small-box.small-box-wrap {
    display: inline-block;
    position: relative;
    width: 100%;
    margin: 30px 0;
    box-shadow: 0 4px 20px 1px rgba(0, 0, 0, .06), 0 1px 4px rgba(0, 0, 0, .08)!important;
    border-radius: 5px;
    color: rgba(0, 0, 0, 0.87);
    background: #fff;
}
.small-box {
    border-radius: 2px;
    position: relative;
    display: block;
    margin-bottom: 20px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.small-box.small-box-wrap>.inner {
    text-align: center;
    padding-top: 10px;
    color: #3c8dbc;
    padding: 7px 10px;
    float: right;
}
.small-box h3 {
    font-size: 13px;
    font-weight: 600;
    color: darkgrey;
    margin: 0 0 10px 0;
    white-space: nowrap;
    padding: 0;
}
.small-box p {
    font-size: 12px;
    font-weight: 600;
}
.small-box.small-box-wrap.small-box0 .icon {
    background: linear-gradient(to top, rgb(140, 235, 213), #1d9af1);
}
.small-box.small-box-wrap.small-box1 .icon {
    background: linear-gradient(to top, rgb(61, 165, 246), #85e3d6);
}
.small-box.small-box-wrap.small-box2 .icon {
    background:  linear-gradient(to top, #0383d4, #1cc9d4);
}
.small-box.small-box-wrap.small-box3 .icon {
    background: linear-gradient(to top, #6699ff, #00ffcc)
}
.small-box.small-box-wrap.small-box4 .icon {
    background:  linear-gradient(60deg,#26c6da,#00acc1)
}
.small-box.small-box-wrap .icon {
    float: left;
    text-align: center;
    background: linear-gradient(60deg,#26c6da,#00acc1);
    box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
    margin: -20px 0px 0px 15px;
    border-radius:7px;
    padding: 15px;
    background-color: #999999;
    position: relative;
    top: auto;
    right: auto;
    font-size: 0px;
}
.small-box .icon {
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    position: absolute;
    top: -10px;
    right: 10px;
    z-index: 0;
    font-size: 90px;
    color: rgba(0, 0, 0, 0.15);
}
.small-box-wrap .icon .ion.ion-android-mail, .small-box-wrap .icon .fa {
    font-size: 28px;
    line-height: 36px;
    width: 36px;
    height: 36px;
    color: #fff;
}
.card.newcard12s {
    border-radius: 5px;
}
img.data_images {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    height: 140px;
}
.card.cardq12 {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
h5.card-title {
    font-size: 14px;
    font-weight: 600;
    padding: 10px 10px 0px 10px;
}
p.card_small {
    font-size: 11px;
    padding-left: 10px;
}
a.engagement_text {
    padding: 0px 0px 0px 10px;
    position: relative;
    top: -10px;
    text-transform: capitalize;
    font-size: 13px;
    color: #777777;
}
a.srtong_teta {
    padding: 0px 0px 0px 10px;
}
a.pull-rights {
    padding: 0px 20px 0px 0px;
}
.pull-right.newfontsa {
    position: relative;
    top: -20px;
}
.newfastar {
    font-size: 15px!important;
}
a.engagement_text1 {
    position: absolute;
    right: 0;
    bottom: 42%;
    font-size: 13px;
    padding: 0px 15px;
    color: #777777;
}
img.cardoimages_new {
    width: 100%;
    height: 200px;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}
.newpadd {
    padding: 15px;
}
.rights {
    position: absolute;
    right: 15px;
    bottom: 10px;
}
.modal.left .modal-dialog {
    position: fixed;
    margin: auto;
    width: 50%;
    height: 100%;
    max-width: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
    animation: mymove 1s;
    animation-iteration-count: 1;
}

.modal.left .modal-content {
    height: 100%;
    overflow-y: auto;
}

.modal.left .modal-body {
    width: 100%;
}


/*Right*/
.modal.left.fade .modal-dialog {
    right: 0px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 10s linear, right 3s ease-out;

}
@keyframes mymove {
    from {right: -100%;}
    to {right: -0%;}
}
.item.selfie.col-lg-3.col-md-4.col-6.col-sm img {
    width: 100%!important;
    height: 100px;
    border-radius: 4px;
}
.item.selfie.col-lg-3.col-md-4.col-6.col-sm {
    margin-bottom: 15px;
    margin-right: -13px;
    margin-left: 8px;
}
.owl-item .item {
    padding: 10px;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 1px solid #ffffff!important;
    background: #fff!important;
    font-weight: 600!important;
    color: #888888!important;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 45%;
    background: whitesmoke;
    border: none;
    padding: 4px;
    border-radius: 4px;
    color: #777777;
    text-transform: capitalize!important;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #67bec5!important;
    background: #33afd0!important;
    color: #fff!important;
    border-radius: 4px;
    text-align: center;
}
a.ui-state-default:hover {
    background: #31acff !important;
    border: 1px solid #31acff !important;
    color: #fff!important;
    border-radius: 4px;
}
table.ui-datepicker-calendar tbody a {
    text-align: center;
}
.page-link:focus {
    z-index: 2!important;
    outline: 0!important;
    box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.25)!important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
    border: 1px solid #4285f4!important;
    color: #fff!important;
    background-color: #4285f4!important;
    border-radius: .125rem!important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #dcdcdc));
    background: -webkit-linear-gradient(top, white 0%, #dcdcdc 100%);
    background: -moz-linear-gradient(top, white 0%, #dcdcdc 100%);
    background: -ms-linear-gradient(top, white 0%, #dcdcdc 100%);
    background: -o-linear-gradient(top, white 0%, #dcdcdc 100%);
    background: linear-gradient(to bottom, #1780f9 0%, #1583f3 100%);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12)!important;
    transition: all 0.2s linear!important;
}


.chat--box {
    display: flex;
    margin-bottom: 20px;
    position: relative;
}

.chat--box .profile--pic{
    width: 52px;
    height: 52px;
    padding: 5px;
    border-radius: 50%;
    background-color: #e5e5e5;
    margin-right: 8px;
    margin-top: 3px;
    border: 2px solid #e5e5e5;
    position: relative;
}

.chat--box .profile--pic:before{
    content: "";
    position: absolute;
    top: 50%;
    right: -20px;
    width: 25px;
    height: 20px;
    background-color: #e5e5e5;
    transform: translateY(-50%);
}

.chat--box .profile--pic img{
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.chat--box .chat--text{
    max-width: 70%;
    min-width: 200px;
    padding: 10px 20px;
    background-color: #e5e5e5;
    border-radius: 30px;
    min-height: 58px;
}

.chat--box .chat--text p {
    margin: 0;
}

.chat--box.send--byme {
    flex-direction: row-reverse;
}

.chat--box.send--byme .profile--pic {
    margin-right: 0;
    margin-left: 8px;
}

.chat--box.send--byme .profile--pic:before {
    right: auto;
    left: -20px;
}

.chat--box > button.action--trigger {
    background: white;
    border: none;
    padding: 4px;
    height: 33px;
    border-radius: 10px;
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0;
    display: none;
    outline: none;
}

.chat--box > button.action--trigger span {
    width: 4px;
    height: 4px;
    background: black;
    display: block;
    border-radius: 50%;
    position: relative;
}

.chat--box > button.action--trigger span:before, .chat--box > button.action--trigger span:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: black;
    left: 0;
}

.chat--box > button.action--trigger span:before {
    top: -8px;
}

.chat--box > button.action--trigger span:after {
    bottom: -8px;
}

.chat--box > button.action--trigger:hover {
    background: rgba(0,0,0,0.1);
}

.chat--box:hover > button.action--trigger {
    opacity: 1;
    display: block;
}

.chat--content {
    /*display: none;*/
    position: absolute;
    background-color: #e5e5e5;
    min-width: 100px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    right: 10px;
    opacity: 0;
    display: none;
    transition-duration: 200ms;
}
.chat--content.action--show{
    opacity: 1;
    display: block;
}
.chat--content a {
    color: black;
    padding: 5px 16px;
    text-decoration: none;
    display: block;
}
.chat--content a i{
    margin-right: 10px;
}
.chat--content a:hover {background-color: #ddd;}

.chat--box.send--byme > button.action--trigger {
    right: auto;
    left: 0;
}

.chat--box.send--byme > .chat--content {
    right: auto;
    left: 10px;
}
.chat-form textarea:focus{
    background: rgba(255, 244, 211, 0.04);
}
.chat-form button {
    padding: 11px 15px;
    font-size: 15px;
    color: #fff4d3;
    border: none;
    margin: 0 5px;
    margin-top: -36px;
    border-radius: 3px;
    cursor: pointer;
    -webkit-transition: background .2s ease;
    -moz-transition: background .2s ease;
    -o-transition: background .2s ease;
}
.fc-event {
    position: relative;
    display: block;
    font-size: .65em;
    line-height: 1.3;
    padding: 2px!important;
    color: white!important;
    border-radius: 3px;
    border: 1px solid #3a87ad!important;
}
.swal-text {
    font-size: 12px;
    position: relative;
    float: none;
    line-height: normal;
    vertical-align: top;
    text-align: left;
    display: inline-block;
    margin: 0;
    padding: 0 10px;
    font-weight: 400;
    color: rgb(196, 196, 196);
    max-width: calc(100% - 20px);
    overflow-wrap: break-word;
    box-sizing: border-box;
}
.fc-state-default.fc-corner-right {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    background: #002b80 !important;
    color: #fffeee!important;
    font-size: 12px;
    text-transform: capitalize;
    height: 25px;
}
.fc .fc-button-group>* {
    float: left;
    margin: 0 0 0 -1px;
    height: 25px;
    font-size: 12px;
    text-transform: capitalize;
    background: #002b80!important;
    color: #ffffee!important;
}


.fc .fc-button-group>:first-child {
    border-top-right-radius: 4px;
    width: auto;
    border-bottom-right-radius: 4px;
    height: 25px;
    font-size: 12px;
    text-transform: capitalize;
    background: darkblue;
    color: #ffffee;
}
.swal-button {
    background-color: #48b1bc;
    color: #fff;
    border: none;
    box-shadow: none;
    border-radius: 3px!important;
    font-weight: 600;
    font-size: 14px;
    outline: none!important;
    padding: 5px 20px;
    margin: 0;
    cursor: pointer;
}
.swal-title {
    color: rgb(157, 157, 157);
    font-weight: 600;
    text-transform: capitalize!important;
    position: relative;
    font-size: 12px;
    line-height: 2;
    text-align: center;
    padding: 20px;
    margin-bottom: 0;
}
.fc-scroller.fc-day-grid-container {
    overflow: hidden;
    height: 270px!important;

}
#calendar {
    max-width: 100%!important;
    margin: 0 auto;
    margin-bottom: 20px;
}
.fc-row.fc-week.fc-widget-content.fc-rigid {
    height: 45px!important;
}
.hoverEffect {
    font-size: 29px;
    position: absolute;
    margin: 30px 55px;
    cursor: pointer;
}
.small-box.small-box-wrap {
    display: inline-block;
    position: relative;
    width: 100%;
    margin: 30px 0;
    box-shadow: 2px 10px 40px 2px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    color: rgba(0, 0, 0, 0.87);
    background: #fff;
}
.small-box {
    border-radius: 2px;
    position: relative;
    display: block;
    margin-bottom: 20px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.small-box.small-box-wrap>.inner {
    text-align: center;
    padding-top: 10px;
    color: #3c8dbc;
    padding: 15px 10px;
    float: right;
}
.small-box h3 {

    font-weight: bold;
    margin: 0 0 10px 0;
    white-space: nowrap;
    padding: 0;
}
.small-box p {
    font-size: 14px;
    font-weight: 600;
}

.small-box.small-box-wrap.small-box2 .icon {
    background:  linear-gradient(to top, #0383d4, #1cc9d4);
}
.small-box.small-box-wrap.small-box3 .icon {
    background: linear-gradient(to top, #6699ff, #00ffcc)
}
.small-box.small-box-wrap.small-box4 .icon {
    background:  linear-gradient(to top, #fb8c00, #ffe543);
}
.small-box.small-box-wrap .icon {
    float: left;
    text-align: center;
    background: linear-gradient(60deg, #ffa726, #fb8c00);
    box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
    margin: -20px 0px 0px 15px;
    border-radius:7px;
    padding: 15px;
    background-color: #999999;
    position: relative;
    top: auto;
    right: auto;
    font-size: 0px;
}
.small-box .icon {
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    position: absolute;
    top: -10px;
    right: 10px;
    z-index: 0;
    font-size: 90px;
    color: rgba(0, 0, 0, 0.15);
}
.small-box-wrap .icon .ion.ion-android-mail, .small-box-wrap .icon .fa {
    font-size: 28px;
    line-height: 36px;
    width: 36px;
    height: 36px;
    color: #fff;
}
.activityarea{
    line-height: 18px;
    height: 250px;
    overflow: auto
}
.activityareainact{
    line-height: 18px;
    height: 158px;
    overflow: hidden
}
textarea#chat_msg {
    width: 90%;
    resize: none;
    padding: 4px !important;
    outline: none;
    border: 1px solid #dddddd;
    text-indent: 5px;
    box-shadow: none;
    height: 100%;
    font-size: 12px;
    overflow-x: hidden;
    overflow-y: scroll;
}
textarea#chat_msg::-webkit-scrollbar{
    width: 5px;
}
textarea#chat_msg::-webkit-scrollbar-thumb{
    border-radius: 5px;
    background: rgba(0,0,0,.1);
}
div#chatlogs::-webkit-scrollbar{
    width: 5px;
}
div#chatlogs::-webkit-scrollbar-thumb{
    border-radius: 5px;
    background: rgba(0,0,0,.1);
}
div#chatlogs {
    height: 400px;
    overflow-y: auto;
    max-height: 100%;
}
a.new--button {
    border: 2px solid #dddddd;
    margin-right: 5px;
    padding: 5px;
    background: #dddddd;
    color: #171f1a;
    font-size: 12px;
    border-radius: 4px;
}
a.new--button.active {
    background: #23bcd4;
    border: 2px solid #23bcd4;
    color: #fff;
    outline: none;
    padding: 5px;
}
div#CHatboard {
    box-shadow: 0 4px 20px 1px rgba(0, 0, 0, 0), 0 1px 4px rgba(0, 0, 0, 0.17);
}
.hovershow{
    display: none;

}
.newgri{
    position: relative;
}
.lis {
    position: absolute;
    right: 100%;
    width: 335px;
    z-index: 99;
    top: 0;
    display: none;
}
.lis h5 {
    font-size: 14px;
    font-weight: 600;
    margin-right: 45px;
    margin-left: 8px;
    color: #b4b4b4;
}
.lis img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.newgri small.lastsmall {
    position: absolute;
    left: 78px;
    top: 32px;
    font-size: 12px;
    color: grey;
}
.listtd{
    position: relative;
}
.lis .list-group-item{
    padding: .75rem .65rem;
}
button.closebutton {
    width: 27px;
    height: 27px;
    line-height: 20px;
    border-radius: 83px!important;
    background: #d0cfcffa;
    border: 2px solid #ddd;
    position: absolute;
    left: 316px;
    top: -11px;
    z-index: 9;
    color: white;
}
.data---table .dataTables_filter {
    position: relative;
    left: 0px;
    top: 11px;
    margin-right: 25px;
}
.data---table input {
    width: 138px!important;
}
.data---table div#DataTables_Table_0_wrapper {
    margin-right: 15px;
}
.data---table div#DataTables_Table_1_wrapper {
    margin-right: 12px;
}
.card23 {
    border: 0;
    margin: 18px 0;
    box-shadow: 0 6px 0 0 rgba(0,0,0,.01), 0 15px 32px 0 rgba(0,0,0,.06);
    border-radius: 4px;
}

.bg-primary {
    background-color: #009da0!important;
}
.card23 {
    font-size: 1rem;
    font-weight: 400;
}
.text-center {
    text-align: center!important;
}
.card23 {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
}

/*new card view invite for collaborate*/
.containera {
    width: 100%;
    margin: 35px auto 120px;
    background-color: #fff;
    padding: 0 20px 20px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.18);
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.18);
    text-align: center;
}
.containera:hover .avatar-flip {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
}
.containera:hover .avatar-flip img:first-child {
    opacity: 1;
}
.containera:hover .avatar-flip img:last-child {
    opacity: 1;
}
.avatar-flip img{
    width: 100%;
    height: 100%;
}
.avatar-flip {
    border-radius: 100px;
    overflow: hidden;
    height: 60px;
    width: 60px;
    position: relative;
    margin: auto;
    top: -30px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    box-shadow: 0 0 0 13px #f0f0f0;
    -webkit-box-shadow: 0 0 0 6px #f0f0f0;
    -moz-box-shadow: 0 0 0 6px #f0f0f0;
}
.avatar-flip img {
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 100px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}

.h2a {
    font-size:14px;
    font-weight: 600;
    margin-bottom: 15px;
    color: #3333336e;
}
.h4a {
    font-size: 11px;
    color: #00baff;
    letter-spacing: 1px;
    margin-bottom: 0px
}
.pa {
    font-size: 13px;
    line-height: 26px;
    margin-bottom: 0px;
    color: #66666696;
}
.labelabso {
    position: absolute;
    top: 20%;
    right: 20%;
}
/*modal red*/
.md-modal {
    position: fixed;
    bottom: -400px;
    left: 50%;
    width: 50%;
    max-width: 100%;
    min-width: 99%;
    height: 500px;
    z-index: 2000;
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.md-show {
    visibility: visible;
}
.md-content {
    color: #fff;
    background: #e74c3c;
    position: relative;
    border-radius: 3px;
    margin: 0 auto;
    -webkit-transform: translateY(20%);
    -moz-transform: translateY(20%);
    -ms-transform: translateY(20%);
    transform: translateY(20%);
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.md-show .md-content {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}

.newcenterpos{
    position: absolute;
}
h6.video_h6.pull-right {
    font-size: 10px;
    font-weight: 600;
    color: #30afd6;
    cursor: pointer;
    position: relative;
}
.video_divstart{
    position: absolute;
    left: 130%;
    width: 335px;
    z-index: 99;
    top: -20px;
    padding: 5px;
    background: #ffffff;
    border-radius: 6px;
    box-shadow: 0 4px 20px 1px rgba(0, 0, 0, 0.14), 0 1px 4px rgba(0, 0, 0, 0.17)!important;
}
.video_divstart:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #ffffff;
    position: absolute;
    top: 20px;
    left: -12px;
}
img.video-list-image {
    width: 30px;
    border-radius: 50%;
    margin-right: 15px;
}
.video_width {
    width: 35px;
    height:35px;
    background: transparent;
    border: 2px solid #ddd;
    border-radius: 82%!important;
    font-size: 25px;
    color: #3bb5b5;
    transition: 200ms;
    outline: none!important;
    line-height: 32px;
}
.video_width:hover{
    border: 2px solid #3bb5b5;
    font-size: 23px;
    transform: scale(1);
}
.video_width i:hover{
    cursor: pointer;
}
span.video_span-name {
    font-size: 13px;
    font-style: normal;
    color: #999898;
}
div.spaname {
    color: #939393;
    font-size: 10px;
    font-weight: 600;
}


.list-group{

    overflow-x: hidden;
    overflow-y: scroll;
}
.list-group::-webkit-scrollbar{
    width: 5px;
}
.list-group::-webkit-scrollbar-thumb{
    border-radius: 5px;
    background: rgba(0,0,0,.1);
}
.container-video {
    position: relative;
    margin: auto;
    overflow: hidden;
    background: #f5f5f5;
    box-shadow: 5px 5px 15px rgba(101, 166, 186, 0.5);
    border-radius: 10px;
}
.product-video p {
    font-size: 11px;
    font-weight: 600;
    color: rgb(163, 163, 163);
    letter-spacing: 1px;
}
.product-video h1 {
    font-size: 16px;
    font-weight: 600;
    color: #3990c5;
    margin-top: -5px;
}

.images-video img {
    width: 290px;
    border-radius: 10px;
}


.product-video {
    position: absolute;
    width: 40%;
    height: 100%;
    top: 10%;
    left: 60%;
}
.desc-video {
    text-transform: none;
    letter-spacing: 0;
    margin-bottom: 17px;
    color: #4E4E4E;
    font-size: .7em;
    line-height: 1.6em;
    margin-right: 25px;
    text-align: justify;
}
span.icon-video-paly {
    position: absolute;
    left: 18%;
    top: 36%;
}
.videaaa-divcard{
    background: #f5f5f5;
    padding: 5px;
    box-shadow: 5px 5px 15px rgba(169, 169, 169, 0.32);
    border-radius: 10px;
}
h6.video_h6.show-visesaa.pt-2 {
    font-size: 14px;
    color: #3b91e9;
    font-weight: 600;
    cursor: pointer;
    border: 2px solid #ddd;
    line-height: 15px;
    text-align: center;
    padding: 12px;
    width: 170px;
}
h6.video_h6.show-visesaa.pt-2:hover{
    text-decoration: underline;
    background: #3b91e9;
    color: #ffffff;
    border-radius: 4px;
    border: 0px;
}
/*new header css Start by Amit */
header {
    background-color: white;
}
header nav.main-navbar {
    display: flex;
    width: 100%;
    height: 70px;
    justify-content: space-between;
    padding: 0.5rem 1rem;
    align-items: center;
    background-color: white;
    position: relative;
}
.menu--trigger {
    display: none;
    position: absolute;
    top: 20px;
    right: 20px;
    width: 40px;
    height: 30px;
    background: transparent;
    line-height: 30px;
    border: none;
    padding: 0;
    outline: none;
    z-index: 9999;
}

.menu--trigger:focus {
    outline: none;
}

.menu--trigger span.bar {
    display: block;
    width: 30px;
    height: 3px;
    background-color: #777777;
    position: relative;
    transition-duration: 300ms;
}

.menu--trigger span.bar:before, .menu--trigger span.bar:after {
    content: "";
    position: absolute;
    height: 3px;
    left: 0;
    background-color: #777777;
    transition-duration: 300ms;
}

.menu--trigger span.bar:before {
    width: 40px;
    top: -10px
}

.menu--trigger span.bar:after {
    width: 20px;
    bottom: -10px
}

.menu--trigger.triggered span.bar {
    background: transparent;
}

.menu--trigger.triggered span.bar:before, .menu--trigger.triggered span.bar:after {
    width: 30px;
}

.menu--trigger.triggered span.bar:before {
    top: 0;
    transform: rotate(45deg);
}

.menu--trigger.triggered span.bar:after {
    bottom: 0;
    transform: rotate(-45deg);
}

header nav.main-navbar .second--logo {
    height: 100%;
}
header nav.main-navbar .second--logo img {
    height: 100%;
}
header nav.main-navbar .navigation ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
header nav.main-navbar .navigation ul li {
    display: inline-block;
    margin-right: 1rem;
}
header nav.main-navbar .navigation ul li a {
    display: inline-block!important;
    padding: 0.5rem!important;
    font-size: 1.3rem!important;
    font-weight: 600!important;
    letter-spacing: 0.3px!important;
    text-decoration: none!important;
    color: #777777!important;
}

header nav.main-navbar.nav--fixed {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    animation: navReveal 0.2s;
}

@keyframes navReveal {
    from {
        top: -70px;
    }
    to {
        top: 0;
    }
}

header .client-navbar {
    background-color: #3bb5b5;
    background: linear-gradient(to right, #1bacb1, #33afd0, #3bb5b57a);
    display: flex;
    padding: 0.5rem 3rem;
}
header .client-navbar .client--profile {
    width: 54px;
    height: 54px;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    margin-right: 25px;
}
header .client-navbar .client--profile img {
    width: 100%;
}
header .client-navbar .client--desc span{
    display: block;
    color: white;
}
header .client-navbar .client--desc span.client--name {
    text-transform: uppercase;
    font-size: 1.4rem;
}
header .client-navbar .client--desc span.client--desg {
    font-size: 0.8rem;
}

@media screen and (max-width: 768px) {
    .menu--trigger {
        display: inline-block;
    }
    header nav.main-navbar {
        padding-right: 80px;
    }
    header nav.main-navbar .navigation {
        position: fixed;
        width: 80%;
        height: 100%;
        top: 0;
        bottom: 0;
        right: -80%;
        background-color: white;
        display: flex;
        flex-direction: column;
        justify-content: center;
        transition-duration: 300ms;
        z-index: 9998;
    }
    header nav.main-navbar .navigation ul li{
        display: block;
        margin: 0;
    }
    header nav.main-navbar .navigation ul li a{
        display: block;
        font-size: 1.2rem;
        padding-left: 100px;
        opacity: 0;
    }

    header nav.main-navbar .navigation.menu--open {
        right: 0;
    }

    header nav.main-navbar .navigation.menu--open ul li a {
        opacity: 1;
        padding-left: 40px;
        transition-duration: 200ms;
    }

    header nav.main-navbar .navigation.menu--open ul li:nth-of-type(1) a,
    header nav.main-navbar .navigation.menu--open ul li:nth-of-type(4) a,
    header nav.main-navbar .navigation.menu--open ul li:nth-of-type(8) a{
        transition-delay: 300ms;
    }

    header nav.main-navbar .navigation.menu--open ul li:nth-of-type(2) a,
    header nav.main-navbar .navigation.menu--open ul li:nth-of-type(7) a,
    header nav.main-navbar .navigation.menu--open ul li:nth-of-type(9) a{
        transition-delay: 400ms;
    }

    header nav.main-navbar .navigation.menu--open ul li:nth-of-type(3) a,
    header nav.main-navbar .navigation.menu--open ul li:nth-of-type(5) a,
    header nav.main-navbar .navigation.menu--open ul li:nth-of-type(6) a{
        transition-delay: 500ms;
    }

}
/*new header css end by Amit */
.card-header{
    background: #ffffff;
}
.card-footer{
    background: #ffffff;
}
.icon-icon {
    float: left;
    text-align: center;
    background: linear-gradient(60deg, #ffa726, #fb8c00);
    box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
    margin: -20px 0px 0px 15px;
    border-radius: 7px;
    padding: 15px;
    background-color: #999999;
    position: relative;
    top: auto;
    right: auto;
    font-size: 0px;
}
.icon-icon .fa{
    font-size: 28px;
    line-height: 36px;
    width: 36px;
    height: 36px;
    color: #fff;
}
.icon1{
    background: linear-gradient(to top, #0383d4, #1cc9d4);
}
.icon2{
    background: linear-gradient(to top, #6699ff, #00ffcc);
}
.icon3{
    background: linear-gradient(to top, rgb(0, 167, 212),rgba(0, 232, 255, 0.42));
}
.case-study .case-logo button {
    margin-left: 9px;
    background: transparent;
    padding: 0.1rem 1rem;
    font-size: 12px;
    border: 2px solid #ddd;
    color: #8c8c8c;
}
.case-study .case-logo button:nth-child(1):hover {
    color: green;
    border: 2px solid green;

}
div#DataTables_Table_4_wrapper {
    clear: both;
}
.case-study .case-logo button:nth-child(2):hover {
    color: green;
    border: 2px solid green;

}
.case-study .case-logo button:nth-child(3):hover {
    color: green;
    border: 2px solid green;

}
.case-study .case-logo button:last-child:hover {
    color: red;
    border: 2px solid red;

}
.viewallbuttonrightintable {
    background: transparent;
    color: #959393;
    padding: 0.1rem 1rem;
    border: 2px solid #bebebe;
    font-size: 0.8em;
    float: right;
    margin-bottom: 10px;
}
.text_newforbg h4 {
    font-size: 0.8em;
    font-weight: 600;
    margin: 0;
}
.text_newforbg span{
    font-size: .5em;
    font-weight: 600;

}
.case-study {
    margin-top: 20px;
    margin-bottom: 20px;
    transition: 0.3s;
    padding: 10px;
    height: auto;
    overflow: hidden;
    position: relative;
}
.case-study:hover{
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
}
.case-image img {
    width: 100%;
    height: 130px;
    display: block;
}
.case-study .case-image {
    margin: -10px -10px 15px;
}
.case-study .case-desc {
    font-size: .8em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.case-study .inner-card {
    overflow: hidden;
}
.case-study .case-logo {
    display: flex;
    justify-content: flex-end;
    margin-top: 15px;
    font-size: 12px;
    color: green;
}
.case-study .read-more {
    float: right;
    padding-top: 20px;
    font-size: 1em;
}
.overlay_bffordiv {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 130px;
    opacity: 0;
    width: 100%;
    transition: .5s ease;
    background-color: #000;
}

.case-study:hover .overlay_bffordiv {
    opacity: .7;
    overflow: hidden;
}
.text_newforbg {
    color: white;
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}
.nsx{
    display: none;
}
.training--metas {
    display: flex;
    flex-wrap: wrap;
}

.training--metas div {
    width: 33%;
    margin-bottom: 10px;
}

.training--metas div h5 {
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 5px;
}

.training--metas div p {
    font-size: 10px;
    margin-bottom: 0;
}
.modal.left .modal-dialog {
    position: fixed;
    margin: auto;
    width: 50%;
    height: 100%;
    max-width: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
    animation: mymove 1s;
    animation-iteration-count: 1;
}

.modal.left .modal-content {
    height: 100%;
    overflow-y: auto;
}

.modal.left .modal-body {
    width: 100%;
}


/*Right*/
.modal.left.fade .modal-dialog {
    right: 0;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 10s linear, right 3s ease-out;

}
@keyframes mymove {
    from {right: -100%;}
    to {right: -0%;}
}

.list-leaces {
    display: flex;
}
.all--leves {
    width: 180px;
    border: 1px solid #777777;
    height: 110px;
    margin-bottom: 20px;
    margin-right: 20px;
    text-align: center;
    border-radius: 4px;
}
.all--leves img {
    width: 30px;
}
.all--leves p{
    font-size: 11px;
}

h2.title--leveas {
    border-bottom: 2px solid #00a8d4;
    width: 120px;
    font-size: 14px;
    margin-bottom: 30px;
    font-weight: 600;
    padding: 3px;
}
.parmeters--all {
    display: flex;
}
.all--parmets {
    background: #ddd;
    margin: 0px 20px 20px 0px;
    text-align: center;
    border-radius: 4px;
    width: 100%;
    cursor: pointer;
    padding: 0 0px 9px 0px;
}
.all--parmets i {
    font-size: 40px;
    color: #fff;
    margin-top: 20px;
}
.all--parmets h2 {
    font-size: 13px;
    font-weight: 600;
    padding: 20px;
    color: #fff;
}
.all--parmets a {
    padding: 0.1rem 1rem;
}
.ft-recipe__content {
    padding: 20px;
    margin: 0;
}
h2.recipe-title {
    font-size: 11px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #999;
}
/*h2.recipe-title:before {*/
/*    position: absolute;*/
/*    content: '';*/
/*    width: 10%;*/
/*    height: 2px;*/
/*    background: #bebebe73;*/
/*    top: 47%;*/
/*}*/
p.description {
    font-size: 11px;
    color: #777777;
}
.ft--fotter {
    display: flex;
    width: 100%;
    margin: 0;
}
footer.content__footer button {
    font-size: 11px;
    margin-right: 15px;
    background: transparent;
    border: 2px solid #777777;
    padding: 0.1rem 1.3rem;
    color: #999;
    outline: none;
    cursor: pointer;
}
.imgx {
    vertical-align: text-bottom;
    width: 100%;
    height: 100px;
}
.ft-recipe {
    width: 16%;
    height: 250px;
    margin: 0 14px 0 0;
    box-shadow: 0 0 88px 0 rgba(0, 0, 0, 0.1607843137254902);
    flex-direction: column;
    background: white;
}
.add--paramiters h3 {
    font-size: 20px;
    font-weight: 600;
}
.add--paramiters p {
    font-size: 13px;
}
.add--paramiters li {
    font-size: 12px;

    line-height: 20px;
}
.oaj{
    list-style-type:decimal;
}
.oj{
    list-style-type:upper-alpha!important;
}
.ojs{
    list-style-type: lower-roman;
}
.add--paramiters {
    padding: 20px;
}
.card.newx--card {
    width: 170px;
    height: 120px;
    margin-right: 33px;
    padding: 20px;
}
h4.small--cardname {
    font-size: 12px;
    color: grey;
    font-weight: 600;
    text-transform: capitalize;

}
.icon---new {
    justify-content: end;
    text-align: end;
    display: flex;
}
.icon---new .fa {
    display: block;
    cursor: pointer;
    margin: 10px;
    position: relative;
    top: 0;
    right: 5%;
}
strong.nedjjj {
    margin-bottom: 0;
    position: relative;
    top: 0;
}
i.fa.fa-user.fa-2x.radism {
    font-size: 20px;
    margin-right: 5px;
    border: 2px solid #6fc7d5;
    color: #65c2d3;
    border-radius: 100px;
    width: 25px;
    height: 25px;
    text-align: center;
}
.chosen-container-single .chosen-single {
    background: transparent!important;
    border: 0!important;
    box-shadow: none!important;
}
.chosen-container {
    width: 100% !important;
    border-radius: 19px;
}
.on{
    display: none;
}
img.logout--images {
    width: 35px;
    height: 35px;
    border-radius: 51%;
    transition: all .2s ease-in-out;
}
img.logout--images:hover {
    width: 35px;
    height: 35px;
    border-radius: 51%;
    transform: scale(1.2);
}
.login--card {
    position: absolute;
    right: -100%;
    width: 300px;
    z-index: 99;
    top: 45px;
    -webkit-box-shadow: 7px 6px 18px -1px rgba(176,174,176,1);
    -moz-box-shadow: 7px 6px 18px -1px rgba(176,174,176,1);
    box-shadow: 7px 6px 18px -1px rgba(176,174,176,1);
    border-radius: 4px;
    overflow: hidden;
}
.log--header {
    background-repeat: no-repeat;
    width: 100%;
    position: relative;
    padding: 20px;
    background: linear-gradient(to right, #0383d4 0%, #1cc9d4 100%);
}

.kt-user-card__avatar img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    z-index: 99;
}
.logindd-ami {
    position: absolute;
    left: 28%;
    top: 15px;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    width: 100%;
}
.login--body {
    background: #fff;
    /*padding: 5px 20px 10px 20px;*/

}
h2.login--name.text-light {
    color: #fff!important;
    font-weight: 600;
    font-size: 20px;
}
p.log--emailname {
    font-size: 10px;
}
.log-inicon:hover {
    background: #eee;

}
.log-inicon{
    position: relative;
    display: flex;
    align-items: center;
}
.left-login {
    margin: 10px 20px;
    color: #14b3d3;
    font-size: 20px;
    width: 8%;
}
.right-login {
    line-height: 0;
}
.right-login p{
    font-size: 11px;
}
.login--logoutbtn {
    position: absolute;
    background: #0ca5d4;
    padding: 5px 25px;
    text-align: center;
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    border-radius: 3px;
    border: 0;
    right: 7px;
    bottom: 7px;
    margin-top: -13px;
    margin-left: -10px;
    box-shadow: -10px 20px 15px rgba(17, 124, 233, 0.3);
}
.login--logoutbt{
    background: #0ca5d48f;
    padding: 5px 25px;
    text-align: center;
    display: inline-block;
    font-size: 11px;
    font-weight: 600;
    color: #fff;
    border-radius: 3px;
    border: 0;
    right: 7px;
    box-shadow: 0 11px 15px rgba(17, 124, 233, 0.3);
    margin-right: 15px;
}
.login--footer {
    padding: 20px;
    background: #fff;
}
.card-directory {
    background: #fff;
    box-shadow: 5px 5px 30px #aaaaaa7a;
    padding: 20px;
    height: auto;
    margin-bottom: 30px;
    position: relative;
}
img.uxserbaseimages {
    width: 50px;
    height: 50px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    border-radius: 50%;
}
h3.demoarsss {
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    margin-top: 10px;
    color: #828282;
}
.icon--flex {
    display: flex;
    justify-content: end;
    line-height: initial;
}
.icons--cla {
    margin-right: 10px;
}
p.directory--font {
    color: #7c7c7c;
    font-weight: 600;
    font-size: 10px;
    margin: 5px;
}

.field-icon {
    float: right;
    margin-left: -25px;
    margin-top: -25px;
    position: relative;
    z-index: 2;
    color: #0aa5d4;
    font-size: 20px;
    cursor: pointer;
}
.newCourses--box{
    overflow-y: scroll;
    height: 320px;
    overflow-x: hidden;
}
/* width */
::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f100;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #777777;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555;
}


.travel--flex{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.travel--flex > .travel--itemsa {
    box-sizing: border-box;
    margin-bottom: 10px;
    box-shadow: 0 4px 20px 1px rgba(0, 0, 0, .06), 0 1px 4px rgba(0, 0, 0, .08)!important;
    width: calc(1/6*100% - (1 - 1/6)*20px);
}
.travel--img{
    float: left;
}
.travel--itemsa{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.travel--itemsa .left--travel {
    padding: 15px;
}
.travel--itemsa .left--travel i{
    font-size: 25px;
}
.travel--itemsa .right--travel {
    position: relative;
    top: 15px;
    line-height: 0;
}
.travel--itemsa .right--travel h6 {
    font-size: x-small;
    font-weight: 600;
    color: grey;
}
.travel--itemsa .right--travel p {
    font-size: x-small;
    font-weight: 600;
    color: grey;
}
.travel--flexa.card12 {
    margin-left: 20px;
    margin-right: 20px;
    border-radius: 200px;
    padding: 11px 48px 1px 40px;

}
.travelpp--ul{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.travelpp--ul li{
    list-style: none;
}
.card12.travel--bug >.span--images {
    position: absolute;
    content: '';
    display: block;
    width: 40px;
    height: 40px;
    right: 0;
    bottom: 22px;
}
.card12.travel--bug h3 {
    font-size: 16px;
    font-weight: 600;
    text-align: center;
}
.card12.travel--bug h5 {
    font-size: 14px;
    font-weight: 600;
}
h6.lodd-name {
    font-size: .813rem;
    color: #000000c9;
}
.table--close {
    position: absolute;
    right: -11px;
    top: -5px;
    width: 30px;
    height: 30px;
    background: #ccc;
    text-align: center;
    line-height: 30px;
    font-size: 25px;
    color: #fffffd!important;
    border-radius: 50%;
    cursor: pointer;
}
.table--close2 {
    position: absolute;
    right: -11px;
    top: -25px;
    width: 30px;
    height: 30px;
    background: #979595;
    text-align: center;
    line-height: 30px;
    font-size: 25px;
    color: #fffffd!important;
    border-radius: 50%;
    cursor: pointer;
}
table tbody tr td a i {
    margin: 0 5px;
    color: darkgrey !important;
    font-size: 18px !important;
}
i.fa.fa-pencil {
    border-radius: 50%;
    color: #0886b8;
    font-size: 15px !important;

}
/*i.fa.fa-plus {
    color: forestgreen;
}*/
i.fa.fa-trash-o {
    font-weight: 600;
    font-size: 15px !important;

}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 1px solid #c5c5c5!important;
    background: #f6f6f6;
    font-weight: normal;
    color: #454545;
}

.modal-content.local--modal {
    width: 337px;
    position: absolute;
    right: -312px!important;
    top: 224px;
    box-shadow: 0 56px 115px 1px rgba(0, 0, 0, 0.4), 0 1px 4px rgba(0, 0, 0, 8)!important;
}

#back2Top {
    width: 40px;
    line-height: 40px;
    overflow: hidden;
    z-index: 999;
    display: none;
    cursor: pointer;
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    position: fixed;
    bottom: 50px;
    right: 20px;
    background-color: #fffffd;
    color: #649dff;
    text-align: center;
    border-radius: 10px;
    font-size: 30px;
    text-decoration: none;
    box-shadow: 0 1px 15px 2px rgba(0, 0, 0, 0.32), 0 2px 4px rgba(0,0,0,.08) !important;
}
#back2Top:hover {
    background-color: #fffffd;
    color: #ddd;
}
.thumbnail-slider{
    width: 100%;
    float: left;
    overflow: hidden;
}

.thumbnail-slider .thumbnail-container{
    width: 100%;
    float: left;
    transition: margin 1s ease;
}

.thumbnail-slider .item{
    height: 120px;
    background-color: grey;
    line-height: 0px;
    text-align: center;
    font-size: 14px;
    color:#ffffff;
    float: left;
    cursor: pointer;
}
.thumbnail-slider .item h3 {
    line-height: 80px;
    font-size: 20px;
    margin-bottom: 0;
}

.thumbnail-slider .controls{
    width: 100%;
    float: left;
    padding:15px;
}

.thumbnail-slider .controls ul{
    display: block;
    text-align: center;
    padding:0;
    margin:0;
    list-style: none;
}
.thumbnail-slider .controls ul li{
    height: 35px;
    width: 35px;
    border:1px solid #c3c3c3;
    margin:4px;
    display: inline-block;
    line-height: 33px;
    cursor: pointer;
}
.thumbnail-slider .controls ul li.active{
    background-color: green;
    color:#ffffff;

}
.flex--feedbox {
    display: flex;
    justify-content: space-between;
    margin-right: 50px;
    margin-left: 50px;
    line-height: 70px;
}
.card.card-feedbackcard {
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 1px 15px 2px rgba(0, 0, 0, 0.32), 0 2px 4px rgba(0,0,0,.08) !important;
}
.flex--iconrow {
    display: flex;
    justify-content: space-around;
    line-height: 70px;
}
.icon--flea {
    width: 150px;
    height: 70px;
    margin-right: 30px;
    text-align: center;
    display: flex;
    justify-content: space-around;
    line-height: 70px;
}
.icon--flea i{
    line-height: 70px;
}
.flex--defeedright p {
    position: absolute;
    margin-top: 12px;
}
.flex--defeedright h1 {
    font-size: 14px;
    font-weight: 600;
    position: absolute;
    top: 37px;
}
.colpolicydiv{
    background: #fff;
    box-shadow: -3px -3px 7px #ffffff73 ,3px 3px 7px rgba(94,104,121,.283);
    width: 100%;
    border-radius: 5px;
    padding: 20px;
}

.imesaaa {
    width: 80px;
    height: 80px;
    float: left;
    margin-right: 30px;
    -webkit-shape-outside: circle();
    shape-outside: circle();
    background: none;
    border: none;
    position: relative;
}
.pdfpolicy{
    background: #fff;
    box-shadow: -3px -3px 7px #ffffff73 ,3px 3px 7px rgba(94,104,121,.283);
    width: 100%;
    border-radius: 5px;
    padding: 20px;

}
.pdfpolicy iframe {
    width: 100%;
    height: 500px;
    overflow: auto;
}
.kt-portlet__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    padding: 0 25px;
    border-bottom: 1px solid #ebedf2;
    min-height: 45px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.kt-portlet__head-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: flex-first;

}
.kt-portlet__head-label .kt-portlet__head-title {
    margin: 0;
    padding: 0;
    font-size: 1.2rem;
    font-weight: 700;
    color: #afaaaa;
}
.kt-portlet__head .kt-portlet__head-toolbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: end;
    align-content: flex-end;
}
.nav-tabs {
    border-bottom: 0!important;
    display: flex;
}
.nav-tabs .nav-item {
    margin-bottom: -1px;
}
.nav-tabs .nav-item .nav-link.active {
    background: transparent !important;
    border-bottom: 2px solid lightseagreen !important;
    border-color: transparent transparent transparent;
    background: linear-gradient(to right, #0383d4 0%, #1cc9d4 100%);
}
.nav-tabs .nav-item .nav-link {
    border: 0;
    padding: 1rem;
}


/*proflie css new design*/
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .9rem 1.05rem .9rem .6rem;
    margin: .4rem 0;
}
.la--new{
    font-size: 1.5rem;
    line-height: 20px;
}
.kt-widget__items .kt-widget__item .kt-widget__section .kt-widget__desc {
    color: #88888b;
    font-weight: 600;
    padding-left: .3rem;
    line-height: 0.7rem;
    font-size: 14px;
}
.kt-widget__items .kt-widget__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0.5rem ;
    margin: .2rem 0;
}
span.kt-widget__icon {
    color: #777777;
}
i.lab.la-keycdn{
    color: #777777;
    font-size: 25px;

}
.kt-widget__items .kt-widget__item:hover {
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    background: #f2f3f7;
    cursor: pointer;
    border-radius: 4px;
}
.kt-widget__items .kt-widget__item:hover .kt-widget__desc {
    color: seagreen;
}
.kt-widget__items .kt-widget__item:hover .kt-widget__icon{
    color: seagreen;
}
.kt-widget__items .kt-widget__item.kt-widget__item--active {
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    background: #f2f3f7;
    border-radius: 4px;
}
.kt-widget {
    margin-top: -10px;
}
.kt-widget.kt-widget--user-profile-1 {
    padding-bottom: 1.7rem;
    padding-top: 2rem;
}
.kt-widget.kt-widget--user-profile-1 .kt-widget__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.kt-widget.kt-widget--user-profile-1 .kt-widget__head .kt-widget__media img {
    width: 70px;
    max-width: 100%;
    height:70px;
    border-radius: 4px;
}
.kt-widget.kt-widget--user-profile-1 .kt-widget__head .kt-widget__content {
    padding-left: 1.6rem;
}
.kt-widget.kt-widget--user-profile-1 .kt-widget__head .kt-widget__content .kt-widget__section .kt-widget__username {
    font-size: 1rem;
    color: #48465b;
    font-weight: 500;
}
.kt-widget.kt-widget--user-profile-1 .kt-widget__head .kt-widget__content .kt-widget__section .kt-widget__subtitle {
    font-size: 13px;
    display: block;
    padding: .25rem 0 0 0;
    font-weight: 500;
    color: #74788d;
}
.kt-widget.kt-widget--user-profile-1 .kt-widget__body .kt-widget__content {
    padding: 0.9rem 0 2.1rem 0;
}
.kt-widget.kt-widget--user-profile-1 .kt-widget__body .kt-widget__content .kt-widget__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: .5rem;
}
.kt-widget.kt-widget--user-profile-1 .kt-widget__body .kt-widget__content .kt-widget__info .kt-widget__label {
    color: #48465b;
    font-weight: 500;
    font-size: 13px;
}
.kt-widget.kt-widget--user-profile-1 .kt-widget__body .kt-widget__content .kt-widget__info .kt-widget__data {
    color: #74788d;
    font-weight: 400;
    font-size: 12px;
}
/*proflie css new design end*/
i.la.la-pencil {
    font-size: 18px;
}
i.la.la-trash {
    font-size: 18px;

}
i.la.la-check.text-success {
    font-size: 18px;
}
i.la.la-folder-open.primary-color {
    font-size: 30px;
}
.kt-portlet {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-shadow: 0 0 13px 0 rgba(82,63,105,.05);
    box-shadow: 0 0 13px 0 rgba(82,63,105,.05);
    background-color: #fff;
    margin-bottom: 20px;
    border-radius: 4px;
}
.kt-widget.kt-widget--user-profile-3 .kt-widget__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.kt-widget.kt-widget--user-profile-3 .kt-widget__top .kt-widget__media {
    margin-top: .2rem;
}
.kt-widget.kt-widget--user-profile-3 .kt-widget__top .kt-widget__media img {
    width: 100px;
    height: 100px;
    border-radius: 8px;
}
.kt-widget.kt-widget--user-profile-3 .kt-widget__top .kt-widget__pic.kt-widget__pic--danger {
    background: rgba(253,57,122,.1);
}

.kt-widget.kt-widget--user-profile-3 .kt-widget__top .kt-widget__pic {
    margin-top: .2rem;
    width: 100%;
    max-width: 110px;
    height: 110px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.5rem;
    border-radius: 8px;
}
.kt-font-danger {
    color: #fd397a!important;
}
.kt-font-light {
    color: #fff!important;
}

.kt-font-boldest {
    font-weight: 700!important;
}
.kt-hidden, .kt-hide {
    display: none!important;
}
.kt-widget.kt-widget--user-profile-3 .kt-widget__top .kt-widget__content {
    width: 100%;
    padding-left: 1.7rem;
}
.kt-widget.kt-widget--user-profile-3 .kt-widget__top .kt-widget__content .kt-widget__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.kt-widget.kt-widget--user-profile-3 .kt-widget__top .kt-widget__content .kt-widget__head .kt-widget__username {
    font-size: 1.3rem;
    color: #48465b;
    font-weight: 500;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: .5rem;
}
.kt-widget.kt-widget--user-profile-3 .kt-widget__top .kt-widget__content .kt-widget__head .kt-widget__username i {
    font-size: 1.2rem;
    color: #57c974;
    padding-left: .5rem;
}
.kt-widget.kt-widget--user-profile-3 .kt-widget__top .kt-widget__content .kt-widget__head .kt-widget__action .btn {
    font-weight: 600;
    margin-left: .5rem;
}
.btn.btn-label-success {
    background-color: rgba(10, 187, 135, .1);
    color: #0abb87;
    cursor: text !important;
}
.btn-brand {
    color: #fff;
    background-color: #5d78ff;
    border-color: #5d78ff;
    color: #fff;
}
.kt-widget.kt-widget--user-profile-3 .kt-widget__top .kt-widget__content .kt-widget__subhead {
    padding: .6rem 0 .8rem 0;
}
.kt-widget.kt-widget--user-profile-3 .kt-widget__top .kt-widget__content .kt-widget__subhead a {
    padding-right: 2rem;
    color: #74788d;
    font-weight: 500;
}
.kt-widget.kt-widget--user-profile-3 .kt-widget__top .kt-widget__content .kt-widget__subhead a i {
    padding-right: .5rem;
}
.kt-widget.kt-widget--user-profile-3 .kt-widget__top .kt-widget__content .kt-widget__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}
.kt-widget.kt-widget--user-profile-3 .kt-widget__top .kt-widget__content .kt-widget__info .kt-widget__desc {
    color: #595d6e;
    font-weight: 400;
    padding-right: 2rem;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-bottom: .5rem;
    width: 50%;
    text-align: justify;
}

.kt-widget.kt-widget--user-profile-3 .kt-widget__top .kt-widget__content .kt-widget__info .kt-widget__progress {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 500px;
    width: 100%;
    margin: .1rem 0;
}
.kt-widget.kt-widget--user-profile-3 .kt-widget__top .kt-widget__content .kt-widget__info .kt-widget__progress .kt-widget__text {
    padding-right: 1rem;
    color: #595d6e;
    font-weight: 500;
}
.progress {
    background-color: #ebedf2;
}
.progress {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: .75rem;
    background-color: lightgreen;
    border-radius: .25rem;
}
.progress .progress-bar {
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.kt-bg-success {
    background-color: #0abb87!important;
}
.progress-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #5867dd;
    -webkit-transition: width .6s ease;
    transition: width .6s ease;
}
.kt-widget.kt-widget--user-profile-3 .kt-widget__top .kt-widget__content .kt-widget__info .kt-widget__progress .kt-widget__stats {
    padding-left: 1rem;
    color: #48465b;
    font-weight: 600;
    font-size: 1.1rem;
}

.kt-widget.kt-widget--user-profile-3 .kt-widget__top .kt-widget__content .kt-widget__info .kt-widget__stats {
    margin-bottom: .7rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.kt-widget.kt-widget--user-profile-3 .kt-widget__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    border-top: 1px solid #ebedf2;
    margin-top: 2rem;
}
.kt-widget.kt-widget--user-profile-3 .kt-widget__bottom .kt-widget__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 2rem 1.5rem 0 0;
}
.kt-widget.kt-widget--user-profile-3 .kt-widget__bottom .kt-widget__item .kt-widget__icon i {
    font-size: 1.7rem;
    color: #a2a5b9;
    font-weight: 400;
}
.kt-widget.kt-widget--user-profile-3 .kt-widget__bottom .kt-widget__item .kt-widget__details {
    padding-left: 1rem;
}
.kt-widget.kt-widget--user-profile-3 .kt-widget__bottom .kt-widget__item .kt-widget__details .kt-widget__title {
    display: block;
    color: #595d6e;
    font-weight: 600;
    font-size: .65rem;
}
.kt-widget.kt-widget--user-profile-3 .kt-widget__bottom .kt-widget__item .kt-widget__details .kt-widget__value {
    display: block;
    color: #48465b;
    font-weight: 600;
    font-size: 0.8rem;
}
.kt-widget.kt-widget--user-profile-3 .kt-widget__bottom .kt-widget__item .kt-widget__details .kt-widget__value span {
    color: #595d6e;
    font-weight: 400;
}
.kt-widget.kt-widget--user-profile-3 .kt-widget__bottom .kt-widget__item .kt-widget__details .kt-section__content {
    padding-left: .7rem;
}
.kt-media-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.kt-media-group .kt-media:first-child {
    margin-left: 0;
}

.kt-media-group .kt-media {
    position: relative;
    z-index: 0;
    margin-left: -10px;
    border: 2px solid #fff;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.kt-media.kt-media--circle {
    border-radius: 50%;
}
.kt-media {

    display: -ms-inline-flexbox;
    display: inline-flex;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-radius: 4px;
}
.kt-media.kt-media--circle img {
    border-radius: 50%;
}

.kt-media.kt-media--sm img {
    width: 100%;
    max-width: 30px;
    height: 30px;
}
.kt-media img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 4px;
}
.kt-media img {
    width: 100%;
    max-width: 50px;
    height: 50px;
}
.overfolw--height {
    height: 335px;
    overflow: auto;
}
li.kt-nav__itemwi {
    padding: 10px;
    color: #777777;
    border-bottom: 1px solid #efefef;
}
a.kt-nav__linkwi span {
    color: #777777;
}
a.kt-nav__linkwi {
    display: flex;
    margin-left: 10px;
}
a.kt-nav__linkwi i {
    font-size: 18px;
    color: #777777;
    margin-right: 20px;
}
span.ellipsis-fonttag:hover {
    background: #d5ddff;
    font-size: 20px;
    padding: 0.2rem 0.5rem;
    color: #5d78ff;
}
span.ellipsis-fonttag {
    font-size: 20px;
    padding: 0.2rem 0.5rem;
    color: #2b2cff;
    border-radius: 2px;
    opacity: 0.3;
}
.training--content-box .my--tabs-header ul.nav-tabs li a.nav-link.active {
    background: linear-gradient(to right, #0383d4 0%, #1cc9d4 100%)!important;
    color: white!important;
}
.youwebinar--titlename{
    display: block;
    display: -webkit-box;

    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    color: black;
}
h6.tile-span {
    font-size: 12px;
    color: grey;
}
.date--webnier p{
    font-size: 12px;
    color: grey;
}
.time--webnier span{
    font-size: 12px;
    color: grey;
}
span.icon--palyvideo i {
    font-size: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none;
}
.showbynaa:hover  span.icon--palyvideo i {
    display: block;
    color: #ffffffd1;
}
.newimages img {
    border: 1px solid #00ffff30;
    border-radius: 3px;
}
.d-flex.newclass--item {
    border: 1px solid lightgrey;
    padding: 10px;
    border-bottom: 1px solid lightgrey;
}
.d-flex.newclass--item img{
    margin-right:   15px;
    border-radius: 50%;
    cursor: pointer!important;

}
.d-flex.newclass--item p{
    margin-bottom:   0px;
    line-height: 40px;

}
button.closebuttoqn {
    width: 27px;
    height: 27px;
    line-height: 20px;
    border-radius: 83px!important;
    background: #d0cfcffa;
    border: 2px solid #ddd;
    position: absolute;
    right: -10px;
    top: -6px;
    z-index: 9;
    color: white;
    outline: none;
}
button.btn-primary.btn.videowbinar {
    line-height: 0px!important;
    padding: 0.2rem 1rem;
    width: 10%;
    height: 40px;
    position: relative;
    top: 40px;
    background: transparent;
    color: #777777;
    border: 2px solid rgb(187, 230, 26)!important;
    margin-right: 15px;
    font-size: 13px;
}
button.btn-primary.btn.videowbinar:hover{
    background: transparent!important;
    color: #777777;
}
button.btn-primary.btn.videowbinar img{
    width: 20px;
    height: 20px;
    margin-right: 10px;
}
.live--name {
    width: 11%;
    height: 21px;
    background: rgb(187, 230, 26);
    text-align: center;
    color: white;
    line-height: 21px;
    margin-left: 2px;
    border-radius: 5px;
    font-size: 12px;
}
.form-control {
    display: block;
    width: 100%;
    height: calc(1.9695rem + 2px);
    padding: .375rem .75rem;
    font-size: .813rem;
    line-height: 1.5;
    color: #665c70;
     background-color: #fff;
    background-clip: padding-box;
    border-radius: 0!important;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    border: 0;
    border-bottom: 1px solid #ced4da!important;
    outline: none!important;
}
.select2-container--default .select2-selection--multiple{
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: .813rem;
    line-height: 1.5;
    color: #665c70;
    background-color: #fff;
    background-clip: padding-box;
    border-radius: 0!important;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    border: 0!important;
    border-bottom: 1px solid #ced4da!important;
    outline: none!important;
}
/*.form-group {*/
/*    position: relative;*/
/*    margin-bottom: 25px;*/
/*}*/
/*.form-group label {*/
/*    position: absolute;*/
/*    left: 15px;*/
/*    transition: all 0.35s ease-in;*/
/*    top: -15px;*/
/*    opacity: 1;*/
/*    font-size: 12px!important;*/
/*    font-weight: normal!important;*/
/*    color: black!important;*/
/*    width: 100%;*/

/*}*/

/*.form-group input[type=text],*/
/*.form-group input[type=number],*/
/*.form-group textarea[type=text],*/
/*.form-group select[type=text],*/
/*.form-group .select2[type=text]*/
/*{*/
/*    background: transparent;*/
/*    border: 0;*/
/*    border-bottom: 1px solid #ddd!important;*/
/*    padding: 5px 0;*/
/*    color: #0d0d0d;*/
/*    outline: none!important;*/
/*    width: 100%;*/
/*}*/

/*.form-group input[type=text]::placeholder*/
/*{*/
/*    transition: opacity 1s;*/

/*}*/
/*.form-group select[type=text]::placeholder*/
/*{*/
/*    transition: opacity 1s;*/
/*}*/
/*.form-group input[type=number]::placeholder*/
/*{*/
/*    transition: opacity 1s;*/
/*}*/
/*.form-group textarea[type=text]::placeholder*/
/*{*/
/*    transition: opacity 1s;*/
/*    top: 20px!important;*/
/*    position: relative;*/
/*}*/
/*.form-group input[type=text]:active, .form-group input[type=text]:focus {*/
/*    outline: none;*/
/*}*/
/*.form-group input[type=text]:active + label, .form-group input[type=text]:focus + label {*/
/*    top: -15px;*/
/*    opacity: 1;*/
/*    color: #0aa5d4!important;*/

/*}*/
/*.form-group textarea[type=text]:active + label, .form-group textarea[type=text]:focus + label {*/
/*    top: -15px;*/
/*    opacity: 1;*/

/*}*/
/*.form-group select[type=text]:active + label, .form-group select[type=text]:focus + label {*/
/*    top: -15px;*/
/*    opacity: 1;*/
/*}*/
/*.form-group input[type=number]:active + label, .form-group input[type=number]:focus + label {*/
/*    top: -15px;*/
/*    opacity: 1;*/
/*}*/
/*.form-group input[type=text]:active::placeholder, .form-group input[type=text]:focus::placeholder {*/
/*    opacity: 0;*/
/*    transition: opacity 0.5s ease-in;*/
/*}*/
/*.form-group textarea[type=text]:active::placeholder, .form-group textarea[type=text]:focus::placeholder {*/
/*    opacity: 0;*/
/*    transition: opacity 0.5s ease-in;*/
/*}*/
/*.form-group select[type=text]:active::placeholder, .form-group select[type=text]:focus::placeholder {*/
/*    opacity: 0;*/
/*    transition: opacity 0.5s ease-in;*/
/*}*/
/*.form-group input[type=number]:active::placeholder, .form-group input[type=number]:focus::placeholder {*/
/*    opacity: 0;*/
/*    transition: opacity 0.5s ease-in;*/
/*}*/

/*.form-group input[type=text]:placeholder-shown:not(:focus) + label {*/

/*    top: 14px;*/
/*    opacity: 0;*/
/*}*/
/*.form-group textarea[type=text]:placeholder-shown:not(:focus) + label {*/

/*    top: 14px;*/
/*    opacity: 0;*/
/*}*/
/*.form-group select[type=text]:placeholder-shown:not(:focus) + label {*/

/*    top: 14px;*/
/*    opacity: 0;*/
/*}*/
/*.form-group input[type=number]:placeholder-shown:not(:focus) + label {*/

/*    top: 14px;*/
/*    opacity: 0;*/
/*}*/

.cd-breadcrumb {
    width: 100%;
    max-width: 600px;
    height: 40px;
    float: right;
    padding: 0 1rem;
    background-color: #fff;
    line-height: 40px;
    display: flex;
    list-style: none;
    box-shadow:
            0 4px 20px 1px rgba(0, 0, 0, .06), 0 1px 4px rgba(0, 0, 0, .08)!important;

}
.cd-breadcrumb li, .cd-multi-steps li {
    display: inline-block;
    float: left;
    cursor: pointer;
    z-index: 9;

}
.cd-breadcrumb li>*, .cd-multi-steps li>* {
    display: inline-block;
    font-size: 1rem;
    color: #777777;
    cursor: pointer;
    text-transform: capitalize;
    position: relative;
    top: -2px;
}
.cd-breadcrumb li::after, .cd-multi-steps li::after {
    display: inline-block;
    content: '\00bb';
    margin: 0 .6em;
    color: #777777;
    font-size: 20px;
}
.cd-breadcrumb li::after, .cd-multi-steps li::after {
    display: inline-block;
    content: '\00bb';
    margin: 0 .6em;
    color: #777777;
    font-size: 20px;
}
.current{
    color: #0aa5d4;
}
.current a{
    color: #31b798;
    font-weight: 500;
    position: relative;
    top: 1px;
}
.cd-breadcrumb .current::after {
    clear: both;
    content: ""!important;
    display: table;

}
.add--zone--modal{
    display: none;
    position: relative;
}
p.closebutton-right {
    width: 30px;
    height: 30px;
    position: absolute;
    right: -7px;
    top: -10px;
    background: #ccc;
    text-align: center;
    line-height: 34px;
    color: #FFF;
    border-radius: 50%;
    cursor: pointer;
}
.top-to-bottom{
    position: absolute;
    right: 10px;
    bottom: 10px;
}
.select2-search__field{
    width: 120px!important;
}
.breadcrumb--float{
    float: right;
}
.slider{
    height: auto!important;
    padding: 10px;
    background: #777777;
}
.slide img{
    border-radius: 20px;
    height: 180px;

}
.slide .slick-current{
    border: 2px solid lightgrey!important;
}
select.form-control {
    padding: 0px;
    margin-left: 0px;
}
.skin-blue1 {
    background: #f3f6f9!important;
}
/*.wrapper{*/
/*    background: #fff!important;*/
/*}*/
.select2-container .select2-search--inline{
    font-size: 13px;
}
.meeting-div  {
    display: flex;
    justify-content: space-between;
    padding: 10px 50px;
    line-height: normal;
    border-radius: 10px;
    color: #fff;
    position: relative;
}
.meeting-divas  {
    display: flex;
    justify-content: space-between;
    padding: 10px 50px;
    line-height: normal;
    border-radius: 10px;
    color: #fff;
    position: relative;
}
.first-div .left-side:after,
.thred-div .left-side:after,
.fis-div .left-side:after
{
    float: right;
    content: '';
    position: absolute;
    height: 100%;
    width: 1px;
    background: #bbb;
    top: 0;
    left: 41.2%;
}
.secound-div .left-side:after,
.foos-div .left-side:after

{
    float: right;
    content: '';
    position: absolute;
    height: 100%;
    width: 1px;
    background: #bbb;
    top: 0;
    right: 41.2%;
}
.first-div{
    background: linear-gradient(to right, #7f8ccc, #339dd0b8, #50ffff7a) !important;

}
.secound-div{
    flex-direction: row-reverse;
    background: linear-gradient(to right, #8ae7ea, #27a9cc, #054e987a) !important;

}
.thred-div{
    background: linear-gradient(to right, #e03ccc, #da78d7, rgb(217, 217, 217)) !important;
}
.foos-div{
    flex-direction: row-reverse;
    background: linear-gradient(to left, #bbe61a, #74f16c, #8fca7738) !important;
}
.fis-div{
    background: linear-gradient(to right, #b11b45, #d04933, #b5573b7a) !important;
}
.left--meetingsa p {
    line-height: 0px;
}
.right--meetingsa p {
    clip-path: polygon(0 0, 100% 0%, 77% 100%, 0% 100%);
    width: 100px;
    margin-top: 32px;
    padding: 6px;
    text-align: center;
    background: lightgrey;
   color: #fff;
}
.left--meetingsa {
    background: #789bd2;
    width: 51%;
    height: 20px;
    padding: 16px;
    margin-top: 32px;
    color: #fff;
}
.line--meeting {
    height: 100%;
    width: 2px;
    background: #777777;
    position: absolute;
    content: '';
    left: 60%;
    top: 0;
}
img.profilecssimage_new {
    width: 100px;
    border-radius: 10px;
    height: 100px;
}
.padddinf {
    padding: 5px;
    background: transparent;
    margin-bottom: 4px;
    cursor: pointer;
    color: #74838d;
    border-radius: 3px;
    font-weight: 500;
}
.padddinf:hover{
    transition: color .3s ease;
    background: #f2f3f7;
    cursor: pointer;
    border-radius: 4px;
    color: seagreen;
}
.main--allpostion{
    border-radius: 4px;
    background: #fff;
    box-shadow: 5px 5px 10px #777777,-5px -5px 10px #ffff;
    text-align: center;
    padding: 15px;
}
.main--allpostion .count--allpostion {
    font-size: 18px;
    border: 3px solid #c7c7c7;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 35px;
    border-radius: 100%;
    margin-top: 11px;
}
.main--allpostion .icon--allpostion img {
    width: 50px;
    height: 50px;
    margin: 10px auto;
}
.main--allpostion .images--allpostion h5{
    color: #777777;
    font-size: 14px;
    font-weight: 500;

}
p.closebuttosn-right {
    position: absolute;
    right: -10px;
    top: -12px;
    width: 30px;
    height: 30px;
    background: #ccc;
    text-align: center;
    line-height: 31px;
    border-radius: 50%;
    cursor: pointer;
    color: #fff;
}

.newimages {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 30px;
    height: 30px;
}
.new--hegit {
    position: absolute;
    z-index: 9;
    width: 100%;
    padding: 10px;
}
.postionss-ixocn {
    position: absolute;
    right: -10px;
    top: -10px;
    background: #ccc;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border-radius: 100%;
    cursor: pointer;
    color: #fff;
}
input[type=file]:before {
    content: '';
    color: #777777;
    display: inline-block;
    background: transparent;
    outline: none;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
    font-weight: 400;
    text-align: center!important;
}
/*input[type=file] {*/
/*    color: transparent!important;*/
/*}*/
input[type=file]::-webkit-file-upload-button {
    visibility: hidden;
}
.card12s{
    border-radius: 5px;
    background: #ffffff;
    padding: 20px;
    height: 165px;
    display: inline-block;
    width: 100%;
    cursor: pointer;
    box-shadow:  20px 20px 60px #d9d9d9,
    -20px -20px 60px #ffffff;

}
.card12s:hover .posaaa--cetner{
    color: #fff!important;
}
.icons{
    width: 60px;
    height: 60px;
    display: block;
    text-align: center;
    margin: auto;
    border-radius: 50%;
    padding: 6px;
    box-sizing: border-box;
    text-decoration: none;
    box-shadow: 0 10px 15px rgba(0,0,0,0.3);
    background: linear-gradient(0deg, #ddd, #fff);
    transition: .5s;
}
.icons i{
    widht: 100%;
    height: 100%;
    display: block;
    background: linear-gradient(0deg, #fff, #ddd);
    border-radius: 50%;
    line-height: calc(60px - 12px);
    font-size: 28px;
    color: #262626;
    transition: .5s;
}
.posaaa--cetner{

    font-size: 12px;
    font-weight: 600;
    color: #a6a4a4;
}

.card12sno:after {
    content: "coming soon";
    z-index: 1;
    overflow: hidden;
    font-size: 10px;
    font-weight: bold;
    color: #FFF;
    text-transform: uppercase;
    text-align: center;
    line-height: 20px;
    transform: rotate(45deg);
    width: 120px;
    display: block;
    background: #79A70A;
    background: linear-gradient(#b9df41 0%, #b1e82f 100%);
    box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
    position: absolute;
    top: 25px;
    right: -25px;
    clip-path: polygon(120px 20px, 90px -10px, 30px -10px, 0px 20px, 10px 30px,  110px 30px)
}
div.dataTables_wrapper div.dataTables_length select{
    padding: 0.2rem 1rem!important
}

.chosen-container {
    width: 100%!important;
    border-radius: 0;
    display: block;
    border-bottom: 1px solid #ced4da!important
}

.tHeading{
    font-size: 18px;
    font-weight: bold;
    color: lightgrey;
    position: relative;
    display: inline-flex;
    margin-left: 16px;
    margin-top: 50px;
}
.nav-tabs {
    border-bottom: 0!important;
    /* display: flex; */
    background: #fff;
    padding: 0.2rem 2rem;
    width: fit-content;
}
.show--icon--new {
    text-align: center;
    color: #777777;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 8px;
    margin-bottom: 5px;
    margin-top: 1px;
    position: relative;
    padding: 1.3rem 2rem;
}
.show--icon--new.active:after  {
    content: '';
    position: absolute;
    left: 60%;
    top: 120%;
    width: 0;
    transform: translate(-50%, -50%);
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #fff;
    clear: both;

}
.show--icon--new i {
    padding-left: 5px;
    margin-left: 20px;
    margin-right: 5px;
    font-size: 25px;
}
.emp-second-nav.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: rgb(41, 65, 122);
    /* background-color: #86d0d7; */
    border-color: transparent;
    /* background-image: linear-gradient(to right, #3bb5b5, #2f83de29, #2f83de52); */
    border-bottom: 0px solid #98e6cc !important;
}
span.select2.select2-container.select2-container--default.select2-container--below:focus,
span.select2.select2-container.select2-container--default.select2-container--below:active
{
    border: 0px!important;
    outline: none!important;
}

.training--img img{
    width: 100% !important;
    height: 190px !important;
}
.table--card12{
    position: relative;
}
div.dataTables_wrapper div.dataTables_paginate {
    /*margin: 0;*/
    /*white-space: nowrap;*/
    /*text-align: right;*/
    /*position: absolute;*/
    /*bottom: 12px;*/
    /*right: 20px;*/
    /*margin-top: -25px;*/
}
.table--header {
    width: 100%;
    height: 60px;
    line-height: 30px;
    text-align: center;
    background: linear-gradient(259.42deg,rgba(0,212,255,1) 1.24%,rgb(69 161 255) 98.52%) !important;
    margin: -3.5rem auto;
    padding: 15px;
    border-radius: 5px;
    margin-bottom: 10px;
}
.table--header.mb-5 h1 {
    font-size: 20px;
    text-transform: capitalize;
    color: #fff;
    letter-spacing: 1px;
    font-weight: 600;
}

.icons--table span {
    width: 30px!important;
    height: 30px!important;
    border: 2px solid #fff;
    border-radius: 50%;
    line-height: 25px;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
    display: block;
}
.dt-buttons {
    position: absolute;
    top: -10px;
    right: 18%;
    display: flex;
}
.dt-buttons a.dt-button{
    width: 30px!important;
    height: 30px!important;
    border: 2px solid #fff;
    border-radius: 50%;
    line-height: 25px;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
    display: block;
    text-align: center;
    margin-right: 8px;
    outline: none;
}
.dataTables_filter {
    position: absolute;
    top: -6px;
    right: 3%;
}
.dataTables_filter label{
    color: #fff!important;
}
.table--add-btn {
    position: absolute;
    top: 38px;
    right: 20px;
    padding: 0.2rem 1rem;
    background: transparent;
    border: 2px solid #46c8fa!important;
    color: #46c8fa;
}
.table--add-btn:hover {
    background: #fff!important;
    color: #46c8fa!important;
    border: 2px solid #46c8fa!important;
}


.sucess-btn{
    color: #fff !important;
    background-color: #bee43f !important;
    border-color: #bee43f !important;
}
div.dataTables_wrapper div.dataTables_filter input {
    margin-left: 0.5em;
    display: inline-block;
    width: 150px!important;
}
.chat--tabsall .chat--tabs {
    border-radius: 0px!important;
    padding: 0.8rem 2.7rem;
    border: none;
    background: transparent;
}
.chat--tabsall  {
    display: flex;
    flex-wrap: nowrap;
    background: #fff;
    border-radius: 10px!important;
    margin-bottom: 15px;
    overflow: hidden;
    box-shadow: 0 4px 20px 1px rgba(0, 0, 0, .06), 0 1px 4px rgba(0, 0, 0, .08)!important;
}
.chat--tabs.active, .chat--tabs:focus {
    color: white!important;
    border-radius: 0!important;
    border: 0;
    outline: 0;
    background: linear-gradient(to right, #0383d4 0%, #1cc9d4 100%)!important;
}
.chat--tabs.active p, .chat--tabs.active .rows--chat {
    color: #fff;
}
.chat--tabs .rows--chat {
    width: 100%;
    text-align: center;
    color: #b2b2b2;
    margin: 0;
}
.chat--tabs .rows--chat i {
    font-size: 25px;
}
.input-group.mb-3.chat-greopbox {
    background: white;
    border: 2px solid #ddd;
    border-radius: 30px;
    z-index: 9999;
    overflow: hidden;
}
.input-group-prepend.chatbg-white {
    background: transparent;
    padding: 5px;
}
.chat-greopbox input{
    height: 100%;
    border: 0px!important;
}
.input-group-prepend {
    margin-right: -1px;
}
span#basic-addon1 {
    background: white;
    border: none;
    transform: rotate(90deg);
    color: #777777;
}
.chhat--tabs button {
    display: block;
    flex: 3;
    border: 0;
    border-right: 2px solid #eee;
    border-bottom: 2px solid #eee;
    margin: 0;
    padding: 1rem 3rem;
    font-size: 12px;
    font-weight: 600;
    color: #777777;
    background: transparent;

}
.chhat--tabs button.active{
    color: #0a75c8;
    border-bottom: 2px solid #0a75c8;
}
.chhat--tabs {
     list-style: none;
     padding: 0;
     margin: 0;
     justify-content: space-between;
     width: 100%;

}
.hide--chatsrow .card{
    border-radius: 10px;
    overflow: hidden;
}
button:focus {
    outline: none;
    outline: none;
}
.sideBar {
    padding: 0 !important;
    margin: 0 !important;
    background-color: #fff;
    border: 1px solid #f7f7f7;
    z-index: 99;
    height: 345px;
    overflow-x: hidden!important;
    overflow-y: scroll!important;
    position: relative;
}
.sideBar-body {
    position: relative;
    border-bottom: 1px solid #f7f7f7;
    margin: 0 !important;
    cursor: pointer;
}
.ks-items {
    list-style: none;
    padding: 0;
    margin: 0;
}
.ks-items>.ks-item {
    border-bottom: 1px solid #dee0e1;
}
.ks-items>.ks-item>a, .ks-items>.ks-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #333;
    padding: 5px 15px;
}
.ks-items>.ks-item>a>.ks-avatar, .ks-items>.ks-item>.ks-avatar {
    position: relative;
    top: 3px;
    margin-right: 10px;
}
.ks-items>.ks-item>a>.ks-avatar>img {
    width: 36px;
    height: 36px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid #ddd;
    overflow: hidden;
    background-size: cover;
}

.ks-items>.ks-item>.ks-avatar>img {
    width: 36px;
    height: 36px;
    overflow: hidden;
    background-size: cover;
}
.ks-items>.ks-item>a>.ks-body, .ks-items>.ks-item>.ks-body {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
}
.ks-items>.ks-item>a>.ks-body>.ks-name, .ks-items>.ks-item>.ks-body>.ks-name {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 4px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.ks-items>.ks-item>a>.ks-body>.ks-message, .ks-items>.ks-item>.ks-body>.ks-message {
    font-size: 12px;
    color: #858585;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    white-space: nowrap;
    width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: capitalize;
}
.ks-items>.ks-item>a>.ks-body>.ks-name>.ks-datetime, .ks-items>.ks-item>.ks-body>.ks-name>.ks-datetime {
    text-transform: capitalize;
    font-size: 10px;
    font-weight: 400;
    color: #858585;
    position: relative;
    top: 3px;
}
.sideBar.mt-5 h5 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 97%;
}


.classAstrick{
    color:orange;
}
.table-bordered td, .table-bordered th {
    border: 0px;
}
.alert-successs {
    color: #155724;
    background-color: #fff;
    border-color: #fff;
    position: absolute;
    top: 70px;
    right: 30px;
    z-index: 99;
}
.moretext{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media screen and (max-width: 800px){
    .dt-buttons {
        position: absolute;
        top: -11px;
        right: 50%;
    }
    .table-responsive{
        overflow: auto;
    }
    .dataTables_filter {
        position: absolute;
        top: -6px;
        right: 5%;
    }
}

.modal {
    position: fixed;
    top: 80px!important;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    outline: 0;
}
h3.title:before {
    width: 20px;
    height: 20px;
    background: deepskyblue;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 0px;
}

.mainpage-top-bottom .title {
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    position: relative;
    display: inline-flex;
    margin-left: 40px;
    margin-top: 20px;
    background: linear-gradient(to right, #0383d4 0%, #1cc9d4 100%);
    padding: 0.6rem 3rem;
    border-radius: 4px;
    box-shadow: 0 4px 20px 1px rgba(0, 0, 0, .06), 0 1px 4px rgba(0, 0, 0, .08)!important;
}
.mainpage-top-bottom {
    position: relative;
    top: 80px;
}
.breadcrumb--float {
    float: right;
    top: 0;
    position: relative;
}
.table-striped>tbody>tr:nth-of-type(odd) {
    --bs-table-accent-bg: rgb(255 255 255 / 0%);
    color: var(--bs-table-striped-color);
}
/*.dataTables_wrapper table.dataTable tr th {*/
/*    background: #94979800 !important;*/
/*    color: #909090!important;*/
/*    outline: #ddd!important;*/
/*    border: 0px;*/
/*}*/
.la, .las {
    font-family: 'Line Awesome Free'!important;
    font-weight: 900;
    font-size: 17px;
}
.card12{
    position: relative;
}
.myrightbuttoncss {
    position: absolute;
    top: -50%;
    right: 13%;
}
/*margin boostrap 5 css style start*/
.ml-1{
    margin-left: .25rem!important;
}
.ml-2{
    margin-left: .5rem!important;
}
.ml-3{
    margin-left: 1rem!important;
}
.ml-4{
    margin-left: 1.5rem!important;
}
.ml-5{
    margin-left: 3rem!important;
}
.mr-1{
    margin-right: .25rem!important;
}
.mr-2{
    margin-right: .5rem!important;
}
.mr-3{
    margin-right: 1rem!important;
}
.mr-4{
    margin-right: 1.5rem!important;
}
.mr-5{
    margin-right: 3rem!important;
}

.btn-check:focus+.btn-primary, .btn-primary:focus, .btn-primary:hover{
    background-image: linear-gradient(40deg, rgb(56 177 208), #91dca5);
}

input[type=date], input[type=datetime-local], input[type=month], input[type=time] {
    -webkit-appearance: listbox;
    font-size: 13px!important;
    font-weight: 600;
    color: grey!important;
}

.btn-primary {
    background-image: linear-gradient(to right, #0383d4 0%, #1cc9d4 100%) !important;
    border-radius: 91px !important;
    padding: 0.6rem 1rem !important;
    box-shadow: 0 4px 20px 1px rgb(0 0 0 / 6%), 0 1px 4px rgb(0 0 0 / 8%) !important;
    border: transparent !important;
}

.tox-notifications-container {
    display: none !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

/*margin boostrap 5 css style end*/







/*new Deisgn */



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

/* Hide the browser's default radio button */
.radiocontainer input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.myboxlebel .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #eee;
    border-radius: 50%;
}

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

/* When the radio button is checked, add a blue background */
.radiocontainer input:checked ~ .checkmark {
    background-color: #9cd001;
}

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

/* Show the indicator (dot/circle) when checked */
.radiocontainer input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.radiocontainer .checkmark:after {
    top: 5px;
    left: 5px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: white;
}
.myboxlebel label {
    font-size: 15px !important;
    margin-right: 30px;

}

.myboxlebel{
    margin-top: 10px;
}

.alert-info {
    color: #664d03;
    background-color: #fff3cd;
    border-color: #ffecb5;
}
button#addMore {
    border-radius: 4px !important;
    padding: 2px 9px !important;
}

a#addMore {
    border-radius: 4px !important;
    padding: 2px 9px !important;
}
div.dataTables_wrapper div.dataTables_paginate {
    margin: 0;
    white-space: nowrap;
    text-align: right;
    position: absolute;
    bottom: 10px;
    right: 17px;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    margin: 16px 0 !important;
}