f@charset "UTF-8";
/*!
 *
 * Angle - Bootstrap Admin App + jQuery
 *
 * Version: 3.1.0
 * Author: @themicon_co
 * Website: http://themicon.co
 * License: https://wrapbootstrap.com/help/licenses 

 *



 */
/* ========================================================================

[Table of contents]

1. Bootstrap reset
  1.1 bootstrap
  1.2 bootstrap-reset


2. Typography
  2.1 typo

3. Layout
  3.1 layout / .wrapper .content-wrapper
  3.2 top-navbar / .top-navbar
  3.3 sidebar / .sidebar
  3.4 offsidebar / .offsidebar

4. Components
  4.1  button-extra
  4.2  placeholder / .box-placeholder
  4.3  panels
  4.4  progress-extra
  4.5  radial-bar / .radial-bar
  4.6  user-block / .user-block
  4.7  circles / .circle
  4.8  timeline / .timeline
  4.9  dropdown-extra
  4.10 row-extra / .row-table .row-flush
  4.11 half-float / .half-float
  4.12 masonry-grid / .row-masonry
  4.13 widget / .widget
  4.14 typeahead / .typeahead-ctrl
  4.15 animate
  4.16 table-grid
  4.17 todo / .todo
  4.18 nestable

5. Charts
  5.1 chart-flot / .flot-chart
  5.2 chart-easypie / .easypie-chart

6. Form elements
  6.1 form-elements
  6.2 form-validation
  6.3 form-tags
  6.4 form-wizard
  6.5 form-imgcrop

7. Tables
  7.1 datatable
  7.2 table-extras
  7.3 jqgrid

8. Plugins
  8.1 plugins
  8.2 slim-scroll / .slimScrollBar
  8.3 alerts / .alerts
  8.4 notifiy / .notifiy
  8.5 calendar / .fc-*
  8.6 spinner / .whirl
  8.7 gmap / .gmap
  8.8 vector-map / vector-map
  8.9 portlets / .portlet

9. Utilities
  9.1 utils

10. Print CSS
  10.1 print

11. Settings
  11.1 settings
%}
12. Documentation
  12.1 docs   

 ========================================================================== */
/* ========================================================================
   Component: bootstrap-reset.less
 ========================================================================== */
/*all heading font family*/
h1,
h2,
h3,
h4,
h5,
h6, button {
    font-family: 'playregular' !important;
}

/*label {
    font-weight: 600;
}*/



svg, i {
    cursor: pointer !important
}

.playregularfont {
    font-family: 'playregular' !important;
}

select {
    cursor: pointer
}

.customdisablecss {
    background: #d5d3d3 !important;
    color: gray !important;
    border: none !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
}
/*New CSS WIDTH PERCENTAGE START*/
.width1per {
    width: 1% !important;
}

.width2per {
    width: 2% !important;
}

.width3per {
    width: 3% !important;
}

.width4per {
    width: 4% !important;
}

.width5per {
    width: 5% !important;
}


.width6per {
    width: 6% !important;
}

.width7per {
    width: 7% !important;
}

.width8per {
    width: 8% !important;
}

.width9per {
     width: 9% !important;
}

.width10per {
    width: 10% !important;
}

.width11per {
    width: 11% !important;
}

.width12per {
    width: 12% !important;
}

.width13per {
    width: 13% !important;
}

.width14per {
    width: 14% !important;
}

.width15per {
    width: 15% !important;
}

.width16per {
    width: 16% !important;
}

.width17per {
    width: 17% !important;
}

.width18per {
    width: 18% !important;
}

.width19per {
    width: 19% !important;
}

.width20per {
    width: 20% !important;
}

.width21per {
    width: 21% !important;
}

.width22per {
    width: 22% !important;
}

.width23per {
    width: 23% !important;
}

.width24per {
    width: 24% !important;
}

.width25per {
    width: 25% !important;
}

.width26per {
    width: 26% !important;
}

.width27per {
    width: 27% !important;
}

.width28per {
    width: 28% !important;
}

.width29per {
    width: 29% !important;
}

.width30per {
    width: 30% !important;
}

.width31per {
    width: 31% !important;
}

.width32per {
    width: 32% !important;
}

.width33per {
    width: 33% !important;
}

.width34per {
    width: 34% !important;
}

.width35per {
    width: 35% !important;
}

.width36per {
    width: 36% !important;
}

.width37per {
    width: 37% !important;
}

.width38per {
    width: 38% !important;
}

.width39per {
    width: 39% !important;
}

.width40per {
    width: 40% !important;
}

.widthPopup_40per {
    width: 40%;
}

.width41per {
    width: 41% !important;
}

.width42per {
    width: 42% !important;
}

.width43per {
    width: 43% !important;
}

.width44per {
    width: 44% !important;
}

.width45per {
    width: 45% !important;
}

.width46per {
    width: 46% !important;
}

.width47per {
    width: 47% !important;
}

.width48per {
    width: 48% !important;
}

.width49per {
    width: 49% !important;
}

.width50per {
    width: 50% !important;
}

.width51per {
    width: 51% !important;
}

.width52per {
    width: 52% !important;
}

.width53per {
    width: 53% !important;
}

.width54per {
    width: 54% !important;
}

.width55per {
    width: 55% !important;
}

.width56per {
    width: 56% !important;
}

.width57per {
    width: 57% !important;
}

.width58per {
    width: 58% !important;
}

.width59per {
    width: 59% !important;
}

.width60per {
    width: 60% !important;
}

.width61per {
    width: 61% !important;
}

.width62per {
    width: 62% !important;
}

.width63per {
    width: 63% !important;
}

.width64per {
    width: 64% !important;
}

.width65per {
    width: 65% !important;
}

.width66per {
    width: 66% !important;
}

.width67per {
    width: 67% !important;
}

.width68per {
    width: 68% !important;
}

.width69per {
    width: 69% !important;
}

.width70per {
    width: 70% !important;
}

.width71per {
    width: 71% !important;
}

.width72per {
    width: 72% !important;
}

.width73per {
    width: 73% !important;
}

.width74per {
    width: 74% !important;
}

.width75per {
    width: 75% !important;
}

.width76per {
    width: 76% !important;
}

.width77per {
    width: 77% !important;
}

.width78per {
    width: 78% !important;
}

.width79per {
    width: 79% !important;
}

.width80per {
    width: 80% !important;
}

.width81per {
    width: 81% !important;
}

.width82per {
    width: 82% !important;
}

.width83per {
    width: 83% !important;
}

.width84per {
    width: 84% !important;
}

.width85per {
    width: 85% !important;
}

.width86per {
    width: 86% !important;
}

.width87per {
    width: 87% !important;
}

.width88per {
    width: 88% !important;
}

.width89per {
    width: 89% !important;
}

.width90per {
    width: 90% !important;
}

.width91per {
    width: 91% !important;
}

.width92per {
    width: 92% !important;
}

.width93per {
    width: 93% !important;
}

.width94per {
    width: 94% !important;
}

.width95per {
    width: 95% !important;
}

.width96per {
    width: 96% !important;
}

.width97per {
    width: 97% !important;
}

.width98per {
    width: 98% !important;
}

.width99per {
    width: 99% !important;
}

.width993px {
    width: 993px !important;
}

.width100per {
    width: 100% !important;
}
/*New CSS WIDTH PERCENTAGE END*/

/*New CSS WIDTH PX START*/

.width1px {
    width: 1px !important;
}

.width2px {
    width: 2px;
}

.width3px {
    width: 3px !important;
}

.width4px {
    width: 4px !important;
}

.width5px {
    width: 5px !important;
}

.width6px {
    width: 6px !important;
}

.width7px {
    width: 7px !important;
}

.width8px {
    width: 8px !important;
}

.width9px {
    width: 9px !important;
}

.width10px {
    width: 10px !important;
}

.width11px {
    width: 11px !important;
}

.width12px {
    width: 12px !important;
}

.width13px {
    width: 13px !important;
}

.width14px {
    width: 14px !important;
}


.width15px {
    width: 15px !important;
}

.width16px {
    width: 16px !important;
}

.width17px {
    width: 17px !important;
}

.width18px {
    width: 18px !important;
}

.width19px {
    width: 19px !important;
}

.width20px {
    width: 20px !important;
}

.width21px {
    width: 21px !important;
}

.width22px {
    width: 22px !important;
}

.width23px {
    width: 23px !important;
}

.width24px {
    width: 24px !important;
}

.width25px {
    width: 25px !important;
}

.width26px {
    width: 26px !important;
}

.width27px {
    width: 27px !important;
}

.width28px {
    width: 28px !important;
}

.width29px {
    width: 29px !important;
}

.width30px {
    width: 30px !important;
}

.width31px {
    width: 31px !important;
}

.width32px {
    width: 32px !important;
}

.width33px {
    width: 33px !important;
}

.width34px {
    width: 34px !important;
}

.width35px {
    width: 35px !important;
}

.width36px {
    width: 36px !important;
}

.width37px {
    width: 37px !important;
}

.width38px {
    width: 38px !important;
}

.width39px {
    width: 39px !important;
}

.width40px {
    width: 40px !important;
}

.width41px {
    width: 41px !important;
}

.width42px {
    width: 42px !important;
}

.width43px {
    width: 43px !important;
}

.width44px {
    width: 44px !important;
}

.width45px {
    width: 45px !important;
}

.width46px {
    width: 46px !important;
}

.width47px {
    width: 47px !important;
}

.width48px {
    width: 48px !important;
}

.width49px {
    width: 49px !important;
}

.width50px {
    width: 50px !important;
}

.width51px {
    width: 51px !important;
}

.width52px {
    width: 52px !important;
}

.width53px {
    width: 53px !important;
}

.width54px {
    width: 54px !important;
}

.width55px {
    width: 55px !important;
}

.width56px {
    width: 56px !important;
}

.width57px {
    width: 57px !important;
}

.width58px {
    width: 58px !important;
}

.width59px {
    width: 59px !important;
}

.width60px {
    width: 60px !important;
}

.width61px {
    width: 61px !important;
}

.width62px {
    width: 62px !important;
}

.width63px {
    width: 63px !important;
}

.width64px {
    width: 64px !important;
}

.width65px {
    width: 65px !important;
}

.width66px {
    width: 66px !important;
}

.width67px {
    width: 67px !important;
}

.width68px {
    width: 68px !important;
}

.width69px {
    width: 69px !important;
}

.width70px {
    width: 70px !important;
}

.width71px {
    width: 71px !important;
}

.width72px {
    width: 72px !important;
}

.width73px {
    width: 73px !important;
}

.width74px {
    width: 74px !important;
}

.width75px {
    width: 75px !important;
}

.width76px {
    width: 76px !important;
}

.width77px {
    width: 77px !important;
}

.width78px {
    width: 78px !important;
}

.width79px {
    width: 79px !important;
}

.width80px {
    width: 80px !important;
}

.width81px {
    width: 81px !important;
}

.width82px {
    width: 82px !important;
}

.width83px {
    width: 83px !important;
}

.width84px {
    width: 84px !important;
}

.width85px {
    width: 85px !important;
}

.width86px {
    width: 86px !important;
}

.width87px {
    width: 87px !important;
}

.width88px {
    width: 88px !important;
}

.width89px {
    width: 89px !important;
}

.width90px {
    width: 90px !important;
}

.width91px {
    width: 91px !important;
}

.width92px {
    width: 92px !important;
}

.width93px {
    width: 93px !important;
}

.width94px {
    width: 94px !important;
}

.width95px {
    width: 95px !important;
}

.width96px {
    width: 96px !important;
}

.width97px {
    width: 97px !important;
}

.width98px {
    width: 98px !important;
}

.width99px {
    width: 99px !important;
}

.width100px {
    width: 100px !important;
}

.width101px {
    width: 101px !important;
}

.width102px {
    width: 102px !important;
}

.width103px {
    width: 103px !important;
}

.width104px {
    width: 104px !important;
}

.width105px {
    width: 105px !important;
}

.width106px {
    width: 106px !important;
}

.width107px {
    width: 107px !important;
}

.width108px {
    width: 108px !important;
}

.width109px {
    width: 109px !important;
}

.width110px {
    width: 110px !important;
}

.width111px {
    width: 111px !important;
}

.width112px {
    width: 112px !important;
}

.width113px {
    width: 113px !important;
}

.width114px {
    width: 114px !important;
}

.width115px {
    width: 115px !important;
}

.width116px {
    width: 116px !important;
}

.width117px {
    width: 117px !important;
}

.width118px {
    width: 118px !important;
}

.width119px {
    width: 119px !important;
}

.width120px {
    width: 120px !important;
}

.width121px {
    width: 121px !important;
}

.width122px {
    width: 122px !important;
}

.width123px {
    width: 123px !important;
}

.width124px {
    width: 124px !important;
}

.width125px {
    width: 125px !important;
}

.width126px {
    width: 126px !important;
}

.width127px {
    width: 127px !important;
}

.width128px {
    width: 128px !important;
}

.width129px {
    width: 129px !important;
}

.width130px {
    width: 130px !important;
}

.width131px {
    width: 131px !important;
}

.width132px {
    width: 132px !important;
}

.width133px {
    width: 133px !important;
}

.width134px {
    width: 134px !important;
}

.width135px {
    width: 135px !important;
}

.width136px {
    width: 136px !important;
}

.width137px {
    width: 137px !important;
}

.width138px {
    width: 138px !important;
}

.width139px {
    width: 139px !important;
}

.width140px {
    width: 140px !important;
}

.width141px {
    width: 141px !important;
}

.width142px {
    width: 142px !important;
}

.width143px {
    width: 143px !important;
}

.width144px {
    width: 144px !important;
}

.width145px {
    width: 145px !important;
}

.width146px {
    width: 146px !important;
}

.width147px {
    width: 147px !important;
}

.width148px {
    width: 148px !important;
}

.width149px {
    width: 149px !important;
}

.width150px {
    width: 150px !important;
}

.width151px {
    width: 151px !important;
}

.width152px {
    width: 152px !important;
}

.width153px {
    width: 153px !important;
}

.width154px {
    width: 154px !important;
}

.width155px {
    width: 155px !important;
}

.width156px {
    width: 156px !important;
}

.width157px {
    width: 157px !important;
}

.width158px {
    width: 158px !important;
}

.width159px {
    width: 159px !important;
}

.width160px {
    width: 160px !important;
}

.width161px {
    width: 161px !important;
}

.width162px {
    width: 162px !important;
}

.width163px {
    width: 163px !important;
}

.width164px {
    width: 164px !important;
}

.width165px {
    width: 165px !important;
}

.width166px {
    width: 166px !important;
}

.width167px {
    width: 167px !important;
}

.width168px {
    width: 168px !important;
}

.width169px {
    width: 169px !important;
}

.width170px {
    width: 170px !important;
}

.width171px {
    width: 171px !important;
}

.width172px {
    width: 172px !important;
}

.width173px {
    width: 173px !important;
}

.width174px {
    width: 174px !important;
}

.width175px {
    width: 175px !important;
}

.width176px {
    width: 176px !important;
}

.width177px {
    width: 177px !important;
}

.width178px {
    width: 178px !important;
}

.width179px {
    width: 179px !important;
}

.width180px {
    width: 180px !important;
}

.width181px {
    width: 181px !important;
}

.width182px {
    width: 182px !important;
}

.width183px {
    width: 183px !important;
}

.width184px {
    width: 184px !important;
}

.width185px {
    width: 185px !important;
}

.width186px {
    width: 186px !important;
}

.width187px {
    width: 187px !important;
}

.width188px {
    width: 188px !important;
}

.width189px {
    width: 189px !important;
}

.width190px {
    width: 190px !important;
}

.width191px {
    width: 191px !important;
}

.width192px {
    width: 192px !important;
}

.width193px {
    width: 193px !important;
}

.width194px {
    width: 194px !important;
}

.width195px {
    width: 195px !important;
}

.width196px {
    width: 196px !important;
}

.width197px {
    width: 197px !important;
}

.width198px {
    width: 198px !important;
}

.width199px {
    width: 199px !important;
}

.width200px {
    width: 200px !important;
}

.width201px {
    width: 201px !important;
}

.width202px {
    width: 202px !important;
}

.width203px {
    width: 203px !important;
}

.width204px {
    width: 204px !important;
}

.width205px {
    width: 205px !important;
}

.width206px {
    width: 206px !important;
}

.width207px {
    width: 207px !important;
}

.width208px {
    width: 208px !important;
}

.width209px {
    width: 209px !important;
}

.width210px {
    width: 210px !important;
}

.width211px {
    width: 211px !important;
}

.width212px {
    width: 212px !important;
}

.width213px {
    width: 213px !important;
}

.width214px {
    width: 214px !important;
}

.width215px {
    width: 215px !important;
}

.width216px {
    width: 216px !important;
}

.width217px {
    width: 217px !important;
}

.width218px {
    width: 218px !important;
}

.width219px {
    width: 219px !important;
}

.width220px {
    width: 220px !important;
}

.width221px {
    width: 221px !important;
}

.width222px {
    width: 222px !important;
}

.width223px {
    width: 223px !important;
}

.width224px {
    width: 224px !important;
}

.width225px {
    width: 225px !important;
}

.width226px {
    width: 226px !important;
}

.width227px {
    width: 227px !important;
}

.width228px {
    width: 228px !important;
}

.width229px {
    width: 229px !important;
}

.width230px {
    width: 230px !important;
}

.width231px {
    width: 231px !important;
}

.width232px {
    width: 232px !important;
}

.width233px {
    width: 233px !important;
}

.width234px {
    width: 234px !important;
}

.width235px {
    width: 235px !important;
}

.width236px {
    width: 236px !important;
}

.width237px {
    width: 237px !important;
}

.width238px {
    width: 238px !important;
}

.width239px {
    width: 239px !important;
}

.width240px {
    width: 240px !important;
}

.width241px {
    width: 241px !important;
}

.width242px {
    width: 242px !important;
}

.width243px {
    width: 243px !important;
}

.width244px {
    width: 244px !important;
}

.width245px {
    width: 245px !important;
}

.width246px {
    width: 246px !important;
}

.width247px {
    width: 247px !important;
}

.width248px {
    width: 248px !important;
}

.width249px {
    width: 249px !important;
}

.width250px {
    width: 250px !important;
}

.width251px {
    width: 251px !important;
}

.width252px {
    width: 252px !important;
}

.width253px {
    width: 253px !important;
}

.width254px {
    width: 254px !important;
}

.width255px {
    width: 255px !important;
}

.width256px {
    width: 256px !important;
}

.width257px {
    width: 257px !important;
}

.width258px {
    width: 258px !important;
}

.width259px {
    width: 259px !important;
}

.width260px {
    width: 260px !important;
}

.width261px {
    width: 261px !important;
}

.width262px {
    width: 262px !important;
}

.width263px {
    width: 263px !important;
}

.width264px {
    width: 264px !important;
}

.width265px {
    width: 265px !important;
}

.width266px {
    width: 266px !important;
}

.width267px {
    width: 267px !important;
}

.width268px {
    width: 268px !important;
}

.width269px {
    width: 269px !important;
}

.width270px {
    width: 270px !important;
}

.width271px {
    width: 271px !important;
}

.width272px {
    width: 272px !important;
}

.width273px {
    width: 273px !important;
}

.width274px {
    width: 274px !important;
}

.width275px {
    width: 275px !important;
}

.width276px {
    width: 276px !important;
}

.width277px {
    width: 277px !important;
}

.width278px {
    width: 278px !important;
}

.width279px {
    width: 279px !important;
}

.width280px {
    width: 280px !important;
}

.width281px {
    width: 281px !important;
}

.width282px {
    width: 282px !important;
}

.width283px {
    width: 283px !important;
}

.width284px {
    width: 284px !important;
}

.width285px {
    width: 285px !important;
}

.width286px {
    width: 286px !important;
}

.width287px {
    width: 287px !important;
}

.width288px {
    width: 288px !important;
}

.width289px {
    width: 289px !important;
}

.width290px {
    width: 290px !important;
}

.width291px {
    width: 291px !important;
}

.width292px {
    width: 292px !important;
}

.width293px {
    width: 293px !important;
}

.width294px {
    width: 294px !important;
}

.width295px {
    width: 295px !important;
}

.width296px {
    width: 296px !important;
}

.width297px {
    width: 297px !important;
}

.width298px {
    width: 298px !important;
}

.width299px {
    width: 299px !important;
}

.width300px {
    width: 300px !important;
}

.width301px {
    width: 301px !important;
}

.width302px {
    width: 302px !important;
}

.width303px {
    width: 303px !important;
}

.width304px {
    width: 304px !important;
}

.width305px {
    width: 305px !important;
}

.width306px {
    width: 306px !important;
}

.width307px {
    width: 307px !important;
}

.width308px {
    width: 308px !important;
}

.width309px {
    width: 309px !important;
}

.width310px {
    width: 310px !important;
}

.width311px {
    width: 311px !important;
}

.width312px {
    width: 312px !important;
}

.width313px {
    width: 313px !important;
}

.width314px {
    width: 314px !important;
}

.width315px {
    width: 315px !important;
}

.width316px {
    width: 316px !important;
}

.width317px {
    width: 317px !important;
}

.width318px {
    width: 318px !important;
}

.width319px {
    width: 319px !important;
}

.width320px {
    width: 320px !important;
}

.width321px {
    width: 321px !important;
}

.width322px {
    width: 322px !important;
}

.width323px {
    width: 323px !important;
}

.width324px {
    width: 324px !important;
}

.width325px {
    width: 325px !important;
}

.width326px {
    width: 326px !important;
}

.width327px {
    width: 327px !important;
}

.width328px {
    width: 328px !important;
}

.width329px {
    width: 329px !important;
}

.width330px {
    width: 330px !important;
}

.width331px {
    width: 331px !important;
}

.width332px {
    width: 332px !important;
}

.width333px {
    width: 333px !important;
}

.width334px {
    width: 334px !important;
}

.width335px {
    width: 335px !important;
}

.width336px {
    width: 336px !important;
}

.width337px {
    width: 337px !important;
}

.width338px {
    width: 338px !important;
}

.width339px {
    width: 339px !important;
}

.width340px {
    width: 340px !important;
}

.width341px {
    width: 341px !important;
}

.width342px {
    width: 342px !important;
}

.width343px {
    width: 343px !important;
}

.width344px {
    width: 344px !important;
}

.width345px {
    width: 345px !important;
}

.width346px {
    width: 346px !important;
}

.width347px {
    width: 347px !important;
}

.width348px {
    width: 348px !important;
}

.width349px {
    width: 349px !important;
}

.width350px {
    width: 350px !important;
}

.width351px {
    width: 351px !important;
}

.width352px {
    width: 352px !important;
}

.width353px {
    width: 353px !important;
}

.width354px {
    width: 354px !important;
}

.width355px {
    width: 355px !important;
}

.width356px {
    width: 356px !important;
}

.width357px {
    width: 357px !important;
}

.width358px {
    width: 358px !important;
}

.width359px {
    width: 359px !important;
}

.width360px {
    width: 360px !important;
}

.width361px {
    width: 361px !important;
}

.width362px {
    width: 362px !important;
}

.width363px {
    width: 363px !important;
}

.width364px {
    width: 364px !important;
}

.width365px {
    width: 365px !important;
}

.width366px {
    width: 366px !important;
}

.width367px {
    width: 367px !important;
}

.width368px {
    width: 368px !important;
}

.width369px {
    width: 369px !important;
}

.width370px {
    width: 370px !important;
}

.width371px {
    width: 371px !important;
}

.width372px {
    width: 372px !important;
}

.width373px {
    width: 373px !important;
}

.width374px {
    width: 374px !important;
}

.width375px {
    width: 375px !important;
}

.width376px {
    width: 376px !important;
}

.width377px {
    width: 377px !important;
}

.width378px {
    width: 378px !important;
}

.width379px {
    width: 379px !important;
}

.width380px {
    width: 380px !important;
}

.width381px {
    width: 381px !important;
}

.width382px {
    width: 382px !important;
}

.width383px {
    width: 383px !important;
}

.width384px {
    width: 384px !important;
}

.width385px {
    width: 385px !important;
}

.width386px {
    width: 386px !important;
}

.width387px {
    width: 387px !important;
}

.width388px {
    width: 388px !important;
}

.width389px {
    width: 389px !important;
}

.width390px {
    width: 390px !important;
}

.width391px {
    width: 391px !important;
}

.width392px {
    width: 392px !important;
}

.width393px {
    width: 393px !important;
}

.width394px {
    width: 394px !important;
}

.width395px {
    width: 395px !important;
}

.width396px {
    width: 396px !important;
}

.width397px {
    width: 397px !important;
}

.width398px {
    width: 398px !important;
}

.width399px {
    width: 399px !important;
}

.width400px {
    width: 400px !important;
}

.width401px {
    width: 401px !important;
}

.width402px {
    width: 402px !important;
}

.width403px {
    width: 403px !important;
}

.width404px {
    width: 404px !important;
}

.width405px {
    width: 405px !important;
}

.width406px {
    width: 406px !important;
}

.width407px {
    width: 407px !important;
}

.width408px {
    width: 408px !important;
}

.width409px {
    width: 409px !important;
}

.width410px {
    width: 410px !important;
}

.width411px {
    width: 411px !important;
}

.width412px {
    width: 412px !important;
}

.width413px {
    width: 413px !important;
}

.width414px {
    width: 414px !important;
}

.width415px {
    width: 415px !important;
}

.width416px {
    width: 416px !important;
}

.width417px {
    width: 417px !important;
}

.width418px {
    width: 418px !important;
}

.width419px {
    width: 419px !important;
}

.width420px {
    width: 420px !important;
}

.width421px {
    width: 421px !important;
}

.width422px {
    width: 422px !important;
}

.width423px {
    width: 423px !important;
}

.width424px {
    width: 424px !important;
}

.width425px {
    width: 425px !important;
}

.width426px {
    width: 426px !important;
}

.width427px {
    width: 427px !important;
}

.width428px {
    width: 428px !important;
}

.width429px {
    width: 429px !important;
}

.width430px {
    width: 430px !important;
}

.width431px {
    width: 431px !important;
}

.width432px {
    width: 432px !important;
}

.width433px {
    width: 433px !important;
}

.width434px {
    width: 434px !important;
}

.width435px {
    width: 435px !important;
}

.width436px {
    width: 436px !important;
}

.width437px {
    width: 437px !important;
}

.width438px {
    width: 438px !important;
}

.width439px {
    width: 439px !important;
}

.width440px {
    width: 440px !important;
}

.width441px {
    width: 441px !important;
}

.width442px {
    width: 442px !important;
}

.width443px {
    width: 443px !important;
}

.width444px {
    width: 444px !important;
}

.width445px {
    width: 445px !important;
}

.width446px {
    width: 446px !important;
}

.width447px {
    width: 447px !important;
}

.width448px {
    width: 448px !important;
}

.width449px {
    width: 449px !important;
}

.width450px {
    width: 450px !important;
}

.width451px {
    width: 451px !important;
}

.width452px {
    width: 452px !important;
}

.width453px {
    width: 453px !important;
}

.width454px {
    width: 454px !important;
}

.width455px {
    width: 455px !important;
}

.width456px {
    width: 456px !important;
}

.width457px {
    width: 457px !important;
}

.width458px {
    width: 458px !important;
}

.width459px {
    width: 459px !important;
}

.width460px {
    width: 460px !important;
}

.width461px {
    width: 461px !important;
}

.width462px {
    width: 462px !important;
}

.width463px {
    width: 463px !important;
}

.width464px {
    width: 464px !important;
}

.width465px {
    width: 465px !important;
}

.width466px {
    width: 466px !important;
}

.width467px {
    width: 467px !important;
}

.width468px {
    width: 468px !important;
}

.width469px {
    width: 469px !important;
}

.width470px {
    width: 470px !important;
}

.width471px {
    width: 471px !important;
}

.width472px {
    width: 472px !important;
}

.width473px {
    width: 473px !important;
}

.width474px {
    width: 474px !important;
}

.width475px {
    width: 475px !important;
}

.width476px {
    width: 476px !important;
}

.width477px {
    width: 477px !important;
}

.width478px {
    width: 478px !important;
}

.width479px {
    width: 479px !important;
}

.width480px {
    width: 480px !important;
}

.width481px {
    width: 481px !important;
}

.width482px {
    width: 482px !important;
}

.width483px {
    width: 483px !important;
}

.width484px {
    width: 484px !important;
}

.width485px {
    width: 485px !important;
}

.width486px {
    width: 486px !important;
}

.width487px {
    width: 487px !important;
}

.width488px {
    width: 488px !important;
}

.width489px {
    width: 489px !important;
}

.width490px {
    width: 490px !important;
}

.width491px {
    width: 491px !important;
}

.width492px {
    width: 492px !important;
}

.width493px {
    width: 493px !important;
}

.width494px {
    width: 494px !important;
}

.width495px {
    width: 495px !important;
}

.width496px {
    width: 496px !important;
}

.width497px {
    width: 497px !important;
}

.width498px {
    width: 498px !important;
}

.width499px {
    width: 499px !important;
}

.width500px {
    width: 500px !important;
}

.width501px {
    width: 501px !important;
}

.width502px {
    width: 502px !important;
}

.width503px {
    width: 503px !important;
}

.width504px {
    width: 504px !important;
}

.width505px {
    width: 505px !important;
}

.width506px {
    width: 506px !important;
}

.width507px {
    width: 507px !important;
}

.width508px {
    width: 508px !important;
}

.width509px {
    width: 509px !important;
}

.width510px {
    width: 510px !important;
}

.width511px {
    width: 511px !important;
}

.width512px {
    width: 512px !important;
}

.width513px {
    width: 513px !important;
}

.width514px {
    width: 514px !important;
}

.width515px {
    width: 515px !important;
}

.width516px {
    width: 516px !important;
}

.width517px {
    width: 517px !important;
}

.width518px {
    width: 518px !important;
}

.width519px {
    width: 519px !important;
}

.width520px {
    width: 520px !important;
}

.width521px {
    width: 521px !important;
}

.width522px {
    width: 522px !important;
}

.width523px {
    width: 523px !important;
}

.width524px {
    width: 524px !important;
}

.width525px {
    width: 525px !important;
}

.width526px {
    width: 526px !important;
}

.width527px {
    width: 527px !important;
}

.width528px {
    width: 528px !important;
}

.width529px {
    width: 529px !important;
}

.width530px {
    width: 530px !important;
}

.width531px {
    width: 531px !important;
}

.width532px {
    width: 532px !important;
}

.width533px {
    width: 533px !important;
}

.width534px {
    width: 534px !important;
}

.width535px {
    width: 535px !important;
}

.width536px {
    width: 536px !important;
}

.width537px {
    width: 537px !important;
}

.width538px {
    width: 538px !important;
}

.width539px {
    width: 539px !important;
}

.width540px {
    width: 540px !important;
}

.width541px {
    width: 541px !important;
}

.width542px {
    width: 542px !important;
}

.width543px {
    width: 543px !important;
}

.width544px {
    width: 544px !important;
}

.width545px {
    width: 545px !important;
}

.width546px {
    width: 546px !important;
}

.width547px {
    width: 547px !important;
}

.width548px {
    width: 548px !important;
}

.width549px {
    width: 549px !important;
}

.width550px {
    width: 550px !important;
}

.width551px {
    width: 551px !important;
}

.width552px {
    width: 552px !important;
}

.width553px {
    width: 553px !important;
}

.width554px {
    width: 554px !important;
}

.width555px {
    width: 555px !important;
}

.width556px {
    width: 556px !important;
}

.width557px {
    width: 557px !important;
}

.width558px {
    width: 558px !important;
}

.width559px {
    width: 559px !important;
}

.width560px {
    width: 560px !important;
}

.width561px {
    width: 561px !important;
}

.width562px {
    width: 562px !important;
}

.width563px {
    width: 563px !important;
}

.width564px {
    width: 564px !important;
}

.width565px {
    width: 565px !important;
}

.width566px {
    width: 566px !important;
}

.width567px {
    width: 567px !important;
}

.width568px {
    width: 568px !important;
}

.width569px {
    width: 569px !important;
}

.width570px {
    width: 570px !important;
}

.width571px {
    width: 571px !important;
}

.width572px {
    width: 572px !important;
}

.width573px {
    width: 573px !important;
}

.width574px {
    width: 574px !important;
}

.width575px {
    width: 575px !important;
}

.width576px {
    width: 576px !important;
}

.width577px {
    width: 577px !important;
}

.width578px {
    width: 578px !important;
}

.width579px {
    width: 579px !important;
}

.width580px {
    width: 580px !important;
}

.width581px {
    width: 581px !important;
}

.width582px {
    width: 582px !important;
}

.width583px {
    width: 583px !important;
}

.width584px {
    width: 584px !important;
}

.width585px {
    width: 585px !important;
}

.width586px {
    width: 586px !important;
}

.width587px {
    width: 587px !important;
}

.width588px {
    width: 588px !important;
}

.width589px {
    width: 589px !important;
}

.width590px {
    width: 590px !important;
}

.width591px {
    width: 591px !important;
}

.width592px {
    width: 592px !important;
}

.width593px {
    width: 593px !important;
}

.width594px {
    width: 594px !important;
}

.width595px {
    width: 595px !important;
}

.width596px {
    width: 596px !important;
}

.width597px {
    width: 597px !important;
}

.width598px {
    width: 598px !important;
}

.width599px {
    width: 599px !important;
}

.width600px {
    width: 600px !important;
}

.width600px-1 {
    width: 600px !important;
}

.width250px-1 {
    width: 250px !important;
}

/*New CSS WIDTH PX END*/

/*MARGIN START*/
.mar-0 {
    margin: 0 !important;
}

.mar-1 {
    margin: 1px !important;
}

.mar-2 {
    margin: 2px !important;
}

.mar-3 {
    margin: 3px !important;
}

.mar-4 {
    margin: 4px !important;
}

.mar-5 {
    margin: 5px !important;
}

.mar-6 {
    margin: 6px !important;
}

.mar-7 {
    margin: 7px !important;
}

.mar-8 {
    margin: 8px !important;
}

.mar-9 {
    margin: 9px !important;
}

.mar-10 {
    margin: 10px !important;
}

.mar-11 {
    margin: 11px !important;
}

.mar-12 {
    margin: 12px !important;
}

.mar-13 {
    margin: 13px !important;
}

.mar-14 {
    margin: 14px !important;
}

.mar-15 {
    margin: 15px !important;
}

.mar-16 {
    margin: 16px !important;
}

.mar-17 {
    margin: 17px !important;
}

.mar-18 {
    margin: 18px !important;
}

.mar-19 {
    margin: 19px !important;
}

.mar-20 {
    margin: 20px !important;
}

.mar-21 {
    margin: 21px !important;
}

.mar-22 {
    margin: 22px !important;
}

.mar-23 {
    margin: 23px !important;
}

.mar-24 {
    margin: 24px !important;
}

.mar-25 {
    margin: 25px !important;
}

.mar-26 {
    margin: 26px !important;
}

.mar-27 {
    margin: 27px !important;
}

.mar-28 {
    margin: 28px !important;
}

.mar-29 {
    margin: 29px !important;
}

.mar-30 {
    margin: 30px !important;
}

.mar-31 {
    margin: 31px !important;
}

.mar-32 {
    margin: 32px !important;
}

.mar-33 {
    margin: 33px !important;
}

.mar-34 {
    margin: 34px !important;
}

.mar-35 {
    margin: 35px !important;
}

.mar-36 {
    margin: 36px !important;
}

.mar-37 {
    margin: 37px !important;
}

.mar-38 {
    margin: 38px !important;
}

.mar-39 {
    margin: 39px !important;
}

.mar-40 {
    margin: 40px !important;
}

.mar-41 {
    margin: 41px !important;
}

.mar-42 {
    margin: 42px !important;
}

.mar-43 {
    margin: 43px !important;
}

.mar-44 {
    margin: 44px !important;
}

.mar-45 {
    margin: 45px !important;
}

.mar-46 {
    margin: 46px !important;
}

.mar-47 {
    margin: 47px !important;
}

.mar-48 {
    margin: 48px !important;
}

.mar-49 {
    margin: 49px !important;
}

.mar-50 {
    margin: 50px !important;
}

.mar-51 {
    margin: 51px !important;
}

.mar-52 {
    margin: 52px !important;
}

.mar-53 {
    margin: 53px !important;
}

.mar-54 {
    margin: 54px !important;
}

.mar-55 {
    margin: 55px !important;
}

.mar-56 {
    margin: 56px !important;
}

.mar-57 {
    margin: 57px !important;
}

.mar-58 {
    margin: 58px !important;
}

.mar-59 {
    margin: 59px !important;
}

.mar-60 {
    margin: 60px !important;
}

.mar-61 {
    margin: 61px !important;
}

.mar-62 {
    margin: 62px !important;
}

.mar-63 {
    margin: 63px !important;
}

.mar-64 {
    margin: 64px !important;
}

.mar-65 {
    margin: 65px !important;
}

.mar-66 {
    margin: 66px !important;
}

.mar-67 {
    margin: 67px !important;
}

.mar-68 {
    margin: 68px !important;
}

.mar-69 {
    margin: 69px !important;
}

.mar-70 {
    margin: 70px !important;
}

.mar-71 {
    margin: 71px !important;
}

.mar-72 {
    margin: 72px !important;
}

.mar-73 {
    margin: 73px !important;
}

.mar-74 {
    margin: 74px !important;
}

.mar-75 {
    margin: 75px !important;
}

.mar-76 {
    margin: 76px !important;
}

.mar-77 {
    margin: 77px !important;
}

.mar-78 {
    margin: 78px !important;
}

.mar-79 {
    margin: 79px !important;
}

.mar-80 {
    margin: 80px !important;
}

.mar-81 {
    margin: 81px !important;
}

.mar-82 {
    margin: 82px !important;
}

.mar-83 {
    margin: 83px !important;
}

.mar-84 {
    margin: 84px !important;
}

.mar-85 {
    margin: 85px !important;
}

.mar-86 {
    margin: 86px !important;
}

.mar-87 {
    margin: 87px !important;
}

.mar-88 {
    margin: 88px !important;
}

.mar-89 {
    margin: 89px !important;
}

.mar-90 {
    margin: 90px !important;
}

.mar-91 {
    margin: 91px !important;
}

.mar-92 {
    margin: 92px !important;
}

.mar-93 {
    margin: 93px !important;
}

.mar-94 {
    margin: 94px !important;
}

.mar-95 {
    margin: 95px !important;
}

.mar-96 {
    margin: 96px !important;
}

.mar-97 {
    margin: 97px !important;
}

.mar-98 {
    margin: 98px !important;
}

.mar-99 {
    margin: 99px !important;
}

.mar-100 {
    margin: 100px !important;
}

.mar-t0 {
    margin-top: 0 !important;
}

.mar-t1 {
    margin-top: 1px !important;
}

.mar-t2 {
    margin-top: 2px !important;
}

.mar-t3 {
    margin-top: 3px !important;
}

.mar-t4 {
    margin-top: 4px !important;
}

.mar-t5 {
    margin-top: 5px !important;
}

.mar-t6 {
    margin-top: 6px !important;
}

.mar-t7 {
    margin-top: 7px !important;
}

.mar-t8 {
    margin-top: 8px !important;
}

.mar-t9 {
    margin-top: 9px !important;
}

.mar-t10 {
    margin-top: 10px !important;
}

.mar-t11 {
    margin-top: 11px !important;
}

.mar-t12 {
    margin-top: 12px !important;
}

.mar-t13 {
    margin-top: 13px !important;
}

.mar-t14 {
    margin-top: 14px !important;
}

.mar-t15 {
    margin-top: 15px !important;
}

.mar-t16 {
    margin-top: 16px !important;
}

.mar-t17 {
    margin-top: 17px !important;
}

.mar-t18 {
    margin-top: 18px !important;
}

.mar-t19 {
    margin-top: 19px !important;
}

.mar-t20 {
    margin-top: 20px !important;
}

.mar-t21 {
    margin-top: 21px !important;
}

.mar-t22 {
    margin-top: 22px !important;
}

.mar-t23 {
    margin-top: 23px !important;
}

.mar-t24 {
    margin-top: 24px !important;
}

.mar-t25 {
    margin-top: 25px !important;
}

.mar-t26 {
    margin-top: 26px !important;
}

.mar-t27 {
    margin-top: 27px !important;
}

.mar-t28 {
    margin-top: 28px !important;
}

.mar-t29 {
    margin-top: 29px !important;
}

.mar-t30 {
    margin-top: 30px !important;
}

.mar-t31 {
    margin-top: 31px !important;
}

.mar-t32 {
    margin-top: 32px !important;
}

.mar-t33 {
    margin-top: 33px !important;
}

.mar-t34 {
    margin-top: 34px !important;
}

.mar-t35 {
    margin-top: 35px !important;
}

.mar-t36 {
    margin-top: 36px !important;
}

.mar-t37 {
    margin-top: 37px !important;
}

.mar-t38 {
    margin-top: 38px !important;
}

.mar-t39 {
    margin-top: 39px !important;
}

.mar-t40 {
    margin-top: 40px !important;
}

.mar-t41 {
    margin-top: 41px !important;
}

.mar-t42 {
    margin-top: 42px !important;
}

.mar-t43 {
    margin-top: 43px !important;
}

.mar-t44 {
    margin-top: 44px !important;
}

.mar-t45 {
    margin-top: 45px !important;
}

.mar-t46 {
    margin-top: 46px !important;
}

.mar-t47 {
    margin-top: 47px !important;
}

.mar-t48 {
    margin-top: 48px !important;
}

.mar-t49 {
    margin-top: 49px !important;
}

.mar-t50 {
    margin-top: 50px !important;
}

.mar-t51 {
    margin-top: 51px !important;
}

.mar-t52 {
    margin-top: 52px !important;
}

.mar-t53 {
    margin-top: 53px !important;
}

.mar-t54 {
    margin-top: 54px !important;
}

.mar-t55 {
    margin-top: 55px !important;
}

.mar-t56 {
    margin-top: 56px !important;
}

.mar-t57 {
    margin-top: 57px !important;
}

.mar-t58 {
    margin-top: 58px !important;
}

.mar-t59 {
    margin-top: 59px !important;
}

.mar-t60 {
    margin-top: 60px !important;
}

.mar-t61 {
    margin-top: 61px !important;
}

.mar-t62 {
    margin-top: 62px !important;
}

.mar-t63 {
    margin-top: 63px !important;
}

.mar-t64 {
    margin-top: 64px !important;
}

.mar-t65 {
    margin-top: 65px !important;
}

.mar-t66 {
    margin-top: 66px !important;
}

.mar-t67 {
    margin-top: 67px !important;
}

.mar-t68 {
    margin-top: 68px !important;
}

.mar-t69 {
    margin-top: 69px !important;
}

.mar-t70 {
    margin-top: 70px !important;
}

.mar-t71 {
    margin-top: 71px !important;
}

.mar-t72 {
    margin-top: 72px !important;
}

.mar-t73 {
    margin-top: 73px !important;
}

.mar-t74 {
    margin-top: 74px !important;
}

.mar-t75 {
    margin-top: 75px !important;
}

.mar-t76 {
    margin-top: 76px !important;
}

.mar-t77 {
    margin-top: 77px !important;
}

.mar-t78 {
    margin-top: 78px !important;
}

.mar-t79 {
    margin-top: 79px !important;
}

.mar-t80 {
    margin-top: 80px !important;
}

.mar-t81 {
    margin-top: 81px !important;
}

.mar-t82 {
    margin-top: 82px !important;
}

.mar-t83 {
    margin-top: 83px !important;
}

.mar-t84 {
    margin-top: 84px !important;
}

.mar-t85 {
    margin-top: 85px !important;
}

.mar-t86 {
    margin-top: 86px !important;
}

.mar-t87 {
    margin-top: 87px !important;
}

.mar-t88 {
    margin-top: 88px !important;
}

.mar-t89 {
    margin-top: 89px !important;
}

.mar-t90 {
    margin-top: 90px !important;
}

.mar-t91 {
    margin-top: 91px !important;
}

.mar-t92 {
    margin-top: 92px !important;
}

.mar-t93 {
    margin-top: 93px !important;
}

.mar-t94 {
    margin-top: 94px !important;
}

.mar-t95 {
    margin-top: 95px !important;
}

.mar-t96 {
    margin-top: 96px !important;
}

.mar-t97 {
    margin-top: 97px !important;
}

.mar-t98 {
    margin-top: 98px !important;
}

.mar-t99 {
    margin-top: 99px !important;
}

.mar-t100 {
    margin-top: 100px !important;
}

.mar-b0 {
    margin-bottom: 0 !important;
}

.mar-b1 {
    margin-bottom: 1px !important;
}

.mar-b2 {
    margin-bottom: 2px !important;
}

.mar-b3 {
    margin-bottom: 3px !important;
}

.mar-b4 {
    margin-bottom: 4px !important;
}

.mar-b5 {
    margin-bottom: 5px !important;
}

.mar-b6 {
    margin-bottom: 6px !important;
}

.mar-b7 {
    margin-bottom: 7px !important;
}

.mar-b8 {
    margin-bottom: 8px !important;
}

.mar-b9 {
    margin-bottom: 9px !important;
}

.mar-b10 {
    margin-bottom: 10px !important;
}

.mar-b11 {
    margin-bottom: 11px !important;
}

.mar-b12 {
    margin-bottom: 12px !important;
}

.mar-b13 {
    margin-bottom: 13px !important;
}

.mar-b14 {
    margin-bottom: 14px !important;
}

.mar-b15 {
    margin-bottom: 15px !important;
}

.mar-b16 {
    margin-bottom: 16px !important;
}

.mar-b17 {
    margin-bottom: 17px !important;
}

.mar-b18 {
    margin-bottom: 18px !important;
}

.mar-b19 {
    margin-bottom: 19px !important;
}

.mar-b20 {
    margin-bottom: 20px !important;
}

.mar-b21 {
    margin-bottom: 21px !important;
}

.mar-b22 {
    margin-bottom: 22px !important;
}

.mar-b23 {
    margin-bottom: 23px !important;
}

.mar-b24 {
    margin-bottom: 24px !important;
}

.mar-b25 {
    margin-bottom: 25px !important;
}

.mar-b26 {
    margin-bottom: 26px !important;
}

.mar-b27 {
    margin-bottom: 27px !important;
}

.mar-b28 {
    margin-bottom: 28px !important;
}

.mar-b29 {
    margin-bottom: 29px !important;
}

.mar-b30 {
    margin-bottom: 30px !important;
}

.mar-b31 {
    margin-bottom: 31px !important;
}

.mar-b32 {
    margin-bottom: 32px !important;
}

.mar-b33 {
    margin-bottom: 33px !important;
}

.mar-b34 {
    margin-bottom: 34px !important;
}

.mar-b35 {
    margin-bottom: 35px !important;
}

.mar-b36 {
    margin-bottom: 36px !important;
}

.mar-b37 {
    margin-bottom: 37px !important;
}

.mar-b38 {
    margin-bottom: 38px !important;
}

.mar-b39 {
    margin-bottom: 39px !important;
}

.mar-b40 {
    margin-bottom: 40px !important;
}

.mar-b41 {
    margin-bottom: 41px !important;
}

.mar-b42 {
    margin-bottom: 42px !important;
}

.mar-b43 {
    margin-bottom: 43px !important;
}

.mar-b44 {
    margin-bottom: 44px !important;
}

.mar-b45 {
    margin-bottom: 45px !important;
}

.mar-b46 {
    margin-bottom: 46px !important;
}

.mar-b47 {
    margin-bottom: 47px !important;
}

.mar-b48 {
    margin-bottom: 48px !important;
}

.mar-b49 {
    margin-bottom: 49px !important;
}

.mar-b50 {
    margin-bottom: 50px !important;
}

.mar-b51 {
    margin-bottom: 51px !important;
}

.mar-b52 {
    margin-bottom: 52px !important;
}

.mar-b53 {
    margin-bottom: 53px !important;
}

.mar-b54 {
    margin-bottom: 54px !important;
}

.mar-b55 {
    margin-bottom: 55px !important;
}

.mar-b56 {
    margin-bottom: 56px !important;
}

.mar-b57 {
    margin-bottom: 57px !important;
}

.mar-b58 {
    margin-bottom: 58px !important;
}

.mar-b59 {
    margin-bottom: 59px !important;
}

.mar-b60 {
    margin-bottom: 60px !important;
}

.mar-b71 {
    margin-bottom: 71px !important;
}

.mar-b72 {
    margin-bottom: 72px !important;
}

.mar-b73 {
    margin-bottom: 73px !important;
}

.mar-b74 {
    margin-bottom: 74px !important;
}

.mar-b75 {
    margin-bottom: 75px !important;
}

.mar-b76 {
    margin-bottom: 76px !important;
}

.mar-b77 {
    margin-bottom: 77px !important;
}

.mar-b78 {
    margin-bottom: 78px !important;
}

.mar-b79 {
    margin-bottom: 79px !important;
}

.mar-b80 {
    margin-bottom: 80px !important;
}

.mar-b81 {
    margin-bottom: 81px !important;
}

.mar-b82 {
    margin-bottom: 82px !important;
}

.mar-b83 {
    margin-bottom: 83px !important;
}

.mar-b84 {
    margin-bottom: 84px !important;
}

.mar-b85 {
    margin-bottom: 85px !important;
}

.mar-b86 {
    margin-bottom: 86px !important;
}

.mar-b87 {
    margin-bottom: 87px !important;
}

.mar-b88 {
    margin-bottom: 88px !important;
}

.mar-b89 {
    margin-bottom: 89px !important;
}

.mar-b90 {
    margin-bottom: 90px !important;
}

.mar-b91 {
    margin-bottom: 91px !important;
}

.mar-b92 {
    margin-bottom: 92px !important;
}

.mar-b93 {
    margin-bottom: 93px !important;
}

.mar-b94 {
    margin-bottom: 94px !important;
}

.mar-b95 {
    margin-bottom: 95px !important;
}

.mar-b96 {
    margin-bottom: 96px !important;
}

.mar-b97 {
    margin-bottom: 97px !important;
}

.mar-b98 {
    margin-bottom: 98px !important;
}

.mar-b99 {
    margin-bottom: 99px !important;
}

.mar-b100 {
    margin-bottom: 100px !important;
}

.mar-l0 {
    margin-left: 0 !important;
}

.mar-l1 {
    margin-left: 1px !important;
}

.mar-l2 {
    margin-left: 2px !important;
}

.mar-l3 {
    margin-left: 3px !important;
}

.mar-l4 {
    margin-left: 4px !important;
}

.mar-l5 {
    margin-left: 5px !important;
}

.mar-l6 {
    margin-left: 6px !important;
}

.mar-l7 {
    margin-left: 7px !important;
}

.mar-l8 {
    margin-left: 8px !important;
}

.mar-l9 {
    margin-left: 9px !important;
}

.mar-l10 {
    margin-left: 10px !important;
}

.mar-l11 {
    margin-left: 11px !important;
}

.mar-l12 {
    margin-left: 12px !important;
}

.mar-l1 {
    margin-left: 13px !important;
}

.mar-l14 {
    margin-left: 14px !important;
}

.mar-l15 {
    margin-left: 15px !important;
}

.mar-l16 {
    margin-left: 16px !important;
}

.mar-l17 {
    margin-left: 17px !important;
}

.mar-l18 {
    margin-left: 18px !important;
}

.mar-l19 {
    margin-left: 19px !important;
}

.mar-l20 {
    margin-left: 20px !important;
}

.mar-l21 {
    margin-left: 21px !important;
}

.mar-l22 {
    margin-left: 22px !important;
}

.mar-l23 {
    margin-left: 23px !important;
}

.mar-l24 {
    margin-left: 24px !important;
}

.mar-l25 {
    margin-left: 25px !important;
}

.mar-l26 {
    margin-left: 26px !important;
}

.mar-l27 {
    margin-left: 27px !important;
}

.mar-l28 {
    margin-left: 28px !important;
}

.mar-l29 {
    margin-left: 29px !important;
}

.mar-l30 {
    margin-left: 30px !important;
}

.mar-l31 {
    margin-left: 31px !important;
}

.mar-l32 {
    margin-left: 32px !important;
}

.mar-l33 {
    margin-left: 33px !important;
}

.mar-l34 {
    margin-left: 34px !important;
}

.mar-l35 {
    margin-left: 35px !important;
}

.mar-l36 {
    margin-left: 36px !important;
}

.mar-l37 {
    margin-left: 37px !important;
}

.mar-l38 {
    margin-left: 38px !important;
}

.mar-l39 {
    margin-left: 39px !important;
}

.mar-l40 {
    margin-left: 40px !important;
}

.mar-l41 {
    margin-left: 41px !important;
}

.mar-l42 {
    margin-left: 42px !important;
}

.mar-l43 {
    margin-left: 43px !important;
}

.mar-l44 {
    margin-left: 44px !important;
}

.mar-l45 {
    margin-left: 45px !important;
}

.mar-l46 {
    margin-left: 46px !important;
}

.mar-l47 {
    margin-left: 47px !important;
}

.mar-l48 {
    margin-left: 48px !important;
}

.mar-l49 {
    margin-left: 49px !important;
}

.mar-l50 {
    margin-left: 50px !important;
}

.mar-l51 {
    margin-left: 51px !important;
}

.mar-l52 {
    margin-left: 52px !important;
}

.mar-l53 {
    margin-left: 53px !important;
}

.mar-l54 {
    margin-left: 54px !important;
}

.mar-l55 {
    margin-left: 55px !important;
}

.mar-l56 {
    margin-left: 56px !important;
}

.mar-l57 {
    margin-left: 57px !important;
}

.mar-l58 {
    margin-left: 58px !important;
}

.mar-l59 {
    margin-left: 59px !important;
}

.mar-l60 {
    margin-left: 60px !important;
}

.mar-l61 {
    margin-left: 61px !important;
}

.mar-l62 {
    margin-left: 62px !important;
}

.mar-l63 {
    margin-left: 63px !important;
}

.mar-l64 {
    margin-left: 64px !important;
}

.mar-l65 {
    margin-left: 65px !important;
}

.mar-l66 {
    margin-left: 66px !important;
}

.mar-l67 {
    margin-left: 67px !important;
}

.mar-l68 {
    margin-left: 68px !important;
}

.mar-l69 {
    margin-left: 69px !important;
}

.mar-l70 {
    margin-left: 70px !important;
}

.mar-l71 {
    margin-left: 71px !important;
}

.mar-l72 {
    margin-left: 72px !important;
}

.mar-l73 {
    margin-left: 73px !important;
}

.mar-l74 {
    margin-left: 74px !important;
}

.mar-l75 {
    margin-left: 75px !important;
}

.mar-l76 {
    margin-left: 76px !important;
}

.mar-l77 {
    margin-left: 77px !important;
}

.mar-l78 {
    margin-left: 78px !important;
}

.mar-l79 {
    margin-left: 79px !important;
}

.mar-l80 {
    margin-left: 80px !important;
}

.mar-l81 {
    margin-left: 81px !important;
}

.mar-l82 {
    margin-left: 82px !important;
}

.mar-l83 {
    margin-left: 83px !important;
}

.mar-l84 {
    margin-left: 84px !important;
}

.mar-l85 {
    margin-left: 85px !important;
}

.mar-l86 {
    margin-left: 86px !important;
}

.mar-l87 {
    margin-left: 87px !important;
}

.mar-l88 {
    margin-left: 88px !important;
}

.mar-l89 {
    margin-left: 89px !important;
}

.mar-l90 {
    margin-left: 90px !important;
}

.mar-l91 {
    margin-left: 91px !important;
}

.mar-l92 {
    margin-left: 92px !important;
}

.mar-l93 {
    margin-left: 93px !important;
}

.mar-l94 {
    margin-left: 94px !important;
}

.mar-l95 {
    margin-left: 95px !important;
}

.mar-l96 {
    margin-left: 96px !important;
}

.mar-l97 {
    margin-left: 97px !important;
}

.mar-l98 {
    margin-left: 98px !important;
}

.mar-l99 {
    margin-left: 99px !important;
}

.mar-l100 {
    margin-left: 100px !important;
}

.mar-r0 {
    margin-right: 0 !important;
}

.mar-r1 {
    margin-right: 1px !important;
}

.mar-r2 {
    margin-right: 2px !important;
}

.mar-r3 {
    margin-right: 3px !important;
}

.mar-r4 {
    margin-right: 4px !important;
}

.mar-r5 {
    margin-right: 5px !important;
}

.mar-r6 {
    margin-right: 6px !important;
}

.mar-r7 {
    margin-right: 7px !important;
}

.mar-r8 {
    margin-right: 8px !important;
}

.mar-r9 {
    margin-right: 9px !important;
}

.mar-r10 {
    margin-right: 10px !important;
}

.mar-r11 {
    margin-right: 11px !important;
}

.mar-r12 {
    margin-right: 12px !important;
}

.mar-r13 {
    margin-right: 13px !important;
}

.mar-r14 {
    margin-right: 14px !important;
}

.mar-r15 {
    margin-right: 15px !important;
}

.mar-r16 {
    margin-right: 16px !important;
}

.mar-r17 {
    margin-right: 17px !important;
}

.mar-r18 {
    margin-right: 18px !important;
}

.mar-r19 {
    margin-right: 19px !important;
}

.mar-r20 {
    margin-right: 20px !important;
}

.mar-r21 {
    margin-right: 21px !important;
}

.mar-r22 {
    margin-right: 22px !important;
}

.mar-r23 {
    margin-right: 23px !important;
}

.mar-r24 {
    margin-right: 24px !important;
}

.mar-r25 {
    margin-right: 25px !important;
}

.mar-r26 {
    margin-right: 26px !important;
}

.mar-r27 {
    margin-right: 27px !important;
}

.mar-r28 {
    margin-right: 28px !important;
}

.mar-r29 {
    margin-right: 29px !important;
}

.mar-r30 {
    margin-right: 30px !important;
}

.mar-r31 {
    margin-right: 31px !important;
}

.mar-r32 {
    margin-right: 32px !important;
}

.mar-r33 {
    margin-right: 33px !important;
}

.mar-r34 {
    margin-right: 34px !important;
}

.mar-r35 {
    margin-right: 35px !important;
}

.mar-r36 {
    margin-right: 36px !important;
}

.mar-r37 {
    margin-right: 37px !important;
}

.mar-r38 {
    margin-right: 38px !important;
}

.mar-r39 {
    margin-right: 39px !important;
}

.mar-r40 {
    margin-right: 40px !important;
}

.mar-r41 {
    margin-right: 41px !important;
}

.mar-r42 {
    margin-right: 42px !important;
}

.mar-r43 {
    margin-right: 43px !important;
}

.mar-r44 {
    margin-right: 44px !important;
}

.mar-r45 {
    margin-right: 45px !important;
}

.mar-r46 {
    margin-right: 46px !important;
}

.mar-r47 {
    margin-right: 47px !important;
}

.mar-r48 {
    margin-right: 48px !important;
}

.mar-r49 {
    margin-right: 49px !important;
}

.mar-r50 {
    margin-right: 50px !important;
}

.mar-r51 {
    margin-right: 51px !important;
}

.mar-r52 {
    margin-right: 52px !important;
}

.mar-r53 {
    margin-right: 53px !important;
}

.mar-r54 {
    margin-right: 54px !important;
}

.mar-r55 {
    margin-right: 55px !important;
}

.mar-r56 {
    margin-right: 56px !important;
}

.mar-r57 {
    margin-right: 57px !important;
}

.mar-r58 {
    margin-right: 58px !important;
}

.mar-r59 {
    margin-right: 59px !important;
}

.mar-r60 {
    margin-right: 60px !important;
}

.mar-r61 {
    margin-right: 61px !important;
}

.mar-r62 {
    margin-right: 62px !important;
}

.mar-r63 {
    margin-right: 63px !important;
}

.mar-r64 {
    margin-right: 64px !important;
}

.mar-r65 {
    margin-right: 65px !important;
}

.mar-r66 {
    margin-right: 66px !important;
}

.mar-r67 {
    margin-right: 67px !important;
}

.mar-r68 {
    margin-right: 68px !important;
}

.mar-r69 {
    margin-right: 69px !important;
}

.mar-r70 {
    margin-right: 70px !important;
}

.mar-r71 {
    margin-right: 71px !important;
}

.mar-r72 {
    margin-right: 72px !important;
}

.mar-r73 {
    margin-right: 73px !important;
}

.mar-r74 {
    margin-right: 74px !important;
}

.mar-r75 {
    margin-right: 75px !important;
}

.mar-r76 {
    margin-right: 76px !important;
}

.mar-r77 {
    margin-right: 77px !important;
}

.mar-r78 {
    margin-right: 78px !important;
}

.mar-r79 {
    margin-right: 79px !important;
}

.mar-r80 {
    margin-right: 80px !important;
}

.mar-r81 {
    margin-right: 81px !important;
}

.mar-r82 {
    margin-right: 82px !important;
}

.mar-r83 {
    margin-right: 83px !important;
}

.mar-r84 {
    margin-right: 84px !important;
}

.mar-r85 {
    margin-right: 85px !important;
}

.mar-r86 {
    margin-right: 86px !important;
}

.mar-r87 {
    margin-right: 87px !important;
}

.mar-r88 {
    margin-right: 88px !important;
}

.mar-r89 {
    margin-right: 89px !important;
}

.mar-r90 {
    margin-right: 90px !important;
}

.mar-r91 {
    margin-right: 91px !important;
}

.mar-r92 {
    margin-right: 92px !important;
}

.mar-r93 {
    margin-right: 93px !important;
}

.mar-r94 {
    margin-right: 94px !important;
}

.mar-r95 {
    margin-right: 95px !important;
}

.mar-r96 {
    margin-right: 96px !important;
}

.mar-r97 {
    margin-right: 97px !important;
}

.mar-r98 {
    margin-right: 98px !important;
}

.mar-r99 {
    margin-right: 99px !important;
}

.mar-r100 {
    margin-right: 100px !important;
}

/*MARGIN END*/

/*PADDING START*/

.padd-0 {
    padding: 0 !important;
}

.padd-1 {
    padding: 1px !important;
}

.padd-2 {
    padding: 2px !important;
}

.padd-3 {
    padding: 3px !important;
}

.padd-4 {
    padding: 4px !important;
}

.padd-5 {
    padding: 5px !important;
}

.padd-6 {
    padding: 6px !important;
}

.padd-7 {
    padding: 7px !important;
}

.padd-8 {
    padding: 8px !important;
}

.padd-9 {
    padding: 9px !important;
}

.padd-10 {
    padding: 10px !important;
}

.padd-11 {
    padding: 11px !important;
}

.padd-12 {
    padding: 12px !important;
}

.padd-13 {
    padding: 13px !important;
}

.padd-14 {
    padding: 14px !important;
}

.padd-15 {
    padding: 15px !important;
}

.padd-16 {
    padding: 16px !important;
}

.padd-17 {
    padding: 17px !important;
}

.padd-18 {
    padding: 18px !important;
}

.padd-19 {
    padding: 19px !important;
}

.padd-20 {
    padding: 20px !important;
}

.padd-21 {
    padding: 21px !important;
}

.padd-22 {
    padding: 22px !important;
}

.padd-23 {
    padding: 23px !important;
}

.padd-24 {
    padding: 24px !important;
}

.padd-25 {
    padding: 25px !important;
}

.padd-26 {
    padding: 26px !important;
}

.padd-27 {
    padding: 27px !important;
}

.padd-28 {
    padding: 28px !important;
}

.padd-29 {
    padding: 29px !important;
}

.padd-30 {
    padding: 30px !important;
}

.padd-31 {
    padding: 31px !important;
}

.padd-32 {
    padding: 32px !important;
}

.padd-33 {
    padding: 33px !important;
}

.padd-34 {
    padding: 34px !important;
}

.padd-35 {
    padding: 35px !important;
}

.padd-36 {
    padding: 36px !important;
}

.padd-37 {
    padding: 37px !important;
}

.padd-38 {
    padding: 38px !important;
}

.padd-39 {
    padding: 39px !important;
}

.padd-40 {
    padding: 40px !important;
}

.padd-41 {
    padding: 41px !important;
}

.padd-42 {
    padding: 42px !important;
}

.padd-43 {
    padding: 43px !important;
}

.padd-44 {
    padding: 44px !important;
}

.padd-45 {
    padding: 45px !important;
}

.padd-46 {
    padding: 46px !important;
}

.padd-47 {
    padding: 47px !important;
}

.padd-48 {
    padding: 48px !important;
}

.padd-49 {
    padding: 49px !important;
}

.padd-50 {
    padding: 50px !important;
}

.padd-51 {
    padding: 51px !important;
}

.padd-52 {
    padding: 52px !important;
}

.padd-53 {
    padding: 53px !important;
}

.padd-54 {
    padding: 54px !important;
}

.padd-55 {
    padding: 55px !important;
}

.padd-56 {
    padding: 56px !important;
}

.padd-57 {
    padding: 57px !important;
}

.padd-58 {
    padding: 58px !important;
}

.padd-59 {
    padding: 59px !important;
}

.padd-60 {
    padding: 60px !important;
}

.padd-61 {
    padding: 61px !important;
}

.padd-62 {
    padding: 62px !important;
}

.padd-63 {
    padding: 63px !important;
}

.padd-64 {
    padding: 64px !important;
}

.padd-65 {
    padding: 65px !important;
}

.padd-66 {
    padding: 66px !important;
}

.padd-67 {
    padding: 67px !important;
}

.padd-68 {
    padding: 68px !important;
}

.padd-69 {
    padding: 69px !important;
}

.padd-70 {
    padding: 70px !important;
}

.padd-71 {
    padding: 71px !important;
}

.padd-72 {
    padding: 72px !important;
}

.padd-73 {
    padding: 73px !important;
}

.padd-74 {
    padding: 74px !important;
}

.padd-75 {
    padding: 75px !important;
}

.padd-76 {
    padding: 76px !important;
}

.padd-77 {
    padding: 77px !important;
}

.padd-78 {
    padding: 78px !important;
}

.padd-79 {
    padding: 79px !important;
}

.padd-80 {
    padding: 80px !important;
}

.padd-81 {
    padding: 81px !important;
}

.padd-82 {
    padding: 82px !important;
}

.padd-83 {
    padding: 83px !important;
}

.padd-84 {
    padding: 84px !important;
}

.padd-85 {
    padding: 85px !important;
}

.padd-86 {
    padding: 86px !important;
}

.padd-87 {
    padding: 87px !important;
}

.padd-88 {
    padding: 88px !important;
}

.padd-89 {
    padding: 89px !important;
}

.padd-90 {
    padding: 90px !important;
}

.padd-91 {
    padding: 91px !important;
}

.padd-92 {
    padding: 92px !important;
}

.padd-93 {
    padding: 93px !important;
}

.padd-94 {
    padding: 94px !important;
}

.padd-95 {
    padding: 95px !important;
}

.padd-96 {
    padding: 96px !important;
}

.padd-97 {
    padding: 97px !important;
}

.padd-98 {
    padding: 98px !important;
}

.padd-99 {
    padding: 99px !important;
}

.padd-100 {
    padding: 100px !important;
}

.padd-t0 {
    padding-top: 0 !important;
}

.padd-t1 {
    padding-top: 1px !important;
}

.padd-t2 {
    padding-top: 2px !important;
}

.padd-t3 {
    padding-top: 3px !important;
}

.padd-t4 {
    padding-top: 4px !important;
}

.padd-t5 {
    padding-top: 5px !important;
}

.padd-t6 {
    padding-top: 6px !important;
}

.padd-t7 {
    padding-top: 7px !important;
}

.padd-t8 {
    padding-top: 8px !important;
}

.padd-t9 {
    padding-top: 9px !important;
}

.padd-t10 {
    padding-top: 10px !important;
}

.padd-t11 {
    padding-top: 11px !important;
}

.padd-t12 {
    padding-top: 12px !important;
}

.padd-t13 {
    padding-top: 13px !important;
}

.padd-t14 {
    padding-top: 14px !important;
}

.padd-t15 {
    padding-top: 15px !important;
}

.padd-t16 {
    padding-top: 16px !important;
}

.padd-t17 {
    padding-top: 17px !important;
}

.padd-t18 {
    padding-top: 18px !important;
}

.padd-t19 {
    padding-top: 19px !important;
}

.padd-t20 {
    padding-top: 20px !important;
}

.padd-t21 {
    padding-top: 21px !important;
}

.padd-t22 {
    padding-top: 22px !important;
}

.padd-t23 {
    padding-top: 23px !important;
}

.padd-t24 {
    padding-top: 24px !important;
}

.padd-t25 {
    padding-top: 25px !important;
}

.padd-t26 {
    padding-top: 26px !important;
}

.padd-t27 {
    padding-top: 27px !important;
}

.padd-t28 {
    padding-top: 28px !important;
}

.padd-t29 {
    padding-top: 29px !important;
}

.padd-t30 {
    padding-top: 30px !important;
}

.padd-t31 {
    padding-top: 31px !important;
}

.padd-t32 {
    padding-top: 32px !important;
}

.padd-t33 {
    padding-top: 33px !important;
}

.padd-t34 {
    padding-top: 34px !important;
}

.padd-t35 {
    padding-top: 35px !important;
}

.padd-t36 {
    padding-top: 36px !important;
}

.padd-t37 {
    padding-top: 37px !important;
}

.padd-t38 {
    padding-top: 38px !important;
}

.padd-t39 {
    padding-top: 39px !important;
}

.padd-t40 {
    padding-top: 40px !important;
}

.padd-t41 {
    padding-top: 41px !important;
}

.padd-t42 {
    padding-top: 42px !important;
}

.padd-t43 {
    padding-top: 43px !important;
}

.padd-t44 {
    padding-top: 44px !important;
}

.padd-t45 {
    padding-top: 45px !important;
}

.padd-t46 {
    padding-top: 46px !important;
}

.padd-t47 {
    padding-top: 47px !important;
}

.padd-t48 {
    padding-top: 48px !important;
}

.padd-t49 {
    padding-top: 49px !important;
}

.padd-t50 {
    padding-top: 50px !important;
}

.padd-t51 {
    padding-top: 51px !important;
}

.padd-t52 {
    padding-top: 52px !important;
}

.padd-t53 {
    padding-top: 53px !important;
}

.padd-t54 {
    padding-top: 54px !important;
}

.padd-t55 {
    padding-top: 55px !important;
}

.padd-t56 {
    padding-top: 56px !important;
}

.padd-t57 {
    padding-top: 57px !important;
}

.padd-t58 {
    padding-top: 58px !important;
}

.padd-t59 {
    padding-top: 59px !important;
}

.padd-t60 {
    padding-top: 60px !important;
}

.padd-t61 {
    padding-top: 61px !important;
}

.padd-t62 {
    padding-top: 62px !important;
}

.padd-t63 {
    padding-top: 63px !important;
}

.padd-t64 {
    padding-top: 64px !important;
}

.padd-t65 {
    padding-top: 65px !important;
}

.padd-t66 {
    padding-top: 66px !important;
}

.padd-t67 {
    padding-top: 67px !important;
}

.padd-t68 {
    padding-top: 68px !important;
}

.padd-t69 {
    padding-top: 69px !important;
}

.padd-t70 {
    padding-top: 70px !important;
}

.padd-t71 {
    padding-top: 71px !important;
}

.padd-t72 {
    padding-top: 72px !important;
}

.padd-t73 {
    padding-top: 73px !important;
}

.padd-t74 {
    padding-top: 74px !important;
}

.padd-t75 {
    padding-top: 75px !important;
}

.padd-t76 {
    padding-top: 76px !important;
}

.padd-t77 {
    padding-top: 77px !important;
}

.padd-t78 {
    padding-top: 78px !important;
}

.padd-t79 {
    padding-top: 79px !important;
}

.padd-t80 {
    padding-top: 80px !important;
}

.padd-t81 {
    padding-top: 81px !important;
}

.padd-t82 {
    padding-top: 82px !important;
}

.padd-t83 {
    padding-top: 83px !important;
}

.padd-t84 {
    padding-top: 84px !important;
}

.padd-t85 {
    padding-top: 85px !important;
}

.padd-t86 {
    padding-top: 86px !important;
}

.padd-t87 {
    padding-top: 87px !important;
}

.padd-t88 {
    padding-top: 88px !important;
}

.padd-t89 {
    padding-top: 89px !important;
}

.padd-t90 {
    padding-top: 90px !important;
}

.padd-t91 {
    padding-top: 91px !important;
}

.padd-t92 {
    padding-top: 92px !important;
}

.padd-t93 {
    padding-top: 93px !important;
}

.padd-t94 {
    padding-top: 94px !important;
}

.padd-t95 {
    padding-top: 95px !important;
}

.padd-t96 {
    padding-top: 96px !important;
}

.padd-t97 {
    padding-top: 97px !important;
}

.padd-t98 {
    padding-top: 98px !important;
}

.padd-t99 {
    padding-top: 99px !important;
}

.padd-t100 {
    padding-top: 100px !important;
}

.padd-b0 {
    padding-bottom: 0;
}

.padd-b1 {
    padding-bottom: 1px !important;
}

.padd-b2 {
    padding-bottom: 2px !important;
}

.padd-b3 {
    padding-bottom: 3px !important;
}

.padd-b4 {
    padding-bottom: 4px !important;
}

.padd-b5 {
    padding-bottom: 5px !important;
}

.padd-b6 {
    padding-bottom: 6px !important;
}

.padd-b7 {
    padding-bottom: 7px !important;
}

.padd-b8 {
    padding-bottom: 8px !important;
}

.padd-b9 {
    padding-bottom: 9px !important;
}

.padd-b10 {
    padding-bottom: 10px !important;
}

.padd-b11 {
    padding-bottom: 11px !important;
}

.padd-b12 {
    padding-bottom: 12px !important;
}

.padd-b13 {
    padding-bottom: 13px !important;
}

.padd-b14 {
    padding-bottom: 14px !important;
}

.padd-b15 {
    padding-bottom: 15px !important;
}

.padd-b16 {
    padding-bottom: 16px !important;
}

.padd-b17 {
    padding-bottom: 17px !important;
}

.padd-b18 {
    padding-bottom: 18px !important;
}

.padd-b19 {
    padding-bottom: 19px !important;
}

.padd-b20 {
    padding-bottom: 20px !important;
}

.padd-b21 {
    padding-bottom: 21px !important;
}

.padd-b22 {
    padding-bottom: 22px !important;
}

.padd-b23 {
    padding-bottom: 23px !important;
}

.padd-b24 {
    padding-bottom: 24px !important;
}

.padd-b25 {
    padding-bottom: 25px !important;
}

.padd-b26 {
    padding-bottom: 26px !important;
}

.padd-b27 {
    padding-bottom: 27px !important;
}

.padd-b28 {
    padding-bottom: 28px !important;
}

.padd-b29 {
    padding-bottom: 29px !important;
}

.padd-b30 {
    padding-bottom: 30px !important;
}

.padd-b31 {
    padding-bottom: 31px !important;
}

.padd-b32 {
    padding-bottom: 32px !important;
}

.padd-b33 {
    padding-bottom: 33px !important;
}

.padd-b34 {
    padding-bottom: 34px !important;
}

.padd-b35 {
    padding-bottom: 35px !important;
}

.padd-b36 {
    padding-bottom: 36px !important;
}

.padd-b37 {
    padding-bottom: 37px !important;
}

.padd-b38 {
    padding-bottom: 38px !important;
}

.padd-b39 {
    padding-bottom: 39px !important;
}

.padd-b40 {
    padding-bottom: 40px !important;
}

.padd-b41 {
    padding-bottom: 41px !important;
}

.padd-b42 {
    padding-bottom: 42px !important;
}

.padd-b43 {
    padding-bottom: 43px !important;
}

.padd-b44 {
    padding-bottom: 44px !important;
}

.padd-b45 {
    padding-bottom: 45px !important;
}

.padd-b46 {
    padding-bottom: 46px !important;
}

.padd-b47 {
    padding-bottom: 47px !important;
}

.padd-b48 {
    padding-bottom: 48px !important;
}

.padd-b49 {
    padding-bottom: 49px !important;
}

.padd-b50 {
    padding-bottom: 50px !important;
}

.padd-b51 {
    padding-bottom: 51px !important;
}

.padd-b52 {
    padding-bottom: 52px !important;
}

.padd-b53 {
    padding-bottom: 53px !important;
}

.padd-b54 {
    padding-bottom: 54px !important;
}

.padd-b55 {
    padding-bottom: 55px !important;
}

.padd-b56 {
    padding-bottom: 56px !important;
}

.padd-b57 {
    padding-bottom: 57px !important;
}

.padd-b58 {
    padding-bottom: 58px !important;
}

.padd-b59 {
    padding-bottom: 59px !important;
}

.padd-b60 {
    padding-bottom: 60px !important;
}

.padd-b61 {
    padding-bottom: 61px !important;
}

.padd-b62 {
    padding-bottom: 62px !important;
}

.padd-b63 {
    padding-bottom: 63px !important;
}

.padd-b64 {
    padding-bottom: 64px !important;
}

.padd-b65 {
    padding-bottom: 65px !important;
}

.padd-b66 {
    padding-bottom: 66px !important;
}

.padd-b67 {
    padding-bottom: 67px !important;
}

.padd-b68 {
    padding-bottom: 68px !important;
}

.padd-b69 {
    padding-bottom: 69px !important;
}

.padd-b70 {
    padding-bottom: 70px !important;
}

.padd-b71 {
    padding-bottom: 71px !important;
}

.padd-b72 {
    padding-bottom: 72px !important;
}

.padd-b73 {
    padding-bottom: 73px !important;
}

.padd-b74 {
    padding-bottom: 74px !important;
}

.padd-b75 {
    padding-bottom: 75px !important;
}

.padd-b76 {
    padding-bottom: 76px !important;
}

.padd-b77 {
    padding-bottom: 77px !important;
}

.padd-b78 {
    padding-bottom: 78px !important;
}

.padd-b79 {
    padding-bottom: 79px !important;
}

.padd-b80 {
    padding-bottom: 80px !important;
}

.padd-b81 {
    padding-bottom: 81px !important;
}

.padd-b82 {
    padding-bottom: 82px !important;
}

.padd-b83 {
    padding-bottom: 83px !important;
}

.padd-b84 {
    padding-bottom: 84px !important;
}

.padd-b85 {
    padding-bottom: 85px !important;
}

.padd-b86 {
    padding-bottom: 86px !important;
}

.padd-b87 {
    padding-bottom: 87px !important;
}

.padd-b88 {
    padding-bottom: 88px !important;
}

.padd-b89 {
    padding-bottom: 89px !important;
}

.padd-b90 {
    padding-bottom: 90px !important;
}

.padd-b91 {
    padding-bottom: 91px !important;
}

.padd-b92 {
    padding-bottom: 92px !important;
}

.padd-b93 {
    padding-bottom: 93px !important;
}

.padd-b94 {
    padding-bottom: 94px !important;
}

.padd-b95 {
    padding-bottom: 95px !important;
}

.padd-b96 {
    padding-bottom: 96px !important;
}

.padd-b97 {
    padding-bottom: 97px !important;
}

.padd-b98 {
    padding-bottom: 98px !important;
}

.padd-b99 {
    padding-bottom: 99px !important;
}

.padd-b100 {
    padding-bottom: 100px !important;
}

.padd-l0 {
    padding-left: 0 !important;
}

.padd-l1 {
    padding-left: 1px !important;
}

.padd-l2 {
    padding-left: 2px !important;
}

.padd-l3 {
    padding-left: 3px !important;
}

.padd-l4 {
    padding-left: 4px !important;
}

.padd-l5 {
    padding-left: 5px !important;
}

.padd-l6 {
    padding-left: 6px !important;
}

.padd-l7 {
    padding-left: 7px !important;
}

.padd-l8 {
    padding-left: 8px !important;
}

.padd-l9 {
    padding-left: 9px !important;
}

.padd-l10 {
    padding-left: 10px !important;
}

.padd-l11 {
    padding-left: 11px !important;
}

.padd-l12 {
    padding-left: 12px !important;
}

.padd-l13 {
    padding-left: 13px !important;
}

.padd-l14 {
    padding-left: 14px !important;
}

.padd-l15 {
    padding-left: 15px !important;
}

.padd-l16 {
    padding-left: 16px !important;
}

.padd-l17 {
    padding-left: 17px !important;
}

.padd-l18 {
    padding-left: 18px !important;
}

.padd-l19 {
    padding-left: 19px !important;
}

.padd-l20 {
    padding-left: 20px !important;
}

.padd-l21 {
    padding-left: 21px !important;
}

.padd-l22 {
    padding-left: 22px !important;
}

.padd-l23 {
    padding-left: 23px !important;
}

.padd-l24 {
    padding-left: 24px !important;
}

.padd-l25 {
    padding-left: 25px !important;
}

.padd-l26 {
    padding-left: 26px !important;
}

.padd-l27 {
    padding-left: 27px !important;
}

.padd-l28 {
    padding-left: 28px !important;
}

.padd-l29 {
    padding-left: 29px !important;
}

.padd-l30 {
    padding-left: 30px !important;
}

.padd-l31 {
    padding-left: 31px !important;
}

.padd-l32 {
    padding-left: 32px !important;
}

.padd-l33 {
    padding-left: 33px !important;
}

.padd-l34 {
    padding-left: 34px !important;
}

.padd-l35 {
    padding-left: 35px !important;
}

.padd-l36 {
    padding-left: 36px !important;
}

.padd-l37 {
    padding-left: 37px !important;
}

.padd-l38 {
    padding-left: 38px !important;
}

.padd-l39 {
    padding-left: 39px !important;
}

.padd-l40 {
    padding-left: 40px !important;
}

.padd-l41 {
    padding-left: 41px !important;
}

.padd-l42 {
    padding-left: 42px !important;
}

.padd-l43 {
    padding-left: 43px !important;
}

.padd-l44 {
    padding-left: 44px !important;
}

.padd-l45 {
    padding-left: 45px !important;
}

.padd-l46 {
    padding-left: 46px !important;
}

.padd-l47 {
    padding-left: 47px !important;
}

.padd-l48 {
    padding-left: 48px !important;
}

.padd-l49 {
    padding-left: 49px !important;
}

.padd-l50 {
    padding-left: 50px !important;
}

.padd-l51 {
    padding-left: 51px !important;
}

.padd-l52 {
    padding-left: 52px !important;
}

.padd-l53 {
    padding-left: 53px !important;
}

.padd-l54 {
    padding-left: 54px !important;
}

.padd-l55 {
    padding-left: 55px !important;
}

.padd-l56 {
    padding-left: 56px !important;
}

.padd-l57 {
    padding-left: 57px !important;
}

.padd-l58 {
    padding-left: 58px !important;
}

.padd-l59 {
    padding-left: 59px !important;
}

.padd-l60 {
    padding-left: 60px !important;
}

.padd-l61 {
    padding-left: 61px !important;
}

.padd-l62 {
    padding-left: 62px !important;
}

.padd-l63 {
    padding-left: 63px !important;
}

.padd-l64 {
    padding-left: 64px !important;
}

.padd-l65 {
    padding-left: 65px !important;
}

.padd-l66 {
    padding-left: 66px !important;
}

.padd-l67 {
    padding-left: 67px !important;
}

.padd-l68 {
    padding-left: 68px !important;
}

.padd-l69 {
    padding-left: 69px !important;
}

.padd-l70 {
    padding-left: 70px !important;
}

.padd-l71 {
    padding-left: 71px !important;
}

.padd-l72 {
    padding-left: 72px !important;
}

.padd-l73 {
    padding-left: 73px !important;
}

.padd-l74 {
    padding-left: 74px !important;
}

.padd-l75 {
    padding-left: 75px !important;
}

.padd-l76 {
    padding-left: 76px !important;
}

.padd-l77 {
    padding-left: 77px !important;
}

.padd-l78 {
    padding-left: 78px !important;
}

.padd-l79 {
    padding-left: 79px !important;
}

.padd-l80 {
    padding-left: 80px !important;
}

.padd-l81 {
    padding-left: 81px !important;
}

.padd-l82 {
    padding-left: 82px !important;
}

.padd-l83 {
    padding-left: 83px !important;
}

.padd-l84 {
    padding-left: 84px !important;
}

.padd-l85 {
    padding-left: 85px !important;
}

.padd-l86 {
    padding-left: 86px !important;
}

.padd-l87 {
    padding-left: 87px !important;
}

.padd-l88 {
    padding-left: 88px !important;
}

.padd-l89 {
    padding-left: 89px !important;
}

.padd-l90 {
    padding-left: 90px !important;
}

.padd-l91 {
    padding-left: 91px !important;
}

.padd-l92 {
    padding-left: 92px !important;
}

.padd-l93 {
    padding-left: 93px !important;
}

.padd-l94 {
    padding-left: 94px !important;
}

.padd-l95 {
    padding-left: 95px !important;
}

.padd-l96 {
    padding-left: 96px !important;
}

.padd-l97 {
    padding-left: 97px !important;
}

.padd-l98 {
    padding-left: 98px !important;
}

.padd-l99 {
    padding-left: 99px !important;
}

.padd-l100 {
    padding-left: 100px !important;
}

.padd-r0 {
    padding-right: 0 !important;
}

.padd-r1 {
    padding-right: 1px !important;
}

.padd-r2 {
    padding-right: 2px !important;
}

.padd-r3 {
    padding-right: 3px !important;
}

.padd-r4 {
    padding-right: 4px !important;
}

.padd-r5 {
    padding-right: 5px !important;
}

.padd-r6 {
    padding-right: 6px !important;
}

.padd-r7 {
    padding-right: 7px !important;
}

.padd-r8 {
    padding-right: 8px !important;
}

.padd-r9 {
    padding-right: 9px !important;
}

.padd-r10 {
    padding-right: 10px !important;
}

.padd-r11 {
    padding-right: 11px !important;
}

.padd-r12 {
    padding-right: 12px !important;
}

.padd-r13 {
    padding-right: 13px !important;
}

.padd-r14 {
    padding-right: 14px !important;
}

.padd-r15 {
    padding-right: 15px !important;
}

.padd-r16 {
    padding-right: 16px !important;
}

.padd-r17 {
    padding-right: 17px !important;
}

.padd-r18 {
    padding-right: 18px !important;
}

.padd-r19 {
    padding-right: 19px !important;
}

.padd-r20 {
    padding-right: 20px !important;
}

.padd-r21 {
    padding-right: 21px !important;
}

.padd-r22 {
    padding-right: 22px !important;
}

.padd-r23 {
    padding-right: 23px !important;
}

.padd-r24 {
    padding-right: 24px !important;
}

.padd-r25 {
    padding-right: 25px !important;
}

.padd-r26 {
    padding-right: 26px !important;
}

.padd-r27 {
    padding-right: 27px !important;
}

.padd-r28 {
    padding-right: 28px !important;
}

.padd-r29 {
    padding-right: 29px !important;
}

.padd-r30 {
    padding-right: 30px !important;
}

.padd-r31 {
    padding-right: 31px !important;
}

.padd-r32 {
    padding-right: 32px !important;
}

.padd-r33 {
    padding-right: 33px !important;
}

.padd-r34 {
    padding-right: 34px !important;
}

.padd-r35 {
    padding-right: 35px !important;
}

.padd-r36 {
    padding-right: 36px !important;
}

.padd-r37 {
    padding-right: 37px !important;
}

.padd-r38 {
    padding-right: 38px !important;
}

.padd-r39 {
    padding-right: 39px !important;
}

.padd-r40 {
    padding-right: 40px !important;
}

.padd-r41 {
    padding-right: 41px !important;
}

.padd-r42 {
    padding-right: 42px !important;
}

.padd-r43 {
    padding-right: 43px !important;
}

.padd-r44 {
    padding-right: 44px !important;
}

.padd-r45 {
    padding-right: 45px !important;
}

.padd-r46 {
    padding-right: 46px !important;
}

.padd-r47 {
    padding-right: 47px !important;
}

.padd-r48 {
    padding-right: 48px !important;
}

.padd-r49 {
    padding-right: 49px !important;
}

.padd-r50 {
    padding-right: 50px !important;
}

.padd-r51 {
    padding-right: 51px !important;
}

.padd-r52 {
    padding-right: 52px !important;
}

.padd-r53 {
    padding-right: 53px !important;
}

.padd-r54 {
    padding-right: 54px !important;
}

.padd-r55 {
    padding-right: 55px !important;
}

.padd-r56 {
    padding-right: 56px !important;
}

.padd-r57 {
    padding-right: 57px !important;
}

.padd-r58 {
    padding-right: 58px !important;
}

.padd-r59 {
    padding-right: 59px !important;
}

.padd-r60 {
    padding-right: 60px !important;
}

.padd-r61 {
    padding-right: 61px !important;
}

.padd-r62 {
    padding-right: 62px !important;
}

.padd-r63 {
    padding-right: 63px !important;
}

.padd-r64 {
    padding-right: 64px !important;
}

.padd-r65 {
    padding-right: 65px !important;
}

.padd-r66 {
    padding-right: 66px !important;
}

.padd-r67 {
    padding-right: 67px !important;
}

.padd-r68 {
    padding-right: 68px !important;
}

.padd-r69 {
    padding-right: 69px !important;
}

.padd-r70 {
    padding-right: 70px !important;
}

.padd-r71 {
    padding-right: 71px !important;
}

.padd-r72 {
    padding-right: 72px !important;
}

.padd-r73 {
    padding-right: 73px !important;
}

.padd-r74 {
    padding-right: 74px !important;
}

.padd-r75 {
    padding-right: 75px !important;
}

.padd-r76 {
    padding-right: 76px !important;
}

.padd-r77 {
    padding-right: 77px !important;
}

.padd-r78 {
    padding-right: 78px !important;
}

.padd-r79 {
    padding-right: 79px !important;
}

.padd-r80 {
    padding-right: 80px !important;
}

.padd-r81 {
    padding-right: 81px !important;
}

.padd-r82 {
    padding-right: 82px !important;
}

.padd-r83 {
    padding-right: 83px !important;
}

.padd-r84 {
    padding-right: 84px !important;
}

.padd-r85 {
    padding-right: 85px !important;
}

.padd-r86 {
    padding-right: 86px !important;
}

.padd-r87 {
    padding-right: 87px !important;
}

.padd-r88 {
    padding-right: 88px !important;
}

.padd-r89 {
    padding-right: 89px !important;
}

.padd-r90 {
    padding-right: 90px !important;
}

.padd-r91 {
    padding-right: 91px !important;
}

.padd-r92 {
    padding-right: 92px !important;
}

.padd-r93 {
    padding-right: 93px !important;
}

.padd-r94 {
    padding-right: 94px !important;
}

.padd-r95 {
    padding-right: 95px !important;
}

.padd-r96 {
    padding-right: 96px !important;
}

.padd-r97 {
    padding-right: 97px !important;
}

.padd-r98 {
    padding-right: 98px !important;
}

.padd-r99 {
    padding-right: 99px !important;
}

.padd-r100 {
    padding-right: 100px !important;
}

/*PADDING END*/


.notify-msg {
    font-weight: bolder;
    text-align: center;
    color: green;
    line-height: 22px;
    margin: 0;
    font-size: 16px;
}

.textarea-control {
    display: block;
    width: 100%;
    height: auto !important;
    padding: 6px 10px;
    margin-bottom: 3px;
    box-shadow: 0 0 0 #000;
    font-size: 13px;
    line-height: 1.52857143;
    color: #7c7c7c;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #b9cfd6;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.textarea-control_1 {
    display: block;
    width: 100%;
    padding: 6px 10px;
    margin-bottom: 3px;
    box-shadow: 0 0 0 #000;
    font-size: 13px;
    line-height: 1.52857143;
    color: #7c7c7c;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #b9cfd6;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.font10n {
    font-size: 10px !important;
    font-weight: normal !important;
}

.font11n {
    font-size: 11px !important;
    font-weight: normal !important;
}

.font12n {
    font-size: 12px !important;
    font-weight: normal !important;
}

.font13n {
    font-size: 13px !important;
    font-weight: normal !important;
}

.font14n {
    font-size: 14px !important;
    font-weight: normal !important;
}

.font15n {
    font-size: 15px !important;
    font-weight: normal !important;
}

.font16n {
    font-size: 16px !important;
    font-weight: normal !important;
}

.font17n {
    font-size: 17px !important;
    font-weight: normal !important;
}

.font18n {
    font-size: 18px !important;
    font-weight: normal !important;
}

.font19n {
    font-size: 19px !important;
    font-weight: normal;
}

.font20n {
    font-size: 20px !important;
    font-weight: normal !important;
}

.font21n {
    font-size: 21px !important;
    font-weight: normal;
}

.font22n {
    font-size: 22px !important;
    font-weight: normal !important;
}

.font23n {
    font-size: 23px !important;
    font-weight: normal !important;
}

.font24n {
    font-size: 24px !important;
    font-weight: normal;
}

.font25n {
    font-size: 25px !important;
    font-weight: normal !important;
}

.font10b {
    font-size: 10px;
    font-weight: bold;
}

.font11b {
    font-size: 11px;
    font-weight: bold;
}

.font12b {
    font-size: 12px;
    font-weight: bold;
}

.font13b {
    font-size: 13px;
    font-weight: bold;
}

.font14b {
    font-size: 14px;
    font-weight: bold;
}

.font15b {
    font-size: 15px;
    font-weight: bold;
}

.font16b {
    font-size: 16px;
    font-weight: bold;
}

.font17b {
    font-size: 17px;
    font-weight: bold;
}

.font18b {
    font-size: 18px;
    font-weight: bold;
}

.font19b {
    font-size: 19px;
    font-weight: bold;
}

.font20b {
    font-size: 20px;
    font-weight: bold;
}

.font21b {
    font-size: 21px;
    font-weight: bold;
}

.font22b {
    font-size: 22px;
    font-weight: bold;
}

.font23b {
    font-size: 23px;
    font-weight: bold;
}

.font24b {
    font-size: 24px;
    font-weight: bold;
}

.font25b {
    font-size: 25px;
    font-weight: bold;
}

.lineheight17 {
    line-height: 17px !important;
}

.scroll-338px {
    overflow: auto;
    height: 338px;
}

.scroll-152px {
    overflow: auto;
    height: 152px;
}

.scroll-130px {
    overflow: auto;
    min-height: 130px;
    max-height: 130px;
}

.scroll-170px {
    overflow: auto;
    min-height: 0px;
    max-height: 170px;
}

.scroll-200px {
    overflow: auto;
    min-height: 0px;
    max-height: 200px;
}

.scroll-358px {
    overflow: auto;
    min-height: 0px;
    max-height: 358px;
}

.scroll-400px {
    overflow: auto;
    min-height: 0px;
    max-height: 400px;
}

.scroll-450px {
    overflow: auto;
    min-height: 0px;
    max-height: 450px;
}

.scroll-500px {
    overflow: auto;
    min-height: 0px;
    max-height: 500px;
}

.scrollw-3500px {
    overflow: auto;
    min-width: 0px;
    max-width: 100%;
    white-space: nowrap;
    min-height: 0px;
    max-height: 350px;
}

.bordernone {
    border: none !important;
    border-style: none !important;
}

.odd-even-row {
    background: #edebeb;
    border-left: 2px solid #bcbddf;
    margin-top: 1px;
    position: relative;
    padding: 5px 0 5px 5px;
    line-height: 20px !important;
}

    /*modified by 300300 on 25-05-2022*/
    .odd-even-row:hover {
        border-left: 2px solid #23b7e5;
        background: #cae0fb !important;
    }

    .odd-even-row:nth-child(even) {
        background: #f1f6f7;
        border-left: 2px solid #266091;
    }

        .odd-even-row:nth-child(even):hover {
            border-left: 2px solid #23b7e5;
            background: #cae0fb;
        }

/*.footer-body{background:#cfdbe2; border-top:1px solid #b2c1c9; padding:6px 0; position:relative; margin-top: 10px;}*/
/*footer  css changed by 300300 */
.footer-body {
    background: #e5e5e5 !important;
    border-top: 1px solid #b2c1c9;
    border-bottom: 1px solid #b2c1c9;
    padding: 6px 0;
    position: relative;
    margin-top: 10px;
}
    /*.footer-body .btn{padding: 5px 15px;}*/

    .footer-body .btn {
        padding: 2px 9px;
        font-size: 13px;
    }

.form_menu {
    background: #e5e5e5 !important;
    border-top: 1px solid #b2c1c9 !important;
    border-bottom: 1px solid #b2c1c9 !important;
    padding: 6px 0 !important;
    position: relative !important;
    margin-top: 10px !important;
}
    /*.footer-body .btn{padding: 5px 15px;}*/

    .form_menu .btn {
        padding: 2px 9px !important;
        font-size: 13px !important;
    }

.display-ib {
    display: inline-block !important;
}

.display-i {
    display: inline !important;
}

.display-b {
    display: block !important;
}

.display-n {
    display: none !important;
}
/*.modal-backdrop_new{position:fixed; opacity:0.5; display:none; top:0; right: 0;  bottom: 0; left: 0; z-index: 173; background-color: #000000; }*/

/*12-28-2021 changes by 300300*/

.modal-backdrop_new {
    position: fixed;
    opacity: 0.5;
    display: none;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1 !important;
    background-color: #000000;
}

.topnav_bar_align {
    width: auto;
}

.dash_scroll::-webkit-scrollbar {
    width: 0.7em;
}

.dash_scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

.dash_scroll::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    box-shadow: 0 0 1px 1px hsla(0,0%,100%,.25);
    outline: 1px solid slategrey;
    height: 114px;
    border-radius: 6px;
}

body::-webkit-scrollbar {
    width: 0.7em;
}

body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

body::-webkit-scrollbar-thumb {
    background: #607d8b;
    box-shadow: 0 0 1px 1px hsla(0,0%,100%,.25);
    outline: 1px solid slategrey;
    height: 114px;
    max-height: 114px;
    border-radius: 6px;
}


.ivrsCall-icon {
    width: 15px !important;
    font-size: 22px !important;
}


.datasheet_bgc {
    color: white !important;
    background: #63878d !important;
}





.text-left {
    text-align: left !important;
}

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

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

#HeadingDiv button {
    margin-top: 2px !important;
}

.form_menu button {
    padding: 5px 10px;
}

.grn-details-box .grn-details {
    padding: 7px;
}

.grn-details-box .details-field {
    padding: 6px 0;
    display: inline-block;
    margin-bottom: 5px;
}

.grn-details-box .add-box {
    padding: 10px 0;
}

.grn-details-box .label-field {
    line-height: 30px;
}

.rejection-add-box label {
    padding: 5px 0;
}

.faq_main {
    background: #707070;
    color: #fff;
    margin-bottom: 5px;
}

/*Work List CSS START 15-10-18 */

/*input#btnLogin:focus {
    color: #fec702 !important;
}*/

em:focus {
    color: #27c251;
}

#idteampls {
    margin: 6px 3px;
}

.aside-collapsed .arrow_display1 {
    display: none;
}

.aside-collapsed .arrow_display {
    display: block !important;
}

.worklist {
    padding: 0;
}

    .worklist .datemonth {
        background: #26be4b;
        border: 1px solid #169e37;
        border-radius: 3px;
        padding-left: 0;
        padding-right: 0;
        width: 40px;
        height: 40px;
        margin-left: 2px;
    }

    .worklist .odd_color, .even_color {
        padding: 8px 6px;
        min-height: 47px !important;
    }

    .worklist .datemonth p {
        text-align: center;
        color: #fff;
        font-weight: bold;
        font-size: 14px;
    }

        .worklist .datemonth p span {
            display: block;
            font-size: 13px;
        }

    .worklist .info-text p {
        text-align: left;
        color: #282828;
        font-weight: bold;
        font-size: 12px;
        margin-bottom: 4px;
        line-height: 14px;
    }

    .worklist .info-text .btn-fy {
        background: #89ce27;
        color: #fff;
        border-color: #74b419 !important;
        padding: 2px 4px;
    }

    .worklist .info-text .comp-btn {
        background: #665ab0;
        color: #fff;
        border-color: #52459e !important;
        padding: 2px 4px;
    }

    .worklist .info-text .btn-primary {
        color: #ffffff;
        background-color: #00aeef;
        font-size: 12px !important;
        cursor: text;
        padding: 2px 4px;
        display: inline-block;
        margin-bottom: 2px;
        margin-right: 3px;
    }

    .worklist .info-text .btn-default {
        border-color: #00aeef;
        font-size: 12px !important;
        cursor: text;
        padding: 2px 4px;
        display: inline-block;
        margin-bottom: 2px;
        margin-right: 3px;
    }
    /*.worklist .info-text a:nth-child(2){margin-right:3px!important}
.worklist .info-text a:nth-child(3){margin-right:3px!important}*/

    .worklist .action-box {
        margin-top: 10px;
    }

        .worklist .action-box .hrs {
            border: 1px solid #085fb0;
            color: #085fb0;
            font-weight: bold;
            min-width: 50px;
            padding: 3px;
            border-radius: 3px;
            text-align: center;
            cursor: text;
        }

        .worklist .action-box .fa-calendar {
            color: #f26c4f;
        }

        .worklist .action-box .action-menu {
            padding: 6px 7px 4px;
        }

        .worklist .action-box .calendar {
            border: 1px solid #f26c4f !important;
            background: #fff !important;
            padding: 5px !important;
        }

    .worklist .col-md-4 {
        padding-right: 0;
    }

.action-box .dropdown-menu {
    left: -50px;
}

.list-group .list-group-item {
    cursor: pointer;
}

.dateticket .btn {
    width: 85%;
    text-align: center;
    display: block;
    height: 23px;
}

    .dateticket .btn:hover {
        color: #000;
    }

.dateticket button em {
    position: absolute;
    left: 0;
    right: 0;
    top: 11px;
}

.dateticket button {
    background: none;
}

.dateticket span {
    display: block;
    margin-top: 9px;
}

p.name.pd-name {
    font-size: 16px;
}

.text-primary {
    color: #5d9cec;
    cursor: pointer;
}

.next_back {
    position: fixed;
    top: 300px;
    left: 211px;
    background: #3a3f51;
    transition: transform 0.3s ease 0s;
}

.aside-collapsed .next_back {
    left: 61px;
    transition: transform 0.3s ease 0s;
}
/*Work List CSS END 15-10-18 */
.height500px {
    height: 450px;
}

.forgot_pass {
    position: absolute;
    z-index: 14;
    left: 0;
    top: 80px;
    right: 0;
}

div#panelChart {
    border: none !important;
}

#divLoader {
    height: auto !important;
}

.panel-group {
    margin-bottom: 0 !important;
}

.blankmeeting {
    margin-bottom: 15px;
    padding: 10px;
    border: 1px dashed #41c0e8;
    background: #fdfdfd;
    color: #41c0e8;
    font-size: 17px;
    text-align: center;
    width: 89%;
    margin: 0 auto;
    margin-top: 65px;
    margin-left: 20px;
}

.user_photo {
    background: #d0d0d0;
    width: 35px;
    height: 35px;
    text-align: center;
    padding: 8px;
    border-radius: 50%;
    margin-top: 11px;
    cursor: pointer;
}

.Chatuser_photo {
    width: 44px;
    height: 44px;
    text-align: center;
    border-radius: 50%;
    background: #fff;
}

.left_Panel {
    display: none;
}

.a {
    cursor: pointer;
}

.float-right {
    float: right !important;
}

.float-left {
    float: left !important;
}

.panel-heading-title {
    border-bottom: 0;
    font-family: 'playregular';
    -moz-font-family: 'playregular';
    -webkit-font-family: 'playregular';
    padding: 0 10px;
    font-size: 18px;
    display: inline-block;
    width: 100%;
    color: #000;
    margin-bottom: 5px;
    line-height: 20px;
    display: block;
    font-weight: normal;
}

.slimScrollBar {
    width: 5px !important;
}

.dash_heading {
    border-bottom: 0;
    font-size: 18px;
    font-family: 'playregular';
    -moz-font-family: 'playregular';
    -webkit-font-family: 'playregular';
    color: #000 !important;
    margin: 0 0;
    padding: 1px 0;
}

.blankActivity {
    margin-bottom: 15px;
    padding: 20px;
    border: 2px dashed #41c0e8;
    background: #f5f7fa;
    color: #41c0e8;
    font-size: 22px;
    text-align: center;
    width: 80%;
    margin: 0 auto;
    margin-top: 10px;
}

.choosen_next {
    position: absolute;
    top: 10px;
    left: 20px;
}

.onfocus {
    border-color: #c2d4e4;
    box-shadow: 1px 2px 2px #c2d4e4 inset, 1px 1px 8px #c2d4e4;
}

.onfocus_mandatory {
    border-color: #fdc4c4 !important;
    border: 1px solid #fdc4c4 !important;
    box-shadow: 1px 2px 2px #fdc4c4 inset, 1px 1px 8px #fdc4c4 !important;
}

.onfocus_mandatory_orange {
    border-color: #fbbc89 !important;
    border: 1px solid #fbbc89 !important;
    box-shadow: 1px 2px 2px #fbbc89 inset, 1px 1px 8px #fbbc89 !important;
}

.width80 {
    width: 80px !important;
}

.mandatory {
    border: 1px solid #fdc4c4 !important;
}

.mandatory_orange {
    border: 1px solid #fbbc89 !important;
}

.autocomplete {
    border: 1px solid #fbbc89 !important;
    background: #ffe5bd;
    color: #905801 !important;
}

.autogenerate {
    background: #ccedf5 !important;
    border: 1px solid #94bcc5 !important;
    color: #00566b !important;
}

.searchmenu12 {
    background: transparent !important;
    border-radius: 20px;
    color: #fff !important;
    margin-top: 10px;
    margin-left: 10px;
    border-color: #f1f1f1;
}

.searchbox {
    margin-left: 200px;
    font-size: 16px;
}

/*Changed css on 27-09-2021 Start by Sherin*/
.jsgrid-table ul.dropdown-menu {
    top: -10px !important;
    height: auto;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
    left: -80px !important;
    border: 1px solid #e2e2e2;
}
    /*.jsgrid-table ul.dropdown-menu { bottom:0; height:auto; box-shadow: none; left:0; border: none; }*/
    .jsgrid-table ul.dropdown-menu li a {
        padding: 0px 20px !important;
    }

    /*Changed css on 27-09-2021 Ends*/

    .jsgrid-table ul.dropdown-menu li {
        background: #fff;
        border-bottom: 1px solid #eee;
    }

.jsgrid-table td.jsgrid-cell {
    word-break: break-all;
}

.btn-group {
    white-space: nowrap;
}

    .btn-group .btn {
        float: none;
        display: inline-block;
    }

.btn + .dropdown-toggle {
    margin-left: -4px;
}

.jsgrid-grid-body > .table {
    margin-bottom: 0;
}

    .jsgrid-grid-body > .table > thead > tr > th, .jsgrid-grid-body > .table > tbody > tr > th, .jsgrid-grid-body > .table > tfoot > tr > th, .jsgrid-grid-body > .table > thead > tr > td, .jsgrid-grid-body > .table > tbody > tr > td, .jsgrid-grid-body > .table > tfoot > tr > td {
        white-space: nowrap;
    }

span.jsgrid-pager-nav-button.a {
    /*color: #fff !important;*/
    color: black !important;
}

.c-radio.c-radio-nofont input[type=radio]:checked + span.coldcolor {
    border-color: #8b008b;
    color: #8b008b;
    font-weight: bold;
}

    .c-radio.c-radio-nofont input[type=radio]:checked + span.coldcolor:before {
        background-color: #8b008b;
    }

.c-radio.c-radio-nofont input[type=radio]:checked + span.hotcolor {
    border-color: #ff7600;
    color: #ff7600;
    font-weight: bold;
}

    .c-radio.c-radio-nofont input[type=radio]:checked + span.hotcolor:before {
        background-color: #ff7600;
    }

.c-radio.c-radio-nofont input[type=radio]:checked + span.warmcolor {
    border-color: #5d9cec;
    color: #5d9cec;
    font-weight: bold;
}

    .c-radio.c-radio-nofont input[type=radio]:checked + span.warmcolor:before {
        background-color: #5d9cec;
    }

.y_bg_orange {
    background: #ff902b;
    display: inline-block;
    text-align: center;
}

.y_bg_skyblue {
    background: #5d9cec;
    display: inline-block;
    text-align: center;
}

.y_bg_darkmagenta {
    background: darkmagenta;
    display: inline-block;
    text-align: center;
}

.worklist-progress .datemonth {
    border: 1px solid #ccc;
    border-radius: 3px;
    padding-left: 0;
    padding-right: 0;
    width: 40px;
    height: 40px;
    margin-left: 2px;
}

.worklist-progress .odd_color, .even_color {
    padding: 8px 6px;
    min-height: 47px !important;
    background: #f9fafe;
    border-bottom: 1px solid #b6cfea;
}

.worklist-progress .datemonth p span {
    display: block;
}

.worklist-progress .info-text p {
    height: 14px;
    margin-bottom: 4px;
    line-height: 14px;
}

.worklist-progress .info-text a {
    height: 20px !important;
    width: 150px !important;
}

.worklist-progress .info-text .ticket {
    width: 100px !important;
}

.worklist-progress .info-text .btn-primary {
    color: #ffffff;
    background-color: #00aeef;
    border-color: #5899eb;
    width: 40px;
}

.worklist-progress .info-text .btn-default {
    border-color: #00aeef;
}

.worklist-progress .action-box {
    margin-top: 5px;
}

    .worklist-progress .action-box button {
        height: 31px;
        border: 1px solid #ccc;
    }

    .worklist-progress .action-box .hrs {
        border: 1px solid #085fb0;
        width: 60px;
    }

    .worklist-progress .action-box .fa-calendar {
        color: #f26c4f;
    }

    .worklist-progress .action-box .calendar {
        border: 1px solid #f26c4f;
        width: 40px;
    }

    .worklist-progress .action-box .task {
        width: 70px;
    }

    .worklist-progress .action-box .edit {
        width: 40px;
    }

.worklist-progress .col-md-4 {
    padding-right: 0;
    width: 37.88888888% !important;
}

.icongif {
    height: 28px;
    width: 28px;
    background-image: url("/Content/Images/cool.png");
}

.hoticon {
    height: 23px;
    width: 61px;
    background-image: url("/Content/Images/hot.png");
}

.warm {
    background-position: -1869px -627px;
    margin-bottom: 10px;
}

.Cool {
    background-position: -32px -392px;
    margin-bottom: 10px;
}

.hot {
    background-position: -1127px -287px;
    margin-bottom: 10px;
}

.contener_height {
    height: 670px !important;
}
/*DepartmentWise activity width start*/
.blue_colorjs {
    background: #2a91be;
    margin-right: 5px !important;
    margin-left: 0 !important;
    width: 12px;
}

.brown_color {
    background: #a86a41;
    margin-right: 5px !important;
    margin-left: 0 !important;
    width: 12px;
    height: 12px;
}

.cyan_color {
    background: #2ebc8e;
    margin-right: 5px !important;
    margin-left: 0 !important;
    width: 12px;
    height: 12px;
}

.green_color {
    background: #aac856;
    margin-right: 5px !important;
    margin-left: 0 !important;
    width: 12px;
    height: 12px;
}

.purple_color {
    background: #cd7fd5;
    margin-right: 5px !important;
    margin-left: 0 !important;
    width: 12px;
    height: 12px;
}

.Orange_color {
    background: #e0953a;
    margin-right: 5px !important;
    margin-left: 0 !important;
    width: 12px;
    height: 12px;
}
/*DepartmentWise activity width end*/
/*rightbar css start*/
ul.unit li em.fa {
    margin-right: 5px;
}

.switch input:checked + span.normal {
    background-color: #26be4a;
    border-color: green;
    transition: all .5s;
}

.switch input:checked + span.important {
    background-color: #ff902b;
    border-color: orange;
    transition: all .5s;
}

.switch input:checked + span.critical {
    background-color: #f04b4b;
    border-color: red;
    transition: all .5s;
}

.priority_align {
    line-height: 70px;
    margin: 0 10px;
    text-align: center;
}

.panel-heading-title {
    border-bottom: 0;
    font-family: 'playregular';
    -moz-font-family: 'playregular';
    -webkit-font-family: 'playregular';
    padding: 0 10px;
    font-size: 18px;
    display: inline-block;
    width: 100%;
    color: #000;
    margin-bottom: 5px;
    padding: 5px !important;
    line-height: 20px;
    display: block;
    font-weight: normal;
}

.panel_under_heading {
    border-bottom: 0;
    font-size: 18px;
    font-family: 'playregular';
    -moz-font-family: 'playregular';
    -webkit-font-family: 'playregular';
    background: #607d8b !important;
    color: #fff !important;
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
    line-height: 18px;
    display: block;
    padding: 2px 10px;
    font-weight: normal;
}

.fa-check {
    float: left;
}

.tab_width {
    width: 16% !important;
}

.displayblock {
    display: inline-block;
    width: 100%;
}

#panelDemo2 {
    display: inline-block;
    width: 100%;
    margin-top: 5px;
}

.pull-right > .dropdown-menu {
    right: 0;
    left: 0 !important;
}

.logout_button {
    margin: 13px 26px 0 5px;
}

.chosen-container {
    width: 100% !important;
    margin-bottom: 3px;
}

.status_Testcase {
    font-size: 14px;
}

#tblTimeSheetvw .dropdown-menu {
    left: -50px;
}

section {
    margin: 0;
}

body {
    font-family: sans-serif;
    color: #3b3b3b;
}

#ImgTo1 {
    cursor: pointer;
}

#ImgFrom1 {
    cursor: pointer;
}

.tax_bg_color {
    background: #707070;
}

.orrange_bg {
    background: #ff8517;
    border: 4px solid #ff8517;
    color: #fff;
    font-weight: bold;
}

.blue_bg {
    background: #6c95c8;
    border: 4px solid #6c95c8;
    color: #fff;
    font-weight: bold;
}

.red {
    color: red;
}

.aside-float .wrapper > .aside .sidebar_right {
    border: 1px solid #e4eaec;
}

.aside-float .wrapper > .aside_1 .sidebar_right {
    border: 1px solid #e4eaec;
}

.aside-float .wrapper > .aside .sidebar_right:after {
    display: none;
}

.aside-float .wrapper > .aside_1 .sidebar_right:after {
    display: none;
}

.sidebar_right > .nav > li {
    -webkit-transition: width 0.2s cubic-bezier(0.35, 0, 0.25, 1);
    -o-transition: width 0.2s cubic-bezier(0.35, 0, 0.25, 1);
    transition: width 0.2s cubic-bezier(0.35, 0, 0.25, 1);
}

.sidebar_right > .nav .label {
    -webkit-animation: fadeInRight 1s;
    -o-animation: fadeInRight 1s;
    animation: fadeInRight 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.aside-collapsed .sidebar_right > .nav .label {
    -webkit-animation: fadeIn 1s;
    -o-animation: fadeIn 1s;
    animation: fadeIn 1s;
}

.sidebar_right .nav > li > a {
    -webkit-animation: fadeInLeft 0.5s;
    -o-animation: fadeInLeft 0.5s;
    animation: fadeInLeft 0.5s;
}

.modal-backdrop_nw1 {
    position: fixed;
    opacity: 2;
    display: none;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 173;
    background-color: #e0f1ee;
}

.sidebar_right > .nav > .nav-heading, .sidebar_right > .nav > li > a > span, .navbar-brand .brand-logo {
    -webkit-animation: fadeIn 1s;
    -o-animation: fadeIn 1s;
    animation: fadeIn 1s;
}

.sidebar_right {
    height: 100%;
    padding-bottom: 20px;
    background-color: #383d4e;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}

    .sidebar_right:after {
        content: "";
        background: rgba(0, 0, 0, 0.15);
        position: absolute;
        display: block;
        top: 0;
        bottom: 0;
        right: 0;
        width: 1px;
        -webkit-transform: translateZ(0);
    }

    .sidebar_right .nav-heading {
        padding: 12px 15px;
        color: #919da8;
        font-size: 13px;
        letter-spacing: .035em;
        pointer-events: none;
        cursor: default;
    }

    .sidebar_right > .nav {
        position: relative;
    }

        .sidebar_right > .nav > .nav-heading:first-child {
            padding-top: 20px;
        }

        .sidebar_right > .nav > li {
            border-left: 3px solid transparent;
            -webkit-transition: border-left-color 0.4s ease;
            -o-transition: border-left-color 0.4s ease;
            transition: border-left-color 0.4s ease;
            border-bottom: 1px solid #292e3e !important;
            box-shadow: 1px 1px 0 #5c606d;
        }

            .sidebar_right > .nav > li > a,
            .sidebar_right > .nav > li > .nav-item {
                padding: 10px 10px;
                color: #fff;
                letter-spacing: .025em;
                font-weight: normal;
            }

                .sidebar_right > .nav > li > a:focus,
                .sidebar_right > .nav > li > .nav-item:focus,
                .sidebar_right > .nav > li > a:hover,
                .sidebar_right > .nav > li > .nav-item:hover {
                    text-decoration: none;
                    outline: none;
                    color: #23b7e5;
                }

                .sidebar_right > .nav > li > a > em,
                .sidebar_right > .nav > li > .nav-item > em {
                    width: 1.8em;
                    display: inline-block;
                    font-style: normal;
                    font-weight: normal;
                    line-height: 1;
                    -webkit-font-smoothing: antialiased;
                    color: inherit;
                }

            .sidebar_right > .nav > li.active,
            .sidebar_right > .nav > li.open,
            .sidebar_right > .nav > li.active > a,
            .sidebar_right > .nav > li.open > a,
            .sidebar_right > .nav > li.active .nav,
            .sidebar_right > .nav > li.open .nav {
                background-color: #444959;
                color: #23b7e5;
            }

                .sidebar_right > .nav > li.active > a > em,
                .sidebar_right > .nav > li.open > a > em {
                    color: #23b7e5;
                }

            .sidebar_right > .nav > li.active {
                border-left-color: #23b7e5;
            }

        .sidebar_right > .nav .label {
            display: block;
        }

/*right bar css end*/

.width115 {
    width: 115px !important;
}

.width80 {
    width: 80px !important;
}

@font-face {
    font-family: 'playregular';
    -moz-font-family: 'playregular';
    -webkit-font-family: 'playregular';
    src: url('/Content/Fonts/play-regular.woff') format('woff'), url('/Content/Fonts/play-regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

body.aside-collapsed li#liBirthPartial:hover ul#Birthday_reminder {
    display: block !important;
    z-index: 99999999;
    position: absolute;
}
/*Yogesh CSS start*/
.widgethedTitle {
    font-weight: bold;
}

.y_green {
    color: green;
}

.date_align {
    font-size: 14px;
    height: 28px !important;
    margin-top: 1px;
}

.reshedule_action {
    border: 1px solid #add8e6;
    width: 372px;
}

.reshedule_action-new {
    border: 1px solid #add8e6;
    margin: 0 10px;
    padding: 5px 0;
}

.main_status {
    width: 35%;
    padding: 5px 5px 0 5px;
    background: #fff;
}

.ul#meeting li a {
    line-height: 16px;
}

.y_blue {
    color: #38bee7;
}

body.aside-collapsed .marginright {
    margin-right: 105px !important;
}

body.aside-collapsed .actual_count {
    width: 177px !important;
}

body.aside-collapsed .performance_count {
    width: 132px !important;
}

.normal_priority {
    background: #26be4b !important;
    border: 1px solid #1ba83d;
}

.critical_priority {
    background: #f05050 !important;
    border: 1px solid #da3e3e;
}

.important_priority {
    background: #ff902b !important;
    border: 1px solid #e88021;
}

.new_date_width {
    float: left;
    width: 146px;
    margin-top: 3px;
    margin-left: 10px;
}

.y_red {
    color: red;
}

.colu-height {
    height: 42px;
    line-height: 30px;
}

.count_date {
    font-weight: bold;
}

.vertialignini {
    vertical-align: initial;
}

.dateticket {
    background: #8b008b;
    color: #fff;
    height: 50px;
    width: 60px !important;
    text-align: center;
    line-height: 12px;
    padding: 0;
    border-radius: 3px;
}

.active_count_date {
    color: #cfdbe2;
}

.count_value {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    background: #cfdbe2;
    border: 1px solid #575757;
    float: left;
    text-align: center;
    line-height: 40px;
    font-weight: bold;
    font-size: 22px;
}

.active_count_value {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    background: #19bd5c;
    border: 1px solid #575757;
    float: left;
    text-align: center;
    line-height: 40px;
    font-weight: bold;
    color: #fff;
    font-size: 22px;
}

.actual_count {
    float: left;
    width: 126px;
    text-align: center;
    line-height: 15px;
}

.marginright {
    margin-right: 53px;
}

.performance_count {
    float: left;
    width: 85px;
    text-align: center;
    line-height: 15px;
}

.actual_line {
    font-size: 22px;
}

.y_width23 {
    width: 22%;
}

.y_width18 {
    width: 18%;
}

.y_width13 {
    width: 14%;
}

.width65 {
    width: 65px;
}

.width135 {
    width: 135px;
}

.padd0 {
    padding: 0;
}

.y_paddtop15 {
    padding-top: 15px;
}



.bg_hover:hover {
    background-color: #f1f1f1;
}

.y_paddtop7 {
    padding-top: 7px;
}

.y_paddtop8 {
    padding-top: 8px;
}

.y_font13 {
    font-size: 14px;
}

.y_font16 {
    font-size: 16px !important;
}

.y_border_btm {
    border-bottom: 1px solid #f1f1f1 !important;
}

.y_paddbtm10 {
    padding-bottom: 10px;
}


/*Yogesh CSS End*/



/*shipmententry change 13-06-2022*/
.nav-tabs.nav-justified > li > a {
    font-weight: 200;
    font-family: 'playregular' !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 5px;
    font-size: 12px !important;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #ffffff !important;
    background-color: #016a97 !important;
    border: 1px solid none !important;
    border-bottom-color: transparent;
    cursor: pointer !important;
}

    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
        background: #016a97 !important;
    }

.line_height40 {
    line-height: 20px !important;
}

.trainingOf {
    font-size: 16px;
}

.worspace_name {
    font-size: 16px;
    line-height: 40px;
    margin: 0;
    padding: 4px 0;
    font-weight: bold;
    width: 27%;
    float: left;
}

.worspace_code {
    font-size: 16px;
    line-height: 40px;
    margin: 0;
    padding: 4px 0;
    font-weight: bold;
    width: 12%;
    float: left;
}

.right_margin {
    margin: 2px 5px 0 0 !important;
}

.blue_color {
    color: #29acd3;
}

.sizeof14 {
    font-size: 14px !important;
}

.right_close {
    position: absolute;
    right: -7px;
    z-index: 2;
}

#calendarView a:hover {
    color: #fff !important;
}

.slider1 #ulCalender li a {
    display: block;
    cursor: pointer;
}

    .slider1 #ulCalender li a span {
        cursor: pointer;
    }

.bg {
    width: 100%;
    padding: 5px;
    background: #cfdbe2;
    margin-bottom: 15px;
    border-radius: 0 0 5px 5px;
}

.label-padd {
    padding-left: 50px;
}

.label-padd1 {
    padding-left: 35px;
}

.width107 {
    width: 107px !important;
}

.width37per {
    width: 37% !important;
}

.width120 {
    width: 120px !important;
}

.form-control {
    margin-bottom: 3px;
    height: 27px !important;
    padding: 2px 7px !important;
}

fieldset .chosen-single {
    height: 27px !important;
    padding: 2px 6px !important;
    font-size: 13px;
}

fieldset .chosen-choices {
    height: 27px !important;
    padding: 2px 6px !important;
    font-size: 13px;
}

fieldset .form-group .control-label {
    padding-top: 4px !important;
    font-size: 12px;
    font-family: playregular !important;
}

.control-label {
    font-size: 12px;
    font-family: playregular !important;
}

.chosen-container .chosen-results li {
    font-size: 12px;
    font-family: playregular !important;
}

.form-control2 {
    margin-bottom: -9px;
    display: block;
    width: 100%;
    height: 35px !important;
    padding: 6px 10px;
    font-size: 13px;
    line-height: 1.52857143;
    color: #3a3f51;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #b9cfd6;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.width50 {
    width: 50px !important;
}

.width60 {
    width: 60px !important;
}

.width200 {
    width: 200px !important;
}

button.close {
    margin: 0;
    /* background: #fff !important; */
    /* border-radius: 50% !important; */
    opacity: 1 !important;
    right: 0;
    color: #fff !important;
    font-size: 20px;
}

.close span {
    margin: 0;
    /* background: #fff !important; */
    /* border-radius: 50% !important; */
    opacity: 1 !important;
    right: 0;
    color: #fff !important;
    font-size: 24px;
    line-height: 24px;
    /* margin-top: 9px!important; */
    /* padding-top: 18px!important; */
    /* top: 5px
px
; */
}

.tableOdd {
    background: #fff;
    line-height: 36px;
    border-bottom: 1px solid #cfdbe2;
    height: 36px;
}

.tableEven {
    background: #f1f1f1;
    line-height: 36px;
    height: 36px;
}

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

.subheader {
    color: #000;
    font-size: 18px;
    padding: 0 0 2px 20px;
}
/* Login page css start */
.odd_color {
    min-height: 30px !important;
    border-bottom: 1px solid #add8e6;
    background: #dbe8ea;
}

.even_color {
    min-height: 30px !important;
    border-bottom: 1px solid #add8e6;
    background: #f1f6f7 !important;
}

/*.nav > li a.manactivity_bg {  border: 1px solid #dddddd;
    border-radius: 4px 4px 0 0;
}*/
.nav > li manactivity_bg {
    border: 1px solid #dddddd;
    border-radius: 4px 4px 0 0;
}

.nav > li.active.activeBlue {
    background-color: #e4f9fd;
    color: #515253;
    background-image: none;
}

.nav > li.active.activeOrange {
    background-color: #ffd8c6;
    color: #515253;
    background-image: none;
}

.nav > li.active.activeRed {
    background-color: #fde4e4;
    color: #515253;
    background-image: none;
}

.nav > li.active.activeDarkBlue {
    background-color: #ced5fc;
    color: #515253;
    background-image: none;
}

.nav > li.active.activeGreen {
    background-color: #cefcce;
    color: #515253;
    background-image: none;
}

.nav > li.active a.manactivity_bg {
    background-color: none;
    background: none !important;
    background-image: none;
}

.panel-wrapper in:before fieldset.fildsetnone {
    height: 300px;
}
/*.panel-wrapper in:before .fildsetnone{height:200px;}*/
/*#panelDemo1 .panel-heading .panel-wrapper in{min-height:200px;}*/

.table-responsive .table > tbody > tr > td {
    font-size: 14px !important;
    color: #000;
}

.mandatorycls .chosen-choices {
    border: 1px solid #fdc4c4 !important;
}

.blue_count {
    color: #29acd3;
    font-size: 28px;
    font-weight: bold;
    line-height: 26px;
}

.orange_count {
    color: #fe8f2a;
    font-size: 28px;
    font-weight: bold;
    line-height: 26px;
}

.red_count {
    color: #f05050;
    font-size: 28px;
    font-weight: bold;
    line-height: 26px;
}

.darkblue_count {
    color: #0a30af;
    font-size: 28px;
    font-weight: bold;
    line-height: 26px;
}

.green_count {
    color: #27c251;
    line-height: 26px;
}

.green_count_new {
    color: #27c251;
    font-size: 28px;
    font-weight: bold;
    line-height: 26px;
}


a.manactivity_bg { /*width: 104px;*/
    line-height: 20px;
    height: 48px; /*box-shadow: 1px 2px #d4d5d6;*/
}

manactivity_bg {
    width: 104px;
    line-height: 20px;
    height: 45px; /*box-shadow: 1px 2px #d4d5d6;*/
}

.input-group-addon {
    cursor: pointer;
}

.glyphicon-calendar {
    background-image: url(~/Content/Images/timesheet_entry.png);
    background-position: center;
    background-repeat: no-repeat;
    width: 10px;
    height: 10px;
}


.D-green {
    color: #27c24c;
    font-weight: bold;
}

.D-green-birthday {
    color: #fff;
    background: #27c24c;
}

.D-orange {
    color: #ff902b;
}

.D-red {
    color: #f05050;
}

.D-skyblue {
    color: #9084dd;
}

.button_color {
    background: #fff;
}

.offsidebar {
    display: none;
}

input[type="time"].form-control {
    padding-left: 33px;
}

.datatablestyle {
    background: #dbe5e8; /* Old browsers */
    background: -moz-linear-gradient(top, #dbe5e8 1%, #dbe5e8 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #dbe5e8 1%,#dbe5e8 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #dbe5e8 1%,#dbe5e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbe5e8', endColorstr='#dbe5e8',GradientType=0 ); /* IE6-9 */
}

.management_list {
    /*background: #fafbfc !important;
    color: #484848;*/
    /*border-bottom: 1px solid #d0dce3;*/
    margin-bottom: 0;
}

.Emp_name {
    /*font-size: 18px;
    line-height: 40px;
    margin: 0;*/
    padding: 0 0;
}

    .Emp_name span {
        font-size: 12px;
        margin: 0;
        padding: 0;
    }

.addsublist {
    color: #eb4343;
    font-size: 52px !important;
    padding: 0 0 0 10px;
}

.addsubmobile {
    color: #07910B;
    font-size: 52px !important;
    padding: 0 0 0 10px;
}

.addsublistGreen {
    color: #3ad531;
    font-size: 52px !important;
    padding: 0 0 0 10px;
}

.addsublist2 {
    background: #39bee7;
    padding: 4px;
    color: #fff;
    vertical-align: top;
    margin: 15px 0 0 0;
}

.fa {
    font-size: 16px;
}

.right {
    text-align: right;
}

.readtext {
    color: #7c7c7c;
}

.today_entery {
    min-height: 20px;
    margin: 0 auto 0 auto;
    text-align: left;
}

.comment_write {
    border: 1px solid #dcdee3;
    line-height: 26px;
    width: 100%;
    margin: 2px 0 0;
    padding: 0 0 0 5px;
    font-size: 12px;
}

.item img {
    max-width: 100% !important;
    width: 100%;
}

/*.timesheetright {
    width: 62%;
    float: right;
    margin: 0 0 0 0;
    line-height: 16px;
}*/

.timesheetleft {
    line-height: 15px;
}
/*.panel-padding{padding:5px 10px;}*/
.startsonactivity {
    float: right;
    margin: 0 4px 0 0;
    font-size: 13px;
    line-height: 26px;
}

.Hours {
    color: #1ca4cf;
}

.assignby {
    float: right;
    width: 43%;
    font-size: 13px;
    line-height: 15px;
    text-align: right;
    margin-right: 5px;
}

.main_attchment {
    float: right;
    width: 33px;
    margin: 0 8px 0 0;
}

.attchment {
    float: left;
    width: 46px;
    margin: 0 8px 0 0;
}

.timesheetentry {
    float: right;
    padding: 4px 4px 0 0 !important;
}

.Meeting_content {
    background: #f8fbfc;
    padding: 10px;
}

.meetingDate a {
    float: left;
    background: #3abee7;
    text-align: center;
    color: #fff;
    line-height: 26px;
    padding: 3px 5px 2px 5px;
    margin: 5px 4px 0 0;
    font-size: 13px;
    border-radius: 3px;
    border: 1px solid #3abee7;
}

.status_assign a {
    float: right;
    background: #3abee7;
    text-align: center;
    color: #fff;
    line-height: 26px;
    padding: 0 5px;
    margin: 0 4px 0 0;
    font-size: 13px;
    border-radius: 3px;
    border: 1px solid #3abee7;
}

.status_enddate a {
    float: right;
    background: #27c24c;
    text-align: center;
    color: #fff;
    line-height: 27px;
    padding: 2px 5px 2px 5px;
    margin: 0 4px 0 0;
    font-size: 13px;
    border-radius: 3px;
    border: 1px solid #1a9738;
}

.status_notstarted a {
    float: right;
    background: #fec52b;
    text-align: center;
    color: #fff;
    line-height: 27px;
    padding: 2px 5px 2px 5px;
    margin: 0 4px 0 0;
    font-size: 13px;
    border-radius: 3px;
    border: 1px solid #fec52b;
}

.status_critical a {
    float: right;
    background: #f05050;
    text-align: center;
    color: #fff;
    line-height: 27px;
    padding: 2px 5px 2px 5px;
    margin: 0 4px 0 0;
    font-size: 13px;
    border-radius: 3px;
    border: 1px solid #f05050;
}

.status_overdue a {
    float: right;
    background: #f05050;
    text-align: center;
    color: #fff;
    line-height: 27px;
    padding: 2px 5px 2px 5px;
    margin: 0 4px 0 0;
    font-size: 13px;
    border-radius: 3px;
    border: 1px solid #d13838;
}

.status_DelayedComplete a {
    float: right;
    background: #ff902b;
    text-align: center;
    color: #fff;
    line-height: 27px;
    padding: 2px 5px 2px 5px;
    margin: 0 4px 0 0;
    font-size: 13px;
    border-radius: 3px;
    border: 1px solid #ff902b;
}


.attch_count {
    background: #fe8f2b;
    border-radius: 2px;
    color: #fff;
    text-align: center;
    padding: 2px;
    width: 15px;
    height: 16px;
    float: right;
    line-height: 32px;
}

.width100 {
    width: 100px !important;
}

.width150 {
    width: 150px !important;
}

.popupMargin {
    /*margin-top: 90px !important;*/
}

.timesheetPopMargin {
    margin-top: 30px;
}

.description_name {
    /*background: #eee;*/
    padding: 5px;
    height: auto;
    border: 1px solid #cfdbe2;
    border-radius: 4px;
}

.description_Type {
    background: #eee;
    padding: 5px;
    height: auto;
    border: 1px solid #cfdbe2;
    border-radius: 4px;
    width: 100%;
}

.activity_name {
    /*background: #f1f6f7;
    padding: 5px;
    height: auto;
    line-height: 20px;
    border: 1px solid #cfdbe2;
    border-radius: 4px;
    padding-left: 5px !important;*/
    height: auto;
    color: #6290c9;
    font-weight: bold;
    font-size: 13px;
    border-bottom: 1px solid #6290c9;
    padding: 0 0 7px 0;
    margin: 0 0 10px 0;
}

.modal-TopBar {
    padding: 10px 18px;
    border-bottom: 1px solid #e5e5e5;
    min-height: 16.52857143px;
    background: #cfdbe2;
    border-radius: 4px 4px 0 0;
}

.model_heading {
    background: #23b7e5;
    color: #fff;
    font-size: 14px;
    padding: 0 10px;
    line-height: 35px;
    border-radius: 4px 4px 0 0;
}


.modal-header {
    /*   changed on 30/12/2022*/
    background: #cadfff !important;
    padding: 5px 10px !important;
    margin: 0;
    border-radius: 5px;
    box-shadow: aliceblue !important;
    border: 2px solid #3c7cff0f;
    box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%) !important;
    min-height: 40px
    /* .modal-header*/
    /* border-bottom: 0;
    font-family: 'playregular';
    -moz-font-family: 'playregular';
    -webkit-font-family: 'playregular';
    padding: 5px 15px;
    font-size: 17px;
    background: #707070 !important;
    color: #fff !important;
    margin-bottom: 10px;
    line-height: 30px;
    display: block;
    font-weight: normal;
    min-height: 40px;
    position: relative;*/
}

.modal-body {
    /*   changed on 30/12/2022*/
    /*padding: 0;*/
    margin-top: 10px;
}

.modal-header h4 {
    /*   changed on 30/12/2022*/
    color: #002368;
    margin-top: 0px;
    font-size: 17px !important;
    font-weight: 300;
}

.modal-header h3 {
    /*   changed on 30/12/2022*/
    color: #002368;
    margin-top: 0px;
    font-size: 17px !important;
    font-weight: 300;
}

modal-header .close {
    margin-top: 0px;
    font-size: 20px !important;
    color: #7e7d7d !important;
    line-height: 15px;
}

.modal-title {
    color: #002368;
    margin-top: 0px;
    font-size: 17px !important;
    font-weight: 300;
    font-family: 'playregular';
    -moz-font-family: 'playregular';
    -webkit-font-family: 'playregular';
}

.modal-header span {
    /*   changed on 30/12/2022*/
    font-size: 30px !important;
    color: #7e7d7d !important;
}

.modal-header .close {
    margin-top: 0px;
    color: #002368;
    font-size: 20px !important;
    color: #7e7d7d !important;
    line-height: 1;
}

.modal-footer {
    /*   changed on 30/12/2022*/
    padding: 5px;
    background: #f4f6f9 !important;
    border: none !important;
    border-radius: 5px;
    margin-top: 5px;
}

    .modal-footer button {
        /*   changed on 30/12/2022*/
        padding: 3px 15px;
        font-size: 13px;
        border-radius: 2px;
        font-weight: 100;
    }

.modal-body label {
    /*   changed on 30/12/2022*/
    font-family: 'playregular';
    color: #000;
    font-size: 14px !important;
}




.slimScrollBar {
    opacity: 1 !important;
    /*background-color: rgba(0, 0, 0, 0.35) !important;*/
    background: #303a40 !important;
    opacity: 0.8 !important;
    border: 0 !important;
    border-radius: 1px !important;
}

.calender_padding {
    padding: 10px 0 0;
}

.dateformat {
    text-align: left;
    font-size: 16px;
    margin-bottom: 0;
    margin-top: 5px;
}

.wrapper > section {
    margin-left: 0;
    margin-top: 60px;
}

li.menu-item {
    display: inline-block;
    width: 100%;
}
/*this line commented because the text editor number list and bullets are not working 11/04/2023*/
/*li {
    list-style: none;
}*/

.width88 {
    width: 88px !important;
}

.width30 {
    width: 30px !important;
}

.width40 {
    width: 40px !important;
}

.width45 {
    width: 45px !important;
}

.margin10 {
    margin: 10px 0 5px 0;
}

.margin40 {
    margin: 40px 0 5px 0;
}

.width70 {
    width: 70px !important;
}

.width150 {
    width: 150px;
}

.width130 {
    width: 130px !important;
}

.width70 {
    width: 100px !important;
}

.margin0 {
    margin: 0;
}

.output {
    background: #88d4c1 !important;
    color: #fff !important;
    border: 1px solid #37bc9b;
}

.star {
    color: red;
    font-size: 14px;
    margin: 0 2px 0 0;
}

.radio_background {
    background: #c4e3f3;
    padding: 3px;
    color: #000;
    margin: 0 0 12px 23px;
    text-align: center;
    line-height: 30px;
}

.close_grid {
    position: absolute;
    right: 0;
    z-index: 1;
}

.Readmore {
    padding: 5px;
    border-radius: 4px;
    border: 1px solid #aeaeae;
    background: #e3e3e3;
    width: 110px;
    text-align: center;
    margin: 0 auto;
}

    .Readmore:hover {
        padding: 5px;
        border-radius: 4px;
        border: 1px solid #0686ab;
        color: #fff;
        background: #0a9bc5;
        text-align: center;
        margin: 0 auto;
    }

.top_bg {
    height: auto;
    position: absolute;
    right: 0;
    bottom: 10px;
    width: 100%;
}

.social_inner {
    background: #adadad;
    border-radius: 100%;
    width: 26px;
    height: 26px;
    padding: 4px;
    text-align: center;
    float: left;
    margin: 5px 5px;
}

    .social_inner:hover {
        background: #0a9bc5;
    }

    .social_inner a {
        color: #fff;
    }

        .social_inner a:hover {
            color: #f1f1f1;
        }

.social_menu {
    margin-right: 10px;
}

.white_bg {
    background: #fff;
}

.vworkbench_logo {
    margin: 20px 0;
    text-align: center;
}

.arrow_box img {
    text-align: center !important;
    margin: 0 auto !important;
}

.vritti_logo {
    margin: 15px 0;
}

.mt-xl {
    margin-top: 0 !important;
}

.vritti_logo img {
    margin: 0 0 0 0;
}

.login_main {
    position: absolute;
    top: 25px;
    left: 150px;
    z-index: 14;
    /*background: #0a9bc5;
    padding: 5px 5px 5px 6px;*/
}

    .login_main a {
        color: #000;
        cursor: pointer;
    }

.carousel-caption p {
    font-size: 18px;
}

.wd-xl {
    width: 320px;
}

.grid_value {
    margin-left: 0;
    margin-right: 0;
    height: 50px;
    background: #cfdbe2;
    padding: 7px 0 0 0;
    margin-bottom: 10px;
}

/*.mt-lg button {
    margin-right: 16px !important;
    margin-top: 5px;
}*/

form.panel.padding_top {
    padding: 10px 0 0;
}

.vworkbenchlist {
    min-width: 200px !important;
    right: -4px !important;
}

.wms_list {
    width: 810px !important;
    right: -4px !important;
}

.login-button {
    padding: 8px 8px;
    width: 155px !important;
    float: left;
    margin: 0 0;
}

.feature_section1 {
    float: left;
    width: 100%;
    text-align: center;
    padding: 20px 0;
    background: #fff;
}

    .feature_section1 p {
        min-height: 70px !important;
    }

    .feature_section1 h2 {
        font-size: 35px;
        line-height: 35px;
        font-style: normal;
        font-weight: 300;
        width: 25%;
        margin: 20px auto 35px auto;
        border-bottom: 1px solid #cdcdcd;
        padding: 0 0 7px;
    }

    .feature_section1 .col-md-3:hover .arrow_box, .feature_section1 .col-md-3.active .arrow_box {
        position: relative;
        background: #fff;
        border: 5px solid #13afeb;
        -webkit-transition: border-color .3s, -webkit-transform .3s;
        transition: border-color .3s, transform .3s;
    }

.arrow_box {
    width: 65%;
    position: relative;
    background: #e3e3e3;
    border: 5px solid #cdcdcd;
    border-radius: 4px;
    padding: 20px 0;
    margin: 0 auto 32px auto;
}

    .arrow_box:after, .arrow_box:before {
        top: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .arrow_box:before {
        border-color: rgba(205, 205, 205, 0);
        border-top-color: #cdcdcd;
        border-width: 16px;
        margin-left: -16px;
    }

.col-md-3:hover .arrow_box:before, .feature_section1 .col-md-3.active .arrow_box:before {
    border-color: rgba(19, 175, 235, 0);
    border-top-color: #13afeb;
    border-width: 16px;
    margin-left: -16px;
    -webkit-transition: border-color .3s, -webkit-transform .3s;
    transition: border-color .3s, transform .3s;
}

.feature_section1 .col-md-3:hover .arrow_box i, .feature_section1 .col-md-3.active .arrow_box i {
    color: #13afeb;
    -webkit-transition: color .3s, -webkit-transform .3s;
    transition: color .3s, transform .3s;
}

.arrow_box i {
    font-size: 50px;
}

.feature_section1 .col-md-3:hover h5, .feature_section1 .col-md-3.active h5 {
    color: #13afeb;
    -webkit-transition: color .3s, -webkit-transform .3s;
    transition: color .3s, transform .3s;
}

h5 {
    font-size: 18px;
    line-height: 23px;
    margin-bottom: 16px;
    font-style: normal;
    font-weight: bold;
}

.first_right_img {
    position: absolute;
    bottom: -30px;
    right: -270px;
    z-index: 1;
}

.slider_text {
    position: absolute;
    top: 15px;
    left: 170px;
    z-index: 1;
    color: #dbdbdb;
    text-shadow: 0 0 3px #0158a5, 0 0 5px #000;
    font-size: 36px;
}
/* Login page css end */

.glyphicon {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}

.form_menu {
    background: #e4eaeb;
    padding: 5px;
    margin: 0;
    display: inline-block;
    width: 100%;
}

    .form_menu button {
        margin: 0 3px;
    }

button {
    margin: 0 3px;
}

lable {
    font-weight: normal;
    line-height: 30px;
}

.fildsetnone {
    padding-bottom: 0;
    border-bottom: none;
    width: 100%;
    /*margin-bottom: 10px;*/
}

.form-group .control-label {
    line-height: 16px;
    padding-top: 6px;
}

.action_form_b {
    margin: 0;
    padding: 0;
    line-height: 30px;
}

.color_scheme {
    float: right;
    margin: 0 10px 0 0;
}

    .color_scheme a {
        color: #fff;
    }

        .color_scheme a:hover {
            color: red;
        }

.inner_main p {
    line-height: 22px;
    margin: 0 0 8px 0;
    padding: 0 0 0 5px;
    color: #c9c9c9;
}

    .inner_main p a {
        line-height: 18px;
        margin: 0;
        padding: 0;
        color: #c9c9c9;
    }

.inner_main {
    padding: 0 0 0 10px;
}

    /*.inner_main h6 a {
        color: #fff;
        font-size: 14px;
        margin: 0 0 4px 0;
        padding: 0;
    }

    .inner_main a {
        color: #f1f1f1 !important;
        font-size: 14px;
    }

.sub_title_white {
    margin: 0;
    padding: 0;
    font-size: 14px;
    color: #f1f1f1;
}*/
    /*6th jan 2022 by sherin*/
    .inner_main h6 a {
        color: #fff;
        font-size: 14px;
        margin: 0 0 0 0 !important;
        padding: 0 !important;
    }

    .inner_main a {
        color: #f1f1f1 !important;
        font-size: 14px;
    }

.sub_title_white {
    margin: 0 !important;
    padding: 0;
    font-size: 14px;
    color: #f1f1f1;
    font-weight: bold;
}

.vritti_app {
    padding: 1px;
    display: inline-block;
    vertical-align: top;
    color: black;
    z-index: 999;
    height: 50px;
    width: 52px;
    margin: 16px 10px;
    text-align: center;
}

.vritti_app_ul {
    background: #fff;
    margin: 0;
    min-height: 100px;
    padding: 10px;
    text-align: left;
    white-space: normal;
    width: 100%;
}

.column.even {
    background-color: #fbfbfb;
}

.menu-column {
    padding-top: 5px;
    padding-bottom: 5px;
}

    .menu-column .menu-item a {
        display: block;
        color: #565656;
        padding: 4px 0 3px 5px;
        font-size: 14px;
        margin: 0 2px;
        text-decoration: none;
        display: flex;
        align-items: center;
    }

        .menu-column .menu-item a img {
            margin-right: 5px;
            width: 22px;
            height: 22px;
        }

        .menu-column .menu-item a:hover {
            color: #23b7e5;
        }


.size1of5 {
    width: 33%;
}

.size1ofnew {
    width: 25%;
}

.size1of6 {
    width: 20%;
}

.margin0 {
    margin: 0;
}

.unit {
    float: left;
    padding: 0 0 0 0;
}

/*.border_box {
    border-top: 1px solid #e1e1e1;
    position: absolute;
    border-bottom: 1px solid #e1e1e1;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-radius: 3px;
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    background: #fff;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 99999;
}*/
.border_box {
    border-top: 1px solid #e1e1e1;
    position: absolute;
    border-bottom: 1px solid #e1e1e1;
    border-radius: 3px;
    box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    background: #fbfbfb !important;
    left: 0;
    top: -10px;
    z-index: 99999;
    padding: 10px 30px;
    right: 0;
    width: 700px !important;
    border-bottom: 5px solid #00aeef;
    box-shadow: 0 1rem 3rem rgb(0 0 0 / 18%) !important;
}

.menu-column .heading {
    margin-top: 10px;
    font-weight: bold;
    font-size: 13px;
}

    .menu-column .heading a {
        color: #333;
        padding: 6px 0 5px 0;
    }

.menu-column.odd {
    background-color: #fff;
}

.menu-column.even {
    background-color: #f6f7f8;
}

.heading .fa {
    margin: 0 4px;
}

.vritti_app_inner_ul {
    /* background: #fff; */
    margin: 0;
    min-height: 100px;
    padding: 10px;
    text-align: left;
    white-space: normal;
    width: 100%;
}

.vritti_app_inner {
    padding: 1px;
    display: inline-block;
    vertical-align: top;
    color: black;
    z-index: 999;
    height: 50px;
    width: 52px;
    margin: 18px 12px;
    text-align: center;
}

/*body.aside-collapsed div.wrapper section {
    margin-right: 70px !important;
}*/

.noti_text {
    color: #fff;
    font-size: 14px;
}

.lineheight73 {
    line-height: 73px !important;
}

.sub_title_inner {
    color: #f1f1f1 !important;
    font-size: 14px;
}

.topnavbar-wrapper {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1200;
}

body {
    font-size: 14px !important;
}

.aside-inner {
    position: fixed;
    top: 0;
    bottom: 0;
}

.h3_style {
    font-size: 24px;
    line-height: 1.1;
    color: #929292;
    margin: -15px -15px 20px;
    padding: 15px;
    margin: 0;
    font-weight: 400;
    background-color: #fafbfc;
    border-bottom: 1px solid #cfdbe2;
}

.user_login_name {
    margin: 17px 0 0 5px;
    color: #fff;
    vertical-align: middle;
}

.glyphicon.pull-left {
    margin-right: 0.3em;
}

.glyphicon.pull-right {
    margin-left: 0.3em;
}

.glyphicon.glyphicon-chevron-left:before {
    content: "\f053";
}

.glyphicon.glyphicon-chevron-right:before {
    content: "\f054";
}

.glyphicon.glyphicon-chevron-up:before {
    content: "\f077";
}

.glyphicon.glyphicon-chevron-down:before {
    content: "\f078";
}

.glyphicon.glyphicon-folder-open:before {
    content: "\f07c";
}

*:focus {
    outline: 0 !important;
}

a {
    outline: none !important;
    text-decoration: none !important;
    display: inline-block;
}

    a.text-muted:hover,
    a.text-muted:focus {
        color: #748690;
    }

hr {
    border-top: 1px solid #e4eaec;
}

[data-now] {
    display: inline-block;
}

.navbar-toggle .icon-bar {
    background-color: #fff;
}

.list-group {
    line-height: 1.3;
    display: inline-block;
    width: 100% !important;
}

    .list-group .list-group-item {
        padding: 10px;
    }

.panel > .list-group .list-group-item {
    border-top: 0;
}

#btnClose {
    margin: 2px;
}

.page-header {
    border-bottom-color: #e4eaec;
}

/*Changed by sherin on  29-07-20222 */
/*Changed by Jitendra  on  08-03-2023 */
.panel-heading .row {
    line-height: 15px !important;
}

.panel-heading .col-md-1 {
    padding: 0 !important;
}

a span label {
    cursor: pointer !important;
}

.panel .panel-heading {
    border-bottom: 0;
    font-size: 14px;
    font-family: 'playregular';
    -moz-font-family: 'playregular';
    -webkit-font-family: 'playregular';
    background: #707070 !important;
    color: #fff !important;
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
    line-height: 20px;
    position: relative;
    display: block;
    padding: 5px 5px 3px 10px !important;
    font-weight: normal !important;
}

.form-panel-heading {
    font-size: 15px;
    font-family: 'playregular';
    -moz-font-family: 'playregular';
    -webkit-font-family: 'playregular';
    color: #383d4e !important;
    font-weight: bold !important;
    padding: 3px 0 6px 0;
    background: #cbdfe2;
    margin-bottom: 10px;
}

.bold-heading {
    font-size: 18px;
    font-family: 'playregular';
    -moz-font-family: 'playregular';
    -webkit-font-family: 'playregular';
    color: #383d4e !important;
    font-weight: bold !important;
    padding: 10px;
    letter-spacing: 0.5px;
}

.panel .sub-panel-heading {
    border-bottom: 0;
    font-size: 14px;
    font-family: 'playregular';
    -moz-font-family: 'playregular';
    -webkit-font-family: 'playregular';
    background: #4f6c79 !important;
    color: #fff !important;
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
    line-height: 20px;
    position: relative;
    display: block;
    padding: 5px 5px 3px 10px !important;
    font-weight: normal !important;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

    .panel .sub-panel-heading .btn {
        padding: 0px 8px;
    }

.sub-panel-heading label {
    padding: 2px 0 !important;
}

.sub-panel-heading button.close {
    padding: 5px 5px 3px 10px !important;
    line-height: 20px;
}

.commonTableCell .btn {
    padding: 5px;
    margin: 0px 3px;
}

.commonTableHead .btn {
    padding: 2px 5px !important;
    margin: 0px 3px !important;
}

.highlightdatasheet:hover {
    background: #5d9cec !important;
    cursor: pointer;
    color: #fff;
}

.panel-heading {
    border-bottom: 0;
    font-family: 'playregular';
    -moz-font-family: 'playregular';
    -webkit-font-family: 'playregular';
    padding: 5px 5px 3px 10px !important;
    font-size: 14px;
    display: inline-block;
    width: 100%;
    background: #707070 !important;
    color: #fff !important;
    margin-bottom: 5px;
    line-height: 20px;
    display: block;
    font-weight: normal !important;
    position: relative;
}

.panel_FormHeading {
    border-bottom: 0;
    font-family: 'playregular';
    -moz-font-family: 'playregular';
    -webkit-font-family: 'playregular';
    padding: 5px 5px 3px 10px !important;
    font-size: 18px;
    display: inline-block;
    width: 100%;
    background: #44c2e9 !important;
    color: #fff !important;
    margin-bottom: 5px;
    line-height: 18px;
    display: block;
    font-weight: normal !important;
    position: relative;
}

.panel .panel-heading a {
    text-decoration: none !important;
}

.panel.panel-default {
    border-top-width: 3px;
}

.well {
    border: 1px solid #dde6e9;
}

.jumbotron {
    border: 1px solid #dde6e9;
}

.footer-amount-count {
    background: #016a97;
    padding: 7px 0;
}

    .footer-amount-count .amount-count {
        background: #6fd1fa;
        padding: 7px 0px 3px 7px;
        border-radius: 5px;
        min-height: 55px;
    }

        .footer-amount-count .amount-count label {
            display: block;
            color: #000;
            text-align: center;
            font-size: 18px;
            font-family: 'playregular';
            -moz-font-family: 'playregular';
            -webkit-font-family: 'playregular';
        }

        .footer-amount-count .amount-count h4 {
            display: block;
            color: #000;
            text-align: center;
            font-size: 18px;
            font-family: 'playregular';
            -moz-font-family: 'playregular';
            -webkit-font-family: 'playregular';
            margin: 4px 0 0 0 !important;
        }

.purchasefooter-amount-count {
    background: #016a97;
    padding: 7px 0;
}

    .purchasefooter-amount-count .purchaseamount-count {
        background: #6fd1fa;
        padding: 7px;
        border-radius: 5px;
        min-height: 55px;
        text-align: center;
    }

        .purchasefooter-amount-count .purchaseamount-count h4 {
            display: block;
            color: #000;
            font-size: 16px;
            font-family: 'playregular';
            -moz-font-family: 'playregular';
            -webkit-font-family: 'playregular';
            margin: 0 0 5px 0;
        }

        .purchasefooter-amount-count .purchaseamount-count label {
            display: block;
            color: #000;
            font-size: 16px;
            font-family: 'playregular';
            -moz-font-family: 'playregular';
            -webkit-font-family: 'playregular';
            margin: 4px 0 0 0 !important;
            text-align: center;
        }


/*.ftr-amount-count-section {
    background: #016a97;
    padding: 7px 0;
    margin-top: 10px;
}*/

/*sherin changes on 31/05/2022*/

/*.ftr-amount-count-section {
    background: #016a97;
    padding: 7px 0;
    margin-top: 10px
}*/

.ftr-amount-count-section .ftr-amount-count {
    background: #edf1f2;
    padding: 10px;
    border-radius: 5px;
    min-height: auto;
    text-align: center;
    border: 1px solid #016a9730;
}

    .ftr-amount-count-section .ftr-amount-count h4 {
        display: block;
        color: #016a97;
        font-size: 14px;
        font-weight: 500;
        margin: 0 0 5px 0;
    }

    .ftr-amount-count-section .ftr-amount-count label {
        display: block;
        color: #000;
        font-size: 16px;
        font-weight: 100 !important;
        margin: 4px 0 0 0 !important;
        text-align: center;
    }

.nav-tabs > li > a {
    color: #979797 !important;
    background-color: #edf1f2 !important;
    margin: 0;
    border: 1px solid #dde6e9;
    border-radius: 0;
    font-size: 12px !important;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    color: inherit;
    border-bottom-color: #fff;
}

.tab-content {
    padding: 5px 5px 0 5px;
    border-style: solid;
    border-width: 0 1px 1px 1px;
    border-color: #dde6e9;
}

.nav-pills + .tab-content {
    border: 0;
    padding: 0;
}

.btn {
    border-radius: 3px;
    font-size: 14px;
    border-color: transparent;
    -webkit-appearance: none;
    outline: none !important;
    -webkit-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
    padding: 2px 8px;
}

.btnattach {
    border-radius: 3px;
    font-size: 16px;
    border-color: transparent;
    -webkit-appearance: none;
    outline: none !important;
    -webkit-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
    padding: 60px 70px;
}

.btn.btn-link {
    box-shadow: none;
    border: 0;
}

.btn.btn-default {
    border-color: #eaeaea;
}

.input-group .btn {
    font-size: 14px;
    border-color: #dde6e9;
}

.input-group .input-sm + .input-group-btn .btn {
    font-size: 13px;
}

.form-control {
    box-shadow: 0 0 0 #000;
}

.input-sm,
select.input-sm {
    height: 31px;
}

fieldset {
    border-bottom: 1px dashed #c3c3c3;
    /*margin-bottom: 20px;*/
}

    fieldset.last-child,
    fieldset:last-child {
        border-bottom: 0;
    }

    fieldset .form-group {
        margin-bottom: 0;
    }



.table > thead > tr > th {
    border-bottom-width: 1px;
}

.table > tbody + tbody {
    border-bottom-width: 1px;
}

.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
    border-bottom-width: 1px;
}

.progress {
    -webkit-box-shadow: 0 0 0 #000000;
    box-shadow: 0 0 0 #000000;
    border-radius: 3px;
    /*border: 1px solid #f1f1f1;
    background-color: #fff;*/
    margin: 1px;
}

    .progress .progress-bar {
        -webkit-box-shadow: 0 0 0 #000000;
        box-shadow: 0 0 0 #000000;
    }

.popover {
    box-shadow: 0 0 0 #000;
    border-color: #eee;
    border-bottom: 2px solid #e4eaec;
    border-radius: 3px;
}

    .popover .popover-title {
        border: 0;
    }

.nav.nav-pills .active > a {
    background-color: #5d9cec;
}

.dropdown-menu {
    border-radius: 3px;
}

.dropdown-header {
    color: #a1a2a3;
}

.navbar-top .navbar-nav > .active > a {
    color: #999;
}

    .navbar-top .navbar-nav > .active > a:hover,
    .navbar-top .navbar-nav > .active > a:focus {
        color: #d1d2d3;
    }

.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #666;
}

    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #222;
    }

.carousel .carousel-indicators {
    bottom: 0;
}

.carousel .carousel-control.left,
.carousel .carousel-control.right {
    background-image: none;
}

.carousel .carousel-control em {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 5;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
}

.modal-backdrop {
    position: fixed;
    bottom: 0;
    display: none;
}

.topnavbar,
.navbar,
.navbar .dropdown-menu {
    filter: none !important;
}

/* ========================================================================
   Component: typo.less
 ========================================================================== */



h1,
h2,
h3,
h4 {
    font-weight: bold;
}
/* ========================================================================
   Component: layout.less
 ========================================================================== */
html {
    /* @replace rtl */
    direction: ltr;
    //height: 100%;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    scrollbar-gutter: stable;
}

em {
    cursor: pointer;
}
/*html,
body {
    height:auto !important;
}*/

.wrapper {
    position: relative;
    width: 100%;
    height: auto;
    /*min-height: 100%;*/
}

    .wrapper.ng-leave {
        display: none;
    }

    .wrapper > .aside_1 {
        position: absolute;
        width: 220px;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 143;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
        background-color: #383d4e;
    }

.e-learning-icon {
    position: absolute;
    top: 54%
}

.wrapper > .aside_1 .aside-inner {
    padding-top: 110px;
    height: 100%;
    width: 220px;
    /*overflow: hidden;*/
}

.wrapper > .aside_1 > .nav-floating {
    left: inherit;
    margin-right: 220px;
    z-index: 1110;
    min-width: 190px;
    overflow: auto;
}

.wrapper > .aside {
    position: absolute;
    width: 220px;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 100;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: #ffffff;
}

    .wrapper > .aside .aside-inner {
        padding-top: 110px;
        height: 100%;
        width: 220px;
    }

    .wrapper > .aside > .nav-floating {
        left: inherit;
        margin-left: 220px;
        z-index: 1110;
        min-width: 190px;
        overflow: auto;
    }

.wrapper .dropdown-backdrop {
    z-index: 109;
}

.wrapper > section {
    position: relative;
    height: 100%;
    margin-left: 0;
    background-color: #f5f7fa;
}

.wrapper > footer {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 30px;
    border-top: 1px solid #e4eaec;
    padding: 20px;
    z-index: 109;
}

    .wrapper > footer > p {
        margin: 0;
    }

.modal-open .wrapper {
    z-index: 0;
}

.content-wrapper {
    padding: 0 3px !important;
    width: 100%;
    margin-top: 0;
}

    .content-wrapper > .unwrap {
        margin: -15px;
    }



    .content-wrapper > h3,
    .content-wrapper > .content-heading {
        font-size: 22px;
        color: #2d2d2d;
        margin: -15px;
        margin-bottom: 10px;
        font-weight: normal;
        background-color: #fafbfc;
        border-bottom: 1px solid #cfdbe2;
        line-height: 35px;
        padding: 10px 20px 5px 20px;
    }

.content-heading {
    font-size: 24px;
    color: #2d2d2d;
    margin-bottom: 5px;
    font-weight: normal;
    font-family: 'playregular';
    -moz-font-family: 'playregular';
    -webkit-font-family: 'playregular';
    background-color: #fafbfc;
    border-bottom: 1px solid #cfdbe2;
    line-height: 35px;
    height: 35px;
    padding: 5px 20px 5px 10px;
}

.content-wrapper > h3 > small,
.content-wrapper > .content-heading > small {
    display: block;
    font-size: 12px;
    color: #909fa7;
}

.content-wrapper > button,
.content-wrapper > .btn {
    margin: 10px 10px 0 0;
}

.content-wrapper .container,
.content-wrapper .container-fluid {
    padding-left: 0;
    padding-right: 0;
}

.aside-collapsed {
    overflow-y: auto;
}

    .aside-collapsed .wrapper > .aside,
    .aside-collapsed .wrapper > .aside > .aside-inner {
        width: 70px;
    }

    .aside-collapsed .wrapper > .aside_1,
    .aside-collapsed .wrapper > .aside_1 > .aside-inner {
        width: 70px;
    }

    .aside-collapsed .wrapper > .aside > .nav-floating {
        margin-left: 70px;
        background: #383d4e;
    }

    .aside-collapsed .wrapper > .aside_1 > .nav-floating {
        margin-right: 250px;
        background: #383d4e;
    }



.layout-fixed .wrapper {
    /* only applied to sidebar */
}

    .layout-fixed .wrapper .topnavbar-wrapper {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 144;
    }

    .layout-fixed .wrapper > aside {
        position: fixed;
    }

    .layout-fixed .wrapper > aside_1 {
        position: fixed;
    }

    .layout-fixed .wrapper > .aside {
        /* safari fix */
        height: 1px;
        min-height: 100%;
        background: #383d4e;
        /* ios blanks space fix */
    }

    .layout-fixed .wrapper > .aside_1 {
        /* safari fix */
        height: 1px;
        min-height: 100%;
        /* ios blanks space fix */
    }

    .layout-fixed .wrapper > .aside > .aside-inner {
        position: fixed;
        top: 0;
        bottom: 0;
    }

    .layout-fixed .wrapper > .aside_1 > .aside-inner {
        position: fixed;
        top: 0;
        bottom: 0;
    }

    .layout-fixed .wrapper > section {
        margin-top: 114px;
    }

    /* IE10+ hack: safari fix breaks ie so we need to target ie only to restore */
    _:-ms-lang(x),
    .layout-fixed .wrapper > .aside > .aside-inner {
        position: static !important;
    }

    _:-ms-lang(x),
    .layout-fixed .wrapper > .aside_1 > .aside-inner {
        position: static !important;
    }




/* ========================================================================
   Component: layout-extra.less
 ========================================================================== */
.hidden-footer .wrapper > footer {
    display: none;
}

.hidden-footer .wrapper > section {
    margin-bottom: 0 !important;
}

.layout-fs .wrapper > section {
    position: absolute;
    top: 114px;
    left: 0;
    right: 0;
    bottom: 60px;
    height: auto;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

    .layout-fs .wrapper > section > .content-wrapper {
        width: 100%;
        height: 100%;
        padding: 0;
    }

.layout-fs.hidden-footer .wrapper > section {
    bottom: 0;
}

.d-table,
.d-table-fixed {
    display: table;
    width: 100%;
    height: 100%;
    min-height: 240px;
    border-spacing: 0;
}

.d-table-fixed {
    table-layout: fixed;
}

.d-row {
    display: table-row;
    height: 100%;
}

.d-cell,
.d-cell-wrapper {
    position: relative;
    display: table-cell;
    height: 100%;
    width: 100%;
    vertical-align: top;
    overflow: auto;
}

.d-cell-wrapper {
    display: block;
}

    .d-cell-wrapper .d-cell-inner {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

/* Target Firefox only */
@-moz-document url-prefix() {
    .d-table,
    .d-table-desktop {
        height: 240px;
        min-height: 100%;
    }

    .d-cell-inner {
        overflow: auto;
    }
}

.fh {
    height: 100% !important;
}

.fw {
    width: 100% !important;
}

.scroll {
    overflow: auto;
}

.scroll-y {
    overflow-y: auto;
}

.scroll-y {
    overflow-y: auto;
}

.layout-h .wrapper > section {
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
}

    .layout-h .wrapper > section > .content-wrapper > h3 {
        display: none;
    }

.layout-h .wrapper > section {
    margin-top: 0;
}

.layout-h .wrapper > .offsidebar {
    margin-top: 55px;
}

.layout-h .wrapper > footer {
    margin: 0;
}

.layout-h.layout-fixed .wrapper > section,
.layout-h.layout-fixed .wrapper > .offsidebar {
    margin-top: 55px;
}

.aside-float .wrapper {
    box-shadow: 0 0 0 #000;
}

    .aside-float .wrapper > footer {
        border: 0;
    }

    .aside-float .wrapper > .aside {
        padding: 15px 0;
        background: transparent;
    }

    .aside-float .wrapper > .aside_1 {
        padding: 15px 0;
        background: transparent;
    }

    .aside-float .wrapper > .aside > .aside-inner {
        height: 100%;
        top: 15px;
        bottom: 15px;
        left: inherit;
    }

    .aside-float .wrapper > .aside_1 > .aside-inner {
        height: 100%;
        top: 15px;
        bottom: 15px;
        left: inherit;
    }

    .aside-float .wrapper > .aside .sidebar {
        border: 1px solid #e4eaec;
    }



    .aside-float .wrapper > .aside_1 .sidebar {
        border: 1px solid #e4eaec;
    }


    .aside-float .wrapper > .aside .sidebar:after {
        display: none;
    }



    .aside-float .wrapper > .aside_1 .sidebar:after {
        display: none;
    }



    .aside-float .wrapper .content-wrapper {
        border: 0;
    }

        .aside-float .wrapper .content-wrapper > h3,
        .aside-float .wrapper .content-wrapper > .content-heading {
            padding-top: 30px;
            border: 0;
            background-color: transparent;
        }

        .aside-float .wrapper .content-wrapper > .unwrap {
            margin: 0 !important;
        }

.aside-float.aside-toggled .wrapper > .aside {
    -webkit-transition-delay: 0.05s;
    transition-delay: 0.05s;
}

.aside-float.aside-toggled .wrapper > .aside_1 {
    -webkit-transition-delay: 0.05s;
    transition-delay: 0.05s;
}

.aside-float.aside-toggled .wrapper > .aside > .aside-inner {
    margin-left: 15px;
}

.aside-float.aside-toggled .wrapper > .aside_1 > .aside-inner {
    margin-left: 15px;
}

.aside-float.aside-toggled .wrapper > section {
    padding-left: 15px;
}

.aside-float.aside-toggled .wrapper > footer {
    left: 15px;
}

.aside-float.aside-toggled.layout-fs .wrapper > section > .content-wrapper {
    padding: 0 0 0 20px;
}
/* ========================================================================
   Component: layout-animation.less
 ========================================================================== */
.wrapper > .aside {
    -webkit-transition: width .2s cubic-bezier(0.35, 0, 0.25, 1);
    -o-transition: width .2s cubic-bezier(0.35, 0, 0.25, 1);
    transition: width .2s cubic-bezier(0.35, 0, 0.25, 1);
}

.wrapper > .aside_1 {
    -webkit-transition: width .2s cubic-bezier(0.35, 0, 0.25, 1);
    -o-transition: width .2s cubic-bezier(0.35, 0, 0.25, 1);
    transition: width .2s cubic-bezier(0.35, 0, 0.25, 1);
}

.aside-inner,
.navbar-header,
.sidebar > .nav > li {
    -webkit-transition: width 0.2s cubic-bezier(0.35, 0, 0.25, 1);
    -o-transition: width 0.2s cubic-bezier(0.35, 0, 0.25, 1);
    transition: width 0.2s cubic-bezier(0.35, 0, 0.25, 1);
}



.wrapper > section {
    -webkit-transition: margin-left 0.2s cubic-bezier(0.35, 0, 0.25, 1);
    -o-transition: margin-left 0.2s cubic-bezier(0.35, 0, 0.25, 1);
    transition: margin-left 0.2s cubic-bezier(0.35, 0, 0.25, 1);
}

.sidebar > .nav .label {
    -webkit-animation: fadeInRight 1s;
    -o-animation: fadeInRight 1s;
    animation: fadeInRight 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}



.aside-collapsed .sidebar > .nav .label {
    -webkit-animation: fadeIn 1s;
    -o-animation: fadeIn 1s;
    animation: fadeIn 1s;
}



.sidebar .nav > li > a {
    -webkit-animation: fadeInLeft 0.5s;
    -o-animation: fadeInLeft 0.5s;
    animation: fadeInLeft 0.5s;
    white-space: normal;
}



.inner_main {
    -webkit-animation: fadeInLeft 0.9s;
    -o-animation: fadeInLeft 0.9s;
    animation: fadeInLeft 0.9s;
}

.sidebar .nav > li > a {
    -webkit-animation: fadeInLeft 0.5s;
    -o-animation: fadeInLeft 0.5s;
    animation: fadeInLeft 0.5s;
}

.sidebar > .nav > .nav-heading,
.sidebar > .nav > li > a > span,
.navbar-brand .brand-logo {
    -webkit-animation: fadeIn 1s;
    -o-animation: fadeIn 1s;
    animation: fadeIn 1s;
}



.sidebar li > a,
.sidebar li > .nav-item,
.sidebar > .nav > .nav-heading {
    /*white-space: nowrap;*/
}



.aside-collapsed .user-block-picture {
    -webkit-transition: width 0.2s cubic-bezier(0.35, 0, 0.25, 1);
    -o-transition: width 0.2s cubic-bezier(0.35, 0, 0.25, 1);
    transition: width 0.2s cubic-bezier(0.35, 0, 0.25, 1);
}

.aside-collapsed .user-block {
    -webkit-transition: padding 0.2s cubic-bezier(0.35, 0, 0.25, 1);
    -o-transition: padding 0.2s cubic-bezier(0.35, 0, 0.25, 1);
    transition: padding 0.2s cubic-bezier(0.35, 0, 0.25, 1);
}

.padding_left {
    padding-left: 8px;
    width: 72%;
}

.font-size18 {
    font-size: 15px;
}

.padding_left td span {
    font-size: 18px;
}

.padding_left a {
    color: #f1f1f1 !important;
    text-decoration: none;
}

    .padding_left a:hover {
        color: #24b7e5;
        text-decoration: none;
    }
/* ========================================================================
   Component: top-navbar.less
 ========================================================================== */
.topnavbar {
    -webkit-backface-visibility: hidden;
    /* fixes chrome jump */
    margin-bottom: 0;
    border-radius: 0;
    background-color: #fff;
    z-index: 1250;
    border: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.topnavbar {
    position: relative;
}

    .topnavbar .navbar-header {
        background-color: transparent;
        background-image: -webkit-linear-gradient(left, #23b7e5 0%, #51c6ea 100%);
        background-image: -o-linear-gradient(left, #23b7e5 0%, #51c6ea 100%);
        background-image: linear-gradient(to right, #23b7e5 0%, #51c6ea 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff23b7e5', endColorstr='#ff51c6ea', GradientType=1);
    }

    .topnavbar .navbar-header {
        position: relative;
        z-index: 11;
    }

        .topnavbar .navbar-header .navbar-brand {
            padding: 0;
        }

        .topnavbar .navbar-header .brand-logo > img,
        .topnavbar .navbar-header .brand-logo-collapsed > img {
            margin: 0 auto;
        }

        .topnavbar .navbar-header .brand-logo {
            display: block;
            padding: 9px 10px;
            line-height: 32px;
        }

        .topnavbar .navbar-header .brand-logo-collapsed {
            display: none;
            padding: 6px 15px;
        }

    .topnavbar .navbar-nav > li > a,
    .topnavbar .navbar-nav > .open > a {
        color: #23b7e5;
    }

        .topnavbar .navbar-nav > li > a:hover,
        .topnavbar .navbar-nav > .open > a:hover,
        .topnavbar .navbar-nav > li > a:focus,
        .topnavbar .navbar-nav > .open > a:focus {
            color: #117391;
        }

        .topnavbar .navbar-nav > .active > a,
        .topnavbar .navbar-nav > .open > a,
        .topnavbar .navbar-nav > .active > a:hover,
        .topnavbar .navbar-nav > .open > a:hover,
        .topnavbar .navbar-nav > .active > a:focus,
        .topnavbar .navbar-nav > .open > a:focus {
            background-color: transparent;
        }

    .topnavbar .navbar-nav > li > [data-toggle='navbar-search'] {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 20;
        font-size: 16px;
        line-height: 55px;
        color: #fff;
        padding-top: 0;
        padding-bottom: 0;
        -webkit-transition: color 0.3s ease;
        -o-transition: color 0.3s ease;
        transition: color 0.3s ease;
    }

.nav-wrapper {
    /*padding: 0 15px;*/
    background-color: transparent;
}

    .nav-wrapper .nav.navbar-nav {
        float: left;
    }

        .nav-wrapper .nav.navbar-nav.navbar-right {
            float: right;
        }

    .nav-wrapper .nav > li {
        position: static;
        float: left;
    }

    .nav-wrapper .navbar-nav .open .dropdown-menu {
        position: absolute;
        background-color: #ffffff;
        right: 0;
        border-top: 1px solid #e1e1e1;
        border-bottom: 1px solid #e1e1e1;
    }

.topnavbar .navbar-form {
    position: absolute;
    top: -100%;
    left: 0;
    right: 0;
    margin: 0;
    padding: 0;
    height: 55px;
    z-index: 9001;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    border: 0;
    border-bottom: 1px solid #e1e2e3;
}

    .topnavbar .navbar-form .form-group {
        height: 100%;
        width: 100%;
    }

    .topnavbar .navbar-form .form-control {
        height: 100%;
        border: 0;
        border-radius: 0;
        width: 100%;
    }

    .topnavbar .navbar-form.open {
        top: 0;
    }

    .topnavbar .navbar-form .has-feedback .form-control-feedback {
        height: 30px;
        cursor: pointer;
        top: 50%;
        margin-top: -15px;
        line-height: 30px;
        margin-right: 10px;
        color: #c1c2c3;
        font-size: 1.5em;
        /*pointer-events: auto;*/
    }

/* ========================================================================
   Component: sidebar.less
 ========================================================================== */
.sidebar {
    height: 100%;
    padding-bottom: 20px;
    /*background-color: #444959;*/
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}


    .sidebar:after {
        content: "";
        background: rgba(0, 0, 0, 0.15);
        position: absolute;
        display: block;
        top: 0;
        bottom: 0;
        right: 0;
        width: 1px;
        -webkit-transform: translateZ(0);
    }


    .sidebar .nav-heading {
        padding: 12px 15px;
        color: #919da8;
        font-size: 13px;
        letter-spacing: .035em;
        pointer-events: none;
        cursor: default;
    }


    .sidebar > .nav {
        position: relative;
    }



        .sidebar > .nav > .nav-heading:first-child {
            padding-top: 20px;
        }


        .sidebar > .nav > li {
            border-left: 3px solid transparent;
            -webkit-transition: border-left-color 0.4s ease;
            -o-transition: border-left-color 0.4s ease;
            transition: border-left-color 0.4s ease;
            border-bottom: 1px solid #292e3e !important;
            box-shadow: 1px 1px 0 #5c606d;
        }

            .sidebar > .nav > li > a,
            .sidebar > .nav > li > .nav-item {
                padding: 12px 26px 10px 5px;
                color: #fff;
                letter-spacing: .025em;
                font-weight: normal;
            }



                .sidebar > .nav > li > a:focus,
                .sidebar > .nav > li > .nav-item:focus,
                .sidebar > .nav > li > a:hover,
                .sidebar > .nav > li > .nav-item:hover {
                    text-decoration: none;
                    outline: none;
                    color: #23b7e5;
                }



                .sidebar > .nav > li > a > em,
                .sidebar > .nav > li > .nav-item > em {
                    width: 1.5em;
                    display: inline-block;
                    font-style: normal;
                    font-weight: normal;
                    line-height: 1;
                    -webkit-font-smoothing: antialiased;
                }

            .sidebar > .nav > li.active,
            .sidebar > .nav > li.open,
            .sidebar > .nav > li.active > a,
            .sidebar > .nav > li.open > a,
            .sidebar > .nav > li.active .nav,
            .sidebar > .nav > li.open .nav {
                background-color: #444959;
                color: #23b7e5;
            }


                .sidebar > .nav > li.active > a > em,
                .sidebar > .nav > li.open > a > em {
                    color: #23b7e5;
                }



            .sidebar > .nav > li.active {
                border-left-color: #23b7e5;
            }

        .sidebar > .nav .label {
            display: block;
        }


/*Media Query Start*/

@media only screen and (min-width: 1200px) {

    .navbar-right {
        float: right !important;
    }

    .layout-boxed .wrapper,
    .layout-boxed .wrapper .topnavbar-wrapper {
        width: 1140px;
    }

    .col-md-3 {
        width: 22%;
    }

    /*.vworkbench_logo {
            margin: 18px 0;
        }*/

    .row-masonry-xl-1 {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
        -moz-column-gap: 15px;
        -webkit-column-gap: 15px;
        column-gap: 15px;
        -moz-columns: 1;
        -webkit-columns: 1;
        columns: 1;
    }

    .no-csscolumns .row-masonry-xl-1 {
        text-align: justify;
    }

        .no-csscolumns .row-masonry-xl-1:after {
            content: '';
            display: inline-block;
            width: 100%;
        }

        .no-csscolumns .row-masonry-xl-1 > .col-masonry {
            vertical-align: top;
            display: inline-block;
            width: 99%;
        }

    .row-masonry-xl-2 {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
        -moz-column-gap: 15px;
        -webkit-column-gap: 15px;
        column-gap: 15px;
        -moz-columns: 2;
        -webkit-columns: 2;
        columns: 2;
    }

    .no-csscolumns .row-masonry-xl-2 {
        text-align: justify;
    }

        .no-csscolumns .row-masonry-xl-2:after {
            content: '';
            display: inline-block;
            width: 100%;
        }

        .no-csscolumns .row-masonry-xl-2 > .col-masonry {
            vertical-align: top;
            display: inline-block;
            width: 49%;
        }

    .row-masonry-xl-3 {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
        -moz-column-gap: 15px;
        -webkit-column-gap: 15px;
        column-gap: 15px;
        -moz-columns: 3;
        -webkit-columns: 3;
        columns: 3;
    }

    .no-csscolumns .row-masonry-xl-3 {
        text-align: justify;
    }

        .no-csscolumns .row-masonry-xl-3:after {
            content: '';
            display: inline-block;
            width: 100%;
        }

        .no-csscolumns .row-masonry-xl-3 > .col-masonry {
            vertical-align: top;
            display: inline-block;
            width: 32%;
        }

    .row-masonry-xl-4 {
        -moz-column-count: 4;
        -webkit-column-count: 4;
        column-count: 4;
        -moz-column-gap: 15px;
        -webkit-column-gap: 15px;
        column-gap: 15px;
        -moz-columns: 4;
        -webkit-columns: 4;
        columns: 4;
    }

    .no-csscolumns .row-masonry-xl-4 {
        text-align: justify;
    }

        .no-csscolumns .row-masonry-xl-4:after {
            content: '';
            display: inline-block;
            width: 100%;
        }

        .no-csscolumns .row-masonry-xl-4 > .col-masonry {
            vertical-align: top;
            display: inline-block;
            width: 24%;
        }

    .row-masonry-xl-5 {
        -moz-column-count: 5;
        -webkit-column-count: 5;
        column-count: 5;
        -moz-column-gap: 15px;
        -webkit-column-gap: 15px;
        column-gap: 15px;
        -moz-columns: 5;
        -webkit-columns: 5;
        columns: 5;
    }

    .no-csscolumns .row-masonry-xl-5 {
        text-align: justify;
    }

        .no-csscolumns .row-masonry-xl-5:after {
            content: '';
            display: inline-block;
            width: 100%;
        }

        .no-csscolumns .row-masonry-xl-5 > .col-masonry {
            vertical-align: top;
            display: inline-block;
            width: 19%;
        }

    .row-masonry-xl-6 {
        -moz-column-count: 6;
        -webkit-column-count: 6;
        column-count: 6;
        -moz-column-gap: 15px;
        -webkit-column-gap: 15px;
        column-gap: 15px;
        -moz-columns: 6;
        -webkit-columns: 6;
        columns: 6;
    }

    .no-csscolumns .row-masonry-xl-6 {
        text-align: justify;
    }

        .no-csscolumns .row-masonry-xl-6:after {
            content: '';
            display: inline-block;
            width: 100%;
        }

        .no-csscolumns .row-masonry-xl-6 > .col-masonry {
            vertical-align: top;
            display: inline-block;
            width: 15%;
        }

    .row-masonry-xl-7 {
        -moz-column-count: 7;
        -webkit-column-count: 7;
        column-count: 7;
        -moz-column-gap: 15px;
        -webkit-column-gap: 15px;
        column-gap: 15px;
        -moz-columns: 7;
        -webkit-columns: 7;
        columns: 7;
    }

    .no-csscolumns .row-masonry-xl-7 {
        text-align: justify;
    }

        .no-csscolumns .row-masonry-xl-7:after {
            content: '';
            display: inline-block;
            width: 100%;
        }

        .no-csscolumns .row-masonry-xl-7 > .col-masonry {
            vertical-align: top;
            display: inline-block;
            width: 13%;
        }

    .row-masonry-xl-8 {
        -moz-column-count: 8;
        -webkit-column-count: 8;
        column-count: 8;
        -moz-column-gap: 15px;
        -webkit-column-gap: 15px;
        column-gap: 15px;
        -moz-columns: 8;
        -webkit-columns: 8;
        columns: 8;
    }

    .no-csscolumns .row-masonry-xl-8 {
        text-align: justify;
    }

        .no-csscolumns .row-masonry-xl-8:after {
            content: '';
            display: inline-block;
            width: 100%;
        }

        .no-csscolumns .row-masonry-xl-8 > .col-masonry {
            vertical-align: top;
            display: inline-block;
            width: 11%;
        }

    .row-masonry-xl-9 {
        -moz-column-count: 9;
        -webkit-column-count: 9;
        column-count: 9;
        -moz-column-gap: 15px;
        -webkit-column-gap: 15px;
        column-gap: 15px;
        -moz-columns: 9;
        -webkit-columns: 9;
        columns: 9;
    }

    .no-csscolumns .row-masonry-xl-9 {
        text-align: justify;
    }

        .no-csscolumns .row-masonry-xl-9:after {
            content: '';
            display: inline-block;
            width: 100%;
        }

        .no-csscolumns .row-masonry-xl-9 > .col-masonry {
            vertical-align: top;
            display: inline-block;
            width: 10%;
        }

    .row-masonry-xl-10 {
        -moz-column-count: 10;
        -webkit-column-count: 10;
        column-count: 10;
        -moz-column-gap: 15px;
        -webkit-column-gap: 15px;
        column-gap: 15px;
        -moz-columns: 10;
        -webkit-columns: 10;
        columns: 10;
    }

    .no-csscolumns .row-masonry-xl-10 {
        text-align: justify;
    }

        .no-csscolumns .row-masonry-xl-10:after {
            content: '';
            display: inline-block;
            width: 100%;
        }

        .no-csscolumns .row-masonry-xl-10 > .col-masonry {
            vertical-align: top;
            display: inline-block;
            width: 9%;
        }

    .row-masonry-xl-11 {
        -moz-column-count: 11;
        -webkit-column-count: 11;
        column-count: 11;
        -moz-column-gap: 15px;
        -webkit-column-gap: 15px;
        column-gap: 15px;
        -moz-columns: 11;
        -webkit-columns: 11;
        columns: 11;
    }

    .no-csscolumns .row-masonry-xl-11 {
        text-align: justify;
    }

        .no-csscolumns .row-masonry-xl-11:after {
            content: '';
            display: inline-block;
            width: 100%;
        }

        .no-csscolumns .row-masonry-xl-11 > .col-masonry {
            vertical-align: top;
            display: inline-block;
            width: 8%;
        }

    .row-masonry-xl-12 {
        -moz-column-count: 12;
        -webkit-column-count: 12;
        column-count: 12;
        -moz-column-gap: 15px;
        -webkit-column-gap: 15px;
        column-gap: 15px;
        -moz-columns: 12;
        -webkit-columns: 12;
        columns: 12;
    }

    .no-csscolumns .row-masonry-xl-12 {
        text-align: justify;
    }

        .no-csscolumns .row-masonry-xl-12:after {
            content: '';
            display: inline-block;
            width: 100%;
        }

        .no-csscolumns .row-masonry-xl-12 > .col-masonry {
            vertical-align: top;
            display: inline-block;
            width: 7%;
        }
}

@media (max-width: 1140px) {
    respnsli {
        float: initial !important;
    }


    .rspb-heading {
        float: initial !important;
    }
    /*.col-md-2{float:left !important;}*/
    .tab_width {
        width: 100% !important;
    }

    .width55per {
        width: 100%;
    }
    /*.fa-check{ display:none !important;}*/
    .layout-fixed.aside-toggled,
    .layout-fixed.offsidebar-open {
        overflow-y: hidden;
    }

    .y_float_left {
        font-size: 11px !important;
    }

    .width21per {
        width: 100% !important;
    }

    #divFrmTm {
        clear: left;
        float: none !important;
    }

    .list-group {
        width: 99% !important;
    }

    /* .border_box {
        height: auto !important;
    }*/

    .mt-lg button {
        margin-right: 0 !important;
    }
}

@media only screen and (min-width: 1024px) {
    .searchbox {
        margin-left: 150px !important;
        font-size: 16px !important;
        width: 210px !important;
    }

    .contener_height {
        height: 676px !important;
    }

    /*.border_box {
        height: auto !important;
        padding: 0 15px 15px 15px !important;
    }*/

    .logout_button {
        margin: 13px 10px 0 5px !important;
    }

    .vritti_app {
        margin: 18px 13px !important;
    }

    .vritti_app_ul {
        width: 100% !important;
    }

    .list-group {
        width: 100% !important;
    }

    .slider-arrow .sa-left {
        margin-left: 0 !important;
    }

    body.aside-collapsed .slider1 #ulCalender {
        width: 67% !important;
    }

    /* .border_box {
        width: 605px !important;
    }*/

    .margin-30px {
        margin: 0 !important;
    }

    .fa-check {
        display: block !important;
    }

    .y_float_left {
        font-size: 14px !important;
    }

    .login-button {
        width: 286px !important;
        height: 60px;
        font-size: 18px;
    }

    .navbar-right {
        float: right !important;
    }

    .login_main {
        left: 7%;
        width: 380px !important;
    }

    .carousel-caption {
        left: 27%;
    }

    .col-md-3 {
        width: 25%;
    }
    /*this line commented because the text editor number list and bullets are not working 11/04/2023*/
    /*  li {
        list-style: none;
    }
*/
    /*.vworkbench_logo {
        margin: 18px 60px;
    }*/

    .width88 {
        width: 88px;
    }


    .width30 {
        width: 30px !important;
    }

    .width40 {
        width: 40px !important;
    }

    .width45 {
        width: 45px !important;
    }

    .margin10 {
        margin: 10px 0 5px 0;
    }

    .margin40 {
        margin: 40px 0 5px 0;
    }

    .width70 {
        width: 70px;
    }

    .width150 {
        width: 150px;
    }

    .width130 {
        width: 130px;
    }

    .width70 {
        width: 100px;
    }

    .margin0 {
        margin: 0;
    }

    .sidebar:not(.show-scrollbar) {
        margin-right: -0px;
    }

    .sidebar_right:not(.show-scrollbar) {
        margin-right: -17px;
    }

    .icon-notebook {
        display: block !important;
    }

    .brand-logo {
        display: block !important;
    }

    .topnavbar .navbar-header .brand-logo-collapsed {
        display: none !important;
        padding: 6px 15px;
    }

    .topnavbar .navbar-header {
        width: 205px !important;
        text-align: center;
    }

    .color_scheme {
        display: block !important;
    }



    .color_scheme {
        float: right;
        margin: 0 40px 0 0;
        z-index: 146 !important;
    }

    .sidebar_right:not(.show-scrollbar) {
        margin-right: -20px;
        overflow-y: scroll;
    }

    .sidebar-subnav {
        background-color: #444959;
    }



        .sidebar-subnav > .sidebar-subnav-header {
            color: #515253;
            display: none;
            padding: 10px 20px;
            font-weight: bold;
        }

    .sidebar_right-subnav > .sidebar_right-subnav-header {
        color: #515253;
        display: none;
        padding: 10px 20px;
        font-weight: bold;
    }

    .sidebar-subnav > li {
        border-left: 0 !important;
    }

    .sidebar_right-subnav > li {
        border-left: 0 !important;
        font-size: 14px;
        margin-bottom: 5px;
        line-height: 18px;
    }

    .sidebar-subnav > li > a,
    .sidebar-subnav > li > .nav-item {
        display: block;
        position: relative;
        padding: 10px 20px;
        padding-left: 53px;
        font-weight: normal;
        background-color: transparent !important;
        color: #c9c9c9;
    }

    .sidebar_right-subnav > li > .nav-item {
        display: block;
        position: relative;
        padding: 10px 20px;
        padding-left: 53px;
        font-weight: normal;
        background-color: transparent !important;
        color: #c9c9c9;
    }

    .sidebar_right-subnav > li > a,
    .sidebar_right-subnav > li > .nav-item {
        display: block;
        position: relative;
        padding: 2px 8px;
        padding-left: 53px;
        font-weight: normal;
        font-size: 14px;
        background-color: transparent !important;
        color: #fff;
    }

    .sidebar-subnav > li > a:focus,
    .sidebar-subnav > li > .nav-item:focus,
    .sidebar-subnav > li > a:hover,
    .sidebar-subnav > li > .nav-item:hover {
        color: #23b7e5;
    }

    .sidebar_right-subnav > li > a:focus,
    .sidebar_right-subnav > li > .nav-item:focus,
    .sidebar_right-subnav > li > a:hover,
    .sidebar_right-subnav > li > .nav-item:hover {
        color: #23b7e5;
    }

    .sidebar-subnav > li > a > em,
    .sidebar-subnav > li > .nav-item > em {
        display: inline-block;
        width: 1.8em;
        margin: 0 0 0 -2em;
    }

    .sidebar_right-subnav > li > a > em,
    .sidebar_right-subnav > li > .nav-item > em {
        display: inline-block;
        width: 1.8em;
        margin: 0 0 0 -2em;
    }

    .sidebar-subnav > li.active > a,
    .sidebar-subnav > li.active > .nav-item {
        color: #23b7e5;
    }

    .sidebar_right-subnav > li.active > a,
    .sidebar_right-subnav > li.active > .nav-item {
        color: #23b7e5;
    }

    .sidebar-subnav > li.active > a:after,
    .sidebar-subnav > li.active > .nav-item:after {
        border-color: #23b7e5;
        background-color: #23b7e5;
    }

    .sidebar_right-subnav > li.active > a:after,
    .sidebar_right-subnav > li.active > .nav-item:after {
        border-color: #23b7e5;
        background-color: #23b7e5;
    }

    .sidebar-subnav > li .nav > li {
        padding-left: 5px;
    }

    .sidebar_right-subnav > li .nav > li {
        padding-left: 5px;
    }

    .sidebar-subnav.nav-floating {
        border: 1px solid rgba(0, 0, 0, 0.15);
        margin-left: -1px;
    }

    .sidebar_right-subnav.nav-floating {
        border: 1px solid rgba(0, 0, 0, 0.15);
        margin-left: -1px;
    }

    .sidebar-subnav.nav-floating,
    .sidebar-subnav.nav-floating .collapse {
        height: auto !important;
        display: block !important;
        visibility: visible !important;
    }

    .sidebar_right-subnav.nav-floating,
    .sidebar_right-subnav.nav-floating .collapse {
        height: auto !important;
        display: block !important;
        visibility: visible !important;
    }

    .sidebar-subnav.nav-floating > .sidebar-subnav-header {
        display: block;
    }

    .sidebar_right-subnav.nav-floating > .sidebar-subnav-header {
        display: block;
    }

    .sidebar-subnav.nav-floating li > a {
        padding-left: 20px;
    }

    .sidebar_right-subnav.nav-floating li > a {
        padding-left: 20px;
    }

    .sidebar-subnav.nav-floating li > a em {
        margin-left: 0;
    }

    .sidebar_right-subnav.nav-floating li > a em {
        margin-left: 0;
    }

    .aside-collapsed .sidebar {
        overflow-x: hidden;
    }

    .aside-collapsed .sidebar_right {
        overflow-x: hidden;
    }

    .aside-collapsed .sidebar > .nav .nav,
    .aside-collapsed .sidebar > .nav > .nav-heading,
    .aside-collapsed .sidebar > .nav > li > a > span {
        display: none !important;
    }

    .aside-collapsed .sidebar_right > .nav .nav,
    .aside-collapsed .sidebar_right > .nav > .nav-heading,
    .aside-collapsed .sidebar_right > .nav > li > a > span {
        display: none !important;
    }

    .aside-collapsed .sidebar > .nav > li {
        width: 68px;
    }

    .aside-collapsed .sidebar_right > .nav > li {
        width: 68px;
    }

    .aside-collapsed .sidebar > .nav > li > a,
    .aside-collapsed .sidebar > .nav > li > .nav-item {
        text-indent: -14px;
        padding: 20px 0;
        text-align: center;
    }

    .aside-collapsed .sidebar_right > .nav > li > a,
    .aside-collapsed .sidebar_right > .nav > li > .nav-item {
        text-indent: -3px;
        padding: 20px 0;
        text-align: center;
    }

    .aside-collapsed .sidebar > .nav > li > a > em,
    .aside-collapsed .sidebar > .nav > li > .nav-item > em {
        font-size: 1.6em;
        width: auto;
    }

    .sidebar_right > .nav > li > a > em,
    .sidebar_right > .nav > li > .nav-item > em {
        width: 1.8em;
        display: inline-block;
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        color: inherit;
    }

    .sidebar_right > .nav > li > a > em,
    .sidebar_right > .nav > li > .nav-item > em {
        width: 1.8em;
        display: inline-block;
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        color: inherit;
    }

    .sidebar > .nav > li.active,
    .sidebar > .nav > li.open,
    .sidebar > .nav > li.active > a,
    .sidebar > .nav > li.open > a,
    .sidebar > .nav > li.active .nav,
    .sidebar > .nav > li.open .nav {
        background-color: #444959;
        color: #23b7e5;
    }

    .sidebar_right > .nav > li.active,
    .sidebar_right > .nav > li.open,
    .sidebar_right > .nav > li.active > a,
    .sidebar_right > .nav > li.open > a,
    .sidebar_right > .nav > li.active .nav,
    .sidebar_right > .nav > li.open .nav {
        background-color: #444959;
        color: #23b7e5;
    }

    .sidebar > .nav > li.active > a > em,
    .sidebar > .nav > li.open > a > em {
        color: #23b7e5;
    }

    .sidebar_right > .nav > li.active > a > em,
    .sidebar_right > .nav > li.open > a > em {
        color: #23b7e5;
    }

    .sidebar > .nav > li.active {
        border-left-color: #23b7e5;
    }

    .sidebar > .nav .label {
        display: block;
    }

    .sidebar_right > .nav > li.active {
        border-left-color: #23b7e5;
    }

    .sidebar_right > .nav .label {
        display: block;
    }

    .aside-collapsed .sidebar_right > .nav > li > a > em,
    .aside-collapsed .sidebar_right > .nav > li > .nav-item > em {
        font-size: 1.6em;
        width: auto;
    }

    .aside-collapsed .sidebar > .nav > li > a:focus,
    .aside-collapsed .sidebar > .nav > li > .nav-item:focus {
        background-color: transparent;
    }

    .aside-collapsed .sidebar_right > .nav > li > a:focus,
    .aside-collapsed .sidebar_right > .nav > li > .nav-item:focus {
        background-color: transparent;
    }

    .aside-collapsed .sidebar > .nav > li > a:focus > em,
    .aside-collapsed .sidebar > .nav > li > .nav-item:focus > em {
        color: inherit;
    }

    .aside-collapsed .sidebar_right > .nav > li > a:focus > em,
    .aside-collapsed .sidebar_right > .nav > li > .nav-item:focus > em {
        color: inherit;
    }

    .aside-collapsed .sidebar .nav .label {
        position: absolute;
        top: 10px;
        right: 5px;
        text-indent: 0;
    }

    .aside-collapsed .sidebar_right .nav .label {
        position: absolute;
        top: 10px;
        right: 5px;
        text-indent: 0;
    }

    .fileupload-progress {
        margin-top: 25px !important;
    }
    /* ========================================================================
   Component: offsidebar.less
 ========================================================================== */
    .offsidebar {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 220px;
        margin-top: 114px;
        border-left: 1px solid #cccccc;
        background-color: #ffffff;
        color: #515253;
        z-index: 9999;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }

        .offsidebar > nav {
            min-height: 100%;
            overflow: hidden;
            -webkit-transform: translateZ(0);
        }

        .offsidebar .progress {
            border: 0;
        }

        .offsidebar .nav > li > a:hover,
        .offsidebar .nav > li > a:focus {
            background-color: rgba(0, 0, 0, 0.025);
        }

        .offsidebar .tab-content {
            padding: 0;
            border: 0;
        }

        .offsidebar .nav-tabs.nav-justified > li > a,
        .offsidebar .nav-tabs.nav-justified > li > a:hover,
        .offsidebar .nav-tabs.nav-justified > li > a:focus {
            background-color: transparent;
            border: 0;
            border-right: 1px solid rgba(0, 0, 0, 0.05);
            border-bottom: 1px solid rgba(0, 0, 0, 0.05);
            border-radius: 0;
            color: #909fa7;
        }

        .offsidebar .nav-tabs.nav-justified > li.active > a {
            color: #5d9cec;
        }

    .offsidebar-open .offsidebar {
        overflow-y: auto;
        z-index: 145;
    }

    .offsidebar {
        right: 0;
    }

    .no-csstransforms3d .offsidebar-open .offsidebar {
        right: 0;
    }
    /* Transformation ready devices*/
    .csstransforms3d .offsidebar {
        right: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-transition: -webkit-transform .3s ease, z-index 0s linear .3s;
        -moz-transition: -moz-transform .3s ease, z-index 0s linear .3s;
        -o-transition: -o-transform .3s ease, z-index 0s linear .3s;
        transition: transform .3s ease, z-index 0s linear .3s;
    }

    .csstransforms3d .offsidebar-open .offsidebar {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-transition: -webkit-transform 0.3s ease;
        -moz-transition: -moz-transform 0.3s ease;
        -o-transition: -o-transform 0.3s ease;
        transition: transform 0.3s ease;
    }
    /* ========================================================================
   Component: breadcrumbs.less
 ========================================================================== */
    .breadcrumb {
        font-weight: normal;
        border-radius: 0;
        color: #909fa7;
        padding: 10px 20px;
    }

    h3 + .breadcrumb,
    .content-heading + .breadcrumb {
        margin: -25px -25px 20px -20px;
        background-color: #fafbfc;
        border-top: 1px solid #cfdbe2;
        border-bottom: 1px solid #cfdbe2;
    }

    h3 > .breadcrumb,
    .content-heading > .breadcrumb {
        background: transparent;
        font-size: 13px;
        border: 0;
        padding: 10px 10px 0 0;
        margin-bottom: 0;
    }

        h3 > .breadcrumb.pull-right,
        .content-heading > .breadcrumb.pull-right {
            margin: -2px 0 0;
        }
    /* ========================================================================
   Component: button-extra.less
 ========================================================================== */
    .btn-inverse {
        color: #ffffff !important;
        background-color: #495660;
        border-color: #45525c;
    }

        .btn-inverse:focus,
        .btn-inverse.focus {
            color: #ffffff !important;
            background-color: #3a4852;
            border-color: #32404a;
        }

        .btn-inverse:hover {
            color: #ffffff !important;
            background-color: #3a4852;
            border-color: #32404a;
        }

        .btn-inverse:active,
        .btn-inverse.active,
        .open > .dropdown-toggle.btn-inverse {
            color: #ffffff !important;
            background-color: #3a4852;
            border-color: #32404a;
        }

            .btn-inverse:active:hover,
            .btn-inverse.active:hover,
            .open > .dropdown-toggle.btn-inverse:hover,
            .btn-inverse:active:focus,
            .btn-inverse.active:focus,
            .open > .dropdown-toggle.btn-inverse:focus,
            .btn-inverse:active.focus,
            .btn-inverse.active.focus,
            .open > .dropdown-toggle.btn-inverse.focus {
                color: #ffffff !important;
                background-color: #3a4852;
                border-color: #32404a;
            }

        .btn-inverse:active,
        .btn-inverse.active,
        .open > .dropdown-toggle.btn-inverse {
            background-image: none;
        }

        .btn-inverse.disabled,
        .btn-inverse[disabled],
        fieldset[disabled] .btn-inverse,
        .btn-inverse.disabled:hover,
        .btn-inverse[disabled]:hover,
        fieldset[disabled] .btn-inverse:hover,
        .btn-inverse.disabled:focus,
        .btn-inverse[disabled]:focus,
        fieldset[disabled] .btn-inverse:focus,
        .btn-inverse.disabled.focus,
        .btn-inverse[disabled].focus,
        fieldset[disabled] .btn-inverse.focus,
        .btn-inverse.disabled:active,
        .btn-inverse[disabled]:active,
        fieldset[disabled] .btn-inverse:active,
        .btn-inverse.disabled.active,
        .btn-inverse[disabled].active,
        fieldset[disabled] .btn-inverse.active {
            background-color: #131e26;
            border-color: #131e26;
        }

        .btn-inverse .badge {
            color: #131e26;
            background-color: #ffffff;
        }

    .btn-green {
        color: #ffffff;
        background-color: #37bc9b;
        border-color: transparent;
    }

        .btn-green:focus,
        .btn-green.focus {
            color: #ffffff;
            background-color: #32ac8e;
            border-color: rgba(0, 0, 0, 0);
        }

        .btn-green:hover {
            color: #ffffff;
            background-color: #32ac8e;
            border-color: rgba(0, 0, 0, 0);
        }

        .btn-green:active,
        .btn-green.active,
        .open > .dropdown-toggle.btn-green {
            color: #ffffff;
            background-color: #32ac8e;
            border-color: rgba(0, 0, 0, 0);
        }

            .btn-green:active:hover,
            .btn-green.active:hover,
            .open > .dropdown-toggle.btn-green:hover,
            .btn-green:active:focus,
            .btn-green.active:focus,
            .open > .dropdown-toggle.btn-green:focus,
            .btn-green:active.focus,
            .btn-green.active.focus,
            .open > .dropdown-toggle.btn-green.focus {
                color: #ffffff;
                background-color: #32ac8e;
                border-color: rgba(0, 0, 0, 0);
            }

        .btn-green:active,
        .btn-green.active,
        .open > .dropdown-toggle.btn-green {
            background-image: none;
        }

        .btn-green.disabled,
        .btn-green[disabled],
        fieldset[disabled] .btn-green,
        .btn-green.disabled:hover,
        .btn-green[disabled]:hover,
        fieldset[disabled] .btn-green:hover,
        .btn-green.disabled:focus,
        .btn-green[disabled]:focus,
        fieldset[disabled] .btn-green:focus,
        .btn-green.disabled.focus,
        .btn-green[disabled].focus,
        fieldset[disabled] .btn-green.focus,
        .btn-green.disabled:active,
        .btn-green[disabled]:active,
        fieldset[disabled] .btn-green:active,
        .btn-green.disabled.active,
        .btn-green[disabled].active,
        fieldset[disabled] .btn-green.active {
            background-color: #37bc9b;
            border-color: transparent;
        }

        .btn-green .badge {
            color: #37bc9b;
            background-color: #ffffff;
        }

    .btn-purple {
        color: #ffffff;
        background-color: #7266ba;
        border-color: transparent;
    }

        .btn-purple:focus,
        .btn-purple.focus {
            color: #ffffff;
            background-color: #6558b4;
            border-color: rgba(0, 0, 0, 0);
        }

        .btn-purple:hover {
            color: #ffffff;
            background-color: #6558b4;
            border-color: rgba(0, 0, 0, 0);
        }

        .btn-purple:active,
        .btn-purple.active,
        .open > .dropdown-toggle.btn-purple {
            color: #ffffff;
            background-color: #6558b4;
            border-color: rgba(0, 0, 0, 0);
        }

            .btn-purple:active:hover,
            .btn-purple.active:hover,
            .open > .dropdown-toggle.btn-purple:hover,
            .btn-purple:active:focus,
            .btn-purple.active:focus,
            .open > .dropdown-toggle.btn-purple:focus,
            .btn-purple:active.focus,
            .btn-purple.active.focus,
            .open > .dropdown-toggle.btn-purple.focus {
                color: #ffffff;
                background-color: #6558b4;
                border-color: rgba(0, 0, 0, 0);
            }

        .btn-purple:active,
        .btn-purple.active,
        .open > .dropdown-toggle.btn-purple {
            background-image: none;
        }

        .btn-purple.disabled,
        .btn-purple[disabled],
        fieldset[disabled] .btn-purple,
        .btn-purple.disabled:hover,
        .btn-purple[disabled]:hover,
        fieldset[disabled] .btn-purple:hover,
        .btn-purple.disabled:focus,
        .btn-purple[disabled]:focus,
        fieldset[disabled] .btn-purple:focus,
        .btn-purple.disabled.focus,
        .btn-purple[disabled].focus,
        fieldset[disabled] .btn-purple.focus,
        .btn-purple.disabled:active,
        .btn-purple[disabled]:active,
        fieldset[disabled] .btn-purple:active,
        .btn-purple.disabled.active,
        .btn-purple[disabled].active,
        fieldset[disabled] .btn-purple.active {
            background-color: #7266ba;
            border-color: transparent;
        }

        .btn-purple .badge {
            color: #7266ba;
            background-color: #ffffff;
        }

    .btn-pink {
        color: #ffffff;
        background-color: #f532e5;
        border-color: transparent;
    }

        .btn-pink:focus,
        .btn-pink.focus {
            color: #ffffff;
            background-color: #f41fe3;
            border-color: rgba(0, 0, 0, 0);
        }

        .btn-pink:hover {
            color: #ffffff;
            background-color: #f41fe3;
            border-color: rgba(0, 0, 0, 0);
        }

        .btn-pink:active,
        .btn-pink.active,
        .open > .dropdown-toggle.btn-pink {
            color: #ffffff;
            background-color: #f41fe3;
            border-color: rgba(0, 0, 0, 0);
        }

            .btn-pink:active:hover,
            .btn-pink.active:hover,
            .open > .dropdown-toggle.btn-pink:hover,
            .btn-pink:active:focus,
            .btn-pink.active:focus,
            .open > .dropdown-toggle.btn-pink:focus,
            .btn-pink:active.focus,
            .btn-pink.active.focus,
            .open > .dropdown-toggle.btn-pink.focus {
                color: #ffffff;
                background-color: #f41fe3;
                border-color: rgba(0, 0, 0, 0);
            }

        .btn-pink:active,
        .btn-pink.active,
        .open > .dropdown-toggle.btn-pink {
            background-image: none;
        }

        .btn-pink.disabled,
        .btn-pink[disabled],
        fieldset[disabled] .btn-pink,
        .btn-pink.disabled:hover,
        .btn-pink[disabled]:hover,
        fieldset[disabled] .btn-pink:hover,
        .btn-pink.disabled:focus,
        .btn-pink[disabled]:focus,
        fieldset[disabled] .btn-pink:focus,
        .btn-pink.disabled.focus,
        .btn-pink[disabled].focus,
        fieldset[disabled] .btn-pink.focus,
        .btn-pink.disabled:active,
        .btn-pink[disabled]:active,
        fieldset[disabled] .btn-pink:active,
        .btn-pink.disabled.active,
        .btn-pink[disabled].active,
        fieldset[disabled] .btn-pink.active {
            background-color: #f532e5;
            border-color: transparent;
        }

        .btn-pink .badge {
            color: #f532e5;
            background-color: #ffffff;
        }

    .btn-outline {
        background-color: transparent;
        border-color: #fff;
    }

        .btn-outline:hover,
        .btn-outline:focus {
            background-color: #fff;
            color: #5d9cec;
        }

    .btn-flat {
        border-bottom-width: 1px;
        border-radius: 0;
        box-shadow: 0 0 0 #000;
    }

    .btn-xl {
        padding: 20px 16px;
        font-size: 18px;
    }

    .btn-square {
        border-radius: 0;
    }

    .btn-pill-left,
    .btn-oval {
        border-top-left-radius: 50px;
        border-bottom-left-radius: 50px;
    }

    .btn-pill-right,
    .btn-oval {
        border-top-right-radius: 50px;
        border-bottom-right-radius: 50px;
    }

    .btn-labeled {
        padding-top: 0;
        padding-bottom: 0;
    }

    .btn-label {
        position: relative;
        background: transparent;
        background: rgba(0, 0, 0, 0.05);
        display: inline-block;
        padding: 6px 16px;
        left: -16px;
        border-radius: 3px 0 0 3px;
    }

        .btn-label.btn-label-right {
            left: auto;
            right: -16px;
            border-radius: 0 3px 3px 0;
        }

    .btn-lg .btn-label {
        padding: 10px 20px;
        left: -20px;
        border-radius: 5px 0 0 5px;
    }

        .btn-lg .btn-label.btn-label-right {
            left: auto;
            right: -20px;
            border-radius: 0 5px 5px 0;
        }

    .btn-sm .btn-label {
        padding: 5px 10px;
        left: -10px;
        border-radius: 2px 0 0 2px;
    }

        .btn-sm .btn-label.btn-label-right {
            left: auto;
            right: -10px;
            border-radius: 0 2px 2px 0;
        }

    .btn-xs .btn-label {
        padding: 1px 5px;
        left: -5px;
        border-radius: 2px 0 0 2px;
    }

        .btn-xs .btn-label.btn-label-right {
            left: auto;
            right: -5px;
            border-radius: 0 2px 2px 0;
        }

    .btn-fw {
        min-width: 80px;
    }

        .btn-fw.btn-sm {
            min-width: 40px;
        }

        .btn-fw.btn-md {
            min-width: 60px;
        }

        .btn-fw.btn-lg {
            min-width: 140px;
        }

    .btn-circle {
        width: 35px;
        height: 35px;
        text-align: center;
        font-size: 12px;
        line-height: 35px;
        border-radius: 500px;
        padding: 0;
        border: 0;
    }

        .btn-circle > * {
            line-height: inherit !important;
        }

        .btn-circle.btn-lg {
            width: 50px;
            height: 50px;
            font-size: 18px;
            line-height: 50px;
        }
    /* ========================================================================
   Component: placeholder.less
 ========================================================================== */
    .box-placeholder {
        margin-bottom: 15px;
        padding: 20px;
        border: 1px dashed #dddddd;
        background: #fafafa;
        color: #444444;
    }

        .box-placeholder > :last-child {
            margin-bottom: 0;
        }

    .box-placeholder-lg {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    /* ========================================================================
   Component: panels.less
 ========================================================================== */
    .panel .table {
        margin-bottom: 0;
        border: 0;
    }

    .panel.panel-transparent {
        border: 0;
        background-color: transparent;
        box-shadow: 0 0 0 #000;
    }

        .panel.panel-transparent .panel-heading,
        .panel.panel-transparent .panel-body {
            background-color: transparent;
            padding-left: 0;
            padding-right: 0;
        }

    .panel-flat {
        margin: 0 !important;
        border: 0;
    }

    .panel-group .panel-flat {
        box-shadow: 0 0 0 #000;
    }

        .panel-group .panel-flat:first-child {
            border-radius: 4px 4px 0 0;
        }

        .panel-group .panel-flat:last-child {
            border-radius: 0 0 4px 4px;
        }

    .panel-heading > a[data-tool] {
        display: inline-block;
        color: #fff;
        width: 2em;
        text-align: center;
        line-height: 18px;
    }

    .panel-default .panel-heading > a[data-tool] {
        color: #c1c2c3;
    }

    .panel-heading > .label.pull-right {
        margin-top: 3px;
    }

        .panel-heading > .label.pull-right + .label.pull-right {
            margin-right: 10px;
        }

    .panel-heading.panel-heading-collapsed {
        border-radius: 3px;
    }

    .panel-footer .pagination {
        margin: 0;
    }

    .panel-footer .radial-bar {
        margin-bottom: 0;
    }

    .panel-footer p {
        margin-bottom: 0;
    }

    .panel-heading-active {
        background-color: #27c24c !important;
        font-weight: bold;
        font-size: 16px;
    }

        .panel-heading-active > a {
            padding: 15px 0;
            color: #fff !important;
            -webkit-transition: padding 0.5s ease;
            -o-transition: padding 0.5s ease;
            transition: padding 0.5s ease;
        }

        .panel-heading-active + .panel-collapse:after {
            content: "";
            display: block;
            width: 60%;
            margin: 0 auto;
            height: 0;
            border-bottom: 1px solid #e1e2e3;
        }

    .panel-inverse {
        border-color: #cfdbe2;
    }

        .panel-inverse > .panel-heading {
            color: #ffffff;
            background-color: #131e26;
            border-color: #131e26;
        }

            .panel-inverse > .panel-heading + .panel-collapse > .panel-body {
                border-top-color: #cfdbe2;
            }

            .panel-inverse > .panel-heading .badge {
                color: #131e26;
                background-color: #ffffff;
            }

        .panel-inverse > .panel-footer + .panel-collapse > .panel-body {
            border-bottom-color: #cfdbe2;
        }

    .panel-green {
        border-color: #cfdbe2;
    }

        .panel-green > .panel-heading {
            color: #ffffff;
            background-color: #37bc9b;
            border-color: #37bc9b;
        }

            .panel-green > .panel-heading + .panel-collapse > .panel-body {
                border-top-color: #cfdbe2;
            }

            .panel-green > .panel-heading .badge {
                color: #37bc9b;
                background-color: #ffffff;
            }

        .panel-green > .panel-footer + .panel-collapse > .panel-body {
            border-bottom-color: #cfdbe2;
        }

    .panel-pink {
        border-color: #cfdbe2;
    }

        .panel-pink > .panel-heading {
            color: #ffffff;
            background-color: #f532e5;
            border-color: #f532e5;
        }

            .panel-pink > .panel-heading + .panel-collapse > .panel-body {
                border-top-color: #cfdbe2;
            }

            .panel-pink > .panel-heading .badge {
                color: #f532e5;
                background-color: #ffffff;
            }

        .panel-pink > .panel-footer + .panel-collapse > .panel-body {
            border-bottom-color: #cfdbe2;
        }

    .panel-purple {
        border-color: #cfdbe2;
    }

        .panel-purple > .panel-heading {
            color: #ffffff;
            background-color: #7266ba;
            border-color: #7266ba;
        }

            .panel-purple > .panel-heading + .panel-collapse > .panel-body {
                border-top-color: #cfdbe2;
            }

            .panel-purple > .panel-heading .badge {
                color: #7266ba;
                background-color: #ffffff;
            }

        .panel-purple > .panel-footer + .panel-collapse > .panel-body {
            border-bottom-color: #cfdbe2;
        }

    .panel-dark {
        border-color: #cfdbe2;
        padding: 0 20px;
    }

        .panel-dark > .panel-heading {
            color: #ffffff;
            background-color: #3a3f51;
            border-color: #3a3f51;
        }

            .panel-dark > .panel-heading + .panel-collapse > .panel-body {
                border-top-color: #cfdbe2;
            }

            .panel-dark > .panel-heading .badge {
                color: #3a3f51;
                background-color: #ffffff;
            }

        .panel-dark > .panel-footer + .panel-collapse > .panel-body {
            border-bottom-color: #cfdbe2;
        }
    /* ========================================================================
   Component: progress-extra.less
 ========================================================================== */
    .progress-sm {
        height: 15px;
    }

    .progress-xs {
        height: 8px;
    }

    .progress-bar-purple {
        background-color: #7266ba;
    }

    .progress-striped .progress-bar-purple {
        background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
        background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
        background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    }

    .progress-bar-inverse {
        background-color: #131e26;
    }

    .progress-striped .progress-bar-inverse {
        background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
        background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
        background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    }

    .progress-bar-green {
        background-color: #37bc9b;
    }

    .progress-striped .progress-bar-green {
        background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
        background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
        background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    }

    .progress-bar-pink {
        background-color: #f532e5;
    }

    .progress-striped .progress-bar-pink {
        background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
        background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
        background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    }

    .progress-bar-yellow {
        background-color: #fad732;
    }

    .progress-striped .progress-bar-yellow {
        background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
        background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
        background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    }

    .progress-0 {
        width: 0%;
    }

    .progress-10 {
        width: 10%;
    }

    .progress-20 {
        width: 20%;
    }

    .progress-30 {
        width: 30%;
    }

    .progress-40 {
        width: 40%;
    }

    .progress-50 {
        width: 50%;
    }

    .progress-60 {
        width: 60%;
    }

    .progress-70 {
        width: 70%;
    }

    .progress-80 {
        width: 80%;
    }

    .progress-90 {
        width: 90%;
    }

    .progress-100 {
        width: 100%;
    }
    /* ========================================================================
   Component: radial-bar.less
 ========================================================================== */
    /* -------------------------------------
 * Bar container
 * ------------------------------------- */
    .radial-bar {
        position: relative;
        display: inline-block;
        font-size: 16px;
        border-radius: 50%;
        border: 2px solid #fafafa;
        background-color: transparent;
        margin-bottom: 20px;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        width: 80px;
        height: 80px;
        font-size: 18px;
    }

        .radial-bar:after,
        .radial-bar > img {
            display: inline-block;
            position: absolute;
            top: 0;
            left: 0;
            border-radius: 50%;
            text-align: center;
            font-weight: bold;
            color: #a1a2a3;
        }

        .radial-bar:after {
            content: attr(data-label);
            background-color: #ffffff;
            z-index: 101;
        }

        .radial-bar > img {
            z-index: 102;
        }

        .radial-bar:after,
        .radial-bar > img {
            width: 56px;
            height: 56px;
            margin-left: 12px;
            margin-top: 12px;
            line-height: 56px;
        }

        .radial-bar.radial-bar-0 {
            background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(90deg, #5d9cec 50%, #fafafa 50%, #fafafa);
        }

        .radial-bar.radial-bar-5 {
            background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(108deg, #5d9cec 50%, #fafafa 50%, #fafafa);
        }

        .radial-bar.radial-bar-10 {
            background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(126deg, #5d9cec 50%, #fafafa 50%, #fafafa);
        }

        .radial-bar.radial-bar-15 {
            background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(144deg, #5d9cec 50%, #fafafa 50%, #fafafa);
        }

        .radial-bar.radial-bar-20 {
            background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(162deg, #5d9cec 50%, #fafafa 50%, #fafafa);
        }

        .radial-bar.radial-bar-25 {
            background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(180deg, #5d9cec 50%, #fafafa 50%, #fafafa);
        }

        .radial-bar.radial-bar-30 {
            background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(198deg, #5d9cec 50%, #fafafa 50%, #fafafa);
        }

        .radial-bar.radial-bar-35 {
            background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(216deg, #5d9cec 50%, #fafafa 50%, #fafafa);
        }

        .radial-bar.radial-bar-40 {
            background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(234deg, #5d9cec 50%, #fafafa 50%, #fafafa);
        }

        .radial-bar.radial-bar-45 {
            background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(252deg, #5d9cec 50%, #fafafa 50%, #fafafa);
        }

        .radial-bar.radial-bar-50 {
            background-image: linear-gradient(270deg, #5d9cec 50%, transparent 50%, transparent), linear-gradient(270deg, #5d9cec 50%, #fafafa 50%, #fafafa);
        }

        .radial-bar.radial-bar-55 {
            background-image: linear-gradient(288deg, #5d9cec 50%, transparent 50%, transparent), linear-gradient(270deg, #5d9cec 50%, #fafafa 50%, #fafafa);
        }

        .radial-bar.radial-bar-60 {
            background-image: linear-gradient(306deg, #5d9cec 50%, transparent 50%, transparent), linear-gradient(270deg, #5d9cec 50%, #fafafa 50%, #fafafa);
        }

        .radial-bar.radial-bar-65 {
            background-image: linear-gradient(324deg, #5d9cec 50%, transparent 50%, transparent), linear-gradient(270deg, #5d9cec 50%, #fafafa 50%, #fafafa);
        }

        .radial-bar.radial-bar-70 {
            background-image: linear-gradient(342deg, #5d9cec 50%, transparent 50%, transparent), linear-gradient(270deg, #5d9cec 50%, #fafafa 50%, #fafafa);
        }

        .radial-bar.radial-bar-75 {
            background-image: linear-gradient(360deg, #5d9cec 50%, transparent 50%, transparent), linear-gradient(270deg, #5d9cec 50%, #fafafa 50%, #fafafa);
        }

        .radial-bar.radial-bar-80 {
            background-image: linear-gradient(378deg, #5d9cec 50%, transparent 50%, transparent), linear-gradient(270deg, #5d9cec 50%, #fafafa 50%, #fafafa);
        }

        .radial-bar.radial-bar-85 {
            background-image: linear-gradient(396deg, #5d9cec 50%, transparent 50%, transparent), linear-gradient(270deg, #5d9cec 50%, #fafafa 50%, #fafafa);
        }

        .radial-bar.radial-bar-90 {
            background-image: linear-gradient(414deg, #5d9cec 50%, transparent 50%, transparent), linear-gradient(270deg, #5d9cec 50%, #fafafa 50%, #fafafa);
        }

        .radial-bar.radial-bar-95 {
            background-image: linear-gradient(432deg, #5d9cec 50%, transparent 50%, transparent), linear-gradient(270deg, #5d9cec 50%, #fafafa 50%, #fafafa);
        }

        .radial-bar.radial-bar-100 {
            background-image: linear-gradient(450deg, #5d9cec 50%, transparent 50%, transparent), linear-gradient(270deg, #5d9cec 50%, #fafafa 50%, #fafafa);
        }

    .radial-bar-primary.radial-bar-0 {
        background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(90deg, #5d9cec 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-primary.radial-bar-5 {
        background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(108deg, #5d9cec 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-primary.radial-bar-10 {
        background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(126deg, #5d9cec 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-primary.radial-bar-15 {
        background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(144deg, #5d9cec 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-primary.radial-bar-20 {
        background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(162deg, #5d9cec 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-primary.radial-bar-25 {
        background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(180deg, #5d9cec 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-primary.radial-bar-30 {
        background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(198deg, #5d9cec 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-primary.radial-bar-35 {
        background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(216deg, #5d9cec 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-primary.radial-bar-40 {
        background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(234deg, #5d9cec 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-primary.radial-bar-45 {
        background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(252deg, #5d9cec 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-primary.radial-bar-50 {
        background-image: linear-gradient(270deg, #5d9cec 50%, transparent 50%, transparent), linear-gradient(270deg, #5d9cec 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-primary.radial-bar-55 {
        background-image: linear-gradient(288deg, #5d9cec 50%, transparent 50%, transparent), linear-gradient(270deg, #5d9cec 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-primary.radial-bar-60 {
        background-image: linear-gradient(306deg, #5d9cec 50%, transparent 50%, transparent), linear-gradient(270deg, #5d9cec 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-primary.radial-bar-65 {
        background-image: linear-gradient(324deg, #5d9cec 50%, transparent 50%, transparent), linear-gradient(270deg, #5d9cec 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-primary.radial-bar-70 {
        background-image: linear-gradient(342deg, #5d9cec 50%, transparent 50%, transparent), linear-gradient(270deg, #5d9cec 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-primary.radial-bar-75 {
        background-image: linear-gradient(360deg, #5d9cec 50%, transparent 50%, transparent), linear-gradient(270deg, #5d9cec 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-primary.radial-bar-80 {
        background-image: linear-gradient(378deg, #5d9cec 50%, transparent 50%, transparent), linear-gradient(270deg, #5d9cec 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-primary.radial-bar-85 {
        background-image: linear-gradient(396deg, #5d9cec 50%, transparent 50%, transparent), linear-gradient(270deg, #5d9cec 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-primary.radial-bar-90 {
        background-image: linear-gradient(414deg, #5d9cec 50%, transparent 50%, transparent), linear-gradient(270deg, #5d9cec 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-primary.radial-bar-95 {
        background-image: linear-gradient(432deg, #5d9cec 50%, transparent 50%, transparent), linear-gradient(270deg, #5d9cec 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-primary.radial-bar-100 {
        background-image: linear-gradient(450deg, #5d9cec 50%, transparent 50%, transparent), linear-gradient(270deg, #5d9cec 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-success.radial-bar-0 {
        background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(90deg, #27c24c 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-success.radial-bar-5 {
        background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(108deg, #27c24c 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-success.radial-bar-10 {
        background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(126deg, #27c24c 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-success.radial-bar-15 {
        background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(144deg, #27c24c 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-success.radial-bar-20 {
        background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(162deg, #27c24c 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-success.radial-bar-25 {
        background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(180deg, #27c24c 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-success.radial-bar-30 {
        background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(198deg, #27c24c 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-success.radial-bar-35 {
        background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(216deg, #27c24c 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-success.radial-bar-40 {
        background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(234deg, #27c24c 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-success.radial-bar-45 {
        background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(252deg, #27c24c 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-success.radial-bar-50 {
        background-image: linear-gradient(270deg, #27c24c 50%, transparent 50%, transparent), linear-gradient(270deg, #27c24c 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-success.radial-bar-55 {
        background-image: linear-gradient(288deg, #27c24c 50%, transparent 50%, transparent), linear-gradient(270deg, #27c24c 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-success.radial-bar-60 {
        background-image: linear-gradient(306deg, #27c24c 50%, transparent 50%, transparent), linear-gradient(270deg, #27c24c 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-success.radial-bar-65 {
        background-image: linear-gradient(324deg, #27c24c 50%, transparent 50%, transparent), linear-gradient(270deg, #27c24c 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-success.radial-bar-70 {
        background-image: linear-gradient(342deg, #27c24c 50%, transparent 50%, transparent), linear-gradient(270deg, #27c24c 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-success.radial-bar-75 {
        background-image: linear-gradient(360deg, #27c24c 50%, transparent 50%, transparent), linear-gradient(270deg, #27c24c 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-success.radial-bar-80 {
        background-image: linear-gradient(378deg, #27c24c 50%, transparent 50%, transparent), linear-gradient(270deg, #27c24c 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-success.radial-bar-85 {
        background-image: linear-gradient(396deg, #27c24c 50%, transparent 50%, transparent), linear-gradient(270deg, #27c24c 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-success.radial-bar-90 {
        background-image: linear-gradient(414deg, #27c24c 50%, transparent 50%, transparent), linear-gradient(270deg, #27c24c 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-success.radial-bar-95 {
        background-image: linear-gradient(432deg, #27c24c 50%, transparent 50%, transparent), linear-gradient(270deg, #27c24c 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-success.radial-bar-100 {
        background-image: linear-gradient(450deg, #27c24c 50%, transparent 50%, transparent), linear-gradient(270deg, #27c24c 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-info.radial-bar-0 {
        background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(90deg, #23b7e5 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-info.radial-bar-5 {
        background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(108deg, #23b7e5 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-info.radial-bar-10 {
        background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(126deg, #23b7e5 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-info.radial-bar-15 {
        background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(144deg, #23b7e5 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-info.radial-bar-20 {
        background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(162deg, #23b7e5 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-info.radial-bar-25 {
        background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(180deg, #23b7e5 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-info.radial-bar-30 {
        background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(198deg, #23b7e5 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-info.radial-bar-35 {
        background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(216deg, #23b7e5 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-info.radial-bar-40 {
        background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(234deg, #23b7e5 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-info.radial-bar-45 {
        background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(252deg, #23b7e5 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-info.radial-bar-50 {
        background-image: linear-gradient(270deg, #23b7e5 50%, transparent 50%, transparent), linear-gradient(270deg, #23b7e5 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-info.radial-bar-55 {
        background-image: linear-gradient(288deg, #23b7e5 50%, transparent 50%, transparent), linear-gradient(270deg, #23b7e5 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-info.radial-bar-60 {
        background-image: linear-gradient(306deg, #23b7e5 50%, transparent 50%, transparent), linear-gradient(270deg, #23b7e5 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-info.radial-bar-65 {
        background-image: linear-gradient(324deg, #23b7e5 50%, transparent 50%, transparent), linear-gradient(270deg, #23b7e5 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-info.radial-bar-70 {
        background-image: linear-gradient(342deg, #23b7e5 50%, transparent 50%, transparent), linear-gradient(270deg, #23b7e5 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-info.radial-bar-75 {
        background-image: linear-gradient(360deg, #23b7e5 50%, transparent 50%, transparent), linear-gradient(270deg, #23b7e5 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-info.radial-bar-80 {
        background-image: linear-gradient(378deg, #23b7e5 50%, transparent 50%, transparent), linear-gradient(270deg, #23b7e5 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-info.radial-bar-85 {
        background-image: linear-gradient(396deg, #23b7e5 50%, transparent 50%, transparent), linear-gradient(270deg, #23b7e5 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-info.radial-bar-90 {
        background-image: linear-gradient(414deg, #23b7e5 50%, transparent 50%, transparent), linear-gradient(270deg, #23b7e5 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-info.radial-bar-95 {
        background-image: linear-gradient(432deg, #23b7e5 50%, transparent 50%, transparent), linear-gradient(270deg, #23b7e5 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-info.radial-bar-100 {
        background-image: linear-gradient(450deg, #23b7e5 50%, transparent 50%, transparent), linear-gradient(270deg, #23b7e5 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-warning.radial-bar-0 {
        background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(90deg, #ff902b 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-warning.radial-bar-5 {
        background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(108deg, #ff902b 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-warning.radial-bar-10 {
        background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(126deg, #ff902b 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-warning.radial-bar-15 {
        background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(144deg, #ff902b 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-warning.radial-bar-20 {
        background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(162deg, #ff902b 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-warning.radial-bar-25 {
        background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(180deg, #ff902b 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-warning.radial-bar-30 {
        background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(198deg, #ff902b 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-warning.radial-bar-35 {
        background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(216deg, #ff902b 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-warning.radial-bar-40 {
        background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(234deg, #ff902b 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-warning.radial-bar-45 {
        background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(252deg, #ff902b 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-warning.radial-bar-50 {
        background-image: linear-gradient(270deg, #ff902b 50%, transparent 50%, transparent), linear-gradient(270deg, #ff902b 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-warning.radial-bar-55 {
        background-image: linear-gradient(288deg, #ff902b 50%, transparent 50%, transparent), linear-gradient(270deg, #ff902b 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-warning.radial-bar-60 {
        background-image: linear-gradient(306deg, #ff902b 50%, transparent 50%, transparent), linear-gradient(270deg, #ff902b 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-warning.radial-bar-65 {
        background-image: linear-gradient(324deg, #ff902b 50%, transparent 50%, transparent), linear-gradient(270deg, #ff902b 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-warning.radial-bar-70 {
        background-image: linear-gradient(342deg, #ff902b 50%, transparent 50%, transparent), linear-gradient(270deg, #ff902b 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-warning.radial-bar-75 {
        background-image: linear-gradient(360deg, #ff902b 50%, transparent 50%, transparent), linear-gradient(270deg, #ff902b 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-warning.radial-bar-80 {
        background-image: linear-gradient(378deg, #ff902b 50%, transparent 50%, transparent), linear-gradient(270deg, #ff902b 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-warning.radial-bar-85 {
        background-image: linear-gradient(396deg, #ff902b 50%, transparent 50%, transparent), linear-gradient(270deg, #ff902b 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-warning.radial-bar-90 {
        background-image: linear-gradient(414deg, #ff902b 50%, transparent 50%, transparent), linear-gradient(270deg, #ff902b 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-warning.radial-bar-95 {
        background-image: linear-gradient(432deg, #ff902b 50%, transparent 50%, transparent), linear-gradient(270deg, #ff902b 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-warning.radial-bar-100 {
        background-image: linear-gradient(450deg, #ff902b 50%, transparent 50%, transparent), linear-gradient(270deg, #ff902b 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-danger.radial-bar-0 {
        background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(90deg, #f05050 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-danger.radial-bar-5 {
        background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(108deg, #f05050 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-danger.radial-bar-10 {
        background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(126deg, #f05050 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-danger.radial-bar-15 {
        background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(144deg, #f05050 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-danger.radial-bar-20 {
        background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(162deg, #f05050 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-danger.radial-bar-25 {
        background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(180deg, #f05050 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-danger.radial-bar-30 {
        background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(198deg, #f05050 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-danger.radial-bar-35 {
        background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(216deg, #f05050 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-danger.radial-bar-40 {
        background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(234deg, #f05050 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-danger.radial-bar-45 {
        background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(252deg, #f05050 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-danger.radial-bar-50 {
        background-image: linear-gradient(270deg, #f05050 50%, transparent 50%, transparent), linear-gradient(270deg, #f05050 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-danger.radial-bar-55 {
        background-image: linear-gradient(288deg, #f05050 50%, transparent 50%, transparent), linear-gradient(270deg, #f05050 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-danger.radial-bar-60 {
        background-image: linear-gradient(306deg, #f05050 50%, transparent 50%, transparent), linear-gradient(270deg, #f05050 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-danger.radial-bar-65 {
        background-image: linear-gradient(324deg, #f05050 50%, transparent 50%, transparent), linear-gradient(270deg, #f05050 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-danger.radial-bar-70 {
        background-image: linear-gradient(342deg, #f05050 50%, transparent 50%, transparent), linear-gradient(270deg, #f05050 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-danger.radial-bar-75 {
        background-image: linear-gradient(360deg, #f05050 50%, transparent 50%, transparent), linear-gradient(270deg, #f05050 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-danger.radial-bar-80 {
        background-image: linear-gradient(378deg, #f05050 50%, transparent 50%, transparent), linear-gradient(270deg, #f05050 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-danger.radial-bar-85 {
        background-image: linear-gradient(396deg, #f05050 50%, transparent 50%, transparent), linear-gradient(270deg, #f05050 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-danger.radial-bar-90 {
        background-image: linear-gradient(414deg, #f05050 50%, transparent 50%, transparent), linear-gradient(270deg, #f05050 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-danger.radial-bar-95 {
        background-image: linear-gradient(432deg, #f05050 50%, transparent 50%, transparent), linear-gradient(270deg, #f05050 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-danger.radial-bar-100 {
        background-image: linear-gradient(450deg, #f05050 50%, transparent 50%, transparent), linear-gradient(270deg, #f05050 50%, #fafafa 50%, #fafafa);
    }

    .radial-bar-lg {
        width: 100px;
        height: 100px;
        font-size: 22px;
    }

        .radial-bar-lg:after,
        .radial-bar-lg > img {
            width: 70px;
            height: 70px;
            margin-left: 15px;
            margin-top: 15px;
            line-height: 70px;
        }

    .radial-bar-sm {
        width: 50px;
        height: 50px;
        font-size: 12px;
    }

        .radial-bar-sm:after,
        .radial-bar-sm > img {
            width: 35px;
            height: 35px;
            margin-left: 7.5px;
            margin-top: 7.5px;
            line-height: 35px;
        }

    .radial-bar-xs {
        width: 30px;
        height: 30px;
        font-size: 8px;
    }

        .radial-bar-xs:after,
        .radial-bar-xs > img {
            width: 21px;
            height: 21px;
            margin-left: 4.5px;
            margin-top: 4.5px;
            line-height: 21px;
        }

    x:-o-prefocus,
    .radial-bar {
        background-clip: content-box;
    }
    /* ========================================================================
   Component: user-block.less
 ========================================================================== */
    .has-user-block {
        display: block;
        overflow: hidden;
        border: 0 !important;
        width: 100% !important;
    }

    .user-block {
        position: relative;
        padding: 0 0 10px;
        cursor: pointer;
    }

        .user-block:before,
        .user-block:after {
            content: " ";
            display: table;
        }

        .user-block:after {
            clear: both;
        }

        .user-block > .user-block-picture {
            position: relative;
            width: 110px;
            margin: 0 auto;
        }

            .user-block > .user-block-picture > img {
                max-width: 100%;
                height: auto;
            }

        .user-block .user-block-info {
            padding-top: 15px;
            text-align: center;
            white-space: nowrap;
        }

            .user-block .user-block-info .user-block-name,
            .user-block .user-block-info .user-block-role {
                display: block;
            }

            .user-block .user-block-info .user-block-name {
                color: #7D848F;
            }

            .user-block .user-block-info .user-block-role {
                font-size: 12px;
                color: #aaa;
            }

    .user-block-status {
        position: relative;
    }

        .user-block-status > .circle {
            position: absolute;
            bottom: 0;
            right: 0;
            border: 2px solid #fff;
        }

    .aside-collapsed .user-block {
        padding: 15px 0 14px;
        margin: 0;
        text-align: center;
    }

        .aside-collapsed .user-block > .user-block-picture {
            float: none;
            margin: 0 auto;
            width: 50px;
        }

            .aside-collapsed .user-block > .user-block-picture > .user-block-status {
                display: block;
            }

        .aside-collapsed .user-block .user-block-info {
            display: none;
        }
    /* ========================================================================
   Component: circles.less
 ========================================================================== */
    .circle {
        display: inline-block;
        width: 7px;
        height: 7px;
        border-radius: 500px;
        margin: 0 .5em;
        background-color: #ddd;
        vertical-align: baseline;
        border: 2px solid transparent;
    }

        .circle.text-left {
            margin-left: 0;
        }

        .circle.text-right {
            margin-right: 0;
        }

    .circle-primary {
        background-color: #5d9cec;
    }

    .circle-success {
        background-color: #27c24c;
    }

    .circle-info {
        background-color: #23b7e5;
    }

    .circle-warning {
        background-color: #ff902b;
    }

    .circle-danger {
        background-color: #f05050;
    }

    .circle-green {
        background-color: #37bc9b;
    }

    .circle-pink {
        background-color: #f532e5;
    }

    .circle-inverse {
        background-color: #131e26;
    }

    .circle-purple {
        background-color: #7266ba;
    }

    .circle-sm {
        width: 5px;
        height: 5px;
    }

    .circle-lg {
        width: 11px;
        height: 11px;
    }

    .circle-xl {
        width: 18px;
        height: 18px;
    }

    .circle-outline {
        background-color: transparent;
    }

        .circle-outline.circle-primary {
            border: 1px solid #5d9cec;
        }

        .circle-outline.circle-success {
            border: 1px solid #27c24c;
        }

        .circle-outline.circle-info {
            border: 1px solid #23b7e5;
        }

        .circle-outline.circle-warning {
            border: 1px solid #ff902b;
        }

        .circle-outline.circle-danger {
            border: 1px solid #f05050;
        }
    /* ========================================================================
   Component: timeline.less
 ========================================================================== */
    .timeline,
    .timeline-alt {
        list-style: none;
        padding: 0 0 20px;
        position: relative;
        z-index: 0;
    }

        .timeline:before,
        .timeline-alt:before {
            position: absolute;
            top: 0;
            bottom: 0;
            content: " ";
            width: 1px;
            background-color: #d1d2d3;
            left: 18px;
        }

        .timeline .timeline-end,
        .timeline-alt .timeline-end {
            float: none;
            clear: both;
        }

        .timeline .popover.left > .arrow:after,
        .timeline-alt .popover.left > .arrow:after {
            border-left-color: #fff;
        }

        .timeline .popover.right > .arrow:after,
        .timeline-alt .popover.right > .arrow:after {
            border-right-color: #fff;
        }

        .timeline .popover.left > .popover-title + .arrow:after,
        .timeline-alt .popover.left > .popover-title + .arrow:after {
            border-left-color: #fafafa;
        }

        .timeline .popover.right > .popover-title + .arrow:after,
        .timeline-alt .popover.right > .popover-title + .arrow:after {
            border-right-color: #fafafa;
        }

        .timeline > li,
        .timeline-alt > li {
            margin-bottom: 20px;
        }

            .timeline > li:before,
            .timeline-alt > li:before,
            .timeline > li:after,
            .timeline-alt > li:after {
                content: " ";
                display: table;
            }

            .timeline > li:after,
            .timeline-alt > li:after {
                clear: both;
            }

            .timeline > li.timeline-separator,
            .timeline-alt > li.timeline-separator {
                position: relative;
                float: none;
                clear: both;
                margin: 0 auto;
                padding: 40px 0;
            }

                .timeline > li.timeline-separator:first-child,
                .timeline-alt > li.timeline-separator:first-child {
                    padding-top: 0;
                }

                .timeline > li.timeline-separator:before,
                .timeline-alt > li.timeline-separator:before {
                    content: attr(data-datetime);
                    display: inline-block;
                    width: 120px;
                    text-align: center;
                    padding: 0 20px;
                    line-height: 30px;
                    background-color: #b6c5da;
                    color: #fff;
                }

            .timeline > li > .timeline-panel,
            .timeline-alt > li > .timeline-panel {
                margin-left: 60px;
            }

                .timeline > li > .timeline-panel .popover,
                .timeline-alt > li > .timeline-panel .popover {
                    position: relative;
                    display: block;
                    margin: 0;
                    width: 100%;
                    max-width: none;
                }

                    .timeline > li > .timeline-panel .popover .arrow,
                    .timeline-alt > li > .timeline-panel .popover .arrow {
                        top: 18px;
                        display: none;
                    }

                    .timeline > li > .timeline-panel .popover .popover-content .popover-title,
                    .timeline-alt > li > .timeline-panel .popover .popover-content .popover-title {
                        background-color: transparent;
                        border: 0;
                        padding-left: 0;
                        padding-top: 0;
                    }

            .timeline > li > .timeline-date,
            .timeline-alt > li > .timeline-date {
                margin: -20px 0 0;
                display: block;
                height: 20px;
                line-height: 20px;
                font-size: 13px;
            }

                .timeline > li > .timeline-date > time:after,
                .timeline-alt > li > .timeline-date > time:after {
                    content: attr(datetime);
                }

            .timeline > li > .timeline-badge,
            .timeline-alt > li > .timeline-badge {
                position: absolute;
                left: 0;
                width: 36px;
                height: 36px;
                border-radius: 500px;
                line-height: 36px;
                font-size: 1em;
                text-align: center;
                color: #fff;
                background-color: #999;
                z-index: 100;
            }

                .timeline > li > .timeline-badge.primary,
                .timeline-alt > li > .timeline-badge.primary {
                    background-color: #5d9cec;
                }

                .timeline > li > .timeline-badge.success,
                .timeline-alt > li > .timeline-badge.success {
                    background-color: #27c24c;
                }

                .timeline > li > .timeline-badge.warning,
                .timeline-alt > li > .timeline-badge.warning {
                    background-color: #ff902b;
                }

                .timeline > li > .timeline-badge.danger,
                .timeline-alt > li > .timeline-badge.danger {
                    background-color: #f05050;
                }

                .timeline > li > .timeline-badge.info,
                .timeline-alt > li > .timeline-badge.info {
                    background-color: #23b7e5;
                }

                .timeline > li > .timeline-badge.inverse,
                .timeline-alt > li > .timeline-badge.inverse {
                    background-color: #131e26;
                }

                .timeline > li > .timeline-badge.green,
                .timeline-alt > li > .timeline-badge.green {
                    background-color: #37bc9b;
                }

                .timeline > li > .timeline-badge.pink,
                .timeline-alt > li > .timeline-badge.pink {
                    background-color: #f532e5;
                }

                .timeline > li > .timeline-badge.purple,
                .timeline-alt > li > .timeline-badge.purple {
                    background-color: #7266ba;
                }

                .timeline > li > .timeline-badge.dark,
                .timeline-alt > li > .timeline-badge.dark {
                    background-color: #3a3f51;
                }

                .timeline > li > .timeline-badge.yellow,
                .timeline-alt > li > .timeline-badge.yellow {
                    background-color: #fad732;
                }

        .timeline-alt .popover .arrow {
            display: block !important;
        }

    .timeline-title {
        margin-top: 0;
        color: inherit;
    }

    .timeline-body > p,
    .timeline-body > ul {
        margin-bottom: 0;
    }

        .timeline-body > p + p {
            margin-top: 5px;
        }


    /* ========================================================================
   Component: dropdown-extras.less
 ========================================================================== */
    .dropdown-lg > .dropdown-menu {
        min-width: 200px;
    }

    .dropdown-list > .dropdown-menu {
        padding: 0;
        min-width: 320px;
    }

    .dropdown-list .list-group {
        margin: 0;
    }

    .dropdown-list .list-group-item {
        border-radius: 0;
        border-left: 0;
        border-right: 0;
    }

        .dropdown-list .list-group-item:first-child {
            border-top: 0;
        }

        .dropdown-list .list-group-item:last-child {
            border-bottom: 0;
        }

    .dropdown > a {
        position: relative;
    }

        .dropdown > a > .label {
            position: absolute;
            top: 0;
            right: 0;
            padding: 2px 5px;
        }

    .dropdown-menu-header {
        padding: 10px 15px;
        background-color: #fafafa;
        border-bottom: 1px solid #e1e1e1;
    }
    /* ========================================================================
   Component: row-extra.less
 ========================================================================== */
    .container-sm {
        max-width: 750px;
        width: auto;
    }

    .container-md {
        max-width: 970px;
        width: auto;
    }

    .container-lg {
        max-width: 1170px;
        width: auto;
    }

    .row-table {
        display: table;
        table-layout: fixed;
        height: 100%;
        width: 100%;
        margin: 0;
    }

        .row-table > [class*="col-"] {
            display: table-cell;
            float: none;
            table-layout: fixed;
            vertical-align: middle;
        }

    .row-flush > [class*="col-"] {
        padding-left: 0;
        padding-right: 0;
    }
    /* ========================================================================
   Component: half-float.less
 ========================================================================== */
    .half-float {
        position: relative;
        margin-bottom: 65px;
    }

        .half-float .half-float-bottom,
        .half-float .half-float-top {
            position: absolute;
            left: 50%;
            bottom: -60px;
            width: 120px;
            height: 120px;
            margin-left: -60px;
            z-index: 2;
        }

        .half-float .half-float-top {
            bottom: auto;
            top: -60px;
        }

        .half-float + * {
            margin-top: -55px;
            padding-top: 65px;
        }
    /* ========================================================================
   Component: masonry-grid.less
 ========================================================================== */
    .row-masonry {
        position: relative;
        margin: 0;
        padding: 0;
        width: 100%;
    }

        .row-masonry > .col-masonry {
            display: inline-block;
            width: 100%;
            min-height: 1em;
            margin-bottom: 15px;
        }
    /* Columns definition by devices */





    /* ========================================================================
   Component: widget.less
 ========================================================================== */
    .widget {
        margin-bottom: 20px;
        border: 0;
    }

        .widget.panel,
        .widget .panel {
            overflow: hidden;
        }

        .widget .lateral-picture {
            position: relative;
            display: block;
            height: 240px;
            width: auto;
            overflow: hidden;
        }

            .widget .lateral-picture > img {
                position: absolute;
                top: 0;
                left: 0;
                max-height: 100%;
                width: auto;
            }
    /* ========================================================================
   Component: animate.less
 ========================================================================== */
    @-webkit-keyframes fadeOutUpShort {
        0% {
            opacity: 1;
        }

        100% {
            opacity: 0;
            -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
        }
    }

    @keyframes fadeOutUpShort {
        0% {
            opacity: 1;
        }

        100% {
            opacity: 0;
            -webkit-transform: translate3d(0, -20px, 0);
            -ms-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
        }
    }

    .fadeOutUpShort {
        -webkit-animation-name: fadeOutUpShort;
        animation-name: fadeOutUpShort;
    }

    @-webkit-keyframes fadeInUpShort {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0);
        }

        100% {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
        }
    }

    @keyframes fadeInUpShort {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(0, 20px, 0);
            -ms-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0);
        }

        100% {
            opacity: 1;
            -webkit-transform: none;
            -ms-transform: none;
            transform: none;
        }
    }

    .fadeInUpShort {
        -webkit-animation-name: fadeInUpShort;
        animation-name: fadeInUpShort;
    }

    @-webkit-keyframes zoomInShort {
        0% {
            opacity: 0;
            -webkit-transform: scale3d(0.95, 0.95, 0.95);
            transform: scale3d(0.95, 0.95, 0.95);
        }

        50% {
            opacity: 1;
        }
    }

    @keyframes zoomInShort {
        0% {
            opacity: 0;
            -webkit-transform: scale3d(0.95, 0.95, 0.95);
            -ms-transform: scale3d(0.95, 0.95, 0.95);
            transform: scale3d(0.95, 0.95, 0.95);
        }

        50% {
            opacity: 1;
        }
    }

    .zoomInShort {
        -webkit-animation-name: zoomInShort;
        animation-name: zoomInShort;
    }

    @-webkit-keyframes zoomBack {
        0% {
            opacity: 1;
        }

        50% {
            opacity: 0;
            -webkit-transform: scale3d(0.5, 0.5, 0.5);
            transform: scale3d(0.5, 0.5, 0.5);
        }

        100% {
            opacity: 0;
        }
    }

    @keyframes zoomBack {
        0% {
            opacity: 1;
        }

        50% {
            opacity: 0;
            -webkit-transform: scale3d(0.5, 0.5, 0.5);
            -ms-transform: scale3d(0.5, 0.5, 0.5);
            transform: scale3d(0.5, 0.5, 0.5);
        }

        100% {
            opacity: 0;
        }
    }

    .zoomBack {
        -webkit-animation-name: zoomBack;
        animation-name: zoomBack;
    }

    @-webkit-keyframes fadeInLeft {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(-20px, 0, 0);
            transform: translate3d(-20px, 0, 0);
        }

        100% {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
        }
    }

    @keyframes fadeInLeft {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(-20px, 0, 0);
            -ms-transform: translate3d(-20px, 0, 0);
            transform: translate3d(-20px, 0, 0);
        }

        100% {
            opacity: 1;
            -webkit-transform: none;
            -ms-transform: none;
            transform: none;
        }
    }

    .fadeInLeft {
        -webkit-animation-name: fadeInLeft;
        animation-name: fadeInLeft;
    }
    /*!
 * table-grid (http://mdo.github.io/table-grid)
 * Released under MIT, (c) 2014 Mark Otto
 */
    /*
 * The Grid
 */



    /*
 * Vertically center grid content
 *
 * Requires content within the column to be inline or inline-block.
 */
    .table-grid-align-middle .col {
        vertical-align: middle;
    }
    /* ========================================================================
   Component: todo.less
 ========================================================================== */
    .todo .todo-item-list {
        position: relative;
    }

    .todo .todo-item .todo-edit {
        display: none;
        cursor: pointer;
    }

    .todo .todo-item:hover .todo-edit {
        display: inline;
    }

    .todo .todo-item.todo-complete .todo-edit {
        display: none;
    }

    .todo textarea {
        resize: none;
        max-width: 100%;
        min-width: 100%;
    }

    .todo .todo-complete {
        background: #edf1f2;
        opacity: .6;
        color: #232735;
    }

        .todo .todo-complete .todo-title {
            text-decoration: line-through;
        }

    .todo .panel-group > .panel {
        border: 1px;
        margin: 0;
    }

        .todo .panel-group > .panel .panel-body {
            border-bottom: 1px solid #edf1f2;
        }
    /* ========================================================================
   Component: nestable.less
 ========================================================================== */
    .dd {
        position: relative;
        display: block;
        margin: 0;
        padding: 0;
        max-width: 600px;
        list-style: none;
        font-size: 13px;
        line-height: 20px;
    }

    .dd-list {
        display: block;
        position: relative;
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .dd-list .dd-list {
            padding-left: 30px;
        }

    .dd-collapsed .dd-list {
        display: none;
    }

    .dd-item,
    .dd-empty,
    .dd-placeholder {
        display: block;
        position: relative;
        margin: 0;
        padding: 0;
        min-height: 20px;
        font-size: 13px;
        line-height: 20px;
    }

    .dd-handle {
        display: block;
        margin: 5px 0;
        padding: 10px 10px;
        text-decoration: none;
        border: 1px solid #ebebeb;
        background: #fff;
        -webkit-border-radius: 3px;
        border-radius: 3px;
    }

        .dd-handle:hover {
            background: #fff;
        }

    .dd-item > button {
        display: block;
        position: relative;
        cursor: pointer;
        float: left;
        width: 25px;
        height: 30px;
        margin: 5px 0;
        padding: 0;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        border: 0;
        background: transparent;
        font-size: 12px;
        line-height: 1;
        text-align: center;
        font-weight: bold;
    }

        .dd-item > button:before {
            content: '+';
            display: block;
            position: absolute;
            width: 100%;
            text-align: center;
            text-indent: 0;
        }

        .dd-item > button[data-action="collapse"]:before {
            content: '-';
        }

    .dd-placeholder,
    .dd-empty {
        margin: 5px 0;
        padding: 0;
        min-height: 30px;
        background: #f2fbff;
        border: 1px dashed #b6bcbf;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

    .dd-empty {
        border: 1px dashed #bbb;
        min-height: 100px;
        background-color: #e5e5e5;
        background-size: 60px 60px;
        background-position: 0 0, 30px 30px;
    }

    .dd-dragel {
        position: absolute;
        pointer-events: none;
        z-index: 9999;
    }

        .dd-dragel > .dd-item .dd-handle {
            margin-top: 0;
        }

        .dd-dragel .dd-handle {
            -webkit-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
        }
    /**
 * Nestable Extras
 */
    .nestable-lists {
        display: block;
        clear: both;
        padding: 30px 0;
        width: 100%;
        border: 0;
        border-top: 2px solid #ddd;
        border-bottom: 2px solid #ddd;
    }



    .dd-hover > .dd-handle {
        background: #2ea8e5 !important;
    }
    /**
 * Nestable Draggable Handles
 */
    .dd3-content {
        display: block;
        margin: 5px 0;
        padding: 10px 10px 10px 50px;
        text-decoration: none;
        border: 1px solid #ebebeb;
        background: #fff;
        -webkit-border-radius: 3px;
        border-radius: 3px;
    }

    .dd-dragel > .dd3-item > .dd3-content {
        margin: 0;
    }

    .dd3-item > button {
        margin-left: 40px;
    }

    .dd3-handle {
        position: absolute;
        margin: 0;
        left: 0;
        top: 0;
        cursor: pointer;
        width: 40px;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        border: 1px solid #ebebeb;
        background: #fff;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

        .dd3-handle:before {
            content: '=';
            display: block;
            position: absolute;
            left: 0;
            top: 10px;
            width: 100%;
            text-align: center;
            text-indent: 0;
            color: #ccc;
            font-size: 20px;
            font-weight: normal;
        }

        .dd3-handle:hover {
            background: #f7f7f7;
        }
    /* ========================================================================
   Component: chart-flot.less
 ========================================================================== */
    .flot-chart {
        display: block;
        width: 100%;
        height: 206px;
    }

        .flot-chart .legend > table tr td {
            padding: 3px;
        }

            .flot-chart .legend > table tr td:first-child {
                padding-left: 3px;
            }

            .flot-chart .legend > table tr td:last-child {
                padding-right: 3px;
            }

        .flot-chart .legend > table tr + tr td {
            padding-top: 0;
        }

        .flot-chart .legend > div:first-child {
            border-color: rgba(0, 0, 0, 0.1) !important;
        }

        .flot-chart .legend .legendColorBox > div,
        .flot-chart .legend .legendColorBox > div > div {
            border-radius: 400px;
        }

    .flot-chart-content {
        width: 100%;
        height: 100%;
    }

    .flot-pie-label {
        padding: 3px 5px;
        font-size: 10px;
        text-align: center;
        color: #fff;
    }

    #flotTip {
        position: relative;
        padding: 5px;
        font-size: 12px !important;
        border-radius: 2px !important;
        border-color: transparent !important;
        background-color: rgba(0, 0, 0, 0.75) !important;
        color: #f1f1f1;
        z-index: 5;
    }
    /* ========================================================================
   Component: chart-easypie.less
 ========================================================================== */
    .easypie-chart {
        display: inline-block;
        position: relative;
        padding: 0 6px;
    }

        .easypie-chart span {
            display: block;
            position: absolute;
            left: 50%;
            top: 50%;
            width: 100%;
            margin-left: -50%;
            height: 30px;
            margin-top: -15px;
            font-size: 20px;
        }

        .easypie-chart canvas {
            max-width: 100%;
        }
    /* ========================================================================
   Component: form-elements.less
 ========================================================================== */
    /**
 * Custom form elements
 *    - Checkbox 
 *    - Radios
 *    - Switch
 *    - Rounded inputs
 */

    .c-checkbox,
    .c-radio {
        margin-right: 4px;
    }

        .c-checkbox *,
        .c-radio * {
            cursor: pointer;
        }

        .c-checkbox input,
        .c-radio input {
            opacity: 0;
            /*position: absolute;
            margin-left: 0 !important;*/
        }

        .c-checkbox span,
        .c-radio span {
            position: relative;
            display: inline-block;
            vertical-align: top;
            margin-left: -20px;
            width: 20px;
            height: 20px;
            border-radius: 2px;
            border: 1px solid #ccc;
            margin-right: 5px;
            text-align: center;
        }

            .c-checkbox span:before,
            .c-radio span:before {
                margin-left: 1px;
            }

        .c-checkbox:hover span,
        .c-radio:hover span {
            border-color: #5d9cec;
        }

    .form-inline .c-checkbox span,
    .form-inline .c-radio span {
        margin-left: 0;
    }

    .c-checkbox.c-checkbox-rounded span,
    .c-radio.c-checkbox-rounded span,
    .c-checkbox.c-radio-rounded span,
    .c-radio.c-radio-rounded span {
        border-radius: 500px;
    }
    /* override for radio */
    .c-radio span {
        border-radius: 500px;
    }
        /* the icon */
        .c-checkbox span:before,
        .c-radio span:before {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            opacity: 0;
            text-align: center !important;
            font-size: 12px;
            line-height: 18px;
            vertical-align: middle;
        }
    /* Checked state */
    .c-checkbox,
    .c-radio {
        /* override for radio */
        /* Disable state */
        /* override for radio */
    }

        .c-checkbox input[type=checkbox]:checked + span:before,
        .c-radio input[type=checkbox]:checked + span:before,
        .c-checkbox input[type=radio]:checked + span:before,
        .c-radio input[type=radio]:checked + span:before {
            color: #fff;
            opacity: 1;
            transition: color 0.3s ease-out;
        }

        .c-checkbox input[type=checkbox]:checked + span,
        .c-radio input[type=checkbox]:checked + span,
        .c-checkbox input[type=radio]:checked + span,
        .c-radio input[type=radio]:checked + span {
            border-color: #5d9cec;
            background-color: #5d9cec;
        }

        .c-checkbox input[type=radio]:checked + span,
        .c-radio input[type=radio]:checked + span {
            background-color: #fff;
        }

            .c-checkbox input[type=radio]:checked + span:before,
            .c-radio input[type=radio]:checked + span:before {
                color: #5d9cec;
            }

        .c-checkbox input[type=checkbox]:disabled + span,
        .c-radio input[type=checkbox]:disabled + span,
        .c-checkbox input[type=radio]:disabled + span,
        .c-radio input[type=radio]:disabled + span {
            border-color: #dddddd !important;
            background-color: #dddddd !important;
        }



        .c-checkbox input[type=radio]:disabled + span,
        .c-radio input[type=radio]:disabled + span {
            background-color: #fff !important;
        }

            .c-checkbox input[type=radio]:disabled + span:before,
            .c-radio input[type=radio]:disabled + span:before {
                color: #dddddd;
            }

        .c-radio.c-radio-nofont {
            /* override for radio */
            /* Disable state */
            /* override for radio */
        }

            .c-radio.c-radio-nofont span:before {
                content: "";
                width: 10px;
                height: 10px;
                top: 50%;
                left: 50%;
                margin-top: -5px;
                margin-left: -5px;
                border-radius: 500px;
            }

            .c-radio.c-radio-nofont input[type=radio]:checked + span:before {
                color: #fff;
                opacity: 1;
                transition: color 0.3s ease-out;
            }

            .c-radio.c-radio-nofont input[type=radio]:checked + span {
                border-color: #5d9cec;
                background-color: #5d9cec;
            }

            .c-radio.c-radio-nofont input[type=radio]:checked + span {
                background-color: #fff;
            }

                .c-radio.c-radio-nofont input[type=radio]:checked + span:before {
                    background-color: #5d9cec;
                }

            .c-radio.c-radio-nofont input[type=radio]:disabled + span {
                border-color: #dddddd !important;
                background-color: #dddddd !important;
            }

            .c-radio.c-radio-nofont input[type=radio]:disabled + span {
                background-color: #fff !important;
            }

                .c-radio.c-radio-nofont input[type=radio]:disabled + span:before {
                    background-color: #dddddd;
                }

    .form-control-rounded {
        border-radius: 100px;
    }

    .switch .form-control {
        padding-top: 7px;
        margin-bottom: 0;
    }

    .switch * {
        cursor: pointer;
    }

    .switch input {
        opacity: 0;
        position: absolute;
        z-index: -1;
    }

    .switch span {
        position: relative;
        display: inline-block;
        width: 40px;
        height: 20px;
        background-color: #fff;
        border: 1px solid #dddddd;
        border-radius: 100px;
        transition: all .5s;
        box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.1) inset;
        vertical-align: middle;
    }

        .switch span:after {
            content: "";
            position: absolute;
            background-color: #fff;
            top: 0;
            left: 0;
            height: 18px;
            width: 18px;
            border: 1px solid #ddd;
            border-radius: 400px;
            box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
            -webkit-transition: all .2s;
        }

    .switch.switch-lg span {
        width: 50px;
        height: 25px;
    }

        .switch.switch-lg span:after {
            height: 23px;
            width: 23px;
        }

    .switch.switch-sm span {
        width: 30px;
        height: 15px;
    }

        .switch.switch-sm span:after {
            height: 13px;
            width: 13px;
        }

    .switch input:checked + span {
        background-color: #5d9cec;
        border-color: #5d9cec;
        transition: all .5s;
    }

        .switch input:checked + span:after {
            left: 50%;
            transition: all .2s;
        }

    .form-control-feedback {
        right: 0;
    }

    .form-control + .form-control-feedback,
    .form-control + .parsley-errors-list + .form-control-feedback {
        right: 0;
        left: auto;
    }

    .input-sm + .form-control-feedback,
    .input-sm + .parsley-errors-list + .form-control-feedback {
        top: 0;
    }

    .input-md {
        width: 260px;
    }

    .note-editor {
        background-image: -webkit-linear-gradient(#eeeeee 0.1em, transparent 0.1em);
        background-image: linear-gradient(#eeeeee 0.1em, transparent 0.1em);
        background-size: 100% 20px;
        background-color: #fff;
        line-height: 20px;
        margin-top: 5px;
        padding: 0;
        padding-bottom: 1px;
        border: none;
    }

        .note-editor.note-editor-margin {
            background-image: -webkit-linear-gradient(0deg, transparent 49px, #ffe0c4 49px, #ffe0c4 51px, transparent 51px), -webkit-linear-gradient(#eeeeee 0.1em, transparent 0.1em);
            background-image: linear-gradient(90deg, transparent 49px, #ffe0c4 49px, #ffe0c4 51px, transparent 51px), linear-gradient(#eeeeee 0.1em, transparent 0.1em);
            padding-left: 55px;
        }
    /* ========================================================================
   Component: form-validation.less
 ========================================================================== */
    .parsley-error {
        border-color: #f05050 !important;
    }

    .parsley-errors-list {
        display: none;
        margin: 0;
        padding: 0;
    }

        .parsley-errors-list.filled {
            display: block;
        }

        .parsley-errors-list > li {
            font-size: 12px;
            list-style: none;
            color: #f05050;
        }
    /* ========================================================================
   Component: form-tags.less
 ========================================================================== */
    body .bootstrap-tagsinput {
        box-shadow: 0 0 0 #000 !important;
        display: block;
        width: 100%;
        height: 35px;
        padding: 6px 16px;
        font-size: 14px;
        line-height: 1.52857143;
        color: #3a3f51;
        background-color: #ffffff;
        background-image: none;
        border: 1px solid #dde6e9;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        height: auto;
        min-height: 35px;
        margin-bottom: 0;
    }

        body .bootstrap-tagsinput:focus {
            border-color: #66afe9;
            outline: 0;
            -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
            box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
        }

        body .bootstrap-tagsinput::-moz-placeholder {
            color: #b7bac9;
            opacity: 1;
        }

        body .bootstrap-tagsinput:-ms-input-placeholder {
            color: #b7bac9;
        }

        body .bootstrap-tagsinput::-webkit-input-placeholder {
            color: #b7bac9;
        }

        body .bootstrap-tagsinput[disabled],
        body .bootstrap-tagsinput[readonly],
        fieldset[disabled] body .bootstrap-tagsinput {
            cursor: not-allowed;
            background-color: #edf1f2;
            opacity: 1;
        }

    textareabody .bootstrap-tagsinput {
        height: auto;
    }

    body .bootstrap-tagsinput .tag {
        color: #fff;
    }
    /* ========================================================================
   Component: form-wizard.less
 ========================================================================== */
    .wizard,
    .tabcontrol {
        display: block;
        width: 100%;
        overflow: hidden;
    }

        .wizard a,
        .tabcontrol a {
            outline: 0;
        }

        .wizard ul,
        .tabcontrol ul {
            list-style: none !important;
            padding: 0;
            margin: 0;
        }

            .wizard ul > li,
            .tabcontrol ul > li {
                display: block;
                padding: 0;
            }

        .wizard > .steps .current-info,
        .tabcontrol > .steps .current-info {
            position: absolute;
            left: -999em;
        }

        .wizard > .content > .title,
        .tabcontrol > .content > .title {
            position: absolute;
            left: -999em;
        }

        .wizard > .steps {
            position: relative;
            display: block;
            width: 100%;
        }

            .wizard > .steps .number {
                font-size: 1.429em;
            }

            .wizard > .steps > ul > li {
                width: 25%;
            }

        .wizard > .content {
            background: #fff;
            display: block;
            margin: 0.5em;
            min-height: 300px;
            overflow: hidden;
            position: relative;
            width: auto;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
        }

            .wizard > .content > .body {
                float: left;
                position: absolute;
                width: 100%;
                height: 95%;
                padding: 2.5% 0;
            }

                .wizard > .content > .body ul {
                    list-style: disc !important;
                }

                    .wizard > .content > .body ul > li {
                        display: list-item;
                    }

                .wizard > .content > .body > iframe {
                    border: 0 none;
                    width: 100%;
                    height: 100%;
                }

                .wizard > .content > .body input {
                    display: block;
                }

                    .wizard > .content > .body input.error {
                        background: #fbe3e4;
                        border: 1px solid #fbc2c4;
                        color: #8a1f11;
                    }

                .wizard > .content > .body label {
                    display: inline-block;
                    margin-bottom: 0.5em;
                }

                    .wizard > .content > .body label.error {
                        color: #f05050;
                        display: block !important;
                        margin-left: 1.5em;
                        padding: 0;
                    }

        .wizard > .actions {
            position: relative;
            display: block;
            text-align: right;
            width: 100%;
        }

            .wizard > .actions > ul {
                display: inline-block;
                text-align: right;
            }

                .wizard > .actions > ul > li {
                    margin: 0 0.5em;
                }

        .wizard.vertical > .steps {
            display: inline;
            float: left;
            width: 30%;
        }

            .wizard.vertical > .steps > ul > li {
                float: none;
                width: 100%;
            }

        .wizard.vertical > .content {
            display: inline;
            float: left;
            margin: 0 2.5% 0.5em 2.5%;
            width: 65%;
        }

        .wizard.vertical > .actions {
            display: inline;
            float: right;
            margin: 0 2.5%;
            width: 95%;
        }

            .wizard.vertical > .actions > ul > li {
                margin: 0 0 0 1em;
            }

        .wizard > .steps > ul > li,
        .wizard > .actions > ul > li {
            float: left;
        }

        .wizard > .steps a,
        .wizard > .steps a:hover,
        .wizard > .steps a:active {
            display: block;
            width: auto;
            margin: 0 0.5em 0.5em;
            padding: 1em 1em;
            text-decoration: none;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 0;
            font-weight: bold;
            color: #515253;
        }

            .wizard > .steps a > small,
            .wizard > .steps a:hover > small,
            .wizard > .steps a:active > small {
                font-weight: normal;
                color: #909fa7;
            }

        .wizard > .steps .disabled a,
        .wizard > .steps .disabled a:hover,
        .wizard > .steps .disabled a:active {
            background: #fcfcfc;
            color: #515253;
            cursor: default;
        }

        .wizard > .steps .current a,
        .wizard > .steps .current a:hover,
        .wizard > .steps .current a:active {
            background: #5d9cec;
            color: #fff;
            cursor: default;
        }

            .wizard > .steps .current a > small,
            .wizard > .steps .current a:hover > small,
            .wizard > .steps .current a:active > small {
                color: #fff;
            }

        .wizard > .steps .done a,
        .wizard > .steps .done a:hover,
        .wizard > .steps .done a:active {
            background: #fcfcfc;
            color: #515253;
        }

        .wizard > .steps .error a,
        .wizard > .steps .error a:hover,
        .wizard > .steps .error a:active {
            background: #ff3111;
            color: #fff;
        }

        .wizard > .actions a,
        .wizard > .actions a:hover,
        .wizard > .actions a:active {
            display: inline-block;
            padding: 6px 16px;
            font-size: 13px;
            border-radius: 3px;
            text-decoration: none;
            color: #ffffff;
            background-color: #5d9cec;
            border-color: #5d9cec;
        }

            .wizard > .actions a:focus,
            .wizard > .actions a:hover:focus,
            .wizard > .actions a:active:focus,
            .wizard > .actions a.focus,
            .wizard > .actions a:hover.focus,
            .wizard > .actions a:active.focus {
                color: #ffffff;
                background-color: #4b91ea;
                border-color: #3886e8;
            }

            .wizard > .actions a:hover,
            .wizard > .actions a:hover:hover,
            .wizard > .actions a:active:hover {
                color: #ffffff;
                background-color: #4b91ea;
                border-color: #3886e8;
            }

                .wizard > .actions a:active,
                .wizard > .actions a:hover:active,
                .wizard > .actions a:active:active,
                .wizard > .actions a.active,
                .wizard > .actions a:hover.active,
                .wizard > .actions a:active.active,
                .open > .dropdown-toggle.wizard > .actions a,
                .open > .dropdown-toggle.wizard > .actions a:hover,
                .open > .dropdown-toggle.wizard > .actions a:active {
                    color: #ffffff;
                    background-color: #4b91ea;
                    border-color: #3886e8;
                }

                    .wizard > .actions a:active:hover,
                    .wizard > .actions a:hover:active:hover,
                    .wizard > .actions a:active:active:hover,
                    .wizard > .actions a.active:hover,
                    .wizard > .actions a:hover.active:hover,
                    .wizard > .actions a:active.active:hover,
                    .open > .dropdown-toggle.wizard > .actions a:hover,
                    .open > .dropdown-toggle.wizard > .actions a:hover:hover,
                    .open > .dropdown-toggle.wizard > .actions a:active:hover,
                    .wizard > .actions a:active:focus,
                    .wizard > .actions a:hover:active:focus,
                    .wizard > .actions a:active:active:focus,
                    .wizard > .actions a.active:focus,
                    .wizard > .actions a:hover.active:focus,
                    .wizard > .actions a:active.active:focus,
                    .open > .dropdown-toggle.wizard > .actions a:focus,
                    .open > .dropdown-toggle.wizard > .actions a:hover:focus,
                    .open > .dropdown-toggle.wizard > .actions a:active:focus,
                    .wizard > .actions a:active.focus,
                    .wizard > .actions a:hover:active.focus,
                    .wizard > .actions a:active:active.focus,
                    .wizard > .actions a.active.focus,
                    .wizard > .actions a:hover.active.focus,
                    .wizard > .actions a:active.active.focus,
                    .open > .dropdown-toggle.wizard > .actions a.focus,
                    .open > .dropdown-toggle.wizard > .actions a:hover.focus,
                    .open > .dropdown-toggle.wizard > .actions a:active.focus {
                        color: #ffffff;
                        background-color: #4b91ea;
                        border-color: #3886e8;
                    }

                    .wizard > .actions a:active,
                    .wizard > .actions a:hover:active,
                    .wizard > .actions a:active:active,
                    .wizard > .actions a.active,
                    .wizard > .actions a:hover.active,
                    .wizard > .actions a:active.active,
                    .open > .dropdown-toggle.wizard > .actions a,
                    .open > .dropdown-toggle.wizard > .actions a:hover,
                    .open > .dropdown-toggle.wizard > .actions a:active {
                        background-image: none;
                    }

                        .wizard > .actions a.disabled,
                        .wizard > .actions a:hover.disabled,
                        .wizard > .actions a:active.disabled,
                        .wizard > .actions a[disabled],
                        .wizard > .actions a:hover[disabled],
                        .wizard > .actions a:active[disabled],
                        fieldset[disabled] .wizard > .actions a,
                        fieldset[disabled] .wizard > .actions a:hover,
                        fieldset[disabled] .wizard > .actions a:active,
                        .wizard > .actions a.disabled:hover,
                        .wizard > .actions a:hover.disabled:hover,
                        .wizard > .actions a:active.disabled:hover,
                        .wizard > .actions a[disabled]:hover,
                        .wizard > .actions a:hover[disabled]:hover,
                        .wizard > .actions a:active[disabled]:hover,
                        fieldset[disabled] .wizard > .actions a:hover,
                        fieldset[disabled] .wizard > .actions a:hover:hover,
                        fieldset[disabled] .wizard > .actions a:active:hover,
                        .wizard > .actions a.disabled:focus,
                        .wizard > .actions a:hover.disabled:focus,
                        .wizard > .actions a:active.disabled:focus,
                        .wizard > .actions a[disabled]:focus,
                        .wizard > .actions a:hover[disabled]:focus,
                        .wizard > .actions a:active[disabled]:focus,
                        fieldset[disabled] .wizard > .actions a:focus,
                        fieldset[disabled] .wizard > .actions a:hover:focus,
                        fieldset[disabled] .wizard > .actions a:active:focus,
                        .wizard > .actions a.disabled.focus,
                        .wizard > .actions a:hover.disabled.focus,
                        .wizard > .actions a:active.disabled.focus,
                        .wizard > .actions a[disabled].focus,
                        .wizard > .actions a:hover[disabled].focus,
                        .wizard > .actions a:active[disabled].focus,
                        fieldset[disabled] .wizard > .actions a.focus,
                        fieldset[disabled] .wizard > .actions a:hover.focus,
                        fieldset[disabled] .wizard > .actions a:active.focus,
                        .wizard > .actions a.disabled:active,
                        .wizard > .actions a:hover.disabled:active,
                        .wizard > .actions a:active.disabled:active,
                        .wizard > .actions a[disabled]:active,
                        .wizard > .actions a:hover[disabled]:active,
                        .wizard > .actions a:active[disabled]:active,
                        fieldset[disabled] .wizard > .actions a:active,
                        fieldset[disabled] .wizard > .actions a:hover:active,
                        fieldset[disabled] .wizard > .actions a:active:active,
                        .wizard > .actions a.disabled.active,
                        .wizard > .actions a:hover.disabled.active,
                        .wizard > .actions a:active.disabled.active,
                        .wizard > .actions a[disabled].active,
                        .wizard > .actions a:hover[disabled].active,
                        .wizard > .actions a:active[disabled].active,
                        fieldset[disabled] .wizard > .actions a.active,
                        fieldset[disabled] .wizard > .actions a:hover.active,
                        fieldset[disabled] .wizard > .actions a:active.active {
                            background-color: #5d9cec;
                            border-color: #5d9cec;
                        }

                        .wizard > .actions a .badge,
                        .wizard > .actions a:hover .badge,
                        .wizard > .actions a:active .badge {
                            color: #5d9cec;
                            background-color: #ffffff;
                        }

        .wizard > .actions .disabled a,
        .wizard > .actions .disabled a:hover,
        .wizard > .actions .disabled a:active {
            color: #333333;
            background: #ffffff;
            border: 1px solid #eaeaea;
        }

        .tabcontrol > .steps {
            position: relative;
            display: block;
            width: 100%;
        }

            .tabcontrol > .steps > ul {
                position: relative;
                margin: 6px 0 0 0;
                top: 1px;
                z-index: 1;
            }

                .tabcontrol > .steps > ul > li {
                    float: left;
                    margin: 5px 2px 0 0;
                    padding: 1px;
                    -webkit-border-top-left-radius: 5px;
                    -webkit-border-top-right-radius: 5px;
                    -moz-border-radius-topleft: 5px;
                    -moz-border-radius-topright: 5px;
                    border-top-left-radius: 5px;
                    border-top-right-radius: 5px;
                }

                    .tabcontrol > .steps > ul > li > a {
                        color: #5f5f5f;
                        display: inline-block;
                        border: 0 none;
                        margin: 0;
                        padding: 10px 30px;
                        text-decoration: none;
                    }

                        .tabcontrol > .steps > ul > li > a:hover {
                            text-decoration: none;
                        }

                    .tabcontrol > .steps > ul > li:hover {
                        background: #edecec;
                        border: 1px solid #bbb;
                        padding: 0;
                    }

                    .tabcontrol > .steps > ul > li.current {
                        background: #fff;
                        border: 1px solid #bbb;
                        border-bottom: 0 none;
                        padding: 0 0 1px 0;
                        margin-top: 0;
                    }

                        .tabcontrol > .steps > ul > li.current > a {
                            padding: 15px 30px 10px 30px;
                        }

        .tabcontrol > .content {
            position: relative;
            display: inline-block;
            width: 100%;
            height: 300px;
            overflow: hidden;
            border-top: 1px solid #bbb;
            padding-top: 20px;
        }

            .tabcontrol > .content > .body {
                float: left;
                position: absolute;
                width: 95%;
                height: 95%;
                padding: 2.5%;
            }

                .tabcontrol > .content > .body ul {
                    list-style: disc !important;
                }

                    .tabcontrol > .content > .body ul > li {
                        display: list-item;
                    }
    /* ========================================================================
   Component: form-imgcrop.less
 ========================================================================== */
    .img-container,
    .img-preview {
        background-color: #f7f7f7;
        overflow: hidden;
        width: 100%;
        text-align: center;
    }

    .img-container {
        min-height: 200px;
        max-height: 340px;
        margin-bottom: 20px;
    }

    .docs-preview {
        margin-right: -15px;
        margin-bottom: 10px;
    }

    .img-preview {
        float: left;
        margin-right: 10px;
        margin-bottom: 10px;
    }

        .img-preview > img {
            max-width: 100%;
        }

    .preview-lg {
        width: 263px;
        height: 148px;
    }

    .preview-md {
        width: 139px;
        height: 78px;
    }

    .preview-sm {
        width: 69px;
        height: 39px;
    }

    .preview-xs {
        width: 35px;
        height: 20px;
        margin-right: 0;
    }

    .cropper-container img {
        display: block;
        width: 100%;
        min-width: 0 !important;
        max-width: none !important;
        height: 100%;
        min-height: 0 !important;
        max-height: none !important;
        image-orientation: 0deg !important;
    }
    /* ========================================================================
   Component: datatable.less
 ========================================================================== */
    .dataTables_filter input {
        margin-left: 10px;
    }

    .dataTables_length select {
        margin-right: 10px;
    }

    table.dataTable tfoot > tr > th {
        color: #a1a2a3;
        background: #f1f2f3;
    }

    .panel .dataTables_wrapper .row {
        margin: 10px 0;
    }

    .panel .dataTable {
        width: 100% !important;
    }

    .ColVis .ColVis_Button {
        background-image: none;
        border: 1px solid #e1e2e3;
        box-shadow: 0 0 0 #000;
    }

        .ColVis .ColVis_Button > span {
            color: #656565;
        }

    .ColVis_collectionBackground {
        display: none;
    }

    ul.ColVis_collection {
        background-color: #fff;
    }

        ul.ColVis_collection > li {
            border: 0 !important;
            background-image: none !important;
            box-shadow: 0 0 0 #000 !important;
            margin: 0;
        }

            ul.ColVis_collection > li > label {
                margin: 0;
            }

                ul.ColVis_collection > li > label > span {
                    color: #888;
                    vertical-align: top;
                    font-weight: normal;
                }

                    ul.ColVis_collection > li > label > span:hover {
                        color: #555;
                    }

                ul.ColVis_collection > li > label input[type=checkbox]:checked + span,
                ul.ColVis_collection > li > label input[type=radio]:checked + span {
                    background-color: transparent;
                }

    .ColVis_catcher {
        cursor: pointer;
    }

    .table-responsive .dataTables_wrapper .row {
        margin: 0;
    }


    /* ========================================================================
   Component: table-extras.less
 ========================================================================== */
    .today_entery .table > thead > tr > th {
        text-align: left;
        padding-left: 8px;
        padding-right: 8px;
    }

    .today_entery .table > tbody > tr > td {
        border: 1px solid #eeeeee;
        padding: 4px 8px;
        /*text-transform: capitalize;*/
    }

    .today_entery .booked-hours-right {
        text-align: right !important;
    }

    .table > thead > tr > th {
        color: #888;
    }

    .table > tbody > tr > td {
        vertical-align: middle;
    }

        .table > tbody > tr > td > .media img {
            width: 36px;
            height: 36px;
            margin: 0 auto;
        }

    .table .checkbox {
        margin: 0 auto;
        width: 20px;
    }

    .table .progress {
        margin-bottom: 0;
    }

    .table .radial-bar {
        margin-bottom: 0;
        margin: 0 auto;
    }

    .jqstooltip {
        box-sizing: content-box;
    }

    #table-ext-1 th:nth-child(1) {
        width: 3%;
    }

    #table-ext-1 th:nth-child(2) {
        width: 5%;
    }

    #table-ext-1 th:nth-child(7) {
        width: 5%;
    }

    #table-ext-1 th:nth-child(9) {
        width: 5%;
    }

    #table-ext-2 th:nth-child(1) {
        width: 5%;
    }

    #table-ext-2 th:nth-child(3) {
        width: 10%;
    }
    /* ========================================================================
   Component: jqgrid.less
 ========================================================================== */
    .ui-widget {
        font-family: inherit;
    }

    .ui-jqgrid {
        border-radius: 4px;
        border-width: 3px 1px 1px 1px;
        border-color: #cfdbe2;
    }

        /*.ui-jqgrid .ui-jqgrid-titlebar {
            position: relative;
            padding: 8px 15px;
            border-bottom: 0;
            line-height: 1.52857143;
            text-transform: none;
            font-size: 14px;
            font-weight: normal;
            background-color: #fff;
            color: #444;
        }*/
        .ui-jqgrid .ui-jqgrid-titlebar {
            position: relative;
            padding: 8px 15px;
            border-bottom: 0;
            line-height: 1.52857143;
            text-transform: none;
            /*font-size change 14px*/
            font-size: 16px;
            font-weight: normal;
            background-color: #fff;
            /*color: #444;*/
            color: #fff;
        }

            .ui-jqgrid .ui-jqgrid-titlebar .ui-jqgrid-titlebar-close {
                margin-right: 10px;
            }

        .ui-jqgrid .ui-jqgrid-pager {
            position: relative;
            padding: 8px 14px !important;
            height: auto !important;
            max-width: 100%;
        }

            .ui-jqgrid .ui-jqgrid-pager .ui-pg-table .navtable .ui-corner-all {
                border-radius: 0px;
            }

            .ui-jqgrid .ui-jqgrid-pager .ui-pg-input,
            .ui-jqgrid .ui-jqgrid-pager .ui-pg-selbox {
                height: 24px;
                padding: 4px;
                font-size: 12px;
                line-height: 1.5;
                color: #3a3f51;
                background-color: #ffffff;
                background-image: none;
                border: 1px solid #dde6e9;
                border-radius: 4px;
                -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
                box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
            }

            .ui-jqgrid .ui-jqgrid-pager .ui-pager-control {
                position: relative;
            }

            .ui-jqgrid .ui-jqgrid-pager .ui-pg-button:hover {
                padding: 1px;
                border: 0;
            }

        .ui-jqgrid .loading {
            position: absolute;
            top: 45%;
            left: 45%;
            width: auto;
            height: auto;
            z-index: 101;
            padding: 6px;
            margin: 5px;
            text-align: center;
            font-weight: bold;
            display: none;
            border-width: 2px !important;
            font-size: 11px;
        }

    .ui-state-default,
    .ui-widget-content .ui-state-default,
    .ui-widget-header .ui-state-default {
        border: 0;
        background: #e5eff6;
        font-weight: bold;
        color: #888;
        width: 100%;
    }



        .ui-state-default.ui-state-hover,
        .ui-widget-content .ui-state-default.ui-state-hover,
        .ui-widget-header .ui-state-default.ui-state-hover {
            background: #fafbfc;
        }

        .ui-state-default .ui-state-default,
        .ui-widget-content .ui-state-default .ui-state-default,
        .ui-widget-header .ui-state-default .ui-state-default {
            border-top: 0 !important;
        }

    /*.ui-widget-header {
        background-image: none;
    }*/
    .ui-widget-header {
        background-image: none;
        background-color: #707070 !important;
    }

    .ui-jqgrid tr.ui-row-ltr td {
        border-right: 0;
        text-align: left;
        border-color: #edf1f2;
        background-color: inherit;
    }

    .ui-jqgrid tr.ui-search-toolbar th {
        border-top-width: 0 !important;
        border-top-color: inherit !important;
        border-top-style: ridge !important;
    }

    .ui-jqgrid tr.jqgrow td {
        padding: 8px;
    }

    .ui-jqgrid .ui-jqgrid-btable {
        border-collapse: separate;
    }

    .ui-jqgrid .ui-jqgrid-htable {
        border-collapse: separate;
    }

        .ui-jqgrid .ui-jqgrid-htable th {
            padding: 0 2px;
        }

    .ui-jqgrid .ui-jqgrid-bdiv,
    .ui-jqgrid .ui-jqgrid-btable {
        width: 100% !important;
    }

    .ui-jqgrid tr.jqfoot td {
        min-height: 25px;
        padding: 5px 2px;
    }

    .ui-jqgrid tr.footrow td {
        height: 30px;
    }

    .ui-jqgrid tr.footrow-ltr td {
        border: 0;
    }

    .ui-search-toolbar input[type="text"] {
        font-size: 12px;
        height: 15px;
        border: 1px solid #e4eaec;
        border-radius: 0;
    }

    .ui-state-hover,
    .ui-widget-content .ui-state-hover,
    .ui-state-focus,
    .ui-widget-content .ui-state-focus,
    .ui-widget-header .ui-state-focus {
        background: #edf1f2;
        border-collapse: separate;
        color: #656565;
    }

    .ui-state-highlight,
    .ui-widget-content .ui-state-highlight,
    .ui-widget-header .ui-state-highlight {
        background: #edf1f2;
        color: #656565;
    }


    .ui-widget-content {
        color: #656565;
        font-size: 13px;
        background-image: none;
        width: 100% !important;
        /*height: 300px;*/
        min-height: 50px;
        overflow: auto;
    }



    tr.ui-widget-content {
        border: 0;
    }

    .ui-state-active,
    .ui-widget-content .ui-state-active,
    .ui-widget-header .ui-state-active {
        border: 1px solid #edf1f2;
        background: #fff;
        font-weight: normal;
        color: #888;
    }

    .ui-jqdialog .ui-jqdialog-titlebar {
        padding: 10px 10px;
    }

    .ui-jqdialog .ui-jqdialog-title {
        float: none !important;
    }

    .ui-jqdialog > .ui-resizable-se {
        position: absolute;
    }
    /* ========================================================================
   Component: plugins.less
   - User this stylesheet to include single css styles and fixes 
     for plugins
 ========================================================================== */
    /**
 * Bootstrap Slider
 */
    body {
        /**
   * Chosen
   */
        /**
   * Filestyle
   */
    }

        body .slider-handle,
        body .slider-track,
        body .slider-selection {
            background-image: none;
            box-shadow: 0 0 0 #000;
        }

        body .slider-handle {
            background-color: #fff;
            border: 1px solid #5d9cec;
            opacity: 1;
        }

        body .slider-track {
            background-color: #fff;
            border: 1px solid #5d9cec;
        }

        body .slider-selection {
            background-color: #5d9cec;
        }

        body .slider .tooltip.top .tooltip-arrow {
            border-top-color: #2c3037;
        }

        body .slider .tooltip.right .tooltip-arrow {
            border-right-color: #2c3037;
        }

        body .slider .tooltip-inner {
            background-color: #2c3037;
        }

        body .slider-lg {
            width: 380px;
        }

        body .chosen-container {
            width: 100% !important;
            max-width: 100%;
        }

        body .chosen-container-multi .chosen-choices {
            box-shadow: 0 0 0 #000 !important;
            display: block;
            width: 100%;
            height: 35px;
            padding: 6px 16px;
            font-size: 14px;
            line-height: 1.52857143;
            color: #3a3f51;
            background-color: #ffffff;
            background-image: none;
            border: 1px solid #dde6e9;
            border-radius: 4px;
            -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
            -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
            -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
            transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        }

            body .chosen-container-multi .chosen-choices:focus {
                border-color: #66afe9;
                outline: 0;
                -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
                box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
            }

            body .chosen-container-multi .chosen-choices::-moz-placeholder {
                color: #b7bac9;
                opacity: 1;
            }

            body .chosen-container-multi .chosen-choices:-ms-input-placeholder {
                color: #b7bac9;
            }

            body .chosen-container-multi .chosen-choices::-webkit-input-placeholder {
                color: #b7bac9;
            }

            body .chosen-container-multi .chosen-choices[disabled],
            body .chosen-container-multi .chosen-choices[readonly],
            fieldset[disabled] body .chosen-container-multi .chosen-choices {
                cursor: not-allowed;
                background-color: #edf1f2;
                opacity: 1;
            }

    textareabody .chosen-container-multi .chosen-choices {
        height: auto;
    }

    body .chosen-container-multi .chosen-choices li.search-field input[type=text] {
        height: auto;
        padding: 0;
    }

    body .chosen-container-multi .chosen-choices li.search-choice {
        margin: 0 5px 3px 0;
        background-color: #f5f6f7;
        border: 1px solid #e7e9ec;
        background-image: none;
    }

    body .chosen-container .chosen-results li.highlighted {
        background-color: #a1a2a3;
        background-image: none;
    }

    body .chosen-container .chosen-drop {
        border-color: #ddd;
    }

    body .chosen-container .chosen-results li.group-result {
        color: #747576;
        letter-spacing: 0.02em;
    }

    body .chosen-container-single .chosen-single,
    body .chosen-container-active.chosen-with-drop .chosen-single {
        box-shadow: 0 0 0 #000 !important;
        display: block;
        width: 100%;
        height: 35px;
        padding: 6px 16px;
        font-size: 13px;
        line-height: 1.52857143;
        color: #7c7c7c;
        background-color: #ffffff;
        background-image: none;
        border: 1px solid #fdc4c4;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    }




        body .chosen-container-single .chosen-single:focus,
        body .chosen-container-active.chosen-with-drop .chosen-single:focus {
            border-color: #66afe9;
            outline: 0;
            -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
            box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
        }

        body .chosen-container-single .chosen-single::-moz-placeholder,
        body .chosen-container-active.chosen-with-drop .chosen-single::-moz-placeholder {
            color: #b7bac9;
            opacity: 1;
        }

        body .chosen-container-single .chosen-single:-ms-input-placeholder,
        body .chosen-container-active.chosen-with-drop .chosen-single:-ms-input-placeholder {
            color: #b7bac9;
        }

        body .chosen-container-single .chosen-single::-webkit-input-placeholder,
        body .chosen-container-active.chosen-with-drop .chosen-single::-webkit-input-placeholder {
            color: #b7bac9;
        }

        body .chosen-container-single .chosen-single[disabled],
        body .chosen-container-active.chosen-with-drop .chosen-single[disabled],
        body .chosen-container-single .chosen-single[readonly],
        body .chosen-container-active.chosen-with-drop .chosen-single[readonly],
        fieldset[disabled] body .chosen-container-single .chosen-single,
        fieldset[disabled] body .chosen-container-active.chosen-with-drop .chosen-single {
            cursor: not-allowed;
            background-color: #edf1f2;
            opacity: 1;
        }

    textareabody .chosen-container-single .chosen-single,
    textareabody .chosen-container-active.chosen-with-drop .chosen-single {
        height: auto;
    }

    body .chosen-container-single .chosen-drop {
        margin-top: -3px;
    }

    body .chosen-container-single .chosen-single div {
        top: 1px;
        right: 0px;
    }

    body .chosen-container-multi .chosen-choices li.search-field input[type=text] {
        color: #b7bac9;
    }

    body .bootstrap-filestyle {
        max-width: 380px;
    }

    body [data-classyloader] {
        max-width: 100%;
    }
    /* ========================================================================
   Component: slim-scroll.less
 ========================================================================== */
    [data-scrollable] {
        display: block;
    }

    .slimScrollRail {
        opacity: 1 !important;
        background-color: rgba(0, 0, 0, 0.15) !important;
        border: 0 !important;
        border-radius: 0 !important;
        bottom: 0;
    }
    /* ========================================================================
   Component: alerts.less
 ========================================================================== */
    .alerts {
        position: fixed;
        top: 60px;
        left: 60px;
        z-index: 9090;
        width: 350px;
        left: auto;
        right: 60px;
    }

        .alerts:hover .alert .close {
            opacity: 1;
            visibility: visible;
        }

    .alerts-top-right,
    .alerts-bottom-right {
        left: auto;
        right: 60px;
    }

    .alerts-top-center,
    .alerts-bottom-center {
        left: 50%;
        margin-left: -175px;
    }

    .alerts-bottom-left,
    .alerts-bottom-right,
    .alerts-bottom-center {
        top: auto;
        bottom: 60px;
    }


    /* ========================================================================
   Component: notify.less
 ========================================================================== */
    .notifyngWarning {
        word-break: break-all;
        background: #f05050;
        color: white;
        text-align: center;
        top: 85px;
        position: fixed;
        left: 50px;
        z-index: 9999;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 350px;
        border: 1px solid #f05050;
        border-radius: 5px;
        padding: 15px 10px;
        -webkit-animation-name: animatetop;
        -webkit-animation-duration: 1.4s;
        animation-name: animatetop;
        animation-duration: 1.4s;
    }

    .notifyngSuccess {
        background: #27c24c;
        color: white;
        text-align: center;
        top: 85px;
        position: fixed;
        left: 50px;
        z-index: 9999;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 350px;
        border: 1px solid #27c24c;
        border-radius: 5px;
        padding: 15px 10px;
        -webkit-animation-name: animatetop;
        -webkit-animation-duration: 1.4s;
        animation-name: animatetop;
        animation-duration: 1.4s;
    }

    .notifynginformation {
        background: #ff902b;
        color: #fff;
        text-align: center;
        top: 85px;
        position: fixed;
        left: 50px;
        z-index: 9999;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 350px;
        border: 1px solid #f05050;
        border-radius: 5px;
        padding: 15px 10px;
        -webkit-animation-name: animatetop;
        -webkit-animation-duration: 1.4s;
        animation-name: animatetop;
        animation-duration: 1.4s;
    }

    .notifynginformationNew {
        background: #ff902b;
        color: #fff;
        text-align: center;
        top: 85px;
        position: fixed;
        left: 50px;
        z-index: 9999;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 350px;
        border: 1px solid #f05050;
        border-radius: 5px;
        padding: 15px 10px;
    }
    /* Add Animation */
    @-webkit-keyframes animatetop {
        from {
            top: -300px;
            opacity: 0;
        }

        to {
            top: 85px;
            opacity: 1;
        }
    }

    @keyframes animatetop {
        from {
            top: -300px;
            opacity: 0;
        }

        to {
            top: 85px;
            opacity: 1;
        }
    }

    .notifyng-top-center {
        left: 50% !important;
        margin-left: -175px;
    }


    .uk-notify {
        position: fixed;
        top: 50px;
        left: 50px;
        z-index: 1040;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 350px;
    }

    .uk-notify-top-right,
    .uk-notify-bottom-right {
        left: auto;
        right: 50px;
    }

    .uk-notify-top-center,
    .uk-notify-bottom-center {
        left: 50%;
        margin-left: -175px;
    }

    .uk-notify-bottom-left,
    .uk-notify-bottom-right,
    .uk-notify-bottom-center {
        top: auto;
        bottom: 50px;
    }

    .uk-notify-message {
        position: relative;
        margin-bottom: 10px;
        padding: 15px;
        font-size: 16px;
        line-height: 22px;
        border-radius: 3px;
        padding-right: 35px;
        cursor: pointer;
    }

        .uk-notify-message.alert.alert-normal {
            background: #444444;
            color: #ffffff;
        }

        .uk-notify-message > .close {
            visibility: hidden;
        }

        .uk-notify-message:hover > .close {
            visibility: visible;
        }
    /* ========================================================================
   Component: calendar.less
 ========================================================================== */
    .calendar-app .fc-button {
        color: #333333;
        background-color: #ffffff;
        border-color: #eaeaea;
        padding: 5px 10px;
        font-size: 12px;
        line-height: 1.5;
        border-radius: 3px;
        height: auto;
        background-image: none;
    }

        .calendar-app .fc-button:focus,
        .calendar-app .fc-button.focus {
            color: #333333;
            background-color: #f5f5f5;
            border-color: #d6d6d6;
        }

        .calendar-app .fc-button:hover {
            color: #333333;
            background-color: #f5f5f5;
            border-color: #d6d6d6;
        }

        .calendar-app .fc-button:active,
        .calendar-app .fc-button.active,
        .open > .dropdown-toggle.calendar-app .fc-button {
            color: #333333;
            background-color: #f5f5f5;
            border-color: #d6d6d6;
        }

            .calendar-app .fc-button:active:hover,
            .calendar-app .fc-button.active:hover,
            .open > .dropdown-toggle.calendar-app .fc-button:hover,
            .calendar-app .fc-button:active:focus,
            .calendar-app .fc-button.active:focus,
            .open > .dropdown-toggle.calendar-app .fc-button:focus,
            .calendar-app .fc-button:active.focus,
            .calendar-app .fc-button.active.focus,
            .open > .dropdown-toggle.calendar-app .fc-button.focus {
                color: #333333;
                background-color: #f5f5f5;
                border-color: #d6d6d6;
            }

        .calendar-app .fc-button:active,
        .calendar-app .fc-button.active,
        .open > .dropdown-toggle.calendar-app .fc-button {
            background-image: none;
        }

        .calendar-app .fc-button.disabled,
        .calendar-app .fc-button[disabled],
        fieldset[disabled] .calendar-app .fc-button,
        .calendar-app .fc-button.disabled:hover,
        .calendar-app .fc-button[disabled]:hover,
        fieldset[disabled] .calendar-app .fc-button:hover,
        .calendar-app .fc-button.disabled:focus,
        .calendar-app .fc-button[disabled]:focus,
        fieldset[disabled] .calendar-app .fc-button:focus,
        .calendar-app .fc-button.disabled.focus,
        .calendar-app .fc-button[disabled].focus,
        fieldset[disabled] .calendar-app .fc-button.focus,
        .calendar-app .fc-button.disabled:active,
        .calendar-app .fc-button[disabled]:active,
        fieldset[disabled] .calendar-app .fc-button:active,
        .calendar-app .fc-button.disabled.active,
        .calendar-app .fc-button[disabled].active,
        fieldset[disabled] .calendar-app .fc-button.active {
            background-color: #ffffff;
            border-color: #eaeaea;
        }

        .calendar-app .fc-button .badge {
            color: #ffffff;
            background-color: #333333;
        }

        .calendar-app .fc-button:active,
        .calendar-app .fc-button.active,
        .calendar-app .fc-button.fc-state-active {
            outline: 0;
            background-image: none;
            -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        }

        .calendar-app .fc-button .fc-icon {
            margin: 0 .1em;
            font-size: inherit;
            font-family: FontAwesome !important;
            vertical-align: baseline;
            color: #555;
        }

            .calendar-app .fc-button .fc-icon:after {
                display: none;
            }

    .calendar-app .fc-state-highlight,
    .calendar-app .fc-day:hover {
        background-color: #f7f8f9;
    }

    .calendar-app .fc-day-number {
        font-size: 18px;
        font-weight: bold;
        color: #a1a2a3;
    }

    .calendar-app .fc-view {
        overflow: visible;
    }

    .calendar-app .external-events {
        margin: 0;
    }

        .calendar-app .external-events > div {
            margin-right: 5px;
            margin-bottom: 5px;
            padding: 6px 10px;
            color: #fff;
            font-size: 11px;
            border-radius: 2px;
            cursor: move;
        }

        .calendar-app .external-events:empty {
            content: "EMRTPUY";
        }

    .calendar-app .external-events-trash {
        position: relative;
        min-height: 120px;
    }

        .calendar-app .external-events-trash:after {
            content: "\f00d";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: #131e26;
            opacity: 0;
            font-family: FontAwesome;
            color: #fff;
            text-align: center;
            font-size: 50px;
            padding: 8%;
            max-height: 100%;
            -webkit-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
            z-index: -1;
        }

        .calendar-app .external-events-trash.active:after {
            opacity: 1;
            z-index: 1;
        }

        .calendar-app .external-events-trash.hovered:after {
            background-color: #fb797e;
        }

    .calendar-app .external-event-color-selector .circle.selected {
        border: 3px solid rgba(255, 255, 255, 0.5);
    }
    /* ========================================================================
   Component: spinner.less
 ========================================================================== */
    body .whirl {
        position: relative;
    }

        body .whirl:before {
            content: attr(data-spinner-text);
            display: block;
            background-color: #f0f0f0;
            opacity: 0.7;
        }

        body .whirl.solid {
            opacity: 1;
        }

        body .whirl:after {
            border-top-color: #5d9cec;
        }

        body .whirl.blade:after {
            border-bottom-color: #5d9cec;
        }

        body .whirl.double-up:after {
            border-right-color: #5d9cec;
            border-top-color: #5d9cec;
            border-left-color: #5d9cec;
            border-bottom-color: #5d9cec;
        }

        body .whirl.duo:after {
            border-right-color: #5d9cec;
            border-left-color: #5d9cec;
            border-top-color: #7266ba;
            border-bottom-color: #7266ba;
        }

        body .whirl.helicopter:after {
            background-color: #5d9cec;
        }

        body .whirl.ringed:after {
            border-right-color: #23b7e5;
            border-top-color: #7266ba;
            border-left-color: #7266ba;
            border-bottom-color: #7266ba;
        }

        body .whirl.traditional:after {
            border-right-color: #23b7e5;
            border-top-color: #23b7e5;
            border-left-color: #7266ba;
            border-bottom-color: #fad732;
        }

        body .whirl.line:after {
            box-shadow: inset -10px 0 0 rgba(93, 156, 236, 0.5);
        }

    .no-cssanimations body .whirl:before {
        opacity: .9;
    }

    .no-cssanimations body .whirl:after {
        content: "Loading...";
        width: 40px;
        height: 40px;
        margin: -20px 0 0 -20px;
        line-height: 40px;
        color: #000;
        opacity: 1;
        border: 0;
        box-shadow: 0 0 0 #000;
        background-color: transparent;
        text-align: center;
    }

    body .ball-pulse > div,
    body .ball-grid-pulse > div,
    body .square-spin > div,
    body .ball-pulse-rise > div,
    body .ball-rotate > div,
    body .ball-rotate > div:before,
    body .ball-rotate > div:after,
    body .cube-transition > div,
    body .ball-zig-zag > div,
    body .ball-zig-zag-deflect > div,
    body .ball-triangle-path > div,
    body .ball-scale > div,
    body .line-scale > div,
    body .line-scale-party > div,
    body .ball-scale-multiple > div,
    body .ball-pulse-sync > div,
    body .ball-beat > div,
    body .line-scale-pulse-out > div,
    body .line-scale-pulse-out-rapid > div,
    body .ball-spin-fade-loader > div,
    body .line-spin-fade-loader > div,
    body .triangle-skew-spin > div,
    body .ball-grid-beat > div,
    body .semi-circle-spin > div {
        background-color: #5d9cec;
    }

    body .ball-clip-rotate-multiple {
        width: 1px;
    }

        body .ball-clip-rotate-multiple > div {
            border-color: #5d9cec transparent #5d9cec transparent;
        }

            body .ball-clip-rotate-multiple > div:last-child {
                border-color: transparent #5d9cec transparent #5d9cec;
            }

    body .ball-clip-rotate > div {
        border-color: #5d9cec;
        border-bottom-color: transparent;
    }

    body .ball-clip-rotate-pulse > div:first-child {
        background-color: #5d9cec;
        top: 5px;
        left: -8px;
    }

    body .ball-clip-rotate-pulse > div:last-child {
        border-color: #5d9cec transparent #5d9cec transparent;
    }

    body .square-spin > div,
    body .ball-scale-ripple > div,
    body .ball-scale-ripple-multiple > div {
        border-color: #5d9cec;
    }

    body .pacman > div:first-of-type {
        border-top-color: #5d9cec;
        border-left-color: #5d9cec;
        border-bottom-color: #5d9cec;
    }

    body .pacman > div:nth-child(2) {
        border-top-color: #5d9cec;
        border-left-color: #5d9cec;
        border-bottom-color: #5d9cec;
    }

    body .pacman > div:nth-child(3),
    body .pacman > div:nth-child(4),
    body .pacman > div:nth-child(5),
    body .pacman > div:nth-child(6) {
        background-color: #5d9cec;
    }

    body .sk-spinner-rotating-plane.sk-spinner,
    body .sk-spinner-double-bounce .sk-double-bounce1,
    body .sk-spinner-double-bounce .sk-double-bounce2,
    body .sk-spinner-wave div,
    body .sk-spinner-wandering-cubes .sk-cube1,
    body .sk-spinner-wandering-cubes .sk-cube2,
    body .sk-spinner-chasing-dots .sk-dot1,
    body .sk-spinner-chasing-dots .sk-dot2,
    body .sk-spinner-three-bounce div,
    body .sk-spinner-circle .sk-circle:before,
    body .sk-spinner-cube-grid .sk-cube,
    body .sk-spinner-fading-circle .sk-circle:before,
    body .sk-spinner-pulse.sk-spinner,
    body .sk-spinner-wordpress.sk-spinner {
        background-color: #5d9cec;
    }

    body .sk-spinner-wordpress .sk-inner-circle {
        background-color: #fff;
    }
    /* just for loaders.css demo */
    .loader-demo {
        height: 150px;
        padding-top: 50px;
        text-align: center;
    }

        .loader-demo > div {
            display: inline-block;
        }
    /* ========================================================================
   Component: gmap.less
 ========================================================================== */
    .gmap {
        height: 300px;
    }

        .gmap.gmap-sm {
            height: 150px;
        }
    /* ========================================================================
   Component: vector-map.less
 ========================================================================== */
    body .jvectormap-label {
        position: absolute;
        display: none;
        border: solid 1px #313232;
        border-radius: 2px;
        background: #313232;
        color: white;
        padding: 3px 6px;
        opacity: 0.9;
        z-index: 11;
    }

    body .jvectormap-zoomin,
    body .jvectormap-zoomout {
        position: absolute;
        left: 10px;
        width: 22px;
        height: 22px;
        border-radius: 2px;
        background: #515253;
        padding: 5px;
        color: white;
        cursor: pointer;
        line-height: 10px;
        text-align: center;
    }

    body .jvectormap-zoomin {
        top: 10px;
    }

    body .jvectormap-zoomout {
        top: 30px;
    }
    /* ========================================================================
   Component: portlets.less
 ========================================================================== */
    [data-toggle="portlet"] {
        min-height: 30px;
    }

        [data-toggle="portlet"].portlet-handler,
        [data-toggle="portlet"] .portlet-handler {
            cursor: move;
        }

    .portlets-wrapper {
        margin-right: auto;
        margin-left: auto;
        padding-left: 15px;
        padding-right: 15px;
        overflow: auto;
    }

    .portlet.box-placeholder {
        padding: 0;
    }
    /* ========================================================================
   Component: mailbox.less
 ========================================================================== */
    .mb-boxes {
        overflow: hidden;
    }

        .mb-boxes .nav > li > a {
            font-weight: 600;
            color: #3a3f51;
            margin: 5px 0;
            -webkit-transition: background-color 0.3s ease;
            -o-transition: background-color 0.3s ease;
            transition: background-color 0.3s ease;
        }

            .mb-boxes .nav > li > a:hover,
            .mb-boxes .nav > li > a:focus {
                background-color: #c0d0d3;
            }

        .mb-boxes .nav > li.active > a {
            background-color: #5d9cec !important;
            color: #fff;
        }



    .mb-mails > tbody > tr > td {
        border-top-color: transparent;
        cursor: pointer;
    }

    .mb-mails .mb-mail-active {
        background-color: #f7f8f9 !important;
    }

    .mb-mails .mb-mail-avatar {
        float: left;
        margin-right: 10px;
        width: 40px;
        height: 40px;
        border-radius: 3px;
    }

    .mb-mails .mb-mail-date {
        display: block;
        float: right;
        color: #909fa7;
        font-size: 12px;
        font-weight: bold;
    }

    .mb-mails .mb-mail-from {
        font-size: 14px;
        font-weight: 600;
        line-height: 1;
    }

    .mb-mails .mb-mail-meta {
        overflow: hidden;
    }

    .mb-mails .mb-mail-subject {
        font-size: 18px;
        font-weight: 600;
        line-height: 1.1;
        margin-bottom: 6px;
    }

    .mb-mails .mb-mail-preview {
        clear: both;
        margin-top: 10px;
        color: #909fa7;
        margin-top: 2px;
    }

    .mb-mails .mb-attachment {
        margin-top: 30px;
        padding-top: 30px;
        border-top: 1px solid #e4eaec;
    }

    .mb-view > tbody > tr > td {
        cursor: auto;
    }

    .mb-view .mb-mail-to-list {
        margin-top: 6px;
    }

        .mb-view .mb-mail-to-list > a {
            margin-right: 5px;
            color: #909fa7;
        }
    /* ========================================================================
   Component: utils.less
 ========================================================================== */
    .m0 {
        margin: 0 !important;
    }

    .ml0 {
        margin-left: 0 !important;
    }

    .mr0 {
        margin-right: 0 !important;
    }

    .mt0 {
        margin-top: 0 !important;
    }

    .mb0 {
        margin-bottom: 0 !important;
    }

    .m {
        margin: 10px !important;
    }

    .ml {
        margin-left: 10px !important;
    }

    .mr {
        margin-right: 10px !important;
    }

    .mt {
        margin-top: 10px !important;
    }

    .mb {
        margin-bottom: 10px !important;
    }

    .m-sm {
        margin: 5px !important;
    }

    .ml-sm {
        margin-left: 5px !important;
    }

    .mr-sm {
        margin-right: 5px !important;
    }

    .mt-sm {
        margin-top: 5px !important;
    }

    .mb-sm {
        margin-bottom: 5px !important;
    }

    .m-lg {
        margin: 15px !important;
    }

    .ml-lg {
        margin-left: 15px !important;
    }

    .mr-lg {
        margin-right: 15px !important;
    }

    .mt-lg {
        margin-top: 5px !important;
    }

    .mb-lg {
        margin-bottom: 5px !important;
    }

    .m-xl {
        margin: 30px !important;
    }

    .ml-xl {
        margin-left: 30px !important;
    }

    .mr-xl {
        margin-right: 30px !important;
    }

    .mt-xl {
        margin-top: 0px !important;
    }

    .mb-xl {
        margin-bottom: 30px !important;
    }

    .mv {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }

    .mh {
        margin-left: 10px !important;
        margin-right: 10px !important;
    }

    .mv-lg {
        margin-top: 15px !important;
        margin-bottom: 15px !important;
    }

    .mh-lg {
        margin-left: 15px !important;
        margin-right: 15px !important;
    }

    .mv-sm {
        margin-top: 5px !important;
        margin-bottom: 5px !important;
    }

    .mh-sm {
        margin-left: 5px !important;
        margin-right: 5px !important;
    }

    .p0 {
        padding: 0 !important;
    }

    .pl0 {
        padding-left: 0 !important;
    }

    .pr0 {
        padding-right: 0 !important;
    }

    .pt0 {
        padding-top: 0 !important;
    }

    .pb0 {
        padding-bottom: 0 !important;
    }

    .pv0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .ph0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .p {
        padding: 10px !important;
    }

    .pl {
        padding-left: 10px !important;
    }

    .pr {
        padding-right: 10px !important;
    }

    .pt {
        padding-top: 10px !important;
    }

    .pb {
        padding-bottom: 10px !important;
    }

    .p-sm {
        padding: 5px !important;
    }

    .pl-sm {
        padding-left: 5px !important;
    }

    .pr-sm {
        padding-right: 5px !important;
    }

    .pt-sm {
        padding-top: 5px !important;
    }

    .pb-sm {
        padding-bottom: 5px !important;
    }

    .p-lg {
        padding: 15px !important;
    }

    .pl-lg {
        padding-left: 15px !important;
    }

    .pr-lg {
        padding-right: 15px !important;
    }

    .pt-lg {
        padding-top: 15px !important;
    }

    .pb-lg {
        padding-bottom: 15px !important;
    }

    .p-xl {
        padding: 30px !important;
    }

    .pl-xl {
        padding-left: 30px !important;
    }

    .pr-xl {
        padding-right: 30px !important;
    }

    .pt-xl {
        padding-top: 30px !important;
    }

    .pb-xl {
        padding-bottom: 30px !important;
    }

    .ph {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .pv-xl {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }

    .ph-xl {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    .pv-lg {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }

    .ph-lg {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .pv-sm {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }

    .ph-sm {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .b0 {
        border: 1px solid #dde6e9;
    }

    .bl0 {
        border-left-width: 0 !important;
    }

    .br0 {
        border-right-width: 0 !important;
    }

    .bt0 {
        border-top-width: 0 !important;
    }

    .bb0 {
        border-bottom-width: 0 !important;
    }

    .br {
        border-right: 1px solid rgba(0, 0, 0, 0.12);
    }

    .bl {
        border-left: 1px solid rgba(0, 0, 0, 0.12);
    }

    .bt {
        border-top: 1px solid rgba(0, 0, 0, 0.12);
    }

    .bb {
        border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    }

    .b,
    .ba {
        border-right: 1px solid rgba(0, 0, 0, 0.12);
        border-left: 1px solid rgba(0, 0, 0, 0.12);
        border-top: 1px solid rgba(0, 0, 0, 0.12);
        border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    }

    .radius-clear {
        border-radius: 0 !important;
    }

    .shadow-clear {
        box-shadow: 0 0 0 #000 !important;
    }

    .text-white {
        color: #fff;
    }

    .text-inverse {
        color: #131e26;
    }

    .text-alpha {
        color: rgba(255, 255, 255, 0.5);
    }

    .text-pink {
        color: #f532e5;
    }

    .text-purple {
        color: #7266ba;
    }

    .text-dark {
        color: #3a3f51;
    }

    .text-alpha-inverse {
        color: rgba(0, 0, 0, 0.5);
    }

    .text-green {
        color: #37bc9b;
    }

    .text-yellow {
        color: #fad732;
    }

    .text-gray-darker {
        color: #232735;
    }

    .text-gray-dark {
        color: #3a3f51;
    }

    .text-gray {
        color: #dde6e9;
    }

    .text-gray-light {
        color: #e4eaec;
    }

    .text-gray-lighter {
        color: #edf1f2;
    }

    .text-sm {
        font-size: 11.9px;
    }

    .text-md {
        font-size: 26.6px;
    }

    .text-lg {
        font-size: 42px;
    }

    .text-nowrap {
        white-space: nowrap;
    }

    .text-thin {
        font-weight: 100 !important;
    }

    .text-normal {
        font-weight: normal !important;
    }

    .text-bold {
        font-weight: bold !important;
    }

    .inline {
        display: inline-block !important;
    }

    .block-center {
        margin: 0 auto;
    }

    .bg-primary {
        background-color: #5d9cec;
        color: #ffffff !important;
    }

    .bg-primary-light {
        background-color: #8bb8f1;
        color: #ffffff !important;
    }

    .bg-primary-dark {
        background-color: #2f80e7;
        color: #ffffff !important;
    }

    .bg-primary small {
        color: inherit;
    }

    .bg-success {
        background-color: #27c24c;
        color: #ffffff !important;
    }

    .bg-success-light {
        background-color: #43d967;
        color: #ffffff !important;
    }

    .bg-success-dark {
        background-color: #1e983b;
        color: #ffffff !important;
    }

    .bg-success small {
        color: inherit;
    }

    .bg-info {
        background-color: #23b7e5;
        color: #ffffff !important;
    }

    .bg-info-light {
        background-color: #51c6ea;
        color: #ffffff !important;
    }

    .bg-info-dark {
        background-color: #1797be;
        color: #ffffff !important;
    }

    .bg-info small {
        color: inherit;
    }

    .bg-warning {
        background-color: #ff902b;
        color: #ffffff !important;
    }

    .bg-warning-light {
        background-color: #ffab5e;
        color: #ffffff !important;
    }

    .bg-warning-dark {
        background-color: #f77600;
        color: #ffffff !important;
    }

    .bg-warning small {
        color: inherit;
    }

    .bg-danger {
        background-color: #f05050;
        color: #ffffff !important;
    }

    .hyva-yellow {
        background-color: #ffcb06;
        color: #ffffff !important;
    }

    .bg-danger-light {
        background-color: #f47f7f;
        color: #ffffff !important;
    }

    .bg-danger-dark {
        background-color: #ec2121;
        color: #ffffff !important;
    }

    .hyva-yellow-dark {
        background-color: #febc15;
        color: #ffffff !important;
    }

    .bg-danger small {
        color: inherit;
    }

    .bg-green {
        background-color: #37bc9b;
        color: #ffffff !important;
    }

    .bg-green-light {
        background-color: #58ceb1;
        color: #ffffff !important;
    }

    .bg-green-dark {
        background-color: #2b957a;
        color: #ffffff !important;
    }

    .bg-green small {
        color: inherit;
    }

    .bg-pink {
        background-color: #f532e5;
        color: #ffffff !important;
    }

    .bg-pink-light {
        background-color: #f763eb;
        color: #ffffff !important;
    }

    .bg-pink-dark {
        background-color: #e90bd6;
        color: #ffffff !important;
    }

    .bg-pink small {
        color: inherit;
    }

    .bg-purple {
        background-color: #7266ba;
        color: #ffffff !important;
    }

    .bg-purple-light {
        background-color: #9289ca;
        color: #ffffff !important;
    }

    .bg-purple-dark {
        background-color: #564aa3;
        color: #ffffff !important;
    }

    .bg-purple small {
        color: inherit;
    }

    .bg-inverse {
        background-color: #131e26;
        color: #ffffff !important;
    }

    .bg-inverse-light {
        background-color: #243948;
        color: #ffffff !important;
    }

    .bg-inverse-dark {
        background-color: #020304;
        color: #ffffff !important;
    }

    .bg-inverse small {
        color: inherit;
    }

    .bg-yellow {
        background-color: #fad732;
        color: #ffffff !important;
    }

    .bg-yellow-light {
        background-color: #fbe164;
        color: #ffffff !important;
    }

    .bg-yellow-dark {
        background-color: #f3ca06;
        color: #ffffff !important;
    }

    .bg-yellow small {
        color: inherit;
    }

    .bg-white {
        background-color: #ffffff;
        color: inherit !important;
    }

    .bg-gray-darker {
        background-color: #232735;
        color: #ffffff !important;
    }

    .bg-gray-dark {
        background-color: #3a3f51;
        color: #ffffff !important;
    }

    .hyva-gray-dark {
        background-color: #231f20;
        color: #ffffff !important;
    }

    .bg-gray {
        background-color: #dde6e9;
        color: #515253 !important;
    }

    .bg-gray-light {
        background-color: #e4eaec;
        color: #515253 !important;
    }

    .bg-gray-lighter {
        background-color: #edf1f2;
        color: #515253 !important;
    }

    .bg-cover {
        background-size: cover;
    }

    .thumb8 {
        width: 8px !important;
        height: 8px !important;
    }

    .thumb16 {
        width: 16px !important;
        height: 16px !important;
    }

    .thumb24 {
        width: 24px !important;
        height: 24px !important;
    }

    .thumb32 {
        width: 32px !important;
        height: 32px !important;
    }

    .thumb48 {
        width: 48px !important;
        height: 48px !important;
    }

    .thumb64 {
        width: 64px !important;
        height: 64px !important;
    }

    .thumb80 {
        width: 80px !important;
        height: 80px !important;
    }

    .thumb96 {
        width: 96px !important;
        height: 96px !important;
    }

    .thumb128 {
        width: 128px !important;
        height: 128px !important;
    }

    .align-middle {
        vertical-align: middle;
    }

    .align-top {
        vertical-align: top;
    }

    .align-bottom {
        vertical-align: bottom;
    }

    .bg-center {
        background-position: center center;
        background-size: cover;
    }

    .list-icon em {
        font-size: 14px;
        width: 40px;
        vertical-align: middle;
        margin: 0;
        display: inline-block;
        text-align: center;
        -webkit-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s;
        line-height: 30px;
    }

    .list-icon div:hover em {
        -webkit-transform: scale(3, 3);
        -ms-transform: scale(3, 3);
        -o-transform: scale(3, 3);
        transform: scale(3, 3);
    }

    .wd-xxs {
        width: 60px;
    }

    .wd-xs {
        width: 90px;
    }

    .wd-sm {
        width: 150px;
    }

    .wd-sd {
        width: 200px;
    }

    .wd-md {
        width: 240px;
    }

    .wd-lg {
        width: 280px;
    }

    .wd-xl {
        width: 365px !important;
        padding: 0;
        line-height: 30px;
    }

    .wd-xxl {
        width: 360px;
    }

    .wd-wide {
        width: 100%;
    }

    .wd-auto {
        width: auto;
    }

    .wd-zero {
        width: 0;
    }

    .label-inverse {
        background-color: #131e26;
    }

        .label-inverse[href]:hover,
        .label-inverse[href]:focus {
            background-color: #020304;
        }

    .label-green {
        background-color: #37bc9b;
    }

        .label-green[href]:hover,
        .label-green[href]:focus {
            background-color: #2b957a;
        }

    .label-pink {
        background-color: #f532e5;
    }

        .label-pink[href]:hover,
        .label-pink[href]:focus {
            background-color: #e90bd6;
        }

    .label-purple {
        background-color: #7266ba;
    }

        .label-purple[href]:hover,
        .label-purple[href]:focus {
            background-color: #564aa3;
        }

    .alert-purple {
        background-color: #7266ba;
        border-color: #7266ba;
        color: #ffffff;
    }

        .alert-purple hr {
            border-top-color: #6254b2;
        }

        .alert-purple .alert-link {
            color: #e6e6e6;
        }

    .alert-green {
        background-color: #37bc9b;
        border-color: #37bc9b;
        color: #ffffff;
    }

        .alert-green hr {
            border-top-color: #31a88b;
        }

        .alert-green .alert-link {
            color: #e6e6e6;
        }

    .alert-pink {
        background-color: #f532e5;
        border-color: #f532e5;
        color: #ffffff;
    }

        .alert-pink hr {
            border-top-color: #f41ae2;
        }

        .alert-pink .alert-link {
            color: #e6e6e6;
        }

    .alert-inverse {
        background-color: #131e26;
        border-color: #131e26;
        color: #ffffff;
    }

        .alert-inverse hr {
            border-top-color: #0a1115;
        }

        .alert-inverse .alert-link {
            color: #e6e6e6;
        }

    .clickable {
        cursor: pointer;
    }

    .abs-center-container {
        position: relative;
    }

    .abs-center {
        height: 50%;
        overflow: auto;
        margin: auto;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    }

        .abs-center.abs-fixed {
            position: fixed;
            z-index: 999;
        }

        .abs-center.abs-right {
            left: auto;
            right: 20px;
            text-align: right;
        }

        .abs-center.abs-left {
            right: auto;
            left: 20px;
            text-align: left;
        }

    .link-unstyled {
        text-decoration: none !important;
        outline: none !important;
    }

    .no-resize {
        resize: none;
        max-width: 100%;
        min-width: 100%;
    }
    /** 
 * Displays hidden content on hover. Add this class to the parent element.
 * Markup
 *   <div class="hover-visible">
 *    <div class="hover-hidden"></div>
 *   </div>
 */
    .hover-visible .hover-hidden {
        display: none;
    }

    .hover-visible:hover .hover-hidden {
        display: block;
    }

    .hover-visible:hover .hover-hidden-inline {
        display: inline-block;
    }

    .media-box,
    .media-box-body {
        overflow: hidden;
        zoom: 1;
    }

        .media-box,
        .media-box .media-box {
            margin-top: 15px;
        }

            .media-box:first-child {
                margin-top: 0;
            }

    .media-box-object {
        display: block;
    }

    .media-box-heading {
        margin: 0 0 5px;
    }

    .media-box > .pull-left {
        margin-right: 10px;
    }

    .media-box > .pull-right {
        margin-left: 10px;
    }

    .media-box-list {
        padding-left: 0;
        list-style: none;
    }
    /* ========================================================================
   Component: print.less
 ========================================================================== */
    @media print {
        .sidebar,
        .topnavbar,
        .offsidebar,
        .btn {
            display: none !important;
            width: 0 !important;
            height: 0 !important;
        }

        .sidebar_right,
        .topnavbar,
        .offsidebar,
        .btn {
            display: none !important;
            width: 0 !important;
            height: 0 !important;
        }

        .wrapper,
        .wrapper > section,
        .content-wrapper {
            margin: 0 !important;
            /* remove margin used for sidebar and expand the content */
            padding: 0 !important;
            width: 100% !important;
        }

        .content-wrapper {
            overflow: hidden !important;
        }
    }

    .setting-color {
        padding: 0 5px;
    }

        .setting-color > label {
            display: block;
            position: relative;
            margin: 0 10px;
            border-radius: 3px;
            overflow: hidden;
            border: 1px solid rgba(0, 0, 0, 0.1);
            cursor: pointer;
        }

            .setting-color > label:first-child {
                margin-left: 0;
            }

            .setting-color > label:last-child {
                margin-right: 0;
            }

            .setting-color > label > .color {
                display: block;
                height: 18px;
            }

            .setting-color > label > .split {
                display: block;
            }

                .setting-color > label > .split:before,
                .setting-color > label > .split:after {
                    content: " ";
                    display: table;
                }

                .setting-color > label > .split:after {
                    clear: both;
                }

                .setting-color > label > .split > .color {
                    display: block;
                    height: 37.5px;
                }

                    .setting-color > label > .split > .color:first-child {
                        float: left;
                        width: 70%;
                    }

                    .setting-color > label > .split > .color:last-child {
                        float: right;
                        width: 30%;
                    }

            .setting-color > label > .icon-check {
                position: absolute;
                display: block;
                left: 50%;
                top: 50%;
                width: 20px;
                height: 20px;
                margin-top: -20px;
                margin-left: -10px;
                text-align: center;
                font-size: 1.33333333em;
                vertical-align: -15%;
                color: #fff;
                opacity: 0;
            }

            .setting-color > label > input[type="radio"] {
                position: absolute;
                opacity: 0;
                visibility: hidden;
            }

                .setting-color > label > input[type="radio"]:checked + .icon-check {
                    opacity: 1 !important;
                }

    .flatdoc-wrapper {
        display: block;
        margin: -15px;
    }

        .flatdoc-wrapper .flatdoc {
            width: 100%;
            height: 100%;
        }

        .flatdoc-wrapper .flatdoc-menu {
            border-right: 1px solid #e1e2e3;
            font-size: 14px;
        }

            .flatdoc-wrapper .flatdoc-menu ul {
                list-style-type: none;
                margin: 0;
                padding: 0;
            }

                .flatdoc-wrapper .flatdoc-menu ul.level-1 > li > a {
                    padding-top: 25px;
                    padding-bottom: 15px;
                    margin-bottom: 20px;
                    border-bottom: 1px solid #e1e2e3;
                    pointer-events: none;
                }

                .flatdoc-wrapper .flatdoc-menu ul.level-2 > li + li > a,
                .flatdoc-wrapper .flatdoc-menu ul.level-2 > li:first-child > a {
                    background-color: rgba(255, 255, 255, 0.75);
                }

                .flatdoc-wrapper .flatdoc-menu ul a {
                    position: relative;
                    display: block;
                    padding: 10px;
                    padding-right: 30px;
                }

                    .flatdoc-wrapper .flatdoc-menu ul a,
                    .flatdoc-wrapper .flatdoc-menu ul a:visited {
                        color: #3a3f51;
                    }

                        .flatdoc-wrapper .flatdoc-menu ul a:hover {
                            color: #2e3241;
                            background-color: rgba(255, 255, 255, 0.75);
                            text-decoration: none;
                        }

                        .flatdoc-wrapper .flatdoc-menu ul a.level-1 {
                            font-family: montserrat, sans-serif;
                            text-transform: uppercase;
                            font-size: 0.9em;
                            font-weight: bold;
                        }

                            .flatdoc-wrapper .flatdoc-menu ul a.level-1,
                            .flatdoc-wrapper .flatdoc-menu ul a.level-1:visited {
                                color: #3a3f51;
                            }

                                .flatdoc-wrapper .flatdoc-menu ul a.level-1:hover {
                                    color: #3a3f51;
                                }

                        .flatdoc-wrapper .flatdoc-menu ul a.level-2 {
                            font-weight: 600;
                        }

                        .flatdoc-wrapper .flatdoc-menu ul a.level-3 {
                            font-weight: normal;
                            font-size: 0.9em;
                            padding-left: 15px;
                        }

                        .flatdoc-wrapper .flatdoc-menu ul a.active {
                            font-weight: bold !important;
                        }

                            .flatdoc-wrapper .flatdoc-menu ul a.active,
                            .flatdoc-wrapper .flatdoc-menu ul a.active:visited,
                            .flatdoc-wrapper .flatdoc-menu ul a.active:hover {
                                color: #505050 !important;
                            }

                                .flatdoc-wrapper .flatdoc-menu ul a.active:after {
                                    content: '';
                                    display: block;
                                    position: absolute;
                                    top: 50%;
                                    margin-top: -2px;
                                    right: 15px;
                                    width: 9px;
                                    height: 3px;
                                    border-radius: 2px;
                                    background: #3a3f51;
                                }

        .flatdoc-wrapper .flatdoc-content {
            padding-left: 20px;
            padding-right: 20px;
            padding-top: 1px;
            padding-bottom: 50px;
            background-color: #fff;
        }

            .flatdoc-wrapper .flatdoc-content pre {
                background-color: #f3f6fb;
                border: 1px solid #dde6e9;
            }

                .flatdoc-wrapper .flatdoc-content pre code {
                    display: inline-block;
                    white-space: pre;
                }

                    .flatdoc-wrapper .flatdoc-content pre code .string,
                    .flatdoc-wrapper .flatdoc-content pre code .number {
                        color: #2b957a;
                    }

                    .flatdoc-wrapper .flatdoc-content pre code .init {
                        color: #2b957a;
                    }

                    .flatdoc-wrapper .flatdoc-content pre code .keyword {
                        color: #3a3f51;
                        font-weight: bold;
                    }

                    .flatdoc-wrapper .flatdoc-content pre code .comment {
                        color: #909fa7;
                    }

            .flatdoc-wrapper .flatdoc-content > h1 {
                padding: 11px 0;
                margin: 0;
                line-height: 1;
            }

            .flatdoc-wrapper .flatdoc-content > h2,
            .flatdoc-wrapper .flatdoc-content > h3 {
                padding: 20px;
                border-top: 1px solid #f1f2f3;
                margin: 0 -20px;
            }

        .flatdoc-wrapper .button {
            display: inline-block;
            padding: 6px 16px;
            font-size: 13px;
            border-radius: 3px;
            text-decoration: none;
            color: #ffffff;
            background-color: #23b7e5;
            border-color: #23b7e5;
        }

            .flatdoc-wrapper .button:focus,
            .flatdoc-wrapper .button.focus {
                color: #ffffff;
                background-color: #1aacda;
                border-color: #189ec8;
            }

            .flatdoc-wrapper .button:hover {
                color: #ffffff;
                background-color: #1aacda;
                border-color: #189ec8;
            }

            .flatdoc-wrapper .button:active,
            .flatdoc-wrapper .button.active,
            .open > .dropdown-toggle.flatdoc-wrapper .button {
                color: #ffffff;
                background-color: #1aacda;
                border-color: #189ec8;
            }

                .flatdoc-wrapper .button:active:hover,
                .flatdoc-wrapper .button.active:hover,
                .open > .dropdown-toggle.flatdoc-wrapper .button:hover,
                .flatdoc-wrapper .button:active:focus,
                .flatdoc-wrapper .button.active:focus,
                .open > .dropdown-toggle.flatdoc-wrapper .button:focus,
                .flatdoc-wrapper .button:active.focus,
                .flatdoc-wrapper .button.active.focus,
                .open > .dropdown-toggle.flatdoc-wrapper .button.focus {
                    color: #ffffff;
                    background-color: #1aacda;
                    border-color: #189ec8;
                }

            .flatdoc-wrapper .button:active,
            .flatdoc-wrapper .button.active,
            .open > .dropdown-toggle.flatdoc-wrapper .button {
                background-image: none;
            }

            .flatdoc-wrapper .button.disabled,
            .flatdoc-wrapper .button[disabled],
            fieldset[disabled] .flatdoc-wrapper .button,
            .flatdoc-wrapper .button.disabled:hover,
            .flatdoc-wrapper .button[disabled]:hover,
            fieldset[disabled] .flatdoc-wrapper .button:hover,
            .flatdoc-wrapper .button.disabled:focus,
            .flatdoc-wrapper .button[disabled]:focus,
            fieldset[disabled] .flatdoc-wrapper .button:focus,
            .flatdoc-wrapper .button.disabled.focus,
            .flatdoc-wrapper .button[disabled].focus,
            fieldset[disabled] .flatdoc-wrapper .button.focus,
            .flatdoc-wrapper .button.disabled:active,
            .flatdoc-wrapper .button[disabled]:active,
            fieldset[disabled] .flatdoc-wrapper .button:active,
            .flatdoc-wrapper .button.disabled.active,
            .flatdoc-wrapper .button[disabled].active,
            fieldset[disabled] .flatdoc-wrapper .button.active {
                background-color: #23b7e5;
                border-color: #23b7e5;
            }

            .flatdoc-wrapper .button .badge {
                color: #23b7e5;
                background-color: #ffffff;
            }
}

/* ==========================================================================
     RESPONSIVE: max-width:1024px START
========================================================================== */

@media only screen and (max-width:1024px) {
    .teamtabswidth120 {
        width: 70px;
    }
}

/* ==========================================================================
     RESPONSIVE: max-width:992px START
========================================================================== */

@media only screen and (max-width: 992px) {
    #divVendorleddetails .form-group {
        display: inline-block;
    }

        #divVendorleddetails .form-group label {
            width: 130px;
        }

    #divVendorbaldetails .form-group {
        display: inline-block;
    }

        #divVendorbaldetails .form-group label {
            width: 130px !important;
        }

    .navbar-nav .open .dropdown-menu {
        width: 280px;
    }

    .teamtabswidth120 {
        width: 70px;
    }

    .slider1 #ulCalender li a span {
        width: 74px !important;
    }

    .slider1 #ulCalender {
        padding: 0 5px !important;
    }

    .margin-30px {
        margin: 3px !important;
    }

    body.aside-collapsed .slider1 #ulCalender {
        width: 100% !important;
    }

    .csstransforms3d .aside-collapsed.aside-toggled .wrapper > section, .csstransforms3d .aside-collapsed.aside-toggled .wrapper > #dvall {
        margin-left: -90px;
    }

    .wrapper > .aside .aside-inner {
        background: #444959;
    }

    .aside-collapsed .sidebar > .nav .nav, .aside-collapsed .sidebar > .nav > .nav-heading, .aside-collapsed .sidebar > .nav > li > a > span {
        display: none !important;
    }

    .aside-collapsed .sidebar_right > .nav .nav, .aside-collapsed .sidebar_right > .nav > .nav-heading, .aside-collapsed .sidebar_right > .nav > li > a > span {
        display: none !important;
    }

    .sidebar_right-subnav > li {
        line-height: 16px;
    }

    .col-md-1 {
        float: left;
    }

    .wd-xl {
        width: 320px !important;
    }

    .login_main {
        left: 5% !important;
    }

    .row-masonry-lg-1 {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
        -moz-column-gap: 15px;
        -webkit-column-gap: 15px;
        column-gap: 15px;
        -moz-columns: 1;
        -webkit-columns: 1;
        columns: 1;
    }

    .no-csscolumns .row-masonry-lg-1 {
        text-align: justify;
    }

    .e-learning-icon {
        top: 50%
    }

    .login-button {
        width: 100% !important;
    }

    .widthrespn {
        width: 100% !important;
    }

    .widthrespn-1 {
        width: 48px !important;
    }

    .widthresp300 {
        width: 300px !important;
    }

    .widthresp120 {
        width: 120px !important;
    }

    .no-csscolumns .row-masonry-lg-1:after {
        content: '';
        display: inline-block;
        width: 100%;
    }

    .no-csscolumns .row-masonry-lg-1 > .col-masonry {
        vertical-align: top;
        display: inline-block;
        width: 99%;
    }

    .row-masonry-lg-2 {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
        -moz-column-gap: 15px;
        -webkit-column-gap: 15px;
        column-gap: 15px;
        -moz-columns: 2;
        -webkit-columns: 2;
        columns: 2;
    }

    .no-csscolumns .row-masonry-lg-2 {
        text-align: justify;
    }

        .no-csscolumns .row-masonry-lg-2:after {
            content: '';
            display: inline-block;
            width: 100%;
        }

        .no-csscolumns .row-masonry-lg-2 > .col-masonry {
            vertical-align: top;
            display: inline-block;
            width: 49%;
        }

    .row-masonry-lg-3 {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
        -moz-column-gap: 15px;
        -webkit-column-gap: 15px;
        column-gap: 15px;
        -moz-columns: 3;
        -webkit-columns: 3;
        columns: 3;
    }

    .no-csscolumns .row-masonry-lg-3 {
        text-align: justify;
    }

        .no-csscolumns .row-masonry-lg-3:after {
            content: '';
            display: inline-block;
            width: 100%;
        }

        .no-csscolumns .row-masonry-lg-3 > .col-masonry {
            vertical-align: top;
            display: inline-block;
            width: 32%;
        }

    .row-masonry-lg-4 {
        -moz-column-count: 4;
        -webkit-column-count: 4;
        column-count: 4;
        -moz-column-gap: 15px;
        -webkit-column-gap: 15px;
        column-gap: 15px;
        -moz-columns: 4;
        -webkit-columns: 4;
        columns: 4;
    }

    .no-csscolumns .row-masonry-lg-4 {
        text-align: justify;
    }

        .no-csscolumns .row-masonry-lg-4:after {
            content: '';
            display: inline-block;
            width: 100%;
        }

        .no-csscolumns .row-masonry-lg-4 > .col-masonry {
            vertical-align: top;
            display: inline-block;
            width: 24%;
        }

    .row-masonry-lg-5 {
        -moz-column-count: 5;
        -webkit-column-count: 5;
        column-count: 5;
        -moz-column-gap: 15px;
        -webkit-column-gap: 15px;
        column-gap: 15px;
        -moz-columns: 5;
        -webkit-columns: 5;
        columns: 5;
    }

    .no-csscolumns .row-masonry-lg-5 {
        text-align: justify;
    }

        .no-csscolumns .row-masonry-lg-5:after {
            content: '';
            display: inline-block;
            width: 100%;
        }

        .no-csscolumns .row-masonry-lg-5 > .col-masonry {
            vertical-align: top;
            display: inline-block;
            width: 19%;
        }

    .row-masonry-lg-6 {
        -moz-column-count: 6;
        -webkit-column-count: 6;
        column-count: 6;
        -moz-column-gap: 15px;
        -webkit-column-gap: 15px;
        column-gap: 15px;
        -moz-columns: 6;
        -webkit-columns: 6;
        columns: 6;
    }

    .no-csscolumns .row-masonry-lg-6 {
        text-align: justify;
    }

        .no-csscolumns .row-masonry-lg-6:after {
            content: '';
            display: inline-block;
            width: 100%;
        }

        .no-csscolumns .row-masonry-lg-6 > .col-masonry {
            vertical-align: top;
            display: inline-block;
            width: 15%;
        }

    .row-masonry-lg-7 {
        -moz-column-count: 7;
        -webkit-column-count: 7;
        column-count: 7;
        -moz-column-gap: 15px;
        -webkit-column-gap: 15px;
        column-gap: 15px;
        -moz-columns: 7;
        -webkit-columns: 7;
        columns: 7;
    }

    .no-csscolumns .row-masonry-lg-7 {
        text-align: justify;
    }

        .no-csscolumns .row-masonry-lg-7:after {
            content: '';
            display: inline-block;
            width: 100%;
        }

        .no-csscolumns .row-masonry-lg-7 > .col-masonry {
            vertical-align: top;
            display: inline-block;
            width: 13%;
        }

    .row-masonry-lg-8 {
        -moz-column-count: 8;
        -webkit-column-count: 8;
        column-count: 8;
        -moz-column-gap: 15px;
        -webkit-column-gap: 15px;
        column-gap: 15px;
        -moz-columns: 8;
        -webkit-columns: 8;
        columns: 8;
    }

    .no-csscolumns .row-masonry-lg-8 {
        text-align: justify;
    }

        .no-csscolumns .row-masonry-lg-8:after {
            content: '';
            display: inline-block;
            width: 100%;
        }

        .no-csscolumns .row-masonry-lg-8 > .col-masonry {
            vertical-align: top;
            display: inline-block;
            width: 11%;
        }

    .row-masonry-lg-9 {
        -moz-column-count: 9;
        -webkit-column-count: 9;
        column-count: 9;
        -moz-column-gap: 15px;
        -webkit-column-gap: 15px;
        column-gap: 15px;
        -moz-columns: 9;
        -webkit-columns: 9;
        columns: 9;
    }

    .no-csscolumns .row-masonry-lg-9 {
        text-align: justify;
    }

        .no-csscolumns .row-masonry-lg-9:after {
            content: '';
            display: inline-block;
            width: 100%;
        }

        .no-csscolumns .row-masonry-lg-9 > .col-masonry {
            vertical-align: top;
            display: inline-block;
            width: 10%;
        }

    .row-masonry-lg-10 {
        -moz-column-count: 10;
        -webkit-column-count: 10;
        column-count: 10;
        -moz-column-gap: 15px;
        -webkit-column-gap: 15px;
        column-gap: 15px;
        -moz-columns: 10;
        -webkit-columns: 10;
        columns: 10;
    }

    .no-csscolumns .row-masonry-lg-10 {
        text-align: justify;
    }

        .no-csscolumns .row-masonry-lg-10:after {
            content: '';
            display: inline-block;
            width: 100%;
        }

        .no-csscolumns .row-masonry-lg-10 > .col-masonry {
            vertical-align: top;
            display: inline-block;
            width: 9%;
        }

    .row-masonry-lg-11 {
        -moz-column-count: 11;
        -webkit-column-count: 11;
        column-count: 11;
        -moz-column-gap: 15px;
        -webkit-column-gap: 15px;
        column-gap: 15px;
        -moz-columns: 11;
        -webkit-columns: 11;
        columns: 11;
    }

    .no-csscolumns .row-masonry-lg-11 {
        text-align: justify;
    }

        .no-csscolumns .row-masonry-lg-11:after {
            content: '';
            display: inline-block;
            width: 100%;
        }

        .no-csscolumns .row-masonry-lg-11 > .col-masonry {
            vertical-align: top;
            display: inline-block;
            width: 8%;
        }

    .row-masonry-lg-12 {
        -moz-column-count: 12;
        -webkit-column-count: 12;
        column-count: 12;
        -moz-column-gap: 15px;
        -webkit-column-gap: 15px;
        column-gap: 15px;
        -moz-columns: 12;
        -webkit-columns: 12;
        columns: 12;
    }

    .no-csscolumns .row-masonry-lg-12 {
        text-align: justify;
    }

        .no-csscolumns .row-masonry-lg-12:after {
            content: '';
            display: inline-block;
            width: 100%;
        }

        .no-csscolumns .row-masonry-lg-12 > .col-masonry {
            vertical-align: top;
            display: inline-block;
            width: 7%;
        }

    .mb-compose-button {
        display: block;
        width: 100%;
    }

    .mb-toggle-button {
        display: none;
    }

    .mb-boxes {
        height: auto !important;
        visibility: visible !important;
        display: block;
    }

    .aside-float.layout-boxed .wrapper > .aside > .aside-inner {
        margin-left: 0;
    }

    .aside-float.layout-boxed .wrapper > .aside_1 > .aside-inner {
        margin-left: 0;
    }

    .aside-float.layout-boxed .wrapper > section {
        padding-left: 0;
    }

    .layout-boxed {
        overflow: auto !important;
    }

        .layout-boxed .wrapper {
            margin: 0 auto;
            overflow: hidden;
            box-shadow: 0 0 13px rgba(0, 0, 0, 0.25);
        }

            .layout-boxed .wrapper .offsidebar {
                position: absolute !important;
            }

            .layout-boxed .wrapper > .aside {
                left: inherit;
            }

            .layout-boxed .wrapper > .aside_1 {
                left: inherit;
            }

            .layout-boxed .wrapper,
            .layout-boxed .wrapper .topnavbar-wrapper {
                width: 970px;
            }

        .layout-boxed.layout-fixed .wrapper > .aside > .aside-inner {
            left: inherit;
        }

        .layout-boxed.layout-fixed .wrapper > .aside_1 > .aside-inner {
            left: inherit;
        }
}

/* ==========================================================================
     RESPONSIVE:max-width: 800px START
========================================================================== */

@media only screen and (max-width: 800px) {
    .notifynginformation {
        top: -5px !important;
    }

    .notifyngSuccess {
        top: -5px !important;
    }

    .notifyngWarning {
        top: -5px !important;
    }

    .user-environment .uebox {
        width: 100% !important;
    }

    .aside-collapsed .sidebar > .nav .nav, .aside-collapsed .sidebar > .nav > .nav-heading, .aside-collapsed .sidebar > .nav > li > a > span {
        display: none !important;
    }

    .aside-collapsed .sidebar_right > .nav .nav, .aside-collapsed .sidebar_right > .nav > .nav-heading, .aside-collapsed .sidebar_right > .nav > li > a > span {
        display: none !important;
    }

    .wd-xl {
        width: 320px !important;
        margin: 50px auto;
    }

    .break {
        display: block;
    }

    .widthper100 {
        width: 100%;
    }

    .border_rgt {
        border: 1px solid #fff !important;
    }

    .width105 {
        width: 105px !important;
    }

    .border_btm_CRM {
        border-bottom: 1px solid #cbdfe2 !important;
    }

    .Otcmwidth45 {
        width: 45px !important;
    }

    .outpadd5 {
        padding-left: 5px;
    }
}

/* ==========================================================================
     RESPONSIVE:min-width: 768px START
========================================================================== */

@media only screen and (min-width: 768px) {
    .navbar-nav .open .dropdown-menu {
        width: 280px;
    }

    .material-in-out label {
        margin-bottom: 3px !important;
        width: 100%;
    }

    .searchbox {
        margin-left: 0;
        font-size: 14px;
        width: 115px;
    }
    /*.nav-justified > li {
    float: left !important;
}*/
    /*body.aside-collapsed .slider1 #ulCalender {
        width: 95% !important;
    }*/


    .sidebar_right-subnav > li > a, .sidebar_right-subnav > li > .nav-item {
        color: #fff !important;
    }

    .navbar-right {
        margin-right: 0;
    }

    .carousel-caption {
        left: 45%;
        right: 18%;
    }

    .checkbox.c-checkbox.pull-left.mt0 {
        margin-bottom: 0 !important;
    }

    .wd-xl {
        width: 300px;
    }

    .slider1 #ulCalender li {
        width: 72%;
    }

    .slider1 #ulCalender {
        left: 40px !important;
    }

    .col-sm-3 {
        width: auto;
    }

    .dropdown > a > .label {
        top: 10px;
    }

    .offsidebar {
        margin-top: -6px;
    }

    .offsidebar-open {
        overflow-y: auto;
    }

    .sidebar > .nav .label {
        margin: 2px 0 0 0;
        font-size: 12px;
    }

    /*.vworkbench_logo {
            margin: 5px 60px;
        }*/

    .sidebar_right > .nav .label {
        margin: 2px 0 0 0;
        font-size: 12px;
    }

    .row-masonry-md-1 {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
        -moz-column-gap: 15px;
        -webkit-column-gap: 15px;
        column-gap: 15px;
        -moz-columns: 1;
        -webkit-columns: 1;
        columns: 1;
    }

    .no-csscolumns .row-masonry-md-1 {
        text-align: justify;
    }

        .no-csscolumns .row-masonry-md-1:after {
            content: '';
            display: inline-block;
            width: 100%;
        }

        .no-csscolumns .row-masonry-md-1 > .col-masonry {
            vertical-align: top;
            display: inline-block;
            width: 99%;
        }

    .row-masonry-md-2 {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
        -moz-column-gap: 15px;
        -webkit-column-gap: 15px;
        column-gap: 15px;
        -moz-columns: 2;
        -webkit-columns: 2;
        columns: 2;
    }

    .no-csscolumns .row-masonry-md-2 {
        text-align: justify;
    }

        .no-csscolumns .row-masonry-md-2:after {
            content: '';
            display: inline-block;
            width: 100%;
        }

        .no-csscolumns .row-masonry-md-2 > .col-masonry {
            vertical-align: top;
            display: inline-block;
            width: 49%;
        }

    .row-masonry-md-3 {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
        -moz-column-gap: 15px;
        -webkit-column-gap: 15px;
        column-gap: 15px;
        -moz-columns: 3;
        -webkit-columns: 3;
        columns: 3;
    }

    .no-csscolumns .row-masonry-md-3 {
        text-align: justify;
    }

        .no-csscolumns .row-masonry-md-3:after {
            content: '';
            display: inline-block;
            width: 100%;
        }

        .no-csscolumns .row-masonry-md-3 > .col-masonry {
            vertical-align: top;
            display: inline-block;
            width: 32%;
        }

    .row-masonry-md-4 {
        -moz-column-count: 4;
        -webkit-column-count: 4;
        column-count: 4;
        -moz-column-gap: 15px;
        -webkit-column-gap: 15px;
        column-gap: 15px;
        -moz-columns: 4;
        -webkit-columns: 4;
        columns: 4;
    }

    .no-csscolumns .row-masonry-md-4 {
        text-align: justify;
    }

        .no-csscolumns .row-masonry-md-4:after {
            content: '';
            display: inline-block;
            width: 100%;
        }

        .no-csscolumns .row-masonry-md-4 > .col-masonry {
            vertical-align: top;
            display: inline-block;
            width: 24%;
        }

    .row-masonry-md-5 {
        -moz-column-count: 5;
        -webkit-column-count: 5;
        column-count: 5;
        -moz-column-gap: 15px;
        -webkit-column-gap: 15px;
        column-gap: 15px;
        -moz-columns: 5;
        -webkit-columns: 5;
        columns: 5;
    }

    .no-csscolumns .row-masonry-md-5 {
        text-align: justify;
    }

        .no-csscolumns .row-masonry-md-5:after {
            content: '';
            display: inline-block;
            width: 100%;
        }

        .no-csscolumns .row-masonry-md-5 > .col-masonry {
            vertical-align: top;
            display: inline-block;
            width: 19%;
        }

    .row-masonry-md-6 {
        -moz-column-count: 6;
        -webkit-column-count: 6;
        column-count: 6;
        -moz-column-gap: 15px;
        -webkit-column-gap: 15px;
        column-gap: 15px;
        -moz-columns: 6;
        -webkit-columns: 6;
        columns: 6;
    }

    .no-csscolumns .row-masonry-md-6 {
        text-align: justify;
    }

        .no-csscolumns .row-masonry-md-6:after {
            content: '';
            display: inline-block;
            width: 100%;
        }

        .no-csscolumns .row-masonry-md-6 > .col-masonry {
            vertical-align: top;
            display: inline-block;
            width: 15%;
        }

    .row-masonry-md-7 {
        -moz-column-count: 7;
        -webkit-column-count: 7;
        column-count: 7;
        -moz-column-gap: 15px;
        -webkit-column-gap: 15px;
        column-gap: 15px;
        -moz-columns: 7;
        -webkit-columns: 7;
        columns: 7;
    }

    .no-csscolumns .row-masonry-md-7 {
        text-align: justify;
    }

        .no-csscolumns .row-masonry-md-7:after {
            content: '';
            display: inline-block;
            width: 100%;
        }

        .no-csscolumns .row-masonry-md-7 > .col-masonry {
            vertical-align: top;
            display: inline-block;
            width: 13%;
        }

    .row-masonry-md-8 {
        -moz-column-count: 8;
        -webkit-column-count: 8;
        column-count: 8;
        -moz-column-gap: 15px;
        -webkit-column-gap: 15px;
        column-gap: 15px;
        -moz-columns: 8;
        -webkit-columns: 8;
        columns: 8;
    }

    .no-csscolumns .row-masonry-md-8 {
        text-align: justify;
    }

        .no-csscolumns .row-masonry-md-8:after {
            content: '';
            display: inline-block;
            width: 100%;
        }

        .no-csscolumns .row-masonry-md-8 > .col-masonry {
            vertical-align: top;
            display: inline-block;
            width: 11%;
        }

    .row-masonry-md-9 {
        -moz-column-count: 9;
        -webkit-column-count: 9;
        column-count: 9;
        -moz-column-gap: 15px;
        -webkit-column-gap: 15px;
        column-gap: 15px;
        -moz-columns: 9;
        -webkit-columns: 9;
        columns: 9;
    }

    .no-csscolumns .row-masonry-md-9 {
        text-align: justify;
    }

        .no-csscolumns .row-masonry-md-9:after {
            content: '';
            display: inline-block;
            width: 100%;
        }

        .no-csscolumns .row-masonry-md-9 > .col-masonry {
            vertical-align: top;
            display: inline-block;
            width: 10%;
        }

    .row-masonry-md-10 {
        -moz-column-count: 10;
        -webkit-column-count: 10;
        column-count: 10;
        -moz-column-gap: 15px;
        -webkit-column-gap: 15px;
        column-gap: 15px;
        -moz-columns: 10;
        -webkit-columns: 10;
        columns: 10;
    }

    .no-csscolumns .row-masonry-md-10 {
        text-align: justify;
    }

        .no-csscolumns .row-masonry-md-10:after {
            content: '';
            display: inline-block;
            width: 100%;
        }

        .no-csscolumns .row-masonry-md-10 > .col-masonry {
            vertical-align: top;
            display: inline-block;
            width: 9%;
        }

    .row-masonry-md-11 {
        -moz-column-count: 11;
        -webkit-column-count: 11;
        column-count: 11;
        -moz-column-gap: 15px;
        -webkit-column-gap: 15px;
        column-gap: 15px;
        -moz-columns: 11;
        -webkit-columns: 11;
        columns: 11;
    }

    .no-csscolumns .row-masonry-md-11 {
        text-align: justify;
    }

        .no-csscolumns .row-masonry-md-11:after {
            content: '';
            display: inline-block;
            width: 100%;
        }

        .no-csscolumns .row-masonry-md-11 > .col-masonry {
            vertical-align: top;
            display: inline-block;
            width: 8%;
        }

    .row-masonry-md-12 {
        -moz-column-count: 12;
        -webkit-column-count: 12;
        column-count: 12;
        -moz-column-gap: 15px;
        -webkit-column-gap: 15px;
        column-gap: 15px;
        -moz-columns: 12;
        -webkit-columns: 12;
        columns: 12;
    }

    .no-csscolumns .row-masonry-md-12 {
        text-align: justify;
    }

        .no-csscolumns .row-masonry-md-12:after {
            content: '';
            display: inline-block;
            width: 100%;
        }

        .no-csscolumns .row-masonry-md-12 > .col-masonry {
            vertical-align: top;
            display: inline-block;
            width: 7%;
        }
    /* Add `.table-grid` for the table */
    .table-grid {
        display: table;
        width: 100%;
        height: 100%;
        table-layout: fixed;
    }
    /* Add `.col` for the table cells, or columns */
    .col {
        display: table-cell;
        vertical-align: top;
        height: 100%;
    }

        .col.col-full-center {
            vertical-align: middle;
        }
    /* Set the widths */
    .col-1 {
        width: 8.333333%;
    }

    .col-2 {
        width: 16.666667%;
    }

    .col-3 {
        width: 25%;
    }

    .col-4 {
        width: 33.333333%;
    }

    .col-5 {
        width: 41.666667%;
    }

    .col-6 {
        width: 50%;
    }

    .col-7 {
        width: 58.333333%;
    }

    .col-8 {
        width: 66.666667%;
    }

    .col-9 {
        width: 75%;
    }

    .col-10 {
        width: 83.333333%;
    }

    .col-11 {
        width: 91.666667%;
    }

    .col-12 {
        width: 100%;
    }

    .col-xxs {
        width: 60px;
    }

    .col-xs {
        width: 90px;
    }

    .col-sm {
        width: 150px;
    }

    .col-sd {
        width: 200px;
    }

    .col-md {
        width: 240px;
    }

    .col-lg {
        width: 280px;
    }

    .col-xl {
        width: 320px;
    }

    .col-xxl {
        width: 360px;
    }

    .col-wide {
        width: 100%;
    }

    .col-auto {
        width: auto;
    }
    /* Padded columns */
    .table-grid-padded {
        margin-left: -1rem;
        margin-right: -1rem;
    }

        .table-grid-padded .table-grid {
            border-spacing: 1rem 0;
        }

    .topnavbar .navbar-form {
        left: 220px;
    }

    .topnavbar {
        border: 0;
        background-color: #23b7e5;
        background-image: -webkit-linear-gradient(left, #23b7e5 0%, #51c6ea 100%);
        background-image: -o-linear-gradient(left, #23b7e5 0%, #51c6ea 100%);
        background-image: linear-gradient(to right, #23b7e5 0%, #51c6ea 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff23b7e5', endColorstr='#ff51c6ea', GradientType=1);
    }


        .topnavbar .navbar-header {
            background-image: none;
            background-repeat: no-repeat;
            filter: none;
        }

        .topnavbar .navbar-nav > a {
            box-shadow: 0 0 0 #000 inset;
            -webkit-transition: all 0.2s;
            -o-transition: all 0.2s;
            transition: all 0.2s;
        }

        .topnavbar .navbar-nav > .open > a,
        .topnavbar .navbar-nav > .open > a:hover,
        .topnavbar .navbar-nav > .open > a:focus {
            box-shadow: 0 -3px 0 #19a5d1 inset;
            -webkit-transition: all 0.2s;
            -o-transition: all 0.2s;
            transition: all 0.2s;
        }

        .topnavbar .navbar-nav > li > a,
        .topnavbar .navbar-nav > .open > a {
            color: #ffffff;
        }

            .topnavbar .navbar-nav > li > a:hover,
            .topnavbar .navbar-nav > .open > a:hover,
            .topnavbar .navbar-nav > li > a:focus,
            .topnavbar .navbar-nav > .open > a:focus {
                color: #117391;
            }

        .topnavbar .navbar-nav > li > [data-toggle='navbar-search'] {
            position: static;
        }

    .nav-wrapper {
        position: relative;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
        z-index: 10;
    }

        .nav-wrapper:before,
        .nav-wrapper:after {
            content: " ";
            display: table;
        }

        .nav-wrapper:after {
            clear: both;
        }

        .nav-wrapper .nav > li {
            position: relative;
        }

    /*.nav-wrapper .navbar-nav .open .dropdown-menu {
            left: auto;
            right: auto;
        }*/

    /*.nav-wrapper .navbar-nav.navbar-right .open .dropdown-menu {
            left: auto;
            right: 80px;
        }*/
    .aside-collapsed .topnavbar .navbar-header .brand-logo {
        display: none;
    }

    .aside-collapsed .topnavbar .navbar-header .brand-logo-collapsed {
        display: block;
    }

    .aside-collapsed .topnavbar .navbar-header {
        width: 70px;
    }

    .aside-collapsed .topnavbar .navbar-form {
        left: 70px;
    }

    .topnavbar-wrapper {
        line-height: 20px;
    }

    .offsidebar {
        display: block;
    }

    .color_scheme {
        display: none;
    }

    .brand-logo {
        /*display: none !important;*/
    }

    .topnavbar .navbar-header .brand-logo-collapsed {
        /*display: block !important;*/
        padding: 6px 15px;
    }

    .topnavbar .navbar-header {
        /*width: 70px !important;*/
        text-align: center;
    }

    .topnavbar .navbar-nav > li > [data-toggle='navbar-search'] {
        color: #ffffff;
    }

    .topnavbar .navbar-header {
        background-image: none;
    }

    .topnavbar .navbar-header {
        width: 140px;
        text-align: center;
    }

        .topnavbar .navbar-header .navbar-brand {
            width: 100%;
        }

    .aside-float.aside-collapsed .topnavbar .navbar-header {
        width: 100px;
    }

    .aside-float.layout-fs .wrapper > section > .content-wrapper {
        padding: 0 0 0 20px;
    }

    .aside-float .wrapper > .aside > .aside-inner {
        margin-left: 15px;
    }

    .aside-float .wrapper > .aside_1 > .aside-inner {
        margin-left: 15px;
    }

    .aside-float .wrapper > section {
        padding-left: 15px;
    }

    .aside-float .wrapper > footer {
        left: 15px;
    }

    .layout-fs .wrapper > section {
        top: 55px;
    }

    .icon-notebook {
        display: block !important;
    }

    .layout-fixed .wrapper > section {
        margin-top: 55px;
    }

    .aside-collapsed .wrapper > section,
    .aside-collapsed .wrapper > footer {
        margin-left: 70px;
    }

    .content-Main {
        padding: 10px;
        margin-top: 60px !important;
    }

    .content-wrapper > h3,
    .content-wrapper > .content-heading {
        margin-bottom: 10px;
    }

    .content-wrapper > button,
    .content-wrapper > .btn {
        margin: 0;
    }

    .content-wrapper > .unwrap {
        margin: -20px;
    }

    .aside-collapsed .sidebar > .nav .nav, .aside-collapsed .sidebar > .nav > .nav-heading, .aside-collapsed .sidebar > .nav > li > a > span {
        display: none !important;
    }
    /*.aside-collapsed .sidebar_right > .nav > li > a > span {
  display: none !important;
}
 .aside-collapsed .sidebar_right > .nav .nav{display:none !important;}*/
    .label-purple {
        background-color: #7266BA;
    }

    .jumbotron {
        padding: 30px 15px;
    }

    .flatdoc-wrapper .flatdoc {
        display: table;
        table-layout: fixed;
        border-spacing: 0;
    }

    .flatdoc-wrapper {
        margin: -20px;
    }

        .flatdoc-wrapper .flatdoc-menu {
            position: relative;
            display: table-cell;
            height: 100%;
            vertical-align: top;
            width: 180px;
        }

            .flatdoc-wrapper .flatdoc-menu > ul {
                padding-top: 20px;
            }

        .flatdoc-wrapper .flatdoc-content {
            display: table-cell;
            height: 100%;
            vertical-align: top;
        }

    body {
        min-height: 100%;
    }

    .wrapper > .aside .aside-inner {
        padding-top: 55px;
        background: #3a3f51;
    }

    .wrapper > .aside_1 .aside-inner {
        padding-top: 55px;
    }

    .wrapper > section,
    .wrapper > footer {
        margin-left: 220px;
        margin-right: 0;
    }

        .wrapper > section.has-sidebar-right {
            margin-right: 240px;
        }

            .wrapper > section.has-sidebar-right + .offsidebar {
                z-index: 1;
            }
}

/* ==========================================================================
     RESPONSIVE:max-height: 900px START
========================================================================== */

@media only screen and (max-height: 900px) {
    .contener_height {
        height: 688px !important;
    }

    .wrap {
        padding-top: 47% !important;
    }
}

/* ==========================================================================
     RESPONSIVE:max-height: 768px START
========================================================================== */

@media only screen and (max-height: 768px) {
    .wrap {
        padding-top: 49% !important;
    }

    .contener_height {
        height: 540px !important;
    }
}

/* ==========================================================================
     RESPONSIVE:max-width: 768px START
========================================================================== */

@media only screen and (max-width: 768px) {
    .vrittiekatm-login-section .nl-section {
        padding: 0 !important;
    }

    .notifynginformation {
        top: -5px !important;
    }

    .notifyngSuccess {
        top: -5px !important;
    }

    .notifyngWarning {
        top: -5px !important;
    }

    .check-redio-section {
        width: 100% !important;
        padding-left: 10px !important;
    }

    fieldset .form-group {
        display: block;
    }

        fieldset .form-group .control-label {
            width: 50% !Important;
        }

    .worklist .action-box {
        margin-top: 5px;
        width: 100%;
    }

    .attendance-approval-section {
        width: 100%;
    }

        .attendance-approval-section .aas-date {
            float: none;
            margin: 0 5px 4px 5px !important;
            padding: 5px 7px !important;
            font-size: 17px;
            width: auto !important;
        }

            .attendance-approval-section .aas-date span {
                display: inline-block !important;
            }

        .attendance-approval-section .actionremark-sec {
            float: none !important;
            padding: 0 5px !important;
        }

            .attendance-approval-section .actionremark-sec .col-md-10 {
                padding: 0 !important;
            }

        .attendance-approval-section .bio-time-crm-section {
            width: 100% !important;
        }

    .timesheetlog-section .col-md-2, .col-md-3 {
        margin-bottom: 4px;
    }

    .timesheetlog-section .col-md-9 {
        padding-left: 10px !important;
    }

    .material-in-out label {
        display: block;
        margin-bottom: 3px !important;
        width: 100% !important;
    }

    .topnav_bar_align {
        width: auto !important;
    }

    .worklist .info-text a {
        margin: 2px 0;
    }

    .slider1 #ulCalender li {
        width: 72% !important;
    }

    .slider1 #ulCalender {
        left: 40px !important;
    }

    .c-checkbox span, .c-radio span {
        position: relative;
        vertical-align: top;
        margin-left: -20px;
        width: 20px;
        height: 20px;
        border-radius: 2px;
        border: 1px solid #ccc;
        margin-right: 5px;
        text-align: center;
    }

    .mbfont12 {
        font-size: 12px !important;
    }

    .displynone {
        display: none;
    }

    .y_width20 {
        float: left !important;
    }

    .tab_width {
        width: 100% !important;
    }
    /*.nav-justified > li {
    float: left !important;
}*/
    /* .border_box {
        width: auto !important;
        display: inline-block;
        overflow: auto;
    }*/

    .Emp_name {
        font-size: 16px;
    }

    .margin_rightpx {
        margin-left: -35px;
    }

    .logout_button {
        margin: 13px 15px 0 5px !important;
    }



    label {
        font-size: 12px !important;
    }

    .sa-left {
        margin-left: 0 !important;
    }

    .head.bg-head {
        font-size: 10px;
    }

    .login_main {
        left: 5%;
    }

    .y_width15 {
        width: 100%;
    }

    .login-button {
        width: 100 !important;
    }

    .carousel-indicators {
        display: none;
    }
}

/*button:focus {
    color: yellow;
}*/

/* ==========================================================================
     RESPONSIVE:max-width: 767px START
========================================================================== */

@media only screen and (max-width: 767px) {
    .notifynginformation {
        top: -5px !important;
    }

    .notifyngSuccess {
        top: -5px !important;
    }

    .notifyngWarning {
        top: -5px !important;
    }

    .modal-dialog {
        width: auto !important;
    }

    fieldset .form-group {
        display: block;
    }

        fieldset .form-group .control-label {
            width: 50% !Important;
        }

    #divVendorleddetails .form-group {
        display: inline-block;
    }

        #divVendorleddetails .form-group label {
            width: 130px;
        }

    #divVendorbaldetails .form-group {
        display: inline-block;
    }

        #divVendorbaldetails .form-group label {
            width: 130px !important;
        }

    .user-environment .uebox {
        width: 49% !important;
    }

    .navbar-nav .open .dropdown-menu {
        width: 100%;
    }

    .attendance-approval-section {
        width: 100%;
    }

        .attendance-approval-section .aas-date {
            float: none;
            margin: 0 5px 4px 5px !important;
            padding: 5px 7px !important;
            font-size: 17px;
        }

            .attendance-approval-section .aas-date span {
                display: inline-block !important;
            }

        .attendance-approval-section .actionremark-sec {
            float: none !important;
            padding: 0 5px !important;
        }

            .attendance-approval-section .actionremark-sec .col-md-10 {
                padding: 0 !important;
            }

        .attendance-approval-section .bio-time-crm-section {
            width: 100% !important;
        }

    .timesheetlog-section .col-md-2, .col-md-3 {
        margin-bottom: 4px;
    }

    .timesheetlog-section .col-md-9 {
        padding-left: 10px !important;
    }

    .material-in-out label {
        margin-bottom: 3px !important;
        width: 100% !important;
    }

    .topnav_bar_align {
        width: 100% !important;
    }

    .user_login_name {
        padding: 10px 0 0 10px !important;
    }

    .right_width {
        width: 100% !important;
    }

    .user_photo {
        margin-top: 0px !important;
    }

    .meeting-invitation .count-data-box {
        margin: 10px;
    }

    .wrapper > .aside {
        z-index: 999 !important;
    }

    span.text-info.m0 {
        color: #ffe497 !important;
    }

    span.text-success.m0 {
        color: #ffe497 !important;
    }

    .slider1 #ulCalender li {
        width: 72%;
    }

    .slider1 #ulCalender {
        left: 40px !important;
    }

    /*  .border_box {
        width: 320px !important;
    }*/

    .forgot_pass {
        left: 10px;
        top: 50px;
    }
    /*
    #DivmTimesheet {
        display: -webkit-box !important;
        width: 100% !important;
        overflow: auto !important;
    }*/

    .searchbox {
        display: none !important;
    }

    /*.left_Panel {
        display: block;
    }*/
    /*.vworkbench_logo{margin: 10px auto 20px auto !important;}*/
    .wrap {
        display: none !important;
    }

    .top_bg {
        bottom: -37px !important;
    }

    .marginleft90 {
        margin-left: 90px !important;
        margin-top: 5px !important;
    }

    .marginleft40 {
        margin-left: 40px !important;
    }

    .marginleft37 {
        margin-left: 37px !important;
    }

    .displynone {
        display: none;
    }

    .vritti_logo img {
        text-align: center !important;
        margin: 0 60px 0 !important;
    }

    .teamfloatleft {
        float: left !important;
    }

    .worklist .action-box {
        margin-top: 5px;
        width: 100%;
    }
    /*.dprtfloatrgt {
    float:none;
    }*/
    /*.mt-lg button{margin-right:4px !important;}*/
    .logout_button {
        margin: 0 2px !important;
        position: absolute !important;
        right: 6px;
        top: -80px;
        z-index: 999;
    }

    .wrapper > .aside_1 {
        display: none;
    }

    .aside-collapsed .wrapper > .aside_1 {
        display: none;
    }

    body.aside-toggled .wrapper > .aside_1 {
        display: block;
    }

    body.aside-toggled .aside-collapsed .wrapper > .aside_1 {
        display: block;
    }

    .y_float_left {
        font-size: 11px !important;
    }
    /*.y_width15{width:100% !important;}*/
    .sidebar_right-subnav > li > a, .sidebar_right-subnav > li > .nav-item {
        color: #fff !important;
    }

    .carousel-caption h3 {
        display: none;
    }

    .first_right_img {
        display: none;
    }

    .carousel-indicators {
        display: none;
    }

    div.dataTables_filter label,
    div.dataTables_length label,
    div.dataTables_paginate {
        float: none;
    }

        div.dataTables_filter label select,
        div.dataTables_length label select,
        div.dataTables_paginate select {
            display: inline-block;
        }

    .dataTables_wrapper > .row > div {
        float: none;
        text-align: center;
        width: 100%;
    }

    .sidebar-toggle {
        position: absolute !important;
        top: 7px;
        right: 60px;
        z-index: 3001;
    }

        .sidebar-toggle > em {
            color: white;
        }

    .sidebar_right-toggle {
        position: absolute !important;
        top: 5px;
        right: 0;
        z-index: 3001;
    }

        .sidebar_right-toggle > em {
            color: white;
        }

    .d-table-fixed {
        display: block;
    }

    .nav-wrapper .nav > li {
        color: #929292;
        line-height: 8px;
    }

    .d-table-fixed > .d-cell {
        display: block;
        width: auto;
        height: auto;
    }
    /*Yogi 15/2/17*/
    .navbar-nav {
        margin: -0.5px 0 !important;
    }
    /*Yogi 15/2/17*/
    .wrapper > .aside {
        z-index: 9999;
    }

    .wrapper > .aside_1 {
        z-index: 144;
    }

    .aside-collapsed .wrapper > .aside {
        margin-left: -70px;
    }

    .aside-collapsed .wrapper > .aside_1 {
        margin-left: -70px;
    }

    .aside-collapsed.aside-toggled .wrapper > section,
    .aside-collapsed.aside-toggled .wrapper > footer {
        margin-left: 70px;
    }

    .aside-collapsed.aside-toggled .wrapper > .aside {
        margin-left: 0;
    }

    .aside-collapsed.aside-toggled .wrapper > .aside_1 {
        margin-left: 0;
    }

    .csstransforms3d .aside-collapsed .wrapper {
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    /*.csstransforms3d .aside-collapsed .wrapper > section,
        .csstransforms3d .aside-collapsed .wrapper > footer {
            margin-left: 0;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            -webkit-transition: -webkit-transform 0.3s ease;
            -moz-transition: -moz-transform 0.3s ease;
            -o-transition: -o-transform 0.3s ease;
            transition: transform 0.3s ease;
            margin-top:150px
        }*/

    .nav-tabs {
        margin-top: 0 !important;
    }

    body.aside-collapsed div.wrapper section {
        margin-right: 0 !important;
    }

    .csstransforms3d .aside-collapsed .wrapper > .aside {
        margin-left: 0;
        -webkit-transform: translate3d(-170px, 0, 0);
        transform: translate3d(-170px, 0, 0);
        -webkit-transition: -webkit-transform 0.3s ease;
        -moz-transition: -moz-transform 0.3s ease;
        -o-transition: -o-transform 0.3s ease;
        transition: transform 0.3s ease;
    }

    .csstransforms3d .aside-collapsed .wrapper > .aside_1 {
        margin-left: 0;
        -webkit-transform: translate3d(70px, 0, 0);
        transform: translate3d(70px, 0, 0);
        -webkit-transition: -webkit-transform 0.3s ease;
        -moz-transition: -moz-transform 0.3s ease;
        -o-transition: -o-transform 0.3s ease;
        transition: transform 0.3s ease;
    }

    .csstransforms3d .aside-collapsed.aside-toggled .wrapper > section,
    .csstransforms3d .aside-collapsed.aside-toggled .wrapper > footer {
        -webkit-transform: translate3d(70px, 0, 0);
        transform: translate3d(70px, 0, 0);
    }

    .csstransforms3d .aside-collapsed.aside-toggled .wrapper > .aside {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .csstransforms3d .aside-collapsed.aside-toggled .wrapper > .aside_1 {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .wrapper > .aside {
        margin-left: -220px;
    }

    .user_login_name {
        margin: 0 !important;
    }

    .nav > li > a {
        padding: 7px 7px !important;
    }

    .icon-notebook {
        display: none !important;
    }

    .aside-collapsed .sidebar_right > .nav > li > a > span {
        display: none !important;
    }

    .label-purple {
        background-color: #7266BA;
    }

    .csstransforms3d .aside-collapsed .wrapper > .aside_1 {
        margin-left: 0;
        transform: translate3d(70px, 0, 0);
        transition: transform 0.3s ease 0s;
    }

    .aside-collapsed .sidebar_right > .nav .nav {
        display: none !important;
    }

    .aside-toggled .wrapper > section,
    .aside-toggled .wrapper > footer {
        margin-left: 220px;
    }

    .aside-toggled .wrapper > .aside {
        margin-left: 0;
    }

    .aside-toggled .wrapper > .aside_1 {
        margin-left: 0;
    }

    .csstransforms3d .wrapper {
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
    }

        .csstransforms3d .wrapper > section,
        .csstransforms3d .wrapper > footer {
            margin-left: 0 !important;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            -webkit-transition: -webkit-transform 0.3s ease;
            -moz-transition: -moz-transform 0.3s ease;
            -o-transition: -o-transform 0.3s ease;
            transition: transform 0.3s ease;
            margin-top: 90px;
        }

        .csstransforms3d .wrapper > .aside {
            margin-left: 0;
            -webkit-transform: translate3d(-220px, 0, 0);
            transform: translate3d(-220px, 0, 0);
            -webkit-transition: -webkit-transform 0.3s ease;
            -moz-transition: -moz-transform 0.3s ease;
            -o-transition: -o-transform 0.3s ease;
            transition: transform 0.3s ease;
        }

    /*.csstransforms3d .aside-toggled .wrapper > section,
    .csstransforms3d .aside-toggled .wrapper > footer {
        -webkit-transform: translate3d(220px, 0, 0);
        transform: translate3d(220px, 0, 0);
    }*/

    .csstransforms3d .aside-toggled .wrapper > .aside {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .csstransforms3d .aside-toggled .wrapper > .aside_1 {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    input[type="text"],
    input[type="email"],
    input[type="search"],
    input[type="password"] {
        -webkit-appearance: none;
    }
    /*.aside-collapsed .sidebar > .nav .nav, .aside-collapsed .sidebar > .nav > .nav-heading, .aside-collapsed .sidebar > .nav > li > a > span {
    display: none !important;
}*/
    .offsidebar {
        display: none;
    }

    .c-checkbox,
    .c-radio {
        margin-right: 4px;
    }

        .c-checkbox *,
        .c-radio * {
            cursor: pointer;
        }

        .c-checkbox input,
        .c-radio input {
            opacity: 0;
            /*position: absolute;
            margin-left: 0 !important;*/
        }

        .c-checkbox span,
        .c-radio span {
            position: relative;
            display: inline-block;
            vertical-align: top;
            margin-left: -20px;
            width: 20px;
            height: 20px;
            border-radius: 2px;
            border: 1px solid #ccc;
            margin-right: 5px;
            text-align: center;
        }

            .c-checkbox span:before,
            .c-radio span:before {
                margin-left: 1px;
            }

        .c-checkbox:hover span,
        .c-radio:hover span {
            border-color: #5d9cec;
        }

    .form-inline .c-checkbox span,
    .form-inline .c-radio span {
        margin-left: 0;
    }

    .c-checkbox.c-checkbox-rounded span,
    .c-radio.c-checkbox-rounded span,
    .c-checkbox.c-radio-rounded span,
    .c-radio.c-radio-rounded span {
        border-radius: 500px;
    }
    /* override for radio */
    .c-radio span {
        border-radius: 500px;
    }
        /* the icon */
        .c-checkbox span:before,
        .c-radio span:before {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            opacity: 0;
            text-align: center !important;
            font-size: 12px;
            line-height: 18px;
            vertical-align: middle;
        }
    /* Checked state */
    .c-checkbox,
    .c-radio {
        /* override for radio */
        /* Disable state */
        /* override for radio */
    }

        .c-checkbox input[type=checkbox]:checked + span:before,
        .c-radio input[type=checkbox]:checked + span:before,
        .c-checkbox input[type=radio]:checked + span:before,
        .c-radio input[type=radio]:checked + span:before {
            color: #fff;
            opacity: 1;
            transition: color 0.3s ease-out;
        }

        .c-checkbox input[type=checkbox]:checked + span,
        .c-radio input[type=checkbox]:checked + span,
        .c-checkbox input[type=radio]:checked + span,
        .c-radio input[type=radio]:checked + span {
            border-color: #5d9cec;
            background-color: #5d9cec;
        }

        .c-checkbox input[type=radio]:checked + span,
        .c-radio input[type=radio]:checked + span {
            background-color: #fff;
        }

            .c-checkbox input[type=radio]:checked + span:before,
            .c-radio input[type=radio]:checked + span:before {
                color: #5d9cec;
            }

        .c-checkbox input[type=checkbox]:disabled + span,
        .c-radio input[type=checkbox]:disabled + span,
        .c-checkbox input[type=radio]:disabled + span,
        .c-radio input[type=radio]:disabled + span {
            border-color: #dddddd !important;
            background-color: #dddddd !important;
        }



        .c-checkbox input[type=radio]:disabled + span,
        .c-radio input[type=radio]:disabled + span {
            background-color: #fff !important;
        }

            .c-checkbox input[type=radio]:disabled + span:before,
            .c-radio input[type=radio]:disabled + span:before {
                color: #dddddd;
            }

        .c-radio.c-radio-nofont {
            /* override for radio */
            /* Disable state */
            /* override for radio */
        }

            .c-radio.c-radio-nofont span:before {
                content: "";
                width: 10px;
                height: 10px;
                top: 50%;
                left: 50%;
                margin-top: -5px;
                margin-left: -5px;
                border-radius: 500px;
            }

            .c-radio.c-radio-nofont input[type=radio]:checked + span:before {
                color: #fff;
                opacity: 1;
                transition: color 0.3s ease-out;
            }

            .c-radio.c-radio-nofont input[type=radio]:checked + span {
                border-color: #5d9cec;
                background-color: #5d9cec;
            }

            .c-radio.c-radio-nofont input[type=radio]:checked + span {
                background-color: #fff;
            }

                .c-radio.c-radio-nofont input[type=radio]:checked + span:before {
                    background-color: #5d9cec;
                }

            .c-radio.c-radio-nofont input[type=radio]:disabled + span {
                border-color: #dddddd !important;
                background-color: #dddddd !important;
            }

            .c-radio.c-radio-nofont input[type=radio]:disabled + span {
                background-color: #fff !important;
            }

                .c-radio.c-radio-nofont input[type=radio]:disabled + span:before {
                    background-color: #dddddd;
                }
    /*.nav > li > a .icon-notebook{display:none;}*/
}

.pop_pst {
    position: absolute;
    left: 20%;
    top: 10%;
}

/* ==========================================================================
     RESPONSIVE:max-width: 640px START
========================================================================== */

@media only screen and (max-width: 640px) {
    .widthPopup_40per {
        width: 100%;
    }

    .padd-10pxResp {
        padding: 10px !important;
    }

    .pop_pst {
        position: static;
    }

    .width12per {
        width: 100% !important;
        float: none;
    }

    .width14per {
        width: 100% !important;
        float: none;
    }



    .notifynginformation {
        top: -5px !important;
    }

    .notifyngSuccess {
        top: -5px !important;
    }

    .notifyngWarning {
        top: -5px !important;
    }

    .modal-dialog {
        width: auto !important;
    }

    .tkt-snd-box {
        float: none !important;
    }

    .tkt-info {
        padding-left: 0 !important;
    }

    .service-desk-ticket .rpcc-date .cc-date {
        margin-top: 3px;
    }

    .dateticket {
        display: block;
        float: none !important;
    }

    #tblTimeSheetvw .worklist .col-md-7 {
        padding: 0 !important;
        margin-top: 5px;
    }

    #wholeDivHide .worklist .col-md-7 {
        padding: 0 !important;
        margin-top: 5px;
    }

    fieldset .form-group {
        display: block;
    }

        fieldset .form-group .control-label {
            width: 50% !Important;
        }

    .user-environment .uebox {
        width: 100% !important;
    }

    .navbar-nav .open .dropdown-menu {
        width: 100%;
    }

    .attendance-approval-section {
        width: 100%;
    }

        .attendance-approval-section .aas-date {
            float: none;
            margin: 0 5px 4px 5px !important;
            padding: 5px 7px !important;
            font-size: 17px;
        }

            .attendance-approval-section .aas-date span {
                display: inline-block !important;
            }

        .attendance-approval-section .actionremark-sec {
            float: none !important;
            padding: 0 5px !important;
        }

            .attendance-approval-section .actionremark-sec .col-md-10 {
                padding: 0 !important;
            }

        .attendance-approval-section .bio-time-crm-section {
            width: 100% !important;
        }

    .timesheetlog-section .col-md-2, .col-md-3 {
        margin-bottom: 4px;
    }

    .timesheetlog-section .col-md-9 {
        padding-left: 10px !important;
    }

    .material-in-out label {
        margin-bottom: 3px !important;
        width: 100% !important;
    }

    .topnav_bar_align {
        width: 100% !important;
    }

    .right_width {
        width: 100% !important;
    }

    .info-text a {
        margin: 2px;
    }

    .worklist .action-box {
        margin-top: 5px;
        width: 100%;
    }

    .vritti_logo img {
        margin: 0 225px 0 !important;
    }

    .top_bg {
        bottom: -120px !important;
    }

    .mbmagrintop30 {
        margin-top: 30px;
    }

    /*.border_box {
        width: auto !important;
        display: inline-block;
        overflow: auto;
    }*/

    .searchbox {
        margin-left: 20px;
    }

    .divMainIndex {
        margin-top: 30px !important;
    }

    .nav-wrapper .nav > li {
        line-height: 40px;
    }

    .login_main {
        left: 20% !important;
        top: 82px !important;
    }
}

/* ==========================================================================
     RESPONSIVE:max-width: 480px START
========================================================================== */

@media only screen and (max-width: 480px) {
    .notifynginformation {
        top: -5px !important;
    }

    .notifyngSuccess {
        top: -5px !important;
    }

    .notifyngWarning {
        top: -5px !important;
    }

    .modal-dialog {
        width: auto !important;
    }

    .tkt-snd-box {
        float: none !important;
    }

    .tkt-info {
        padding-left: 0 !important;
    }

    .service-desk-ticket .rpcc-date .cc-date {
        margin-top: 3px;
    }

    .dateticket {
        display: block;
        float: none !important;
    }

    #tblTimeSheetvw .worklist .col-md-7 {
        padding: 0 !important;
        margin-top: 5px;
    }

    #wholeDivHide .worklist .col-md-7 {
        padding: 0 !important;
        margin-top: 5px;
    }

    fieldset .form-group {
        display: block;
    }

        fieldset .form-group .control-label {
            width: 50% !Important;
        }

    .user-environment .uebox {
        width: 100% !important;
    }

    .navbar-nav .open .dropdown-menu {
        width: 100%;
    }

    .attendance-approval-section {
        width: 100%;
    }

        .attendance-approval-section .aas-date {
            float: none;
            margin: 0 5px 4px 5px !important;
            padding: 5px 7px !important;
            font-size: 17px;
        }

            .attendance-approval-section .aas-date span {
                display: inline-block !important;
            }

        .attendance-approval-section .actionremark-sec {
            float: none !important;
            padding: 0 5px !important;
        }

        .attendance-approval-section .actionremark-secactionremark-sec .col-md-10 {
            padding: 0 !important;
        }

        .attendance-approval-section .bio-time-crm-section {
            width: 100% !important;
        }

    .timesheetlog-section .col-md-2, .col-md-3 {
        margin-bottom: 4px;
    }

    .timesheetlog-section .col-md-9 {
        padding-left: 10px !important;
    }

    .material-in-out label {
        margin-bottom: 3px !important;
        width: 100% !important;
    }

    .topnav_bar_align {
        width: 100% !important;
    }

    .right_width {
        width: 100% !important;
    }

    .info-text a {
        margin: 2px;
    }

    .slider1 #ulCalender li {
        width: 40% !important;
    }

    .slider1 #ulCalender {
        left: 40px !important;
    }

    .height500px {
        height: auto;
    }

    .bg_icon {
        background-size: 448px 25px !important;
    }

    .vritti_logo img {
        margin: 0 147px 0 !important;
    }

    .top_bg {
        bottom: -450px !important;
    }

    .worklist .action-box {
        margin-top: 5px;
        width: 100%;
    }

    .searchbox {
        margin-left: 0 !important;
        font-size: 14px !important;
        width: 170px !important;
    }

    .login_main {
        top: 83px !important;
    }

    .contener_height {
        height: 510px !important;
    }

    /*   .border_box {
        width: auto !important;
        display: inline-block;
        overflow: auto;
    }*/

    .y_marrgt15 {
        margin-right: 12px !important;
    }

    .wrapper > .aside .aside-inner {
        height: fit-content !important;
        padding-top: 20px !important;
    }

    .wrapper > .aside_1 .aside-inner {
        padding-top: 20px !important;
    }

    /*  .border_box {
        width: auto !important;
        display: inline-block;
        overflow: auto;
    }*/

    .login_main {
        left: 6% !important;
    }

    .divMainIndex {
        margin-top: 66px !important;
        padding: 0 !important;
    }

    .nav-wrapper .nav > li {
        line-height: 20px;
    }
    /*changes line-height 40 to 20  24/3/17*/
    .nav-wrapper .nav.navbar-nav.navbar-right {
        float: left !important;
    }

    .alerts {
        left: 10px;
        right: 10px;
        width: auto;
        margin: 0;
    }

    .row-masonry-sm-1 {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
        -moz-column-gap: 15px;
        -webkit-column-gap: 15px;
        column-gap: 15px;
        -moz-columns: 1;
        -webkit-columns: 1;
        columns: 1;
    }

    .no-csscolumns .row-masonry-sm-1 {
        text-align: justify;
    }

        .no-csscolumns .row-masonry-sm-1:after {
            content: '';
            display: inline-block;
            width: 100%;
        }

        .no-csscolumns .row-masonry-sm-1 > .col-masonry {
            vertical-align: top;
            display: inline-block;
            width: 99%;
        }

    .row-masonry-sm-2 {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
        -moz-column-gap: 15px;
        -webkit-column-gap: 15px;
        column-gap: 15px;
        -moz-columns: 2;
        -webkit-columns: 2;
        columns: 2;
    }

    .no-csscolumns .row-masonry-sm-2 {
        text-align: justify;
    }

        .no-csscolumns .row-masonry-sm-2:after {
            content: '';
            display: inline-block;
            width: 100%;
        }

        .no-csscolumns .row-masonry-sm-2 > .col-masonry {
            vertical-align: top;
            display: inline-block;
            width: 49%;
        }

    .row-masonry-sm-3 {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
        -moz-column-gap: 15px;
        -webkit-column-gap: 15px;
        column-gap: 15px;
        -moz-columns: 3;
        -webkit-columns: 3;
        columns: 3;
    }

    .no-csscolumns .row-masonry-sm-3 {
        text-align: justify;
    }

        .no-csscolumns .row-masonry-sm-3:after {
            content: '';
            display: inline-block;
            width: 100%;
        }

        .no-csscolumns .row-masonry-sm-3 > .col-masonry {
            vertical-align: top;
            display: inline-block;
            width: 32%;
        }

    .row-masonry-sm-4 {
        -moz-column-count: 4;
        -webkit-column-count: 4;
        column-count: 4;
        -moz-column-gap: 15px;
        -webkit-column-gap: 15px;
        column-gap: 15px;
        -moz-columns: 4;
        -webkit-columns: 4;
        columns: 4;
    }

    .no-csscolumns .row-masonry-sm-4 {
        text-align: justify;
    }

        .no-csscolumns .row-masonry-sm-4:after {
            content: '';
            display: inline-block;
            width: 100%;
        }

        .no-csscolumns .row-masonry-sm-4 > .col-masonry {
            vertical-align: top;
            display: inline-block;
            width: 24%;
        }

    .row-masonry-sm-5 {
        -moz-column-count: 5;
        -webkit-column-count: 5;
        column-count: 5;
        -moz-column-gap: 15px;
        -webkit-column-gap: 15px;
        column-gap: 15px;
        -moz-columns: 5;
        -webkit-columns: 5;
        columns: 5;
    }

    .no-csscolumns .row-masonry-sm-5 {
        text-align: justify;
    }

        .no-csscolumns .row-masonry-sm-5:after {
            content: '';
            display: inline-block;
            width: 100%;
        }

        .no-csscolumns .row-masonry-sm-5 > .col-masonry {
            vertical-align: top;
            display: inline-block;
            width: 19%;
        }

    .row-masonry-sm-6 {
        -moz-column-count: 6;
        -webkit-column-count: 6;
        column-count: 6;
        -moz-column-gap: 15px;
        -webkit-column-gap: 15px;
        column-gap: 15px;
        -moz-columns: 6;
        -webkit-columns: 6;
        columns: 6;
    }

    .no-csscolumns .row-masonry-sm-6 {
        text-align: justify;
    }

        .no-csscolumns .row-masonry-sm-6:after {
            content: '';
            display: inline-block;
            width: 100%;
        }

        .no-csscolumns .row-masonry-sm-6 > .col-masonry {
            vertical-align: top;
            display: inline-block;
            width: 15%;
        }

    .row-masonry-sm-7 {
        -moz-column-count: 7;
        -webkit-column-count: 7;
        column-count: 7;
        -moz-column-gap: 15px;
        -webkit-column-gap: 15px;
        column-gap: 15px;
        -moz-columns: 7;
        -webkit-columns: 7;
        columns: 7;
    }

    .no-csscolumns .row-masonry-sm-7 {
        text-align: justify;
    }

        .no-csscolumns .row-masonry-sm-7:after {
            content: '';
            display: inline-block;
            width: 100%;
        }

        .no-csscolumns .row-masonry-sm-7 > .col-masonry {
            vertical-align: top;
            display: inline-block;
            width: 13%;
        }

    .row-masonry-sm-8 {
        -moz-column-count: 8;
        -webkit-column-count: 8;
        column-count: 8;
        -moz-column-gap: 15px;
        -webkit-column-gap: 15px;
        column-gap: 15px;
        -moz-columns: 8;
        -webkit-columns: 8;
        columns: 8;
    }

    .no-csscolumns .row-masonry-sm-8 {
        text-align: justify;
    }

        .no-csscolumns .row-masonry-sm-8:after {
            content: '';
            display: inline-block;
            width: 100%;
        }

        .no-csscolumns .row-masonry-sm-8 > .col-masonry {
            vertical-align: top;
            display: inline-block;
            width: 11%;
        }

    .row-masonry-sm-9 {
        -moz-column-count: 9;
        -webkit-column-count: 9;
        column-count: 9;
        -moz-column-gap: 15px;
        -webkit-column-gap: 15px;
        column-gap: 15px;
        -moz-columns: 9;
        -webkit-columns: 9;
        columns: 9;
    }

    .no-csscolumns .row-masonry-sm-9 {
        text-align: justify;
    }

        .no-csscolumns .row-masonry-sm-9:after {
            content: '';
            display: inline-block;
            width: 100%;
        }

        .no-csscolumns .row-masonry-sm-9 > .col-masonry {
            vertical-align: top;
            display: inline-block;
            width: 10%;
        }

    .row-masonry-sm-10 {
        -moz-column-count: 10;
        -webkit-column-count: 10;
        column-count: 10;
        -moz-column-gap: 15px;
        -webkit-column-gap: 15px;
        column-gap: 15px;
        -moz-columns: 10;
        -webkit-columns: 10;
        columns: 10;
    }

    .no-csscolumns .row-masonry-sm-10 {
        text-align: justify;
    }

        .no-csscolumns .row-masonry-sm-10:after {
            content: '';
            display: inline-block;
            width: 100%;
        }

        .no-csscolumns .row-masonry-sm-10 > .col-masonry {
            vertical-align: top;
            display: inline-block;
            width: 9%;
        }

    .row-masonry-sm-11 {
        -moz-column-count: 11;
        -webkit-column-count: 11;
        column-count: 11;
        -moz-column-gap: 15px;
        -webkit-column-gap: 15px;
        column-gap: 15px;
        -moz-columns: 11;
        -webkit-columns: 11;
        columns: 11;
    }

    .no-csscolumns .row-masonry-sm-11 {
        text-align: justify;
    }

        .no-csscolumns .row-masonry-sm-11:after {
            content: '';
            display: inline-block;
            width: 100%;
        }

        .no-csscolumns .row-masonry-sm-11 > .col-masonry {
            vertical-align: top;
            display: inline-block;
            width: 8%;
        }

    .row-masonry-sm-12 {
        -moz-column-count: 12;
        -webkit-column-count: 12;
        column-count: 12;
        -moz-column-gap: 15px;
        -webkit-column-gap: 15px;
        column-gap: 15px;
        -moz-columns: 12;
        -webkit-columns: 12;
        columns: 12;
    }

    .no-csscolumns .row-masonry-sm-12 {
        text-align: justify;
    }

        .no-csscolumns .row-masonry-sm-12:after {
            content: '';
            display: inline-block;
            width: 100%;
        }

        .no-csscolumns .row-masonry-sm-12 > .col-masonry {
            vertical-align: top;
            display: inline-block;
            width: 7%;
        }

    .layout-fs .wrapper > section {
        overflow: hidden;
    }

    .uk-notify {
        left: 10px;
        right: 10px;
        width: auto;
        margin: 0;
    }

    .feature_section1 h2 {
        width: 57% !important;
    }
}

/* ==========================================================================
     RESPONSIVE:max-width: 360px START
========================================================================== */

@media only screen and (max-width: 360px) {
    .notifynginformation {
        top: -5px !important;
    }

    .notifyngSuccess {
        top: -5px !important;
    }

    .notifyngWarning {
        top: -5px !important;
    }

    .modal-dialog {
        width: auto !important;
    }

    .tkt-snd-box {
        float: none !important;
    }

    .tkt-info {
        padding-left: 0 !important;
    }

    .service-desk-ticket .rpcc-date .cc-date {
        margin-top: 3px;
    }

    .dateticket {
        display: block;
        float: none !important;
    }

    #tblTimeSheetvw .worklist .col-md-7 {
        padding: 0 !important;
        margin-top: 5px;
    }

    #wholeDivHide .worklist .col-md-7 {
        padding: 0 !important;
        margin-top: 5px;
    }

    fieldset .form-group {
        display: block;
    }

        fieldset .form-group .control-label {
            width: 50% !Important;
        }

    .user-environment .uebox {
        width: 100% !important;
    }

    .navbar-nav .open .dropdown-menu {
        width: 100%;
    }

    .attendance-approval-section {
        width: 100%;
    }

        .attendance-approval-section .aas-date {
            float: none;
            margin: 0 5px 4px 5px !important;
            padding: 5px 7px !important;
            font-size: 17px;
        }

            .attendance-approval-section .aas-date span {
                display: inline-block !important;
            }

        .attendance-approval-section .actionremark-sec {
            float: none !important;
            padding: 0 5px !important;
        }

            .attendance-approval-section .actionremark-sec .col-md-10 {
                padding: 0 !important;
            }

        .attendance-approval-section .bio-time-crm-section {
            width: 100% !important;
        }

    .timesheetlog-section .col-md-2, .col-md-3 {
        margin-bottom: 4px;
    }

    .timesheetlog-section .col-md-9 {
        padding-left: 10px !important;
    }

    .material-in-out label {
        margin-bottom: 3px !important;
        width: 100% !important;
    }

    .topnav_bar_align {
        width: 100% !important;
    }

    .right_width {
        width: 100% !important;
    }

    .info-text a {
        margin: 2px;
    }

    .slider1 #ulCalender li {
        width: 72% !important;
    }

    .bg_icon {
        background-size: 332px 25px !important;
    }

    .top_bg {
        bottom: -450px !important;
    }

    .mbmagrintop63 {
        margin-top: 63px;
    }

    .vritti_app {
        margin: 16px 10px !important;
    }

    .vritti_app_ul {
        width: 82% !important;
    }

    .nav-wrapper .nav > li {
        line-height: 20px !important;
        padding-left: 15px !important; /*changes line-height 34 to 20  24/3/17*/
    }

    .y_marrgt15 {
        margin-right: 0 !important;
    }

    .y_paddrgt0 {
        padding: 0 !important;
    }

    .wrapper > .aside .aside-inner {
        padding-top: 70px !important;
    }

    .wrapper > .aside_1 .aside-inner {
        padding-top: 70px !important;
    }

    body .aside-collapsed .aside-toggled .wrapper > .aside {
        width: 70px !important;
    }

    body .aside-collapsed .aside-toggled .wrapper > .aside_1 {
        width: 70px !important;
    }

    body .aside-collapsed .aside-toggled .wrapper > .aside .aside-inner {
        width: 70px !important;
    }

    body .aside-collapsed .aside-toggled .wrapper > .wrapper > .aside_1 .aside-inner {
        width: 70px !important;
    }

    .wrapper > .aside {
        width: 170px !important;
    }

    .wrapper > .aside_1 {
        width: 170px !important;
    }

    .wrapper > .aside .aside-inner {
        width: 170px !important;
    }

    .wrapper > .aside_1 .aside-inner {
        width: 190px !important;
    }

    /* .border_box {
        width: auto !important;
        display: inline-block;
        overflow: auto;
    }*/

    .login_main {
        left: 10px !important;
    }

    .clear_both {
        clear: both;
    }

    .nav-wrapper .nav.navbar-nav.navbar-right {
        float: left !important;
    }

    .login_main {
        left: 10px !important;
    }

    .checkbox c-checkbox pull-left mt0 {
        margin-bottom: 0 !important;
    }

    .feature_section1 h2 {
        width: 54% !important;
    }
}

/* ==========================================================================
     RESPONSIVE:max-width: 320px START
========================================================================== */

@media only screen and (max-width: 320px) {
    .vrittiekatm-login-section .nl-form {
        width: 300px !important;
    }

    .notifynginformation {
        top: -5px !important;
    }

    .notifyngSuccess {
        top: -5px !important;
    }

    .notifyngWarning {
        top: -5px !important;
    }

    .modal-dialog {
        width: auto !important;
    }

    .tkt-snd-box {
        float: none !important;
    }

    .tkt-info {
        padding-left: 0 !important;
    }

    .service-desk-ticket .rpcc-date .cc-date {
        margin-top: 3px;
    }

    .dateticket {
        display: block;
        float: none !important;
    }

    #tblTimeSheetvw .worklist .col-md-7 {
        padding: 0 !important;
        margin-top: 5px;
    }

    #wholeDivHide .worklist .col-md-7 {
        padding: 0 !important;
        margin-top: 5px;
    }

    fieldset .form-group {
        display: block;
    }

        fieldset .form-group .control-label {
            width: 50% !Important;
        }

    .user-environment .uebox {
        width: 100% !important;
    }

    .navbar-nav .open .dropdown-menu {
        width: 100%;
    }

    .attendance-approval-section {
        width: 100%;
    }

        .attendance-approval-section .aas-date {
            float: none;
            margin: 0 5px 4px 5px !important;
            padding: 5px 7px !important;
            font-size: 17px;
        }

            .attendance-approval-section .aas-date span {
                display: inline-block !important;
            }

        .attendance-approval-section .actionremark-sec {
            float: none !important;
            padding: 0 5px !important;
        }

            .attendance-approval-section .actionremark-sec .col-md-10 {
                padding: 0 !important;
            }

        .attendance-approval-section .bio-time-crm-section {
            width: 100% !important;
        }

    .timesheetlog-section .col-md-2, .col-md-3 {
        margin-bottom: 4px;
    }

    .timesheetlog-section .col-md-9 {
        padding-left: 10px !important;
    }

    .material-in-out label {
        margin-bottom: 3px !important;
        width: 100% !important;
    }

    .topnav_bar_align {
        width: 100% !important;
    }

    .right_width {
        width: 100% !important;
    }

    .info-text a {
        margin: 2px;
    }

    .meeting-invitation .count-data-box {
        margin: 10px !important;
    }

    .bg_icon {
        background-size: 273px 52px !important;
    }

    .vritti_logo img {
        margin: 0 64px 0 !important;
    }

    .top_bg {
        bottom: -450px !important;
    }

    .searchbox {
        margin-left: 0 !important;
        font-size: 14px !important;
        width: 130px !important;
    }

    .teamtabswidth120 {
        width: 67px;
    }

    /*Yogesh Changes for CRM Start*/



    /* Yogesh Chanegs for CRM End */
    .vritti_app {
        margin: 16px 18px !important;
    }

    .vritti_app_ul {
        width: 82% !important;
    }

    .y_marrgt15 {
        padding: 0 4px;
    }
    /* commeny By 300300*/
    /* .border_box {
        display: inline-block;
        overflow: auto;
    }*/
    /*.margin-30px{margin-top:-30px !important;}*/
    /*   .border_box {
        width: auto !important;
    }*/

    .login_main {
        left: 10px !important;
    }

    .nav-wrapper .nav.navbar-nav.navbar-right {
        float: left !important;
    }

    .nav > li > a {
        padding: 7px 7px !important;
    }

    .nav-wrapper .nav > li {
        line-height: 20px !important;
        padding-left: 15px !important; /*changes line-height 34 to 20  24/3/17*/
    }

    .wd-xl {
        width: 300px !important;
    }

    /* .login-button {
        width: 135px !important;
    }*/

    .feature_section1 h2 {
        width: auto !important;
    }

    .first_right_img {
        display: none !important;
    }
}


/* ==========================================================================
     RESPONSIVE: MEDIA QUERY END
========================================================================== */



.timeline-wrapper {
    color: #141823;
    padding: 0;
    margin: 0 auto 1em;
}

.timeline-item {
    border-bottom: 1px solid #add8e6;
    border-radius: 3px;
    padding: 5px;
    margin: 0 auto;
    max-width: 100%;
    min-height: 40px;
    margin-bottom: 0;
}

.animated-background {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: placeHolderShimmer;
    animation-name: placeHolderShimmer;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: #eeeeee;
    background: -webkit-gradient(linear, left top, right top, color-stop(8%, #eeeeee), color-stop(18%, #dddddd), color-stop(33%, #eeeeee));
    background: -webkit-linear-gradient(left, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background: linear-gradient(to right, #eeeeee 8%,#dddddd 18%,#eeeeee 33%);
    -webkit-background-size: 800px 104px;
    background-size: 800px 104px;
    height: 50px;
    position: relative;
}

.background-masker {
    background: #fff;
    position: absolute;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.outlined .background-masker {
    border: 1px solid #ddd;
}


.outlined:hover .background-masker {
    border: none;
}

    .outlined:hover .background-masker:hover {
        border: 1px solid #ccc;
        z-index: 1;
    }

.background-masker.header-top,
.background-masker.header-bottom,
.background-masker.subheader-bottom {
    top: 0;
    left: 50px;
    right: 0;
    height: 10px;
}

.background-masker.header-left,
.background-masker.subheader-left,
.background-masker.header-right,
.background-masker.subheader-right {
    top: 10px;
    left: 50px;
    height: 8px;
    width: 10px;
}

.background-masker.v_header_line-right {
    top: 0;
    right: 85px;
    height: 49px;
    width: 10px;
}

.background-masker.v_header_whiteline-right {
    top: 0;
    right: 600px;
    height: 20px;
    width: auto;
}

.background-masker.header-bottom2 {
    top: 0;
    height: 10px;
    left: 0;
    right: 600px;
}

.background-masker.header-bottom2-1 {
    top: 16px;
    height: 18px;
    left: 0;
    right: 430px;
}

.background-masker.header-bottom3 {
    top: 10px;
    height: 6px;
    right: 435px;
    width: 120px;
}

.background-masker.header-bottom3-1 {
    top: 10px;
    height: 6px;
    left: 0;
    width: 10px;
}

.background-masker.header-bottom3-2 {
    top: 26px;
    height: 14px;
    right: 430px;
    width: 230px;
}

.background-masker.header-bottom3-1-1 {
    top: 26px;
    height: 14px;
    left: 0;
    width: 10px;
}

.background-masker.header-bottom {
    top: 18px;
    height: 6px;
}

.background-masker.subheader-left,
.background-masker.subheader-right {
    top: 24px;
    height: 20px;
}


.background-masker.header-right,
.background-masker.subheader-right {
    width: auto;
    left: 80%;
    right: 0;
}

.background-masker.V_header-right {
    width: auto;
    left: 80%;
    right: 0;
    top: 10px;
    height: 8px;
}

.background-masker.subheader-right {
    left: 50%;
}

.background-masker.subheader-bottom {
    top: 30px;
    height: 24px;
}

.background-masker.content-top,
.background-masker.content-second-line,
.background-masker.content-third-line,
.background-masker.content-second-end,
.background-masker.content-third-end,
.background-masker.content-first-end {
    top: 40px;
    left: 50px;
    right: 0;
    height: 6px;
}

.background-masker.content-top {
    height: 6px;
}

.background-masker.content-first-end,
.background-masker.content-second-end,
.background-masker.content-third-end {
    width: auto;
    left: 380px;
    right: 0;
    top: 60px;
    height: 8px;
}

.background-masker.content-second-line {
    top: 68px;
}

.background-masker.content-second-end {
    left: 420px;
    top: 74px;
}

.background-masker.header-box-right {
    right: 420px;
    top: 74px;
    height: 100px;
    width: 60px;
}

.background-masker.content-third-line {
    top: 82px;
}

.background-masker.content-third-end {
    left: 300px;
    top: 88px;
}


@-webkit-keyframes placeHolderShimmer {
    0% {
        background-position: -468px 0;
    }

    100% {
        background-position: 468px 0;
    }
}

@keyframes placeHolderShimmer {
    0% {
        background-position: -468px 0;
    }

    100% {
        background-position: 468px 0;
    }
}

/* changes for the static laoding css-workspace :End */


/* WorkSpace Css Start */
.workspace-review .wt-box {
    margin: 0;
    padding: 0;
}

    .workspace-review .wt-box .review-total {
        background-color: #7462ff;
    }

    .workspace-review .wt-box .review-assigned {
        background-color: #9084dd;
    }

    .workspace-review .wt-box .review-overdue {
        background-color: #29acd3;
    }

    .workspace-review .wt-box .review-critical {
        background-color: #fe8f2a;
    }

    .workspace-review .wt-box .review-complete {
        background-color: #27c251;
    }

    .workspace-review .wt-box .review-unapproved {
        background-color: #f93306;
    }

    .workspace-review .wt-box .review-unplaned {
        background-color: #eebf2f;
    }

    .workspace-review .wt-box .display {
        border-radius: 3px;
        padding: 1px;
        line-height: 23px;
        text-align: center;
        width: 100%;
        margin: 4px 0 0 0;
        background: #fff;
    }

    .workspace-review .wt-box .display-total {
        color: #7462ff;
        border: 1px solid #7462ff;
    }

    .workspace-review .wt-box .display-assigned {
        color: #9084dd;
        border: 1px solid #9084dd;
    }

    .workspace-review .wt-box .display-overdue {
        color: #29acd3;
        border: 1px solid #29acd3;
    }

    .workspace-review .wt-box .display-critical {
        color: #fe8f2a;
        border: 1px solid #fe8f2a;
    }

    .workspace-review .wt-box .display-complete {
        color: #27c251;
        border: 1px solid #27c251;
    }

    .workspace-review .wt-box .display-unapproved {
        color: #f93306;
        border: 1px solid #f93306;
    }

    .workspace-review .wt-box .display-unplaned {
        color: #eebf2f;
        border: 1px solid #eebf2f;
    }

    .workspace-review .wt-box .review-assigned, .review-unplaned, .review-total, .review-overdue, .review-critical, .review-complete, .review-unapproved {
        color: #fff;
        border-radius: 3px;
        padding: 5px;
        font-size: 16px;
        font-weight: bold;
        min-width: 33px;
    }

    .workspace-review .wt-box .text-assigned, .text-unplaned, .text-total, .text-overdue, .text-critical, .text-complete, .text-unapproved {
        font-size: 14px;
        font-weight: bold;
        text-align: center;
        padding: 0 5px;
        line-height: 32px;
    }

    .workspace-review .wt-box li {
        display: inline-block;
        min-width: 12%;
        cursor: pointer;
    }

        .workspace-review .wt-box li .open_count {
            color: #fff;
            font-size: 18px;
        }

.label {
    padding: 8px 15px !important;
}

.workspace-review .circle {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 5px;
    margin: 0.5em;
    background-color: #000;
    vertical-align: baseline;
    border: 2px solid transparent;
}

.workspace-review .date {
    display: inline-block;
    min-width: 10px;
    padding: 5px 8px;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    line-height: 1;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    background-color: #00a651;
    border-radius: 3px;
}

.workspace-review h5 {
    margin: 0;
    font-size: 16px;
}

/*for workspace progress bar*/

.workspace-progress .wt-box {
    margin: 0;
    padding: 0 5px;
}

    .workspace-progress .wt-box .review-total {
        background-color: #7462ff;
    }

    .workspace-progress .wt-box .review-assigned {
        background-color: #9084dd;
    }

    .workspace-progress .wt-box .review-overdue {
        background-color: #29acd3;
    }

    .workspace-progress .wt-box .review-critical {
        background-color: #fe8f2a;
    }

    .workspace-progress .wt-box .review-complete {
        background-color: #2f5f8f;
    }

    .workspace-progress .wt-box .review-unapproved {
        background-color: #f93306;
    }

    .workspace-progress .wt-box .display {
        border-radius: 3px;
        padding: 1px;
        line-height: 23px;
        text-align: center;
        width: 100%;
        margin: 9px 0 0 1px;
    }

    .workspace-progress .wt-box .display-total {
        color: #7462ff;
        border: 1px solid #7462ff;
        height: 37px;
    }

    .workspace-progress .wt-box .display-assigned {
        color: #9084dd;
        border: 1px solid #9084dd;
        height: 37px;
    }

    .workspace-progress .wt-box .display-overdue {
        color: #29acd3;
        border: 1px solid #29acd3;
        height: 37px;
    }

    .workspace-progress .wt-box .display-critical {
        color: #fe8f2a;
        border: 1px solid #fe8f2a;
        height: 37px;
    }

    .workspace-progress .wt-box .display-complete {
        color: #2f5f8f;
        border: 1px solid #2f5f8f;
        height: 37px;
    }

    .workspace-progress .wt-box .display-unapproved {
        color: #f93306;
        border: 1px solid #f93306;
        height: 37px;
    }

    .workspace-progress .wt-box .review-total, .review-unplaned, .review-assigned, .review-overdue, .review-critical, .review-complete, .review-unapproved {
        color: #fff;
        border-radius: 3px;
        padding: 5px;
        font-size: 16px;
        font-weight: bold;
        min-width: 35px;
        min-height: 32px;
    }

    .workspace-progress .wt-box .text-total, .text-unplaned, .text-assigned, .text-overdue, .text-critical, .text-complete, .text-unapproved {
        font-size: 14px;
        text-align: center;
        padding: 0 5px;
        line-height: 33px;
    }

    .workspace-progress .wt-box li {
        display: inline-block;
        min-width: 16%;
        margin-right: 5px;
    }

        .workspace-progress .wt-box li .open_count {
            color: #fff;
        }

.workspace-progress .circle {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 5px;
    margin: 0 .5em;
    background-color: #000;
    vertical-align: baseline;
    border: 2px solid transparent;
}

.workspace-progress .date {
    display: inline-block;
    min-width: 10px;
    padding: 7px 15px;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    line-height: 1;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    border-radius: 5px;
}

.workspace-progress h5 {
    margin: 0;
    height: 15px;
    width: 40%;
}

@-webkit-keyframes placeHolderShimmer {
    0% {
        background-position: -468px 0;
    }

    100% {
        background-position: 468px 0;
    }
}

@keyframes placeHolderShimmer {
    0% {
        background-position: -468px 0;
    }

    100% {
        background-position: 468px 0;
    }
}

.animation-background {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: placeHolderShimmer;
    animation-name: placeHolderShimmer;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: #eeeeee;
    background: -webkit-gradient(linear, left top, right top, color-stop(8%, #eeeeee), color-stop(18%, #dddddd), color-stop(33%, #eeeeee));
    background: -webkit-linear-gradient(left, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background: linear-gradient(to right, #eeeeee 8%,#dddddd 18%,#eeeeee 33%);
    -webkit-background-size: 800px 104px;
    background-size: 800px 104px;
    position: relative;
}

.outlined .background-masker {
    border: 1px solid #ddd;
}

.outlined:hover .background-masker {
    border: none;
}

    .outlined:hover .background-masker:hover {
        border: 1px solid #ccc;
        z-index: 1;
    }

* .animation-background {
    position: absolute;
    z-index: 999;
}

.animation-background {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: placeHolderShimmer;
    animation-name: placeHolderShimmer;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: #eeeeee;
    background: -webkit-gradient(linear, left top, right top, color-stop(8%, #eeeeee), color-stop(18%, #dddddd), color-stop(33%, #eeeeee));
    background: -webkit-linear-gradient(left, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background: linear-gradient(to right, #eeeeee 8%,#dddddd 18%,#eeeeee 33%);
    -webkit-background-size: 800px 104px;
    background-size: 800px 104px;
    position: relative;
}

.background-masker {
    background: #fff;
    position: absolute;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
}

.outlined .background-masker {
    border: 1px solid #ddd;
}


.outlined:hover .background-masker {
    border: none;
}

    .outlined:hover .background-masker:hover {
        border: 1px solid #ccc;
        z-index: 1;
    }

.worklist-head {
    background: #1ba3cc !important;
}

    .worklist-head .col-md-1 {
        color: #fff;
        font-size: 14px;
    }

.worklist-value .col-md-1 {
    border: 1px solid #f0f4f6;
}

    .worklist-value .col-md-1 em {
        font-size: 16px;
    }

/*added for team-tracking*/
.team-tracking .wt-box {
    margin: 0;
    padding: 0 5px;
}

    .team-tracking .wt-box .review-total {
        background-color: #7462ff;
    }

    .team-tracking .wt-box .review-assigned {
        background-color: #9084dd;
    }

    .team-tracking .wt-box .review-overdue {
        background-color: #29acd3;
    }

    .team-tracking .wt-box .review-critical {
        background-color: #fe8f2a;
    }

    .team-tracking .wt-box .review-complete {
        background-color: #2f5f8f;
    }

    .team-tracking .wt-box .review-unapproved {
        background-color: #f93306;
    }

    .team-tracking .wt-box .review-underreview {
        background-color: #aa09f5;
    }

    .team-tracking .wt-box .display {
        border-radius: 3px;
        padding: 1px;
        line-height: 23px;
        text-align: center;
        width: 100%;
        margin: 0 0 0 1px;
    }

    .team-tracking .wt-box .display-total {
        color: #7462ff;
        border: 1px solid #7462ff;
    }

    .team-tracking .wt-box .display-assigned {
        color: #9084dd;
        border: 1px solid #9084dd;
    }

    .team-tracking .wt-box .display-overdue {
        color: #29acd3;
        border: 1px solid #29acd3;
    }

    .team-tracking .wt-box .display-critical {
        color: #fe8f2a;
        border: 1px solid #fe8f2a;
    }

    .team-tracking .wt-box .display-complete {
        color: #2f5f8f;
        border: 1px solid #2f5f8f;
    }

    .team-tracking .wt-box .display-unapproved {
        color: #f93306;
        border: 1px solid #f93306;
    }

    .team-tracking .wt-box .display-underreview {
        color: #aa09f5;
        border: 1px solid #aa09f5;
    }

    .team-tracking .wt-box .review-total, .review-assigned, .review-overdue, .review-critical, .review-complete, .review-unapproved, .review-underreview {
        color: #fff;
        border-radius: 5px;
        padding: 3px 5px;
        font-size: 16px;
        font-weight: bold;
    }

    .team-tracking .wt-box .text-total, .text-assigned, .text-overdue, .text-critical, .text-complete, .text-unapproved, .text-underreview {
        font-size: 14px;
        text-align: center;
        padding: 0 5px;
        line-height: 32px;
    }
    /*by rahul 29/09/2021 with the help color-profile sherin*/
    .team-tracking .wt-box li {
        display: inline-block;
        min-width: 12%;
        cursor: pointer;
        background: #fff;
    }

.label {
    padding: 6px 10px !important;
}

.team-tracking .circle {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 5px;
    margin: 0 .5em;
    background-color: #000;
    vertical-align: baseline;
    border: 2px solid transparent;
}

.team-tracking .date {
    display: inline-block;
    min-width: 10px;
    padding: 7px 15px;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    line-height: 1;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    background-color: #00a651;
    border-radius: 5px;
}

.team-tracking h5 {
    margin: 0;
    line-height: 30px;
}

.team-tracking .list-group-item {
    border-radius: 0;
    border: 0;
    padding: 8px;
}

.team-tracking .btn.btn-default {
    padding: 5px;
    width: 34px;
    height: 34px;
    border: 1px solid #ccc;
}

.team-tracking .active-phone .fa-mobile-phone {
    margin-right: 3px;
    font-size: 25px;
    text-align: center;
    color: #27c24c;
}

.team-tracking .inactive-phone .fa-mobile-phone {
    margin-right: 3px;
    font-size: 25px;
    text-align: center;
    color: #f05050;
}

.team-tracking .badge {
    color: #000;
    font-size: 11px;
    padding: 3px 5px;
    border: 1px solid #a8a2a2;
    background-color: #ccc;
    margin: 5px 10px;
    border-radius: 3px;
}

.team-tracking .collection-hot {
    position: relative;
}

    .team-tracking .collection-hot .text-complete {
        position: absolute;
        left: 40px;
        right: 40px;
        text-align: left;
    }

    .team-tracking .collection-hot .text-critical {
        position: absolute;
        left: 40px;
        right: 40px;
        text-align: left;
    }

/*Vwb Team Classses*/
.team-review .wt-box {
    margin: 0;
    padding: 0 5px;
}

    .team-review .wt-box .review-today {
        background-color: #0dc792;
    }

    .team-review .wt-box .review-total {
        background-color: #9084dd;
    }

    .team-review .wt-box .review-assigned {
        background-color: #9084dd;
    }

    .team-review .wt-box .review-overdue {
        background-color: #29acd3;
    }

    .team-review .wt-box .review-critical {
        background-color: #fe8f2a;
    }

    .team-review .wt-box .review-complete {
        background-color: #26be4b;
    }

    .team-review .wt-box .review-unapproved {
        background-color: #f93306;
    }

    .team-review .wt-box .review-underreview {
        background-color: #aa09f5;
    }

    .team-review .wt-box .display {
        border-radius: 3px;
        padding: 1px;
        line-height: 26px;
        text-align: center;
        width: 100%;
        margin: 0 0 0 1px;
        background: #fff;
    }

    .team-review .wt-box .display-today {
        color: #0dc792;
        border: 1px solid #0dc792;
    }

    .team-review .wt-box .display-total {
        color: #7462ff;
        border: 1px solid #7462ff;
    }

    .team-review .wt-box .display-assigned {
        color: #9084dd;
        border: 1px solid #9084dd;
    }

    .team-review .wt-box .display-overdue {
        color: #29acd3;
        border: 1px solid #29acd3;
    }

    .team-review .wt-box .display-critical {
        color: #fe8f2a;
        border: 1px solid #fe8f2a;
    }

    .team-review .wt-box .display-complete {
        color: #26be4b;
        border: 1px solid #26be4b;
    }

    .team-review .wt-box .display-unapproved {
        color: #f93306;
        border: 1px solid #f93306;
    }

    .team-review .wt-box .display-underreview {
        color: #aa09f5;
        border: 1px solid #aa09f5;
    }

    .team-review .wt-box .review-today, .review-total, .review-assigned, .review-overdue, .review-critical, .review-complete, .review-unapproved, .review-underreview {
        color: #fff;
        border-radius: 3px;
        padding: 5px;
        font-size: 15px;
        font-weight: bold;
        min-width: 33px;
    }

    .team-review .wt-box .text-today, .text-total, .text-assigned, .text-overdue, .text-critical, .text-complete, .text-unapproved, .text-underreview {
        font-size: 14px;
        font-weight: bold;
        text-align: center;
        padding: 0 5px;
        line-height: 32px;
    }

    .team-review .wt-box li {
        display: inline-block;
        min-width: 15%;
        cursor: pointer;
    }

.team-review .circle {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 5px;
    margin: 0 .5em;
    background-color: #000;
    vertical-align: baseline;
    border: 2px solid transparent;
}

.team-review .date {
    display: inline-block;
    min-width: 10px;
    padding: 7px 15px;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    line-height: 1;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    background-color: #00a651;
    border-radius: 5px;
}

.team-review h5 {
    margin: 0;
    line-height: 28px;
}

.team-review .list-group-item {
    border-radius: 0;
    border: 0;
    padding: 8px 8px 2px 2px;
}

.team-review .btn.btn-default {
    padding: 5px;
    width: 34px;
    height: 34px;
    border: 1px solid #ccc;
}

.team-review .active-phone .fa-mobile-phone {
    margin-right: 3px;
    font-size: 25px;
    text-align: center;
    color: #27c24c;
}

.team-review .inactive-phone .fa-mobile-phone {
    margin-right: 3px;
    font-size: 25px;
    text-align: center;
    color: #f05050;
}

.team-review .badge {
    color: #000;
    font-size: 11px;
    padding: 3px 5px;
    border: 1px solid #a8a2a2;
    background-color: #ccc;
    margin: 5px 10px;
    border-radius: 3px;
}

.loader-demo {
    height: 220px;
    padding-top: 50px;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 200px;
    z-index: 9999;
}


.line-scale-pulse-out > div {
    width: 5px;
    height: 100px;
    border-radius: 2px;
    margin: 9px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: inline-block;
    -webkit-animation: line-scale-pulse-out .9s -.6s infinite cubic-bezier(.85,.25,.37,.85);
    animation: line-scale-pulse-out .9s -.6s infinite cubic-bezier(.85,.25,.37,.85);
}
/*-------------------------added by aditya for MOM*/

/*.meeting-invitation .col-md-10, .col-md-12{padding:0}*/
.meeting-invitation p {
    font-size: 14px;
    line-height: 15px;
    color: #000;
    font-weight: normal;
}

.meeting-invitation span {
    font-weight: normal;
    color: #1650c7;
    font-weight: bold;
}

.meeting-invitation .start {
    color: #19bd21;
}

.meeting-invitation .end {
    color: #e65151;
}

.meeting-invitation .assigned {
    color: #e08741;
}

.meeting-invitation .priority {
    color: #77610a;
}

.meeting-invitation .status {
    color: #3acb75;
}

.status em:hover {
    color: #000 !important;
}

.meeting-invitation .count-data-box {
    margin-bottom: 10px;
}

    .meeting-invitation .count-data-box p {
        font-weight: bold;
        color: #707070;
        font-size: 13px;
        padding: 0;
        margin: 0;
    }

        .meeting-invitation .count-data-box p span {
            font-weight: normal;
            color: #27c24c;
        }

    .meeting-invitation .count-data-box .col-md-3 div {
        border: 1px solid #cfdbe2;
        padding: 2px 5px;
    }

.meeting-invitation .display {
    border-radius: 3px;
    padding: 1px 10px 1px 1px;
    text-align: center;
    width: 100%;
}

.meeting-invitation .count-data-box {
    margin: 0;
    padding: 0;
}

    .meeting-invitation .count-data-box li {
        display: inline-block;
        cursor: text;
        font-size: 14px;
    }

        .meeting-invitation .count-data-box li .open_count {
            color: #fff;
        }

        .meeting-invitation .count-data-box li .count-open, .count-action, .count-discussion {
            line-height: 20px;
            text-align: center;
            width: 30px;
        }

        .meeting-invitation .count-data-box li .count-open {
            background: #da4141;
            border: 1px solid #f05050;
        }

        .meeting-invitation .count-data-box li .count-action {
            background: #89ce27;
            border: 1px solid #72b117;
        }

        .meeting-invitation .count-data-box li .count-discussion {
            background: #f2a346;
            border: 1px solid #de9034;
        }

        .meeting-invitation .count-data-box li .count-open-box {
            color: #da4141;
            border: 1px solid #f05050;
            background: #fff;
        }

        .meeting-invitation .count-data-box li .count-action-box {
            color: #89ce27;
            border: 1px solid #72b117;
            background: #fff;
        }

        .meeting-invitation .count-data-box li .count-discussion-box {
            color: #f2a346;
            border: 1px solid #de9034;
            background: #fff;
        }

.count-data-box, .count-open, .count-action, .count-discussion {
    margin-right: 10px;
    color: #fff;
    border-radius: 3px;
    padding: 2px 5px;
    font-size: 14px;
    font-weight: bold;
    min-width: 25px;
}

.meeting-invitation, .count-open-text, .count-action-text, .count-discussion-text {
    line-height: 26px;
    font-size: 14px;
    font-weight: bold;
}

    .meeting-invitation .count-data-box li {
        display: inline-block; /*min-width:14%;*/
    }

    .meeting-invitation .stetus .btn {
        border-radius: 3px;
        padding-left: 0;
        padding-right: 0;
        width: 50px;
        height: 50px;
    }

    .meeting-invitation .stetus {
        padding: 0 !important;
    }

    .meeting-invitation .details {
        margin: 12px 0;
    }

    .meeting-invitation .odd_color, .even_color {
        padding: 8px 6px;
        min-height: 47px !important;
    }

    .meeting-invitation .wm-stetus {
        min-width: 80px;
        height: 51px;
        padding: 5px;
        color: #fff;
        border-radius: 3px;
        text-align: center;
        line-height: 40px;
        font-weight: normal;
        font-size: 15px;
        background: #27c24c;
        border: 1px solid #179f38;
    }

    .meeting-invitation .stetus p span {
        display: block;
        font-size: 13px;
    }

/* MEETING DETAILS CSS START */

.meeting-details {
    margin-bottom: 10px;
    background: ghostwhite;
}

    .meeting-details .panel-heading {
        background: #266091 !important;
        color: #fff !important;
        font-size: 16px;
        margin-bottom: 0;
    }

    .meeting-details .md-section-left .md-section-height {
        min-height: 300px;
    }

    .meeting-details .md-section-left .md-section {
        padding: 10px;
    }

    .meeting-details .md-section-left .footer-body p {
        font-weight: bold;
        font-size: 13px;
        color: #252525;
        margin: 0;
    }

        .meeting-details .md-section-left .footer-body p span {
            color: #266091;
        }

    .meeting-details .md-section-left .dvtxtTime {
        padding: 6px;
        background: #fff;
        border: 1px solid #abb2b8;
        border-radius: 3px;
    }

        .meeting-details .md-section-left .dvtxtTime .control-label {
            line-height: 32px;
        }

        .meeting-details .md-section-left .dvtxtTime .date_width130 {
            width: 130px;
        }

        .meeting-details .md-section-left .dvtxtTime .timepicktop {
            margin: 5px 10px;
        }

    .meeting-details .md-section-right .mp-status {
        width: 18px;
        height: 18px;
        border-radius: 3px;
        display: inline-block;
        float: left;
        margin-right: 10px;
    }

    .meeting-details .md-section-right .status-pending {
        background: #707070;
    }

    .meeting-details .md-section-right .status-attendend {
        background: #00a651;
    }

    .meeting-details .md-section-right .status-partiallyattended {
        background: #f9b127;
    }

    .meeting-details .md-section-right .status-notattended {
        background: #f12b2b;
    }

    .meeting-details .md-section-right p {
        font-size: 13px;
        font-weight: bold;
        color: #252525;
        margin: 0 0 0 5px;
        display: inline-block;
    }

    .meeting-details .md-section-right .remark-box {
        background: #fff;
        color: #252525;
        font-size: 13px;
        padding: 10px;
        margin: 5px 10px;
    }

    .meeting-details .mm-section .mm-row {
        border-left: 2px solid #5d9cec;
        background: #edf0f9;
        padding: 5px 0;
        margin-bottom: 1px;
    }

        .meeting-details .mm-section .mm-row p {
            color: #252525;
            font-size: 13px;
            margin: 0;
        }

            .meeting-details .mm-section .mm-row p span {
                font-weight: bold;
                display: block;
                color: #252525;
            }

        .meeting-details .mm-section .mm-row:nth-child(even) {
            background: #deecfb;
            border-left: 2px solid #266091;
        }

        .meeting-details .mm-section .mm-row:last-child {
            margin-bottom: 0;
        }

    .meeting-details .agenda-content {
        padding: 10px 10px 0 10px;
    }

    .meeting-details .add-agenda p {
        line-height: 17px;
        margin: 0;
    }

    .meeting-details .add-agenda .eddebtn {
        padding: 6px 10px 2px 10px;
    }

    .meeting-details .read-agenda {
        margin: 10px;
    }

        .meeting-details .read-agenda a .fa {
            font-size: 13px;
        }

    .meeting-details .post-agenda-title {
        background: #23b7e5;
        padding: 3px 10px;
        color: #fff;
        font-size: 14px;
    }

/* MEETING DETAILS CSS END */

.invitation-box .stetus .btn {
    background: #cc308b;
    border: 1px solid #8e175c;
}

.finalized-box .stetus .btn {
    background: #27c24c;
    border: 1px solid #169e37;
}

.drafted-box .stetus .btn {
    background: #0cb2ca;
    border: 1px solid #0d8394;
}

.planing-box .stetus .btn {
    background: #ff902b;
    border: 1px solid #d4731a;
}

/*workspace review css*/

.workspace-list h5 {
    margin: 0;
}

.workspace-list .datemonth {
    background: #26be4b;
    border: 1px solid #169e37;
    border-radius: 3px;
    padding-left: 0;
    padding-right: 0;
    width: 40px;
    height: 40px;
    margin-left: 2px;
}

.workspace-list .odd_color, .even_color {
    padding: 8px 6px;
    min-height: 47px !important;
}

.workspace-list .datemonth p {
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
}

    .workspace-list .datemonth p span {
        display: block;
        font-size: 13px;
    }

.workspace-list .info-text p {
    text-align: left;
    color: #282828;
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 4px;
    line-height: 14px;
}

.workspace-list .btn-warning {
    background: #ff8d26;
    border-radius: 3px;
    padding: 5px 10px;
    margin: 0 5px;
}

.workspace-list .info-text .btn-primary {
    color: #ffffff;
    background-color: #00aeef;
    border-color: #5899eb;
}

.workspace-list .info-text .btn-default {
    border-color: #00aeef;
}

.workspace-list .action-box {
    margin-top: 5px;
}

    .workspace-list .action-box .hrs {
        border: 1px solid #085fb0;
        color: #085fb0;
        font-weight: bold;
    }

    .workspace-list .action-box .fa-calendar {
        color: #f26c4f;
    }

    .workspace-list .action-box .calendar {
        border: 1px solid #f26c4f;
    }

.workspace-list .col-md-4 {
    padding-right: 0;
    width: 37.88888888% !important;
}

.workspace-list .col-lg-12 {
    padding-right: 10px;
    padding-left: 10px;
}

.workspace-list .workspace-border {
    border-left: 2px solid #fc2222 !important;
}

.workspace-list .list-group-item {
    border-radius: 0;
    border-radius: 0;
    padding: 5px;
}

/* Activity Trail CSS */

.activity-trail-new .sub-panel-heading {
    background: #0661a9;
}
/*change ruby 300300*/
/*.activity-trail-new .sub-header {
    border-bottom: 1px solid #707070;
    padding: 5px 0;
}*/
.activity-trail-new .sub-header {
    border-bottom: 1px solid #e9e3e3;
    padding: 5px 0;
}

    .activity-trail-new .sub-header h4 {
        color: #707070;
        font-size: 14px;
        padding: 0;
        margin: 0;
        line-height: 26px;
        display: inline-block;
    }

.activity-trail-new p {
    font-size: 13px;
    line-height: 25px;
}

/*Changed by sherin on 28/09/2021 end*/
/*.activity-trail-new span{font-weight:normal; color:#1650c7; font-weight:bold}*/
.activity-trail-new span {
    /*color: #777373;*/
    color: #383535;
    /*font-weight: bold;*/
    font-weight: 300;
}

.trailbox {
    border: 1px solid #cfdbe2 !important;
    cursor: pointer;
}

.trailboxbgborder {
    background: #7bd4ef !important;
    border: 1px solid #7bd4ef !important;
    min-width: 32px !important;
    height: 32px;
    line-height: 2;
    padding: 0 0px !important;
}

.trailboxtext {
    color: #000 !important;
    font-weight: 500;
}
/*Changed by sherin on 28/09/2021 end*/

.activity-trail-new .start {
    color: #19bd21;
}

.activity-trail-new .end {
    color: #e65151;
}
/*.activity-trail-new .assigned{color:#e08741;}*/
.activity-trail-new .assigned {
    color: #fd7e14;
}

.activity-trail-new .priority {
    color: #d4b125;
}

.activity-trail-new .status {
    color: #3acb75;
}

.activity-trail-new .count-data-box {
    margin-bottom: 10px;
}

    .activity-trail-new .count-data-box p {
        font-weight: bold;
        color: #707070;
        font-size: 13px;
        padding: 0;
        margin: 0;
    }

        .activity-trail-new .count-data-box p span {
            font-weight: normal;
            color: #27c24c;
        }

    .activity-trail-new .count-data-box .col-md-3 div {
        border: 1px solid #cfdbe2;
        padding: 2px 5px;
    }

.activity-trail-new .display {
    border-radius: 3px;
    padding: 1px;
    line-height: 23px;
    text-align: center;
    width: 100%;
}

.activity-trail-new .count-data-box {
    margin: 0 0 5px 0;
    padding: 0;
}

    /*New css change on 27-09-21 by Sherin*/
    .activity-trail-new .count-data-box li {
        display: inline-block;
        min-width: 24%;
        cursor: pointer;
    }
        /*.activity-trail-new .count-data-box li{display:inline-block;min-width:13%; cursor:pointer;}*/

        .activity-trail-new .count-data-box li a {
            display: block;
        }

        .activity-trail-new .count-data-box li .open_count {
            color: #fff;
        }

        .activity-trail-new .count-data-box li .count-efforts {
            background: #7164c2;
            border: 1px solid #5447a2;
        }

        .activity-trail-new .count-data-box li .count-actions {
            background: #23acd3;
            border: 1px solid #198cae;
        }

        .activity-trail-new .count-data-box li .count-datasheet {
            background: #f2a346;
            border: 1px solid #de9034;
        }

        .activity-trail-new .count-data-box li .count-release-history {
            background: #da4141;
            border: 1px solid #f05050;
        }

        .activity-trail-new .count-data-box li .count-root-cause {
            background: #89ce27;
            border: 1px solid #72b117;
        }

        .activity-trail-new .count-data-box li .count-test-case {
            background: #3fd4d4;
            border: 1px solid #32adad;
        }

        .activity-trail-new .count-data-box li .count-chat-room {
            background: #f16fa5;
            border: 1px solid #d65a8d;
        }

        .activity-trail-new .count-data-box li .count-ReqDocument {
            background: #df1057;
            border: 1px solid #d65a8d;
        }

        .activity-trail-new .count-data-box li .count-efforts-box {
            color: #7164c2;
            border: 1px solid #5447a2;
        }

        .activity-trail-new .count-data-box li .count-actions-box {
            color: #23acd3;
            border: 1px solid #198cae;
        }

        .activity-trail-new .count-data-box li .count-datasheet-box {
            color: #f2a346;
            border: 1px solid #de9034;
        }

        .activity-trail-new .count-data-box li .count-release-history-box {
            color: #da4141;
            border: 1px solid #f05050;
        }

        .activity-trail-new .count-data-box li .count-root-cause-box {
            color: #89ce27;
            border: 1px solid #72b117;
        }

        .activity-trail-new .count-data-box li .count-test-case-box {
            color: #3fd4d4;
            border: 1px solid #32adad;
        }

        .activity-trail-new .count-data-box li .count-chat-room-box {
            color: #f16fa5;
            border: 1px solid #d65a8d;
        }

        .activity-trail-new .count-data-box li .count-ReqDocument-box {
            color: #df1057;
            border: 1px solid #d65a8d;
        }
/*New css add on 27-09-21 by Sherin*/
.display.estimated-efforts-box {
    border: 1px solid #ffc107;
}

.estimated-efforts-box .count-efforts-text {
    color: #ffc107;
}

.estimated-efforts-box .bg-yellow {
    background: #ffc107 !important;
    border: 1px solid #ffc107 !important;
}

.display.subordinateactivity {
    border: 1px solid #198754;
}

.subordinateactivity .text-green {
    color: #198754;
}

.subordinateactivity .bg-green {
    background: #198754 !important;
    border: 1px solid #198754 !important;
}

.display.attachment {
    border: 1px solid #0d6efd;
}

.attachment .text-primary {
    color: #0d6efd;
}

.attachment .bg-primary {
    background: #0d6efd !important;
    border: 1px solid #0d6efd !important;
}


.activity-trail-new .count-efforts, .count-actions, .count-datasheet, .count-release-history, .count-root-cause, .count-test-case, .count-chat-room, .count-ReqDocument {
    color: #fff;
    border-radius: 3px;
    padding: 3px 5px;
    -size: 16px;
    font-weight: bold;
    min-width: 35px;
}

.activity-trail-new .count-efforts-text, .count-actions-text, .count-datasheet-text, .count-release-history-text, .count-root-cause-text, .count-test-case-text, .count-chat-room-text, .count-ReqDocument-text {
    line-height: 28px;
    padding: 2px 15px 0 10px;
}

.activity-trail-new .col-md-12 {
    padding: 0 10px;
}

.activity-trail-new .attech-box {
    margin-right: 28px;
    position: relative;
}

.activity-trail-new .attachCount {
    right: -12px !important;
}

.at-action p {
    font-size: 14px !important;
    line-height: 17px !important;
    margin-top: 5px;
}

    .at-action p span {
        font-weight: normal !important;
    }

.at-action .statusbar {
    border-radius: 3px;
    color: #fff;
    padding: 10px 8px;
    text-align: center;
    min-width: 90px;
    display: inline-block;
    margin: 5px 0px;
}

.at-action .statuscomp {
    background: #27c24c;
    border: 1px solid #1cb040;
}

.at-action .statusrescheduled {
    background: #2ab7b7;
    border: 1px solid #1b9d9d;
}

.at-action .statusreassigned {
    background: #f2a346;
    border: 1px solid #d98d34;
}

.reassign-activity-text .bold-text {
    color: #5d9cec;
    font-weight: bold;
}

.reassign-activity-text p #actReassActNm {
    font-size: 16px !important;
    font-weight: bold;
}

.reassign-activity-text .dib {
    display: inline-block !important;
}

.reassign-activity-text .db {
    display: block !important;
}

.testcase-repository {
    margin: 0 0 7px 0;
    padding: 0px 10px;
}

    .testcase-repository .review-passed {
        background-color: #27c251;
    }

    .testcase-repository .review-failed {
        background-color: #f93306;
    }

    .testcase-repository .review-executed {
        background-color: #fe8f2a;
    }

    .testcase-repository .review-total-test-cases {
        background-color: #7462ff;
    }

    .testcase-repository .display {
        border-radius: 3px;
        padding: 1px;
        line-height: 23px;
        text-align: center;
        width: 100%;
        margin: 0 0 0 1px;
    }

    .testcase-repository .display-passed {
        color: #27c251;
        border: 1px solid #27c251;
    }

    .testcase-repository .display-failed {
        color: #f93306;
        border: 1px solid #f93306;
    }

    .testcase-repository .display-executed {
        color: #fe8f2a;
        border: 1px solid #fe8f2a;
    }

    .testcase-repository .display-total-test-cases {
        color: #7462ff;
        border: 1px solid #7462ff;
    }

#tblTestCase .col-md-10 {
    padding: 0 !important;
}

.testcase-repository .review-passed, .review-failed, .review-executed, .review-total-test-cases {
    color: #fff;
    border-radius: 3px;
    padding: 5px;
    font-size: 16px;
    font-weight: bold;
    min-width: 33px;
}

/*sherin*/
.testcase-repository .text-passed, .text-failed, .text-executed, .text-total-test-cases {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    padding: 0 5px;
    line-height: 32px;
}

.testcase-repository li {
    display: inline-block;
    min-width: 12%;
}


/* Session Expire CSS START */

.session-expire-box {
    margin: 100px auto;
}

    .session-expire-box .logo {
        margin: 10px 50px 0 50px;
        padding: 5px 40px 15px 40px;
        border-bottom: 1px solid #dee0e8;
        text-align: center;
    }

    .session-expire-box .loader-se {
        margin: 30px auto;
        width: 123px;
    }

    .session-expire-box .ball-grid-pulse {
        width: 123px;
    }

        .session-expire-box .ball-grid-pulse > div {
            width: 30px;
            height: 30px;
            background-color: #cfdbe2;
        }

    .session-expire-box .se-content {
        text-align: center;
        padding: 0 45px 30px 45px;
    }

        .session-expire-box .se-content .btn-login {
            padding: 6px 20px;
            font-size: 13px;
        }

        .session-expire-box .se-content h2 {
            text-transform: uppercase;
            font-weight: 700 !important;
            color: #aaabb0;
            font-size: 25px;
            padding: 0;
            margin: 10px;
        }

        .session-expire-box .se-content p {
            color: #69717a;
            margin: 40px 20px 20px 20px;
            font-size: 14px;
        }

@keyframes ball-grid-pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0.7;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

.ball-grid-pulse {
    width: 57px;
}

    .ball-grid-pulse > div:nth-child(1) {
        -webkit-animation-delay: 0.73s;
        animation-delay: 0.73s;
        -webkit-animation-duration: 1.3s;
        animation-duration: 1.3s;
    }

    .ball-grid-pulse > div:nth-child(2) {
        -webkit-animation-delay: 0.32s;
        animation-delay: 0.32s;
        -webkit-animation-duration: 1.3s;
        animation-duration: 1.3s;
    }

    .ball-grid-pulse > div:nth-child(3) {
        -webkit-animation-delay: 0.71s;
        animation-delay: 0.71s;
        -webkit-animation-duration: 0.88s;
        animation-duration: 0.88s;
    }

    .ball-grid-pulse > div:nth-child(4) {
        -webkit-animation-delay: 0.62s;
        animation-delay: 0.62s;
        -webkit-animation-duration: 1.06s;
        animation-duration: 1.06s;
    }

    .ball-grid-pulse > div:nth-child(5) {
        -webkit-animation-delay: 0.31s;
        animation-delay: 0.31s;
        -webkit-animation-duration: 0.62s;
        animation-duration: 0.62s;
    }

    .ball-grid-pulse > div:nth-child(6) {
        -webkit-animation-delay: -0.14s;
        animation-delay: -0.14s;
        -webkit-animation-duration: 1.48s;
        animation-duration: 1.48s;
    }

    .ball-grid-pulse > div:nth-child(7) {
        -webkit-animation-delay: -0.1s;
        animation-delay: -0.1s;
        -webkit-animation-duration: 1.47s;
        animation-duration: 1.47s;
    }

    .ball-grid-pulse > div:nth-child(8) {
        -webkit-animation-delay: 0.4s;
        animation-delay: 0.4s;
        -webkit-animation-duration: 1.49s;
        animation-duration: 1.49s;
    }

    .ball-grid-pulse > div:nth-child(9) {
        -webkit-animation-delay: 0.73s;
        animation-delay: 0.73s;
        -webkit-animation-duration: 0.7s;
        animation-duration: 0.7s;
    }

    .ball-grid-pulse > div {
        background-color: #fff;
        width: 15px;
        height: 15px;
        border-radius: 100%;
        margin: 2px;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        display: inline-block;
        float: left;
        -webkit-animation-name: ball-grid-pulse;
        animation-name: ball-grid-pulse;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-delay: 0;
        animation-delay: 0;
    }

/* Session Expire CSS END */

.attachCount {
    right: 2px !important;
}



/*Claim paragraph details- jitendra shinde 24-03-2023*/



.claim-para {
    /*border: 3px solid grey;
    margin: 5px;*/
    padding: 5px;
    border-radius: 5px;
    background-color: white;
}


/*Claim Details CSS START 10-10-18 */
#divClaimDtls .modal-body {
    padding: 0;
}

.expenses-box {
    background: #eff6fb;
}

.attach-file-btn {
    position: relative;
}

    .attach-file-btn .attachCount {
        right: -12px;
    }

.claimtopbtn .close {
    margin: 5px 0 5px 5px;
}

.claim-details {
    border: none;
    border-radius: 0;
}

    .claim-details .cd-box .value-distance {
        border: 1px solid #9fe795;
    }

    .claim-details .cd-box .value-travelling {
        border: 1px solid #e8bfb6;
    }

    .claim-details .cd-box .value-maintenance {
        border: 1px solid #bde5df;
    }

    .claim-details .cd-box .value-lodging {
        border: 1px solid #d1b0de;
    }

    .claim-details .cd-box .value-food {
        border: 1px solid #dbe09a;
    }

    .claim-details .cd-box .value-local {
        border: 1px solid #9ddeaf;
    }

    .claim-details .cd-box .value-ph {
        border: 1px solid #b6cea5;
    }

    .claim-details .cd-box .value-laundry {
        border: 1px solid #aad3e7;
    }

    .claim-details .cd-box .value-entertainment {
        border: 1px solid #c8c3f7;
    }

    .claim-details .cd-box .value-other {
        border: 1px solid #f2c1a6;
    }

    .claim-details .cd-box .value-total {
        border: 1px solid #d86f6f;
    }

    .claim-details .cd-box .display {
        border-radius: 3px;
        padding: 1px;
        line-height: 23px;
        text-align: center;
        width: 100%;
    }

    .claim-details .cd-box .display-distance {
        border: 1px solid #9fe795;
        background-color: #b7faae;
    }

    .claim-details .cd-box .display-travelling {
        border: 1px solid #e8bfb6;
        background-color: #ffe2dc;
    }

    .claim-details .cd-box .display-maintenance {
        border: 1px solid #bde5df;
        background-color: #e1faf6;
    }

    .claim-details .cd-box .display-lodging {
        border: 1px solid #d1b0de;
        background-color: #f2dcfb;
    }

    .claim-details .cd-box .display-food {
        border: 1px solid #dbe09a;
        background-color: #f8fcc5;
    }

    .claim-details .cd-box .display-local {
        border: 1px solid #9ddeaf;
        background-color: #cefcdb;
    }

    .claim-details .cd-box .display-ph {
        border: 1px solid #b6cea5;
        background-color: #deeed3;
    }

    .claim-details .cd-box .display-laundry {
        border: 1px solid #aad3e7;
        background-color: #bce3f6;
    }

    .claim-details .cd-box .display-entertainment {
        border: 1px solid #c8c3f7;
        background-color: #d9d6fb;
    }

    .claim-details .cd-box .display-other {
        border: 1px solid #f2c1a6;
        background-color: #fad0b8;
    }

    .claim-details .cd-box .display-total {
        border: 1px solid #d86f6f;
        background-color: #fe8e8e;
    }

    .claim-details .cd-box .value-distance, .value-travelling, .value-maintenance, .value-lodging, .value-food, .value-local, .value-ph, .value-total, .value-laundry, .value-entertainment, .value-other {
        color: #000;
        border-radius: 3px;
        min-width: 45px;
        padding: 1px 5px;
        background-color: #fff;
        font-size: 16px;
        font-weight: bold;
    }

    .claim-details .cd-box .text-distance, .text-travelling, .text-maintenance, .text-lodging, .text-food, .text-local, .text-ph, .text-total, .text-laundry, .text-entertainment, .text-other {
        text-align: center;
        padding: 0 5px;
    }

    .claim-details .cd-box {
        margin: 5px 9px 0px 4px;
        padding: 0 5px;
    }

        .claim-details .cd-box li {
            vertical-align: top;
            display: inline-block;
        }

        .claim-details .cd-box .padding-right {
            padding-right: 3px;
        }

        .claim-details .cd-box .padding-left {
            padding-left: 3px;
        }

        .claim-details .cd-box li .open_count {
            color: #000;
            font-size: 11px;
        }

.odd-even {
    border-left: 2px solid #fc2222;
    margin-bottom: 2px;
    background: #e9edf5;
}

    .odd-even:nth-child(even) {
        border-left: 2px solid #2ebbe6;
        background: #f1f6f7;
    }

.claim-details .label {
    padding: 8px 15px !important;
}

.claim-details .circle {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 3px;
    margin: 0 .5em;
    background-color: #000;
    vertical-align: baseline;
    border: 2px solid transparent;
}

.claim-details .date {
    display: inline-block;
    min-width: 10px;
    padding: 7px 15px;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    line-height: 1;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    background-color: #00a651;
    border-radius: 5px;
}

.claim-details h5 {
    margin: 0;
}

.call-status {
    vertical-align: top;
}

    .call-status a {
        vertical-align: top;
    }

    .call-status .cd-box .display {
        line-height: 20px;
    }

    .call-status .value-distance {
        padding: 1px 5px;
    }

    .call-status .text-distance {
        line-height: 25px !important;
        color: #000;
    }

    .call-status span {
        vertical-align: top;
    }

    .call-status .cd-box {
        margin: 0 !important;
        padding: 0 !important;
    }

.claim-details .call-status .thumb32 {
    width: 20px !important;
    height: 20px !important;
}

.claim-details .card .card-header .label {
    padding: 5px 15px !important;
}

.claim-details .card .card-header {
    border-bottom: 0;
    padding: 4px;
}

.claim-details .card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
}

.claim-details .text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.claim-details .card-header {
    padding: 4px;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.125);
}

.claim-details .call-info .gps-icon {
    line-height: 8px;
}

    .claim-details .call-info .gps-icon em {
        font-size: 20px;
    }

.claim-details .mar-btm10 {
    margin-bottom: 10px;
}

.claim-details .btn {
    min-width: 40px;
}

.modal-subtitle {
    background: #cfdbe2;
    margin: 10px 0;
}

    .modal-subtitle label {
        padding: 5px 0;
    }

.claim-info-text {
    padding: 10px 10px 3px 10px;
    font-weight: normal;
}

    .claim-info-text #lblTask, #lblCostCenter, #lblPurOfTravel {
        color: #5d9cec;
    }

.claim-gps-section {
    padding: 0;
}

    .claim-gps-section .tab-content {
        padding: 0;
    }

    .claim-gps-section .panel-body {
        padding: 10px 0 0 0;
    }

    .claim-gps-section .nav-tabs > li {
        width: 50%;
        text-align: center;
        font-weight: bold;
    }

        .claim-gps-section .nav-tabs > li > a {
            border: 1px solid #e4e2e2;
            background-color: #f1f1f1;
            padding: 3px 0;
            font-size: 15px;
            color: #266091;
        }

        .claim-gps-section .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
            color: #000;
            background-color: #ffffff;
            border: 1px solid #dddddd;
            border-bottom-color: transparent;
            cursor: default;
        }

    .claim-gps-section .modal-dialog {
        width: 70%;
    }

    .claim-gps-section .modal-body {
        padding: 0 10px 10px 10px;
    }

    .claim-gps-section .modal-content {
        overflow: hidden;
    }

    .claim-gps-section .gps-details ul {
        margin: 0;
        padding: 0;
    }

        .claim-gps-section .gps-details ul li {
            display: inline-block;
            padding: 2px 6px;
            background: #fff;
            border-radius: 3px;
            color: #fff;
            font-size: 12px;
        }

        .claim-gps-section .gps-details ul .gps-date {
            background: #27c251;
            border: 1px solid #27c251;
            margin-right: 3px;
        }

        .claim-gps-section .gps-details ul .gps-time {
            background: #00aeef;
            border: 1px solid #00aeef;
            font-weight: bold;
            color: #016a97;
            margin-right: 5px;
        }

            .claim-gps-section .gps-details ul .gps-time span {
                background: #00aeef;
                color: #fff;
                padding: 0 5px;
                font-weight: normal;
            }

        .claim-gps-section .gps-details ul .gps-location {
            background: #fff;
            border: 1px solid #00aeef;
            color: #000;
        }

.claim-details .gps-msg {
    background: #fff;
    width: 50%;
    margin: 120px auto;
    border: 2px dashed #23b7e5;
    padding: 10px;
    text-align: center;
    font-size: 14px;
}

.claim-gps-section .gps-msg {
    background: #fff;
    width: 50%;
    margin: 120px auto;
    border: 2px dashed #23b7e5;
    padding: 10px;
    text-align: center;
    font-size: 14px;
}

.claim-gps-section .gps-map {
    min-height: 250px;
}

#divPrevClaim .modal-dialog {
    width: 60%;
}

#divPrevClaim .modal-body {
    padding: 5px !important;
}

/*Claim Details CSS End 10-10-18 */

/* Select Widget CSS START */

.select-widget h4 {
    font-weight: normal;
}

.select-widget .modal-dialog {
    width: 71%;
}

    .select-widget .modal-dialog .modal-header {
        border-radius: 4px 4px 0 0;
        margin-bottom: 0;
    }

    .select-widget .modal-dialog .modal-footer {
        padding: 5px 15px 0;
        margin-top: 10px;
    }

    .select-widget .modal-dialog .modal-body {
        padding: 10px 0;
    }

        .select-widget .modal-dialog .modal-body .col-md-3 {
            padding: 0 3px;
        }

        .select-widget .modal-dialog .modal-body .row {
            margin-left: 10px;
            margin-right: 10px;
        }

    .select-widget .modal-dialog .checkbox {
        padding: 5px;
        border: 1px solid #cfdbe2;
    }

        .select-widget .modal-dialog .checkbox:hover {
            background: #eee;
        }

/* Select Widget CSS START */

/* Performance Report CSS START */

.performance-report-box .performance-box {
    background: #e8e8e8;
    border: 1px solid #d6d3d3;
    border-radius: 3px;
    min-height: 255px;
}

.performance-report-box .panel-heading {
    background: #607d8b !important;
    margin-bottom: 0 !important;
}

.performance-report-box .list-group {
    margin: 0;
}

    .performance-report-box .list-group ul {
        margin: 0;
        padding: 0;
    }

        .performance-report-box .list-group ul li {
            line-height: 30px;
            display: block;
            font-weight: bold;
            background: #fff;
            padding: 0 10px;
            border-left: 2px solid #ff902b;
            margin-bottom: 2px;
        }

            .performance-report-box .list-group ul li span {
                display: inline-block;
            }

            .performance-report-box .list-group ul li .width20 {
                width: 20px;
            }

/* Performance Report CSS START */

/* User Preference CSS START */
.user_preference h4 {
    font-size: 18px;
    font-weight: normal;
    color: #676c71;
    padding: 0;
    margin: 0;
}

.user_preference .card-header {
    background-color: #f1f1f1;
    padding: 6px 10px;
    border-bottom: 1px solid #d9dfea;
}

.user_preference .card-body {
    padding: 6px 10px;
}

    .user_preference .card-body .mb {
        padding: 8px 1px 3px !important;
    }

.user_preference .card-default .card-body {
    min-height: 135px;
    padding: 6px !important;
}

    .user_preference .card-default .card-body .form-group .control-label {
        padding: 3px;
        font-size: 13px;
    }

    .user_preference .card-default .card-body .form-group .col-md-1 {
        padding: 7px 0;
    }

.user_preference .card-footer {
    background-color: #f1f1f1;
    padding: 6px 10px;
    border-top: 1px solid #d9dfea;
}

.user_preference .addsublist {
    font-size: 35px !important;
    color: #566386;
    padding: 0;
}

.user_preference p {
    margin: 1px !important;
}

.user_preference .card {
    position: relative;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-top-color: rgba(0, 0, 0, 0.125);
    border-top-width: 1px;
    border-right-color: rgba(0, 0, 0, 0.125);
    border-bottom-color: rgba(0, 0, 0, 0.125);
    border-left-color: rgba(0, 0, 0, 0.125);
    border-radius: .25rem;
    border-color: transparent;
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
    border-top-width: 3px;
    border-color: #cfdbe2;
    margin-bottom: 1.25rem;
}

/* User Preference CSS START */


/* leavesummary CSS Start */

.leavesummary-box .leave-year {
    margin: 0;
    padding: 0;
}

.leavesummary-box .row {
    margin: 5px 0;
    padding: 0;
}

.leavesummary-box .leave-color-marks .color-box {
    border: 1px solid;
    border-radius: 3px;
    padding: 2px;
}

    .leavesummary-box .leave-color-marks .color-box .opening-box {
        background: #fa9e5d;
        border-color: #fa9e5d;
        width: 30px;
        height: 30px;
        border-radius: 3px;
    }

    .leavesummary-box .leave-color-marks .color-box .opening-text {
        color: #fa9e5d;
        margin-left: 5px;
        line-height: 30px;
    }

.leavesummary-box .leave-color-marks .opening {
    border-color: #fa9e5d;
}

.leavesummary-box .leave-color-marks .color-box .credited-box {
    background: #69bee9;
    border-color: #69bee9;
    width: 30px;
    height: 30px;
    border-radius: 3px;
}

.leavesummary-box .leave-color-marks .color-box .credited-text {
    color: #69bee9;
    margin-left: 5px;
    line-height: 30px;
}

.leavesummary-box .leave-color-marks .credited {
    border-color: #69bee9;
}

.leavesummary-box .leave-color-marks .color-box .consumed-box {
    background: #fa6666;
    border-color: #fa6666;
    width: 30px;
    height: 30px;
    border-radius: 3px;
}

.leavesummary-box .leave-color-marks .color-box .consumed-text {
    color: #fa6666;
    margin-left: 5px;
    line-height: 30px;
}

.leavesummary-box .leave-color-marks .consumed {
    border-color: #fa6666;
}

.leavesummary-box .leave-color-marks .color-box .available-box {
    background: #16c72f;
    border-color: #16c72f;
    width: 30px;
    height: 30px;
    border-radius: 3px;
}

.leavesummary-box .leave-color-marks .color-box .available-text {
    color: #16c72f;
    margin-left: 5px;
    line-height: 30px;
}

.leavesummary-box .leave-color-marks .available {
    border-color: #16c72f;
}

.leavesummary-box .leave-color-marks .color-box .export-box {
    background: #237b4b;
    border-color: #237b4b;
    width: 30px;
    height: 30px;
    border-radius: 3px;
    text-align: center;
    vertical-align: middle;
    line-height: 31px;
    color: #fff;
}

.leavesummary-box .leave-color-marks .color-box .export-text {
    color: #237b4b;
    margin-left: 5px;
    line-height: 30px;
}

.leavesummary-box .leave-color-marks .export {
    border-color: #237b4b;
}

.leavesummary-box .leave-color-marks a {
    display: block;
}

.leavesummary-box label {
    font-weight: bold;
    margin-bottom: 5px;
}

.leavesummary-box .leave-export-box {
    margin-top: 30px;
}

.leavesummary-box .diagram-box {
    background: #f3f4f6;
    border-radius: 3px;
    border: 1px solid #b7c4c8;
    border-left: 3px solid #b7c4c8;
    overflow: hidden;
}

    .leavesummary-box .diagram-box:hover {
        border: 1px solid #1fadd9;
        background: #dbf4fb;
        border-left: 3px solid #1fadd9;
    }

    .leavesummary-box .diagram-box .apply-btn {
        border-left: 1px solid #b7c4c8;
        padding: 0px;
    }

        .leavesummary-box .diagram-box .apply-btn button {
            padding: 12px 16px;
            text-align: center;
            display: block;
            color: #3a3f51;
            font-size: 16px;
            letter-spacing: 0.5px;
            background: #d7d7d7;
            width: 100%;
        }

            .leavesummary-box .diagram-box .apply-btn button:hover {
                color: #fff;
                background: #1fadd9;
            }

    .leavesummary-box .diagram-box .label-box {
        padding: 5px 8px;
        line-height: 38px;
        color: #3a3f51;
        font-size: 14px;
    }

    .leavesummary-box .diagram-box .progress-bar {
        border-radius: 3px;
        margin: 2px 0;
        line-height: 18px;
    }

    .leavesummary-box .diagram-box .leave-bar {
        margin: 2px 0;
        min-height: 40px;
    }

    .leavesummary-box .diagram-box .progress {
        margin-bottom: 0;
    }

/* leavesummary CSS END */

/* reconciliatio CSS START */

.reconciliation .table thead tr th {
    padding: 4px;
    font-size: 13px;
}

.reconciliation thead .width50 {
    width: 50px !important;
}

.reconciliation thead .width200 {
    width: 200px !important;
}

.reconciliation thead .width100 {
    width: 100px !important;
}

.reconciliation thead .width150 {
    width: 150px !important;
}

.reconciliation .align-left {
    text-align: left;
}

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

.reconciliation .border-bottom {
    border-bottom: 1px solid #000;
    background: #f0f8fd;
}

.reconciliation p {
    padding: 10px 15px;
    font-size: 13px;
    color: #383d4e;
    font-weight: bold;
    margin: 0;
}

.reconciliation .bold {
    font-weight: bold;
    font-size: 12px !important;
}

/* reconciliatio CSS END */

/* Invoice Activities CSS START */

.icd-box .c-checkbox {
    margin: 0;
}

.select-activities .icd-box {
    margin: 7px 0 0 0;
}

.invoice-activities .invoice-clientdetails h3 {
    padding: 6px 0;
    margin: 0;
    font-size: 16px;
}

.icd-box {
    margin: 0;
    padding: 0;
    display: inline-block;
}

    .icd-box li {
        display: inline-block;
        vertical-align: top;
        margin: 1px 0;
    }

    .icd-box .checkbox-li {
        background: #fff;
        border: 1px solid #5d9cec;
        border-radius: 3px;
        padding: 5px 0 1px 0;
        margin: 1px;
        width: 40px;
        text-align: center;
    }

    .icd-box .display {
        border-radius: 4px;
        padding: 1px;
        line-height: 23px;
        text-align: center;
        width: 100%;
        background: #fff;
    }

    .icd-box .display-activities {
        color: #fe8f2a;
        border: 1px solid #fe8f2a;
    }

    .icd-box .display-amount {
        color: #27c24c;
        border: 1px solid #27c24c;
    }

    .icd-box .display-actual {
        color: #37bc9b;
        border: 1px solid #37bc9b;
    }

    .icd-box .value-activities {
        color: #fff;
        border-radius: 3px;
        padding: 3px 5px;
        font-size: 16px;
        font-weight: bold;
        background: #fe8f2a;
        min-width: 35px;
        min-height: 28px;
    }

    .icd-box .value-amount {
        color: #fff;
        border-radius: 3px;
        padding: 3px 5px;
        font-size: 16px;
        font-weight: bold;
        background: #27c24c;
        min-width: 35px;
    }

    .icd-box .value-actual {
        color: #fff;
        border-radius: 3px;
        padding: 3px 5px;
        font-size: 16px;
        font-weight: bold;
        background: #37bc9b;
        min-width: 35px;
    }

    .icd-box .text-activities, .text-amount, .text-actual {
        font-size: 14px;
        text-align: center;
        padding: 0px 8px;
        line-height: 28px;
    }

.invoice-clientdetails .invoice-btn {
    padding: 5px 10px;
    margin-left: 10px;
    font-size: 14px;
    color: #fff;
}

    .invoice-clientdetails .invoice-btn em {
        margin: 0 10px 0 0;
    }

.invoice-clientdetails {
    margin-bottom: 10px;
}

.invoice-activities h4 {
    padding: 3px 0;
    font-weight: normal;
    margin: 0;
}

.invoice-activities .panel-heading {
    padding: 3px 0;
    border-radius: 0;
}

.invoice-activities .select-activities .panel-heading .c-checkbox span {
    margin-left: 0;
}

.select-activities .w50 {
    width: 50px !important;
}

.select-activities .w30 {
    width: 30px !important;
}

.select-activities .comp-date {
    vertical-align: top;
    margin-right: 10px;
    width: 50px;
    height: 50px;
    border-radius: 3px;
    display: inline-block;
    background: #27c24c;
    border: 1px solid #1baf3e;
    color: #fff;
    text-align: center;
    padding: 16px 0;
    font-size: 12px;
}

.select-activities .comp-des {
    display: inline-block;
}

.select-activities .odd_color {
    padding: 9px 0;
}

.select-activities .even_color {
    padding: 9px 0;
}

.summary-box .input-group-addon {
    padding: 8px 3px;
}

.summary-box .width-100 {
    width: 113px;
}

.summary-box .width-80 {
    width: 80px;
}

.summary-box .background-title {
    background: #eaebed;
    padding: 5px 0px 0px 0px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
}

.summary-box .modal-footer {
    background: #dbe8ea;
    padding: 5px 7px;
    border-top: 1px solid #b9d3d7;
}

.summary-box .form-group {
    margin-bottom: 0;
}

.summary-box .panel-heading {
    margin-bottom: 0;
}

.summary-box .widthper {
    width: 89%;
}

.summary-box .tax-ca .col-md-12 {
    padding-right: 0;
}

/* Invoice Activities CSS END */

/* Invoice Activities CSS START */

.icd-box .c-checkbox {
    margin: 0;
}

.select-activities .icd-box {
    margin: 7px 0 0 0;
}

.invoice-activities .invoice-clientdetails h3 {
    padding: 6px 0;
    margin: 0;
    font-size: 16px;
}

.icd-box {
    margin: 0;
    padding: 0;
    display: inline-block;
}

    .icd-box li {
        display: inline-block;
        vertical-align: top;
        margin: 1px 0;
    }

    .icd-box .checkbox-li {
        background: #fff;
        border: 1px solid #5d9cec;
        border-radius: 3px;
        padding: 5px 0;
        margin: 1px;
        width: 40px;
        text-align: center;
    }

    .icd-box .display {
        border-radius: 4px;
        padding: 1px;
        line-height: 23px;
        text-align: center;
        width: 100%;
        background: #fff;
    }

    .icd-box .display-activities {
        color: #fe8f2a;
        border: 1px solid #fe8f2a;
    }

    .icd-box .display-amount {
        color: #27c24c;
        border: 1px solid #27c24c;
    }

    .icd-box .display-actual {
        color: #37bc9b;
        border: 1px solid #37bc9b;
    }

    .icd-box .value-activities {
        color: #fff;
        border-radius: 3px;
        padding: 3px 5px;
        font-size: 16px;
        font-weight: bold;
        background: #fe8f2a;
        min-width: 35px;
    }

    .icd-box .value-amount {
        color: #fff;
        border-radius: 3px;
        padding: 3px 5px;
        font-size: 16px;
        font-weight: bold;
        background: #27c24c;
        min-width: 35px;
    }

    .icd-box .value-actual {
        color: #fff;
        border-radius: 3px;
        padding: 3px 5px;
        font-size: 16px;
        font-weight: bold;
        background: #37bc9b;
        min-width: 35px;
    }

    .icd-box .text-activities, .text-amount, .text-actual {
        font-size: 14px;
        text-align: center;
        padding: 0px 8px;
        line-height: 28px;
    }

.invoice-clientdetails .invoice-btn {
    padding: 5px 10px;
    margin-left: 10px;
    font-size: 14px;
    color: #fff;
}

    .invoice-clientdetails .invoice-btn em {
        margin: 0 10px 0 0;
    }

.invoice-activities h4 {
    padding: 3px 0;
    font-weight: normal;
    margin: 0;
}

.invoice-clientdetails {
    margin-bottom: 10px;
}

.invoice-mandate h3 {
    padding: 6px 0;
    margin: 0;
    font-size: 16px;
}

.invoice-mandate {
    border-left: 2px solid #96a2bb !important;
    margin-bottom: 2px;
    background: #dbe8ea;
    border-radius: 0;
    padding: 3px 0 0px 0;
}

    .invoice-mandate:nth-child(even) {
        border-left: 2px solid #fc2222 !important;
        background: #f1f6f7;
    }

.invoice-activities .panel-heading {
    padding: 3px 0;
    border-radius: 0;
    margin-bottom: 0;
}

.invoice-activities .select-activities .panel-heading .c-checkbox span {
    margin-left: 0;
}

.select-activities .w50 {
    width: 50px !important;
}

.select-activities .w30 {
    width: 30px !important;
}

.select-activities .comp-date {
    vertical-align: top;
    margin-right: 10px;
    width: 50px;
    height: 50px;
    border-radius: 3px;
    display: inline-block;
    background: #27c24c;
    border: 1px solid #1baf3e;
    color: #fff;
    text-align: center;
    padding: 16px 0;
    font-size: 12px;
}

.select-activities .comp-des {
    display: inline-block;
}

.select-activities .odd_color {
    padding: 5px 0;
}

.select-activities .even_color {
    padding: 5px 0;
}

.summary-box {
    border-top: 1px solid #ccc;
}

    .summary-box .input-group-addon {
        padding: 8px 10px;
    }

    .summary-box .width-100 {
        width: 113px;
    }

    .summary-box .width-80 {
        width: 80px;
    }

    .summary-box .width-input {
        width: 150px;
    }

    .summary-box .width-input {
        width: 120px;
        padding-right: 0;
    }

    .summary-box .width-label {
        width: 147px;
        text-align: right;
    }

    .summary-box .left-width-label {
        width: 115px;
        text-align: left;
    }

    .summary-box .width-label1 {
        width: 180px;
        text-align: left;
    }

    .summary-box .width-label2 {
        width: 200px;
        text-align: right;
    }

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

    .summary-box .background-title {
        background: #eaebed;
        padding: 5px 0px 0px 0px;
        margin-bottom: 10px;
        border-bottom: 1px solid #ccc;
    }

    .summary-box .modal-footer {
        background: #dbe8ea;
        padding: 5px 7px;
        border-top: 1px solid #b9d3d7;
    }

    .summary-box .form-group {
        margin-bottom: 0;
    }

    .summary-box .panel-heading {
        margin-bottom: 0;
    }

/* Invoice Activities CSS END */

/* My Claim  CSS START */

.panel-heading .col-md-4 {
    padding-left: 0;
}

.my-claim .icd-box {
    margin: 7px 0 0 0;
}

.invoice-activities .invoice-clientdetails h3 {
    padding: 6px 0;
    margin: 0;
    font-size: 16px;
}

.mcp-box {
    margin: 2px 0;
    padding: 0;
    display: inline-block;
}

    .mcp-box li {
        display: inline-block;
        vertical-align: top;
        margin: 1px 0;
    }

    .mcp-box .checkbox-li {
        background: #fff;
        border: 1px solid #5d9cec;
        border-radius: 3px;
        padding: 5px 0;
        margin: 1px;
        width: 40px;
        text-align: center;
    }

    .mcp-box .display {
        border-radius: 4px;
        padding: 1px;
        line-height: 15px;
        text-align: center;
        width: 100%;
        background: #fff;
    }

    .mcp-box .display-claim {
        color: #fe8f2a;
        border: 1px solid #fe8f2a;
    }

    .mcp-box .display-paid {
        color: #27c24c;
        border: 1px solid #27c24c;
    }

    .mcp-box .value-claim {
        color: #fff;
        border-radius: 3px;
        padding: 9px 10px;
        font-size: 16px;
        font-weight: bold;
        background: #fe8f2a;
        min-width: 35px;
    }

    .mcp-box .value-paid {
        color: #fff;
        border-radius: 3px;
        padding: 9px 10px;
        font-size: 16px;
        font-weight: bold;
        background: #27c24c;
        min-width: 35px;
    }

    .mcp-box .text-claim, .text-paid {
        font-size: 14px;
        text-align: center;
        padding: 0px 8px;
        line-height: 33px;
    }

    .mcp-box .btn {
        padding: 6px 15px;
        color: #fff;
    }

        .mcp-box .btn em {
            font-size: 20px;
        }

.my-claim .w30 {
    width: 30px !important;
}

.my-claim .code-status {
    vertical-align: top;
    margin-right: 10px;
    width: 70px;
    border-radius: 3px;
    display: inline-block;
    background: #fff;
    padding: 1px;
    color: #000;
    text-align: center;
    font-size: 13px;
}
/*.my-claim .code-status .code{ padding:5px 0;}*/
.my-claim .approved {
    border: 1px solid #27c24c !important;
}

.my-claim .status-approved {
    background: #27c24c;
    border-radius: 0 0 3px 3px;
    padding: 1px 0;
    color: #fff;
}

.my-claim .status-nonapproved {
    background: #FFA500;
    border-radius: 0 0 3px 3px;
    padding: 1px 0;
    color: #fff;
}

.my-claim .booked {
    border: 1px solid #a25bfa !important;
}

.my-claim .status-booked {
    background: #a25bfa;
    border-radius: 0 0 3px 3px;
    padding: 1px 0;
    color: #fff;
}

.my-claim .created {
    border: 1px solid #ff902b !important;
}

.my-claim .status-created {
    background: #ff902b;
    border-radius: 0 0 3px 3px;
    padding: 1px 0;
    color: #fff;
}

.my-claim .rejected {
    border: 1px solid #f05050 !important;
}

.my-claim .status-rejected {
    background: #f05050;
    border-radius: 0 0 3px 3px;
    padding: 1px 0;
    color: #fff;
}

.my-claim .comp-des {
    display: inline-block;
}

    .my-claim .comp-des p {
        margin: 0px;
    }
    /*.my-claim .comp-des div{margin-top:8px}*/
    .my-claim .comp-des .btn-primary {
        background-color: #00aeef;
        padding: 0px 5px;
        margin-right: 4px;
    }

    .my-claim .comp-des .btn-default {
        border: 1px solid #00aeef !important;
        padding: 0px 5px;
    }
/*.my-claim .mcp-box .btn-success{border-color:#22a2c9!important; background-color:#35b3da!important; }
.my-claim .mcp-box .btn-danger{border-color:#e03d3d!important; background-color:#f05050!important; }*/
.my-claim .odd_color {
    padding: 5px 0;
}

.my-claim .even_color {
    padding: 5px 0;
}

/* My Claim  CSS END */

/* User Wise Activities CSS START */

.userwise-activities h5 {
    font-size: 14px;
    margin: 0;
    padding: 0;
    line-height: 30px;
}

.userwise-activities .uwas-box {
    margin: 0;
    padding: 0px;
    line-height: 16px;
}

    .userwise-activities .uwas-box .uwas-assigned {
        background-color: #9084dd;
    }

    .userwise-activities .uwas-box .uwas-overdue {
        background-color: #29acd3;
    }

    .userwise-activities .uwas-box .uwas-critical {
        background-color: #fe8f2a;
    }

    .userwise-activities .uwas-box .uwas-unapproved {
        background-color: #f93306;
    }

    .userwise-activities .uwas-box .uwas-complete {
        background-color: #27c251;
    }

    .userwise-activities .uwas-box .uwas-booked {
        background-color: #27c251;
    }

    .userwise-activities .uwas-box .display {
        border-radius: 3px;
        padding: 1px;
        line-height: 24px;
        text-align: center;
        width: 100%;
        margin: 0px;
        background: #fff;
    }

    .userwise-activities .uwas-box .display-assigned {
        color: #9084dd;
        border: 1px solid #9084dd;
    }

    .userwise-activities .uwas-box .display-overdue {
        color: #29acd3;
        border: 1px solid #29acd3;
    }

    .userwise-activities .uwas-box .display-critical {
        color: #fe8f2a;
        border: 1px solid #fe8f2a;
    }

    .userwise-activities .uwas-box .display-unapproved {
        color: #f93306;
        border: 1px solid #f93306;
    }

    .userwise-activities .uwas-box .display-complete {
        color: #27c251;
        border: 1px solid #27c251;
    }

    .userwise-activities .uwas-box .display-booked {
        color: #27c251;
        border: 1px solid #27c251;
    }

    .userwise-activities .uwas-box .uwas-assigned, .uwas-overdue, .uwas-critical, .uwas-unapproved, .uwas-complete, .uwas-booked {
        color: #fff;
        border-radius: 3px;
        padding: 5px;
        font-size: 16px;
        font-weight: bold;
        min-width: 33px;
    }

    .userwise-activities .uwas-box .text-assigned, .text-overdue, .text-critical, .text-unapproved, .text-complete, .text-booked {
        font-size: 14px;
        text-align: center;
        padding: 0px 5px;
        line-height: 32px;
        font-weight: bold;
    }

    .userwise-activities .uwas-box li {
        display: inline-block;
        min-width: 13%;
        cursor: pointer;
    }

    .userwise-activities .uwas-box .read {
        border-radius: 3px;
    }

    .userwise-activities .uwas-box .read-count {
        padding: 4px;
        min-width: 35px;
        background: #8ae674;
    }

    .userwise-activities .uwas-box .unread {
        border-radius: 3px;
    }

    .userwise-activities .uwas-box .unread-count {
        padding: 4px;
        min-width: 35px;
        background: #fb7a7a;
    }

    .userwise-activities .uwas-box .plan_book {
        margin-left: 15px;
    }

.userwise-activities .panel-heading {
    padding: 1px 10px !important;
    margin: 0;
    border-radius: 0;
}

/* User Wise Activities CSS END */

/* My Claim  CSS END */

.ts-client-info {
    background: #fff;
    border: 1px solid #f05050;
    border-radius: 3px;
    display: inline-block;
    vertical-align: top;
}

    .ts-client-info .tsc-info {
        font-size: 12px;
        color: #000;
        padding: 3px 5px;
        line-height: 16px;
        display: inline-block;
    }

    .ts-client-info .close {
        background: #f05050 !important;
        font-size: 17px;
        color: #fff;
        margin: -1px !important;
        border-radius: 0 5px 5px 0 !important;
        padding: 3px 8px 3px 8px !important;
        line-height: 18px;
    }

/* Shipment Entry CSS START */

.shipment-entry .sono-box {
    margin: 0;
    padding: 0;
    display: inline-block;
}

.shipment-entry .value-box {
    margin: 0;
    padding: 0;
    display: inline-block;
}

    .shipment-entry .value-box li {
        display: inline-block;
        vertical-align: top;
        margin: 1px 0;
    }

.shipment-entry .sono-box li {
    display: inline-block;
    vertical-align: top;
    margin: 1px 0;
    padding: 1px;
}

.shipment-entry .sono-box .checkbox-li {
    background: #fff;
    border: 1px solid #5d9cec;
    border-radius: 3px;
    padding: 5px 0;
    margin: 1px;
    width: 40px;
    text-align: center;
}

.shipment-entry .sono-box .cehckbox-border {
    border: 1px solid #5d9cec;
    border-radius: 3px;
    padding: 0px 3px 3px 7px;
}

.shipment-entry .sono-box .display {
    border-radius: 3px;
    line-height: 20px;
    text-align: center;
    width: 100%;
    background: #fff;
}

.shipment-entry .sono-box .display-sono {
    color: #3d86d8;
    border: 1px solid #266bb9;
}

.shipment-entry .sono-box .value-sono {
    color: #fff;
    border-radius: 3px;
    padding: 3px 5px;
    font-size: 15px;
    font-weight: bold;
    background: #3d86d8;
    min-width: 35px;
    min-height: 26px;
}

.shipment-entry .sono-box .text-sono {
    font-size: 14px;
    text-align: center;
    padding: 0px 8px;
    line-height: 27px;
}

.shipment-entry saq-no {
    border-radius: 3px;
    padding: 1px;
    line-height: 20px;
    text-align: center;
    width: 100%;
    background: #fff;
}

.shipment-entry .invoice-btn {
    padding: 5px 10px;
    margin-left: 10px;
    font-size: 14px;
    color: #fff;
}

    .shipment-entry .invoice-btn em {
        margin: 0 10px 0 0;
    }

.shipment-entry .value-box .checkbox-li {
    background: #fff;
    border: 1px solid #5d9cec;
    border-radius: 3px;
    width: 40px;
    text-align: center;
}

.shipment-entry .value-box .c-checkbox {
    margin-right: 0;
    padding: 2px 0;
}

.shipment-entry .value-box .display {
    border-radius: 3px;
    padding: 1px;
    line-height: 20px;
    text-align: center;
    width: 100%;
    background: #fff;
}

.shipment-entry .value-box .display-seqno {
    color: #3d86d8;
    border: 1px solid #27c24c;
    padding: 0 1px;
}

.shipment-entry .value-box .value-seqno {
    color: #fff;
    border-radius: 3px;
    padding: 5px 15px;
    font-size: 14px;
    font-weight: bold;
    background: #27c24c;
    min-width: 35px;
    margin: 1px;
}

.shipment-entry .value-box .text-seqno {
    font-size: 14px;
    text-align: center;
    padding: 0px 8px;
    line-height: 26px;
}

.shipment-entry .mandate-billing {
    border-left: 2px solid #96a2bb !important;
    margin-bottom: 2px;
    background: #e9edf5;
    border-radius: 0;
    padding: 4px 0;
}

    .shipment-entry .mandate-billing:nth-child(even) {
        border-left: 2px solid #fc2222 !important;
        background: #fde2e2;
        padding: 4px 0;
    }

.shipment-entry .value-box .display-entry {
    color: #77787d;
    border: 1px solid #77787d;
}

.shipment-entry .value-box .value-entry {
    color: #fff;
    border-radius: 3px;
    padding: 5px 15px;
    font-size: 14px;
    font-weight: bold;
    background: #77787d;
    min-width: 35px;
    margin-left: 1px;
}

.shipment-entry .value-box .text-entry {
    font-size: 14px;
    text-align: center;
    padding: 0px 8px;
    line-height: 30px;
}

.shipment-entry .odd_color {
    padding: 5px 0;
    min-height: 20px !important;
}

.shipment-entry .even_color {
    padding: 5px 0;
    min-height: 20px !important;
}

.shipment-entry .mar-btm10 {
    margin-bottom: 10px;
}

.shipment-entry .col-md-12 {
    padding: 0 10px;
}

.shipment-entry .select-line {
    margin-top: 10px;
}

/* Shipment Entry CSS END */

/* Business Information CSS START */

.businessinfo-leftsection .panel {
    margin-bottom: 20px;
}

.businessinfo-leftsection .search-btn .btn {
    padding: 6px 15px;
}

.businessinfo-leftsection .read-unread {
    margin: 0 0 10px 22px;
}

.businessinfo-leftsection a {
    color: #383d4e;
    text-decoration: none;
    font-weight: normal;
    font-size: 17px;
    line-height: 25px;
}

.businessinfo-leftsection .rn-box {
    display: inline-block;
    padding: 1px;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: normal;
    vertical-align: baseline;
    border-radius: 3px;
    border: 1px;
}

.businessinfo-leftsection .read-count {
    color: #fff;
    margin-right: 5px;
    padding: 2px 4px;
    display: inline-block;
    border-radius: 2px;
    background: #27c24c;
}

.businessinfo-leftsection .unread-count {
    color: #fff;
    margin-right: 5px;
    padding: 2px 4px;
    display: inline-block;
    border-radius: 2px;
    background: #f05050;
}

.businessinfo-leftsection .read {
    background: #fff;
    border: 1px solid #27c24c;
    padding-right: 5px;
    color: #27c24c;
    font-weight: normal;
    cursor: pointer;
    margin-right: 5px;
}

.businessinfo-leftsection .unread {
    background: #fff;
    border: 1px solid #f05050;
    padding-right: 5px;
    color: #f05050;
    font-weight: normal;
    cursor: pointer;
}

.businessinfo-rightsection .bg-primary, .bg-success, .bg-green, .bg-info, .bg-purple, .bg-info {
    color: #fff;
}

.businessinfo-rightsection .bg-primary-dark, .bg-success-dark, .bg-green-dark, .bg-info-dark, .bg-purple-dark, .bg-info-dark {
    color: #fff;
}

.businessinfo-rightsection .bg-primary-dark {
    background: #2f80e7;
}

.businessinfo-rightsection .bg-success-dark {
    background: #1e983b;
}

.businessinfo-rightsection .bg-green-dark {
    background: #2b957a;
}

.businessinfo-rightsection .bg-info-dark {
    background: #1797be;
}

.businessinfo-rightsection .bg-purple-dark {
    background: #564aa3;
}

.businessinfo-rightsection .main-bar .mv-lg {
    margin: 0 !important;
    font-size: 17px;
}

.businessinfo-rightsection .sub-bar {
    padding: 1px 10px;
}

    .businessinfo-rightsection .sub-bar p {
        margin: 0;
    }

.businessinfo-rightsection p .mr-sm a {
    color: #fff;
}

.businessinfo-rightsection .panel {
    margin-bottom: 20px;
}

.businessinfo-rightsection .panel-body {
    padding: 10px;
}

    .businessinfo-rightsection .panel-body .text {
        height: 37px;
        overflow: hidden;
    }

.businessinfo-rightsection .readmore {
    color: #2c52cf;
    font-weight: bold;
    font-size: 12px;
    height: 20px;
}

.businessinfo-rightsection .footer-body button em {
    font-size: 15px;
}

.businessinfo-rightsection .footer-body .attachments a {
    background: #27c24c;
    border: 1px solid #1f9b3d;
    display: block;
    color: #fff;
    height: 32px;
    padding: 0 10px 0 0;
    font-size: 12px;
    border-radius: 3px;
}

    .businessinfo-rightsection .footer-body .attachments a span {
        background: #1f9b3d;
        padding: 6px 10px;
        display: inline-block;
        margin-right: 10px;
    }

.businessinfo-rightsection .panel-collapse {
    position: absolute;
    background: #fff;
    width: 100%;
    border: 1px solid #cfdbe2;
    border-top: 2px solid #2f80e7;
    padding: 6px 10px;
    left: 0;
    right: 0;
    top: 43px;
    z-index: 100;
}

    .businessinfo-rightsection .panel-collapse .form-group .col-md-12 {
        padding-left: 0;
        padding-right: 0;
    }

    .businessinfo-rightsection .panel-collapse .blogattachments {
        padding: 0;
        margin: 0;
    }

        .businessinfo-rightsection .panel-collapse .blogattachments li {
            border-bottom: 1px solid #b2c1c9;
            margin: 5px 0;
        }

            .businessinfo-rightsection .panel-collapse .blogattachments li em {
                margin-right: 5px;
                float: left;
                font-size: 13px;
                color: #2c52cf;
                line-height: 25px;
            }

            .businessinfo-rightsection .panel-collapse .blogattachments li p {
                margin-left: 24px;
            }

                .businessinfo-rightsection .panel-collapse .blogattachments li p a {
                    font-size: 12px;
                    font-weight: bold;
                    color: #2c52cf;
                }

                    .businessinfo-rightsection .panel-collapse .blogattachments li p a:hover {
                        color: #000;
                    }

/* Business Information CSS END */

.Attachfile {
    width: 95%;
    margin: 3px auto;
    min-height: 30px;
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 3px;
}

    .Attachfile .Attachfile-name {
        padding: 5px 10px;
        font-size: 14px;
    }

    .Attachfile .ddicon {
        padding: 2px 8px;
    }

.attachCount {
    position: absolute;
    top: -10px;
    right: 0;
    border-radius: 50%;
    background: #fff;
    color: #000;
    z-index: 1;
    width: 22px;
    height: 22px;
    text-align: center;
    line-height: 25px;
    -webkit-box-shadow: 0px 0px 6px #5d5b5b;
    box-shadow: 0px 0px 6px #5d5b5b;
}

.error-class {
    color: #FF0000;
    border-color: #FF0000;
}

.valid-class {
    color: #000;
}

.modelnew {
    position: absolute;
    z-index: 2;
    left: 0px;
    bottom: auto;
    right: 0;
    top: auto;
    width: 83%;
    margin: 0 auto;
    background: #fff;
    border-radius: 10px;
}


.y_paddtop7 {
    padding-top: 7px;
}

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

.y_paddbtm10 {
    padding-bottom: 10px;
}

.y_marleft15 {
    margin-left: 15px;
}


.border_right {
    border-right: 1px solid #cfdbe2;
}
/*added by vinayak sir on 27 sept*/


.y_aligncenter {
    text-align: center;
}


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

.y_odd_bg {
    background: #f1f6f7;
}

.y_blue {
    color: blue;
}

.y_line_height40 {
    line-height: 40px;
}

.y_font_weight {
    font-weight: bold;
}

.y_line_height14 {
    line-height: 14px;
}

.y_martop6 {
    margin-top: 6px;
}


/*MOMShowpage end*/

/*My claim Start*/

.bg-head {
    background-color: #e5eff6;
}

.head {
    border: 1px solid #cfdbe2;
    overflow: hidden;
}

.y_font13 {
    font-size: 13px;
}
/*My claim end*/


.y_float_left {
    float: left;
}

.y_line_height30 {
    line-height: 30px;
}

/*Leave Approval action*/

.y_leavebox {
    width: 20px;
    height: 20px;
    border-radius: 5px;
}

.y_bg_leaveboxorg {
    background: #fa9e5d;
}

.y_bg_leaveboxblu {
    background: #5dc6fb;
}

.y_bg_leaveboxred {
    background: #fa5858;
}

.y_bg_leaveboxgrn {
    background: #08bd21;
}

.y_floatleft {
    float: left;
}

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

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



.y_paddtop3 {
    padding-top: 3px;
}

.y_paddbtm3 {
    padding-bottom: 3px;
}


.y_martop3 {
    margin-top: 3px;
}

/*Leave Approval Action end*/

/*Width in percentage start*/

.y_width1 {
    width: 1%;
}

.y_width2 {
    width: 2%;
}

.y_width3 {
    width: 3%;
}

.y_width4 {
    width: 4%;
}

.y_width5 {
    width: 5%;
}

.y_width6 {
    width: 6%;
}

.y_width7 {
    width: 7%;
}

.y_width8 {
    width: 8%;
}

.y_width9 {
    width: 9%;
}

.y_width10 {
    width: 10%;
}

.y_width11 {
    width: 11%;
}


.y_width12 {
    width: 12%;
}

.y_width13 {
    width: 13%;
}

.y_width14 {
    width: 14%;
}

.y_width15 {
    width: 15%;
}

.y_width16 {
    width: 16%;
}

.y_width17 {
    width: 17%;
}

.y_width18 {
    width: 18%;
}

.y_width19 {
    width: 19%;
}


.y_width20 {
    width: 20%;
}

.y_width21 {
    width: 21%;
}

.y_width22 {
    width: 22%;
}


.y_width23 {
    width: 23%;
}

.y_width24 {
    width: 24%;
}


.y_width25 {
    width: 25%;
}

.y_width26 {
    width: 26%;
}

.y_width27 {
    width: 27%;
}

.y_width28 {
    width: 28%;
}

.y_width29 {
    width: 29%;
}

.y_width30 {
    width: 30%;
}

.y_width31 {
    width: 31%;
}

.y_width32 {
    width: 32%;
}


.y_width33 {
    width: 33%;
}

.y_width34 {
    width: 34%;
}

.y_width35 {
    width: 35%;
}

.y_width39 {
    width: 39%;
}

.y_width40 {
    width: 40%;
}

.y_width41 {
    width: 41%;
}

.y_width43 {
    width: 43%;
}

.y_width45 {
    width: 45%;
}

.y_width47 {
    width: 47%;
}

.y_width48 {
    width: 48%;
}

.y_width50 {
    width: 50%;
}

.y_width52 {
    width: 52%;
}

.y_width54 {
    width: 54%;
}

.y_width59 {
    width: 59%;
}

.y_width60 {
    width: 60%;
}

.y_width65 {
    width: 65%;
}

.y_width70 {
    width: 70%;
}

.y_width72 {
    width: 72%;
}

.y_width79 {
    width: 79%;
}

.y_width85 {
    width: 85%;
}

.y_width88 {
    width: 88px;
}

.y_width90 {
    width: 90%;
}
/*Datasheet Percentage start*/
.width4 {
    width: 4%;
}

.width7 {
    width: 7%;
}

.width14 {
    width: 14%;
}

.width19 {
    width: 19%;
}

.width6 {
    width: 6%;
}

.width4 {
    width: 4%;
}

.width74 {
    width: 75%;
}

.width86 {
    width: 86%;
}

.width64 {
    width: 64%;
}

.width23 {
    width: 35%;
}

.width28 {
    width: 28%;
}

.width3 {
    width: 3%;
}

.width11 {
    width: 11%;
}

.width14 {
    width: 14%;
}

.width74 {
    width: 77%;
}

.width26 {
    width: 23%;
}
/*Datasheet Percentage end*/

/*Width in percentage end*/

.y_marauto {
    margin: 0 auto;
}

.y_martb10 {
    margin: 10px 0px;
}

.y_martop10 {
    margin-top: 10px;
}

.y_martop4 {
    margin-top: 4px;
}

.y_paddall5 {
    padding: 5px;
}


.y_mar0 {
    margin: 0px;
}

.y_marbtm2 {
    margin-bottom: 2px;
}

.y_marleft20 {
    margin-left: 20px;
}

.y_marleft8 {
    margin-left: 8px;
}


.y_font16 {
    font-size: 16px;
}

.y_marleft10 {
    margin-left: 10px;
}

.y_paddtop8 {
    padding-top: 8px;
}

.y_marrgt5 {
    margin-right: 5px;
}

.y_marrgt15 {
    margin-right: 15px;
}

.y_paddrgt0 {
    padding-right: 0px;
}

.y_martop5 {
    margin-top: 5px;
}

.y_mar5 {
    margin: 5px 0px;
}

.y_leavecontentbox {
    height: 30px;
}

.y_marbtm5 {
    margin-bottom: 5px;
}


.y_paddleft0 {
    padding-left: 0px;
}

.y_padd-0 {
    padding: 0px;
}

.y_paddtop5 {
    padding-top: 5px;
}


.y_font12 {
    font-size: 12px;
}

.y_absred {
    color: red;
    font-size: 20px;
}

.y_padd2 {
    padding: 2px 0px;
}

.y_marleft5 {
    margin-left: 5px;
}

.y_marleft10 {
    margin-left: 10px;
}

.y_box_focus {
    padding: 5px 0 0 10px;
    border: 1px solid #cfdbe2;
    color: #7c7c7c;
    border-radius: 5px;
}

    .y_box_focus:focus {
        border-color: #66afe9;
    }

.font-size13 {
    font-size: 13px;
}

.y_green {
    color: green;
}

.y_red {
    color: red;
}

.vertialignini {
    vertical-align: initial;
}





.aligncenter {
    text-align: center;
}

.weightbold {
    font-weight: bold;
}

.colorred {
    color: red;
}

.bg-color {
    background-color: #fcf8e3;
}

.fontcolor {
    color: #1a9deb;
}



.bg-colorgry {
    background-color: #f2dede;
}

.colorgreen {
    color: green;
}

.colorbrown {
    color: brown;
}

.fontblue {
    color: blue;
}

.bg-blue {
    background-color: #dfe0fe;
}

.bg-violet {
    background-color: #e2d2ff;
}

.absgrn {
    color: green;
    font-size: 18px;
}

.absred {
    color: red;
    font-size: 20px;
}



.marleft10 {
    margin-left: 10px;
}



.padd5 {
    padding: 5px 4px;
}

.paddtop15 {
    padding-top: 15px;
}

.marbtm0 {
    margin-bottom: 0px;
}

.paddleft20 {
    padding-left: 23px;
}

.lineheight20 {
    line-height: 20px;
}

.bg_hover:hover {
    background-color: #f1f1f1;
}

.clsround {
    height: 21px;
    border-radius: 50%;
    background-color: #999;
    position: absolute;
    right: -2px;
    text-align: center;
    top: -15px;
    width: 21px;
    cursor: pointer;
    border: none;
}

.aligncls {
    position: absolute;
    right: -6px;
    bottom: -5px;
}

.marleft20 {
    margin-left: 20px;
}

.marleft30 {
    margin-left: 30px;
}



.y_alignleft {
    text-align: left;
}

.content-heading1 {
    font-size: 24px;
    padding-left: 50px;
    color: #aeaeae;
    background: #f5f0f0;
}

.bg1 {
    background: #cfdbe2 none repeat scroll 0 0;
    height: 34px;
    width: 100%;
}

.padd-left0 {
    padding-left: 0px;
}


.paddright0 {
    padding-right: 0px;
}


.y_borderpanel {
    border: 1px solid #aeaeae;
}

.y_paddleft25 {
    padding-left: 25px;
}

.y_paddleft15 {
    padding-left: 15px;
}

.y_marbtm3 {
    margin-bottom: 3px;
}

.y_marbtm10 {
    margin-bottom: 10px;
}

.y_marbtm1 {
    margin-bottom: 1px;
}

.y_paddleft10 {
    padding-left: 10px;
}


.y_alignright {
    text-align: right;
}


.y_paddleft0 {
    padding-left: 0px;
}

.y_lineheight30 {
    line-height: 30px;
}

.y_lineheight35 {
    line-height: 35px;
}
/* Below Chech complete all */
.y_font18 {
    font-size: 18px;
}

.font16 {
    font-size: 17px;
}

.fontbold {
    font-weight: bold;
}

.marleft5 {
    margin-left: 5px;
}

.borderbox1 {
    border: 2px solid #808080;
    border-radius: 5px;
}

.borderbox1 {
    background-color: #eaf6ff;
}

.mar5 {
    margin: 5px;
}

.spancolorgrn {
    color: #06ac41;
}

.spancolorred {
    color: #ff0000;
}

.spancolororg {
    color: #ff6a00;
}

.textdec {
    text-decoration: underline;
}

.martop10 {
    margin-top: 10px;
}

.border_left {
    border-left: 1px solid #aeaeae;
}

.paddleft75 {
    padding-left: 75px;
}

.spancolorblu {
    color: blue;
}


.y_font18 {
    font-size: 18px;
}


.y_marbtbm0 {
    margin-bottom: 0px;
}

.font25 {
    font-size: 25px;
}

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

.mar-btm10 {
    margin-bottom: 10px;
}

.y_box_active {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: green;
    float: right;
    margin: 5px;
}

.y_box_deactive {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: red;
    float: right;
    margin: 5px;
}

.y_pan_bg {
    background-color: #cbdfe2;
    border-radius: 10px 10px 0px 0px;
    margin-bottom: 0px;
    padding: 5px 0px 5px 5px;
}

.y_pan_border {
    margin-bottom: 15px;
    border: 1px solid #aeaeae;
    border-radius: 10px 10px 0px 0px;
    margin: 5px;
}

.y_profont {
    line-height: 32px;
    font-size: 11px;
    padding-right: 0px;
    padding-left: 0px;
}

.y_profontlic {
    line-height: 32px;
    color: #787676;
    font-size: 11px;
    padding-left: 0px;
}

.y_dateticket {
    line-height: 17px;
    margin-bottom: 0px;
    float: left;
    font-size: 14px;
    margin-right: 15px;
}

.y_font14 {
    font-size: 14px;
}

.y_lastticket {
    font-size: 14px;
    line-height: 10px;
}

.y_paddtop0 {
    padding-top: 0px;
}

.y_mar10 {
    margin: 10px;
}

.bg_over:hover {
    background: #e1e0e0;
}

.bg_content {
    background: #fcebeb;
}

.NewFontarial {
    font-family: arial;
}


.font21 {
    font-size: 21px;
}

.CircleGreen {
    width: 15px;
    height: 15px;
    background: green;
    border-radius: 50%;
}

.marleft15 {
    margin-left: 15px;
}

.red {
    color: red;
}

.paddtop5 {
    padding-top: 5px;
}

.paddtop12 {
    padding-top: 12px;
}

.bordercustomer {
    border: 1px solid #d9d9d9;
}


.font12 {
    font-size: 12px;
}

.padd0 {
    padding: 0px;
}

.y_button {
    border: none;
    background: #3a7999;
    color: #f2f2f2;
    padding: 2px 5px;
    font-size: 12px;
    border-radius: 5px;
    position: relative;
    box-sizing: border-box;
    transition: all 500ms ease;
}

    .y_button:hover {
        background: rgba(0,0,0,0);
        color: #000;
        box-shadow: inset 0 0 0 3px #3a7999;
    }

.y_lineheight20 {
    line-height: 20px;
}

.y_marrgt10 {
    margin-right: 10px;
}

.y_line_height17 {
    line-height: 17px;
}

.y_line_height22 {
    line-height: 22px;
}

.y_marbtm3 {
    margin-bottom: 3px;
}

.y_absred {
    color: red;
    font-size: 20px;
}



.y_float_right {
    float: right;
}

.y_bg-head {
    background-color: #dcf4fe;
}

.y_head {
    border: 1px solid #cfdbe2;
    overflow: hidden;
}

.y_head_bor {
    border: 1px solid #cfdbe2;
    overflow: hidden;
}

.y_border_right {
    border-right: 1px solid #cfdbe2;
}



.y_marbtm0 {
    margin-bottom: 0px;
}



.y_alignright1 {
    text-align: right;
}

.y_alignleft1 {
    text-align: left;
}

.y_head_bor:hover {
    background-color: #f9f9f9;
}

.y_martb3 {
    margin: 3px 0px;
}

.y_font16 {
    font-size: 16px;
}

.y_marrgt0 {
    margin-right: 0px;
}

.y_marleft35 {
    margin-left: 35px;
}

.y_marrgt10 {
    margin-right: 10px;
}

.y_marrgt15 {
    margin-right: 15px;
}

.y_martop8 {
    margin-top: 8px;
}

.y_martop0 {
    margin-top: 0px;
}

.y_mar3 {
    margin: 3px;
}

.y_borderbox {
    border: 1px solid #aeaeae;
}

.y_border_radius {
    border-radius: 5px;
}

.y_widthbox {
    width: 400px;
}

.y_heightbox {
    height: 100px;
}

.y_marbtm10 {
    margin-bottom: 10px;
}

.y_lineheight18 {
    line-height: 18px;
}


/* Email Format CSS START */

.email-format h4 {
    font-weight: normal;
    height: 25px;
    overflow: hidden;
    position: relative;
    width: 94%;
}

.email-format .modal-dialog {
    width: 70%;
    min-height: 360px;
}

    .email-format .modal-dialog .modal-header {
        border-radius: 4px 4px 0 0;
        margin-bottom: 0px;
    }

        .email-format .modal-dialog .modal-header h4 .dot {
            position: absolute;
            right: 0px;
            top: 5px;
        }

    .email-format .modal-dialog .modal-footer {
        padding: 9px 15px;
        background: #eee;
    }

    .email-format .modal-dialog .modal-body {
        padding: 10px 0;
    }

        .email-format .modal-dialog .modal-body .col-md-3 {
            padding: 0 3px;
        }

        .email-format .modal-dialog .modal-body .row {
            margin-left: 10px;
            margin-right: 10px;
        }

    .email-format .modal-dialog .checkbox {
        padding: 5px;
        border: 1px solid #cfdbe2;
    }

        .email-format .modal-dialog .checkbox:hover {
            background: #eee;
        }

.email-format .mail-body span {
    padding-right: 5px;
    color: #016a97;
    font-size: 12px !important;
    display: inline-block;
    width: 90px;
    font-weight: bold;
}

.email-format .mail-body .ml-date, .ml-from, .ml-subject, .ml-to, .ml-cc, .ml-attachment {
    margin: 1px 0;
    font-size: 12px;
    border-left: 2px solid #016a97;
    padding: 1px;
}

.email-format .ml-date {
    color: #4d545e;
    font-size: 11px !important;
}

.email-format .ml-from {
    color: #4d545e;
}

.email-format .ml-subject {
    color: #4d545e;
    font-weight: bold;
    font-size: 13px !important;
}

.email-format .ml-to, .ml-cc, .ml-attachment {
    color: #4d545e;
}

.email-format .mail-text {
    border: 1px solid #cfdbe2;
    padding: 10px 15px !important;
    min-height: 300px;
    margin: 10px 0 0 10px;
    border-left: 2px solid #016a97;
}

    .email-format .mail-text P {
        color: #4d545e;
        font-size: 12px !important;
    }

        .email-format .mail-text P span {
            font-weight: bold;
            color: #4d545e;
            display: block;
            margin-bottom: 10px;
        }

/* Email Format CSS END */
#ulCalender li .hrs-red {
    width: 45% !important;
    padding: 10px 4px !important;
}

#ulCalender li .hrs-green {
    width: 45% !important;
    padding: 10px 4px !important;
}


/* MANDATE DETAILS CSS START */
.mdp-heading {
    margin-bottom: 0px !important;
}

.mandate-details .md-row ul {
    margin: 0;
    padding: 0;
}

    .mandate-details .md-row ul li {
        display: inline-block;
        min-width: 170px;
        border-radius: 3px;
        padding: 5px 15px;
        text-align: center;
        margin: 1px 0;
    }

    .mandate-details .md-row ul .cn-box {
        background: #016a97;
        border: 1px solid #03597e;
        color: #fff;
    }

    .mandate-details .md-row ul .mn-box {
        background: #fff;
        border: 1px solid #42a6e6;
    }

.mandate-details .md-row {
    background: #dbe8ea;
    padding: 5px 0;
    margin-top: 1px;
    border-left: 2px solid #66a5ba;
}

    .mandate-details .md-row:nth-child(even) {
        background: #f1f6f7;
        border-left: 2px solid #acb8ba;
    }

.mandate-details .btn-primary {
    padding: 5px 20px;
}

.mandate-planing .md-row h3 {
    margin: 0;
    padding: 0;
    font-size: 14px;
    margin-bottom: 7px;
}

.mandate-planing .md-row ul {
    margin: 0;
    padding: 0;
}

    .mandate-planing .md-row ul li {
        display: inline-block;
        min-width: 170px;
        border-radius: 3px;
        padding: 5px 15px;
        text-align: center;
        margin: 1px 0;
    }

    .mandate-planing .md-row ul .cn-box {
        background: #016a97;
        border: 1px solid #03597e;
        color: #fff;
    }

    .mandate-planing .md-row ul .mn-box {
        background: #fff;
        border: 1px solid #42a6e6;
    }

.mandate-planing .md-row {
    background: #dbe8ea;
    padding: 5px 0;
    margin-top: 1px;
    border-left: 2px solid #66a5ba;
}

    .mandate-planing .md-row:nth-child(even) {
        background: #f1f6f7;
        border-left: 2px solid #acb8ba;
    }

.mab-box {
    margin-top: 10px;
}

    .mab-box .nav-tabs > li {
        width: 33.33333333333333%;
        text-align: center;
    }

        .mab-box .nav-tabs > li > a {
            border: 1px solid #2ea4c8;
            background-color: #42c1e8;
            color: #000;
            padding: 3px 0;
            font-size: 16px;
        }

        .mab-box .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
            color: #000;
            background-color: #ffffff;
            border: 1px solid #dddddd;
            border-bottom-color: transparent;
            cursor: default;
        }

        .mab-box .nav-tabs > li > a span {
            display: block;
            font-size: 12px;
            color: #1886a8;
        }

.add-member-form {
    border: 1px solid #ccc;
    padding: 3px;
    background: #f1f6f7;
    margin-bottom: 10px;
}

    .add-member-form .btn-primary {
        padding: 5px 15px;
    }

    .add-member-form .btn-success {
        padding: 5px 15px;
    }

    .add-member-form .btn-warning {
        padding: 5px 15px;
    }

    .add-member-form h4 {
        font-size: 15px;
        color: #1886a8;
        padding: 0;
        margin: 0;
        line-height: 27px;
    }


/* MANDATE DETAILS CSS END */

/*#tblempdata .odd-even-row{padding-left: 5px;}
#wholeDivDemoMainAwait{padding-left: 5px;}*/
.plan_book .read {
    background: #fff;
    border: 1px solid #27c24c;
    padding-right: 5px;
    color: #27c24c;
    font-weight: normal;
    border-radius: 4px;
}

#tblempdataWorkspceWise .badge {
    color: #000;
    font-size: 11px;
    padding: 3px 5px;
    border: 1px solid #a8a2a2;
    background-color: #ccc;
    margin: 5px 10px;
    border-radius: 3px;
}

.plan_book .read-count {
    color: #fff;
    margin-right: 5px;
    padding: 2px 4px;
    display: inline-block;
    border-radius: 2px;
    background: #27c24c;
}

.plan_book .unread-count {
    color: #fff;
    margin-right: 5px;
    padding: 2px 4px;
    display: inline-block;
    border-radius: 2px;
    background: #f05050;
}

.plan_book .unread {
    background: #fff;
    border: 1px solid #f05050;
    padding-right: 5px;
    color: #f05050;
    font-weight: normal;
    border-radius: 4px;
}

.aof-section .footer-body button em {
    font-size: 15px;
}

.aof-section .footer-body .attachments a {
    background: #27c24c;
    border: 1px solid #1f9b3d;
    display: block;
    color: #fff;
    height: 32px;
    padding: 0 10px 0 0;
    font-size: 12px;
    border-radius: 3px;
}

    .aof-section .footer-body .attachments a span {
        background: #1f9b3d;
        padding: 6px 10px;
        display: inline-block;
        margin-right: 10px;
    }

.aof-section .width140 {
    width: 140px;
}

.aof-section .width155 {
    width: 155px;
}

.aof-section .width120 {
    width: 120px;
    text-align: right;
}

.aof-section .width180 {
    width: 180px;
    text-align: right;
}

.aof-section .width190 {
    width: 190px;
    text-align: right;
}

.aof-section .c-checkbox {
    display: inline-block;
}

/* VENDOR PAYMENT CSS START */

.vp-section .vp-row ul {
    display: inline-block;
    padding: 0;
    margin: 0;
    width: 100%;
    position: relative;
}

    .vp-section .vp-row ul li {
        border-radius: 3px;
        min-width: 10%;
        display: inline-block;
        padding-right: 8px;
        margin: 0;
    }

        .vp-section .vp-row ul li label {
            margin-left: 6px;
        }

        .vp-section .vp-row ul li em {
            background: #266091;
            color: #fff;
            font-size: 11px;
            margin: 1px;
            padding: 6px;
            border-radius: 3px;
            width: 25px;
            text-align: center;
            margin-right: 6px;
        }

    .vp-section .vp-row ul .batch {
        background: #266091;
        border: 1px solid #266091;
        color: #fff;
    }

        .vp-section .vp-row ul .batch em {
            background: #113e65;
            color: #fff;
            display: inline-block !important;
        }

    .vp-section .vp-row ul .dca {
        background: #fff;
        border: 1px solid #266091;
    }

    .vp-section .vp-row ul .a-balance {
        background: #fff;
        border: 1px solid #fb3c29;
    }

        .vp-section .vp-row ul .a-balance em {
            background: #fb3c29;
            color: #fff;
        }

    .vp-section .vp-row ul .a-pay {
        background: #fff;
        border: 1px solid #00a651;
    }

        .vp-section .vp-row ul .a-pay em {
            background: #00a651;
            color: #fff;
        }

    .vp-section .vp-row ul .status-created {
        background: #fff;
        border: 1px solid #00a651;
    }

        .vp-section .vp-row ul .status-created em {
            background: #00a651;
            color: #fff;
        }

    .vp-section .vp-row ul .status-unapprovad {
        background: #fff;
        border: 1px solid #fb3c29;
    }

        .vp-section .vp-row ul .status-unapprovad em {
            background: #fb3c29;
            color: #fff;
        }

.vp-section .footer-body {
    background: #cfdbe2;
    border-top: 1px solid #b2c1c9;
    border-bottom: 1px solid #b2c1c9;
    padding: 6px 0;
    margin-top: 10px;
}

    .vp-section .footer-body p {
        font-weight: bold;
        font-size: 13px;
        color: #252525;
        margin: 0;
    }

        .vp-section .footer-body p span {
            color: #266091;
        }

.vp-section .btn-primary {
    padding: 1px 8px;
    vertical-align: top;
}

.vp-section .btn-success {
    padding: 1px 8px;
    vertical-align: top;
}

.vp-section .btn-warning {
    padding: 1px 8px;
    vertical-align: top;
}

.vp-section .btn-danger {
    padding: 1px 8px;
    vertical-align: top;
}

.vp-section .btn-info {
    padding: 1px 8px;
    vertical-align: top;
}

.vp-section .ba-edit-box {
    position: absolute;
    top: 0 !important;
    height: 33px;
    right: 82px;
    padding-right: 0 !important;
}

    .vp-section .ba-edit-box input {
        width: 100px;
        display: inline-block;
        height: 28px !important;
    }

.vp-section .ba-inr, .ba-input {
    display: inline-block;
}

.vp-section .ba-input input {
    width: 100px;
    margin-bottom: 0 !important;
    height: 25px !important;
}

.vp-section .ba-save, .ba-edit {
    display: inline-block;
    float: right;
    margin-left: 10px;
}

    .vp-section .ba-save em {
        background: #27c24c !important;
        margin-right: 3px !important;
    }

.vp-section .ba-edit em {
    background: #27c24c !important;
    margin-right: 3px !important;
}

.vp-section .bapding {
    padding-right: 0 !important;
}

    .vp-section .bapding em {
        margin-right: 1px !important;
    }

#SelBillDetails .ba-edit-box input {
    width: 100px;
    display: inline-block;
    height: 31px !important;
}

#SelBillDetails .ba-inr, .ba-input {
    display: inline-block;
    padding: 0 !important;
}

#SelBillDetails .ba-input input {
    width: 100px;
    margin-bottom: 0 !important;
    height: 31px !important;
    text-align: right;
}

#SelBillDetails .ba-save, .ba-edit {
    display: inline-block;
    float: right;
    margin-left: 10px;
}

#SelBillDetails .bapding {
    padding: 0 !important;
}

/* VENDOR PAYMENT CSS END */

/* ADD ITEM DETAILS IN PO CSS START */

.add-item-details .width65 {
    width: 65px;
}

.add-item-details .width540 {
    width: 540px;
}

/* ADD ITEM DETAILS IN PO CSS END */

/* Group Wise Activities CSS START */

.groupwise-activities h5 {
    font-size: 14px;
    margin: 0;
    padding: 0;
    line-height: 30px;
}

.groupwise-activities .uwa-box {
    margin: 0;
    padding: 0px;
    text-align: right;
    line-height: 16px;
}

    .groupwise-activities .uwa-box .uwa-assigned {
        background-color: #9084dd;
    }

    .groupwise-activities .uwa-box .uwa-overdue {
        background-color: #29acd3;
    }

    .groupwise-activities .uwa-box .uwa-critical {
        background-color: #fe8f2a;
    }

    .groupwise-activities .uwa-box .uwa-unapproved {
        background-color: #f05050;
    }

    .groupwise-activities .uwa-box .uwa-allotted {
        background-color: #2f5f8f;
    }

    .groupwise-activities .uwa-box .uwa-booked {
        background-color: #27c251;
    }

    .groupwise-activities .uwa-box .uwa-complete {
        background-color: #27c251;
    }

    .groupwise-activities .uwa-box .display {
        border-radius: 3px;
        padding: 1px;
        line-height: 22px;
        text-align: center;
        width: 100%;
        margin: 0px;
        background: #fff;
    }

    .groupwise-activities .uwa-box .display-assigned {
        color: #9084dd;
        border: 1px solid #9084dd;
    }

    .groupwise-activities .uwa-box .display-overdue {
        color: #29acd3;
        border: 1px solid #29acd3;
    }

    .groupwise-activities .uwa-box .display-critical {
        color: #fe8f2a;
        border: 1px solid #fe8f2a;
    }

    .groupwise-activities .uwa-box .display-unapproved {
        color: #f05050;
        border: 1px solid #f05050;
    }

    .groupwise-activities .uwa-box .display-allotted {
        color: #2f5f8f;
        border: 1px solid #2f5f8f;
    }

    .groupwise-activities .uwa-box .display-booked {
        color: #27c251;
        border: 1px solid #27c251;
    }

    .groupwise-activities .uwa-box .display-complete {
        color: #27c251;
        border: 1px solid #27c251;
    }

    .groupwise-activities .uwa-box .uwa-assigned, .uwa-overdue, .uwa-critical, .uwa-unapproved, .uwa-allotted, .uwa-booked, .uwa-allotted, .uwa-complete {
        color: #fff;
        border-radius: 3px;
        padding: 3px 5px;
        font-size: 15px;
        font-weight: bold;
        min-width: 35px;
        line-height: 26px;
    }

    .groupwise-activities .uwa-box .text-assigned, .text-overdue, .text-critical, .text-unapproved, .text-allotted, .text-booked, .text-allotted, .text-complete {
        font-size: 14px;
        text-align: center;
        padding: 0px 5px;
        line-height: 32px;
        font-weight: bold;
    }

    .groupwise-activities .uwa-box li {
        display: inline-block;
        min-width: 16%;
        cursor: pointer;
    }

/* Group Wise Activities CSS END */

/* PURCHASE SECTION CSS START */

/*.purchase-section .indent-no{ min-width:135px; height:51px; padding:5px; color:#fff; border-radius:3px; text-align:center; line-height:40px; font-weight:normal; font-size:15px; background:#27c24c; border:1px solid #179f38;}
.purchase-section h3{text-align:left;  font-size:15px; margin:0; padding:0  7px 7px 0 ; font-weight:bold; color:#0b0b0c;  }
.purchase-section h3 span{font-size:13px; margin:0; font-weight:bold; color:#146cdd; text-transform:capitalize; margin-left:5px}*/
.purchase-section .isc-section {
    padding-left: 0;
}

    .purchase-section .isc-section .isc-box {
        margin: 0;
        padding: 0;
        font-weight: normal;
    }

        .purchase-section .isc-section .isc-box li {
            border: 1px solid #266091;
            background: #fff;
            display: inline-block;
            font-size: 12px;
            border-radius: 3px;
            overflow: hidden;
            margin: 0 0 1px 0;
            padding: 2px 10px;
            min-width: 40px;
            min-height: 27px;
            text-align: center;
            line-height: 21px;
        }

        .purchase-section .isc-section .isc-box .indent-no {
            background: #27c24c;
            border: 1px solid #179f38;
        }

        .purchase-section .isc-section .isc-box .item-desc {
            background: #3c5f71;
            color: #fff;
            border: 1px solid #284554;
        }

        .purchase-section .isc-section .isc-box .item-supplier {
            background: #fda758;
            color: #fff;
            border: 1px solid #dc8b41;
        }

        .purchase-section .isc-section .isc-box .indent-date {
            background: #266091;
            color: #fff;
        }

        .purchase-section .isc-section .isc-box .item-code {
            background: #9084dd;
            color: #fff;
            border: 1px solid #796dc7;
        }

        .purchase-section .isc-section .isc-box .indent-quantity {
            background: #fe8f2a;
            color: #fff;
            border: 1px solid #d78111;
        }

        .purchase-section .isc-section .isc-box .closed {
            background: #29acd3;
            color: #fff;
            border: 1px solid #1e97bb;
        }

        .purchase-section .isc-section .isc-box .short-closed {
            background: #9e005d;
            color: #fff;
            border: 1px solid #80024c;
        }

        .purchase-section .isc-section .isc-box .dis-approved {
            background: #f05050;
            color: #fff;
            border: 1px solid #cd3434;
        }

        .purchase-section .isc-section .isc-box .cancelled {
            background: #ed1c24;
            color: #fff;
            border: 1px solid #dd141c;
        }

        .purchase-section .isc-section .isc-box .approved {
            background: #25b038;
            color: #fff;
            border: 1px solid #169327;
        }

        .purchase-section .isc-section .isc-box .under-approval {
            background: #fe8f2a;
            color: #fff;
            border: 1px solid #ea8020;
        }

        .purchase-section .isc-section .isc-box .bls-qty {
            background: #fe8f2a;
            color: #fff;
            border: 1px solid #ea8020;
        }

        .purchase-section .isc-section .isc-box .created {
            background: #9084dd;
            color: #fff;
            border: 1px solid #796dc7;
        }

        .purchase-section .isc-section .isc-box .vendor-name {
            background: #fff;
            color: #000;
            border: 1px solid #266091;
        }

        .purchase-section .isc-section .isc-box .amt-icon {
            background: #266091;
            display: inline-block;
            padding: 1px 10px 0px 10px;
            color: #fff;
            line-height: 24px;
        }

        .purchase-section .isc-section .isc-box .amount-box {
            border: 1px solid #266091;
            padding: 0;
            text-align: right;
            font-size: 14px;
            font-weight: bold;
        }

        .purchase-section .isc-section .isc-box .amount {
            padding: 2px 10px;
            min-width: 16%;
            background: #fff;
        }

.purchase-section .col-md-4 {
    margin: 7px 0 0 0;
}

.purchase-section .ip-box {
    padding: 5px;
    background: #eaecf1;
    line-height: 10px !important;
    border: 1px solid #d7dae3;
    border-radius: 3px;
}

    .purchase-section .ip-box .col-md-1 {
        padding-left: 2px;
        padding-right: 2px;
        padding-bottom: 0;
    }

    .purchase-section .ip-box .select-box {
        background: #fff;
        padding: 13px 13px 13px 16px;
        border-radius: 3px;
        border: 1px solid #d7dae3;
    }

.purchase-section .remark-section {
    margin: 0;
    padding: 0;
    font-weight: normal;
}

    .purchase-section .remark-section li {
        display: inline-block;
        font-size: 12px;
        border-radius: 3px;
        overflow: hidden;
        padding: 2px 7px;
        min-height: 27px;
        text-align: center;
        line-height: 21px;
        vertical-align: top;
    }

.purchase-section .modal-dialog .modal-header {
    border-radius: 4px 4px 0 0;
    margin-bottom: 0px;
}

.purchase-section .modal-dialog .modal-footer {
    padding: 9px 15px;
}

.purchase-section .modal-dialog .modal-body {
    padding: 0;
}

.purchase-section .modal-po .indent-no {
    min-width: 110px;
    height: 27px;
    padding: 5px;
    line-height: 16px;
    font-size: 13px;
    font-weight: bold;
}

.purchase-section .item-stock-box {
    padding: 10px;
    width: 30%;
}

    .purchase-section .item-stock-box h4 {
        font-size: 17px;
        color: #016a97;
        margin: 0 0 10px 0;
        padding: 0;
        font-weight: bold;
    }

    .purchase-section .item-stock-box .odd-even-row {
        line-height: 30px !important;
    }

    .purchase-section .item-stock-box .col-md-5 {
        font-weight: bold;
    }

.purchase-section #modBtnIndentform .select-box {
    background: #fff;
    padding: 13px 7px 13px 16px;
    border-radius: 3px;
    border: 1px solid #d7dae3;
    margin: 0 10px;
}

    .purchase-section #modBtnIndentform .select-box input {
        margin-left: 0px;
        position: absolute;
        left: 0;
    }

.purchase-section #modBtnSOform .select-box {
    background: #fff;
    padding: 13px 13px 13px 16px;
    border-radius: 3px;
    border: 1px solid #d7dae3;
    margin: 0 10px;
}

/* PURCHASE SECTION CSS END */

.odd-even-rowreport {
    background: #266091;
    border-left: 5px solid #114068;
    margin-top: 1px;
    position: relative;
    padding: 4px 0;
    line-height: 10px !important;
}

    .odd-even-rowreport:hover {
        border-left: 5px solid #fe8f2b;
        background: #1c527f;
    }

    .odd-even-rowreport a {
        display: block;
        padding: 1px 15px;
    }

        .odd-even-rowreport a em {
            color: #fff;
        }

    .odd-even-rowreport label {
        color: #fff;
        padding: 0 10px;
        font-size: 15px;
    }

.report-list-section .rpt-code, .rpt-name {
    display: inline-block;
    border-radius: 3px;
}

.report-list-section .rpt-code {
    border: 1px solid #00aeef;
    background: #fff;
    color: #333333;
    padding: 1px 10px;
    text-align: left;
    min-width: 100%;
    margin-bottom: 1px;
}

.report-list-section .rpt-name {
    border: 1px solid #0696cc;
    background: #00aeef;
    color: #fff;
    cursor: pointer;
}

    .report-list-section .rpt-name:hover {
        border: 1px solid #0789ba;
        background: #0696cc;
    }

    .report-list-section .rpt-name a {
        color: #fff;
        display: block;
        text-decoration-line: none !important;
        padding: 1px 10px;
        cursor: pointer;
    }

    .report-list-section .rpt-name label {
        cursor: pointer;
    }

.report-list-section .rpt-code label {
    cursor: text !important;
}

.report-list-section .btn-label {
    padding: 1px 8px;
    left: -8px;
}

    .report-list-section .btn-label .fa {
        font-size: 12px;
    }

.report-list-section .col-md-2 {
    padding-left: 5px;
}

.report-list-section .col-md-8 {
    padding-left: 5px;
}

.project_budget {
    padding: 0;
}

    .project_budget .tab-content {
        padding: 0;
    }

    .project_budget .panel-body {
        padding: 10px 0 0 0;
    }

    .project_budget .nav-tabs > li {
        width: 20%;
        text-align: center;
    }

        .project_budget .nav-tabs > li > a {
            border: 1px solid #e4e2e2;
            background-color: #f1f1f1;
            padding: 3px 0;
            font-size: 18px;
        }

        .project_budget .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
            color: #000;
            background-color: #ffffff;
            border: 1px solid #dddddd;
            border-bottom-color: transparent;
            cursor: default;
        }

        .project_budget .nav-tabs > li > a span {
            display: block;
            font-size: 23px;
            font-weight: bold;
        }

    .project_budget .nav-tabs .resource {
        color: #9084dd;
    }

    .project_budget .nav-tabs .expense {
        color: #fe8f2a;
    }

    .project_budget .nav-tabs .expense {
        color: #fe8f2a;
    }

    .project_budget .nav-tabs .charge {
        color: #29acd3;
    }

    .project_budget .nav-tabs .material {
        color: #f05050;
    }

    .project_budget .nav-tabs .total {
        color: #27c251;
    }

    .project_budget h5 {
        font-size: 14px;
        margin: 0;
        padding: 0;
        line-height: 30px;
        display: inline-block;
    }

    .project_budget .pb-box {
        margin: 0;
        padding: 0px;
        text-align: right;
        line-height: 10px;
    }

        .project_budget .pb-box .display {
            border-radius: 3px;
            padding: 1px;
            line-height: 22px;
            text-align: center;
            width: 100%;
            margin: 0px;
            background: #fff;
        }

        .project_budget .pb-box .pb-project-amount {
            background-color: #fe8f2a;
        }

        .project_budget .pb-box .pb-actual-amount {
            background-color: #27c251;
        }

        .project_budget .pb-box .pb-over-amount {
            background-color: #f05050;
        }

        .project_budget .pb-box .display-project-amount {
            color: #fe8f2a;
            border: 1px solid #fe8f2a;
        }

        .project_budget .pb-box .display-actual-amount {
            color: #27c251;
            border: 1px solid #27c251;
        }

        .project_budget .pb-box .display-over-amount {
            color: #f05050;
            border: 1px solid #f05050;
        }

        .project_budget .pb-box .pb-project-amount, .pb-actual-amount, .pb-over-amount {
            color: #fff;
            border-radius: 3px;
            padding: 2px 6px;
            font-size: 15px;
            font-weight: bold;
            text-align: center;
            min-width: 70px;
        }

        .project_budget .pb-box .text-project-amount, .text-actual-amount, .text-over-amount {
            font-size: 13px;
            text-align: center;
            padding: 0px 5px;
            line-height: 26px;
            font-weight: bold;
        }

        .project_budget .pb-box li {
            display: inline-block;
            min-width: 20%;
            cursor: pointer;
        }

    .project_budget .dash-box {
        border: 2px dashed #ccc;
        padding: 10px;
        background: #fff;
        margin: 10px auto;
        width: 50%;
        text-align: center;
    }


.material-in-out .tab-content {
    padding: 10px 0 0 0;
    border: 0;
}

.material-in-out .panel-heading a {
    display: block;
}

.material-in-out .panel-title {
    margin-top: 0;
    color: #4474f7;
    font-size: 15px;
    font-weight: bold;
}

.material-in-out .panel-default {
    margin-bottom: 3px !important;
}

.material-in-out .panel-body {
    padding: 0 !important;
    background: #fff;
}

.material-in-out h2 {
    color: #000;
    font-size: 14px;
    font-weight: bold;
    padding: 6px 8px;
    margin: 0 0 10px 0px;
    border-bottom: 1px solid #ccc;
}

.material-in-out .nav-tabs > li {
    width: 50%;
    text-align: center;
}

    .material-in-out .nav-tabs > li > a {
        border: 1px solid #2ea4c8;
        background-color: #42c1e8;
        color: #000;
        padding: 3px 0;
        font-size: 16px;
    }

    .material-in-out .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
        color: #000;
        background-color: #f4f6f9;
        border: 1px solid #dddddd;
        border-bottom-color: transparent;
        cursor: default;
    }

    .material-in-out .nav-tabs > li > a span {
        display: block;
        font-size: 12px;
        color: #1886a8;
    }

.material-in-out label {
    width: 200px;
}

.material-in-out .c-radio {
    width: 80px;
}

.material-in-out .margin-top {
    margin-top: 5px;
}

.material-in-out textarea {
    height: 70px !important;
}

.material-in-out .header-item-details .panel-body {
    padding: 0 !important;
}

.material-in-out .header-item-details .nav-tabs > li {
    width: 15%;
    text-align: center;
}

    .material-in-out .header-item-details .nav-tabs > li > a {
        border: 1px solid #0f426c;
        background-color: #266091;
        color: #fff;
        padding: 3px 0;
        font-size: 16px;
    }

    .material-in-out .header-item-details .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
        color: #000;
        background-color: #f4f6f9;
        border: 1px solid #dddddd;
        border-bottom-color: transparent;
        cursor: default;
    }

.material-in-out .width-200 {
    width: 200px;
}

.material-in-out .width-220 {
    width: 220px;
}

.material-in-out .width-205 {
    width: 205px;
}

.material-in-out .width-140 {
    width: 140px;
}

.material-in-out .width-150 {
    width: 150px;
}

.material-in-out .width-120 {
    width: 120px;
}

.material-in-out .width-105 {
    width: 105px;
}

.material-in-out .width-100 {
    width: 100px;
}

.material-in-out .width-70 {
    width: 70px;
}

.material-in-out .width-80 {
    width: 80px;
}

.material-in-out .width-90 {
    width: 90px;
}

.material-in-out .width-50 {
    width: 50px;
}

.material-in-out .width-86per {
    width: 86% !important;
}

.material-in-out hr {
    margin-top: 15px;
    margin-bottom: 15px;
    border-top: 1px solid #e4eaec;
}

.material-in-out .footer-body {
    background: #cfdbe2;
    border-top: 1px solid #b2c1c9;
    padding: 6px 0;
    margin-top: 10px;
}

.tracking-view .timeline > li > .timeline-badge, .timeline-alt > li > .timeline-badge {
    width: 50px;
    height: 50px;
    line-height: 51px;
    border-radius: 4px;
}

.tracking-view .timeline > li > .timeline-panel, .timeline-alt > li > .timeline-panel {
    width: 95%;
}

.tracking-view .timeline li .step-1 {
    background-color: #00a651;
    padding: 16px;
}

.tracking-view .timeline li .step-2 {
    background-color: #bdbfc3;
}

.tracking-view .ball-grid-pulse {
    width: 30px;
    margin: 10px auto;
}

    .tracking-view .ball-grid-pulse > div {
        width: 6px;
        height: 6px;
        background-color: #fff;
    }

.tracking-view .popover-content {
    padding: 0;
}

    .tracking-view .popover-content p {
        padding: 9px 14px;
    }

.tracking-view .popover .popover-title {
    padding: 6px 0;
}

    .tracking-view .popover .popover-title h4 {
        padding: 0;
        margin: 0;
    }

.tracking-view .timeline:before, .timeline-alt:before {
    position: absolute;
    top: 0;
    bottom: 0;
    content: " ";
    width: 1px;
    left: 22px;
    border: 2px solid #d1d2d3;
}

.shipment-request .sr-box {
    padding: 35px 30px;
    border-radius: 3px;
    text-align: center;
    margin: 20px 10px;
    cursor: pointer;
}

.shipment-request .sr-box1 {
    border: 2px solid #266091;
    background: linear-gradient(to top, #266091 0%, #38bee8 100%);
}

.shipment-request .sr-box2 {
    border: 2px solid #068242;
    background: linear-gradient(to top, #068242 0%, #18c66d 100%);
}

.shipment-request .sr-box3 {
    border: 2px solid #c20b12;
    background: linear-gradient(to top, #c20b12 0%, #fb585e 100%);
}

.shipment-request .sr-box4 {
    border: 2px solid #eb840b;
    background: linear-gradient(to top, #eb840b 0%, #f9a542 100%);
}

.shipment-request .sr-box h5 {
    color: #266091;
    background: #fff;
    padding: 3px;
    display: block;
    border-radius: 3px;
    margin: 0 0 20px 0;
    font-size: 13px;
}

.shipment-request .sr-box h2 {
    color: #fff;
    font-size: 26px;
    margin: 0;
    text-transform: uppercase;
    font-weight: normal;
    line-height: 35px;
}

    .shipment-request .sr-box h2 span {
        display: block;
    }

.shipment-request .track-box {
    padding: 20px;
    border-radius: 3px;
    text-align: center;
    margin: 20px 10px;
    cursor: pointer;
    background: linear-gradient(to top, #6d6f77 0%, #b4b6bc 100%);
}

#worksheeticons .btn {
    width: 35px;
    height: 35px;
    margin-bottom: 5px;
}

    #worksheeticons .btn:hover {
        background: #016a97;
        border: 1px solid #055274;
        color: #fff;
    }

#DivWorkSpaceAttach .btn {
    width: 35px;
    height: 35px;
}

    #DivWorkSpaceAttach .btn:hover {
        background: #016a97;
        border: 1px solid #055274;
        color: #fff;
    }

.bidesigner-btn .btn {
    width: 35px;
    height: 35px;
    margin: 0 0 10px 6px;
    border: 1px solid #9da6b3;
    color: #9da6b3;
}

    .bidesigner-btn .btn:hover {
        background: #016a97;
        border: 1px solid #055274;
        color: #fff;
    }

.bidesigner-btn .btn-warning {
    border: 1px solid #e0720d;
}

    .bidesigner-btn .btn-warning em {
        color: #fff;
    }



#tblheader .btn {
    width: 35px;
    height: 35px;
    margin: 0 0 10px 6px;
}

    #tblheader .btn:hover {
        background: #016a97;
        border: 1px solid #055274;
        color: #fff;
    }



/* LEAVES DETAILS CSS START */
.leaves-details-section .leave-description p {
    margin: 5px 0;
    line-height: 18px;
}

.leaves-details-section .leave-type {
    width: 130px;
    padding: 5px;
    color: #fff;
    border-radius: 3px;
    text-align: center;
    line-height: 15px;
    font-weight: normal;
    font-size: 15px;
    background: #27c24c;
    border: 1px solid #179f38;
}

.leaves-details-section .date-status {
    margin: 0;
    padding: 0;
    font-weight: normal;
    text-align: right;
    display: flex;
}

    .leaves-details-section .date-status li {
        border: 1px solid #266091;
        background: #fff;
        display: inline-block;
        font-size: 12px;
        border-radius: 3px;
        overflow: hidden;
        padding: 2px 7px;
        min-width: 50px;
        min-height: 27px;
        text-align: center;
        line-height: 21px;
    }

    .leaves-details-section .date-status .leave-count {
        background: #266091;
        color: #fff;
        width: 40px;
        margin-left: 5px;
    }

    .leaves-details-section .date-status .se-date {
        border: 1px solid #5a7fbe;
        padding: 0px;
    }

        .leaves-details-section .date-status .se-date .to {
            padding: 0 3px;
            background: #fff;
            color: #000;
        }

        .leaves-details-section .date-status .se-date span {
            background: #698dcc;
            display: inline-block;
            padding: 2px 16px;
            color: #fff;
        }

    .leaves-details-section .date-status .unapproved {
        border: 1px solid #e31e28;
        color: #e31e28;
        width: 100px;
    }

    .leaves-details-section .date-status .pending {
        border: 1px solid #f39419;
        color: #f39419;
        width: 100px;
    }

    .leaves-details-section .date-status .approved {
        border: 1px solid #34b61a;
        color: #34b61a;
        width: 100px;
    }


.leaves-details-section .tab-content {
    padding: 0;
}

.leaves-details-section .panel-body {
    padding: 10px 0 0 0;
}

.leaves-details-section .nav-tabs > li {
    width: 33%;
    text-align: center;
    font-weight: bold;
}

    .leaves-details-section .nav-tabs > li > a {
        border: 1px solid #e4e2e2;
        background-color: #f1f1f1;
        padding: 3px 0;
        font-size: 15px;
        color: #266091;
    }

.claim-gps-section .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #000;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-bottom-color: transparent;
    cursor: default;
}

.leaves-details-section .gps-details ul {
    margin: 0;
    padding: 0;
}

    .leaves-details-section .gps-details ul li {
        display: inline-block;
        padding: 1px 5px;
        background: #fff;
        border-radius: 3px;
        color: #fff;
        font-size: 13px;
    }

    .leaves-details-section .gps-details ul .gps-date {
        background: #27c251;
        border: 1px solid #27c251;
        margin-right: 3px;
    }

    .leaves-details-section .gps-details ul .gps-time {
        background: #00aeef;
        border: 1px solid #00aeef;
        font-weight: bold;
        color: #016a97;
        margin-right: 5px;
    }

        .leaves-details-section .gps-details ul .gps-time span {
            background: #00aeef;
            color: #fff;
            padding: 0 5px;
            font-weight: normal;
        }

    .leaves-details-section .gps-details ul .gps-location {
        background: #fff;
        border: 1px solid #00aeef;
        color: #000;
    }

.leaves-details-section .gps-msg {
    background: #fff;
    width: 50%;
    margin: 120px auto;
    border: 2px dashed #23b7e5;
    padding: 10px;
    text-align: center;
    font-size: 14px;
}


/* LEAVES DETAILS CSS END */


/* EATON SIGNUP FORM CSS START */

.eaton-section {
    background: url('../../../Content/Images/eaton-signup-bg.png') no-repeat center center fixed;
    height: 100%;
    overflow: hidden;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 55px 0;
}

    .eaton-section .eaton-bg {
        background: url('../../../Content/Images/eaton-signup-image.png')no-repeat;
        min-height: 100%;
        width: 100%;
        height: auto;
        top: 0;
        left: 0;
        box-shadow: 0 0px 5px #0964ba;
    }

    .eaton-section .form-bg {
        background: #0964ba;
        padding: 30px;
    }

        .eaton-section .form-bg h1 {
            text-align: left;
            text-transform: uppercase;
            color: #fff;
            border-bottom: 1px solid #88aed2;
            margin: 0;
            padding-bottom: 7px;
            font-weight: normal;
            font-size: 28px;
        }

        .eaton-section .form-bg .eaton-form {
            margin-top: 20px;
        }

        .eaton-section .form-bg .btn-lg {
            padding: 10px 20px;
            text-transform: uppercase;
            font-weight: bold;
            font-size: 14px;
        }

        .eaton-section .form-bg .pt-lg {
            color: #fff;
        }

    .eaton-section .eaton-signup-form {
        width: 80%;
        margin: 0 auto;
    }

        .eaton-section .eaton-signup-form .form-group {
            margin-bottom: 10px;
        }

        .eaton-section .eaton-signup-form .eaton-signup-logo {
            padding: 30px;
        }

/* EATON SIGNUP FORM CSS START */
.st-widget h5 {
    color: #266091;
    margin: 0;
    font-size: 12px;
    line-height: 23px;
}

.st-widget .sr {
    margin: 0 auto;
    padding: 0px;
    text-align: left;
    line-height: 16px;
}

    .st-widget .sr li {
        display: inline-block;
        cursor: pointer;
        vertical-align: top;
        color: #494848;
        margin: 1px;
    }

    .st-widget .sr .display {
        border-radius: 3px;
        padding: 1px;
        line-height: 22px;
        text-align: center;
        width: 100%;
        margin: 0px;
        background: #fff;
    }

    .st-widget .sr .sr-open-requests {
        background-color: #f05050;
    }

    .st-widget .sr .sr-closed-requests {
        background-color: #27c251;
    }

    .st-widget .sr .sr-total-requests {
        background-color: #7462ff;
    }

    .st-widget .sr .sr-delay-requests {
        background-color: #f05050;
    }

    .st-widget .sr .display-open-requests {
        border: 1px solid #f05050;
        color: #f05050;
    }

    .st-widget .sr .display-closed-requests {
        border: 1px solid #27c251;
        color: #27c251;
    }

    .st-widget .sr .display-total-requests {
        border: 1px solid #7462ff;
        color: #7462ff;
    }

    .st-widget .sr .display-delay-requests {
        border: 1px solid #f05050;
        color: #f05050;
    }

    .st-widget .sr .sr-open-requests, .sr-closed-requests, .sr-total-requests, .sr-delay-requests {
        color: #fff;
        border-radius: 3px;
        padding: 2px 6px;
        font-size: 15px;
        font-weight: bold;
        min-height: 26px;
        min-width: 30px;
    }

    .st-widget .sr .text-open-requests, .text-closed-requests, .text-total-requests, .text-delay-requests {
        font-size: 13px;
        text-align: center;
        padding: 0px 5px;
        line-height: 26px;
        font-weight: bold;
    }

.st-widget .odd-even-row {
    border-left: none;
}

    .st-widget .odd-even-row:nth-child(even):hover {
        border-left: none;
    }

/* SHIPMENT TRACKING DASHBOARD CSS START */
.st-dashboard {
    background: url('../../../Content/Images/shipment-tracking-dashboard-img.jpg') no-repeat center center fixed;
    height: 100%;
    overflow: hidden;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 120px 10px 170px 20px;
}

    .st-dashboard h4 {
        color: #fff;
        font-size: 25px;
        font-weight: bold;
        text-transform: uppercase;
        margin: 25px 0 15px 0;
    }

    .st-dashboard p {
        color: #ccc;
        text-align: justify;
        padding-right: 20px;
        line-height: 22px;
        font-size: 14px;
        margin: 0 0 15px 0;
    }

    .st-dashboard .sr-box {
        padding: 35px 20px;
        border-radius: 6px;
        text-align: center;
        margin: 0 0 20px 0;
        cursor: pointer;
        opacity: 0.7;
        filter: alpha(opacity=100);
    }

    .st-dashboard .sr-box1 {
        border: 2px solid #266091;
        background: linear-gradient(to top, #266091 0%, #38bee8 100%);
    }

    .st-dashboard .sr-box2 {
        border: 2px solid #068242;
        background: linear-gradient(to top, #068242 0%, #18c66d 100%);
    }

    .st-dashboard .sr-box3 {
        border: 2px solid #c20b12;
        background: linear-gradient(to top, #c20b12 0%, #fb585e 100%);
    }

    .st-dashboard .sr-box4 {
        border: 2px solid #eb840b;
        background: linear-gradient(to top, #eb840b 0%, #f9a542 100%);
    }

    .st-dashboard .sr-box h5 {
        color: #266091;
        background: #fff;
        padding: 3px;
        display: block;
        border-radius: 3px;
        margin: 0 0 10px 0;
        font-size: 13px;
    }

    .st-dashboard .sr-box h2 {
        color: #fff;
        font-size: 20px;
        margin: 20px 0 0 0;
        text-transform: uppercase;
        font-weight: normal;
        line-height: 35px;
    }

        .st-dashboard .sr-box h2 span {
            display: block;
        }

    .st-dashboard .track-info {
        margin: 20px 0;
        padding: 0;
    }

        .st-dashboard .track-info li {
            font-size: 18px;
            color: #2c7ead;
            margin-bottom: 20px;
        }

            .st-dashboard .track-info li p {
                font-size: 14px;
                color: #ccc;
            }

    .st-dashboard .eaton-signup-logo {
        margin: 100px 0;
    }

    .st-dashboard .track-box {
        width: 200px;
        padding: 10px;
        border-radius: 3px;
        text-align: center;
        margin: 80px 20px 50px 0;
        cursor: pointer;
        background: linear-gradient(to top, #6d6f77 0%, #b4b6bc 100%);
    }

        .st-dashboard .track-box:hover {
            background: linear-gradient(to top, #266091 0%, #38bee8 100%);
        }

        .st-dashboard .track-box h2 {
            margin: 0;
        }

    .st-dashboard .col-md-1 {
        width: 8.333333% !important;
    }

    .st-dashboard .sr {
        margin: 20px auto 0;
        padding: 0px;
        text-align: center;
        line-height: 16px;
    }

        .st-dashboard .sr li {
            display: inline-block;
            cursor: pointer;
            vertical-align: top;
            color: #494848;
            margin: 1px;
        }

        .st-dashboard .sr .display {
            border-radius: 3px;
            padding: 1px;
            line-height: 22px;
            text-align: center;
            width: 100%;
            margin: 0px;
            background: #fff;
        }

        .st-dashboard .sr .sr-open-requests {
            background-color: #fe8f2a;
        }

        .st-dashboard .sr .sr-closed-requests {
            background-color: #27c251;
        }

        .st-dashboard .sr .sr-total-requests {
            background-color: #7462ff;
        }

        .st-dashboard .sr .display-open-requests {
            border: 1px solid #000;
            color: #fe8f2a;
        }

        .st-dashboard .sr .display-closed-requests {
            border: 1px solid #000;
            color: #27c251;
        }

        .st-dashboard .sr .display-total-requests {
            border: 1px solid #000;
            color: #7462ff;
        }

        .st-dashboard .sr .sr-open-requests, .sr-closed-requests, .sr-total-requests {
            color: #fff;
            border-radius: 3px;
            padding: 2px 6px;
            font-size: 15px;
            font-weight: bold;
            min-height: 26px;
            min-width: 30px;
        }

        .st-dashboard .sr .text-open-requests, .text-closed-requests, .text-total-requests {
            font-size: 13px;
            text-align: center;
            padding: 0px 5px;
            line-height: 26px;
            font-weight: bold;
        }

/* SHIPMENT TRACKING DASHBOARD CSS END */
/* SHIPMENT REQUEST NEW CSS START */



.open-request .divTable {
    display: table;
    width: 100%;
}

.open-request .divTableRow {
    display: table-row;
}

.open-request .divTableHeading {
    display: table-header-group;
}

.open-request .divTableCell, .divTableHead {
    display: table-cell;
    padding: 5px 2px;
    text-align: center;
}

.open-request .divTableHeading {
    background-color: #EEE;
    display: table-header-group;
    font-weight: bold;
}

.open-request .divTableFoot {
    background-color: #EEE;
    display: table-footer-group;
    font-weight: bold;
}

.open-request .divTableBody {
    display: table-row-group;
}

.open-request .blankDiv {
    min-width: 8%;
}

.open-request .divTableHead div {
    border-radius: 4px 4px 0 0;
    padding: 8px;
    text-align: center;
    background: #266091;
    color: #fff;
    line-height: 17px;
}

.open-request .divTableCell div {
    border-radius: 3px;
    padding: 8px;
    text-align: center;
    background: #cdd0dd;
    color: #000;
    line-height: 17px;
}

.open-request .divTableCell .btn {
    margin: 0 2px;
    padding: 3px 15px;
}
/* SHIPMENT REQUEST NEW CSS END */


.asn-excel .asnTable {
    display: table;
    width: 100%;
}

.asn-excel .asnTableRow {
    display: table-row;
}

.asn-excel .asnTableHeading {
    display: table-header-group;
}

.asn-excel .asnTableCell, .asnTableHead {
    display: table-cell;
    padding: 5px 2px;
    text-align: center;
    border: 1px solid #9fa4ad;
}

.asn-excel .asnTableHeading {
    background-color: #EEE;
    display: table-header-group;
    font-weight: bold;
}

.asn-excel .asnTableBody {
    display: table-row-group;
}

.asn-excel .asnTableHead {
    background: #83e69b;
    color: #000;
}

    .asn-excel .asnTableHead div {
        padding: 5px;
    }

.asn-excel .asnTableCell div {
    padding: 5px;
}

.ipm-sub-title {
    padding: 7px 10px;
}

.pdm-ipm .divTable {
    display: table;
    width: 100%;
}

.pdm-ipm .divTableRow {
    display: table-row;
}

.pdm-ipm .divTableHeading {
    display: table-header-group;
}

.pdm-ipm .divTableCell, .divTableHead {
    display: table-cell;
    padding: 5px 2px;
    text-align: center;
    min-width: 140px;
}

.pdm-ipm .divTableHeading {
    background-color: #EEE;
    display: table-header-group;
    font-weight: bold;
}

.pdm-ipm .divTableFoot {
    background-color: #EEE;
    display: table-footer-group;
    font-weight: bold;
}

.pdm-ipm .divTableBody {
    display: table-row-group;
}

.pdm-ipm .blankDiv {
    min-width: 8%;
}

.pdm-ipm .divTableHead div {
    border-radius: 4px 4px 0 0;
    padding: 8px;
    text-align: center;
    background: #266091;
    color: #fff;
    line-height: 17px;
}

.pdm-ipm .divTableCell div {
    border-radius: 3px;
    padding: 8px;
    text-align: center;
    background: #cdd0dd;
    color: #000;
    line-height: 30px;
}

.pdm-ipm .divTableCell .btn {
    margin: 0 2px;
    padding: 3px 15px;
}


/* ATTENDANT APPROVAL CSS START */
.attendance-approval-section .odd-even-row {
    padding: 5px 0 0;
}

.attendance-approval-section .aas-date {
    padding: 23px 4px;
    margin: 0 7px;
    color: #0c7425;
    width: 7.5%;
    border-radius: 3px;
    text-align: center;
    line-height: 20px;
    font-weight: normal;
    font-size: 14px;
    background: #27c24c;
    border: 1px solid #179f38;
    min-width: 7%;
}

    .attendance-approval-section .aas-date span {
        display: block;
    }

.attendance-approval-section .bio-time-crm-section {
    display: block;
    padding: 0 5px;
    width: 21%;
}

    .attendance-approval-section .bio-time-crm-section .aa-biometric, .aa-timesheet, .aa-crm, .aa-lunch, .aa-timediff {
        width: 100%;
        padding: 1px;
        color: #fff;
        border-radius: 3px;
        text-align: left;
        line-height: 20px;
        font-weight: normal;
        font-size: 15px;
        background: #2e66a4;
        display: block;
        margin-bottom: 4px;
    }

    .attendance-approval-section .bio-time-crm-section .aa-biometric {
        background: #88b6e9;
    }

    .attendance-approval-section .bio-time-crm-section .aa-timesheet {
        background: #658fbe;
    }

    .attendance-approval-section .bio-time-crm-section .aa-crm {
        background: #a38ae1;
    }

    .attendance-approval-section .bio-time-crm-section .aa-lunch {
        background: #3ad8e5;
    }

    .attendance-approval-section .bio-time-crm-section .aa-crm span {
        padding: 1px 5px 1px 1px;
    }

    .attendance-approval-section .bio-time-crm-section .aa-timediff {
        background: #55e578;
    }

        .attendance-approval-section .bio-time-crm-section .aa-timediff .time-count {
            width: 35%;
        }

        .attendance-approval-section .bio-time-crm-section .aa-timediff h4 {
            width: 65%;
        }

.attendance-approval-section .unauthorised {
    background: #ffe4c5;
    border-left: 2px solid #b66200;
    margin-top: 1px;
    position: relative;
    line-height: 10px !important;
}

    .attendance-approval-section .unauthorised .aas-date {
        color: #fff;
        background: #f9a333;
        border: 1px solid #e69122;
    }

.attendance-approval-section .lateentry {
    background: #fbe8d1;
    border-left: 2px solid #d6a058;
    margin-top: 1px;
    position: relative;
    line-height: 10px !important;
}

    .attendance-approval-section .lateentry .aas-date {
        color: #be853b;
        background: #f9cc91;
        border: 1px solid #e5b87e;
    }

.attendance-approval-section .halfday {
    background: #ffc791;
    border-left: 2px solid #ffc791;
    margin-top: 1px;
    position: relative;
    line-height: 10px !important;
}

    .attendance-approval-section .halfday .aas-date {
        color: #fff;
        background: #c07319;
        border: 1px solid #ab6410;
    }

.attendance-approval-section .saturday {
    background: #ffd0d0;
    border-left: 2px solid #d92a2a;
    margin-top: 1px;
    position: relative;
    line-height: 10px !important;
}

    .attendance-approval-section .saturday .aas-date {
        color: #a73939;
        background: #fe7c7c;
        border: 1px solid #d76060;
    }

.attendance-approval-section .bio-time-crm-section .aa-biometric h4 {
    width: 22%;
}

.attendance-approval-section .bio-time-crm-section .aa-timesheet h4 {
    width: 22%;
}

.attendance-approval-section .bio-time-crm-section .aa-lunch h4 {
    width: 22%;
}

.attendance-approval-section .sunday {
    background: #ffc5c5;
    border-left: 2px solid #b60000;
    margin-top: 1px;
    position: relative;
    line-height: 10px !important;
}

    .attendance-approval-section .sunday .aas-date {
        color: #971e1e;
        background: #f05050;
        border: 1px solid #cd2f2f;
    }

.attendance-approval-section .bio-time-crm-section h4 {
    color: #28282c;
    margin: 0;
    padding: 6px 5px;
    width: 36%;
    display: inline-block;
    font-size: 13px;
    font-weight: normal;
}

.attendance-approval-section .bio-time-crm-section span {
    line-height: 13px;
    padding: 7px 3px;
    color: #35393e;
    display: inline-block;
    border-radius: 3px;
    text-align: center;
    font-weight: normal;
    font-size: 12px;
    background: #fff;
    margin: 0 0 0 1px;
    font-weight: bold;
    min-width: 31%;
}

.attendance-approval-section .bio-time-crm-section .aa-crm span {
    text-align: left;
}

    .attendance-approval-section .bio-time-crm-section .aa-crm span em {
        background: #e1e2e6;
        color: #696a72;
        font-size: 15px;
        padding: 5px 4px;
        margin-right: 8px;
        text-align: center;
        border-radius: 3px;
    }

.attendance-approval-section .bio-time-crm-section .aa-crm h4 {
    width: 16%;
}

.attendance-approval-section .bio-time-crm-section .aa-crm .time-count {
    width: 83%;
}

.attendance-approval-section .bio-time-crm-section span em {
    background: #e1e2e6;
    color: #696a72;
    font-size: 16px;
    padding: 5px;
    margin-right: 10px;
    border-radius: 3px;
    width: 30px;
}

.attendance-approval-section .bio-time-crm-section .time-count {
    text-align: right;
    display: inline-block;
    float: right;
    width: 60%;
    margin: 0;
}

.attendance-approval-section .actionremark-sec .col-md-1 {
    padding: 0;
}

.attendance-approval-section .actionremark-sec .gps {
    padding: 7px;
    color: #fff;
    margin: 12px 1px;
}

    .attendance-approval-section .actionremark-sec .gps em {
        font-size: 20px;
    }

.attendance-approval-section .actionremark-sec .form-control {
    margin-bottom: 3px;
    padding: 5px;
    height: 30px !important;
}

.attendance-approval-section .actionremark-sec .checkbox {
    margin: 10px 13px 10px 0px !important;
    background: #fff;
    padding: 10px 6px 6px 10px;
    border: 1px solid #016a97;
    border-radius: 3px;
}

.attendance-approval-section .actionremark-sec .col-md-9 {
    padding: 0;
}

/* ATTENDANT APPROVAL CSS END */

.divTable {
    display: table;
    margin-top: 5px;
    width: 100%;
}

    .divTable .divTableRow {
        display: table-row;
    }

    .divTable .divTableHeading {
        display: table-header-group;
    }

    .divTable .divTableCell, .divTableHead {
        display: table-cell;
        padding: 2px;
        text-align: center;
    }

    .divTable .divTableHeading {
        background-color: #EEE;
        display: table-header-group;
        font-weight: bold;
    }

    .divTable .divTableFoot {
        background-color: #EEE;
        display: table-footer-group;
        font-weight: bold;
    }

    .divTable .divTableBody {
        display: table-row-group;
    }

    .divTable .blankDiv {
        min-width: 8%;
    }

    .divTable .divTableHead div {
        border-radius: 3px 3px 0 0;
        padding: 8px;
        text-align: center;
        background: #266091;
        color: #fff;
        line-height: 17px;
    }

    .divTable .divTableCell div {
        border-radius: 3px;
        padding: 0 3px;
        text-align: center;
        background: #f0f0f3;
        color: #000;
        line-height: 30px;
    }

#dvRGTActionRow .divTableCell div {
    background: none !important;
}

#divGrid .divTableCell div {
    background: none !important;
}

.divTable .divTableCell .btn {
    margin: 0 2px;
    padding: 3px 15px;
}

.rhwr .width180 {
    width: 180px;
}

/* RESOURCE HOURS WEEKLY REPORT CSS START */
.resource-weekly-report h5 {
    font-size: 14px;
    margin: 10px 0;
    padding: 0;
    line-height: 16px;
}

.resource-weekly-report .rhwrd-box {
    margin: 0;
    padding: 0px;
    text-align: right;
    line-height: 16px;
}

    .resource-weekly-report .rhwrd-box li {
        display: inline-block;
        border-radius: 3px;
        line-height: 22px;
        text-align: center;
        margin: 0 2px;
        vertical-align: top;
        cursor: pointer;
        min-width: 11%;
    }

    .resource-weekly-report .rhwrd-box .weekly {
        border-radius: 3px;
        padding: 1px;
        line-height: 23px;
        text-align: center;
        background: #fff;
        border: 1px solid #27c251;
    }

    .resource-weekly-report .rhwrd-box .text-day {
        color: #3a3f51;
        text-align: left;
        padding: 0px 7px;
        line-height: 17px;
        font-size: 11px;
        font-weight: bold;
    }

    .resource-weekly-report .rhwrd-box .text-date {
        font-size: 12px;
        text-align: left;
        padding: 0px 7px;
        line-height: 12px;
        font-weight: normal;
    }

    .resource-weekly-report .rhwrd-box .day-All {
        color: #fff;
        border-radius: 3px;
        padding: 5px;
        font-size: 12px;
        font-weight: bold;
        min-width: 40px;
    }

    .resource-weekly-report .rhwrd-box .day-delayed {
        background-color: #ff902b;
    }

    .resource-weekly-report .rhwrd-box .day-moderateLoad {
        background-color: #27c251;
    }

    .resource-weekly-report .rhwrd-box .day-HighLoad {
        background-color: #ff0000;
    }

    .resource-weekly-report .rhwrd-box .day-LowLoad {
        background-color: #d7ce05;
    }

    .resource-weekly-report .rhwrd-box .day-WeeklyOff {
        background-color: #D3D3D3;
    }

    .resource-weekly-report .rhwrd-box .day-Leave {
        background-color: #a5a5a5;
    }

/* RESOURCE HOURS WEEKLY REPORT CSS END */
.mis-report {
    display: table;
    width: 100%;
}

    .mis-report .divTableRow {
        display: table-row;
    }

    .mis-report .divTableHeading {
        display: table-header-group;
    }

    .mis-report .divTableCell, .divTableHead {
        display: table-cell;
        padding: 5px 2px;
        text-align: center;
    }

    .mis-report .divTableHeading {
        background-color: #EEE;
        display: table-header-group;
        font-weight: bold;
    }

    .mis-report .divTableFoot {
        background-color: #EEE;
        display: table-footer-group;
        font-weight: bold;
    }

    .mis-report .divTableBody {
        display: table-row-group;
    }

    .mis-report .blankDiv {
        min-width: 8%;
    }

    .mis-report .divTableHead div {
        border-radius: 3px 3px 0 0;
        padding: 6px 10px;
        text-align: right;
        background: #266091;
        color: #fff;
        line-height: 17px;
        font-size: 14px;
    }

    .mis-report .divTableCell div {
        padding: 0px 10px;
        text-align: right;
        color: #000;
        line-height: 17px;
        font-size: 13px;
    }

    .mis-report .text-left {
        text-align: left !important;
    }

    .mis-report .subtotal {
        background: #8cfcb1;
        font-weight: bold;
    }

    .mis-report .maintotal {
        background: #4ab85a;
        font-weight: bold;
    }
/*
#ulLicenceWiseModule {
    margin: 0 auto;
    padding: 0;
    text-align: justify;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
}*/
/*Comment by 300300*/
/*   #ulLicenceWiseModule li {
        width: 32.6%;
        height: 90px;
        vertical-align: top;
        display: inline-block;
        *display: inline;
        zoom: 1;
        background: #f4f5f6;
        border-radius: 3px;
        margin: 1px;
        text-align: center;
        padding: 5px;
        cursor: pointer;
    }*/

/*  #ulLicenceWiseModule li:hover {
            background: #e5e8ed;
            -webkit-box-shadow: inset 0px 0px 20px 0px #266091;
            -moz-box-shadow: inset 0px 0px 20px 0px #266091;
            box-shadow: inset 0px 0px 20px 0px #266091
        }
*/


#ulLicenceWiseModule {
    margin: 0 auto;
    padding: 0;
    text-align: justify;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
    border-top: 5px solid #00aeef;
    /* border-top: 1px solid #e1e1e1; */
}

    #ulLicenceWiseModule li:hover {
        background: #f4faff;
        /* -webkit-box-shadow: inset 0px 0px 20px 0px #266091; */
        -moz-box-shadow: inset 0px 0px 20px 0px #266091;
        /* box-shadow: inset 0px 0px 20px 0px #266091; */
    }


    #ulLicenceWiseModule li {
        width: 32.6%;
        height: 90px;
        vertical-align: top;
        display: inline-block;
        *display: inline;
        zoom: 1;
        background: #ffffff;
        border-radius: 3px;
        margin: 1px;
        text-align: center;
        padding: 5px;
        cursor: pointer;
        border: 1px solid #e9e9e9;
    }


        #ulLicenceWiseModule li a {
            height: 50px;
            width: 50px;
            overflow: hidden;
            background: url('../../../Content/Images/main-menu-icons.png');
        }

        #ulLicenceWiseModule li .m-text {
            font-size: 11px;
            text-transform: uppercase;
            font-weight: bold;
            color: #266091;
            font-family: 'playregular' !important;
        }

    #ulLicenceWiseModule .livWb {
        background-position: 0 0;
    }

        #ulLicenceWiseModule .livWb:hover {
            background-position: 0 -51px;
        }

    #ulLicenceWiseModule .liPdm {
        background-position: -50px 0;
    }

        #ulLicenceWiseModule .liPdm:hover {
            background-position: -50px -51px;
        }

    #ulLicenceWiseModule .liProduction {
        background-position: -100px 0;
    }

        #ulLicenceWiseModule .liProduction:hover {
            background-position: -100px -51px;
        }

    #ulLicenceWiseModule .liPetroMenu {
        background-position: -150px 0;
    }

        #ulLicenceWiseModule .liPetroMenu:hover {
            background-position: -150px -51px;
        }

    #ulLicenceWiseModule .liPurchase {
        background-position: -150px 0;
    }

        #ulLicenceWiseModule .liPurchase:hover {
            background-position: -150px -51px;
        }

    #ulLicenceWiseModule .liInventory {
        background-position: -200px 0;
    }

        #ulLicenceWiseModule .liInventory:hover {
            background-position: -200px -51px;
        }

    #ulLicenceWiseModule .liWMS {
        background-position: -250px 0;
    }

        #ulLicenceWiseModule .liWMS:hover {
            background-position: -250px -51px;
        }

    #ulLicenceWiseModule .liCRM {
        background-position: -300px 0;
    }

        #ulLicenceWiseModule .liCRM:hover {
            background-position: -300px -51px;
        }

    #ulLicenceWiseModule .liSales {
        background-position: -350px 0;
    }

        #ulLicenceWiseModule .liSales:hover {
            background-position: -350px -51px;
        }

    #ulLicenceWiseModule .liAdvertisement {
        background-position: -400px 0;
    }

        #ulLicenceWiseModule .liAdvertisement:hover {
            background-position: -400px -51px;
        }

    #ulLicenceWiseModule .liFinance {
        background-position: -450px 0;
    }

        #ulLicenceWiseModule .liFinance:hover {
            background-position: -450px -51px;
        }

    #ulLicenceWiseModule .liAdmin {
        background-position: -500px 0;
    }

        #ulLicenceWiseModule .liAdmin:hover {
            background-position: -500px -51px;
        }

    #ulLicenceWiseModule .liSupport {
        background-position: -550px 0;
    }

        #ulLicenceWiseModule .liSupport:hover {
            background-position: -550px -51px;
        }

    #ulLicenceWiseModule .liHR {
        background-position: -600px 0;
    }

        #ulLicenceWiseModule .liHR:hover {
            background-position: -600px -51px;
        }

    #ulLicenceWiseModule .liLMS {
        background-position: -650px 0;
    }

        #ulLicenceWiseModule .liLMS:hover {
            background-position: -650px -51px;
        }

    #ulLicenceWiseModule .liShipmentTrack {
        background-position: -700px 0;
    }

        #ulLicenceWiseModule .liShipmentTrack:hover {
            background-position: -700px -51px;
        }

    #ulLicenceWiseModule .liMT {
        background-position: -750px 0;
    }

        #ulLicenceWiseModule .liMT:hover {
            background-position: -750px -51px;
        }

    #ulLicenceWiseModule .liSDLC {
        background-position: -800px 0;
    }

        #ulLicenceWiseModule .liSDLC:hover {
            background-position: -800px -51px;
        }

    #ulLicenceWiseModule .liPI {
        background-position: -850px 0;
    }

        #ulLicenceWiseModule .liPI:hover {
            background-position: -850px -51px;
        }

/* EXTRA WORK RECORD CSS START */

.panel-heading-btn {
    padding: 2px 14px;
    margin: 2px 7px 0 4px;
    vertical-align: top;
}

.extra-work-record p {
    display: block;
    padding-top: 5px;
}

.extra-work-record .ewr-date {
    display: inline-block;
    border: 1px solid #059bd2;
    color: #fff;
    background: #00aeef;
    padding: 10px;
    border-radius: 3px;
    text-align: center;
    cursor: text;
}

.extra-work-record .ewr-days {
    display: inline-block;
    border: 1px solid #085fb0;
    color: #085fb0;
    font-weight: bold;
    min-width: 50px;
    padding: 10px;
    border-radius: 3px;
    text-align: center;
    cursor: text;
}

.extra-work-record .ewr-status {
    display: inline-block;
    color: #085fb0;
    color: #fff;
    margin-left: 20px;
    padding: 10px;
    border-radius: 3px;
    text-align: center;
    cursor: text;
    min-width: 90px;
}

.extra-work-record .ew-pending {
    background: #ff902b;
    border: 1px solid #e77f20;
}

.extra-work-record .ew-rejected {
    background: #f05050;
    border: 1px solid #d13838;
}

.extra-work-record .ew-approved {
    background: #27c24c;
    border: 1px solid #1a9738;
}

/* EXTRA WORK RECORDT CSS END */

/* Purchase Return CSS START */

.purchase-return-indent {
    padding: 0;
}

    .purchase-return-indent .tab-content {
        padding: 0;
        margin-top: 7px;
        border: none;
    }

    .purchase-return-indent .panel-body {
        padding: 10px 0 0 0;
    }

    .purchase-return-indent .nav-tabs > li > a {
        border: 1px solid #e4e2e2;
        background-color: #f1f1f1;
    }

        /*.purchase-return-indent > .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
        background: #97cef7 !important;
        border-bottom: none !important;
        border-top: none;
        border-left: none;
        border-right: none !important;
    }*/

        .purchase-return-indent .nav-tabs > li > a span {
            display: block;
            font-size: 23px;
            font-weight: bold;
        }

    .purchase-return-indent .width155 {
        width: 155px;
    }

    .purchase-return-indent .inputwidth100 {
        width: 100px;
    }

    .purchase-return-indent .width100 {
        width: 100px;
    }

    .purchase-return-indent .width105 {
        width: 105px;
    }

    .purchase-return-indent .width70 {
        width: 70px;
    }

/* Purchase Return CSS END */

.bidesigner-section .dateticket {
    margin: 0 8px 0 5px;
}

.bidesigner-section .info-text {
    margin-top: 6px;
}

    .bidesigner-section .info-text .btn-primary {
        border-color: #044561;
        font-size: 12px !important;
        cursor: text;
    }

    .bidesigner-section .info-text .btn-default {
        border-color: #00aeef;
        font-size: 12px !important;
        cursor: text;
    }

.bidesigner-section .dateticket button em {
    top: 16px;
}

/* VENDOR PAYMENT LIST CSS START */

.vendor-payment-list ul {
    display: inline-block;
    padding: 0;
    margin: 0;
    width: 100%;
}

    .vendor-payment-list ul li {
        border-radius: 3px;
        padding: 2px 5px;
        text-align: center;
        min-width: 10%;
        display: inline-block;
        padding-right: 15px;
        margin-bottom: 2px;
    }

    .vendor-payment-list ul .vp-amount {
        background: #266091;
        border: 1px solid #266091;
        color: #fff;
    }

    .vendor-payment-list ul .vp-batchno {
        background: #00a651;
        border: 1px solid #019047;
        color: #fff;
    }

    .vendor-payment-list ul .vp-dca {
        background: #fff;
        border: 1px solid #266091;
    }

/* VENDOR PAYMENT LIST CSS END */

.panel-heading-lh {
    line-height: 35px !important;
    padding: 0 !important;
}

/* RFQ Vendor*/

.rfq-vendor-offer .margin-top10 {
    margin-top: 10px;
}

.rfq-vendor-offer .radio-inline {
    margin-top: 7px;
    padding-left: 0;
}

.rfq-vendor-offer .width-200 {
    width: 200px;
}

.rfq-vendor-offer .width-150 {
    width: 150px;
}

.rfq-vendor-offer .width-100 {
    width: 100px;
}

.rfq-vendor-offer .width-250 {
    width: 250px;
}

.rfq-vendor-offer .width-280 {
    width: 280px;
}

.rfq-vendor-offer .btn {
    padding: 6px 10px;
    margin: 2px 0;
}

.rfq-vendor-offer .pre-qr {
    background: #eceff1;
    padding: 10px 0;
    margin: 10px 0;
}

.rfq-vendor-offer .panel-body {
    padding: 0;
}

.rfq-vendor-offer .tab-content {
    padding: 0;
}

.rfq-doc .rfqTable {
    display: table;
    width: 100%;
    margin-top: 10px;
}

.rfq-doc .rfqTableRow {
    display: table-row;
}

.rfq-doc .rfqTableHeading {
    display: table-header-group;
}

.rfq-doc .rfqTableCell, .rfqTableHead {
    display: table-cell;
    padding: 5px 2px;
    text-align: center;
    border: 1px solid #cfdbe2;
}

.rfq-doc .rfqTableHead:first-child {
    border-left: none;
}

.rfq-doc .rfqTableHead:last-child {
    border-right: none;
    border-bottom: none;
}

.rfq-doc .rfqTableCell:first-child {
    border-left: none;
}

.rfq-doc .rfqTableCell:last-child {
    border-right: none;
}

.rfq-doc .rfqTableCell:last-child {
    border-right: none;
}

.rfq-doc .rfqTableHeading {
    background-color: #EEE;
    display: table-header-group;
    font-weight: bold;
}

.rfq-doc .rfqTableBody {
    display: table-row-group;
}

.rfq-doc .rfqTableHead {
    background: #016a97;
    color: #fff;
    font-size: 15px;
    border-bottom: none;
}

    .rfq-doc .rfqTableHead div {
        padding: 5px;
    }

.expertise-section .expertise-box, .typeout, .typeown, .comment {
    display: inline-block;
    margin: 1px;
    border-radius: 3px;
    padding: 5px;
    text-align: center;
}

.expertise-section .expertise-box {
    color: #fff;
    background: #fff;
    border: 1px solid #cddfe2;
    color: #3b3b3b;
    margin-bottom: 3px;
}

.expertise-section .type {
    text-align: center;
    background: #cfdbe2;
    border: 1px solid #b7c2c8;
    color: #3b3b3b;
    margin-bottom: 10px;
    padding: 5px 20px;
    border-radius: 3px;
}

.expertise-section .comment {
    padding: 5px 10px;
    color: #fff;
    text-align: left;
    background: #f8f8f8;
    border: 1px solid #cddfe2;
    color: #3b3b3b;
}

.expertise-section .margin-top-10 {
    margin-top: 10px;
}

.expertise-section .expertise-box label {
    background: #bfd5d9;
    border: 1px solid #abc8cd;
    border-radius: 3px;
    padding: 3px 6px;
    font-size: 12px;
    margin: 1px;
}

.expertise-section .btn {
    padding: 6px 10px !important;
    margin: 2px 0;
}


/* Multiple Client Select CSS START */

.multiple-client-select .modal-title {
    font-weight: normal;
}

.multiple-client-select .modal-dialog {
    width: 65%;
}

.multiple-client-select .modal-body {
    padding: 0;
}

.multiple-client-select .mcsTable {
    display: table;
    padding-left: 1px;
}

.multiple-client-select .mcsTableRow {
    display: table-row;
}

.multiple-client-select .mcsTableHeading {
    display: table-header-group;
}

.multiple-client-select .mcsTableCell, .mcsTableHead {
    display: table-cell;
    padding: 5px 10px;
    border-top: 1px solid #9fa4ad;
    border-right: 1px solid #9fa4ad;
    vertical-align: middle;
}

    .multiple-client-select .mcsTableCell:last-child {
        border-right: none;
    }

.multiple-client-select .mcsTableHead:last-child {
    border-right: none;
}

.multiple-client-select .mcsTableCell:first-child {
    border-left: none;
}

.multiple-client-select .mcsTableHead:first-child {
    border-left: none;
}

.multiple-client-select .mcsTableHeading {
    background-color: #EEE;
    display: table-header-group;
    font-weight: bold;
}

.multiple-client-select .mcsTableBody {
    display: table-row-group;
}

.multiple-client-select .mcsTableHead {
    background: #016a97;
    color: #fff;
    font-size: 14px;
}

    .multiple-client-select .mcsTableHead div {
        padding: 5px 0;
    }

.multiple-client-select .checkbox {
    margin: 0 !important;
    padding: 0 !important;
    display: inline-block;
    border: none !important;
}

.multiple-client-select .width80 {
    width: 80px;
}

/* Multiple Client Select CSS END */


.commonTable {
    display: table;
    width: 100%;
    margin-top: 10px;
}

.commonTableRow {
    display: table-row;
}

.commonTableHeading {
    display: table-header-group;
}

.commonTableCell {
    display: table-cell;
    padding: 2px 5px !important;
    text-align: center;
    border: 1px solid #cfdbe2;
    line-height: 17px;
    vertical-align: top;
    position: relative;
    word-break: break-all;
    font-size: 12px;
}
/*commented ruby 300300*/
/*.commonTableHead {
    display: table-cell;
    padding: 5px;
    text-align: center;
    border: 1px solid #708c98;
    line-height: 17px;
    position: relative
}*/

.commonTableHead {
    display: table-cell;
    text-align: center;
    background: #cfe2ff;
    color: #002368;
    font-weight: 500;
    padding: 2px 5px !important;
    border: 1px solid #d3d3d3;
    font-size: 12px;
    font-family: 'playregular' !important;
    vertical-align: middle;
}

.commonTableRow:nth-child(odd) {
    background: ghostwhite;
}

/*.commonTableHead:first-child{border-left:none}
.commonTableHead:last-child{border-right:none; border-bottom:none;}
.commonTableCell:first-child{border-left:none}
.commonTableCell:last-child{border-right:none;}
.commonTableCell:last-child{border-right:none;}*/
.commonTableHeading {
    background-color: #EEE;
    display: table-header-group;
    font-weight: bold;
}

.commonTableBody {
    display: table-row-group;
}
/*commented ruby 300300*/
/*.commonTableHead {
    background: #7b9aa7;
    color: #fff;
    font-size: 14px;
    border-bottom: none;
    line-height: 17px;
}*/

.code-generator .modal-dialog {
    width: 60%;
}

.code-generator .padd-lr {
    padding: 0 10px;
}

.post-ratings {
    display: none !important;
}

/* User Environment CSS START */

.user-environment .uesection .uesection-box {
    margin: 10px;
}

.user-environment .uesection .sub-heading {
    background: #266091;
    padding: 3px 10px;
    display: block;
    color: #fff;
    font-size: 15px;
    margin-bottom: 10px;
}

.user-environment .uebox {
    overflow: hidden;
    border-radius: 3px;
    padding: 10px;
    width: 19%;
    height: 100px;
    display: inline-block;
    position: relative;
    cursor: pointer;
    background-repeat: no-repeat !important;
    background-position: right !important;
}

    .user-environment .uebox h5 {
        font-size: 18px;
        font-weight: normal;
        color: #2d2b2b;
        margin: 0 0 10px;
        font-family: 'playregular';
    }

    .user-environment .uebox h3 {
        font-size: 35px;
        font-weight: normal;
        position: absolute;
        bottom: 10px;
        top: 30px;
        font-family: 'playregular';
    }

    .user-environment .uebox .count {
        font-size: 25px;
        font-weight: normal;
    }

    .user-environment .uebox .count {
        font-size: 25px;
        font-weight: normal;
    }

    .user-environment .uebox:hover {
        border-left: 6px solid #266091;
        border-right: 1px solid #266091;
        border-top: 1px solid #266091;
        border-bottom: 1px solid #266091;
    }

.user-environment .uebg-1 {
    border: 1px solid #91e49d;
    border-left: 6px solid #91e49d;
    background: url('../../../Content/Images/Assigned-Work-icon.png') #b7fac1;
}

.user-environment .uebg-2 {
    border: 1px solid #e28080;
    border-left: 6px solid #e28080;
    background: url('../../../Content/Images/Work-Flow-icon.png') #fca5a5;
}

.user-environment .uebg-3 {
    border: 1px solid #8caedd;
    border-left: 6px solid #8caedd;
    background: url('../../../Content/Images/Workspace-Participation-icon.png') #b9d4f9;
}

.user-environment .uebg-4 {
    border: 1px solid #92e1d5;
    border-left: 6px solid #92e1d5;
    background: url('../../../Content/Images/Team-Member-icon.png') #c0faf1;
}

.user-environment .uebg-5 {
    border: 1px solid #dcd77c;
    border-left: 6px solid #dcd77c;
    background: url('../../../Content/Images/Assigned-Opportunities-icon.png') #faf5a0;
}

.user-environment .uebg-6 {
    border: 1px solid #a991dd;
    border-left: 6px solid #a991dd;
    background: url('../../../Content/Images/Assigned-Collection-Calls-icon.png') #d2befc;
}

.user-environment .uebg-7 {
    border: 1px solid #deb783;
    border-left: 6px solid #deb783;
    background: url('../../../Content/Images/Assigned-Feedback-Calls-icon.png') #fad7a9;
}

.user-environment .uebg-8 {
    border: 1px solid #c68bd6;
    border-left: 6px solid #c68bd6;
    background: url('../../../Content/Images/Sales-Family-icon.png') #eec3fa;
}

.user-environment .uebg-9 {
    border: 1px solid #88aacb;
    border-left: 6px solid #88aacb;
    background: url('../../../Content/Images/Head-Department-icon.png') #c4dbf2;
}

.user-environment .uebg-10 {
    border: 1px solid #db9f8b;
    border-left: 6px solid #db9f8b;
    background: url('../../../Content/Images/Task-Authority-icon.png') #fac6b5;
}

.user-environment .uebg-11 {
    border: 1px solid #b7d482;
    border-left: 6px solid #b7d482;
    background: url('../../../Content/Images/Report-Authorization-icon.png') #dcf4af;
}

.user-environment .uebg-12 {
    border: 1px solid #91ded2;
    border-left: 6px solid #91ded2;
    background: url('../../../Content/Images/Unit-Responsibility-icon.png') #c0faf1;
}

.user-environment .uebg-13 {
    border: 1px solid #d19a89;
    border-left: 6px solid #d19a89;
    background: url('../../../Content/Images/User-Group-Relation-icon.png') #fbcdbf;
}

.user-environment .uebg-14 {
    border: 1px solid #ffc482;
    border-left: 6px solid #ffc482;
    background: url('../../../Content/Images/so-list-icon.png') #ffddc4;
}

.user-environment .uetext-1 {
    color: #219d34;
}

.user-environment .uetext-2 {
    color: #b95050;
}

.user-environment .uetext-3 {
    color: #658ec7;
}

.user-environment .uetext-4 {
    color: #4eaa9c;
}

.user-environment .uetext-5 {
    color: #9b9530;
}

.user-environment .uetext-6 {
    color: #765aaf;
}

.user-environment .uetext-7 {
    color: #ad844e;
}

.user-environment .uetext-8 {
    color: #974daa;
}

.user-environment .uetext-9 {
    color: #547598;
}

.user-environment .uetext-10 {
    color: #9e6350;
}

.user-environment .uetext-11 {
    color: #6e8b38;
}

.user-environment .uetext-12 {
    color: #418f83;
}

.user-environment .uetext-13 {
    color: #9e5a46;
}

.user-environment .uetext-14 {
    color: #ff8420;
}

.user-environment .bg_green {
    background: #27c24c;
    border: 1px solid #1ab03e;
    border-radius: 3px;
}

    .user-environment .bg_green a {
        color: #fff;
    }

    .user-environment .bg_green span {
        background: #1ab03e;
        padding: 13px;
        line-height: 20px;
        float: left;
        display: inline-block;
    }

    .user-environment .bg_green label {
        line-height: 18px;
        padding: 5px 10px;
        float: left;
    }

.user-environment .bg_blue {
    background: #016a97;
    border: 1px solid #025579;
    border-radius: 3px;
}

    .user-environment .bg_blue a {
        color: #fff;
    }

    .user-environment .bg_blue span {
        background: #025579;
        padding: 13px;
        line-height: 17px;
        float: left;
        display: inline-block;
    }

    .user-environment .bg_blue label {
        line-height: 18px;
        padding: 3px 10px; /*float: left;*/
    }

.user-environment .bg_pink {
    background: #af0c9e;
    border: 1px solid #900481;
    border-radius: 3px;
}

    .user-environment .bg_pink a {
        color: #fff;
    }

    .user-environment .bg_pink span {
        background: #900481;
        padding: 13px;
        line-height: 20px;
        float: left;
        display: inline-block;
    }

    .user-environment .bg_pink label {
        line-height: 18px;
        padding: 5px 10px;
        float: left;
    }

.user-environment .bg_brown {
    background: #a82222;
    border: 1px solid #951313;
    border-radius: 3px;
}

    .user-environment .bg_brown a {
        color: #fff;
    }

    .user-environment .bg_brown span {
        background: #951313;
        padding: 13px;
        line-height: 20px;
        float: left;
        display: inline-block;
    }

    .user-environment .bg_brown label {
        line-height: 18px;
        padding: 5px 10px;
        float: left;
    }

.user-environment .y_bg_darkmagenta {
    background: #680b68;
    border: 1px solid #4d034d;
    border-radius: 3px;
}

    .user-environment .y_bg_darkmagenta a {
        color: #fff;
    }

    .user-environment .y_bg_darkmagenta span {
        background: #4d034d;
        padding: 13px;
        line-height: 20px;
        float: left;
        display: inline-block;
    }

    .user-environment .y_bg_darkmagenta label {
        line-height: 18px;
        padding: 5px 10px;
        float: left;
    }

.user-environment .ou-section .title-name {
    display: block;
    line-height: 18px;
    margin-bottom: 5px;
}

.user-environment .ou-section .btn-default {
    border-color: #00aeef;
    font-size: 12px !important;
    cursor: text;
    padding: 0 4px;
}

.user-environment .ou-section .btn-primary {
    color: #ffffff;
    background-color: #00aeef;
    font-size: 12px !important;
    cursor: text;
    padding: 0 4px;
}

.user-environment .ou-section a {
    border-radius: 3px;
    transition: all 0.1s;
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    padding: 0px 8px;
    margin-right: 3px;
    font-size: 12px;
}

.user-environment .ou-section .FirmNameblack {
    border: 1px solid #03729a;
    background: #048ec1;
    color: #fff !important;
    font-size: 12px;
    font-weight: bold;
    padding: 0 4px;
}

.user-environment .ou-section .VendorName {
    border: 1px solid #048ec1;
    background: #ffffff;
    color: #048ec1;
    padding: 0 4px;
}

.title-heading {
    border-bottom: 0;
    font-family: 'playregular';
    -moz-font-family: 'playregular';
    -webkit-font-family: 'playregular';
    background: #016a97 !important;
    color: #fff !important;
    display: inline-block;
    width: 100%;
    line-height: 30px;
    display: block;
    padding: 2px 10px 4px 10px;
    font-weight: normal;
    font-size: 15px;
}

    .title-heading .col-md-1 {
        padding: 0;
    }

/* User Environment CSS END */

/* PURCHASE PLANNING MRP CSS START */

.purchase-planning-mrp ul {
    display: inline-block;
    padding: 0;
    margin: 5px 0 0;
    width: 100%;
}

    .purchase-planning-mrp ul li {
        border-radius: 3px;
        padding: 7px 10px;
        text-align: center;
        display: inline-block;
        margin: 0 0 3px 0;
    }

    .purchase-planning-mrp ul .ppfm-itemcode {
        background: #00a651;
        border: 1px solid #019047;
        color: #fff;
    }

    .purchase-planning-mrp ul .ppfm-desc {
        background: #266091;
        border: 1px solid #266091;
        color: #fff;
    }

    .purchase-planning-mrp ul .ppfm-dca {
        background: #fff;
        border: 1px solid #266091;
    }

    .purchase-planning-mrp ul .ppfm-edit-field {
        background: #fce1c8;
        border: 1px solid #ff902b;
        padding: 1px;
    }

        .purchase-planning-mrp ul .ppfm-edit-field .btn {
            padding: 4px 15px 4px 15px;
            margin-top: -3px;
        }

        .purchase-planning-mrp ul .ppfm-edit-field .ppfm-edit {
            border-radius: 3px;
            background: #fff;
            padding: 4px 12px;
            text-align: center;
            display: inline-block;
            margin: 1px;
            border: 1px solid #266091;
        }

    .purchase-planning-mrp ul .text-field {
        padding: 4px 2px;
        text-align: left;
    }

        .purchase-planning-mrp ul .text-field input {
            height: 32px !important;
        }

.purchase-planning-mrp .item-description {
    padding: 6px 0 0;
    font-size: 15px;
}

.purchase-planning-mrp .form-control {
    margin-bottom: 0;
}

/* PURCHASE PLANNING MRP CSS END */

/* BIO-METRIC PUNCH CSS END */

.biometric-punch .aas-date {
    padding: 6px 7px;
    color: #fff;
    border-radius: 3px;
    text-align: center;
    line-height: 19px;
    font-weight: normal;
    font-size: 14px;
    background: #27c24c;
    border: 1px solid #179f38;
}

.biometric-punch .widdate {
    width: 13%;
    margin: 0;
    padding: 0 0 0 10px;
}

.bio-inout-section .time-biometric {
    width: 100%;
    padding: 1px;
    color: #fff;
    border-radius: 3px;
    text-align: left;
    line-height: 20px;
    font-weight: normal;
    font-size: 15px;
    background: #88b6e9;
    display: block;
    margin: 0;
    background: #88b6e9;
    border: 1px solid #6e99ca;
}

.biometric-punch .bio-inout-section {
    padding-right: 0;
}

    .biometric-punch .bio-inout-section span {
        line-height: 13px;
        padding: 9px 15px;
        color: #35393e;
        border: 1px solid #41c1e8;
        display: inline-block;
        border-radius: 3px;
        text-align: center;
        font-weight: normal;
        font-size: 14px;
        background: #fff;
        margin: 0 -1px;
        font-weight: bold;
        width: 100%;
    }

    .biometric-punch .bio-inout-section .time-count {
        text-align: center;
        display: block;
        margin: 0 1px;
        width: 100%;
    }

    .biometric-punch .bio-inout-section h4 {
        color: #28282c;
        margin: 0;
        padding: 6px 10px;
        display: inline-block;
        font-size: 14px;
        font-weight: normal;
    }

.biometric-punch .delete {
    padding: 5px 15px;
    color: #fff;
    margin: 0 3px;
}

    .biometric-punch .delete em {
        font-size: 20px;
    }

/* BIO-METRIC PUNCH CSS END */

.Customerwise-ticket-details-report .tstatus-section {
    margin: 0;
    padding: 0;
}

    .Customerwise-ticket-details-report .tstatus-section li {
        display: inline-block;
        min-width: 11%;
        cursor: pointer;
    }

.Customerwise-ticket-details-report .t-details li {
    min-width: 20% !important;
}

.Customerwise-ticket-details-report .tstatus-section span {
    padding: 5px;
}

.Customerwise-ticket-details-report .tstatus-section .tstatus {
    border-radius: 3px;
    padding: 1px;
    line-height: 23px;
    text-align: center;
    margin: 0;
    background: #fff;
}

.Customerwise-ticket-details-report .tstatus-section .tstatus-overdue {
    color: #f05050;
    border: 1px solid #f05050;
}

/*comment by 300300*/
/*.Customerwise-ticket-details-report .tstatus-section .tstatus-today {
    color: #27c251;
    border: 1px solid #27c251;
}*/

/*.Customerwise-ticket-details-report .tstatus-section .tstatus-tomorrow {
    color: #ffd922;
    border: 1px solid #eac300;
}*/

/*.Customerwise-ticket-details-report .tstatus-section .tstatus-threeday {
    color: #ffd922;
    border: 1px solid #eac300;
}*/


.Customerwise-ticket-details-report .tstatus-section .tstatus-today {
    color: #198754;
    border: 1px solid #198754;
}

.Customerwise-ticket-details-report .tstatus-section .tstatus-tomorrow {
    color: #ffc107;
    border: 1px solid #ffc107;
}

.Customerwise-ticket-details-report .tstatus-section .tstatus-threeday {
    color: #ff9800;
    border: 1px solid #ff9800;
}

.Customerwise-ticket-details-report .tstatus-section .tstatus-fourday {
    color: #ffd922;
    border: 1px solid #eac300;
}

.Customerwise-ticket-details-report .tstatus-section .tstatus-nextday {
    color: #ffd922;
    border: 1px solid #eac300;
}
/*comment by 300300*/
/*.Customerwise-ticket-details-report .tstatus-section .tstatus-development {
    color: #7462ff;
    border: 1px solid #7462ff;
}*/
.Customerwise-ticket-details-report .tstatus-section .tstatus-development {
    color: #20c997;
    border: 1px solid #20c997;
}

.Customerwise-ticket-details-report .tstatus-section .tstatus-non-development {
    color: #2088c9;
    border: 1px solid #2088c9;
}

.Customerwise-ticket-details-report .tstatus-section .tstatus-totalticket {
    color: #27c251;
    border: 1px solid #27c251;
}

.Customerwise-ticket-details-report .overdue-count, .today-count, .tomorrow-count, .threeday-count, .fourday-count, .nextday-count, .development-count, .non-development-count, .totalticket-count {
    color: #fff;
    border-radius: 3px;
    padding: 0;
    font-size: 16px;
    font-weight: bold;
    min-width: 40px;
}

.Customerwise-ticket-details-report .overdue-count {
    background: #f05050;
}
/*comment by 300300*/
/*.Customerwise-ticket-details-report .today-count {
    background: #27c251
}*/
/*.Customerwise-ticket-details-report .tomorrow-count {
    background: #eac300
}*/
/*comment by 300300*/
/*.Customerwise-ticket-details-report .threeday-count {
    background: #eac300
}*/

.Customerwise-ticket-details-report .today-count {
    background: #198754;
}

.Customerwise-ticket-details-report .tomorrow-count {
    background: #ffc107;
}

.Customerwise-ticket-details-report .threeday-count {
    background: #ff9800;
}

.Customerwise-ticket-details-report .fourday-count {
    background: #eac300;
}

.Customerwise-ticket-details-report .nextday-count {
    background: #eac300;
}
/*comment by 300300*/
/*.Customerwise-ticket-details-report .non-development-text-count {
    background: #27c251
}*/
.Customerwise-ticket-details-report .totalticket-count {
    background: #27c251;
}

.Customerwise-ticket-details-report .development-count {
    background: #20c997;
}

.Customerwise-ticket-details-report .non-development-count {
    background: #2088c9;
}

.Customerwise-ticket-details-report .overdue-text, .today-text, .tomorrow-text, .threeday-text, .fourday-text, .nextday-text, .development-text, .non-development-text, .totalticket-text {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    padding: 0 5px;
    line-height: 23px;
}

.posummary-section h3 {
    text-align: left;
    font-size: 17px;
    margin: 0;
    padding: 9px 0;
    color: #0b0b0c;
}

.posummary-section .borno {
    border-left: none !important;
}

.posummary-section .posummary {
    margin: 0;
    padding: 0;
    font-weight: normal;
}

    .posummary-section .posummary li {
        border: 1px solid #266091;
        background: #fff;
        display: inline-block;
        font-size: 12px;
        border-radius: 3px;
        overflow: hidden;
        margin: 0 4px 1px 0;
        padding: 2px 10px;
        min-width: 40px;
        min-height: 27px;
        text-align: center;
        line-height: 21px;
    }

    .posummary-section .posummary .itemcode {
        background: #27c24c;
        color: #fff;
        border: 1px solid #179f38;
    }

    .posummary-section .posummary .quantity {
        background: #fe8f2a;
        color: #fff;
        border: 1px solid #d78111;
    }

    .posummary-section .posummary .date {
        background: #266091;
        color: #fff;
    }

    .posummary-section .posummary .amount-box {
        border: 1px solid #266091;
        padding: 0;
        text-align: right;
        font-size: 14px;
        font-weight: bold;
    }

        .posummary-section .posummary .amount-box .amt-icon {
            background: #266091;
            display: inline-block;
            padding: 1px 10px 0px 10px;
            color: #fff;
            line-height: 24px;
        }

        .posummary-section .posummary .amount-box .amount {
            padding: 2px 10px;
            min-width: 16%;
            background: #fff;
        }

.service-desk-ticket {
    background: #fff;
    border-top: 1px solid #ccc;
}

    .service-desk-ticket .odd-even-row {
        border-left: none !important;
    }

    .service-desk-ticket .tkt-snd-box .tkt-sn {
        background: #fff;
        border-radius: 4px;
        border: 1px solid #27c251;
        padding: 1px;
        min-width: 130px;
        text-align: center;
    }

        .service-desk-ticket .tkt-snd-box .tkt-sn .status {
            background: #27c251;
            color: #fff;
            padding: 7px;
            border-radius: 3px;
            text-align: center;
        }

        .service-desk-ticket .tkt-snd-box .tkt-sn .tkt-no {
            color: #000;
            padding: 8px;
            text-align: center;
        }

    .service-desk-ticket .tkt-snd-box .tkt-time {
        background: #fff;
        padding: 1px;
        border: 1px solid #29acd3;
        min-width: 130px;
        margin-top: 2px;
        border-radius: 3px;
    }

        .service-desk-ticket .tkt-snd-box .tkt-time span {
            background: #29acd3;
            color: #29acd3;
            padding: 7px;
            color: #fff;
            display: block;
            border-radius: 3px;
            text-align: center;
            line-height: 12px;
            height: 24px;
            vertical-align: top;
        }

#SuppTicketReg .odd-even-row {
    padding: 5px 0 5px 10px;
}

.service-desk-ticket .tkt-info p {
    padding: 3px 0 1px 0;
    font-size: 14px;
    color: #3b3b3b;
    font-weight: 600;
}

.service-desk-ticket .tkt-info .cust-name, .pro-name, .assignedto, .reportedby, .ticketcategory {
    padding: 2px 8px;
    text-align: center;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    margin-bottom: 4px;
}

.service-desk-ticket .tkt-info .cust-name {
    background: #ff902b;
    border: 1px solid #ea801f;
    color: #000;
}

.service-desk-ticket .tkt-info .pro-name {
    background: #00aeef;
    border: 1px solid #0597ce;
}

.service-desk-ticket .tkt-info .assignedto {
    background: #016a97;
    border: 1px solid #024e6f;
}

.service-desk-ticket .tkt-info .reportedby {
    background: #fff;
    color: #5f6062;
    border: 1px solid #00aeef;
}

.service-desk-ticket .tkt-info .ticketcategory {
    background: #665ab0;
    border: #52459e !important;
}

.service-desk-ticket .rpcc-date .rp-date, .cc-date {
    padding: 1px;
    border-radius: 3px;
    display: inline-block;
}

.service-desk-ticket .rpcc-date .rp-date {
    border: 1px solid #8c8d93;
}

.service-desk-ticket .rpcc-date .cc-date {
    border: 1px solid #777880;
}

.service-desk-ticket .rpcc-date .rp, .rp1, .cc, .cc1 {
    padding: 3px 8px;
    text-align: center;
    color: #fff;
    display: inline-block;
    line-height: 19px;
    height: 24px;
    vertical-align: top;
    min-width: 90px;
}

.service-desk-ticket .rpcc-date .rp {
    background: #8c8d93;
    border-radius: 3px 0 0 3px;
}

.service-desk-ticket .rpcc-date .rp1 {
    background: #8c8d93;
    border-radius: 0 3px 3px 0;
}

.service-desk-ticket .rpcc-date .cc {
    background: #777880;
    border-radius: 3px 0 0 3px;
}

.service-desk-ticket .rpcc-date .cc1 {
    background: #777880;
    border-radius: 0 3px 3px 0;
}

.service-desk-ticket .dropdown-menu {
    left: -43px;
    padding: 5px 10px 5px 0;
}

    .service-desk-ticket .dropdown-menu > li > a {
        padding: 5px 10px;
    }

#divKnwBase .odd-even-row {
    padding-left: 5px;
}

#divKnwBase .info-text .btn {
    margin-right: 3px;
}

#divKnwBase .info-text .btn-success {
    color: #ffffff;
    background-color: #27c24c;
    font-size: 12px !important;
    cursor: text;
}

#divKnwBase .info-text .btn-primary {
    color: #ffffff;
    background-color: #00aeef;
    font-size: 12px !important;
    cursor: text;
}

#divKnwBase .info-text .btn-danger {
    color: #ffffff;
    background-color: #9084dd;
    font-size: 12px !important;
    cursor: text;
}

    #divKnwBase .info-text .btn-danger:hover {
        border-color: #9084dd;
    }

#divKnwBase .info-text .btn-default {
    border-color: #00aeef;
    font-size: 12px !important;
    cursor: text;
}

#divKnwBase .action-menu {
    padding: 6px 10px 4px;
}

#divKnwBase .action-right {
    float: right;
    padding-right: 0;
}

    #divKnwBase .action-right .dropdown-menu {
        right: 80px !important;
    }

.check-redio-section {
    margin-bottom: 3px;
}

    .check-redio-section .redio-box {
        border: 1px solid #b9cfd6;
        border-radius: 4px;
        padding: 2px 5px 2px 2px;
        background: #fff;
        font-size: 13px;
    }

    .check-redio-section .check-box {
        border: 1px solid #b9cfd6;
        border-radius: 4px;
        padding: 2px 5px 2px 2px;
        background: #fff;
        font-size: 13px;
    }

    .check-redio-section .checkbox {
        margin: 0;
    }

        .check-redio-section .checkbox:hover {
            background: #f6f9ff;
        }

    .check-redio-section .radio {
        margin: 0;
    }

        .check-redio-section .radio:hover {
            background: #f6f9ff;
        }

    .check-redio-section .checkbox label {
        display: block;
    }

    .check-redio-section .radio label {
        padding-left: 20px;
        display: block;
    }

#dvtestcaseresult .radio label {
    padding-left: 20px;
    display: block;
}

.pickup-drop-day .pd-day {
    background: #eee;
    padding: 10px 6px;
    margin-top: 10px;
}

#FinalItemList .newerror-class {
    position: absolute;
    background: #fff;
    border: 1px solid #f57662;
    z-index: 9;
    top: -50px;
    right: 0;
    padding: 3px 5px;
    border-radius: 4px;
    font-size: 12px;
    color: #f57662;
    line-height: 14px;
    box-shadow: 0px 0 5px #000;
}

.newerror-class:after, .newerror-class:before {
    top: 100%;
    left: 25%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

#FinalItemList .newerror-class:after {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #fff;
    border-width: 10px;
    margin-left: -10px;
}

#FinalItemList .newerror-class:before {
    border-color: rgba(245, 118, 98, 0);
    border-top-color: #f57662;
    border-width: 11px;
    margin-left: -11px;
}

.ver-top {
    vertical-align: top;
}

.ver-middle {
    vertical-align: middle;
}

.ver-bottom {
    vertical-align: bottom;
}

.inputloding {
    display: none;
    align-self: center;
    width: 5%;
    position: absolute;
    height: 28px;
    z-index: 80;
    left: 270px;
    top: 8px;
}

.prospect-master .pmform .colmd4 {
    min-width: 33.33333333% !important;
    float: left;
}

.prospect-master .pmform .form-group {
    padding: 2px;
    border-radius: 4px;
    background: #f8f8f8;
    font-size: 13px;
}

    .prospect-master .pmform .form-group:hover {
        background: #d6e1e8;
    }

.prospect-master .pmform .control-label {
    line-height: 25px;
}

.prospect-master .pmform .form-control {
    margin-bottom: 0;
    height: 28px !important;
    padding: 2px 6px !important;
    font-size: 13px;
}

.prospect-master .pmform .checkradio label {
    min-height: 20px !important;
}

.prospect-master .pmform .checkradio label {
    min-height: 20px !important;
}

.prospect-master .pmform .checkradio {
    margin-right: 10px;
    margin-top: 0;
    padding: 4px 0px 0px 5px;
    background: #fff;
    border-radius: 4px;
}

.prospect-master .pmform .chosen-single {
    height: 28px !important;
    padding: 3px 10px !important;
    font-size: 13px;
}

.prospect-master .pmform .chosen-choices {
    height: 28px !important;
    padding: 3px 10px !important;
    font-size: 13px;
}

.prospect-master .pmform .chosen-single div {
    top: 3px !important;
    right: 0px !important;
}

.prospect-master .pmform .chosen-container-single {
    margin-bottom: 0;
}

.prospect-form .form-group {
    padding: 2px;
    border-radius: 4px;
    background: #f8f8f8;
    font-size: 13px;
}

    .prospect-form .form-group:hover {
        background: #d6e1e8;
    }

.prospect-form .control-label {
    line-height: 16px;
    padding-left: 5px;
}

.prospect-form .form-control {
    margin-bottom: 0;
    height: 28px !important;
    padding: 2px 10px !important;
    font-size: 13px;
}

.prospect-form .checkradio label {
    min-height: 20px !important;
}

.prospect-form .checkradio label {
    min-height: 20px !important;
}

.prospect-form .checkradio {
    margin-right: 10px;
    margin-top: 0;
    padding: 4px 0px 0px 5px;
    background: #fff;
    border-radius: 4px;
}

.prospect-form .chosen-single {
    height: 28px !important;
    padding: 3px 10px !important;
    font-size: 13px;
}

.prospect-form .chosen-choices {
    height: 28px !important;
    padding: 3px 10px !important;
    font-size: 13px;
}

.prospect-form .chosen-single div {
    top: 3px !important;
    right: 0px !important;
}

.prospect-form .check-redio-section {
    margin-bottom: 0;
}

    .prospect-form .check-redio-section .check-box {
        padding: 2px 10px 2px 2px;
    }

    .prospect-form .check-redio-section .redio-box {
        padding: 2px 10px 2px 2px;
    }

.prospect-form .chosen-container-single {
    margin-bottom: 0;
}

.usermaster-section .panel_under_heading {
    background: #2e66a4 !important;
    border-radius: 0;
    padding: 6px 10px;
}

.usermaster-section .upload-photo {
    margin: 0 auto;
    position: relative;
    width: auto;
}

    .usermaster-section .upload-photo img {
        border: 5px solid #3a3f51;
        border-radius: 3px;
        text-align: center;
        width: 100%;
        height: auto;
        cursor: pointer;
    }

.usermaster-section label.col-md-1 {
    padding-right: 0;
}

.usermaster-section .tab-content {
    padding: 0;
    border: none;
}

.usermaster-section .height90px {
    height: 90px !important;
}

.usermaster-section .lineheight-30px {
    line-height: 30px;
}

#PersonalInfo .commonTable {
    position: relative;
    overflow: auto; /*on 09/12/2022*/
}

#dvPersonalInfo .commonTableCell {
    vertical-align: middle;
}

    #dvPersonalInfo .commonTableCell .form-control {
        margin-bottom: 0 !important;
        margin-top: -17px;
    }

#dvPersonalInfo .fileview {
    width: 100%;
    position: absolute;
}

#divShiftRotGrid .commonTableCell {
    vertical-align: middle;
}

.fildsetnone .date {
    float: left !important;
    width: 120px !important;
}

    /*.commonTableCell .date {
    float: left !important;
    width: 120px !important
}
*/
    .fildsetnone .date input {
        font-size: 13px !important;
    }

.fildsetnone .time {
    float: left !important;
    width: 120px !important;
}

    .fildsetnone .time input {
        font-size: 12px !important;
    }

.panel_under_heading .col-md-1 {
    padding: 0 !important;
}

.attendancetooltip {
    display: inline-block;
    position: relative;
    text-align: center;
    width: 30px;
}

    .attendancetooltip .top {
        width: 132px;
        top: -8px;
        left: 50%;
        transform: translate(-50%, -100%);
        padding: 2px;
        background-color: #fff;
        font-weight: normal;
        font-size: 13px;
        border-radius: 3px;
        position: absolute;
        z-index: 99999999;
        box-sizing: border-box;
        box-shadow: 0 1px 4px #43464a;
        display: none;
    }

    .attendancetooltip:hover .top {
        display: block;
    }

    .attendancetooltip .top i {
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -12px;
        width: 24px;
        height: 12px;
        overflow: hidden;
    }

        .attendancetooltip .top i::after {
            content: '';
            position: absolute;
            width: 12px;
            height: 12px;
            left: 50%;
            transform: translate(-50%,-50%) rotate(45deg);
            background-color: #fff;
            box-shadow: 0 1px 4px #43464a;
        }

    .attendancetooltip .left {
        width: 132px;
        top: -20px;
        right: 400%;
        transform: translate(57%, 11%);
        padding: 2px;
        background-color: #fff;
        font-weight: normal;
        font-size: 13px;
        border-radius: 3px;
        position: absolute;
        z-index: 99999999;
        box-sizing: border-box;
        box-shadow: 0 1px 4px #43464a;
        display: none;
    }

    .attendancetooltip:hover .left {
        display: block;
    }

    .attendancetooltip .left i {
        position: absolute;
        top: 45%;
        right: 0%;
        margin-right: -14px;
        width: 17px;
        height: 17px;
        overflow: hidden;
    }

        .attendancetooltip .left i::after {
            content: '';
            position: absolute;
            width: 17px;
            height: 17px;
            right: -9px;
            transform: translate(-100%,0%) rotate(45deg);
            background-color: #fff;
            box-shadow: 0 1px 4px #43464a;
            top: 0;
        }

    .attendancetooltip .col-md-1 {
        display: inline-block;
        padding: 1px;
    }

    .attendancetooltip .intimebox, .outtimebox {
        padding: 1px 3px;
        color: #fff;
        text-align: center;
        font-size: 11px;
        width: 61px;
        line-height: 14px;
        border-radius: 3px;
    }

    .attendancetooltip .intimebox {
        background: #13b6cf;
    }

    .attendancetooltip .outtimebox {
        background: #f6ac1d;
    }

    .attendancetooltip .intimebox span {
        display: block;
    }

    .attendancetooltip .outtimebox span {
        display: block;
    }


.sass-dashboard hr {
    margin-top: 5px;
    margin-bottom: 5px;
    border: 0;
    border-top: 1px solid #c7c9cc;
}

.open-count-sass .display {
    border-radius: 2px;
    padding: 1px;
    text-align: center;
    width: 100%;
    margin: 5px 0 0 0;
    background: #fff;
}

.open-count-sass {
    margin: 0;
    padding: 0px 10px;
}

    .open-count-sass li {
        display: inline-block;
        min-width: 10%;
        cursor: pointer;
    }

        .open-count-sass li .plt-count {
            color: #fff;
            min-width: 30px;
            padding: 1px 5px 0 5px;
            border-radius: 2px;
            font-size: 11px;
            font-weight: bold;
            line-height: 15px;
        }

        .open-count-sass li .plt-label {
            font-size: 10px;
            text-align: center;
            padding: 1px 5px 0;
            line-height: 13px;
            font-weight: bold;
        }

    .open-count-sass .pressure {
        color: #5ab1ef;
        border: 1px solid #5ab1ef;
    }

    .open-count-sass .level {
        color: #f5994e;
        border: 1px solid #f5994e;
    }

    .open-count-sass .temp {
        color: #d87a80;
        border: 1px solid #d87a80;
    }

    .open-count-sass .pressure .plt-count {
        background-color: #5ab1ef;
    }

    .open-count-sass .level .plt-count {
        background-color: #f5994e;
    }

    .open-count-sass .temp .plt-count {
        background-color: #d87a80;
    }

/* SAHARA LOGIN FORM CSS START */

.sahara-login-section {
    background: url('../../../Content/Images/login-new-bg.png') no-repeat center center fixed;
    width: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 75px;
    position: fixed;
}

    .sahara-login-section .sl-form {
        background: #009786;
        box-shadow: 0px 0px 10px 0px #266091;
        padding: 15px 6px;
    }

        .sahara-login-section .sl-form .panchayat-samiti {
            width: 100%;
        }

            .sahara-login-section .sl-form .panchayat-samiti img {
                width: 100%;
                border: 5px solid #fff;
            }

        .sahara-login-section .sl-form .login-form {
            background: #fff;
            box-shadow: 0px 0px 5px 0px #014e47;
            padding: 25px;
        }

            .sahara-login-section .sl-form .login-form h4 {
                font-size: 22px;
                color: #01192d;
                text-align: center;
                text-transform: uppercase;
                font-weight: normal;
                margin: 0 0 10px 0;
            }

            .sahara-login-section .sl-form .login-form p {
                font-size: 13px;
                color: #01192d;
                text-align: center;
                font-weight: normal;
                padding: 0 0 10px 0;
            }

        .sahara-login-section .sl-form .form-control {
            border-radius: 0;
            border: 1px solid #d5e0ef;
            height: 40px !important;
        }

        .sahara-login-section .sl-form .form-group {
            margin-bottom: 4px !important;
            position: relative;
            text-align: center;
        }

            .sahara-login-section .sl-form .form-group span {
                position: absolute;
                background: #d5e0ef;
                color: #7c9ab6;
            }

            .sahara-login-section .sl-form .form-group .form-control-feedback {
                width: 45px;
                height: 40px;
                font-size: 21px;
                line-height: 39px;
            }

        .sahara-login-section .sl-form .radio, .checkbox {
            margin-top: 0;
        }

        .sahara-login-section .sl-form .form-group .buttonbg {
            background: #3f9ad7;
            background: -moz-linear-gradient(-45deg, #02776c 0%, #02776c 100%);
            background: -webkit-gradient(left top, right bottom, color-stop(0%, #019688), color-stop(100%, #02776c));
            background: -webkit-linear-gradient(-45deg, #019688 0%, #02776c 100%);
            background: -o-linear-gradient(-45deg, #02776c 0%, #02776c 100%);
            background: -ms-linear-gradient(-45deg, #02776c 0%, #02776c 100%);
            background: linear-gradient(135deg, #02776c 0%, #02776c 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#02776c', endColorstr='#1c64ac', GradientType=1 );
            color: #fff;
            text-transform: uppercase;
            border-radius: 5px;
            padding: 10px 0;
            text-align: center;
            width: 100%;
            margin: 13px auto;
            font-size: 17px;
        }

        .sahara-login-section .sl-form a {
            color: #3178c1;
            font-size: 14px;
            cursor: pointer;
        }

    .sahara-login-section .support-box {
        text-align: center;
    }

        .sahara-login-section .support-box h5 {
            font-size: 12px;
            color: #01192d;
            text-align: center;
            text-transform: uppercase;
            font-weight: bold;
            margin: 15px 0px;
        }

    .sahara-login-section .sl-Info {
        margin: 182px 0 0 35px;
    }

        .sahara-login-section .sl-Info h2 {
            font-size: 24px;
            color: #18334a;
            text-align: left;
            font-weight: normal;
        }

        .sahara-login-section .sl-Info p {
            font-size: 16px;
            color: #18334a;
            text-align: left;
            line-height: 24px;
            margin-bottom: 30px;
        }

/* SAHARA LOGIN FORM CSS END */

/* SAHARA DASHBOARD CSS START */

.sahara-dashboard .schoolname {
    background: #266091;
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(9,55,94,1) 51%, rgba(38,96,145,1) 100%, rgba(0,0,0,1) 100%);
    padding: 10px 20px;
    text-align: center;
    font-family: 'playregular';
    margin-bottom: 10px;
    border-radius: 3px;
}

    .sahara-dashboard .schoolname h2 {
        font-size: 28px;
        color: #fff;
        padding: 0;
        margin: 0;
        font-weight: normal;
    }

    .sahara-dashboard .schoolname h5 {
        font-size: 15px;
        color: #fff;
        padding: 0;
        margin: 0;
        font-weight: normal;
    }

.sahara-dashboard .sub-heading {
    background: #266091;
    color: #fff;
    padding: 0;
    font-size: 16px;
    font-weight: normal;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    font-family: 'playregular';
    margin: -1px;
}

    .sahara-dashboard .sub-heading .title {
        color: #fff;
        padding: 2px 10px !important;
        font-size: 16px;
        font-weight: normal;
        line-height: 25px;
    }

.sahara-dashboard .btn-view {
    padding: 2px 10px;
    background-color: #fe8f2a;
    line-height: 15px;
}

    .sahara-dashboard .btn-view:hover {
        background-color: #3dbfe7;
        color: #fff;
    }

.sahara-dashboard .sub-heading .tcount {
    padding: 4px 10px;
    background-color: #27c24c;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    margin: 2px 3px;
    font-size: 13px;
    line-height: 15px !important;
}

.sahara-dashboard .dateticket {
    background: #26be4b;
    border: 1px solid #1ba83d;
    color: #fff;
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 12px;
    padding: 0;
    border-radius: 3px;
    margin-right: 0;
}

.sahara-dashboard .activity-text {
    line-height: 15px;
}

.sahara-dashboard .bybtn {
    color: #ffffff;
    background-color: #00aeef;
    font-size: 12px !important;
    cursor: text;
    margin-right: 5px;
    padding: 2px 5px;
}

.sahara-dashboard .fyear {
    color: #ffffff;
    background-color: #00aeef;
    font-size: 12px !important;
    cursor: text;
    margin-right: 5px;
    padding: 2px 5px;
}

.sahara-dashboard .action-box .status_overdue a {
    background: #f05050;
    text-align: center;
    color: #fff;
    line-height: 27px;
    padding: 3px 5px 2px 5px;
    margin: 0 4px 0 0;
    font-size: 13px;
    border-radius: 3px;
    border: 1px solid #d13838;
}

.sahara-dashboard .action-box .status_complete a {
    background: #26be4b;
    text-align: center;
    color: #fff;
    line-height: 27px;
    padding: 3px 5px 2px 5px;
    margin: 0 4px 0 0;
    font-size: 13px;
    border-radius: 3px;
    border: 1px solid #1ba83d;
}

.sahara-dashboard .action-box .action-menu {
    vertical-align: top;
    margin: 0;
    padding: 7px 10px;
}

.sahara-dashboard .modal-body {
    position: relative;
    padding: 0;
}

    .sahara-dashboard .modal-body .chart-padding {
        padding: 10px;
    }

    .sahara-dashboard .modal-body .bottom-line1 {
        border-bottom: 1px solid #ccc;
        padding: 27px 0;
    }

    .sahara-dashboard .modal-body .bottom-line2 {
        border-bottom: 1px solid #ccc;
        padding: 15px 0;
    }

.sahara-dashboard .panel {
    margin-bottom: 10px;
}

.sahara-dashboard .modal-body .bottom-line1:last-child {
    border-bottom: none;
}

.sahara-dashboard .modal-body .bottom-line2:last-child {
    border-bottom: none;
}

.sahara-dashboard .modal-body .text-right {
    text-align: right;
}

.sahara-dashboard .modal-body .dash_scroll {
    height: 175px;
    overflow: auto;
    width: 100%;
}

    .sahara-dashboard .modal-body .dash_scroll p {
        line-height: 18px;
        margin: 0;
    }

.sahara-dashboard .widget-box h4 {
    padding: 2px 10px;
    margin: 0;
    color: #000;
    font-size: 16px;
    font-weight: normal;
    line-height: 25px;
}

.sahara-dashboard .widget-box .widget-body {
    margin: 10px;
}

.sahara-dashboard .overflowscroll {
    overflow: auto;
    min-height: 60px;
    max-height: 300px;
}

/* SAHARA DASHBOARD CSS END */

.prospect-Setting .check-redio-section {
    margin-bottom: 0;
    padding: 0 0 0 3px;
}

    .prospect-Setting .check-redio-section .check-box {
        padding: 2px 6px 2px 2px;
        font-size: 12px;
    }

.prospect-Setting .edsavebtn {
    padding: 2px 8px;
    width: 35px;
}

    .prospect-Setting .edsavebtn em {
        font-size: 13px;
    }

.prospect-Setting .form-control {
    margin-bottom: 0;
    height: 27px !important;
    padding: 2px 5px !important;
    font-size: 13px;
    margin-left: 4px;
}

.prospect-Setting .control-label {
    font-size: 13px;
    margin-top: 4px;
}

.fileupload-progress {
    margin-top: 5px;
    border: 2px dashed #a8a4a4;
    min-height: 100px;
    line-height: 27px;
    color: #a8a4a4;
}

    .fileupload-progress p {
        text-align: center;
        font-size: 21px;
        margin-top: 10px;
    }

.mobemail {
    font-size: 14px;
}

    .mobemail .btn {
        padding: 2px 6px;
    }

    .mobemail .famobile {
        padding: 2px 10px;
    }

.tnoct-box {
    color: #5d9cec;
    border: 1px solid #b9cfd6;
    padding: 1px;
    border-radius: 3px;
}

    .tnoct-box .tnoct-text {
        line-height: 22px;
    }

    .tnoct-box .tnoct-count {
        background: #5d9cec;
        text-align: center;
        color: #fff;
        padding: 3px 10px;
        border-radius: 3px;
        font-size: 16px;
        font-weight: bold;
        min-width: 40px;
    }

.sew-report .completed-count {
    border-radius: 4px;
    border: 1px solid #5d9cec;
    background: #fff;
    padding: 1px;
}

    .sew-report .completed-count .blue-text {
        font-size: 15px;
        color: #5d9cec;
        display: inline-block;
        padding-left: 10px;
    }

    .sew-report .completed-count .blue-count {
        font-size: 18px;
        color: #fff;
        border-radius: 4px;
        background: #5d9cec;
        padding: 10px;
        display: inline-block;
        margin-left: 10px;
    }

#dvTimesheet .odd-even-row {
    padding-left: 5px;
}

.tcount-box {
    color: #5d9cec;
    border: 1px solid #b9cfd6;
    padding: 5px 10px;
    border-radius: 3px;
    margin-top: 2px;
}

.grid-theme-report {
    margin-bottom: 6px;
}

    .grid-theme-report .theme-box {
        border-radius: 4px;
        font-size: 13px;
        background: #fff;
        border: #b9cfd6 2px solid;
        overflow: hidden;
    }

    .grid-theme-report .radio label {
        display: block;
        padding: 7px 0px 8px 30px;
    }

    .grid-theme-report .theme-blue label {
        border-right: 50px #5d9cec solid;
        color: #5d9cec;
        border-left: 10px solid;
    }

    .grid-theme-report .theme-cyan label {
        border-right: 50px #2ebc8e solid;
        color: #2ebc8e;
        border-left: 10px solid;
    }

    .grid-theme-report .theme-green label {
        border-right: 50px #aac856 solid;
        color: #aac856;
        border-left: 10px solid;
    }

    .grid-theme-report .theme-brown label {
        border-right: 50px #9e460c solid;
        color: #9e460c;
        border-left: 10px solid;
    }

    .grid-theme-report .theme-purple label {
        border-right: 50px #cd7fd5 solid;
        color: #cd7fd5;
        border-left: 10px solid;
    }

    .grid-theme-report .theme-orange label {
        border-right: 50px #ea862b solid;
        color: #ea862b;
        border-left: 10px solid;
    }

    .grid-theme-report .theme-blue input[type=radio]:checked + span {
        border: #5d9cec 2px solid;
    }

    .grid-theme-report .theme-cyan input[type=radio]:checked + span {
        border: #2ebc8e 2px solid;
    }

    .grid-theme-report .theme-green input[type=radio]:checked + span {
        border: #aac856 2px solid;
    }

    .grid-theme-report .theme-brown input[type=radio]:checked + span {
        border: #9e460c 2px solid;
    }

    .grid-theme-report .theme-purple input[type=radio]:checked + span {
        border: #cd7fd5 2px solid;
    }

    .grid-theme-report .theme-orange input[type=radio]:checked + span {
        border: #ea862b 2px solid;
    }

    .grid-theme-report .theme-blue input[type=radio]:checked + span:before {
        background-color: #5d9cec;
    }

    .grid-theme-report .theme-cyan input[type=radio]:checked + span:before {
        background-color: #2ebc8e;
    }

    .grid-theme-report .theme-green input[type=radio]:checked + span:before {
        background-color: #aac856;
    }

    .grid-theme-report .theme-brown input[type=radio]:checked + span:before {
        background-color: #9e460c;
    }

    .grid-theme-report .theme-purple input[type=radio]:checked + span:before {
        background-color: #cd7fd5;
    }

    .grid-theme-report .theme-orange input[type=radio]:checked + span:before {
        background-color: #ea862b;
    }

    .grid-theme-report .theme-blue span {
        border: #5d9cec 2px solid;
    }

    .grid-theme-report .theme-cyan span {
        border: #2ebc8e 2px solid;
    }

    .grid-theme-report .theme-green span {
        border: #aac856 2px solid;
    }

    .grid-theme-report .theme-brown span {
        border: #9e460c 2px solid;
    }

    .grid-theme-report .theme-purple span {
        border: #cd7fd5 2px solid;
    }

    .grid-theme-report .theme-orange span {
        border: #ea862b 2px solid;
    }

    .grid-theme-report .theme-blue:hover {
        border: #5d9cec 2px solid;
    }

    .grid-theme-report .theme-cyan:hover {
        border: #2ebc8e 2px solid;
    }

    .grid-theme-report .theme-green:hover {
        border: #aac856 2px solid;
    }

    .grid-theme-report .theme-brown:hover {
        border: #9e460c 2px solid;
    }

    .grid-theme-report .theme-purple:hover {
        border: #cd7fd5 2px solid;
    }

    .grid-theme-report .theme-orange:hover {
        border: #ea862b 2px solid;
    }

.budgetamtinfo .budinfotitle {
    background: #3281a7;
    color: #fff;
    font-size: 18px;
    font-weight: normal;
    font-family: 'playregular';
    border-radius: 4px 4px 0 0;
    padding: 7px 10px;
    margin: 0 0 10px 0;
}



.module-navbar {
    background: #3a3f51;
    white-space: nowrap;
    margin-bottom: 10px;
}

    .module-navbar .navbar-nav {
        padding: 0;
        margin: 0;
    }

    .module-navbar .nav-item .nav-link {
        padding: 8px 10px;
        color: #fff;
    }

        .module-navbar .nav-item .nav-link .fa-sort-down {
            vertical-align: top;
            padding: 4px 0 0 5px;
            font-size: 11px;
        }

    .module-navbar .nav-item {
        border-right: 1px solid #666c7f;
    }

        .module-navbar .nav-item:last-child {
            border-right: none;
        }

    .module-navbar .dropdown-menu {
        padding: 0;
        background: #3a3f51;
        border: 1px solid #3a3f51;
    }

        .module-navbar .dropdown-menu .dropdown-item {
            color: #fff;
            padding: 5px 10px;
            display: block;
            font-size: 13px;
            border-bottom: 1px solid #4b5163;
        }

            .module-navbar .dropdown-menu .dropdown-item:hover {
                background: #4a5063;
            }

@media (min-width: 992px) {
    .module-navbar .navbar-toggler {
        display: none;
    }
}

@media (max-width: 767px) {
    .module-navbar .open .dropdown-menu {
        background: #fff;
        margin: 5px 10px;
        color: #fff;
    }

    .module-navbar .dropdown-menu .dropdown-item {
        color: #3a3f51;
        display: block;
        font-size: 13px;
        border-bottom: 1px solid #dadde4;
    }
}

.all-messanges-section {
    background: #e2e4e8;
    border: 1px solid #c9ced1;
    text-align: left;
    margin-bottom: 6px;
}

    .all-messanges-section label {
        padding: 6px;
    }

    .all-messanges-section button.messanges-close {
        padding: 0;
        cursor: pointer;
        background: transparent;
        border: 0;
        -webkit-appearance: none;
        padding: 6px 9px;
        background: #ea6565;
        font-size: 22px;
        font-weight: bold;
        color: #fff;
    }


.FormTable {
    display: table;
    width: 100%;
}

.FormTableRow {
    display: table-row;
}

.FormTableHeading {
    display: table-header-group;
}

.FormTableCell {
    display: table-cell;
    padding: 0;
    text-align: center;
    border: 1px solid #b9cfd6;
    font-size: 14px;
    line-height: 17px;
    position: relative;
    /*padding: 5px;*/
}

.FormTableHead {
    display: table-cell;
    padding: 2px 5px;
    text-align: center;
    border: 1px solid #cfdbe2;
    line-height: 12px;
    vertical-align: middle;
    line-height: 17px;
}

    .FormTableHead:first-child {
        border-left: none;
    }

    .FormTableHead:last-child {
        border-right: none;
        border-bottom: none;
    }

.FormTableCell:first-child {
    border-left: none;
}

.FormTableCell:last-child {
    border-right: none;
}

.FormTableCell:last-child {
    border-right: none;
}

.FormTableHeading {
    background-color: #EEE;
    display: table-header-group;
    font-weight: bold;
}

.FormTableBody {
    display: table-row-group;
}

.FormTableHead {
    background: #016a97;
    color: #fff;
    font-size: 14px;
    border-bottom: none;
    line-height: 17px;
}

.FormTable .FormTableCell .btn {
    padding: 1px 5px 0 5px;
    margin: 0 !important;
}

    .FormTable .FormTableCell .btn .fa-check {
        padding: 2px 0;
    }

.FormTable .FormTableCell .form-input {
    display: block;
    width: 100%;
    height: 25px !important;
    padding: 2px 4px;
    font-size: 12px;
    line-height: 1.52857143;
    color: #3a3f51;
    background-color: #ffffff;
    background-image: none;
    border: none;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    margin-bottom: 0 !important;
}

.FormTable .FormTableCell .select-input {
    display: block;
    width: 100%;
    height: 25px !important;
    padding: 2px 4px;
    font-size: 12px;
    line-height: 1.52857143;
    color: #3a3f51;
    background-color: #ffffff;
    background-image: none;
    border: none;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    margin-bottom: 0;
}

.FormTable .FormTableCell .chosen-container {
    margin-bottom: 0;
}

.FormTable .chosen-container-single .chosen-single, .FormTable .chosen-container-active.chosen-with-drop .chosen-single {
    display: block;
    width: 100%;
    height: 25px !important;
    padding: 2px 4px;
    font-size: 12px;
    line-height: 1.52857143;
    color: #3a3f51;
    background-color: #ffffff;
    background-image: none;
    border: none;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    margin-bottom: 0;
    text-align: left;
}

.form-add-btn {
    background: #cfdbe2;
    border-top: 1px solid #016a97;
    padding: 1px;
}

    .form-add-btn .btn-label {
        position: relative;
        background: transparent;
        background: rgba(0, 0, 0, 0.05);
        display: inline-block;
        padding: 0px 9px 3px 10px;
        left: -12px;
        border-radius: 3px 0 0 3px;
    }

        .form-add-btn .btn-label .fa-plus {
            margin-top: 4px;
            line-height: 19px;
        }

.FormTable .FormTableCell .form-input:focus {
    -webkit-box-shadow: inset 0px 0px 5px 0px #7b8a92;
    -moz-box-shadow: inset 0px 0px 5px 0px #7b8a92;
    box-shadow: inset 0px 0px 5px 0px #7b8a92;
}

.form-input[disabled], .form-input[readonly] {
    background-color: #d2d4d6 !important;
    opacity: 1;
    color: #585858 !important;
}

.FormTable .FormTableCell .form-input.mandatory {
    border: 1px solid #fb8787 !important;
}

.FormTable .c-checkbox {
    margin-right: 0 !important;
}

.FormTable .c-radio {
    margin-right: 0 !important;
}

.FormTable .c-checkbox span {
    margin-right: 0 !important;
}

.FormTable .c-radio span {
    margin-right: 0 !important;
}

.FormTable .checkbox input[type="checkbox"] {
    position: relative !important;
    margin-left: -20px !important;
}

.FormTable .radio label {
    vertical-align: -webkit-baseline-middle !important;
}

.FormTable .checkbox label {
    vertical-align: -webkit-baseline-middle !important;
}

.chosen-container .chosen-drop {
    text-align: left !important;
}

.sahara-reports h5 {
    margin: 0;
    font-size: 15px;
}

.open-count-reports .display {
    border-radius: 3px;
    padding: 1px;
    text-align: center;
    width: 100%;
    margin: 5px 0 0 0;
    background: #fff;
    cursor: pointer;
}

.open-count-reports {
    margin: 0;
    padding: 0px 10px;
}

    .open-count-reports li {
        display: inline-block;
        min-width: 10%;
    }

        .open-count-reports li .open-count {
            color: #fff;
            min-width: 40px;
            padding: 2px 5px;
            border-radius: 3px;
            font-size: 16px;
            font-weight: bold;
            line-height: 21px;
            min-height: 25px;
        }

        .open-count-reports li .text-label {
            font-size: 12px;
            text-align: left;
            padding: 0px 5px;
            line-height: 25px;
            font-weight: bold;
        }

    .open-count-reports .sr-color-1 {
        color: #0dc792;
        border: 1px solid #0dc792;
    }

    .open-count-reports .sr-color-2 {
        color: #9084dd;
        border: 1px solid #9084dd;
    }

    .open-count-reports .sr-color-3 {
        color: #f35e3c;
        border: 1px solid #f35e3c;
    }

    .open-count-reports .sr-color-4 {
        color: #de340d;
        border: 1px solid #de340d;
    }

    .open-count-reports .sr-color-5 {
        color: #fe8f2a;
        border: 1px solid #fe8f2a;
    }

    .open-count-reports .sr-color-6 {
        color: #f98317;
        border: 1px solid #f98317;
    }

    .open-count-reports .sr-color-7 {
        color: #e66e00;
        border: 1px solid #e66e00;
    }

    .open-count-reports .sr-color-8 {
        color: #27c251;
        border: 1px solid #27c251;
    }

    .open-count-reports .sr-color-gray {
        color: #575a61;
        border: 1px solid #575a61;
    }

    .open-count-reports .sr-color-1 .open-count {
        background-color: #0dc792;
    }

    .open-count-reports .sr-color-2 .open-count {
        background-color: #9084dd;
    }

    .open-count-reports .sr-color-3 .open-count {
        background-color: #f35e3c;
    }

    .open-count-reports .sr-color-4 .open-count {
        background-color: #de340d;
    }

    .open-count-reports .sr-color-5 .open-count {
        background-color: #fe8f2a;
    }

    .open-count-reports .sr-color-6 .open-count {
        background-color: #f98317;
    }

    .open-count-reports .sr-color-7 .open-count {
        background-color: #e66e00;
    }

    .open-count-reports .sr-color-8 .open-count {
        background-color: #27c251;
    }

    .open-count-reports .sr-color-gray .open-count {
        background-color: #575a61;
    }

.select-lender .lendername {
    line-height: 28px;
    font-size: 12px;
}

.wipbtn {
    float: right;
    margin-right: 10px;
    padding: 5px 10px 6px;
}

    .wipbtn a {
        color: #fff;
    }

#dvCompOffCredit .open-count {
    font-size: 13px !important;
    margin-right: 5px;
}

#divrpt .commonTableCell {
    word-break: break-word !important;
}


.listNav,
.ln-letters {
    overflow: hidden;
}

.listNavHide {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 2px;
    /*margin: -1px;*/
    padding: 0;
    border: 0;
}

.letterCountShow {
    display: block;
}

.ln-letters a {
    /*border: 1px solid #1797be;*/
    border-right: none;
    display: inline-block;
    /*float: left;*/
    font-size: 14px;
    padding: 6px !important;
    margin: 2px !important;
    text-decoration: none;
    background: #1797be;
    color: #fff !important;
    font-weight: bold;
    min-width: 40px;
    text-align: center;
}

    /*.ln-letters .ln-last {
  border-right: 1px solid silver;
}*/

    .ln-letters a:hover,
    .ln-letters .ln-selected {
        background-color: #1797be;
        color: #1797be;
    }

.ln-letters .ln-disabled {
    color: #83a6b0 !important;
    background-color: #b4ccd7;
}

.ln-letter-count {
    color: #1797be;
    font-size: .8em;
    left: 0;
    line-height: 1.35;
    position: absolute;
    text-align: center;
    top: 0;
    /*width: 20px;*/
}

#clientList .p {
    padding: 0 !important;
}

#clientList .m {
    margin: 0 !important;
}

#clientList .b {
    border: none !important;
}

#clientList .allLiList {
    line-height: 28px !important;
}

    #clientList .allLiList a {
        color: #000;
        margin-left: 10px;
    }

        #clientList .allLiList a:hover {
            color: #1797be;
        }

img.hyva-login-img {
    height: 100%;
    min-width: 1000px;
    width: 100%;
    height: auto;
    position: fixed;
    top: 0;
    left: 0;
}

.hyva-login-section img.hyva-login-img {
    height: 100%;
    min-width: 1000px;
    width: 100%;
    height: auto;
    position: fixed;
    top: 0;
    left: 0;
}

.hyva-login-section .hyva-login-bg {
    background: #fff;
    border-radius: 10px;
    padding: 15px 5px;
    margin-top: 30px;
    box-shadow: 0px 0px 10px #5b6065;
}

    .hyva-login-section .hyva-login-bg .hyva-login {
        background: #eceeef;
        padding: 15px;
        border-radius: 10px;
    }

    .hyva-login-section .hyva-login-bg .erp-logo {
        padding: 10px 0 30px 0;
    }

    .hyva-login-section .hyva-login-bg .support-info {
        padding: 10px 0;
    }

        .hyva-login-section .hyva-login-bg .support-info .info-title {
            line-height: 22px;
            font-size: 14px;
            color: #333;
            border-bottom: 1px solid #333;
            padding-bottom: 5px;
            margin-bottom: 10px;
            font-weight: bold;
        }

/* HYVA DASHBOARD CSS START */
.hyva-dashboard {
    background: url('../../../Content/Images/hyva-bg.jpg') no-repeat center center fixed #232527;
    height: 100vh;
    overflow: hidden;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 10px;
}

.tracking-view {
    overflow-y: scroll;
    height: 700px;
}

.hyva-dashboard h4 {
    color: #fff;
    font-size: 25px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 25px 0 15px 0;
}

.hyva-dashboard p {
    color: #ccc;
    text-align: justify;
    padding-right: 20px;
    line-height: 22px;
    font-size: 14px;
    margin: 0 0 15px 0;
}

.hyva-dashboard .sr-box {
    padding: 25px 20px;
    border-radius: 6px;
    text-align: center;
    margin: 0 0 20px 0;
    cursor: pointer;
    opacity: 0.9;
    filter: alpha(opacity=100);
}

.hyva-dashboard .sr-box1 {
    border: 2px solid #266091;
    background: linear-gradient(to top, #266091 0%, #38bee8 100%);
}

.hyva-dashboard .sr-box2 {
    border: 2px solid #068242;
    background: linear-gradient(to top, #068242 0%, #18c66d 100%);
}

.hyva-dashboard .sr-box3 {
    border: 2px solid #c20b12;
    background: linear-gradient(to top, #c20b12 0%, #fb585e 100%);
}

.hyva-dashboard .sr-box4 {
    border: 2px solid #eb840b;
    background: linear-gradient(to top, #eb840b 0%, #f9a542 100%);
}

.hyva-dashboard .sr-box h5 {
    color: #266091;
    background: #fff;
    padding: 3px;
    display: block;
    border-radius: 3px;
    margin: 0 0 10px 0;
    font-size: 13px;
}

.hyva-dashboard .sr-box h2 {
    color: #fff;
    font-size: 20px;
    margin: 0 0 20px 0;
    text-transform: uppercase;
    font-weight: normal;
    line-height: 35px;
}

    .hyva-dashboard .sr-box h2 span {
        display: block;
    }

.hyva-dashboard .track-info {
    margin: 20px 0;
    padding: 0;
}

    .hyva-dashboard .track-info li {
        font-size: 18px;
        color: #2c7ead;
        margin-bottom: 20px;
    }

        .hyva-dashboard .track-info li p {
            font-size: 14px;
            color: #ccc;
        }

.hyva-dashboard .hyva-signup-logo {
    margin: 10px 0;
}

.hyva-dashboard .track-box {
    padding: 10px;
    border-radius: 3px;
    text-align: center;
    margin: 50px 20px 50px 0;
    cursor: pointer;
    background: linear-gradient(to top, #6d6f77 0%, #b4b6bc 100%);
}

    .hyva-dashboard .track-box:hover {
        background: linear-gradient(to top, #266091 0%, #38bee8 100%);
    }

    .hyva-dashboard .track-box h2 {
        margin: 0;
    }

.hyva-dashboard .activities-box {
    padding: 10px;
    border-radius: 3px;
    text-align: center;
    margin: 50px 20px 50px 0;
    cursor: pointer;
    background: linear-gradient(to top, #27c251 0%, #0b9a32 100%);
}

    .hyva-dashboard .activities-box:hover {
        background: linear-gradient(to top, #27c251 0%, #0b9a32 100%);
    }

    .hyva-dashboard .activities-box h2 {
        margin: 0;
        color: #fff;
    }
/*.hyva-dashboard .col-md-1 { width:8.333333%!important;}*/
.hyva-dashboard .sr {
    margin: 20px auto 0;
    padding: 0px;
    text-align: center;
    line-height: 16px;
}

    .hyva-dashboard .sr li {
        display: inline-block;
        cursor: pointer;
        vertical-align: top;
        color: #494848;
        margin: 1px;
    }

    .hyva-dashboard .sr .display {
        border-radius: 3px;
        padding: 1px;
        line-height: 22px;
        text-align: center;
        width: 100%;
        margin: 0px;
        background: #fff;
    }

    .hyva-dashboard .sr .sr-open-requests {
        background-color: #fe8f2a;
    }

    .hyva-dashboard .sr .sr-closed-requests {
        background-color: #27c251;
    }

    .hyva-dashboard .sr .sr-total-requests {
        background-color: #7462ff;
    }

    .hyva-dashboard .sr .display-open-requests {
        border: 1px solid #000;
        color: #fe8f2a;
    }

    .hyva-dashboard .sr .display-closed-requests {
        border: 1px solid #000;
        color: #27c251;
    }

    .hyva-dashboard .sr .display-total-requests {
        border: 1px solid #000;
        color: #7462ff;
    }

    .hyva-dashboard .sr .sr-open-requests, .sr-closed-requests, .sr-total-requests {
        color: #fff;
        border-radius: 3px;
        padding: 2px 6px;
        font-size: 15px;
        font-weight: bold;
        min-height: 26px;
        min-width: 30px;
    }

    .hyva-dashboard .sr .text-open-requests, .text-closed-requests, .text-total-requests {
        font-size: 13px;
        text-align: center;
        padding: 0px 5px;
        line-height: 26px;
        font-weight: bold;
    }

.hyva-widget .odd-even-row {
}

.hyva-widget h5 {
    color: #266091;
    margin: 0;
    font-size: 13px;
    line-height: 32px;
}

.hyva-widget .sr {
    margin: 0 auto;
    padding: 0px;
    text-align: right;
    line-height: 16px;
}

    .hyva-widget .sr li {
        display: inline-block;
        cursor: pointer;
        vertical-align: top;
        color: #494848;
        margin: 1px;
    }

    .hyva-widget .sr .display {
        border-radius: 3px;
        padding: 1px;
        line-height: 22px;
        text-align: center;
        width: 100%;
        margin: 0px;
        background: #fff;
    }

    .hyva-widget .sr .sr-open-requests {
        background-color: #fe8f2a;
    }

    .hyva-widget .sr .sr-closed-requests {
        background-color: #27c251;
    }

    .hyva-widget .sr .sr-total-requests {
        background-color: #7462ff;
    }

    .hyva-widget .sr .sr-delay-requests {
        background-color: #f05050;
    }

    .hyva-widget .sr .display-open-requests {
        border: 1px solid #fe8f2a;
        color: #fe8f2a;
    }

    .hyva-widget .sr .display-closed-requests {
        border: 1px solid #27c251;
        color: #27c251;
    }

    .hyva-widget .sr .display-total-requests {
        border: 1px solid #7462ff;
        color: #7462ff;
    }

    .hyva-widget .sr .display-delay-requests {
        border: 1px solid #f05050;
        color: #f05050;
    }

    .hyva-widget .sr .sr-open-requests, .sr-closed-requests, .sr-total-requests, .sr-delay-requests {
        color: #fff;
        border-radius: 3px;
        padding: 2px 6px;
        font-size: 15px;
        font-weight: bold;
        min-height: 26px;
        min-width: 30px;
    }

    .hyva-widget .sr .text-open-requests, .text-closed-requests, .text-total-requests, .text-delay-requests {
        font-size: 13px;
        text-align: center;
        padding: 0px 5px;
        line-height: 26px;
        font-weight: bold;
    }


.hyva-form-section .upload-img-box {
    background: #f3f3f5;
    border: 1px dashed #d1d1da;
    padding: 10px;
    width: 220px;
    height: 220px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
}

.hyva-form-section .map-box {
    background: #f3f3f5;
    border: 1px dashed #d1d1da;
    padding: 10px;
    width: 100%;
    height: 220px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    display: block;
}

/*.hyva-form-section .fileimage-box{ background:#f3f3f5; border:1px dashed #d1d1da; padding:10px; width:100px; height:100px; display: table-cell;
    vertical-align: middle; text-align:center; cursor:pointer;display: block;}*/
.hyva-form-section .fileimage-box {
    text-align: center;
}

    .hyva-form-section .fileimage-box .thameimg {
        background: #f3f3f5;
        border: 1px dashed #d1d1da;
        padding: 10px;
        width: 100%;
        height: 160px;
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        cursor: pointer;
        display: block;
    }

    .hyva-form-section .fileimage-box .filename {
        background: #d6d6dc;
        padding: 3px 5px;
        font-size: 11px;
        text-align: left;
        margin-top: 1px;
    }

.formattachCount {
    position: absolute;
    top: 1px;
    right: -20px;
    border-radius: 0 3px 3px 0;
    background: #fbfeff;
    color: #101010;
    z-index: 1;
    width: 32px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    box-shadow: 0 0 2px #060606;
}

.red-rowbg {
    background: #f05050 !important;
    color: #fff !important;
}

.total-rowbg {
    background: #ffc174 !important;
}

.total-rowbg1 {
    background: #ffbc95 !important;
}

.total-rowbg2 {
    background: #f6cfc5 !important;
}

.total-rowbg3 {
    background: #a7ecb7 !important;
    color: #000000;
}

.white-rowbg {
    background: #fff !important;
    color: #000000;
}

.rowbg2 {
    background: #6cadd6 !important;
    color: #fff !important;
}

.rowbg3 {
    background: #dbe8ea !important;
}

.btn-p0 {
    padding: 0px 6px !important;
    margin: 0px 3px !important;
}

.FormTableCell .formattachCount {
    position: absolute;
    top: 2px;
    left: 28px !important;
    border-radius: 0 3px 3px 0;
    background: #fbfeff;
    color: #101010;
    z-index: 1;
    width: 30px;
    height: 22px;
    text-align: center;
    line-height: 21px;
    box-shadow: 0 0 2px #060606;
    display: inline-block;
}

.formattach {
    position: relative;
}

    .formattach .attachCount {
        position: absolute;
        top: 1px;
        left: 43px !important;
        border-radius: 0 3px 3px 0;
        background: #fbfeff;
        color: #101010;
        z-index: 1;
        width: 30px;
        height: 25px;
        text-align: center;
        line-height: 25px;
        box-shadow: 0 0 2px #060606;
        display: inline-block;
    }
/* HYVA DASHBOARD CSS END */

.vistar-dashboard .activity-events .label-info {
    padding: 6px 9px !important;
}

fieldset .btn-sm {
    padding: 3px 10px !important;
    margin: 0;
}

.open-count-reports .display {
    border-radius: 3px;
    padding: 1px;
    text-align: center;
    width: 100%;
    margin: 5px 0 0 0;
    background: #fff;
    cursor: pointer;
}

.open-count-reports {
    margin: 0;
    padding: 0px 10px;
}

    .open-count-reports li {
        display: inline-block;
        min-width: 10%;
    }

        .open-count-reports li .open-count {
            color: #fff;
            min-width: 40px;
            padding: 2px 5px;
            border-radius: 3px;
            font-size: 16px;
            font-weight: bold;
            line-height: 21px;
            min-height: 25px;
        }

        .open-count-reports li .text-label {
            font-size: 12px;
            text-align: left;
            padding: 0px 5px;
            line-height: 25px;
            font-weight: bold;
        }

    .open-count-reports .sr-color-1 {
        color: #0dc792;
        border: 1px solid #0dc792;
    }

    .open-count-reports .sr-color-2 {
        color: #9084dd;
        border: 1px solid #9084dd;
    }

    .open-count-reports .sr-color-3 {
        color: #f35e3c;
        border: 1px solid #f35e3c;
    }

    .open-count-reports .sr-color-4 {
        color: #de340d;
        border: 1px solid #de340d;
    }

    .open-count-reports .sr-color-5 {
        color: #fe8f2a;
        border: 1px solid #fe8f2a;
    }

    .open-count-reports .sr-color-6 {
        color: #f98317;
        border: 1px solid #f98317;
    }

    .open-count-reports .sr-color-7 {
        color: #e66e00;
        border: 1px solid #e66e00;
    }

    .open-count-reports .sr-color-8 {
        color: #27c251;
        border: 1px solid #27c251;
    }

    .open-count-reports .sr-color-gray {
        color: #575a61;
        border: 1px solid #575a61;
    }

    .open-count-reports .sr-color-1 .open-count {
        background-color: #0dc792;
    }

    .open-count-reports .sr-color-2 .open-count {
        background-color: #9084dd;
    }

    .open-count-reports .sr-color-3 .open-count {
        background-color: #f35e3c;
    }

    .open-count-reports .sr-color-4 .open-count {
        background-color: #de340d;
    }

    .open-count-reports .sr-color-5 .open-count {
        background-color: #fe8f2a;
    }

    .open-count-reports .sr-color-6 .open-count {
        background-color: #f98317;
    }

    .open-count-reports .sr-color-7 .open-count {
        background-color: #e66e00;
    }

    .open-count-reports .sr-color-8 .open-count {
        background-color: #27c251;
    }

    .open-count-reports .sr-color-gray .open-count {
        background-color: #575a61;
    }

.red-rowbg {
    background: #f05050 !important;
    color: #fff !important;
}

.total-rowbg {
    background: #ffc174 !important;
    color: #1897e0;
    font-weight: bold;
}

.total-rowbg1 {
    background: #ffbc95 !important;
    color: #1897e0;
    font-weight: bold;
}

.total-rowbg2 {
    background: #f6cfc5 !important;
}

.rowbg2 {
    background: #6cadd6 !important;
    color: #fff !important;
}

.rowbg3 {
    background: #dbe8ea !important;
}

.btn-p0 {
    padding: 0px 6px !important;
    margin: 0px 3px !important;
}

.total-color {
    color: #f05050;
    font-weight: bold;
}

/* Accordion Plusminus CSS START */
.accordion-plusminus {
    margin: 10px;
}

    .accordion-plusminus .accordion-heading {
        background: #40c0e8 !important;
        margin: 0;
        padding: 2px 0;
        font-weight: bold;
        border-bottom: 1px solid #0288b1;
        color: #ffffff !important;
        cursor: pointer;
    }

        .accordion-plusminus .accordion-heading a {
            display: block;
        }

    .accordion-plusminus .accordion-body {
        border-top-color: #fff !important;
        padding: 10px;
    }

/* Accordion Plusminus  CSS END */


/* IMAGE POPUP CSS START */
.thumb_gallery {
    width: 100%;
    height: auto;
    cursor: pointer;
}

    .thumb_gallery:hover {
        opacity: 0.8;
    }

#background_overlay {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0, 0.9);
    z-index: 999;
    overflow: auto;
}

.container_img {
    position: relative;
    max-width: 800px;
    max-height: 500px;
    margin: 1% auto;
    animation-name: zoom_image;
    animation-duration: 0.4s;
}

.con-ac-ar {
    width: 800px;
    height: auto;
    position: relative;
}

.closebtn {
    text-align: right;
    font-size: 18px;
    color: rgb(255, 255, 255);
    cursor: pointer;
    padding: 5px;
}

.activePopUpImg {
    width: 800px;
    height: auto;
    padding: 5px;
    background-color: rgb(255, 255, 255);
    border-radius: 5px;
}

.previousImage, .nextImage {
    color: #fff;
    font-size: 2.5em;
    cursor: pointer;
    opacity: 0;
    width: 80px;
    text-align: center;
}

.previousImage {
    position: absolute;
    line-height: 500px;
    top: 0;
    left: 0;
    bottom: 0;
}

.nextImage {
    position: absolute;
    line-height: 500px;
    top: 0;
    right: 0;
    bottom: 0;
}

.previousImage:hover {
    opacity: 1;
    transition: 0.4s;
}

.nextImage:hover {
    opacity: 1;
    transition: 0.4s;
}

.documentgallery .documentbox {
    border: 4px solid #cfdbe2;
    padding: 10px;
}

@keyframes zoom_image {
    from {
        transform: scale(0.5);
    }

    to {
        transform: scale(1);
    }
}

@media screen and (min-width: 650px) and (max-width: 1100px) {
    .container_img {
        width: 100%;
        height: 500px;
    }

    .con-ac-ar {
        width: 100%;
        height: 500px;
    }

    .activePopUpImg {
        width: 100%;
        height: 500px;
    }

    .previousImage, .nextImage {
        line-height: 500px;
    }
}

@media screen and (min-width: 351px) and (max-width: 649px) {

    .container_img {
        width: 100%;
        height: 400px;
    }

    .con-ac-ar {
        width: 100%;
        height: 400px;
    }

    .activePopUpImg {
        width: 100%;
        height: 400px;
    }

    .previousImage, .nextImage {
        line-height: 400px;
    }

    .width600px-1 {
        width: 300px !important;
    }

    .width250px-1 {
        width: 300px !important;
    }
}

@media screen and (max-width: 350px) {
    .container_img {
        width: 100%;
        height: 300px;
    }

    .con-ac-ar {
        width: 100%;
        height: 300px;
    }

    .activePopUpImg {
        width: 100%;
        height: 300px;
    }

    .previousImage, .nextImage {
        line-height: 300px;
    }
}

.sm-table .commonTableHead {
    font-size: 13px;
}

.sm-table .commonTableCell {
    font-size: 12px;
    line-height: 15px;
}

.border-none {
    border: none !important;
}

/* IMAGE POPUP CSS END */


/* Session Login START */

.session-expire-login {
    background-color: rgb(0 0 0 / 70%);
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /*added z-index on 6/01/23 by 300300*/
    z-index: 9;
}

    .session-expire-login .expire-login {
        width: 40%;
        margin: 100px auto;
    }

        .session-expire-login .expire-login .login-title {
            margin: 5px 10px 10px 10px;
            border-bottom: 1px solid #1161a6;
            padding-bottom: 7px;
            font-size: 17px;
            color: #1161a6;
        }

    .session-expire-login .expire-login-form {
        background: #fbfbfb;
        padding: 5px;
        border-radius: 5px;
        border: 1px solid #eae8e8;
    }

    .session-expire-login .expire-login .logo {
        margin: 10px auto;
        padding: 15px;
        border-bottom: 1px solid #dee0e8;
        text-align: center;
    }

        .session-expire-login .expire-login .logo img {
            width: 70%;
        }

    .session-expire-login .expire-login .loader-demo {
        padding-top: 10px;
        height: 76px !important;
        position: relative;
        top: 0;
    }

    .session-expire-login .expire-login .ball-grid-pulse {
        width: 60px;
    }

        .session-expire-login .expire-login .ball-grid-pulse > div {
            width: 15px;
            height: 15px;
            background-color: #cfdbe2;
        }

    .session-expire-login .expire-login .se-content {
        text-align: center;
        padding: 0;
    }

        .session-expire-login .expire-login .se-content .btn-login {
            padding: 6px 20px;
            font-size: 13px;
        }

        .session-expire-login .expire-login .se-content h2 {
            text-transform: uppercase;
            font-weight: 700 !important;
            color: #aaabb0;
            font-size: 14px;
            padding: 0;
            margin: 10px;
        }

        .session-expire-login .expire-login .se-content p {
            color: #69717a;
            margin: 10px 0;
            font-size: 12px;
        }

/* Session Login END */

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    padding: 5px;
    z-index: 99999 !important;
    cursor: default;
    background: #fff;
    width: 400px !important;
    height: 200px;
    overflow: auto;
    border: 1px solid #b9cfd6;
    border-radius: 4px;
    box-shadow: 0px 0px 10px #b9cfd6;
}


.pna-box .pnaform .form-group {
    padding: 3px;
    border-radius: 4px;
    background: #f2f5f7;
    margin-bottom: 4px;
    font-size: 12px;
}

.pna-box .pnaform .control-label {
    line-height: 20px;
}

.pna-box .pnaform .form-control {
    margin-bottom: 0;
}

.pna-box .pnaform .checkradio {
    margin-right: 10px;
    margin-top: 0;
    padding: 4px 0px 4px 4px;
    background: #fff;
    border-radius: 4px;
}

.inputloding {
    display: none;
    align-self: center;
    width: 5%;
    position: absolute;
    height: 30px;
    z-index: 80;
    left: 270px;
    top: 8px;
}


.icons-group .btn {
    width: 35px;
    height: 35px;
    margin: 0;
}

    .icons-group .btn:hover {
        background: #016a97;
        border: 1px solid #055274;
        color: #fff;
    }

.ticket-labelgreen {
    background: #27c24c;
    border: 1px solid #1bb13f;
    padding: 1px;
    text-align: center;
    border-radius: 4px;
}

    .ticket-labelgreen span {
        padding: 0px 3px;
        border: 1px solid #0c922c;
        background: #fff;
        display: inline-block;
        text-align: center;
        border-radius: 4px;
        font-size: 12px;
    }

.ticket-labelbrown {
    background: #bf5454;
    border: 1px solid #a73d3d;
    padding: 1px;
    text-align: center;
    border-radius: 4px;
}

    .ticket-labelbrown span {
        padding: 0px 3px;
        border: 1px solid #a73d3d;
        background: #fff;
        display: inline-block;
        text-align: center;
        border-radius: 4px;
        font-size: 12px;
    }

.red-blinking {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: red;
    padding: 5px;
    margin: 7px 5px 0px 5px;
}

.y_CRMbox {
    border: 1px solid #670567;
    width: 67px;
    color: #fff;
    text-align: center;
    height: 67px;
    line-height: 13px;
    border-radius: 4px;
    padding: 3px;
}

.atreport .user-info {
    display: inline-block;
}

    .atreport .user-info span {
        border: 1px solid #00aeef;
        color: #fff;
        padding: 4px 8px;
        background: #00aeef;
        border-radius: 3px;
        display: inline-block;
        font-size: 12px !important;
        line-height: 10px;
        margin: 0 1px 2px 1px;
    }

    .atreport .user-info b {
        margin-left: 3px;
    }

.pa-info span {
    display: inline-block;
    border-radius: 3px;
    font-size: 11px;
    margin: 0;
    height: 17px;
    height: 17px;
    margin-top: 1px;
    line-height: 10px;
    min-width: 13.9%;
}

.pa-info .l-present {
    border: 1px solid #27c251;
    color: #27c251;
    background: #fff;
    padding-right: 5px;
}

.pa-info .l-absent {
    border: 1px solid #f93306;
    color: #f93306;
    background: #fff;
    padding-right: 5px;
}

.pa-info .l-present b {
    background: #27c251;
    color: #fff;
    display: inline-block;
    padding: 2px;
    min-width: 30px;
    margin-right: 5px;
    text-align: center;
    line-height: 11px;
}

.pa-info .l-absent b {
    background: #f93306;
    color: #fff;
    display: inline-block;
    padding: 2px;
    min-width: 30px;
    margin-right: 5px;
    text-align: center;
    line-height: 11px;
}

.pa-info b {
    color: #fff;
    display: inline-block;
    padding: 3px;
    min-width: 20px;
    margin-right: 2px;
    text-align: center;
}

.atreport-info span {
    display: inline-block;
    border-radius: 3px;
    font-size: 11px;
    margin: 0 1px;
    height: 17px;
    height: 17px;
    margin-top: 1px;
    line-height: 10px;
    min-width: 13.9%;
}

.atreport-info .l-type {
    border: 1px solid #707070;
    color: #707070;
    background: #fff;
    padding-right: 5px;
}

    .atreport-info .l-type b {
        background: #707070;
    }

.atreport-info .l-type-red {
    border: 1px solid #f93306;
    color: #f93306;
    background: #fff;
    padding-right: 5px;
}

    .atreport-info .l-type-red b {
        background: #f93306;
    }

.atreport-info b {
    color: #fff;
    display: inline-block;
    padding: 2px 4px;
    min-width: 30px;
    margin-right: 5px;
    text-align: center;
    line-height: 11px;
}

.plus-btn {
    padding: 2px 5px 2px !important;
    line-height: 10px;
}

.omd-report span {
    margin-top: 1px;
    line-height: 15px;
    min-width: 13.9%;
    vertical-align: top;
    padding: 1px 5px 1px 0px;
    display: inline-block;
    border-radius: 3px;
    background: #fff;
    font-size: 11px;
    margin: 0 0 2px 0;
}

.omd-report b {
    color: #fff;
    padding: 3px 5px;
    display: inline;
    overflow: hidden;
    border-radius: 2px 0 0 2px;
    margin-right: 5px;
    font-weight: normal !important;
}

.omd-report .omd-product {
    border: 1px solid #008ece;
}

    .omd-report .omd-product b {
        background: #008ece;
    }

.omd-report .omd-lender {
    border: 1px solid #5694a9;
}

    .omd-report .omd-lender b {
        background: #5694a9;
    }

.omd-report .omd-msd {
    border: 1px solid #4aada8;
}

    .omd-report .omd-msd b {
        background: #4aada8;
    }

.omd-report .omd-med {
    border: 1px solid #dc9184;
}

    .omd-report .omd-med b {
        background: #dc9184;
    }

.omd-report .omd-mrd {
    border: 1px solid #09a398;
}

    .omd-report .omd-mrd b {
        background: #09a398;
    }

.omd-report .omd-pricing {
    border: 1px solid #0ca05c;
}

    .omd-report .omd-pricing b {
        background: #0ca05c;
    }

.omd-report .omd-amount {
    border: 1px solid #08c376;
}

    .omd-report .omd-amount b {
        background: #08c376;
    }

.omd-report .omd-type {
    border: 1px solid #e0607e;
}

    .omd-report .omd-type b {
        background: #e0607e;
    }

.omd-report .omd-reason {
    border: 1px solid #008ece;
}

    .omd-report .omd-reason b {
        background: #008ece;
    }

.omd-report .action_btn {
    padding: 2px 4px !important;
    width: 25px !important;
}

    .omd-report .action_btn em {
        font-size: 12px !important;
    }

.omd-report .omd-comments {
    border: 1px solid #818990;
    position: relative;
    border-radius: 3px;
    margin-top: 3px;
    font-size: 12px;
    background: #fff;
}

    .omd-report .omd-comments .omd-title {
        background: #818990;
        color: #fff;
        padding: 2px 10px;
        text-align: center;
    }

    .omd-report .omd-comments .omd-body {
        padding: 5px;
        color: #000;
        text-align: center;
    }


.be-section .be-status {
    padding: 7px 10px 5px 10px;
    text-align: center;
    min-width: 130px;
    margin-bottom: 1px;
    display: inline-block;
    border-radius: 3px;
}

.be-section .be-original {
    border: 1px solid #0789ba;
    background: #0696cc;
    color: #fff;
}

.be-section .be-date {
    padding: 7px 10px 5px 10px;
    text-align: center;
    min-width: 100%;
    margin-bottom: 1px;
    border: 1px solid #0789ba;
    background: #fff;
    color: #333333;
    display: inline-block;
    border-radius: 3px;
}

.be-section .be-amt {
    padding: 7px 10px 5px 10px;
    text-align: center;
    min-width: 100%;
    margin-bottom: 1px;
    border: 1px solid #e27614;
    background: #ff902b;
    color: #fff;
    display: inline-block;
    border-radius: 3px;
}

.be-section .btn {
    padding: 4px 10px 4px 10px;
}
/*change suggested by veerensir content 28/10/2021 change by sherin*/
/*.main-popup{background-color: rgb(0 0 0 / 70%); position:fixed;left:0; right:0; top:0; width:100%; height:100%; z-index:999}*/
.main-popup {
    background-color: rgb(0 0 0 / 39%);
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    /*z-index: 2;*/
}

    .main-popup .main-popup-section {
        margin: 50px auto;
        padding: 20px;
    }

.main-popup-section svg.bi.bi-info-circle {
    color: #525252;
}
/*.opportunities-box .opport-lable{border-radius: 3px;transition: all 0.1s;display: inline-block;margin-bottom: 0; font-weight: normal; text-align: center;
    vertical-align: middle; padding: 0px 8px; margin-right:3px;font-size: 12px;}
.opportunities-box .lableCity{border:1px solid #048ec1; background:#00aeef; color:#fff}
.opportunities-box .lableFamily{border:1px solid #00aeef; background:#fff; color:#333333}
.opportunities-box .lableDescription{border:1px solid #52459e; background:#665ab0; color:#fff}
.opportunities-box .lableProduct{border:1px solid #ff902b; background:#fff; color:#ff902b}
.opportunities-box .lableContactName{border:1px solid #06668a; background:#048ec1; color:#fff}
.opportunities-box .lableContactNo{border:1px solid #27c24c; background:#3de665; color:#fff;margin-left: -7px;}
.opportunities-box .lableEmail{border:1px solid #048ec1; background:#00aeef; color:#fff!important;margin-left: -7px;}
.opportunities-box .lableLatestRemark{border:1px solid #9084dd; background:#aa9ef5; color:#fff}
.opportunities-box .lableSourceName{border:1px solid #FF0090; background:#fff; color:#FF0090!important}
.opportunities-box .lableContactName a{ color:#fff!important}
.opportunities-box .lableEmail a{ color:#fff!important}

.opportunities-box .opport-btn{border-radius: 3px;transition: all 0.1s;display: inline-block;margin-bottom: 0; font-weight: normal; text-align: center;
    vertical-align: middle; padding: 0px 5px;}
.opportunities-box .btn-AddContact{border:1px solid #00aeef; background:#fff; color:#333333}
.opportunities-box .btn-Milestone{border:1px solid #00aeef; background:#fff; color:#333333}
.opportunities-box .FirmNameblack{ border:1px solid #333333; background:#fff; color:#333333!important;}*/



.opportunities-box .opport-lable {
    border-radius: 3px;
    transition: all 0.1s;
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    padding: 0px 8px;
    margin-right: 3px;
    font-size: 12px;
}

.opportunities-box .lableCity {
    border: 1px solid #048ec1;
    background: #ffffff;
    color: #048ec1;
    padding: 0 4px;
}

.opportunities-box .lableFamily {
    border: 1px solid #048ec1;
    background: #ffffff;
    color: #048ec1;
    padding: 0 4px;
}

.opportunities-box .lableDescription {
    border: 1px solid #048ec1;
    background: #ffffff;
    color: #048ec1;
    padding: 0 4px;
}

.opportunities-box .lableProduct {
    border: 1px solid #048ec1;
    background: #ffffff;
    color: #048ec1;
    padding: 0 4px;
}

.opportunities-box .lableContactName {
    border: 1px solid #27c1ea;
    background: #e7f4f9;
    color: #559db1;
    padding: 0 4px;
}

.opportunities-box .lableContactNo {
    border: 1px solid #27c1ea;
    background: #e7f4f9;
    color: #559db1;
    margin-left: -7px;
    padding: 0 4px;
}

.opportunities-box .lableEmail {
    border: 1px solid #27c1ea;
    background: #e7f4f9;
    color: #559db1;
    margin-left: -7px;
    padding: 0 4px;
}

.opportunities-box .lableLatestRemark {
    border: 1px solid #048ec1;
    background: #ffffff;
    color: #048ec1;
    padding: 0 4px;
}

.opportunities-box .lableSourceName {
    border: 1px solid #048ec1;
    background: #ffffff;
    color: #048ec1;
    padding: 0 4px;
}

.opportunities-box .lableNextMilestone {
    border: 1px solid #1fb4dc;
    background: #27c1ea;
    color: #fff;
    padding: 0 4px;
}

.opportunities-box .lableContactName a {
    color: #333333 !important;
}

.opportunities-box .lableEmail a {
    color: #559db1 !important;
}

.opportunities-box .opport-btn {
    border-radius: 3px;
    transition: all 0.1s;
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    padding: 0px 4px;
}

.opportunities-box .btn-AddContact {
    border: 1px solid #00aeef;
    background: #fff;
    color: #333333;
}

.opportunities-box .btn-Milestone {
    border: 1px solid #00aeef;
    background: #fff;
    color: #333333;
}

.opportunities-box .FirmNameblack {
    border: 1px solid #03729a;
    background: #048ec1;
    color: #fff !important;
    font-size: 13px;
    font-weight: bold;
    padding: 0 4px;
}

.notifyng-top-center {
    left: 50% !important;
    margin-left: -175px;
}

.notifyngWarning {
    word-break: break-word;
    background: #f05050;
    color: white;
    text-align: center;
    top: 85px;
    position: fixed;
    left: 50px;
    z-index: 9999;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 350px;
    border: 1px solid #f05050;
    border-radius: 5px;
    padding: 15px 10px;
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 1.4s;
    animation-name: animatetop;
    animation-duration: 1.4s;
}

.notifyngSuccess {
    background: #27c24c;
    color: white;
    text-align: center;
    top: 85px;
    position: fixed;
    left: 50px;
    z-index: 9999;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 350px;
    border: 1px solid #27c24c;
    border-radius: 5px;
    padding: 15px 10px;
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 1.4s;
    animation-name: animatetop;
    animation-duration: 1.4s;
}

.notifynginformation {
    background: #ff902b;
    color: #fff;
    text-align: center;
    top: 85px;
    position: fixed;
    left: 50px;
    z-index: 9999;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 350px;
    border: 1px solid #f05050;
    border-radius: 5px;
    padding: 15px 10px;
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 1.4s;
    animation-name: animatetop;
    animation-duration: 1.4s;
}

.TrainingSubDiv {
    max-width: 1139px;
    margin: auto;
    margin-top: 15px;
}

.commonpopupTraining {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: none;
    max-width: 70%;
    margin: auto;
    margin-top: 60px;
}

.commonpopup {
    background-color: rgb(0 0 0 / 70%);
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: none;
}

    .commonpopup .commonpopup-section {
        margin: 40px auto;
        padding: 20px;
    }

.AppThemeBox .ThemeBox {
    background: #fff;
    padding: 2px;
    border: 1px solid #ccc;
    display: inline-block;
    border-radius: 3px;
    vertical-align: top;
}

    .AppThemeBox .ThemeBox .color-input {
        width: 30px;
        height: 25px;
        cursor: pointer;
    }

    .AppThemeBox .ThemeBox label {
        padding: 3px 5px;
    }

.AppThemeBox .apl-btn {
    padding: 3px 10px;
}

body .chosen-container-single .chosen-single, body .chosen-container-active.chosen-with-drop .chosen-single {
    height: 27px !important;
    padding: 3px 6px !important;
}


.notifymsgsection {
    width: 100%;
    margin: 0 auto;
    padding: 2px;
    clear: both;
    border-radius: 3px;
    left: 0 !important;
    right: 0 !important;
    margin-bottom: 5px;
    position: relative;
    display: none;
}

    .notifymsgsection .notifymsg {
        padding: 10px;
        margin-right: 50px;
        color: #fff;
    }

    .notifymsgsection .notifymsgclose {
        margin: 5px;
        right: 0;
        position: absolute;
        background: #fff !important;
        border-radius: 50% !important;
        opacity: 0.9 !important;
        padding: 3px 8px 3px 8px !important;
        cursor: pointer;
        border: none;
        font-size: 21px;
        font-weight: bold;
        line-height: 1;
        color: #000000;
    }

.notifySuccessbg {
    background: #27c24c;
}

.notifydangerbg {
    background: #f05050;
}

.notifywarningbg {
    background: #ff902b;
}


/* NEW LOGIN FORM CSS START */
.vrittiekatm-login-section .nl-section {
    padding: 0 180px;
}

.vrittiekatm-login-section .nl-form {
    background-color: rgba(10, 10, 10, 0.200);
    padding: 15px;
    border-radius: 15px;
    box-shadow: 0px 0px 30px 0px #fff;
    margin-bottom: 120px;
    width: 340px;
    min-width: 100%;
}

    .vrittiekatm-login-section .nl-form .nl-logo {
        background-color: #fff;
        padding: 20px 10px;
        text-align: center;
        margin: 0 auto 13px 0;
        border-radius: 15px 15px 0 0;
        box-shadow: 0px 0px 5px 0px #c5ccd2;
    }

    .vrittiekatm-login-section .nl-form .login-form {
        background: #fff;
        box-shadow: 0px 0px 5px 0px #c5ccd2;
        padding: 3px 15px 15px 15px;
        border-radius: 0 0 15px 15px;
    }

        .vrittiekatm-login-section .nl-form .login-form h4 {
            font-size: 14px;
            color: #1061a7;
            text-align: center;
            text-transform: uppercase;
            font-weight: bold;
            padding: 5px 0;
        }

        .vrittiekatm-login-section .nl-form .login-form hr {
            margin: 7px 0;
        }

    .vrittiekatm-login-section .nl-form .form-control {
        border-radius: 0;
        border: 1px solid #d5e0ef;
        height: 28px !important;
    }

    .vrittiekatm-login-section .nl-form .form-group {
        margin-bottom: 4px !important;
        position: relative;
        text-align: center;
    }

        .vrittiekatm-login-section .nl-form .form-group span {
            position: absolute;
            background: #d5e0ef;
            color: #7c9ab6;
        }

        .vrittiekatm-login-section .nl-form .form-group .form-control-feedback {
            width: 34px;
            height: 29px;
            font-size: 17px;
            line-height: 29px;
        }

        .vrittiekatm-login-section .nl-form .form-group .buttonbg {
            background: #1061a7;
            color: #fff;
            text-transform: uppercase;
            border-radius: 5px;
            padding: 10px 0;
            text-align: center;
            font-size: 17px;
            display: block;
            width: 100%;
            margin: 10px auto;
        }

            .vrittiekatm-login-section .nl-form .form-group .buttonbg:hover {
                background: #2b81ba;
            }

    .vrittiekatm-login-section .nl-form a {
        color: #3178c1;
        font-size: 14px;
    }

.vrittiekatm-login-section .support-box {
    text-align: center;
}

    .vrittiekatm-login-section .support-box h5 {
        font-size: 13px;
        color: #01192d;
        text-align: center;
        text-transform: uppercase;
        font-weight: bold;
        margin: 4px;
    }

.vrittiekatm-login-section .nl-footer {
    background-color: rgba(10, 10, 10, 0.500);
    color: #fff;
    text-transform: uppercase;
    padding: 10px 0;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    position: fixed;
    bottom: 0;
    width: 100%;
    text-shadow: 0 0 2px #000;
}


.widgetTable {
    display: table;
    width: 100%;
}

.widgetTableRow {
    display: table-row;
}

.widgetTableHeading {
    display: table-header-group;
}

.widgetTableCell {
    display: table-cell;
    padding: 3px;
    text-align: center;
    border: 1px solid #fff;
    font-size: 13px;
    line-height: 17px;
    position: relative;
    color: #fff;
}

.widgetTableHead {
    display: table-cell;
    padding: 5px;
    text-align: center;
    border: 1px solid #fff;
    line-height: 17px;
}

.widgetTableHeading {
    background-color: none;
    display: table-header-group;
}

.widgetTableBody {
    display: table-row-group;
}

.widgetTableHead {
    background: none;
    color: #000;
    font-weight: bold;
    font-size: 12px;
    border-bottom: none;
}

/*22/09/2021 new css by Sherin*/
.wrapperchips a {
    border: 1px solid;
    margin: 2px 0px 2px 4px !important;
    padding: 4px 10px;
    /* border-radius: 4px; */
    border: none;
    background: #f5f5f5;
    color: #403d3d;
    border-top: 1px solid #b9cfd6;
    border-left: 1px solid #b9cfd6;
    border-bottom: 1px solid #b9cfd6;
}

.closechip {
    background: whitesmoke;
    /* margin-bottom: 10px; */
    padding: 6px 5px 8px 5px;
    border: none;
    background: #f5f5f5;
    color: #403d3d;
    /* margin-top: 6px; */
}

.w-144px {
    width: 147px !important;
    font-size: 13px;
}

.closechip {
    background: whitesmoke;
    /* margin-bottom: 10px; */
    padding: 4px 5px 6px 5px;
    /* border-radius: 4px; */
    border: none;
    background: #f5f5f5;
    color: #403d3d;
    /* margin-top: 6px; */
    border-top: 1px solid #b9cfd6;
    border-right: 1px solid #b9cfd6;
    border-bottom: 1px solid #b9cfd6;
    cursor: pointer;
}
/**23/09/2021 new css by Sherin*/
.customddcss .dropdown-menu {
    min-width: 132px !important;
    left: 0 !important;
}
/**24/09/2021 new css by Sherin*/
.wrapperchips {
    border: 1px solid #b9cfd6;
    padding: 0 2px;
    margin: 3px 6px;
    border-radius: 3px;
}

.w-col1 {
    width: 10.333333% !important;
}

/**27/09/2021 new css by Sherin*/
.customattch .dropdown-menu {
    left: -17px !important;
}

.wrapperattachtable table {
    width: 100%;
    border-collapse: collapse;
}

.wrapperattachtable td, th {
    border: 1px solid #d4d4d4;
    padding: 5px 10px;
    font-size: 13px;
    font-weight: 500;
}

.wrapperattachtable thead {
    background: ghostwhite;
}

.wrapperattachtable {
    padding: 10px;
}

    .wrapperattachtable i {
        font-size: 13px;
        color: red;
    }

    .wrapperattachtable tr:nth-child(even) {
        background: ghostwhite;
    }

.m-0 {
    margin: 0;
}

.customattch button {
    background: #3a3f51 !important;
    border: 1px solid #3a3f51 !important;
    color: #ffffff;
}

.wrapper-checkbox input {
    width: 18px;
    height: 18px;
    cursor: pointer;
}

.wrapper-checkbox {
    display: flex;
}

.negmargnlabel .form-check-label {
    margin-left: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.wrapper-checkbox {
    display: flex;
    margin-top: 5px;
}

.customnotes .nameround {
    width: 35px;
    text-align: center;
    height: 35px;
    padding: 9px 6px;
    font-size: 16px;
    border-radius: 50%;
    /* margin: auto; */
}

customnotes h4, h6, p {
    margin: 0 !important;
    margin-bottom: 5px !important;
}

.customnotes h6 {
    font-size: 14px;
    font-weight: 700;
}

.customnotes p {
    font-size: 13px;
    color: gray;
    margin-top: 0px !important;
}

.customnotes strong {
    color: #3a3f51;
}

.customnotes svg {
    color: #1ea9d4;
    vertical-align: sub;
}

.customnotes h4 {
    color: black;
    margin: 5px 0;
}

.customnotes {
    width: 100%;
    background: ghostwhite;
    margin-bottom: 5px;
    padding: 5px;
    border-radius: 5px;
    position: relative;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
    border: 1px solid gainsboro;
}

    .customnotes i {
        color: #1ea9d4;
        vertical-align: sub;
        font-size: 16px;
        margin-left: 2px;
    }

.editdelete {
    position: absolute;
    right: 15px;
    cursor: pointer;
    z-index: 1;
}

.customnotes .fa.fa-pencil {
    color: #fd7e14 !important;
}

.editdelete .fa.fa-trash {
    color: #e91e63 !important;
}

.trailrecent {
    margin: 0;
    right: 0 !important;
    left: inherit !important;
}

.reportednumber a {
    padding-left: 9px;
    color: #fff;
}

.reportednumber img {
    width: 17px;
    vertical-align: sub;
}

.customnonecss {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
}

.trailbox:hover {
    background: #7bd4ef17;
}

.activityassign {
    color: #fff;
    background: #1da6d0;
}

.activitycompletd {
    color: #fff;
    background: #198754;
}

.activitypending {
    color: #fff;
    background: #fd7e14;
}

.reschdulereassign {
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    /* text-align: center; */
    width: 20%;
    background: #fff;
    border: 1px solid ghostwhite;
    /* text-align: center; */
    float: none !important;
    padding: 10px;
    top: 20px;
    z-index: 1;
    border-radius: 5px;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
    display: none;
}

    .reschdulereassign ul {
        margin-block-end: 0 !important;
        margin-block-start: 0 !important;
        padding-inline-start: 0 !important;
    }

.mainreschedulereassign {
    position: relative;
}

.reschdulereassign li {
    padding: 5px 10px;
    border-bottom: 1px solid ghostwhite;
    cursor: pointer;
}

.wrappertable table {
    width: 100%;
    border-collapse: collapse;
}

.wrappertable td {
    border: 1px solid #dedee3;
    padding: 5px 10px;
    font-size: 13px;
}

.wrappertable th {
    background: #3fc0e8;
    border: none;
    color: #ffffff;
}

.textelipsisoutcome {
    width: 300px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
}

.outcomeadd i {
    color: #fff;
    font-size: 22px;
}

.outcomeadd .btn {
    background: transparent;
}

.outcomeadd {
    position: absolute;
    right: 5px;
    top: 8px;
}

.position-relative {
    position: relative;
}

.wrappertable i {
    color: #02618f;
    font-size: 19px;
    cursor: pointer;
}

.yellowcolor {
    color: #fff707 !important;
}

.orangishyellow {
    color: #ffc64d !important;
}

.orangishred {
    color: #f77250 !important;
}
/*CSS for Stock locaton transfer form on 22/10/21*/
.ballqty {
    background: aliceblue;
    padding: 10px;
    margin: 5px !important;
    border-radius: 5px;
    font-size: 14px;
    color: #383d4e;
    border: 1px solid #eaeaef;
}

.stockloc i {
    font-size: 15px;
    border: 1px solid;
    padding: 4px 5px;
    width: 25px;
    height: 25px;
    color: #ffffff;
    background: #3fc0e8;
    border-radius: 3px;
    cursor: pointer;
}

.wrappertablenew table {
    width: 100%;
    border-collapse: collapse;
}

.wrappertablenew th {
    background: #3fc0e894;
}

.wrappertablenew td {
    border: 1px solid #dedee3;
    padding: 5px 10px;
    font-size: 13px;
}

.wrappertablenew tr:nth-child(even) {
    background: ghostwhite;
}

.wrappertablenew th {
    background: #3fc0e8;
    color: #ffffff;
}

.textelipsis {
    width: 150px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
}

.wrappercommontable .commonTableCell .btn {
    padding: 2px 4px !important;
    width: 25px;
    height: 25px;
}



.wrappertablenew tbody {
    overflow-y: auto;
    height: 170px;
}

i {
    cursor: pointer;
}

/*indivial loader by 300300*/
.divcustomloader img {
    position: absolute;
    top: 150px;
    left: 0;
    right: 0;
    margin: auto;
    width: 50px;
}



/*added these classes form market place*/

/*global css for text area*/
.customtextarea {
    max-height: 70px !important;
    width: 100% !important;
    border: 1px solid #b9cfd6;
    font-size: 13px;
    border-radius: 4px;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    padding: 2px 7px !important;
    height: auto;
    margin-bottom: 0 !important;
}
/*global css for text area end*/

.btn-primary {
    color: #ffffff !important;
    background-color: #016a97;
    /*border-color: #5899eb;*/
}

.qtyrate {
    text-align: right;
    width: 120px;
}

.newiconbtn {
    padding: 0px 4px !important;
    height: 22px !important;
}

    .newiconbtn em {
        font-size: 14px !important;
    }





/*marketplace classes end*/

/*.border_box {
    overflow-y: auto !important;
    height: 450px !important;
}*/




/*12nov2021*/


.position-relative {
    position: relative;
}

.top130px {
    top: 130px !important;
}

.wrappertablenew table {
    width: 100%;
    border-collapse: collapse;
}

.wrappertablenew th {
    background: #3fc0e894;
    border: none;
}

.wrappertablenew td {
    border: 1px solid #dedee3;
    padding: 3px;
    font-size: 13px;
    width: 11vw !important;
}

.wrappertablenew th {
    background: #3fc0e8;
    border: none;
    color: #ffffff;
    width: 11vw !important;
}

.textelipsis {
    width: 150px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
}

.wrappertablenew thead {
    display: table;
    table-layout: fixed;
}

.wrappertablenew tbody {
    display: block;
    overflow-y: auto;
    height: 100px;
}



.wrappertablenew svg {
    font-size: 23px;
    cursor: pointer;
}

.wrapperpanel button.close {
    margin: 2px 5px !important;
    opacity: 1 !important;
    width: 25px !important;
    height: 25px !important;
    padding: 0px !important;
    line-height: 0 !important;
}

.wrapperpanel .form-check-input {
    width: 15px;
    height: 15px;
    cursor: pointer;
}

.customradio {
    margin: 0 !important;
    cursor: pointer;
    width: 15px;
    height: 15px;
    vertical-align: middle;
}

.position-relative {
    position: relative;
}

.addbtn svg {
    position: absolute;
    right: 15px;
    /* top: 0; */
    margin-top: 3px;
    color: #fff;
    width: 19px;
    height: 19px;
    cursor: pointer;
}

.cursorpointer {
    cursor: pointer;
}
/*.prodbgcss {
    background: #1f20200f;
    padding: 10px !important;
    border-radius: 10px;
}*/

.boxprodamt {
    border: 1px solid #e0e0e3;
    padding-bottom: 3px;
    text-align: center;
    border-radius: 5px;
    margin-bottom: 3px;
    background: #fff;
    box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%) !important;
}

    .boxprodamt h6 {
        background: #3fc0e838;
        padding: 5px;
    }

.wrapperpanel label {
    font-size: 13px !Important;
}

/*changed by sherin 3003000 on 14-06-2022*/
.panel-heading label {
    font-size: 14px !important;
    font-weight: 300;
    /*ADD by Jitendra shinde  on 08-03-2023*/
    margin-top: 5px;
}

.boxprodamt p {
    text-align: right;
    padding-right: 5px;
    font-size: 15px;
}

.divcustomloader .line-scale-pulse-out {
    position: absolute;
    top: 100px;
    right: 0;
    left: 0;
    text-align: center;
}

.wrapper-vendorform h6 {
    background: #cfdbe2;
    border-top: 1px solid #b2c1c9;
    padding: 5px;
    font-size: 14px;
    margin-top: 5px !important;
    font-weight: 600;
    color: #6e6e6e;
}



.btn-primary {
    color: #ffffff !important;
    background-color: #016a97;
    /*border-color: #5899eb;*/
}

.qtyrate {
    text-align: right;
    width: 120px;
}

.newiconbtn {
    padding: 0px 4px;
    height: 22px;
}

    .newiconbtn em {
        font-size: 14px !important;
    }

.addpopupcss {
    text-align: center;
    color: #707070;
    margin: 10px !important;
}
    /*grayandtransparentbg add modalbtn*/
    .addpopupcss span {
        border: 1px solid #27c24c;
        background: #27c24c;
        color: #fff;
        padding: 3px 10px;
        border-radius: 3px;
        cursor: pointer;
        font-size: 13px;
    }

    /*grayandtransparentbg add modalbtn*/
    .addpopupcss .grayspan {
        border: 1px solid;
        padding: 3px 10px;
        border-radius: 3px;
        cursor: pointer;
        font-size: 13px;
    }

/*
.border_box {
    overflow-y: auto !important;
    height: 450px !important;
}*/

.dashhedsepration {
    margin: 3px !important;
    border-bottom: 1px dashed #c3c3c3;
    border-top: 0;
}

.diplaydata {
    padding: 3px;
    border-bottom: 2px solid #cbdadf;
    cursor: not-allowed;
    color: gray;
    background: #cbdadf45;
}

/*changes content 20/01/2022 by 300300*/
.subcatcss {
    font-size: 15px;
    padding: 5px 10px;
    background: #dbe8ea;
    margin-bottom: 0px !important;
    border-top: 1px solid #ababab;
    font-family: 'playregular';
    border-bottom: 1px solid #ababab;
    font-weight: 700;
}

.erromsg {
    color: #d14646;
    font-size: 12px;
}


.descellipsis {
    width: 360px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
}

.addbtncss i {
    color: #4caf50;
    font-size: 25px;
    cursor: pointer;
}

/**27/09/2021 new css by Sherin*/
.customattch .dropdown-menu {
    left: -17px !important;
}

.wrapperattachtable table {
    width: 100%;
    border-collapse: collapse;
}

.wrapperattachtable td, th {
    border: 1px solid #f4f4f9;
    padding: 5px 10px;
    font-size: 13px;
    font-weight: 500;
}

.wrapperattachtable thead {
    background: ghostwhite;
}

.wrapperattachtable {
    padding: 10px;
}

    .wrapperattachtable i {
        font-size: 13px;
        color: red;
    }

    .wrapperattachtable tr:nth-child(even) {
        background: ghostwhite;
    }

.m-0 {
    margin: 0;
}

.customattch button {
    background: #3a3f51 !important;
    border: 1px solid #3a3f51 !important;
    color: #ffffff;
}

.wrapper-checkbox input {
    width: 18px;
    height: 18px;
    cursor: pointer;
}

.wrapper-checkbox {
    display: flex;
}

.negmargnlabel .form-check-label {
    margin-left: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.wrapper-checkbox {
    display: flex;
    margin-top: 5px;
}

.customnotes .nameround {
    width: 30px;
    text-align: center;
    height: 30px;
    padding: 5px;
    font-size: 16px;
    border-radius: 50%;
    border: 2px solid;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
}

customnotes h4, h6, p {
    margin: 0 !important;
    margin-bottom: 5px !important;
}

.customnotes h6 {
    font-size: 14px;
    font-weight: 700;
}

.customnotes p {
    font-size: 13px;
    color: gray;
    margin-top: 0px !important;
}

.customnotes strong {
    color: #3a3f51;
}

.customnotes svg {
    color: #1ea9d4;
    vertical-align: sub;
}

.customnotes h4 {
    color: black;
    margin: 5px 0;
}

.customnotes {
    width: 100%;
    background: ghostwhite;
    margin-bottom: 5px;
    padding: 5px;
    border-radius: 5px;
    position: relative;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
    border: 1px solid gainsboro;
}

    .customnotes i {
        color: #1ea9d4;
        vertical-align: baseline;
        font-size: 16px;
        margin-left: 2px;
    }

.editdelete {
    position: absolute;
    right: 15px;
    cursor: pointer;
    z-index: 1;
}

.customnotes .fa.fa-pencil {
    color: #fd7e14 !important;
}

.editdelete .fa.fa-trash {
    color: #e91e63 !important;
}

.trailrecent {
    margin: 0;
    right: 0 !important;
    left: inherit !important;
}

.reportednumber a {
    padding-left: 9px;
    color: #fff;
}

.reportednumber img {
    width: 17px;
    vertical-align: sub;
}

.customnonecss {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
}

.trailbox:hover {
    background: #7bd4ef17;
}

.activityassign {
    color: #fff;
    background: #1da6d0;
}

.activitycompletd {
    color: #fff;
    background: #198754;
}

.activitypending {
    color: #fff;
    background: #fd7e14;
}

.activitytransfer {
    background: #0d6efd;
    color: #fff;
}

.activitdelayed {
    background: #dc3545;
    color: #fff;
}

.reschdulereassign {
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    /* text-align: center; */
    width: 20%;
    background: #fff;
    border: 1px solid ghostwhite;
    /* text-align: center; */
    float: none !important;
    padding: 10px;
    top: 20px;
    z-index: 1;
    border-radius: 5px;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
    display: none;
}

    .reschdulereassign ul {
        margin-block-end: 0 !important;
        margin-block-start: 0 !important;
        padding-inline-start: 0 !important;
    }

.mainreschedulereassign {
    position: relative;
}

.reschdulereassign li {
    padding: 5px 10px;
    border-bottom: 1px solid ghostwhite;
    cursor: pointer;
}

.wrapperpanel button.close {
    margin: 2px 5px !important;
    opacity: 1 !important;
    width: 25px !important;
    height: 25px !important;
    padding: 0px !important;
    line-height: 0 !important;
}

.termscondipopup li {
    list-style: circle;
    font-size: 13px;
    margin: 5px 0;
    text-align: justify;
}

.termscondipopup ul {
    padding-inline-start: 20px;
}

.colorblue {
    color: #1061a7;
}

.termscondipopup .main-popup-section {
    margin: 150px auto;
}

.colororange {
    color: #f0801c;
}

.profiletrail img {
    max-width: 100%;
    max-height: 100%;
    box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%) !important;
    border: 2px solid #e5e5e5;
}

.profiletrail {
    width: 30px;
    height: 30px;
    cursor: pointer;
    /* box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%) !important; */
}

.userpicture img {
    max-width: 100%;
    max-height: 100%;
    border: 1px solid #dddddd;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
    border: 2px solid ghostwhite;
}

.userpicture {
    width: 100%;
    overflow: hidden;
    height: auto;
    margin: auto;
    border-radius: 10px;
}

.basicinfo {
    top: 40px;
    position: absolute;
    width: 70%;
    background: #fffefe;
    padding: 10px;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
    border-radius: 0;
    border-top: 3px solid #3ec0e8;
    display: none;
    z-index: 1;
}

    .basicinfo p {
        color: #383d4e !important;
        font-weight: 700;
    }

.closecssbasicinfo {
    position: absolute;
    z-index: 1;
    right: 10px;
    top: 5px;
    border: 1px solid red;
    padding: 1px;
    width: 20px;
    border-radius: 2px;
    height: 20px;
}

    .closecssbasicinfo i {
        padding: 0 !important;
        color: red;
        cursor: pointer;
        font-size: 15px !important;
    }

.expired-date-box p span {
    color: #c0f1cc !important;
}

.expired-date-box p {
    font-size: 12px !important;
}

.popupbodyscroll {
    height: 400px;
    overflow: auto;
}

.customfooterbody {
    background: #ededed !important;
    border-top: 1px solid #b2c1c9;
    padding: 6px 0;
    position: relative;
    margin-top: 10px;
}

/*28/12/2021 by 300300*/
.addpopupbtnmr0 {
    margin: 0 !important;
}

.Editor-container p {
    text-indent: inherit !important;
}

.agenda-content p {
    text-indent: inherit !important;
}

/*added by sherin for input type number*/

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}
/*added by sherin for menus*/
.wrapperboderbox ul {
    width: 50%;
}

.wrapperboderbox {
    height: auto !important;
    overflow: auto;
}

    .wrapperboderbox .menu-column.even {
        background-color: #f2f2f2;
        height: auto;
        padding: 0 5px 40px;
        margin-top: 5px;
    }

    .wrapperboderbox .menu-column .menu-item a {
        padding: 4px 0 0px 10px !important;
        margin: 0 15px !important;
    }

    .wrapperboderbox .menu-column .heading {
        margin-top: 0;
    }

.wrapper-graph canvas {
    width: 100% !important;
}

.wrapper-graph {
    border: 1px solid #b4b4b7;
    background: #fff;
    border-radius: 5px;
    padding: 10px;
    margin-top: 5px;
}

/*300268*/
.pendingticketbg {
    background: #ff9800b3;
    border: 1px solid #ff9800c2;
}

.wipticketbg {
    background: #8bc34a;
    border: 1px solid #6d9d36;
}

.wipticketbg {
    background: #8bc34a;
    border: 1px solid #6d9d36;
}

.reminderticketbg {
    background: #00bcd4;
    border: 1px solid #0791a3;
}

.highpriorticketbg {
    background: #f44336b8;
    border: 1px solid red;
}

.pendingticket {
    /*  float: right;*/
    background: #ff980045;
    padding: 0px 5px;
    border-radius: 3px;
    color: #ff5722;
    border: 1px solid #f9b04685;
    font-size: 12px;
    margin-bottom: 0 !important;
    margin-right: 5px;
}

.wipticket {
    /*   float: right;*/
    background: #8bc34a1f;
    padding: 0px 5px;
    color: #009688;
    font-size: 12px;
    border: 1px solid #8bc34a99;
    border-radius: 3px;
    margin-bottom: 0 !important;
    margin-right: 5px;
}

.reminderticket {
    /* float: right;*/
    background: #00bcd414;
    padding: 0px 5px;
    border: 1px solid #00bcd47d;
    border-radius: 3px;
    color: #05a1b5;
    font-size: 12px;
    margin-bottom: 0 !important;
    margin-right: 5px;
}

.highpriorticket {
    background: #f2716808;
    padding: 0px 5px;
    border: 1px solid #f27168;
    border-radius: 3px;
    color: #f27168;
    font-size: 12px;
    margin-bottom: 0 !important;
    margin-right: 5px;
}

.servicedeskcss .commonTableCell {
    border: 1px solid #efefef !important;
}

.wrapperbodyservice p {
    padding: 5px;
}

.textwrapservicedesk {
    width: 300px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
}

.servicedskmaindv {
    display: flex;
    /* border: 1px solid; */
    width: 100%;
}

    .servicedskmaindv h5 {
        margin: 0;
        color: #fff;
        font-weight: 500;
        text-align: center;
        font-size: 15px;
        border-radius: 2px 2px 0 0;
    }

.wrappercardservice {
    border: 1px solid #e3e3e3;
    margin: 0 2px;
    border-radius: 2px;
    background: #fbfbfb;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
}

.wrapperbodyservice {
    padding: 5px;
    /* text-align: center; */
}

.areaclass button {
    width: 100%;
    margin-bottom: 5px;
    padding: 10px !important;
    border: 2px solid #fff;
    background: #266091;
    text-transform: capitalize;
    color: #fff;
    border-radius: 5px;
    font-size: 13px;
    white-space: nowrap;
}



.areaclass .col-md-1 {
    width: 20%;
}

.graphsubtags .subtagsbox {
    height: 130px;
    text-align: center;
    margin: 5px;
    padding: 5px;
    background: #E0E0E0;
    border-radius: 2px;
    box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%) !important;
}

.graphsubtags .col-md-1 {
    width: 20%;
    padding: 0;
}

.subtagsbox h6 {
    font-size: 15px;
    color: #000;
    font-weight: 500;
    margin-top: 10px !important;
    font-family: arial;
    height: 35px;
}

.innersubtagsbox {
    padding: 10px;
    width: 75%;
    margin: 5px auto;
    border-radius: 1px;
    font-size: 14px;
    color: #fff;
    background: #fff;
    font-weight: 700;
    font-family: 'DigitalNumbers-Regular';
}

.ledsubtagbox {
    border-style: ridge;
    padding: 5px;
    border-color: #afaebd;
    /*background: #000 !important;*/
    border-radius: 11px;
}

.innerbottomcount span {
    color: #000;
    font-weight: 600;
    /* border-right: 1px solid; */
}

.graphsubtags {
    margin-top: 0;
    padding: 5px;
}

.areaflexdv {
    display: flex;
    width: 100%;
    overflow-x: auto;
}

.areamainbtndv {
    width: auto;
}

.newdashboardgraph .panel-body {
    padding: 3px !important;
    background: #f7f7f7;
}

.innerbottomcount p {
    /*  background: #fff;
    width: 60px;*/
    font-size: 12px;
    /* padding: 3px 10px;*/
    /*    border-radius: 1px;*/
    font-weight: 700;
    color: #000 !important;
}

.loginpmcss {
    max-width: 400px;
    position: absolute;
    margin: auto;
    width: 100%;
    left: 0;
    top: 30vh;
    right: 0;
}

.graphvaluesingledv {
    max-width: 30%;
    text-align: center;
    margin: auto;
    background: #1ea9d4;
    padding: 10px;
    color: #fff;
    border-radius: 5px;
    font-size: 13px !important;
}

.screwimg {
    width: 20px;
    height: 20px;
    overflow: hidden;
    position: absolute;
}

    .screwimg img {
        max-width: 100%;
        max-height: 100%;
    }

.subtagsbox {
    position: relative;
}

.posleft {
    left: 2px;
    top: 2px;
}

.posright {
    right: 0px;
    top: 2px;
}

.posbottomleft {
    bottom: 0;
    left: 2px;
}

.posbottomright {
    right: 0px;
    bottom: 0px;
}

.innerbottomcount {
    width: 75%;
    margin: auto;
}

.tagflex {
    display: flex;
}

.tagwidth {
    width: 50%;
}

.subtagbpanelody {
    height: 70vh;
    overflow: auto;
}
/*Only for SASS*/
/*@font-face {
    font-family: 'Digital Numbers Regular';
    font-style: normal;
    font-weight: normal;
    font-family: 'DigitalNumbers-Regular';
    src: url('../../Fonts/digital-numbers-cufonfonts-webfont/DigitalNumbers-Regular.woff') format('woff');
}*/
@font-face {
    font-family: 'DigitalNumbers-Regular';
    src: url('../../Fonts/digital-numbers-cufonfonts/DigitalNumbers-Regular.ttf') format('truetype');
}
/*2022-03-25*/
.remindercss {
    width: 30%;
    position: fixed;
    bottom: 5px;
    right: 5px;
    z-index: 9999;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
    border-radius: 5px;
    border: 1px solid white;
}

.reminderheader {
    background: #1278c9;
    padding: 5px;
    color: #f5f7fa;
    border-radius: 5px 5px 0 0;
}

.remindercss a {
    color: #f5f7fa;
    font-size: 12px;
    margin-right: 5px;
}

.reminderbody {
    background: #fbfbfb;
    padding: 10px;
    border-radius: 0 0 5px 5px;
}

.alarmicon {
    color: #0060c1;
    vertical-align: middle;
    margin-right: 5px;
}

.closeremindercss {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 1;
}

.border-right {
    border-right: 1px solid;
}

.texttable {
    font-size: 5px;
    color: #ffffff;
    font-weight: 700;
    text-align: center;
    border: 1px solid #bbb9b9;
    padding: 5px;
    margin: 5px;
    border-radius: 5px;
    background: #23b7e5;
}

    .texttable small {
        font-size: 12px;
        font-weight: 700;
    }

.customremindtop115 {
    bottom: 115px !important;
}

.customremindtop230 {
    bottom: 230px !important;
}

.campaigninput {
    padding: 15px !important;
    margin-bottom: 0 !important;
}

.btnnone {
    background: none !important;
    border: none !important;
}

@media only screen and (max-width: 768px) {
    .areamainbtndv {
        width: auto;
    }

    .graphsubtags .col-md-1 {
        width: 100% !important;
    }
}

/*MOM Class*/

.meetingdetail {
    margin-top: 3px;
    padding: 5px 10px 5px 5px;
    border-radius: 5px;
    border: 1px solid #e7e7e7;
    cursor: pointer;
    margin-right: 5px;
}

    .meetingdetail:nth-child(odd) {
        background: #ededed;
    }

    .meetingdetail:nth-child(even) {
        background: ghostwhite;
    }



.meetingui {
    overflow-y: auto;
    height: 600px;
}

.clicktocall img {
    width: 27px;
    border: 1px solid;
    padding: 3px 5px;
    border-radius: 3px;
}

.meetinflex {
    display: flex;
    width: 100%;
}

.meeting100per {
    width: 100% !important;
}

.meeting40per {
    width: 40%;
}

.h-100vh {
    height: calc(100vh - 80px);
}

.meeting60per {
    width: 60%;
}

.participants_image {
    width: 20px;
    height: 20px;
    overflow: hidden;
    border-radius: 50%;
    position: relative;
    margin: auto;
}

.participants_image {
    width: 20px;
    height: 20px;
    overflow: hidden;
    border-radius: 50%;
    position: relative;
}

    .participants_image img {
        max-height: 100%;
        max-width: 100%;
    }

momtextearea {
    max-height: 1000px !important;
}

.boxmeetingstatus {
    height: 45px;
    padding: 25px 2px 0 2px;
    font-size: 11px;
    /* bottom: 0; */
    text-align: center;
    border-radius: 3px;
}

.arrowcss i {
    font-size: 25px;
    vertical-align: -webkit-baseline-middle;
    margin-top: 10px;
}

.closesidebararrow {
    display: none;
}

.meetinguicss {
    background: #ededed;
    border: 1px solid #e7e7e7;
    border-radius: 5px;
    position: relative;
}

.closemeetingdiv {
    position: absolute;
    right: 10px;
}

.popoutcss {
    font-size: 18px;
    margin-right: 8px;
    vertical-align: super;
    color: #607d8b;
}


.participantdatamain {
    padding: 10px;
    border-radius: 5px;
    position: relative;
    display: flex;
    width: 100%;
    background: #fff !important;
}

.onlineoffline {
    width: 10px;
    height: 10px;
    position: absolute;
    top: -5px;
    left: 5px;
}

    .onlineoffline i {
        font-size: 10px;
    }

.participantrowcss {
    padding: 3px 0;
    font-size: 13px;
    cursor: pointer;
}

.acceptdeclineMeeting {
    display: none;
    top: 20px;
    text-align: center;
    position: absolute;
    left: -10px;
    box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%) !important;
    padding: 5px 10px;
    background: #e5f4fb;
    border: 1px solid #dddddd;
    z-index: 1;
    font-size: 12px;
    border-radius: 0px 5px 5px 5px;
    width: 45%;
}

.participantrowcss:hover .acceptdeclineMeeting {
    display: block;
}

.showparticipantcss ul {
    padding-inline-start: 0;
}

.showparticipantcss {
    background: white;
    padding: 10px;
    border-radius: 5px;
    height: 124px;
    overflow-y: auto;
    margin-top: 5px;
    border: 1px solid #dfdfdf;
}

.popoutshowparticipant {
    display: none;
}

.participantdatacol {
    /*border-right: 1px solid #b9cfd6;*/
    padding: 5px;
}

.width33_3per {
    width: 33.3%;
}

#allParticipants .main-popup-section {
    margin: 250px auto;
}

#addParticipants .main-popup-section {
    margin: 200px auto;
}

#addmomdetail .main-popup-section {
    margin: 300px auto;
}

.cursornotallowed {
    cursor: not-allowed;
}

/*19/04/2022 Conversation UI*/

.display-flex {
    display: flex;
    width: 100%;
}

.mar-lauto {
    margin-left: auto;
}

.commondlineiconli {
    margin-top: 12px;
    margin-left: 10px;
    text-align: left;
    cursor: pointer;
    position: absolute;
    top: 92vh;
    left: 0;
    z-index: 1;
    bottom: 15px;
    width: 100%;
}

.converseiconli {
    margin-top: 12px;
    margin-left: 10px;
    text-align: left;
    cursor: pointer;
    position: absolute;
    top: 85vh;
    left: 0;
    z-index: 1;
    bottom: 15px;
    width: 100%;
}

/*.converseiconli {
    cursor: move;
    position: absolute;
    z-index: 99;
    top: 85vh;
    right: 10px;
    width: 100px !important;
}*/
#conversepopup .main-popup-section {
    margin: 40px auto;
    padding: 10px !important;
}

#conversepopup {
    z-index: 1;
    display: none;
    top: 10px !important;
    height: 100vh;
}

.conversemaindiv {
    display: flex;
    width: 100%;
    background: #fff;
}



.conversemainsidebar {
    width: 30%;
    background: white;
    border-right: 1px solid #d7d7d7;
    box-shadow: 0 1rem 3rem rgba(0,0,0,.175) !important;
}

.conversemainsection {
    background-image: url(../../Images/conversewallpaperbg.png);
    background-size: contain;
    width: 70%;
    background-position: center;
}

.converseheadertext {
    height: 44px;
    background: #e9e9e9;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
    border-bottom: 1px solid #dfdfdf;
}

.converseheadersidebar h6 {
    font-size: 20px;
    padding: 10px;
    font-weight: 600;
    color: black;
}

.converseheadertext h6 {
    padding: 10px 5px;
}

.converseheadersidebar {
    background: #e9e9e9;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
    border-bottom: 1px solid #dfdfdf;
    position: relative;
}

.converseheadertext i {
    vertical-align: -webkit-baseline-middle;
    cursor: pointer;
}

.conversemainsidebar ul {
    padding-inline-start: 0;
    padding-left: 8px;
}



.conversedp img {
    max-width: 100%;
    max-height: 100%;
}
/*viewmode css for conversation*/
.viewmodesidebar {
    display: none;
}

.viewmodebg {
    width: 100% !important;
}

.viewmodeconvomainsec {
    width: 100% !important;
}

.viewmodelabel {
    display: none
}

.viewmodeuserinfo {
    width: 100% !important;
}

.viewmodemsg {
    text-align: center;
    color: #3a3f51;
    font-style: normal;
    font-size: 15px;
    cursor: no-drop;
}

.menugroupprivate {
    background: white;
    width: 100px;
    padding: 5px;
    box-shadow: rgb(0 0 0 / 15%) 1.95px 1.95px 2.6px;
    position: absolute;
    /* border-radius: 5px; */
    border: 1px solid #27c2515e;
    z-index: 1;
    top: 20px;
    border-radius: 3px;
    right: 25px;
    font-size: 12px;
    display: none;
}

    .menugroupprivate ul {
        margin: 0;
        padding-inline-start: 0;
    }

    .menugroupprivate li {
        font-size: 13px !important;
        cursor: pointer;
        padding: 2px 0;
        color: #097022;
        font-family: 'playregular';
    }

    .menugroupprivate svg {
        vertical-align: text-bottom;
    }

.conversesearch {
    background: ghostwhite;
    padding: 5px;
    position: relative;
}

.conversesearcinput input {
    margin: 0 !important;
    border-radius: 25px;
    text-align: center;
    height: 30px !important;
}

.searchicon {
    position: absolute;
    top: 10px;
    right: 10px;
    background: #fff;
    cursor: pointer;
    padding: 0 5px;
}

.conversedp {
    width: 40px;
    height: 40px;
    overflow: hidden;
    border-radius: 50%;
    margin: auto;
    margin-top: 5px;
    border: 1px solid #e9e9e9;
}

.colconvoname strong {
    font-family: 'playregular';
    font-size: 13px !important;
}

.conversemaindiv p {
    font-family: 'playregular';
}

.msgtruncate {
    white-space: nowrap;
    width: 95%;
    overflow: hidden;
}

.conversecountbadge {
    border: 1px solid #4caf50;
    padding: 0 5px;
    border-radius: 4px;
    background: #4caf50;
    color: #fff;
}

.forestgreencolor {
    color: forestgreen;
}

.conversesrow {
    border-bottom: 1px solid #dbdbdb;
    cursor: pointer;
    padding: 2px 0;
    display: flex;
}

    .conversesrow:hover {
        color: forestgreen;
    }

.colconvo {
    width: 15%;
}

.colconvodatetime {
    width: 15%;
    margin-right: 5px
}

.colconvoname {
    width: 70%;
}

.wrapperconverses {
    height: 70vh;
    overflow-y: auto;
    overflow-x: hidden;
}

.convochatflex {
    display: flex;
}

.chadpnameheaderright {
    width: 40px !important;
    height: 40px !important;
}

.headinglabelname {
    width: 30%;
}

.headinguserinfo {
    width: 70%;
    display: flex;
}

.headinguserimage {
    width: 5%;
}

.headingclose {
    width: 10%;
}

.mainconversewindow {
    height: 63.5vh;
    overflow-y: auto;
}

.headingusername {
    width: 85%;
    padding-top: 12px;
    font-family: 'playregular';
}

    .headingusername p {
        font-size: 17px;
        margin-left: 5px !important;
        cursor: pointer;
        white-space: nowrap;
        width: 70%;
        text-overflow: ellipsis;
        overflow: hidden;
    }

        .headingusername p:hover {
            color: forestgreen;
        }

.conversewindowfooter {
    background: #e9e9e9;
    box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%) !important;
    border-top: 1px solid #dfdfdf;
    padding: 5px 5px 0 5px;
    /*position: absolute;*/
    width: 100%;
    z-index: 1;
    bottom: 0;
}

    .conversewindowfooter svg {
        cursor: pointer;
        border: 1px solid #32ab8d;
        width: 35px;
        height: 35px;
        padding: 7px;
        border-radius: 5px;
        background: #4caf50;
        color: #fff;
    }

.messagesent {
    background: #e9f1df;
    padding: 5px;
    margin: 10px;
    width: 70%;
    border: 1px solid #d1cfcf;
    border-radius: 0px 10px 10px 10px;
    position: relative;
}



.messagereceived {
    background: #fff;
    padding: 5px;
    margin: 10px;
    width: 70%;
    border: 1px solid #d1cfcf;
    border-radius: 10px 0px 10px 10px;
    margin-left: auto;
    position: relative;
}

.mainconversewindow p {
    font-size: 1vw;
    margin: 0 !important;
    padding: 0 !important;
    word-break: break-word;
}

.conversationsvg {
    vertical-align: middle;
    color: #ffffff;
    background: #26be4b;
    padding: 9px 4px 4px 5px;
    border-radius: 5px;
    border: 3px solid #34b091;
    box-shadow: 0 1rem 3rem rgb(0 0 0 / 18%) !important;
}

.converseiconli .badgecss {
    position: absolute;
    top: -8px;
    z-index: 1;
    left: -2px;
    background: #f71212;
    border-radius: 50%;
    color: #ffffff;
    font-size: 10px;
    text-align: center;
    width: 22px;
    padding-top: 2px;
    height: 22px;
}

.unreadmsg {
    border-radius: 15px;
    background: #ffffff63;
    text-align: center;
    margin-top: 10px;
    margin: 5px;
    border: 1px solid #efefef;
    padding: 1px;
    font-weight: 500;
    color: #32ab8c;
}

.dropdownarrow {
    position: fixed;
    right: 50px;
    bottom: 20%;
    background: #30a587;
    width: 30px;
    padding: 8px 6px;
    height: 30px;
    color: #fff;
    border-radius: 50%;
    cursor: pointer;
}

.converseDot {
    color: #e93e3e;
    cursor: pointer;
}

.loadconverse {
    top: 15px;
    position: absolute;
    z-index: 1;
    background: #ffffffd9;
    color: #000;
    padding: 5px;
    /* right: 0; */
    max-width: 700px;
    left: 0;
    /* text-align: center; */
    border: 1px solid #8080803d;
    font-size: 12px;
    margin: auto;
    border-radius: 30px;
    font-weight: 700;
    font-family: 'playregular';
}

#conversepopup .panel {
    border: 4px solid #31a98b;
    box-shadow: 0 1rem 3rem rgba(0,0,0,.175) !important;
}

.mainconversewindow strong {
    color: #4caf50;
    font-weight: 600 !important;
}

.converemenureplycopy {
    position: absolute;
    right: 10px;
    top: 15px;
    background: #ffffff;
    border: 1px solid ghostwhite;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
    width: 15%;
    border-radius: 5px 0 5px 5px;
    display: none;
}

    .converemenureplycopy ul {
        padding-inline-start: 0;
        margin-bottom: 0;
    }

    .converemenureplycopy li {
        border-bottom: 1px solid #f3f3f5;
        padding: 2px 5px;
        font-size: 13px;
        cursor: pointer;
    }

.maxwh {
    max-width: 100%;
    max-height: 100%;
}






.imagereceived {
    text-align: center;
    max-width: 300px;
    height: auto;
    border: 1px solid #e9e9e9;
    background: white;
    margin: 5px;
    padding: 5px;
    border-radius: 10px 0px 10px 10px;
    margin-left: auto;
    overflow: hidden;
    cursor: pointer;
    position: relative;
}

.linewrapcss {
    white-space: nowrap;
    width: 400px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.linewrapReplycss {
    white-space: nowrap;
    width: 650px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.imagesent {
    text-align: center;
    max-width: 300px;
    border: 1px solid #e9e9e9;
    background: white;
    margin: 5px;
    padding: 5px;
    border-radius: 0px 10px 10px 10px;
    margin-right: auto;
    overflow: hidden;
    cursor: pointer;
    position: relative;
}

.documentcss svg {
    width: 25px;
    height: 25px;
    vertical-align: middle;
}

.documentcss {
    border: 1px solid #adadb9;
    width: 260px;
    padding: 5px;
    border-radius: 5px;
    margin: 5px;
    background: #fbfff5;
    cursor: pointer;
    position: relative;
}

.docsent .documentcss {
    border-radius: 0 10px 10px 10px !important;
}

.docreceived {
    margin-left: auto;
    /* width: 300px; */
    position: relative;
    /* float: right; */
    width: 30%;
}

    .docreceived .documentcss {
        margin-left: auto;
        border-radius: 10px 0 10px 10px !important;
    }

.attachment {
    position: absolute;
    top: -100px;
    display: none;
}

    .attachment svg {
        background: #33b091;
        border: 1px solid #4caf50;
    }

.conversewindowfooter textarea {
    margin-bottom: 0 !important;
}

.previewdv {
    width: 100%;
    background: #000000ad;
    height: 66vh;
    position: relative;
}

.previewdoc {
    position: absolute;
    background: #fff;
    max-width: 600px;
    /* margin-left: auto; */
    /* padding-top: 100px; */
    right: 0;
    left: 0;
    top: 100px;
    text-align: center;
    padding: 50px;
    /* color: red; */
    /* height: 300px; */
    border-radius: 10px;
    margin: auto;
}

.previewsvgicon svg {
    width: 50px;
    height: 50px;
    color: gray;
}

.previewdvimg {
    width: 800px;
    height: 400px;
    margin: auto;
    overflow: hidden;
    text-align: center;
}

.filenamecss p {
    font-size: 20px;
    margin-top: 10px !important;
    color: #9f4b4b;
}

.filenamecss small {
    color: #000;
    font-weight: 700;
}

.previewdvimg img {
    border-radius: 5px;
    max-height: 100%;
    max-width: 100%;
    padding: 10px;
}

.previewdv span {
    color: #fff !important;
    padding: 10px;
    font-size: 20px;
}

#conversepopup .panel-body {
    padding: 0 !important
}

#sentreceiveimg .main-popup-section {
    margin: 50px auto;
    /* border: none!important; */
    height: 100vh;
}

#sentreceiveimg .panel {
    border: none;
    padding: 20px;
    background: #000000d4;
    height: 86vh !important;
}

.sentrecpreview {
    position: absolute;
    border-radius: 5px;
    width: 800px;
    right: 0;
    top: 10px;
    left: 0;
    margin: auto;
    text-align: center;
    /* border: 1px solid; */
    height: 500px;
    overflow: hidden;
}

#sentreceiveimg img {
    max-width: 100%;
    max-height: 100%;
}

.documentname {
    color: #000;
}

#sentreceiveimg .close span {
    font-size: 25px;
    color: black !important;
}

#sentreceiveimg button {
    background: #fffefe !important;
    width: 25px;
    font-size: 13px;
    height: 25px;
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: 0;
}

#sentreceiveimg .panel-body {
    text-align: center;
    margin: auto;
    position: relative;
}

#sentreceiveimg {
    display: none;
}

.imagesent p {
    text-align: left;
    color: black;
    margin-bottom: 5px !important;
}
/*27/04/2022 added css for suport dashboard by sherin*/
.calllogscroll audio {
    height: 35px;
}

.wrappercall {
    border: 1px solid;
    margin: 5px;
    padding: 5px;
    border-radius: 3px;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
}


    .wrappercall p {
        margin: 0 !important;
        font-size: 13px;
    }


.outgngcss {
    background: #fffaf5;
    color: #fd7e14;
}

.aswredcss {
    background: #ecfff6;
    color: #198754;
}

.missedclcss {
    background: #ffe9eb;
    color: #dc3545;
}

.callstatus svg {
    vertical-align: middle;
    margin-right: 5px;
}

.supportUi .col-md-3 {
    padding: 0;
}

.supportUi .col-md-2 {
    padding: 0 !important;
}

.supportUi svg {
    vertical-align: text-bottom;
}

.calllogscroll {
    height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
}

.notattend {
    background: #f2f9ff;
    color: #23b7e5;
}
/*28/04/2022 added css for suport dashboard by sherin*/
.callstatusnum {
    text-align: center;
}

.wrappercall .col-md-9 {
    padding: 0;
}

.videobtn {
    width: 30px;
    height: 28px;
    padding: 0;
    margin-top: 4px;
    background: #fff;
    border: none;
    border-radius: 2px;
    color: black !important;
}

    .videobtn svg {
        vertical-align: text-top;
    }
/*css form tableheaffix by 300300*/

.headsticky {
    position: sticky;
    top: 0;
    z-index: 1;
}

.tablescrollcustom {
    overflow: auto;
    height: 400px;
}

.tablescroll630 {
    overflow: auto;
    height: 630px;
}

.tablescroll300 {
    overflow: auto;
    height: 300px;
}

.tablescroll200 {
    overflow: auto;
    height: 200px;
}

.tablescroll250 {
    overflow: auto;
    height: 250px;
}

.tablescroll100 {
    overflow: auto;
    height: 100px;
}
/*Added by 300252 for CG target achievement widget*/
.tablescroll550 {
    overflow: auto;
    height: 550px;
}

.tablescroll500 {
    overflow: auto;
    height: 500px;
}

button.btnattchmentreopen {
    padding: 6px 14px;
    border: 1px solid #F6F1C6;
    background: #FFFACC;
    border-radius: 20px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}



/*mainpopup by 300300*/
.main-popup-section .panel-heading {
    background: #cadfff !important;
    padding: 2px 10px !important;
    margin: 0;
    border-radius: 5px;
    box-shadow: aliceblue !important;
    border: 2px solid #3c7cff0f;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
}

.main-popup-section .panel-body {
    padding: 10px !important;
}

.main-popup-section .footer-body {
    background: #f4f6f9 !important;
    border: none !important;
    border-radius: 5px;
}

.main-popup-section .close {
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
}

    .main-popup-section .close span {
        font-size: 30px;
        color: #7e7d7d !important;
    }

.main-popup-section .panel {
    border: 2px solid white;
    box-shadow: 0 1rem 3rem rgba(0,0,0,.175) !important;
}

.main-popup-section .footer-body .btn {
    padding: 3px 15px;
    font-size: 13px;
    /*box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;*/
    border-radius: 2px;
    font-weight: 100;
}

.main-popup-section .panel-heading label {
    color: #002368;
    margin-top: 0px;
}

/*Css form menu*/
.border_box .menu-column {
    background: #fbfbfb;
}

    .border_box .menu-column .heading a {
        color: #0d66aa !important;
        padding: 6px 0 5px 0;
    }

.border_box li {
    list-style-type: disc !important;
    color: #0963a9;
}

.border_box em.fa {
    display: none;
}

.border_box .unit {
    padding: 3px 10px !important;
}

.menuscroll600 {
    height: 600px !important;
    overflow: auto !important;
}

.menuscroll500 {
    height: 500px !important;
    overflow: auto !important;
}


/* css for customerwiseticket*/
.custtickets .checkbox.c-checkbox.check-box {
    border: none !important;
}

.custtickets .radio.c-radio.c-radio-nofont.redio-box {
    border: none !important;
}

.custtickets .checkbox.c-checkbox.check-box:hover {
    background: transparent !important;
}

.custtickets .radio.c-radio.c-radio-nofont.redio-box:hover {
    background: transparent !important;
}

.custticketstext {
    font-size: 13px !important;
}
/*css for rrf department*/

.skillsetdv .col-md-6 {
    padding: 5px !important;
}

.cardnewheader h5 {
    border: 1px solid #eaf2ff;
    margin: 0;
    background: #eaf2ff;
    padding: 5px 10px;
    border-radius: 5px 5px 0 0;
    font-weight: 500;
    text-align: center;
}

.cardnewbody {
    padding: 10px;
}

.cardnew {
    /* padding: 10px; */
    /* box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important; */
    border: 1px solid #dce3ef;
    border-radius: 5px;
}

.avgrating {
    background: #ffc10730;
    padding: 5px;
    border: 2px solid #ebebeb;
}

    .avgrating h6 {
        font-size: 15px !important;
        padding-top: 0px;
        color: #000000;
        margin-bottom: 0 !important;
    }

.poorcolorstar,
.badcolorstar,
.avgcolorstar,
.goodcolorstar,
.excellentcolorstar {
    display: none;
}

/*LM module by 300300*/


.liLM {
    width: 50px;
    height: 50px;
    overflow: hidden;
    margin: auto !important;
}

    .liLM img {
        max-width: 100%;
        max-height: 100%;
    }



.liVM {
    width: 50px;
    height: 50px;
    overflow: hidden;
    margin: auto !important;
}

    .liVM img {
        max-width: 100%;
        max-height: 100%;
    }
/* hyvatable 300300*/
.hyvatablehead .commonTableHead {
    background: #266091 !important;
    color: #fff !important
}

/*12 may 2022*/
.skillratinginput {
    width: 25px;
    height: 20px;
    text-align: center;
    border: 1px solid #cdcdcd;
    border-radius: 3px;
}

.questionrrf th {
    background: #e0f1ff;
    color: black;
    border: 1px solid #e7e4e4;
    padding: 5px !important;
}

.questionrrf td {
    border: 1px solid #e7e4e4;
    padding: 5px !important;
}

.bg-light {
    background: whitesmoke;
}

#questionrrf .main-popup-section {
    top: 160px !important;
}

#questionrrf {
    display: none;
}

/*chatbotcss by sherin 300300*/
chatboatUI {
    max-width: 100%;
    border-radius: 5px;
    margin: auto;
    border-radius: 10px;
    margin-top: 0;
}

/*.labelwelcometext {
    width: 10%;
    text-align: center;
}
*/
.textareawelcome {
    width: 100%;
}

/*.addiconwelcome {
    width: 5%;
    text-align: center;
}*/

/*.chatbody {
    padding: 10px 20px;
    background: #fff;
}*/

.addmsgoptn svg {
    width: 23px;
    height: 23px;
    color: #4caf50;
    margin-top: 3px;
    margin-left: 5px;
}



.wrappersrinput {
    width: 5%;
    margin-right: 5px;
}

.wrappermiddleinput {
    width: 95%;
}

.wrapperlasticon {
    width: 6%;
    text-align: center;
}

.chatpanelbody {
    padding: 5px;
}



.wrapperlasticon svg {
    width: 20px;
    height: 20px;
}



.wrapperchatflex {
    display: flex;
    width: 100%;
    /*margin-top: 10px;*/
}

.customcheckbox {
    cursor: pointer;
    width: 15px;
    height: 15px;
    vertical-align: text-bottom;
}

#sendMail .main-popup-section {
    margin: 200px auto;
}

#sendMail {
    display: none
}

#createActivity {
    display: none
}

    #createActivity .main-popup-section {
        margin: 220px 300px;
    }

#createticketdv {
    display: none
}

    #createticketdv .main-popup-section {
        margin: 200px 300px;
    }

    #createticketdv .panel-body {
        padding: 0 !important;
    }

#phonecalldv {
    display: none
}

    #phonecalldv .main-popup-section {
        margin: 200px auto;
    }

#createprospect {
    display: none
}

    #createprospect .main-popup-section {
        margin: 200px auto;
    }

/*Sidebar css UI 300300 16-05-2022*/
/*.sidebar td {
    border: none !important;
    padding: 0 !important;
}*/
/*Requirement Document image 300300 16-05-2022*/
.MsoNormal img {
    max-width: 100%;
}
/*Nilam*/
.tablescrollcustomChat {
    overflow: auto;
    height: 550px;
}
/*CG achivement widget css by 300300*/
.widgrtcg label {
    color: #016a97;
    font-weight: 500;
    font-size: 16px;
}

.widgrtcg {
    margin-top: 15px;
}

.newcgwidget {
    padding: 5px;
    margin: 5px;
    background-color: #ffffff;
    height: 250px;
    border: 2px solid #eaecef;
    box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
    border-radius: 5px;
}

    .newcgwidget .panel-title {
        color: #000 !important;
        font-weight: 200;
    }

.monthlyachivement .card-body {
    padding: 10px;
}

.monthlyachivement .col-md-3
.col-md-9 {
    padding: 0;
}

.closewidtable {
    margin: 0 !important;
    float: right;
}

    .closewidtable svg {
        width: 20px;
        height: 20px;
    }

/*Sherin for TRF*/

.boxspecification {
    background: ghostwhite;
    padding: 10px;
    margin-top: 10px;
    border: 1px solid #cdcdcd;
    border-radius: 3px;
}

.boxspecificationheading h5 {
    margin: 0;
    text-align: center;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 10px;
}

.mar-auto {
    margin: auto
}


/*datasheet 13-06-2022*/
.datasheetfomcss {
    max-width: 800px;
    margin: auto;
    /*background: white;
    border-radius: 3px;
    padding: 10px;
    box-shadow: rgb(0 0 0 / 15%) 0px 5px 15px 0px;
    border-top: 3px solid #3f51b5;*/
}

.datasheeicon img {
    max-width: 100%;
    max-height: 100%;
}

.datasheeicon {
    width: 80px;
    height: 80px;
    overflow: hidden;
    margin: auto;
}

.dataheadingcss h1 {
    margin: 0;
    font-weight: 200;
    color: #999999;
}

.questionbox {
    margin-top: 5px !important;
    padding: 5px 0 !important;
    border-radius: 0;
    /*border-bottom: 1px solid #00659314;*/
    position: relative;
}

    .questionbox label {
        font-size: 15px;
        padding-bottom: 5px;
        font-weight: 500;
        font-family: 'playregular' !important;
        color: #006593 !important;
    }

.wrapper-fieldset .col-md-6 {
    padding: 5px;
}



.wrapper-fieldset legend {
    margin: 0;
    padding: 10px;
    font-size: 15px !important;
    background: #006593;
    margin-bottom: 10px;
    color: #fff;
    font-weight: 300;
    /* border-radius: 5px; */
    text-align: left;
    font-family: 'playregular' !important;
    /* border: 3px solid #ffffff; */
    /* box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%) !important; */
}

.wrapperboxnew {
    background: #ffffff;
    margin: 10px 0;
    box-shadow: 6px 1px 13px 3px rgba(209,209,209,1);
    -webkit-box-shadow: 6px 1px 13px 3px rgba(209,209,209,1);
    -moz-box-shadow: 6px 1px 13px 3px rgba(209,209,209,1);
    border: 1px solid #e8e8e8;
    border-radius: 5px;
    padding: 10px;
    /* margin: 5px; */
    border-top: 2px solid #e8e8e8;
}

.questionbox li {
    padding: 5px;
    cursor: pointer;
    border-bottom: 1px solid #eaeaed;
}

.questionbox .dropdown-menu {
    background: #f9f9f9;
}

.questionbox .caret {
    float: right;
    margin-top: 8px !important;
}

.radiocss input {
    width: 15px;
    height: 15px;
    margin: 0 5px !important;
    vertical-align: text-bottom;
    /* padding-right: 5px; */
    cursor: pointer;
}

.radiocss label {
    padding-bottom: 0 !important;
    margin-left: 5px;
    font-size: 14px;
    font-weight: 200;
    color: #000 !important;
}

.checkboxcss input {
    margin: 0 5px !important;
    width: 15px;
    cursor: pointer;
    height: 15px;
    vertical-align: text-bottom;
}

.checkboxcss label {
    padding-bottom: 0 !important;
    margin-left: 5px;
    font-size: 14px;
    font-weight: 200;
    color: #000 !important;
}

.addremark svg {
    width: 20px;
    height: 20px;
}

.addremark {
    position: absolute;
    top: 5px;
    right: 10px;
    cursor: pointer;
    left: 0;
    text-align: right;
}

.questionbox:hover .addremark {
    display: block
}

#dvdatasheet {
    max-width: 100%;
    margin: auto;
}

    #dvdatasheet .col-md-12 {
        padding: 0;
    }

.remarkinput {
    position: absolute;
    right: 5px;
    padding: 10px;
    border-radius: 15px 0 15px 15px;
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%) !important;
    background: ghostwhite;
    border: 5px solid #ffffff;
    width: 90%;
    z-index: 1;
    top: 20px;
}

    .remarkinput textarea {
        border: none !important;
        background: ghostwhite;
        resize: none;
    }

/*.questionbox:hover {
   
    background: ghostwhite;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
    border-radius: 10px;
}*/

.fieldsetfooter {
    background: #e4e4e4;
    padding: 5px 3px;
    /* margin: 0 2px; */
    border-bottom: 1px solid #c5c2c2;
    /* text-align: end; */
    border-top: 1px solid #c5c2c2;
}

#remarinputRadio {
    display: none
}

#remarinputCheckbox {
    display: none
}

#remarinputSelect {
    display: none
}

.closedatasheet {
    float: right;
    margin: 0 !important;
    /*position: absolute;
    right: -1px;
    top: -4px;
    background: #ffffff;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    border: 2px solid #e0e1e1;*/
}

    .closedatasheet svg {
        color: white;
        width: 25px;
        height: 25px;
    }
/*Changed by sherin 14/06/2022*/
.dottedhr {
    border-top: 2px dotted #d8dfe1;
    margin: 10px 0;
}
/*visitor form css by sherin 15-06-2022*/
.visitorForm {
    max-width: 600px;
    margin: auto;
    background: white;
    border-radius: 3px;
    padding: 10px;
    box-shadow: rgb(0 0 0 / 15%) 0px 5px 15px 0px;
    border-top: 3px solid #3f51b5;
}

.visitorform {
    max-width: 1000px;
    margin: auto;
    border: 1px solid #e5e5e5;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
    position: relative;
}

.visitorheading {
    margin: 0;
    background: #e2eeff;
    padding: 0 10px;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
    margin-bottom: 5px;
    border-bottom: 1px solid #cbcbcb;
    border-radius: 5px;
}

.visitorImage img {
    max-width: 100%;
    max-height: 100%;
    border-radius: 2px;
    border: 2px solid #f2f7ff;
    height: 160px !important;
    width: 100% !important;
}

.visitorImage {
    position: absolute;
    z-index: 1;
    right: 10px;
    margin: auto;
    overflow: hidden;
    text-align: center;
    object-fit: cover;
}

/*.visitorheading img {
    width: 50px;
    height: 50px;
}*/

.messagesdv {
    border-top: 1px solid #e1e1e1;
    position: absolute;
    border-bottom: 1px solid #e1e1e1;
    border-radius: 3px;
    background: #fbfbfb !important;
    left: 0;
    top: 100px;
    z-index: 99999;
    padding: 70px;
    right: 0;
    max-width: 500px !important;
    border-top: 5px solid #00aeef;
    box-shadow: 0 1rem 3rem rgb(0 0 0 / 18%) !important;
    margin: auto;
    text-align: center;
    font-size: 24px;
}

.actimgcss {
    border-radius: 4px;
    border: 0px solid;
    margin-top: 0px;
    height: auto !important;
    width: 200px !important;
}

    .actimgcss video {
        width: 200px !important;
        height: auto !important;
    }

.clickvisitorlink {
    font-size: 15px;
    margin-top: 15px !important;
    color: blue;
    font-weight: 100;
    cursor: pointer;
}

/*app1.css*/

/*MOMShoepage start*/
.y_padd5 {
    padding: 5px 4px;
}

.y_paddtop7 {
    padding-top: 7px;
}

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

.y_paddbtm10 {
    padding-bottom: 10px;
}

.y_marleft15 {
    margin-left: 15px;
}


.border_right {
    border-right: 1px solid #cfdbe2;
}
/*added by vinayak sir on 27 sept*/

.y_marbtm0 {
    margin-bottom: 0px;
}

.y_aligncenter {
    text-align: center;
}

.y_martop10 {
    margin-top: 10px;
}

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

.y_odd_bg {
    background: #f1f6f7;
}

.y_blue {
    color: blue;
}

.y_line_height40 {
    line-height: 40px;
}

.y_font_weight {
    font-weight: bold;
}

.y_line_height14 {
    line-height: 14px;
}

.y_martop6 {
    margin-top: 6px;
}


/*MOMShowpage end*/

/*My claim Start*/

.bg-head {
    background-color: #e5eff6;
}

.head {
    border: 1px solid #cfdbe2;
    overflow: hidden;
}

.y_font13 {
    font-size: 13px;
}
/*My claim end*/


.y_float_left {
    float: left
}

.y_line_height30 {
    line-height: 30px;
}

/*Leave Approval action*/

.y_leavebox {
    width: 20px;
    height: 20px;
    border-radius: 5px;
}

.y_bg_leaveboxorg {
    background: #fa9e5d;
}

.y_bg_leaveboxblu {
    background: #5dc6fb;
}

.y_bg_leaveboxred {
    background: #fa5858;
}

.y_bg_leaveboxgrn {
    background: #08bd21;
}

.y_floatleft {
    float: left;
}

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

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



.y_paddtop3 {
    padding-top: 3px;
}

.y_paddbtm3 {
    padding-bottom: 3px;
}


.y_martop3 {
    margin-top: 3px;
}

/*Leave Approval Action end*/

/*Width in percentage start*/

.y_width1 {
    width: 1%;
}

.y_width2 {
    width: 2%;
}

.y_width3 {
    width: 3%;
}

.y_width4 {
    width: 4%;
}

.y_width5 {
    width: 5%;
}

.y_width6 {
    width: 6%;
}

.y_width7 {
    width: 7%;
}

.y_width8 {
    width: 8%;
}

.y_width9 {
    width: 9%;
}

.y_width10 {
    width: 10%;
}

.y_width11 {
    width: 11%;
}


.y_width12 {
    width: 12%;
}

.y_width13 {
    width: 13%;
}

.y_width14 {
    width: 14%;
}

.y_width15 {
    width: 15%;
}

.y_width16 {
    width: 16%;
}

.y_width17 {
    width: 17%;
}

.y_width18 {
    width: 18%;
}

.y_width19 {
    width: 19%;
}


.y_width20 {
    width: 20%;
}

.y_width21 {
    width: 21%;
}

.y_width22 {
    width: 22%;
}


.y_width23 {
    width: 23%;
}

.y_width24 {
    width: 24%;
}


.y_width25 {
    width: 25%;
}

.y_width26 {
    width: 26%;
}

.y_width27 {
    width: 27%;
}

.y_width28 {
    width: 28%;
}

.y_width29 {
    width: 29%;
}

.y_width30 {
    width: 30%;
}

.y_width31 {
    width: 31%;
}

.y_width32 {
    width: 32%;
}


.y_width33 {
    width: 33%;
}

.y_width34 {
    width: 34%;
}

.y_width35 {
    width: 35%;
}

.y_width39 {
    width: 39%;
}

.y_width40 {
    width: 40%;
}

.y_width41 {
    width: 41%;
}

.y_width43 {
    width: 43%;
}

.y_width45 {
    width: 45%;
}

.y_width47 {
    width: 47%;
}

.y_width48 {
    width: 48%;
}

.y_width50 {
    width: 50%;
}

.y_width52 {
    width: 52%;
}

.y_width54 {
    width: 54%;
}

.y_width59 {
    width: 59%;
}

.y_width60 {
    width: 60%;
}

.y_width65 {
    width: 65%;
}

.y_width70 {
    width: 70%;
}

.y_width72 {
    width: 72%;
}

.y_width79 {
    width: 79%;
}

.y_width85 {
    width: 85%;
}

.y_width88 {
    width: 88px;
}

.y_width90 {
    width: 90%;
}
/*Datasheet Percentage start*/
.width4 {
    width: 4%;
}

.width7 {
    width: 7%;
}

.width14 {
    width: 14%;
}

.width19 {
    width: 19%;
}

.width6 {
    width: 6%;
}

.width4 {
    width: 4%;
}

.width74 {
    width: 75%;
}

.width86 {
    width: 86%;
}

.width64 {
    width: 64%;
}

.width23 {
    width: 35%;
}

.width28 {
    width: 28%;
}

.width3 {
    width: 3%;
}

.width11 {
    width: 11%;
}

.width14 {
    width: 14%;
}

.width74 {
    width: 77%;
}

.width26 {
    width: 23%;
}
/*Datasheet Percentage end*/






/*Width in percentage end*/

.y_marauto {
    margin: 0 auto;
}

.y_martb10 {
    margin: 10px 0px;
}

.y_martop10 {
    margin-top: 10px;
}

.y_martop4 {
    margin-top: 4px;
}

.y_paddall5 {
    padding: 5px;
}


.y_mar0 {
    margin: 0px;
}

.y_marbtm2 {
    margin-bottom: 2px;
}

.y_marleft20 {
    margin-left: 20px;
}

.y_marleft8 {
    margin-left: 8px;
}


.y_font16 {
    font-size: 16px;
}

.y_marleft10 {
    margin-left: 10px;
}

.y_paddtop8 {
    padding-top: 8px;
}

.y_marrgt5 {
    margin-right: 5px;
}

.y_marrgt15 {
    margin-right: 15px;
}

.y_paddrgt0 {
    padding-right: 0px;
}

.y_martop5 {
    margin-top: 5px;
}

.y_mar5 {
    margin: 5px 0px;
}

.y_leavecontentbox {
    height: 30px;
}

.y_marbtm5 {
    margin-bottom: 5px;
}


.y_paddleft0 {
    padding-left: 0px;
}

.y_padd0 {
    padding: 0px;
}

.y_paddtop5 {
    padding-top: 5px;
}


.y_font12 {
    font-size: 12px;
}

.y_absred {
    color: red;
    font-size: 14px;
}

.y_padd2 {
    padding: 2px 0px;
}

.y_marleft5 {
    margin-left: 5px;
}

.y_marleft10 {
    margin-left: 10px;
}

.y_box_focus {
    padding: 5px 0 0 10px;
    border: 1px solid #cfdbe2;
    color: #7c7c7c;
    border-radius: 5px;
}

    .y_box_focus:focus {
        border-color: #66afe9;
    }

.font-size13 {
    font-size: 13px;
}

.y_green {
    color: green;
}

.y_red {
    color: red;
}

.vertialignini {
    vertical-align: initial;
}





.aligncenter {
    text-align: center;
}

.weightbold {
    font-weight: bold;
}

.colorred {
    color: red;
}

.bg-color {
    background-color: #fcf8e3;
}

.fontcolor {
    color: #1a9deb;
}



.bg-colorgry {
    background-color: #f2dede;
}

.colorgreen {
    color: green;
}

.colorbrown {
    color: brown;
}

.fontblue {
    color: blue;
}

.bg-blue {
    background-color: #dfe0fe;
}

.bg-violet {
    background-color: #e2d2ff;
}

.absgrn {
    color: green;
    font-size: 18px;
}

.absred {
    color: red;
    font-size: 20px;
}



.marleft10 {
    margin-left: 10px;
}



.padd5 {
    padding: 5px 4px;
}

.paddtop15 {
    padding-top: 15px;
}

.marbtm0 {
    margin-bottom: 0px;
}



.floatleft {
    float: left;
}

.paddleft20 {
    padding-left: 23px;
}

.lineheight20 {
    line-height: 20px;
}

.bg_hover:hover {
    background-color: #f1f1f1;
}

.clsround {
    height: 21px;
    border-radius: 50%;
    background-color: #999;
    position: absolute;
    right: -2px;
    text-align: center;
    top: -15px;
    width: 21px;
    cursor: pointer;
    border: none;
}

.aligncls {
    position: absolute;
    right: -6px;
    bottom: -5px;
}

.marleft20 {
    margin-left: 20px;
}

.marleft30 {
    margin-left: 30px;
}



.y_alignleft {
    text-align: left;
}

.content-heading1 {
    font-size: 24px;
    padding-left: 50px;
    color: #aeaeae;
    background: #f5f0f0;
}

.bg1 {
    background: #cfdbe2 none repeat scroll 0 0;
    height: 34px;
    width: 100%;
}

.padd-left0 {
    padding-left: 0px;
}


.paddright0 {
    padding-right: 0px;
}


.y_borderpanel {
    border: 1px solid #aeaeae;
}

.y_paddleft25 {
    padding-left: 25px;
}

.y_paddleft15 {
    padding-left: 15px;
}

.y_marbtm3 {
    margin-bottom: 3px;
}

.y_marbtm10 {
    margin-bottom: 10px;
}

.y_marbtm1 {
    margin-bottom: 1px;
}

.y_paddleft10 {
    padding-left: 10px;
}


.y_alignright {
    text-align: right;
}


.y_paddleft0 {
    padding-left: 0px;
}

.y_lineheight30 {
    line-height: 30px;
}

.y_lineheight35 {
    line-height: 35px;
}
/* Below Chech complete all */
.y_font18 {
    font-size: 18px;
}

.font16 {
    font-size: 17px;
}

.fontbold {
    font-weight: bold;
}

.marleft5 {
    margin-left: 5px;
}

.borderbox1 {
    border: 2px solid #808080;
    border-radius: 5px;
}

.borderbox1 {
    background-color: #eaf6ff;
}

.mar5 {
    margin: 5px;
}

.spancolorgrn {
    color: #06ac41;
}

.spancolorred {
    color: #ff0000;
}

.spancolororg {
    color: #ff6a00;
}

.textdec {
    text-decoration: underline;
}

.martop10 {
    margin-top: 10px;
}

.border_left {
    border-left: 1px solid #aeaeae;
}

.paddleft75 {
    padding-left: 75px;
}

.spancolorblu {
    color: blue;
}


.y_font18 {
    font-size: 18px;
}


.y_marbtbm0 {
    margin-bottom: 0px;
}

.font25 {
    font-size: 25px;
}

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

.mar-btm10 {
    margin-bottom: 10px;
}

.y_box_active {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: green;
    float: right;
    margin: 5px;
}

.y_box_deactive {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: red;
    float: right;
    margin: 5px;
}

.y_pan_bg {
    background-color: #cbdfe2;
    border-radius: 10px 10px 0px 0px;
    margin-bottom: 0px;
    padding: 5px 0px 5px 5px;
}

.y_pan_border {
    margin-bottom: 15px;
    border: 1px solid #aeaeae;
    border-radius: 10px 10px 0px 0px;
    margin: 5px;
}

.y_profont {
    line-height: 32px;
    font-size: 11px;
    padding-right: 0px;
    padding-left: 0px;
}

.y_profontlic {
    line-height: 32px;
    color: #787676;
    font-size: 11px;
    padding-left: 0px;
}

.y_dateticket {
    line-height: 17px;
    margin-bottom: 0px;
    float: left;
    font-size: 14px;
    margin-right: 15px;
}

.y_font14 {
    font-size: 14px;
}

.y_lastticket {
    font-size: 14px;
    line-height: 10px;
}

.y_paddtop0 {
    padding-top: 0px;
}

.y_mar10 {
    margin: 10px;
}

.bg_over:hover {
    background: #e1e0e0;
}

.bg_content {
    background: #fcebeb;
}

.NewFontarial {
    font-family: arial;
}


.font21 {
    font-size: 21px;
}

.CircleGreen {
    width: 15px;
    height: 15px;
    background: green;
    border-radius: 50%;
}

.marleft15 {
    margin-left: 15px;
}

.red {
    color: red;
}

.paddtop5 {
    padding-top: 5px;
}

.paddtop12 {
    padding-top: 12px;
}

.bordercustomer {
    border: 1px solid #d9d9d9;
}


.font12 {
    font-size: 12px;
}

.padd0 {
    padding: 0px;
}

.y_button {
    border: none;
    background: #3a7999;
    color: #f2f2f2;
    padding: 2px 5px;
    font-size: 12px;
    border-radius: 5px;
    position: relative;
    box-sizing: border-box;
    transition: all 500ms ease;
}

    .y_button:hover {
        background: rgba(0,0,0,0);
        color: #000;
        box-shadow: inset 0 0 0 3px #3a7999;
    }

.y_lineheight20 {
    line-height: 20px;
}

.y_marrgt10 {
    margin-right: 10px;
}

.y_line_height17 {
    line-height: 17px;
}

.y_line_height22 {
    line-height: 22px;
}

.y_marbtm3 {
    margin-bottom: 3px;
}


.y_absred {
    color: red;
    font-size: 14px;
}



.y_float_right {
    float: right;
}

.y_bg-head {
    background-color: #dcf4fe;
}

.y_head {
    border: 1px solid #cfdbe2;
    overflow: hidden;
}

.y_head_bor {
    border: 1px solid #cfdbe2;
    overflow: hidden;
}

.y_border_right {
    border-right: 1px solid #cfdbe2;
}

.y_padd5 {
    padding: 6px 4px;
}

.y_marbtm0 {
    margin-bottom: 0px;
}



.y_alignright1 {
    text-align: right;
}

.y_alignleft1 {
    text-align: left;
}

.y_head_bor:hover {
    background-color: #f9f9f9;
}

.y_martb3 {
    margin: 3px 0px;
}

.y_font16 {
    font-size: 16px;
}

.y_marrgt0 {
    margin-right: 0px;
}

.y_marleft35 {
    margin-left: 35px;
}

.y_marrgt10 {
    margin-right: 10px;
}

.y_marrgt15 {
    margin-right: 15px;
}

.y_martop8 {
    margin-top: 8px;
}

.y_martop0 {
    margin-top: 0px;
}

.y_mar3 {
    margin: 3px;
}

.y_borderbox {
    border: 1px solid #aeaeae;
}

.y_border_radius {
    border-radius: 5px;
}

.y_widthbox {
    width: 400px;
}

.y_heightbox {
    height: 100px;
}

.y_marbtm10 {
    margin-bottom: 10px;
}

.y_lineheight18 {
    line-height: 18px;
}

/*Media Query form visitor form on 20/06/2022*/

.subchaticon {
    color: #1eabd6;
    height: 25px;
    width: 25px;
    padding-left: 0px;
    margin-left: 10px;
}

.wrapperchatflex label {
    margin-right: 5px;
    font-size: 12px;
    border-bottom: 1px solid;
    cursor: pointer;
    font-family: 'playregular' !important;
}

.datetimecss span {
    font-size: 12px;
    font-family: 'playregular' !important;
}

.datetimecss .customcheckbox {
    width: 12px !important;
    height: 12px !important;
}

/*Servicedesk css added on 21-06-22 form marquee*/
marquee {
    background: #fff;
    border-radius: 3px;
    padding: 10px;
    border: 1px solid #ebebeb;
}

    marquee a {
        color: red !important;
    }

.modaldialogtrf {
    width: 1000px !important;
}

.modaltrf {
    background: transparent !important;
}


/*Css for datasheet added on 21-06-2022*/

.btnremark {
    background: transparent;
    padding: 0;
    font-size: 12px;
    border-radius: 0;
    color: gray;
    font-family: 'playregular' !important;
    margin-top: 5px;
    border-bottom: 1px dotted;
}

    .btnremark:hover {
        color: #27c24c;
        font-weight: 600;
    }

.questionbox .form-control {
    border: none !important;
    border-bottom: 1px solid #d4d1d1 !important;
    background: transparent !important;
    border-radius: 0 !important;
}

    .questionbox .form-control:focus {
        box-shadow: none !important;
        border-bottom: 1px solid #27c24c !important;
    }

.addremarkinput label {
    margin: 0;
    /* background: aliceblue; */
    padding: 10px;
    font-size: 13px;
    color: #000 !important;
    text-align: left;
    border-bottom: 1px dashed #d4d1d1 !important;
    /* border-left: 2px solid #006593; */
    width: 100% !important;
    /* border-radius: 3px; */
    margin-top: 6px;
}

.datasheetcoutattach {
    top: -9px;
    position: absolute;
    right: -10px;
    z-index: 1;
    text-align: center;
}

    .datasheetcoutattach span {
        background: #0065930f;
        padding: 1px 3px;
        border-radius: 10px;
        border: 1px solid #d0d0d0;
        font-size: 11px;
        font-weight: 700;
    }

.groupboxquestn {
    margin-left: 10px;
    margin-top: 10px;
    max-width: 97%;
}

.wrapperboxcategory {
    font-size: 16px;
    padding: 5px 15px;
    background: #dbe8ea;
    margin-bottom: 0px !important;
    border: 1px solid #ababab;
    border-radius: 3px;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
    /* -webkit-box-shadow: 6px 1px 13px 3px rgb(209 209 209); */
}

.fieldsetflex {
    display: flex;
}

.clearbtn {
    width: 20%;
}

.fieldsetbtnfooter {
    width: 80%;
    text-align: end;
}
/*new css for visitor form on 26-06-2022*/
.wrappervisitorflex {
    display: flex;
}

.wrappervisitorlogo img {
    max-width: 100%;
    max-height: 100%;
}

.wrappervisitorlogo {
    width: 80px;
    height: auto;
    overflow: hidden;
    margin-right: 10px;
    margin-top: 0px;
    padding: 5px;
}

.wrappervisitoricon {
    width: 50px;
    overflow: hidden;
    height: 50px;
}

    .wrappervisitoricon img {
        max-width: 100%;
        max-height: 100%;
    }
/*Requirement document img css on 26-06-2022*/

.Editor-container img {
    max-width: 100% !important;
}

/*budgetory UI on 8/7/22*/




#budgetrateReqModal {
    display: none;
}

    #budgetrateReqModal .main-popup-section {
        margin-top: 120px !important;
    }

#editBudgetrateReqModal {
    display: none;
}

    #editBudgetrateReqModal .main-popup-section {
        margin-top: 120px !important;
    }
/*gatepass UI*/
.gatepass {
    max-width: 550px;
    border: 1px solid #d3d3d3;
    margin: auto;
    margin-top: 20px;
    background: #fff;
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%) !important;
}

.gatepassheading h5 {
    margin: 0;
    padding: 10px;
    margin: 0;
    background: #e2eeff;
    padding: 10px;
    box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%) !important;
    margin-bottom: 5px;
    border-bottom: 1px solid #cbcbcb;
    border-radius: 5px;
}
/* inventory bpr css */

#pendingOrderList .main-popup-section {
    margin: 140px auto;
}

.blackbg {
    background: #00000030;
    color: #000;
}

.greenbg {
    background: #0080002b;
    color: green;
}


.greenbgNew {
    background: #72f495;
    color: green;
}


.redbgNew {
    background: #f05050;
    color: black
}

.redbg {
    background: #ff000014;
    color: red;
}

.yellowbg {
    background: #ffff0059;
    color: #a57826;
}

.toalcss {
    background: aliceblue;
    color: #183691;
    font-family: 'playregular' !important;
}

.prodtype {
    color: #3f51b5;
    border-bottom: 1px dotted;
    cursor: pointer;
}

.status_summary td {
    padding: 5px;
    border: 1px solid #e7e4e4;
}

.status_summary input {
    border: none !important;
    cursor: not-allowed !important;
    background: transparent !important;
}

/*Customer Managemet Ticket*/
.ticketnav {
    background: #58bfed;
    padding: 10px 15px;
}

.ticketnavflex {
    display: flex;
}

.ticketnavlogo {
    width: 10%;
    margin-top: 10px;
    text-align: center;
}

.ticketwelcomemsg {
    width: 80%;
}

.mainnavtext {
    font-size: 2vw;
    font-weight: 700;
    font-family: 'playregular';
}

.smallnavtext {
    font-size: 1.5vw;
}

.ticketwelcomemsg p {
    text-align: center;
    color: #fff;
}

.completiondetails h3 {
    margin: 0;
    color: #0661a9;
    font-weight: 400;
}

.completiondetails h5 {
    margin: 0;
    font-weight: 300;
    font-size: 16px;
    color: #4caf50;
}

.dvticketinfo {
    padding: 10px;
}

.ticketflex {
    display: flex;
    /* margin-bottom: 10px; */
    font-size: 13px !important;
    border-bottom: 1px solid ghostwhite;
    padding: 5px 0;
}

.ticketlabel {
    width: 15%;
}

.ticketinfo {
    width: 90%;
}

.ticketlabel svg {
    vertical-align: bottom;
    margin-right: 5px;
}

.ticketinfo span {
    font-weight: 600;
}

.dvstar {
    max-width: 11%;
}

.tickettextareadv {
    width: 40%;
}

.customer {
    /*empty class added by shruti (300289) do not remove or change this class*/
}
/*Sales family and danfoss dashboard css by sherin on 29/07/2022*/
.salesfambox {
    display: flex;
    border: 1px solid #e4e4e9;
    font-size: 13px;
    /* padding: 5px 10px; */
    border-radius: 3px;
    background: #80808000;
    margin-bottom: 5px;
}

.salesfamdigit {
    width: 20%;
    color: #000000;
    padding: 5px;
    background: #03a9f41a;
    text-align: center;
}

.salesfamname {
    width: 80%;
    padding: 5px;
    background: #fff;
}

.dvsales {
    display: flex;
    /* background: #d1d1d10d; */
    padding: 4px 10px;
    /* border-bottom: 1px solid #e3e3e9; */
}

.dvsalename {
    width: 90%;
}

.dvsaleicon {
    width: 10%;
    text-align: right;
}

.mainsalesfamdv {
    border: 2px solid #d7d7d71a;
    /* padding: 10px; */
    /* margin: 5px; */
    /* border-radius: 5px; */
    margin-bottom: 5px;
    background: #f5f5f529;
}

.dvsalename h6 {
    font-size: 16px;
    margin-top: 5px !important;
}

.dvsalename svg {
    vertical-align: top;
}

.dvsaleicon svg {
    border: 1px solid #8080806b;
    background: white;
    padding: 2px;
    width: 25px;
    cursor: pointer;
    height: 25px;
    border-radius: 3px;
}

.canvas30per {
    max-width: 180px;
    max-height: 180px;
}

.labels_chart {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 11px;
    font-weight: 700;
    z-index: 1;
    /* background: white; */
}

.barchart {
    position: inherit;
}

    .barchart li {
        display: contents;
    }

.labels_chart svg {
    width: 30px !important;
    height: 30px !important;
    vertical-align: middle;
}

.labels_chart span {
    font-size: 11px;
    font-family: verdana !important;
}

.dashpanelheading h5 {
    margin: 0;
    padding: 5px 10px;
    text-align: left;
    background: #e40a0a;
    text-align: center;
    color: white;
    border-radius: 2px;
    border: 1px solid brown;
    font-family: verdana !important;
    font-size: 14px;
}

.dashpanelbody {
    background: #fff;
    padding: 10px;
    height: 300px;
}

.dashpanel {
    margin-top: 5px;
    background: #fff;
    border: 1px solid #cfcfcf;
    border-radius: 3px;
}

.dashselect {
    border-top: 1px solid #d8d8df;
    margin-top: 0;
    text-align: center;
    /* margin-bottom: 10px; */
    background: ghostwhite;
    padding: 5px;
    border-radius: 5px;
}

    .dashselect button {
        font-size: 11px;
        padding: 5px 10px;
        background: #4caf50 !important;
        /* border-radius: 7px; */
        border: 1px solid #008000d9;
        font-family: verdana !important;
        font-weight: 600;
    }

.dashfooter {
    border-radius: 5px;
}

#maxminModal .main-popup-section {
    margin: 100px auto;
}

#toptencosumptionModal .main-popup-section {
    margin: 100px auto;
}

.visiblityhidden {
    visibility: hidden;
}

.attachmenticonpos {
    position: absolute;
    right: 5px;
    top: 5px;
}

.empresigntndetail {
    background: #fff;
    padding: 5px 10px;
    height: 260px;
    border-radius: 2px;
    margin-top: 5px;
    border: 1px solid #e1e1e1;
}

.textwrap {
    width: 200px;
    white-space: nowrap;
    overflow: hidden;
}

.empresigntndetail h4 {
    font-weight: 500;
}

.empresigntndetail .panel-body {
    padding: 0 10px !important;
}

.chatselect {
    margin-right: 5px;
    font-size: 12px;
    color: #607d8b;
    border: none;
    border-bottom: 1px solid;
    cursor: pointer;
    font-family: 'playregular' !important;
}

.addmainbranchtext {
    color: #3f51b5;
    cursor: pointer;
    font-family: 'playregular';
}
/*fivewhy css*/
.dvfivewhy {
    max-width: 800px;
    margin: auto;
    background: #fff;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
    border-radius: 5px;
}

.fivewhyheadig h4 {
    font-weight: 600;
    background: #e2eeff;
    padding: 10px;
    box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%) !important;
    margin-bottom: 5px;
    border-radius: 2px;
    margin: 0;
    font-size: 15px;
    border-bottom: 1px solid #e3e3e3;
}

.fivewhyheadig svg {
    width: 25px;
    height: 25px;
    cursor: pointer;
    vertical-align: baseline;
}

.fivewhyquesflex {
    display: flex;
    width: 100%;
    padding: 10px;
}

.fivewhyquesans {
    width: 92%;
}

.otherquestn {
    color: #ff5722;
    cursor: pointer;
}

.rootcause {
    color: #2196f3;
    cursor: pointer;
}

.Markedrootcause {
    color: #4ee071;
    cursor: pointer;
}

.Markedrootcausenoclick {
    color: #4ee071;
}

.linebtn {
    font-size: 12px;
    border-bottom: 1px solid;
    margin: 5px;
    /*cursor: pointer;*/
    font-family: 'playregular';
    font-weight: 600;
}

.corrAct {
    font-size: 13px;
    margin-top: 12px;
}

.fivewhyquessrno {
    width: 8%;
    margin-top: 5px;
}

    .fivewhyquessrno span {
        border: 1px solid #ffffff;
        padding: 5px;
        color: #1473bf;
        /* margin-top: 10px; */
        border-radius: 2px;
        background: #e2eeff;
        box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
    }

textarea::placeholder {
    color: #bdbdbd;
}

.dvfixedtextarea {
    background: ghostwhite;
    padding: 5px;
    border-top: 1px solid #e0e0e9;
}

.fivewhybody {
    height: 400px;
    overflow: auto;
    width: 100%;
}

.highlightcss {
    background: #27c24c17;
}

.replymsg {
    height: 70px !important;
    width: 100%;
    overflow: hidden;
    color: #000 !important;
}

.imgdv img {
    max-width: 100%;
    max-height: 100%;
}

.imgdv {
    width: 100%;
    overflow: hidden;
    height: auto;
    margin: auto;
}
/*datasheet css*/
.negheadingfeedbackflex {
    display: flex;
    width: 100%;
}

.negitems {
    width: 35%;
}

.negres {
    width: 15%;
}

.negremark {
    width: 35%;
}

.negaction {
    width: 15%;
}

.negbodyfeedbackflex {
    display: flex;
}

.negheadingfeedbackflex .head {
    text-align: left;
    background: #cfe2ff;
    color: #002368;
    font-weight: 500;
    padding: 5px;
    border: 1px solid #d3d3d3;
    font-size: 14px;
    font-family: 'playregular' !important;
}

.negbodyfeedbackflex .cell {
    padding: 5px;
    text-align: left;
    border: 1px solid #cfdbe2;
    line-height: 17px;
    vertical-align: top;
}
/*Details of Change css*/
.dvdetailschange .activitynamecss {
    font-size: 16px;
    font-family: 'playregular';
    color: #2762ad;
}

.dvdetailschange label {
    /* margin-top: 5px; */
    padding-left: 12px;
    font-weight: 400;
    font-size: 14px !important;
    font-family: 'playregular';
    color: #03a9f4;
}

.rootsol {
    font-size: 12px;
    text-align: justify;
    margin: 5px 30px;
    color: black;
}

#chatModal {
    display: none;
}

#dvGSTDetails .main-popup-section {
    margin: 100px auto;
}

#dvBlankhtml a {
    color: blue;
    border-bottom: 1px dotted;
    cursor: pointer;
}

#dvBlankhtml {
    background: white;
    max-width: 800px;
    margin: auto;
    padding: 50px;
    left: 0;
    border-radius: 5px;
    border: 4px solid #d7d7d752;
    position: absolute;
    right: 0;
    top: 100px;
    box-shadow: rgb(50 50 93 / 25%) 0px 50px 100px -20px, rgb(0 0 0 / 30%) 0px 30px 60px -30px;
    font-family: 'playregular';
}

.contactbox {
    border: 1px solid #adadb9;
    padding: 5px;
    background: #fff;
    margin: 10px;
    border-radius: 5px;
}

.contactsent .contactbox {
    border-radius: 0 10px 10px 10px;
}

.contactreceived .contactbox {
    border-radius: 10px 0 10px 10px;
}

.contactreceived {
    margin-left: auto;
    position: relative;
    width: 30%;
}


.contactbox svg {
    vertical-align: text-top;
    width: 25px;
    height: 25px;
    color: #2196f3;
}

.contactbox p {
    margin-top: 0px !important;
    margin-left: 5px !important;
    font-size: 13px;
}

.contactbox a {
    color: blue;
}

.mapreceived {
    background: #fff;
    padding: 5px;
    margin: 10px;
    width: 45%;
    border: 1px solid #d1cfcf;
    border-radius: 10px 0px 10px 10px;
    margin-left: auto;
    position: relative;
}

.mapsent {
    background: #e9f1df;
    padding: 5px;
    margin: 10px;
    width: 45%;
    border: 1px solid #d1cfcf;
    border-radius: 0px 10px 10px 10px;
}

.deledv {
    position: absolute;
    right: 0;
    background: #fff;
    top: 15px;
    display: none;
    border: 1px solid #e7e3e3;
    padding: 5px 15px;
    font-size: 13px;
    font-family: 'playregular';
    cursor: pointer;
    color: black;
    border-radius: 3px;
}

.actiondv {
    display: none;
    position: absolute;
    z-index: 1;
    top: 10px;
    right: 10px;
}

    .actiondv svg {
        width: 16px !important;
        height: 16px !important;
        vertical-align: baseline !important;
        color: grey !important;
    }

.messagereceived:hover .deledv {
    display: none;
}

.messagesent:hover .deledv {
    display: none;
}

.messagereceived:hover .actiondv {
    display: block;
}

.messagesent:hover .actiondv {
    display: block;
}

.mapreceived:hover .actiondv {
    display: block;
}

.mapsent:hover .actiondv {
    display: block;
}

.mapreceived:hover .deledv {
    display: none;
}

.mapsent:hover .deledv {
    display: none;
}

.contactreceived:hover .actiondv {
    display: block;
}

.contactsent:hover .actiondv {
    display: block;
}

.contactreceived:hover .deledv {
    display: none;
}

.contactsent:hover .deledv {
    display: none;
}


.imagereceived:hover .actiondv {
    display: block;
}

.imagesent:hover .actiondv {
    display: block;
}

.imagereceived:hover .deledv {
    display: none;
}

.imagesent:hover .deledv {
    display: none;
}

.docreceived:hover .actiondv {
    display: block;
}

.docsent:hover .actiondv {
    display: block;
}

.docreceived:hover .deledv {
    display: none;
}

.docsent:hover .deledv {
    display: none;
}

.disabledHover {
    pointer-events: none;
    opacity: 0.3;
}

.contactsent {
    width: 30%;
    position: relative;
}

.DeletedMsg {
    font-style: italic;
    color: #667781;
}

.DeletedMsgSent {
    background: #e9f1df;
    padding: 5px;
    margin: 10px;
    width: 20%;
    border: 1px solid #d1cfcf;
    border-radius: 0px 10px 10px 10px;
}

.DeletedMsgReceived {
    background: #fff;
    padding: 5px;
    margin: 10px;
    width: 20%;
    border: 1px solid #d1cfcf;
    border-radius: 10px 0px 10px 10px;
    margin-left: auto;
    position: relative;
}

.startconvoimg h5 {
    color: #0661a9;
    margin: 0;
    font-size: 20px;
}

.conversemaindiv::-webkit-scrollbar {
    width: 0.7em;
}

.Imgwrap {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.Imgwrp1 {
    width: 50%;
    overflow: hidden;
    height: auto;
    margin: auto;
}


.conversemaindiv::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    box-shadow: 0 0 1px 1px hsla(0,0%,100%,.25);
    outline: 1px solid slategrey;
    border-radius: 6px;
}

.conversemaindiv .progress-bar {
    background-color: #9e9e9e5e;
}

.replydv {
    background: whitesmoke;
    padding: 5px 10px;
    /* border-right: 2px solid green; */
    border: 1px solid #d5d5d5;
    border-left: 3px solid #31a98b;
    border-radius: 5px;
    margin-bottom: 5px;
}

    .replydv p {
        color: #31a98b;
        font-size: 14px;
        font-weight: 500;
    }

.addprivategroup span {
    border: 1px solid #009688;
    font-size: 12px;
    font-family: 'playregular';
    background: #4caf50;
    padding: 5px 10px;
    color: #fff;
    border-radius: 5px;
    margin-bottom: 5px;
}

#groupchat .panel {
    border: none !important;
}

#groupchat .panel-body {
    padding: 10px !important;
}

#groupchat .main-popup-section {
    margin: 150px auto;
}

#Privatechat .panel {
    border: none !important;
}

#Privatechat .panel-body {
    padding: 10px !important;
}

#Privatechat .main-popup-section {
    margin: 150px auto;
}

#IVRSDashboardPopupTrail .main-popup-section {
    margin: 125px 210px !important;
    padding: 20px !important;
}

#dvMEssageTemplateTrail .main-popup-section {
    margin: 150px auto !important;
}

.svgreplyicon {
    background: none !important;
    width: 16px !important;
    height: 16px !important;
    border: none !important;
    color: gray !important;
    padding: 0 !important;
    vertical-align: sub !important;
}

.closereplydv {
    width: 25px !important;
    height: 25px !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    color: red !important;
    cursor: pointer;
}

.userimg {
    width: 100%;
    height: auto;
    overflow: hidden;
}

    .userimg img {
        max-width: 100%;
        border-radius: 10px;
    }

/*15/11/2022 convoloader css*/
.loadingmsg {
    top: 15px;
    position: absolute;
    z-index: 1;
    background: #ffffffd9;
    color: #000;
    padding: 5px;
    right: 0;
    max-width: 210px;
    left: 0;
    text-align: center;
    border: 1px solid #8080803d;
    font-size: 12px;
    margin: auto;
    border-radius: 30px;
    font-weight: 700;
    font-family: 'playregular';
}

.loadingActivityMessage {
    top: 300px;
    position: absolute;
    z-index: 1;
    background: #dbbebed9;
    color: #000;
    padding: 5px;
    right: 0;
    max-width: 310px;
    left: 0;
    text-align: center;
    border: 1px solid #8080803d;
    font-size: 13px;
    margin: auto;
    border-radius: 30px;
    font-weight: 700;
    font-family: 'playregular';
}

/*WMS Css start*/

.newwmsnav {
    color: #fff;
    background: #3a3f51;
    border-radius: 0;
    height: 7px !important;
    min-height: 35px;
    /* display: flex; */
}

.newwmsnavul a {
    padding: 5px 10px !important;
    color: #fff;
    font-size: 14px;
    font-family: 'playregular';
}

.ulbtnflex {
    display: flex;
    width: 100%
}

.collpasiblebutton {
    width: 5%;
    text-align: center;
}

.newwmsnavul {
    display: flex;
    margin: 0;
    padding: 0;
    width: 100%;
}

.newwmsnavulDV {
    width: 95%;
}

.newwmsnavul .dropdown-menu {
    padding: 0px;
    border-radius: 5px !important;
}

.newwmsnavul a:hover {
    background: #3a3f5114 !important;
}

.newwmsnavul .dropdown-menu a {
    font-size: 13px;
    border-bottom: 1px solid ghostwhite;
}

.wmsultogglebtn {
    background: #fff;
    width: 30px;
    height: 25px;
    border-radius: 2px;
    margin: auto;
    margin-top: 5px;
    display: none;
    /* margin: auto; */
}

    .wmsultogglebtn svg {
        color: #000;
        vertical-align: text-top;
        width: 20px;
        height: 20px;
    }

.wmsnewnavbar {
    position: relative;
}

.nodatadash {
    padding: 20px;
    border: 2px dashed #41c0e8;
    background: #f5f7fa;
    color: #41c0e8;
    font-size: 22px;
    text-align: center;
    margin: 0 auto;
    margin-top: 10px;
}

/*media Query*/

/*Media Query form visitor form on 16/06/2022*/
@media screen and (max-width: 1024px) {
    /*.converseiconli {
        display: none !important;
    }*/

    .wrappervisitorheading h5 {
        font-size: 16px;
        text-align: center;
    }

    .visitorform {
        margin: 0 !important;
    }

    .visitorImage {
        position: inherit !important;
    }

        .visitorImage img {
            height: 290px !important;
            width: 100% !important;
        }

    .actimgcss {
        height: auto !important;
        width: 100% !important;
    }

        .actimgcss video {
            width: 100% !important;
            height: auto !important;
        }

    .wrappermiddleinput {
        width: 90% !important;
    }

    .wrappersrinput {
        width: 10% !important;
    }

    .textareawelcome {
        width: 90% !important;
    }

    .addiconwelcome {
        width: 10% !important;
    }

    .dvstar {
        max-width: 17%;
    }

    /*WMS Css*/
    .wmsultogglebtn {
        display: block;
    }

    .newwmsnavul a {
        color: #3a3f51;
    }

    .collpasiblebutton {
        width: 5%;
        text-align: center;
        position: absolute;
        right: 20px;
        z-index: 2;
    }

    .newwmsnavulDV {
        display: none;
    }

    .newwmsnavul {
        display: block;
        margin: 0;
        padding: 0;
        width: 45%;
        background: #fff;
        position: absolute;
        right: 70px;
        border: 1px solid #ebebeb;
        z-index: 1;
        border-radius: 5px;
        box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%) !important;
        top: 15px;
    }
}

.consoledv {
    padding: 10px;
    background: ghostwhite;
    border: 1px solid #cacaca;
    margin: 5px;
    /* max-width: 500px; */
    text-align: left;
    font-family: 'playregular';
    border-radius: 5px;
    font-weight: 600;
    font-size: 12px;
}

/*GSI Packing Css*/

.packingphoto {
    width: 100%;
    height: 200px;
    overflow: hidden;
    margin: auto;
    margin-top: 40px;
    text-align: center;
}

    .packingphoto img {
        max-width: 100%;
        max-height: 100%;
        border-radius: 10px;
        display: inline-flex;
    }

.packingphotodv {
    margin-top: 5px;
}

    .packingphotodv h6 {
        font-size: 15px;
        margin: 0;
        padding-top: 5px;
    }

.volumebox {
    padding: 3px 10px;
    font-size: 12px;
    text-align: center;
    border: 1px solid #c7c3c3;
    border-radius: 3px;
    background: ghostwhite;
}

/*For finance only 28/12/2022*/
.financemainpopup {
    z-index: 999 !important;
}

.financejqmenu {
    position: absolute;
    /* right: 47px; */
    left: 0px !important;
    min-width: 0 !important;
}

#GrdAllocationDetail .jsgrid-grid-body {
    height: 160px;
}

GrdChargeDetail .jsgrid-grid-body {
    height: 160px;
}

.searchbtn {
    background: #266091;
    color: #000;
    padding: 0;
    border: none;
    border-radius: 2px;
    width: 27px;
    box-shadow: rgb(0 0 0 / 15%) 0px 3px 3px 0px;
    height: 27px;
    border: 1px solid #fff;
    /* margin: -3px 0; */
    /* width: auto; */
}

    .searchbtn .fa.fa-search {
        color: #fff;
        font-size: 14px;
        vertical-align: text-bottom;
    }

width420rsp {
    width: 420px;
}

.D_align {
    display: flex !important;
    align-items: center !important;
}


.bankcodecss svg {
    vertical-align: text-bottom;
}

.bankcodecss {
    background: #6610f20f;
    padding: 3px 10px;
    margin: 0;
    display: none;
    border: 1px solid #6610f252 !important;
    border-radius: 15px;
}

    .bankcodecss label {
        color: #6610f2a8 !important;
        font-weight: 400;
        font-size: 14px !important;
    }

.highlightrowcolor:hover {
    background: #27c24c2e;
    cursor: pointer;
}

.financeloader {
    position: fixed;
    z-index: 1;
    background: #0000002e;
    top: 58px;
    right: 0;
    left: 0;
    text-align: center;
    height: 100vh;
    display: none;
}

    .financeloader img {
        margin-top: 150px;
        width: 50px;
        height: 50px;
    }

.datasheetcommon .fieldsetbody {
    height: 348px;
    overflow-y: auto;
    overflow-x: hidden;
}

.datasheetcommon {
    max-width: 800px;
    margin: auto;
    margin-top: 15px;
}

.Actionrow {
    cursor: pointer;
    padding: 2px 0;
    display: flex;
    width: 130px;
}

    .Actionrow:hover {
        color: forestgreen;
    }

@media only screen and (max-width: 768px) {
    /*.converseiconli {
        display: none !important;
    }*/

    .responsivepaddingdanfoss {
        padding-top: 130px !important;
        background: #fff;
    }

    .qbdlm .col-md-1 {
        width: 100% !important;
    }

    .frwderui .width475px {
        width: 100% !important;
    }

    .questionbox {
        height: auto !important
    }

    .addremark {
        top: 0px;
        right: 3px !important;
        background: #fdfdfd;
    }

    .visitorImage {
        position: unset !important;
    }

    .main-popup .main-popup-section {
        margin: 50px auto !important;
        padding: 20px;
        width: 100% !important;
    }

    .ticketlabel {
        width: 30% !important;
    }

    .ticketinfo {
        width: 70% !important;
    }

    .ticketlabel label {
        font-size: 13px !important;
    }

    .dvstar {
        max-width: 17%;
    }

    .detailchange {
        max-width: 100%;
    }



    /*Conversation UI*/

}

@media only screen and (max-width: 600px) {

    .card-list {
        margin-bottom: 10px !important;
    }

    .width23per {
        width: 100% !important;
    }

    .wrapperconverses {
        height: 58vh;
    }

    .conversemainsidebar {
        width: 100% !important;
    }

    .startconvoimg {
        display: none !important;
    }

    .h-displayNone {
        display: none !important;
    }

    .h-displayBlock {
        display: block !important;
    }

    .headinguserimage {
        width: 15% !important;
    }

    .headingusername {
        width: 70% !important;
    }

    .headingclose {
        width: 15% !important;
    }

    .headinglabelname {
        width: 100% !important;
    }

    .headinguserinfo {
        width: 100% !important;
    }

    .conversemainsection {
        width: 100% !important;
    }

    #conversepopup {
        margin-top: 80px !important;
    }

    .mainconversewindow {
        height: 52vh;
    }

        .mainconversewindow p {
            font-size: 14px;
        }

    .conversewindowfooter textarea {
        font-size: 14px !important;
    }
    /*width420rsp {
        width: 300px;
    }

    .responsivepaddingdanfoss {
        padding-top: 50px !important;
        background: #fff;
    }

    .responsivewidth280px {
        width: 280px !important
    }

    .responsivewidth100px {
        width: 100px !important
    }

    .mainnavtext {
        font-size: 15px !important;
    }

    .ticketnav {
        padding: 5px !important;
    }

    .smallnavtext {
        font-size: 10px !important;
    }

    .ticketnavlogo {
        width: 20% !important;
    }

    .completiondetails {
        text-align: center;
    }

    .ticketinfo {
        width: 50% !important;
    }

    .ticketlabel {
        width: 50% !important;
    }

        .ticketlabel label {
            font-size: 13px !important;
        }

    .dvstar label {
        font-size: 20px !important;
    }

    .dvstar {
        max-width: 80%;
    }

    .responsiveticketlabel {
        width: 25% !important;
        margin-top: 5px;
    }

    .tickettextareadv {
        width: 100% !important;
    }

    .dashpanel {
        height: auto !important;
    }

    .labels_chart {
        position: inherit !important;
    }

    .canvas30per {
        margin: auto !important;
    }

    .dashpanelbody {
        height: auto !important;
    }

    .attachmenticonpos {
        right: 0 !important;
        top: -28px !important;
    }

    .fivewhyquesans {
        width: 90% !important;
    }

    .fivewhyquessrno {
        width: 10%;
    }

    #conversepopup .main-popup-section {
        margin: 120px auto !important;
        padding: 10px !important;
    }

    .conversemaindiv {
        display: block !important;
    }

    .conversemainsidebar {
        width: 100% !important;
    }

    .converseiconli {
        display: none !important;
    }*/


}


.Monthlycunsumption-repo {
    border: 1px solid #38697f;
    color: #fff;
    font-weight: normal;
    min-height: 35px;
    background: #2a91be !important;
}

/************** Extentionwise File icon********/
.filedocattachment {
    background: #fff;
    width: 100%;
    padding: 20PX;
    border-radius: 3px;
    margin-top: 10px;
}

    .filedocattachment svg {
        width: 70px;
        height: 70px;
        border: 1px solid;
        padding: 10px;
        border-radius: 5px;
    }

.filenmetruncate {
    white-space: nowrap;
    width: 150px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
}

.emp_image {
    background: #d0d0d0;
    width: 100px;
    height: 100px;
    text-align: center;
    padding: 8px;
    border-radius: 50%;
    margin-top: 24px;
}

.card-list {
    box-shadow: 0 1px 4px 0 rgb(158 148 148 / 13%), 0 0px 10px 0 rgb(112 101 101 / 19%);
    border-radius: 10px;
}

.d-flex-space {
    display: flex;
    justify-content: space-between;
}


.card-list-heading {
    font-weight: 600;
    color: #000;
    margin-top: 4px;
}

.card-list-button {
    border: none;
    border-radius: 27px;
    padding: 4px;
    font-size: 14px;
    background-color: #ffe687;
    font-weight: 600;
    color: #000;
    padding: 6px;
}

.delayed-txt {
    color: #000;
    margin-top: 4px;
}

.sub-button {
    border: none;
    border-radius: 33px;
    font-size: 15px;
    background-color: #c6f3e0;
    font-weight: 600;
    color: #000;
    padding: 4px 8px;
}

.sub-button-2 {
    border: none;
    border-radius: 33px;
    font-size: 15px;
    background-color: #ffdfdf;
    font-weight: 600;
    color: #000;
    padding: 4px 8px;
}

.close-icon-btn {
    border: 1px solid #908c8c;
    border-radius: 50%;
    padding: 0px 8px;
    font-weight: 700;
    font-size: 21px;
    position: absolute;
    top: -12px;
    z-index: 999;
    background: #ffff;
    right: -12px;
}

/*************************************************************************************
                          *** New Ektam Login Page ***
**************************************************************************************/




.svg_pst {
    position: absolute;
    top: 5px;
    left: 8%;
}

.eye_svg {
    position: absolute;
    top: 5px;
    right: 8%;
}

.padd-l10per {
    padding-left: 10% !important;
}

.login_field {
    width: 100% !important;
    padding-left: 10% !important;
    border-radius: 6px !important;
    border: 1px solid #7D7D7D !important;
    background: #FFF !important;
    color: #000 !important;
}

    .login_field::placeholder {
        color: #000 !important;
        font-size: 12px !important;
    }


.font-w600 {
    font-weight: 600;
}

.font-w700 {
    font-weight: 700;
}

.txt-size15 {
    font-size: 15px !important;
}

.fB-color {
    color: #6d6d73;
}

.popup-img-card {
    text-align: center;
    height: 130px;
    position: relative;
    background-color: #4a79a9;
}

.profile-img-card {
    position: absolute;
    top: 75px;
    left: 0;
    right: 0;
    margin: auto;
    border: 4px solid #ffff;
}

.login_Footer_contain {
    text-align: center;
    margin: 20px;
    border-top: 1px solid #C1E0FF;
}

.mar-rl25 {
    margin: 0 25px !important;
}

.mar-rl18 {
    margin: 0 5% !important;
}


.padd-rl20 {
    padding: 0 20px !important;
}

.Log_in_btn {
    margin: 0 !important;
    display: flex;
    padding: 5px 50px;
    width: 100%;
    border-radius: 6px;
    background: #476DAF;
    justify-content: center;
    margin: 0 23px;
    border: none;
    font-weight: 700;
    color: #FFFF;
}

.keep-check {
    width: 11px;
    position: relative;
    top: 2px;
}

.keep-txt {
    font-size: 11px;
    color: #727272;
    cursor: pointer;
}

    .keep-txt:hover {
        text-decoration: underline;
    }

.col-black {
    color: #000;
}

.frgt-lbl {
    position: absolute;
    right: 20px;
    top: 25px;
    font-size: 11px;
    color: #727272;
    float: right;
    margin: 5px 0 10px 0px;
    cursor: pointer;
}

    .frgt-lbl:hover {
        text-decoration: underline;
    }

.mar-b25 {
    margin-bottom: 25px !important;
}

.mar-l33 {
    margin-left: 33px !important;
}

.mar-b10 {
    margin-bottom: 10px !important;
}

.mar-t5 {
    margin-top: 5px !important;
}

.width_50_per {
    width: 50%;
}

.pull-left {
    float: left !important;
}

.card-login {
    border-radius: 50px;
    background: #E9F2FB;
    width: 28%;
}

.padd_80px {
    padding-top: 80px;
}

.padd_l50px {
    padding-left: 50px;
}

.main-logo {
    width: 140px;
    height: 40px;
}

.d-flex-center {
    margin-bottom: 10px;
    justify-content: center;
    display: flex;
    position: relative;
}

.d-flex-center2 {
    justify-content: center;
    display: flex;
}
/*.login_field {
    width: 85% !important;
    padding-left: 25px !important;
    border-radius: 6px !important;
    border: 1px solid #7D7D7D !important;
    background: #FFF !important;
    color: #000 !important;
}*/

.form-control {
    margin-bottom: 3px;
    height: 27px !important;
    padding: 2px 7px !important;
}

.form-control {
    box-shadow: 0 0 0 #000;
}

@media only screen and (max-width: 920px) {
    .main_login {
        padding-left
    }

    .padd_80px {
        padding-top: 146px;
    }

    .card-login {
        width: 95% !important;
        padding: 100px 40px !important;
    }

    /*.svg_pst {
        left: 11%;
    }*/

    /*.eye_svg {
        right: 11%;
    }*/

    .Log_in_btn {
        width: 93% !important;
    }

    .mar-l70resp {
        margin-left: 62px !important;
    }

    .frgt-lbl {
        margin: 5px 0 10px 0px;
    }

    .mar-rl25 {
        margin: 0 150px !important;
    }

    .mar-rl18 {
        margin: 0px 25% !important;
    }
}

@media only screen and (max-width: 767px) {
    .mar-rl25 {
        margin: 0 65px !important;
    }

    .mar-rl18 {
        margin: 0px 21% !important;
    }

    .padd_80px {
        padding-top: 0px !important;
    }

    /*.svg_pst {
        left: 11.50%;
    }*/

    /*.eye_svg {
        right: 11.50%;
    }*/

    .pst-rel-resp {
        position: relative;
        bottom: 45px;
    }

    .card-login {
        width: 93% !important;
    }

    .Log_in_btn {
        margin: 0 !important;
        width: 100% !important;
    }

    .mar-rl25 {
        margin: 0px 35px !important;
    }

    .padd_l50px {
        padding-left: 0 !important;
    }

    .card-login {
        width: 100% !important;
        padding: 40px !important;
    }
}

@media only screen and (max-width: 600px) {

    .mar-rl18 {
        margin: 0 3% !important;
    }
    /*.svg_pst {
        left: 15%;
    }*/

    /*.eye_svg {
        right: 15%;
    }*/

    .padd_l50px {
        padding-left: 3px !important;
    }

    .card-login {
        margin-top: 35% !important;
        width: 99% !important;
        padding: 25px !important;
    }
}


/**********************************************************************************************************************************************************
                                                  Attandance UI CSS
***********************************************************************************************************************************************************/
.cal-heading {
    font-size: 18px;
    font-weight: 600;
    margin: 5px;
    color: #5B5B5B;
}

.btn-prev-next:hover {
    border: 1px solid #969696;
    border-radius: 5px;
}

.attdc_table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
}

.attdc-table-col {
    border: 1px solid #ddd;
}

.cal-table-heading {
    border: 1px solid #D5D7DB;
    color: #5B5B5B;
    background-color: #ffff;
    font-weight: 600;
    padding: 8px 10px;
    font-size: 16px;
}



.dayname {
    padding: 10px;
    flex-grow: 1;
    border: 1px solid #D5D7DB;
    flex-shrink: 1;
    flex-basis: 0;
    color: #5B5B5B;
    overflow: hidden;
    background-color: #ffff;
    font-weight: 600;
    font-size: 16px;
}





.day-number {
    color: #383838;
    font-size: 20px;
    padding: 8px 16px;
    font-weight: bold;
}

.next .day-number {
    color: #d5d7db !important;
}

.day-absent {
    background: #FF8989;
    color: #fff;
    text-align: center;
}

    .day-absent span {
        font-size: 14px;
        font-weight: 600;
    }

.day-present {
    background: #67C0B0;
    color: #fff;
    text-align: center;
}

    .day-present span {
        font-size: 14px;
        font-weight: 600;
    }

.day-half {
    background: #D3B25C;
    color: #fff;
    text-align: center;
}

    .day-half span {
        font-size: 14px;
        font-weight: 600;
    }

.lbl-pre-abs {
    color: #383838;
    font-size: 16px;
    padding: 8px 16px;
    font-weight: 500;
    text-align: center;
}

.date-label {
    color: #ffff;
    border: 1px solid #67C0B0;
    background: #67C0B0;
    text-align: center;
    padding: 8px;
    border-radius: 5px;
    font-size: 16px;
}

.atdnc-smry-card {
    border-radius: 5px;
    box-shadow: inset 2px 0px 2px 0px #d7d7d7c9, 2px 1px 2px 0 #d7d7d7c9;
    padding: 15px;
    margin-top: 10px;
}

.atdnc-label {
    font-size: 16px;
    position: relative;
    left: 5%;
    color: #1F889E;
    font-weight: bold;
    width: 20% !important;
}

.atdnc-label-2 {
    font-size: 16px;
    position: relative;
    left: 5%;
    color: #1F889E;
    font-weight: bold;
    width: 56% !important;
}


.label-svg {
    position: absolute;
    left: -20%;
    top: 1px;
}

.atdnc-txt {
    font-size: 16px;
    color: #000;
    font-weight: 500;
    margin: 0 10px;
    width: 15%;
    display: inline-block;
}

.crm-txt {
    font-size: 16px;
    color: #000;
    font-weight: 500;
    margin: 0 10px;
    width: 25%;
    display: inline-block;
}

.atdnc-sublabel {
    font-size: 16px;
    color: #1F889E;
    font-weight: bold;
    width: 10%;
}

.f-w600 {
    font-weight: 600;
}

.crm-atdnc-label {
    font-size: 20px;
    top: 16px;
    position: relative;
    left: 5%;
    color: #1F889E;
    font-weight: bold;
    width: 20% !important;
}

.display-flex-2 {
    display: flex;
    width: 100%;
}

.padd-r5resp {
    padding-right: 5px;
}

.padd-l5resp {
    padding-left: 5px;
}

@media only screen and (max-width: 600px) {
    .atdnc-label {
        width: 35% !important;
    }

    .atdnc-sublabel {
        width: 35% !important;
    }

    .atdnc-txt {
        width: 50% !important;
    }

    .atdnc-label-2 {
        width: 100% !important;
    }

    .label-svg {
        top: -1px;
    }

    .crm-atdnc-label {
        font-size: 20px;
        top: 1px;
        width: 40% !important;
        margin-bottom: 5px;
    }

    .display-flex-2 {
        display: inline-block;
        width: 100%;
    }

    .crm-txt {
        font-size: 12px !important;
    }

    .d-Nresp {
        display: none;
    }

    .padd-r5resp {
        padding-right: 0px !important;
    }

    .padd-l5resp {
        padding-left: 0px !important;
    }
}
/******************************************************************************************************************************************
                                                   Subscription ui
*******************************************************************************************************************************************/

.plan-heading {
    color: #000;
    font-size: 20px;
    font-style: normal;
    padding: 5px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.6px;
}

.plan-chose-box {
    border-radius: 5px;
    border: 1px solid #FFF;
    background: linear-gradient(92deg, #F3F3F3 0.3%, rgba(234, 233, 233, 0.56) 74.66%, #FEFEFE 102.82%);
    padding: 5px;
}

.btn-chose-toggle {
    border-radius: 5px;
    background: #FFF;
    box-shadow: 0px 0px 22px 0px rgba(0, 0, 0, 0.11);
    border: none;
    padding: 3px 10px;
}

.btn-toggle-alter {
    padding: 3px 10px;
    border: none;
    color: #A9A9A9;
    background: none;
}

.plan-flex {
    display: flex;
}

.subc-plan-heading {
    margin: 0;
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.5px;
}

.subc-plan-subHeading {
    margin: 0 !important;
    color: #8F8F8F;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.3px;
}

.btn-pay-now {
    border-radius: 3px;
    border: 1px solid #0079AC;
    background: #0079AC;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    text-align: center;
    width: 100%;
    padding: 10px;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.36px;
}

.box-brd-btm {
    border-bottom: 1.5px solid #C4C4C4 !important;
}

.discont-grn-text {
    color: #63D052;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.6px;
}

.input-box-btn {
    margin: 0;
    border: 1px solid #D2D2D2;
    padding: 5px 15px;
    background: #FFF;
    font-weight: 600;
    font-size: 16px;
}

.input-box {
    width: 100%;
    font-size: 16px;
    border: none;
    text-transform: uppercase;
}

.input-box-div {
    width: 100%;
    display: flex;
    border-radius: 5px;
    border: 1px solid #D0D0D0;
    background: #FFF;
    margin-bottom: 5px;
}

.box_label {
    margin: 0;
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.5px;
}

.green-text {
    color: #63D052 !important;
}

.subc-box {
    border-radius: 5px;
    border: 1px solid #fff;
    background: linear-gradient(92deg, #F3F3F3 0.3%, rgba(234, 233, 233, 0.56) 74.66%, rgba(254, 254, 254, 0.00) 102.82%);
    padding: 9px;
}

@media screen and (max-width: 600px) {
    .w-160pxResp {
        width: 160px !important;
    }

    .actTypeCardView .actWidth33per {
        width: 100% !important;
    }
}
/******************************************************************************************************************************************
                                                    slider login page
*******************************************************************************************************************************************/
/* Main Content Styles */
.login-box {
    width: 100%;
    height: 100vh;
}

.sliding-login {
    width: 50%;
    height: auto;
    background: #ffffff;
    padding: 15px;
}

    /* Right Side Card Styles */
    .sliding-login .title {
        position: relative;
        z-index: 1;
        border-left: 5px solid #E65100;
        margin: 0 0 35px;
        padding: 10px 0 10px 50px;
        color: #E65100;
        font-size: 220%;
        font-weight: 600;
        text-transform: uppercase;
    }





/* Left Side Card Styles */
.info-bg {
    color: white;
    background-color: #1061A7;
}

    .info-bg img {
        display: block;
        margin: 0 auto;
    }



.log-slide h2 {
    text-align: center;
    color: black;
    font-weight: bold;
    font-size: 20px;
    margin: 15px 10px 30px 10px;
}

.log-slide form {
    padding: 0 40px;
}

.log-slide .input-cont {
    position: relative;
    margin: 0 50px 20px;
}

.log-slide .checkBoxes {
    position: relative;
    margin: 0 50px 10px;
}


.input-cont {
    position: relative;
    margin: 0 50px 20px;
}

    .input-cont input,
    .input-cont select {
        appearance: none;
        -webkit-appearance: none;
        box-sizing: border-box; /* Include padding and border in the element's total width and height */
        padding: 0 0 0 30px;
        position: relative;
        z-index: 1;
        width: 100%;
        height: 36px; /* Set a specific height for both input and select */
        color: #667085;
        font-size: 18px;
        font-weight: 400;
        border-radius: 8px;
        border: 1px solid var(--gray-300, #D0D5DD);
        background: var(--White, #FFF);
        box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    }

    .input-cont .input_hover:hover,
    .input-cont .select_hover:hover {
        border-color: #007bff;
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    }


    .input-cont input::placeholder,
    .input-cont select::placeholder {
        padding-left: 0;
    }

debugger
.log-slide .frgt-lbl-2 {
    text-align: right;
    text-decoration: none;
    color: #1061A7;
}

.input-cont .login-slide-btn {
    padding: 0 !important;
    border-radius: 8px;
    border: 1px solid #1061A7;
    background: #1061a7de;
    color: #ffff;
    font-size: 15px;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}

    .input-cont .login-slide-btn:hover {
        box-shadow: 0 10px 16px 0 rgb(55 111 167 / 38%), 0 0px 15px 0 rgb(46 102 150 / 22%);
        background: #025ca9 !important;
    }


.input-cont .login-slide-btn-2 {
    padding: 0 !important;
    border-radius: 8px;
    border: 2px solid #1061A7;
    background: #ffff;
    color: #1061A7;
    font-size: 15px;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}

    .input-cont .login-slide-btn-2:hover {
        box-shadow: 0 10px 16px 0 rgb(55 111 167 / 38%), 0 0px 15px 0 rgb(46 102 150 / 22%);
    }

.terms-label .main-terms {
    text-align: right;
    text-decoration: underline !important;
    color: black;
}

    .terms-label .main-terms:hover {
        font-weight: 600;
    }


.support-lbl {
    color: black;
    text-decoration: none;
    margin: 10px 0 0 0;
}

.phn-support .phn-num {
    position: relative;
    color: black;
    font-weight: 500;
    text-decoration: none;
    text-transform: uppercase;
    margin: 5px 0 0 0;
}

    .phn-support .phn-num:hover {
        color: #1b72e2;
        text-decoration: underline;
    }

.svg-phn {
    position: absolute;
    left: -16%;
}

.email-support, .email-id {
    position: relative;
    color: black;
    font-weight: 500;
    text-decoration: none;
    text-transform: lowercase;
    margin: 5px 0 0 0;
}

    .email-support, .email-id:hover {
        color: #1b72e2;
        text-decoration: underline;
    }

.svg-email {
    position: absolute;
    left: -13%;
}


.log_svg {
    position: absolute;
    height: 35px;
    width: 35px;
    text-align: center;
    padding: 7px 5px;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
}

.support-cont {
    position: relative;
    margin: 0 50px 8px;
    text-align: center;
}

.txt_cent {
    text-align: center;
}

.mar_rl15 {
    margin: 0 30px 0 10px;
}

.icon-bg {
    padding: 12% 0 0 14%;
}

.card-info-heading {
    text-align: center;
    font-size: 29px;
    font-weight: 600;
    margin: 5px 0 20px 0;
}

.cardslider {
    overflow: hidden;
    width: 600px; /* Set the width of the cardslider */
    margin: 20px auto;
}

.cardslider-inner {
    white-space: nowrap;
    transition: transform 0.3s ease-in-out; /* Adjust the transition duration as needed */
    font-size: 0;
}


.cardslider-card {
    display: inline-block;
    box-sizing: border-box;
    width: 600px; /* Set the width of each cardslider card */
    padding: 20px;
    text-align: center;
    font-size: 16px;
}

.opencloseEyes {
    position: absolute;
    z-index: 111;
    right: 3%;
    top: 25%;
}

.slide-login-img {
    border-radius: 15px;
    width: 70%;
    height: auto;
    box-shadow: 0 4px 8px 0 rgb(28 28 28 / 46%), 0 6px 20px 0 rgb(89 82 82 / 17%)
}
/* SDLC Document Base element  */

.element_base_act {
    border: 1px solid #d9d9d9;
    border-radius: 6px;
    box-shadow: 0 4px 5px 0 rgb(62 79 79 / 20%), 0 3px 8px 0 rgb(205 221 223 / 19%);
    align-items: center;
    display: flex;
    padding: 5px;
}

.tkt_heading {
    width: 90%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    padding: 3px;
    color: #444343;
}

.redbrdHover {
    box-shadow: 0 0 0 4px rgb(255 166 170 / 99%) !important;
    border-radius: 6px;
}

.d_flex {
    display: flex !important;
}

.tkt_creater {
    width: 40%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 5px;
    border: 1px solid #c7c7c7;
    border-radius: 6px;
    font-size: 14px;
    color: #616161;
    margin: 5px !important;
    background: #fefaef;
}

.tkt_completion_dt {
    margin: 0 !important;
    color: #193a7a;
    text-align: center;
    background: #d8e1e4;
    margin: 5px;
    border-radius: 5px;
    padding: 5px;
    font-size: 16px;
    margin: 5px !important;
}

.view_div {
    width: 10%;
    margin: 5px;
    text-align: center;
}

.btn_view {
    padding: 5px 15px;
    background: #538494ad;
    border: none;
    outline: none;
    color: #ffff;
    border-radius: 4px;
}


/* CRM Crad View added on 21-feb-2024 */

.crmCardView {
    position: relative;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    box-shadow: 0 2px 4px 0 rgb(223 215 215 / 20%), 0 4px 10px 0 rgb(233 220 220 / 0%);
}

.crmCardHeading {
    padding: 5px 10px;
    display: flex;
    justify-content: space-between;
    background: #dde1e3;
    align-items: center;
}

.crm_label {
    font-size: 16px;
    font-weight: normal;
    color: #000000;
    padding: 0;
    margin: 0;
    font-weight: 600;
}

.crm_count {
    letter-spacing: 1.8px;
    background: #637387;
    padding: 5px;
    border-radius: 13px;
    color: #ffff;
    font-size: 14px;
    font-weight: 500;
    width: 45px;
    text-align: center;
}

.crmBodySubCard {
    margin: 10px;
    padding: 5px 10px;
    border: 1px solid #d9d9d9;
    border-radius: 6px;
}

    .crmBodySubCard:hover {
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 2px 3px 0 rgba(0, 0, 0, 0.19);
    }

    .crmBodySubCard .firmLabel {
        margin: 0 !important;
        font-size: 16px;
        font-weight: normal;
        color: #4e4f50;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .crmBodySubCard .hotcolddiv {
        display: flex;
        justify-content: space-between;
        margin-top: 5px;
    }

.hotcolddiv .datehotcold {
    width: 95px;
    margin: 5px 0 !important;
    padding: 7px;
    border-radius: 6px;
    color: #ffff;
}

.hotcolddiv .orderType {
    width: 95px;
    margin: 5px 0 !important;
    padding: 7px;
    border-radius: 4px;
    color: #585353;
    border: 1px solid #d7d6d6;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.brd-orange-hot {
    border: 1px solid #8b592e;
}

.brd-skyblue-cold {
    border: 1px solid #074f89;
}

.brd-skyblue-normal {
    border: 1px solid #300732;
}

.custScroll {
    height: 520px;
    overflow: auto;
}

.crm_callTotalCount {
    display: flex;
    justify-content: space-between;
    background: #ebebeb;
}

    .crm_callTotalCount .call_Div {
        display: flex;
        align-items: center;
        padding: 5px
    }

        .crm_callTotalCount .call_Div .call_heading {
            font-size: 14px;
            color: #040404;
            margin: 0;
            font-weight: 600;
            padding: 5px;
        }

.hotCall {
    letter-spacing: 1.8px;
    background: #f5ac6d;
    padding: 4px;
    border-radius: 15px;
    color: #ffff;
    font-size: 14px;
    font-weight: 500;
    width: 34px;
    text-align: center;
}

.coldCall {
    letter-spacing: 1.8px;
    background: #76bcf7;
    padding: 4px;
    border-radius: 15px;
    color: #ffff;
    font-size: 14px;
    font-weight: 500;
    width: 34px;
    text-align: center;
}

.crm_amount_box {
    display: flex;
    justify-content: space-between;
}

    .crm_amount_box .crm_amount_label {
        font-size: 14px;
        color: #040404;
        margin: 0;
        font-weight: 600;
        padding: 5px;
    }

    .crm_amount_box .crm_amount_label {
        font-size: 14px;
        color: #040404;
        margin: 0;
        font-weight: 600;
        padding: 5px;
    }

.newSubCardCrm {
    padding: 5px;
    margin: 5px 0px;
    border: 1px solid #d9d9d9;
}

    .newSubCardCrm .txtHeading {
        font-size: 14px;
        color: #000;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        margin: 0 !important;
        display: flex;
        align-items: center;
        white-space: nowrap;
        width: 280px;
        text-overflow: ellipsis;
        overflow: hidden;
    }

.iconWithText {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.orderTypeHeading {
    font-size: 14px;
    color: #000;
    width: 250px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

/*Notification UI*/

.icon-notify {
    margin: 0 18px;
    padding-top: 11px;
}



.close1 {
    cursor: pointer;
    background: none;
    border: none;
    font-size: 1.5rem;
    display: block;
}

.notifcations-popup {
    border: 1px solid #d9d9d9;
    position: absolute;
    border-radius: 5px;
    width: 400px;
    right: -155px;
    z-index: 99999;
    background: #ffff;
}


    .notifcations-popup .icon-polygon {
        position: absolute;
        top: -10px;
        right: 180px;
    }

    .notifcations-popup .boxHeading {
        display: flex;
        justify-content: space-between;
        padding: 10px;
        background: #cadfff !important;
    }

        .notifcations-popup .boxHeading h5 {
            margin: 0;
            color: #002368;
            margin-top: 0px;
            font-size: 16px !important;
            font-weight: 300;
        }

    .notifcations-popup .boxMainBody {
        margin: 5px 0;
        height: 300px;
        overflow: auto;
        padding: 0 5px;
    }

/*DataSheet  ui css*/

.dataSheetHeading {
    display: flex;
    justify-content: space-between;
    padding: 6px 25px;
    background: #707070;
    font-size: 18px;
    border-radius: 5px;
    color: #fff;
    align-items: center;
}

.headingCloseBtn {
    background: #f4f4f4;
    border: none;
    outline: none;
    border-radius: 3px;
}

.queCardBody {
    margin: 28px 0;
    background: #ffffff;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px;
}

    .queCardBody .queHeading {
        display: flex;
        justify-content: space-between;
        padding: 25px 25px 10px 25px;
    }

.queCustLabel {
    font-size: 18px;
    color: #1d1c1c;
    font-weight: 600;
}

.queSubHeading {
    display: flex;
    justify-content: space-between;
    padding: 10px 25px;
    background: #DBE8EA;
    border-radius: 5px 5px 0 0;
}

.pst-rel {
    position: relative;
}

.attchmentButton {
    background: none;
    border: none;
    outline: none;
}

.attchmentButtonicon {
    border: 1px solid #d9d9d9;
    background: #f0f6f9;
    width: 24px;
    display: flex;
    height: 24px;
    justify-content: space-around;
    align-items: center;
    border-radius: 50%;
    position: absolute;
    top: -14px;
    right: -15px;
}

.answerTypeDiv {
    padding: 5px 25px;
}

.answerRadioBtn {
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #242424;
    margin: 15px 0;
}

    .answerRadioBtn input {
        width: 18px;
        height: 16px;
        margin: 0 5px 0 0;
    }

.answerRemark {
    padding: 15px 5px;
}

    .answerRemark textarea {
        border-top: none;
        border-right: none;
        border-left: none;
        border-image: initial;
        outline: none;
        border-bottom: 1px solid rgb(0, 0, 0);
        width: 100%;
        resize: none;
    }

.inputAnswerbox {
    padding: 10px 5px;
}

    .inputAnswerbox input {
        border-top: none;
        border-right: none;
        border-left: none;
        border-image: initial;
        outline: none;
        border-bottom: 1px solid rgb(0, 0, 0);
        width: 30%;
        padding: 5px;
    }

    .inputAnswerbox select {
        border-top: none;
        border-right: none;
        border-left: none;
        border-image: initial;
        outline: none;
        border-bottom: 1px solid rgb(0, 0, 0);
        width: 30%;
        padding: 5px;
    }


.dataSheetfooter {
    display: flex;
    justify-content: space-between;
    padding: 10px 25px;
}

/*DataSheet ui css end*/

.msgText {
    border: 1px solid #D9D9D9;
    padding: 5px;
    border-radius: 5px;
    margin: 4px 0;
}

    .msgText p {
        margin: 0 !important;
        padding: 0;
        color: #242424;
        font-size: 14px;
        font-weight: 600;
    }

    .msgText .subText {
        font-size: 12px;
        margin: 4px 0;
        padding: 0;
        color: #7a7a7a;
        font-weight: 500 !important;
    }


.holdDivpopup {
    display: block;
    position: absolute;
    width: 550px;
    background: rgb(255, 255, 255);
    top: 114px;
    left: 10%;
    z-index: 2147483647;
    border: 1px solid rgb(217, 217, 217);
    border-radius: 6px;
    box-shadow: rgba(159, 183, 223, 0.17) 0px 10px 15px -3px, rgba(186, 199, 230, 0.13) 0px 4px 6px -2px;
}

/* Activity Card View  */

.actTypeCardView {
    display: flex;
    flex-wrap: wrap;
    margin-top: 15px;
}

    .actTypeCardView .actWidth33per {
        width: 33.33%;
    }

        .actTypeCardView .actWidth33per .mainActivityCard {
            box-shadow: rgb(38 38 41 / 35%) 0px 0px 0.25em, rgb(29 29 29 / 22%) 0px 0.25em 1em;
            padding: 20px 20px;
            text-align: center;
            position: relative;
            margin: 15px 30px;
            border-radius: 6px;
        }

            .actTypeCardView .actWidth33per .mainActivityCard h4 {
                font-size: 16px;
                color: #5D5D5F;
                margin-top: 15px;
            }

.actCardTodayDelay {
    display: flex;
    justify-content: space-between;
}

    .actCardTodayDelay .FutureDiv {
        text-align: center;
        background: #efa04b4d;
        width: 65px;
        cursor: pointer;
        border-radius: 6px;
    }

        .actCardTodayDelay .FutureDiv h4 {
            font-size: 16px;
            color: #5d5d5f;
        }

        .actCardTodayDelay .FutureDiv p {
            color: #F68002;
        }

.brdDiv {
    border: 1px dashed #D9D9D9;
}

.actCardTodayDelay .todayDiv {
    text-align: center;
    background: #0063a93b;
    width: 65px;
    cursor: pointer;
    border-radius: 6px;
}

    .actCardTodayDelay .todayDiv h4 {
        font-size: 16px;
        color: #5d5d5f;
    }

    .actCardTodayDelay .todayDiv p {
        color: #0063A9;
    }

.actCardTodayDelay .DelayDiv {
    text-align: center;
    background: #f0202026;
    border-radius: 6px;
    width: 65px;
    cursor: pointer;
}

    .actCardTodayDelay .DelayDiv h4 {
        font-size: 16px;
        color: #5d5d5f;
    }

    .actCardTodayDelay .DelayDiv p {
        color: #E96F6F;
    }

#myDoughnutChart {
    width: 100%;
    height: 100%;
}

#count {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 14px; /* Set font size to 14px */
    font-weight: bold;
}

.wrapperActprogress {
    left: 18px;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    top: 13px;
}

.circle {
    background: #0063A9;
    border-radius: 50%;
    height: 49px; /* Updated */
    margin: 0 auto;
    position: relative;
    width: 49px; /* Updated */
}

.circle__inner {
    background: #fff;
    border-radius: 50%;
    height: 75%;
    left: 14%;
    position: absolute;
    top: 11%;
    width: 75%;
}

.circle span {
    color: #242424;
    display: block;
    font-family: 'Raleway', sans-serif;
    font-size: 12px; /* Adjusted for smaller size */
    font-weight: 800;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}

.pie {
    display: none;
    height: 49px; /* Updated */
    left: 50%;
    overflow: hidden;
    position: absolute;
    transform-origin: left center;
    transform: rotate(0);
    width: 25px; /* Updated */
    top: -2px;
}

    .pie.big {
        height: 50px; /* Updated */
        left: -2px;
        transform-origin: center center;
        width: 50px; /* Updated */
    }

    .pie:before {
        border-radius: 25px 0 0 25px; /* Updated */
        content: "";
        height: 49px; /* Updated */
        left: -25px; /* Updated */
        position: absolute;
        transform-origin: right center;
        width: 25px; /* Updated */
    }

    .pie.big:before {
        left: 0px;
    }

    .pie.big:after {
        border-radius: 0 25px 25px 0; /* Updated */
        content: "";
        height: 49px; /* Updated */
        left: 25px; /* Updated */
        position: absolute;
        width: 25px; /* Updated */
    }

    .pie.small:before,
    .pie.small:after,
    .pie.big:after,
    .pie.big:before {
        background-color: #E96F6F;
    }

/*Milestone CSS Table*/
.milestoneMainTable {
    display: table;
    border: 1px solid #333;
    border-collapse: collapse;
    width: 100%;
    position: relative;
}

    .milestoneMainTable .milestoneMainTableHeader {
        display: table-row;
        background-color: #D7EEFF;
        font-weight: bold;
    }

        .milestoneMainTable .milestoneMainTableHeader .milestoneCells {
            display: table-cell;
            border: 1px solid #EEEEEE;
            padding: 8px;
            text-align: left;
        }

    .milestoneMainTable .milestoneMainTableBody {
        display: table-row
    }

        .milestoneMainTable .milestoneMainTableBody .milestoneBodyCells {
            display: table-cell;
            border: 1px solid #EEEEEE;
            padding: 8px;
            text-align: center;
            color: #000000;
            vertical-align: middle;
        }

.font12px {
    font-size: 12px !important
}

.milestoneCountCards {
    width: 80px;
    margin: 0 auto;
}

    .milestoneCountCards .topCountDiv {
        border-bottom: 1px dashed;
        margin: 0 10px;
        padding: 5px 0;
        text-align: left;
    }

    .milestoneCountCards .bottomCountDiv {
        margin: 0 10px;
        padding: 5px 0;
        text-align: left;
    }

.countNoDiv {
    text-align: center;
    margin: 8px 0 !important;
    color: #8E8E8E;
}

.chartsWidthHeight {
    width: 450px !important;
    height: 380px !important;
}



/*css for KPI dashboard*/
.containerKpiDashboard {
    padding: 10px;
}

    .containerKpiDashboard .kpiContainerTitleRow {
        display: flex;
        align-items: center;
        padding: 5px;
    }

        .containerKpiDashboard .kpiContainerTitleRow .HeadingOutBox {
            width: 12%;
            padding: 5px 10px;
        }

            .containerKpiDashboard .kpiContainerTitleRow .HeadingOutBox h4 {
                font-size: 15px;
                color: #000000;
                margin-top: 10px;
            }

            .containerKpiDashboard .kpiContainerTitleRow .HeadingOutBox .boxInputCOuntContainer {
                border: 1px solid #B3B3B3;
                border-radius: 4px;
            }

.countBrdbtmdiv {
    border-bottom: 1px dashed #858585ba;
    padding: 10px;
}

.countBrdbtmdivcust {
    border-bottom: 1px dashed #858585ba;
    padding: 5px;
}

.countNoBrdDiv {
    padding: 10px;
}

.countNoBrdDivCust {
    padding: 5px;
}

.targetTxtHeading {
    color: #5D5D5F;
    font-size: 15px;
}

.targetCountNo {
    color: #11862D;
    font-size: 28px;
    font-weight: 600;
    text-align: center;
    margin: 5px !important;
}

.strokeCol {
    stroke: #fff !important;
    fill: #064f86 !important;
}


.txt-e44141 {
    color: #E44141 !important;
}

.txt-ec8312 {
    color: #EC8312 !important;
}

.equalToDiv {
    padding: 10px;
    width: 5%;
    text-align: center;
}

.equalToDiv16 {
    padding: 10px;
    width: 16%;
    text-align: center;
}

.containerKpiDashboard .kpiContainerTitleRow .HeadingBlankBox {
    width: 5%;
    padding: 5px 10px;
}

.containerKpiDashboard .kpiContainerTitleRow .multiContainerBox {
    display: flex;
    width: 53%;
    padding: 5px 10px;
}

    .containerKpiDashboard .kpiContainerTitleRow .multiContainerBox .multiCOntainerMainBox {
        width: 23%;
    }

    .containerKpiDashboard .kpiContainerTitleRow .multiContainerBox .multiCOntainerMainBox {
        width: 23%;
    }

        .containerKpiDashboard .kpiContainerTitleRow .multiContainerBox .multiCOntainerMainBox h4 {
            font-size: 15px;
            color: #000000;
        }

    .containerKpiDashboard .kpiContainerTitleRow .multiContainerBox .multiCOntainerMainBox_Blank {
        width: 15%;
    }

    .containerKpiDashboard .kpiContainerTitleRow .multiContainerBox .multiCOntainerMainBox_small {
        width: 24%;
    }

        .containerKpiDashboard .kpiContainerTitleRow .multiContainerBox .multiCOntainerMainBox_small h4 {
            font-size: 15px;
            color: #000000;
        }

.multiBrdContainerbox {
    display: flex;
    width: 53%;
    padding: 10px 15px;
    align-items: center;
    border: 1px solid #b3b3b3;
    border-radius: 4px;
}

.subbox26 {
    width: 26%;
}

.subbox23 {
    width: 23%;
}


.subbox21 {
    width: 21%;
}

.subboxContaincount {
    border: 1px solid #B3B3B3;
    border-radius: 4px;
}

.subboxContaincount145 {
    border: 1px solid #B3B3B3;
    border-radius: 4px;
    height: 145px;
}


.chart-containerKPI {
    background-color: #F6F6F6;
    /* Light gray background */
    border: 1px solid #ddd;
    border-radius: 4px;
    /* Border radius */
    padding: 20px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    position: relative;
    margin: 10px auto;
    /* Centered with space around */
}

    .chart-containerKPI h4 {
        margin: 0 0 10px 0;
        /* Space below the heading */
        font-weight: bold;
        color: #05004E;
        /* Dark blue color */
        text-align: left;
        /* Align heading to the left */
        font-size: 18px;
        /* Small font size to fit the narrow column */
    }

    .chart-containerKPI canvas {
        display: block;
        margin: 0 auto;
    }

.KPIKPIchart-row {
    display: flex;
    flex-wrap: wrap;
}

.chart-containerKPI {
    background-color: #F6F6F6;
    /* Light gray background */
    border: 1px solid #ddd;
    border-radius: 4px;
    /* Border radius */
    padding: 20px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    position: relative;
    margin: 10px auto;
    /* Centered with space around */
}

    .chart-containerKPI h4 {
        margin: 0 0 10px 0;
        /* Space below the heading */
        font-weight: bold;
        color: #05004E;
        /* Dark blue color */
        text-align: left;
        /* Align heading to the left */
        font-size: 18px;
        /* Small font size to fit the narrow column */
    }

    .chart-containerKPI canvas {
        display: block;
        margin: 0 auto;
    }

.frequently-used-container {
    background-color: #fff;
    font-family: Arial, sans-serif;
    border-radius: 4px;
}

.frequently-used-header {
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    gap: 8px;
    color: #09090B;
    font-size: 16px;
    font-family: 'Poppins-Medium';
    font-weight: 500;
    padding: 8px 10px;
    background: #D9D9D9;
    border-radius: 4px;
    cursor: pointer;
}

.frequently-used-content {
    padding: 10px;
}

.frequently-used-card {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 5px;
}

.card-module-code {
    font-size: 14px;
    color: #6B7280;
    font-family: 'Poppins-Medium';
    margin-bottom: 2px;
}

.card-module-title {
    font-size: 16px;
    font-weight: 500;
    color: #09090B;
    font-family: 'Poppins-Medium';
}

.schedule-action-btn {
    background: #006699;
    color: #fff;
    border: none;
    border-radius: 4px;
    padding: 8px 15px;
    font-size: 14px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
}

.hidden {
    display: none;
}


/* Media Queries */
@media only screen and (max-width: 1094px) {
    .login-box {
        width: 100%;
    }

    .log-slide form {
        padding: 0 0px;
    }

    .cardslider {
        width: 300px;
    }

    .cardslider-card {
        width: 350px;
    }

    .card-info-heading {
        font-size: 22px;
    }
}

@media only screen and (min-width: 768px) {

    .eq {
        display: table;
    }

    .colm {
        float: none;
        display: table-cell;
        vertical-align: top;
    }
}

@media only screen and (max-width: 767px) {


    .login-box {
        width: 100%;
    }

    .sliding-login {
        width: 100%;
    }

    .progress .bar {
        width: 1%;
    }

    .progress #right {
        background-color: #fff;
    }
}

@media screen and (max-width: 600px) {
    .containerKpiDashboard {
        width: 100%;
        overflow: auto;
    }

        .containerKpiDashboard .kpiContainerTitleRow {
            width: 1200px
        }

    .overflowResp {
        overflow: auto;
    }

    .widthMaxResp {
        width: max-content;
    }

    .txtWrapRespMobile {
        white-space: nowrap;
        overflow: hidden;
        max-width: 300px;
        text-overflow: ellipsis;
    }

    .stickyHeadingResp {
        position: sticky;
        left: -1px;
        z-index: 9999;
        border: 1px solid #EEEEEE;
        background-color: #D7EEFF;
    }

    .stickyBodyResp {
        position: sticky;
        left: -1px;
        z-index: 9999;
        border: 1px solid #EEEEEE;
        background-color: #fff;
    }

    .scrollwide {
        overflow: auto;
    }

    .divcustTabResp {
        display: inherit !important;
        width: 100% !important;
    }

    .flexWrapResp {
        flex-wrap: wrap !important;
    }

    .paddT25Resp {
        padding-top: 25px !important;
    }

    .paddt100resp {
        padding-top: 100px !important;
    }

    .pie.big {
        height: 53px;
        left: -2px;
        transform-origin: center center;
        width: 53px;
    }

    .circle__inner {
        background: #fff;
        border-radius: 50%;
        height: 73%;
        left: 14%;
        position: absolute;
        top: 14%;
        width: 73%;
    }

    .pie {
        display: none;
        height: 42px;
        left: 50%;
        overflow: hidden;
        position: absolute;
        transform-origin: left center;
        transform: rotate(0);
        width: 25px;
        top: 0px;
    }

        .pie.big:after {
            border-radius: 0 25px 25px 0;
            content: "";
            height: 51px;
            left: 25px;
            position: absolute;
            width: 27px;
        }

        .pie:before {
            border-radius: 25px 0 0 25px;
            content: "";
            height: 51px;
            left: -25px;
            position: absolute;
            transform-origin: right center;
            width: 26px;
        }

        .pie.big:before {
            left: 0.5px;
        }

    .holdDivpopup {
        width: 350px;
        /*right: 14px;*/
    }

    .icon-notify {
        position: absolute;
        top: -48px;
        right: 45px;
    }

    .micIconResp {
        display: none !important;
    }

    .user_login_name {
        display: none !important;
    }

    .UserLogoResp {
        position: absolute;
        right: 10px;
        top: -38px;
    }

    .nav-wrapper {
        padding: 5px;
    }

    .newCustTab .custtabContain p {
        padding: 2px 15px;
        font-size: 12px;
    }

    .TopNavSeetingsDropDown {
        left: -45px;
        margin-top: 6px !important;
    }

    .notifcations-popup {
        width: 360px;
        right: -60px;
        margin-top: 4px !important;
    }

        .notifcations-popup .icon-polygon {
            right: 70px;
            top: -10px;
        }

    .info-bg {
        display: none;
    }

    .log-slide form {
        padding: 0 !important;
    }

    .log-slide .input-cont {
        margin: 0 30px 20px;
    }

    .log-slide .checkBoxes {
        margin: 0 30px 10px;
    }

    .support-cont {
        margin: 0 30px 10px;
    }

    .view_div {
        width: 25%;
    }

    .tkt_heading {
        width: 75%;
    }

    .d-flex-reverse {
        flex-direction: column-reverse;
    }

    .width_50_per {
        width: 100%;
    }

    .border_box {
        overflow: auto;
        display: grid;
        height: 500px;
    }

    .colInheritResp {
        color: inherit !important;
    }

    .hamBurgeIconResp {
        top: 0;
        left: 0;
        width: 30px;
    }

    .padd-l20resp {
        padding-left: 20px;
    }
}

@media screen and (max-width: 300px) {
    .log-slide .input-cont {
        margin: 0 0px 20px;
    }

    .log-slide .checkBoxes {
        margin: 0 0px 10px;
    }

    .dnone-line {
        display: none;
    }
}

.bg-highlighter {
    background: #dcffc3 !important;
    font-weight: bold;
}

/*CSS for Bank Reconciliation ui*/
.bankReconciliationCardRow {
    display: flex;
    flex-wrap: wrap;
    padding: 0 10px;
}

    .bankReconciliationCardRow .width20perBankCard {
        width: 20%;
        padding: 10px 5px;
    }

    .bankReconciliationCardRow .width10perBankCard {
        width: 10%;
        padding: 10px 5px;
    }

    .bankReconciliationCardRow .width27perBankCard {
        width: 27%;
        padding: 10px 5px;
    }

    .bankReconciliationCardRow .width13perBankCard {
        width: 13%;
        padding: 10px 5px;
    }

.bankReconciliationCard_Contain {
    border: 1px solid #d9d9d9;
    text-align: center;
    background: #f1fcff;
    border-radius: 2px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 7px 0px;
}

    .bankReconciliationCard_Contain h4 {
        font-size: 16px;
        color: #000000;
        font-weight: 500;
        margin: 5px !important;
    }

    .bankReconciliationCard_Contain p {
        font-size: 16px;
        color: #000000;
        padding: 0 0 10px 0;
        margin: 0 !important;
        margin: 5px 0 !important;
    }

.brdActionBtn {
    border: 1px solid #D1D5DB;
    border-radius: 4px;
    height: 28px;
    width: 28px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 5px;
    background: none;
}

.dFlexJustCent {
    display: flex;
    justify-content: center;
    align-content: center;
}

@media only screen and (max-width: 600px) {
    .bankReconciliationCardRow .width20perBankCard {
        width: 100%;
        padding: 10px;
    }

    .bankReconciliationCardRow .width10perBankCard {
        width: 100%;
        padding: 10px;
    }

    .bankReconciliationCardRow .width27perBankCard {
        width: 100%;
        padding: 10px;
    }

    .bankReconciliationCardRow .width13perBankCard {
        width: 100%;
        padding: 10px;
    }

    .reminderRespWidth {
        width: 100% !important;
        left: 0 !important;
        right: 0 !important;
    }
}

/************************************************************************************************************************
                                         New CSS for custom Dashboard Simplify 
************************************************************************************************************************/


@font-face {
    font-family: 'Poppins-Medium';
    src: url('../../Fonts/Poppins-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'Poppins-Regular';
    src: url('../../Fonts/Poppins-Regular.ttf') format('truetype');
}

.mainNavSimply {
    background: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6px 24px;
    border-bottom: 1px solid #d9d9d9;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1200;
}

.mainHeadingwidthtxt {
    display: flex;
    align-items: center;
    width: 40%;
}

.moduleTxtCol {
    width: 50%;
    font-size: 18px;
    color: #0369A1;
    font-family: 'Poppins-Medium';
}

.mainNavSimply .NavBtnLogoElements {
    display: flex;
    align-items: center;
}

    .mainNavSimply .NavBtnLogoElements .btnCollapsNav {
        height: 30px;
        width: 30px;
        border-radius: 50%;
        border: 1px solid #5e5e5e;
        outline: none;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .mainNavSimply .NavBtnLogoElements .Logoimgsimp {
        width: 135px;
        height: 37px;
        padding-left: 10px;
    }

.mainNavSimply .NavActionProfileElements {
    display: flex;
    align-items: center;
    gap: 6px;
}

.netSpeed_container {
    display: inline-flex;
    align-items: center;
    border: 1px solid #9ADAFD;
    border-radius: 8px;
    overflow: hidden;
    font-family: Arial, sans-serif;
    font-size: 14px;
    color: #333;
    background: #E3F5FF;
}

.netSpeed_down,
.netSpeed_up {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 4px 12px;
}

.netSpeed_value {
    font-weight: 500;
}

.netSpeed_icon {
    width: 16px;
    height: 16px;
}

.netSpeed_divider {
    width: 1px;
    height: 20px;
    background-color: #adadad;
}

.speech_mic_container {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.speech_mic_select {
    padding: 5px 14px;
    border: 1px solid #D1D5DB;
    border-radius: 10px;
    font-size: 16px;
    background: #ffffff;
    color: #111;
    outline: none;
    cursor: pointer;
}

.speech_mic_button {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid #D1D5DB;
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

    .speech_mic_button:hover {
        background: #f5f5f5;
    }

.speech_mic_icon {
    width: 20px;
    height: 20px;
}


/* Optional polish */
.netSpeed_container:hover {
    border-color: #6bbcf6;
}

    .netSpeed_container:hover .netSpeed_divider {
        background-color: #9c9c9c;
    }


.mainNavSimply .NavActionProfileElements .btnNotifyNav {
    border: 1px solid #d9d9d9 !important;
    height: 36px;
    width: 36px;
    border-radius: 50%;
    outline: none;
    background: none;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .mainNavSimply .NavActionProfileElements .btnNotifyNav .notifyDOt {
        width: 8px;
        height: 8px;
        background: #D71D1D;
        border-radius: 50%;
        position: absolute;
        top: 7px;
        right: 7px;
    }

.mainNavSimply .NavActionProfileElements .ProfileActionsIcon {
    display: flex;
    align-items: center;
}

    .mainNavSimply .NavActionProfileElements .ProfileActionsIcon img {
        width: 32px;
        height: 32px;
        border-radius: 50%;
        margin-right: 8px;
    }

    .mainNavSimply .NavActionProfileElements .ProfileActionsIcon span svg {
        border: 2px solid #fff;
        border-radius: 50%;
    }

    .mainNavSimply .NavActionProfileElements .ProfileActionsIcon label {
        color: #5e5e5e;
        display: flex;
        align-items: center;
    }

        .mainNavSimply .NavActionProfileElements .ProfileActionsIcon label svg {
            margin: 0 5px;
        }

.notifyDOtAtt {
    width: 16px;
    height: 16px;
    background: #D71D1D;
    border-radius: 50%;
    position: absolute;
    top: -8px;
    right: -8px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
}
/* aside Bar CSS*/

.asideMenuBar {
    background: #fff;
    padding-top: 70px;
    position: fixed;
    top: 0;
    width: 240px;
    bottom: 0;
    z-index: 999;
}

.col-F87171 {
    color: #F87171 !important;
}


.asideNavElements {
    padding: 10px 0px;
}

    .asideNavElements .asideMenuliList {
        display: flex;
        padding: 8px 20px;
        margin: 0 15px !important;
        !i;
        !;
        background: none;
        margin: 10px 5px;
        justify-content: space-between;
        background: none;
        align-items: center;
        border-radius: 4px;
    }

.activeAsideNavLIElement {
    background: #064f86 !important;
}

    .activeAsideNavLIElement .activeAsideNavLI_Label {
        color: #fff !important;
    }

    .activeAsideNavLIElement path {
        fill: #fff;
    }

    .activeAsideNavLIElement .activeCollapsSvg {
        transform: rotate(180deg);
    }

        .activeAsideNavLIElement .activeCollapsSvg path {
            fill: #fff !important;
        }



.asideElementLabel {
    color: #5e5e5e;
    font-size: 16px !important;
    margin: 0 10px;
}

.collapsSvgBtn {
    margin: 0 5px;
}


.innerSubElementDropdwon {
    padding: 0;
    margin: 5px;
}

.innerSubElementDropdwon {
    padding: 0;
    margin: 0 5px;
}

    .innerSubElementDropdwon .InnerliElement {
        font-size: 14px;
        display: flex;
        align-items: center;
        margin: 0 14px;
        !;
        padding: 6px 0 6px 15px;
    }

        .innerSubElementDropdwon .InnerliElement svg {
            margin: 0px 16px;
        }

.subdropdownAsideSimply {
    display: none;
    position: absolute;
    background: #fff;
    right: -256px;
    width: 240px;
    top: 55%;
    box-shadow: rgb(0 0 0 / 5%) 3px 1px 7px 5px;
    border-radius: 0 6px 6px 0;
    border: 1.5px solid #d3d3d3;
    border-left: none;
    max-height: 300px;
    overflow: auto;
}

.hovershowdropdown:hover {
    text-decoration: underline;
}

/*panel Simplify */
.custpanelSimplify {
    margin-top: 57px;
    padding: 10px;
    background: #F4F6FA;
}

.width33_33per {
    width: 33.33% !important;
}

.width66_66per {
    width: 66% !important;
}

.width50_50per {
    width: 50% !important;
}

.width40_40per {
    width: 40% !important;
}

.width60_60per {
    width: 60% !important;
}

.main_DashboardSimp {
    padding: 5px;
}

.DashCardRow {
    display: flex;
    flex-wrap: wrap
}

.headingMainDashboard {
    font-size: 18px;
    margin: 11px 0 !important;
    font-family: 'Poppins-Medium' !important;
    color: #000000;
    /*margin: 0 !important;
    margin-bottom: 5px !important;
    font-weight: 500;*/
}
/*e chart card css*/
.ChartTimesheetCard {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    background-color: #fff;
    overflow: hidden;
    padding: 20px;
    border: 1px solid #d9d9d9;
}

    .ChartTimesheetCard h2 {
        margin: 0 0 10px;
        font-size: 16px;
        font-weight: 400;
        color: #000000;
        margin: 0 !important;
        font-family: 'Poppins-Medium' !important;
    }

    .ChartTimesheetCard .Timesheetcardcontent {
        height: 240px;
    }

        .ChartTimesheetCard .Timesheetcardcontent div {
            width: 100% !important;
        }

            .ChartTimesheetCard .Timesheetcardcontent div canvas {
                width: 100% !important;
            }

.collapsedAsideSimply {
    width: 100px !important;
}

    .collapsedAsideSimply .asideElementLabel {
        display: none !important;
    }

    .collapsedAsideSimply .iconCollapseUpDown {
        display: none !important;
    }



    .collapsedAsideSimply .asideMenuliList {
        width: 58px;
    }

.marginAsideSimply {
    margin-left: 100px !important
}

.height210px {
    height: 210px;
}

.pieChartConatinerSimpli {
    display: flex;
    align-items: center;
}

    .pieChartConatinerSimpli .chartBoxSimpli {
        width: 60%;
        height: 220px
    }

    .pieChartConatinerSimpli .chartActionSimpli {
        width: 40%;
    }

        .pieChartConatinerSimpli .chartActionSimpli .ChartLegendsBoxSimpli {
            display: flex;
            align-items: center;
            gap: 10px;
            padding: 5px 0;
        }

            .pieChartConatinerSimpli .chartActionSimpli .ChartLegendsBoxSimpli span {
                width: 14px;
                height: 14px;
                border-radius: 50%;
            }

            .pieChartConatinerSimpli .chartActionSimpli .ChartLegendsBoxSimpli label {
                font-family: 'Poppins-Medium';
                font-size: 12px;
            }

            .pieChartConatinerSimpli .chartActionSimpli .ChartLegendsBoxSimpli .bgPresent {
                background: #18B44B;
            }

            .pieChartConatinerSimpli .chartActionSimpli .ChartLegendsBoxSimpli .bgabsent {
                background: #EC6457;
            }

            .pieChartConatinerSimpli .chartActionSimpli .ChartLegendsBoxSimpli .bgLeave {
                background: #2670F0;
            }

            .pieChartConatinerSimpli .chartActionSimpli .ChartLegendsBoxSimpli .bgNotOnRoll {
                background: #FCC936;
            }

.actionBtnChartsimpli label {
    padding: 5px 10px
}

    .actionBtnChartsimpli label a {
        color: #064F86;
        font-size: 14px;
        font-family: 'Poppins-Medium';
        cursor: pointer;
    }

.cardMainDashboard {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    background-color: #fff;
    overflow: hidden;
    border: 1px solid #d9d9d9;
    padding-bottom: 5px;
}

    .cardMainDashboard .maincardHeadingsimp {
        padding: 10px 15px;
        display: flex;
        justify-content: space-between;
        border-bottom: 1px solid #CFCFCF;
    }

        .cardMainDashboard .maincardHeadingsimp label {
            font-size: 14px;
            color: #1E1E1E !important;
            font-family: 'Poppins-Medium';
            font-weight: 400;
            display: flex;
            gap: 5px;
        }

            .cardMainDashboard .maincardHeadingsimp label span {
                color: #939194;
            }

        .cardMainDashboard .maincardHeadingsimp .btnViewAll {
            text-decoration: underline !important;
            text-underline-offset: 1.5px;
            color: #064F86;
            font-family: 'Poppins-Medium';
            font-size: 13px;
        }








.Scroll220px {
    height: 220px;
    overflow: auto;
}

.cardTableRow {
    padding: 1px 15px;
    display: flex;
    justify-content: space-between;
    /*cursor: pointer;*/
}

    /*    .cardTableRow:hover {
        background: #EEEEEE;
    }*/

    .cardTableRow .iconTxtlabel {
        display: flex;
        align-items: center;
    }

        .cardTableRow .iconTxtlabel span {
            margin-right: 10px;
        }

        .cardTableRow .iconTxtlabel label {
            font-size: 14px;
            color: #303030 !important;
        }

/*.totalCountsimp label {
    font-size: 16px;
    color: #303030;
    font-family: 'Poppins-regular';
}

.cardAssignmentRowSimp {
    padding: 3px 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 4px;
    margin: 2px 0;
    cursor: pointer;
}*/

.totalCountsimp label {
    font-size: 16px;
    color: #303030;
    font-family: 'Poppins-Medium';
}

.cardAssignmentRowSimp {
    padding: 5px 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 4px;
}

    .cardAssignmentRowSimp:hover {
        background: #EEEEEE;
    }


.bg-headingCardSimpl {
    background: #ECF7FF;
}

.cardAssignmentRowSimp .icontxtBox {
    display: flex;
    align-items: center;
}

    .cardAssignmentRowSimp .icontxtBox label {
        font-size: 14px;
        color: #5D5D5F;
        /*font-family: 'Poppins-Medium';*/
        text-transform: capitalize;
    }

.col_blackRegu {
    color: #303030 !important;
    font-family: 'Poppins-Regular' !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 241px;
    font-size: 13px;
}

.col_blackMed {
    font-size: 16px !important;
    font-family: 'Poppins-Medium';
    color: #000000 !important;
}

.cardAssignmentRowSimp .icontxtBox span {
    margin-right: 10px;
}

.cardAssignmentRowSimp .countsboxRight {
    width: 200px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .cardAssignmentRowSimp .countsboxRight .label_left {
        font-size: 14px;
        color: #5D5D5F;
        text-align: right;
        width: 45%;
        font-family: 'Poppins-regular';
        font-weight: 200;
    }

    .cardAssignmentRowSimp .countsboxRight .label_center {
        font-size: 14px;
        font-family: 'Poppins-Medium';
        color: #5D5D5F;
        width: 10%;
        text-align: center;
    }

    .cardAssignmentRowSimp .countsboxRight .label_right {
        font-size: 14px;
        font-family: 'Poppins-Regular';
        color: #5D5D5F;
        text-align: right;
        width: 35%;
        font-weight: 500;
    }

/* sp new UI card*/
.dashboardDeuCardROw {
    padding: 5px 15px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.dashboardbdmonth {
    display: flex;
    align-items: center;
    width: 50%;
    gap: 10px;
}

.dashboardmonthlbl {
    font-size: 12px;
    color: #747474;
    font-family: 'Poppins-Regular';
}

.dashboardcardROwrrfs {
    padding: 6px 15px;
    display: flex;
    align-items: center;
    gap: 32px;
}

.dashboardbddate {
    width: 140px;
    padding: 8px;
    border-radius: 4px;
    background-color: #f1f3f5;
    font-size: 14px;
    border: 1px solid #D1D5DB;
}

.btn-add-candidate {
    font-size: 12px;
    background: #0369A1;
    color: #fff;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 6px 5px;
    border-radius: 6px;
    margin: 0 5px;
    font-family: 'Poppins-Medium' !important;
    width: 50%;
}

.dashboardviewbtn {
    display: flex;
    justify-content: center;
}

.dashboardopenlbl {
    color: #303030;
    font-family: 'Poppins-Regular';
    font-size: 12px;
}

.table-section-padding {
    padding: 10px 15px;
}

.employee-table-card {
    border: 1px solid #D1D5DB;
    border-radius: 4px;
}

.employee-table-row {
    width: 100%;
    border-collapse: collapse;
}

.employee-data-cell {
    color: #717177;
    font-family: 'Poppins-Medium';
}

.employee-header-cell {
    width: 100%;
    padding: 8px;
    text-align: center;
    border-bottom: 1px solid #D1D5DB;
    border-left: none;
    border-right: none;
    font-size: 13px;
    vertical-align: top;
}

.employee-table-details {
    font-family: 'Poppins-Regular';
    font-size: 13px;
    color: #27272A;
    text-align: center;
    border-bottom: 1px solid #e5e5e5;
}

.performance-summary-container {
    position: relative;
    padding:9px 16px;
}

.performance-summary-row {
    display: flex;
    gap: 28px;
    margin-bottom: 32px;
    position: relative;
}

.kpi-achieved {
    width: 50%;
    background: #eaf6ff;
    border-radius: 10px;
    padding: 10px;
    position: relative;
}

.kpi-metric-achieve {
    font-size: 0.8em;
    font-weight: 500;
    letter-spacing: 0.08em;
    color: #6b7280;
    margin-bottom: 10px;
    font-family: 'Poppins-Medium';
}

.kpi-metric-value {
    font-size: 1.4em;
    font-weight: 600;
    color: #0E80BE;
}

.kpi-metric-collected {
    background: #eaffef;
    border-radius: 10px;
    padding: 10px;
}

.kpi-color-value {
    font-size: 1.4em;
    font-weight: 600;
    color: #0EAD49;
}

.target-stats-wrappe {
    display: flex;
    gap: 28px;
}

.target-stats-outstanding {
    width: 50%;
    background: #fff3e8;
    border-radius: 10px;
    padding: 10px;
}

.stats-outstanding-value {
    font-size: 1.4em;
    font-weight: 600;
    color: #F59F0A;
}

.kpi-percentage-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #000;
    font-size: 14px;
    font-weight: 500;
    padding: 6px 14px;
    border-radius: 6px;
    font-family: 'Poppins-Regular';
}

.kpi-connector-line {
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
    border-top: 1px solid #C2C2C2;
    width: 120px;
}

.target-stats-wrapper {
    display: flex;
    gap: 28px;
}

.amount-progress-text {
    font-size: 12px;
    font-weight: 500;
    color: #686d77;
    font-family: 'Poppins-Medium';
    text-align: center;
    padding-bottom: 6px;
}

.col_textstat {
    color: #71717A !important;
    font-family: 'Poppins-Regular';
    font-size: 14px;
}

.dashboardmonthyear {
    display: flex;
    justify-content: space-between;
    gap: 23px;
    padding: 0 16px;
    color: #52525B;
    font-family: Poppins-Medium;
}

.col_textnextrow {
    display: flex;
    gap: 2px;
    width: 168px;
    justify-content: space-between;
    align-items: center;
    color: #71717A;
    font-family: Poppins-Medium;
}

.col-textlabel-monyear {
    width: inherit;
    word-break: break-all;
    white-space: normal;
    line-height: 1.4;
    display: flex;
    justify-content: end;
}

.widthteamtarget {
    width: 50%;
}

.widthncachieve {
    width: 75%;
}

.kpi-percentage-target {
    position: absolute;
    top: 50%;
    left: 85%;
    transform: translate(-50%, -50%);
    color: #000;
    font-size: 14px;
    font-weight: 500;
    padding: 6px 7px;
    border-radius: 6px;
    font-family: 'Poppins-Regular';
    width: 23%;
}

.kpi-targetnc-line {
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
    border-top: 1px solid #C2C2C2;
    width: 218px;
}

.spacemonthyear {
    display: flex;
    gap: 54px;
}

.spacebalanceday {
    display: flex;
    gap: 63px;
    color: #71717A;
    font-family: 'Poppins-Medium';
}

.retail-sales-table {
    width: 100%;
    border-collapse: collapse;
    color: #52525B;
    font-family: Arial, sans-serif;
    text-align: center;
}

.retail-sales-border {
    border: 1px solid #C1C5CC;
}

.retail-sales-header {
    padding: 10px;
    font-weight: 600;
    text-align: center;
}

.retail-sales-subheader {
    padding: 8px;
    font-weight: 500;
    text-align: center;
}

.retail-sales-cell {
    padding: 8px;
}

.retail-sales-text-left {
    text-align: left;
}

.retail-sales-text-right {
    text-align: right;
}
/* practice managemnet  */
.PM-timesheetDetails {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 0;
}

    .PM-timesheetDetails .PM-timeEffortBox {
        display: flex;
        align-items: center;
        border: 1px solid #d9d9d9;
        width: 125px;
        border-radius: 6px;
        padding: 1px 2px;
        background: #fff;
    }

        .PM-timesheetDetails .PM-timeEffortBox .PM-timeBox {
            background: #0063A9;
            padding: 10px 15px;
            border: 1px solid #d9d9d9;
            color: #fff;
            font-family: 'Poppins-Medium';
            border-radius: 6px;
        }

.effort-Green {
    background: #22C55E !important;
}

.effort-red {
    background: #F87171 !important;
}

.dotSvgLeft {
    position: absolute;
    top: 0px;
    left: 8px;
}

.dotSvgRight {
    position: absolute;
    top: 0px;
    right: 8px;
}

.PM-timesheetDetails .PM-timeEffortBox .effortTXT {
    padding: 11px 10px;
    color: #000000;
    font-family: 'Poppins-Medium';
}

.pm-WorkListAction {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    padding: 12px 15px;
    border-radius: 4px;
}

    .pm-WorkListAction h3 {
        font-family: 'Poppins-Medium' !important;
        font-size: 18px;
    }

        .pm-WorkListAction h3 span {
            color: #A1A1AA;
            font-weight: 500;
        }

    .pm-WorkListAction .pmActionsBtns {
        display: flex;
    }

.btn-pm-Actions {
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4px 20px;
    border-radius: 6px;
    color: #000;
    margin: 0 5px;
    font-family: 'Poppins-Medium' !important;
    border: 1px solid #d9d9d9;
}

    .btn-pm-Actions svg {
        margin-right: 8px;
    }

.bgBtnCol {
    background: #0369A1;
    color: #fff;
    border: none;
}

.padd4by8 {
    padding: 4px 8px;
}

.dropdownWorkListPM {
    position: absolute;
    right: 5px;
    background: #FFF;
    border: 1px solid #D9D9D9;
    border-radius: 6px;
    width: 160px;
    top: 35px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    z-index: 999;
}

    .dropdownWorkListPM .dropDownRowPM {
        display: flex;
        padding: 5px 15px;
        align-items: center;
        color: #000000;
    }

        .dropdownWorkListPM .dropDownRowPM svg {
            margin-right: 10px;
        }

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

.dropdownDnoneRow {
    display: none !important;
}

.pm-cardsRow {
    display: flex;
    flex-wrap: wrap;
}

    .pm-cardsRow .cardActivityPM {
        width: 33.33%;
        padding: 10px;
        cursor: pointer;
        transition: transform 0.2s ease; /* Animate shrink */
        transform-origin: center;
    }

        /* Shrink full card on click (mouse / touch) */
        /*.pm-cardsRow .cardActivityPM:active {
            transform: scale(0.95);
        }*/

        /* Card box */
        .pm-cardsRow .cardActivityPM .cardCantainPM {
            background: #fff;
            box-shadow: rgba(0,0,0,0.1) 0px 4px 12px;
            border-radius: 6px;
            padding: 8px 0px;
        }


            .pm-cardsRow .cardActivityPM .cardCantainPM .cardActionRowPM {
                display: flex;
                align-items: center;
                justify-content: space-between;
                padding: 10px 8px;
            }

                .pm-cardsRow .cardActivityPM .cardCantainPM .cardActionRowPM .txtActType {
                    display: flex;
                    align-items: center;
                }

                    .pm-cardsRow .cardActivityPM .cardCantainPM .cardActionRowPM .txtActType span {
                        width: 34px;
                        height: 34px;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        background: #F0F0F0;
                        border-radius: 50%;
                        margin-right: 10px;
                    }

                    .pm-cardsRow .cardActivityPM .cardCantainPM .cardActionRowPM .txtActType label {
                        color: #000000;
                        font-family: 'Poppins-Medium' !important;
                    }

.btn-todayAct {
    background: #ECFCCB;
    padding: 5px 10px;
    border-radius: 6px;
    color: #000000;
    font-family: 'Poppins-Medium' !important;
    outline: none;
    border: none;
}


.btn-DelayAct {
    background: #fccbcb;
    padding: 5px 10px;
    border-radius: 6px;
    color: #000000;
    font-family: 'Poppins-Medium' !important;
    outline: none;
    border: none;
}


.btn-EndsOnTommAct {
    background: #ECFCCB;
    padding: 5px 10px;
    border-radius: 6px;
    color: #000000;
    font-family: 'Poppins-Medium' !important;
    outline: none;
    border: none;
}


.btn-StartsOnNextAct {
    background: #fce8cb;
    padding: 5px 10px;
    border-radius: 6px;
    color: #000000;
    font-family: 'Poppins-Medium' !important;
    outline: none;
    border: none;
}
.btn-meeting {
    display: flex;
    align-items: center;
    padding: 5px 10px;
    font-size: 14px;
    color: #000000;
    font-family: 'Poppins-Regular', sans-serif;
    cursor: pointer;
    border-radius: 6px;
    position: relative;
}


    .btn-meeting:hover {
        background-color: #f3f4f6;
        color: #1F2937;
        border: 1px solid #e5e7eb;
    }

    .btn-meeting:hover .hover-text {
        display: block;
    }


.padd5by8 {
    padding: 5px 8px;
}

.actDiscTxt {
    color: #52525B;
    font-family: 'Poppins-Regular';
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Limit the text to 2 lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; /* Add ellipsis (...) when content overflows */
    height: 3.2em; /* Adjust the height based on the line height to fit 2 lines */
    line-height: 1.6em; /* Adjust the line height */
    transition: all 1.5s ease;
}


    .actDiscTxt span {
        color: #0369A1;
    }

.cardsEffortsRow {
    padding: 5px 8px;
    display: flex;
    font-size: 12px;
}

    .cardsEffortsRow p {
        color: #52525B;
        font-family: 'Poppins-Medium';
    }

        .cardsEffortsRow p span {
            color: #000000;
            font-size: 12px;
        }

.marLR10px {
    margin: 0px 15px !important;
}

.CardsTagsRow {
    padding: 5px 8px;
    display: flex;
    border-bottom: 1px solid #D1D5DB;
    padding-bottom: 10px;
    gap: 5px;
    flex-wrap: wrap;
}

    .CardsTagsRow .tagBorderPM {
        border: 1px solid #0063A9;
        padding: 3px 9px;
        border-radius: 4px;
    }

        .CardsTagsRow .tagBorderPM .txtlabelsimplify {
            width: 130px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }


    .CardsTagsRow .tagBackGroudPM {
        background: #CCE6FF;
        padding: 3px 9px;
        border-radius: 4px;
    }

.marLR5px {
    margin: 0 5px;
}

.txt105wrap {
    white-space: nowrap;
    max-width: 85px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cardBtnBottom {
    padding: 10px 8px 0 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.btnAttchmentCardPM {
    background: #F0F0F0;
    display: flex;
    align-items: center;
    padding: 4px 5px;
    border-radius: 4px;
    font-family: 'Poppins-Medium' !important;
    border: none;
}

    .btnAttchmentCardPM svg {
        margin-right: 6px;
    }

.btnCalChat {
    display: flex;
}

    .btnCalChat .btnCalenderIcon {
        background: #E0F2FE;
        display: flex;
        align-items: center;
        padding: 6px 6px;
        border-radius: 4px;
        font-family: 'Poppins-Medium' !important;
        margin: 0 5px;
        border: none;
    }

    .btnCalChat .btnChatIcon {
        background: #FEF3C7;
        display: flex;
        align-items: center;
        padding: 6px 6px;
        border-radius: 4px;
        font-family: 'Poppins-Medium' !important;
    }

/*scroll for activity timing...*/
.actScroll::-webkit-scrollbar {
    width: 5px; /* Width of the vertical scrollbar */
    height: 4px; /* Height of the horizontal scrollbar */
}

.actScroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.3);
    border-radius: 6px;
}

.actScroll::-webkit-scrollbar-thumb {
    border-radius: 6px;
    background: #b7b7b7;
}

.scrollHideshow {
    height: 350px;
    overflow: auto;
}

/*Time Sheet Heading*/
.timeSheetDetailsHeading {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .timeSheetDetailsHeading .mainTimeSheetLabel {
        display: flex;
        align-items: center;
    }

        .timeSheetDetailsHeading .mainTimeSheetLabel label {
            font-size: 20px;
            margin: 11px 0 !important;
            font-family: 'Poppins-Medium' !important;
            color: #000000;
            margin-right: 5px !important;
        }

        .timeSheetDetailsHeading .mainTimeSheetLabel span {
            margin-left: 5px;
        }

    .timeSheetDetailsHeading .menuBarOppo {
        display: flex;
        background: #fff;
        align-items: center
    }


        .timeSheetDetailsHeading .menuBarOppo .menuBarOppolabelbox {
            padding: 5px;
            font-size: 12px !important;
            color: #000000;
            font-family: 'Poppins-Medium';
        }

.brdRightD9D9D9 {
    border-right: 1px solid #d9d9d9;
}

.WorkListTable {
    background: #52525B;
    display: flex;
    align-items: center;
}

.WorkListTable {
    background: #52525B;
    display: flex;
    align-items: center;
}

    .WorkListTable .headingWorkList-ED {
        width: 15%;
        color: #ffff;
        padding: 8px 0;
        text-align: center;
    }

    .WorkListTable .headingWorkList-Under {
        width: 20%;
        display: flex;
        color: #FFFFFF;
        align-items: center;
        padding: 8px 0;
        justify-content: center;
    }

    .WorkListTable .headingWorkList-assignBy {
        width: 25%;
        display: flex;
        color: #FFFFFF;
        align-items: center;
        padding: 8px 0;
    }

    .WorkListTable .headingWorkList-Status {
        width: 15%;
        display: flex;
        color: #FFFFFF;
        align-items: center;
        padding: 8px 0;
        justify-content: center;
    }

    .WorkListTable .headingWorkList-Time {
        width: 10%;
        color: #ffff;
        padding: 8px 0;
        text-align: center;
    }

    .WorkListTable .headingWorkList-Action {
        width: 15%;
        color: #ffff;
        padding: 8px 0;
        text-align: center;
    }

    .WorkListTable .headingWorkList-Under svg {
        margin-right: 8px;
    }

    .WorkListTable .headingWorkList-assignBy svg {
        margin-right: 8px;
    }

    .WorkListTable .headingWorkList-Status svg {
        margin-right: 8px;
    }
/* Work List body row*/

.workListBody {
    background: #ffff;
}

    .workListBody .firstRow-work {
        display: flex;
        align-items: center;
        border-bottom: 1px solid #D9D9D9;
    }

        .workListBody .firstRow-work .bodyWorkList-ED {
            width: 15%;
            color: #000000;
            padding: 8px 0;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .workListBody .firstRow-work .bodyWorkList-ED {
            width: 15%;
            color: #000000;
            padding: 8px 0;
            display: flex;
            justify-content: center;
            align-items: center;
        }

            .workListBody .firstRow-work .bodyWorkList-ED svg {
                margin-right: 8px;
            }

        .workListBody .firstRow-work .bodyWorkList-under {
            width: 20%;
            display: flex;
            color: #000000;
            align-items: center;
            padding: 8px 0;
            justify-content: center;
        }

        .workListBody .firstRow-work .bodyWorkList-assignBy {
            width: 25%;
            display: flex;
            color: #000000;
            align-items: center;
            padding: 8px 0;
        }

        .workListBody .firstRow-work .bodyWorkList-status {
            width: 15%;
            display: flex;
            color: #F87171;
            align-items: center;
            padding: 8px 0;
            justify-content: center;
        }

        .workListBody .firstRow-work .bodyWorkList-time {
            width: 10%;
            color: #000000;
            padding: 8px 0;
            text-align: center;
        }

        .workListBody .firstRow-work .bodyWorkList-action {
            width: 15%;
            color: #ffff;
            padding: 8px 0;
            text-align: center;
        }

            .workListBody .firstRow-work .bodyWorkList-action .btn-timesheet {
                background: #E0F2FE;
                padding: 6px 6px;
                border-radius: 4px;
                margin: 0 5px;
                border: none !important;
            }

            .workListBody .firstRow-work .bodyWorkList-action .btn-Actchat {
                background: #FEF3C7;
                padding: 6px 6px;
                border-radius: 4px;
                margin: 0 5px;
                border: none !important;
            }

    .workListBody .secondRow-work {
        display: flex;
        align-items: center;
    }

        .workListBody .secondRow-work .bodyWorkList-actType {
            width: 15%;
            color: #0369A1;
            padding: 8px 0;
            display: flex;
            justify-content: center;
            align-items: center;
        }

            .workListBody .secondRow-work .bodyWorkList-actType span {
                background: #E8E8E8;
                padding: 7px 4px;
                border-radius: 50%;
                margin-right: 8px;
            }

        .workListBody .secondRow-work .bodyWorkList-actName {
            width: 85%;
            display: flex;
            color: #000000;
            align-items: center;
            padding: 8px 0;
            justify-content: left;
        }

    .workListBody:nth-child(odd) {
        background-color: #EAECF0;
    }


/*Main Heading*/

.mainHeading_simplyfy {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .mainHeading_simplyfy .labelBoxMain_simplfy {
        color: #000000;
        font-size: 18px;
        font-family: 'Poppins-Medium' !important;
    }

    .mainHeading_simplyfy .actionBoxMain_simplfy {
        color: #000000;
        font-size: 18px;
        font-family: 'Poppins-Medium' !important;
    }

        .mainHeading_simplyfy .actionBoxMain_simplfy .btnSubNavBar {
            display: flex;
            align-items: center;
            padding: 5px 10px;
            color: #ffff;
            border-radius: 5px;
            background: #0369A1;
            font-family: 'Poppins-regular' !important;
            font-size: 14px;
            border: none;
        }

            .mainHeading_simplyfy .actionBoxMain_simplfy .btnSubNavBar svg {
                margin-right: 8px;
            }

/*Leave Dashboard*/

.leaveCardsDashboardSimplyfy {
    width: 100%;
    overflow: auto;
}

    .leaveCardsDashboardSimplyfy .leaveCardmainRowSimplyfy {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        margin-bottom: 10px;
        gap: 14px;
    }

        .leaveCardsDashboardSimplyfy .leaveCardmainRowSimplyfy .leaveCardBoxSimply {
            width: 160px;
            padding: 10px 0;
            flex-shrink: 0;
        }

            .leaveCardsDashboardSimplyfy .leaveCardmainRowSimplyfy .leaveCardBoxSimply .leavecardInnerBox {
                background: #ffff;
                padding: 5px;
                cursor: pointer;
            }

                .leaveCardsDashboardSimplyfy .leaveCardmainRowSimplyfy .leaveCardBoxSimply .leavecardInnerBox h4 {
                    text-align: center;
                    font-size: 16px;
                    color: #000000;
                    font-family: 'Poppins-Medium' !important;
                    padding: 14px 0 !important;
                    font-weight: 500;
                    margin: 0 !important;
                }

                .leaveCardsDashboardSimplyfy .leaveCardmainRowSimplyfy .leaveCardBoxSimply .leavecardInnerBox .LeaveIconSimply {
                    display: flex;
                    justify-content: center;
                    margin-bottom: 12px;
                }

                .leaveCardsDashboardSimplyfy .leaveCardmainRowSimplyfy .leaveCardBoxSimply .leavecardInnerBox .LeaveCountBox {
                    display: flex;
                    justify-content: space-between;
                    padding: 5px 10px;
                }

                    .leaveCardsDashboardSimplyfy .leaveCardmainRowSimplyfy .leaveCardBoxSimply .leavecardInnerBox .LeaveCountBox p {
                        color: #22C55E;
                        font-family: 'Poppins-Medium';
                        margin-bottom: 0px;
                    }

/*Table Cards box*/

.tableHeadingBoxCard {
    background: #FFFFFF;
    border: 1px solid #E7E7E7;
    padding: 10px;
}

    .tableHeadingBoxCard .tableCardHeadingsimplfy {
        display: flex;
        justify-content: space-between;
    }

        .tableHeadingBoxCard .tableCardHeadingsimplfy .HeadingTxtIconBox {
            display: flex;
            font-size: 16px;
            color: #000000;
            display: flex;
            align-items: center;
            font-family: 'Poppins-Medium';
        }

            .tableHeadingBoxCard .tableCardHeadingsimplfy .HeadingTxtIconBox svg {
                margin-left: 8px;
            }

        .tableHeadingBoxCard .tableCardHeadingsimplfy .HeadingRightBtnbox {
            position: relative;
        }

            .tableHeadingBoxCard .tableCardHeadingsimplfy .HeadingRightBtnbox .filterBtnDropdown {
                border: 1px solid #D1D5DB;
                display: flex;
                align-items: center;
                padding: 4px 10px;
                border-radius: 6px;
                background: none;
            }

            .tableHeadingBoxCard .tableCardHeadingsimplfy .HeadingRightBtnbox .dropdownSimplfyFilter {
                border: 1px solid #d9d9d9;
                box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
                border-radius: 6px;
                right: 0px;
                position: absolute;
                z-index: 9999;
                background: #fff;
                top: 35px;
                padding: 5px 0 !important;
            }

                .tableHeadingBoxCard .tableCardHeadingsimplfy .HeadingRightBtnbox .dropdownSimplfyFilter .filterDropDownRow {
                    display: flex;
                    align-items: center;
                    padding: 6px 15px;
                    cursor: pointer;
                }

                    .tableHeadingBoxCard .tableCardHeadingsimplfy .HeadingRightBtnbox .dropdownSimplfyFilter .filterDropDownRow:hover {
                        background: #f7f7f7;
                    }

                    .tableHeadingBoxCard .tableCardHeadingsimplfy .HeadingRightBtnbox .dropdownSimplfyFilter .filterDropDownRow span {
                        background: #22C55E;
                        width: 14px;
                        height: 14px;
                        border-radius: 50%;
                        margin-right: 8px;
                    }

.bg-22C55E {
    background: #22C55E !important;
}

.bg-F87171 {
    background: #F87171 !important;
}

.bg-FE9A00 {
    background: #FE9A00 !important;
}

.TableCardBoxSimplfy {
    width: 100%;
}

.tHeadingSimplfy {
    border-bottom: 1px solid #D1D5DB !important;
    border: none;
    padding: 9px 19px !important;
    font-family: 'Poppins-Medium';
    color: #575A5E;
    background: #ececec;
    font-size: 12px;
}

.tBodySimplfy {
    border-bottom: 1px solid #D1D5DB !important;
    border: none;
    padding: 8px 23px !important;
    background: #FFFFFF;
}


    .tBodySimplfy .tableActionBox {
        display: flex;
    }

        .tBodySimplfy .tableActionBox .btnActiontable {
            border: 1px solid #D1D5DB;
            border-radius: 4px;
            height: 28px;
            width: 28px;
            display: flex;
            justify-content: space-around;
            align-items: center;
            margin: 0 5px;
            background: none;
        }

            .tBodySimplfy .tableActionBox .btnActiontable:disabled {
                background: #e3e3e3;
                cursor: default;
            }

                .tBodySimplfy .tableActionBox .btnActiontable:disabled,
                .tBodySimplfy .tableActionBox .btnActiontable:disabled * {
                    cursor: default !important;
                }

.col-22C55E {
    color: #22C55E !important;
}

.col-F87171 {
    color: #F87171 !important;
}

.col-FE9A00 {
    color: #FE9A00 !important;
}
/**************************************************************************************************
    Custom CheckBox For SImplfy 
**************************************************************************************************/
/* Style for the checkbox container */
.simplfyCheckBox {
    display: inline-block;
    position: relative;
    font-size: 16px;
}

    /* Style for the checkbox itself */
    .simplfyCheckBox input[type="checkbox"] {
        display: none; /* Hide the default checkbox */
    }

    /* Style for the custom checkbox label */
    .simplfyCheckBox label {
        cursor: pointer;
        padding-left: 25px;
        position: relative;
        font-size: 13px;
        color: #000000;
        padding-top: 3px;
        height: 22px;
        font-family: 'Poppins-Regular';
    }
        /* Custom checkbox appearance */
        .simplfyCheckBox label:before {
            content: '';
            position: absolute;
            left: 0;
            top: 4px;
            width: 18px;
            height: 18px;
            border: 1.5px solid #A1A1AA;
            background-color: white;
            border-radius: 4px;
            transition: background-color 0.3s ease, border-color 0.3s ease;
        }

    /* When the checkbox is checked, change the background color */
    .simplfyCheckBox input[type="checkbox"]:checked + label:before {
        background-color: #0369A1;
        border-color: #0369A1;
    }

    /* Adding a white checkmark when checked using pure CSS */
    .simplfyCheckBox input[type="checkbox"]:checked + label:after {
        content: '';
        position: absolute;
        left: 6px;
        top: 5px;
        width: 6px;
        height: 12px;
        border: solid white;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
    }


.breadcrumbNavBar {
    display: flex;
    justify-content: space-between;
}

    .breadcrumbNavBar .breadNavHeading {
        color: #2282b7;
        display: flex;
        align-items: center;
        font-size: 16px;
        font-family: 'Poppins-Regular';
        cursor: pointer;
        margin-bottom: 0 !IMPORTANT;
    }

        .breadcrumbNavBar .breadNavHeading .subNavHeading {
            color: #000000;
            display: flex;
            padding: 0;
            align-items: center;
            font-family: Poppins-Regular;
            cursor: default
        }

breadcrumbNavBar .breadNavHeading .subNavHeading svg {
    margin-right: 5px;
}

.btnrightBreadCrumb {
    gap: 5px;
    border: 1px solid #D1D5DB;
    background: #ffff;
    padding: 3px 15px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #3F3F46;
    font-family: 'Poppins-Medium' !important;
    font-size: 14px !important;
}

.divBtnBreadRight {
    display: flex;
    gap: 10px;
}

/* fieldset Cards */


.fieldsetMaincard {
    background: #FFFFFF;
    padding: 20px 5px;
    margin: 10px 0;
}

.custFieldLabelSimply {
    color: #000000;
    font-size: 12px;
    font-family: Poppins-Regular;
    line-height: 25px;
}

.labelAmttxt {
    background: linear-gradient(180deg, #0369A1 0%, #599ECF 100%);
    padding: 4px 10px;
    color: #fff;
    font-family: 'Poppins-Medium';
    border-radius: 4px;
    width: 100%;
    text-align: center;
}

.custSelectFieldSimplfy {
    display: block;
    width: 100%;
    padding: 3px 10px;
    font-size: 14px;
    line-height: 1.52857143;
    color: #52525B;
    border: 1px solid #D1D5DB;
    border-radius: 4px;
    appearance: none;
    /* Remove default select styling */
    background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%226%22%20viewBox%3D%220%200%2010%206%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M1%201L5%205L9%201%22%20stroke%3D%22%23A1A1AA%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E') no-repeat right center;
    padding-right: 20px; /* Add space for the icon */
    background-size: 10px 6px; /* Set the background size to the size of the icon */
    background-position: right 10px center;
    background-color: #fff;
}

.btnFilterWhite {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border: none;
    border-radius: 3px;
}

.custTextareaFieldSimplfy {
    display: block;
    width: 100%;
    padding: 4px 10px;
    font-size: 12px;
    line-height: 1.52857;
    color: rgb(82, 82, 91);
    background-color: rgb(255, 255, 255);
    background-image: none;
    border: 1px solid rgb(209, 213, 219);
    border-radius: 4px;
    appearance: none;
    text-transform: capitalize;
    font-family: 'Poppins-Regular';
}


    .custTextareaFieldSimplfy:disabled {
        background: #eff1f3 !important;
    }

.btn-bluebordertext:disabled {
    color: #8f9da4;
    border: 1px solid #eff1f3;
    background: #eff1f3;
}

.custSelectFieldSimplfy:disabled {
    background-color: #eff1f3;
    background-image: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23A1A1AA' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E);
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 10px 6px;
}

/*date box input*/
.inputDateSimplfy {
    position: relative;
    display: table;
    border-collapse: separate;
    float: left !important;
    width: 100% !important;
    border: 1px solid #D1D5DB;
    border-radius: 4px;
    padding: 2px 7px;
    background: #ffffff;
}

.btnPlayActivity {
    width: 34px;
    height: 34px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #F0F0F0;
    border-radius: 50%;
    border: none;
}

.inputDateSimplfy input {
    color: #52525B;
    width: 100%;
    background: none;
    outline: none;
    line-height: 1.6;
    border: none;
}

.inputDateSimplfy .dtIconBox {
    display: table-cell;
    vertical-align: middle;
    width: 1%;
}

.fieldsetMaincardFooter {
    display: flex;
    justify-content: right;
    gap:4px;
}

    .fieldsetMaincardFooter .btnfooterSecoundary {
        background: #ffff;
        padding: 4px 15px;
        font-size: 12px;
        color: #0369A1;
        border-radius: 4px;
        margin: 0px 2px;
        border: 1px solid #0369A1;
        font-family: 'Poppins-Medium' !important;
    }


    .fieldsetMaincardFooter .btnfooterPrimary {
        background: #0369A1;
        padding: 5px 15px;
        font-size: 13px;
        color: #fff;
        border-radius: 4px;
        margin: 0px 5px;
        font-family: 'Poppins-Medium' !important;
        outline: none;
        border: none;
    }

.btnfooterPrimary1 {
    background: #0369A1;
    padding: 5px 10px;
    font-size: 12px;
    color: #fff;
    border-radius: 6px;
    margin: 0px 5px;
    font-family: 'Poppins-Medium' !important;
    outline: none;
    border: none;
}

.btnfooterSecoundary1 {
    background: #ffff;
    padding: 5px 10px;
    font-size: 12px;
    color: #0369A1;
    border-radius: 6px;
    margin: 0px 5px;
    border: 1px solid #0369A1;
    font-family: 'Poppins-Medium' !important;
}

.Simplfy-flex {
    display: flex !important;
}

.FieldcardFor70 {
    border-right: 1px solid #D1D5DB;
    width: 70%;
    padding-right: 10px;
}

.causalLevaecardBox {
    width: 30%;
    padding-left: 10px;
}

    .causalLevaecardBox .leaveContainerboxsimply {
        border: 1px solid #C2C2C2;
        border-radius: 6px;
    }

        .causalLevaecardBox .leaveContainerboxsimply .imageLeaveHeading {
            padding: 10px 15px;
            display: flex;
            align-items: center;
            font-size: 16px;
            font-family: 'Poppins-Medium';
            color: #000000;
        }

            .causalLevaecardBox .leaveContainerboxsimply .imageLeaveHeading svg {
                margin-right: 8px;
            }

        .causalLevaecardBox .leaveContainerboxsimply .headingcounterLeave {
            padding: 5px 15px;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        .causalLevaecardBox .leaveContainerboxsimply .headingcounterLeave {
            padding: 5px 15px;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

            .causalLevaecardBox .leaveContainerboxsimply .headingcounterLeave .countlableCL {
                font-size: 14px;
                color: #000000;
            }

            .causalLevaecardBox .leaveContainerboxsimply .headingcounterLeave .countGreenCL {
                color: #22C55E;
                font-size: 14px;
                font-family: 'Poppins-Medium';
            }

            .causalLevaecardBox .leaveContainerboxsimply .headingcounterLeave .countblackCL {
                color: #bd3131;
                font-size: 14px;
                font-family: 'Poppins-Medium';
            }


/*    .dashboardDeuCardROw:hover {
        background: #EEEEEE;
    }*/
.col-707070 {
    color: #707070 !important;
    font-size: 12px;
}

.dashboard2-cards {
    display: flex;
    gap: 16px;
}


.width50perSimply {
    width: 50%;
}

.noDataPngDiv {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.btnIconForPreview {
    border: none;
    width: 32px;
    height: 32px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28' fill='none'%3E%3Crect width='28' height='28' rx='4' fill='%23E0F2FE'/%3E%3Cpath d='M11 15C11 15.7956 11.3161 16.5587 11.8787 17.1213C12.4413 17.6839 13.2044 18 14 18C14.7956 18 15.5587 17.6839 16.1213 17.1213C16.6839 16.5587 17 15.7956 17 15C17 14.2044 16.6839 13.4413 16.1213 12.8787C15.5587 12.3161 14.7956 12 14 12C13.2044 12 12.4413 12.3161 11.8787 12.8787C11.3161 13.4413 11 14.2044 11 15ZM22 21.59V10L16 4H8C7.46957 4 6.96086 4.21071 6.58579 4.58579C6.21071 4.96086 6 5.46957 6 6V22C6 22.5304 6.21071 23.0391 6.58579 23.4142C6.96086 23.7893 7.46957 24 8 24H20C20.45 24 20.85 23.85 21.19 23.6L16.76 19.17C15.96 19.69 15 20 14 20C12.6739 20 11.4021 19.4732 10.4645 18.5355C9.52678 17.5979 9 16.3261 9 15C9 13.6739 9.52678 12.4021 10.4645 11.4645C11.4021 10.5268 12.6739 10 14 10C15.3261 10 16.5979 10.5268 17.5355 11.4645C18.4732 12.4021 19 13.6739 19 15C19 16 18.69 16.96 18.17 17.75L22 21.59Z' fill='%230369A1'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 6px;
}

.btnIconForDelete {
    width: 32px;
    height: 32px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28' fill='none'%3E%3Crect width='28' height='28' rx='4' fill='%23FFE4E4'/%3E%3Cpath d='M12.9231 8.28571H15.0769C15.0769 7.98261 14.9635 7.69192 14.7615 7.47759C14.5595 7.26326 14.2856 7.14286 14 7.14286C13.7144 7.14286 13.4405 7.26326 13.2385 7.47759C13.0365 7.69192 12.9231 7.98261 12.9231 8.28571ZM11.8462 8.28571C11.8462 7.67951 12.0731 7.09812 12.477 6.66947C12.8809 6.24082 13.4288 6 14 6C14.5712 6 15.1191 6.24082 15.523 6.66947C15.9269 7.09812 16.1538 7.67951 16.1538 8.28571H20.4615C20.6043 8.28571 20.7413 8.34592 20.8423 8.45308C20.9433 8.56025 21 8.70559 21 8.85714C21 9.0087 20.9433 9.15404 20.8423 9.2612C20.7413 9.36837 20.6043 9.42857 20.4615 9.42857H19.8542L18.5565 19.5291C18.4684 20.2136 18.1497 20.8411 17.6593 21.2954C17.1688 21.7497 16.5399 22 15.8889 22H12.1111C11.4601 22 10.8312 21.7497 10.3407 21.2954C9.85028 20.8411 9.53155 20.2136 9.44354 19.5291L8.14585 9.42857H7.53846C7.39565 9.42857 7.25869 9.36837 7.15771 9.2612C7.05673 9.15404 7 9.0087 7 8.85714C7 8.70559 7.05673 8.56025 7.15771 8.45308C7.25869 8.34592 7.39565 8.28571 7.53846 8.28571H11.8462ZM12.9231 12.2857C12.9231 12.1342 12.8663 11.9888 12.7654 11.8817C12.6644 11.7745 12.5274 11.7143 12.3846 11.7143C12.2418 11.7143 12.1048 11.7745 12.0039 11.8817C11.9029 11.9888 11.8462 12.1342 11.8462 12.2857V18C11.8462 18.1516 11.9029 18.2969 12.0039 18.4041C12.1048 18.5112 12.2418 18.5714 12.3846 18.5714C12.5274 18.5714 12.6644 18.5112 12.7654 18.4041C12.8663 18.2969 12.9231 18.1516 12.9231 18V12.2857ZM15.6154 11.7143C15.7582 11.7143 15.8952 11.7745 15.9961 11.8817C16.0971 11.9888 16.1538 12.1342 16.1538 12.2857V18C16.1538 18.1516 16.0971 18.2969 15.9961 18.4041C15.8952 18.5112 15.7582 18.5714 15.6154 18.5714C15.4726 18.5714 15.3356 18.5112 15.2346 18.4041C15.1337 18.2969 15.0769 18.1516 15.0769 18V12.2857C15.0769 12.1342 15.1337 11.9888 15.2346 11.8817C15.3356 11.7745 15.4726 11.7143 15.6154 11.7143ZM10.5108 19.3749C10.5636 19.7855 10.7548 20.1619 11.0491 20.4344C11.3433 20.7069 11.7206 20.8571 12.1111 20.8571H15.8889C16.2796 20.8574 16.6572 20.7073 16.9516 20.4348C17.246 20.1622 17.4374 19.7857 17.4903 19.3749L18.7675 9.42857H9.23246L10.5108 19.3749Z' fill='%23EC0606'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    border: none;
    border-radius: 6px;
}


/****************************************************************************************************************
    Email PopuP Body
******************************************************************************************************************/
.mailbodypopupPanel {
    background: #fff;
    padding: 8px;
    border-radius: 6px;
}

    .mailbodypopupPanel .mailpanelsubBody {
        border: 1px solid #d9d9d9;
        padding: 5px 10px;
        border-radius: 6px;
    }

    .mailbodypopupPanel .mailpanelsubBody {
        border: 1px solid #d9d9d9;
        padding: 5px 10px;
        border-radius: 6px;
    }

        .mailbodypopupPanel .mailpanelsubBody .emailActionHeading {
            display: flex;
            padding: 10px;
            border-bottom: 1px solid #d9d9d9;
        }

        .mailbodypopupPanel .mailpanelsubBody .emailActionHeading {
            display: flex;
            padding: 10px;
            border-bottom: 1px solid #d9d9d9;
        }

            .mailbodypopupPanel .mailpanelsubBody .emailActionHeading .mailIconEmailId {
                display: flex;
                align-items: center;
                width: 75%;
                gap: 15px;
            }

.EmailLogoimg {
    width: 60px;
    height: 60px;
}

.ft600 {
    font-weight: 600;
}

.ft100 {
    font-weight: 100;
}

.iconactionMailBox25 {
    width: 25%;
}

.iconactionMailHeading {
    display: flex;
    justify-content: right;
}

    .iconactionMailHeading span {
        padding: 0 10px;
    }

.brd-rD9D9D9 {
    border-right: 1px solid #d9d9d9;
}

.brd-lD9D9D9 {
    border-left: 1px solid #d9d9d9;
}

.mailDateandTime {
    display: flex;
    margin-top: 5px;
    color: #707070;
    justify-content: right;
}

.popupMailTxtBody {
    padding: 10px 15px;
    border-bottom: 1px solid #d9d9d9;
}

.bt3dotsIcon {
    background: #ebf3fc;
    padding: 5px 10px;
    border-radius: 4px;
    border: none;
}

.attachmentBoxEmail {
    padding: 10px 15px;
}

    .attachmentBoxEmail h4 {
        color: #000000;
        font-family: 'Poppins-Medium' !important;
        margin: 10px 0;
    }

.btnDocPdfIcon {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 5px 0;
}

.btnDivMailAction {
    display: flex;
    gap: 5px;
    margin-top: 20px;
}

    .btnDivMailAction .btnmailreply {
        display: flex;
        border: 1px solid #d9d9d9;
        padding: 2px 10px;
        border-radius: 6px;
    }

.btnCloseMail {
    border: 1px solid #000;
    padding: 5px 15px;
    border-radius: 5px;
    margin: 10px 5px;
}

/*card view for simplfy*/
.wccontainer {
    width: 100%;
    padding: 20px;
    background: white;
    padding-left: 5px;
    padding-right: 5px;
    margin-top: 10px;
}

.wcgrid-container {
    display: flex;
    margin-top: 10px;
    flex-wrap: wrap;
}

.wcgridcard {
    background: white;
    padding: 15px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
}

.wcgridcard-heading {
    font-size: 16px;
    font-family: 'Poppins-Medium';
    margin-bottom: 10px;
    color: #000000;
    text-align: center;
}

.wcsections {
    display: flex;
    justify-content: space-between;
    text-align: center;
}

.wcsection {
    flex: 1;
    padding: 10px;
}

    .wcsection:not(:last-child) {
        border-right: 1px solid #888;
    }

.wcnumber {
    font-size: 16px;
    font-weight: bold;
    color: black;
    margin-bottom: 15px;
}

.wcgridcardwidth {
    width: 33.33%;
    padding: 10px;
}



.contentTogglesimplify {
    background-color: #fff;
    display: flex;
    justify-content: center;
    padding: 0 10px;
}

    .contentTogglesimplify .switch {
        position: relative;
        display: inline-block;
        width: 50px;
        height: 24px;
    }

        .contentTogglesimplify .switch input {
            opacity: 0;
            width: 0;
            height: 0;
        }

        .contentTogglesimplify .switch .slider {
            position: absolute;
            cursor: pointer;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: #d9d9d9;
            transition: .4s;
        }

            .contentTogglesimplify .switch .slider:before {
                position: absolute;
                content: "";
                height: 18px;
                width: 18px;
                left: 3px;
                bottom: 3px;
                background-color: white;
                transition: .4s;
            }

        .contentTogglesimplify .switch input:checked + .slider {
            background-color: #0369A1;
        }

        .contentTogglesimplify .switch input:focus + .slider {
            outline: none;
        }

        .contentTogglesimplify .switch input:checked + .slider:before {
            transform: translateX(26px);
        }

        .contentTogglesimplify .switch .slider.round {
            border-radius: 34px;
        }

            .contentTogglesimplify .switch .slider.round:before {
                border-radius: 50%;
                visibility: hidden;
            }

/*Filter Ui*/


.applyFilterPopup {
    position: fixed;
    z-index: 9999;
    top: 125px;
    bottom: 0;
    right: 0;
    background: #ffff;
    width: 300px;
    border: 1px solid #d9d9d9;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
    border-radius: 4px;
}

    .applyFilterPopup .filterPopupHeading {
        display: flex;
        background: #52525B;
        justify-content: space-between;
        padding: 5px 10px;
        border-radius: 4px 4px 0 0;
    }

        .applyFilterPopup .filterPopupHeading .filter-headingTxt {
            display: flex;
            align-items: center;
            color: #ffff;
            font-size: 16px;
            font-family: 'Poppins-Regular';
        }

.scrollmax400px {
    max-height: 400px;
    overflow: auto;
}

.dFlexCenter {
    display: flex;
    align-items: center;
}

.dtFieldBoxsimplify {
    padding: 0 10px;
    display: flex;
}

.dtFieldBoxsimplify {
    padding: 0 10px;
    display: flex;
}

.filterFooterBtnRow {
    justify-content: space-between;
    padding: 0px 5px;
}

/* Upload attachmnet popup  */

.upload-containerSIimplfy {
    padding: 20px;
    text-align: center;
    border: 2px dashed #d1d5db;
    border-radius: 8px;
    background: #ffffff;
    transition: 0.3s;
}

    .upload-containerSIimplfy.drag-over {
        border-color: #6b7280;
        background: #f3f4f6;
    }

.upload-iconSIimplfy {
    font-size: 24px;
    color: #6b7280;
    display: flex;
    justify-content: center;
}

.upload-textSIimplfy {
    margin: 10px 0;
    font-size: 16px;
    color: #374151;
}

.upload-infoSIimplfy {
    font-size: 12px;
    color: #9ca3af;
}

.browse-btnSIimplfy {
    display: inline-block;
    margin-top: 10px;
    padding: 8px 16px;
    font-size: 14px;
    color: #6b7280;
    border: 1px solid #d1d5db;
    border-radius: 4px;
    background: #f3f4f6;
    cursor: pointer;
}

    .browse-btnSIimplfy input[type="file"] {
        display: none;
    }

.progress-containerSIimplfy {
    margin-top: 20px;
    display: none;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    padding: 10px;
    background: #ffffff;
}

.progress-barSIimplfy {
    height: 5px;
    background: #0369A1;
    width: 0;
    transition: width 0.3s;
    border-radius: 10px;
}

.mandate-planning-container {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}

.mandate-planning-tabs {
    width: 45%;
}

.mandate-planning-tab-list {
    display: flex;
    background: #fff;
    border-radius: 4px;
}

.mandate-planning-tab-item {
    width: 33.33%;
    border: 1px solid #E3E3E3;
    padding: 6px 10px;
    text-align: center;
}

.mandate-planning-tab-member {
    background: #0063A9;
    border-radius: 6px 0 0 6px;
}

.mandate-planning-tab-budget {
    border-radius: 0 6px 6px 0;
}

.mandate-planning-link {
    font-size: 16px;
    font-family: 'Poppins-Regular';
    text-align: center;
}

    .mandate-planning-link.mandate-planning-tab-member {
        color: #ffff;
    }

    .mandate-planning-link:not(.mandate-planning-tab-member) {
        color: #000000;
    }

.mandate-planning-add-button {
    border: 1px solid #0063A9;
    padding: 4px 20px;
    border-radius: 6px;
    color: #003a96;
    font-size: 16px;
    font-family: 'Poppins-Regular';
}


/*Report card Ui*/
.textWrapsimplifyReport {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 120px;
    font-size: 14px;
}

/*calander css*/

.siplifyCalDashboard {
    display: flex;
    gap: 10px;
    margin-top: 10px;
}

.calendar-containersimplify {
    width: 75%;
    background: #fff;
    padding: 10px;
    border-radius: 5px;
    text-align: center;
}

.week-header, .day-grid {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 8px;
}

    .week-header div {
        padding: 10px;
        font-weight: bold;
    }

.day-cell {
    padding: 10px;
    border: 1px solid #ddd;
    position: relative;
    height: 70px;
}

    .day-cell::after {
        content: attr(data-day);
        position: absolute;
        bottom: 5px;
        right: 5px;
        font-size: 14px;
    }

.inactive-day {
    color: #6a6a6ab8 !important;
    background: #DFDDDE !important;
    font-weight: 600;
}

    .inactive-day::before {
        color: #6a6a6ab8 !important;
    }

.off-day {
    color: red;
    background: #fdeeee;
    position: relative;
}

    .off-day::before {
        content: "Off";
        position: absolute;
        top: 5px;
        left: 5px;
        font-size: 12px;
        font-weight: bold;
        color: red;
    }


.simplifyCalendarFilter {
    border: 1px solid #E8E8E8;
    width: 25%;
    background: #F7F7F7;
    padding: 10px;
    border-radius: 6px;
    height: fit-content;
}

.calendar-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.calendar-title {
    font-size: 16px;
    color: #000000;
    font-family: 'Poppins-Medium', sans-serif;
}

.calendar-button {
    border: none;
    background: transparent;
    cursor: pointer;
}

.fildsetnone {
    border: none;
}

.mar-t10 {
    margin-top: 10px;
}

.simplfyCheckBox {
    display: flex;
    align-items: center;
}

    .simplfyCheckBox input {
        margin-right: 5px;
    }

.datepicker-dropdown.datepicker-orient-bottom:before {
    display: none;
}

.datepicker-dropdown.datepicker-orient-bottom:after {
    display: none;
}

/*Activity Trail*/
.actTrailSimplifyPopUp {
    z-index: 9999 !important;
}

    .actTrailSimplifyPopUp .actPopupSection {
        margin: 15px auto !important;
        padding: 0 10px !important;
    }

    .actTrailSimplifyPopUp .actPopupSection {
        margin: 15px auto !important;
        padding: 0 10px !important;
    }

.actTrailContent {
    background: #ffff;
    border-radius: 6px;
}

    .actTrailContent .actTrailHeading {
        display: flex;
        justify-content: space-between;
        background: #F3F3F3;
        padding: 10px 20px;
        border-radius: 6px 6px 0 0;
    }

        .actTrailContent .actTrailHeading label {
            color: #4D4D4D;
            font-family: 'Poppins-Regular';
            font-size: 16px;
            font-weight: 600;
        }

    .actTrailContent .actTrailpanelBody {
        display: flex;
        gap: 10px;
        padding: 8px 10px;
    }

.acttrailActionPanel {
    width: 30%;
    border: 1px solid #F0F0F0;
    padding: 8px 10px;
    height: 495px;
    overflow: auto;
}

.hdActionBox {
    background: #0369A1;
    border-radius: 4px;
}

    .hdActionBox label {
        color: #FFFFFF;
        font-size: 14px;
        font-family: 'Poppins-Medium';
        padding: 5px 10px;
    }

.bdActionBox {
    border: 1px solid #F0F0F0;
    padding: 8px 10px;
    margin-top: 6px;
    background: #FCFCFC;
}

.reasssignActivityTxt {
    margin: 5px 0;
}

    .reasssignActivityTxt p {
        padding: 5px;
        font-family: 'Poppins-Regular';
        font-size: 14px;
    }

.reasssignActivityTag {
    padding: 5px;
    font-family: 'Poppins-Regular';
    font-size: 14px;
}

    .reasssignActivityTag label {
        padding: 6px 10px;
        font-family: 'Poppins-Regular';
        font-size: 14px;
        background: #CCE6FF;
        border-radius: 6px;
    }

.boxFieldBorder {
    border: 1px solid #F0F0F0;
    padding: 8px 10px;
    margin-top: 6px;
    background: #FCFCFC;
}

.txtdarkcol {
    font-size: 16px;
    color: #0369A1;
    font-family: 'Poppins-Medium';
}

.activityTrailMainPanel {
    width: 70%;
    height: 495px;
    overflow: auto;
}

.simplify-activity-card {
    border: 1px solid #F0F0F0;
    padding: 10px;
    border-radius: 6px;
    background: #FFF;
}

.simplify-activity-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.simplify-activity-title {
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #52525B;
    font-family: 'Poppins-Medium', sans-serif;
    font-weight: 600;
}

.simplify-activity-icon {
    margin-right: 8px;
}

.simplify-assigned-info {
    display: flex;
    align-items: center;
    width: 270px;
    justify-content: space-between;
}

.simplify-assigned-by {
    font-size: 16px;
    color: #52525B;
    font-family: 'Poppins-Medium', sans-serif;
    font-weight: 500;
    margin-bottom: 0 !important;
}

.simplify-assigned-person {
    display: flex;
    align-items: center;
}

.simplify-assigned-name {
    font-size: 14px;
    color: #000000;
    font-family: 'Poppins-Medium';
    font-weight: 500;
    margin-right: 8px;
}

.simplify-assigned-avatar {
    width: 28px;
    height: 28px;
    border-radius: 50%;
}

.simplify-activity-content {
    height: 70px;
    overflow: auto;
    margin: 5px 0;
    padding: 5px;
    background: #FAFAFA;
    border-radius: 4px;
}

.simplify-activity-description {
    font-size: 14px;
    color: #52525B;
    font-family: 'Poppins-Regular', sans-serif;
    margin: 0;
}

.activityTrailmenuBtns {
    margin: 5px 0;
    display: flex;
    gap: 10px;
}


    .activityTrailmenuBtns .menutrailBtn {
        width: 100px;
        border: 1px solid #d9d9d9;
        text-align: center;
        padding: 8px 5px;
        border-radius: 10px;
        cursor: pointer
    }

        .activityTrailmenuBtns .menutrailBtn:hover {
            border: 1px solid #0369A1;
            background: #25BDFE17;
        }

.svgboxactbutton {
    margin: 2px 0;
}

.activityTrailmenuBtns .menutrailBtn p {
    font-family: 'Poppins-Medium';
    font-size: 20px;
    color: #3F3F46;
    font-weight: 700;
    margin-bottom: 2px !important;
}

.labelmenutrailBtn {
    font-family: 'Poppins-Regular';
    font-size: 12px;
    color: #3F3F46;
    text-align: center;
}

.infoActivityCardView {
    border: 1px solid #F0F0F0;
    padding: 10px;
    border-radius: 6px;
}

.infoActivityCardView {
    border: 1px solid #F0F0F0;
    padding: 10px;
    border-radius: 6px;
}

    .infoActivityCardView .headingMainActbox {
        display: flex;
        align-items: center;
        font-size: 16px;
        color: #181818;
        font-family: 'Poppins-Medium';
        justify-content: space-between;
        border-bottom: 1px solid #d9d9d9;
        padding-bottom: 8px;
    }

.scroll150max {
    max-height: 160px;
    overflow: auto;
}

.scroll200max {
    max-height: 200px;
    overflow: auto;
}

.scroll140max {
    max-height: 140px;
    overflow: auto;
}

.ActionListTrail {
    display: flex;
    align-items: center;
}

.ActionListTrailIconImg {
    width: 35px;
    height: 35px;
    border-radius: 50%;
}

.actionTxtHeadingtrail {
    font-size: 16px;
    color: #71717A;
    font-family: 'Poppins-Regular';
}

    .actionTxtHeadingtrail span {
        font-size: 16px;
        color: #000000;
        font-family: 'Poppins-Medium';
    }


/*Buttons for simplify */

.btn-primarySimplify {
    background: #0369A1;
    padding: 5px 15px;
    font-size: 12px;
    color: #fff;
    border-radius: 4px;
    margin: 0px 5px;
    font-family: 'Poppins-Regular' !important;
    outline: none;
    border: none;
}

.btn-primaryOutlineSimplify {
    background: #ffff;
    padding: 5px 15px;
    font-size: 14px;
    color: #0369A1;
    border-radius: 6px;
    margin: 0px 5px;
    border: 1px solid #0369A1;
    font-family: 'Poppins-Medium' !important;
}

.headingDarkMedium {
    font-size: 16px;
    color: #000000;
    font-family: 'Poppins-Medium';
    margin: 10px 0 !important;
}

.btn-outlineSimplify {
    padding: 5px 15px;
    font-size: 14px;
    color: #000;
    border-radius: 6px;
    margin: 0px 5px;
    font-family: 'Poppins-Medium' !important;
    outline: none;
    border: 1px solid #D9D9D9;
    background: #ffff;
}

.redtextLine {
    padding: 5px 0;
    color: #F64646;
    font-size: 14px;
    font-family: 'Poppins-Regular';
}

.divImageCenter {
    display: flex;
    justify-content: center;
    padding: 10px;
}

    .divImageCenter img {
        width: 180px;
    }

/*attchment btn div*/

.btnRight-box {
    margin-top: 5px;
    display: flex;
    justify-content: end;
}

.btnattchmentCounter {
    padding: 6px 6px;
    border: 1px solid #D1D5DB;
    background: #fff;
    border-radius: 3px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .btnattchmentCounter p {
        background: #F87171;
        color: #fff;
        width: 18px;
        height: 18px;
        font-size: 10px;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: -9px;
        right: -8px;
    }

.assignCheckListContainer {
    padding: 20px 50px;
}

    .assignCheckListContainer .HeadingforcheckListAssign {
        display: flex;
        justify-content: space-between;
        padding: 5px 15px;
        border-bottom: 1px solid #d8d8d8;
        align-items: center;
    }

.labelForHeading {
    font-size: 16px;
    font-family: 'Poppins-Medium';
}

.checkListFotter {
    display: flex;
    padding: 6px 15px;
    align-items: center;
    justify-content: right;
}

.iconCompanyName {
    background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M9%209H9.0075%22%20stroke%3D%22%23A1A1AA%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M12%204.5V3C12%202%2E60218%2011%2E842%202%2E22064%2011%2E5607%201%2E93934C11%2E2794%201%2E65804%2010%2E8978%201%2E5%2010%2E5%201%2E5H7%2E5C7%2E10218%201%2E5%206%2E72064%201%2E65804%206%2E43934%201%2E93934C6%2E15804%202%2E22064%206%202%2E60218%206%203V4%2E5%22%20stroke%3D%22%23A1A1AA%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M16%2E5%209%2E75C14%2E2746%2011%2E2192%2011%2E6667%2012%2E0025%209%2012%2E0025C6%2E33334%2012%2E0025%203%2E72541%2011%2E2192%201%2E5%209%2E75%22%20stroke%3D%22%23A1A1AA%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M15%204%2E5H3C2%2E17157%204%2E5%201%2E5%205%2E17157%201%2E5%206V13%2E5C1%2E5%2014%2E3284%202%2E17157%2015%203%2015H15C15%2E8284%2015%2016%2E5%2014%2E3284%2016%2E5%2013%2E5V6C16%2E5%205%2E17157%2015%2E8284%204%2E5%2015%204%2E5Z%22%20stroke%3D%22%23A1A1AA%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E) no-repeat center !important;
    background-position: 5px !important;
}

.iconLoginId {
    background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M15%203H3C2%2E17157%203%201%2E5%203%2E67157%201%2E5%204%2E5V13%2E5C1%2E5%2014%2E3284%202%2E17157%2015%203%2015H15C15%2E8284%2015%2016%2E5%2014%2E3284%2016%2E5%2013%2E5V4%2E5C16%2E5%203%2E67157%2015%2E8284%203%2015%203%22%20stroke%3D%22%23A1A1AA%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M16%2E5%205%2E25L9%2E7725%209%2E525C9%2E54095%209%2E67007%209%2E27324%209%2E74701%209%209%2E74701C8%2E72676%209%2E74701%208%2E45905%209%2E67007%208%2E2275%209%2E525L1%2E5%205%2E25%22%20stroke%3D%22%23A1A1AA%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E') no-repeat center !important;
    background-position: 5px !important;
}

.iconPassword {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"><path d="M14.25 8.25H3.75C2.92157 8.25 2.25 8.92157 2.25 9.75V15C2.25 15.8284 2.92157 16.5 3.75 16.5H14.25C15.0784 16.5 15.75 15.8284 15.75 15V9.75C15.75 8.92157 15.0784 8.25 14.25 8.25Z" stroke="%23A1A1AA" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M5.25 8.25V5.25C5.25 4.25544 5.64509 3.30161 6.34835 2.59835C7.05161 1.89509 8.00544 1.5 9 1.5C9.99456 1.5 10.9484 1.89509 11.6517 2.59835C12.3549 3.30161 12.75 4.25544 12.75 5.25V8.25" stroke="%23A1A1AA" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center center !important;
    background-position: 5px !important;
}


/* Steps for approval*/


.status-container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 800px;
    margin: 2rem auto;
    padding: 2rem;
}

.status-step {
    flex: 1;
    text-align: center;
    position: relative;
}

    .status-step:not(:last-child)::after {
        content: '';
        position: absolute;
        top: 20px;
        left: 50%;
        height: 2px;
        width: 100%;
        background-color: #004080;
        z-index: 0;
    }

.pending:not(:last-child)::after {
    content: '';
    position: absolute;
    top: 20px;
    left: 50%;
    height: 2px;
    width: 100%;
    background-color: #F1C21B !important;
    z-index: 0;
}

.status-step .circle {
    width: 40px;
    height: 40px;
    margin: 0 auto;
    border-radius: 50%;
    background-color: #ccc;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: white;
    z-index: 1;
    position: relative;
}

.status-step.approved .circle {
    background-color: #0047AB;
}

.status-step.pending .circle {
    background-color: #F1C21B;
}

.status-step.rejected .circle {
    background-color: #E53935;
}

.status-title {
    margin-top: 10px;
    font-weight: bold;
}

.status-date {
    font-size: 12px;
    color: #666;
}

/*Step ui close*/

/*Radio button Simplify */

.radioGroupSImplify {
    display: flex;
    gap: 2rem;
    align-items: center;
}

    .radioGroupSImplify label {
        display: flex;
        align-items: center;
        font-size: 12px;
        cursor: pointer;
        font-family: 'Poppins-Regular';
        color: #000;
    }

    .radioGroupSImplify input[type="radio"] {
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        width: 18px;
        height: 18px;
        border: 2px solid #888;
        border-radius: 50%;
        margin-left: 10px;
        margin-top: 0px;
        position: relative;
    }

        .radioGroupSImplify input[type="radio"]:checked {
            border: 2px solid #0074b8;
        }

            .radioGroupSImplify input[type="radio"]:checked::before {
                content: "";
                position: absolute;
                top: 3px;
                left: 3px;
                width: 8px;
                height: 8px;
                border-radius: 50%;
                background-color: #0074b8;
            }

/*Tab Container*/
.tab-containerSimplify {
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    overflow-x: auto;
    width: 100%;
    margin-top: 10px;
}

    .tab-containerSimplify .tabsUL {
        list-style: none;
        display: flex;
        padding: 0;
        width: 100%;
        margin: 0;
        gap: 20px;
        border-bottom: 2px solid #e0e0e0;
    }

.tabToggle {
    padding: 10px 0;
    cursor: pointer;
    color: #555;
    position: relative;
    white-space: nowrap;
    transition: color 0.3s;
    width: 11.11%;
    text-align: center;
}

    .tabToggle:hover {
        color: #0369A1;
    }

    .tabToggle.activeTabtgl {
        color: #0369A1;
        font-weight: 600;
    }

        .tabToggle.activeTabtgl::after {
            content: '';
            position: absolute;
            left: 0;
            bottom: -2px;
            width: 100%;
            height: 2px;
            background-color: #0369A1;
            border-radius: 2px;
        }

.width30persimp {
    width: 30% !important;
}

.btnSimplifyPrimary {
    background: #0369A1;
    padding: 5px 15px;
    font-size: 14px;
    color: #fff;
    border-radius: 6px;
    margin: 0px 5px;
    font-family: 'Poppins-regular' !important;
    outline: none;
    border: none;
}

.col0369a1 {
    color: #0369a1;
}

.fieldBoxtable {
    margin: 10px 0;
}

    .fieldBoxtable .headingFieldBoxtable {
        background: #52525B;
        display: flex;
        justify-content: space-between;
        padding: 4px 16px;
        color: #fff;
        align-items: center;
        font-size: 14px;
        font-family: 'Poppins-Regular';
        border-radius: 4px;
    }

.subheadingForPanel {
    background: #F0F0F0;
    display: flex;
    justify-content: space-between;
    padding: 5px 10px;
    color: #000000;
    align-items: center;
    font-size: 16px;
    font-family: 'Poppins-Regular';
    border-radius: 4px;
}
/*User popup*/
.user-trigger {
    font-weight: 600;
    color: #0077cc;
    cursor: pointer;
    position: relative;
    display: inline-block;
    transition: color 0.3s;
}

    .user-trigger:hover {
        color: #004080;
    }

.user-popup {
    position: absolute;
    top: 39px;
    left: 0;
    width: 300px;
    background: linear-gradient(135deg, #ffffff, #f9fafb);
    border-radius: 16px;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
    padding: 15px 20px;
    z-index: 10;
    display: none;
    animation: fadeIn 0.3s ease-in-out;
}

.custDt-picker {
    position: relative;
    width: 100%;
    border: 1px solid #D1D5DB;
    border-radius: 4px;
}

.custDt-input {
    width: 100%;
    height: 30px;
    border: none;
    padding: 2px 10px;
    border-radius: 6px 0 0 6px;
    background-color: #fff;
}

.custDt-icon {
    position: absolute;
    top: 6px;
    right: 10px;
    cursor: pointer;
}

.custDt-calendar {
    position: absolute;
    top: 32px;
    background: #fff;
    border: 1px solid #D1D5DB;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    z-index: 10;
    display: none;
    padding: 10px;
}

.custDt-calendar-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    font-weight: bold;
}

.custDt-calendar-nav {
    cursor: pointer;
    padding: 0 5px;
}

.custDt-calendar table {
    width: 100%;
    border-collapse: collapse;
}

.custDt-calendar th, .custDt-calendar td {
    width: 14.28%;
    text-align: center;
    padding: 6px;
    cursor: pointer;
    border-radius: 4px;
}

    .custDt-calendar td:hover:not(.disabled):not(.selected) {
        background: #f0f0f0;
    }

    .custDt-calendar td.selected {
        background: #3B82F6;
        color: white;
    }

    .custDt-calendar td.disabled {
        color: #ccc;
        cursor: not-allowed;
    }

.custDt-input:disabled {
    background: #edf1f2 !important;
}

.custDt-calendar .selected {
    background: #0369a1 !important;
    color: white !important;
    text-align: center !important;
    vertical-align: middle !important;
}



/**/
.tbl-row-actions {
    display: flex;
    gap: 9px;
    align-items: center;
}

.tbl-action-commit {
    color: #0369A1 !important;
    cursor: pointer;
    font-weight: 500;
}

.tbl-action-discard {
    color: #D71D1D !important;
    cursor: pointer;
    font-weight: 500;
}


/*BI Report*/
.activestepcolor {
    background: #DEECFE;
    color: #0063A9 !important;
}

li.step-btn-expanded {
    display: flex;
    align-items: center;
    gap: 13px;
    font-size: 16px;
    font-family: 'Poppins-Medium';
    padding: 15px 17px;
    border-radius: 6px;
    cursor: pointer;
    color: #09090B;
    font-weight: 500;
    width: 33.3%;
    justify-content: center;
}

ul.steps-list-group {
    list-style: none;
    padding-left: 25px;
    margin: 15px 0;
    padding-right: 13px;
}

li.step-item-group {
    color: #09090B;
    font-family: 'Poppins-Regular';
    padding-bottom: 12px;
    position: relative;
    margin-bottom: 12px;
    font-size: 15px;
    padding-left: 29px;
    line-height: 1.5;
}

span.step-number {
    padding: 2px 11px;
    background: #CEE9FB;
    color: #000000;
    border-radius: 50%;
    align-items: center;
    margin-right: 10px;
    position: absolute;
    left: -10px;
    font-size: 14px;
}

.bi-chart-bar {
    display: flex;
    gap: 30px;
    margin-left: 23px;
}

.bi-chart-line {
    display: flex;
    gap: 9px;
}

.bi-chart-doughnut {
    font-size: 16px;
    font-family: 'Poppins-Medium';
    font-weight: 500;
    line-height: 100%;
    margin-top: 4px;
}

.activestepcolor span {
    color: #0369A1;
    font-weight: 500;
}

.bi-action-block {
    width: 15%;
}

.bi-action-wrapper {
    background: #DEECFE;
    padding: 4px 10px;
    font-family: 'Poppins-Regular';
    color: #000000;
    border-radius: 4px;
    margin-bottom: 0 !important;
}

.bi-specify-actions {
    width: 12%;
}

.bi-condition-group {
    width: 10%;
}

.bi-select-field {
    width: 6%;
}

.bi-date-picker {
    width: 12%;
}

.bi-action-select {
    width: 5%;
}

.bi-selection-btn {
    width: 8%;
}

.bi-condition-row {
    width: 20%;
}

.bi-action-container {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px;
    width: 100%;
}

.bi-action-contcenter {
    width: 5% !important;
    display: flex;
    justify-content: center;
}

.checkboxBIreport {
    border: 2px solid #D1D5DB;
    padding: 8px 10px 8px 10px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    position: relative;
    font-size: 16px;
}

.checkboxalignright {
    display: flex;
    justify-content: end;
    margin: 10px;
}

.checkboxtable {
    border: 2px solid #D1D5DB;
    padding: 5px 0px 5px 21px;
    border-radius: 5px;
    align-items: center;
    position: relative;
    font-size: 16px;
}

.mandate-tagBi {
    display: flex;
    border-radius: 4px;
    border: 1.5px solid #D1D5DB;
    width: 40px;
    height: 35px;
    justify-content: center;
    padding: 0;
    align-items: center;
}

.simplifyupatecancel {
    display: flex;
    gap: 11px;
    font-family: 'Poppins-Regular';
    font-size: 14px;
    justify-content: center;
    font-weight: 400;
}

/*Claim*/
.manualPunchHeading {
    background: #fff;
    border-radius: 4px;
    margin: 10px 0;
}

.manualPunchHeader {
    padding: 10px;
}

.manualPunchTitle {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    background: #F2F9FF;
    border-radius: 12px;
    padding: 14px 16px;
    font-family: 'Poppins-Regular';
    margin-bottom: 12px;
}

.manualPunchInfoHeader {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #E0EFFF;
    color: #2F80ED;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    flex-shrink: 0;
}

.manualPunchNotificationHeading {
    font-size: 14px;
    color: #374151;
    line-height: 1.6;
}

.manualPunchApprovalHeader {
    font-family: 'Poppins-Medium';
    color: #111827;
}

.manual_punch_heading {
    font-family: 'Poppins-Medium';
    color: #111827;
}

.manual_punch_header {
    display: flex;
    align-items: center;
    gap: 14px;
    background: #F2F9FF;
    border-radius: 12px;
    padding: 14px 16px;
    font-family: 'Poppins-Regular';
}

.manualPunchSummaryHeader {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #E0EFFF;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 600;
    flex-shrink: 0;
    font-family: 'Poppins-Regular';
}

.attendancePunchHeading {
    padding: 16px;
}

.attendanceManualPunchTitle {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 60px;
    row-gap: 10px;
    font-family: 'Poppins-Regular';
    font-size: 14px;
    color: #111827;
}

.attendanceRequestHeader {
    display: flex;
    gap: 14px;
}

.attendanceApprovalHeading {
    min-width: 120px;
    color: #6B7280;
}

.attendanceEntryHeader {
    font-weight: 500;
}

.manualPunchLogHeading {
    color: #111827;
    font-size: 16px;
    font-family: 'Poppins-Medium';
    margin: 5px 0;
}

.approval-timesheetdetail {
    border: 1px dashed #D1D5DB;
    border-radius: 8px;
    padding: 28px 20px;
    text-align: center;
    background: #FBFBFB;
    font-family: Arial, sans-serif;
    color: #9CA3AF;
}

.timesheeticonpunch {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: #e3e3e3;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 10px auto;
    font-size: 16px;
}

.timesheetavailabepunch {
    font-size: 14px;
    font-family: 'Poppins-Regular';
    color: #374151;
}

.punchInfoTitle {
    padding: 16px;
    border: 1px solid #D1D5DB;
}

.manualPunchHeaderWrapper {
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 10px;
    font-family: 'Poppins-Regular', Arial, sans-serif;
    font-size: 14px;
    color: #111827;
}

.manualPunchInfoWrapper {
    min-width: 160px;
    color: #6B7280;
}

.manualPunchHeaderBlock {
    color: #EF4444;
    font-weight: 500;
}

.manualPunchContainer {
    display: flex;
    gap: 12px;
    align-items: center;
    font-family: 'Poppins-Medium';
    margin-bottom: 8px;
}

.manualPunchSection {
    padding: 10px 12px;
    border: 1px solid #D1D5DB;
    border-radius: 6px;
    font-size: 14px;
    color: #111827;
    background: #FFFFFF;
    min-width: 200px;
}

.manualPunchBlock {
    padding: 10px 12px;
    border: 1px solid #D1D5DB;
    border-radius: 6px;
    font-size: 14px;
    color: #111827;
    background: #FFFFFF;
    min-width: 80px;
    text-align: center;
}

.manualPunchRow {
    padding: 10px 12px;
    border-radius: 6px;
    font-size: 14px;
    color: #9CA3AF;
    background: #F3F4F6;
    min-width: 260px;
}

.manualPunchFooter {
    display: flex;
    gap: 12px;
    align-items: center;
    font-family: 'Poppins-Medium';
    margin-bottom: 8px;
}

.manualPunchFooterActions {
    padding: 10px 12px;
    border: 1px solid #D1D5DB;
    border-radius: 6px;
    font-size: 14px;
    color: #111827;
    background: #FFFFFF;
    min-width: 200px;
}

.manualPunchBtnHold {
    padding: 10px 12px;
    border-radius: 6px;
    font-size: 14px;
    color: #9CA3AF;
    background: #F3F4F6;
    min-width: 260px;
}

.manualPunchInfoEmpty {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: #e3e3e3;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 10px auto;
    font-size: 16px;
}

/*Select Participants*/
.select-participants-wrapper {
    width: 100%;
    display: flex;
}

.participant-form-select {
    padding: 10px 5px;
    box-sizing: border-box;
    font-family: 'playregular';
}

.participant-row {
    display: flex;
    align-items: flex-start;
    margin-bottom: 10px;
}

.participant-label {
    width: 200px;
    font-weight: 500;
}

.participant-select-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.participant-select {
    width: 287px;
    padding: 4px 10px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 4px;
    outline: none;
}

.selected-chips {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.participants-content {
    background: #e6e6e6;
    padding: 3px 12px;
    border-radius: 14px;
    font-size: 13px;
    display: flex;
    gap: 5px;
}

.load-employee-btn {
    cursor: pointer;
    font-weight: bold;
    display: flex;
    align-items: center;
}

.select-participants-title {
    display: flex;
    align-items: flex-start;
    margin-bottom: 5px;
}

.select-participants-actions {
    margin-bottom: 20px;
    display: flex;
    margin-top: 15px;
}

.load-btn-employee {
    background: #32cd32;
    color: #fff;
    border: none;
    padding: 8px 16px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 14px;
}

.border-spacebottom {
    border: 1px solid #D1D5DB;
    margin-bottom: 15px;
}

.employees-container {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
}

.employees-grid {
    font-weight: 500;
    color: #000000;
}

.employees-grid-wrapper {
    position: relative;
}

.employee-checkbox-input {
    width: 100%;
    margin: 0 !important;
    padding: 5px 10px;
    border-radius: 14px;
    border: 1px solid #b8b8b8;
    padding-left: 28px;
    color: #888888;
    background: #f8f7fc;
}

.employees-list {
    font-size: 14px;
    color: #111cf2;
    cursor: pointer;
}

.select-participants__item {
    color: #6b6666;
}

.employees-grid__item {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2px;
}

.employees-grid__name {
    display: flex;
    gap: 8px;
    margin-bottom: 10px;
}

.employees-grid__checkbox {
    width: 18px;
    height: 18px;
}


/**/
.customer-details-spacings {
    padding: 8px 5px;
}
.customer-details-iconname {
    display: flex;
    gap: 15px;
    align-items: center;
  
}
.customer-details-flex {
    display: flex;
    flex-direction: column;
    gap:2px;
}
.customer-detail-labelname {
    color: #62748E;
    font-family: 'Poppins-Regular';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; 
}
.customer-details-lblmedium {
    color: #0F172B;
    font-family: 'Poppins-Medium';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
}
/*company master*/
.company-master-container {
    display: flex;
    gap: 5px;
}

.company-master-header {
    border: 1.5px solid #D1D5DB;
    padding: 12px;
    width: 14.28%;
    border-radius: 4px;
}

.imageSelectorPrimary {
    border: 1.5px solid #0369A1 !important;
    background: #DEECFE !important;
}

.company-details-section {
    display: block;
    background: #FFFFFF;
    padding: 4px 7px;
}

.field-contact-width {
    width: 14.28%;
    border: 1.5px solid #D1D5DB;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.popup-header {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    border-bottom: 1px solid #e2e8f0;
    padding-bottom: 12px;
}

    .popup-header svg {
        width: 50px;
        height: 50px;
        background-color: #dbeafe;
        border-radius: 50%;
        padding: 10px;
        margin-right: 14px;
        box-shadow: 0 4px 8px rgba(3, 105, 161, 0.2);
    }

.popup-info {
    font-size: 14px;
    line-height: 1.8;
}

    .popup-info p {
        margin: 8px 0;
        display: flex;
        justify-content: space-between;
        border-bottom: 1px dashed #e2e8f0;
        padding-bottom: 4px;
    }

.info-label {
    font-weight: 500;
    color: #6b7280;
}

.info-value {
    color: #1f2937;
    text-align: left;
    font-family: 'Poppins-Regular';
    font-weight: 500;
}

    .info-value a {
        color: #0369A1;
        text-decoration: none;
        font-family: 'Poppins-Regular';
        font-weight: 500;
    }

        .info-value a:hover {
            text-decoration: underline;
        }
/*User popup end*/


.chckBoxCardView {
    box-shadow: rgb(0 0 0 / 11%) 0px 4px 10px;
    padding: 15px 10px;
    border-radius: 6px;
}

/*popup css*/
.popUpSimplifyCSS {
    background: #fff;
    border-radius: 10px;
}

    .popUpSimplifyCSS .simplifyPopupHeading {
        display: flex;
        justify-content: space-between;
        padding: 5px 15px;
        border-bottom: 1px solid #d8d8d8;
        align-items: center;
    }

.lblpopupSimplify {
    font-size: 16px;
    font-family: 'Poppins-Medium';
}

.btnclosepopupSimplify {
    border: 1px solid #D1D5DB;
    border-radius: 4px;
    display: flex;
    align-items: center;
    background:#fff;
    justify-content: center;
}

.popupSimlifyBody {
    padding: 10px 15px;
    background: #FAFAFA;
}

    .popupSimlifyBody .msgboxPopup {
        font-size: 16px;
        font-family: 'Poppins-Medium';
        padding: 15px 5px;
    }

.popupSimlifyFootter {
    display: flex;
    padding: 6px 15px;
    border-top: 1px solid #d8d8d8;
    align-items: center;
    justify-content: right;
}

.headingTableinfoView {
    font-size: 18px;
    font-family: 'Poppins-Regular';
    color: #71717A;
    text-align: center;
}

.imgNoDataDataSheet {
    display: flex;
    justify-content: center;
}

/*Claim Card CSS*/
.claimContainerSimplify {
    display: flex;
    gap: 20px;
    padding: 15px 0;
}

.claimItemSimplify {
    width: 160px;
    height: 150px;
    cursor: pointer;
    border-radius: 6px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    background-size: 100% 100%;
}

    .claimItemSimplify:hover {
        border: 1px solid #0369A1;
    }

.viewClaimSimplify {
    background-image: url('../../Images/viewClaimCard.png');
    box-shadow: rgba(99, 99, 99, 0.1) -1px -2px 6px 2px;
}

.addClaimSimplify {
    background-image: url('../../Images/addClaimCard.png');
    box-shadow: rgba(99, 99, 99, 0.1) -1px -2px 6px 2px;
}

.ledgerClaimSimplify {
    background-image: url('../../Images/ledgerCard.png');
    box-shadow: rgba(99, 99, 99, 0.1) -1px -2px 6px 2px;
}

.advancedClaimSimplify {
    background-image: url('../../Images/advancedRequestCard.png');
    box-shadow: rgba(99, 99, 99, 0.1) -1px -2px 6px 2px;
}

.ClaimSimplify {
    background-image: url('../../Images/advancedRequestCard.png');
    box-shadow: rgba(99, 99, 99, 0.1) -1px -2px 6px 2px;
}

.paymentClaimSimplify {
    background-image: url('../../Images/paymentEntryClaim.png');
    box-shadow: rgba(99, 99, 99, 0.1) -1px -2px 6px 2px;
}



.btn-underapprove {
    background: #ECFCCB;
    padding: 5px 10px;
    border-radius: 6px;
    color: #000000;
    font-family: 'Poppins-Medium' !important;
    outline: none;
    border: none;
}

.claimCardAmount {
    display: flex;
    gap: 2rem;
    padding: 5px 8px;
    border-bottom: 1px solid #D1D5DB;
}

    .claimCardAmount .cardGroup {
        display: flex;
        border: 1.5px solid #0369A1;
        border-radius: 8px;
        overflow: hidden;
    }

.claim-value, .labelBoxclaim {
    padding: 5px 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}

.claim-value {
    background-color: #b7e5fb;
    font-weight: bold;
}

.labelBoxclaim {
    background-color: #fff;
    color: #333;
}

.claimNocard {
    background: linear-gradient(180deg, #0369A1 0%, #599ECF 100%);
    padding: 14px;
    border-radius: 6px;
    color: #ffff;
}

.claimtxtHeadingCard {
    color: #09090BE8;
    font-size: 16px;
}

.claimCardRowtags {
    padding: 5px 8px;
    display: flex;
    gap: 10px;
}

    .claimCardRowtags .orgclaimtag {
        background: #FE9A42;
        padding: 5px 8px;
        border-radius: 4px;
        color: #ffff;
        border: none;
    }

    .claimCardRowtags .brdclaimtag {
        background: none;
        padding: 5px 8px;
        border-radius: 4px;
        color: #000;
        border: 1px solid #0369A1;
    }

.btncardAction {
    padding: 10px 8px;
    display: flex;
    justify-content: right;
}

.btnEditDelete {
    border: 1px solid #d9d9d9;
    display: flex;
    align-items: center;
    padding: 6px 6px;
    border-radius: 4px;
    font-family: 'Poppins-Medium' !important;
    margin: 0 5px;
    background: none;
}

.headingCardSimplify {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .headingCardSimplify .labelofHeading {
        color: #000000;
        font-size: 16px;
        font-family: 'Poppins-Medium';
    }


/*Admin CRM*/
.adminuploaddatasimplify {
    background-image: url('../../Images/AdminImageIcon.png');
    box-shadow: rgba(99, 99, 99, 0.1) -1px -2px 6px 2px;
}

.CRMuploaddatasimplify {
    background-image: url('../../Images/CRMImageIcon.png');
    box-shadow: rgba(99, 99, 99, 0.1) -1px -2px 6px 2px;
}

/*PM*/
.PMuploaddatasimplify {
    background-image: url('../../Images/PMImageIcon.png');
    box-shadow: rgba(99, 99, 99, 0.1) -1px -2px 6px 2px;
}


/*claim details table box*/

.claimDtBox {
    width: 100%;
    margin: 20px 0;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
    background: white;
}

    .claimDtBox .boxHeaderClaim {
        display: flex;
        align-items: center;
        padding: 10PX;
        border-bottom: 1px solid #eee;
        gap: 50px;
    }

        .claimDtBox .boxHeaderClaim .iconboxClaimDT {
            width: 10%;
            border: 1px solid #C8C8C8;
            display: flex;
            align-items: center;
            border-radius: 6px;
        }

        .claimDtBox .boxHeaderClaim .iconboxClaimDT {
            width: 10%;
            border: 1px solid #C8C8C8;
            display: flex;
            align-items: center;
            border-radius: 6px;
        }

            .claimDtBox .boxHeaderClaim .iconboxClaimDT .seqNolinear {
                width: 50%;
                background: linear-gradient(180deg, #0369A1 0%, #599ECF 100%);
                padding: 10px;
                display: flex;
                align-items: center;
                justify-content: center;
                color: #fff;
                border-radius: 6px;
            }

            .claimDtBox .boxHeaderClaim .iconboxClaimDT .iconTravelType {
                display: flex;
                justify-content: center;
                width: 50%;
                align-items: center;
            }

        .claimDtBox .boxHeaderClaim .fromToClaim {
            width: 80%;
            display: flex;
            gap: 20px;
            align-items: center;
        }

.dateClaimDtbox {
    font-size: 12px;
    color: #7e7e7e;
    font-family: 'Poppins-Regular';
}

.timeClaimDtbox {
    font-size: 18px;
    font-weight: 500;
    font-family: 'Poppins-Medium' !important;
    margin: 5px 0;
}

.ctyClaimDtbox {
    font-size: 12px;
    font-weight: 500;
    font-family: 'Poppins-Medium' !important;
    margin: 5px 0;
}

.arrowBrdDiv {
    position: relative;
    width: 70%;
    border-top: 3px dashed #bbb;
}

    .arrowBrdDiv .brdLinecircle {
        content: '';
        position: absolute;
        top: -8px;
        left: 50%;
        transform: translateX(-50%);
        width: 14px;
        height: 14px;
        background-color: #bbb;
        border-radius: 50%;
    }

    .arrowBrdDiv .brdLinerightarrow {
        content: '';
        position: absolute;
        top: -8px;
        right: -4px;
        width: 0;
        height: 0;
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent;
        border-left: 10px solid #bbb;
    }

.travelKM {
    display: flex;
    align-items: center;
    font-size: 12px;
    font-family: 'Poppins-Regular';
    color: #000;
}

.table_ClaimDetails {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
}

    .table_ClaimDetails .tableclaimROw {
        background-color: #CCE6FF;
    }

        .table_ClaimDetails .tableclaimROw th {
            padding: 10px;
            border: 1px solid #ddd;
            font-family: 'Poppins-Regular';
            font-size: 14px;
            color: #000000;
            text-align: center;
        }

.tdForclaimtable {
    padding: 10px;
    border: 1px solid #ddd;
    font-family: 'Poppins-Regular';
    font-size: 14px;
    color: #000000;
}

.totalTDclaimtable {
    padding: 10px;
    border: 1px solid #ddd;
    font-family: 'Poppins-Medium';
    color: #000000;
}



/*snackbar for slow internet*/

.snackbar {
    position: fixed;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%) translateY(100%);
    background-color: #6e6e85;
    color: white;
    padding: 16px 24px;
    border-radius: 12px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
    display: flex;
    align-items: center;
    min-width: 300px;
    max-width: 400px;
    justify-content: space-between;
    z-index: 9999;
    opacity: 0;
    transition: all 0.4s ease;
}

    .snackbar.show_snackbar {
        transform: translateX(-50%) translateY(0);
        opacity: 1;
    }

    .snackbar .message {
        flex-grow: 1;
        margin-right: 10px;
        display: flex;
        align-items: center;
    }

    .snackbar .close-btn {
        background: none;
        border: none;
        color: white;
        font-size: 20px;
        cursor: pointer;
    }

/* Optional animation slide effect */
@keyframes slideInUp {
    from {
        transform: translateX(-50%) translateY(100%);
        opacity: 0;
    }

    to {
        transform: translateX(-50%) translateY(0);
        opacity: 1;
    }
}

.snackbar.show_snackbar {
    animation: slideInUp 0.4s ease forwards;
}

.claimAdvanceBox {
    background: linear-gradient(180deg, #0369A1 0%, #599ECF 100%);
    text-align: center;
    padding: 10px;
    color: #fff;
    border-radius: 6px;
}

    .claimAdvanceBox h4 {
        font-size: 18px;
        font-family: 'Poppins-Medium' !important;
        font-weight: 500;
    }

    .claimAdvanceBox p {
        font-size: 16px;
        font-family: 'Poppins-Regular' !important;
        font-weight: 500;
        margin: 15px 0 !important;
    }

.custPopupSubHeading {
    background: #F0F0F0;
    padding: 10px 15px;
    font-size: 16px;
    color: #000000;
    font-family: 'Poppins-Medium';
}

.slaesDropdown {
    width: 1250px !important;
    left: -300px;
    top: -4px;
}

.finaceDropdown {
    width: 1150px !important;
    left: -300px;
    top: -4px;
}

/*add class of font-family*/
.font-medium {
    font-family: 'Poppins-Medium';
}

.subscriptionMaequeeBox {
    color: #000000;
    margin-top: 58px;
    background: #FFD9D9;
    font-size: 12px;
    font-family: 'Poppins-Regular';
    padding: 0 25px;
    display: flex;
    justify-content: center;
    line-height: normal !important;
    font-weight: 500;
    letter-spacing: 0.3px;
}

    .subscriptionMaequeeBox marquee {
        background: #FFD9D9 !important;
        padding: 0 !important;
        border: none;
        color: #000;
    }

        .subscriptionMaequeeBox marquee a {
            color: #000000 !important;
            font-family: 'Poppins-Medium' !important;
        }


/*css for attadance UI*/

.main_DashboardSimp {
    display: block;
}

.mainbox {
    background: #fff;
    border-radius: 4px;
    margin-top: 10px;
}

.baseclass {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 15px;
    border-bottom: 1px solid #D1D1D6;
}

.labelheading {
    color: #000000;
    font-family: 'Poppins-Medium';
    font-size: 16px;
}

.Present {
    background: #DAFFE8;
    color: #22C55E;
    padding: 6px 20px;
    border-radius: 20px;
    margin-left: 10px;
}

.background_label {
    width: 5%;
    display: flex;
    justify-content: space-between;
}

.background_label1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    border-bottom: 1px solid #D1D1D6;
}

.background_label2 {
    display: flex;
    align-items: center;
    gap: 15px;
}

.background_label3 {
    background: #e7e7e7;
    padding: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
}

.Biometric {
    margin: 0;
    color: #71717A;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Poppins-Medium' !important;
    line-height: 30px;
}

.T09Hrs {
    color: #000000;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Poppins-Medium' !important;
    line-height: 0.8;
}

.T1835Hr {
    margin: 0;
    color: #71717A;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Poppins-regular';
}

.background_label13 {
    display: flex;
    align-items: center;
    gap: 15px;
}

.background_label14 {
    background: #e7e7e7;
    padding: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
}

.class_medium {
    margin: 0;
    color: #71717A;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Poppins-Medium' !important;
    line-height: 30px;
}

.class_font {
    color: #000000;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Poppins-Medium' !important;
    line-height: 0.8;
}

.class_T09am {
    margin: 0;
    color: #71717A;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Poppins-regular';
}

.class_flex {
    display: flex;
    align-items: center;
    gap: 15px;
}

.class_content {
    background: #e7e7e7;
    padding: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
}

.Lunch {
    margin: 0;
    color: #71717A;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Poppins-Medium' !important;
    line-height: 30px;
}

.Time_zero {
    color: #000000;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Poppins-Medium' !important;
    line-height: 0.8;
}

.Time_pm {
    margin: 0;
    color: #71717A;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Poppins-regular';
}

.class_center {
    display: flex;
    align-items: center;
    gap: 15px;
}

.class_radis {
    background: #e7e7e7;
    padding: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
}

.Time Difference {
    margin: 0;
    color: #71717A;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Poppins-Medium' !important;
    line-height: 30px;
}

.Time_diff {
    color: #000000;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Poppins-Medium' !important;
    line-height: 0.8;
}

.class_disp {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    border-bottom: 1px solid #D1D1D6;
    gap: 15px;
}

.class_padd {
    width: 33.33%;
    padding: 6px 0;
}

.class_border {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #F7F7F7;
    padding: 8px 15px;
    border-radius: 6px;
}

.class_sapce {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 45%;
}

.Calls {
    color: #71717A;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Poppins-Medium' !important;
}

.class35 {
    margin: 0 !important;
    color: #000000;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Poppins-Medium' !important;
}

.class_hrs {
    margin: 0 !important;
}

.class_padding {
    width: 33.33%;
    padding: 6px 0;
}

.class_item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #F7F7F7;
    padding: 8px 10px;
    border-radius: 6px;
}

.class_align {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 45%;
}

.Emails {
    color: #71717A;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Poppins-Medium' !important;
}

.class_famaly {
    margin: 0 !important;
    color: #000000;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Poppins-Medium' !important;
}


.class_style {
    width: 33.33%;
    padding: 6px 0;
}

.class_justify {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #F7F7F7;
    padding: 8px 10px;
    border-radius: 6px;
}

.class_between {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 45%;
}

.class_visits {
    color: #71717A;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Poppins-Medium' !important;
}

.class_Time_med {
    margin: 0 !important;
    color: #000000;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Poppins-Medium' !important;
}

.class_time_hrs {
    margin: 0 !important;
}

.class_paddi {
    display: flex;
    align-items: center;
    width: 38%;
    justify-content: space-between;
    padding: 12px 10px;
}

.Comp-off {
    background: #DEECFE;
    color: #092F63;
    border-radius: 20px;
    padding: 6px 20px;
}

.class_home {
    margin: 0 !important;
    color: #71717A;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Poppins-regular';
}



/*css for Assignment Review UI*/


.main_container {
    margin: 13px 0px;
}

.card_background {
    width: 12.16%;
    margin: 8px;
    box-shadow: rgba(149, 157, 165, 0.2) -1px 3px 12px 1px;
    border-radius: 4px;
}

.container_heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #D9D9D980;
    border-radius: 4px;
    width: 100%;
    padding: 8px;
}

.container_title {
    font-family: 'Poppins-Medium' !important;
    font-size: 16px;
    margin-bottom: 0 !important;
}

.cardRowAssignment {
    display: flex;
    background: #fff;
    gap: 10px;
    padding: 15px;
}

    .cardRowAssignment .CardBoxAssignment {
        width: 125px;
        text-align: center;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        border-radius: 8px;
        cursor: pointer
    }

        .cardRowAssignment .CardBoxAssignment .logoCardBox {
            display: flex;
            justify-content: center;
            margin: 10px 0;
        }

            .cardRowAssignment .CardBoxAssignment .logoCardBox .iconBgcards {
                width: 35px;
                display: flex;
                justify-content: center;
                align-items: center;
                height: 35px;
                border-radius: 8px;
            }

        .cardRowAssignment .CardBoxAssignment p {
            color: #6B7280;
            font-size: 16px;
            font-family: 'Poppins-Medium';
            font-weight: 500;
            margin: 15px 0 !important;
        }

        .cardRowAssignment .CardBoxAssignment h4 {
            color: #09090B;
            font-size: 18px;
            font-family: 'Poppins-Medium' !important;
            font-weight: 500;
            margin: 18px 0;
        }


.bg-EFE6FF {
    background: #EFE6FF;
}


.bg-FFDADA {
    background: #FFDADA;
}

.bg-FDEED8 {
    background: #FDEED8;
}

.bg-E6EDFF {
    background: #E6EDFF;
}

.bg-D8FFE6 {
    background: #D8FFE6;
}

.bg-FFE3EF {
    background: #FFE3EF;
}

.bg-D8EEFF {
    background: #D8EEFF;
}

.bg-F0F0F0 {
    background: #F0F0F0;
}



/*Assignment Review > Workspace List - All*/

.workspace_cardheading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 8px;
}

.workspace_cardtitle {
    display: flex;
    align-items: center;
}

.btn_cardMD {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #FE9A00;
    border-radius: 4px;
    margin-right: 10px;
    color: #fff;
    padding: 4px 15px;
}

.card_name {
    color: #52525B !important;
}

.workspace_cardstyle {
    padding: 5px 8px;
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

.btn_count {
    border: 1px solid #0063A9;
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #FFFFFF;
    border-radius: 2px;
    color: #27272A;
    padding: 4px 10px;
}

.btn_return {
    font-size: 12px;
    border-color: #0063A9;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #CCE6FF;
    border-radius: 4px;
    color: #27272A;
    padding: 4px 10px;
}

.card_EffortsRow {
    display: flex;
    justify-content: space-between;
}

.card_btndown {
    border-top: 1.5px solid #EAEAEA;
    border-bottom: 1.5px solid #EAEAEA;
    display: flex;
    justify-content: space-between;
    padding: 7px 2px;
}

.change_status {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 10px;
    color: #007AE1;
}

.btn_cardimg {
    border: 1px solid #0063A9;
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #FFFFFF;
    border-radius: 4px;
    color: #27272A;
    padding: 6px;
}

/*summary report ui*/

.card_one {
    margin: 10px;
    padding: 5px;
}

.Summary_report {
    margin: 15px 10px;
    color: #000000;
    font-family: 'Poppins-Medium' !important;
    font-weight: 500;
    font-size: 18px;
}

.card_heading {
    display: flex;
    gap: 30px;
    padding: 0 10px;
}

.card_body {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    width: 33.33%;
    cursor: pointer;
    padding: 15px 10px;
    border-radius: 6px;
}

.card_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.Total_received {
    margin: 0;
    width: 80%;
    color: #000000;
    font-family: 'Poppins-Medium' !important;
    font-weight: 500;
    font-size: 18px;
}

.card_qty {
    margin: 10px 0;
    display: flex;
    justify-content: space-between;
}

.qty_receive {
    color: #000000;
    font-family: 'Poppins-Medium' !important;
    font-weight: 500;
    font-size: 16px;
    margin: 0 20px;
}

.card_margin {
    margin: 6px 0;
    display: flex;
    justify-content: space-between;
}

.totalSticky {
    background: #EEF0F2;
    position: sticky;
    bottom: 0;
}

.txt-500 {
    font-family: 'Poppins-Medium' !important;
    font-weight: 500;
    font-size: 16px;
    margin: 0 20px;
}

.btnActionbrdline {
    height: 28px;
    width: 28px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 5px;
    background: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 6px;
}

.wordwrp400 {
    max-width: 600px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.heightmax400px {
    max-height: 400px;
    overflow: auto;
}

.bg-primaycol-white {
    background: #0369A1;
    color: #ffff;
}

/*SVG images for btn*/

.exportSVGBtn {
    background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22none%22%20viewBox%3D%220%200%2016%2017%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20clip-path%3D%22url(%23clip0)%22%3E%3Cpath%20d%3D%22M10.3333%201.5H4.33333C3.97971%201.5%203.64057%201.64048%203.39052%201.89052C3.14048%202.14057%203%202.47971%203%202.83333V13.5C3%2013.8536%203.14048%2014.1928%203.39052%2014.4428C3.64057%2014.6929%203.97971%2014.8333%204.33333%2014.8333H12.3333C12.687%2014.8333%2013.0261%2014.6929%2013.2761%2014.4428C13.5262%2014.1928%2013.6667%2013.8536%2013.6667%2013.5V4.83333L10.3333%201.5Z%22%20stroke%3D%22%233F3F46%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M9.33203%201.83398V4.50065C9.33203%204.85427%209.47251%205.19341%209.72256%205.44346C9.9726%205.69351%2010.3117%205.83398%2010.6654%205.83398H13.332%22%20stroke%3D%22%233F3F46%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M8%2012.5V8.5%22%20stroke%3D%22%233F3F46%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M6%2010.5L8%2012.5L10%2010.5%22%20stroke%3D%22%233F3F46%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/g%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%20transform%3D%22translate(0%200.5)%22/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-position: 6px;
    background-size: 16px 17px;
    background-repeat: no-repeat;
    padding-left: 26px;
}

.filterSVGBtn {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%23000%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M1.5%201.5A.5.5%200%200%201%202%201h12a.5.5%200%200%201%20.5.5v2a.5.5%200%200%201-.128.334L10%208.692V13.5a.5.5%200%200%201-.342.474l-3%201A.5.5%200%200%201%206%2014.5V8.692L1.628%203.834A.5.5%200%200%201%201.5%203.5zm1%20.5v1.308l4.372%204.858A.5.5%200%200%201%207%208.5v5.306l2-.666V8.5a.5.5%200%200%201%20.128-.334L13.5%203.308V2z%22/%3E%3C/svg%3E");
    background-position: 6px;
    background-size: 16px 17px;
    background-repeat: no-repeat;
    padding-left: 26px;
}

.threeDotSVGBtn {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M8.00065%208.66732C8.36884%208.66732%208.66732%208.36884%208.66732%208.00065C8.66732%207.63246%208.36884%207.33398%208.00065%207.33398C7.63246%207.33398%207.33398%207.63246%207.33398%208.00065C7.33398%208.36884%207.63246%208.66732%208.00065%208.66732Z%22%20stroke%3D%22%231F2937%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M8.00065%203.99935C8.36884%203.99935%208.66732%203.70087%208.66732%203.33268C8.66732%202.96449%208.36884%202.66602%208.00065%202.66602C7.63246%202.66602%207.33398%202.96449%207.33398%203.33268C7.33398%203.70087%207.63246%203.99935%208.00065%203.99935Z%22%20stroke%3D%22%231F2937%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M8.00065%2013.3333C8.36884%2013.3333%208.66732%2013.0349%208.66732%2012.6667C8.66732%2012.2985%208.36884%2012%208.00065%2012C7.63246%2012%207.33398%2012.2985%207.33398%2012.6667C7.33398%2013.0349%207.63246%2013.3333%208.00065%2013.3333Z%22%20stroke%3D%22%231F2937%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");
    background-position: 6px;
    background-size: 16px 17px;
    background-repeat: no-repeat;
    width: 30px;
}

.addSVGBtn {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='%23fff'%20viewBox='0%200%2016%2016'%3E%3Cpath%20d='M8%204a.5.5%200%200%201%20.5.5v3h3a.5.5%200%200%201%200%201h-3v3a.5.5%200%200%201-1%200v-3h-3a.5.5%200%200%201%200-1h3v-3A.5.5%200%200%201%208%204'/%3E%3C/svg%3E");
    background-position: 6px;
    background-size: 16px 17px;
    background-repeat: no-repeat;
    padding-left: 26px;
}

.deleteSVGBtn {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%239CA3AF' class='bi bi-trash3' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 1h3a.5.5 0 0 1 .5.5v1H6v-1a.5.5 0 0 1 .5-.5M11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3A1.5 1.5 0 0 0 5 1.5v1H1.5a.5.5 0 0 0 0 1h.538l.853 10.66A2 2 0 0 0 4.885 16h6.23a2 2 0 0 0 1.994-1.84l.853-10.66h.538a.5.5 0 0 0 0-1zm1.958 1-.846 10.58a1 1 0 0 1-.997.92h-6.23a1 1 0 0 1-.997-.92L3.042 3.5zm-7.487 1a.5.5 0 0 1 .528.47l.5 8.5a.5.5 0 0 1-.998.06L5 5.03a.5.5 0 0 1 .47-.53Zm5.058 0a.5.5 0 0 1 .47.53l-.5 8.5a.5.5 0 1 1-.998-.06l.5-8.5a.5.5 0 0 1 .528-.47M8 4.5a.5.5 0 0 1 .5.5v8.5a.5.5 0 0 1-1 0V5a.5.5 0 0 1 .5-.5'/%3E%3C/svg%3E") !important;
    background-position: 6px !important;
    background-size: 16px 17px !important;
    background-repeat: no-repeat !important;
}

.viewSVGBtn {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%239CA3AF'%3E%3Cpath d='M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8M1.173 8a13 13 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5s3.879 1.168 5.168 2.457A13 13 0 0 1 14.828 8q-.086.13-.195.288c-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5s-3.879-1.168-5.168-2.457A13 13 0 0 1 1.172 8z'/%3E%3Cpath d='M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5M4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0'/%3E%3C/svg%3E") !important;
    background-position: 6px !important;
    background-size: 16px 17px !important;
    background-repeat: no-repeat !important;
}

.editSVGBtn {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%239CA3AF'%3E%3Cpath d='M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8M1.173 8a13 13 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5s3.879 1.168 5.168 2.457A13 13 0 0 1 14.828 8q-.086.13-.195.288c-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5s-3.879-1.168-5.168-2.457A13 13 0 0 1 1.172 8z'/%3E%3Cpath d='M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5M4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0'/%3E%3C/svg%3E") !important;
    background-position: 6px !important;
    background-size: 16px 17px !important;
    background-repeat: no-repeat !important;
}

.printSVGBtn {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%239CA3AF'%3E%3Cpath d='M2.5 8a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1'/%3E%3Cpath d='M5 1a2 2 0 0 0-2 2v2H2a2 2 0 0 0-2 2v3a2 2 0 0 0 2 2h1v1a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2v-1h1a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-1V3a2 2 0 0 0-2-2zM4 3a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v2H4zm1 5a2 2 0 0 0-2 2v1H2a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1h-1v-1a2 2 0 0 0-2-2zm7 2v3a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-3a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1'/%3E%3C/svg%3E") !important;
    background-position: 6px !important;
    background-size: 16px 17px !important;
    background-repeat: no-repeat !important;
}

.mar-t10resp {
    margin-top: 10px;
}

.card_display {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 8px;
}

.card_center {
    display: flex;
    align-items: center;
}

.container_md {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #FE9A00;
    margin-right: 10px;
    padding: 6px 15px;
    border-radius: 6px;
    color: #ffff;
}

.card_padding {
    padding: 5px 8px;
    display: flex;
    gap: 10px;
}

.assign_count {
    color: #000000;
    font-family: 'Poppins-Medium';
    font-size: 10px;
    padding: 6px 14px;
    border: 1px solid #007ae1;
    border-radius: 4px;
}

.card_30 {
    color: #000000;
}

.business_income {
    color: #000000;
    font-family: 'Poppins-Medium';
    font-size: 10px;
    background: #CCE6FF;
    padding: 6px 6px;
    border-radius: 4px;
}

.cardsEffortsRow {
    gap: 10px;
    border-bottom: 1px solid #EAEAEA;
}

.cardBtnBottom {
    align-content: center;
}

.card_btn {
    border: 1px solid #D9D9D9;
    width: 30px;
    height: 30px;
    border-radius: 4px;
    font-family: 'Poppins-Medium' !important;
    color: #000000;
    font-size: 14px;
    display: flex;
    align-items: center;
    background: #ffff;
    justify-content: center;
}

.blueBtnPrimary {
    display: flex;
    align-items: center;
    padding: 3px 10px;
    color: #ffff;
    border-radius: 4px;
    background: #0369A1;
    font-family: 'Poppins-Medium' !important;
    font-size: 14px;
    border: none;
}

.noDataTableImg {
    display: flex;
    justify-content: center;
    margin: 20px 0;
}

.budget_entrydisplay {
    display: flex;
    padding: 10px;
    gap: 24px;
}

.row_display {
    display: flex;
    align-items: center;
    width: 21%;
}

.Resource {
    background: #0369A1;
    padding: 4px 10px;
    margin: 0 !important;
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    font-family: 'Poppins-Medium';
    border-radius: 6px 0 0 6px;
    border: 1px solid #0369A1;
    width: 50%;
}

.row_resource {
    border: 1px solid #d9d9d9;
    padding: 4px 10px;
    color: #0369a1;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Poppins-Medium' !important;
    line-height: normal;
    border-radius: 0 6px 6px 0;
    width: 50%;
}

.Budget_Entryrow {
    background: #fff;
    padding: 4px 10px;
    margin: 0 !important;
    font-size: 16px;
    color: #09090B;
    font-weight: 500;
    font-family: 'Poppins-Medium';
    border-radius: 6px 0 0 6px;
    border: 1px solid #d9d9d9;
    width: 50%;
}


.expense_row {
    border: 1px solid #d9d9d9;
    padding: 4px 10px;
    color: #F64646;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Poppins-Medium' !important;
    line-height: normal;
    border-radius: 0 6px 6px 0;
    width: 50%;
}

.Budgetentery_NaN {
    border: 1px solid #d9d9d9;
    padding: 4px 10px;
    color: #71717A;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Poppins-Medium' !important;
    line-height: normal;
    border-radius: 0 6px 6px 0;
    width: 50%;
}

.switchListMenu {
    appearance: none;
    width: 42px;
    height: 20px;
    display: inline-block;
    border-radius: 11px;
    cursor: pointer;
    background-color: #c6c6c6;
    background-image: radial-gradient(circle 8px, /* thumb size */ #fff 100%, #0000 0), radial-gradient(circle 15px, #0003 0%, #0000 100%);
    background-repeat: no-repeat;
    background-position: -12px 0;
    transition: background 0.2s ease-out;
    margin-top: 0 !important;
}

    .switchListMenu:checked {
        background-color: #ff902b;
        background-position: 12px 0;
    }


.resource-report-container {
    padding: 8px 0;
    border-bottom: 1px solid #D9D9D9;
}

.resource-report-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 8px 15px;
}

.resource-name {
    margin: 0 !important;
    color: #000000;
    font-family: 'Poppins-Medium' !important;
    font-weight: 400;
}

.backlog-btn {
    background: #FFE3C8;
    border: none;
    padding: 6px 15px;
    border-radius: 6px;
    font-family: 'Poppins-Regular' !important;
    font-size: 14px;
    margin: 0;
}

.resource-dates-wrapper {
    display: flex;
    align-items: center;
    margin: 8px 15px;
    gap: 10px;
}

.resource-date-card {
    display: flex;
    align-items: center;
    width: 14.28%;
    border: 1px solid #d9d9d9;
    gap: 0px;
    border-radius: 4px;
}

.date-day {
    padding: 10px;
    margin: 0 2px;
    border-radius: 4px;
}

.dayLightPink {
    background: #FFDEDE;
}

.dayLightGreen {
    background: #CBFECC;
}

.dayAliceBlue {
    background: #DEECFE;
}

.dayLightGray {
    background: #D1D5DB;
}

.date-details {
    text-align: center;
    margin: 0px 6px;
}

.date-weekday {
    font-size: 12px;
    color: #000000;
    font-family: 'Poppins-Medium' !important;
    font-weight: 400;
    margin: 0 !important;
    line-height: 1.6;
}

.date-full {
    font-size: 14px;
    color: #000000;
    font-family: 'Poppins-Regular' !important;
    font-weight: 400;
    margin: 0 !important;
}

.disAlignCenter {
    align-items: center;
    display: flex;
}

.baselineDis {
    display: flex;
    align-items: baseline;
    margin-bottom: 5px;
}


.report-container {
    padding: 8px 0;
    border-bottom: 1px solid #D9D9D9;
}

    .report-container .report-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 8px 15px;
    }

        .report-container .report-header .report-title {
            font-family: 'Poppins-Medium', sans-serif;
        }

        .report-container .report-header .invoice-button {
            background: #0369A1;
            color: #FFFFFF;
            border: none;
            padding: 7px 12px;
            border-radius: 6px;
            font-size: 14px;
            display: flex;
            align-items: center;
            gap: 8px;
        }

    .report-container .report-details {
        display: flex;
        align-items: center;
        margin: 8px 15px;
        gap: 10px;
    }

        .report-container .report-details .detail-box {
            display: flex;
            align-items: center;
            border-radius: 4px;
            border: 1.5px solid #FE920C;
        }

        .report-container .report-details .amount-box {
            border-color: #11C314;
        }

        .report-container .report-details .detail-box .detail-value {
            background: #FFDEC0;
            padding: 8px;
            margin: 2px;
            border-radius: 4px;
            font-family: 'Poppins-Medium', sans-serif;
        }

        .report-container .report-details .detail-box .amount-value {
            background: #CBFECC;
        }

        .report-container .report-details .detail-box .extra-padding {
            padding: 8px 16px;
        }

        .report-container .report-details .detail-box .detail-label {
            text-align: center;
        }

            .report-container .report-details .detail-box .detail-label p {
                font-size: 12px;
                color: #27272A;
                font-family: 'Poppins-Medium', sans-serif;
            }

        .report-container .report-details .detail-box .mandate-no-label {
            margin: 0 21px;
        }

        .report-container .report-details .detail-box .mandate-date-label {
            margin: 0 13px;
        }

        .report-container .report-details .detail-box .due-lines-label {
            margin: 0 6px;
        }

        .report-container .report-details .detail-box .due-date-label {
            margin: 0 16px;
        }

        .report-container .report-details .detail-box .amount-label {
            margin: 0 17px;
        }

        .report-container .report-details .width-22 {
            width: 22.28%;
        }

        .report-container .report-details .width-25 {
            width: 25.28%;
        }

        .report-container .report-details .width-13 {
            width: 13.28%;
        }

        .report-container .report-details .width-18 {
            width: 18.28%;
        }

/* Mandate UI Styles */
.mandate-wrapper {
    display: flex;
    padding: 10px;
    border-bottom: 1px solid #d9d9d9;
    gap: 10px;
    align-items: center;
}

.mandate-index {
    width: 5%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.mandate-index-number {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F3F4F5;
    padding: 10px 15px;
    border-radius: 50%;
    font-size: 14px;
    color: #000000;
    font-family: 'Poppins-Medium' !important;
}

.mandate-description {
    width: 45%;
}

    .mandate-description p {
        font-size: 14px;
        color: #000000;
        font-family: 'Poppins-Medium' !important;
    }

.mandate-dates {
    display: flex;
    gap: 6px;
}

    .mandate-dates span {
        font-size: 14px;
        color: #000000;
        font-family: 'Poppins-Regular';
        border: 1px solid #d9d9d9;
        border-radius: 4px;
        padding: 3px 15px;
    }

.mandate-tags {
    width: 50%;
    display: flex;
    gap: 10px;
}

.mandate-tag {
    display: flex;
    align-items: center;
    border-radius: 4px;
    border: 1.5px solid;
    padding: 0;
}

    .mandate-tag .value {
        padding: 8px;
        margin: 2px;
        border-radius: 4px;
        font-family: 'Poppins-Medium', sans-serif;
    }

    .mandate-tag .label {
        margin: 0 10px;
        text-align: center;
    }

        .mandate-tag .label p {
            font-size: 14px;
            color: #27272A;
            font-family: "Poppins-Medium" !important;
            margin-bottom: 0 !important;
            font-weight: 500;
        }

.mandate-summary-row {
    display: flex;
    padding: 5px 10px;
    border-bottom: 1px solid #d9d9d9;
    gap: 10px;
    align-items: center;
    justify-content: space-between;
}

.mandate-summary-bottom {
    display: flex;
    padding: 5px 10px;
    justify-content: right;
}

/*KPI CSS*/


.kpi-wrapper {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    width: 100%;
    font-family: 'Poppins', sans-serif;
}

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

.kpi-label {
    margin-bottom: 10px;
    font-weight: 500;
    font-family: 'Poppins-Medium';
    font-size: 12px;
}

.kpi-box {
    background: #f4f4f4;
    border-radius: 6px 6px 6px 15px;
    width: 110px;
    position: relative;
}

    .kpi-box .svgKpiPoly {
        position: absolute;
        left: 0px;
        bottom: -5px;
    }

.kpi-target, .kpi-actual {
    padding: 6px 0;
}

    .kpi-target span {
        color: green;
        font-weight: bold;
    }

    .kpi-actual span {
        color: green;
        font-weight: bold;
    }

.kpi-separator {
    border-style: dashed;
    border-color: #000000;
    margin: 5px;
}

.kpi-symbol {
    font-size: 24px;
    font-weight: 500;
}

.kpi-bracket {
    display: flex;
    align-items: stretch;
}

.kpi-svg {
    width: 15px;
    height: 160px;
}

/*Activity Invoice*/

.invoice-container {
    width: 50%;
    display: flex;
    justify-content: right;
    gap: 10px;
}

.invoice-box {
    display: flex;
    align-items: center;
    border-radius: 4px;
    width: 30%;
    border: 1.5px solid #ccc; /* overridden by specific class */
}

.activities-box {
    border-color: #FE920C;
}

.amount-box {
    border-color: #11C314;
}

.invoice-label {
    padding: 8px 0;
    margin: 2px;
    border-radius: 4px;
    font-family: 'Poppins-Medium', sans-serif;
    min-width: 40px;
    text-align: center;
    background-color: #eee; /* overridden by specific class */
}

.activities-label {
    background-color: #FFDEC0;
}

.amount-label {
    background-color: #CBFECC;
}

.invoice-text {
    margin: 0 21px;
}

.invoice-title {
    font-size: 12px;
    color: #27272A;
    font-family: 'Poppins-Medium', sans-serif;
}

.invoice-button {
    display: flex;
    align-items: center;
    gap: 5px;
    background-color: #FE920C;
    color: white;
    border: none;
    padding: 8px 12px;
    border-radius: 4px;
    font-family: 'Poppins-Medium', sans-serif;
    cursor: pointer;
}

.invoice-action-bar {
    margin-bottom: 5px;
    display: flex;
    justify-content: right;
    gap: 5px;
}

    .invoice-action-bar .btn-edit {
        border: 1px solid #D1D5E4;
        padding: 4px 7px;
        border-radius: 4px;
        background: #fff;
        ;
        ;
        ;
        color: #fff;
    }

    .invoice-action-bar .btn-save {
        background: #D1D5DA;
        border: none;
        padding: 6px 15px;
        border-radius: 4px;
        color: #fff;
    }

.invoice-toggle {
    display: flex;
    margin-top: 15px;
}

.toggle-tab {
    padding: 10px;
    width: 50%;
    display: flex;
    justify-content: center;
}

.toggle-header {
    background: #0369A1;
    color: #FFFFFF;
    border-radius: 0px 0px 0px 0px;
    cursor: pointer;
}

.toggle-item {
    background: #ECECEC;
    color: #A1A1AA;
    border-radius: 0px;
}

.toggle-starend {
    border-radius: 4px 4px;
    background: #ECECEC;
    color: #A1A1AA;
}

.performa-invoice-flex {
    display: flex;
    gap: 15px;
    padding: 15px 0px;
}

.performa-card {
    width: 14.28%;
    background: #EFF1F3;
    color: #0369A1;
    border: 1px solid #D9D9D9;
    border-radius: 4px;
    text-align: center;
}

.performa-card-title {
    padding: 10px;
}

.performa-card-value {
    padding: 10px;
    color: #09090B;
    border-top: 1px solid #D9D9D9;
}

.btntableSelectaction {
    border: 1px solid #A1A1AA;
    background: #ffff;
    padding: 4px 10px;
    border-radius: 4px;
    font-family: 'Poppins-Medium' !important;
}

.newBIButtonClass {
    height: 18px;
    width: 17px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin: 3px;
    flex-shrink: 0;
    display: inline-block;
    min-width: 17px;
    min-height: 18px;
}

.newBIEditIcon {
    background-image: url('../../Images/bi-report-css-edit.png');
}

.newBIDeleteIcon {
    background-image: url('../../Images/bi-report-css-delete.png');
}

.newBIPrintIcon {
    background-image: url('../../Images/bi-report-css-print.png');
}

.newBIViewIcon {
    background-image: url('../../Images/bi-report-css-view.png');
}

.taxaduit-box-container {
    display: flex;
    text-align: center;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 8px;
    align-items: flex-end;
    padding: 15px;
    gap: 20px;
    width: 28%;
    justify-content: space-around;
}

.taxaduit-box-left {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.taxaduit-box-icon-wrapper {
    display: flex;
    justify-content: center;
}

.taxaduit-box-icon {
    width: 35px;
    height: 35px;
    border-radius: 8px;
    background: #EFE6FF;
    display: flex;
    justify-content: center;
    align-items: center;
}

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

.taxaduit-box-title {
    color: #6B7280;
    font-size: 16px;
    font-family: 'Poppins-Medium', sans-serif;
    font-weight: 500;
    margin: 9px 0 !important;
}

.taxaduit-box-count {
    color: #09090B;
    font-size: 18px;
    font-family: 'Poppins-Medium', sans-serif;
    font-weight: 500;
    margin: 5px 0;
}

.taxaduit-box-right {
    display: flex;
    align-items: center;
    gap: 8px;
}

.taxaduit-box-sub {
    text-align: center;
}

.taxaduit-box-subtitle {
    color: #6B7280;
    font-size: 16px;
    font-family: 'Poppins-Medium', sans-serif;
    font-weight: 500;
    margin: 0 0 5px 0 !important;
}

.taxaduit-box-subcount {
    color: #09090B;
    font-size: 16px;
    font-family: 'Poppins-Medium', sans-serif;
    font-weight: 500;
    margin: 5px 0;
}

.taxaduit-box-divider {
    border: 1px solid #A1A1AA;
    width: 1px;
    height: 40px;
}

.mandate-header {
    padding: 8px 0;
    border-bottom: 1px solid #D9D9D9;
}

.mandate-header-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 8px 15px;
}

.mandate-title {
    margin: 0;
    color: #000;
    font-family: 'Poppins-Medium', sans-serif;
    font-size: 16px;
    font-weight: 500;
}

.mandate-invoice-btn {
    background: #0369A1;
    color: #fff;
    border: none;
    padding: 7px 12px;
    border-radius: 6px;
    font-family: 'Poppins-Regular', sans-serif;
    font-size: 14px;
    margin: 0;
    display: flex;
    gap: 8px;
    cursor: pointer;
}

.mandate-details-row {
    display: flex;
    align-items: center;
    margin: 8px 15px;
    gap: 10px;
}

.mandate-box {
    display: flex;
    align-items: center;
    border-radius: 4px;
    border: 1.5px solid #FE920C;
}

    .mandate-box.green {
        border-color: #11C314;
    }

.mandate-box-content {
    background: #FFDEC0;
    padding: 8px;
    margin: 2px;
    border-radius: 4px;
    font-family: 'Poppins-Medium', sans-serif;
}

    .mandate-box-content.green {
        background: #CBFECC;
    }

.mandate-box-label {
    text-align: center;
    margin: 0 6px;
}

    .mandate-box-label p {
        font-size: 12px;
        color: #27272A;
        font-family: 'Poppins-Medium', sans-serif;
        margin: 0;
    }

/* width-specific classes */
.w-22 {
    width: 22.28%;
}

.w-25 {
    width: 25.28%;
}

.w-13 {
    width: 13.28%;
}

.w-18 {
    width: 18.28%;
}

.btn-attchCount {
    background: #F0F0F0;
    border: none;
    display: flex;
    gap: 9px;
    align-items: center;
    padding: 2px 10px;
    border-radius: 4px;
    font-size: 16px;
    color: #000;
    font-family: 'Poppins-Medium' !important;
}

/*setting*/
.Taxitemcode {
    color: #0369A1;
    background: #DEF4FF;
    border: 1px solid #D1D5DB;
    padding: 5px;
    width: 120px;
    border-radius: 4px;
}
/*five step*/
.step-progress-container {
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    overflow-x: auto;
    width: 100%;
    margin-top: 10px;
}

.step-progress-bar {
    list-style: none;
    display: flex;
    padding: 2px;
    width: 100%;
    margin: 0;
    gap: 9px;
    border-bottom: 2px solid #e0e0e0;
}

.toggelstep {
    padding: 15px 0px;
    cursor: pointer;
    position: relative;
    white-space: nowrap;
    transition: color 0.3s;
    width: 20%;
    text-align: center;
    border-radius: 4px;
    color: #0063A9;
    font-weight: 500;
    font-size: 16px;
    font-family: 'Poppins-Medium';
}

.activeTabtstep {
    background: #DEECFE;
}

.step-description {
    color: #09090B;
    font-size: 12px;
    font-weight: 400;
    font-family: 'Poppins-Regular';
}

.team-creation-step {
    background: #ffff;
    margin-top: 15px;
}

.team-creation-header {
    padding: 10px 15px;
    border-bottom: 1px solid #d1d5db;
}

label.team-creation-title {
    color: #000000;
    font-family: 'Poppins-Medium';
}

.label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 0px;
    text-align: left;
}

.row.team-creation-content {
    padding: 15px 5px;
}

.row {
    margin-left: 0px;
    margin-right: 0px;
    line-height: 18px !important;
}

h4.section-title {
    color: #000000;
    font-family: 'Poppins-Medium' !important;
    padding: 15px 0;
    font-weight: 500;
}

p.section-description {
    color: #09090B;
    font-family: 'Poppins-Regular';
}

.titleOfList {
    color: #09090B;
    font-family: 'Poppins-Medium';
}

ul.steps-list {
    list-style: auto;
    padding-left: 25px;
    margin: 15px 0;
}

li.step-item {
    color: #09090B;
    font-family: 'Poppins-Regular';
    padding-bottom: 5px;
}

.creation-image-container {
    padding: 15px;
}

img.team-creation-image {
    border: 4px solid #d9d9d9;
    width: 100%;
}

span.team-note-text {
    color: #09090B;
    font-weight: 500;
    font-family: 'Poppins-Medium';
}

.team-creation-box {
    margin-left: 10px;
}

/*User master*/
.custom-file-input {
    gap: 12px;
    display: flex;
    align-items: center;
    max-width: 400px; /* adjust width */
}

    .custom-file-input input[type="file"] {
        display: none;
    }

    .custom-file-input label {
        background: white;
        border: 1px solid #0369A1;
        color: #0369A1;
        padding: 4px 16px;
        border-radius: 5px;
        cursor: pointer;
        font-family: 'Poppins-Medium';
        white-space: nowrap;
        min-width: 122px;
        text-align: center;
    }


#fileName {
    margin-left: 12px;
    color: #666;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 250px; /* adjust width */
    display: inline-block;
    vertical-align: middle;
}

button.custom-file-btn {
    font-size: 14px;
    color: #0369A1;
    line-height: 100%;
    font-family: 'Poppins-Medium' !important;
    font-weight: 500;
}

.heading-shiftmaster {
    font-size: 18px;
    font-family: 'Poppins-Medium' !important;
    border-bottom: 1px solid #D1D5DB;
    margin-left: 10px;
    margin-bottom: 18px;
}

.btnSimplifySecoundary {
    background: #ffff;
    padding: 5px 15px;
    font-size: 14px;
    color: #0369A1;
    border-radius: 6px;
    margin: 0px 5px;
    border: 1px solid #0369A1;
    font-family: 'Poppins-Medium' !important;
}

.btnrightBreadsimply {
    border: 1px solid #D1D5DB;
    background: #ffff;
    padding: 6px 15px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #3F3F46;
}

button.btn.btn-light.add-btn {
    border-radius: 3px;
    padding: 3px 10px;
    align-items: center;
    color: #1F2937;
    background: #ffff;
    font-family: 'Poppins-Regular' !important;
}

label.custRowLabelSimply {
    color: #71717A;
    font-family: 'Poppins-Regular';
    font-size: 14px;
}

label.custFielddetailsSimply {
    color: #09090B;
    font-family: 'Poppins-Regular';
    font-size: 14px;
}

.emp-record-panel {
    color: #09090B;
    font-size: 18px;
    font-family: 'Poppins-Medium';
    margin: 20px 0px -4px 13px;
}

.staff-details-block {
    color: #49545A;
    font-size: 14px;
    font-family: 'Poppins-Regular';
    margin: 6px 14px;
    font-weight: 400;
    line-height: 100%;
}

.emp-data-card {
    align-items: center;
    padding: 12px 4px;
}

.employee-info-container {
    display: flex;
    margin-left: 14px;
    gap: 10px;
}

.card-empinfobox {
    display: flex;
    flex-wrap: wrap;
}

.employe-info-padd {
    width: 33.33%;
    padding: 8px 10px;
}

.employee-info-panel {
    color: #09090B;
    font-size: 16px;
    font-family: 'Poppins-Medium';
}

.employee-info-section {
    font-family: 'Poppins-Regular';
    margin: 2px 19px 9px 19px;
    padding: 3px;
    color: #71717A;
}

.cardemp-info-box {
    background: #ffff;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    border-radius: 12px;
}

.EmployeeInfoModel {
    font-family: 'Poppins-Regular';
    margin: 2px 19px 9px 19px;
    color: #27272A;
    padding: 3px;
}

.employee-info-block {
    color: #0369A1;
    font-family: 'Poppins-Regular';
    margin: 6px 19px;
    padding: 3px;
}

.ClaimGSTRegistration {
    display: flex;
    gap: 10px;
    align-items: center;
    padding: 10px;
}

.ClaimGSTwidth {
    width: 5%;
}

.GSTClaimApplication {
    background: linear-gradient(180deg, #0369A1 0%, #599ECF 100%);
    width: 50px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffff;
    border-radius: 8px;
}

.GSTClaimForm {
    width: 33.33%;
}

.GSTRegistrationHandler {
    margin: 0 !important;
    font-family: 'Poppins-Medium';
    font-weight: 500;
}

.GSTClaimProcess {
    display: flex;
    align-items: center;
    gap: 5px;
}

.GSTClaimdate {
    margin: 0 !important;
    font-family: 'Poppins-Regular';
    color: #ffff;
    background: rgba(254, 154, 66, 1);
    padding: 3px 15px;
    font-size: 12px;
    border-radius: 6px;
}

.GSTRegistrationAdmin {
    margin: 0 !important;
    font-family: 'Poppins-Regular';
    color: #000;
    border: 1px solid #0369A1;
    padding: 3px 15px;
    font-size: 12px;
    border-radius: 6px;
}

.ClaimGSTApproval {
    width: 15%;
    margin: 0 !important;
    font-family: 'Poppins-Regular';
    color: #000;
    background: #FFEDD5;
    padding: 4px 15px;
    font-size: 14px;
    border-radius: 20px;
    text-align: center;
}

.gst-claim-section {
    width: 15.56%;
    display: flex;
    border: 1px solid #0369A1;
    border-radius: 4px;
    align-items: center;
}

.gst-registration-panel {
    border: 1px solid #0369A178;
    padding: 5px 15px;
    font-family: 'Poppins-Regular' !important;
    border-radius: 4px;
    background: #BAE6FD;
    margin: 0 !important;
    font-size: 14px;
}

.gst-registration-modal {
    border-left: none;
    padding: 4px 15px;
    font-family: 'Poppins-Regular' !important;
    margin: 0 !important;
    font-size: 14px;
}

.imgContainer {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin-left: 15px;
}

.adminPanel {
    border: 1.5px dashed #D1D5DB;
    width: 100%;
    height: 240px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.adminDashboard {
    font-family: 'Poppins-Medium';
    font-size: 16px;
}

.adminControls {
    border: 1.5px dashed #D1D5DB;
    width: 100%;
    height: 240px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.userMgmtSection {
    color: #09090B;
    font-size: 14px;
    font-family: 'Poppins-Medium' !important;
    margin-bottom: 10px;
}

.notificationPanel {
    color: #52525B;
    font-size: 14px;
    font-family: 'Poppins-Regular';
}

.custDropdownMenu {
    position: relative;
    display: inline-block;
    font-family: 'Poppins-Regular';
}

.custSelectWrapper {
    width: 100%;
    padding: 6px 30px 6px 12px;
    font-size: 14px;
    color: #3F3F46;
    background-color: #FFFFFF;
    border: 1px solid #D1D5DB;
    border-radius: 4px;
    cursor: pointer;
    -webkit-appearance: none;
}

.custSelectBox {
    pointer-events: auto;
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
}

/*Admin - Securities*/
.admin-security__button-active {
    background: #ffff;
    padding: 5px 15px;
    font-size: 14px;
    color: #0369A1;
    border-radius: 6px;
    margin: 0px 5px;
    border: 1px solid #0369A1;
    font-family: 'Poppins-Medium' !important;
}


.admin-security__button-primary {
    background: #0369A1;
    padding: 5px 7px;
    font-size: 11px;
    color: #FFF;
    border-radius: 6px;
    margin: 0px 5px;
    border: 1px solid #0369A1;
    font-family: 'Poppins-Medium' !important;
}

    .admin-security__button-primary:disabled {
        background: #93c3ff;
        cursor: not-allowed !important;
        border: none;
    }


/*Admin - Leave Management*/
.calendar-year-view {
    color: #0369A1;
    font-size: 14px;
    font-family: 'Poppins-Medium';
}

.tabel-border {
    border: 1px solid #D1D5DB;
    border-radius: 12px;
    background: #FFFFFF;
}

.custom-outlinebutton {
    background: #ffff;
    padding: 4px 15px;
    font-size: 14px;
    color: #0369A1;
    border-radius: 6px;
    margin: 0px 5px;
    border: 1px solid #0369A1;
    font-family: 'Poppins-Medium' !important;
    display: flex;
}

.navtitle-subheading {
    font-family: 'Poppins-Medium';
    font-size: 15px;
    color: #09090B;
    font-weight: 500;
}

.main_PunchesSection {
    background: #fff;
    margin-top: 10px;
}

.approvalPunchesWrapper {
    display: flex;
    justify-content: space-between;
    border: 1px solid #D1D5DB;
    padding: 12px 10px;
    border-radius: 6px;
}

.punchApprovalContainer {
    display: flex;
    align-items: center;
}

.pendingPunchesPanel {
    padding: 2px 10px;
    font-size: 14px;
    font-family: 'Poppins-Regular';
    font-weight: 600;
    color: #000000;
    border-right: 1px solid #D1D5DB;
    margin: 0 !important;
}

.punchesApprovalBox {
    padding: 2px 10px;
    font-size: 14px;
    font-family: 'Poppins-Regular';
    font-weight: 600;
    color: #000000;
    border-left: 1px solid #D1D5DB;
    margin: 0 !important;
}

.pendingPunchesRecord {
    background: #0369A1;
    padding: 4px 15px;
    border-radius: 4px;
    color: #ffff;
    font-family: 'Poppins-Medium' !important;
    outline: none;
    border: none;
}

.custApprovalInfoLabel {
    display: flex;
    justify-content: space-between;
    border: 1px solid #D1D5DB;
    padding: 5px 10px;
    border-radius: 6px;
}

.custPunchFilterPanel {
    display: flex;
    align-items: center;
}

.custApprovalBadgeTitle {
    padding: 2px 10px;
    font-size: 14px;
    font-family: 'Poppins-Regular';
    font-weight: 600;
    color: #000000;
    border-right: 1px solid #D1D5DB;
    margin: 0 !important;
}

.custApprovalHeaderText {
    padding: 2px 10px;
    font-size: 14px;
    font-family: 'Poppins-Regular';
    font-weight: 600;
    color: #000000;
    border-left: 1px solid #D1D5DB;
    margin: 0 !important;
}

.custApproval-deletebtn {
    background: #0369A1;
    padding: 4px 15px;
    border-radius: 4px;
    color: #ffff;
    font-family: 'Poppins-Medium' !important;
}

.controlLabelDummy {
    padding-top: 4px !important;
    font-family: playregular !important;
    line-height: 16px;
}

.custombackgroungcolor {
    background: #DEECFE;
    padding: 10px;
    border-radius: 4px;
}

.custombackgroungcolor {
    background: #DEECFE;
    padding: 10px;
    border-radius: 4px;
    cursor: pointer;
}

td.tBodySimplfy.tabletext-color {
    color: #0369A1;
    font-family: 'Poppins-Medium';
    font-size: 14px;
}

/*Create Activity using Workflow*/
.jdDropdown_982 {
    position: relative;
    width: 200px;
    font-family: 'Poppins-Regular';
}

.jdDropdownBtn_431 {
    background-color: #fff;
    border: 1px solid #D1D5DB;
    color: #52525B;
    padding: 5px 12px;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%226%22%20viewBox%3D%220%200%2010%206%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M1%201L5%205L9%201%22%20stroke%3D%22%23A1A1AA%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E') no-repeat right center;
    padding-right: 20px;
    background-size: 12px 8px;
    background-position: right 10px center;
}

.jdDropdownMenu_224 {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    border: 1px solid #d1d5db;
    border-radius: 4px;
    background: #fff;
    display: none; /* hidden by default */
    z-index: 10;
    margin-top: 2px;
}

    .jdDropdownMenu_224.show {
        display: block;
    }

.jdDropdownItem_756 {
    padding: 8px 12px;
    position: relative;
    cursor: pointer;
    font-size: 14px;
    margin: 5px;
    border-radius: 5px;
}

    .jdDropdownItem_756:hover {
        background: #F5F5F5;
    }

/* Tooltip base */
.jdTooltip_569 {
    position: absolute;
    top: 60px;
    transform: translateY(-50%);
    background: #1f2937;
    color: #fff;
    padding: 0.5rem;
    border-radius: 0.375rem;
    font-size: 14px;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* Tooltip right */
.jdTooltipRight_881 {
    left: 100%;
    margin-left: 10px;
}

    .jdTooltipRight_881::before {
        content: "";
        position: absolute;
        left: -10px;
        top: 50%;
        transform: translateY(-50%);
        width: 0;
        height: 0;
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent;
        border-right: 12px solid #1f2937;
    }

/* Tooltip left */
.jdTooltipLeft_993 {
    width: 450px;
    white-space: normal;
    overflow: hidden;
    left: auto;
    margin-right: 10px;
    z-index: 999;
}

    .jdTooltipLeft_993::before {
        content: "";
        position: absolute;
        right: -10px;
        top: 50%;
        transform: translateY(-50%);
        width: 0;
        height: 0;
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent;
        border-left: 12px solid #1f2937;
    }

/* Show tooltip on hover */
.jdDropdownItem_756:hover .jdTooltip_569 {
    opacity: 1;
}

.display-inherit {
    display: inherit;
}

.approval-header {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.approval-tags {
    display: flex;
    gap: 10px;
}

/* Tag styles */
.tag-under-approval {
    background: #FFEDD5;
    padding: 4px 15px;
    font-family: 'Poppins-Regular';
    font-size: 12px;
    border-radius: 4px;
    color: #09090B;
    margin: 0 !important;
}

.tagApprove {
    background: #D8FFE6;
    padding: 4px 15px;
    font-family: 'Poppins-Regular';
    font-size: 12px;
    border-radius: 4px;
    color: #09090B;
    margin: 0 !important;
}

.tagDisAproave {
    background: #FFDADA;
    padding: 4px 15px;
    font-family: 'Poppins-Regular';
    font-size: 12px;
    border-radius: 4px;
    color: #09090B;
    margin: 0 !important;
}


.tag-approveName {
    background: #fff;
    border: 1px solid #0369A1;
    padding: 4px 15px;
    font-family: 'Poppins-Regular';
    font-size: 12px;
    border-radius: 4px;
    color: #09090B;
    margin: 0 !important;
}

.timesheetLogHeading {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .timesheetLogHeading a {
        text-decoration: underline !important;
        color: #064F86;
        font-family: 'Poppins-Medium';
    }


/*Dashboard Timesheet Log*/
.btnDocCounter {
    display: flex;
    gap: 5px;
    padding: 4px 11px 4px 7px;
    border: 1px solid #D1D5DB;
    background: #fff;
    border-radius: 4px;
    position: relative;
}

.btnmartop {
    margin-top: 3px;
}

.btnexport {
    color: #3F3F46;
    font-family: 'Poppins-Regular';
    font-size: 14px;
}

.bi-run-card {
    border-radius: 6px;
}

.bi-run-flex {
    align-items: center;
    display: flex;
    width: 100%;
}

.bi-run-checkbox {
    width: 5%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bi-run-label {
    width: 0;
    overflow: hidden;
    white-space: nowrap;
    padding: 2px 0;
}

.bi-run-content {
    border-left: 1.5px solid #D9D9D9;
    width: 75%;
    padding: 0 10px;
}

    .bi-run-content p {
        color: #000000;
        font-family: 'Poppins-Medium';
        font-size: 14px;
        margin: 5px 0 !important;
    }

.bi-run-tags {
    display: flex;
    gap: 6px;
    margin-bottom: 4px;
}

.bi-run-tag-blue {
    background: #DEECFE;
    padding: 5px 15px;
    font-family: 'Poppins-Regular';
    font-size: 14px;
    border-radius: 6px;
}

.bi-run-tag-border {
    border: 1px solid #0369A1;
    padding: 5px 15px;
    font-family: 'Poppins-Regular';
    font-size: 14px;
    border-radius: 6px;
}

.bi-run-actions {
    width: 30%;
}

.bi-run-actions-inner {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 0 10px;
}

.bi-run-icon {
    border: 1px solid #D1D5DB;
    display: flex;
    padding: 5px;
    border-radius: 6px;
}

    .bi-run-icon:hover {
        background: #0369A1;
    }

    .bi-run-icon svg path {
        transition: fill 0.3s ease;
    }

    .bi-run-icon:hover svg path {
        stroke: #FFF;
    }

.custBlackTooltip {
    position: relative;
    display: inline-block;
}

.custBlackTooltip-text {
    position: absolute;
    bottom: 120%; /* show above the icon */
    left: 50%;
    transform: translateX(-50%);
    background: #000;
    color: #fff;
    padding: 6px 10px;
    border-radius: 6px;
    font-size: 13px;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease;
}

    /* triangle pointer */
    .custBlackTooltip-text::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translateX(-50%);
        border-width: 6px;
        border-style: solid;
        border-color: #000 transparent transparent transparent;
    }

.custBlackTooltip:hover .custBlackTooltip-text {
    opacity: 1;
    pointer-events: auto;
}

.fieldmap-container {
    display: flex;
    border: 1px solid #ddd;
    border-radius: 6px;
    overflow: hidden;
}

.fieldmap-section {
    flex: 1;
    border-right: 1px solid #ddd;
    background: #fff;
}

    .fieldmap-section:last-child {
        border-right: none;
    }

.fieldmap-header {
    background: #f1f1f1;
    padding: 12px;
    font-weight: bold;
    text-align: center;
    font-size: 16px;
    border-bottom: 1px solid #ddd;
    font-family: 'Poppins-Medium' !important;
    font-weight: 500;
}

.fieldmap-list {
    padding: 15px;
    min-height: 300px;
}

.fieldmap-item {
    background: #fff;
    border: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 4px;
    cursor: grab;
    transition: background 0.2s ease;
}

    .fieldmap-item:active {
        cursor: grabbing;
        opacity: 0.7;
    }

.fieldmap-dropzone {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    min-height: 300px;
    border-radius: 6px;
    color: #0369A1;
    font-size: 14px;
    transition: background 0.2s ease;
}

    .fieldmap-dropzone.dragover {
        background: #e8f4fb;
        border-color: #0369A1;
    }

.fieldmap-drop-placeholder {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    color: #666;
    font-size: 14px;
}

    .fieldmap-drop-placeholder img {
        width: 200px;
        opacity: 0.6;
    }

/*sales order*/
.panel-headingheader {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #D1D5DB;
    margin-bottom: 10px;
}

.panelHeadingContainer {
    background: #036A97;
    padding: 6px 20px;
    font-size: 14px;
    min-width: 170px;
    border-radius: 0 8px 0 0;
    color: #fff;
}

.section-title {
    display: flex;
    gap: 5px;
}

.sealsHeaderIcon {
    background: #FF6969;
    width: 16px;
    height: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 11px;
    color: #ffff;
    border-radius: 50%;
    position: absolute;
    right: -4px;
    top: -11px;
}

.field-flexgap {
    display: flex;
    justify-content: space-between;
}

.field-width {
    width: 75%;
}

.field-end-width {
    width: 25%;
}

.fieldEnd50Per {
    width: 50%;
}

.attchmentbtncount {
    display: flex;
    align-items: center;
    gap: 5px;
    position: relative;
    background: #e6e6e6;
}

.btnScanDoc {
    background: #1C274C;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px;
    border-radius: 8px;
    margin: 2px;
}

.btn-newbtn-search {
    background: #EDEDED;
    border: 1px solid #D1D5DB;
    border-radius: 4px;
    padding: 3px 9px;
}

.border-line {
    border: 1px solid #D1D5DB;
    margin: 12px 0px 21px 0px;
}


.Item container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #D1D5DB;
    margin-bottom: 10px;
}

.Single item row-gap {
    display: flex;
    gap: 5px;
}

.item-flex-end {
    display: flex;
    justify-content: end;
}

.summaryContainer {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: space-between;
    margin-top: 10px;
}

.summaryCard-summaryProduct {
    flex: 1 1 110px;
    min-width: 110px;
    max-width: 140px;
    background-color: #b3e6ff;
    padding: 4px 10px;
    border-radius: 6px;
    text-align: center;
    box-sizing: border-box;
    line-height: 1.2;
    border: 1px solid #D1D5DB;
}

.summaryLabel {
    font-size: 12px;
    color: #333;
}

.summaryValue {
    font-weight: bold;
    font-size: 12px;
    margin-top: 10px;
}


.summaryCard-Totalamount {
    flex: 1 1 130px;
    min-width: 130px;
    max-width: 210px;
    background-color: #39d166;
    padding: 8px 12px;
    border-radius: 8px;
    text-align: center;
    box-sizing: border-box;
    line-height: 1.2;
    border: 1px solid #D1D5DB;
}

.Totalamtlabel {
    font-size: 13px;
    color: #fff;
    font-weight: 600;
}

.Totalamtvalue {
    font-weight: bold;
    font-size: 12px;
    color: #fff;
    margin-top: 5px;
}

.field-flexgapend {
    display: flex;
    justify-content: flex-end;
}

.field-width-first {
    width: 37.3%;
    display: flex;
}

.field-width-midd {
    width: 31.3%;
}

.field-widthendcolum {
    width: 32%;
    display: flex
}
/*Tabs label*/
.label-btn-container {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0;
}

.label-btn-box {
    width: 33.33%;
    padding: 5px 10px;
}

.label-btn {
    text-align: center;
    color: #0369A1;
    border-radius: 10px;
    background: #DEECFE;
    padding: 10px;
    font-size: 14px;
    cursor: pointer;
    margin-bottom: 0;
}

    .label-btn:hover {
        background: #CDE2FF;
    }

.download-label-text {
    padding: 10px;
    margin: 0 !important;
}

.download-label-link {
    color: #0369A1;
    cursor: pointer;
}

body.noScrollCRM {
    overflow: hidden;
}

.width-shipment {
    width: 33.33%;
}

.shipmentFieldWidth65 {
    width: 65%;
}

.shipmentFieldWidth35 {
    width: 35%;
}

.panel-headingheader-add {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    border-bottom: 1px solid #D1D5DB;
    margin-bottom: 10px;
}

.fieldRowIncentive {
    display: flex;
    flex-wrap: wrap;
}

.colRowIncentive {
    width: 30%;
    display: flex;
    flex-direction: column;
}



.ui-error-toast-container {
    width: 100%;
    margin-bottom: 5px;
    font-family: 'Poppins', sans-serif;
    color: #333;
}

.ui-error-toast-content {
    background-color: #fdeaea;
    border: 1px solid #e74c3c;
    border-radius: 8px;
    padding: 5px 10px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    margin-bottom: 5px !important;
}

.cust-error-details-container {
    padding: 0px 20px;
}

.cust-error-row {
    display: flex;
    align-items: center;
    margin-bottom: 4px;
}

.cust-error-label {
    width: 75px;
    font-weight: 500;
    font-family: playregular !important;
    font-size: 12px;
}

.toasterActiongap a {
    font-size: 14px;
    color: #5d5d5d;
    line-height: 1.2;
    font-weight: 100;
    text-underline-offset: 3px;
    text-decoration: underline !important;
    font-family: playregular !important;
    font-size: 12px;
}

.cust-error-value-ellipsis {
    max-width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-left: 2px;
    font-family: playregular !important;
    font-size: 12px;
}

.cust-error-column {
    width: 50%;
    font-family: playregular !important;
    font-size: 12px;
}

.UiToastWarning {
    background: #FFF1D9 !important;
    border: 1px solid #F49800 !important;
}

.UiToastWarningColorIcon {
    color: #F49800 !important;
}

    .UiToastWarningColorIcon path {
        fill: #F49800 !important;
    }

.ui-error-toast-left {
    width: 100%;
    display: flex;
    align-items: flex-start;
    gap: 5px;
}

.ui-error-toast-icon svg {
    width: 16px;
    height: 16px;
}

.ui-error-toast-message {
    display: flex;
    flex-direction: column;
    gap: 2px;
    width: 75%;
}

.ui-error-toast-title {
    margin: 0 !important;
    font-weight: 600;
    color: #b03a2e;
    font-size: 15px;
}

.ui-error-toast-description {
    margin: 0 !important;
    font-size: 14px;
    color: #5d5d5d;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: playregular !important;
}

.ui-error-toast-link {
    margin: 0 !important;
    font-size: 14px;
    line-height: 1;
}

.toasterActiongap {
    display: flex;
    gap: 10px;
}

.ui-error-toast-link a {
    text-decoration: underline !important;
    color: #5d616f;
    text-underline-offset: 2px;
}

.ui-error-toast-close {
    color: #b03a2e;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
    transition: color 0.2s ease;
    width: 25%;
    display: flex;
    gap: 10px;
    justify-content: right;
}

    .ui-error-toast-close:hover {
        color: #e74c3c;
    }


/*Due Date Information*/
.due-date-container {
    display: flex;
    justify-content: space-between;
    margin-left: 10px;
}

.due-date-compliance {
    color: #0369A1;
    font-size: 14px;
    font-family: 'Poppins-Medium';
    padding: 0px 0px 6px 0px;
}

.due-date-display {
    font-size: 14px;
    font-family: 'Poppins-Regular';
}

.due-date-info {
    display: flex;
    margin-top: 5px;
}

.btnActiontableborder {
    border: 1px solid #D1D5DB;
    border-radius: 4px;
    height: 28px;
    width: 28px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 5px;
    background: none;
}

/*Entity Master*/
.field-dispflex {
    display: flex
}

.field-flexgapentity {
    display: flex;
    flex-direction: column;
    width: 33.33%;
}

.panel-headingheader-details {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.panelHeadingContainerdetail {
    background: #BBECFF;
    padding: 6px 20px;
    font-size: 14px;
    min-width: 170px;
    border-radius: 0 8px 0 0;
    color: #09090B;
}

.field-widthdetails {
    width: 70%;
    display: flex;
    flex-direction: column;
}

.border-linegap {
    border: 1px solid #D1D5DB;
    margin: 54px 0px 23px 0px;
}

/*Notices*/

.notice {
    display: flex;
    gap: 20px;
    margin-top: 10px;
}

.info-header {
    padding: 6px 0px 6px 0px;
    width: 32.33%;
    background: #FFFFFF;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 8px;
}

.info-label {
    color: #09090B;
    padding: 20px 0px 17px 32px;
    font-family: 'Poppins-Medium';
    font-size: 16px;
    line-height: 100%;
    border-bottom: 1px solid #D1D5DB;
}

.info-badge {
    display: flex;
    justify-content: space-around;
    margin: 15px 0px 15px 0px;
    font-family: 'Poppins-Regular';
}

.info-badgeread {
    display: flex;
    gap: 10px;
    align-items: center;
    font-family: 'Poppins-Regular';
}

.info-labelread {
    color: #71717A;
}

.info-valueread {
    border-radius: 4px;
    padding: 5px 8px;
    background: #DEF4FF;
    color: #0369A1;
    font-weight: 500;
}

.info-valueread {
    border-radius: 2px;
    padding: 5px 8px;
    font-weight: 500;
}

.bgcolorblue {
    background: #DEF4FF;
    color: #0369A1;
}

.bgcolorred {
    background: #F9D1D1;
    color: #EA1414;
}

.btnActioninfoborder {
    border: 1px solid #D1D5DB;
    border-radius: 4px;
    height: 28px;
    width: 28px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 5px;
    background: #FFFFFF;
}

.appraisal-card {
    margin-top: 10px;
    background: #FFFFFF;
    border-radius: 4px;
}

.appraisal-header {
    background: #E2EEFF;
    border-radius: 4px 4px 0 0;
    width: 100%;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.appraisal-title {
    color: #09090B;
    font-size: 14px;
    font-family: 'Poppins-Medium';
    line-height: 100%;
}

.appraisal-row {
    display: flex;
    gap: 7px;
    padding: 7px 0px 10px 8px;
    font-size: 14px;
}

.appraisal-label {
    color: #27272A;
    font-family: 'Poppins-Medium';
}

.appraisal-value {
    color: #27272A;
    font-family: 'Poppins-Regular';
}

.appraisal-doclink {
    font-family: 'Poppins-Regular';
    color: #0369A1;
}

#dvGPSTimeShDetails {
    max-height: 300px;
    overflow: auto;
}


/*GRL*/
.custLang-dropdown {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.custLang-btn {
    color: red;
    background: transparent;
    border: none;
    font-size: 16px;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 4px 0;
}

    .custLang-btn svg {
        width: 18px;
        height: 18px;
        stroke: gray;
    }

.custLang-options {
    position: absolute;
    top: 110%;
    left: 0;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 6px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    display: none;
    min-width: 120px;
    z-index: 10;
}

.custLang-dropdown:hover .custLang-options {
    display: block;
}

.custLang-option {
    padding: 8px 14px;
    color: #333;
    font-size: 15px;
    white-space: nowrap;
    transition: background 0.2s;
}

    .custLang-option:hover {
        background: #f5f5f5;
    }

.width65fieldset {
    width: 65%;
}

.width35fieldset {
    width: 35%;
}

.moduleIconMRP {
    background-image: url('../../Images/materialPlanIcon.png');
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    display: inline-block;
    background-position: center;
}

/*Cookie Policy*/
.headingcookie_policy {
    padding: 15px;
    border-bottom: 1px solid #ddd;
}

.cookie_policylabel {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.cookie-titletop {
    margin: 0;
    color: #000000;
    font-weight: 600;
    font-size: 18px;
}

.title_cookiespolicy {
    margin-top: 20px;
    color: #2a2929;
    font-weight: 600;
}

.cookie_policylist {
    margin: 0px 19px;
    padding: 0;
    list-style: unset;
}


/*Activity Trail -Ektam*/
.erptaskcontainer {
    padding: 8px 14px;
}

.erp_task_header {
    color: #111827;
    font-family: 'Poppins-Medium';
    font-size: 14px;
    padding: 7px 0px;
    line-height: 18px;
}

.erp_task_subheader {
    font-family: 'Poppins-Regular';
    font-size: 13px;
    color: #52525B;
    font-weight: 400;
    display: inline-block;
    margin-bottom: 10px;
}

.erp_task_audit_type {
    display: flex;
    gap: 10px;
    margin-top: 12px;
}

.erp_task_subordinate {
    font-family: 'Poppins-Medium';
    color: #111827;
    font-weight: 500;
}

.erp_task_meta_wrapper {
    background: #F8F8F8;
    padding: 9px 11px;
    border-radius: 8px;
    font-family: 'Poppins-Regular';
    font-size: 13px;
}

.erp_task_section_divider {
    font-family: 'Poppins-Medium';
    color: #111827;
}

.erpActInfo_container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 17px 40px;
    font-size: 13px;
    font-family: 'Poppins-Regular';
    color: #6b7280;
    margin-top: 8px;
}

.erpActInfo_item {
    display: flex;
    gap: 14px;
    white-space: nowrap;
}

.erpActInfo_label {
    font-family: 'Poppins-Regular';
    width: 79px;
}

.erpActInfo_value {
    font-family: 'Poppins-Medium';
    color: #111827;
    white-space: normal;
}


.erp_task_subordinate_box {
    display: flex;
    gap: 19px;
    margin-top: 15px;
}

.erp_subordinate_border {
    border: 1px solid #D1D5DB;
    margin-top: 20px;
}

.erp_task_meta_block {
    display: flex;
    align-items: center;
    padding: 11px 0px;
}

.erp_task_meta_row {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #71717A;
    font-size: 13px;
    margin-right: 16px;
    font-family: Poppins-Regular;
}

.erp_task_break {
    height: 20px;
    width: 1px;
    background: #ddd;
    margin-right: 18px;
}

.erp_task_no_task {
    padding: 4px 14px;
    background: #DFFEEA;
    color: #119E45;
    font-size: 13px;
    border-radius: 20px;
    font-family: 'Poppins-Medium';
    border: 1px solid #ACFFC9;
}

.erp_card_grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
}

.erp_info_card {
    background: #FFFFFF;
    border-radius: 4px;
    padding: 5px 6px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #D1D5DB;
}

.erp_info_card_active {
    display: flex;
    align-items: center;
    gap: 12px;
}

.erp_card_booked_hours {
    background: #DEF4FF;
    color: #0369A1;
    border-radius: 6px;
    font-size: 12px;
    font-family: 'Poppins-Regular';
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 1000px;
    height: 34px;
    min-width: 35px;
}

.erp_card_actions {
    font-size: 13px;
    color: #09090B;
    font-family: 'Poppins-Medium';
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 170px;
}

.erp_card_badge {
    background: #F5F7F9;
    color: #71717A;
    border-radius: 6px;
    font-size: 13px;
    font-family: 'Poppins-Regular';
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 1000px;
    height: 34px;
    min-width: 35px;
}

.erp_timeline_wrapper {
    max-width: 999px;
    margin: auto;
}

.erp_timeline_item {
    padding: 24px 20px;
}

.erp_timeline_indicator {
    display: flex;
    position: relative;
}

.erp_timeline_line {
    position: relative;
    width: 40px;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
}

.erp_timeline_icon {
    z-index: 1;
    position: absolute;
    top: 0px;
    bottom: 0;
    width: 2px;
    background: #D1D5DB;
}

.erp_timeline_content {
    flex-grow: 1;
    background: #F8F8F8;
    border: 1px solid #F8F8F8;
    padding: 16px;
    border-radius: 8px;
    margin-left: 12px;
    margin-bottom: 24px;
}

.erp_timeline_user {
    font-size: 13px;
    color: #71717A;
    line-height: 18px;
    margin-bottom: 6px;
    font-family: 'Poppins-Medium';
}

.erp_ActActionImg {
    width: 36px;
    height: auto;
    border-radius: 100%;
}

.erp_timeline_date {
    color: #09090B;
}

.erp_timeline_remark {
    font-size: 13px;
    color: #71717A;
    font-family: 'Poppins-Regular';
}

.erp_timeline_line_bottom {
    color: #09090B;
    font-family: 'Poppins-Regular';
}

.erp_hover_wrap {
    position: relative;
    display: inline-block;
}

.erp_hover-text {
    display: none;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    background: #000;
    color: #fff;
    padding: 4px 8px;
    font-size: 12px;
    white-space: nowrap;
}

.erp_hover_wrap:hover .erp_hover-text {
    display: block;
}

.assignactionbtn {
    background: #0369A1;
    padding: 11px;
    border-radius: 4px;
}

.erpstatuscompletebtn {
    padding: 4px 7px;
    border-radius: 12px;
    background: #DFFEEA;
    color: #119E45;
    border: 1px solid #ACFFC9;
}

.erp_actionbtnright {
    background: #DFFEEA;
    border: 1px solid #ACFFC9;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 3px 8px;
}

.tstMang_container {
    width: 100%;
    background: #ffffff;
    border-top: 1px solid #e5e7eb;
    border-bottom: 1px solid #e5e7eb;
    border-radius: 6px;
    padding: 10px 14px;
    font-family: 'Poppins-Medium';
    font-size: 13px;
    color: #3F3F46;
}

.tstMang_row {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    align-items: center;
}

.tstMang_item {
    display: flex;
    gap: 4px;
    align-items: center;
}

.tstMang_label {
    color: #6b7280;
    font-family: 'Poppins-Regular';
}

.tstMang_value {
    font-family: 'Poppins-Medium';
}

.erp_actionbtnclose {
    background: #FDDFE1;
    border: 1px solid #F6C6C6;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4px 7px;
}

.erp_iconsummary {
    width: 5%;
    background: #D3EFFF;
    padding: 10px;
    border: 1px solid #BAE6FF;
    margin: auto;
    border-radius: 4px;
    display: flex;
    justify-content: center;
}

.erp_ticket-card {
    border: 1px solid #D1D5DB;
    border-radius: 12px;
    padding: 16px;
    background: #ffffff;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px;
}

.ticket-content {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.ticket-tag-wrapper {
    background: #F0F0F0;
    color: #71717A;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 500;
}

.erp_ticket-tag {
    font-size: 14px;
    color: #1F2937;
    font-family: 'Poppins-Medium';
    font-weight: 500;
}

.ticket-title {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.erp_ticket-meta {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: 1px solid #C2E9FD;
    background: #E3F6FF;
    color: #0369A1;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 13px;
}

.ticket-project {
    flex-shrink: 0;
    margin-top: 26px;
}

.erp_ticket-date {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 5.33px;
    color: #6b7280;
    font-size: 18px;
    cursor: pointer;
    border: 1.33px solid #D1D5DB;
}

.action-card {
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 20px;
    background: #ffffff;
    max-width: 900px;
    margin-bottom: 15px;
}

.erp_action-card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
}

.erp_action-card-title-wrapper {
    display: flex;
    align-items: center;
    gap: 10px;
}

.erp_action-step-number {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #0369A1;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 600;
}

.action-card-title {
    font-size: 14px;
    font-weight: 500;
    color: #09090B;
    font-family: 'Poppins-Medium';
}

.erp_Powersummary {
    color: #09090B;
    font-family: 'Poppins-Medium';
    font-size: 16px;
    margin-top: 10px;
}

.erp_aipowerdeatil {
    color: #71717A;
    font-size: 14px;
    font-family: 'Poppins-Regular';
}

.erp_tresultpass {
    padding: 4px 10px;
    border-radius: 12px;
    background: #DFFEEA;
    color: #119E45;
    border: 1px solid #ACFFC9;
}

.erp_tresultfail {
    padding: 4px 10px;
    border-radius: 12px;
    background: #FDDFE1;
    color: #D71D1D;
    border: 1px solid #F6C6C6;
    font-family: 'Poppins-Medium';
}

.erp_backgroundreqdoc {
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 20px;
    background: #ffffff;
    max-width: 900px;
    margin-bottom: 10px;
}

.erp_action-card-title {
    font-size: 14px;
    font-weight: 500;
    color: #09090B;
    font-family: 'Poppins-Medium';
}

.erp_task_title {
    display: flex;
    gap: 33px;
    margin-top: 10px;
}

.erp_task_date {
    display: flex;
    gap: 12px;
}

.erp_task_creator_name {
    font-family: 'Poppins-Medium';
    color: #3F3F46;
}

.erp_task_assigned_name {
    font-family: 'Poppins-Regular';
    color: #71717A;
}

.erp_task_assigned_info {
    display: flex;
    gap: 28px;
    margin-top: 15px;
}

.erp_activitypopu {
    background: #ffff;
    border-radius: 4px;
}

.assign_worktask {
    color: #09090B;
    font-family: 'Poppins-Medium';
    font-size: 18px;
}
/*View Cards*/
.task-card {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 21px;
    padding: 10px 2px 10px 3px;
}

.widthActCard {
    width: 33.33%;
    padding: 0 10px;
}


.task-header {
    background: #FFFFFF;
    border-radius: 12px;
    padding: 17px 17px 2px 17px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
}

.task-header-gap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    font-family: 'Poppins-Medium';
    gap: 20px;
}

.badge-badge-grey {
    padding: 4px 12px 4px 12px;
    border-radius: 20px;
    font-size: 12px;
    color: #3F3F46;
    font-weight: 500;
    border: 1px solid #D1D5DB;
    max-width: 280px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.badge-badge-green {
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 12px;
    background: #DFFEEA;
    color: #119E45;
    font-weight: 500;
    border: 1px solid #ACFFC9;
}

.task-text {
    color: #09090B;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Poppins-Regular';
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    min-height: 46px !important;
    -webkit-box-orient: vertical;
}

.efforts-row {
    display: flex;
    justify-content: space-between;
    font-size: 13px;
    margin-bottom: 4px;
    margin-top: 16px;
}

.efforts-total {
    color: #71717A;
    display: flex;
    gap: 5px;
    font-family: 'Poppins-Regular';
}

.effort-value {
    color: #3F3F46;
    font-family: 'Poppins-Medium';
}

.effort-percentage {
    color: #0369A1;
    font-family: 'Poppins-Medium';
    font-weight: 500;
}

.progress-bar-farm {
    width: 100%;
    height: 7px;
    background: #E5E5E5;
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 15px;
}

.progress-fill {
    width: 50%;
    height: 100%;
    background: #0369A1;
    border-radius: 6px;
}

.date-section {
    margin-bottom: 14px;
}

.farm-datesection {
    color: #3F3F46;
    font-size: 12px;
    font-family: 'Poppins-Medium';
}

.date-item {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    margin-bottom: 12px;
}

.start-date {
    display: flex;
    align-items: center;
    font-size: 13px;
    color: #71717A;
    gap: 6px;
}

.farm-due-date {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    margin-bottom: 12px;
}

.start-date {
    display: flex;
    align-items: center;
    font-size: 13px;
    color: #71717A;
    gap: 6px;
}

.user-section {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px;
    border-top: 1px solid #D1D5DB;
    margin: 10px -18px 0 -18px;
}

.user-avatar {
    background: #D6F0FE;
    color: #0369A1;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    padding: 5px 12px;
    font-weight: 600;
    height: 28px;
    width: 28px;
}

.user-name {
    font-size: 12px;
    font-weight: 500;
    color: #3F3F46;
    font-family: 'Poppins-Medium';
}

.badge-badge-blue {
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 12px;
    background: #E9F0F8;
    color: #0369A1;
    font-weight: 500;
    border: 1px solid #C2D7EC;
}

.badge-badge-red {
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 12px;
    background: #FDDFE1;
    color: #D71D1D;
    font-weight: 500;
    border: 1px solid #F6C6C6;
}
.badge-badge-yellowpre {
    padding: 5px 11px;
    border-radius: 20px;
    font-size: 10px;
    color: #FFA828;
    background: #ffff;
    font-weight: 500;
    border: 1px solid #FFA828;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    position: absolute;
    right: 50px;
}

.badge-badge-yellow {
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 12px;
    background: #FFFACC;
    font-weight: 500;
    border: 1px solid #F6F1C6;
}

.badge-badge-orange {
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 12px;
    background: #FFEED8;
    color: #F48E2A;
    font-weight: 500;
    border: 1px solid #FFE8C5;
}

.work-card-subtext {
    background: #fff;
    padding: 12px 15px 8px 15px;
    border-radius: 4px;
    margin-bottom: 18px;
}

.work-card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.work-card-title {
    font-size: 20px;
    color: #09090B;
    font-family: 'Poppins-Medium';
    font-weight: 500;
}

.work-card-label {
    font-family: 'Poppins-Medium';
    color: #71717A;
    font-size: 12px;
    line-height: 100%;
}

.work-card-assignwork {
    display: flex;
    gap: 3px;
    justify-content: center;
    align-items: center;
    padding: 6px 12px;
    border-radius: 6px;
    margin: 0 5px;
    font-family: 'Poppins-Medium' !important;
    background: #0369A1;
    color: #fff;
    border: none;
    transition: transform 0.3s ease;
}

    .work-card-assignwork:hover {
        transform: scale(1.1);
    }

.work-card-actions {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 0px;
    background: #fff;
    margin-top: 3px;
}

.search-box {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 380px;
    border-radius: 4px;
    background: #F9FAFB;
    border: 1px solid #D1D5DB;
    padding: 0px 10px;
}

.search-input {
    width: 100%;
    font-size: 14px;
    color: #5F6368;
    background: #F9FAFB;
    border: none;
    padding: 8px 0;
}

.view-buttons {
    border-radius: 4px;
    display: flex;
    gap: 4px;
    border: 1px solid #D1D5DB;
    background: #ffff;
    padding: 2px;
}

    .view-buttons button {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 28px;
        border: none;
        background: #ffff;
        transition: transform 0.3s ease;
        width: 32px;
    }

        .view-buttons button:hover {
            transform: scale(0.80);
        }

.view-btn {
    background: #0369A1 !important;
    padding: 1px 7px;
    border-radius: 2px;
}

.btn-cursorpointer {
    cursor: pointer;
}

.filters-btn {
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 6px 15px;
    border-radius: 6px;
    color: #000;
    font-family: 'Poppins-Medium' !important;
    border: 1px solid #d9d9d9;
    gap: 4px;
    transition: transform 0.3s ease;
}

.more-btn {
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    border-radius: 6px;
    color: #000;
    font-family: 'Poppins-Medium' !important;
    border: 1px solid #d9d9d9;
    transition: transform 0.3s ease;
}

.filters-btn:hover {
    transform: scale(1.1);
}

.more-btn:hover {
    transform: scale(1.1);
}

.card-worklist-manage {
    width: 100%;
    background: #FFFFFF;
    border-radius: 12px;
    padding: 18px 36px 12px 18px;
    box-shadow: 0 4px 14px rgba(0,0,0,0.08);
    display: flex;
    align-items: center;
    gap: 18px;
}

.card-worklist-manage-date {
    border-radius: 7px;
    background: #E9F0F8;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #0369A1;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    border: 1px solid #C2D7EC;
    padding: 12px 16px;
    font-family: 'Poppins-Medium';
}

.card-date-number {
    font-size: 16px;
    font-weight: 600;
    font-family: 'Poppins-Regular';
    margin-top: 8px;
}

.tags-row {
    flex: 1;
}

.card-title-details {
    display: flex;
    gap: 10px;
    margin-bottom: 6px;
    font-family: 'Poppins-Medium';
}

.event-details {
    font-size: 14px;
    width: 100%;
    color: #09090B;
    padding-right: 10px;
    -webkit-line-clamp: 2;
    font-family: 'Poppins-Medium';
    max-height: 44px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.event-user-name {
    display: flex;
    align-items: center;
    margin-top: 9px;
    font-size: 13px;
    color: #6B7280;
    gap: 4px;
    font-family: 'Poppins-Medium';
}

.event-meta {
    display: flex;
    align-items: center;
    font-size: 13px;
    color: #6B7280;
    gap: 4px;
}

.disflexforall {
    display: flex;
}

/*aside bar for ERP date 16-01-2026*/
.erpAside_container {
    transition: all 0.35s ease;
    overflow: hidden;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: 220px;
    background: #ffffff;
    z-index: 999;
    padding: 70px 8px 8px;
    box-sizing: border-box;
    border-right: 1px solid #e0e0e0;
}

.erpAside_scroll {
    overflow: auto;
    max-height: 80vh;
}

/* Common Card */
.erpAside_card {
    background: #f6f8fb;
    border-radius: 12px;
    padding: 14px 10px;
    margin-bottom: 10px;
}

/* Dashboard Active */
.erpAside_dashboard {
    background: #f5f7fa;
    border-radius: 10px;
    padding: 14px 10px;
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 10px;
    cursor: pointer;
}

/* Header Row */
.erpAside_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Left Icon + Title */
.erpAside_titleWrap {
    display: flex;
    align-items: center;
    gap: 5px;
}

/* Icon Circle */
.erpAside_icon {
    width: 34px;
    height: 34px;
    background: #eaeff5;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Section Title */
.erpAside_title {
    margin: 0 !important;
    font-size: 12px;
    font-family: 'Poppins-Medium';
    color: #000;
    max-width: 110px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.bulletMark {
    display: flex;
    align-items: center;
    gap: 4px;
    width: 45%;
}

.markWidth {
    width: 6px;
    height: 6px;
    border-radius: 50%;
}

/* Count Badge */
.erpAside_badge {
    background: #0369a1;
    color: #fff;
    padding: 4px 8px;
    border-radius: 8px;
    font-size: 12px;
}

/* Text Content */
.erpAside_text {
    font-size: 12px;
    color: #71717a !important;
    font-family: 'Poppins-Medium';
    margin-top: 10px;
}

/* Row Between */
.erpAside_row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 6px;
    align-items: center;
}

/* Workspace Item */
.erpAside_workspaceItem {
    margin-bottom: 8px;
}

.erpAside_workspaceTitle {
    margin-bottom: 2px;
}

.erpAside_workspaceMeta {
    font-size: 12px;
    font-family: 'Poppins-Regular';
}

/* Report Row */
.erpAside_reportRow {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* ===== Main Nav Inline Replacements ===== */

.erpNav_flexTitle {
    display: flex;
    align-items: center;
    color: #0369A1;
    font-size: 16px;
    font-family: 'Poppins-Medium';
    width: 60%;
    gap: 10px;
}

/* Logo */
.erpNav_logoImg {
    width: auto;
    height: 35px;
}

/* TEAM Card SIDEBAR*/
.erpNav_sideBarIconTeam {
    display: flex;
    align-items: center;
    gap: 5px;
}

    .erpNav_sideBarIconTeam .erpNav_icon {
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #E4E4E4;
        border-radius: 50%;
    }
/* Back Button */
.erpNav_backBtn {
    background: #ffffff;
    border: none;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 0px 11px 0px #d8d8d8;
    cursor: pointer;
}

/* Page Title */
.erpNav_pageTitle {
    cursor: pointer;
}

/* Hamburger Button */
.erpNav_menuBtn {
    background: #0369A1;
    border: none;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex !important;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 0px 11px 0px #d8d8d8;
    cursor: pointer;
}

/* ===== Document Info ===== */
.DisVou_InfoBar {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 14px;
    background: #fff1dc;
    border-left: 4px solid #ff8a00;
    border-radius: 4px;
    font-family: 'playregular';
}

.DisVou_InfoBar1 {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 14px;
    background: #cdf5db;
    border-left: 4px solid #27c24c;
    border-radius: 4px;
    font-family: 'playregular';
}

.DisVou_InfoBar2 {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 14px;
    background: #d9edf7;
    border-left: 4px solid #54cae2;
    border-radius: 4px;
    font-family: 'playregular';
}

.DisVou_InfoBar3 {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 14px;
    background: #f3d5f2;
    border-left: 4px solid #ab5bb5;
    border-radius: 4px;
    font-family: 'playregular';
}

.DisVou_Icon {
    color: #fff;
    width: 32px;
    height: 32px;
    min-width: 32px;
    background: #ff8a00;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.DisVou_IconAppr {
    color: #fff;
    width: 32px;
    height: 32px;
    min-width: 32px;
    background: #19bd5c;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.DisVou_InfoText {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    font-size: 14px;
}

.DisVou_User {
    color: #1a73e8;
}

.DisVou_Date {
    color: #d93025;
}

/* ===== Remark ===== */
.DisVou_RemarkBox {
    margin-top: 12px;
    padding: 12px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.08);
}

.DisVou_RemarkRow {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    align-items: center;
}

.DisVou_RemarkBtn {
    background: #009688;
    color: #fff;
    border: none;
    padding: 10px 18px;
    border-radius: 4px;
    font-size: 14px;
    cursor: pointer;
    white-space: nowrap;
}

.DisVou_RemarkInput {
    flex: 1;
    min-width: 200px;
    padding: 10px 12px;
    border-radius: 4px;
    border: 1px solid #bcd6ff;
    background: #f3f8ff;
    font-size: 14px;
    outline: none;
}

/* ===== Actions ===== */
.DisVou_ActionWrapper {
    width: 100%;
    overflow: auto;
}

.DisVou_ActionRow {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    padding: 10px 0;
}

.DisVou_ActionBtn {
    color: #fff;
    border: none;
    padding: 6px 16px;
    border-radius: 4px;
    cursor: pointer;
}

.DisVou_Hold {
    background: #009688;
}

.DisVou_Approve {
    background: #2c69ff;
}

.DisVou_Disapprove {
    background: #0a93c1;
}

.DisVou_Change {
    background: #1cb150;
}

.DisVou_Conversation {
    background: #12d958;
}

.DisVou_Cancel {
    background: #ff6f00;
}

/* ===== Section Header ===== */
.DisVou_SectionHeader {
    background: #4a5b70;
    color: #fff;
    padding: 8px 12px;
    font-size: 14px;
    font-family: 'playregular';
    border-radius: 3px;
    margin-top: 10px;
}

/* ===== Amount Cards ===== */
.DisVou_AmountRow {
    display: flex;
    gap: 16px;
    margin-top: 12px;
    flex-wrap: wrap;
}

.DisVou_AmountCard {
    flex: 1;
    min-width: 240px;
    border: 1px solid #cfcfcf;
    border-radius: 6px;
    padding: 12px 14px;
}

.DisVou_Reversal {
    background: #fff0da;
    border-color: #e6cfa8;
}

.DisVou_AmountLabel {
    font-size: 13px;
    color: #333;
}

.DisVou_AmountValue {
    font-size: 22px;
    font-weight: 700;
    margin-top: 4px;
}

/* ===== Details ===== */
.DisVou_DetailsBox {
    margin-top: 14px;
    border: 1px solid #cfcfcf;
    border-radius: 6px;
    padding: 14px;
}

.DisVou_DetailsRow {
    display: flex;
    flex-wrap: wrap;
    row-gap: 8px;
}

.DisVou_DetailsCol {
    flex: 1;
    min-width: 220px;
}

.DisVou_DetailItem {
    display: flex;
    margin-bottom: 6px;
}


.DisVou_Label140 {
    width: 140px;
    font-size: 13px;
}

.DisVou_Label120 {
    width: 120px;
    font-size: 13px;
}

.DisVou_Value {
    font-size: 13px;
    color: #888;
}

.erp_testCaseNoData {
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #808080;
    font-family: 'Poppins-Regular';
}

.erpTestCase_container {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    padding: 10px;
}

/* Card */
.erpTestCase_card {
    background: #ffffff;
    border-radius: 8px;
    padding: 3px;
    display: flex;
    align-items: center;
    gap: 8px;
    border: 1px solid #d9d9d9;
    min-width: 150px;
}

/* Count box */
.erpTestCase_count {
    min-width: 36px;
    max-width: 160px;
    padding: 6px 10px;
    height: 36px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Poppins-Medium';
    color: #0F0A26;
}

/* Label text */
.erpTestCase_label {
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 !important;
    padding-right: 10px;
    font-family: 'Poppins-Medium';
}

/* Status colors */
.erpTestCase_passed {
    background: #CBFECC;
}

.erpTestCase_failed {
    background: #FFD9D9;
}

.erpTestCase_executed {
    background: #FFDEC0;
}

.erpTestCase_total {
    background: #DEF4FF;
}

.erpTestCase_Pass {
    padding: 4px 14px;
    background: #DFFEEA;
    color: #119E45;
    font-size: 13px;
    border-radius: 20px;
    font-family: 'Poppins-Medium';
    border: 1px solid;
}

.erpTestCase_Fail {
    padding: 4px 14px;
    background: #F6C6C6;
    color: #D71D1D;
    font-size: 13px;
    border-radius: 20px;
    font-family: 'Poppins-Medium';
    border: 1px solid;
}

.erpTestCase_UnderTesting {
    padding: 4px 14px;
    background: #DEF4FF;
    color: #0369A1;
    font-size: 13px;
    border-radius: 20px;
    font-family: 'Poppins-Medium';
    border: 1px solid;
}

.erpTestCaseRepo_container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    font-size: 13px;
    font-family: 'Poppins-Regular';
    color: #6b7280;
    background: #ffffff;
    padding: 10px 16px;
    border-radius: 6px;
}

.erpTestCaseRepo_item {
    display: flex;
    gap: 4px;
    white-space: nowrap;
}

.erpTestCaseRepo_label {
    font-family: 'Poppins-Regular';
}

.erpTestCaseRepo_value {
    font-family: 'Poppins-Medium';
    color: #111827;
}

.erpTestCaseRepo_action {
    font-family: 'Poppins-Regular';
    color: #0369A1;
    cursor: pointer;
}

    .erpTestCaseRepo_action:hover {
        text-decoration: underline;
        text-underline-offset: 2px;
    }

.bg-white {
    background-color: #fff;
}

.crmProspect_wrapper {
    width: 240px;
    height: 100%;
    background: #ffffff;
    padding: 10px;
}

.crmProspect_wrapper25 {
    width: 25%;
    height: 100%;
    background: #ffffff;
    padding: 10px;
}

.crm_card {
    border: 1px solid #9ca3af;
    border-radius: 6px;
    background: #ffffff;
    font-family: 'Poppins', Arial, sans-serif;
    font-size: 14px;
    color: #111827;
}

.crm_card_header {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    border-bottom: 1px solid #e5e7eb;
    font-size: 14px;
    color: #09090B;
    font-family: 'Poppins-Medium';
}

.crm_checkbox_list {
    padding: 10px 12px;
}

.flexGap5 {
    display: flex;
    gap: 5px;
}

.flexCenter {
    display: flex;
    justify-content: center;
    align-items: center;
}

.btnFieldAct {
    border: none;
    background: none;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: 1px solid #fff;
    border-radius: 6px;
}

    .btnFieldAct:hover {
        border: 1px solid #d9d9d9;
    }

.height35px {
    height: 35px !important;
}

.rotated180 {
    rotate: 180deg;
}


/*claim Entry*/
.claimEntryErpWrapper {
    padding: 23px 2px;
}

.claimEntryErpCard {
    background: #fff;
    border-radius: 6px;
    padding: 16px;
    display: grid;
    gap: 10px;
    font-family: 'Poppins', 'Roboto', sans-serif;
}

/* HEADER */
.claimEntryErpHeader {
    display: grid;
    grid-template-columns: 70px 1fr auto;
    align-items: flex-start;
    gap: 14px;
}

/* Badge */
.claimEntryErpBadge {
    background: linear-gradient(to bottom, #0369a1, #599ecf);
    color: #fff;
    padding: 8px 12px;
    border-radius: 4px;
    font-weight: 500;
    text-align: center;
    font-size: 14px;
}

/* Title */
.claimEntryErpTitle {
    font-size: 16px;
    color: #09090b;
    margin-bottom: 10px !important;
}

/* Tags */
.claimEntryErpTags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.claimEntryErpTag {
    padding: 4px 10px;
    font-size: 12px;
    border-radius: 4px;
}

.claimEntryErpDate {
    background: #fe9a42;
    color: #fff;
    display: flex;
    align-items: center;
}

.claimEntryErpRole {
    border: 1px solid #0369a1;
}

/* Status */
.claimEntryErpStatus {
    background: #ffe6e8;
    color: #d71d1d;
    padding: 6px 14px;
    border-radius: 20px;
    font-size: 14px;
    white-space: nowrap;
}

.claimdetailsbooked {
    padding: 6px 14px;
    border-radius: 20px;
    font-size: 14px;
    white-space: nowrap;
    background: #F2EBFF;
    color: #7533F8;
}

.claimdetailsunderapproval {
    padding: 6px 14px;
    border-radius: 20px;
    font-size: 14px;
    white-space: nowrap;
    color: #E9790B;
    background: #FFF1DE;
}

.claimdetailsapproval {
    padding: 6px 14px;
    border-radius: 20px;
    font-size: 14px;
    white-space: nowrap;
    color: #119E45;
    background: #E6FFEF;
    font-family: 'Poppins-Medium';
    border: 1px solid #ACFFC9;
}
/* Divider */
.claimEntryErpDivider {
    margin-left: 81px;
    height: 1px;
    background: #e5e7eb;
}

/* FOOTER */
.claimEntryErpFooter {
    display: grid;
    grid-template-columns: 70px 1fr auto;
    align-items: center;
    gap: 14px;
}

/* Amounts */
.claimEntryErpAmounts {
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
}

.claimEntryErpLabel {
    font-size: 12px;
    color: #71717a;
    margin: 2px !important;
}

.claimEntryErpValue {
    font-size: 16px;
    color: #101828;
    margin: 0;
}

/* Actions */
.claimEntryErpActions {
    display: flex;
    gap: 10px;
}

.claimEntryErpBtn {
    width: 30px;
    height: 30px;
    border: 1px solid #d1d5db;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.btnsearchsecondary {
    background: #ffff;
    padding: 6px 6px;
    font-size: 14px;
    color: blue;
    border-radius: 4px;
    margin: 0px 5px;
    border: 1px solid #0369A1;
    font-family: 'Poppins-Medium' !important;
}

.bgicon_kmimage {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='12' viewBox='0 0 23 12' fill='none'%3E%3Cpath d='M4.89558 11.8398L1.45558 7.96784V11.8398H-0.000421762V-0.000156403H1.45558V6.95984L4.83158 3.07184H6.86358L2.73558 7.43984L6.87958 11.8398H4.89558ZM18.778 2.91184C19.4606 2.91184 20.0686 3.05584 20.602 3.34384C21.1353 3.62118 21.5566 4.04251 21.866 4.60784C22.1753 5.17318 22.33 5.86118 22.33 6.67184V11.8398H20.89V6.87984C20.89 6.00518 20.6713 5.33851 20.234 4.87984C19.8073 4.41051 19.226 4.17584 18.49 4.17584C17.7326 4.17584 17.13 4.42118 16.682 4.91184C16.234 5.39184 16.01 6.09051 16.01 7.00784V11.8398H14.57V6.87984C14.57 6.00518 14.3513 5.33851 13.914 4.87984C13.4873 4.41051 12.906 4.17584 12.17 4.17584C11.4126 4.17584 10.81 4.42118 10.362 4.91184C9.91395 5.39184 9.68995 6.09051 9.68995 7.00784V11.8398H8.23395V3.07184H9.68995V4.33584C9.97795 3.87718 10.362 3.52518 10.842 3.27984C11.3326 3.03451 11.8713 2.91184 12.458 2.91184C13.194 2.91184 13.8446 3.07718 14.41 3.40784C14.9753 3.73851 15.3966 4.22384 15.674 4.86384C15.9193 4.24518 16.3246 3.76518 16.89 3.42384C17.4553 3.08251 18.0846 2.91184 18.778 2.91184Z' fill='%23A1A1AA'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: initial;
    background-position: 98%;
    padding-right: 10px;
}
/**/
.travel-expense-card {
    width: 100%;
    background: #FFFFFF;
    border-radius: 4px;
    padding: 32px 30px 30px;
}

.claim-top-row {
    display: flex;
    align-items: flex-start;
    gap: 28px;
}

.claim-seq-box {
    width: 58px;
    height: 58px;
    border-radius: 12px;
    background: linear-gradient(180deg, #0369A1 0%, #599ECF 100%);
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.claim-deatils-seq-label {
    font-family: 'Poppins-Medium';
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
}

.claim-deatils-seq-number {
    font-size: 22px;
    line-height: 22px;
    font-weight: 600;
    margin-top: 2px;
}

.claim-meta-group,
.claim-details {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    flex: 1;
}

.claim-metaitemdetail {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.meta-label,
.claim-detail-label,
.profissional {
    font-size: 14px;
    line-height: 14px;
    font-family: 'Poppins-Medium';
    color: #09090B;
}

.meta-label-grandtotal {
    color: #09090B;
    font-family: 'Poppins-Medium';
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.claimdetails-location {
    color: #09090B;
    font-family: 'Poppins-Medium';
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px; /* 114.286% */
    letter-spacing: 0.3px;
}

.meta-value,
.claim-detail-value {
    font-family: Poppins-Regular;
    font-size: 14px;
    line-height: 24px;
    color: #66666E;
}

.date-value,
.claim-detail-date {
    color: #66666E;
    font-size: 14px;
    line-height: 24px;
}

.chip,
.claim-detail-chip {
    height: 36px;
    background: #F3F3F5;
    border-radius: 8px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 24px;
    color: #52525B;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
}

.claim-meta-divider,
.claim-detail-divider {
    width: 1px;
    height: 56px;
    background: #D1D5DB;
}

.claim-entry-actions {
    position: relative;
    display: flex;
    gap: 8px;
}

.icon-btn {
    width: 34px;
    height: 34px;
    border: 1px solid #d1d5db;
    border-radius: 5px;
    background: #fff;
    cursor: default;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

    .icon-btn img {
        width: 17px;
        height: 17px;
    }

.claim-expense-grid-break {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 26px 12px;
}

.claim-location-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
    margin: 20px auto;
    max-width: 80%;
}

.claim-detils-location-title {
    margin: 0 0 12px;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.3px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.claim-detials-location-card {
    border-radius: 10px;
    border: 1px solid;
    padding: 17px;
    height: 105px;
}

.from-bg {
    background: #fff7ed;
    border-color: #ffedd4;
}

.to-bg {
    background: #f0fdf4;
    border-color: #dcfce7;
}

.claim-detilslocation-name {
    margin: 0;
    font-size: 16px;
    line-height: 24px;
    color: #101828;
    font-family: 'Poppins-Medium';
}

.claim-detils-location-address {
    margin: 8px 0 0;
    font-size: 12px;
    line-height: 19.5px;
    color: #4A5565;
    font-family: 'Poppins-Regular';
}

.claimborder-bottom {
    border: 1px solid #D1D5DBCC;
    margin: 25px 0px 25px 0px;
}

.expenselabelbreak {
    font-family: 'Poppins-Medium';
    font-size: 16px;
    margin-bottom: 5px;
}

.claim-expense-breakdown h2 {
    margin: 0 0 16px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
}

.claim-expense-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 26px 30px;
}

.claim-expense-item {
    width: 121px;
}

.expense-tag,
.expense-value {
    height: 42px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    font-family: 'Poppins-Regular';
}

.claimdetsils-expense-value {
    margin-top: 12px;
    background: #F3F3F5;
    color: #717182;
    height: 44px;
    border-radius: 4px;
}

.claim-details-travel {
    background: #EFF6FF;
    color: #1447E6;
    border: 1px solid #BEDBFF;
}

.claim-details-local {
    background: #FFFBEB;
    color: #BB4D00;
    border: 1px solid #FEE685;
}

.claim-details-lodging {
    background: #faf5ff;
    border: 1px solid #e9d4ff;
    color: #971aec;
}

.claim-details-phfx {
    background: #ecfeff;
    border: 1px solid #a2f4fd;
    color: #007595;
}

.claim-details-food {
    background: #fff7ed;
    border: 1px solid #ffd6a8;
    color: #ca3500;
}

.claim-details-maint {
    background: #f0fdf4;
    border: 1px solid #b9f8cf;
    color: #008236;
}

.claim-details-laundry {
    background: #eef2ff;
    border: 1px solid #c6d2ff;
    color: #432dd7;
}

.claim-details-entertainment {
    background: #fdf2f8;
    border: 1px solid #fccee8;
    color: #c6005c;
}

.claim-details-tips {
    background: #f0fdfa;
    border: 1px solid #96f7e4;
    color: #00786f;
}

.claim-details-other {
    background: #fff1f2;
    border: 1px solid #ffccd3;
    color: #c70036;
}

.total-label,
.total-value {
    width: 112px;
    height: 42px;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 600;
}

.claim-detils-total-label {
    background: linear-gradient(164.18deg, #0369A1 -45.78%, rgba(13, 141, 211, 0.8) 120.4%);
    color: #fff;
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1), 0 4px 6px rgba(0, 0, 0, 0.1);
    width: 112px;
    height: 42px;
    border-radius: 4px;
    display: inline-flex;
    font-size: 16px;
    font-weight: 600;
    justify-content: center;
    align-items: center;
    font-family: 'Poppins-Regular';
}

.claim-deatils-total-value {
    background: #eff6ff;
    border: 2px solid #bedbff;
    color: #0369a1;
    width: 112px;
    height: 42px;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 600;
    font-family: Poppins-Regular;
}

.claim-detils-total-row {
    margin-top: 20px;
    border-top: 1px solid var(--line);
    padding-top: 4px;
    display: flex;
    justify-content: flex-end;
    gap: 12px;
}

.claim-deatilsremark h3 {
    margin: 0 0 12px;
    font-size: 14px;
    line-height: 14px;
    font-weight: 500;
}

.claim-deatilsremark p {
    margin: 0;
    background: #f3f3f5;
    border-radius: 4px;
    min-height: 81px;
    padding: 8px 12px;
    color: #52525b;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
    font-family: 'Poppins-Regular';
}
/**/
.amount-histroydetails {
    display: flex;
    padding: 7px 30px;
    gap: 20px;
    width: 85%;
}

.oa-page {
    min-height: 100vh;
    display: grid;
    place-items: center;
    padding: 20px;
}

.oa-card {
    width: 50%;
    height: 330px;
    border-radius: 10px;
    border: 1px solid var(--oa-line);
    background: #FFFAF1;
    padding: 33px 33px 1px;
    display: grid;
    grid-template-rows: 61px 124px 45px;
    row-gap: 24px;
}

.oa-card-lastclaim {
    width: 50%;
    height: 330px;
    border-radius: 10px;
    border-top: 1px solid #DCFCE780;
    background: #F4FFF7;
    padding: 33px 33px 1px;
    display: grid;
    grid-template-rows: 61px 124px 45px;
    row-gap: 24px;
}

.oa-header {
    border-bottom: 1px solid #DBEAFE80;
    padding-bottom: 1px;
}

.oa-title {
    margin: 0;
    font-size: 16px;
    line-height: 24px;
    color: #101828;
    font-family: 'Poppins-Medium';
}

.oa-subtitle {
    margin: 5px 0 0 !important;
    font-size: 12px;
    line-height: 16px;
    color: #6A7282;
    font-family: 'Poppins-Regular';
}

.oa-amount-wrap {
    padding-top: 24px;
    display: grid;
    grid-template-rows: 48px 20px;
    row-gap: 8px;
    border-bottom: 1px solid #DBEAFE80;
}

.oa-amount {
    margin: 2px 0 0;
    text-align: center;
    color: #101828;
    font-size: 38px;
    font-weight: 600;
}

.oa-note {
    margin: 0 !important;
    text-align: center;
    color: #6A7282;
    font-size: 14px;
    line-height: 20px;
    font-family: 'Poppins-Regular';
}

.oa-footer {
    border-top: 1px solid var(--oa-line);
    padding-top: 1px;
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
}

.oa-date {
    display: inline-grid;
    grid-auto-flow: column;
    gap: 8px;
    align-items: center;
    width: max-content;
}

.oa-calendar {
    width: 16px;
    height: 16px;
    color: #9aa4b2;
}

.oa-date-text {
    color: #364153;
    font-size: 14px;
    line-height: 20px;
    font-family: 'Poppins-Medium';
}

.oa-pill {
    min-width: 61.688px;
    height: 28px;
    border-radius: 8px;
    background: #FFF2D7;
    display: grid;
    place-items: center;
    padding: 0 12px;
    color: #4A5565;
    font-size: 12px;
    line-height: 16px;
    font-family: 'Poppins-Medium';
}

.amt-dayago {
    min-width: 61.688px;
    height: 28px;
    border-radius: 8px;
    background: #B9FFCF66;
    display: grid;
    place-items: center;
    padding: 0 12px;
    color: #4A5565;
    font-size: 12px;
    line-height: 16px;
    font-family: 'Poppins-Medium';
}

.btn-bluebordertext {
    background: #ffff;
    padding: 4px 15px;
    font-size: 12px;
    color: #0369A1;
    border-radius: 4px;
    margin: 0px 5px;
    border: 1px solid #0369A1;
    font-family: 'Poppins-Medium' !important;
    display: flex;
}


.pdm-header-component {
    border-radius: 4px;
    background: #0369A1;
    width: 100%;
    color: #FFF;
    font-family: 'Poppins-Medium';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 5px 13px;
    margin-top: 15px;
}

.img-text-align {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    grid-gap: 10px;
}

.component-text-img {
    color: #71717A;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

/*PDM item master*/
.pdm-item-imageselection {
    position: relative;
}

.pdm-item-pictureblock {
    position: absolute;
    right: 17px;
    bottom: 295px;
    width: 118px;
    height: 118px;
    cursor: pointer;
}

.textcolorbgborder {
    border-radius: 4px;
    border: 1px solid #FBD7A0;
    background: #FFECCE;
}

.headingsubcheckbox_wrapper {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    gap: 6px;
}

.headingsubcheckbox_input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.headingsubcheckbox_box {
    width: 18px;
    height: 18px;
    border-radius: 4px;
    border: 1px solid #e5e7eb;
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.headingsubcheckbox_tick {
    width: 16px;
    height: 16px;
    color: #111827;
    display: none;
}

.headingsubcheckbox_input:checked + .headingsubcheckbox_box .headingsubcheckbox_tick {
    display: block;
}


/*Quotation Entry*/

.picturecontentblock {
    background-size: 100% 100%;
    width: 156px;
    height: 144px;
    cursor: pointer;
    box-shadow: rgb(99 99 99 / 10%) -1px -2px 6px 2px;
    border-radius: 6px;
}

.picture-sale-QuotationEntry {
    background-image: url('../../Images/Frame 1000001074 (1).png');
}

.picture-sale-QuotationPrint {
    background-image: url('../../Images/Frame 1000001073 (1).png');
}

.picture-sale-CustomerContract {
    background-image: url('../../Images/Frame 1000001075 (1).png');
}

.picture-displaygap {
    display: flex;
    gap: 20px;
    padding: 15px 0;
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 10px;
}

.amount-strip {
    width: 100%;
    height: 154px;
    background: #ffffff;
    border-radius: 4px;
    display: flex;
    align-items: center;
    gap: 24px;
    padding: 0 16px;
}

.QuotationEntry-amountStrip {
    width: 100%;
    height: 154px;
    background: #ffffff;
    border-radius: 6px;
    display: flex;
    align-items: center;
    gap: 24px;
    padding: 0 16px;
}

.QuotationEntry-amountCard {
    width: 156px;
    padding: 16px;
    border-radius: 10px;
    border: 1px solid #BEDBFF;
    background: #EFF6FF;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.10), 0 1px 2px -1px rgba(0, 0, 0, 0.10);
}

.QuotationEntry-label {
    font-family: 'Poppins-Regular';
    font-size: 14px;
    line-height: 16px;
    white-space: nowrap;
}

.QuotationEntry-value {
    font-size: 18px;
    line-height: 28px;
    font-family: 'Poppins-Medium';
}

.QuotationEntry-chargeTax .QuotationEntry-label {
    text-align: center;
    display: flex;
    justify-content: center;
}

.QuotationEntry-totalCard {
    background: linear-gradient(170deg, #0369a1 45%, rgba(13, 141, 211, 0.85) 120%);
    border: none;
    border-radius: 6px;
    box-shadow: 0 12px 18px rgba(0, 0, 0, 0.12);
}

    .QuotationEntry-totalCard .QuotationEntry-label {
        color: #FFF;
        font-weight: 500;
    }

    .QuotationEntry-totalCard .QuotationEntry-value {
        color: #ffffff;
        font-weight: 600;
    }

.navbar-topsticky {
    position: sticky;
    top: 58px;
    z-index: 9000;
    background: #f4f6fa;
    padding-top: 5px;
}

.QuotationEntry-basesticky {
    position: sticky;
    bottom: 0;
    background: #ffffff !important;
    padding: 5px 19px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 49px;
    flex-wrap: wrap;
    border-top: 1px solid #c9c1c1;
    z-index: 9999;
}

.QuotationEntry-font {
    font-family: 'Poppins-Medium';
    margin-top: 6px;
}

.QuotationEntry-footer-text {
    text-align: center;
    font-family: 'Poppins-Regular';
}

.QuotationEntry-mediumpop {
    color: #0369a1;
    font-family: 'Poppins-Medium';
}

/*Purchase master*/

.picture-QualityCheckRegular {
    background-image: url('../../Images/Qualitycheckregular.png');
}

.picture-QualityCheckPacket {
    background-image: url('../../Images/Qualitycheckpacket.png');
}

.picture-QualityCheckQCUpdate {
    background-image: url('../../Images/Qualitycheckupdate.png');
}

.picture-claimagainqcrejection {
    background-image: url('../../Images/claimagainqcrejection.png');
}
.picture-Qualitycheckgrnprint {
    background-image: url('../../Images/Qualitycheckgrnprint.png');
}
.picture-Germinationreport {
    background-image: url('../../Images/Germinationreport.png');
}

.picture-Germinationprint {
    background-image: url('../../Images/Germinationprint.png');
}

.picture-incominginspectionreport {
    background-image: url('../../Images/incominginspectionreport.png');
}

.picture-finalinspectionreport {
    background-image: url('../../Images/finalinspectionreport.png');
}


/*TicketRegister-header*/

.picture-supportTicket-Register {
    background-image: url('../../Images/Frame 1000001074 (3).png');
}

.picture-supportTicket-Category-Master {
    background-image: url('../../Images/Frame 1686555325 (1).png');
}

.picture-supportTicket-Warranty-Master {
    background-image: url('../../Images/Frame 1686555326 (1).png');
}

.picture-supportTicket-Warranty-Register {
    background-image: url('../../Images/Frame 1686555327 (1).png');
}

.picture-supportTicket-Warranty-Details {
    background-image: url('../../Images/Frame 1686555339 (1).png');
}

.picture-supportTicket-Enquiry {
    background-image: url('../../Images/Frame 1686555340 (1).png');
}

.picture-supportTicket-SEWiseIncentive-Report {
    background-image: url('../../Images/Frame 1686555341 (1).png');
}

.picture-supportTicket-SEWise-Report {
    background-image: url('../../Images/Frame 1686555342 (1).png');
}

.picture-supportTicket-Customer-ServiceAnalysis {
    background-image: url('../../Images/Frame 1686555343 (1).png');
}

.picture-supportTicket-Knowledge-Base {
    background-image: url('../../Images/Frame 1686555344 (1).png');
}

.picture-supportTicket-ViaEmail {
    background-image: url('../../Images/Frame 1686555345 (1).png');
}

.picture-KnowledgBase-Moderation {
    background-image: url('../../Images/Frame 1686555346 (1).png');
}

.picture-Ticket-Status {
    background-image: url('../../Images/Frame 1686555338 (1).png');
}

.headfieldrating {
    display: flex;
    gap: 4px;
    margin-top: 5px;
}

.headerlabelrating {
    color: #F0FDFA;
    font-family: 'Poppins-Regular';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.rating-icon-ticketregister {
    display: flex;
    align-items: center;
    gap: 5px;
}

.TicketRegister-header {
    background: #F9FAFB;
    display: flex;
    justify-content: space-between;
    padding: 18px 12px;
    margin-top: 20px;
}

.TicketRegister-disflexgap {
    display: flex;
    gap: 5px;
}

.Ticket-Register-adtsftvers {
    border-radius: 33554400px;
    background: #00C950;
    width: 12px;
    height: 12px;
    margin: 5px;
}

.Ticket-Register-adtsftvers_red {
    border-radius: 33554400px;
    background: #ee3030;
    width: 12px;
    height: 12px;
    margin: 5px;
}

.TicketRegister-labeladtsft {
    color: #09090B;
    font-family: 'Poppins-Medium';
    font-size: 14px;
    font-style: normal;
    line-height: 20px; /* 142.857% */
}

.TicketRegister-datestartend {
    display: flex;
    gap: 20px;
}

.TicketRegister-ratingLabel {
    color: #09090B;
    font-family: 'Poppins-Regular';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
}

.TicketRegister-dateLabel {
    color: #09090B;
    font-family: 'Poppins-Medium';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
}

.TicketRegister-dateexpiry {
    color: #E7000B;
    font-family: 'Poppins-Medium';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
}

.ticket-register-wrapper {
    width: 100%;
    background: #FFFFFF;
    border-bottom: 1px solid #D1D5DB;
    padding: 20px 54px;
    box-sizing: border-box;
}

.ticket-register-stats {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 93px;
}

.ticket-register-stat-item {
    display: flex;
    gap: 83px;
}

.ticket-register-stat-value {
    color: #09090B;
    text-align: center;
    font-family: 'Poppins-Medium';
    font-size: 27px;
    font-style: normal;
    font-weight: 600;
    line-height: 36px; /* 128.571% */
}

.ticket-register-stat-label {
    color: #4A5565;
    text-align: center;
    font-family: 'Poppins-Medium';
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px; /* 133.333% */
}

.ticket-register-stat-value--total {
    color: #0369A1;
    text-align: center;
    font-family: 'Poppins-Medium';
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: 36px; /* 128.571% */
}

.Ticket-Register-nodata {
    padding: 15px;
    color: #71717A;
    font-family: 'Poppins-Regular';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

/**/
.ticket-rerister-sdcard {
    background: #fff;
    width: 100% !important;
    margin-top: 10px;
}

.ticket-register-detail-card {
    width: 100%;
    border-radius: 4px;
    padding: 16px 20px;
}

.ticket-register-detail-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ticket-register-detail-title-wrap {
    display: flex;
    align-items: center;
    gap: 10px;
}

.ticket-register-detail-id {
    color: #09090B;
    font-family: 'Poppins-Medium' !important;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px; /* 155.556% */
}

.ticket-register-detail-date-chip {
    padding: 4px 8px;
    border-radius: 4px;
    background: #FE9A42;
    color: #FFFFFF;
    font-size: 12px;
    line-height: 18px;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    margin-top: 10px;
}

.ticket-register-detail-description {
    color: #364153;
    font-family: 'Poppins-Regular';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.ticket-register-detail-meta-box {
    width: 973px;
    height: 92px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 9px;
    border-radius: 10px;
    border: 1px solid #E5E7EB;
    background: #F9FAFB;
}

.ticket-register-detail-meta-item {
    width: 201.5px;
    height: 40px;
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.ticket-register-detail-icon {
    width: 16px;
    height: 16px;
    margin-top: 2px;
    display: block;
}

.ticket-register-detail-meta-label {
    color: #4A5565;
    font-family: 'Poppins-Regular';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
}

.ticket-register-detail-meta-value {
    color: #101828;
    font-family: 'Poppins-Medium';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    white-space: nowrap;
    width: 211px !important;
    text-wrap: auto;
}

.ticket-register-detail-remarks {
    margin: 16px 0 0 !important;
    font-size: 14px;
    line-height: 20px;
}

.ticket-register-detail-remarks-label {
    color: #364153;
    font-family: 'Poppins-Medium';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 142.857% */
}

.claimdetailsapproval-bgbr {
    border-radius: 20px;
    border: 1px solid #8E94A2;
    background: #E7E9EE;
    padding: 6px 14px;
    font-size: 14px;
    white-space: nowrap;
}

.ticket-register-detail-remarks-text {
    color: #364153;
    font-family: 'Poppins-Regular';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 142.857% */
}

.TicketRegister-radio-group {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: 32px;
    row-gap: 8px;
    background: transparent;
    margin: 0;
    padding: 0;
}

.TicketRegister-radio-option {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    user-select: none;
}

.TicketRegister-radio-input {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.TicketRegister-radio-control {
    box-sizing: border-box;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    border: 2px solid #ffffff;
    border-radius: 50%;
    background: transparent;
    position: relative;
}

/*Order Type Master*/
.picture-sale-ordertypemaster {
    background-image: url('../../Images/ordertypemaster.png');
}

.picture-vendorregistrationmaster {
    background-image: url('../../Images/vendorregistrationmaster.png');
}


    /* Selected: white dot; dark fill so it stays visible on light backgrounds */
    .TicketRegister-radio-input:checked + .TicketRegister-radio-control {
        border-color: #fff;
    }

    .TicketRegister-radio-input:checked + .TicketRegister-radio-control::after {
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        width: 8px;
        height: 8px;
        margin-left: -4px;
        margin-top: -4px;
        border-radius: 50%;
        background: #ffffff;
    }

.TicketRegister-radio-text {
    color: #FFF;
    font-family: 'Poppins-Medium';
    font-size: 14px;
    font-style: normal;
    line-height: normal;
}

.TicketRegister-radio-input:focus-visible + .TicketRegister-radio-control {
    outline: 2px solid rgba(9, 9, 11, 0.35);
    outline-offset: 2px;
}

.ticketItem-maincard {
    margin-top: 11px;
    border-radius: 12px;
    border: 1px solid #E5E7EB;
    background: #FFF;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.10), 0 1px 2px -1px rgba(0, 0, 0, 0.10);
    width: 100%;
    padding: 15px 24px;
    display: flex;
    justify-content: space-between;
    gap: 16px;
    overflow: hidden;
}

.ticketItem__body {
    flex: 1;
    min-width: 0;
}

.ticketItem__title {
    color: #101828;
    font-family: 'Poppins-Regular';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22.75px; /* 162.5% */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ticketItem__metaRow {
    margin-top: 4px;
    display: flex;
    gap: 24px;
    align-items: center;
}

.ticketItem__meta {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
}

.ticketItem__meta--assigned {
    margin-left: 12px;
}



.ticketItem__label {
    color: #4A5565;
    font-family: 'Poppins-Regular';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
}

.ticketItem__value {
    color: #101828;
    font-family: 'Poppins-Medium';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 142.857% */
}

.ticketItem__badge {
    display: flex;
    align-items: flex-start;
}

.TicketRegister-info-card {
    width: 100%;
    border-radius: 12px;
    background: #ffff;
    height: 203px;
    position: relative;
    overflow: hidden;
    margin-top: 12px;
}

.TicketRegister-info-header {
    position: absolute;
    left: 23px;
    right: 17px;
    top: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.TicketRegister-info-label {
    color: #62748E;
    font-family: 'Poppins-Regular';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
}

.TicketRegister-info-header-text {
    color: #0F172B;
    font-family: 'Poppins-Medium' !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 142.857% */
}

.TicketRegister-info-list {
    position: absolute;
    left: 15px;
    right: 25px;
    top: 56px;
    height: 138px;
}

.TicketRegister-info-row {
    width: 100%;
    height: 38px;
    display: flex;
    align-items: flex-start;
}

    .TicketRegister-info-row + .TicketRegister-info-row {
        margin-top: 12px;
    }

.TicketRegister-info-row-icon-wrap {
    width: 32px;
    height: 32px;
    margin-top: 3px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.TicketRegister-info-row-icon {
    width: 16px;
    height: 16px;
    display: block;
}

.TicketRegister-info-row-content {
    margin-left: 8px;
    width: 831px;
    height: 38px;
}


.TicketRegister-info-value {
    color: #0F172B;
    font-family: 'Poppins-Medium';
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 166.667% */
}

.trBookTicket-card {
    width: 100%;
    min-height: 197px;
    background: #ffff;
    border: 1px solid #E5E7EB;
    border-radius: 12px;
    padding: 24px;
}

.trBookTicket-row {
    display: flex;
    align-items: flex-start;
}

.trBookTicket-iconWrap {
    border-radius: 50%;
    display: inline-flex;
    height: 40px;
    padding: 0 10px;
    justify-content: center;
    align-items: center;
}

.trBookTicket-iconWrap--issue {
    border-radius: 33554400px;
    background: #FFE2E2;
}

.trBookTicket-iconWrap--solution {
    border-radius: 33554400px;
    background: #DCFCE7;
}



.trBookTicket-content {
    margin-left: 12px;
}

.trBookTicket-heading {
    color: #6A7282;
    font-family: 'Poppins-Medium' !important;
    font-size: 12px;
    font-style: normal;
    line-height: 16px; /* 133.333% */
    letter-spacing: 0.3px;
    text-transform: uppercase;
}

.trBookTicket-description {
    color: #101828;
    font-family: 'Poppins-Regular';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22.75px; /* 162.5% */
}

.trBookTicket-divider {
    width: 100%;
    height: 1px;
    background: #D1D5DB;
    margin: 11px;
}

.trBookTicket-description--wide {
    max-width: 813px;
}

.trBookTicket-badge {
    margin-left: auto;
    padding: 5px 16px;
    border-radius: 20px;
    border: 1px solid var(--tr-status-border);
    background: var(--tr-status-bg);
    color: var(--tr-status-text);
    font-weight: 600;
}

.supportkd-ticketfound {
    display: inline-flex;
    padding: 2px 8px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border-radius: 18px;
    border: 1px solid rgba(0, 0, 0, 0.00);
    background: #FFF;
    color: #364153;
    font-size: 12px;
    font-family: 'Poppins-Medium';
}

/*Sales - SO Short Close*/
.picture-Sales-Order {
    background-image: url('../../Images/Frame saleorder 01.png');
}

.picture-Sales-Order-New {
    background-image: url('../../Images/Frame saleordernew 02.png');
}

.picture-Sales-Return-Order {
    background-image: url('../../Images/Frame salereturnorder 03.png');
}

.picture-Sales-Return-GRN {
    background-image: url('../../Images/Frame saleretrunGRN 04.png');
}

.picture-SO-Short-Close {
    background-image: url('../../Images/Frame soshortclose 05.png');
}

.picture-Credit-Note {
    background-image: url('../../Images/Frame creditnote 06.png');
}

.picture-Sales-Order-Print {
    background-image: url('../../Images/Frame saleorderprint 07.png');
}

.picture-Sales-SOR-Print {
    background-image: url('../../Images/Frame sorprint 08.png');
}

.picture-SO-Delayed-Reason-Update {
    background-image: url('../../Images/Frame SO Delayed – Reason Update 09.png');
}


/*approval*/


.call-details-container {
    margin: 0 auto;
    background: #fcfcfc;
    padding: 20px 15px;
}


.call-details-alert-banner {
    background: #45556C;
    padding: 8px 12px;
    font-size: 11.5px;
    color: #fff;
    line-height: 1.45;
}


.call-details-user-info-bar {
    padding: 11px 13px;
    display: flex;
    align-items: center;
    gap: 8px;
    border-left: 3px solid #FF8904;
    background: #FFEDD4;
}



.call-details-user-info-text {
    font-size: 12px;
    color: #555;
    display: flex;
    gap: 10px;
}

    .call-details-user-info-text .call-details-name {
        color: #155DFC;
        font-family: 'Poppins-Regular';
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: -0.312px;
    }

    .call-details-user-info-text .call-details-date-link {
        color: #E7000B;
        font-family: 'Poppins-Regular';
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: -0.312px;
    }
.call-details-gpsvisit {
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -2px rgba(0, 0, 0, 0.10);
}
.call-details-docmon {
    color: #1E2939;
    font-family: 'Poppins-Regular';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    letter-spacing: -0.312px;
}
.call-details-paddspace {
    padding: 10px 15px;
}
.cal-detail-changeapprove {
    background: #00A63E;
    padding: 3px 11px;
    font-size: 14px;
    border-radius: 3px;
    color: #fff;
}

.call-details-remark-row {
    padding: 11px 10px;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.10), 0 1px 2px -1px rgba(0, 0, 0, 0.10);
    margin-top: 18px;
    display: flex;
    align-items: center;
    gap: 8px;
    border-bottom: 1px solid #e8e8e8;
}

.call-details-remark-label {
    font-size: 12px;
    color: #333;
    white-space: nowrap;
    font-weight: 500;
}

.call-details-remark-input {
    flex: 1;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 5px 8px;
    font-size: 12px;
    color: #999;
    outline: none;
}

    .call-details-remark-input::placeholder {
        color: #bbb;
    }


.call-details-action-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 8px 12px;
    justify-content: right;
}

.call-details-section-header {
    color: #FFFFFF;
    padding: 8px 12px;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    background: #45556C;
    font-family: 'Poppins-Regular';
    border-radius: 6px;
    margin-top: 13px;
    border-radius: 10px 10px 0px 0px;
}
.cal-detail-btnhold {
    background: #009689;
    padding: 3px 11px;
    font-size: 14px;
    border-radius: 3px;
    color: #fff;
    border:none;
}
.cal-detail-btnapprove {
    background: #155DFC;
    padding: 3px 11px;
    font-size: 14px;
    border-radius: 3px;
    color: #fff;
    border: none;
}
.cal-detail-disapprove {
    background: #0092B8;
    padding: 3px 11px;
    font-size: 14px;
    border-radius: 3px;
    color: #fff;
    border: none;
}
.cal-detail-conver {
    background: #00C950;
    padding: 3px 11px;
    font-size: 14px;
    border-radius: 3px;
    color: #fff;
    border: none;
}
.call-detail-cancel {
    background: #FF6900;
    padding: 3px 11px;
    font-size: 14px;
    border-radius: 3px;
    color: #fff;
    border: none;
}

.call-details-toggle-btn {
    padding: 4px 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 4px;
    background: #FFF;
}

.call-detailspendpunch {
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.10), 0 1px 2px -1px rgba(0, 0, 0, 0.10);
    padding: 10px;
    margin-top: 16px;
}

.call-details-sub-section-header {
    color: #fff;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 500;
    background: #62748E;
    border-radius: 2px;
}


.call-details-punch-row {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 20px 0px 7px;
    background: #fff;
}

.call-details-punch-date-badge {
    color: #fff;
    padding: 5px 10px;
    font-size: 12px;
    white-space: nowrap;
    border-radius: 4px;
    background: #009689;
}

.call-details-punch-time {
    font-size: 12px;
    border: 1px solid #D1D5DC;
    padding: 4px 9px;
    border-radius: 4px;
}
.custTextareafiledapproval {
    display: block;
    width: 100%;
    padding: 4px 10px;
    font-size: 12px;
    line-height: 1.52857;
    border: 1px solid #BEDBFF;
    border-radius: 4px;
    appearance: none;
    text-transform: capitalize;
    font-family: 'Poppins-Regular';
    background: #EFF6FF;
}
.call-details-Opportunitiesapp {
    color: #FFFFFF;
    padding: 8px 12px;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    background: #62748E;
    font-family: 'Poppins-Regular';
    border-radius: 6px;
    margin-top: 13px;
}

.call-details-punch-input {
    flex: 1;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 4px 8px;
    font-size: 12px;
    outline: none;
    min-width: 0;
}


.call-details-blue-header {
    color: #fff;
    padding: 5px 8px;
    font-size: 12px;
    background: #155DFC;
    font-family: 'Poppins-Regular';
}


.call-details-empty-card {
    background: #fff;
    margin: 30px 0px 8px 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 22px 12px;
    gap: 8px;
    border-radius: 10px;
    border: 2px solid #D1D5DC;
}



    .call-details-empty-card p {
        color: #6A7282;
        text-align: center;
        font-family: 'Poppins-Regular';
        font-size: 13px;
        font-style: normal;
    }
.call-details-borderli {
    border: 0.1px solid #E5E7EB;
    margin: 18px -16px 10px -16px;
}

.call-details-opportunity-text {
    padding: 14px 12px;
    font-size: 12px;
    color: #757575;
    text-align: center;
    background: #fff;
}
.call-details-visitcall {
    margin: 12px 12px 8px 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 22px 12px;
    gap: 8px;
    border-radius: 10px;
    border: 1px solid #BEDBFF;
    background: #EFF6FF;
    color: #4A5565;
    text-align: center;
    font-family: 'Poppins-Regular';
    font-size: 13px;
}
/*Purchase Module Dashboard Design*/
.purchase-module-board {
    border-radius: 8px;
    border: 1px solid #D1D5DB;
    background: #FFF;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.10), 0 1px 2px -1px rgba(0, 0, 0, 0.10);
    padding: clamp(14px, 2vw, 22px);
}

.purchase-module-board-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 14px;
}

.Purchase-Module-label {
    color: #0369A1;
    font-family: 'Poppins-Medium' !important;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 36px; /* 150% */
}

.purchase-module-board-header p {
    color: #71717A;
    font-family: 'Poppins-Regular';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
}


.purchase-module-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px 14px;
}

.purchase-module-card h2 {
    color: #09090B;
    font-family: 'Poppins-Regular' !important;
    font-size: 14px;
    font-style: normal;
    line-height: 20px;
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 8px 12px;
    letter-spacing: 0.2px;
    background: #E8EBF0;
}

.purchase-module-count {
    min-width: 34px;
    height: 22px;
    display: inline-grid;
    place-items: center;
    font-size: 14px;
    line-height: 1;
    font-weight: 500;
    color: #fff;
    border-radius: 8px;
    background: #0369A1;
    display: none;
}

.Purchase-Moduleindentpad {
    display: flex;
    align-items: baseline;
    justify-items: center;
    background: #F6F9FF;
    padding: 24px 64px;
    min-height: 116px;
}

.purchase-module-row {
    display: flex;
    justify-items: center;
    background: #F6F9FF;
    padding: 18px 16px 8px;
    min-height: 116px;
    align-items: baseline;
    gap: 5px;
}

.purchase-module-step {
    position: relative;
    width: 100%;
    text-align: center;
    display: grid;
    justify-items: center;
    gap: 8px;
}

.Purchase-ModulePAYMENT {
    display: flex;
    align-items: center;
    justify-items: center;
    background: #F6F9FF;
    padding: 24px 98px 24px;
    min-height: 116px;
}

.purchase-module-step p {
    color: #09090B;
    text-align: center;
    font-family: 'Poppins-Medium';
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: 12.5px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: normal;
    cursor: pointer;
}

.purchase-module-icon {
    border-radius: 16777200px;
    background: #0369A1;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -2px rgba(0, 0, 0, 0.10);
    width: clamp(46px, 3.3vw, 64px);
    aspect-ratio: 1;
    border-radius: 50%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .purchase-module-icon:hover {
        background-color: #1191cb;
        transform: scale(1.1);
    }

.Purchase-ModulePURCHASEORDER {
    display: flex;
    align-items: baseline;
    justify-items: center;
    background: #F6F9FF;
    padding: 18px 46px;
    min-height: 116px;
}

.purchase-module-divider {
    display: flex;
    flex-direction: column-reverse;
}

.Purchase-Module-svgarrow {
}

/**/
.Configuration-Utilities-openup {
    display: block;
    position: absolute;
    background: #FFF;
    border: 1px solid #D9D9D9;
    border-radius: 6px;
    width: 444px;
    top: 69px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    z-index: 999;
    right: 32px;
}

.Configuration-Utilities-dialog-card {
    width: 444px;
    border-radius: 8px;
    border: 1px solid #D1D5DB;
    background: #FFF;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.10), 0 8px 10px -6px rgba(0, 0, 0, 0.10);
    padding: 30px 5px;
    right: 10px;
    position: absolute;
    top: 19px;
}

.customer-name-tikheading {
    background: #F8FAFC;
    margin: 16px 11px;
    padding: 9px;
}

.Configuration-Utilities-label {
    color: #0369A1;
    font-family: 'Poppins-Medium' !important;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    padding-bottom: 6px;
    padding-left: 12px;
}

.Configuration-Utilities-menu-section {
    border-radius: 8px;
    padding: 0px 9px;
}

    .Configuration-Utilities-menu-section + .Configuration-Utilities-menu-section {
        margin-top: 16px;
    }

.Configuration-Utilities-section-header {
    height: 36px;
    background: #E8EBF0;
    padding: 16px 10px;
    display: flex;
    align-items: center;
    gap: 8px;
    border-radius: 6px 6px 0px 0px;
}

.Configuration-Utilities-count-pill {
    min-width: 32px;
    height: 20px;
    border-radius: 8px;
    background: var(--pill);
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    display: inline-grid;
    place-items: center;
}

.Configuration-Utilities-section-headerlabel {
    color: #09090B;
    font-family: 'Poppins-Medium' !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
}

.Configuration-Utilities-menu-list {
    list-style: none;
    margin: 0;
    padding: 8px 12px 12px;
    background: #F5F7FA;
    border-radius: 0px 0px 5px 5px;
}

    .Configuration-Utilities-menu-list li {
        min-height: 36px;
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 8px 12px;
        border-radius: 4px;
    }

    .Configuration-Utilities-menu-list img {
        width: 20px;
        height: 20px;
        object-fit: contain;
        flex-shrink: 0;
    }

    .Configuration-Utilities-menu-list span {
        color: #71717A;
        font-family: 'Poppins-Regular';
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
    }

/**/
.ticket-enquiry-card {
    padding: 1.5rem;
    width: 100%;
    display: block;
    position: absolute;
    right: 39px;
    bottom: 156px;
    cursor: pointer;
    max-width: 357px;
    position: absolute;
    right: 39px;
    bottom: 156px;
    cursor: pointer;
}

.ticket-enquiry-card-header {
    text-align: center;
    margin-bottom: 12px;
}

    .ticket-enquiry-card-header p.ticket-enquiry-title {
        font-size: 17px;
        font-weight: 700;
        color: #1a1a1a;
        margin: 0;
    }

.ticket-enquiry-chart-legend-wrap {
    display: flex;
    align-items: center;
    gap: 16px;
}

#chartabc {
    width: 260px;
    height: 260px;
    flex-shrink: 0;
}

.ticket-enquiry-legend-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.ticket-enquiry-legend-list-item {
    display: flex;
    align-items: center;
    gap: 8px;
}

.ticket-enquiry-legend-list-dot-sertik {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    flex-shrink: 0;
    border: 2px solid #fff;
    box-shadow: 0 0 0 1px #2670F0;
    background: #2670F0;
}

.ticket-enquiry-legend-list-dot-devtik {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    flex-shrink: 0;
    border: 2px solid #fff;
    box-shadow: 0 0 0 1px #18B44B;
    background: #18B44B;
}

.ticket-enquiry-legend-list-dot-overtik {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    flex-shrink: 0;
    border: 2px solid #fff;
    box-shadow: 0 0 0 1px #EC6457;
    background: #EC6457;
}

.ticket-enquiry-legend-list-dot-moreday {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    flex-shrink: 0;
    border: 2px solid #fff;
    box-shadow: 0 0 0 1px #FCC936;
    background: #FCC936;
}

.ticket-enquiry-legend-list-dot-newinst {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    flex-shrink: 0;
    border: 2px solid #fff;
    box-shadow: 0 0 0 1px #2670F0;
    background: #2670F0;
}

.ticket-enquiry-legend-list-label {
    font-size: 13px;
    color: #555;
    white-space: nowrap;
}


/**/
.ticket-overview-container {
    width: 100%;
    margin: 20px auto;
    background: #ffffff;
    padding: 20px 24px;
    border-radius: 4px;
    font-family: Segoe UI, Arial, sans-serif;
}


.ticket-overview-title {
    color: #09090B;
    font-family: 'Poppins-Medium';
    font-size: 19px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px; /* 160% */
}


.ticket-overview-section-label {
    color: #314158;
    font-family: 'Poppins-Medium';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px; /* 166.667% */
    margin: 12px 0px 9px 0px;
}


.ticket-overview-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}


.ticket-overview-pill {
    border-radius: 33554400px;
    border: 1px solid #E2E8F0;
    display: flex;
    align-items: center;
    padding: 6px 12px;
    gap: 5px;
}


.ticket-overview-count {
    padding: 4px 10px;
    border-radius: 33554400px;
    font-size: 13px;
    font-family: 'Poppins-Medium';
}

.ticket-overview-text {
    color: #314158;
    text-align: center;
    font-family: 'Poppins-Medium';
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
}


.ticket-overview-subheading {
    color: #62748E;
    font-family: 'Poppins-Medium';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.35px;
    text-transform: uppercase;
    margin-bottom: 10px;
}


.ticket-overview-red {
    background: #FFE2E2;
    color: #C10007;
}

.ticket-overview-green {
    background: #D0FAE5;
    color: #007A55;
}

.ticket-overview-orange {
    background: #FFEDD4;
    color: #CA3500;
}

.ticket-overview-yellow {
    background: #FEF3C6;
    color: #BB4D00;
}

.ticket-overview-light-yellow {
    background: #FEF9C2;
    color: #A65F00;
}

.ticket-overview-blue {
    background: #DBEAFE;
    color: #1447E6;
}

.ticket-overview-light-green {
    background: #ECFCCA;
    color: #497D00;
}

.ticket-overview-sky {
    background: #CEFAFE;
    color: #007595;
}

.customer-name-container {
    width: 100%;
    border-radius: 4px;
    background: #FFF;
    margin: auto;
    padding-bottom: 14px;
    margin-bottom: 10px;
}


.customer-name-header {
    display: flex;
    justify-content: space-between;
    padding: 18px 18px 0px 18px;
    color: #09090B;
    font-family: 'Poppins-Medium';
    font-size: 16px;
    font-style: normal;
    line-height: 32px; /* 177.778% */
}

.customer-name-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #F8FAFC;
    border-radius: 6px;
}


.customer-name-text {
    color: #314158;
    font-family: 'Poppins-Regular';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}

.customer-name-bgcolor {
    background: #F8FAFC;
    margin: 0px 10px;
}

.customer-name-ticket-box {
    border-radius: 4px;
    border: 0.62px solid #D1D5DB;
    background: #FFF;
    display: flex;
    align-items: center;
    padding: 4px 5px;
    gap: 8px;
}


.customer-name-ticket-count {
    border-radius: 4px;
    background: #CBFECC;
    box-shadow: 1px 2px 12px 1px rgba(0, 0, 0, 0.08);
    color: #0F0A26;
    font-size: 13px;
    padding: 6px 10px;
}


.customer-name-ticket-label {
    color: #27272A;
    font-family: 'Poppins-Medium';
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}


.customer-name-ticket-card {
    border-radius: 10px;
    border: 1px solid #E2E8F0;
    background: #FFF;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.10), 0 1px 2px -1px rgba(0, 0, 0, 0.10);
    padding: 14px;
    margin-top: 12px;
}

.customer-name-card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.customer-name-tags-spacebt {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
}

.customer-name-tag {
    border-radius: 33554400px;
    background: #D0FAE5;
    color: #007A55;
    font-family: 'Poppins-Regular';
    font-size: 12px;
    padding: 6px 55px;
}

.customer-name-ticket-id {
    font-size: 12px;
    color: #155DFC;
}

.CustomerName-ticket-card {
    border-radius: 10px;
    border: 1px solid #E2E8F0;
    background: #FFF;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.10), 0 1px 2px -1px rgba(0, 0, 0, 0.10);
    padding: 16px;
    max-width: 100%;
    margin-top: 10px;
}


.CustomerName-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 11px;
}

.CustomerName-left {
    display: flex;
    align-items: center;
    gap: 12px;
}

.CustomerName-status-badge {
    background: #D0FAE5;
    color: #007A55;
    padding: 7px 59px;
    border-radius: 20px;
    font-size: 12px;
    font-family: 'Poppins-Regular';
}


.CustomerName-ticket-id {
    color: #155DFC;
    font-family: 'Poppins-Regular';
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
    cursor: pointer;
}


.CustomerName-actions {
    display: flex;
    align-items: center;
    gap: 10px;
}


.CustomerName-action-btn {
    background: #0b5ed7;
    color: #fff;
    border: none;
    padding: 6px 14px;
    border-radius: 6px;
    font-size: 13px;
    cursor: pointer;
}

/* More Button */
.CustomerName-more-btn {
    width: 32px;
    height: 26px;
    border: 1px solid #ccc;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    cursor: pointer;
}

/* Title */
.CustomerName-title {
    color: #0F172B;
    font-family: 'Poppins-Medium';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px; /* 150% */
}

/* Tags */
.CustomerName-tags-spacegap {
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.CustomerName-tag {
    padding: 6px 12px;
    border-radius: 20px;
    border: 1px solid;
    font-family: 'Poppins-Regular';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.customer-name-border {
    border-top: 1.5px solid #cfd3d9;
    background: linear-gradient(135deg, #F8FAFC 0%, #F1F5F9 100%);
    display: flex;
    align-items: flex-start;
    margin: 0px -9px;
}

.CustomerName-call-btn {
    width: 32px;
    height: 28px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    cursor: pointer;
    border: 0.875px solid #A2F4FD;
}

/* Tag Variants */
.CustomerName-tag-client {
    border-radius: 33554400px;
    border: 1px solid #FFD6A8;
    background: #FFF7ED;
    color: #F54900;
    position: relative;
    cursor: pointer;
}

    .CustomerName-tag-client:hover::after {
        content: attr(data-customer-name);
        position: absolute;
        top: -32px;
        left: 50%;
        transform: translateX(-50%);
        background: #333;
        color: #fff;
        padding: 4px 8px;
        border-radius: 4px;
        font-size: 12px;
        white-space: nowrap;
        z-index: 999;
    }

.CustomerName-tag-product {
    border-radius: 33554400px;
    border: 1px solid #A2F4FD;
    background: #ECFEFF;
    color: #0092B8;
}

.CustomerName-tag-person {
    border-radius: 33554400px;
    border: 1px solid #E9D4FF;
    background: #FAF5FF;
    color: #9810FA;
}

.CustomerName-tag-type {
    border-radius: 33554400px;
    background: #F1F5F9;
    color: #314158;
    border: 1px solid #e0e3e6;
}

.CustomerName-tag-call {
    border-radius: 19px;
    border: 1px solid #b4ebf0;
    background: #ECFEFF;
}

.customer-name-ticket-FFD9D9 {
    border-radius: 4px;
    border: 0.62px solid #FFD9D9;
    background: #FFD9D9;
    display: flex;
    align-items: center;
    padding: 4px 9px;
    gap: 8px;
}

.customer-name-ticket-FFDEC0 {
    border-radius: 4px;
    border: 0.62px solid #FFDEC0;
    background: #FFDEC0;
    display: flex;
    align-items: center;
    padding: 4px 9px;
    gap: 8px;
}

.customer-name-ticket-DEF4FF {
    border-radius: 4px;
    border: 0.62px solid #DEF4FF;
    background: #DEF4FF;
    display: flex;
    align-items: center;
    padding: 4px 9px;
    gap: 8px;
}

.erp_card_actions-disable {
    font-size: 13px;
    color: #71717A;
    font-family: 'Poppins-Medium';
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 170px;
}

.customer-name-ticket-C0FFE2 {
    border-radius: 4px;
    border: 0.62px solid #C0FFE2;
    background: #C0FFE2;
    display: flex;
    align-items: center;
    padding: 4px 9px;
    gap: 8px;
}

.customer-name-ticket-F3DEFF {
    border-radius: 4px;
    border: 0.62px solid #C0FFE2;
    background: #F3DEFF;
    display: flex;
    align-items: center;
    padding: 4px 9px;
    gap: 8px;
}

.CustomerName-tag-contact {
    display: flex;
    align-items: center;
    gap: 6px;
}

.CustomerName-dates {
    margin-top: 12px;
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    font-size: 13px;
    color: #444;
}

.CustomerName-date-item {
    display: flex;
    align-items: center;
    gap: 6px;
    font-family: 'Poppins-Regular';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}


.CustomerName-rescheduled {
    color: #00A63E;
    font-family: 'Poppins-Regular';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
}

.ticket-pichartposition {
    position: relative;
    width: 100%;
    top: 503px;
}

.TicketNumber-tab-group {
    display: flex;
    align-items: center;
    gap: 8px;
    background: #fff;
    padding: 2px 1px;
    border-radius: 5px;
    width: 52%;
    margin-bottom: 18px;
    border-radius: 4px;
}

.ticket-no-ivrsdash {
    display: flex;
    justify-content: flex-end;
    padding: 14px 4px;
}

.ticket-heading-bgsprt {
    background: #52525B;
    padding: 4px 16px;
    color: #fff;
    align-items: center;
    font-size: 14px;
    font-family: 'Poppins-Regular';
    border-radius: 4px;
    margin-top: -9px;
}

.TicketNumber-tab {
    padding: 10px;
    width: 50%;
    display: flex;
    justify-content: center;
    border: none;
    font-size: 14px;
    font-family: 'Poppins-Medium';
}

.TicketNumber-item {
    border-radius: 4px 4px;
    background: #ffffff;
    color: #09090B;
}

.ticket-no-edits {
    display: flex;
    gap: 20px;
    color: #52525B;
    font-size: 14px;
}

.TicketNumber-tab-active {
    background: #DEECFE;
    color: #0369A1;
    border-radius: 4px;
    cursor: pointer;
}

.ticket-container {
    width: 100%;
    max-width: 420px;
}

.ticket-progress-track {
    width: 100%;
    height: 36px;
    background: #e9eaec;
    border-radius: 100px;
    overflow: hidden;
    position: relative;
}

.ticket-progress-fill {
    height: 100%;
    width: 53%;
    background: linear-gradient(90deg, #FF6467 0%, #FB2C36 100%);
    border-radius: 100px 0px 0px 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    transition: width 0.5s ease;
}

.ticket-percent-label {
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.3px;
    user-select: none;
}

.ticket-time-remaining {
    color: #09090B;
    text-align: right;
    font-family: 'Poppins-Medium';
    font-size: 13px;
    font-style: normal;
    line-height: 20px; /* 142.857% */
}
/**/

.ticket_aug_card {
    background: #FFFFFF;
    border-radius: 12px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.08), 0 0 0 1px rgba(0,0,0,0.05);
    display: flex;
    width: 100%;
    overflow: hidden;
    margin-top: 21px;
}


.ticket_aug_left_panel {
    display: flex;
    flex-direction: row;
    flex: 1;
    padding: 16px 18px;
    gap: 14px;
}


.ticket_aug_date_badge {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #E9F0F8;
    border: 1px solid #E9F0F8;
    border-radius: 8px;
    padding: 2px 17px;
    min-width: 52px;
    height: fit-content;
}

.ticket_aug_date_month {
    font-size: 10px;
    font-weight: 600;
    color: #0369A1;
    letter-spacing: 0.5px;
}

.ticket_aug_date_day {
    color: #0369A1;
    font-family: 'Poppins-Medium';
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}

.ticket_aug_date_year {
    color: #0369A1;
    font-family: 'Poppins-Regular';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
}


.ticket_aug_info {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.ticket_aug_ticket_id {
    font-family: 'DM Mono', monospace;
    font-size: 11.5px;
    color: #0369A1;
    font-weight: 500;
    letter-spacing: 0.2px;
}

.ticket_aug_title {
    font-size: 15px;
    font-weight: 600;
    color: #1E293B;
    line-height: 1.45;
    max-width: 420px;
}


.ticket_aug_tags_row {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 2px;
}

.ticket_aug_tag {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    border-radius: 33554400px;
    border: 1px solid #96F7E4;
    background: #F0FDFA;
    color: #009689;
    font-family: 'Poppins-Regular';
    font-size: 12px;
    padding: 3px 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
}

.ticket_aug_tag_useful {
    border-color: #E2E8F0;
    background: #FFFFFF;
}

.ticket_aug_checkbox {
    width: 13px;
    height: 13px;
    background: #2563EB;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ticket_aug_tag_undefined {
    color: #45556C;
    border-color: #F1F5F9;
    background: #F1F5F9;
}

.ticket_aug_tag_person {
    border-color: #E9D4FF;
    background: #FAF5FF;
    color: #9810FA;
}

.ticket_aug_tag-ltd {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    border: 1px solid #BEDBFF;
    border-radius: 20px;
    padding: 3px 10px;
    font-size: 12px;
    color: #155DFC;
    background: #EFF6FF;
    font-weight: 500;
}


.ticket_aug_right_panel {
    border-radius: 14px;
    background: #F8FAFC;
    width: 311px;
    padding: 14px 16px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    position: relative;
}

.tick-solwidth {
    border: 1px solid #EAEFF5;
    width: 341px;
}

.ticket_aug_edit_btn {
    position: absolute;
    top: 14px;
    right: 14px;
    background: none;
    border: none;
    cursor: pointer;
    color: #94A3B8;
    padding: 4px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.15s, color 0.15s;
}

    .ticket_aug_edit_btn:hover {
        background: #F1F5F9;
        color: #475569;
    }

.ticket_aug_solution_header {
    display: flex;
    align-items: center;
    gap: 6px;
}

.ticket_aug_solution_label {
    color: #0369A1;
    font-family: 'Poppins-Regular';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.35px;
    text-transform: uppercase;
}

.ticket_aug_solution_text {
    font-size: 12px;
    color: #45556C;
    line-height: 22.75px;
}




/*Dropdown for menu bar added 24-02-2026 by jitendra shinde*/
.ErpMenu_mainDropdown {
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    z-index: 1000;
    padding: 5px;
    border-radius: 10px;
    box-shadow: rgb(100 100 111 / 24%) 0px 5px 25px 0px;
    min-width: 550px;
    margin-top: 10px;
}

.ErpMenu_moduleDropdown {
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    z-index: 1000;
    padding: 5px;
    border-radius: 10px;
    box-shadow: rgb(100 100 111 / 24%) 0px 5px 25px 0px;
    min-width: 550px;
    margin-top: 10px;
}

.ErpMenu_list {
    padding: 0;
    list-style: none;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}

.ErpMenu_Modulelist {
    padding: 0;
    list-style: none;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}

.ErpMenu_listItem {
    width: 25%;
    padding: 6px;
}

.ErpMenu_card {
    border: 1px solid #D6D6D6;
    text-align: center;
    border-radius: 6px;
    padding: 8px 0;
    transition: transform 0.3s ease;
    cursor: pointer;
}

.ErpMenu_cardIcon {
    height: 26px;
    width: 26px;
    overflow: hidden;
    background-size: cover;
    transition: transform 0.3s ease;
}

.vwbicon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 34 34' fill='none'%3E%3Cpath d='M32.9358 7.5835H1.06445V14.1027L2.51314 14.5286V30.7627H31.4871V14.5286L32.9358 14.1027V7.5835Z' fill='white'/%3E%3Cpath d='M32.9358 10.481H1.06445V14.1027L2.51314 14.5285V17.426L14.1027 20.8348H14.3157L14.1027 20.6217V14.827H19.8975V20.6217L19.6846 20.8347H19.8975L31.4871 17.4259V14.5285L32.9358 14.1027V10.481Z' fill='%23BBD8FF'/%3E%3Cpath d='M23.5186 7.58335H10.4805L11.9292 3.2373H22.0699L23.5186 7.58335Z' stroke='%23092F63' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17 19.173V17.7244' stroke='%23092F63' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.51367 14.5286V30.7627H31.4876V14.5286' stroke='%23092F63' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.8983 20.6216L17.0009 23.519L14.1035 20.6216V14.8269H19.8983V20.6216Z' stroke='%23092F63' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.8975 17.9373L32.9358 14.1027V7.5835H1.06445V14.1027L14.1027 17.9373' stroke='%23092F63' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.pdmicon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 34 34' fill='none'%3E%3Cpath d='M23.5183 1.06445H10.4802L3.96094 3.96182V30.0383L10.4802 32.9357H23.5183L30.0375 30.0383V3.96182L23.5183 1.06445Z' fill='white'/%3E%3Cpath d='M17 32.9356H23.5191L30.0383 30.0382V3.96167L23.5191 6.85904H17V32.9356Z' fill='%23BBD8FF'/%3E%3Cpath d='M30.0375 30.0382V3.96167L23.5183 6.85904H10.4802L3.96094 3.96167V30.0382' stroke='%23092F63' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M30.0375 12.6541L23.5183 15.5515H10.4802L3.96094 12.6541' stroke='%23092F63' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M30.0375 21.3459L23.5183 24.2435H10.4802L3.96094 21.3459' stroke='%23092F63' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M30.0375 30.0383L23.5183 32.9357H10.4802L3.96094 30.0383' stroke='%23092F63' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.96094 3.96182L10.4802 1.06445H23.5183L30.0375 3.96182' stroke='%23092F63' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.purchaseicon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 34 34' fill='none'%3E%3Cg clip-path='url(%23clip0_152_18315)'%3E%3Cpath d='M26.7374 7.79175H0.708984L3.54232 18.4167L22.9407 21.2912L26.7374 7.79175Z' fill='white'/%3E%3Cpath d='M6.37435 27.625L3.54102 30.4583L6.37435 33.2917L9.20768 30.4583L6.37435 27.625Z' fill='white'/%3E%3Cpath d='M19.1243 27.625L16.291 30.4583L19.1243 33.2917L21.9577 30.4583L19.1243 27.625Z' fill='white'/%3E%3Cpath d='M6.375 33.2917L9.20833 30.4583L6.375 27.625V33.2917Z' fill='%23BBD8FF'/%3E%3Cpath d='M19.125 33.2917L21.9583 30.4583L19.125 27.625V33.2917Z' fill='%23BBD8FF'/%3E%3Cpath d='M2.75586 15.4673L3.54211 18.4168L22.9405 21.2912L23.7055 18.5712L2.75586 15.4673Z' fill='%23BBD8FF'/%3E%3Cpath d='M4.95898 24.7916H21.959L28.334 2.12492L33.2923 0.708252' stroke='%23092F63' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M26.7374 7.79175H0.708984L3.54232 18.4167L22.9407 21.2912' stroke='%23092F63' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.37435 27.625L3.54102 30.4583L6.37435 33.2917L9.20768 30.4583L6.37435 27.625Z' stroke='%23092F63' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.1243 27.625L16.291 30.4583L19.1243 33.2917L21.9577 30.4583L19.1243 27.625Z' stroke='%23092F63' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_152_18315'%3E%3Crect width='34' height='34' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.productionicon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 34 34' fill='none'%3E%3Cg clip-path='url(%23clip0_152_18210)'%3E%3Cpath d='M8.49935 16.2903L7.08268 0.707031H2.83268L1.41602 16.2903H8.49935Z' fill='white'/%3E%3Cpath d='M0.708984 33.2904V16.2904H9.20898V20.5404L16.2923 16.0354V20.8676L24.8178 16.0694V20.9002L33.2923 16.0354V33.2904H0.708984Z' fill='white'/%3E%3Cpath d='M24.8178 20.9002V18.9027L16.2923 23.7009V18.8687L9.20898 23.3737V19.1237H0.708984V33.2903H33.2923V18.8687L24.8178 23.7335V20.9002Z' fill='%23BBD8FF'/%3E%3Cpath d='M2.18945 7.79036H7.72579L7.46937 4.95703H2.44587L2.18945 7.79036Z' fill='%23BBD8FF'/%3E%3Cpath d='M16.291 26.207H33.291' stroke='%23092F63' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.291 29.0403H33.291' stroke='%23092F63' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M0.708984 33.2904V16.2904H9.20898V20.5404L16.2923 16.0354V20.8676L24.8178 16.0694V20.9002L33.2923 16.0354V33.2904H0.708984Z' stroke='%23092F63' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.49935 16.2903L7.08268 0.707031H2.83268L1.41602 16.2903H8.49935Z' stroke='%23092F63' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.44727 4.95703H7.47077' stroke='%23092F63' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.18945 7.79028H7.72579' stroke='%23092F63' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_152_18210'%3E%3Crect width='34' height='34' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.inventoryicon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 34 34' fill='none'%3E%3Cpath d='M1.0332 3.1167V11.4467H3.80987V30.8834H30.1882V11.4467H32.9649V3.1167H1.0332Z' fill='white'/%3E%3Cpath d='M30.1888 11.4468H3.81055V14.9176H30.1888V11.4468Z' fill='%23BBD8FF'/%3E%3Cpath d='M12.8345 21.165L10.752 19.0825L12.8345 17H21.1645L23.247 19.0825L21.1645 21.165H12.8345Z' fill='%23BBD8FF'/%3E%3Cpath d='M32.9649 3.1167H1.0332V11.4467H32.9649V3.1167Z' stroke='%23092F63' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M30.1888 11.4468H3.81055V30.8834H30.1888V11.4468Z' stroke='%23092F63' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.8345 21.165L10.752 19.0825L12.8345 17H21.1645L23.247 19.0825L21.1645 21.165H12.8345Z' stroke='%23092F63' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.wmsicon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 34 34' fill='none'%3E%3Cpath d='M17.001 4.85205L1.03516 13.8762H2.42349V29.1479H13.5302V13.8762H32.9668L17.001 4.85205Z' fill='white'/%3E%3Cpath d='M26.0234 23.5946V18.0413H20.47V23.5946H17.6934V29.1479H28.8V23.5946H26.0234Z' fill='white'/%3E%3Cpath d='M13.5285 26.3713H2.42188V29.148H13.5285V26.3713Z' fill='%23BBD8FF'/%3E%3Cpath d='M28.8 26.3713H17.6934V29.148H28.8V26.3713Z' fill='%23BBD8FF'/%3E%3Cpath d='M26.024 20.8179H20.4707V23.5945H26.024V20.8179Z' fill='%23BBD8FF'/%3E%3Cpath d='M2.42188 13.8762V29.1479H31.5769V13.8762' stroke='%23092F63' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.5293 13.8762V29.1479' stroke='%23092F63' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.58789 26.3712V16.6528' stroke='%23092F63' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.36328 26.3712V16.6528' stroke='%23092F63' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M32.9668 13.8762H1.03516L17.001 4.85205L32.9668 13.8762Z' stroke='%23092F63' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M28.8014 23.5945H23.248V29.1478H28.8014V23.5945Z' stroke='%23092F63' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M23.2467 23.5945H17.6934V29.1478H23.2467V23.5945Z' stroke='%23092F63' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M26.024 18.0413H20.4707V23.5946H26.024V18.0413Z' stroke='%23092F63' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.crmicon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 34 34' fill='none'%3E%3Cpath d='M33.2917 30.4583V24.0833L26.2083 21.9583L23.375 22.8083V30.4583H33.2917Z' fill='white'/%3E%3Cpath d='M20.5423 30.4583V24.0833L10.6257 21.9583L0.708984 24.0833V30.4583H20.5423Z' fill='white'/%3E%3Cpath d='M16.2923 18.4167L10.6257 20.5417L4.95898 18.4167V10.625L10.6257 8.5L16.2923 10.625V18.4167Z' fill='white'/%3E%3Cpath d='M30.459 18.4166L26.209 20.5416L21.959 18.4166V13.4583L26.209 11.3333L30.459 13.4583V18.4166Z' fill='white'/%3E%3Cpath d='M16.2923 13.4583H9.91732L4.95898 10.625L10.6257 8.5L16.2923 10.625V13.4583Z' fill='%23BBD8FF'/%3E%3Cpath d='M30.459 14.8749H25.5007L21.959 13.4583L26.209 11.3333L30.459 13.4583V14.8749Z' fill='%23BBD8FF'/%3E%3Cpath d='M16.2923 18.4167L10.6257 20.5417L4.95898 18.4167V10.625L10.6257 8.5L16.2923 10.625V18.4167Z' stroke='%23092F63' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.2923 13.4583H9.91732L4.95898 10.625L10.6257 8.5L16.2923 10.625V13.4583Z' stroke='%23092F63' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20.5423 30.4583V24.0833L10.6257 21.9583L0.708984 24.0833V30.4583' stroke='%23092F63' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.625 24.7917V30.4584' stroke='%23092F63' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M30.459 18.4166L26.209 20.5416L21.959 18.4166V13.4583L26.209 11.3333L30.459 13.4583V18.4166Z' stroke='%23092F63' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M33.2917 30.4583V24.0833L26.2083 21.9583L23.375 22.8083' stroke='%23092F63' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M26.209 24.7917V27.6251' stroke='%23092F63' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M30.459 14.8749H25.5007L21.959 13.4583L26.209 11.3333L30.459 13.4583V14.8749Z' stroke='%23092F63' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.salesicon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 34 34' fill='none'%3E%3Cpath d='M32.9358 7.5835H1.06445V26.4167H32.9358V7.5835Z' fill='white'/%3E%3Cpath d='M1.06445 13.3784V7.5835H7.04619L1.06445 13.3784Z' fill='%23BBD8FF'/%3E%3Cpath d='M1.06445 20.6218V26.4167H7.04619L1.06445 20.6218Z' fill='%23BBD8FF'/%3E%3Cpath d='M32.9347 13.3784V7.5835H26.9531L32.9347 13.3784Z' fill='%23BBD8FF'/%3E%3Cpath d='M32.9347 20.6218V26.4167H26.9531L32.9347 20.6218Z' fill='%23BBD8FF'/%3E%3Cpath d='M32.9358 7.5835H1.06445V26.4167H32.9358V7.5835Z' stroke='%23092F63' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1.06445 13.3784L7.04619 7.5835' stroke='%23092F63' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M32.9347 13.3784L26.9531 7.5835' stroke='%23092F63' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1.06445 20.6218L7.04619 26.4167' stroke='%23092F63' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M32.9347 20.6218L26.9531 26.4167' stroke='%23092F63' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.898 13.3782H14.8276L13.3789 15.5512L14.8276 17.7242H19.1736L20.6223 19.8973L19.1736 22.0703H14.1032' stroke='%23092F63' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17 13.3784V11.9297' stroke='%23092F63' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17 23.519V22.0703' stroke='%23092F63' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.avdicon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 34 34' fill='none'%3E%3Cpath d='M5.1982 13.5292L1.0332 11.4467V21.165L5.1982 19.0825L24.6349 29.495V3.1167L5.1982 13.5292Z' fill='white'/%3E%3Cpath d='M1.0332 16.3059V21.1651L5.1982 19.0826L24.6349 29.4951V16.3059H1.0332Z' fill='%23BBD8FF'/%3E%3Cpath d='M9.36328 21.3037V26.4405L17.6933 30.8832V25.7464' stroke='%23092F63' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M28.8008 17H32.9658' stroke='%23092F63' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M28.8008 10.3359L32.9658 8.25342' stroke='%23092F63' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M28.8008 24.2192L32.9658 26.3017' stroke='%23092F63' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.19922 13.5291V19.0824' stroke='%23092F63' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M24.6349 29.495L5.1982 19.0825L1.0332 21.165V11.4467L5.1982 13.5292L24.6349 3.1167V29.495Z' stroke='%23092F63' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.financeicon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 34 34' fill='none'%3E%3Cg clip-path='url(%23clip0_157_18247)'%3E%3Cpath d='M31.8757 30.457H30.459L29.0423 27.6237V13.457H30.459L31.8757 10.6237H29.7507L26.209 3.54036L17.0007 0.707031L7.79232 3.54036L4.25065 10.6237H2.12565L3.54232 13.457H4.95898V27.6237L3.54232 30.457H2.12565L0.708984 33.2903H33.2923L31.8757 30.457Z' fill='white'/%3E%3Cpath d='M12.041 13.457H7.79102V27.6237H12.041V13.457Z' fill='%23BBD8FF'/%3E%3Cpath d='M19.125 13.457H14.875V27.6237H19.125V13.457Z' fill='%23BBD8FF'/%3E%3Cpath d='M26.209 13.457H21.959V27.6237H26.209V13.457Z' fill='%23BBD8FF'/%3E%3Cpath d='M4.25 10.6237L7.79167 7.79036L17 4.95703L26.2083 7.79036L29.75 10.6237H4.25Z' fill='%23BBD8FF'/%3E%3Cpath d='M29.0423 13.457H4.95898V27.6237H29.0423V13.457Z' stroke='%23092F63' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M33.2923 33.2903H0.708984' stroke='%23092F63' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M30.4577 30.4569H3.54102L4.95768 27.6235H29.041L30.4577 30.4569Z' stroke='%23092F63' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.79102 13.457V27.6237' stroke='%23092F63' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.875 13.457V27.6237' stroke='%23092F63' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.041 13.457V27.6237' stroke='%23092F63' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.125 13.457V27.6237' stroke='%23092F63' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21.959 13.457V27.6237' stroke='%23092F63' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M26.209 13.457V27.6237' stroke='%23092F63' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M29.75 10.6237L26.2083 3.54036L17 0.707031L7.79167 3.54036L4.25 10.6237H29.75Z' stroke='%23092F63' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M31.875 10.6235H2.125L3.54167 13.4569H30.4583L31.875 10.6235Z' stroke='%23092F63' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.125 30.457H31.875' stroke='%23092F63' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.95898 24.7903H7.79232' stroke='%23092F63' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.041 24.7903H14.8743' stroke='%23092F63' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.125 24.7903H21.9583' stroke='%23092F63' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M26.209 24.7903H29.0423' stroke='%23092F63' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_157_18247'%3E%3Crect width='34' height='34' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.adminIcon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 34 34' fill='none'%3E%3Cpath d='M27.8659 14.5358L31.4876 10.6649L29.2508 6.93753L24.0674 8.32827L20.7049 6.42314L19.1736 1.06445H14.8276L13.2963 6.42314L9.93389 8.32827L4.74903 6.93753L2.51367 10.6649L6.13538 14.5358V19.4644L2.51367 23.3353L4.74903 27.0627L9.93389 25.672L13.2963 27.5771L14.8276 32.9358H19.1736L20.7049 27.5771L24.0674 25.672L29.2508 27.0627L31.4876 23.3353L27.8659 19.4644V14.5358Z' fill='white'/%3E%3Cpath d='M27.8644 14.5358L31.4861 10.6649L29.2507 6.9375L26.1549 7.76894L18.048 15.876L19.1721 17.0001L16.9991 19.1731L15.875 18.049L7.63477 26.2878L9.93232 25.6719L13.2948 27.5771L14.8261 32.9357H19.1721L20.7034 27.5771L24.0658 25.6719L29.2507 27.0627L31.4861 23.3353L27.8644 19.4644V14.5358Z' fill='%23BBD8FF'/%3E%3Cpath d='M27.8659 14.5358L31.4876 10.6649L29.2508 6.93753L24.0674 8.32827L20.7049 6.42314L19.1736 1.06445H14.8276L13.2963 6.42314L9.93389 8.32827L4.74903 6.93753L2.51367 10.6649L6.13538 14.5358V19.4644L2.51367 23.3353L4.74903 27.0627L9.93389 25.672L13.2963 27.5771L14.8276 32.9358H19.1736L20.7049 27.5771L24.0674 25.672L29.2508 27.0627L31.4876 23.3353L27.8659 19.4644V14.5358Z' stroke='%23092F63' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M23.5186 19.8974L16.9995 24.2436L10.4805 19.8974V14.1026L16.9995 9.75659L23.5186 14.1026V19.8974Z' stroke='%23092F63' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.9989 14.8267L14.8262 16.9994L16.9989 19.172L19.1717 16.9994L16.9989 14.8267Z' stroke='%23092F63' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.supporticon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 34 34' fill='none'%3E%3Cpath d='M5.1982 12.1408V14.2233H2.42154L1.0332 17.6941L2.42154 21.1649H5.1982V23.2474L7.97487 24.6358L10.7515 23.2474V12.1408L7.97487 10.7524L5.1982 12.1408Z' fill='white'/%3E%3Cpath d='M31.578 14.2233H28.8014V12.1408L26.0247 10.7524L23.248 12.1408V23.2474L26.0247 24.6358L28.8014 23.2474V21.1649H31.578L32.9664 17.6941L31.578 14.2233Z' fill='white'/%3E%3Cpath d='M10.7526 17.6941V23.2474L7.97589 24.6358L5.19922 23.2474V17.6941H10.7526Z' fill='%23BBD8FF'/%3E%3Cpath d='M1.0332 17.6941L2.42154 21.1649H5.1982V17.6941H1.0332Z' fill='%23BBD8FF'/%3E%3Cpath d='M23.248 17.6941V23.2474L26.0247 24.6358L28.8014 23.2474V17.6941H23.248Z' fill='%23BBD8FF'/%3E%3Cpath d='M32.9658 17.6941L31.5774 21.1649H28.8008V17.6941H32.9658Z' fill='%23BBD8FF'/%3E%3Cpath d='M20.4713 29.4951H14.918V32.2718H20.4713V29.4951Z' fill='%23BBD8FF'/%3E%3Cpath d='M10.7526 23.2474L7.97589 24.6358L5.19922 23.2474V12.1408L7.97589 10.7524L10.7526 12.1408V23.2474Z' stroke='%23092F63' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M28.8014 23.2474L26.0247 24.6358L23.248 23.2474V12.1408L26.0247 10.7524L28.8014 12.1408V23.2474Z' stroke='%23092F63' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.1982 21.1651H2.42154L1.0332 17.6942L2.42154 14.2234H5.1982V21.1651Z' stroke='%23092F63' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M28.8008 21.1651H31.5774L32.9658 17.6942L31.5774 14.2234H28.8008V21.1651Z' stroke='%23092F63' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M26.0249 10.7524V5.89327L17.0007 1.72827L7.97656 5.89327V10.7524' stroke='%23092F63' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M26.024 24.6357V27.4124L23.2474 30.8832H20.4707' stroke='%23092F63' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20.4713 29.4951H14.918V32.2718H20.4713V29.4951Z' stroke='%23092F63' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.hricon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 34 34' fill='none'%3E%3Cpath d='M31.4876 24.968L17.0006 32.9358L2.51367 24.968V9.03235L17.0006 1.06445L31.4876 9.03235V24.968Z' fill='white'/%3E%3Cpath d='M28.4236 23.031L17.0006 29.3141L5.57764 23.031L2.51367 24.968L17.0006 32.9358L31.4876 25.204L28.4236 23.031Z' fill='%23BBD8FF'/%3E%3Cpath d='M31.4876 24.968L17.0006 32.9358L2.51367 24.968V9.03235L17.0006 1.06445L31.4876 9.03235V24.968Z' stroke='%23092F63' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21.3465 14.8269L17.0004 16.9999L12.6543 14.8269V9.75652L17.0004 7.5835L21.3465 9.75652V14.8269Z' stroke='%23092F63' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M24.2428 24.2435V20.6218L16.9993 18.4487L9.75586 20.6218V24.2435' stroke='%23092F63' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17 21.3459V24.2433' stroke='%23092F63' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21.3465 11.2053H16.2761L12.6543 9.75666L17.0004 7.5835L21.3465 9.75666V11.2053Z' fill='%23BBD8FF'/%3E%3Cpath d='M21.3465 11.2053H16.2761L12.6543 9.75666L17.0004 7.5835L21.3465 9.75666V11.2053Z' stroke='%23092F63' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.sdlcicon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 34 34' fill='none'%3E%3Cpath d='M19.8965 16.9995L16.9995 14.1025L14.1026 16.9995L16.9995 19.8964L19.8965 16.9995Z' fill='%23BBD8FF'/%3E%3Cpath d='M9.75586 8.30786L1.06362 17L9.75586 25.6921' stroke='%23092F63' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M24.2433 8.30786L32.9355 17L24.2433 25.6921' stroke='%23092F63' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.8965 16.9995L16.9995 14.1025L14.1026 16.9995L16.9995 19.8964L19.8965 16.9995Z' stroke='%23092F63' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.lmsicon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 34 34' fill='none'%3E%3Cpath d='M16.291 29.7501L19.5493 27.6251H29.041V3.54175H20.541L16.291 6.37508L12.041 3.54175H3.54102V27.6251H13.1743L16.291 29.7501Z' fill='white'/%3E%3Cpath d='M29.0423 6.375H31.8757V30.4583H20.5423L16.2923 33.2917L12.0423 30.4583H0.708984V6.375H3.54232V27.625H13.1757L16.2923 29.75L19.5507 27.625H29.0423V6.375Z' fill='%23BBD8FF'/%3E%3Cpath d='M20.541 5.66675V12.0417L23.3743 9.20841L26.2077 12.0417V5.66675H20.541Z' fill='%23BBD8FF'/%3E%3Cpath d='M13.1743 27.6251L16.291 29.7501V6.37508L12.041 3.54175V27.6251H13.1743Z' fill='%23BBD8FF'/%3E%3Cpath d='M19.5493 27.6251L16.291 29.7501V6.37508L20.541 3.54175V27.6251H19.5493Z' fill='%23BBD8FF'/%3E%3Cpath d='M3.54232 6.375H0.708984V30.4583H12.0423L16.2923 33.2917L20.5423 30.4583H31.8757V6.375H29.0423' stroke='%23092F63' stroke-width='1.41667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.291 6.375V29.75' stroke='%23092F63' stroke-width='1.41667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20.541 3.54175V12.0417L23.3743 9.20841L26.2077 12.0417V3.54175' stroke='%23092F63' stroke-width='1.41667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.291 29.7501L19.5493 27.6251H29.041V3.54175H20.541L16.291 6.37508L12.041 3.54175H3.54102V27.6251H13.1743L16.291 29.7501Z' stroke='%23092F63' stroke-width='1.41667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.shipmenttrackingicon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 34 34' fill='none'%3E%3Cpath d='M29.496 10.4041L21.8602 9.01575V5.54492H1.03516V22.2049H32.9669V19.4283L29.496 10.4041Z' fill='white'/%3E%3Cpath d='M24.6367 16.6521L32.4447 18.071L30.297 12.4871L24.6367 16.6521Z' fill='%23BBD8FF'/%3E%3Cpath d='M24.6368 22.2065V9.52266L21.8602 9.01733V22.2065H1.03516V24.9832H6.58849V27.0657L8.67099 28.454L10.7535 27.0657V24.9832H24.6368V27.0657L26.7194 28.454L28.8018 27.0657V24.9832H32.9669V22.2065H24.6368Z' fill='%23BBD8FF'/%3E%3Cpath d='M17.6953 8.323V19.4297' stroke='%23092F63' stroke-width='1.41667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.5312 8.323V19.4297' stroke='%23092F63' stroke-width='1.41667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.36328 8.323V19.4297' stroke='%23092F63' stroke-width='1.41667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.19922 8.323V19.4297' stroke='%23092F63' stroke-width='1.41667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1.03516 22.2049H21.8602V5.54492H1.03516V22.2049Z' stroke='%23092F63' stroke-width='1.41667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M31.5777 24.9839H32.966V22.2073H21.8594' stroke='%23092F63' stroke-width='1.41667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.5312 24.9827H21.8613' stroke='%23092F63' stroke-width='1.41667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1.03516 22.2073V24.9839H3.81182' stroke='%23092F63' stroke-width='1.41667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.58789 27.0643L8.67039 28.4527L10.7529 27.0643V24.9818L8.67039 23.5935L6.58789 24.9818V27.0643Z' stroke='%23092F63' stroke-width='1.41667' stroke-linejoin='round'/%3E%3Cpath d='M24.6367 27.0643L26.7192 28.4527L28.8017 27.0643V24.9818L26.7192 23.5935L24.6367 24.9818V27.0643Z' stroke='%23092F63' stroke-width='1.41667' stroke-linejoin='round'/%3E%3Cpath d='M30.297 12.4871H24.6367V16.6521L32.4447 18.0723' stroke='%23092F63' stroke-width='1.41667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M32.966 22.2065V19.4298L29.4952 10.4057L21.8594 9.01733' stroke='%23092F63' stroke-width='1.41667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.farmerpurchaseicon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 34 34' fill='none'%3E%3Cpath d='M29.149 17.6934H28.4548L30.5373 3.81006H19.4307L20.247 11.972H16.9067L14.5715 13.5284L9.01818 22.5526L3.46484 24.6351L13.1832 32.9651L16.654 31.5767H27.7607L29.8432 29.4942L29.149 27.4117L30.5373 24.6351L29.149 21.8584L30.5373 19.7759L29.149 17.6934Z' fill='white'/%3E%3Cpath d='M17.3481 14.9183L15.2656 1.03491H25.6781L24.984 3.81158H19.4306L20.5413 14.9183H17.3481Z' fill='%23BBD8FF'/%3E%3Cpath d='M20.4688 14.2219L20.8158 17.6928H28.4517L28.9723 14.2219H20.4688Z' fill='%23BBD8FF'/%3E%3Cpath d='M24.9807 8.6687L22.8984 10.7508L24.9807 12.833L27.0629 10.7508L24.9807 8.6687Z' fill='%23BBD8FF'/%3E%3Cpath d='M17.3481 14.9183L15.2656 1.03491H25.6781' stroke='%23092F63' stroke-width='1.41667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M27.7591 31.5762H16.6525L13.1816 32.9645' stroke='%23092F63' stroke-width='1.41667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.3457 17.6946H29.1465L30.5349 19.7771L29.1465 21.8596L30.5349 24.6362L29.1465 27.4129L29.8407 29.4954L27.7582 31.5779' stroke='%23092F63' stroke-width='1.41667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.46484 24.6354L9.01818 22.5529L14.5715 13.5288L16.9067 11.9724' stroke='%23092F63' stroke-width='1.41667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20.818 17.6934L19.4297 3.81006H30.5364L28.4539 17.6934' stroke='%23092F63' stroke-width='1.41667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M24.9807 8.6687L22.8984 10.7508L24.9807 12.833L27.0629 10.7508L24.9807 8.6687Z' stroke='%23092F63' stroke-width='1.41667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.soniicon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 34 34' fill='none'%3E%3Cg clip-path='url(%23clip0_157_2698)'%3E%3Cpath d='M16.9993 30.4583L7.79102 14.3083V6.51658L16.9993 0.708252L26.2077 6.51658V14.3083L16.9993 30.4583Z' fill='white'/%3E%3Cpath d='M17 0.708252V6.23325L20.5417 8.35825V12.1833L17 14.3083V30.4583L26.2083 14.3083V6.51658L17 0.708252Z' fill='%23BBD8FF'/%3E%3Cpath d='M23.3757 27.625H27.6257L33.2923 30.4583L27.6257 33.2917H6.37565L0.708984 30.4583L6.37565 27.625H10.6257' stroke='%23092F63' stroke-width='1.41667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.9993 30.4583L7.79102 14.3083V6.51658L16.9993 0.708252L26.2077 6.51658V14.3083L16.9993 30.4583Z' stroke='%23092F63' stroke-width='1.41667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.459 8.35889L17.0007 6.23389L20.5423 8.35889V12.1839L17.0007 14.3089L13.459 12.1839V8.35889Z' stroke='%23092F63' stroke-width='1.41667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_157_2698'%3E%3Crect width='34' height='34' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.ErpMenu_card:hover {
    background: #E8F7FF;
}

    .ErpMenu_card:hover .ErpMenu_cardIcon {
        transform: scale(1.1);
    }

.ErpMenu_cardTitle {
    font-size: 12px;
    color: #09090B;
    font-family: 'Poppins-Medium';
    margin: 0 !important;
    line-height: 9px;
    margin-top: 8px !important;
}

.ErpMenu_cardSubtitle {
    font-size: 10px;
    font-family: 'Poppins-Regular';
    color: #09090B;
}

.maxWidthContent {
    width: max-content !important;
}


.erpSubMenu_searchWrapper {
    width: 60%;
    padding: 10px 18px;
}

.erpSubMenu_searchInput {
    width: 100%;
    border: 1px solid #A1A1AA;
    padding: 4px 10px;
    border-radius: 4px;
    font-size: 12px;
    font-family: 'Poppins-Regular';
    color: #323234;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M15.7511 15.7511L12.4961 12.4961' stroke='%23A1A1AA' stroke-width='1.125' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.25 14.25C11.5637 14.25 14.25 11.5637 14.25 8.25C14.25 4.93629 11.5637 2.25 8.25 2.25C4.93629 2.25 2.25 4.93629 2.25 8.25C2.25 11.5637 4.93629 14.25 8.25 14.25Z' stroke='%23A1A1AA' stroke-width='1.125' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 5px;
    padding-left: 30px;
}

    .erpSubMenu_searchInput::placeholder {
        color: #A1A1AA;
    }

.erpSubMenu_contentWrapper {
    padding: 10px 18px;
    display: flex;
    gap: 32px;
}

.erpSubMenu_sectionTitle {
    display: flex;
    gap: 5px;
    font-size: 13px;
    font-family: 'Poppins-Medium';
    color: #092F63;
    align-items: center;
    cursor: pointer;
}

.erpSubMenu_list {
    list-style: none;
    padding-left: 25px;
    font-size: 12px;
    font-family: 'Poppins-Regular';
    color: #09090B;
    padding-top: 5px;
    margin-bottom: 5px;
}

    .erpSubMenu_list li {
        cursor: pointer
    }
/*End DropDown*/

.CookieTxt {
    position: fixed;
    bottom: 0;
    width: 48%;
    text-align: center;
    padding: 10px;
}

    .CookieTxt a {
        color: #0f5c9f;
    }


.jsgrid-header-scrollbar {
    scrollbar-width: thin !important;
}

.jsgrid0 {
    scrollbar-width: thin !important;
}

.jsgrid-grid-body {
    scrollbar-width: thin !important;
}

.cookie-txt {
    position: relative;
    text-align: center;
    margin: 0 0px 08px;
    margin-top: 55px;
}

    .cookie-txt a {
        color: #2f75b2;
    }

        .cookie-txt a:hover {
            color: #2f75b2;
        }

.pstAddimgLogo {
    position: absolute;
    right: -10px;
    bottom: 65px;
}

.noDataErp_container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 2.5rem 1.5rem;
    max-width: 480px;
    width: 100%;
    margin: 0 auto;
}



.noDataErp_title {
    color: #ff4b2b;
    font-size: 16px;
    font-family: 'Poppins-Medium';
    margin: 10px !important;
}

.noDataErp_desc {
    color: #777;
    font-size: 14px;
    line-height: normal;
    font-family: 'Poppins-Regular';
    margin: 0 !important;
    max-width: 320px;
    margin: 10px !important;
}

.noDataErp_btn {
    background: linear-gradient(135deg, #ff6a1a, #ff4500);
    color: #fff;
    border: none;
    padding: 0.7rem 2.2rem;
    font-size: clamp(0.9rem, 2.5vw, 1rem);
    font-weight: 600;
    border-radius: 6px;
    cursor: pointer;
    letter-spacing: 0.02em;
    transition: 0.2s;
}

    .noDataErp_btn:hover {
        opacity: 0.88;
        transform: scale(1.03);
    }

    .noDataErp_btn:active {
        transform: scale(0.97);
    }

/* Optional Animation */
@keyframes noDataErp_float {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-10px);
    }

    100% {
        transform: translateY(0px);
    }
}

.noDataErp_float {
    animation: noDataErp_float 2.5s ease-in-out infinite;
    height: 60px;
}


@media screen and (max-width: 600px) {

    .claim-detailfullscreen {
        width: 100% !important;
    }

    .claim-detail-distenance {
        width: 100%;
    }
    .claim-value-travelling {
        width: 100% !important;
        float: none !important;
        padding: 17px 8px !important;
    }
    .claim-floatdist {
        float: none !important;
        width: 100% !important;
    }
    .claim-detailsomeelse {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 11px 20px !important;
        padding:; /* ← this is the key line */
    }
    .claim-foofload {
        padding: 9px 1px;
        font-size: 16px;
        width: 100% !important;
        float: none !important;
        display: block !important;
    }
    .claim-details-timecust {
        width: 100% !important;
    }

    .task-header {
        width: 100%;
    }
    .clamartspace {
        margin-top: 14px;
    }
    .task-card {
        flex-wrap: wrap;
    }

    .widthActCard {
        width: 100%;
    }

    .card-container {
        flex-wrap: wrap;
    }

    .mar-t10resp {
        margin-top: 0 !important;
    }

    .slaesDropdown ul {
        width: 100% !important;
    }

    .slaesDropdown {
        width: 100% !important;
        left: 0 !important;
    }



    .finaceDropdown {
        width: 100% !important;
        left: 0 !important;
    }

        .finaceDropdown ul {
            width: 100% !important;
        }

    .actTrailSimplifyPopUp {
        height: inherit;
    }


    .mainNavSimply {
        padding: 2px 10px !important;
    }

    .postionWmsResp {
        top: 44px !important;
        z-index: 999999 !important;
        left: 45px !important;
        width: 0 !important;
    }

    .dropPstwms {
        z-index: 99999999 !important;
        right: -145px !important;
        top: 35px !important;
    }

    .mar_t55respNav {
        margin-top: 55px !important
    }

    .mainHeadingwidthtxt {
        width: inherit;
    }

    .moduleTxtCol {
        display: none !important;
    }

    .expireddtbox {
        display: none !important;
    }

    .mainNavSimply .NavActionProfileElements .ProfileActionsIcon label {
        display: none;
    }

    .asideMenuBar {
        padding-top: 10px;
        position: absolute;
        top: 0;
        width: 250px !important;
        bottom: 0;
        display: none;
        z-index: 999;
    }

    .collapsedAsideSimply {
        display: block;
    }

        .collapsedAsideSimply .asideMenuliList {
            width: inherit;
        }

        .collapsedAsideSimply .iconCollapseUpDown {
            display: block !important;
        }

        .collapsedAsideSimply .asideElementLabel {
            display: block !important;
        }

    .custpanelSimplify {
        margin-left: 0 !important;
        margin-top: 0;
        padding: 10px;
        background: #F4F6FA;
        padding-top: 10px;
    }

    .timeSheetDetailsHeading .menuBarOppo {
        display: none;
        background: #fff;
        align-content: center;
    }

    .DashCardRow {
        flex-wrap: wrap;
    }

    .width33_33per {
        width: 100% !important;
    }

    .width50_50per {
        width: 100% !important;
    }

    .retail-sales-table {
        width: 600px !important;
    }

    .width66_66per {
        width: 100% !important;
    }

    .PM-timesheetDetails {
        width: 1000px;
    }

    .pm-cardsRow .cardActivityPM {
        width: 100%;
        padding: 8px 10px;
    }

    .dropdownDnoneRow {
        display: flex !important;
    }

    .btnDnoneAction {
        display: none !important
    }

    .pm-WorkListAction h3 span {
        display: none
    }

    .headingMainDashboard {
        font-size: 16px;
        margin: 5px 0 !important;
    }

    .respwidthoverflow {
        width: 100% !important;
        overflow: auto;
    }

    .respwidth1000px {
        width: 1000px !important;
    }

    .TableCardBoxSimplfy {
        width: 1200px;
    }

    .overflowRespmin600 {
        overflow: auto !important;
    }

    .mainHeading_simplyfy .labelBoxMain_simplfy {
        font-size: 14px;
    }

    .custFieldLabelSimply {
        color: #000000;
        font-size: 13px;
        font-family: Poppins-Regular;
        line-height: 30px;
    }

    .tableHeadingBoxCard .tableCardHeadingsimplfy .HeadingTxtIconBox {
        font-size: 12px;
    }

    .breadcrumbNavBar .breadNavHeading {
        font-size: 14px;
    }

    .FieldcardFor70 {
        border-right: none;
        width: 100%;
        padding-right: 0;
    }

    .causalLevaecardBox {
        width: 100%;
        padding-left: 0;
        padding-top: 15px;
    }

    .simplfyCheckBox {
        margin-top: 5px;
    }

    .width50perSimply {
        width: 100%;
    }

    .dashboard2-cards {
        padding: 10px 0;
        flex-wrap: wrap;
    }

    .mar-T60Resp {
        margin-top: 60px !important;
    }

    .simplfyCheckBox label {
        padding-top: 5px;
    }

    .Simplfy-flex {
        display: inherit !important;
    }

    .mailbodypopupPanel .mailpanelsubBody .emailActionHeading {
        display: inline !important;
    }

        .mailbodypopupPanel .mailpanelsubBody .emailActionHeading .mailIconEmailId {
            width: 100%;
            gap: 15px;
        }

    .EmailLogoimg {
        width: 95px;
        height: 75px;
    }

    .padd5b0resp {
        padding: 5px 0;
    }

    .iconactionMailBox25 {
        width: 100%;
    }

    .wcgridcardwidth {
        width: 100%;
    }

    .applyFilterPopup {
        top: 240px;
        width: 100%;
    }

    .widthTable800pxResp {
        width: 800px !important
    }

    .overflowAutoResp {
        overflow: auto !important;
    }

    .siplifyCalDashboard {
        display: flex;
        gap: 10px;
        flex-direction: column-reverse;
    }

    .week-header, .day-grid {
        gap: 0px !important;
    }

    .calendar-containersimplify {
        width: 100% !important;
    }

    .simplifyCalendarFilter {
        width: 100% !important;
    }

    .actTrailContent .actTrailpanelBody {
        flex-wrap: wrap;
    }

    .acttrailActionPanel {
        width: 100%;
    }

    .activityTrailMainPanel {
        width: 100%;
    }

    .height400Resp {
        height: 400px !important
    }

    .widthscrolldv {
        width: 100%;
        overflow: auto
    }

    .commonTable {
        width: 100% !important;
    }

    .activityTrailmenuBtns {
        width: 1200px;
    }

    .width50respSImplify {
        width: 50% !important;
    }

    .marT10Ressp {
        margin-top: 10px !important;
    }

    .marT50Ressp {
        margin-top: 50px !important;
    }

    .flexRespMargin5 {
        display: flex;
        margin-top: 5px;
    }

    .tab-containerSimplify .tabsUL {
        list-style: none;
        display: flex;
        padding: 0;
        width: 809px;
        margin: 0;
        gap: 20px;
        border-bottom: 2px solid #e0e0e0;
    }

    .width30persimp {
        width: 100% !important;
    }

    .custTextareaFieldSimplfy {
        margin-bottom: 5px;
    }

    .custSelectFieldSimplfy {
        margin-bottom: 5px;
    }

    .session-expire-login {
        padding: 10px;
        top: 35px;
    }

        .session-expire-login .expire-login {
            width: 100%;
        }

            .session-expire-login .expire-login .loader-demo {
                display: flex;
                justify-content: center;
            }

    .disAlignCenter {
        display: flex;
        align-items: center;
    }

    .claimContainerSimplify {
        flex-wrap: wrap;
    }

    .headingCardSimplify {
        display: inherit;
    }

    .txtRespRight {
        text-align: right;
    }

    .claimDtBox {
        width: 1000px;
    }

    .cardRowAssignment {
        width: 1100px;
    }

    .resource-dates-wrapper {
        width: 1200px !important;
    }

    .report-container .report-details {
        width: 1000px;
    }

    .mandate-wrapper {
        width: 1000px;
    }

    .mandate-summary-bottom {
        display: inline-block;
    }

    .mainbox {
        width: 1200px !important;
    }

    .ClaimGSTRegistration {
        display: flex;
        flex-wrap: wrap;
        gap: 2px;
        justify-content: space-between;
    }

    .ClaimGSTwidth {
        width: 20%;
    }

    .GSTClaimForm {
        width: 75%;
        margin: 5px 0;
    }

    .ClaimGSTApproval {
        display: flex;
        margin: 5px 0 !important;
        width: 45%;
    }

    .gst-claim-section {
        width: 45%;
    }

    .employe-info-padd {
        width: 100%;
    }

    .widthrespInherit {
        width: inherit !important;
    }

    .widthrespFitContent {
        width: fit-content !important;
    }

    .widthresp100 {
        width: 100% !important;
    }

    .widthresp10 {
        width: 10% !important;
    }

    .widthresp35 {
        width: 35% !important;
    }

    .widthresp40 {
        width: 40% !important;
    }

    .widthresp55 {
        width: 55% !important;
    }

    .widthresp50 {
        width: 50% !important;
    }

    .disRespNone {
        display: none !important
    }

    .disRespflex {
        display: flex !important
    }

    .padd0Resp {
        padding: 0 !important;
    }

    .marT8Resp {
        margin-top: 8px !important
    }

    .marT10Resp {
        margin-top: 10px !important
    }

    .prospfectRrespField {
        display: flex;
        flex-wrap: wrap;
        gap: 5px;
    }

    .padd0resp {
        padding: 0 !important;
    }

    .label-btn-box {
        width: 100%;
    }

    .width-shipment {
        width: 100% !important;
    }

    .w150pxResp {
        width: 150px !important;
    }

    .shipmentFieldWidth65 {
        width: 100%;
    }

    .shipmentFieldWidth35 {
        width: 100%;
    }

    .w1200pxResp {
        width: 1200px !important
    }

    .w600pxResp {
        width: 600px !important
    }

    .w450pxResp {
        width: 450px !important
    }

    .paddT80resp {
        padding-top: 80px !important;
    }

    .dInlinTableResp {
        display: inline-table;
    }

    .widthscrolldvImp {
        width: 100% !important;
        overflow: auto !important;
    }

    .field-width {
        width: 100% !important;
    }

    .dflexresp {
        display: flex !important;
    }

    .GSTRegistrationAdmin {
        font-size: 10px !important;
    }

    .pstAddimgLogo {
        position: initial !important;
        padding-top: 10px;
    }

    .mart0resp {
        margin-top: 0 !important;
    }

    .field-end-width {
        width: 100% !important;
    }

    .width50resp {
        width: 50% !important;
    }

    .width25resp {
        width: 25% !important;
    }

    .width40resp {
        width: 40% !important;
    }

    .width10resp {
        width: 10% !important;
    }

    .fieldEnd50Per {
        width: 100% !important;
    }

    .marL5Resp {
        margin-left: 5px !important;
    }

    .marb3Resp {
        margin-bottom: 3px !important;
    }

    #btnaddtransporter {
        font-size: 10px !important;
        margin-top: 3px !important;
        padding: 3px 2px !important;
    }

    #btnaddbill {
        font-size: 10px !important;
        margin-top: 3px !important;
        padding: 3px 2px !important;
    }

    .panel-headingheader {
        flex-wrap: wrap;
        overflow: auto;
        padding-bottom: 3px;
        gap: 5px;
    }

    .colRowIncentive {
        width: 100%;
    }

    .field-widthdetails {
        width: 100%;
    }

    .field-flexgap {
        flex-direction: column;
    }

    .notice {
        flex-direction: column;
    }

    .info-header {
        width: 100%;
    }

    .ui-error-toast-left {
        width: 100%;
        flex-wrap: wrap;
    }

    .ui-error-toast-message {
        width: 85%;
    }

    .ui-error-toast-close {
        width: 100%;
        margin-left: 25px;
        justify-content: space-between;
    }

    .cust-error-row {
        flex-wrap: wrap;
    }

    .cust-error-column {
        width: 100%;
    }

    .cust-error-value-ellipsis {
        max-width: 65%;
    }

    .ui-error-toast-icon {
        width: 5% !important;
    }

    .cust-error-row {
        margin-left: 5px;
    }

    .field-dispflex {
        flex-direction: column;
    }

    .field-flexgapentity {
        width: 100%;
    }

    .width65fieldset {
        width: 100%;
    }

    .width35fieldset {
        width: 100%;
    }

    .work-card-actions {
        display: flex;
        gap: 2px;
        flex-wrap: wrap;
    }

    .work-card-assignwork {
        font-size: 12px;
    }

    .work-card-title {
        font-size: 14px;
    }

    .width55resp {
        width: 55% !important;
    }

    .width45resp {
        width: 45% !important;
    }

    .manualPunchFooter {
        flex-wrap: wrap;
        padding-bottom: 5px;
        border-bottom: 1px solid #d9d9d9;
        gap: 5px;
    }

    .manualPunchBtnHold {
        min-width: 100%;
        padding: 5px 12px;
    }

    .manualPunchFooterActions {
        min-width: 100%;
        padding: 5px 12px;
    }

    .manualPunchHeader {
        width: 100%;
        overflow: auto;
    }

    .scrollResp700 {
        overflow: auto;
        width: 700px;
    }

    .attendanceManualPunchTitle {
        display: inline;
    }

    .asideRespErp {
        flex-wrap: wrap;
        flex-direction: row-reverse;
        position: sticky;
    }

    .erpNav_flexTitle {
        width: 75%;
        font-size: 14px;
    }

    .DisVou_ActionRow {
        width: 700px !important;
    }

    .DisVou_Value {
        width: 50% !important;
    }

    .netSpeed_down {
        gap: 2px;
        padding: 4px 6px;
    }

    .erp_card_grid {
        display: flex;
        flex-wrap: wrap;
        gap: 16px;
        width: 100%;
    }

    .erp_info_card {
        width: 100%;
    }

    .erpActInfo_container {
        grid-template-columns: 1fr;
    }

    .erp_task_meta_block {
        display: flex;
        gap: 4px;
        flex-wrap: wrap;
    }

    .fieldBoxtable .headingFieldBoxtable {
        flex-wrap: wrap;
        gap: 5px;
    }

    .erp_respHeadingBtns {
        display: flex;
        gap: 4px;
        justify-content: space-between;
        width: 100%;
        overflow: auto;
        padding: 8px 0;
    }

    .erp_task_meta_row {
        margin-right: 0;
    }

    .erp_task_no_task {
        padding: 2px 14px;
    }

    .erp_timeline_content {
        margin-bottom: 12px;
    }

    .erpTestCaseRepo_container {
        gap: 6px;
    }

    .erpTestCaseRepo_item {
        width: 100%;
    }

    .erpTestCaseRepo_label {
        width: 50%;
    }

    .erpTestCaseRepo_value {
        width: 50%;
    }

    .FwrapResp {
        flex-wrap: wrap;
    }

    .crmProspect_wrapper25 {
        width: 100%;
    }

    .crmProspect_wrapper {
        width: 100%;
    }

    .asideRespErp {
        flex-wrap: wrap;
        flex-direction: row-reverse;
        position: sticky;
    }

    .mainNavSimply .NavActionProfileElements .ProfileActionsIcon img {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        margin-right: 0;
    }

    .mainNavSimply .NavActionProfileElements {
        gap: 6px;
    }

    .erpNav_flexTitle {
        width: 75%;
        font-size: 14px;
        display: flex;
        justify-content: right;
    }

    .showOnMOb {
        display: block !important;
    }

    .marL220Resp {
        margin-left: 220px !important;
    }

    .hideInMob {
        display: none !important;
    }

    .erpAside_container {
        top: -12px !important;
    }

    #removeColpsClass {
        padding-top: 22px !important;
    }

    .ulMenuListResp {
        left: -160px !important;
        width: 300px !important;
    }

    .ulMenuElnListResp .list-group div {
        left: -260px !important;
        width: 300px !important;
    }

    .ErpMenu_mainDropdown {
        left: -200px;
        min-width: 250px;
        width: 100% !important;
    }

    .ErpMenu_moduleDropdown {
        right: -65px;
        left: initial;
        min-width: 250px;
        width: 100% !important;
    }

    .erpSubMenu_searchWrapper {
        width: 100%;
        padding: 10px 18px;
    }

    .erpSubMenu_contentWrapper {
        padding: 10px 18px;
        display: flex;
        gap: 0;
        flex-wrap: wrap;
    }

    .erpSubMenu_list {
        padding-top: 0 !important;
    }

    #moduleDropList {
        width: 30px;
        height: 30px;
    }

    .ErpMenu_listItem {
        width: 50%;
        padding: 6px;
    }

    .ErpMenu_list {
        flex-wrap: wrap;
        max-height: 500px;
        overflow: auto;
    }

    .ErpMenu_Modulelist {
        flex-wrap: wrap;
    }

    .DisVou_InfoText {
        flex-wrap: nowrap !important;
    }

    .disApproveBtnResp {
        display: flex;
        flex-wrap: wrap;
        gap: 5px;
    }

    .project_budget .nav-tabs > li {
        width: 50%;
        text-align: center;
    }

    .minW1200resp {
        min-width: 1200px !important;
    }

    .event-details {
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 300px;
    }

    .card-worklist-manage {
        padding: 15px;
        flex-wrap: wrap;
    }

    .badge-badge-grey {
        max-width: 160px;
    }

    .width100-end {
        width: 100% !important;
    }

    .doneResp {
        display: none !important;
    }

    .sel-colresp {
        padding: 0px 1px;
    }

    .width100resp {
        width: 100% !important;
    }

    .dFlexWrapResp {
        display: flex;
        flex-wrap: wrap;
    }

    .gap10resp {
        gap: 10px !important;
    }

    .flexWrapResp {
        flex-wrap: wrap !important;
    }

    .mainHeading_simplyfy {
        flex-wrap: wrap;
    }

    .blueBtnPrimary,
    .btnrightBreadCrumb {
        font-size: 12px !important;
    }

    .claimEntryErpHeader {
        display: inline-block;
        align-items: flex-start;
    }

    .claimEntryErpBadge {
        width: 120px;
    }

    .claimEntryErpTags {
        justify-content: space-between;
        margin-bottom: 6px;
    }

    .claimEntryErpFooter {
        display: flex;
    }

    .container_title {
        font-size: 12px !important;
    }

    .breadcrumbNavBar {
        display: inline;
    }

    .amount-histroydetails {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
        gap: 32px;
    }

    .oa-card {
        width: 100%;
    }

    .oa-card-lastclaim {
        width: 100%;
    }

    .claim-top-row {
        flex-direction: column;
        gap: 16px;
    }

    .claim-meta-group {
        flex-wrap: wrap;
    }

    .claim-meta-divider {
        display: none;
    }

    .claim-entry-actions {
        justify-content: flex-start;
    }

    .claim-location-grid {
        grid-template-columns: 1fr;
        gap: 16px;
        margin: 16px 0;
    }

    .claim-expense-grid {
        gap: 16px;
        grid-template-columns: repeat(2, 1fr);
    }

    .claim-expense-grid-break {
        gap: 16px;
        grid-template-columns: repeat(2, 1fr);
    }

    #liChkIntSpeed {
        display: none !important;
    }

    .QuotationEntry-amountStrip {
        flex-wrap: wrap;
        height: auto;
        padding: 12px;
        justify-content: space-between;
    }

    .picture-displaygap {
        height: auto;
        grid-template-columns: repeat(2, 1fr);
    }

    .purchase-module-board {
        padding: 12px;
    }

    .purchase-module-board-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .purchase-module-grid {
        grid-template-columns: 1fr;
    }

    .Purchase-Module-svgarrow {
        display: none;
    }

    .purchase-module-row {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }

    .purchase-module-card {
        max-width: 100%;
    }

    .Configuration-Utilities-dialog-card {
        width: 100% !important;
        right: 2px !important;
        top: 41px !important;
    }

    .purchase-module-divider {
        display: none;
    }

    .Purchase-Moduleindentpad {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        padding: 13px 0px;
    }

    .Purchase-ModulePURCHASEORDER {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }

    .Purchase-ModulePURCHASEORDER {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }

    .Purchase-ModulePAYMENT {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        padding: 13px 0px;
        display: flex !important;
        flex-direction: column;
    }

    .purchase-module-step {
        margin-bottom: 13px;
    }

    .ticket-pichartposition {
        background: #fff;
        height: 245px;
        position: relative;
        top: 251px;
    }
    .employee-table-card {
        border: none;
    }
    .speech_mic_container {
        display: none;
    }
    .cardTableRow {
        padding: 1px 15px;
    }

}


@media (min-width: 600px) and (max-width: 780px) {
    .asideMenuBar {
        width: 220px;
    }

    .custpanelSimplify {
        margin-top: 0;
        padding-top: 20px;
    }

    .DashCardRow {
        flex-wrap: wrap;
    }

    .width33_33per {
        width: 100% !important;
    }

    .width50_50per {
        width: 100% !important;
    }

    .width40_40per {
        width: 100% !important;
    }

    .width60_60per {
        width: 100% !important;
    }

    .width66_66per {
        width: 100% !important;
    }

    .PM-timesheetDetails {
        width: 1000px;
    }

    .pm-cardsRow .cardActivityPM {
        width: 100%;
        padding: 8px 10px;
    }

    .dropdownDnoneRow {
        display: flex !important;
    }

    .btnDnoneAction {
        display: none !important
    }

    .pm-WorkListAction h3 span {
        display: none
    }

    .overflowResp {
        overflow: auto !important;
    }

    .tableHeadingBoxCard .tableCardHeadingsimplfy .HeadingTxtIconBox {
        font-size: 14px;
    }

    .overflowRespmin600 {
        overflow: auto !important;
    }

    .TableCardBoxSimplfy {
        width: 1200px;
    }


    .simplfyCheckBox {
        margin-top: 5px;
    }

    .width50perSimply {
        width: 100%;
    }

    .participant-form-select {
        width: 100%;
    }

    .participant-select {
        width: 100%;
    }
}

@media (min-width: 780px) and (max-width: 1200px) {
    .asideMenuBar {
        width: 220px;
    }

    .custpanelSimplify {
        margin-top: 0;
        padding-top: 25px;
    }


    .width33_33per {
        width: 45% !important;
    }


    .width66_66per {
        width: 55% !important;
    }

    .tableHeadingBoxCard .tableCardHeadingsimplfy .HeadingTxtIconBox {
        font-size: 16px;
    }
}