/*===============================================F. Login.html================================================= */
.login-page { display: flex; flex-direction: column; align-items: center; position: relative; overflow: auto; height: -moz-calc(100vh - 38px); height: -webkit-calc(100vh - 38px); height: calc(100vh - 38px); }
.login-page .panel { width: 650px; margin: auto; -webkit-box-shadow: 0px 0px 25px 5px rgba(0,0,0, 0.2); -moz-box-shadow: 0px 0px 25px 5px rgba(0,0,0, 0.2); box-shadow: 0px 0px 25px 5px rgba(0,0,0, 0.2); background-color: #fff; border: none; border-radius: 0; overflow: unset; }
.login-page .panel-heading, .login-page .panel-footer { background: #FFF; border-color: #eee; line-height: normal; }
.login-page .panel:after { clear: both; display: block; content: ""; }
.login-page .panel .login-left { float: left; width: 50%; }
.login-page .panel .login-left img { max-width: 100%; width: 100%; }
.login-page .panel .login-right { float: left; width: 50%; padding: 20px 25px; background-color: #fff; }
.login-page .panel .compName { padding-left: 0px; margin-bottom: 10px; font-family: 'AvalonBold'; line-height: normal; font-weight: bold; letter-spacing: -2px; margin-top: -8px; }
.login-page .panel .compName, .login-page .panel .compName span { font-size: 37px !important; }
.login-page .panel .compName i { font-style: normal; font-family: 'Segoe UI Regular'; line-height: 1em; font-size: 55px; color: #2185d0; }
.login-page .panel .panel-eading { margin-bottom: 15px; }
.login-page .panel .compName span { color: #2185d0; }
.login-page .panel .compName span:last-child { font-size: 30px; line-height: 0; }
.login-page .panel .panel-body .input-group { width: 100%; }
.login-page .panel .panel-body .input-group input { min-height: 40px; }
.login-page .panel .login-rembr { text-transform: inherit !important; margin: 0px 5px !important; }
.login-page .panel .login-right input::placeholder { background-color: #fff; }
.login-page .panel .login-right input { border-radius: 5px; }
.login-page .panel .login-right .custom_check input { margin: 3px 3px 0px 0px; }
.login-page .panel .login-right .custom_check label { cursor: pointer; }
.login-page .panel .login-right .custom_check input[type="checkbox"]:checked { background-color: #e09900; border: 1px solid #e09900; }
.login-page .panel .login-right .form-group:after { clear: both; display: block; content: ""; }
.login-page .panel .login-right label { text-transform: uppercase; font-size: 11px; margin-bottom: 5px; }
.login-page .panel .login-right .panel-footer { text-align: center; border: none; }
.login-page .panel .login-right .panel-footer a { display: inline-block !important; width: 100%; float: none!important; text-align: center; text-transform: uppercase; padding: 15px 5px!important; border-radius: 5px; font-size: 15px!important; margin-top: 20px; height: auto; background: rgba(99,176,240,1); background: -moz-linear-gradient(top, rgba(99,176,240,1) 0%, rgba(33,133,208,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(99,176,240,1)), color-stop(100%, rgba(33,133,208,1))); background: -webkit-linear-gradient(top, rgba(99,176,240,1) 0%, rgba(33,133,208,1) 100%); background: -o-linear-gradient(top, rgba(99,176,240,1) 0%, rgba(33,133,208,1) 100%); background: -ms-linear-gradient(top, rgba(99,176,240,1) 0%, rgba(33,133,208,1) 100%); background: linear-gradient(to bottom, rgba(99,176,240,1) 0%, rgba(33,133,208,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2a900', endColorstr='#e09900', GradientType=0 ); }
.login-page .panel .front .l-pannel-bg02 { font-size: 13px; }
.panel-footer input { float: left; margin-top: 6px; }
.login-footer { padding: 10px 0px; background-color: #e1e4e8; position: absolute;; bottom: 0; width: 100%; left: 0; right: 0; z-index: 999; }
.login-footer h6 { margin: 0px; font-size: 14px; color: #656565; text-transform: capitalize; }
.login-footer h6 a { color: #fe823a; text-decoration: none; }
.mobLogo { display: none; margin-top: 15px; }
.mobLogo img { max-height: 25px; }
.frgPass { margin: 10px 0px 0px; font-size: 15px; font-family: 'Segoe UI Bold'; color: #7b7b7b; display: inline-block; cursor: pointer; }
.frgPass:hover { color: #000; }

.resetTitle { display: block; text-align: left; font-size: 20px; margin-bottom: 20px; }
.disHide { /*display: none;*/ }
.successDiv { text-align: center; margin-top: 60px; display: none; }
.successDiv .borderBox { padding: 25px 10px; }
.successDiv .borderBox > .fa { display: inline-block; color: #2185d0; font-size: 30px; width: 50px; height: 50px; line-height: 50px; }
.successDiv .borderBox span { display: block; font-size: 18px; }
.backTologin { display: inline-block !important; width: 100%; float: none!important; text-align: left; text-transform: uppercase; padding: 15px 0px!important; border-radius: 5px; font-size: 15px!important; margin-top: 20px; height: auto; color: #24292e!important; white-space: normal; }
.backTologin:active { box-shadow: none; }

/* flipper start*/
.flip-container.hover .flipper { transform: rotateY(180deg); -webkit-transform: rotateY( 180deg ); -moz-transform: rotateY( 180deg ); -o-transform: rotateY( 180deg ); }
.flip-container, .front, .back { width: 100%; margin: auto; max-height: 300px; height: 300px; -webkit-transition: 0s; -webkit-transition-delay: 0.2s; -moz-transition: 0s; -moz-transition-delay: 0.2s; -ms-transition: 0s; -ms-transition-delay: 0.2s; -o-transition: 0s; -o-transition-delay: 0.2s; transition: 0s; transition-delay: 0.2s; }
.flipper { height: 100%; transition: 0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s; -ms-transition: 0.6s; -o-transition: 0.6s; position: relative; transform-style: preserve-3d; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; }
.flip-container { perspective: 1000; -webkit-perspective: 1000; -moz-perspective: 1000; -o-perspective: 1000; }
.flip-container.hover .flipper { transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); }
.flip-container .back { opacity: 0; z-index: 9999; visibility: hidden; }
.flip-container.hover .front { opacity: 0; visibility: hidden!important; }
.flip-container.hover .back { opacity: 1; visibility: visible!important; }
.front, .back { background-color: #fff; position: absolute; top: 0; left: 0; }
.front { z-index: 2; }
.back { transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); }

/* flipper end */
.content_wrapper .row > .container { min-height: calc(100vh - 80px); }
.header { background-color: #24292e; padding: 8px 0px; }
.header:after { clear: both; content: ""; display: block; }
.navbrand { float: left; width: 200px; margin-left: 10px; }
.navbrand a:hover { color: #e4e4e4; }
.navbrand a:focus { color: #e4e4e4; }
.navbrand h2 { font-size: 16px; color: #fff; margin: 5px 0px 0; line-height: 1em; }
.navbrand h2 .fa { display: none; }
.nav-left { float: left; width: 300px; }
.nav-left select { border: none; background-image: url("../images/black_arrow.png"); background-repeat: no-repeat; background-position: calc(100% - 5px) 50%; -webkit-appearance: none; appearance: none; width: 100%; height: 25px; padding: 0px 5px; border-radius: 3px; }
select.form-control { background-image: url("../images/black_arrow.png"); background-repeat: no-repeat; background-position: 97% center; -webkit-appearance: none; appearance: none; width: 100%; height: 30px; padding: 0px 5px; border-radius: 3px; }

.mobToggle > .fa { display: none; }
.nav-right { float: right; margin-right: 20px; }
.nav-right .mobToggle > ul { line-height: 1em; margin-top: 5px; }
.nav-right .mobToggle > ul > li { display: inline-block; margin: 0px 12px 0px; }
.nav-right .mobToggle > ul > li:last-child { margin-right: 0px; }
.nav-right .mobToggle > ul > li > a { color: #fff; font-size: 14px; cursor: pointer; position: relative; }
.nav-right .mobToggle > ul > li > a:hover { text-decoration: none; }
.nav-right .mobToggle > ul > li > a span:first-child { margin-right: 5px; }
.nav-right .mobToggle > ul > li img { border-radius: 3px; background-color: #fff; padding: 2px; }
.nav-right .mobToggle > ul > li:last-child a span { display: none; }
.bar-title .fa { float: right; margin-left: 7px; }

.nav_links { border: 1px solid #d1d5da; background-color: #fff; border-radius: 50px; margin-top: 15px; }
.nav_links ul li { display: inline-block; margin: 0px; padding: 15px; border-left: 1px solid transparent; border-right: 1px solid transparent; }
.nav_links ul li.active a, .nav_links ul li.active a .fa, .nav_links ul li:hover a, .nav_links ul li:hover a .fa { color: #516fca; }
.nav_links ul li a { color: #586069; font-size: 16px; line-height: 1; }
.nav_links ul li a span:first-child { margin-right: 5px; color: #b1b1b1; }


.srchBox { margin-top: 10px; float: right; padding-right: 12px; }
.srchBox input { border-radius: 50px; background-color: #e6e6e6; color: #24292e; border: none; padding-left: 30px; }
.srchBox:after { content: "\f002"; display: block; position: absolute; left: 10px; bottom: 4px; font-family: FontAwesome; color: #a5a4a3; font-size: 14px; }
.srchBox input::-moz-placeholder { color: #a5a4a3; font-size: 14px; }
.srchBox input::-ms-input-placeholder { color: #a5a4a3; font-size: 14px; }
.srchBox input::-moz-placeholder { color: #a5a4a3; font-size: 14px; }

.nav_border::after, .TicketList::after, .navLinks::after, .DocuList::after, .MilesList::after, .TicketAdd::after { clear: both; display: block; content: ""; }

.tab .nav-tabs { border: none!important; display: inline-block; }
.tab .nav-tabs li a:before { content: ""; display: block; height: 1px; background: #fff; position: absolute; bottom: -3px; left: 0; right: 0; transform: scaleX(0); transition: all 0.3s ease-in-out 0s; }
.tab .nav-tabs li.active a:before, .tab .nav-tabs li a:hover:before { transform: scaleX(1); }
.tab .tab-content { position: relative; /*margin-top: 20px;margin-top: -1px;*/ }
.navLinks > .pull-left a:last-child { margin-right: 0px !important; }

.notifiMob { display: none; float: left; cursor: pointer; }
.notifiMob a { color: #fff; position: relative; }
.notifiMob:hover a { color: #fff; }
.notifiMob > a > b { position: absolute; top: -10px; left: 5px; display: block; width: 19px; height: 19px; line-height: 17px; color: #fff; font-size: 12px; border-radius: 100%; background: #ff5722; text-align: center; }

/*.tab{margin-top: 20px;}*/
/*.nav_border { border-bottom: 1px solid #e1e4e8; }*/
/*.tab .nav-tabs li a{padding: 10px 15px; margin: 0 5px -5px 0; font-size: 13px; color: #293241; background-color: #fff; border: 3px solid transparent; border-right: 1px solid transparent; border-left: 1px solid transparent; border-bottom: 1px solid transparent; border-radius: 5px 5px 0 0; z-index: 1; position: relative; transition: all 0.3s ease 0s; background-color: transparent;  }
.tab .nav-tabs li a:hover {border: 3px solid #2185d0; border-bottom-color: transparent; border-right: 1px solid #e1e4e8 !important; border-left: 1px solid #e1e4e8 !important; background-color: #fff; }
.tab .nav-tabs li.active a{border: 3px solid #2185d0; border-bottom-color: transparent; border-right: 1px solid #e1e4e8 !important; border-left: 1px solid #e1e4e8 !important; background-color: #fff; }*/
/*.tab .nav-tabs li a span:first-child { margin-right: 5px; color: #b1b1b1; }*/
/*.tab .tab-content .panel { border-radius: 0px 5px 5px 5px; }*/
.task_Stts label { margin: 0; margin-top: 5px; line-height: 1em; }
.task_Stts .col-xs-4 { width: 28%; }

.tab .nav-tabs li a { color: #586069; background-color: transparent; border: none; padding: 0px !important; margin-right: 0px; }
.tab .nav-tabs li a:hover { border: none; background-color: transparent; }
.tab .nav-tabs li.newAddBtn.active { border-bottom-color: #2185d0; }
.tab .nav-tabs li.newAddBtn { padding: 0px 1px 4px!important; }
.tab .nav-tabs li.active a { color: #2185d0; }


.rcxBtn_group { padding-left: 10px; font-family: 'Segoe UI Regular'; line-height: 25px; }
.rssBtn, .csvBtn, .xlsBtn { display: inline-block; margin-left: 5px; line-height: 1em; min-height: auto; padding: 3px 5px; border: none; font-size: 12px; border-radius: 3px; letter-spacing: 0.025em; font-weight: normal; }
.rssBtn .fa, .csvBtn .fa, .xlsBtn .fa { font-size: 11px; margin-right: 3px; }
.rssBtn .fa.fa-rss { font-size: 12px; }

.newAddBtn { color: #586069; margin: 0px 10px; position: relative; border-bottom: 1px solid #ddd; padding: 0px 1px 5px; }
.newAddBtn:hover { border-bottom-color: #2185d0; }
.newAddBtn .fa { color: #b1b1b1; }
.newAddBtn:after { content: ""; display: block; position: absolute; top: 0; right: -11px; width: 2px; height: calc(100% - 5px); background-color: #ddd; }
.newAddBtn:last-child { margin-right: 0; }
.newAddBtn:last-child:after { display: none; }

.inner-heading { border-bottom: 1px solid #2185d0; display: inline-block; min-width: 150px; }
.inner-heading .fa { color: #888; }

.content_list > ul > li { border-bottom: 1px solid #f7f7f7; padding: 10px; }
.content_list > ul > li:hover { background-color: #f6f8fa; }
.sub_list li { display: inline-block; }
.sub_list li ul li { float: left; border-right: 1px solid #e1e4e8; padding-right: 10px; margin-right: 10px; }
.sub_list li ul li:nth-last-child(2) { border-right: none; padding-right: 0; margin-right: 0px; }
.sub_list li ul li:last-child { border-right: none; padding-right: 0; margin-right: 0px; border-left: 1px solid #e1e4e8; padding-left: 5px; margin-left: 10px; margin-top: -2px; }
.sub_list li ul::after { clear: both; display: block; content: ""; }
.title_text a { color: #516fca; font-size: 14px; }
.sub_list li.user_name { font-size: 12px; font-family: 'Segoe UI Italic'; }
.sub_list li.date { font-size: 12px; font-family: 'Segoe UI Italic'; }
.sub_list li.date span { color: #000; padding: 0px 3px 1px 2px; border-radius: 3px; }
.sub_list li.date span.bg-green4 { color: #fff; }
.sub_list li.date span.bg-red4 { color: #fff; }
.sub_list li.comment { min-width: 40px; }
.sub_list li.comment .fa { font-size: 16px; color: #b1b1b1; }
.sub_list li.comment span { display: inline-block; }
.sub_list li.editClose { min-width: 100px; }
.sqrStatus { display: inline-block; width: 5px; position: absolute; top: 3px; left: -9px; }
.sub_list li.editClose > div { display: inline-block; }
.editBtn, .deleteBtn, .viewBtn { cursor: pointer; font-style: normal; font-size: 11px !important; padding: 1px 5px 2px!important; color: #444!important; border: 1px solid #bbb; border-radius: 3px; display: inline-block; margin-left: 5px; min-width: 40px; text-align: center; line-height: normal; }
.editBtn:hover { border-color: #5cb85c!important; color: #5cb85c!important; }
.deleteBtn:hover { border-color: #e95959!important; color: #e95959!important; }
.viewBtn:hover { border-color: #516fca!important; color: #516fca!important; }
.saveBtn { cursor: pointer; font-size: 12px !important; padding: 2px 5px; color: #fff; border: 1px solid #5cb85c; background-color: #5cb85c; border-radius: 3px; display: inline-block; margin-left: 5px; min-width: 40px; text-align: center; line-height: normal; }
.saveBtn:hover { color: #fff; }

.saveBtn.btn-success-gradient { padding: 0px 5px 2px 5px; }

.custom_check input[type="checkbox"] { -webkit-appearance: none; appearance: none; -moz-appearance: none; position: relative; height: 20px; width: 20px; border-radius: 3px!important; vertical-align: middle; cursor: pointer; margin: -4px 5px 0px 0px; border: 1px solid #ccc; }
.custom_check input[type="checkbox"]:focus { outline: 0px; }
.custom_check input[type="checkbox"]:checked:before { content: ""; display: block; position: absolute; left: 2px; top: 4px; width: 13px; height: 7px; border-left: 2px solid #fff; border-bottom: 2px solid #fff; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.custom_check input[type="checkbox"]:checked { background-color: #2185d0; border: 1px solid #2185d0; }

.custom_check_table table tr td input[type="checkbox"] { -webkit-appearance: none; appearance: none; -moz-appearance: none; position: relative; height: 20px; width: 20px; border-radius: 3px!important; vertical-align: middle; cursor: pointer; margin: -4px 5px 0px 0px; border: 1px solid #ccc; }
.custom_check_table table tr td input[type="checkbox"] + label { cursor: pointer; }
.custom_check_table table tr td input[type="checkbox"]:focus { outline: 0px; }
.custom_check_table table tr td input[type="checkbox"]:checked:before { content: ""; display: block; position: absolute; left: 2px; top: 4px; width: 13px; height: 7px; border-left: 2px solid #fff; border-bottom: 2px solid #fff; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.custom_check_table table tr td input[type="checkbox"]:checked { background-color: #2185d0; border: 1px solid #2185d0; }
.custom_check_table table tr td { padding-bottom: 10px; }

.asignTitle { border-bottom: 2px solid #2185d0; padding-bottom: 5px; max-width: 80%; }
.taskAssign .form-control { max-width: 220px; display: inline-block; }
.taskAssign label i { font-size: 12px; }
.task_ftr { background-color: #f6f8fa; margin-top: 30px; border: 1px solid #d5d5d5; padding: 8px 10px; border-radius: 0px 0px 5px 5px; }
.task_ftr input { margin-left: 5px !important; }
.addBtn { margin: 0px 5px; padding: 2px 5px 3px !important; border: 1px solid #516fca; border-radius: 3px; color: #516fca; }
.addBtn:hover { background: #516fca; color: #fff; border-color: #516fca; background: -moz-linear-gradient(top, #839eef 0%, #5170ce 43%, #3756b3 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #839eef), color-stop(43%, #5170ce), color-stop(100%, #3756b3)); background: -webkit-linear-gradient(top, #839eef 0%, #5170ce 43%, #3756b3 100%); background: -o-linear-gradient(top, #839eef 0%, #5170ce 43%, #3756b3 100%); background: -ms-linear-gradient(top, #839eef 0%, #5170ce 43%, #3756b3 100%); background: linear-gradient(to bottom, #839eef 0%, #5170ce 43%, #3756b3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63b0f0', endColorstr='#1476cc', GradientType=0 ); }

.deshBox { margin: 30px 0px 20px; }
.deshBox:after, .act_list:after { clear: both; display: block; content: ""; }
.deshBox ul li { display: inline-block; min-width: calc(13% - 18px); float: left; margin-right: 13px; margin-bottom: 10px; position: relative; }
.deshBox ul li > span span { display: block; text-align: left; color: #293241; }
.deshBox ul li > span .fa { position: absolute; right: 15px; top: 10px; font-size: 35px; color: #293241; opacity: 0.5; }
/*.deshBox ul li:hover .fa {opacity: 0.5;}*/
.deshBox ul li > span p { font-size: 35px; color: #24292e; }
/*.deshBox ul li:nth-of-type(4n) { margin-right: 0; }*/
.deshBox ul li.paymentLi { margin-right: 0px !important; }
.deshBox ul li.paymentLi > span { padding: 15px 10px; }
.deshBox ul li.paymentLi > span span { opacity: 0.8; font-size: 20px; text-align: center; transition: opacity 0.4s ease-in; -moz-transition: opacity 0.4s ease-in; -webkit-transition: opacity 0.4s ease-in; }
.deshBox ul li.paymentLi > span p { margin: 0px 0px 2px 0px; }
.deshBox ul li.paymentLi > span a { display: inline-block; }
.deshBox ul li.paymentLi > span a:hover i { opacity: 1; }
.deshBox ul li.paymentLi > span a:hover span { color: #000; opacity: 1; }
.deshBox ul li > span { height: 80px; display: inline-block; margin: auto; width: 100%; padding: 15px 20px; border-radius: 5px; background: rgba(255,255,255,1); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 ); border: 1px solid #f0f0f0; }



.deshHead { border-bottom: 2px solid #2185d0; display: inline-block; }
.status_title { font-size: 12px; }
.progressBox { display: inline-block; width: 100%; padding: 5px 5px 10px; border-radius: 5px; border: 1px solid #d5d5d5; cursor: pointer; background: rgba(255,255,255,1); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 ); }
.progressBox:hover { background: rgba(255,255,255,1); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(224,224,224,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(224,224,224,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(224,224,224,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(224,224,224,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(224,224,224,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(224,224,224,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0', GradientType=0 ); }

.progressBox label { font-size: 12px; cursor: pointer; }
.progressMisc { border-bottom: 1px solid #e6e6e6; padding-bottom: 10px; margin-bottom: 5px; }
.status_side .progress { background-color: #fff; margin: 0px; border-radius: 5px; height: 10px; }
.act_list li { display: inline-block; margin-right: 5px; vertical-align: top; }
.activity_list .inner-heading { margin-bottom: 5px; }
.activity_list > ul > li { border-bottom: 1px solid #f7f7f7; padding: 10px; }
.activity_list > ul > li:hover { background-color: #f6f8fa; }
.activity_list > ul > li:last-child { margin-bottom: 5px; }
.act_title { min-width: 100px; }
.act_title a { background-color: #ffc; color: #333; border-radius: 2px; padding: 0px 5px; font-size: 12px; display: inline-block; }
.act_title a:hover { color: #333; }

.act_task { min-width: 70px; margin-right: 0px !important; }
.act_task span { padding: 0px 5px 1px; border-radius: 3px; font-weight: normal; margin-top: -3px; display: inline-block; line-height: normal; font-size: 12px; }
.act_date { width: calc(100% - 430px); margin-right: 0px !important; }





.footer { position: fixed; left: 0; right: 0; bottom: 0; z-index: 1030; padding: 5px 0px !important; border-top: 1px solid #ddd; background: rgba(237,237,237,1); background: -moz-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 41%, rgba(255,255,255,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(237,237,237,1)), color-stop(41%, rgba(246,246,246,1)), color-stop(100%, rgba(255,255,255,1))); background: -webkit-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 41%, rgba(255,255,255,1) 100%); background: -o-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 41%, rgba(255,255,255,1) 100%); background: -ms-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 41%, rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 41%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff', GradientType=0 ); }
.footer ul li { display: inline-block; margin: 0px 8px; }
.footer ul li:last-child { margin-right: 0; }
.footer ul li a { display: inline-block; position: relative; }
.footer ul li a::after { display: inline-block; width: 2px; content: ""; height: 14px; position: absolute; right: -10px; background-color: #ccc; top: 4px; }
.footer ul li:last-child a::after { display: none; }


.pageTitle { /*margin: 20px 0px;*/ font-size: 20px; font-family: 'Segoe UI Bold'; }
.divForm .row { display: flex; }
.divForm .row div { border-top: 1px solid #ccc; border-left: 1px solid #ccc; padding: 10px; }
.divForm .row div:last-child { border-right: 1px solid #ccc; }
.divForm .row:first-child > div { background-color: #f6f8fa; font-family: 'Segoe UI Bold'; }
.divForm .row:last-child > div { border-bottom: 1px solid #ccc; }
.divForm .row:first-child > div:first-child { border-radius: 5px 0px 0px 0px; }
.divForm .row:first-child > div:last-child { border-radius: 0px 5px 0px 0px; }
.divForm .row:last-child > div:first-child { border-radius: 0px 0px 0px 5px; }
.divForm .row:last-child > div:last-child { border-radius: 0px 0px 5px 0px; }

.divFormInput .row { margin-bottom: 10px; }
.form-list-wrap li { display: block; padding: 5px 10px; border-bottom: 1px solid #CCC; height: 30px; }
.form-list-wrap li .chk { margin-top: 1px; margin-top: 5px; display: inline-block; }
.form-list-wrap { width: 100%; height: 190px; border-radius: 3px; border: 1px solid #ccc; overflow: auto; }

/* Status */
.status-full { width: 100% !important; max-width: 100% !important; padding-left: 10px!important; padding-right: 10px!important; }
.status-full .nav_links { float: none; max-width: 1160px !important; width: 1160px !important; margin: auto !important; margin-top: 15px !important; }
.statsBlkWrp { overflow-x: auto; white-space: nowrap; height: calc(100vh - 159px); text-align: center; }
.statsBlkWrp .statsBlk:first-child { margin-left: 10px; }
.statsBlkWrp .statsBlk:last-child { margin-right: 10px; }
.statsBlkWrp .statsBlk:first-child .panel-body, .statsBlkWrp .statsBlk:last-child .panel-body { }
.statsBlkWrp .statsBlk:first-child .panel-body > ul { min-height: calc(100vh - 250px); padding-bottom: 50px; }
.statsBlk { display: inline-block; text-align: left; width: 300px; padding: 0px 5px; vertical-align: top; }
.statsBlk .panel { overflow: unset; margin: 0px; border-radius: 15px; }
.statsBlk .panel-heading { min-height: 30px!important; padding: 5px 10px; margin-bottom: 0px; }
.statsBlk .countNmb { font-family: 'Segoe UI Bold'; display: inline-block; width: 25px; height: 22px; text-align: center; line-height: 25px; color: #666; border-radius: 50%; float: right; }
.statsBlk .panel-body { min-height: calc(100vh - 210px); background-color: #f8f8f8; border-radius: 0px 0px 15px 15px; }
.statsBlk .panel-body > ul { padding: 0px; margin: 0px; min-height: calc(100vh - 250px); padding-bottom: 40px; }
.statsBlk .panel-body > ul > li { display: block; padding: 10px 20px 10px 13px; border: 1px solid #ccc; background-color: #FFF; margin-bottom: 10px; border-radius: 15px; position: relative; cursor: all-scroll; }
.statsBlk .panel-body > ul > li:last-child { margin-bottom: 0px; }
.statsBlk .panel-body > ul > li.ui-sortable-helper { width: calc(100% - 20px)!important; height: auto !important; }
/* .statsBlk ul li{display:block; padding:10px 30px; border:1px solid #ccc; background-color:#FFF; margin-bottom:5px; border-radius:5px; position:relative;} */
.statsBlk .panel-heading:after { clear: both; display: block; content: ""; }
.statsBlk .panel-heading h4 { float: left; line-height: 25px; }
.statsBlk .infoIco { display: block; position: absolute; left: 5px; top: 13px; }
.statsBlk .dtlIco { display: block; position: absolute; right: 2px; top: 3px; text-align: left; font-size: 20px; width: 25px; }
.statsBlk .hdrInfo { display: inline-block; font-size: 18px; right: 18px; position: absolute; top: 0px; line-height: 32px; }
.statsBlk .ftrLft { display: inline-block; float: left; }
.statsBlk .ftrRgt { display: inline-block; float: right; }
.statsBlk .panel-footer { padding: 5px 15px; font-size: 12px; }
.statsBlk .panel-footer:after { content: ""; clear: both; display: block; }
.statsBlk .infoNav { display: none; padding: 4px 0px; background-color: #FFF; border: 1px solid #ccc; position: absolute; border-radius: 5px; z-index: 9999; font-size: 14px; line-height: 1em; top: 28px; right: 0px; width: 120px; -webkit-box-shadow: 0px 0px 5px -2px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 5px -2px rgba(0,0,0,0.75); box-shadow: 0px 0px 5px -2px rgba(0,0,0,0.75); }
.statsBlk .infoNav.open { display: block; }
.statsBlk .infoNav:before { content: ""; display: block; width: 10px; height: 10px; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; transform: rotate(133deg); position: absolute; top: -6px; background-color: #fff; left: 10px; border-radius: 0px 10px 0px 0px; }
.statsBlk .infoNavTtl { display: block; padding: 10px 5px; }
.statsBlk .infoNav ul { padding: 0px; margin: 0px; }
.statsBlk .infoNav ul li { display: block; }
.statsBlk .infoNav ul li a { color: #000; display: block; padding: 5px 10px; font-size: 14px; transition: .2s; }
.statsBlk .infoNav ul li a:hover { color: #fff; background-color: #0366d6; transition: .2s; }
.statsBlk .infoTog { cursor: pointer; }
.statsBlk .panel-body .infoNav:before { right: 10px; left: initial!important; }
.statsBlk .panel-body .infoNav li { border: 0px; padding: 0px; border-bottom: 1px solid #efefef; }
.statsBlk .panel-body .infoNav li:hover { box-shadow: none; }
.statsBlk .panel-body .infoNav li:last-child { border: none; }
.statusDtl { white-space: normal; position: relative; }
.statusDtl .sqrStatus { top: 1px; left: -9px; }
.statusDtl span { font-size: 12px; display: block; }
.statusDtl a { max-height: 32px; max-width: 100%; word-break: break-all; overflow: hidden; position: relative; text-align: justify; padding-right: 15px; display: inline-block; line-height: 1.1em; color: #2185d0; }
.statusDtl a:before { content: '...'; position: absolute; right: 5px; top: 15px; }
.statusDtl a:after { content: ''; position: absolute; right: 0; width: 1em; height: 1em; margin-top: 0.2em; background-color: #fff; }
.statusDtl h3 { display: inline-block; background-color: #516fca; color: #fff; padding: 2px 5px 4px; margin: 0px; font-size: 12px; line-height: 1em; margin-bottom: 2px; border-radius: 15px; }
.statsBlk .panel-body ul li:hover { border-color: #2185d0; box-shadow: 0 0 0 0.2rem rgba(0,123,255,.3); }
.statsBlk .panel-footer { position: absolute; width: 100%; bottom: 0; left: 0; right: 0; border-radius: 0px 0px 15px 15px; }
/*status end*/


/*-------activity page ---------*/

.head_status ul:after { clear: both; display: block; content: ""; }
.head_status a { display: inline-block; }
.head_status ul li { border: 1px solid #ddd; display: inline-block; margin: 0 2px; border-radius: 3px; padding: 2px 5px 3px; float: left; }
.head_status ul li:last-child { margin-right: 0; }
.head_status ul li strong { margin-right: 4px; color: #24292e; }
.head_status ul li span { font-size: 13px; color: #24292e; letter-spacing: 0.03em; }


.pro_list > ul > li { border-bottom: 1px solid #f7f7f7; padding: 10px; }
.pro_list > ul > li:hover { background-color: #f6f8fa; }
.pro_ul_list li { display: inline-block; }
.pro_ul_list a { padding: 0px 5px; font-size: 14px; color: #516fca; }
.pro_title i { font-size: 12px; white-space: nowrap; font-style: normal; }
.pro_status { min-width: 75px; }
.pro_status span { padding: 0px 5px 2px; border-radius: 3px; font-weight: normal; margin-top: -3px; display: inline-block; line-height: normal; font-size: 13px; }
.pro_time p { min-width: 150px; display: inline-block; margin: 0px; line-height: normal; font-size: 12px; }
.pro_user { padding-left: 30px; display: inline-block; min-width: 150px; font-size: 12px; position: relative; }
.Home .pro_time { margin-top: 0px; }
.pro_user .fa { color: #888; }

.highestBtn { padding: 0px 5px 3px !important; line-height: 17px; }
.Home .pro_time .pro_user { min-width: 135px; }
.Home .pro_time p { min-width: 115px; }
.Home .pro_status span { color: #fff; }
/*----detail-page------*/

.ststusBar .btn { padding: 4px 12px 5px 12px!important; border-radius: 0 !important; }

.content_Pln { min-height: 350px; }
.ststusBar { border-bottom: 1px solid #d5d5d5; padding-bottom: 20px; min-height: 50px; }
.ststusBar::after { clear: both; display: block; content: ""; }
.postStatus { display: inline-block; vertical-align: middle; margin-left: 5px; }
.newComment { background: rgba(237,237,237,1); background: -moz-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(255,255,255,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(237,237,237,1)), color-stop(100%, rgba(255,255,255,1))); background: -webkit-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(255,255,255,1) 100%); background: -o-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(255,255,255,1) 100%); background: -ms-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(237,237,237,1) 0%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff', GradientType=0 ); }

.newComment h4 { font-style: italic; color: #777; }
.newComment h4 strong { font-size: 14px !important; font-style: normal; color: #231f20; }
.newComment::after { clear: both; display: block; content: ""; }
.newComment > h3.pull-right { width: 145px; text-align: right; }

.attch { padding: 5px 15px; }
.attch ul.mb10 { margin-bottom: 0px !important; }
.attch ul li { display: inline-block; margin-right: 5px; border-right: 1px solid #ccc; padding-right: 8px; margin-bottom: 5px; }
.attch ul li .fa { margin-right: 5px; }
.attch ul li:last-child { border-right: none; }
.leftPanel { padding-right: 0; }
.rightPanel { float: right; border-left: 1px solid #2185d0; }
.rightPanel .btm_border { border-bottom: 1px dashed #e6ebf1; margin-bottom: 5px; }
.rightPanel .assign, .rightPanel .doc_lbl, .rightPanel .tags_lbl, .rightPanel .miles_lbl { padding-bottom: 10px; }
.rightPanel label { font-size: 14px; line-height: 1em; min-width: 75px; }
.rightPanel h3 { margin: 0px; font-size: 12px; line-height: 1em; border-radius: 2px; }
.rightPanel .panel-heading { min-height: auto; height: auto; line-height: normal; display: inline-block; width: 100%; }
.doc_lbl ul:after { clear: both; display: block; content: ""; }
.doc_lbl ul li { display: inline-block; width: 33%; float: left; text-align: left; min-height: 76px; }
.doc_lbl ul li a { font-size: 30px; }
.doc_lbl .doc_title { font-size: 10px; display: block; color: #333; line-height: 1em; padding-right: 10px; word-break: break-all; }

.tags a { display: inline-block; line-height: 1em; background-color: gray; color: #fff; border-radius: 3px; padding: 2px 5px 5px; font-size: 13px; margin: 3px 3px 0px 0px; }
.miles_lbl a { color: #2185d0; position: relative; }
.miles_lbl a:hover { text-decoration: underline; }
.miles_lbl a:after { content: "\f08e"; font-family: FontAwesome; position: absolute; right: -20px; }

.assign h3 { display: inline-block; background-color: #2185d0; color: #fff; padding: 2px 3px 4px; margin-left: 10px !important; }
.task_edit li { display: inline-block; margin-right: 5px; float: left; }
.task_edit li a { border-radius: 3px; padding: 3px 8px; }
.task_edit li:last-child { margin-right: 0; }
.task_edit li a { color: #fff; display: inline-block; }
.task_edit li .fa { margin-right: 5px; float: left; margin-top: 3px; font-size: 14px; }
.closeTask a { color: #fff; border-radius: 3px; padding: 3px 8px; }

.sidebar_menu { border-bottom: 1px solid #2185d0; }
.sidebar_menu ul { padding-bottom: 10px; }
.sidebar_menu ul li { margin-bottom: 5px; border-radius: 3px; }
.sidebar_menu ul li.Active { background-color: #2185d0; }
.sidebar_menu ul li.Active a { color: #fff; }
.sidebar_menu ul li:hover { background-color: #2185d0; }
.sidebar_menu ul li a { padding: 10px; width: 100%; display: inline-block; }
.sidebar_menu ul li:hover a { color: #fff; }



.drop_Btn { position: relative; }
.drop_Btn .drop_Down { overflow: initial!important; display: none; position: absolute; background-color: #fff; z-index: 999999; width: 250px; top: 30px; right: 35px; border-radius: 3px; padding-bottom: 10px; -webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.3); box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.3); }
.drop_Down.open { display: block; }
.drop_Btn .drop_Down li a { color: #5a5959; width: 100%; padding: 10px 10px 10px 15px; text-align: left; display: inline-block; }
.drop_Btn .drop_Down li a:hover { background-color: #f5f5f5; }
.drop_Btn .drop_Down > li:first-child a:hover { background-color: #f9f9f9; color: #24292e; }
.drop_Btn .drop_Down > li:first-child a { background: #f9f9f9; font-size: 13px; border-radius: 3px 3px 0px 0px; }
.drop_Btn .drop_Down > li:first-child { border-bottom: 1px solid #ccc; }
.drop_Btn .drop_Down > li ul { /*border-bottom: 1px solid #ccc;*/ }
.drop_Btn .drop_Down hr { margin: 0; width: 100%; border: none; height: 1px; background-color: #ccc; }
.drop_Btn .drop_Down:after { z-index: 999999; content: ""; position: absolute; bottom: 100%; right: 23px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 12px solid #f9f9f9; }
.drop_Btn .drop_Down:before { z-index: 999999; content: ""; position: absolute; top: -12px; right: 0px; width: 100%; height: 1px; border-top: 15px solid transparent; }
.pref { position: relative; }
.pref .pref_dropDown { overflow: initial!important; display: none; position: absolute; background-color: #fff; z-index: 99999; width: 190px; top: 33px; right: -20px; border-radius: 5px; padding-bottom: 5px; border: 1px solid #e5e5e5; -webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.1); }
.pref .pref_dropDown a .fa { margin-right: 10px; font-size: 15px; min-width: 18px; text-align: center; }
.pref .pref_dropDown a { color: #5a5959; width: 100%; padding: 8px 10px 8px 15px; text-align: left; display: inline-block; }
.pref .pref_dropDown a:hover { background-color: #f5f5f5; }
.pref.open .pref_dropDown li:first-child a:hover { border-radius: 3px 3px 0px 0px; }
.pref.open .pref_dropDown { display: block; }
.pref_dropDown:before, .pref_dropDown:after { z-index: 15; content: ""; position: absolute; bottom: 100%; right: 15px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 12px solid #f9f9f9; }

.notifi { position: relative; margin: 0px 6px 0px !important; }
.notifi a { padding: 0px 6px 0px; display: inline-block; }
.notifi_dropDown { overflow: initial!important; display: none; position: absolute; background-color: #fff; z-index: 99999; min-width: 350px; max-width: 350px; top: 60px; right: 20px; border-radius: 5px; border: 1px solid #e5e5e5; -webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.3); box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.3); }
.notifi_dropDown li .fa { margin-right: 10px; font-size: 15px; }
.notifi_dropDown li { color: #5a5959; width: 100%; padding: 10px 10px 10px 15px; text-align: left; display: inline-block; }
.notifi_dropDown li:hover { background-color: #f5f5f5; }
.notifi_header { padding: 9px 20px; margin: 0; font-size: 13px; background: #f9f9f9; position: relative; border-bottom: 1px solid #DDD; border-radius: 3px 3px 0 0; }
.notifi_dropDown.open { display: block; }
.notifi_dropDown:before { z-index: 15; content: ""; position: absolute; bottom: 100%; right: 34px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 12px solid #f9f9f9; }
.notifi > a > b { position: absolute; top: -12px; left: 16px; display: block; width: 22px; height: 22px; line-height: 20px; color: #fff; font-size: 12px; border-radius: 100%; background: #ff5722; text-align: center; }
.Default .errormsg { top: unset; bottom: -14px; }
.showhide_pass { position: absolute; bottom: 5px; right: 20px; z-index: 9999; }
.gen-pswrd { right: 10px; position: absolute; top: -2px; margin: 0px; }
.gen-pswrd a { padding: 0px 5px 2px !important; }

.notifiScroll { max-height: calc(100vh - 160px); }
.notifiList a { display: inline-block; }
.notifiList { border-bottom: 1px solid #e1e1e1; padding: 5px !important; }
.notifiList.new { background-color: #e9f5ff!important; }
.notifiList ul li { float: left; padding: 0px !important; width: initial !important; }
.notifiList ul li:last-child { width: calc(100% - 50px) !important; min-width: calc(100% - 50px) !important; display: flex; flex-direction: column; justify-content: center; align-items: self-start; height: 44px; }
.notifiList ul li img { max-width: 45px; margin-right: 5px; }
.notifiList ul li p { margin: 0; font-size: 11px; line-height: normal; }
.notifiList ul li p i.fa { font-size: 12px !important; margin-right: 4px !important; }
.notifiList ul li h3 { margin: 0; line-height: 1.1em; font-size: 12px; max-height: 27px; max-width: 100%; overflow: hidden; position: relative; padding-right: 15px; display: inline-block; color: #5a5959; text-align: justify; }
.notifiList ul li h3:before { content: '...'; position: absolute; right: 5px; top: 15px; }
.notifiList ul li h3:after { content: ''; position: absolute; right: 0; width: 1em; height: 28px; margin-top: 0.2em; background-color: #fff; }
.notifiList.new ul li h3:after { background-color: #e9f5ff!important; }
.notifi_dropDown div > li:last-child { border-bottom: none !important; }
.notifi_dropDown div > li:last-child:hover { border-radius: 0px 0px 5px 5px; }
.notifi_dropDown li:hover ul li h3:after { background-color: #f5f5f5; }
.notifi_dropDown li.notifiList.new:hover li { background-color: #e9f5ff!important; }
.earlier { border-bottom: 1px solid #dddfe2; background-color: #f5f5f5!important; font-size: 11px; font-weight: 500; padding: 3px 12px !important; }
.earlier:hover { background-color: #f5f5f5!important; }
/*-----------tickets-----------*/

.tic_heading li.tick_id, .id_number { min-width: 50px; }
.tic_heading li.tick_id { margin-right: 5px; }
.tic_heading { line-height: normal; }
.tic_heading li { display: inline-block; line-height: normal; }
.tic_heading li.tick_Priority { min-width: 75px; }
.tic_heading li.tick_assi strong { min-width: 150px; display: inline-block; }
.tic_heading li p.actions { min-width: 150px; display: inline-block; font-family: 'Segoe UI Bold'; }

.TicketList .pro_time p { min-width: 100px; }
.TicketList .tic_heading li p.actions { min-width: 100px; }

/*------------------documents--------------*/
.doc_time { font-style: italic; font-size: 12px; text-align: center; }
/*.doc_time a { color: #586069; font-style: normal; border: 1px solid #b1b1b1; border-radius: 3px; padding: 0px 8px 1px 8px; margin: 0px 2px !important; font-size: 12px; }*/
.doc_time span { display: inline-block; margin: 2px 5px 0 !important; }
.docViewStatus span { padding: 0px 5px 2px; border-radius: 3px; font-weight: normal; display: inline-block; line-height: normal; font-size: 13px; }
.docImgDtl { display: inline-block; width: 50%; float: left; padding-right: 10px; margin-bottom: 10px; }
.docImgDtl h3 { margin: 0px; font-size: 14px; line-height: normal; min-height: 22px; }
.docImgDtl label { margin: 0px; font-family: 'Segoe UI Bold'; }
.DocuView .attch { padding: 10px 0px; border-top: 1px solid #ddd; margin-top: 20px; }

/*-----------profile page---------*/
.profile, .passChange { display: flex; flex-direction: column; justify-content: center; align-items: center; height: calc(100vh - 78px); margin-bottom: -30px; }

.submitBtn { display: inline-block !important; width: 100%; text-align: center; text-transform: uppercase; padding: 15px 5px!important; border-radius: 5px; font-size: 15px!important; margin-top: 10px; }
.profile .submitBtn { margin-top: 10px; }
.profile label.input-group-btn { width: 35px; display: inline-block; height: 30px; margin: 0; cursor: pointer; font-size: 15px; line-height: 2; z-index: 99; }
.profile .input-group { text-align: center; margin: auto; }
.profile_wrap { max-width: 700px; margin: auto; }
.profile .panel, .passChange .panel { -webkit-box-shadow: 0px 0px 18px 3px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 18px 3px rgba(0,0,0,0.1); box-shadow: 0px 0px 18px 3px rgba(0,0,0,0.1); }
.uploadBtn .fa { font-size: 15px; color: #fff; }
.user_cover { height: 200px; overflow: hidden; position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.user_cover img { width: 100%; max-height: unset; }
.user_cover .uploadBtn { position: absolute; top: 0; right: 0; width: 40px; display: inline-block; height: 40px; line-height: 35px; }
.user_cover .uploadBtn:after { content: ""; background: rgba(0, 0, 0, 0.4); top: 0px; left: 0px; position: absolute; width: 40px; height: 40px; border-radius: 0px 0px 0px 3px; z-index: 1; }
.pro_user img { width: 25px; height: auto !important; border-radius: 3px; position: absolute; left: 0; max-height: none; top: -4px; }
.userInfo { height: 185px; position: relative; padding-top: 105px; background-color: #f5f5f5; border-right: 1px solid #e3e3e3; }
.profile_wrap input.form-control { height: 40px; }
.fontBold .fa-at { font-weight: bold; }

/*-------------customizable crop and zoom------------*/
.image-editor { display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 10px; background-color: #fff; border: 4px solid #fff; position: absolute; left: 50%; top: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); height: 170px; width: 170px; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); z-index: 999; }
.image-editor .cropit-preview { width: 100% !important; height: 100% !important; border-radius: 6px; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.image-editor .cropit-preview-background { opacity: .2; cursor: auto; }
.image-editor .cropit-preview-image-container img { max-width: unset; max-height: unset; }
.image-editor .cropit-preview:hover .uploadBtn { opacity: 1; }
.image-editor .cropit-preview.cropit-image-loaded ~ .imagCropControl { display: block; }
.image-editor .cropit-preview.cropit-image-loaded .cropit-preview-image-container { background-color: #fff; cursor: move; }
.image-editor .cropit-preview .cropit-preview-image-container { border-radius: 6px; }
.image-editor .cropit-preview .uploadBtn { height: 30px; bottom: 0px; right: 0; z-index: 999; background: rgba(0, 0, 0, 0.5); left: 0; position: absolute; transition: 0.3s linear; width: 100%; opacity: 0; margin: auto auto 0; border-radius: 0px 0px 5px 5px; }
.image-editor .cropit-preview .cropit-preview-background-container { top: 0px !important; right: 0px !important; bottom: 0px !important; left: 0px !important; }
.imagCropControl { margin-top: 8px; display: none; }
.imagCropControl i { font-size: 16px; color: #929292; }
.imagCropControl i:hover { color: #656565; }
.imagCropControl .rotate-cw, .imagCropControl .rotate-ccw { margin-right: 12px; float: left; }
.imagCropControl a { display: inline-block; cursor: pointer; }
.imagCropControl::after { clear: both; display: block; content: ""; }
.zoomRange { width: 110px; float: right; margin-top: 7px; }
.zoomRange input.cropit-image-zoom-input { -webkit-appearance: none; width: 100%; height: 5px; background: #d3d3d3; outline: none; opacity: 0.7; -webkit-transition: .2s; transition: opacity .2s; border-radius: 50px; }
.zoomRange input.cropit-image-zoom-input:hover { opacity: 1; }
.zoomRange input.cropit-image-zoom-input::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 20px; height: 20px; background: #6fa53e; cursor: pointer; border-radius: 50%; border: none; }
.zoomRange input.cropit-image-zoom-input::-moz-range-thumb { -webkit-appearance: none; appearance: none; width: 20px; height: 20px; background: #6fa53e; cursor: pointer; border-radius: 50%; border: none; }
.export { position: relative; z-index: 10; text-align: center; }
/*-------------customizable crop and zoom------------*/


/*------------------Discussion--------------*/
.DiscList .discContent, .EmailTemp .mailContent { display: none; border-bottom: 1px solid #f7f7f7; }
.DiscList .pro_ul_list li.comment { min-width: 44px; text-align: left; }
.DiscList .pro_ul_list li.comment .fa { font-size: 16px; color: #b1b1b1; }
.DiscList .pro_ul_list li.comment span { display: inline-block; }
.DiscList .pro_time { border-left: 1px solid #e1e4e8; padding-left: 10px; margin-left: 10px; }
.DiscList .pro_time p { min-width: 195px; min-height: 20px; }
.DiscList .pro_time p span { min-width: 110px; display: inline-block; }
.DiscList .pro_title i { font-size: 12px; display: inline-block; line-height: normal; background-color: #aaa; color: #fff; border-radius: 3px; padding: 1px 5px 2px; }


.DiscList .discContent .panel { box-shadow: none; }
.DiscList .discContent .panel-body { background-color: #f6f8fa; }
.downIcon { float: right; padding: 0px 5px; cursor: pointer; }
.downIcon .fa { font-size: 25px; line-height: 0.9em; color: #b1b1b1; }
.downIcon .fa-caret-up { display: none; }
.downIcon.open .fa-caret-up { display: block; }
.downIcon.open .fa-caret-down { display: none; }

.pro_ul_list::after { clear: both; display: block; content: ""; }

.EmailTemp .mailContent { margin-top: -1px!important; }
.EmailTemp .pro_list > ul > li { background-color: #2185d0!important; cursor: pointer; position: relative; }
.EmailTemp .pro_list > ul > li h4 { color: #fff; font-size: 14px; }
.EmailTemp .downIcon { position: absolute; right: 10px; top: 9px; }
.EmailTemp .downIcon .fa { color: #fff; font-size: 20px; }
.EmailTemp .discLink.open .downIcon .fa-caret-down { display: none; }
.EmailTemp .discLink.open .downIcon .fa-caret-up { display: block; }

/*-----------input-file uploader--------------------*/
.drgdrpWrp { border: 2px dashed #aaa; border-radius: 3px; position: relative; height: 185px; }
#upload-form { width: 100%; height: 100%; display: inline-block; cursor: pointer; }
.drp_files input[type="file"] { width: 100%; height: 100%; opacity: 0; display: inline-block; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 9999; cursor: pointer; }
.drp_files input[type="file"].fileUploader:focus { outline: 0px; }
.drpInfo { text-align: center; font-size: 14px; box-sizing: border-box; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; display: inline-block; z-index: 0; color: #ccc; cursor: pointer; }
.uFilelst { margin-bottom: 5px; }
.uFilelst:after { clear: both; content: ""; display: block; }
.fileName { width: calc(100% - 100px); display: inline-block; word-break: break-all; line-height: 1em; }
.fileSize { width: 100px; text-align: right; line-height: 1em; }
.fileSize a { color: #555; cursor: pointer; }
.fileSize a:hover { color: #ff182d; }
.filesList li { padding: 5px 0px; }


/*-----------input-file uploader for comments--------------------*/
.commnt_attch.ht40 { width: calc(100% - 130px); }
.commnt_attch.ht40 .drgdrpWrp { height: 40px; float: left; width: 45%; margin-right: 10px; margin-bottom: 0px !important; }
.commnt_attch.ht40 .drpInfo { text-align: left; }
.commnt_attch.ht40 .drpInfo .fa { float: left; margin: 8px 12px 5px 20px !important; font-size: 25px !important; }
.commnt_attch.ht40 .drpInfo p { display: inline-block; margin: 8px 0px; }
.commnt_attch.ht40 .drpInfo p br { display: none; }
.commnt_attch.ht40 .fileSize span { display: none; }
.commnt_attch.ht40 .fileSize a { margin: 0px!important; }

.commnt_attch .uFilelst { display: inline-block; position: relative; margin-right: 10px; padding-right: 10px; margin-bottom: 0px; }
.commnt_attch .uFilelst:after { content: ""; width: 2px; height: 100%; background-color: #ccc; position: absolute; right: 0px; }
.commnt_attch .upldFilelst { margin-bottom: 0px !important; width: 52%; float: left; }
.commnt_attch .upldFilelst .uFilelst:last-child:after { display: none; }
.commnt_attch .fileName, .commnt_attch .fileSize { width: auto; }
.commnt_attch .fileName { margin-right: 10px; }
.commnt_attch .fileSize a { line-height: 15px; }
.commnt_attch .drp_files::after { clear: both; display: block; content: ""; }

.TicketAdd .commnt_attch .drgdrpWrp, .DiscAdd .commnt_attch .drgdrpWrp { float: left; width: 45%; margin-right: 10px; margin-bottom: 0px !important; height: 160px; }

.TicketAdd .commnt_attch .upldFilelst, .DiscAdd .commnt_attch .upldFilelst { margin-bottom: 0px !important; width: 52%; float: left; }

.TicketAdd .commnt_attch .drpInfo .fa, .DiscAdd .commnt_attch .drpInfo .fa { margin-top: 25px !important; }

.commnt_attch.fullList .uFilelst { display: block; margin-bottom: 10px; }
.commnt_attch.fullList .fileSize { width: 100px; }
.commnt_attch.fullList .fileName { width: calc(100% - 100px); margin-right: 0px; }
.commnt_attch.fullList .uFilelst:after { display: none; }
.commnt_attch.fullList .uFilelst { margin-right: 0px; padding-right: 0px; }
.commnt_attch.fullList .uFilelst:after { display: block !important; content: ""; clear: both; position: static; background-color: transparent; width: 100%; }


.TaskAdd .drgdrpWrp { height: 120px; }
.TaskAdd .drpInfo .fa { margin-top: 10px !important; }
/*-----------Document Gallery--------------------*/
.gallery_list ul li { display: inline-block; width: calc(19% - 9px); text-align: center; float: left; margin-right: 25px; margin-bottom: 25px; -webkit-box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.15); box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.15); min-height: 200px; border-radius: 3px; position: relative; border: 5px solid #fff; }
.gallery_list ul::after { clear: both; display: block; content: ""; }
.gallery_list ul li:nth-of-type(5n) { margin-right: 0px; }
.gallery_list ul li .imgBox { display: inline-block; min-height: 190px; padding-bottom: 28px; width: 100%; }
.gallery_list ul li span a { width: 100%; display: inline-block; height: 158px; }
.gallery_list ul li a p { border-top: 1px solid #ededed; margin: 0px; line-height: 1em; font-size: 12px; min-height: 28px; width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; word-break: break-all; padding: 0px 5px; }
.gallery_list ul li a p::before { content: ""; display: inline-block; width: 100%; height: 2px; position: absolute; background-color: #fff; top: -2px; }
.gallery_list ul li:hover a { color: #2185d0; }
.gallery_list ul li:hover a p { border-top-color: #2185d0; }
.gallery_list ul li > a { position: absolute; left: -5px; right: -5px; bottom: 0px; width: calc(100% + 10px); display: inline-block; background-color: #fff; }

/*-----------Milestone-----------*/

.MilesList .pro_status span { font-size: 12px; }
.MilesList .tic_heading { background-color: #f6f8fa; }
.MilesList .tic_heading li.tick_Priority, .MilesList .pro_status { min-width: 120px; }
.MilesList .tic_heading li p.actions, .MilesList .pro_time p { min-width: 100px; }
.MilesList .pro_ul_list p a:first-child { margin-left: 0px; }
.MilesList .pro_user { padding-left: 0px; }
.max-Date input { width: 150px; }
.max-Date .errormsg { left: 0px; right: unset; bottom: -16px; top: unset; }

.backBtn { margin-top: 5px; color: #24292e; }
.dueDate { display: inline-block; margin: 0px 25px; border: 1px solid #24292e; padding: 2px 10px; border-radius: 3px; color: #24292e; font-family: 'Segoe UI Bold'; vertical-align: middle; }
.countNo { font-family: 'Segoe UI Bold'; }
.dtl_Title { line-height: 1.2em; width: calc(100% - 100px); }

/*-----------Calendar full page-----------*/
.fc-ltr .fc-header .fc-button { margin-bottom: 0px; height: auto; line-height: normal; vertical-align: middle; }
.fc-ltr .fc-header-left, .fc-ltr .fc-header-title, .fc-ltr .fc-header-right { vertical-align: middle; padding: 10px; }
.fc-ltr .fc-header-left .fc-text-arrow { vertical-align: middle; display: inline-block; width: 100%; height: 100%; text-align: center; margin: 0px; }
.fc-ltr .fc-header-title h2 { margin: 0; }
.fc-ltr .fc-header .fc-header-left .fc-button-prev, .fc-ltr .fc-header .fc-header-left .fc-button-next { width: 30px; height: 30px; text-align: center; line-height: 1.4em; }
.fc-ltr .fc-header .fc-header-left .fc-button-today { width: 60px; height: 30px; text-align: center; line-height: 2em; }
.fc-ltr .fc-header .fc-header-right .fc-button { width: 60px; height: 30px; text-align: center; line-height: 2em; }
.Calendar .fc-header { border: 1px solid #ddd; border-bottom: 0px; }

/*-----------datepicker-----------*/
.datepicker { background-image: url(../images/date_icon.png); background-repeat: no-repeat; background-position: 98% 49.50%; background-size: 25px; cursor: pointer; }
.ui-datepicker { font-family: 'Segoe UI Regular'!important; }
.ui-datepicker th { font-family: 'Segoe UI Regular'!important; }
.ui-widget.ui-widget-content { border: 1px solid #ffffff; -webkit-box-shadow: 0px -5px 15px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px -5px 15px 0px rgba(0,0,0,0.3); box-shadow: 0px -5px 15px 0px rgba(0,0,0,0.3); padding: 5px; z-index: 9999 !important; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { right: 2px; top: 2px; }
.ui-datepicker .ui-datepicker-prev-hover { left: 2px; right: 0px; }
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #2185d0!important; background-color: #2185d0!important; color: #fff!important; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: 1px solid #24292e; background-color: #24292e; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { background-color: #fbfbfb; color: #24292e; border-radius: 3px; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { border: 1px solid #24292e; background-color: #24292e; color: #fff!important; }
th.ui-datepicker-week-end { color: #e80500; }
.ui-state-default { text-align: center !important; }
.ui-widget-header { background-color: #eeeeee; }
.ui-state-default.ui-state-active { background-color: #24292e; color: #ffffff; }
.ui-datepicker-next.ui-state-hover.ui-datepicker-next-hover, .ui-datepicker-prev.ui-state-hover.ui-datepicker-prev-hover { border: 1px solid #cccccc; background: #ededed; cursor: pointer; }
.ui-icon-circle-triangle-e { background-position: -32px -17px; }
.ui-icon-circle-triangle-w { background-position: -96px -17px; }
.ui-dialog .ui-dialog-titlebar-close { margin: -13px 0 0 0; }
.ui-dialog .ui-dialog-titlebar-close.ui-state-focus { background-color: transparent; border: transparent; }
.ui-dialog-titlebar-close.ui-corner-all.ui-state-hover { background-color: transparent; border: transparent; }

.dialogBX.ui-widget-content a { border-radius: 3px; padding: 3px 8px; color: #fff; display: inline-block; position: absolute; bottom: 7px; right: 13px; background: #63b0f0; background: -moz-linear-gradient(top, #63b0f0 0%, #4aa5f0 43%, #428aca 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #63b0f0), color-stop(43%, #4aa5f0), color-stop(100%, #428aca)); background: -webkit-linear-gradient(top, #63b0f0 0%, #4aa5f0 43%, #428aca 100%); background: -o-linear-gradient(top, #63b0f0 0%, #4aa5f0 43%, #428aca 100%); background: -ms-linear-gradient(top, #63b0f0 0%, #4aa5f0 43%, #428aca 100%); background: linear-gradient(to bottom, #63b0f0 0%, #4aa5f0 43%, #428aca 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63b0f0', endColorstr='#428aca', GradientType=0 ); }
.dialogBX.ui-widget-content a:hover { background: #63b0f0; background: -moz-linear-gradient(top, #63b0f0 0%, #4ca2e8 43%, #1476cc 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #63b0f0), color-stop(43%, #4ca2e8), color-stop(100%, #1476cc)); background: -webkit-linear-gradient(top, #63b0f0 0%, #4ca2e8 43%, #1476cc 100%); background: -o-linear-gradient(top, #63b0f0 0%, #4ca2e8 43%, #1476cc 100%); background: -ms-linear-gradient(top, #63b0f0 0%, #4ca2e8 43%, #1476cc 100%); background: linear-gradient(to bottom, #63b0f0 0%, #4ca2e8 43%, #1476cc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63b0f0', endColorstr='#1476cc', GradientType=0 ); }
.dialogBX.ui-widget-content p { display: block !important; float: none !important; margin: 0px !important; }
.dialogBX.ui-widget-content p .bg-priority1,
.dialogBX.ui-widget-content p .bg-priority2,
.dialogBX.ui-widget-content p .bg-priority3,
.dialogBX.ui-widget-content p .bg-priority4,
.dialogBX.ui-widget-content p .bg-priority5 { padding: 1px 5px 2px!important; border-radius: 3px; font-weight: normal; margin-top: -3px; display: inline-block; line-height: normal; font-size: 13px; }
.dialogBX.ui-widget-content p .highestBtn { padding: 0px 5px 3px !important; }
.ui-dialog .ui-dialog-titlebar { padding: 5px 10px; }
.ui-dialog.ui-widget-content.ui-draggable { -webkit-box-shadow: 0px 0px 20px 2px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 20px 2px rgba(0,0,0,0.3); box-shadow: 0px 0px 20px 2px rgba(0,0,0,0.3); }

.fc-event-time, .fc-event-title { padding: 0px 5px 1px !important; display: inline-block; }
.fc-event-hori { margin-bottom: 3px!important; }
.Calendar, .ui-dialog .ui-dialog-content { font-family: 'Segoe UI Regular'; }
.noResult { background-color: #ffc; padding: 3px 10px; border: 1px solid #f5f59d; border-radius: 3px; }

.dialogBX.ui-widget-content p > span label { min-width: 80px; font-family: 'Segoe UI Bold'; font-size: 13px; }
.dialogBX.ui-widget-content p > span > span { font-size: 13px; }
.dialogBX.ui-widget-content p > b { margin-bottom: 5px; display: inline-block; }
.dialogBX.ui-widget-content p > span { margin-bottom: 2px; }

.modal-header { height: 40px; line-height: 30px; padding: 5px 10px; border-radius: 3px 3px 0px 0px; font-family: 'Segoe UI Bold'; }
.modal-content { border-radius: 3px; }
.modal-header .close { margin-top: 0px; position: absolute; top: 6px; right: 10px; }
.modal-header .close i { font-size: 25px; }

.act_date a { font-size: 14px; color: #2185d0; display: inline-block; white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis; vertical-align: text-top; }
.act_Author { float: right; text-align: left; min-width: 240px; margin-right: 0px !important; }
.act_Author i { font-size: 12px; display: inline-block; margin-top: 1px; }

.DiscList .pro_title { float: left; width: calc(100% - 390px); }
.DiscList .pro_title a { display: inline-block; white-space: nowrap; max-width: calc(100% - 130px); overflow: hidden; text-overflow: ellipsis; vertical-align: text-top; }

.Home .pro_title { width: calc(100% - 340px); }
.Home .pro_title a { display: inline-block; white-space: nowrap; max-width: calc(100% - 180px); overflow: hidden; text-overflow: ellipsis; vertical-align: text-top; }

.DocuList .pro_title { width: calc(100% - 305px); }
.DocuList .pro_title a { display: inline-block; white-space: nowrap; max-width: calc(100% - 50%); min-width: calc(100% - 50%); overflow: hidden; text-overflow: ellipsis; vertical-align: text-top; }
.DocuList .pro_title .fileTitle { display: inline-block; white-space: nowrap; max-width: calc(100% - 53%); overflow: hidden; text-overflow: ellipsis; vertical-align: text-top; }

.sub_list .title_text { width: calc(100% - 430px); position: relative; }
.sub_list .title_text a { display: inline-block; white-space: nowrap; max-width: calc(100% - 123px); overflow: hidden; text-overflow: ellipsis; vertical-align: text-top; }


.TicketList .pro_title { width: calc(100% - 420px); }
.TicketList .pro_title a { display: inline-block; white-space: nowrap; max-width: calc(100% - 118px); overflow: hidden; text-overflow: ellipsis; vertical-align: text-top; }

.MilesList .pro_title { width: calc(100% - 435px); }
.MilesList .pro_title a { display: inline-block; white-space: nowrap; max-width: calc(100% - 215px); overflow: hidden; text-overflow: ellipsis; vertical-align: text-top; }

.iframeBody::before { display: none !important; }
.iframeBody { padding: 0px !important; height: auto !important; min-height: auto !important; }
.jqte_editor, .EmailTemp .jqte_source { max-height: 400px!important; }


.TicketList a.animateBtn:before { width: calc(100% - 5px); left: 2px; }
.animateLnk { color: #586069; margin: 0px 5px; position: relative; border-bottom: 1px solid #ddd; padding: 0px 5px 3px; display: inline-block; }
.animateBtn { color: #586069; margin: 0px 5px; position: relative; border-bottom: 1px solid #ddd; padding: 0px 5px 3px; transition: .5s; display: inline-block; }
a.animateLnk:before { content: ""; position: absolute; width: 100%; height: 1px; bottom: -1px; left: 0; background: #2185d0; border: 1px solid #516fca; visibility: hidden; border-radius: 3px; transform: scaleX(0); transition: .25s linear; }
a.animateLnk:hover:before,
a.animateLnk:focus:before { visibility: visible; transform: scaleX(1); }
a.animateBtn:hover { color: #FFF; transition: .5s; }
a.animateBtn:before { content: ""; background: #2185d0; border: 1px solid #516fca; position: absolute; width: calc(100% - 3px); height: 1px; bottom: 0; left: 1px; border-radius: 3px; transform: scaleX(0); animation: 1.4s forwards no-hover-v linear; animation-fill-mode: forwards; z-index: -1; }

a.animateBtn:hover:before,
a.animateBtn:focus:before { animation: .5s forwards hover-v linear; animation-fill-mode: forwards; }

@keyframes hover-v {
    0% { transform: scaleX(0); height: 5px; }
    45% { transform: scaleX(1.05); height: 5px; }
    55% { height: 5px; }
    100% { transform: scaleX(1.05); height: 27px; }
}

@keyframes no-hover-v {
    0% { transform: scaleX(1.05); height: 27px; }
    45% { height: 1px; }
    55% { transform: scaleX(1.05); height: 1px; opacity: 1; }

    100% { transform: scaleX(0); height: 1px; opacity: .02; }
}

.noItems { border: 1px solid #d1d5da; border-radius: 50px; padding: 15px; text-align: center; margin: 15px auto; }
.form-group label { font-weight: bold; font-size: 12px; }
/*gallery*/
.fancybox-active { height: auto; }

.fancybox-is-hidden { left: -9999px; margin: 0; position: absolute !important; top: -9999px; visibility: hidden; }

.fancybox-container { -webkit-backface-visibility: hidden; height: 100%; left: 0; outline: none; position: fixed; -webkit-tap-highlight-color: transparent; top: 0; -ms-touch-action: manipulation; touch-action: manipulation; transform: translateZ(0); width: 100%; z-index: 99992; }

.fancybox-container * { box-sizing: border-box; }

.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage { bottom: 0; left: 0; position: absolute; right: 0; top: 0; }

.fancybox-outer { -webkit-overflow-scrolling: touch; overflow-y: auto; }

.fancybox-bg { background: rgb(30, 30, 30); opacity: 0; transition-duration: inherit; transition-property: opacity; transition-timing-function: cubic-bezier(.47, 0, .74, .71); }

.fancybox-is-open .fancybox-bg { opacity: .9; transition-timing-function: cubic-bezier(.22, .61, .36, 1); }

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button { direction: ltr; opacity: 0; position: absolute; transition: opacity .25s ease, visibility 0s ease .25s; visibility: hidden; z-index: 99997; }

.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button { opacity: 1; transition: opacity .25s ease 0s, visibility 0s ease 0s; visibility: visible; }

.fancybox-infobar { color: #ccc; font-size: 13px; -webkit-font-smoothing: subpixel-antialiased; height: 44px; left: 0; line-height: 44px; min-width: 44px; mix-blend-mode: difference; padding: 0 10px; pointer-events: none; top: 0; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.fancybox-toolbar { right: 0; top: 0; }

.fancybox-stage { direction: ltr; overflow: visible; transform: translateZ(0); z-index: 99994; }

.fancybox-is-open .fancybox-stage { overflow: hidden; }

.fancybox-slide { -webkit-backface-visibility: hidden; /* Using without prefix would break IE11 */ display: none; height: 100%; left: 0; outline: none; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: absolute; text-align: center; top: 0; transition-property: transform, opacity; white-space: normal; width: 100%; z-index: 99994; }

.fancybox-slide::before { content: ''; display: inline-block; font-size: 0; height: 100%; vertical-align: middle; width: 0; }

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next { display: block; }

.fancybox-slide--image { overflow: hidden; padding: 44px 0; }

.fancybox-slide--image::before { display: none; }

.fancybox-slide--html { padding: 6px; }

.fancybox-content { background: #fff; display: inline-block; margin: 0; max-width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: relative; text-align: left; vertical-align: middle; }

.fancybox-slide--image .fancybox-content { animation-timing-function: cubic-bezier(.5, 0, .14, 1); -webkit-backface-visibility: hidden; background: transparent; background-repeat: no-repeat; background-size: 100% 100%; left: 0; max-width: none; overflow: visible; padding: 0; position: absolute; top: 0; -ms-transform-origin: top left; transform-origin: top left; transition-property: transform, opacity; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 99995; }

.fancybox-can-zoomOut .fancybox-content { cursor: zoom-out; }

.fancybox-can-zoomIn .fancybox-content { cursor: zoom-in; }

.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content { cursor: -webkit-grab; cursor: grab; }

.fancybox-is-grabbing .fancybox-content { cursor: -webkit-grabbing; cursor: grabbing; }

.fancybox-container [data-selectable='true'] { cursor: text; }

.fancybox-image,
.fancybox-spaceball { background: transparent; border: 0; height: 100%; left: 0; margin: 0; max-height: none; max-width: none; padding: 0; position: absolute; top: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100%; }

.fancybox-spaceball { z-index: 1; }

.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content { height: 100%; overflow: visible; padding: 0; width: 100%; }

.fancybox-slide--video .fancybox-content { background: #000; }

.fancybox-slide--map .fancybox-content { background: #e5e3df; }

.fancybox-slide--iframe .fancybox-content { background: #fff; }

.fancybox-video,
.fancybox-iframe { background: transparent; border: 0; display: block; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100%; }

/* Fix iOS */
.fancybox-iframe { left: 0; position: absolute; top: 0; }

.fancybox-error { background: #fff; cursor: default; max-width: 400px; padding: 40px; width: 100%; }

.fancybox-error p { color: #444; font-size: 16px; line-height: 20px; margin: 0; padding: 0; }

/* Buttons */

.fancybox-button { background: rgba(30, 30, 30, .6); border: 0; border-radius: 0; box-shadow: none; cursor: pointer; display: inline-block; height: 44px; margin: 0; padding: 10px; position: relative; transition: color .2s; vertical-align: top; visibility: inherit; width: 44px; }

.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link { color: #ccc; }

.fancybox-button:hover { color: #fff; }

.fancybox-button:focus { outline: none; }

.fancybox-button.fancybox-focus { outline: 1px dotted; }

.fancybox-button[disabled],
.fancybox-button[disabled]:hover { color: #888; cursor: default; outline: none; }

/* Fix IE11 */
.fancybox-button div { height: 100%; }

.fancybox-button svg { display: block; height: 100%; overflow: visible; position: relative; width: 100%; }

.fancybox-button svg path { fill: currentColor; stroke-width: 0; }

.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) { display: none; }

.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) { display: none; }

.fancybox-progress { background: #2185d0; height: 4px; left: 0; position: absolute; right: 0; bottom: 0; -ms-transform: scaleX(0); transform: scaleX(0); -ms-transform-origin: 0; transform-origin: 0; transition-property: transform; transition-timing-function: linear; z-index: 99998; }

/* Close button on the top right corner of html content */

.fancybox-close-small { background: transparent; border: 0; border-radius: 0; color: #ccc; cursor: pointer; opacity: .8; padding: 8px; position: absolute; right: -12px; top: -44px; z-index: 401; }

.fancybox-close-small:hover { color: #fff; opacity: 1; }

.fancybox-slide--html .fancybox-close-small { color: currentColor; padding: 10px; right: 0; top: 0; }

.fancybox-slide--image.fancybox-is-scaling .fancybox-content { overflow: hidden; }

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small { display: none; }

/* Navigation arrows */

.fancybox-navigation .fancybox-button { background-clip: content-box; height: 100px; opacity: 0; position: absolute; top: calc(50% - 50px); width: 70px; }

.fancybox-navigation .fancybox-button div { padding: 7px; }

.fancybox-navigation .fancybox-button--arrow_left { left: 0; left: env(safe-area-inset-left); padding: 31px 26px 31px 6px; }

.fancybox-navigation .fancybox-button--arrow_right { padding: 31px 6px 31px 26px; right: 0; right: env(safe-area-inset-right); }

/* Caption */

.fancybox-caption { background: linear-gradient(to top, rgba(0, 0, 0, .85) 0%, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .15) 65%, rgba(0, 0, 0, .075) 75.5%, rgba(0, 0, 0, .037) 82.85%, rgba(0, 0, 0, .019) 88%, rgba(0, 0, 0, 0) 100%); bottom: 0; color: #eee; font-size: 14px; font-weight: 400; left: 0; line-height: 1.5; padding: 75px 44px 25px 44px; pointer-events: none; right: 0; text-align: center; z-index: 99996; }

@supports (padding: max(0px)) { .fancybox-caption;
{ padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left)); }
}

.fancybox-caption--separate { margin-top: -50px; }

.fancybox-caption__body { max-height: 50vh; overflow: auto; pointer-events: all; }

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited { color: #ccc; text-decoration: none; }

.fancybox-caption a:hover { color: #fff; text-decoration: underline; }

/* Loading indicator */

.fancybox-loading { animation: fancybox-rotate 1s linear infinite; background: transparent; border: 4px solid #888; border-bottom-color: #fff; border-radius: 50%; height: 50px; left: 50%; margin: -25px 0 0 -25px; opacity: .7; padding: 0; position: absolute; top: 50%; width: 50px; z-index: 99999; }

@keyframes fancybox-rotate {
    100% { transform: rotate(360deg); }
}

/* Transition effects */

.fancybox-animated { transition-timing-function: cubic-bezier(0, 0, .25, 1); }

/* transitionEffect: slide */

.fancybox-fx-slide.fancybox-slide--previous { opacity: 0; transform: translate3d(-100%, 0, 0); }

.fancybox-fx-slide.fancybox-slide--next { opacity: 0; transform: translate3d(100%, 0, 0); }

.fancybox-fx-slide.fancybox-slide--current { opacity: 1; transform: translate3d(0, 0, 0); }

/* transitionEffect: fade */

.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next { opacity: 0; transition-timing-function: cubic-bezier(.19, 1, .22, 1); }

.fancybox-fx-fade.fancybox-slide--current { opacity: 1; }

/* transitionEffect: zoom-in-out */

.fancybox-fx-zoom-in-out.fancybox-slide--previous { opacity: 0; transform: scale3d(1.5, 1.5, 1.5); }

.fancybox-fx-zoom-in-out.fancybox-slide--next { opacity: 0; transform: scale3d(.5, .5, .5); }

.fancybox-fx-zoom-in-out.fancybox-slide--current { opacity: 1; transform: scale3d(1, 1, 1); }

/* transitionEffect: rotate */

.fancybox-fx-rotate.fancybox-slide--previous { opacity: 0; -ms-transform: rotate(-360deg); transform: rotate(-360deg); }

.fancybox-fx-rotate.fancybox-slide--next { opacity: 0; -ms-transform: rotate(360deg); transform: rotate(360deg); }

.fancybox-fx-rotate.fancybox-slide--current { opacity: 1; -ms-transform: rotate(0deg); transform: rotate(0deg); }

/* transitionEffect: circular */

.fancybox-fx-circular.fancybox-slide--previous { opacity: 0; transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); }

.fancybox-fx-circular.fancybox-slide--next { opacity: 0; transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); }

.fancybox-fx-circular.fancybox-slide--current { opacity: 1; transform: scale3d(1, 1, 1) translate3d(0, 0, 0); }

/* transitionEffect: tube */

.fancybox-fx-tube.fancybox-slide--previous { transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg); }

.fancybox-fx-tube.fancybox-slide--next { transform: translate3d(100%, 0, 0) scale(.1) skew(10deg); }

.fancybox-fx-tube.fancybox-slide--current { transform: translate3d(0, 0, 0) scale(1); }

/* Styling for Small-Screen Devices */
@media all and (max-height: 576px) {
    .fancybox-slide { padding-left: 6px; padding-right: 6px; }

    .fancybox-slide--image { padding: 6px 0; }

    .fancybox-close-small { right: -6px; }

    .fancybox-slide--image .fancybox-close-small { background: #4e4e4e; color: #f2f4f6; height: 36px; opacity: 1; padding: 6px; right: 0; top: 0; width: 36px; }

    .fancybox-caption { padding-left: 12px; padding-right: 12px; }

    @supports (padding: max(0px)) { .fancybox-caption;

{ padding-left: max(12px, env(safe-area-inset-left)); padding-right: max(12px, env(safe-area-inset-right)); }
}
}
/* Share */

.fancybox-share { background: #f4f4f4; border-radius: 3px; max-width: 90%; padding: 30px; text-align: center; }

.fancybox-share h1 { color: #222; font-size: 35px; font-weight: 700; margin: 0 0 20px 0; }

.fancybox-share p { margin: 0; padding: 0; }

.fancybox-share__button { border: 0; border-radius: 3px; display: inline-block; font-size: 14px; font-weight: 700; line-height: 40px; margin: 0 5px 10px 5px; min-width: 130px; padding: 0 15px; text-decoration: none; transition: all .2s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; }

.fancybox-share__button:visited,
.fancybox-share__button:link { color: #fff; }

.fancybox-share__button:hover { text-decoration: none; }

.fancybox-share__button--fb { background: #3b5998; }

.fancybox-share__button--fb:hover { background: #344e86; }

.fancybox-share__button--pt { background: #bd081d; }

.fancybox-share__button--pt:hover { background: #aa0719; }

.fancybox-share__button--tw { background: #1da1f2; }

.fancybox-share__button--tw:hover { background: #0d95e8; }

.fancybox-share__button svg { height: 25px; margin-right: 7px; position: relative; top: -1px; vertical-align: middle; width: 25px; }

.fancybox-share__button svg path { fill: #fff; }

.fancybox-share__input { background: transparent; border: 0; border-bottom: 1px solid #d7d7d7; border-radius: 0; color: #5d5b5b; font-size: 14px; margin: 10px 0 0 0; outline: none; padding: 10px 15px; width: 100%; }
/* Thumbs */

.fancybox-thumbs { background: #ddd; bottom: 0; display: none; margin: 0; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; padding: 2px 2px 4px 2px; position: absolute; right: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); top: 0; width: 212px; z-index: 99995; }

.fancybox-thumbs-x { overflow-x: auto; overflow-y: hidden; }

.fancybox-show-thumbs .fancybox-thumbs { display: block; }

.fancybox-show-thumbs .fancybox-inner { right: 212px; }

.fancybox-thumbs__list { font-size: 0; height: 100%; list-style: none; margin: 0; overflow-x: hidden; overflow-y: auto; padding: 0; position: absolute; position: relative; white-space: nowrap; width: 100%; }

.fancybox-thumbs-x .fancybox-thumbs__list { overflow: hidden; }

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar { width: 7px; }

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track { background: #fff; border-radius: 10px; box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); }

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb { background: #2a2a2a; border-radius: 10px; }

.fancybox-thumbs__list a { -webkit-backface-visibility: hidden; backface-visibility: hidden; background-color: rgba(0, 0, 0, .1); background-position: center center; background-repeat: no-repeat; background-size: cover; cursor: pointer; float: left; height: 75px; margin: 2px; max-height: calc(100% - 8px); max-width: calc(50% - 4px); outline: none; overflow: hidden; padding: 0; position: relative; -webkit-tap-highlight-color: transparent; width: 100px; }

.fancybox-thumbs__list a::before { border: 6px solid #ff5268; bottom: 0; content: ''; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transition: all .2s cubic-bezier(.25, .46, .45, .94); z-index: 99991; }

.fancybox-thumbs__list a:focus::before { opacity: .5; }

.fancybox-thumbs__list a.fancybox-thumbs-active::before { opacity: 1; }

/* Styling for Small-Screen Devices */
@media all and (max-width: 576px) {
    .fancybox-thumbs { width: 110px; }

    .fancybox-show-thumbs .fancybox-inner { right: 110px; }

    .fancybox-thumbs__list a { max-width: calc(100% - 10px); }
}







/*===============================================
  FaQ tabs
================================================= */

.faq-panel { background-color: #f6f6f6; }
.faq-head { padding: 10px 20px!important; color: #555; }
.faqSidemenu { padding: 0px; }
.faqSidemenu .faq-tabsTitle { border-top: 1px solid transparent; border-bottom: 1px solid transparent; margin-bottom: 0px!important; }
.faqSidemenu .faq-tabsTitle.active { background-color: #fff; border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; animation-delay: 0.3s; }
.faqSidemenu .faq-tabsTitle.active:after { content: ""; position: absolute; top: 0; right: -1px; height: 100%; width: 1px; background-color: #fff; z-index: 999; }
.faqSidemenu .faq-tabsTitle a { padding: 10px 20px!important; }
.faqSidemenu .faq-tabsTitle a:focus { background-color: #ffffff; }

.faqRight { background-color: #ffffff; min-height: 400px; }
.faq-panel .panel-heading { background-color: #ffffff; }
.faq-panel .panel-sidemenu ul.nav li .fa { float: left; margin-top: 2px; height: 35px; }

.faq-tabsContent { display: none; }
.faq-tabsContent.active { animation: fadeIn 1s; display: block; }
.faq-tabsContent.active .new_accordion { animation: fadeInUp 0.3s forwards; animation-delay: 0.3s; }

.new_accordion { opacity: 0; }
.new_accordion .new_accordion-item { position: relative; border-radius: 4px; border: 1px solid transparent; border-color: #d5d5d5; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }
.new_accordion .new_accordion-item + .new_accordion-item { margin-top: 10px; }
.new_accordion .new_accordion-toggle { border-radius: 4px; display: block; width: 100%; cursor: pointer; padding: 7px 10px 10px 35px; margin: 0; border: 0; background-color: #fafafa; font-size: 13px; text-align: left; }
.new_accordion .new_accordion-toggle:hover { background-color: #f5f5f5; }
.new_accordion .is-open > .new_accordion-toggle { background-color: #fafafa; border-radius: 4px 4px 0px 0px; border-bottom: 1px solid #efefef; }
.new_accordion .new_accordion-panel { background-color: #ffffff; border-radius: 5px; }
.new_accordion .new_accordion-panel > *:last-child { margin-bottom: 0; }

.new_accordion .arrow { color: #2185d0; position: absolute; left: 9px; cursor: pointer; top: 7px; display: inline-block; width: 20px; height: 20px; text-align: center; line-height: 1.2em; font-size: 18px; }
.new_accordion .arrow .fa-minus-square-o { display: none; }
.new_accordion .new_accordion-item.is-open .arrow .fa-minus-square-o { display: block; margin-top: 3px; color: #ccc; }
.new_accordion .new_accordion-item.is-open .arrow .fa-plus-square-o { display: none; }
.article-body hr { margin: 5px 0 15px; }
.article-body h2 { font-size: 18px; margin-bottom: 0px; line-height: 1.2em; }


@keyframes fadeIn {
    0% { display: none; opacity: 0; }
    1% { display: block; opacity: 0; }
    100% { display: block; opacity: 1; }
}

@keyframes fadeInUp {
    0% { opacity: 0; transform: translateY(20px); }
    100% { opacity: 1; transform: translateY(0); }
}

/*-------------------------------------------*/

.chatBtn { color: #00aff0; display: inline-block; line-height: 1em; vertical-align: sub; margin: 0px 2px 0 5px; }
.chatBtn:hover, .chatBtn:hover .fa { color: #0098d0; }
.chatBtn .fa { font-size: 20px; color: #00aff0; }

.ststusBar .chatBtn { height: 25px; line-height: 34px !important; }
.ststusBar .chatBtn .fa { font-size: 25px; }
.posRel { position: relative; }

.UserList table > tbody > tr > td:first-child { text-align: center; }
.error_Log .imgarr { min-width: 16px !important; min-height: 16px !important; vertical-align: sub; }
/*.error_Log .table-bordered > tbody > tr:nth-child(odd) > td { padding: 0px; }*/
.error_Log .table-bordered > tbody > tr:nth-child(odd) > td > div > table { margin: 8px !important; width: calc(100% - 16px ); }
.error_Log .table-bordered > tbody > tr:nth-child(odd) > td > .accordian-body > table > tbody > tr > td { padding: 8px !important; }

.Calendar table tr th, .Calendar table tr td { vertical-align: top !important; }
.container.status-full { padding-bottom: 0px!important; }
.adminContainer { min-height: calc(100vh - 110px); }
.avatarImg { max-width: 50px; max-height: 50px; }
.mobToggleMenu .mobToggleBtn { display: none; }
.adminToggle { display: none; }

.Home .noItems { margin-bottom: -15px; }
.documents .noItems, .DiscList .noItems, .TaskList .noItems { margin-bottom: 5px; }

.Userprms > .col-xs-6:nth-child(2n-1), .prmsOnUser > .col-xs-6:nth-child(2n-1) { padding-right: 25px !important; }
.Userprms > .col-xs-6:nth-child(2n), .prmsOnUser > .col-xs-6:nth-child(2n) { padding-left: 25px !important; }
.quickTask .btn { padding-top: 4px; }

.showhide_pass { width: 20px; position: absolute; top: 24px; right: 32px; }
.showhide_pass .input-group-addon { border-left: 1px solid #DDD!important; border: none; }

input[type="checkbox"] { width: 20px; height: 20px; }
.btn-header { font-size: 13px; line-height: 1.5; text-shadow: 0 1px 1px #d6d4d4; background-color: #f0f0f0; border: 1px solid #c4bcbc; margin: 8px; border-radius: 0px; padding: 2px 6px; float: right; }
.btn-search { font-size: 13px; color: #fff; border-radius: 4px; letter-spacing: 0.025em; background-color: #428bca; cursor: pointer; padding: 5px 10px 6px 10px; display: inline-block; }
.btn-search:hover { color: #fff; background-color: #64a0d4; }

.btn-save { font-size: 13px; color: #fff; border-radius: 4px; letter-spacing: 0.025em; background-color: #5cb85c; cursor: pointer; padding: 5px 10px 6px 10px; display: inline-block; }
.btn-save:hover { color: #fff; background-color: #7dc57d; }
.btn-save:focus { color: #fff; }

.btn-cancel, .btn-back { font-size: 13px; color: #fff; border-radius: 4px; letter-spacing: 0.025em; background-color: #d9534f; cursor: pointer; padding: 5px 10px 6px 10px; display: inline-block; }
.btn-cancel:hover, .btn-back:hover { color: #fff; background-color: #e67a77; }
.btn-cancel:focus { color: #fff; }

.act-icon { font-size: 20px; padding: 0px 3px; }

.toggleIcon { background-color: #fff; display: inline-block; width: 25px; height: 25px; text-align: center; border-radius: 3px; cursor: pointer; margin-left: 20px; float: left; }
.toggleIcon .fa { font-size: 17px; line-height: 24px; }

.sidebar-menu > ul > li > a > i { font-size: 20px; padding-left: 22px !important; }

/*-----------hide left sidebar-----------*/
.leftSidebar { width: 55px; }
.leftSidebar .sidebar-title { display: none!important; }
.leftSidebar .sidebar-menu ul > li > a > span.caret { display: none; }
.leftSidebar .sidebar-menu ul a.accordion-toggle + ul.sub-nav { position: absolute; background: white; z-index: 99; border-radius: 3px 2px 3px 3px; border: 1px solid #ccc; left: 22px; top: 40px; }
.leftSidebar .sidebar-menu ul.sub-nav > li > a { padding: 7px 20px 8px 20px; }
.leftSidebar .sidebar-menu ul a.menu-open + ul.sub-nav { display: block; }

/*----------click and show-----------*/
.positionInitial .leftSidebar.leftcollapse .sidebar-menu ul a.accordion-toggle + ul.sub-nav { position: initial!important; background: initial!important; z-index: initial!important; border-radius: initial!important; border: initial!important; left: initial!important; top: initial!important; }
.leftSidebar.leftcollapse { width: 223px; }
.leftSidebar.leftcollapse .sidebar-title { display: inline-block!important; }
.leftSidebar.leftcollapse .sidebar-menu ul > li > a > span.caret { display: inline-block; }
.leftSidebar.leftcollapse .sidebar-menu ul.sub-nav > li > a { padding: 7px 20px 8px 30px; }
/*-----------right sidebar-----------*/
.rightSidebar { width: calc(100% - 55px); }

/*----------click and collapse-----------*/
.rightSidebar.rightcollapse { width: calc(100% - 223px); }

.rightHeading { line-height: 1.2em; }
.height-Auto { height: auto; }

.displayingDiv { min-width: 190px; }
.sbtitle-pro { border-top: 1px solid #f1f1f1; padding-top: 10px; margin-bottom: 10px; }
.sbtitle-pro i.fa { font-size: 20px; margin-right: 5px; color: #2185d0; }
.sbtitle-pro span { display: inline-block; vertical-align: top; }
.sbtitle-pro span i { font-size: 12px; color: #7e7e7e; }
.required-mark { position: absolute; font-size: 12px; bottom: -15px; }
.paging td { padding: 3px; }
.paging td span { background-color: #516fca; border-radius: 4px; display: block; padding: 5px 10px; color: #fff; }
.paging td a { background-color: #777; border-radius: 4px; display: block; padding: 5px 10px; color: #fff; }

.table .scriptData { white-space: pre-line !important; }

.sbtitle-pro.chkGrp { display: flex; align-items: center; }
.sbtitle-pro.chkGrp > input { margin: -4px 5px 0px 0px; }
.sbtitle-pro.chkGrp > label { font-weight: 600; }
.projectLst .CstmCheck tr { display: inline; }
.projectLst .CstmCheck td { display: block; width: 25%; float: left; }
.projectLst { max-height: 260px; overflow: auto; }


.dbscriptLst .CstmCheck tr { display: inline; }
.dbscriptLst .CstmCheck td { display: block; width: 33.33%; float: left; }
.dbscriptLst { max-height: 260px; overflow: auto; }
.overflowInt { overflow:initial!important;}
.slt_multi .btn-group { width: 100%; border: 1px solid #ccc; border-radius: 3px; }
.slt_multi button { width: 100% !important; text-align: left; overflow: hidden; text-overflow: ellipsis; padding-right: 20px; }
.slt_multi button:hover { background: #e6e6e6;; }
.slt_multi button .caret { position: absolute; right: 10px; top: 15px; }
.multiselect-container { height: 210px; overflow-x: hidden; }
.multiselect-container li { margin-bottom: 0px; }
.blurradio_BTN label { padding: 5px; }
.panel.ancPnl { overflow: inherit; }
.slt_multi .checkbox input[type="checkbox"] { position: absolute; margin-left: -29px; top: -1px; width: 18px; height: 18px; }
.imgPrv { position: relative; }
.btnPrew { opacity: 0; transition: .3s; position: absolute; left: calc(50% - 20px); top: calc(50% - 40px); bottom: 0; color: #ffffff; display: inline-block; width: 40px; height: 40px; background-color: #009fe3; text-align: center; line-height: 40px; border-radius: 50%; cursor: pointer; }
.imgPrv:hover .btnPrew { opacity: 1; transition: .3s; top: calc(50% - 20px); }
.closeBtn { cursor: pointer; }
.imgPop { position: fixed; z-index: 9999; top: 0px; left: 0px; width: 100%; bottom: 0px; background-color: rgba(0,0,0,0.62); }
.showPop { overflow-y: hidden; }
.filesList .listDocs li { display: block; font-size: 12px; border-bottom: 1px solid #f1f1f1; }
.filesList .listDocs li > div { display: inline-block; float: right; }
.filesList h4 { font-weight: bold; color: #000; margin-bottom: 5px; margin-top: 10px; }
.filesList .empDocs { max-height: 85px; overflow: auto; }
.filesList .empDocs li { display: block; font-size: 12px; border-bottom: 1px solid #f1f1f1; }
.filesList .empDocs li > div { display: inline-block; float: right; }
.scriptData .CstmCheck label { white-space: pre-line !important; display: inline-block; vertical-align: top; }
.daterangepicker.dropdown-menu { max-width: 495px!important; }
.daterangepicker.dropdown-menu .ranges { width: 100%; padding-left: 10px; }
.daterangepicker.dropdown-menu .range_inputs:after { content: ""; display: block; clear: both; }
.daterangepicker.dropdown-menu .range_inputs .btn { margin-top: 22px; margin-left: 15px; }