html,body{overflow-x:hidden;min-height: 100%;}
header,.gc-view-col,.gc-left-nav,.gc-wrapper,.gc-right-nav,header .top-nav,.upcoming_right_nav{transition:ease-in-out .3s;transition:ease-in-out .3s}
.gc-logo{margin:22px 0 22px 0;display:inline-block;vertical-align:middle}
header{position:fixed;top:0;z-index:999999999;background:#fff}
header .gc-logo{font-size:22px;color:#454545;font-weight:600;margin-right:5px;padding:5px 0}
header .gc-logo span{color:#fb6637}
header p{font-size:14px}
header p a{color:#3374e2}
header .fa-bars{font-size:22px;color:#565656;line-height:80px;cursor:pointer;transition:position .5s ease-in-out;-webkit-transition:position .5s ease-in-out}
header .top-nav,.rightbar_open header .top-nav{width:196px;right:138px;position:absolute;top:0}
header .top-nav,.rightbar_open header .top-nav{width:196px;right:138px;position:absolute;top:0}
header .top-nav li{width:33.33%}
.calender_top .beg_pt{width:15px;height:15px;border-radius:15px;line-height:15px;font-size:8px;color:#fff;background:#fb683b;border-radius:50%;display:block;position:absolute;right:-10px;top:-3px}
header .profile{position:absolute;right:70px;top:0;width:70px;height:79px;text-align:center;padding:20px 0;background:#fff}
header .profile a{position:relative;width:40px;height:40px}
header .gc-edit{position:absolute;bottom:-2px;right:-7px;text-align:center;font-size:8px;background:#000;color:#fff;padding:6px;border-radius:50%}
header .g_menus{position:absolute;right:0;top:0;height:80px;width:70px;background:#f83832}
header .g_menus .out_logo,.rightbar_open header .g_menus .in_logo{display:none}
.rightbar_open header .g_menus .out_logo{display:block}
.gc-wrapper{padding-left:552px}
.gc-re-nav{position:fixed;cursor:pointer;background:#f8f8f8;border:1px solid #f5f5f5;border-radius:3px;width:168px;left:7px;margin:auto;height:36px;bottom:8px;font-size:28px;transition:ease-in-out .3s;-webkit-transition:ease-in-out .3s}
.gc-left-nav.small-nav .gc-re-nav{width:36px;left: 12px}
.gc-re-nav>i{display:block;color:#999;font-size:17px;font-weight:600;line-height:36px;text-align:center;transform:rotate(0deg);-webkit-transform:rotate(0deg);transition:all .56s ease-in-out;-webkit-transition:all .56s ease-in-out}
.leftbar_open .gc-re-nav>i{transform:rotate(180deg);-webkit-transform:rotate(180deg);}
.gc-re-nav>i.arr-reverse{transform:rotate(180deg);-webkit-transform:rotate(180deg)}
.gc-wrapper{display:-webkit-flex;display:flex;-webkit-flex-flow:row wrap;flex-flow:row wrap}
.profile-pic{display:flex;align-items:center;justify-content:center;height:135px}
.profile-pi .gc-pic{position:relative;cursor:pointer;margin:36px auto 0;width:100px;height:100px;border-radius:50%}
.side_menu_profile .profile-pic,.side_menu_profile.gc-left-nav.small-nav .profile-pic{display:flex;height:auto;transition:ease-in-out .3s}
.gc-left-nav{width:182px;float:left;/* overflow:hidden; */height:calc(100vh - 68px);height:-webkit-calc(100vh - 68px);position:relative;border-right:none;background:#fff}
.gc-left-nav{position:fixed;left:0;z-index:999999; border-right: solid 1px #e5e7eb;}
.gc-left-nav.small-nav{width:63px}
.gc-left-nav .gc-menu li a span{opacity: 1;transition:opacity 1s linear;}
.gc-left-nav.small-nav .gc-menu li a span{text-indent: -9999px;display: block;opacity: 0;}
.gc-left-nav.small-nav .gc-menu li a>i{ text-indent:0px; }
.gc-left-nav .gc-menu{height:auto; }
.gc-menu li{border-left:3px solid #fff;height: 30px;line-height: 30px; margin:30px 0;padding-left: 20px;white-space: nowrap;}
.gc-left-nav.small-nav .gc-menu li{text-align: center;padding: 0;}
.gc-menu li a{font-size: 14px;font-weight: 500; color: #3f3f3f;}
.gc-menu li a>i{ font-size:18px;margin-right:10px;vertical-align: middle;}
.gc-menu li a>i.icon-07{font-size:22px}
.gc-menu li.active a{color:#fb683b}
/* .gc-menu li.lbl-dashboard.active{border-left:3px solid #41b4f7;}
.gc-menu li.lbl-dashboard.active a{ color: #41b4f7; }
.gc-menu li.lbl-attendance.active{border-left:3px solid #70d053;}
.gc-menu li.lbl-attendance.active a{ color: #70d053; }
.gc-menu li.lbl-tickets.active{border-left:3px solid #fa673a;}
.gc-menu li.lbl-tickets.active a{ color: #fa673a; }
.gc-menu li.lbl-team.active{border-left:3px solid #f4b73f;}
.gc-menu li.lbl-team.active a{ color: #f4b73f; }
.gc-menu li.lbl-leave.active{border-left:3px solid #c25ff4;}
.gc-menu li.lbl-leave.active a{ color: #c25ff4; }
.gc-menu li.lbl-hr.active{border-left:3px solid #f83832;}
.gc-menu li.lbl-hr.active a{ color: #f83832; } */
/****** view col ***/
.gc-view-col{width:390px;position:fixed;padding:20px;/* padding-bottom:370px; */left:323px;height:calc(100% - 68px);height:-moz-calc(100% - 68px);height:-webkit-calc(100% - 68px);z-index:99;background:#eff1f8 url(../images/col-bg.jpg) no-repeat right center;background-size:cover}
.dashboard-view-box{border:0}
.gc-dteam:after{position:absolute;content:'';width:98%;height:1px;left:0;right:0;bottom:0;margin:auto;background:#e9e9e9}
.gc-pic{position:relative;cursor:pointer;margin:40px auto 0;width:100px;height:100px;border-radius:50%}
.gc-pic{border:solid 2px #3ab54c}
.gc-pic .gc-pi{max-width:100%;padding:6px;border-radius:50%;overflow:hidden}
.gc-view-col h1{position:relative;margin:20px auto;text-align:center;font-size:16px;font-weight:500;color:#000;top:auto;height:auto}
.gc-view-col h1>.gc-desig{display:block;font-size:13px;font-weight:normal;color:rgba(0,0,0,0.66);margin:0}
.gc-pic .epi,.profile>a .epi{position:absolute;bottom:14px;right:-9px;text-align:center;font-size:15px;background:#262626;color:#fff;width:29px;height:29px;line-height:29px;border-radius:50%;-webkit-border-radius:50%}
.profile>a .epi{width:16px;height:16px;bottom:-11px;font-size:8px;right:0;line-height:17px;display:none}
.gc-view-col .gc-dteam h2{position:relative;margin:20px 0 15px;font-size:15px;font-weight:500;color:#000}
.gc-view-col .gc-dteam h2:after{position:absolute;content:'';width:79%;height:1px;background:#e9e9e9;left:72px;top:9px}
.gc-dteam{margin:1.8em 1.5em 0;padding-bottom:0;position:relative}
.gc-ht ul{width:auto;padding-left:20px}
.gc-view-col .gc-d-bottom{position:absolute;top:auto;bottom:0;left:0;right:0}
.gc-ht{margin:0 -1.5em}
.gc-ht-box{float:left;text-align:center;margin:0 18px 10px 0;font-size:12px;font-weight:normal;color:rgba(0,0,0,0.88)}
.gc-ht-photo,.gc-ht-pi{width:42px;height:42px;margin:0 auto 5px;text-align:center;line-height:42px;background:#e7e7e9;border-radius:50%;font-size:19px;color:#c2c2c2}
.gc-ht-photo>img,.gc-ht-prof-pic{width:42px;border-radius:50%}
.gc-d-bottom h2{margin:35px 0 18px 20px;font-size:15px;font-weight:500;color:#000}
.gc-d-strip{width:100%;height:75px;position:relative;font-size:15px;color:#fff;font-weight:500;padding-left:24px;line-height:75px;display:inline-block}
.gc-d-strip:after{position:absolute;top:29px;right:25px;text-align:center;content:"\f105";font:normal normal normal 11px/22px FontAwesome;font-weight:bold;width:21px;height:21px;background:rgba(255,255,255,0.4);border-radius:50%}
.it-bg{background:#f27773}
.attendance-bg{background:#80d295}
.leave-bg{background:#9f72bf}
.admin-bg{background:#d9b267}
/*** switch view ***/
.switch-view{border:0;margin:-20px}
.switch-in{padding:0 17px;position:relative}
.switch-in{overflow:auto;max-height:-moz-calc(100vh - 200px);max-height:-webkit-calc(100vh - 200px);max-height:calc(100vh - 200px)}
.com-head{background:#fff;width:100%;height:120px;position:relative}
.com-head:after{position:absolute;content:'';left:0;right:0;bottom:0;margin:auto;background:url(../images/gc-arrow1.png) no-repeat;width:24px;height:7px}
.switch-view .com-head:after{position:absolute;opacity:1;content:'';left:0;top:auto;right:0;bottom:0;margin:auto;background:url(../images/gc-arrow1.png) no-repeat;width:24px;height:7px}
.com-head h1{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;height:23px;font-size:19px}
.sw-box{background:#fff;border-radius:5px;-webkit-border-radius:5px;margin:20px 0;padding:15px 22px;border:1px solid #eeeff6;box-shadow:0 0 65px rgba(0,0,0,0.08);-webkit-box-shadow:0 0 65px rgba(0,0,0,0.08)}
.sw-wrap{padding:0;margin:0 0 10px}
.sw-wrap h2{margin:5px 0 20px;font-size:12px;font-weight:500;color:#999}
.sw-recent{margin:0}
.sw-list{float:left;text-align:center;margin-right:22px;font-size:13px;color:#000;font-weight:normal}
.sw-photo,.mt-pi{width:42px;height:42px;margin:0 auto 5px;text-align:center;line-height:42px;background:#e7e7e9;border-radius:50%;font-size:19px;color:#c2c2c2}
.sw-wrap .sw-photo{width:40px;height:40px;line-height:40px}
.sw-wrap .sw-photo>img{width:40px;height:40px;border-radius:50%}
.sw-bottom h2{font-size:14px;color:#343434;margin-bottom:12px;font-weight:500;/* padding:15px 22px 0 */}
.switch-view .sw-bottom h2{padding:15px 0 0}
.sw-bottom.gc-ba-box ul{height:286px}
.sw-bottom.gc-ba-box{/* background:#fff;border:0;padding:0px;margin:0px 0 0px */}
.switch-view .sw-bottom.gc-ba-box{background:0;position:relative}
.switch-view .sw-bottom.gc-ba-box.close_box{border-bottom:solid 1px #e2e5ee;border-radius:0}
.switch-view .sw-bottom.gc-ba-box:first-child{margin-top:8px;}
.switch-in.load_more_list{display:block;position:absolute;top:100%;width:100%;z-index:999999999999;bottom:auto;visibility:hidden;transition:ease-in-out .3s}
.switch-in.load_more_list.show_data_pt{top:120px;visibility:visible}
.switch-in.load_more_list .add_save_btn{color:#333}
.holiday_india.load_more_list{display:block;position:absolute;top:0;left: -100%;width:100%;z-index:999999999999;bottom:auto;visibility:hidden;transition:ease-in-out .3s;-webkit-transition:ease-in-out .3s}
.holiday_india.load_more_list.show_data_pt{top:120px;visibility:visible;left: -0%;}
.holiday_india.load_more_list h3{margin-bottom:15px;padding:0 25px;text-align:left}
.holiday_india.load_more_list h3 .remove_data_pt{font-size:11px;color:#000;margin:5px 0 0}
.holiday_india.load_more_list .add_save_btn{color:#333}
.holiday_india.load_more_list .gc-ba-box ul li:after{display:none;}
.holiday_india.load_more_list .custom_switch_height{max-height:60vh}
.holiday_india.load_more_list .custom_switch_height .gc-ba-box{margin:0}
.gc-ba-box.top_space_remove{margin:0px;}
.holiday_india.load_more_list .custom_switch_height .gc-ba-box .upcomingevents h3{padding:0;margin:0}
.switch-view .sw-bottom.gc-ba-box ul li .gc-check+label:before{right:10px;}
.switch-view .sw-bottom.gc-ba-box ul li .gc-check:checked+label:after{right:13px;}
.sw-bottom.gc-ba-box ul li{background:#fff;padding:20px 22px;margin-bottom:8px;border:1px solid #eee;border-radius:5px;-webkit-border-radius:5px}
.sw-bottom .gc-ht-photo,.sw-bottom .gc-ht-pi{width:45px;height:45px}
.sw-bottom .gc-ht-photo>img,.sw-bottom .gc-ht-prof-pic{width:45px;border-radius:50%}
.sw-bottom .ba-right{font-size:14px;font-weight:600}
.sw-bottom .ba-wrap .ba-right .ba-sm{font-size:13px;color:#999;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}
.sw-bottom.gc-ba-box ul li:after{display:none}
.sw-bottom .ba-left .gc-ht-photo,.sw-bottom .ba-left .gc-ht-pi{position:inherit;display:block}
.sw-bottom .d-st{left:8px;top:8px}
.sw-more{width:100%;background:#fff;height:60px;font-size:14px;color:#c2c2c2;border:1px solid #eee;border-radius:5px;-webkit-border-radius:5px}
.gc-check{position:absolute;opacity:0}
.sw-bottom.gc-ba-box ul li .gc-check+label{cursor:pointer;padding:0;margin:0;width:100%}
.sw-bottom.gc-ba-box ul li .gc-check+label:before{position:absolute;content:'';top:37px;right:3px;content:'';width:18px;height:18px;background:transparent;border:1px solid #c6c6c6;border-radius:50%;-webkit-border-radius:50%}
.sw-bottom.gc-ba-box ul li .gc-check:hover+label:before{background:#fff}
.sw-bottom.gc-ba-box ul li .gc-check:checked+label:before{background:#65d381;border:1px solid #65d381}
.sw-bottom.gc-ba-box ul li .gc-check:checked+label:after{position:absolute;content:"\f00c";font:normal normal normal 12px/1 FontAwesome;left:auto;right:6px;top:40px;color:#fff}
/****** New Css 15-06-2018 ***/
.sw-bottom .head_heading{display:block;width:100%;cursor:pointer;color:#040505}
.sw-bottom .head_heading .star_ico{margin-right:10px;color:#faa43b}
.sw-bottom .head_heading .right_ico{float:right;float: right;font-size: 12px;margin-top: 3px;margin-right: 4px;}
.cwrap .sw-bottom.gc-ba-box.close_box .head_heading .right_ico:before{content: "\e90a";}
.cwrap .sw-bottom.gc-ba-box ul{transition:ease-in-out 0.3s}
.cwrap .sw-bottom.gc-ba-box.close_box ul{visibility:hidden;padding:0px;top:-50px;height:0px;display:none;}
.sonar-wrapper{position: relative;z-index: 0;overflow: hidden;}
/* The circle */
.sonar-emitter{margin:auto;right:75px;bottom:56px;top:auto;background:#fe5048;width:80px; height:80px;line-height:80px;text-align:center; border-radius:50%; text-decoration:none; outline:none;margin:0px;box-shadow:0 10px 22px rgba(0,0,0,0.18);transform:scale(0.88);-webkit-transform:scale(0.88);color:#fff;font-size:25px;text-decoration:none;outline:none;line-height:80px;transition:ease-in-out 0.3s;-webkit-transition:ease-in-out 0.3s}
.sonar-emitter{position:fixed;border-radius:9999px;display:block;border:0;opacity:1;z-index:9999999}
.sonar-wave{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:9999px;background-color:#fff;opacity:0;z-index:0;pointer-events:none;background-color:#fe5048;}
.sonar-emitter i{position:relative;color:#fff;line-height: 80px;}
.sonar-emitter:hover{transform:scale(1);-webkit-transform:scale(1);text-decoration:none;}
.sonar-emitter:focus{text-decoration:none;}
.sonar-emitter i.close_icon{display:none;}
.sonar-wave{animation:sonarWave 2s linear infinite}
@keyframes sonarWave{from{opacity:.4}
to{transform:scale(2);opacity:0}
}
.shadow_click_wrap {
padding: 0px;
margin: 0px;
background: #000;
position: fixed;
top: 0;
right: 0;
z-index: 000000;
width: 100%;
height: 100%;
transition: ease-in-out 0.3s;
-webkit-transition: ease-in-out 0.3s;
display: block;
visibility: hidden;
opacity:0;
}
/* 05-04-2019 width change*/
.ticket_type_outer{position:fixed;right:-650px;left:auto;top:0;bottom:auto;width:602px;height:100%;z-index:9999999999;transition:ease-in-out 0.3s;-webkit-transition:ease-in-out 0.3s}
.tickettype_inner{position:relative;background:#fff;height:100%;padding:40px;}
/* 05-04-2019 */
.tickettype_inner .close_ticket_side,
.tickettype_inner .miniticket_bar{
position: absolute;
top: 30px;
right: 15px;
z-index: 99;
background: #fff;
padding: 0;
border-radius: 50%;
display: block;
line-height: 0;
box-shadow:0 0 43px rgba(0,0,0,0.10);
width:30px;
height:30px;
display: flex;
justify-content: center;
align-items: center;
font-size: 10px;
}
.tickettype_inner .miniticket_bar img{width:12px;margin:0 auto;}
/* 05-04-2019 */
.tickettype_inner .miniticket_bar{right:55px;color:#000;font-size:18px;}
.open_comment_ticket{ display: none;
position: absolute;
right:14px;
bottom: 14px;
padding:22px 25px;
padding-right: 75px;
border-radius: 3px;
background: #232323;
color: #fff;
min-width: 280px;
text-align: left;
z-index: 999999;}
.open_comment_ticket .close_icon_pt{position: absolute;
right: 0;
top: 0;
width: 36px;
text-align: center;
line-height:55px;
z-index: 999999;font-size:11px;}
.open_comment_ticket .icon-27 .path1:before{color:#fff}
.open_comment_ticket .mini_wrap_pt{position: absolute;
right:36px;
top: 0;
width: 36px;
text-align: center;
line-height:52px;
z-index: 999999;font-size:16px;}
.tickettype_inner .list_stt{padding:0px;font-size:0px;display:block;margin:0 -10px}
.tickettype_inner .list_stt li{font-size:14px;display:inline-block;width:33.33%;vertical-align:top;padding:0 10px}
.tickettype_inner .list_stt li .ttbox{display: block;
margin-bottom: 20px;
padding:20px 0 30px;
text-align: center;
box-shadow: 0 0 43px rgba(0,0,0,0.10);
border-radius: 5px;
background: #fff;
cursor: pointer;
position: relative;
color:#000;
border:solid 1px transparent
}
/* 05-04-2019 */
.form_details_pt{ max-width: 98%;
margin: 0 auto;
max-height: 88%;
overflow: auto;
display: flex;}
/* 05-04-2019 */
.travel_dtls_form > label{font-size:13px;color:#f343434;margin-bottom:20px;display:block}
.form_details_pt .nt-form .hidden .form-control{opacity:0.5;display:block;color:#ccc}
.form_details_pt .nt-form .sd.hidden:before{opacity:0.23}
.trrow{margin:0 -5px;}
.multi_check{padding:5px;font-size:0px;border:solid 1px #f1f1f1;border-radius:30px;margin-bottom:20px;}
.multi_check li {position:relative;width:33.33%;display:inline-block;font-size:13px;padding}
.multi_check .gc-check{position:absolute;opacity:0}
.multi_check li .gc-check+label{cursor:pointer;padding:15px 22px;margin:0;width:100%;text-align:center}
.multi_check li .gc-check+label:before{position:absolute;content:'';top:0;right:0;content:'';width:100%;height:100%;background:transparent;border-radius:30px;}
.multi_check li .gc-check:hover+label:before{background:#fff}
.multi_check li .gc-check:checked+label:before{background:#6684b5;border:1px solid #6684b5}
.multi_check li .gc-check:checked+label:after{position:absolute;content:"\f00c";font:normal normal normal 12px/1 FontAwesome;left:auto; right: 20px;top:50%;transform: translate(0%,-50%);-webkit-transform: translate(0%,-50%);color:#fff}
.multi_check li .gc-check+label span{position:relative}
.multi_check li .gc-check:checked+label{color:#fff}
.tickettype_inner .list_stt li .ttbox i{display:block;text-align:center}
.tickettype_inner .list_stt li .ttbox.active{box-shadow:0 0 80px rgba(0,0,0,.2);animation:blink-in .5s;border-color:#fb6347}
.ticket_type_outer.open_it{right:0}
.ticket_type_outer.open_it .shadow_click_wrap{ visibility: visible;
opacity:0.8;}
/* 05-04-2019 */
.ticket_type_outer .heading{padding:0px;margin:0px 0 38px;color:#000;font-weight:500;font-size:16px;}
.ticket_type_outer .heading i{margin-right:5px;}
.ticket_type_outer .heading span{display:block;font-size:80%}
.ticket_type_outer .back{margin-top:0;cursor:pointer}
/* 05-04-2019 */
#CttList,
#CttStep,
#TTPStep{display:none}
#CttList.open_it,
#CttStep.open_it,
#TTPStep.open_it{display:block; height: 100%;}
#TtsList.close_it,
#CttStep.close_it,
#TTPStep.close_it{display:none}
#TTPStep .form_details_pt{width:100%;margin-left:-5px}
.all_member_list, .external-member-list{position: absolute;
right: 100%;
top: 0;
height: 100%;
background: #f7f8f9;
max-width: 393px;
width: 100%;
padding:50px 20px 20px;transform:scaleY(0);transform:scaleX(0);transform-origin:right 0;transition:ease-in-out 0.3s}
.head_directory{margin-bottom:32px;font-size:13px;color:#3b3b3c}
.head_directory .close_member{float:right;font-size:12px;color:#000}
.head_directory .close_member span{color:#a5a5a6}
.all_member_list.open_it, .external-member-list.open_it {transform:scaleY(0);transform:scaleX(1)}
.all_member_list .form-control, .external-member-list .form-control{
width: 100%;
height: 50px;
color: #050505;
padding: 0 20px;
border-radius: 30px;
background: #fff;
border: 1px solid #e9eaeb;
outline: none;
font-size: 14px;
margin-bottom: 18px;
position: relative;
}
.all_member_list h2, .external-member-list h2{position: relative;
margin: 0 0 15px;
font-size: 15px;
font-weight: 500;
color: #000;}
.all_member_list .gc-dteam{margin:0px 10px;padding:0}
.all_member_list .gsc_thin_scroll{height:auto}
.all_member_list .sw-bottom.gc-ba-box ul li {
padding: 20px 10px;
border-radius: 0;
background: transparent;
border: none;
border-bottom: solid 1px #e5e6e7;
}
.all_member_list .sw-bottom .d-st{left:auto;top:auto;bottom:0;right:0}
.all_member_list .sw-bottom.gc-ba-box ul li .gc-check+label:before{top:34px;}
.all_member_list .sw-bottom.gc-ba-box ul li .gc-check:checked+label:after{top:37px;}
.all_member_list .ba-wrap .ba-left{margin-right:15px;}
.all_member_list .ba-wrap .ba-right{position:relative}
.all_member_list .ba-wrap .ba-right .three_dot{position: absolute;
right: 20px;
top: 0;
width: 50px;
text-align: center;
line-height: 48px;
font-size: 18px;
color: #c6c6c7;cursor:pointer}
.all_member_list .ba-wrap .ba-right .three_dot:hover{color:#000}
.all_member_list .ba-wrap .ba-right .three_dot .mt-share{ position: absolute;
top: 0;
background: #f7f8f9;
height: 100%;
left: auto;
right: 0;
z-index: 1;
text-align: center;
width: 268px; transform: scaleY(0);
transform: scaleX(0);
transform-origin: right 0;transition:ease-in-out 0.3s;-webkit-transition:ease-in-out 0.3s;}
.all_member_list .ba-wrap .ba-right .three_dot:hover .mt-share{ transform: scaleY(0);
transform: scaleX(1);}
.threedot_pt{position: absolute;
top: 0;
left: auto;
right: 100%;
height: 100%;
width: 25px;
background: #f7f8f9;text-align:center;cursor:pointer;display:none;}
.threedot_pt i{color:#000;font-size:22px;position:absolute;top:50%;transform: translate(0%,-50%);-webkit-transform: translate(0%,-50%);left: 0;right: 0;}
.threedot_pt.open_it{display:block}
@keyframes blink-in{0%{transform:scale(1)}
33%{transform:scale(.9)}
66%{transform:scale(1.1)}
to{transform:scale(1)}
}@keyframes blink-out{0%{transform:scale(1)}
33%{transform:scale(1.1)}
66%{transform:scale(.9)}
to{transform:scale(1)}
}
/* 05-04-2019 */ /* 23-04-2019 */
.addnewmember_list{padding: 0px;
display: flex;
margin: 0 -9px 20px;}
/* 05-04-2019 */ /* 23-04-2019 */
.addnewmember_list > li{
padding: 0 9px;
vertical-align: top;
width: 25%;
}
.addnewmember_list > li:last-child{margin-right:0}
/* 05-04-2019 */ /* 23-04-2019 */
.addnewmember_list > li .image_box_up{ border: dashed 1px #d0d0d0;
height: 130px;
position: relative;
padding: 7px;
border-radius: 5px;
cursor: pointer;
width: 100%; display: flex;
justify-content: center;
align-items: center;}
/* 23-04-2019 */
.addnewmember_list > li .image_box_up .close_img{position:absolute;right:-7px;top:-7px;width:16px;height:16px;background:#000000;text-align:center;border-radius:50%;display: flex;
justify-content: center;
align-items: center;}
/* 23-04-2019 */
.addnewmember_list > li .image_box_up .close_img i{line-height:16px;color:#fff;font-size:7px;line-height:0px;}
/* 05-04-2019 */ /* 23-04-2019 */
.addnewmember_list > li .image_box_up .icon_img_pt{width:100%;margin-top:0px;text-align:center}
/* 05-04-2019 */
.addnewmember_list > li .image_box_up .icon_img_pt .icon_imgadd{display:block;width:32px;height:32px;text-align:center;margin:0 auto 5px}
.addnewmember_list > li .image_box_up .icon_img_pt .icon_imgadd img{width:100%;height:100%;border-radius:50%;}
/* 05-04-2019 */ /* 23-04-2019 */
.image_box_up .icon_img_pt .name_pt{font-size:14px;font-weight:normal;color:#000;display:block}
/* 05-04-2019 */
.image_box_up .id_proff{background:#fd5852;margin-top: 7px;width:100%;padding:0px;line-height:22px;border-radius:3px;font-size:11px;color:#fff;text-align:center;display:block}
/* 05-04-2019 */ /* 23-04-2019 */
.image_box_up .add_ico{ position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
text-align: center;
width: 42px;
height: 42px;
background: #cbcbcb;
color: #fff;
border-radius: 50%;
font-size: 12px;
display: flex;
justify-content: center;
align-items: center;}
/* 05-04-2019 */
.image_box_up .add_ico i{line-height:28px;}
/* 23-04-2019 new add*/
.image_box_up .proffpt{padding:0px;margin:0px;display:flex; justify-content: center;
align-items: center;width: 73px;
margin: 0 auto; padding-top:7px;
border-top: solid 1px #f7f8f9;
margin-top: 8px;}
.image_box_up .proffpt .idpro{width:45px;height:21px;display: flex;
justify-content: center;
align-items: center; color: #fff;font-size:14px;border-radius:3px; margin-right: 5px;}
.image_box_up .proffpt .idpro.green{background:#6ad084;}
.image_box_up .proffpt .idpro.red{background:#f96846;}
.image_box_up .proffpt .idpro img{margin-left:3px;}
.image_box_up .proffpt .id_view_upload{width:23px;height:21px;background:#666765;display: flex;
justify-content: center;
align-items: center; color: #fff;font-size:14px;border-radius:3px;position:relative}
.image_box_up .proffpt .id_view_upload img{margin-left:0;}
.image_box_up .proffpt .id_view_upload input[type="file"]{ position: absolute;
right: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;cursor:pointer}
/****** Detail col ***/
.gc-detail-col{width:100%;position:relative;float:left;-webkit-transition:width 1s;transition:width 1s}
.gc-detail-col.dashboard{background:#e2e5ee}
.gc-detail-col li:last-child{margin-bottom:12px;}
.gc-detail-col li:last-child .outer_list_ticket .priority_menu .dropdown-menu{top:auto;bottom:100%}
.punch-section{background:#fff;position:relative;margin:0 auto 0;padding:64px 0 60px;text-align:center;overflow-y:hidden;box-shadow:0 5px 6px -3px rgba(0,0,0,.02);-moz-box-shadow:0 5px 6px -3px rgba(0,0,0,.02);-webkit-box-shadow:0 5px 6px -3px rgba(0,0,0,.02)}
.gc_button_row{bottom:0;left:0;right:0;text-align:left;padding-top:3px;}
.gc_button_row ul{padding:0;margin:0;font-size:0;padding:15px 15px 0}
.gc_button_row ul li{display:inline-block;font-size:13px;margin-right:10px}
.gc_button_row ul li .d-btn{min-width:82px;height:35px;display:block;line-height:35px;text-align:center;background:0;border-radius:30px;padding:0 10px;color:#999;border:1px solid #e9e9e9;transition:ease-in-out .3s;background:#fff}
.gc_button_row ul li .d-btn:hover{background:#565656;border-color:#565656;color:#fff}
.gc_button_row.sticky{position:fixed;top:79px;width:100%;z-index:2;padding-left:607px;height:51px;padding-right:334px;padding-top:0;transition:ease-in-out .3s}
.gc_button_row.sticky ul{background:#fff;padding:10px 15px;box-shadow:0 0 5px rgba(0,0,0,0.05)}
.gc_button_row h3{float:left}
.punch-section .cloud{display:block;margin:0 auto 12px;font-size:45px}
.punch-section h2{margin:6px 0 0;font-size:28px;font-weight:500;color:#000}
.punch-section p{font-size:13px;font-weight:normal;margin:10px 0 0;color:#000}
.punch-section p .ptime{color:#0f60d0}
.punch-btn{width:165px;height:52px;background:#65d381;border:0;margin:25px 0 0;color:#fff;font-size:15px;font-weight:500;border-radius:30px;box-shadow:0 0 25px rgba(0,0,0,0.12);-webkit-box-shadow:0 0 25px rgba(0,0,0,0.12)}
.punch-btn .icon-16{background:#18912a;width:30px;height:30px;margin-left:-24px;margin-top:-1px;margin-right:5px;border-radius:50%;line-height:30px;display:inline-block;vertical-align:middle;opacity:.8;font-size:20px}
.gc-detail-col h3{font-size:15px;font-weight:500;margin-bottom:30px;color:#000;margin:23px 17px 0;}
.gc_button_row.sticky h3{margin:20px 17px 0;}
.d-ticket{background:#e2e5ee;padding:10px 10px 0}
.d-tno,.d-ttime,.d-tday{font-size:12px;color:#555;position:relative}
.d-ttime:before{position:absolute;content:'';left:-22px;top:-9px;background:#f83d34;width:15px;height:15px;border-radius:50%;display:inline-block;margin:10px 0 12px}
.d-ttime:after{position:absolute;left:-17px;top:4px;content:"\e910";font-family:'careline'!important;color:#fff;font-size:8px}
.remove_flag .d-ttime:before,.remove_flag .d-ttime:after{display:none}
.remove_flag.right_action .d-ttime{margin-left:0}
.d-tno{padding-left:25px;cursor:pointer}
.d-tno:before{position:absolute;top:-3px;left:0;content:'';width:18px;height:18px;background:transparent;border:1px solid #c6c6c6;border-radius:50%;-webkit-border-radius:50%}
.d-tno.t-check:before{position:absolute;content:'';content:'';background:transparent;border:1px solid #c6c6c6;border-radius:50%;-webkit-border-radius:50%;background:#474747;border:1px solid #474747;top:-3px;left:0;width:18px;height:18px}
.d-tno.t-check:after{position:absolute;content:"\f00c";font:normal normal normal 12px/1 FontAwesome;left:auto;color:#fff;top:0;left:4px;font-size:10px}
.d-ticket-box{margin:15px 0 0}
.d-ticket-box:before,.d-ticket-box:after,.top-filters:before,.top-filters:after{display:table;content:'';clear:both}
.outer_list_ticket{background:#ffffff;padding:10px;margin-top:12px;border-top:solid 1px #d6d9de;border-bottom:solid 1px #d6d9de;}
.outer_list_ticket .d-ticket-list{margin:0px 0 10px;position:relative; display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;}
/* 05-04-2019 */
.rec_list_details{margin:0px 0px 0;border-color:#ebeefb;padding: 8px 0 0;}
.rec_list_details .t-bot-strip{border-top:solid 1px #ebeefb}
.rec_list_details .d-ticket-list .name_assign_pt{-ms-flex: 0 0 60%;
flex: 0 0 60%;
max-width: 60%;padding-left: 45px;}
.rec_list_details .d-ticket-list .name_assign_pt .img_check {
width: 30px;
height: 30px;
z-index: 1;
left: 0;
top: 2px;
display: block;
vertical-align: middle;
position: absolute;
}
.rec_list_details .d-ticket-list .name_assign_pt .img_check .d-ticket-box {
padding: 0px;
margin: 0px;
position: relative;
width:35px;height:35px;
}
.rec_list_details .d-ticket-list .name_assign_pt .img_check .d-ticket-box img{border-radius:50%;display:block;width:100%;height:100%}
.rec_list_details .d-ticket-list .name_assign_pt a {
font-size: 13px;
color: #3d3d3d;
padding-right: 20px;
line-height:44px;
}
.d-ticket .d-ticket-list,
.d-ticket .d-ticket-list-inner{width:100%;position:relative; background:#fff;margin:0px 0 10px;padding-left:10px; display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;}
.d-ticket .d-ticket-list-inner{margin:0;border:0;position: initial;}
.d-ticket .d-ticket-list .d-ticket-list-inner .list_radio{top:23%;}
.tr-tc .d-ticket-list{padding-left: 0;}
.d-ticket .read_msg .d-ticket-list{background:#f8f9fc}
.d-ticket .read_msg .dec_row p,
.d-ticket .read_msg .t-bot-strip .dt-col,
.d-ticket .read_msg .t-attach{color:#6f6f6f}
.gc-tickets .d-ticket .d-ticket-list{border-bottom:0;}
.d-ticket-list.t-select:before{position:absolute;left:0;right:0;top:0;bottom:0;content:'';background:rgba(0,0,0,0.35);z-index: 1;margin:-10px -10px -10px}
.d-ticket-cell{display:table-cell;vertical-align:middle;font-size:13px;padding:0px 0px;width:20%}
.nane_as_row{position:relative}
.nane_as_row .eyeicon{padding:0px;margin:0px;}
.nane_as_row .eyeicon svg{fill:rgba(0,0,0,0.66)}
.d-ticket .d-ticket-list .name_assign_pt{position:relative;padding-left:45px;min-height:40px;margin:0px 0; -webkit-box-flex: 0;
-ms-flex: 0 0 70%;
flex: 0 0 70%;
max-width: 70%;}
.d-ticket-list .btn_row{text-align:right;white-space:nowrap; -webkit-box-flex: 0;
-ms-flex: 0 0 30%;
flex: 0 0 30%;
max-width: 30%;}
.d-ticket .d-ticket-list .name_assign_pt a{font-size: 13px;
color: #3374db;
padding-right: 20px;}
.d-ticket .d-ticket-list .name_assign_pt a > span{font-size: 13px;
color: #3374db;white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
max-width: 90%;
display: inline-block;vertical-align:middle}
.d-ticket .d-ticket-list .name_assign_pt span{display:block;font-size:12px;color:#656565;margin-top:3px;}
.d-ticket .d-ticket-list .list_radio{display:block;vertical-align:middle;position:absolute;top:41%;left:10px;width:18px;height:18px}
.d-ticket .d-ticket-list .img_check{width:30px;height:30px;z-index: 1;left:0;top:2px}
.d-ticket .d-ticket-list .img_check .d-ticket-box{padding:0px;margin:0px;position:relative}
.d-ticket .d-ticket-list .img_check .d-ticket-box img{width:100%;height:100%;border-radius:50%}
.d-ticket li .d-ticket-list .img_check .gc-check+label:before{width:30px;height:30px;top:0;border-color:transparent;}
.d-ticket li .d-ticket-list .img_check .gc-check:checked+label:after{top:8px;margin: 0 auto;text-align: center;display: block;width: 100%;left: 0;font-size: 14px;content: "\e935";font-family: 'careline' !important;}
.d-ticket li .d-ticket-list .img_check .gc-check+label:hover:before{border-color:#c6c6c6}
.d-ticket li .d-ticket-list .img_check .gc-check:checked+label:hover:before{border-color:transparent}
.img_name_wrap{position:relative;min-height:35px;display:inline-block}
.img_name_wrap .gc-ht-photo,.img_name_wrap .gc-ht-photo>img{display:inline-block;left:0;top:0;vertical-align:middle;margin-right:5px;width:35px;height:35px;min-width:35px;line-height:35px;margin-bottom:0}
.d-ticket-list .name_row{width:18%;color:#000;min-width:150px}
.d-ticket-list .name_row .name{white-space:nowrap;max-width:125px;height:17px;text-overflow:ellipsis;display:inline-block;vertical-align:middle;overflow:hidden;font-size:14px;color:#616161}
.d-ticket-list .dec_row{color:#222;font-weight:normal}
.home_ticket_list_wrap{padding-top:0;padding-bottom:15px}
.home_ticket_list{padding-top:0}
.home_ticket_list.d-ticket .d-tstrip{margin-top:10px;float:right;padding:0}
.home_ticket_list.d-ticket li:first-child .d-ticket-list{margin-top:13px;display:block}
.d-ticket-list .dec_row p{max-width:87%;font-size:14px;line-height:17px;color:#000;white-space:normal;text-overflow:ellipsis;display:inline-block;vertical-align:middle;overflow:hidden}
.d-ticket-list .btn_row .d-btn{line-height:30px;height:30px;}
.d-ticket-cell .d-btn{width:88px;height:35px;line-height:33px;text-align:center;background:0;border-radius:30px;padding:0;color:#555;font-size:12px}
.d-ticket-list .d-btn.d-reject{border:1px solid #e9e9e9;color:#565656;background:#f4f5fa;margin-right:0}
.d-btn.d-reject:hover{background:#565656;color:#fff}
.d-btn.d-approve{border:1px solid #65d381;background:#75e08f;color:#fff}
.dropdown_action_list.select_cercle_wrap .d-btn.d-approve{background:0;color:#565656}
.d-btn.d-approve:hover{background:#65d381;color:#fff}
.btn_comment{position:absolute;top:0;right:0;width:54%;height:100%;background:#fff;padding:10px;transition:ease-in-out .5s;width:0;opacity:0;visibility:hidden}
.tr-tc .btn_comment{top:0;background:0;height:78px}
.btn_comment.show_comment{width:40%;opacity:1;visibility:visible;background:#fff}
.btn_comment .form_group{width:100%;position:absolute;top:50%;right:0px;transform:translate(0,-50%);-webkit-transform:translate(0,-50%)}
.btn_comment .form-control{box-sizing:border-box;width:100%;height:42px;border-color:#ebedef;border-radius:25px;margin:0;padding:0 100px 0 20px;box-shadow:0 0 15px rgba(0,0,0,0.08)}
.btn_comment .d-btn{position:absolute;right:6px;top:6px;padding:0;height:auto;line-height:28px;color:#fff}
.btn_comment .btn-approve{background:#65d381}
.btn_comment .btn-reject{background:#565656!important;border-color:#565656!important;color:#fff!important}
.home_ticket_list_wrap .dropdown_action_list.select_cercle_wrap{float:none;display:inline-block;vertical-align:middle}
.tr-tc .btn_comment.show_comment{height:78px}
.tr-tc .inline_row .btn_comment,.tr-tc .inline_row .btn_comment.show_comment{height:38px}
.d-ticket-list .chat_tab .d-btn.d-reject{width:33px;background:#565656;color:#fff}
.t-bot-strip{display:table;table-layout:fixed;width:100%;background:#f9faff}
.t-bot-strip .dt-col{height:33px;color:#686869;display:inline-flex;border-right:1px solid #ebeefb;vertical-align:middle;padding:0 10px;width:15%;font-size:12px;text-align:center;position:relative;align-items:center}
.t-bot-strip .dt-col:last-child{border-right:0;padding-left:38px}
.t-bot-strip .dt-col:nth-child(4){width:25%;/* padding-left:12px */}
.t-bot-strip .dt-col:nth-child(1){width:11%;}
.t-bot-strip .dt-col:nth-child(2){width:13%;}
.t-bot-strip .dt-col:nth-child(3){width:26%;}
.t-bot-strip .dt-col:nth-child(4){width:16%;}
.t-bot-strip .dt-col:nth-child(5){width:17%;}
.t-bot-strip .dt-col:nth-child(6){width:15%;}
.dt-col .icon-37{font-size:17px;margin-right:5px;}
.dt-col i{display:inline-block;vertical-align:middle;color:#767677}
.t-bot-strip .dt-col .icon-39{font-style:normal;display:inline-block;margin-right:5px;font-size: 18px; display: inline-flex;align-items:center;}
.t-bot-strip .dt-col .icon-39 i {
font-style: normal;
}
.t-bot-strip .dt-col .gc-ht-photo{width:28px;height:28px;line-height:28px;display:inline-block;vertical-align:middle;margin:0 5px 0 0}
.t-bot-strip .dt-col .gc-ht-photo>img,.t-bot-strip .dt-col .gc-ht-prof-pic{width:28px}
.t-bot-strip .dt-col span{color:#929292;display:block}
.t-attach{color:#6a91bc;font-weight:normal;vertical-align:middle; cursor:pointer;display:inline-block;margin-left:5px;c}
.t-bot-strip .dt-col .d-ttime:before{left:-26px;top:-5px;width:19px;height:19px}
.t-bot-strip .dt-col .d-ttime:after{left:-21px;top:10px;font-size:9px}
.travel-wrap{padding:0;background:#fff}
.t-bot-strip.tr-box{background:#3c3b3b;width:100%;position:relative;border:0;margin:0 auto 0}
.t-bot-strip.tr-box .dt-col{line-height:1.6;padding:5px 0}
.travel-wrap .t-bot-strip .dt-col,.travel-wrap .t-bot-strip .dt-col span{color:#fff}
.travel-wrap .t-bot-strip .dt-col{position:relative;padding-left:17px;border:0}
.travel-wrap .t-bot-strip .dt-col:after{position:absolute;content:'';top:7px;right:5px;border-right:dashed 1px #605f5f;width:1px;height:35px}
.travel-wrap .t-bot-strip .dt-col:last-child::after{display:none}
.d-ticket .tr-tc .d-ticket-list{border-bottom:0}
.tr-tc .t-bot-strip .dt-col .istatus{position:absolute;top:14px;left:17px;color:#000;font-style:italic;text-align:center;background:#fff;width:19px;height:19px;border-radius:50%;line-height:19px}
.travel-wrap .t-bot-strip .dt-col:last-child{padding-left:42px}
.tr-tc .t-bot-strip .dt-col .istatus:hover .mem-info{display:block}
.mem-info{position:absolute;display:none;z-index:999999;top:-126px;border-radius:5px;right:-156px;width:180px;padding:10px 20px 10px 0;background:#fff;box-shadow:0 0 35px rgba(0,0,0,0.15)}
.mem-info:after{left:18px;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(248,250,252,0);border-bottom-color:#fff;border-width:7px;margin-left:-10px;top:auto;bottom:-14px;transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg)}
.mem-info li{margin:12px 0 16px;font-style:normal}
.travel-wrap .t-bot-strip .dt-col span.name,.travel-wrap .t-bot-strip .dt-col .gc-ib{color:#565656;display:inline-block;vertical-align:middle;font-size:14px;margin-left:5px}
/* .comman_beg{position:fixed;padding:15px;background:#ccc;bottom:0;left:0;right:0; text-align: center; z-index: 9999999999;color:#fff} */
.comman_beg{position:fixed;padding:8px 15px;bottom:auto;left:17%;right:0;text-align:center;z-index:9999999999;color:#fff;top:62px;max-width:320px;margin:0 auto;width:100%;font-size:12px;border-radius:5px;border:solid 1px transparent;color:#000;box-shadow:0 5px 5px rgba(0,0,0,0.05)}
.comman_beg.reject_bar{background:#ffe7e7;border-color:#ffabab}
.comman_beg.approved_bar{background:#c2f5cf;border-color:#58e17b}
.comman_beg .undo_pt{color:#000;font-weight:600;border-bottom:1px dashed #000;outline:0; margin-left: 5px;}
.comman_beg.approved_bar .undo_pt{border-color:#8cc38e}
.comman_beg.reject_bar .undo_pt{border-color:#e2a9a9}
/*** Top Right Sidebar ***/
.gc-right-nav,.upcoming_right_nav{width:334px;height:100vh;position:fixed;z-index:99999;top:68px;right:-360px;background:#f1f3f9}
.gc-right-nav.open{right:0}
.gc-pr-pic{max-width:40px;display:inline-block;vertical-align:middle;border-radius:50%}
.top-nav{height:79px;background:#fff}
.top-nav li{width:20%;display:inline-block;float:left;text-align:center;line-height:78px}
.top-nav li.active{border-bottom:2px solid #fb683b}
.top-nav li a{font-size:19px;color:#999}
.top-nav li a .icon-29{font-size:22px}
.top-nav li.last{background:#f83632}
.top-nav li.last a{color:#fff}
.top-nav li.active a{opacity:1}
.top-nav li.profile a{position:relative;width:40px;height:40px}
.gc-edit{position:absolute;bottom:-2px;right:-7px;text-align:center;font-size:8px;background:#000;color:#fff;padding:6px;border-radius:50%}
.upcoming_right_nav{right:0;padding:15px 10px;}
.upcoming_right_nav h2{font-size:14px;color:#686868;margin-bottom:15px;display:block}
.up_leavex_bx{background:#fff;padding:15px 15px 0;border-radius:5px;box-shadow:0 0 2px rgba(0,0,0,0.07);overflow:hidden}
.up_leavex_bx .name_approved_pt{position:relative;margin-bottom:15px;}
.up_leavex_bx .name_appr_outer{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.up_leavex_bx .name_approved_pt .approved_leave{color:#65d381;float: right;font-size:12px;}
.up_leavex_bx .name_appr_outer .name_pt{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width: calc(100% - 38px);vertical-align:middle;padding:10px 0px 10px 10px;color:#000000;font-size:13px;font-weight:normal}
.up_leavex_bx .name_approved_pt .sw-photo{
-webkit-box-flex:0;
-ms-flex:0 0 38px;
flex:0 0 38px;
max-width:38px;
background: #ececec;
height: 38px;
line-height: 38px;
font-size: 22px;margin:0;
position: relative;vertical-align: middle;}
.up_leavex_bx .name_approved_pt .sw-photo .bullet_radius {
width: 12px;
height: 12px;
position: absolute;
bottom: 0;
right: 2px;
left: auto;
top: auto;
border-radius: 50%;
border: 2px solid #fff;
}
.up_leavex_bx p{text-align:center;font-size:13px;color:#000;font-weight:normal;margin-bottom:20px;}
.up_leavex_bx p span{display:block;font-size:12px;color:#989898;margin-top:5px;}
.up_leavex_bx .date_foot{padding:10px 15px;margin:0 -15px;background:#f9faff;font-size:12px;}
.up_leavex_bx .date_foot i{margin-right:5px;font-size:15px;display:inline-block;vertical-align:middle}
/*** Calendar View ****/
.gc-right-com{width:100%;padding:0 12px;height:calc(100% - 68px);height:-moz-calc(100% - 68px);height:-webkit-calc(100% - 68px);overflow:auto;padding-bottom:15px}
.gc-right-com h3{color:#343434;font-size:14px;text-align:left}
.gc-right-com>div:nth-child(1){margin-top:25px}
.gc-calender-view{width:100%;float:left;padding:0 0 25px}
.gc-calender-view .fc-toolbar .fc-right{display:none}
.gc-calender-view .fc-toolbar .fc-left{float:none;margin:auto;text-align:center}
div#calendar{background:#fff;margin:15px 0 0;border:1px solid #eee;border-radius:5px;-webkit-border-radius:5px;padding-bottom: 8px;}
.gc-calender-view .fc-basic-view .fc-body .fc-row{min-height:40px}
.gc-calender-view .fc-scroller.fc-day-grid-container{height:200px!important;overflow:hidden!important}
.gc-calender-view .fc-toolbar.fc-header-toolbar{margin:5px auto 0;display:table}
.gc-calender-view .fc-toolbar h2{margin:8px 0 0 0;font-size:14px;color:#565656}
.fc-unthemed .fc-content,.fc-unthemed .fc-divider,.fc-unthemed .fc-list-heading td,.fc-unthemed .fc-list-view,.fc-unthemed .fc-popover,.fc-unthemed .fc-row,.fc-unthemed tbody,.fc-unthemed td,.fc-unthemed th,.fc-unthemed thead{border-color:#fff!important}
.gc-calender-view .fc-basic-view .fc-day-number,.gc-calender-view .fc-basic-view .fc-week-number{width:22px;height:22px;padding:5px;border-radius:50%;text-align:center;font-size:12px;line-height:22px;font-weight:600;font-family:'Poppins',sans-serif}
.gc-calender-view .fc-unthemed td.fc-today a{color:#fff;background:#fb683b}
.gc-calender-view .fc td.fc-today{border-style:none}
.gc-calender-view .fc-unthemed td.fc-today{background:0}
.gc-calender-view .fc-widget-header .fc-day-header{font-size:11px;font-weight:600;color:#565656;font-family:'Poppins',sans-serif}
/*** holiday ***/
#holiday .gc-ba-box ul li:after{display:none}
/* #holiday .gc-ba-box{padding:20px 15px 15px 22px} */
.upcomingevents{text-align:left}
.upcomingevents h3{font-size:16px;color:#686868;display:inline-block}
.upcomingevents .seletholder{float:right;margin-top:-26px}
.upcomingevents .select-wrapper,.upcomingevents .select-wrapper select{border:0}
.upcomingevents .select-wrapper:after,.upcomingevents .select-wrapper:before{top:16px;right:10px;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}
.upcomingevents .select-wrapper:before{border-color:rgba(159,169,186,0);border-top-color:#9fa9ba;border-width:5px;margin-right:-5px}
.gc-ba-box .upcomingevents ul{height:auto;max-height:450px;padding-bottom:20px}
.gc-ba-box .upcomingevents li{margin:0;padding:10px 0;float:left;width:100%;color:#727272;font-size:12px}
.gc-ba-box .upcomingevents li:nth-child(1){border-top:1px solid #f2f2f2;margin:5px 0 15px;border-bottom:1px solid #f2f2f2}
.upcomingevents li:first-child .date,.upcomingevents li:first-child .events{font-size:13px;color:#767676;font-weight:normal}
.upcomingevents li .date{float:left;width:45%}
.upcomingevents li .events{float:left;width:55%;text-align:right}
.upcomingevents li.fade_color .date,.upcomingevents li.fade_color .events{color:#c0c0c0}
/*** Birthday & Anniversay Section ***/
.gc-ba-box{/* padding:20px 15px 5px;border-radius:5px;-webkit-border-radius:5px;border:1px solid #eee;background:#fff;margin:15px 0 0 */}
.gc-ba-box ul{height:200px}
.gc-ba-box ul li{position:relative;margin-bottom:25px}
.gc-ba-box ul li:after{position:absolute;top:10px;right:5px;content:'';width:22px;height:22px;background:transparent;border:1px solid #c6c6c6;border-radius:50%;-webkit-border-radius:50%}
.gc-ba-box ul li .ba-wrap{display:flex;flex-direction:row;align-items:center;justify-content:center}
.ba-wrap .ba-left{width:60px;position:relative}
.ba-wrap .ba-right{width:90%;color:#000;font-size:13px;text-align:left; line-height: 1.4;}
.ba-left .gc-ht-photo,.ba-left .gc-ht-pi{margin:0;position:relative}
.ba-wrap .ba-right .ba-sm{display:block;font-size:12px;font-weight:500;margin:2px 0 0}
.ba-birthday{color:#2bb39b}
.ba-anniversary{color:#ab44f6}
.d-event-section{float:left;width:100%;text-align:center}
.events_outer .gc-ba-box{background:#fff;padding:20px 15px 10px;margin: 15px 0 0; border: 1px solid #eee;}
.events_outer .sw-bottom.gc-ba-box ul{height:auto;}
.events_outer .sw-bottom.gc-ba-box ul li{border:none;margin:0px 0 25px;padding:0px;position:relative}
.events_outer .gc-ht-photo>img, .events_outer .gc-ht-prof-pic{width:100% !important;height:100% !important}
.events_outer .sw-bottom.gc-ba-box ul li .ba-left .gc-ht-photo{position:relative;width:42px;height:42px;}
.gc-ht-photo .bullet_radius {
width: 12px;
height: 12px;
position: absolute;
bottom: 0;
right: 2px;
left: auto;
top: auto;
border-radius: 50%;
border: 2px solid #fff;
}
.events_outer .sw-bottom.gc-ba-box ul li .ba-left .gc-ht-photo .d-st{bottom: 0;right: 0;left:auto;top:auto}
.events_outer .sw-bottom.gc-ba-box ul li .gc-check+label:before{top:15px;}
.events_outer .sw-bottom.gc-ba-box ul li .gc-check:checked+label:after{top:18px;}
.events_outer .ba-wrap .ba-right{font-weight:normal}
.events_outer .ba-wrap .ba-right .ba-sm{display:block;font-size:12px;font-weight:500;margin:2px 0 0}
.events_outer .sw-bottom .ba-wrap .ba-right .ba-birthday{color:#2bb39b}
.events_outer .sw-bottom .ba-wrap .ba-right .ba-anniversary{color:#ab44f6}
.events_outer .sw-bottom.gc-ba-box ul li .ba-wrap{width: 80%; position: relative;}
.events_outer .sw-bottom.gc-ba-box ul li .ba-wrap .btn_comment.show_comment{ z-index:99;left: 0; width: auto !important; right: -54px;display:none;}
.events_outer .sw-bottom.gc-ba-box ul li .ba-wrap:hover .btn_comment.show_comment{opacity:1;display:block;width:82%;}
.events_outer .sw-bottom.gc-ba-box ul li .btn_comment .form-control{padding-right:70px;font-size:13px}
.events_outer .sw-bottom.gc-ba-box ul li .btn_comment .d-btn{padding:0 8px;border-radius:30px;font-size:13px}
.events_outer .check_pt{display: block; position: absolute; right: 0; top: 0;}
.ba-more{background:#fff;text-align:center;display:block;margin:15px 0 10px;color:rgba(0,0,0,0.4);padding:5px 2px;font-size:12px;border-top: solid 1px #f6f6f6;
border-bottom: solid 1px #f6f6f6;}
.ba-more:hover{color:#000}
.ba-more:after{position:absolute;content:'';width:100%;left:0;height:1px;margin-top:7px;background:#e9e9e9;z-index:0}
.more-in{position:relative;background:#fff;padding:0 6px;z-index:1;left:0;right:0;margin:auto}
.d-send{width:auto;border:0;background:0;color:#333;font-size:13px;font-weight: 500;}
.d-st{width:12px;height:12px;position:absolute;bottom:0;right:0;border-radius:50%;border:2px solid #fff}
.d-grey{background:#e3dfdf}
.d-green{background:#38b44a}
.d-red{background:#f44739}
/****** Tickets ******/
.gc-tickets .gc-detail-col,.gc-leaves .gc-detail-col,.gc-team .gc-detail-col{padding-top:118px;background:#e2e5ee}
.gc-left-nav.small-nav .profile-pic{width:100%;display:inline-block;vertical-align:middle;height:150px}
.gc-left-nav.small-nav .gc-pic .gc-pi{padding:4px}
.gc-left-nav.small-nav .gc-pic{width:60px;height:60px;display:block;margin:25px auto 0;border:1px dashed #38b44a}
.gc-left-nav.small-nav .gc-pic svg:not(:root){display:none}
.gc-left-nav.small-nav .gc-pic .epi{width:20px;height:20px;bottom:1px;right:-1px;font-size:11px;line-height:20px}
.com-head.t-head{background:url(../images/tickets_header.svg)no-repeat;background-size:cover;background-position:bottom center;cursor:pointer}
.switch-view .com-head:before{position:absolute;width:100%;content:'';color:#fff;opacity:.15;top:0;font-size:50px;font-weight:600;max-width:100%;white-space:nowrap;height:120px;display:flex;flex-direction:row;align-items:center;justify-content:center}
.com-head.t-head:before{content:'Ticket'}
.com-head.t-head h1{color:#fff}
.t-add{background:#fff;color:#f97f5d;width:36px;height:36px;line-height:36px;font-size:31px;display:inline-block;vertical-align:middle;border-radius:50%}
.cwrap .sw-bottom.gc-ba-box ul{background:#fff;padding:10px 0 10px; border-radius: 4px;}
.cwrap .sw-bottom.gc-ba-box ul li{margin:0;border:0;line-height:1.5em;padding:10px 22px}
.cwrap .sw-bottom.gc-ba-box ul li .gc-check+label{font-size:14px;font-weight:400;color:#777}
.cwrap .sw-bottom.gc-ba-box ul li .gc-check+label:before{top:auto;right:23px}
.cwrap .sw-bottom.gc-ba-box ul li .gc-check:checked+label:after{right:26px;line-height:18px;top:10px}
.cwrap .sw-bottom.gc-ba-box ul{height:auto}
.top_head_filter .top-filters .sw-bottom.gc-ba-box ul{padding:0;background:#fcfcfe}
.cwrap .sw-bottom .sw-more{height:66px;font-size:15px;margin:5px 0}
.cwrap .pending-msg{position:absolute;right:58px;top:0;line-height:44px;color:#f49691;font-size:12px}
.cwrap .top-filters li{display:inline-block}
.gc-ticket-list{margin:0}
.cwrap .gc-right-nav .sw-bottom.gc-ba-box{margin-top:15px}
.cwrap .gc-right-nav .sw-bottom.gc-ba-box ul{padding:0}
.cwrap .gc-right-nav .sw-bottom.gc-ba-box ul li{border:0;margin:0 0 25px;padding:0;position:relative}
.cwrap .gc-right-nav .sw-bottom.gc-ba-box ul li .gc-check+label:before{top:15px;right:3px}
.cwrap .gc-right-nav .sw-bottom.gc-ba-box ul li .gc-check+label::after{top:15px;right:6px}
.cwrap .gc-right-nav .sw-bottom.gc-ba-box ul li .ba-right{width:90%;color:#000;font-size:13px;text-align:left}
.gc-tickets .gc-ticket-list{min-height: calc(100vh - 178px);min-height: -webkit-calc(100vh - 178px);}
/*** Top filter ***/
/* 05-04-2019 */
.top_filter_outer{display:inline-block;width:100%;padding:0 334px 15px 572px;position:fixed;top:65px;left:0;right:0;z-index:10;transition:ease-in-out .3s}
.top-filters{width:100%;background:#fcfcfe;padding:9px 0 9px;position:relative;float:left; border-bottom: 1px solid #f5f5f5;}
.select-wrap{position:relative;height:33px;right:32px;top:16px;border-radius:30px;border:1px solid #e5e5e5;overflow:hidden}
.select-wrap:after{position:absolute;background:none repeat scroll 0 0 #FFF;top:2px;right:-1px;padding:6px 9px 6px 7px;content:"\f107";border-radius:50%;color:#777;font:normal 600 normal 16px/1 FontAwesome;appearance:none;-moz-appearance:none;-webkit-appearance:none}
.top-filters select.select-wrapper{max-width:85px;border-radius:30px;height:30px;padding:0 0 0 10px;width:auto;font-size:13px;color:#777;font-weight:500;outline:0;border:0}
.top-filters .sw-bottom.gc-ba-box{margin:5px 0 0 10px;background:#fcfcfe !important}
.select_cercle_wrap{display:block;position:relative;margin-right:15px;margin-top:5px;margin-bottom: 5px;width:117px;cursor:pointer;display:inline-block;transition:ease-in-out .3s;-webkit-transition:ease-in-out .3s;vertical-align: middle;}
.select_cercle_wrap .data_value_select{width:100%;overflow:hidden;text-align:left;height:28px;float:right;max-width:200px;padding:0 10px;border:solid 1px #ddd;border-radius:50px;cursor:pointer;position:relative;transition:ease-in-out .3s;-webkit-transition:ease-in-out .3s}
.select_cercle_wrap:after{content:"\e90b";display:block;font-family:"careline";right:8px;top:9px;color:#7e7e7e;position:absolute;font-size:11px}
.select_cercle_wrap .data_value_select .velue_set{white-space:nowrap;font-size:12px;text-overflow:ellipsis;overflow:hidden;line-height:28px;width:107px;display:block;padding-right:42px;transition:ease-in-out .3s}
.select_cercle_wrap .dropdown-menu{width:150px;position:absolute;top:100%;left:auto;right:0;z-index:9999999;display:block;visibility:hidden;opacity:0;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175);transition:ease-in-out .3s}
.select_cercle_wrap .dropdown-menu li{display:block;margin:0;padding:8px 10px;font-weight:normal;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:12px}
.select_cercle_wrap .dropdown-menu li:hover{background:#f3f5f4}
.select_cercle_wrap.open .dropdown-menu{display:block;visibility:visible;opacity:1}
.select_cercle_wrap.open{height:28px}
.select_cercle_wrap.open .data_value_select>.velue_set{display:none;opacity:0;visibility:hidden}
.select_cercle_wrap.open .data_value_select{width:28px}
.gc-tickets .d-ticket{padding:5px 17px 25px;background: #e2e5ee;}
.top_head_filter{background:#fff;padding:0;margin:0;display:inline-block;width:100%;box-shadow:0 4px 5px rgba(0,0,0,0.02)}
.top_head_filter .ticket-filters{background:#fff;padding:0;position:relative}
.top_head_filter .top-filters:first-child:after{content:"";display:block;width:100%;height:1px;background:#fff;position:absolute;bottom:0px}
.cwrap .top-filters .sw-bottom.gc-ba-box ul li .gc-check+label:before{top:2px}
.cwrap .top-filters .sw-bottom.gc-ba-box ul li .gc-check:checked+label:after{top:5px;}
.top-filters .sw-bottom.gc-ba-box ul li .gc-check+label:before{top:2px;right:3px;width:18px;height:18px}
.top-filters .sw-bottom.gc-ba-box ul li .gc-check:checked+label:before{background:#474747;border:1px solid #474747}
.top-filters .sw-bottom.gc-ba-box ul li{padding:0 28px 0 10px;background:transparent}
.top-filters .sw-bottom.gc-ba-box ul li .gc-check:checked+label:after{right:7px;line-height:1;top:5px;font-size:10px;font-weight:300}
.top-filters .sw-bottom.gc-ba-box ul li .gc-check+label{font-weight:400;color:#a6a6a7}
/*** Ticket filters ***/
.ticket-filters.top-filters .gc-ba-box ul li{margin:0 0 0 10px;border:1px solid #e9e9e9;border-radius:30px;padding:10px 38px 9px 13px;line-height:1}
.ticket-filters.top-filters .gc-ba-box ul li:first-child{margin:0 0 0 20px}
.ticket-filters.top-filters ul li label:before{position:absolute;content:'';content:'';background:transparent;border:1px solid #c6c6c6;border-radius:50%;-webkit-border-radius:50%;background:#474747;border:1px solid #474747;top:7px;right:10px;width:18px;height:18px}
.ticket-filters.top-filters ul li label:after{position:absolute;content:"\f00c";font:normal normal normal 12px/1 FontAwesome;left:auto;color:#fff;top:11px;right:14px;font-size:10px}
.ticket-filters .gc-ba-box{padding:0;margin:13px 0 14px;border:0}
.gc-leaves .ticket-filters .gc-ba-box{padding:0;margin:20px 0 19px;border:0}
.gc-team .ticket-filters .gc-ba-box{margin:15px 0 16px;}
.ticket-filters .gc-ba-box ul{height:auto}
.ticket-filters .gc-ba-box li:after{display:none}
.ticket-filters .gc-ba-box li label{font-size:14px;font-weight:normal;color:#7e7e7e;margin:0}
.d-ticket .d-tstrip{ padding: 10px 0 0; height: 20px;}
.ticket-head-box .d-title{font-size:12px;color:#3b3c3c}
.right_action{min-width:50%; font-size: 12px; color: #555;text-align:right}
.right_action .due_since_row{display:inline-block;margin-right:0;color:#f96863;font-size:12px;font-weight:500}
.right_action .d-ttime{margin-left:25px}
.d-ticket li .gc-check+label{width:100%;position:relative;cursor:pointer;padding:0;margin:0}
.d-ticket li .gc-check+label:before{position:absolute;content:'';top:-3px;left:0;content:'';width:18px;height:18px;background:transparent;border:1px solid #c6c6c6;border-radius:50%;-webkit-border-radius:50%}
.d-ticket li .gc-check:hover+label:before{background:#fff}
.d-ticket li .gc-check:checked+label:before{background:#474747;border-color:#474747}
.d-ticket li .gc-check:checked+label:after{position:absolute;content:"\f00c";font:normal normal normal 10px/1 FontAwesome;left:auto;left:4px;top:0;color:#fff}
.d-ticket li .gc-check:checked+label .d-tno:before{border:0}
/**** ticket Detail ***/
/*23-05-2019*/
.t-info{margin:19px auto 19px;text-align:center; }
.t-info h2{font-size:15px;color:#f9726f;margin-bottom:5px;font-weight:normal}
/* 05-04-2019 */
.t-info .t-sub{font-size:17px;color:#3374db;font-weight:normal;padding:0 20px}
.t-info .t-sub i{color:#6a91bc}
.t-info .t-sub span{
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
max-width: 90%;
display: inline-block;
vertical-align: middle;}
/*23-05-2019*/
.t-info .t-sub .iddate{padding:0px;margin:11px 0 0px;font-size:0px;display:flex;justify-content:center;align-items:center;}
.t-info .t-sub .iddate li{display:inline-flex;font-size:12px;color:#676767;margin:0px;justify-content:center;align-items:center;}
.t-info .t-sub .iddate li:after{display:inline-flex;margin:0 13px;content:"";height:19px;width:1px;background:#ebeefb;}
.t-info .t-sub .iddate li:last-child::after{display:none;}
/* 05-04-2019 */
.gc-ticket-detail{width:100%;/* position:absolute;display:none; left:0;z-index:999;background:#fff;height:100%;transition:.6s ease;-webkit-transition:.6s ease;visibility: hidden;
top: 100%; height: 0px; overflow: hidden;display:block;height: 100vh;
overflow: auto;
overflow-x: hidden; */}
.gc-ticket-detail.gc-dtopen{display:block;visibility: visible;top: 0%;height: auto;overflow: visible;bottom:0;background:#e2e5ee;}
.gc-ticket-detail .top_filter_outer{top:-100%;}
/* 05-04-2019 */
.gc-ticket-detail.gc-dtopen .top_filter_outer{top: 65px; }
.gc-ticket-detail .gc-ticket-dt-box{min-height:200px;}
.gc-ticket-detail .gc-t-info .gc-t-set:last-child{margin-bottom:0}
.tdt-close{position:absolute;right:15px;top:15px;width:35px;height:35px;text-align:center;border-radius:50%;background:#fff;line-height:40px;border:1px solid #e5e5e5}
.tdt-close>img{width:16px;height:16px}
.gc-ticket-dt{position:relative; padding-top: 15px;box-shadow:0 4px 5px rgba(0,0,0,0.02);-webkit-box-shadow:0 4px 5px rgba(0,0,0,0.02)}
.gc-ticket-dt-box{margin:0 2em 0 1.3em;border-radius:5px;background:#fff;min-height:250px}
/*11-07-2019*/
.gc-t-info{padding:30px 0 15px}
/*23-05-2019*/
.gc-t-info.ingcinfo h2{font-size:14px;color:#000000;margin-bottom:15px;}
.gc-t-info .gc-t-set{margin:0;display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;}
.gc-t-info .gc-t-set .name_assign_pt{
-webkit-box-flex: 0;-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;}
.gc-t-info .gc-t-set .btn_row{
-webkit-box-flex: 0;-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;}
.gc-t-info .gc-t-set:first-child{border-bottom:1px solid #f2f2f2}
.gc-t-set .dd{color:#f08c8c}
.gc-t-info .gc-t-set>.name_assign_pt{/* padding:16px 16px 16px 20px; */font-size:13px;font-weight:normal;color:#b8b4b4; }
.gc-t-info .gc-t-set:nth-child(4){border-bottom:1px dashed #e9e9e9;position:relative;display:table;width:100%}
.gc-t-info .gc-t-set:nth-child(4):before{position:absolute;content:'';left:-7px;bottom:-8px;width:12px;height:16px;background:#f06b4a;border-radius:50%}
.gc-t-info .gc-t-set:nth-child(4):after{position:absolute;content:'';right:-7px;bottom:-8px;width:12px;height:16px;background:#f26d4b;border-radius:50%}
.gc-t-info .gc-t-set:last-child{margin:0px;border:0}
.gc-t-pr{display:inline;position:relative}
.gc-t-pr:before{position:absolute;content:'';left:-25px;top:-10px;background:#f53a31;width:18px;height:18px;border-radius:50%;display:inline-block;margin:10px 0 12px}
.gc-t-pr:after{position:absolute;content:"\e910";color:#fff;font-size:8px;left:-19px;top:4px;font-family:'careline'!important}
.gc-t-sub{font-size:13.5px;font-weight:500;color:#000;margin:5px 0 0}
.gc-dark{color:#000;font-weight:normal}
.gc-gr{color:#65d381;font-weight:normal}
.gc-t-name{font-size:13px;color:#3a3a3a}
.gc-t-info p{font-size:13px;font-weight:normal;line-height:17px;color:#000;letter-spacing:0px;margin-top:6px}
.gc-t-crname{font-size:13px;font-weight:normal;color:#343434}
.gc-t-info .gc-ht-photo{width:35px;height:35px;display:inline-block;vertical-align:middle;margin-right:5px}
.gc-t-info .gc-ht-photo>img{width:35px;height:35px}
.gc-t90{width:85%;float:left;margin-left:7px}
.gc-t-recent{margin:5px 0 0 5px;display:inline-block;vertical-align:middle;position:relative}
/*23-05-2019*/
.gc-rt{width:38px;height:38px;line-height:38px;color:#c2c2c2;font-size:14px;font-weight:600;border-radius:50%;text-align:center;margin-right:-15px;position:relative;cursor:pointer}
/*22-05-2019*/
.gc-rt a.removeuser {
position: absolute;
top:0;
left:0;
right: 0;
background:rgba(0,0,0,0.9);
display: flex;
justify-content: center;
align-items: center;
height: 100%;
border-radius: 100%;
border: solid 1px #f1f1f1;
width: 100%;
transform:scale(0);
transition:ease-in-out 0.3s;
}
.gc-rt a.removeuser svg{fill:#fff;}
.gc-rt:hover a.removeuser{
transform:scale(1.02);
}
.gc-t-rview{background:#f1f1f1}
.gc-t-abtn{width:27px;height:27px;background:#4e4e4e;padding:0;color:#fff;line-height:27px;font-size:25px;font-weight:600;border-radius:50%}
.gc-t-abtn.btndropdwn{display:inline-flex;justify-content:center;align-items:center;}
.gc-t-abtn .icon-14{font-size:13px;}
.gc-rt>.gc-t-uimage{max-width:38px;border-radius:50%}
.gc-c-btn{background:#fff;border:0;border-radius:30px;padding:0;min-width:94px;line-height:1;height:45px;font-size:14px;color:#3d3d3d;margin:0 5px;box-shadow:0 0 42px rgba(0,0,0,0.15);-webkit-box-shadow:0 0 42px rgba(0,0,0,0.15)}
.gc-c-btn.gc-reject{background:#464646;color:#fff}
.gc-c-btn.gc-approve{background:#65d381;color:#fff}
/***** Timeline ******/
.timeline{background:#e2e5ee}
.timeline ul{padding:30px 25px 20px 50px}
.timeline ul li{position:relative;width:100%;padding-bottom:30px}
.timeline ul li::before{position:absolute;left:0;content:'';width:1px;height:100%;margin-left:0;padding:0 0 28px;background:#cbd1e5}
.timeline ul li::after{position:absolute;content:'';left:0;top:2px;transform:translateX(-50%);width:12px;height:12px;background:#fb6a3d;border-radius:50%}
.timeline ul li .gc-tbox{position:relative;bottom:0;margin:0;min-width:260px;max-width:100%}
.timeline ul li .gc-tbox{left:2px}
/* .timeline ul li:last-child{padding:0} */
.gc-time-title{font-size:13px;color:#999;font-weight:500;margin-left:20px}
.timeline .gc-time-title,
.timeline .time_day{color:#4d4e51}
.gc-timeline-dt{background:#fff;border-radius:5px;padding:20px 15px 20px;margin:15px 20px 10px;border:1px solid #eeeff6;box-shadow:0 0 45px rgba(0,0,0,0.05);-webkit-box-shadow:0 0 45px rgba(0,0,0,0.05)}
time,.time_day{color:#ccc;margin-bottom:8px}
.ass-name{font-size:13px;margin-bottom:7px}
.gc-tml-pic{font-size:13px;font-weight:500;color:#000;margin-left:25px}
.gc-tml-pic>img{width:50px;height:50px;border-radius:50%}
.gc-tml-bot{margin:0}
.gc-tml-bot p{margin:2px 0;font-size:13px;color:#000000}
.gc-tml-uname{font-size:13px;color:#000000}
/**** New Ticket Popup ****/
.gc-form-dt{position:fixed;display:block;width:100%;height:100%;top:0;left:0;z-index:9999999999;background:rgba(0,0,0,0.5)}
.close-popup{position:absolute;top:30px;right:15px;z-index:99;background:#fff;padding:15px;border-radius:50%;display:block;line-height:0}
.close-popup img{width:20px;height:20px}
.minus_icon{float:right}
.minus_icon .icon-31{font-size:2px}
.gc-form-dt .nt-form{width:437px;position:absolute;right:60px;bottom:45px;padding:35px 45px 35px;background:#fff;border-radius:5px}
.form_torow{ width: 100%;
height: 56px;
color: #050505;
padding: 0 20px;
border-radius: 30px;
outline: 0;
font-size: 14px;
margin-bottom: 18px;
position: relative;
border:solid 1px #ececec;background:#f8f8f8}
.nt-form .form_torow .form-control{padding:0px;margin: 0px;
border: none;
border-right:solid 1px #ececec;
border-radius: 0;
background: transparent;}
.form_torow .sd:first-child .form-control{padding-right:40px}
.nt-form .form_torow .sd:before{right: 35px;}
.form_torow .sd:last-child .form-control{border-right:none;padding-left:20px}
.connect_center{ position: absolute;
right: -11px;
top: 9px;z-index: 9;}
.form_details_pt .nt-form .form-control{background:#f8f8f8;height:54px;}
.form_details_pt .auto_request{text-align:center;font-size:14px;color:#050505;}
.form_details_pt .auto_request h3{font-weight:500;color:#050505;padding:0px;}
.form_details_pt .auto_request h3 span{color:#5e5e5e;display:block;font-weight:normal;font-size:12px;margin:5px 0 0}
.form_details_pt .nt-form .btn_req{font-size:0;text-align:center}
.form_details_pt .nt-form .btn_req .ts-btn{float:none;display:inline-block;min-width:100px;line-height:50px;padding:0px;height:auto;margin:0 11px;border-radius:25px;}
.form_details_pt .nt-form .btn_req .ts-btn.black_btn{background:#474747;border-color:#474747}
.nt-form h3{font-size:18px;font-weight:500;color:#050505;margin-bottom:30px;cursor:pointer;padding-right:22px;position:relative}
.gp::-webkit-input-placeholder{color:#000;font-size:13px}
.nt-form .sd,.nt-form .sd1{position:relative;padding:0 5px}
.a-non{appearance:none;-moz-appearance:none;-webkit-appearance:none}
.nt-form .sd1>div{padding:0}
.nt-form .sd:before{position:absolute;content:"\e911";right:22px;top:20px;z-index:1;font-family:'careline'!important}
.nt-form .form-control{width:100%;height:55px;color:#050505;padding:0 20px;border-radius:30px;outline:0;font-size:14px;margin-bottom:18px;position:relative;border-color:#ececec}
.form_details_pt .nt-form .ts-btn{background:#fd554f;border:1px solid #fd554f;box-shadow:0 0 24px rgba(0,0,0,0.19);color:#fff;font-size:17px;font-weight:500;float:right;margin-bottom:0;max-width:129px;float:right}
/*** file attachment ****/
.nt-form .inputfile{width:.1px;height:.1px;outline:0;opacity:0;overflow:hidden;position:absolute;z-index:-1}
.inputfile+label{max-width:100%;font-size:14px;font-weight:500;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;outline:0;display:inline-block;overflow:hidden;padding:18px 0 18px 15px}
.no-js .inputfile+label{display:none}
.inputfile+label svg{width:1em;height:1em;font-size:19px;vertical-align:middle;fill:currentColor;margin-top:-0.25em;margin-right:.25em}
.inputfile-3+label{color:#1c6ded}
.inputfile-3:focus+label,.inputfile-3.has-focus+label,.inputfile-3+label:hover{color:#518ff1}
.show_form.small_form h3{margin-bottom:0;padding-right:30px;color:#fff}
.show_form.small_form .all_fields{display:none}
.show_form.small_form .inside_form{padding:20px;box-shadow:0 0 22px rgba(0,0,0,0.15);right:15px;bottom:0;background:#fd554f;border-radius:5px 5px 0 0}
.show_form.small_form .inside_form .close-popup{top:16px;right:0;background:transparent}
.show_form.small_form .inside_form .close-popup .icon-27 .path1:before,.show_form.small_form .inside_form .close-popup .icon-27 .path2:before{color:#fff}
.show_form.small_form .inside_form .close-popup img{max-width:15px;height:auto}
.show_form.small_form .inside_form .minus_icon{max-width:14px;margin-top:0}
.gc-form-dt.show_form.small_form{background:transparent;width:437px;height:65px;top:auto;left:auto;bottom:0;right:0}
/****** Team Module ****/
.com-head.team-head{background:url(../images/team_header.svg)no-repeat;background-size:cover;background-position:bottom center;cursor:pointer}
.com-head.team-head:before{content:'Members'}
.team-head h1{color:#fff}
.team-head .t-add{font-size:15px;color:#f1bb3e}
.gc-team .sw-bottom.gc-ba-box ul li .gc-check+label,.gc-team .sw-wrap h2{/* font-size:13px;color:#343434 */}
.gc-team .sw-box{padding:0px;margin:0px;
border:none;
box-shadow:none;
-webkit-box-shadow:none;background:transparent}
.gc-team .sw-bottom.gc-ba-box ul li{padding:10px 26px}
.gc-team .sw-bottom.gc-ba-box{/* margin:8px 0 5px;background:#fff;border:1px solid #eeeff6 */}
.gc-team .sw-bottom h2{/* padding:15px 22px 0;margin:0 0 5px;font-size:13px; */}
/*23-05-2019*/
.top-search input[type=search]{width:auto;display:inline-block;border:0;margin:0;font-weight:normal;font-size:13px;padding-right:30px;background:transparent}
/*23-05-2019*/
.gc-btn-search{padding:0;font-size:20px;font-weight:400;color:#999;border:0;background:0;position:absolute;right:18px}
.sw-icons{position:absolute;right:20px;top:20px;font-size:23px;color:#c7c7c7;cursor:pointer}
.cwrap .team-box{width:100%;float:left;min-height:200px;background:#e2e5ee;padding:6px 4px 0;box-shadow:0 -6px 15px -6px rgba(0,0,0,0.10);-webkit-box-shadow:0 -6px 15px -6px rgba(0,0,0,0.10)}
.cwrap .team-box>ul{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 0%}
.cwrap .team-box>ul>li{-webkit-box-flex: 0;-ms-flex:0 0 32.13%;flex:0 0 32.13%;max-width:32.13%;}
.cwrap .team-box.view-list>ul{display:block;display:inherit;-ms-flex-wrap:inherit;flex-wrap:inherit}
.cwrap .team-box.view-list>ul>li{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;}
.cwrap .te-grid .mt-share{/* position:absolute;width:100%;bottom:0 */margin-bottom:20px;}
.team-box>ul>li,
.team-box>ul>li:last-child{width:32.1%;margin:.6%;background:#fff;float:left;text-align:center;border-radius:5px;box-shadow:0 0 45px rgba(0,0,0,0.02);-webkit-box-shadow:0 0 45px rgba(0,0,0,0.02);overflow:hidden}
.team-box>ul>li .te-grid{position:relative;padding:45px 12px 12px;margin:0;overflow:hidden}
.bottom_area{position:relative}
.bottom_area .view-more-td{ width: auto; left: 0;top: auto;margin:0 -12px;bottom:100%;z-index:1;height:100%;height: 100vh;right: 0;}
.bottom_area .view-more-td .btn_list_pt{position:absolute;bottom:0;width:100%}
.te-grid .mt-st{position:absolute;top:15px;left:15px;color:#949494;font-size:12px;}
.te-grid .mt-st i{color:#bfbfbf}
.te-grid .mt-st.mt-p{background:#63d17f}
.te-grid .mt-st.mt-a{background:#f77d79}
.te-grid i.mt-more{position:absolute;top:15px;right:8px;color:#c2c2c2;font-size:19px;cursor:pointer}
.view-more-td{position:absolute;width:100%;left:0;top:0;padding:75px 0 0;background:rgba(0,0,0,0.7)}
.view-more-td .gc-d-strip{height:49px;font-size:13px;text-align:left;line-height:49px}
.view-more-td .gc-d-strip:after{background:0;top:15px;font:normal normal normal 14px/22px}
.te-grid .te-emp-name{font-size:13px;font-weight:normal;color:#000;margin:0 0 15px}
.te-grid .te-emp-name a{color:#000}
.te-grid .te-emp-name a span{display:block;color:#808080;font-size:12px;margin:5px 0 0}
.te-grid .te-emp-mail{font-size:12px;color:#beb9b9;margin:4px 0 35px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.te-grid .sw-photo{margin:0 auto 15px}
.te-grid .sw-photo{background:#ececec;width:55px;height:55px;line-height:55px;font-size:24px;position:relative}
.gc-detail-col .bullet_radius {width: 12px;
height: 12px;
position: absolute;
bottom: 0;
right: 2px;
left: auto;
top: auto;
border-radius: 50%;
border: 2px solid #fff;}
.te-grid .sw-photo img{width:100%;height:100%;display:block;border-radius:50%}
.te-grid .te-mid{margin:2px 14px 21px;font-size:13px;color:#b2b2b2}
.te-grid .te-mid:before,.te-grid .te-mid:after{display:table;content:'';clear:both}
.te-grid .te-empid{float:left}
.te-grid .te-desination{float:right}
.te-grid .te-manager{display:none}
.te-grid .mt-share{/* text-align:center;padding:15px 0;border-top:1px solid #f5f5f5 */}
.mt-share .mt-cbox{background:#fff;border-radius:50%;width:36px;color:#fff;font-size:24px;height:36px;display:inline-block;margin:0 4px;line-height:36px;text-align:center;box-shadow:0 0 8px rgba(0,0,0,0.13);-webkit-box-shadow:0 0 8px rgba(0,0,0,0.13)}
.mt-share .mt-cbox>img{width:15px;height:15px}
.mt-share .mt-gmail{background:#fff}
.mt-share .mt-cbox i{line-height:38px;}
.mt-share .mt-cbox.mt-whatsapp{background:#65d17f;font-size:16px;}
.mt-share .mt-cbox.mt-hangout{background:#31b854;}
.mt-share .mt-cbox.mt-call{background:#474747;font-size:15px;}
.mt-share .mt-cbox.mt-hangout i{position:relative;bottom:-1px;}
.mt-share .resum_btn{line-height:35px;padding:0px 10px;min-width:120px;border-radius:20px;display: inline-block;border:solid 1px #e8e8e8;text-align:center;color:#3d3d3d;font-size:13px;font-weight:normal;margin-right:10px;vertical-align: top;}
.mt-share .resum_btn i{font-size:15px;margin-left:5px;}
.gc-team .top-search input[type=search]{width:100%}
.gc-team .ticket-filters .update_favourits{margin-top:23px}
/**** Team Member List View ****/
.team-box.view-list>ul>li{width:100%;text-align:left;border-left:none;border-right:0;border-top:1px solid #dee1e5;border-bottom:1px solid #dee1e5;margin-bottom:8px;margin-left:0}
.team-box.view-list .te-grid .sw-photo{display:inline-block;margin:0;width:45px;height:45px;line-height:45px;font-size:20px}
.team-box.view-list li .te-grid{padding:20px 10px 20px 32px;padding-right:140px;overflow:hidden}
.team-box.view-list .te-grid .te-emp-name{display:inline-block;vertical-align:top;margin:8px 0 0 7px}
.team-box.view-list .te-grid .mt-st{width:8px;height:8px}
.team-box.view-list .te-grid .te-mid{margin:-18px 0 0 54px}
.team-box.view-list .te-grid .te-emp-mail{margin:0}
.team-box.view-list .te-grid .te-mid>li{width:auto;position:relative;font-size:12px;color:#a9a4a4;float:left;margin-right:18px}
.team-box.view-list .te-grid .te-mid>li:after{position:absolute;content:'';width:2px;height:11px;background:#c0baba;top:1px;right:-11px}
.team-box.view-list .te-grid .te-mid>li:last-child:after{display:none}
.team-box.view-list .te-grid .te-manager{display:block}
.team-box.view-list .mt-share{position:absolute;right:35px;top:22px;width:110px;border:0;padding:0}
.team-box.view-list .mt-more{top:31px;right:19px}
.team-box.view-list .view-more-td{position:absolute;display:block;max-width:100%;width:auto;height:100%;right:0;left:auto;top:0;padding:0;background:0;text-align:right;right:-100%;transition:ease-in-out .3s;-webkit-transition:ease-in-out .3s}
.team-box.view-list .view-more-td.open_link_list{display:block;right:0}
.team-box.view-list .view-more-td .gc-d-strip{max-width:95px;height:100%;padding:0 8px;margin:0 -2px;font-size:13px;text-align:center;line-height:1.2;display:inline-flex;align-items:center;flex-direction:row;flex:1;vertical-align:top}
.team-box.view-list .view-more-td .gc-d-strip:after{display:none}
.gc-detail-col .team_mid{display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;background:#f9faff;position:relative;border-bottom:solid 1px #f6f6fb;margin-bottom:15px;}
.gc-detail-col .team_mid li:after{content:"";width:100%;height:1px;background:#fff;display:block;position:absolute;bottom:0;left:0}
.gc-detail-col .team_mid li{-webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;position:relative;border-top:solid 1px #f6f6fb;padding:0px 10px;line-height:45px;margin:0px;vertical-align:middle;text-align:right;font-size:12px;color:#3c3c3d}
.gc-detail-col .team_mid li:before{content:"";width:100%;height:1px;background:#fff;display:block;position:absolute;top:0;left:0}
.gc-detail-col .team_mid li:nth-child(2n+2){border-left:solid 1px #f6f6fb}
.gc-detail-col .team_mid li:nth-child(2n+2):after{content:"";width:1px;height:100%;background:#fff;display:block;position:absolute;top:0;left:0}
.gc-detail-col .team_mid li i{text-align:left;float:left;font-size:17px;line-height:45px;min-width: 25px;text-align: center;color:#1e1e1f}
.gc-detail-col .team_mid li i img{max-width:40px;margin:12px 0 0}
.gc-detail-col .mt-foot{display:block;margin-bottom:5px;}
.gc-detail-col .mt-foot a{font-size:12px;color:#808080;outline:none;text-decoration:none;}
.gc-detail-col .mt-foot a i{margin-left:5px;font-size:18px;}
/****** Leaves Module ****/
.com-head.leave-head{background:url(../images/leaves_header.svg)no-repeat;background-size:cover;background-position:bottom center;cursor:pointer}
.com-head.leave-head:before{content:'Leaves'}
.leave-head h1{color:#fff}
.leave-head .t-add{color:#af56ea;font-size:16px}
.gc-leaves .sw-bottom h2{font-weight:500}
.gc-leaves .sw-bottom.gc-ba-box ul li .gc-check+label{font-size:13px;color:#343434}
.gc-leaves .sw-box{margin:20px 0 0}
.gc-leaves .gc-view-col .sw-bottom.gc-ba-box ul{ }
.gc-leaves .gc-view-col .sw-bottom.gc-ba-box ul li{padding:10px 15px}
.gc-leaves .gc-view-col .sw-bottom.gc-ba-box{/* margin:8px 0 5px;background:#fff;border:1px solid #eeeff6 */}
.gc-leaves .gc-view-col .sw-bottom h2{/* padding:15px 22px 0;margin:0 0 0px;font-size:13px */}
.gc-leaves .top-filters .sw-bottom.gc-ba-box{border:0}
.gc-leaves.cwrap .gc-view-col .sw-bottom.gc-ba-box ul li .gc-check+label:before{right:15px;}
.gc-leaves.cwrap .gc-view-col .sw-bottom.gc-ba-box ul li .gc-check:checked+label:after{top:24px;right:18px}
.gc-leaves .gc-view-col .sw-bottom.gc-ba-box ul li .ba-right{font-weight:normal;font-size:13px;}
.gc-leaves .gc-view-col .sw-bottom.gc-ba-box ul li .ba-right .ba-sm{font-size:12px;font-weight:normal}
.gc-leaves .gc-view-col .sw-bottom.gc-ba-box ul li .ba-right .ba-sm.t_filling{color:#f89039}
.gc-leaves .gc-view-col .sw-bottom.gc-ba-box ul li .ba-right .ba-sm.no_status{color:#b0b0b0}
.ul-left{width:75%}
.ul-date{position:relative;font-size:13px;font-weight:500;padding-left:20px}
.ul-com:before{position:absolute;content:'';left:0;top:-9px;background:#fff;width:14px;height:14px;border-radius:50%;display:inline-block;margin:10px 0 12px}
.uml:before{border:4px solid #c476fe}
span.ul-txt{display:block;margin:7px 0 0;font-size:12px;color:#999}
.ul-right{width:25%;font-size:11px;text-align:right;color:#65d381;margin:3px 0 0}
.ul-right .ul-days{color:#999;display:block;margin:7px 0 0}
.cwrap .leave-box{width:100%;float:left;min-height:78vh;background:#e2e5ee;padding:35px 17px 0;box-shadow:0 -6px 15px -6px rgba(0,0,0,0.10);-webkit-box-shadow:0 -6px 15px -6px rgba(0,0,0,0.10)}
.leave-box h3{position:relative;position:relative;margin:0;padding-left:22px;font-size:14px}
.leave-outer{margin:20px 0 0}
.leave-wrap{display:table;width:100%;table-layout:fixed;margin:0 0 2px;background:#fff}
.leave-wrap .ml-col{display:table-cell;vertical-align:middle;height:86px;border-top:1px solid #dfe2ed;border-bottom:1px solid #dfe2ed}
.leave-wrap .ml-col:nth-child(1),.leave-wrap .ml-col:nth-child(3){width:30%;padding-left:10px}
.leave-wrap .ml-col:nth-child(1){width:41%}
.leave-wrap .ml-col:nth-child(2){width:25%;padding-left:15px}
.leave-wrap .ml-col:nth-child(4){width:22%;padding-left:15px;padding-right:15px;cursor:pointer;text-align:right}
.lop-btn button{padding:0 12px;border-radius:30px;background:0;border:0;box-shadow:0 0 35px rgba(0,0,0,0.08);-webkit-box-shadow:0 0 35px rgba(0,0,0,0.08)}
.leave-wrap .lop-btn button{box-shadow:0 0 16px rgba(0,0,0,0.06);-webkit-box-shadow:0 0 16px rgba(0,0,0,0.06);background:#fff;min-width:98px;color:#3d3d3d}
.leave-wrap .ml-col .l-count{padding:0 12px;color:#000;border:1px solid #c6c6c6;border-radius:20px;-webkit-border-radius:20px;margin-left:5px;font-size:15px;display:inline-block;line-height:30px;min-width:55px;text-align:center}
.leave-wrap .ml-col:nth-child(1){font-size:15px;font-weight:normal;color:#000}
.leave-wrap .ml-col:nth-child(1) label{display:inline-block;margin:0;font-weight:normal;color:#000;min-width:130px}
.leave-wrap .ml-col:nth-child(2) .l-count{color:#999}
.leave-wrap .ml-col:nth-child(2),.leave-wrap .ml-col:nth-child(3){color:#989898;font-size:13px}
.leave-wrap .ml-col:nth-child(3) .l-count{background:#af56ec;border:1px solid #af56ec;color:#fff;padding:1px 10px;min-width:54px;display:inline-block;text-align:center;margin-left:5px}
.leave-wrap:last-child{margin:0}
.more-leaves{padding:20px 0;background:#f2f3f7;font-size:14px;color:#c8c9ca;text-align:center;cursor:pointer;border-bottom:1px solid #eaf0f7}
.cal-img{font-size:23px;vertical-align:middle;margin-left:5px}
.leave-box .d-ticket{padding:0px;}
.history_box{padding-top:22px}
.history_head h3{float:left}
.my_team_tb{padding:0px;margin:0px;float:right}
.my_team_tb ul{padding:0px;margin:0px;display:block;font-size:0px;width:128px;border-radius:20px;height:34px;border:solid 1px #ced1d8;background:#fff;overflow:hidden}
.my_team_tb ul li{display:inline-block;width:50%;font-size:13px;text-align:center;}
.my_team_tb ul li a{line-height:34px;color:#050505;display:block}
.my_team_tb ul li.active a{color:#898989;background:#eaeaea}
.leave-box .d-ticket .sub_bottom .dt-col:nth-child(1){width:25%}
.leave-box .d-ticket .sub_bottom .dt-col:nth-child(2){width:22%}
.leave-box .d-ticket .sub_bottom .dt-col:nth-child(3){width:15%}
.leave-box .d-ticket .sub_bottom .dt-col:nth-child(4){width:23%}
.leave-box .d-ticket .sub_bottom .dt-col:last-child{width:15%}
.leave-box .d-ticket .sub_bottom .dt-col.assign_col:hover .assignee_wrap{ left: -114%;}
/*** Attendance Module ***/
.com-head.att-head{background:url(../images/attendnce_header.svg)no-repeat;background-size:cover;background-position:bottom center;cursor:pointer}
.com-head.att-head:before{content:'Attendance'}
.gc-attendance h1{color:#fff}
.gc-attendance .t-add{ color: #6EC174;font-size:16px}
.gc-attendance .sw-bottom h2{font-weight:normal;/* color:#686868; */margin-bottom:0; padding: 0 0 10px;}
.gc-attendance .sw-box{padding:15px 0;background:0;box-shadow:none}
.gc-attendance .sw-photo{width:45px;height:45px;line-height:45px}
.gc-attendance .sw-photo>img{width:45px;height:44px}
.gc-attendance .sw-list{font-size:13px}
.gc-attendance .sw-wrap h2{margin:0 0 20px;color:#343434;font-size:14px;font-weight:normal}
.gc-attendance .sw-box{margin:12px 0}
.att-add{width:45px;height:45px;padding:0;background:#353636;color:#fff;font-size:23px;font-weight:500;border-radius:50%;-webkit-border-radius:50%}
.gc-attendance .gc-ht-photo,.gc-attendance .gc-ht-pi{line-height:45px}
.gc-attendance .sw-bottom .ba-wrap .ba-right .ba-sm.t_present{color:#70d053}
.gc-attendance .ba-wrap .ba-right{line-height:1.4em;font-weight:400}
.gc-attendance .sw-bottom.gc-ba-box{margin:10px 0 20px}
.gc-attendance.cwrap .sw-bottom.gc-ba-box ul{border-radius:5px;-webkit-border-radius:5px}
.cwrap .att-box{width:100%;float:left;min-height:200px;background:#e2e5ee}
.top-att-box{background:#fff;padding:0}
/**** Attendance Calendar *****/
/*Delite Box*/
.yearcarousel{font-size:16px;font-family: 'Poppins', sans-serif;color:rgba(0,0,0,0.88);margin:0 0 0 30px;}
.yearcarousel .icon-14 {font-size: 13px;padding: 0 5px;cursor: pointer;}
#attendance .tab{margin:10px 0 0 20px;}
/*tabbing*/
#attendance .gsc-ta-clickWrap{padding:0;margin:0;width: auto !important;}
#attendance .gsc-ta-clickWrap li{opacity: 0.4;background:#fff;padding:5px;border-radius:4px 4px 0 0;cursor:pointer;box-sizing:content-box;float:left;margin-right:2px}
#attendance .gsc-ta-clickWrap li.gsc-ta-active{color:#000;opacity: 1;}
#attendance .gsc-ta-contentWrap div.gsc-ta-content{display:none;}
#attendance .gsc-ta-content{margin-bottom:10px;}
#attendance .gsc-ta-overHide{overflow:hidden}
#attendance .gsc-ta-overHide div.gsc_ta_scroll{height:35px; }
#attendance .gsc_ta_scroll{overflow-y:hidden;overflow-x:auto}
#attendance .gsc-ta-clickWrap li{background:transparent;color:#354052;padding:0 11px;margin:0;line-height:28px;height:26px;border-radius:4px 0 0 4px;}
#attendance .gsc-ta-clickWrap li:first-child{border-right:0px;position: relative;}
#attendance .gsc-ta-clickWrap li:first-child:after{ position: absolute; content: '';top: 3px; right:-1px;width:2px;height:18px; background: #c5c5c5;}
#attendance .gsc-ta-clickWrap li:last-child{border-left:0px;}
#attendance .gsc-ta-clickWrap li:nth-child(2){border-radius:0 4px 4px 0;}
#attendance .gsc-ta-clickWrap li>i{font-size: 19px;}
.weekdays{width:100%;padding:0;line-height:51px;margin:0;padding:12px 0;background:#fff}
.weekdays li{float:left;text-align:center;padding-left:0}
.weekdays li span{width:22px;height:23px;line-height:23px;border-radius:50%;display:inline-block;line-height:23px;margin-left:5px;font-size:11px;vertical-align:middle;text-align:center;color:#fff}
/*gscr_slideOuter*/
.gscr_slideOuter,.gscr_slideWrapper .gscr_lSFade{position:relative}
.gscr_outerwrapper,.gscr_slideWrapper{max-width:100%;overflow:hidden;position:relative}
.gscr_outerwrapper{overflow:visible}
.gscr_carousel:after,.gscr_carousel:before{content:" ";display:table}
.gscr_carousel,.gscr_pagerwrapper{overflow:hidden;margin:0}
.gscr_carousel.gscr_lsGrab>*{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}
.gscr_slideOuter .gscr_carousel,.gscr_slideOuter .gscr_lSPager{padding-left:0;list-style:none}
.gscr_slideOuter .gscr_carousel>*,.gscr_slideOuter .gscr_lSGallery li{float:left}
.gscr_slideWrapper .gscr_slide{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transition:all 1s;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform,height;transition-property:transform,height;-webkit-transition-duration:inherit!important;transition-duration:inherit!important;-webkit-transition-timing-function:inherit!important;transition-timing-function:inherit!important}
.gscr_lSAction>a{width:22px;display:block;top:50%;height:22px;cursor:pointer;position:absolute;z-index:99;margin-top:-11px;opacity:1;-webkit-transition:opacity .35s linear 0s;transition:opacity .35s linear 0s}
.gscr_lSAction>a:hover{background:#fafbfc;}
.gscr_carousel img,.gscr_waterwheel_carousel img{width:100%;display:inline-block}
.gscr_lSAction>a:hover{opacity:1;transition:opacity 0.2s ease-out 0s;}
.gscr_lSAction>.gscr_lSPrev{left:20px}
.gscr_lSAction>.gscr_lSNext{right:20px;left:auto;}
.gscr_lSAction>.gscr_lSPrev span,
.gscr_lSAction>.gscr_lSNext span{display: inline-block;background: #fff;padding: 5px;width: 25px;height: 25px;vertical-align: top;}
.gscr_lSAction>.gscr_lSPrev span:after, .gscr_lSAction>.gscr_lSNext span:after{position:absolute;font-weight: 600;line-height: 1;font-family: 'careline' !important; color: #999; font-size: 11px;}
.gscr_lSAction>.gscr_lSPrev span:after{content: "\e908";}
.gscr_lSAction>.gscr_lSNext span:after{content: "\e909";}
.monthview{padding:25px 0 17px;}
.box.boxWithoutpadding h2{padding-left:15px;}
#attendance h2 span{font-size:14px;color:#9e64c8;font-family: 'Poppins', sans-serif;padding:10px 0 0 0;display:block;}
#attendance h2 span i{padding-right:10px;font-style:normal;display:none;}
#attendance .attendancereport{padding:26px 0 45px;line-height:44px;border-bottom:solid 1px #DAE3EE;}
#attendance .punchtime{display:table;}
#attendance .padding0{}
.attendancereport li{display:table;border-left:none;text-align:center;width:100%;color:#7f8fa4;box-sizing:border-box;}
.attendancereport li div{min-height:44px;}
.attendancereport li div,.punchtime div{border-bottom:solid 1px #e7e9ed;border-left:solid 1px #e7e9ed;width:33%;text-align:center;line-height:normal;display:table-cell;vertical-align:middle;min-height:44px;}
.attendancereport li div:first-child,.punchtime div:first-child{border-left:none;}
.attendancereport li div{line-height:44px;}
.attendancereport li.holiday{background:url(../../images/holiday-icon.png) repeat;padding-top:11px;height:64px;}
.attendancereport li.holiday span{background:#fff;padding:6px 13px;height:25px;line-height:25px;background:#fff;border-radius:4px;border:1px solid #ff9800;}
.attendancereport li.leave span{border-color:#ba68c8;}
.attendancereport li.present span{border-color:#4caf50;}
.attendancereport li.absent span{border-color:#f44336;}
.attendancereport li.weekoff span{border-color:#607d8b;}
.attendancereport li.hp span{border-color:#7986cb;}
.attendancereport li.lwp span{border-color:#ff80ab;}
.attendancereport li.hlwp span{border-color:#8d6e63;}
.attendancereport li:last-child div{border-bottom:none;}
#attendance .viewroster{width:100%;text-align:center;margin:32px 0 4px;}
#attendance .today{position:relative;}
#attendance .today:before{position:absolute;height:2px;left:0px;bottom:0px;background:#39b54a;content:"";width:100%;}
#attendance .today:after{position:absolute;height:5px;width:5px;left:50%;margin-left:-2px;border-radius:50%;-webkit-border-radius:50%;bottom:7px;background:#39b54a;content:"";}
#attendance .attendancereport li .missedpunch{width:85px;padding:0px;display:inline-block;border-radius:4px;cursor:pointer;height:29px;line-height:29px;color:#fff;background:#f43465;border-color:#f43465;font-size:11px;text-transform:uppercase;font-family:'Latobold';}
#attendance .attendancereport li .missedpunch:hover{opacity:0.8;}
#attendance .attendancereport li .loadNum{width:93px;height:29px;line-height:26px;margin:0px;font-style:normal;text-align:center;}
#attendance .attendancereport li .absent,#attendance .attendancereport li .leave{width:85px;padding:0px;display:inline-block;border-radius:4px;height:29px;line-height:29px;color:#fff;border-color:#f43465;font-size:11px;text-transform:uppercase;font-family:'Latobold';}
#attendance .attendancereport li .leave{color:#fff}
.calendarouter{position:relative;}
.dayname {width: 96%;margin: auto;}
.calendardays{margin:10px auto;padding:0;text-align:center;background:#fff;width:96%;border:1px solid #eeeff6;border-radius:5px}
.calendardays li{width:14.285%;height:110px;text-align:center;padding:4px 5px 50px 0;color:#343434;font-family:'Poppins',sans-serif;font-size:12px;border-right:1px solid #eeeff6;border-bottom:1px solid #eeeff6;text-transform:uppercase;float:left;position:relative;cursor:pointer}
.calendardays li.wo{color:#d4d4d4}
.calendardays li:nth-child(7),.calendardays li:nth-child(14),.calendardays li:nth-child(21),.calendardays li:nth-child(28),.calendardays li:nth-child(35){border-right:0}
.punch{font-size:12px;text-transform:capitalize;position:absolute;color:#343434;left:0;right:0;bottom:17px;margin:auto}
.calendardays li span.p-time{margin-left:3px;display:inline;position:relative;top:auto}
.sidebar_open_right .calender_top{pointer-events:none}
.sidebar_open_right{cursor:pointer}
.calendardays li .day{padding-bottom:17px;color:#adafb2}
.calendardays li label{display:block;vertical-align:top;margin-bottom:0;line-height:18px;font-size:13px;text-align:left}
.calendardays li.lastmonthleave span,.calendardays li.lastmonthleave label{opacity:.4}
.calendardays li span{width:10px;height:10px;border-radius:3px;display:inline-block}
.dayname li{width:14.285%;padding:30px 0 4px;color:rgba(0,0,0,0.66);font-family:'Poppins',sans-serif;font-weight:600;font-size:13px;text-transform:uppercase;float:left;text-align:center}
/*popup*/
.graybg{background:#e4e4e4;height:100%;opacity:0.9;top:0;position:absolute;width:100%;z-index:1503;display:none;}
.editattendance{width:368px;height:372px;border-radius:4px;border:1px solid #e3d0c1;background:#fff;z-index:9999;position:absolute;top:50%;left:50%;margin:-186px 0 0 -169px;padding:24px 29px;display:none;}
.editattendance .title{color:#354052;font-size:18px;font-family: 'Poppins', sans-serif; font-weight: 600;margin-bottom:11px;}
.editattendance .savebtn{text-transform:uppercase;}
.editattendance label{font-family: 'Poppins', sans-serif; font-weight: 600;color:#333c48;}
.width138{width:138px;}
.editattendance .button-white{margin-left:8px;}
.editattendance .infobox{margin-top:17px;}
.editattendance .infobox input{margin-bottom:0;}
.editattendance .infobox .select-wrapper{line-height:25px;}
.editattendance .infobox .select-wrapper::after,.editattendance .infobox .select-wrapper::before{top:11px;}
.editattendance .infobox input[type="time"]{font-style:normal;}
.editattendance input[type="time"],.editattendance input[type="email"],.editattendance input[type="email"],.editattendance input[type="number"],.editattendance input[type="search"],.editattendance input[type="text"],.editattendance input[type="tel"],.editattendance input[type="url"],.editattendance input[type="password"],.editattendance textarea,.editattendance select,.editattendance .select-wrapper,.editattendance .select-wrapper select{height:27px;line-height:27px;font-style:normal;box-shadow:0 1px 1px rgba(0,0,0,0.07) inset;resize:none;}
#attendance .prevarrow,#attendance .nextarrow{color:#999;font-size:11px;font-weight:600;margin:6px 0 0 26px;float:left;cursor:pointer}
.weekdays{padding:10px 25px;box-shadow:0 4px 5px rgba(0,0,0,0.02);border-top:1px solid #f5f5f5}
.att-top-title{background:#fcfcfe;padding:14px 0}
.cwrap .team-box.leaves_box{width:100%;float:left;min-height:200px;background:#e2e5ee;padding:6px 4px 0;box-shadow:0 -6px 15px -6px rgba(0,0,0,0.10);-webkit-box-shadow:0 -6px 15px -6px rgba(0,0,0,0.10)}
.cwrap .team-box.leaves_box>ul{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 0%}
.cwrap .team-box.leaves_box>ul>li{-webkit-box-flex: 0;-ms-flex:0 0 32.13%;flex:0 0 32.13%;max-width:32.13%;}
.cwrap .team-box.leaves_box .leave_head_pt{position:relative;z-index:1;padding:15px 15px 0}
.cwrap .team-box.leaves_box .leave_head_pt h2{float:left;font-size:15px;color:#000000;margin:8px 0 0; font-weight: 500;}
.cwrap .team-box.leaves_box .leave_head_pt i{float:right;font-size:35px;color:#8082b4}
.divdownloadouter{width:320px;clear:both;position:relative;background:#fff;transform:scale(0.8);-webkit-transform:scale(0.8);margin:0 auto;position:relative;top:-40px;}
.divdownloadouter:before{content:"";display:block;width:100%;position:absolute;height:122px;top:38px;background:url(../images/graph_radius.png) 0 0 no-repeat;background-size:237px;z-index:0;left:41px}
.jddown_wrap text:nth-child(7) tspan{font-size:21px!important;fill:#1831d1;font-weight:normal}
[fill="#edebeb"]{d:none;fill:transparent}
[stroke-linecap="square"]{fill:#1831d1}
@media(min-width:1500px) and (max-width:1600px){
.divdownloadouter{left: -11px;}
}
@media(min-width:1450px) and (max-width:1499px){
.divdownloadouter{left: -5px;}
}
@media(min-width:1400px) and (max-width:1449px){
.divdownloadouter{left: -12px;}
}
@media(min-width:1366px) and (max-width:1399px){
.divdownloadouter{left: -18px;}
}
@media(min-width:1300px) and (max-width:1365px){
.divdownloadouter{left: -21px;}
}
@media(min-width:1281px) and (max-width:1299px){
.divdownloadouter{transform: scale(0.7); -webkit-transform: scale(0.7);}
.divdownloadouter{left: -35px;}
}
@media (max-width:1280px){
.divdownloadouter{left: -12px;}
.cwrap .team-box.leaves_box>ul>li {-ms-flex: 0 0 48.75%;flex: 0 0 48.75%;max-width: 48.75%;}
}
.btn_more_leaves{display:block;text-align:center;padding:0px;height:58px;line-height:58px;font-size:14px;color:#c1c2c4;background:#eff0f3;margin:1% 6px}
.btn_more_leaves:hover{color:#333}
.gc-leaves .team-box>ul>li, .gc-leaves .team-box>ul>li:last-child{overflow:inherit}
.apply_bottom{margin-top: -80px;padding:0 25px;position: relative;}
.av_bar_outer{margin-bottom:25px;}
.av_bar_outer .avalid_bar{height:1px;border-radius:5px;background:#e0e1f2;position:relative; margin-bottom:8px;display: -webkit-flex;display: flex;display:-ms-flexbox;}
.av_bar_outer .avalid_bar .four_month_view{position:relative;left:0;top:0; -webkit-box-flex: 0;
-ms-flex: 0 0 33.33%;
flex: 0 0 33.33%;
max-width: 33.33%;font-size:0px;}
.av_bar_outer .avalid_bar:before{content: "";
display: block;
width: 1px;
height: 7px;
background: #e0e1f2;
position: absolute;
left: 0;
top: -3px;}
.av_bar_outer .avalid_bar .four_month_view:after{content: "";
display: block;
width: 1px;
height: 7px;
background: #e0e1f2;
position: absolute;
right: 0;
top: -3px;}
.av_bar_outer .avalid_bar .four_month_view .month_data_leave{width:25%;display: inline-block;height: 1px;position:relative}
.av_bar_outer .avalid_bar .four_month_view .month_data_leave .stats_leaves{position:absolute;width:107px;position:absolute;bottom: 100%;padding-bottom:40px;margin-bottom:4px;display:none;z-index: 999999;left: -43px;visibility:hidden;transition:ease-in-out 0.3s;cursor:pointer}
.av_bar_outer .avalid_bar .four_month_view .month_data_leave .stats_leaves .stats_inside{ border:solid 1px #cacce8;box-shadow:0 0 16px rgba(0,0,0,0.06);background:#fff;}
.av_bar_outer .avalid_bar .four_month_view .month_data_leave .stats_leaves .stats_inside:after{content: "";
/* display: block; */
position: absolute;
width: 1px;
height:0;
background: #cfd1ea;
display: block;
left: 0;
right: 0;
margin: 0 auto;transition:ease-in-out 0.3s}
.av_bar_outer .avalid_bar .four_month_view .month_data_leave:hover .stats_leaves{visibility:visible;display:block}
.av_bar_outer .avalid_bar .four_month_view .month_data_leave:hover .stats_leaves .stats_inside:after{height:40px;}
.av_bar_outer .avalid_bar .four_month_view .month_data_leave .stats_leaves h3{padding:0px;margin:0px;text-align:left;background:#f4f4f8;font-size:13px;font-weight:normal;padding:8px 10px;}
.av_bar_outer .avalid_bar .four_month_view .month_data_leave .stats_leaves h3 i{float:right}
.av_bar_outer .avalid_bar .four_month_view .month_data_leave .stats_leaves .date_list_month{padding:10px 6px;}
.av_bar_outer .avalid_bar .four_month_view .month_data_leave .stats_leaves .date_list_month li{padding:0px;margin:0px;width:33.33%;font-size:14px;display: inline-block;}
.av_bar_outer .avalid_bar .four_month_view .month_data_leave .stats_leaves .date_list_month li span{width:22px;height:22px;display:block;line-height:22px;text-align:center;margin:0 auto;font-size:11px;font-weight:500;background:#ccc;border-radius:50%;color:#fff;}
.av_bar_outer .avalid_bar .four_month_view .month_data_leave .stats_leaves .date_list_month li.present_active span{background:#6ccc62}
.av_bar_outer .avalid_bar .four_month_view .month_data_leave .stats_leaves .date_list_month li.absent_active span{background:#f96863}
.av_bar_outer .avalid_bar .four_month_view .month_data_leave:after{content: "";
display: block;
width: 1px;
height: 3px;
background: #e0e1f2;
position: absolute;
right: 0;
top: -1px;}
.av_bar_outer .avalid_bar .four_month_view .month_data_leave:last-child:after{display:none;}
.present_box_pt{width:100%;margin:0 auto;position:absolute;bottom:100%;left:0;right:0;height:auto;cursor:pointer}
.box_present{height:4px;width:38%;left:0;right:0;margin:0 auto 1px;display: block;}
.box_present.present{background:#6ccc62}
.box_present.absent{background:#e8221c}
.av_bar_outer .avalid_bar .fill_bar{background:#40b254;position:absolute;left:0;border-radius:5px;top:0;height:100%;transition:ease-in-out 0.3s}
.av_bar_outer .avalid_bar .fill_bar.gray_bar{left:auto;right:0;background:#bbbccd}
.av_bar_outer .avalid_bar .fill_bar.red_bar{left:auto;right:15%;background:#e8221c}
.av_bar_outer .avalid_bar .fill_bar.red_bar:after{content:"";display:block;height:11px;width:1px;background:#e0e1f2;top:-5px;top: -4px;position: absolute;}
.av_bar_outer .list_apply_lop{text-align:center}
.av_bar_outer .list_apply_lop .avi_font{font-size:12px;color:#000}
.av_bar_outer .list_apply_lop .lop_font{font-size:0px;color:#000}
.av_bar_outer .list_apply_lop .lop_font>span{display:inline-block;vertical-align:middle;font-size:10px;color:#000;margin-left:10px;}
.av_bar_outer .list_apply_lop .lop_font>span:last-child{margin-right:0px;}
.av_bar_outer .list_apply_lop .lop_font>span .sq_bx{display:inline-block;vertical-align:middle;width:5px;height:5px;background:#ccc;margin-right:5px;padding:0px;}
.av_bar_outer .list_apply_lop .lop_font>span .sq_bx.red{background:#e8221c}
.av_bar_outer .list_apply_lop .lop_font>span .sq_bx.green{background:#6ccc62}
.apply_btn_row{display:block;text-align:center;margin-bottom:25px;}
.apply_btn_row .btn{width: 163px;
margin:0 auto;
height: 45px;
line-height: 45px;
background: 0;
border-radius: 30px;
padding: 0;
color: #000000;
font-size: 13px;display:block;border:solid 1px #98e8ab;position:relative;padding-right: 55px;text-align: right;}
.apply_btn_row .btn .icon-46{font-size:34px;position:absolute;right:5px;top:4px;}
@media (min-width:768px){
.calendardays li.lastmonthleave:hover{background:transparent}
.calendardays li:hover{background:#eff3f6}
.calendardays li .tooptiphold{height:79px}
.calendardays li span{width:11px;height:11px;position:absolute;top:46px;left:0;right:0;margin:auto;border-radius:50%}
.calendardays li label{line-height:18px;font-size:16px;display:inline-block;width:48px;text-align:center}
.calendardays li{padding:22px 0 66px 0}
#attendance h2 span{display:inline-block;padding:0 0 0 16px}
#attendance h2 span i{display:inline-block}
.yearcarousel{float:left}
#attendance .tab{position:absolute;right:14px;top:2px}
.userinfo{float:right;margin:0 27px 0 0;width:300px}
.userinfo .select-wrapper{width:202px;margin:0 12px 0 0}
.weekdays li{text-align:left;padding-left:15px;font-size:13px}
.gscr_lSAction>.gscr_lSPrev{left:-10px}
.gscr_lSAction>.gscr_lSNext{right:-10px}
.editattendanceshow{display:block}
.overlay{display:block}
}
@media (max-width:1450px){
.t-bot-strip .dt-col {padding: 0 6px;}
}
@media all and (max-width:1366px){
.weekdays {padding: 0 20px;}
}
@media (min-width:1200px){
.attendancereport li div,.punchtime div{float:none;width:auto;line-height:44px;border-left:none;display:block;}
.attendancereport li{border-left:solid 1px #e7e9ed;display:inline-block;}
#attendance .padding0{padding:0px;padding-right:15px;}
.punchtime{padding:0px;display:inline-block;}
.punchtime div{text-align:left;}
.pendingrequest .tooptiphold{display:block;}
.announcement .innerhold{padding:16px 32px 14px;}
.attendancereport li{width:14.28%;float:left;}
.attendancereport li.holiday{padding-top:43px;height:134px;}
.attendancereport li:last-child div{border-bottom:solid 1px #e7e9ed;}
.attendancereport li div:last-child,.punchtime div:last-child{border-bottom:none;}
.leavetoday h2 span{padding:0 0 0 7px;display:inline-block;}
.leavetoday h2 span i{display:inline-block;}
.pendingrequest li .one{width:26%;display:inline-block;vertical-align:middle;}
.pendingrequest li .two{width:18%;display:inline-block;vertical-align:middle;padding:0 0 0 2%;}
.pendingrequest li .three{width:27%;display:inline-block;vertical-align:middle;padding:0 0 0 2%;}
.pendingrequest li .four{width:25%;display:inline-block;vertical-align:middle;}
.pendingrequest .disapprove{border-top:1px solid #e7e9ed;clear:both;}
.pendingrequest .disapprove li{padding:13px 0 0 0;}
.pendingrequest .disapprove .disone{width:16%;float:left;}
.pendingrequest .disapprove .distwo{width:60%;float:left;padding:0 12px;}
.pendingrequest .disapprove .disthree{width:23%;float:left;}
.pendingrequest .name{float:left;}
.monthview{padding:25px 27px 17px;}
.box.boxWithoutpadding h2{padding-left:0;}
}
.month-slide{display: table;margin: 0;margin:0 auto}
/* -- color -- */
.present{background:#4caf50}
.wfh{background:#edb077}
.calendardays li span.absent{background:0;width:auto;top:76px;left:0;background:0;color:#f96863;text-transform:capitalize}
.calendardays li label.lbl-absent{background:#f96863;width:44px;height:44px;line-height:43px;text-align:center;color:#fff;border-radius:50%}
.compoff{background:#7887c7}
.holiday{background:#e72be8}
.lop{background:#617c88}
.weekoff{background:#607d8b}
.halfday{background:#00bcd4}
.leave{background:#ba68c8}
.hp{background:#7986cb}
.lwp{background:#ff80ab}
.hlwp{background:#8d6e63}
.absent{background:#f96863}
/******* Profile Page ***/
.active_edit_row{display:block;text-align:center;font-size:0px;margin-bottom:35px;}
.active_edit_row .btn{display:inline-block;height:34px;min-width:90px;background:#fff;line-height:34px;font-size:13px;color:#000000;margin:0 4px;border-radius:18px;box-shadow:0 0 8px rgba(0,0,0,0.13);text-align:center;position:relative}
.active_edit_row .btn.edit_bt_ac{width:34px;height:34px;min-width:auto;}
.active_edit_row .btn.edit_bt_ac i{line-height:34px;}
.active_edit_row .btn .act_ro{width: 12px;
height: 12px;
bottom: 0;
right: 2px;
left: auto;
top: auto;
border-radius: 50%;
border: 2px solid #fff;line-height:0;display:inline-block;vertical-align: middle;}
.gc-profile .dashboard-view-box{border:0}
.gc-profile h1>.gc-desig{font-size:14px;color:#424242;margin:3px 0 0}
.gc-profile .gc-d-bottom h2{font-weight:600}
.gc-profile .te-grid .mt-cbox.mt-whatsapp{background:#30b753}
.gc-profile .te-grid .mt-cbox{width:41px;height:41px;margin:0 5px;line-height:44px}
.gc-profile .te-grid .mt-cbox>img{width:20px;height:20px}
.gc-profile .mt-gmail.mt-cbox>img{width:18px;height:18px}
.gc-profile .gc-ht-photo{position:absolute;bottom:4px;right:-16px;width:38px;height:38px;line-height:38px}
.gc-profile .gc-pic .epi{width:30px;height:30px;line-height:30px;bottom:10px;right:-36px}
.box-com{width:100%;float:left;min-height:200px;background:#e2e5ee;padding:55px 17px 0}
.profile-desc{padding:40px 40px 22px;float:left;background: #fff;width:100%}
.profile-desc .mt-share{text-align:right}
.gc-detail-col .p-tablist li,
.gc-detail-col .p-tablist li:last-child{margin:0px;}
.pemp-id{font-size:14px;color:#050505;font-weight:500}
.pemp-name{font-size:22px;font-weight:500;margin-bottom:5px;color:#000}
.pemp-dept{font-size:13px;font-weight:normal;color:#41b4f7;margin:6px 0 28px}
.pemp-dept>span{position:relative;margin-right:20px}
.pemp-dept>span.mdept:after{position:absolute;content:'';width:2px;height:12px;background:#b2d8f5;right:-9px;top:4px}
.pemp-mail,.pemp-mobile,.pemp-jdate{font-size:12px;font-weight:normal;margin:0 0 12px;color:#000;letter-spacing:.5px}
.profile-desc li i{margin-right:5px;vertical-align:middle;font-size: 17px;color:#000}
.profile_sprite{background:url(../images/profile_sprite.png) 0 0 no-repeat;display:inline-block}
.puser-status .user_icon{width:15px;height:15px;background-position:-21px 0}
.pedit .pencil_icon{width:17px;height:17px;background-position:-18px -25px;position:absolute;top:11px;left:8px}
.profile_sprite.email_icon{background-position:0 0;width:17px;height:13px}
.profile_sprite.calendar_icon{background-position:0 -25px;width:17px;height:15px}
.profile_sprite.phone_icon{background-position:0 -48px;width:15px;height:22px}
.puser-status{padding:8px 15px;border:1px solid #e5e5e5;border-radius:20px;color:#41b4f7}
.profile-r-col>li{display:inline-block;vertical-align:middle}
.pedit{width:36px;height:36px;cursor:pointer;background:#f7f7f7;margin:0 0 0 15px;line-height:36px;text-align:center;border-radius:50%;position:relative}
.profile-r-col .pedit i{margin:0}
.p-tablist{width:100%;background: #fff;float:left;box-shadow:0 5px 6px -3px rgba(0,0,0,.02);-webkit-box-shadow:0 5px 6px -3px rgba(0,0,0,.02)}
.p-tablist li{width:50%;display:inline-block;cursor:pointer;float:left;text-align:center;color:#565656;padding:12px 0 12px;font-size:14px;position:relative}
.p-tablist li>i{width:38px;display:inline-block;height:36px;vertical-align:middle;margin:0 auto;border-radius:50%;-webkit-border-radius:50%;font-size:31px}
.p-tablist li.active>i{color:#000}
.p-tablist li.active span{display:none}
.p-tablist li.active:after{left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(248,250,252,0);border-bottom-color:#e2e5ee;border-width:10px;margin-left:-10px;top:auto;bottom:-1px}
.profile-detail{padding:50px 60px}
.profile-detail h2{font-size:17px;font-weight:normal;letter-spacing:.5px;color:#000;margin-bottom:25px;border-bottom:solid 1px #f7f8fb;padding:0 5% 20px;}
.profile-detail .pd-box{margin:0px auto;border:1px solid #eeeff6;background:#fff;border-radius:5px;-webkit-border-radius:5px;padding:35px}
.profile-detail .pd-box .pd-box-in{padding:0}
.profile-detail .pd-box .pd-box-in>li{width:42%;margin-left:5%;float:left;padding:12px 0;font-size:13px}
.profile-detail .pd-box .pd-box-in>li:nth-child(odd){border-right:1px solid #f7f8fb}
.profile-detail .pd-box .pd-box-in>li:nth-child(even){border:0}
.profile-detail .pd-box .pd-box-in>li .pcol1{color:#7e8ea1}
.profile-detail .pd-box .pd-box-in>li .pcol2{color:#343434}
.top-nav>ul>li.last.selected{background:#fff;box-shadow:0 0 45px rgba(0,0,0,0.10);-webkit-box-shadow:0 0 45px rgba(0,0,0,0.10)}
.top-nav>ul>li.last.selected>a{color:#f83731}
.open-docs{position:absolute;z-index:999;padding:50px 0 10px;width:100%;top:80px;right:0;background:#fff;box-shadow:0 0 45px rgba(0,0,0,0.10);-webkit-box-shadow:0 0 45px rgba(0,0,0,0.10)}
.open-docs:before{position:absolute;content:'';background:#fff;width:68px;height:25px;right:0;top:-20px}
.open-docs>ul>li{width:50%;float:left}
.open-docs>ul>li>a{color:#565656;font-size:13px;font-weight:500;display:block;line-height:50px;margin-bottom:25px}
.open-docs>ul>li>a>i{display:block;font-size:38px;text-align:center}
.open-docs>ul>li.d-c>a>i{color:#f4b737}
.open-docs>ul>li.d-cp>a>i{color:#2ca369}
.open-docs>ul>li.d-mp>a>i{color:#f4b737}
.open-docs>ul>li.d-md>a>i{color:#5190f1}
.cwrap.profile_dtls_page .dashboard-view-box .mCSB_inside > .mCSB_container{padding-bottom:65px;}
.cwrap.profile_dtls_page .sw-bottom.gc-ba-box ul{margin-bottom:15px}
.cwrap.profile_dtls_page .sw-bottom.gc-ba-box ul li .gc-check + label{color:#f8726e;font-size: 12px;}
/****************** birthday css start **********************/
.birthday_model{position:fixed;z-index:99999999999;background:rgba(0,0,0,0.8);display:block;width:100%;height:100%;top:0;left:0;visibility:hidden;opacity:0}
.birthday_model.show_model{display:block;visibility:visible;opacity:1}
.birthday_popup{padding:0;margin:0 auto;background:#fff;max-width:460px;width:100%;border-radius:6px;overflow:hidden;box-shadow:0 0 15px rgba(0,0,0,0.10);top:50%;position:absolute;left:50%;transform:translate(-50%,-50%)}
.close_birth_model{position:absolute;top:10px;right:10px;z-index:99;background:#fff;padding:0;border-radius:50%;display:block;line-height:0;width:25px;height:25px;border:0;text-align:center}
.close_birth_model img{max-width:15px;height:auto;margin:3px 0}
.birthday_popup .birthday_head_title{background:#fa7974 url(../images/birthday_top_bg.jpg) center top no-repeat;padding:20px 15px;height:182px;border-radius:5px 5px 0 0}
.content_body{padding:50px 20px 34px;text-align:center}
.content_body h2{font-size:19px;font-weight:500;letter-spacing:.5px;margin:0 0 25px}
.content_body h2 span{display:block;font-size:13px;color:#b0b0b0;font-weight:normal}
.multi_images{padding:0;margin:0 0 35px;font-size:0}
.multi_images .dp_pt{padding:0;margin:0;text-decoration:none;outline:0;display:inline-block;margin-left:-15px}
.multi_images .dp_pt img{width:52px;height:52px;border-radius:50%}
.birthday_msg_pt{position:relative;padding:0;margin:0;max-width:400px;margin:0 auto}
.birthday_msg_pt .form-control{width:100%;padding:0 35px;padding-right:110px;height:68px;border-radius:40px;box-shadow:0 0 38px rgba(0,0,0,0.09);background:#fff;box-sizing:border-box;border:0;outline:0;font-size:14px}
.birthday_msg_pt .go_btn{position:absolute;right:14px;top:14px;width:80px;height:40px;padding: 0;line-height:40px;border-radius:25px;font-size:16px;color:#fff;font-weight:500;background:#65d381;border:0;outline:0}
#cake{display:block;position:relative;margin:-14em auto 0 auto;bottom:-10px}
.velas{background:#fff;border-radius:10px;position:absolute;top:133px;left:50%;margin-left:-2.4px;margin-top:-8.33333333px;width:5px;height:35px;transform:translateY(-300px);backface-visibility:hidden;animation:in 500ms 3.5s ease-out forwards}
.velas:after,.velas:before{background:rgba(255,0,0,0.4);content:"";position:absolute;width:100%;height:2.22222222px}
.velas:after{top:25%;left:0}
.velas:before{top:45%;left:0}
.fuego{border-radius:100%;position:absolute;top:-20px;left:50%;margin-left:-2.6px;width:6.66666667px;height:18px}
.fuego:nth-child(1){animation:fuego 2s .3s infinite}
.fuego:nth-child(2){animation:fuego 1.5s .3s infinite}
.fuego:nth-child(3){animation:fuego 1s .3s infinite}
.fuego:nth-child(4){animation:fuego .5s .3s infinite}
.fuego:nth-child(5){animation:fuego .2s .3s infinite}
/*Animation Fire*/
@keyframes fuego {
0%, 100% {
background: rgba(254, 248, 97, 0.5);
box-shadow: 0 0 40px 10px rgba(248, 233, 209, 0.2);
transform: translateY(0) scale(1);
}
50% {
background: rgba(255, 50, 0, 0.1);
box-shadow: 0 0 40px 20px rgba(248, 233, 209, 0.2);
transform: translateY(-20px) scale(0);
}
}
@keyframes in {
to {
transform: translateY(0);
}
}
/****************** birthday css end **********************/
.gc-pb-box{padding:20px 15px 5px;border-radius:5px;-webkit-border-radius:5px;border:1px solid #eee;background:#fff;margin:15px 0 0}
.gc-progress-view{margin-bottom:20px}
.progress_bar{height:8px;border-radius:5px;background:#ededed;position:relative;margin-right:40px;margin-bottom:2px}
.progress_bar .bar{background:#40b254;position:absolute;left:0;border-radius:5px;top:0;height:100%}
.progress_bar .value_bar{float:right;position:absolute;right:-40px;top:-5px;font-size:13px;color:#000}
.progress_email_list{padding:0;margin:0}
.progress_email_list li{display:block;margin-bottom:15px;position:relative;padding-left:23px}
.progress_email_list li:before{content:"";display:block;position:absolute;width:10px;height:10px;border-radius:50%;left:0;top:5px;border:solid 2px #9b9b9b}
.progress_email_list li a{color:#f8726e;font-weight:normal}
.gc-logs-view{margin-bottom:20px}
.logsrightpanel{padding-left:17px;margin:0 0 0 6px}
.logsrightpanel li{position:relative;padding-bottom:22px}
.logsrightpanel li:after{content:"";display:block;width:1px;height:100%;position:absolute;top:0;background:#e7e9ed;left:-17px}
.logsrightpanel li:last-child:after{display:none}
.logsrightpanel li:before{width:10px;height:10px;background:#fff;border:2px solid #72c4b9;position:absolute;left:-22px;top:0;content:"";border-radius:50%;z-index:99}
.logsrightpanel li span{font-size:12px;color:#666;display:block;position:relative;top:-1px}
.logsrightpanel li span label{color:#666;display:block;margin-bottom:3px;font-size:14px}
.ticket_scroll{max-height:45vh;overflow:auto;margin-bottom:20px;width: 100%;padding: 0;height:auto;}
.ticket_scroll .form-control.last{margin-bottom:0}
/*23-05-2019*/
.top_space_details.gc-dtopen{padding:90px 0 0}
.top_space_details .top_set_info{padding-top:0;border-radius:0px;margin-bottom:15px;box-shadow:none;-webkit-box-shadow:none;padding:0px 30px;background:#fff}
.top_space_details .top_set_info .gc-ticket-dt-box{min-height:auto;margin: 0;border-radius: 0;}
.top_space_details .top_set_info .gc-ticket-dt-box.first_box{margin-bottom:15px;border-radius:0px;margin:0 0 15px;padding-right:1.3em}
.inner_ticket_id_pt{padding:0;margin:0;position:relative;left:0;right:0;top:0;display:block;float:left;width:100%;background:#fff}
.inner_ticket_id_pt .t-info{padding:0 20px}
.set_list_pt{text-align:center;padding-top:0}
.set_list_pt .gc-t-set{border-bottom:1px solid #f2f2f2}
.set_list_pt .gc-t-set>div{padding:16px 0 16px 20px;font-size:13px;font-weight:normal;color:#b8b4b4}
.gc-t-recent .btn_comment.show_comment{width:0;visibility:hidden;opacity:0}
.gc-t-recent .btn_comment .form-control{padding-right:75px}
.gc-t-recent .btn_comment .d-btn{min-width:65px;border-radius:20px}
.gc-t-recent.open_mailit .btn_comment.show_comment{width:350px;visibility:visible;opacity:1}
.dropdown_action_list{padding:0;margin:0;position:relative;float:right}
.dropdown_action_list.select_cercle_wrap{width: 105px;height: 35px;}
.dropdown_action_list .data_value_select{line-height:35px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block}
.d-ticket-list .dropdown_action_list .d-btn{min-width:105px;height:35px; line-height: 34px;padding:0 20px 0 14px;cursor:pointer;border-color:#65d381;}
.d-ticket-list .dropdown_action_list .d-btn span{text-align:center}
.d-ticket-list .dropdown_action_list .d-btn:after{content:"\e90b";display:block;font-family:"careline";position:absolute;right:9px;top:1px;font-size:11px;}
.d-ticket-list .dropdown_action_list .dropdown-menu{display:none;position:absolute;top:100%;border:1px solid rgba(0,0,0,0.1);border-radius:3px;margin:0px;transform-origin:left top 0;box-shadow:inherit;background-color:#fff;right:0;left:auto;font-size:12px;min-width:160px;text-align:left;z-index:999;padding:5px 0}
.d-ticket-list .dropdown_action_list .d-btn .velue_set{line-height:34px;}
.d-ticket-list .dropdown_action_list .d-btn i{display:none;}
.d-ticket-list .dropdown_action_list .dropdown-menu>li{padding:0}
.d-ticket-list .dropdown_action_list .dropdown-menu>li>span{display:block;padding:6px 10px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap;position:relative;cursor:pointer;}
.text-purple{color:#7460ee}
.text-info{color:#edb077}
.text-success{color:#55ce63}
.text-danger{color:#f62d51}
.d-ticket-list .dropdown_action_list .dropdown-menu>li>span.yellow_color{color:#edb077}
.d-ticket-list .dropdown_action_list .dropdown-menu>li>span.sucees_color{color:#55ce63}
.d-ticket-list .dropdown_action_list .dropdown-menu>li>span.denger_color{color:#f62d51}
.d-ticket-list .dropdown_action_list .dropdown-menu>li:hover span{background:#efefef}
.dropdown_action_list.select_cercle_wrap:after{display:none;}
.d-ticket-list .dropdown_action_list.open_menu_it .dropdown-menu {display:block;opacity: 1;visibility: visible}
.d-ticket-list .dropdown_action_list.open .d-btn{background:#65d381;color:#fff;min-width:auto;width:35px;}
.d-ticket-list .dropdown_action_list.open .d-btn i{color:#fff}
.d-ticket-list .dropdown_action_list.open .d-btn span{visibility:hidden;opacity:0}
.d-ticket-list .dropdown_action_list.open .velue_set{display:none;}
.d-ticket-list .dropdown_action_list.open .d-btn:after{right: 12px;top: 1px;}
.d-ticket-list .dropdown_action_list.open .dropdown-menu{display:block}
#calendar{cursor:pointer}
#calendar .fc-body{pointer-events:none;}
.weekdays li.wfh_click.active_it span{ color: transparent;
position: relative;
background: transparent;
border: solid 1px #edb077;
outline: none;}
.weekdays li.wfh_click.active_it span:after{content:"\e90c";color:#fff;position:absolute;left:0;top:0;right:0;margin:0 auto;font-family:"careline";visibility:hidden}
.calendardays li.whf_in.active label{background:#edb077;width:44px;height:44px;line-height:43px;text-align:center;color:#fff;border-radius:50%}
.calendardays li.whf_in.active span.present{display:none}
.calendardays li.whf_in.active .punch{color:#edb077}
.attendance_page .top-nav li.active{border-color:transparent; pointer-events:auto }
.attendance_page .top-nav li.active.open_cal{border-color:#fb683b}
.attendance_page .hide_datas{visibility:hidden;opacity:0;position: relative;right: -100%;transition: ease-in-out 0.3s;-webkit-transition: ease-in-out 0.3s;}
.attendance_page .hide_datas.show_hide_pt{visibility:visible;opacity:1;right:0%;}
.calendardays li.lbl-absent label.lbl-absent{line-height:18px;font-size:16px;display:inline-block;width:48px;text-align:center;height:auto;background:transparent;color:#7e7e7e}
.calendardays li span.absent_small{width:11px;height:11px;position:absolute;top:46px;left:0;right:0;margin:auto;border-radius:50%;background:#f96863;display:none}
.calendardays li.lbl-absent span.absent_small{display:block}
.landing_page{ padding: 0;
margin: 0;
background-color: #f6f6f6;
background-image: url(../images/bg_landing.svg), url(../images/symbol_g.svg);
background-size: cover, 118vh;
min-height: 100vh;
background-position:center center, 52% 38%;
background-repeat: no-repeat, no-repeat;
}
.attendance_page .gc-right-nav .holiday_india.load_more_list .d-event-section{background:#fff;padding:15px;padding-right:5px;border-radius:5px;}
.attendance_page .gc-right-nav .holiday_india.load_more_list.show_data_pt{top:0}
.attendance_page .gc-right-nav .holiday_india.load_more_list h3{padding:0 0 0px 0}
.attendance_page .gc-right-nav .holiday_india.load_more_list .upcomingevents h3{margin:0;padding:0}
.gif_image_container{display:block;width:100%;text-align:center;padding:50px 0;margin-bottom:30px;}
.gif_image_container img{max-width:700px;width:100%}
.switch_btn_outer{position:relative;height:64px;}
.onoffswitch{width:240px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;position:absolute;left:0;right:0;bottom:0px;margin:auto}
.onoffswitch-checkbox{display:none}
.onoffswitch-label{display:block;position:relative;overflow:hidden;cursor:pointer;box-shadow:0 0 35px rgb(222, 222, 222);border-radius:36px;}
.onoffswitch-label:after{content:"\e9a7"; font-family: 'careline'!important;font-size:25px;font-weight:700;position:absolute;right:16px;top:17px;color:#343434}
.onoffswitch-checkbox:checked+.onoffswitch-label:after{display:none}
.onoffswitch-inner{display:block;width:200%;margin-left:-100%;transition:margin .4s ease-in 0s}
.onoffswitch-inner:before,.onoffswitch-inner:after{display:block;float:left;width:50%;height:60px;padding:0;line-height:62px;font-size:14px;color:white;font-weight:400;box-sizing:border-box}
.onoffswitch-inner:before{content:" login with Gmail ";font-family:'Poppins',sans-serif;padding-left:54px;background-color:#fa5657;color:#fff;font-size:14px;font-weight:600;transition:all .4s ease;transition-property:left}
.onoffswitch-inner:after{content: "login with Gmail";
padding-right: 52px;
background-color: #fff;
color: #404040;
font-size: 13px;
text-align: right;
font-family: 'Poppins',sans-serif;
padding-left: 59px;
text-align: center;}
.onoffswitch-inner:after::last-word{font-weight:700}
.onoffswitch-switch{display:block;width:46px;height:46px;margin:-1px -2px 0;background:#fa5657;position:absolute;z-index:99;top:8px;bottom:0;right:188px;text-align:center;font-size: 20px;line-height:50px;color:#fff;border:2px solid #fa5657;border-radius:36px;transition:all .4s ease-in}
.onoffswitch-switch .icon-41{color:#fff;font-size:24px}
.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner{margin-left:0}
.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch{right:10px;background-color:#fa5657}
.google_login .onoffswitch-inner:before{transition:all 0s ease-in-out}
.google_login:hover .onoffswitch-inner,.onoffswitch-label.active-state .onoffswitch-inner{margin-left:0}
.google_login:hover .onoffswitch-switch{right:10px!important;background-color:#fa5657}
.onoffswitch-label.active-state .onoffswitch-switch{right:10px!important;background-color:#fa5657}
.google_login .onoffswitch-label{transition:all .2s ease-in-out}
.google_login:hover .onoffswitch-label:after{right:-50px;transition:all .2s ease-out}
.cwrap .sw-bottom.gc-ba-box ul li .gc-check+label,
.ticket-filters .gc-ba-box li label{color:#808080;}
.recentleay_viewers{border:none;}
.cwrap .top_filter_outer .sw-bottom.gc-ba-box ul li .gc-check + label{color:#a7a7a8}
.cwrap .top_filter_outer .sw-bottom.gc-ba-box ul li .gc-check:checked + label {color: #686868;}
.landing_page{display:table;width:100%;}
.landing_page .center_section{display:table-cell;width:100%;vertical-align:middle}
.img_item{position:relative;z-index:1}
.img_item .gc-cimg{position:relative}
.img_item:before{ content:"Girnar Careline"; top: 50%; position: absolute;
color: rgba(221,221,221,0.2);
font-size: 8vw;
font-weight: 800;
display: block;
text-align: center;
width: 100%;
pointer-events: none;
line-height: 0;}
/**** Splash CSS ****/
.landing_page #gc-cs.gc-cs{width:100%;height:100%!important;min-width:320px}
.landing_page .gc-ms{padding:2.2em 0 0;width:100%;min-width:320px;text-align:center}
.landing_page .gc-ms .row .col{padding:0}
.landing_page h1{position:fixed;top:18px;left:18px;font-size:20px;font-weight:500;margin:0;color:#000}
.landing_page h2{font-size:25px;font-weight:600;color:#000;margin:5px 0 0}
.landing_page p{font-size:15px;color:#999;line-height:15px;margin:4px auto;max-width:78%}
.landing_page .gc-cimg{max-width:100%;max-height:100%;height:auto}
.landing_page .vc1 .row{margin:0 0 5px}
.landing_page .row .col.s12{width:100%;margin-left:auto;left:auto;right:auto;margin-bottom:60px}
.landing_page .gc-main .gc-cimg{max-width:400px;max-height:100%;height:auto}
.switch_user_list .gc-ba-box .gc-ht-photo{position:relative}
.switch_user_list .gc-ba-box .gc-ht-photo .d-st{bottom:0;right:0;left:auto;top:auto}
.d-ticket-list .btn_row .chat_ticket_btn{display:inline-block;vertical-align:middle;margin-right:5px}
.d-ticket-list .btn_row .d-approve{margin-left:5px}
.d-ticket-list .btn_row .d-approve.approve_data{color:#4fb053;background: transparent;border: transparent;font-size: 14px;}
.d-ticket-list .d-btn.view_ticket{width:94px}
.d-ticket-list .dec_row p{white-space:nowrap;max-width:300px;position:relative;padding-right:26px}
.d-ticket-list .dec_row p .t-attach{position:absolute;right:0;top:0;color:#6a91bc}
/* .gc-detail-col .sub_bottom.sub_bottom .dt-col,.gc-detail-col .sub_bottom.sub_bottom .dt-col:nth-child(4){width:20%;line-height:50px;line-height:30px;text-align:center;position:relative;white-space:nowrap} */
.gc-detail-col .sub_bottom .dt-col .icon_pt{display:inline-block;margin-right:5px;vertical-align:middle;margin-top:-3px;font-size: 17px;}
.gc-detail-col .sub_bottom .dt-col .icon_pt img{vertical-align:middle;margin:-2px 0 0}
.gc-detail-col .sub_bottom .dt-col .icon_pt .assign_dp{width:20px;height:20px}
.gc-detail-col .sub_bottom .dt-col .write_icon{font-size:13px;color:#a0a1a2;margin-left:3px;vertical-align:middle}
.priority_menu{font-size:12px;color:#666;display:block;width:100%}
.priority_menu .velue_set{font-size:12px;color:#666}
.priority_menu .velue_set,.priority_menu .data_value_select{line-height:33px;text-align:center;cursor:pointer}
.priority_menu .data_value_select .comman_pt:after{content:"\e90b";font-family:"Careline";font-size:10px;margin-left:3px}
.gc-detail-col .sub_bottom .dt-col.priority_col{padding-left:0}
.priority_menu .dropdown-menu{display:none;position:absolute;top:100%;border:1px solid rgba(0,0,0,0.1);border-radius:3px;margin:0;transform-origin:left top 0;box-shadow:inherit;background-color:#fff;right:0;left:auto;font-size:12px;min-width:100%;width:100%;text-align:left;z-index:999;padding:5px 0}
.priority_menu:hover .dropdown-menu{display:block}
.priority_menu .dropdown-menu li{display:block;margin:0;padding:8px 10px;font-weight:normal;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:12px;line-height:20px}
.priority_menu .dropdown-menu li:hover{background:#f3f5f4}
.priority_menu .dropdown-menu li:hover span{color:#000}
.priority_menu .dropdown-menu li:hover span .flag_icon{color:#fff}
/*23-05-2019*/
.t-bot-strip .dt-col span .flag_icon,.comman_pt .flag_icon{display:inline-flex;width:17px;height:17px;background:#f83d34;text-align:center;border-radius:50%;font-size:8px;line-height:20px;color:#fff;margin-right:3px;justify-content:center;align-items:center;}
.t-bot-strip .dt-col span .flag_icon i{color:#fff}
.comman_pt .cricle_icon{width:15px;height:15px;display:inline-block;vertical-align:middle;border-radius:50%;margin-left:2px;margin-right:4px}
.comman_pt .cricle_icon.bg-success{background:#55ce63}
.comman_pt .cricle_icon.bg-danger{background:#edb077}
.checl_outside_pt .check_pt{display: none; position: absolute; right:5px; top:5px;}
.checl_outside_pt:hover .check_pt{display:block;}
.calendardays .checl_outside_pt:hover{/* background:#d0d3d4 */}
.checl_outside_pt .check_pt .gc-check+ label{cursor:pointer;padding:0;margin:0;width:100%}
.checl_outside_pt .check_pt .gc-check + label:before{position:absolute;content:'';top:0px;right:0px;content:'';width:16px;height:16px;background:#fff;border:1px solid #c6c6c6;border-radius:50%;-webkit-border-radius:50%}
.checl_outside_pt .check_pt .gc-check:checked+label:before{background:#3a3f41;border:1px solid #3a3f41}
.checl_outside_pt .check_pt .gc-check:checked+label:after{position:absolute;content:"\f00c";font:normal normal normal 12px/1 FontAwesome;left:auto;right:2px;top:2px;color:#fff}
.lbl-absent i{font-style:normal}
.calendardays li label.lbl-absent.hov_show_wrap{background:#fff;border:1px solid #c6c6c6;display:none;text-align:center;margin:0 auto;cursor:pointer}
.calendardays li label.lbl-absent.hov_show_wrap .icon_font{display:none}
.lbl-absent .icon_font{font-size:18px;line-height:44px;color:#f96863}
.calendardays li:hover label.lbl-absent.hov_show_wrap{display:block}
.calendardays li:hover label.lbl-absent.hover_hide{display:none}
.calendardays li.active label.lbl-absent.hov_show_wrap .icon_font{display:block}
.calendardays li.absent_pt.active{background:#eff3f6}
.calendardays li.absent_pt.active label.lbl-absent.hover_hide{display:inline-block}
.calendardays li.absent_pt.active label.lbl-absent.hov_show_wrap{display:none}
.calendardays li.absent_pt.active .check_pt{display:block}
.att-box .weekdays.hide .gscr_slideOuter{display:none}
.att-box .weekdays .btn_row_pt{display:none;height:51px}
.att-box .weekdays.hide .btn_row_pt{display:block}
.att-box .weekdays .btn_row_pt ul{padding:0;margin:0;font-size:0;display:inline-block;width:100%;margin:7px 0 0}
.att-box .weekdays .btn_row_pt ul li{display:inline-block;padding:0;margin:0;font-size:14px;margin-right:15px}
.att-box .weekdays .btn_row_pt ul li .d-btn{line-height:34px;min-width:87px;padding:0 15px;text-align:center;border-radius:20px;display:block}
.att-box .weekdays .btn_row_pt ul li .d-btn.wfh{background:#edb077;border:solid 1px #f89039;color:#fff}
.t-bot-strip .dt-col .assignee_wrap{position:absolute;left:auto;right:0;top:100%;display:block;z-index:999999;visibility:hidden;opacity:0;transition:ease-in-out .5s;background:#f9faff;padding:5px;border:solid 1px #ebeefb;width:100%;}
.t-bot-strip .dt-col .assignee_wrap .check_list{background:#fff;border:solid 1px #ebeefb;max-height:215px;overflow:auto;padding-bottom: 8px;}
.t-bot-strip .dt-col .assignee_wrap .check_list li{line-height: 1.6;
/* min-height: 34px; */
text-align: left;
padding: 10px 10px 0px;margin:0}
.dashboard .d-ticket li:last-child{margin:0}
.t-bot-strip .dt-col .assignee_wrap .form_group{margin-bottom:5px;}
.t-bot-strip .dt-col .assignee_wrap .form_group .form-control{padding:0px 8px;border:solid 1px #ebeefb}
.t-bot-strip .dt-col .assignee_wrap .check_list li label{padding-left: 25px;font-size:12px;color:#686869}
.t-bot-strip .dt-col .assignee_wrap .check_list li label:before{top:1px;width:15px;height:15px;}
.t-bot-strip .dt-col .assignee_wrap .check_list li .gc-check:checked+label:after{top: 3px;left: 2px;}
/* 11-07-2019 */
/* .t-bot-strip .dt-col.assign_col:hover .assignee_wrap{display:block;visibility:visible;opacity:1;left:0%;right:0;width:auto;} */
.t-bot-strip .dt-col .assignee_wrap .form-control{margin:0;border:0;background:#fff;padding-left:15px;padding-right:80px}
.t-bot-strip .dt-col .assignee_wrap .assign_btn{position:absolute;right:8px;top:3px;background:#565656;color:#fff;min-width:55px;padding:0 10px;line-height:25px;height:auto;border-radius:30px}
.left_bottom_cal{margin-top:15px}
.left_bottom_cal .outer_heading{font-size:14px;margin-bottom:12px;font-weight:normal;padding:15px 22px 0 0;color:#78797a}
.cricle-img{border-radius:50%}
.no_data_coman_wrap{text-align:center;display:table;width:100%;text-align:center;height: calc(100vh - 100px);
height: -moz-calc(100vh - 100px);
height: -webkit-calc(100vh - 100px);}
.check_list li .gc-check+label{width:100%;position:relative;cursor:pointer;padding:0;margin:0}
.check_list li .gc-check+label:before{position:absolute;content:'';top:-3px;left:0;content:'';width:18px;height:18px;background:transparent;border:1px solid #c6c6c6;border-radius:50%;-webkit-border-radius:50%}
.check_list li .gc-check:hover+label:before{background:#fff}
.check_list li .gc-check:checked+label:before{background:#474747;border-color:#474747}
.check_list li .gc-check:checked+label:after{position:absolute;content:"\f00c";font:normal normal normal 10px/1 FontAwesome;left:auto;left:4px;top:0;color:#fff}
.check_list li .gc-check:checked+label .d-tno:before{border:0}
.no_data_coman_wrap .no_image_data{display:table-cell;width:100%;text-align:center;vertical-align:middle}
.no_data_coman_wrap.hide_wrap_sec{display:none}
.cal_all_view.hide{display:none}
.show_noti .top-nav li.sidebar_open_right.active,.show_msg .top-nav li.sidebar_open_right.active{border:transparent}
.show_noti .top-nav li.noti_click,.show_msg .top-nav li.msg-click{border-bottom:2px solid #fb683b;cursor:pointer}
.top-nav li{cursor:pointer}
.top-nav li.noti_click a,.top-nav .msg-click a{pointer-events:none}
.login_body{padding:0;margin:0;background:url(../images/bg_login.jpg) 0 0 no-repeat}
.login_main{display:table;width:100%;height:100vh;position:relative;text-align:center}
.login_main .box_log_careline{width:100%;vertical-align:middle;display:table-cell;text-align:center}
.login_inside_box{max-width:433px;width:100%;box-sizing:border-box;padding:40px;background:rgba(255,255,255,0.89);margin:0 auto;border-radius:5px}
.login_inside_box h1{padding:0;margin:0 0 28px;font-size:34px;color:#000;font-weight:bold;display:block;letter-spacing:-0.5px}
.login_inside_box h1 span{font-weight:300;font-size:14px;display:block;margin-top:10px;letter-spacing:0;text-transform:uppercase}
.login_inside_box .login_employee_btn{line-height:65px;padding:0;display:block;border-radius:40px;font-size:17px;color:#fff;font-weight:500;max-width:98%;margin:0 auto;background:#f83832;background:-moz-linear-gradient(left,#f83832 0,#fd8859 100%);background:-webkit-linear-gradient(left,#f83832 0,#fd8859 100%);background:linear-gradient(to right,#f83832 0,#fd8859 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f83832',endColorstr='#fd8859',GradientType=1)}
.login_inside_box .login_employee_btn i{font-size:20px;display:inline-block;vertical-align:middle;margin-left:5px}
.login_inside_box .login_employee_btn{-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;height:65px;overflow:hidden;position:relative}
.login_inside_box .login_employee_btn a{color:rgba(51,51,51,1);text-decoration:none;display:block}
.login_inside_box .login_employee_btn span{z-index:2;display:block;position:absolute;width:100%;height:100%}
.login_inside_box .login_employee_btn::before{content:'';position:absolute;top:0;left:0;width:0;height:100%;z-index:1;opacity:0;background-color:rgba(248,56,50,1);-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.login_inside_box .login_employee_btn:hover::before{opacity:1;width:100%}
.delite_slide{position:absolute;bottom:58px;right:105px}
.delite_slide .delite_item{padding:0;margin:0;text-align:right}
.delite_slide .delite_item h2{padding:0;margin:0 0 5px;font-size:35px;color:#fff;font-weight:bold;display:block}
.delite_slide .delite_item .tag_sub_delite{background:#3d1bba;position:relative;height:27px;color:#fff;font-size:13px;font-weight:300;line-height:27px;padding:0 8px}
.delite_slide .delite_item .tag_sub_delite:before{content:"";display:block;width:0;height:0;border-style:solid;border-width:0 0 27px 20px;border-color:transparent transparent #3d1bba transparent;position:absolute;right:100%;top:0}
.inline_row{display:inline-block;position:relative}
.inline_row .btn_comment.show_comment{width:300px;}
.paganation_title{padding:0px;margin:0px;display:inline-block;vertical-align:middle;margin-right:10px;margin-top: 5px;margin-bottom: 5px;}
.paganation_title .count_page{font-size:13px;color:#6a6a6a;display:inline-block;margin-right:5px;}
.paganation_title .pager_wrap{display:inline-block;vertical-align:middle;height:28px;line-height:28px;background:#fff;border:solid 1px #e3e3e5;width:57px;border-radius:30px;font-size:0}
.paganation_title .pager_wrap .bt_pager {width:50%;text-align:center;line-height:28px;line-height:28px;font-size:12px;text-align:center;display:inline-block;overflow:hidden}
.paganation_title .pager_wrap .bt_pager:first-child{border-right:solid 1px #e3e3e5;}
.update_favourits{color:#a3a3a3;text-decoration:none;outline:none;float:right;margin:8px 15px 0 0;position:relative}
.update_favourits a{font-size:17px;color:#a3a3a3;text-decoration:none;outline:none;display:inline-block;vertical-align:middle}
.update_favourits a span{text-decoration:underline;font-size:12px;display:inline-block;vertical-align:middle;margin:0 3px}
.update_favourits a i{color:#faa43b;display:inline-block;vertical-align:middle;font-size:13px;}
.update_favourits a:hover span{color:#333}
.update_favourits .add_fav_input.show_comment{width:300px}
.update_favourits .add_fav_input.show_comment .form-control{padding-right:45px;font-size:12px;}
.update_favourits .add_fav_input .d-btn.d-reject {
line-height: 30px;
height: 30px;
width:30px;
border-radius: 30px;
background: #565656;
color: #fff;font-size:12px;
}
.view_travel_dtls{position:relative;padding:0;margin:0 -10px;background:#5275ac}
.view_travel_dtls p{text-align:center;line-height:22px;color:#fff;font-size:10px;padding:0;margin:0;display:block;cursor:pointer;text-transform:uppercase}
.view_travel_dtls .hovershow{position:absolute;bottom:100%;background:#6483b4;width:100%;left:0;right:0;transform:scaleY(0);transform-origin:bottom center;transition:transform .3s;padding:10px;z-index:99;font-size:12px;color:#fff}
.view_travel_dtls:hover .hovershow{transform:scaleY(1)}
.list_of_ticket{padding:0;margin:0;font-size:0}
.list_of_ticket li{font-size:11px;display:inline-block;width:16.66%;font-weight:normal;border-right:dashed 1px #879fc4;padding:0 15px}
.list_of_ticket li.visittravel{width:21%}
.list_of_ticket li.stay{width:13%}
.list_of_ticket li:last-child{margin:0!important;border-right:0;width:15%}
.list_of_ticket li span{display:block;margin:0}
.list_of_ticket li .info_img{display:inline-block;float:left;margin-right:5px;cursor:pointer;position:relative}
.list_of_ticket li .info_img .check_list{
background: #fff;
border: solid 1px #ebeefb;
height:auto;
padding: 8px;
position: absolute;
width: 134px;
left: -4px;
right:auto;
box-sizing:border-box;
margin:0px auto 6px; bottom:100%;border-radius:5px;transition: ease-in-out 0.3s;-webkit-transition: ease-in-out 0.3s;transform: scaleY(0);-webkit-transform: scaleY(0);transform-origin: bottom center;-webkit-transform-origin: bottom center;}
.list_of_ticket li .info_img .check_list:after,
.list_of_ticket li .info_img .check_list:before {
top: 100%;
left:8%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.list_of_ticket li .info_img .check_list:after {
border-color: rgba(255, 255, 255, 0);
border-top-color: #fff;
border-width: 6px;
margin-left: -6px;
}
.list_of_ticket li .info_img .check_list:before {
border-color: rgba(235, 238, 251, 0);
border-top-color: #ebeefb;
border-width: 7px;
margin-left: -7px;
}
.list_of_ticket li .info_img:hover .check_list{transform: scaleY(1);-webkit-transform: scaleY(1);}
.list_of_ticket li .info_img .check_list>li{ width: 100%;
border: none;
color: #000;
padding:12px 0 0;
display: block; line-height: 1.6;
}
.list_of_ticket li .info_img .check_list>li:first-child{padding-top:0}
.info_img .check_list li .gc-check+label{padding-right:25px; padding: 5px 0 0; text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
padding-right: 20px;}
.info_img .check_list>li .gc-check:checked+label:before,
.info_img .check_list li .gc-check+label:before{left: auto;
right: 0;top:3px}
.info_img .check_list>li .gc-check:checked+label:after{left: auto;
right: 4px;top:6px; }
.view_travel_dtls .bottom_img_pt{position:relative;border-top:solid 1px #5275ac}
.view_travel_dtls .arrowuppt{position:absolute;top:100%;margin-top:-1px;right:0;left: 0;margin:0 auto}
.second_dtls.view_travel_dtls p.out_right{position:absolute;width:1px;right:0px;bottom:24px;left:auto;background:transparent;top:auto}
.second_dtls.view_travel_dtls p.out_right .arror_right_outer{position:absolute;left:100%}
.outer_list_ticket.first_lists{padding-bottom:20px}
.second_dtls{background:transparent}
.second_dtls.view_travel_dtls p{width:13px;height:36px;background:#5275ac;position:absolute;right:0;bottom:0}
.second_dtls.view_travel_dtls p i{line-height:40px}
.second_dtls.view_travel_dtls .hovershow{transform:scaleY(0);transform:scaleX(0);transform-origin:right 0}
.second_dtls.view_travel_dtls:hover .hovershow{transform:scaleY(0);transform:scaleX(1)}
/**** Responsive CSS ****/
@media (min-width: 1850px){
.gc-dteam{margin-top:3.2em;}
}
@media (min-width: 1601px) and (max-width: 1850px){
.d-ticket .d-ticket-list .name_assign_pt {
-ms-flex: 0 0 60%;
flex: 0 0 60%;
max-width: 60%;
}
.d-ticket-list .btn_row {
-ms-flex: 0 0 40%;
flex: 0 0 40%;
max-width: 40%;
}
}
@media(max-width:1399px){
.gc-wrapper{padding-left:502px}
.gc-view-col{width:320px}
.rightbar_open .gc-wrapper{padding-left:408px;padding-right:300px}
.gc-right-nav,.upcoming_right_nav{width:300px}
.gc-pic{margin:40px auto 0;width:80px;height:80px}
.gc-d-strip{height:55px;line-height:55px}
.gc-d-strip:after{top:17px}
.gc-d-bottom h2{margin-top:0;margin-bottom:10px}
/* .gc-view-col h1{font-size:18px} */
.gc-view-col h1>.gc-desig{font-size:12px}
.sw-bottom .gc-ht-photo>img,.sw-bottom .gc-ht-prof-pic,.sw-bottom .gc-ht-photo,.sw-bottom .gc-ht-pi{width:35px;height:35px}
.sw-bottom .gc-ht-photo,.sw-bottom .gc-ht-pi{line-height:35px;font-size:15px;width:35px;height:35px}
.gc-view-col .gc-dteam ul{display:block;font-size:0;white-space:nowrap;overflow:auto;padding:0 0 17px;margin:0 auto -17px;width:90%;height:auto}
.sw-bottom.gc-ba-box ul li{padding:20px 10px}
.ba-wrap .ba-left{width:auto;margin-right:5px}
.gc-dteam:after{position:absolute;z-index:-1;content:'';height:1px;margin:0 -1.5em; display: none;}
.sw-bottom.gc-ba-box ul li .gc-check:checked+label:after { top: 40px;}
.gc-dteam{padding-bottom:15px}
.gc-ht-box{display:inline-block;margin:0 15px 10px 0;float:none}
.gc-left-nav.small-nav .profile-pic,
.profile-pic, .gc-left-nav.small-nav .profile-pic{height:62px}
.gc-calender-view .fc-basic-view .fc-body .fc-row{min-height:29px}
header .top-nav,.rightbar_open header .top-nav{width:150px;right:107px;}
.gc-tickets .switch-view .com-head h1{margin:32px auto}
.gc-tickets .switch-view .my_ticket_head h1{margin:50px auto}
div#calendar,
.events_outer .gc-ba-box,
.cwrap .gc-right-nav .sw-bottom.gc-ba-box{margin-top:5px}
.gc-calender-view .fc-scroller.fc-day-grid-container{height: 175px!important;}
.events_outer .sw-bottom.gc-ba-box ul li{margin-bottom:15px;}
.events_outer .sw-bottom.gc-ba-box ul li .ba-left .gc-ht-photo{width: 35px;height: 35px;}
.events_outer .check_pt{top:-6px;}
.gc-right-com>div:nth-child(1){margin-top: 15px;}
.gc-calender-view{padding-bottom:15px;}
.gc-right-com h3{padding-left: 5px;}
.gc-leaves.cwrap .gc-view-col .sw-bottom.gc-ba-box ul li .gc-check:checked+label:after{top:21px}
}
@media(max-width:1199px){
.gc-wrapper{padding-left:375px}
.gc-view-col,.rightbar_open .gc-view-col{width:308px;left:67px}
.rightbar_open .gc-wrapper,.top_filter_outer{padding-left:375px;padding-right:0}
.gc-right-nav,.upcoming_right_nav{width:257px}
.profile-pic{height:62px}
.gc-re-nav{width:132px;display:none}
.gc-left-nav,.gc-left-nav.small-nav{width:68px}
.gc-menu li{padding-left:0;text-align:center}
.gc-menu li a{font-size:11px}
.gc-left-nav .gc-menu li a span,.gc-left-nav.small-nav .gc-menu li a span{display:none;text-indent:0;display:none;opacity:1}
.punch-section h2{font-size:22px}
.punch-section p{font-size:13px}
.gc-left-nav .gc-menu li a span{display:none}
.d-ticket-list .d-btn{width:75px}
.leave-wrap .ml-col:nth-child(1),.leave-wrap .ml-col:nth-child(3){padding-left:10px}
.leave-wrap .ml-col .l-count{padding:2px 12px;margin-left:10px;font-size:14px}
}
@media (min-width: 1600px){
.leave-wrap .ml-col{ border-top:none; border-bottom:none;}
.leave-wrap{padding:0 20px; border-top: 1px solid #dfe2ed; border-bottom: 1px solid #dfe2ed;}
.leave-wrap .ml-col:nth-child(4){padding-right:0px}
}
@media (min-width: 1500px){
/* .gc-wrapper{ padding-left: 775px; padding-right: 334px;} */
/* .gc-tickets{padding-right: 319px;} */
.gc-right-nav{right:0}
.d-ticket-list .name_row{width:25%}
.d-ticket-list .dec_row{width:46%}
.d-ticket-list .btn_row{width:29%;}
.img_name_wrap .gc-ht-photo .name{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block}
.gc-right-nav.open{right:-360px}
.rightbar_open .gc-wrapper,.rightbar_open .top_filter_outer,
.rightbar_open .gc_button_row.sticky {padding-right:0;padding-left:608px}
.rightbar_open .gc-view-col{left:182px}
.leftbar_open .gc-view-col{left:88px}
.leftbar_open .gc-wrapper,.leftbar_open .top_filter_outer,
.leftbar_open .gc_button_row.sticky{padding-left:478px}
.gc-left-nav.small-nav .gc-re-nav{width: 36px;
height: 36px;
padding: 0;}
.t-bot-strip .dt-col{padding-left: 12px;}
.travel-wrap .t-bot-strip .dt-col { padding-left:15px;}
.gc-left-nav .gc-menu{margin-top:0;max-height:70vh}
.gc-left-nav .gc-menu li{position:relative}
.gc-left-nav .gc-left-nav .gc-menu li a{position:static}
.gc-left-nav.small-nav .gc-menu li a span{text-indent:inherit;display:block;position:absolute;left:0;z-index:99999999999;top:0;width:120px;background:#fff;border-radius:0 5px 5px 0;transition:ease-in-out .3s;visibility:hidden;opacity:0}
.gc-left-nav .gc-menu li a span{position:static;background:transparent;border-radius:0;visibility:visible;opacity:1}
.gc-left-nav.small-nav .gc-menu li a:hover span{visibility:visible;opacity:1;left:100%}
/********04-05-2018**********/
.inner_page_body .gc-right-nav{right:-360px}
.rightbar_open .inner_page_body .gc-wrapper,
.rightbar_open .inner_page_body .top_filter_outer{padding-right:257px}
.rightbar_open .inner_page_body .gc-right-nav{right:0}
.rightbar_open .inner_page_body .gc-left-nav{width:88px}
.rightbar_open .inner_page_body .gc-left-nav .gc-menu li{text-align:center;padding:0}
.rightbar_open .inner_page_body .gc-left-nav .gc-menu li a span{text-indent:inherit;display:block;position:absolute;left:0;z-index:99999999999;top:0;width:120px;background:#fff;border-radius:0 5px 5px 0;transition:ease-in-out .3s;visibility:hidden;opacity:0}
.rightbar_open .inner_page_body .gc-left-nav .gc-menu li a:hover span{visibility:visible;opacity:1;left:100%}
.rightbar_open .inner_page_body .gc-left-nav .gc-re-nav{width:68px}
.rightbar_open .inner_page_body .gc-left-nav .gc-pic{width:60px;height:60px;display:block;margin:25px auto 0;border:1px dashed #38b44a}
.rightbar_open .inner_page_body .gc-left-nav .gc-pic .gc-pi{padding:4px}
.rightbar_open .inner_page_body .gc-left-nav .gc-pic .epi{width:20px;height:20px;bottom:1px;right:-1px;font-size:11px;line-height:20px}
.rightbar_open .inner_page_body .gc-view-col{left:80px}
.rightbar_open .inner_page_body .gc-wrapper{padding-left:405px}
.leftbar_open .inner_page_body .gc-left-nav{width:180px}
.leftbar_open .inner_page_body .gc-menu li{padding:0 10px;text-align:left}
.leftbar_open .inner_page_body .gc-menu li a{position:static;/* display:block */}
.leftbar_open .inner_page_body .gc-menu li a span{position:static;background:transparent;border-radius:0;visibility:visible;opacity:1}
.leftbar_open.rightbar_open .inner_page_body .gc-left-nav.small-nav{width:180px}
.leftbar_open.rightbar_open .inner_page_body .gc-left-nav .gc-menu li {text-align:left;padding-left:30px;}
.leftbar_open.rightbar_open .inner_page_body .gc-left-nav .gc-menu li a span{display: inline-block;
visibility: visible;
opacity: 1;
position: static;background:transparent}
.leftbar_open.rightbar_open .inner_page_body .gc-wrapper{padding-left: 507px;padding-right:0px;}
.leftbar_open.rightbar_open .inner_page_body .gc-view-col{left: 182px;}
.leftbar_open.rightbar_open .inner_page_body .gc-right-nav{right: -360px;}
.leftbar_open .inner_page_body .gc-left-nav.small-nav{width:88px}
.leftbar_open .inner_page_body .gc-left-nav.small-nav li{text-align:center;padding:0}
.leftbar_open .inner_page_body .gc-right-nav{/* right:0 */}
.leftbar_open.rightbar_open .inner_page_body .gc-left-nav.small-nav .gc-re-nav{width: 168px;}
.rightbar_open .inner_page_body .top_filter_outer{padding-left:405px;}
.leftbar_open.rightbar_open .inner_page_body .top_filter_outer{padding-left:507px;padding-right:0}
.leftbar_open .inner_page_body .top_filter_outer{padding-right:257px;}
}
@media (min-width:1601px){
.holiday_india.load_more_list.show_data_pt{top:140px;}
.gc-view-col .holiday_india.load_more_list.show_data_pt .mCustomScrollBox{padding-right:22px; padding-left: 18px;}
.rightbar_open .inner_page_body .gc-wrapper{padding-right:334px}
.rightbar_open .inner_page_body .gc-wrapper {padding-left: 505px;}
.leftbar_open.rightbar_open .inner_page_body .gc-wrapper{padding-left:608px}
.leftbar_open .inner_page_body .gc-menu li a span{ visibility: hidden;
opacity: 0;}
.rightbar_open .inner_page_body .top_filter_outer{padding-left:505px;padding-right:334px;}
.leftbar_open.rightbar_open .inner_page_body .top_filter_outer{padding-left:608px;padding-right:0}
.leftbar_open .inner_page_body .top_filter_outer{padding-right:334px;}
}
@media (min-width: 1500px) and (max-width: 1600px){
.leave-wrap .ml-col:nth-child(1),.leave-wrap .ml-col:nth-child(3){padding-left:10px;font-size:13px}
.leave-wrap .ml-col .l-count{padding:2px 12px;margin-left:10px;font-size:14px;min-width:50px}
.leave-wrap .ml-col:nth-child(4){width:29%}
.leave-wrap .ml-col .l-count,.leave-wrap .ml-col:nth-child(3) .l-count{margin:0;display:block;margin-top:5px;max-width:80px}
.gc-menu li a,
.d-ticket-list .dec_row p,
.d-ticket-list .name_row .name{font-size:13px;}
.gc-d-strip{font-size:14px;}
.punch-section h2{font-size:25px;}
.punch-btn{width:150px;}
.punch-btn .icon-16{margin-left:-19px;}
.holiday_india.load_more_list.show_data_pt{top:140px;}
.gc-view-col .holiday_india.load_more_list.show_data_pt .mCustomScrollBox{padding-right:22px; padding-left: 18px;}
}
@media (min-width: 1500px) and (max-width: 1600px){
/* .rightbar_open .gc-view-col {
left: 88px;
} */
.events_outer .sw-bottom.gc-ba-box ul li .ba-wrap .btn_comment.show_comment{right:-44px;}
/* .leftbar_open.rightbar_open .gc-view-col{left:182px;} */
.rightbar_open .gc-left-nav.small-nav{width:88px;}
/* .gc-wrapper{padding-left:507px; padding-right: 257px;} */
.d-ticket-list .name_row .name{max-width: 102px;}
.gc_button_row.sticky{padding-left:507px;padding-right: 257px;}
/* .gc-view-col{width:325px;} */
.top_filter_outer { padding: 0 257px 15px 507px;}
header .top-nav, .rightbar_open header .top-nav { width: 119px;}
.rightbar_open .gc-wrapper,.rightbar_open .top_filter_outer,
.rightbar_open .gc_button_row.sticky {padding-right:0;padding-left:507px}
.leftbar_open .gc-wrapper, .leftbar_open .top_filter_outer, .leftbar_open .gc_button_row.sticky {
padding-left:413px;
}
/* .leftbar_open.rightbar_open .gc-wrapper, .leftbar_open.rightbar_open .top_filter_outer, .leftbar_open.rightbar_open .gc_button_row.sticky {
padding-left: 507px;
}
.leftbar_open.rightbar_open .gc-wrapper{padding-left:406px;} */
.gc-calender-view {
padding-bottom: 15px;
}
.gc-calender-view .fc-widget-header .fc-day-header {
font-size: 10px;
padding: 0;
text-align: center;
}
.gc-calender-view .fc-basic-view .fc-day-number, .gc-calender-view .fc-basic-view .fc-week-number {
padding: 0;
text-align: center;
}
.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
font-size: 11px;
}
.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
float: none!important;
text-align: center;
display: block;
margin: 0 auto;
}
.gc-calender-view .fc-scroller.fc-day-grid-container { height: 175px!important; }
.gc-calender-view .fc-basic-view .fc-body .fc-row {
min-height: 29px;
}
/* .gc-tickets{padding-right:242px;} */
.gc-right-nav{right:0; width:257px;}
.d-ticket-list .name_row{width:25%;}
.d-ticket-list .dec_row{width:40%}
.d-ticket-list .btn_row{width:35%}
.gc-left-nav .gc-menu li{position:relative}
.gc-left-nav .gc-left-nav .gc-menu li a{position:static}
.gc-left-nav.small-nav .gc-menu li a span{text-indent:inherit;display:block;position:absolute;left:0;z-index:99999999999;top:0;width:120px;background:#fff;border-radius:0 5px 5px 0;transition:ease-in-out .3s;visibility:hidden;opacity:0}
.gc-left-nav .gc-menu li a span{position:static;background:transparent;border-radius:0;visibility:visible;opacity:1}
.gc-left-nav.small-nav .gc-menu li a:hover span{visibility:visible;opacity:1;left:100%}
.gc-d-strip { height: 65px; line-height: 65px; }
.gc-d-strip:after{top:23px;}
}
@media(min-width:1850px){
/* .inner_page_body .gc-right-nav {right: 0;} */
/* .inner_page_body .gc-wrapper,
.inner_page_body .top_filter_outer {
padding-right: 50px;
} */
.rightbar_open .inner_page_body .gc-wrapper {
padding-right: 0;
padding-left:607px
}
.rightbar_open .inner_page_body .gc-right-nav{right:-360px}
.rightbar_open .inner_page_body .gc-left-nav{width: 182px;}
.rightbar_open .inner_page_body .gc-left-nav .gc-pic{ width: 100px;
height: 100px; margin: 40px auto 0; border: dashed 2px #3ab54c;}
.gc-pic .gc-pi,
.rightbar_open .inner_page_body .gc-left-nav .gc-pic .gc-pi {
padding:3px;
}
.rightbar_open .inner_page_body .gc-left-nav .gc-pic .epi {
bottom: 18px;
right: -9px;
font-size: 15px;
width: 29px;
height: 29px;
line-height: 29px;
}
.rightbar_open .inner_page_body .gc-left-nav .gc-menu li{
height: 30px;
line-height: 30px;
margin: 30px 0;
padding-left: 20px;
white-space: nowrap;
}
.rightbar_open .inner_page_body .gc-left-nav .gc-menu li a{display:inline-block}
.rightbar_open .inner_page_body .gc-left-nav .gc-menu li a span{display:inline-block;position: static;
background: transparent;
border-radius: 0;
visibility: visible;
opacity: 1;text-align:left}
.gc-left-nav .gc-menu li{padding-left:23px;}
.rightbar_open .inner_page_body .gc-left-nav .gc-re-nav{width:168px;}
.rightbar_open .inner_page_body .gc-view-col{left: 182px;}
.rightbar_open .inner_page_body .top_filter_outer{ padding-left: 607px;
padding-right: 0;}
.rightbar_open.leftbar_open .inner_page_body .gc-left-nav.small-nav{width:88px}
.rightbar_open.leftbar_open .inner_page_body .gc-left-nav.small-nav li{text-align:center;padding:0}
.leftbar_open .inner_page_body .gc-menu li a span,
.rightbar_open.leftbar_open.rightbar_open .inner_page_body .gc-left-nav .gc-menu li a span {
text-indent: inherit;
display: block;
position: absolute;
left: 0;
z-index: 99999999999;
top: 0;
width: 120px;
background: #fff;
border-radius: 0 5px 5px 0;
transition: ease-in-out .3s;
visibility: hidden;
opacity: 0;
}
.leftbar_open .inner_page_body .gc-menu li a:hover span,
.rightbar_open.leftbar_open.rightbar_open .inner_page_body .gc-left-nav .gc-menu li a:hover span {visibility: visible;
opacity: 1;
left: 100%;}
}
@media(max-width:1500px){
header{height:60px;}
/* 05-04-2019 */
.gc-ticket-detail.gc-dtopen .top_filter_outer{/* top: 60px; */}
.top-nav li{line-height:57px;}
header .profile{width:55px;height:55px;padding:10px 0}
header .g_menus{width:60px;height:60px;}
header .g_menus img{width:100%;}
header .top-nav{height:60px;}
header .gc-logo{padding:0px;margin:0;}
body{padding-top:65px;}
.gc-right-nav,.upcoming_right_nav{top:60px;}
.gc_button_row.sticky{top:59px;}
.gc-view-col,
.gc-left-nav{ height: calc(100% - 60px);
height: -moz-calc(100% - 60px);
height: -webkit-calc(100% - 60px); }
.top_filter_outer{top:59px;}
.gc-view-col .holiday_india.load_more_list.show_data_pt .mCustomScrollBox{padding-right:15px; padding-left: 13px;}
.events_outer .sw-bottom.gc-ba-box ul li .ba-wrap .btn_comment.show_comment{right:-44px;}
/* 05-04-2019 */
.top_space_details.gc-dtopen {
/* padding: 95px 0 0; */
}
/* 05-04-2019 */
.t-info {/* margin: 30px auto 22px; */}
.rec_list_details{margin:0px}
}
@media (max-width: 1399px){
.gc-dteam .mCSB_horizontal.mCSB_inside>.mCSB_container{margin-bottom:15px;}
.events_outer .sw-bottom.gc-ba-box ul li .ba-wrap .btn_comment.show_comment{right:-44px;}
}
@media (min-width: 1291px) and (max-width: 1499px){
.dashboard .t-bot-strip .dt-col.gs_id_hid{display:none;}
.t-bot-strip .dt-col:nth-child(3){width: 24%;}
.t-bot-strip .dt-col:nth-child(4){width:14%}
}
@media (max-width: 1200px){
.dashboard .t-bot-strip .dt-col.gs_id_hid{display:block;}
}
@media (min-width: 1200px) and (max-width: 1499px){
.d-ticket-list .d-btn{width:75px}
.d-ticket-list .name_row{color:#000;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:150px}
/* .gc-right-nav{right:0}
.rightbar_open .gc-right-nav{right:-257px}
.gc-wrapper,.top_filter_outer,.gc_button_row.sticky{padding-left:380px;padding-right:257px} */
.d-ticket .d-ticket-list .name_assign_pt{ -ms-flex: 0 0 68%;
flex: 0 0 68%;
max-width: 68%;}
.d-ticket-list .btn_row{-ms-flex: 0 0 32%;
flex: 0 0 32%;
max-width: 32%;}
/* .gc-wrapper{padding-right: 257px;}
.gc-tickets{padding-right: 242px;}
*/
.d-ticket-list .name_row{width:25%}
.d-ticket-list .dec_row{width:40%}
.d-ticket-list .dec_row p{ max-width: 170px; font-size: 13px; line-height: 16px; white-space: normal;}
/* .d-ticket-list .btn_row{width:35%} */
.fc-widget-header .fc-day-header{padding:5px}
.gc-calender-view .fc-widget-header .fc-day-header{font-size:10px;padding:0;text-align:center}
.gc-calender-view .fc-basic-view .fc-day-number,.gc-calender-view .fc-basic-view .fc-week-number{padding:0;text-align:center}
.gc-d-strip{height:53px;line-height:53px}
.gc-d-strip:after{top:16px}
.gc-right-com{padding:0 6px}
.fc-ltr .fc-basic-view .fc-day-top .fc-day-number{float:none!important;text-align:center;display:block;margin:0 auto}
.gc-left-nav .gc-pic{width:40px;height:40px;margin:25px auto 0;border:1px dashed #38b44a}
.gc-left-nav .gc-pic .epi{width:20px;height:20px;bottom:1px;right:-1px;font-size:11px;line-height:20px}
.gc-left-nav.small-nav .gc-pic{margin:20px auto 0;width:80px;height:80px}
.leave-wrap .ml-col:nth-child(1),.leave-wrap .ml-col:nth-child(3){padding-left:12px}
.leave-wrap .ml-col .l-count{padding:1px 10px;margin-left:6px;font-size:12px;min-width:50px}
.leave-wrap .ml-col:nth-child(1){font-size:13px;width:38%}
.leave-wrap .ml-col:nth-child(1) label{min-width:107px}
.leave-wrap .lop-btn button{min-width:auto;font-size:13px}
.cal-img{font-size:22px}
.leave-wrap .ml-col:nth-child(4){width:25%}
.comman_beg{left:9%}
/********04-05-2018**********/
/* .inner_page_body .gc-right-nav{right:-257px;} */
/* .rightbar_open .inner_page_body .gc-wrapper,
.rightbar_open .inner_page_body .top_filter_outer{padding-right:257px} */
/* .rightbar_open .inner_page_body .gc-left-nav .gc-menu li{text-align:center;padding:0}
.rightbar_open .inner_page_body .gc-left-nav .gc-menu li a span{text-indent:inherit;display:block;position:absolute;left:0;z-index:99999999999;top:0;width:120px;background:#fff;border-radius:0 5px 5px 0;transition:ease-in-out .3s;visibility:hidden;opacity:0}
.rightbar_open .inner_page_body .gc-left-nav .gc-menu li a:hover span{visibility:visible;opacity:1;left:100%}
.rightbar_open .inner_page_body .gc-left-nav,.rightbar_open .inner_page_body .gc-left-nav.small-nav {
width: 70px;
}
.rightbar_open .inner_page_body .gc-re-nav ,
.rightbar_open .gc-left-nav.small-nav .gc-re-nav{width:55px;}
.rightbar_open .home_page .gc-left-nav.small-nav .gc-re-nav{width:168px;}
.rightbar_open .inner_page_body .gc-re-nav,
.inner_page_body .gc-re-nav {width:168px;}
.rightbar_open.leftbar_open .inner_page_body .gc-re-nav {width:168px;}
.rightbar_open .inner_page_body .gc-left-nav .gc-pic{width:40px;height:40px;display:block;margin:25px auto 0;border:1px dashed #38b44a}
.rightbar_open .inner_page_body .gc-left-nav .gc-pic .gc-pi{padding:4px} */
/* .inner_page_body .gc-wrapper,
.inner_page_body .top_filter_outer{ padding-left:398px;} */
/* .rightbar_open .inner_page_body .gc-wrapper,
.rightbar_open .inner_page_body .top_filter_outer{padding-right:257px}
.rightbar_open .inner_page_body .gc-right-nav{right:0} */
/*
.rightbar_open .inner_page_body .gc-view-col{left:70px}
.rightbar_open .inner_page_body .gc-wrapper{padding-left:380px} */
/*
.leftbar_open .inner_page_body .gc-left-nav{width:180px}
.leftbar_open .inner_page_body .gc-menu li{padding:0 10px;text-align:left}
.leftbar_open .inner_page_body .gc-menu li a{position:static;display:block}
.leftbar_open .inner_page_body .gc-menu li a span{position:static;background:transparent;border-radius:0;visibility:visible;opacity:1} */
/* .inner_page_body .gc-left-nav,
.inner_page_body .gc-left-nav.small-nav{width:180px}
.inner_page_body .gc-left-nav .gc-menu li {text-align:left;padding-left:30px;}
.inner_page_body .gc-left-nav .gc-menu li a span{display: inline-block;
visibility: visible;
opacity: 1;
position: static;background:transparent} */
/* .inner_page_body .gc-view-col{left: 180px;}
*/
/* .leftbar_open .inner_page_body .gc-left-nav{width:70px}
.leftbar_open .inner_page_body .gc-menu li{padding:0 10px;text-align:center}
.leftbar_open .inner_page_body .gc-menu li a{position:static;display:inline-block;}
.leftbar_open .inner_page_body .gc-menu li a span{position:static;background:transparent;border-radius:0;visibility:hidden;opacity:0;display:inline-block;position:absolute}
.leftbar_open .inner_page_body .gc-view-col{left:70px;}
.leftbar_open .inner_page_body .gc-wrapper,
.leftbar_open .inner_page_body .top_filter_outer{padding-right:257px;padding-left:380px;}
.rightbar_open .inner_page_body .top_filter_outer{padding-left:380px;}
.leftbar_open.rightbar_open .inner_page_body .top_filter_outer{padding-left: 490px;
padding-right: 0px;}
.leftbar_open .inner_page_body .gc-right-nav{right:0} */
/* .inner_page_body .gc-wrapper{padding-left: 505px;} */
/* .leftbar_open .inner_page_body .gc-re-nav{width:50px;}
.leftbar_open.rightbar_open .inner_page_body .gc-left-nav.small-nav{width:180px}
.leftbar_open.rightbar_open .inner_page_body .gc-left-nav .gc-menu li {text-align:left;padding-left:30px;}
.leftbar_open.rightbar_open .inner_page_body .gc-left-nav .gc-menu li a span{display: inline-block;
visibility: visible;
opacity: 1;
position: static;background:transparent}
.leftbar_open.rightbar_open .inner_page_body .gc-wrapper{padding-left: 490px;padding-right:0px;}
.leftbar_open.rightbar_open .inner_page_body .gc-view-col{left: 180px;}
.leftbar_open.rightbar_open .inner_page_body .gc-right-nav{right: -360px;} */
/*
.leftbar_open .inner_page_body .gc-left-nav{width:180px}
.leftbar_open .inner_page_body .gc-menu li{padding:0 10px;text-align:left}
.leftbar_open .inner_page_body .gc-menu li a{position:static;display:inline-block}
.leftbar_open .inner_page_body .gc-menu li a span{position:static;background:transparent;border-radius:0;visibility:visible;opacity:1;display:inline-block}
.leftbar_open .inner_page_body .gc-view-col{left:180px;}
.leftbar_open .inner_page_body .gc-wrapper{padding-right:0;padding-left:505px;} */
/*
.leftbar_open .inner_page_body .gc-left-nav.small-nav{width:88px}
.leftbar_open .inner_page_body .gc-left-nav.small-nav li{text-align:center;padding:0}
.leftbar_open .inner_page_body .gc-right-nav{right:0}
.leftbar_open .inner_page_body .gc-wrapper{padding-right:257px;}
.leftbar_open.rightbar_open .inner_page_body .gc-left-nav.small-nav .gc-re-nav{width: 168px;}
.rightbar_open .inner_page_body .top_filter_outer{padding-left:405px;}
.leftbar_open.rightbar_open .inner_page_body .top_filter_outer{padding-left:507px;padding-right:0}
.leftbar_open .inner_page_body .top_filter_outer{padding-right:257px;} */
}
@media (min-width: 1367px)and(max-width:1400px){
.cwrap .double_line_check.sw-bottom.gc-ba-box ul li .gc-check:checked+label:after{top:21px;}
}
@media (min-width: 1367px){
.cwrap .double_line_check.sw-bottom.gc-ba-box ul li .gc-check:checked+label:after{top:24px}
.holiday_india.load_more_list.show_data_pt {
top: 140px;
visibility: visible;
}
.holiday_india.load_more_list .custom_switch_height{max-height:58vh}
}
@media (max-width: 1366px){
.gc-left-nav .gc-pic{width:40px;height:40px;}
.gc-pic .gc-pi{padding:0px;}
.gc-logo { margin: 14px 0 14px 0; }
header .g_menus { right: -2px; }
header p{font-size:13px;}
header, header .g_menus { height: 64px; }
.top-nav, header .profile{ height: 63px;}
header .profile{width:52px;right: 64px;}
.top-nav li{ line-height: 62px; }
header .profile{padding: 12px 0;}
header .g_menus>img {max-height: 64px;}
.gc-right-nav,.top_filter_outer,.upcoming_right_nav{top:63px;}
body {padding-top: 64px;}
.gc-view-col {height: calc(100% - 65px);}
.gc_button_row.sticky { top: 63px;}
.punch-btn{ width: 140px;
height: 45px;font-size:13px;}
.punch-btn .icon-16{margin-left:-19px;margin-right:8px}
.sw-list{margin-right:18px;}
.gc-attendance .sw-photo>img{width:42px;height:42px;}
.top-filters{padding: 3px 0 2px;}
.ticket-filters .gc-ba-box{ margin: 7px 0 8px;}
.ticket-filters .gc-ba-box{margin: 7px 0 8px;}
.gc-leaves .ticket-filters .gc-ba-box{margin:13px 0 15px;}
.gc-team .ticket-filters .gc-ba-box{margin: 7px 0 7px;}
.gc-tickets .gc-detail-col, .gc-leaves .gc-detail-col, .gc-team .gc-detail-col{ padding-top: 92px;}
.com-head{height:94px;}
.switch-view .com-head:after{font-size:35px;}
.att-top-title{padding:11px 0}
.gc-tickets .sw-bottom.gc-ba-box ul li{ padding: 5px 30px 5px 22px;}
.gc-tickets .gc-view-col .sw-bottom.gc-ba-box ul li{padding:10px 22px}
.cwrap .pending-msg{top:-5px;}
.gc-tickets .top-filters .sw-bottom.gc-ba-box ul li .gc-check+label:before{top:7px;}
.gc-tickets .top-filters .sw-bottom.gc-ba-box ul li .gc-check:checked+label:after{top:10px;}
.top-search{padding-top:3px;padding-bottom:3px;}
.te-grid .te-emp-mail{margin-bottom:20px;}
.te-grid .te-mid{font-size:11px;margin-bottom:15px;}
.te-grid .mt-share{padding:10px 0}
.team-box>ul>li .te-grid{ /* padding: 36px 0 12px; */}
.te-grid .sw-photo{ width: 45px;
height: 45px;
line-height: 45px;font-size:18px;}
.leave-wrap .ml-col .l-count{line-height:24px;}
.gc-leaves .top-filters .sw-bottom.gc-ba-box li .gc-check+label{font-size: 13px;}
.ticket-filters .gc-ba-box li label{font-size:13px;}
.switch-in{ max-height: -moz-calc(100vh - 170px);
max-height: -webkit-calc(100vh - 170px);
max-height: calc(100vh - 170px);}
.gc-detail-col h3{font-size:15px;}
.switch-in {
padding: 0 15px;
}
.gc-view-col .custom_switch_height.gsc_thin_scroll .mCustomScrollBox{padding-right:15px;}
/* .sw-bottom.gc-ba-box{margin:15px 0} */
.fc-ltr .fc-basic-view .fc-day-top .fc-day-number{font-size:11px;}
.gc-right-com{ padding: 0 4px;}
.gc-right-com.gsc_thin_scroll .mCustomScrollBox{padding-right:4px;}
.events_outer .sw-bottom .ba-wrap .ba-right .ba-birthday{font-weight:normal}
.cwrap .sw-bottom.gc-ba-box ul li .gc-check+label{font-size:13px;}
.gc-right-com h3,
.gc-attendance .sw-bottom h2,
.gc-attendance .sw-wrap h2{font-size:13px;font-weight:500}
/* .gc-team .sw-bottom h2{margin-bottom:0} */
.sw-more{font-size:13px;}
.gc-pr-pic{max-width: 35px}
.gc-tickets .gc-view-col .sw-bottom.gc-ba-box{margin: 20px 0 5px;}
.gc-pic .gc-pi{padding:4px;}
.gc-form-dt .nt-form{width: 365px;}
.nt-form h3{font-size:16px;}
.select_cercle_wrap{margin-top:6px;}
.sw-icons{top:12px}
.view-more-td{padding-top:33px;}
.comman_beg{top:47px;}
.cwrap .sw-bottom.gc-ba-box ul li .gc-check:checked+label:after {top: 11px;}
.gc-leaves.cwrap .gc-view-col .sw-bottom.gc-ba-box ul li .gc-check:checked+label:after{top: 11px;}
.cwrap .sw-bottom.gc-ba-box ul li .gc-check+label:before{top:11px;}
.cwrap.gc-tickets .sw-bottom.gc-ba-box ul li .gc-check:checked+label:after,
.cwrap .sw-bottom.gc-ba-box ul li .gc-check+label:before{ top: 11px;}
.birthday_popup{max-width:400px;}
.birthday_popup .birthday_head_title{height:140px;}
#cake{bottom:25px;}
.velas{top:100px;}
.content_body h2{font-size:16px;}
.punch-section h2{font-size:24px;}
.gc-ticket-detail .gc-c-btn{height:40px;min-width: 85px;font-size: 13px;}
.landing_page .row .col.s12{margin-bottom:40px;}
.landing_page h2{font-size:22px;}
.landing_page p{font-size:14px;}
.landing_page .gc-main .gc-cimg{max-width:340px;}
.t-bot-strip .dt-col{padding: 0 5px;}
.travel-wrap .t-bot-strip .dt-col{padding: 0 5px;font-size: 11px;}
.travel-wrap .t-bot-strip .dt-col:last-child { padding-left: 30px; }
.tr-tc .t-bot-strip .dt-col span.istatus { left: 6px;}
/* 05-04-2019 */
.t-info h2{margin-bottom:4px;}
.gc-ticket-detail.gc-dtopen .top_filter_outer{/* top:63px; */}
.travel-wrap .t-bot-strip .dt-col:after{right:2px;height: 21px; }
.tr-tc .t-bot-strip .dt-col .istatus {left: 4px;}
.t-bot-strip .dt-col .icon-39{font-size:16px;}
}
@media (max-width: 1320px){
.t-bot-strip .dt-col .icon-39{font-size:13px;}
.gc-detail-col .sub_bottom .dt-col .icon_pt,
.dt-col .icon-37{font-size:13px;}
}
@media (min-width: 1281px) and (max-width: 1360px){
.team-box>ul>li .te-grid{padding:45px 0px 12px}
}
/* 28/05/2019 */
@media (max-width: 1120px){
.t-bot-strip{display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;border:1px solid #ebeefb;height: auto; border-bottom:none; }
.t-bot-strip .dt-col{-webkit-box-flex: 0;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;height: auto;padding: 10px 5px;border-bottom:1px solid #ebeefb;}
.t-bot-strip .dt-col:nth-child(3n+3){border-right:none;}
.gc-detail-col .sub_bottom .dt-col.priority_col{padding:0px;height: auto;}
.cwrap .team-box>ul>li{-ms-flex: 0 0 48.75%;flex: 0 0 48.75%;max-width: 48.75%;}
}
@media (max-width: 1023px){
.page-container {min-width: 100%;}
}
@media(max-width:1100px){
.profile-desc .col-md-6{width:100%}
}
@media (min-width: 992px) and (max-width: 1199px){
header .g_menus .in_logo,.rightbar_open header .g_menus .out_logo{display:none;display:none}
header .g_menus .out_logo{display:block}
.rightbar_open header .g_menus .in_logo{display:block}
.page-container{min-width:992px}
.gc-right-com{padding:0 6px}
.fc-widget-header .fc-day-header{padding:5px}
.gc-calender-view .fc-widget-header .fc-day-header{font-size:10px;padding:0;text-align:center}
.gc-calender-view .fc-basic-view .fc-day-number,.gc-calender-view .fc-basic-view .fc-week-number{padding:0;text-align:center}
.gc-d-strip{height:62px;line-height:62px}
.gc-d-strip:after{top:22px}
.gc-right-com{padding:0 6px}
.fc-ltr .fc-basic-view .fc-day-top .fc-day-number{float:none!important;text-align:center;display:block;margin:0 auto}
.gc-menu li{padding-left:0;text-align:center;position:relative}
.gc-menu li a{font-size:11px;position:static;display:block}
.gc-left-nav .gc-menu li a span{display:none}
.gc-left-nav .gc-menu li a span{text-indent:inherit;display:block;position:absolute;left:0;z-index:99999999999;top:0;width:120px;background:#fff;border-radius:0 5px 5px 0;transition:ease-in-out .3s;visibility:hidden;opacity:0}
.rightbar_open .gc-left-nav .gc-menu li a span{position:static;background:transparent;border-radius:0;visibility:visible;opacity:1}
.gc-left-nav .gc-menu li a:hover span{visibility:visible;opacity:1;left:100%}
.gc-wrapper,.rightbar_open .gc-wrapper,.top_filter_outer,.gc_button_row.sticky{padding-left:392px;padding-right:0}
.gc-view-col,.rightbar_open .gc-view-col{width:325px;left:67px}
.gc-detail-col h3{font-size:15px}
.d-ticket .d-ticket-list{}
.d-ticket .d-ticket-list .name_assign_pt {
-webkit-box-flex: 0;
-ms-flex: 0 0 60%;
flex: 0 0 60%;
max-width: 60%;
}
.d-ticket-list .btn_row {
-webkit-box-flex: 0;
-ms-flex: 0 0 40%;
flex: 0 0 40%;
max-width: 40%;
}
.d-ticket-list .dec_row{ width: 58%;}
.d-ticket-list .dec_row p { max-width: 180px;font-size: 13px;white-space:normal; }
.gc-left-nav .gc-pic,.gc-left-nav.small-nav .gc-pic{width:55px;height:55px;margin:20px auto 0;border:1px dashed #38b44a}
.gc-pic .gc-pi{padding:4px}
.side_menu_profile .gc-left-nav .gc-pic{width:40px;height:40px;}
.side_menu_profile .gc-pic .gc-pi{padding:0px}
.gc-left-nav .gc-pic .epi{width:20px;height:20px;bottom:1px;right:-1px;font-size:11px;line-height:20px}
.leave-wrap .ml-col:nth-child(1){font-size:14px}
.leave-wrap .ml-col:nth-child(1) label{min-width:135px}
.profile-detail{padding:30px}
.te-grid .te-mid{font-size:11px;padding-bottom:0}
.te-grid .te-emp-mail{margin-bottom:20px}
.te-grid .mt-share{padding:10px 0}
.gc-c-btn{min-width:85px}
.gc-ib{margin-left:0}
.comman_beg{left:35%}
.events_outer .sw-bottom.gc-ba-box ul li .ba-wrap .btn_comment.show_comment{left:0;width: 100% !important;}
}
@media (max-width: 1040px){
.leave-wrap .ml-col:nth-child(1){width:33%}
.leave-wrap .ml-col:nth-child(4){width:26%}
.leave-wrap .ml-col:nth-child(3){width:25%}
.page-container{min-width:100%}
.leave-wrap .ml-col .l-count,.leave-wrap .ml-col:nth-child(3) .l-count{margin:0;display:block;margin-top:5px;max-width:80px}
.te-grid .te-mid{font-size:11px;margin-bottom:0}
.te-grid .te-emp-mail{margin-bottom:20px}
.te-grid .mt-share{padding:10px 0}
.gc-dark,.gc-gr{display:block}
.gc-t-pr:before{width:15px;height:15px;top:0}
}
@media (min-width: 768px) and (max-width: 991px){
.gc-right-com{padding:0 6px}
.fc-widget-header .fc-day-header{padding:5px}
.gc-calender-view .fc-widget-header .fc-day-header{font-size:10px;padding:0;text-align:center}
.gc-calender-view .fc-basic-view .fc-day-number,.gc-calender-view .fc-basic-view .fc-week-number{padding:0;text-align:center}
.gc-d-strip{height:53px;line-height:53px}
.gc-right-com{padding:0 6px}
.fc-ltr .fc-basic-view .fc-day-top .fc-day-number{float:none!important;text-align:center;display:block;margin:0 auto}
.page-container{min-width:768px}
.gc-view-col,.rightbar_open .gc-view-col{width:260px}
.gc-right-nav,.upcoming_right_nav{width:242px}
.gc-wrapper,.rightbar_open .gc-wrapper,.gc_button_row.sticky{padding-left:327px;padding-right:0}
.gc_button_row ul li .d-btn{min-width:auto}
.img_name_wrap{width:nowrap;white-space:nowrap;vertical-align:middle}
.d-ticket-list .name_row .name{ max-width: 190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;vertical-align:middle}
.d-ticket-list,.d-ticket-list .name_row,.d-ticket-list .dec_row,.d-ticket-list .btn_row{width:100%;display:block}
.d-ticket-list .btn_row{position:relative; display: table;padding: 0 15px 20px;}
.tr-tc .btn_comment { top: -10px; }
.d-ticket-list{padding:10px}
.d-ticket-list .ticket_cell{padding:0}
.img_name_wrap,.d-ticket-list .dec_row{margin-bottom:0}
.gc-left-nav .gc-pic,.gc-left-nav.small-nav .gc-pic{width:55px;height:55px;margin:20px auto 0;border:1px dashed #38b44a}
.gc-pic .gc-pi{padding:4px}
.gc-left-nav .gc-pic .epi{width:20px;height:20px;bottom:1px;right:-1px;font-size:11px;line-height:20px}
.d-ticket-list,.d-ticket-list .name_row{padding: 15px 0 0 10px;}
.d-ticket .d-ticket-list .list_radio,
.d-ticket .d-ticket-list .d-ticket-list-inner .list_radio{top:0;left:8px}
.rightbar_open .gc-wrapper,.top_filter_outer{padding-left:326px}
.top-filters .top-search{width:50%;float:left}
.cwrap .team-box>ul>li{-ms-flex:0 0 48.7%;flex:0 0 48.7%;max-width:48.7%}
.profile-detail{padding:30px}
.events_outer .sw-bottom.gc-ba-box ul li .ba-wrap .btn_comment.show_comment{left:0;width: 100% !important;}
}
/*****************New Changes 17-12-2018**********************/
/* header css */
header{height:68px;}
header .container-fluid{padding:0}
header .gc-logo{margin:0px;line-height:68px;padding:0px 15px 0 77px;background:transparent;font-size:20px;font-weight:500;color:#000;text-align:left;}
header .gc-logo .logo-icon{position:absolute;left:0px;width:77px;background:#fff;height:68px;top:0;text-align:center}
header .gc-logo .logo-icon img{margin:3px auto;}
header .gc-ib{margin-left:15px;}
header p {font-size: 12px;}
header p a{color: #0f60d0;}
header .profile{height: 68px;width:58px;padding:17px 0 15px;right:0;}
header .profile a{width:35px;height:35px;display:block;margin: 0 auto;}
header .profile a .gc-pr-pic{width:100%;height:100%;object-fit:cover;max-width:35px;}
header .profile>a .epi{display:block;right:-7px;top:15px;bottom:auto;width:18px;height:18px;line-height:18px;}
header .profile>a .epi i{line-height:18px;}
/* .gc-left-nav{width:385px;overflow:auto}
.gc-left-nav::-webkit-scrollbar {width: 5px;}
.gc-left-nav::-webkit-scrollbar-track {background: #fff;}
.gc-left-nav::-webkit-scrollbar-thumb {background: #efefef;}
.gc-left-nav .profile-pic{min-height:100px;display:block;margin:75px 0 75px}
.gc-left-nav .gc-pic{width:96px;height:96px;margin:0px auto;display:block}
.gc-left-nav .profile-pic h2{margin:10px auto;text-align: center;font-size: 15px;font-weight: 500;color: #000000;}
.gc-left-nav .profile-pic h2 span{font-size:13px;font-weight:normal;color:#000;opacity:0.66;display:block;margin:5px 0 0;}
.gc-left-nav .profile-pic .epi img{max-width: 70%;margin: 15% auto;}
.gc-left-nav .gc-menu{width:100%;padding:0px;margin:0px;}
.gc-left-nav .gc-menu ul{padding:0px;margin:0px;font-size:0px;}
.gc-left-nav .gc-menu li{padding:0px;min-height:55px;margin:0px 0 50px;width:50%;display:inline-block;text-align:center;position:relative;vertical-align:top;}
.gc-left-nav .gc-menu li a{display:block;text-align:center;font-size:12px;color:rgba(0,0,0,0.42);position:static;transition: ease-in-out .3s;-webkit-transition: ease-in-out .3s;}
.gc-menu li a:before {content: attr(data-rel);display: block;position: absolute;left:auto;right:auto;z-index: 999999;top:48px;border-radius:0; visibility: visible;opacity: 1;text-align: center;width: 100%;line-height:1.6;transition:none;}
.gc-left-nav .gc-menu li a i{width:55px;height:55px;line-height:55px;font-size:19px;display:block;margin:0 auto;border-radius:50%;}
.gc-left-nav .gc-menu li a i.icon-58, .gc-left-nav .gc-menu li a i.icon-07, .gc-left-nav .gc-menu li a i.icon-52 {
font-size: 24px;
}
.gc-left-nav .gc-menu li a span{display:block}
.gc-left-nav .gc-menu li a:hover{color:#fb683c}
.gc-left-nav .gc-menu li.active a i{background:#fb683c;color:#fff;box-shadow:0 0 46px rgba(0,0,0,0.21)}
.gc-left-nav .gc-menu li.active a:before{visibility:hidden}
.gc-re-nav,
.gr-re-nav-home{position: absolute;width: 78%;margin: 0 auto;left: 0;right: 0;bottom: 20px;height: 50px;}
.gc-re-nav i,
.gr-re-nav-home i{line-height:50px;color:rgba(0,0,0,0.22);} */
/* view col */
.home_page .gc-view-col{left:323px;width: 305px;background: #e2e5ee;overflow:auto}
.home_page .gc-view-col::-webkit-scrollbar {width: 5px;}
.home_page .gc-view-col::-webkit-scrollbar-track {background: #e2e5ee;}
.home_page .gc-view-col::-webkit-scrollbar-thumb {background: #efefef;}
.home_page .list-of-cards{padding:5px 0px;margin:0px;}
.home_page .list-of-cards li{list-style:none;padding:0px;margin:0px 0 20px;}
.home_page .list-of-cards li:last-child{margin-bottom:0px;}
.home_page .list-of-cards li .card-inner{padding:23px 20px;background:#fff;display:block;border-radius:3px;max-width:238px;margin:0 auto}
.home_page .list-of-cards li .card-inner .card-title{font-size: 15px;
font-weight: 500;display:block;color:#000;margin:0 0 36px}
.home_page .list-of-cards li .card-inner .ico-label-foot{display:block;width:100%;padding:0px;margin:0px;}
.home_page .list-of-cards li .card-inner .ico-label-foot .icon-bx{font-size:18px;float:left;color:#9f9f9f;margin-top:14px;position:relative}
.home_page .list-of-cards li .card-inner .ico-label-foot .icon-bx.icon-07 {
font-size: 22px;
}
.home_page .list-of-cards li .card-inner .ico-label-foot .icon-bx .count{position:absolute;width:29px;height:29px;line-height:29px;font-size:12px;color:#fff;background:#fb683c;text-align:center;right:-17px;top:-13px;border-radius:50%;font-family:"Poppins";}
.home_page .list-of-cards li .card-inner .ico-label-foot .cd-count{float:right;width:100%;max-width:85px;text-align:right}
.home_page .list-of-cards li .card-inner .ico-label-foot .cd-count{font-size:23px;color:#000;font-weight:500;}
.home_page .list-of-cards li .card-inner .ico-label-foot .cd-count .name-cd{display:block;font-size:12px;color:#000;font-weight:normal;letter-spacing:.1px;}
.home_page .list-of-cards li .card-inner .ico-label-foot .cd-count .bar-fill{width:100%;height:2px;background:transparent;overflow:hidden;border-radius:2px;margin:5px 0 8px;display:block;position:relative}
.home_page .list-of-cards li .card-inner .ico-label-foot .cd-count .bar-fill .fill-bg{width:100%;position:absolute;right:0;top:0;height:100%}
.home_page .list-of-cards li .card-inner.td-box .fill-bg{background:#fbbf59;}
.home_page .list-of-cards li .card-inner.ma-box .fill-bg{background:#59ca97;}
.home_page .list-of-cards li .card-inner.pt-box .fill-bg{background:#fb683c;}
.home_page .list-of-cards li .card-inner.ml-box .fill-bg{background:#7c5bf9;}
/*Detail col*/
body{background:#d3d6e2}
.home_page .gc-wrapper {padding-left: 628px;padding-right: 50px;}
.home_page .gc-detail-col.dashboard {background: #d3d6e2;}
/* right menu */
.sidebar_right{position:fixed;right:0;top:65px;height:100%;background:#eaecf4;z-index:999999;width:50px;}
.sidebar_right ul{margin-top:15px;}
.sidebar_right ul li { display: block; font-size: 14px; color: #a2a3a5; margin-bottom:0px; width: 100%;border:none; border-right: 2px solid transparent}
.sidebar_right ul li.active {
border:none; border-right: 2px solid #fb683b;
}
.sidebar_right ul li.active i{color: #fb683b;}
.sidebar_right ul li a { display: block; color: #a2a3a5; font-weight: normal; text-decoration: none; padding: 15px 10px; border-radius: 5px; text-align: center; }
.sidebar_right ul li a i { display: block; margin-bottom: 0px; font-size: 24px; color: #c3c4c5; }
.sidebar_right ul li a i.icon-02, .sidebar_right ul li a i.icon-06 {
font-size: 20px;
}
.sidebar_right ul li a.active { background: #f5f5f5; }
.sidebar_right ul li a.active i { color: #050505; }
/*Left bar */
/*Left bar */
/* .home_page .gc-left-nav{width:323px;overflow:auto}
.home_page .gc-left-nav::-webkit-scrollbar {width: 5px;}
.home_page .gc-left-nav::-webkit-scrollbar-track {background: #fff;}
.home_page .gc-left-nav::-webkit-scrollbar-thumb {background: #efefef;}
.home_page .gc-left-nav .profile-pic{min-height:100px;display:block;margin:75px 0 75px}
.home_page .gc-left-nav .gc-pic{width:96px;height:96px;margin:0px auto;display:block}
.home_page .gc-left-nav .profile-pic h2{margin:10px auto;text-align: center;font-size: 15px;font-weight: 500;color: #000000;}
.home_page .gc-left-nav .profile-pic h2 span{font-size:13px;font-weight:normal;color:#000;opacity:0.66;display:block;margin:5px 0 0}
.home_page .gc-left-nav .profile-pic .epi img{max-width: 70%;margin: 15% auto;}
.home_page .gc-left-nav .gc-menu{width:100%;padding:0px;margin:0px;}
.home_page .gc-left-nav .gc-menu ul{padding:0px;margin:0px;font-size:0px;}
.home_page .gc-left-nav .gc-menu li{padding:0px;min-height:55px;margin:0px 0 50px;width:50%;display:inline-block;text-align:center;position:relative;vertical-align:top}
.home_page .gc-left-nav .gc-menu li a{display:block;text-align:center;font-size:12px;color:rgba(0,0,0,0.32);position:static;transition: ease-in-out .3s;-webkit-transition: ease-in-out .3s;}
.home_page .gc-menu li a:before {content: attr(data-rel);display: block;position: absolute;left:auto;right:auto;z-index: 999999;top:48px;border-radius:0; visibility: visible;opacity: 1;text-align: center;width: 100%;line-height:1.6}
.home_page .gc-left-nav .gc-menu li a i{width:55px;height:55px;line-height:55px;font-size:24px;display:block;margin:0 auto;border-radius:50%;}
.home_page .gc-left-nav .gc-menu li a span{display:block}
.home_page .gc-left-nav .gc-menu li a:hover{color:#fb683c}
.home_page .gc-left-nav .gc-menu li.active a i{background:#fb683c;color:#fff;box-shadow:0 0 46px rgba(0,0,0,0.21)}
.home_page .gc-left-nav .gc-menu li.active a:before{visibility:hidden}
.home_page .gc-re-nav{position: absolute;
width: 78%;
margin: 0 auto;
left: 0;
right: 0;
bottom: 20px;
height: 50px;
.home_page .gc-re-nav i{line-height:50px;color:rgba(0,0,0,0.22);}
.home_page .gc-view-col{left:323px;width: 305px;background: #e2e5ee;overflow:auto}
.home_page .gc-view-col::-webkit-scrollbar {width: 5px;}
.home_page .gc-view-col::-webkit-scrollbar-track {background: #e2e5ee;}
.home_page .gc-view-col::-webkit-scrollbar-thumb {background: #efefef;}
.home_page .list-of-cards{padding:5px 0px;margin:0px;}
.home_page .list-of-cards li{list-style:none;padding:0px;margin:0px 0 20px;}
.home_page .list-of-cards li:last-child{margin-bottom:0px;}
.home_page .list-of-cards li .card-inner{padding:23px 20px;background:#fff;display:block;border-radius:3px;max-width:238px;margin:0 auto}
.home_page .list-of-cards li .card-inner .card-title{font-size:14px;font-weight:normal;display:block;color:#000;margin:0 0 36px}
.home_page .list-of-cards li .card-inner .ico-label-foot{display:block;width:100%:padding:0px;margin:0px;}
.home_page .list-of-cards li .card-inner .ico-label-foot .icon-bx{font-size:24px;float:left;color:#9f9f9f;margin-top:14px;position:relative}
.home_page .list-of-cards li .card-inner .ico-label-foot .icon-bx .count{position:absolute;width:29px;height:29px;line-height:29px;font-size:12px;color:#fff;background:#fb683c;text-align:center;right:-17px;top:-13px;border-radius:50%;font-family:"Poppins";}
.home_page .list-of-cards li .card-inner .ico-label-foot .cd-count{float:right;width:100%;max-width:85px;text-align:right}
.home_page .list-of-cards li .card-inner .ico-label-foot .cd-count{font-size:23px;color:#000;font-weight:500;}
.home_page .list-of-cards li .card-inner .ico-label-foot .cd-count .name-cd{display:block;font-size:12px;color:#000;font-weight:normal;letter-spacing:.1px;}
.home_page .list-of-cards li .card-inner .ico-label-foot .cd-count .bar-fill{width:100%;height:2px;background:transparent;overflow:hidden;border-radius:2px;margin:5px 0 8px;display:block;position:relative}
.home_page .list-of-cards li .card-inner .ico-label-foot .cd-count .bar-fill .fill-bg{width:100%;position:absolute;right:0;top:0;height:100%}
.home_page .list-of-cards li .card-inner.td-box .fill-bg{background:#fbbf59;}
.home_page .list-of-cards li .card-inner.ma-box .fill-bg{background:#59ca97;}
.home_page .list-of-cards li .card-inner.pt-box .fill-bg{background:#fb683c;}
.home_page .list-of-cards li .card-inner.ml-box .fill-bg{background:#7c5bf9;}
body{background:#d3d6e2}
.home_page .gc-wrapper {padding-left: 628px;padding-right: 50px;}
.home_page .gc-detail-col.dashboard {background: #d3d6e2;} */
/*punch css*/
.punch-section{padding:60px 0 45px;box-shadow:none;background:transparent}
.punch-section .cloud{font-size:38px;margin-bottom: 18px;height: 200px; margin-bottom: -93px;}
.punch-section .cloud img{max-width:190px }
.punch-section h2{font-size:25px;}
.punch-section p{font-size:12px;margin-top:7px;}
.punch-btn{width:121px;font-size:14px;height:43px;line-height:43px;padding-right:0;position:relative;padding-left: 44px;text-align:left;margin-top:15px}
.punch-btn .icon-16{position:absolute;left:5px;top:6px;margin:0px;text-align:center}
/*main container */
.main-container{max-width:90%;margin:0 auto;padding:0 15px}
.default-box{width:100%;background:#fff;height:368px;border-radius:5px;margin-bottom:30px;padding:15px;}
/* right menu */
/* .sidebar_right{position:fixed;right:0;top:68px;height:100%;background:#eaecf4;z-index:999999;width:50px;}
.sidebar_right ul{margin-top:15px;}
.sidebar_right ul li { display: block; font-size: 14px; color: #a2a3a5; margin-bottom:0px; }
.sidebar_right ul li a { display: block; color: #a2a3a5; font-weight: normal; text-decoration: none; padding: 15px 10px; border-radius: 5px; text-align: center; }
.sidebar_right ul li a i { display: block; margin-bottom: 0px; font-size: 24px; color: #a2a3a5; }
.sidebar_right ul li a.active { background: #f5f5f5; }
.sidebar_right ul li a.active i { color: #050505; } */
.gc-wrapper,.top_filter_outer,.gc_button_row.sticky{padding-right:50px; padding-left: 713px;}
.home_page .gc-right-nav{display:none;}
/*chart*/
.ct-line {
stroke-width: 1px;
}
.ct-grids{opacity:0.3}
.ct-series-a .ct-bar, .ct-series-a .ct-line, .ct-series-a .ct-point, .ct-series-a .ct-slice-donut{ stroke: #65d381;}
.ct-series-a .ct-area, .ct-series-a .ct-slice-donut-solid, .ct-series-a .ct-slice-pie{fill:rgba(102,211,132,0.8);}
.ct-chart .ct-series.ct-series-b .ct-area { fill:rgba(0,0,0,0.5); }
.ct-chart .ct-series.ct-series-b .ct-line { stroke: #65d381; stroke-width: 1px; }
.ct-chart .ct-series.ct-series-a .ct-circle{ fill: #65d381;}
.ct-chart .ct-series.ct-series-b .ct-circle{fill:#3c53e6;stroke-width:1;}
.ct-chart .ct-series.ct-series-b .ct-line{stroke: #3c53e6;}
.ct-label.ct-horizontal.ct-end{text-indent: -10px;font-size: 9px;color: #a0a0a0;}
.ct-label.ct-vertical.ct-start{font-size: 9px;color: #a0a0a0;}
/*birthday box*/
.birthday-col .d-event-section{padding:0px;margin:0px;}
.birthday-col .events_outer .gc-ba-box{border:none;margin:0px;padding:0px;}
.birthday-col .events_outer h3{margin:0px;text-align:left;display:block;padding:5px 0px 25px 10px;position:relative}
.birthday-col .events_outer h3 .cake-img{float:right}
.birthday-col .events_outer h3:after{content:"";display:block;width:20px;height:2px;background:#000;position:absolute;left:10px;bottom:15px;opacity:0.3}
.birthday-col .ba-wrap .ba-left{width:45px}
.birthday-col .events_outer .sw-bottom.gc-ba-box ul li{padding-left:10px;margin-bottom:15px;}
.birthday-col .events_outer .sw-bottom.gc-ba-box ul li .ba-left .gc-ht-photo{width:35px;height:35px;}
.birthday-col .events_outer .check_pt .ba-wrap{right:5px;}
/*graph */
.algraph{height:500px}
.default-box .apply_bottom{ max-width: 350px;
margin:-30px auto 0}
.default-box h2 {
float: left;
font-size: 15px;
color: #000000;
margin: 8px 0 0;
font-weight: 500;
}
/* header .gc-logo{width:182px;}
header .gc-logo .navnone{display:none;}
header .gc-logo .logo-icon{width:60px;}
header .gc-logo{padding-left:60px;}
.algraph .divdownloadouter{top:0} */
@media screen and (min-width: 1601px) {
/* header .gc-logo{width: 384px;padding-left:100px;}
header .gc-logo .logo-icon{width:100px} */
/* header .gc-logo{width:182px;}
header .gc-logo .navnone{display:none;}
header .gc-logo .logo-icon{width:60px;}
header .gc-logo{padding-left:60px;} */
.home_page .gc-left-nav .gc-pic{width:120px;height:120px;}
.home_page .gc-left-nav{width: 385px;}
.home_page .gc-view-col{left:385px;width:340px}
.home_page .gc-wrapper{padding-left: 725px;padding-right:50px}
.home_page .gc-left-nav .profile-pic{margin:80px 0 120px}
.home_page .gc-left-nav .gc-menu ul{max-width:85%;margin:0 auto}
.home_page .list-of-cards{margin-top:30px;}
.home_page .list-of-cards li{margin-bottom:30px;}
.home_page .list-of-cards li .card-inner{max-width: 94%;}
.home_page .list-of-cards li .card-inner .card-title{margin-bottom:50px;}
/* .punch-section{padding:100px 0 60px} */
.home_page .punch-btn{margin-top:20px;}
}
/* 05-04-2019 */
.switchbtn{position:absolute;right:15px;top:-5px;line-height:0;z-index:999999}
.switchbtn input.tglbtn[type=checkbox]{height:0;width:0;visibility:hidden}
.switchbtn label{cursor:pointer;text-indent:-9999px;width:47px;height:25px;background:#cacaca;display:block;border-radius:100px;position:relative;margin:0}
.switchbtn label:after{content:'';position:absolute;top:4px;left:5px;width:18px;height:18px;background:#fff;border-radius:90px;transition:.3s}
.switchbtn input.tglbtn:checked+label{background:#68cf83}
.switchbtn input.tglbtn:checked+label:after{left:calc(100% - 5px);transform:translateX(-100%)}
.switchbtn label:active:after{width:25px}
.tickettype_inner{padding-bottom:62px}
.tickettype_inner .inside_form{width:100%}
.cwrap .sw-bottom.gc-ba-box ul.raviewlist{padding:10px 15px;}
.cwrap .sw-bottom.gc-ba-box ul.raviewlist li{display:inline-block;padding:10px 15px 5px}
.cwrap .sw-bottom.gc-ba-box ul.raviewlist li .sw-list{margin:0px;}
.cwrap .sw-bottom.gc-ba-box ul.raviewlist li .sw-photo img{width:100%;height:100%;border-radius:50%;}
.gc-view-col .ba-wrap .ba-right{font-weight:normal}
.gc-view-col .sw-bottom .ba-wrap .ba-right .ba-sm{font-weight:normal}
.gc-view-col .sw-bottom .ba-wrap .ba-right .ba-sm.t_present{ color: #70d053;}
.gc-details-tickets .gc-detail-col{padding-top:0px;}
.gc-details-tickets .rec_list_details .d-ticket-list .name_assign_pt{-ms-flex: 0 0 59.5%;
flex: 0 0 59.5%;
max-width: 59.5%;}
.gc-details-tickets .rec_list_details .d-ticket-list .name_assign_pt{-ms-flex: 0 0 60%;
flex: 0 0 60%;
max-width: 60%;}
.gc-details-tickets .rec_list_details .d-ticket-list .btn_row{-ms-flex: 0 0 39.5%;
flex: 0 0 39.5%;
max-width: 39.5%;}
.gc-details-tickets .gc-t-info .gc-t-set>.name_assign_pt{-ms-flex: 0 0 69.5%;
flex: 0 0 69.5%;
max-width: 69.5%;}
.gc-details-tickets .gc-t-info .gc-t-set> .btn_row{-ms-flex: 0 0 29.5%;
flex: 0 0 29.5%;
max-width: 29.5%;}
.gc-details-tickets .t-bot-strip .dt-col .assignee_wrap{ z-index: 999;}
/*23-05-2019*/
.attechment-list{display: flex;
align-items: center;padding:0px; margin: 0 -15px 13px;}
.attechment-list .athmtitle{font-size:12px;color:#000;padding:0px;margin:0px;}
.attechment-list .attechbox{padding:0px;margin:0px 15px;position:relative;display: flex;
justify-content: center;
align-items: center;}
.attechment-list .attechbox .icobx{background:#f4f8ff;border-radius:5px;width:40px;height:40px; display: flex;
justify-content: center;
align-items: center;margin-right:10px;}
.attechment-list .attechbox .icobx img{max-width:100%;max-height:100%;}
.attechment-list .attechbox .attsize{font-size:12px;color:#676767;padding:0px;margin:0px;}
.attechment-list .attechbox .attsize .sizefile{display:block;color:#b4b4b4;margin:3px 0 0;}
.top_filter_outer .backbtn{position:absolute;top:17px;left:25px;width:35px;height:35px;display:flex;justify-content:center;align-items:center;background:#fff;box-shadow:0 0 38px rgba(0,0,0,.10);border-radius:50%;color:#000000;font-size:12px;z-index:999;}
.top_filter_outer .backbtn:hover{box-shadow:0 0 38px rgba(0,0,0,.15)}
/* 03-05-2019 */
.ticket_type_outer{width:710px;right:-710px}
.tickettype_inner{padding:40px 45px 40px 65px}
.ticket-box-main{margin-top:66px}
.tickettype_inner .list_stt li{width:25%;padding:0 15px}
.tickettype_inner .list_stt li .ttbox{padding:20px 0;border:1px solid #edf1f4;display: flex;
flex-direction: column;
min-height:135px;
align-items: center;
justify-content: center;font-size:13px; line-height: 1.6;}
.tickettype_inner .list_stt li .ttbox i{ margin-bottom:15px;}
.tickettype_inner .ticket-box{margin-bottom:25px}
.tickettype_inner .list_stt{margin:0 -15px}
.ticket_type_outer .heading{font-size:19px}
.tickettype_inner .ticket-box h3{position:relative;cursor:pointer;margin:2px 0 30px;font-size:16px;font-weight:500;color:#000000}
.tickettype_inner .ticket-box h3:after{position:absolute;content:'';width:85%;right:35px;margin-top:10px;height:1px;border-bottom:1px dashed #f0f0f0}
span.tb-arrow{position:absolute;top:0px;right:0;font-size:17px;font-weight:300;color:#d1d1d1;font-family:'arial',sans-serif}
span.tb-arrow i{font-style:normal}
span.tb-arrow.plus{font-size:15px}
span.tb-arrow.plus i{font-size:14px}
/* .tickettype_inner .close_ticket_side,.tickettype_inner .miniticket_bar{right:41px;font-size:13px;font-weight:bold} */
/*17-06-2019*/
.update_favourits.downloadouter{margin-top:8px;margin-right:20px;}
.fullsearch.top-search .selectall{
position: absolute;
left: 15px;
top: 0;
}
.fullsearch.top-search .selectall .select2{margin:0px;background:#edeff5;width:69px;height:33px;}
.fullsearch.top-search input[type=search]{
width:100%;
}
.fullsearch.top-search input:-webkit-autofill,
.fullsearch.top-search input:-webkit-autofill:hover,
.fullsearch.top-search input:-webkit-autofill:focus,
.fullsearch.top-search input:-webkit-autofill:active {
-webkit-box-shadow: 0 0 0 30px white inset !important;
}
.downloadouter{margin-top:0; display: flex;
align-items: center;}
.downloadouter .add_fav_btn{display: flex;
align-items: center;}
.downloadouter .add_fav_btn span{margin:0 5px}
.update_favourits .btndownload,
.btndownload{
width:35px;
height:35px;
display:flex;
justify-content:center;
align-items:center;
border-radius:50%;
border: 1px solid #e9e9e9;
color: #565656;
background: #f4f5fa;
}
/*17-06-2019*/
.update_favourits .btndownload{margin-left:20px;}
.btndownload.downloadreportbt{
width:auto;
border-radius:18px;
font-size: 12px;
color: #565656;
min-width:88px;
padding:0 8px;
}
.btndownload.downloadreportbt img{
margin-right:5px;
}
.btndownload.downloadreportbt:hover{}
.top_filter_outer .inner_ticket_id_pt .btndownload{position: absolute;top: 17px;right: 25px;}
.tickettype_inner .list_stt li .ttbox img {
width: 32px;
height: auto;
}
/*22-05-2019*/
.chat_tab .form_group .attechfile{
width: 33px;
color: #767677;
position: absolute;
right: 47px;
top: 0;
font-size: 16px;
height: 100%;
display: flex;
justify-content: center;
align-items: center;}
.chat_tab .form_group .attechfile:before{
content: "\e91a";
font-family: 'careline';
display:block;
position:absolute;
pointer-events:none;
}
.chat_tab .form_group .attechfile input[type="file"].filechoose{
width:100%;
height:100%;
opacity:0;
position: absolute;
top:0;
left:0;
cursor:pointer;
}
.chat_tab .form_group .attechfile input[type=file]::-webkit-file-upload-button {
cursor: pointer;
}
/*23-05-2019*/
.whatcherslist{position:absolute;right:0;top:0;background:#fff;width:372px;box-shadow:0 1px 38px rgba(0,0,0,0.18);border-radius:5px;padding:25px;margin:0px; z-index: 99999999;text-align:left;
transition:ease-in-out 0.5s;
transform:scale(0);
opacity:0;
transform-origin:right top;
visibility:hidden;
}
.addwatcher:hover .whatcherslist{opacity: 1; transform:scale(1); border-radius:5px;visibility:visible;}
.whatcherslist h2{font-size:15px;color:#000000;font-weight:500;margin:0 0 15px;}
.whatcherslist .awemail{padding:0px;margin:0px 0 15px;position:relative;align-items:center;}
.whatcherslist .awemail .form-control{height:54px;background:#f3f4fa;border-radius:5px;font-size:13px;color:#646464;border:none;padding:0 82px 0 20px;margin:0px;}
.whatcherslist .awemail .btn{position:absolute;right:10px;height:35px;background:#252525;border:none;color:#fff;font-size:13px;color:#fff;font-weight:normal;width:61px;padding:0px;display:flex;align-items:center;justify-content:center;top:10px;}
.whatcherslist .watchlist{padding:0px;margin:0px;width:100%; max-height: 247px; overflow: auto;}
.whatcherslist .watchlist ul{padding:0px;margin:0px;width:100%;}
.whatcherslist .watchlist ul li{list-style:none;width:100%;display:flex; align-items:center;cursor:pointer;margin:0 0 10px;}
.whatcherslist .watchlist ul li:last-child{margin-bottom:0px;}
.whatcherslist .watchlist ul li .imgpt{width:26px;height:26px;border-radius:50%;display:flex;justify-content:center;align-items:center;background:#e7e7e9;color:#c2c2c2;margin-right:10px;}
.whatcherslist .watchlist ul li .imgpt img{border-radius:50%;width:100%;height:100%;}
.whatcherslist .watchlist ul li .decpt{font-size:12px;color:#000;}
.whatcherslist .watchlist ul li .removewatcher{margin-left: auto;width:31px;height:31px;display:flex;justify-content:center;align-items:center;background:#f3f3f3;border-radius:50%;transform:scale(0);-webkit-transform:scale(0);transition:ease-in-out .3s;-webkit-transition:ease-in-out .3s;}
.whatcherslist .watchlist ul li:hover .removewatcher{transform:scale(1);-webkit-transform:scale(1);}
.d-ticket .d-ticket-list .name_assign_pt .flxrow{position:relative; white-space: nowrap;}
.d-ticket .d-ticket-list .name_assign_pt .flxrow a{padding-right:5px;}
.d-ticket .d-ticket-list .name_assign_pt .flxrow .eyeicon{display:inline-block; vertical-align:middle; cursor:pointer; margin: 0;
height: 14px;position:relative;}
.d-ticket .d-ticket-list .name_assign_pt .flxrow .eyeicon svg{fill:rgba(0,0,0,0.66)}
.d-ticket .d-ticket-list .name_assign_pt .flxrow .eyeicon[rel="tooltip"]{line-height:1.6}
/* 28/05/2019 */
.ratingpermiter{
right:-1000px;
}
.ratingpermiter.open_it{right:0;}
.ratingpermiter .proalltb{width:193px;background:#f1f2f4;position:absolute;left:-193px;top:0;height:100%;padding-top:19%;height: 100%;
padding: 19% 0 6%;
overflow: auto;}
.ratingpermiter .proalltb::-webkit-scrollbar {width: 5px;}
.ratingpermiter .proalltb::-webkit-scrollbar-track {background: #efefef;}
.ratingpermiter .proalltb::-webkit-scrollbar-thumb {background: #d4d4d4;}
.ratingpermiter .proalltb ul{padding:0px;margin:0px;font-size:0px;}
.ratingpermiter .proalltb ul li{padding:0px;margin:0px;font-size:12px;position:relative}
.ratingpermiter .proalltb ul li:first-child:before,
.ratingpermiter .proalltb ul li:after{
content:"";
width:100%;
height:1px;
background: rgb(241,242,244);
background: -moz-linear-gradient(left, rgba(241,242,244,1) 0%, rgba(197,197,197,1) 100%);
background: -webkit-linear-gradient(left, rgba(241,242,244,1) 0%,rgba(197,197,197,1) 100%);
background: linear-gradient(to right, rgba(241,242,244,1) 0%,rgba(197,197,197,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f2f4', endColorstr='#c5c5c5',GradientType=1 );
display:block;
position:absolute;
left:0;
z-index:1;
}
.ratingpermiter .proalltb ul li:first-child:before{top:0;}
.ratingpermiter .proalltb ul li:after{bottom:0;}
/*27-06-2019 */
.ratingpermiter .proalltb ul li a{padding:20px 20px;margin:0px;font-size:13px; outline:none;color:#000;text-align:right;display: flex;
align-items: center; justify-content:space-between;}
.ratingpermiter .proalltb ul li a i{transition:ease-in-out 0.3s;-webkit-transition:ease-in-out 0.3s;}
.ratingpermiter .proalltb ul li a.active i{
transform:rotate(-180deg);
-webkit-transform:rotate(-180deg);
}
.ratingpermiter .proalltb ul li a i{margin-left:8px; font-size: 9px;}
.ratingpermiter .proalltb ul li a:hover,
.ratingpermiter .proalltb ul li a.active,
.ratingpermiter .proalltb ul li.active a,
.ratingpermiter .proalltb ul li.dropdownmenu ul.submenu li a:hover,
.ratingpermiter .proalltb ul li.dropdownmenu ul.submenu li a.active{color:#f84e3d;
background: rgb(241,242,244);
background: -moz-linear-gradient(left, rgba(241,242,244,1) 0%, rgba(255,255,255,1) 50%);
background: -webkit-linear-gradient(left, rgba(241,242,244,1) 0%,rgba(255,255,255,1) 50%);
background: linear-gradient(to right, rgba(241,242,244,1) 0%,rgba(255,255,255,1) 50%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f2f4', endColorstr='#ffffff',GradientType=1 );
}
/*21-06-2019*/
.ratingpermiter .proalltb ul li.dropdownmenu ul.submenu{
padding:0px;
padding-left: 10px;
margin:0px;
display:none;
}
.ratingpermiter .proalltb ul li.dropdownmenu ul.submenu li{
padding:0px;
margin:0px;
}
/*27-06-2019 */
.ratingpermiter .proalltb ul li.dropdownmenu ul.submenu li a{
padding:15px;
margin: 0px;
/* font-size: 12px; */
outline: none;
color: #000;
text-align: right;
display: flex;
align-items: center;
justify-content: space-between;
background:#f1f2f4;
}
.ttstepback{cursor:pointer}
.ratingpermiter .tab-content{display:none;}
.ratingpermiter .tab-content.active{display:block;}
.relative{position:relative}
/* 04-06-2019 */
.eyedetails{position:relative; z-index:999; padding:15px 15px;border-radius:5px;display:none; align-items: center;border-top:solid 1px #f6f7f8;}
.eyedetails p{color:#535353;font-size:12px;margin:0px; line-height: 1.6;}
.flxrow .eyeicon{transition:ease-in-out 0.3s;font-size:12px;line-height: 1.6;}
/* .eyedetails .btnrow{margin-left:auto; display: flex; align-items:center;}
.eyedetails .btnrow a{color:#fff;font-size:13px;outline:none;}
.eyedetails .btnrow .btn{width:114px;height:30px;display: inline-flex;
justify-content: center;
align-items: center;font-weight:normal;font-size:12px;}
.eyedetails .btnrow .btn.btn-primary{background:#fff;border-radius:16px;color:#050505;}
.arrow-triangle {
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 10px 10px 0 10px;
border-color: #393939 transparent transparent transparent;
bottom: 19px;
visibility:hidden
} */
.showdetails .eyedetails{display:flex;}
.showdetails .arrow-triangle{visibility:visible}
.showdetails .flxrow .eyeicon{ transform: rotate(-180deg);-webkit-transform: rotate(-180deg)}
/* 04-06-2019 */
.tthrow{padding:0px !important}
.cwrap .sw-bottom.gc-ba-box ul.tthrow li{padding-right:0px;padding-top:0px;padding-bottom:0px;border-bottom:solid 1px #fafafc;}
.cwrap .sw-bottom.gc-ba-box ul.tthrow li:last-child{border-bottom:none;}
.tthrow li{padding:0px;margin:0px;display:flex;justify-content:space-between;min-height:48px;align-items:center;}
.tthrow li label{margin:0px; color: #808080;font-size: 14px;
}
.tthrow li .countholder{display:flex;align-items:center;}
.tthrow li .countholder .countno{width:25px;height:25px;border-radius:50%;background:#f7f7f7;display:flex;align-items:center;justify-content:center;padding:0px;margin:0px;color:#7b7b7b;font-weight:normal;font-size:12px;transition:ease-in-out 0.3s;}
.tthrow li .countholder .countno.active{background:#65d381;color:#fff;}
.tthrow li .countholder .shortcutdata{padding:0 15px;cursor:pointer;position:relative;min-height:48px;display: flex;align-items: center;}
.tthrow li .countholder .shortcutdata a{font-size:20px;color:#e2e2e2;outline:none;text-decoration:none; display: flex;}
.tthrow li .countholder .shortcutdata .sclist{position:absolute;bottom:0;top:0;right:0;display: flex;
justify-content: center;
align-items: center;
-webkit-transform: scaleX(0);
transform: scaleX(0);
transform-origin: right center;
transition: ease-in-out 0.3s;
opacity:0;
visibility:hidden;
z-index: 1;
}
.tthrow li .countholder .shortcutdata .sclist a{width:48px;display:inline-flex;justify-content: center;
align-items: center; height: 100%;background:#f21c15;color:#fff;font-size:18px;}
.tthrow li .countholder .shortcutdata .sclist a:nth-child(1){background:#ff8a86}
.tthrow li .countholder .shortcutdata .sclist a:nth-child(2){background:#f85651}
.tthrow li .countholder .shortcutdata .sclist a:nth-child(3){background:#f21c15}
.tthrow li .countholder .shortcutdata .sclist a:nth-child(4){background:#dc0f09}
.tthrow li .countholder .shortcutdata .sclist a.trashicon{background:#ff8a86}
.tthrow li .countholder .shortcutdata .sclist a.editicon{background:#f85651}
.tthrow li .countholder .shortcutdata .sclist a.dashicon{background:#f21c15}
.tthrow li .countholder .shortcutdata .sclist a.viewbtn{background:#dc0f09}
.tthrow li .countholder .shortcutdata:hover .sclist{transform: scaleX(1);
-webkit-transform: scaleX(1);opacity:1;
visibility:visible;}
.tthrow li .ratelist{display:flex;}
.tthrow li .ratelist a{text-decoration:none;font-size:18px;color:#e5e5e5;margin-right:6px;}
.tthrow li .ratelist a:last-child{margin-right:0px;}
.tthrow li .ratelist a.active{color:#faa53d;}
.ratingmain{ background: #fff;
padding:0;
border-radius: 4px;}
.ratingboxouter{ padding:0;}
.ratingboxouter .ratingheader{padding:0px 13px}
.ratingboxouter .ratingheader .headtitle{border-bottom:solid 1px #fafafc;padding:15px 0;display:flex;justify-content:space-between;cursor:pointer}
.ratingboxouter .ratingheader .headtitle:after{content:"[ + ]";display:inline-flex;font-size:14px; color:#000;line-height: 0;align-items: center;}
.ratingboxouter .tthrow{display:none;}
.ratingboxouter.openlist .tthrow{display:block}
.ratingboxouter.openlist .ratingheader .headtitle:after{content:"[ - ]";}
.ratingboxouter.openlist{position:relative}
.ratingboxouter.openlist .tthrow:after{content:"";display:block;position:absolute;height:1px;width:90%;bottom:0;margin:0 auto;background:#fafafc;left: 0;
right: 0;}
.ratingboxouter:last-child.openlist .tthrow:after{display:none;}
.switch-view .sw-bottom.gc-ba-box.close_box .ratingmain{display:none;}
.moredataticket{background: #fff;padding: 10px 0 10px;border-radius: 5px;}
.cwrap .sw-bottom.gc-ba-box .moredataticket ul{padding:0px;}
/*27-06-2019 */
.moredataticket .morelistbtn{ background: #fff;
text-align: center;
display: block;
margin: 0px 0 5px;
color: rgba(0,0,0,0.4);
padding: 5px 2px;
font-size: 12px;
display: flex;
justify-content: center;
align-items: center;
max-width: 90%;
margin: 0 auto;
}
.moredataticket .morelistbtn span{position: relative;
background: #fff;
padding: 0 8px;
z-index: 1;
left: 0;
right: 0;
margin: auto;
height: auto;
line-height: 0;
}
.moredataticket .morelistbtn span svg{fill:#d0d0d0}
.moredataticket .morelistbtn:hover svg{fill:#6f6e6e}
.moredataticket .morelistbtn:after {
position: absolute;
content: '';
width: 100%;
left: 0;
height: 1px;
background: #f5f5f5;
z-index: 0;}
.switch-view .sw-bottom.gc-ba-box.close_box .moredataticket{
display:none;
}
/* 11-07-2019 */
.formheight,
.formheight .ticket-box-main,
.formheight .ticket-box-main .tab-content,
.formheight .ticket-box-main .tab-content .gsc_thin_scroll{height:100%}
.formouter{width:100%}
.rowform{margin:0 -10px;display:flex;flex-wrap:wrap;padding-bottom:100px}
.rowform .colhalf{width:50%;padding:0 10px}
.rowform .colfull{width:100%;padding:0 10px}
.rowform .colbx{margin-top:30px}
.rowform .colbx:first-child{margin-top:0}
.rowform .colbx .control-label{font-size:13px;color:#49515a}
.rowform .colbx .form-control{height:48px;border-radius:5px;border-color:#e3e3ef;background:#f9faff;margin:0}
.rowform .colbx .form-control:focus{border-color:#cdd9fd;box-shadow:0 0 7px rgba(0,0,0,0.08);background:#fff}
.rowform .colbx .dropdownform{position:relative}
.rowform .colbx .dropdownform:after{position:absolute;content:"\e911";right:1px;top:1px;z-index:1;font-family:'careline'!important;position:absolute;width:46px;height:46px;background:#fff;display:flex;align-items:center;justify-content:center;border-radius:0 5px 5px 0;pointer-events:none;color:#363f49}
.rowform .colbx .choosebtnfile{height:48px;padding:0;width:100%;background-color:#fff;border:1px solid #e3e3ef;color:rgba(127,143,164,0.88);border-radius:5px;margin:0;position:relative;overflow:hidden}
.rowform .colbx .choosebtnfile .browsebtn{position:absolute;width:114px;height:100%;background:#fff;display:flex;align-items:center;justify-content:center;border-radius:5px 0 0 5px;position:absolute;left:0;top:0;border-right:solid 1px #e3e3ef;background:#fcfcfd;background:-moz-linear-gradient(top,rgba(252,252,253,1) 0,rgba(243,244,250,1) 100%);background:-webkit-linear-gradient(top,rgba(252,252,253,1) 0,rgba(243,244,250,1) 100%);background:linear-gradient(to bottom,rgba(252,252,253,1) 0,rgba(243,244,250,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfd',endColorstr='#f3f4fa',GradientType=0)}
.rowform .colbx input[type="file"]{position:absolute;display:none}
.rowform .colbx .attechfill{height:100%;text-decoration:none;background-color:#f9faff;margin:0;text-overflow:ellipsis;color:#aaa;text-indent:5px;border:0;outline:0;padding-left:124px;pointer-events:none}
.rowform .colbx .btn.btn-primary{height: 42px;
background: #fb5453;
border-color: #fb5453;
color: #fff;font-size:15px;font-weight:500;box-shadow:0 0 29px rgba(0,0,0,0.17)}
.rowform .colbx.checkouter{margin:15px 0 0}
.checkbox-custom{display:inline-block;position:relative;margin:0;font-size:12px;line-height:26px;color:#49515a; margin: 0;}
.checkbox-custom .checkbox__input{position:absolute;top:4px;left:0;width:16px;height:16px;opacity:0;z-index:0}
.checkbox-custom .checkbox__label{display:block;padding:0 0 0 24px;cursor:pointer;margin:0px;}
.checkbox-custom .checkbox__label:before{content:'';position:absolute;top:4px;left:0;width:17px;height:17px;background-color:transparent;border:1px solid #e3e3ef;border-radius:2px;z-index:1;transition:all .28s cubic-bezier(0.4,0,0.2,1);transition-property:background-color,border-color}
.checkbox-custom .checkbox__label:after{content:'';position:absolute;top:5px;left:5px;width:6px;height:12px;border-bottom:2px solid transparent;border-right:2px solid transparent;-webkit-transform:rotate(45deg);transform:rotate(45deg);z-index:2;transition:border-color .28s cubic-bezier(0.4,0,0.2,1)}
.checkbox-custom .checkbox__input:checked+.checkbox__label:before{background-color:#fb5453;border-color:#fb5453}
.checkbox-custom .checkbox__input:checked+.checkbox__label:after{border-color:#fff}
.flxtopfilter{
padding:0px;
}
.flexwrap{
display:flex;
justify-content:space-between;
align-items:center;
padding-top:0px;
padding-bottom:0px;
padding-right:2px;
min-height:47px;
}
.flexwrap .ott-search{width:75%;position:relative}
.flexwrap .ott-search .gc-btn-search{left:0}
.flexwrap.fullsearch .ott-search input[type=search]{padding-left:30px;}
.flexwrap .countdate{ display: flex;height:28px;align-items: center;padding:1px;border-radius:5px;}
.flexwrap .countdate ul{padding:0px;margin:0px;display:flex;height:100%;}
.flexwrap .countdate ul li{border-left:solid 1px #e5e5e5;height:100%;display:flex;}
.flexwrap .countdate ul li .pagecount{display:flex;height:100%; align-items:center;padding:0 0px;color:#5f6368;white-space: nowrap;border-radius:5px;font-size:12px;position:relative;}
.flexwrap .countdate ul li .pagecount .arrowpage{font-size:10px;color:#9f9f9f;padding:0 10px;}
.flexwrap .countdate ul li .datept{display:flex; height:100%; align-items:center;justify-content:center;padding:0 15px;color:#5f6368;margin-left:4px;border-radius:5px; font-size:18px; color: #000;position:relative;opacity:0.7}
.flexwrap .countdate ul li .datept:hover{opacity:1}
.flexwrap .countdate ul li .pagecount:before,
.flexwrap .countdate ul li .reoprtdownload:before,
.flexwrap .countdate ul li .datept:before{ content: '';
display: block;
opacity: 0;
position: absolute;
transition-duration: .15s;
transition-timing-function: cubic-bezier(0.4,0.0,0.2,1);
z-index: 0;
left: auto;
right: auto;
margin: 0 auto;
top: auto;
bottom: auto;
background: none;
border-radius: 50%;
box-sizing: border-box;
transform: scale(0);
transition-property: transform,opacity;
}
.flexwrap .countdate ul li .reoprtdownload:hover::before,
.flexwrap .countdate ul li .datept:hover::before{
opacity: 1;
transform: scale(1);
background-color: rgba(32,33,36,0.059);
width: 38px;
height: 38px;
}
.flexwrap .countdate ul li .reoprtdownload:hover::before{
width: 94%;
border-radius: 5px;
}
.flexwrap .countdate ul li .datept:hover::before{
width: 38px;
height: 38px;
}
.flexwrap .countdate ul li .reoprtdownload{display:flex; height:100%; align-items:center;justify-content:center;font-size:12px;color:#5f6368; padding:0 20px;}
.flexwrap .countdate ul li .reoprtdownload img{margin-right:7px;margin-top:-5px;width:18px;opacity:0.7}
.flexwrap .countdate ul li .reoprtdownload:hover{color:#000}
.flexwrap .countdate ul li .reoprtdownload:hover img{opacity:1}
.flexwrap.active .ott-search{
width:100%;
}
.flexwrap.active .countdate{display:none;}
.flexwrap.active .gc-btn-search{
left:auto;
right:10px;
}
.flexwrap.active .ott-search input[type=search]{padding-left:0; padding-right:40px;}
.commentarea{
padding:0px 0 26px;
margin:0px;
display:none;
}
.commentarea .commentsection{
position:relative;padding:0px;margin:0px;
}
.attechfilewp{
width: 38px;
color: #767677;
position: static;
right: 0;
bottom: 0;
font-size: 16px;
height: 100%;
display: flex;
justify-content: center;
align-items: center;}
.attechfilewp:before{
content: "\e91a";
font-family: 'careline';
display:block;
position:absolute;
pointer-events:none;
}
.attechfilewp input[type="file"].filechoose{
width:100%;
height:100%;
opacity:0;
position: absolute;
top:0;
left:0;
margin:0;
cursor:pointer;
}
.attechfilewp input[type=file]::-webkit-file-upload-button {
cursor: pointer;
}
.commentarea .commentsection .form-control{height:45px;min-height: 45px;overflow:hidden; -moz-box-sizing: border-box;
box-sizing: border-box; resize: none;padding:10px 0 5px;border:none;border-bottom:solid 1px #eaeefa;font-size:13px;line-height:1.6; margin: 0 0 5px;}
.commentarea .check-go{display:flex;justify-content:space-between;align-items:center;}
.commentarea .check-go .send-btn-attectpt{display:flex;align-items:center;}
.commentarea .check-go .send-btn-attectpt .removeform{margin-right:15px;color:#d2d2d2;font-size:13px;}
.commentarea .check-go .d-btn{background:#4f4f4f;font-size:16px;color:#fff;font-weight:normal;height:33px;display:flex;align-items:center;justify-content:center;padding:0 15px;border-color:#4f4f4f;border-radius:20px;}
.t-bot-strip .dt-col.assign_col .assigneedetails{
min-width: 283px;
right: auto;
left: 0;
top:0;
box-shadow:0 0 22px rgba(0,0,0,0.11);
}
.t-bot-strip .dt-col.assign_col .assignnamehvr{width:100%;text-align:left; display: flex;
white-space: nowrap;}
.t-bot-strip .dt-col.assign_col .assignnamehvr .icon-14{margin-left:4px;}
.t-bot-strip .dt-col.assign_col .assignnamehvr .assigneedetails{
opacity: 0;
visibility: hidden;
transform: scaleY(0);
-webkit-transform: scaleY(0);
transition: ease-in-out .3s;
-webkit-transition: ease-in-out .3s;
transform-origin: top right;
-webkit-transform-origin: top right;
}
.t-bot-strip .dt-col.assign_col .assignnamehvr:hover .assigneedetails{visibility:visible;
opacity:1; transform: scaleY(1);
-webkit-transform: scaleY(1); }
.t-bot-strip .dt-col .penedit{ /* width: 35px; */
align-items: center;
display: flex;
padding: 0 8px;
justify-content: center; color:#a0a1a2;cursor:pointer;height:100%;}
.t-bot-strip .dt-col .penedit i{font-size: 13px;color:#a0a1a2;}
.t-bot-strip .dt-col .penedit .assignee_wrap{ min-width: 283px;
right: 0;
left:0;
top:0;
box-shadow:0 0 22px rgba(0,0,0,0.11);}
.t-bot-strip .dt-col .penedit .assignee_wrap.openit{display:block;visibility:visible;opacity:1}
.t-bot-strip .dt-col .assigneedetails .nametitle{padding:10px 0;display: flex;justify-content: center;align-items: center;position:relative;cursor:pointer;}
.gc-ticket-list .t-bot-strip .dt-col.openclkassign{cursor:pointer;}
.gc-ticket-list .t-bot-strip .dt-col .assignee_wrap.openassignclk{visibility:hidden;opacity:0;}
.gc-ticket-list .t-bot-strip .dt-col .assignee_wrap.openassignclk.openit{display:block;visibility:visible;opacity:1;}
.t-bot-strip .dt-col .assigneedetails h2{font-size:12px;padding:0 0;color:#686869;}
.t-bot-strip .dt-col .assigneedetails .check_list{margin-bottom:0px;padding-bottom:0px;}
.t-bot-strip .dt-col .assigneedetails .check_list li{display: flex;
justify-content: space-between;font-size: 12px;border-bottom:solid 1px #ebeefb;padding:10px 10px}
.t-bot-strip .dt-col .assigneedetails .check_list li:last-child {
border-bottom: none;
}
.t-bot-strip .dt-col .assigneedetails .check_list li i{font-size:18px;color:#484849;}
.d-ticket .commentarea{padding:0 15px 5px;position:relative; margin-bottom:10px;}
.d-ticket .commentarea .check-go{justify-content: flex-end;position: absolute;
bottom: 0;
padding: 0;
right: 15px;
background: #fff;
padding-left:5px;}
.gc-ticket-detail .commentarea .commentsection .form-control{padding-right:40px;}
.gc-ticket-detail .commentarea .commentsection .attechfilewp{position:absolute;height: 45px;
bottom: 10px; }
@media (max-width: 1500px){
.top_filter_outer {
top: 65px;
}
}
/*** Travel ticket ***/
ul.travel-ticket-infobox {
display: table;
background: #6683B5;
height: 116px;
width: 100%;
table-layout: fixed;
}
ul.travel-ticket-infobox li.travel-ticket-col {
background: #6683B5;
width: 14.28%;
height: 58px;
display: table-cell;
vertical-align: top;
}
ul.travel-ticket-infobox li.travel-ticket-col .inner-travel-content{
position: relative;
height: 58px;
line-height: 1;
padding: 15px 0;
border-bottom: 1px dashed #869ec4;
text-align: center;
}
ul.travel-ticket-infobox li.travel-ticket-col .inner-travel-content>span {
color: #fff;
display: block;
font-size: 12px;
}
ul.travel-ticket-infobox li.travel-ticket-col .inner-travel-content>span:nth-child(1){ font-weight: 600;}
ul.travel-ticket-infobox li.travel-ticket-col .inner-travel-content>span:nth-child(2){ font-weight: 300; margin: 6px 0 0;}
ul.travel-ticket-infobox li.travel-ticket-col .inner-travel-content:nth-child(odd):after {
position: absolute;
content: '';
right: 0;
bottom: 0;
width: 1px;
height: 80%;
border-left: 1px dashed #869ec4;
}
ul.travel-ticket-infobox li.travel-ticket-col .inner-travel-content:nth-child(even):after {
position: absolute;
content: '';
right: 0;
top: 0;
width: 1px;
height: 80%;
border-left: 1px dashed #869ec4;
}
.travel-destination-arrow{
margin: 0 8px 0 0;
position: relative;
top: -4px;
}
.travel-emp-info {
border: 1px solid #ebeefb;
border-bottom: none;
height: 130px;
transition: height 0.5s;
overflow: hidden;
}
.travel-emp-info.emp-tab-auto{
height:100%;
}
.travel-emp-tab {
display: table;
table-layout: fixed;
width: 100%;
background: #f9faff;
}
.travel-tab-head,
.travel-emp-row{
display: table-row;
}
.travel-emp-body{
display: table-row-group;
}
.travel-emp-col{
display:table-cell;
vertical-align: middle;
text-align: center;
font-size: 13px;
height: 43px;
border-right: 1px solid #ebeefb;
border-bottom: 1px solid #ebeefb;
}
.travel-tab-head .travel-emp-col{
font-weight: 500;
}
.travel-emp-col:nth-child(1) {
width: 8%;
}
.travel-emp-col:nth-child(2) {
width: 18%;
text-align: left;
padding-left: 20px;
}
.travel-emp-col:nth-child(3) {
width: 30%;
text-align: left;
padding-left: 20px;
}
.travel-emp-col:nth-child(4) {
width: 6%;
}
.travel-emp-col:nth-child(5) {
width: 12%;
}
.travel-emp-col:nth-child(6) {
width: 14%;
}
.travel-emp-col:nth-child(7) {
width: 10%;
}
.travel-emp-col:last-child{
border-right: none;
}
.travel-emp-row .travel-emp-col:nth-child(3){
color: #2d7cd6;
}
span.travel-emp-id {
white-space: nowrap;
overflow: hidden;
display: inline-block;
max-width: 98%;
text-overflow: ellipsis;
}
.travel-emp-bottom {
background: #f9faff;
height: 43px;
line-height: 43px;
text-align: center;
border: 1px solid #ebeefb;
border-top:none;
}
.travel-emp-bottom .travel-emp-more {
color: #999;
font-size: 13px;
cursor: pointer;
}
.travel-emp-bottom .travel-emp-more:hover{
color: #6683B5;
}
.travel-emp-row:nth-child(odd){
background: #f9faff;
}
.travel-emp-row:nth-child(even){
background: #fff;
}
.gc-travel-detail-page .t-info .t-sub .iddate{
margin: 9px 0 0px;
}
.gc-travel-detail-page .t-info .t-sub span{
font-size: 20px;
}
.travel-emp-col:last-child .t-attach {
font-size: 18px;
color: #6c92bd;
}
.gc-travel-detail-page .gc-t90 {
width: 100%;
float: left;
margin-left: 7px;
margin-bottom: 20px;
}
/**** Travel type new *****/
.travel-type-main ul li input[type=radio]{
display: none;
}
.travel-type-main {
margin: 45px 0 30px;
}
.travel-type-main ul {
background: #F7F8F9;
height: 64px;
display: flex;
align-items: center;
justify-content: center;
}
.travel-type-main ul li {
float: left;
width: 33.33%;
text-align: center;
}
.travel-type-main ul li input[type="radio"] + label.travel-type-name {
display: block;
height: 42px;
line-height: 42px;
border-radius: 5px;
max-width: 80%;
margin: auto;
cursor: pointer;
}
.travel-type-main ul li input[type="radio"]:checked + label.travel-type-name{
background: #232323;
color: #fff;
}
.external-member-list .btn-upload {
position: relative;
overflow: hidden;
display: inline-block;
}
.external-member-list .btn-upload input[type=file] {
position: absolute;
opacity: 0;
z-index: 0;
max-width: 100%;
height: 100%;
display: block;
cursor: pointer;
}
.external-member-list .btn-upload .btn{
width: 100px;
height: 100px;
margin: auto;
padding: 0;
background: #E7E8E9;
color: #ccc;
font-weight: 600;
border: 0;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
line-height: 1.2;
}
.external-member-list .head_directory{font-size: 14px;}
.external-member-form{ margin:45px 0;}
.external-member-form .form-group{ margin:0 0 5px; position: relative;}
.external-member-form .form-group.photo {
margin: 20px auto;
text-align: center;
}
.external-member-form .form-group input {
font-size: 14px;
color: #000;
height: 48px;
border-radius: 5px;
border: 1px solid #eee;
}
.external-member-form .form-group input[type=submit].external-member-btn{
width:100%;
background: #6CCE89;
color:#fff;
font-size: 14px;
}
.external-member-form label.fileclickbutton {
position: absolute;
overflow: hidden;
opacity: 0;
right: 0;
width: 84px;
height: 48px;
cursor: pointer;
z-index: 99;
}
.external-member-form .form-group .gc-ib.t-attach {
position: absolute;
right: 17px;
top: 11px;
font-size: 22px;
color: #585858;
cursor: pointer;
z-index: 0;
}