/* Standard margin width */
/* Note: divide the desired width by two */
* {
  box-sizing: border-box; }

body {
  margin: 0;
  padding: 0; }

html, body {
  height: 100%;
  font-family: 'Source Sans Pro', sans-serif; }

h1 {
  color: #18202F;
  font-weight: 600;
  font-size: 24px; }

h3 {
  color: #18202F;
  font-weight: normal;
  font-size: 16px; }

.link-block {
  display: block; }

.edit__link {
  position: absolute;
  right: 20px; }
  .edit__link i {
    color: #DF417F;
    margin-left: 12px; }

.user-icon {
  display: inline-block;
  background-image: linear-gradient(to right, #E85A3E, #DF417F);
  border-radius: 50%;
  width: 27px;
  height: 27px;
  border: 2px solid #fff;
  text-align: center;
  margin-right: -9px;
  vertical-align: top; }
  .user-icon img {
    border-radius: 50%;
    width: 23px;
    height: 23px; }

.card-body-padding {
  padding: 20px; }

button:hover, a.view {
  cursor: pointer; }

#editSection {
  width: 100%; }

.table tr.verlopen, .table tr:nth-child(even).verlopen {
  background-color: #fff3f3; }
  .table tr.verlopen td, .table tr:nth-child(even).verlopen td {
    color: #db3b21; }
.table tr.warning, .table tr:nth-child(even).warning {
  background-color: #ffe6cc; }
  .table tr.warning td, .table tr:nth-child(even).warning td {
    color: #f16d23; }
.table tr.success, .table tr:nth-child(even).success {
  background-color: #e6ffe6; }
  .table tr.success td, .table tr:nth-child(even).success td {
    color: #2df16d; }

.no-padding {
  padding: 0; }

.js-viewing {
  color: #EA1F4B; }

.flex {
  display: flex; }

.flexx {
  display: flex;
  display: -o-flex;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .flexx.align_img {
    align-items: baseline; }

.flex_center {
  display: flex;
  align-items: center;
  justify-content: center; }

.flex_right {
  display: flex;
  justify-content: flex-end; }

.js-project-exists {
  line-height: 93px;
  margin-left: 10px; }
  .js-project-exists a {
    color: #DF417F; }

.availableEmployees .user-icon {
  margin-top: 20px; }

@media all and (max-width: 425px) {
  #editSection {
    width: 100%; } }
.mr0px {
  margin-right: 0px !important; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mt0px {
  margin-top: 0px !important; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mb0px {
  margin-bottom: 0px !important; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mb61px {
  margin-bottom: 61px !important; }

.mb62px {
  margin-bottom: 62px !important; }

.mb63px {
  margin-bottom: 63px !important; }

.mb64px {
  margin-bottom: 64px !important; }

.mb65px {
  margin-bottom: 65px !important; }

.mb66px {
  margin-bottom: 66px !important; }

.mb67px {
  margin-bottom: 67px !important; }

.mb68px {
  margin-bottom: 68px !important; }

.mb69px {
  margin-bottom: 69px !important; }

.mb70px {
  margin-bottom: 70px !important; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ml0px {
  margin-left: 0px !important; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pt0px {
  padding-top: 0px !important; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pb0px {
  padding-bottom: 0px !important; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pb88px {
  padding-bottom: 88px !important; }

.pb89px {
  padding-bottom: 89px !important; }

.pb90px {
  padding-bottom: 90px !important; }

.pb91px {
  padding-bottom: 91px !important; }

.pb92px {
  padding-bottom: 92px !important; }

.pb93px {
  padding-bottom: 93px !important; }

.pb94px {
  padding-bottom: 94px !important; }

.pb95px {
  padding-bottom: 95px !important; }

.pb96px {
  padding-bottom: 96px !important; }

.pb97px {
  padding-bottom: 97px !important; }

.pb98px {
  padding-bottom: 98px !important; }

.pb99px {
  padding-bottom: 99px !important; }

.pb100px {
  padding-bottom: 100px !important; }

.pr0px {
  padding-right: 0px !important; }

.pr1px {
  padding-right: 1px !important; }

.pr2px {
  padding-right: 2px !important; }

.pr3px {
  padding-right: 3px !important; }

.pr4px {
  padding-right: 4px !important; }

.pr5px {
  padding-right: 5px !important; }

.pr6px {
  padding-right: 6px !important; }

.pr7px {
  padding-right: 7px !important; }

.pr8px {
  padding-right: 8px !important; }

.pr9px {
  padding-right: 9px !important; }

.pr10px {
  padding-right: 10px !important; }

.pr11px {
  padding-right: 11px !important; }

.pr12px {
  padding-right: 12px !important; }

.pr13px {
  padding-right: 13px !important; }

.pr14px {
  padding-right: 14px !important; }

.pr15px {
  padding-right: 15px !important; }

.pr16px {
  padding-right: 16px !important; }

.pr17px {
  padding-right: 17px !important; }

.pr18px {
  padding-right: 18px !important; }

.pr19px {
  padding-right: 19px !important; }

.pr20px {
  padding-right: 20px !important; }

.pr21px {
  padding-right: 21px !important; }

.pr22px {
  padding-right: 22px !important; }

.pr23px {
  padding-right: 23px !important; }

.pr24px {
  padding-right: 24px !important; }

.pr25px {
  padding-right: 25px !important; }

.pr26px {
  padding-right: 26px !important; }

.pr27px {
  padding-right: 27px !important; }

.pr28px {
  padding-right: 28px !important; }

.pr29px {
  padding-right: 29px !important; }

.pr30px {
  padding-right: 30px !important; }

.pr31px {
  padding-right: 31px !important; }

.pr32px {
  padding-right: 32px !important; }

.pr33px {
  padding-right: 33px !important; }

.pr34px {
  padding-right: 34px !important; }

.pr35px {
  padding-right: 35px !important; }

.pr36px {
  padding-right: 36px !important; }

.pr37px {
  padding-right: 37px !important; }

.pr38px {
  padding-right: 38px !important; }

.pr39px {
  padding-right: 39px !important; }

.pr40px {
  padding-right: 40px !important; }

.pr41px {
  padding-right: 41px !important; }

.pr42px {
  padding-right: 42px !important; }

.pr43px {
  padding-right: 43px !important; }

.pr44px {
  padding-right: 44px !important; }

.pr45px {
  padding-right: 45px !important; }

.pr46px {
  padding-right: 46px !important; }

.pr47px {
  padding-right: 47px !important; }

.pr48px {
  padding-right: 48px !important; }

.pr49px {
  padding-right: 49px !important; }

.pr50px {
  padding-right: 50px !important; }

.pr51px {
  padding-right: 51px !important; }

.pr52px {
  padding-right: 52px !important; }

.pr53px {
  padding-right: 53px !important; }

.pr54px {
  padding-right: 54px !important; }

.pr55px {
  padding-right: 55px !important; }

.pr56px {
  padding-right: 56px !important; }

.pr57px {
  padding-right: 57px !important; }

.pr58px {
  padding-right: 58px !important; }

.pr59px {
  padding-right: 59px !important; }

.pr60px {
  padding-right: 60px !important; }

.pr61px {
  padding-right: 61px !important; }

.pr62px {
  padding-right: 62px !important; }

.pr63px {
  padding-right: 63px !important; }

.pr64px {
  padding-right: 64px !important; }

.pr65px {
  padding-right: 65px !important; }

.pr66px {
  padding-right: 66px !important; }

.pr67px {
  padding-right: 67px !important; }

.pr68px {
  padding-right: 68px !important; }

.pr69px {
  padding-right: 69px !important; }

.pr70px {
  padding-right: 70px !important; }

.pr71px {
  padding-right: 71px !important; }

.pr72px {
  padding-right: 72px !important; }

.pr73px {
  padding-right: 73px !important; }

.pr74px {
  padding-right: 74px !important; }

.pr75px {
  padding-right: 75px !important; }

.pr76px {
  padding-right: 76px !important; }

.pr77px {
  padding-right: 77px !important; }

.pr78px {
  padding-right: 78px !important; }

.pr79px {
  padding-right: 79px !important; }

.pr80px {
  padding-right: 80px !important; }

.pr81px {
  padding-right: 81px !important; }

.pr82px {
  padding-right: 82px !important; }

.pr83px {
  padding-right: 83px !important; }

.pr84px {
  padding-right: 84px !important; }

.pr85px {
  padding-right: 85px !important; }

.pr86px {
  padding-right: 86px !important; }

.pr87px {
  padding-right: 87px !important; }

.pr88px {
  padding-right: 88px !important; }

.pr89px {
  padding-right: 89px !important; }

.pr90px {
  padding-right: 90px !important; }

.pr91px {
  padding-right: 91px !important; }

.pr92px {
  padding-right: 92px !important; }

.pr93px {
  padding-right: 93px !important; }

.pr94px {
  padding-right: 94px !important; }

.pr95px {
  padding-right: 95px !important; }

.pr96px {
  padding-right: 96px !important; }

.pr97px {
  padding-right: 97px !important; }

.pr98px {
  padding-right: 98px !important; }

.pr99px {
  padding-right: 99px !important; }

.pr100px {
  padding-right: 100px !important; }

.pl0px {
  padding-left: 0px !important; }

.pl1px {
  padding-left: 1px !important; }

.pl2px {
  padding-left: 2px !important; }

.pl3px {
  padding-left: 3px !important; }

.pl4px {
  padding-left: 4px !important; }

.pl5px {
  padding-left: 5px !important; }

.pl6px {
  padding-left: 6px !important; }

.pl7px {
  padding-left: 7px !important; }

.pl8px {
  padding-left: 8px !important; }

.pl9px {
  padding-left: 9px !important; }

.pl10px {
  padding-left: 10px !important; }

.pl11px {
  padding-left: 11px !important; }

.pl12px {
  padding-left: 12px !important; }

.pl13px {
  padding-left: 13px !important; }

.pl14px {
  padding-left: 14px !important; }

.pl15px {
  padding-left: 15px !important; }

.pl16px {
  padding-left: 16px !important; }

.pl17px {
  padding-left: 17px !important; }

.pl18px {
  padding-left: 18px !important; }

.pl19px {
  padding-left: 19px !important; }

.pl20px {
  padding-left: 20px !important; }

.pl21px {
  padding-left: 21px !important; }

.pl22px {
  padding-left: 22px !important; }

.pl23px {
  padding-left: 23px !important; }

.pl24px {
  padding-left: 24px !important; }

.pl25px {
  padding-left: 25px !important; }

.pl26px {
  padding-left: 26px !important; }

.pl27px {
  padding-left: 27px !important; }

.pl28px {
  padding-left: 28px !important; }

.pl29px {
  padding-left: 29px !important; }

.pl30px {
  padding-left: 30px !important; }

.pl31px {
  padding-left: 31px !important; }

.pl32px {
  padding-left: 32px !important; }

.pl33px {
  padding-left: 33px !important; }

.pl34px {
  padding-left: 34px !important; }

.pl35px {
  padding-left: 35px !important; }

.pl36px {
  padding-left: 36px !important; }

.pl37px {
  padding-left: 37px !important; }

.pl38px {
  padding-left: 38px !important; }

.pl39px {
  padding-left: 39px !important; }

.pl40px {
  padding-left: 40px !important; }

.pl41px {
  padding-left: 41px !important; }

.pl42px {
  padding-left: 42px !important; }

.pl43px {
  padding-left: 43px !important; }

.pl44px {
  padding-left: 44px !important; }

.pl45px {
  padding-left: 45px !important; }

.pl46px {
  padding-left: 46px !important; }

.pl47px {
  padding-left: 47px !important; }

.pl48px {
  padding-left: 48px !important; }

.pl49px {
  padding-left: 49px !important; }

.pl50px {
  padding-left: 50px !important; }

.pl51px {
  padding-left: 51px !important; }

.pl52px {
  padding-left: 52px !important; }

.pl53px {
  padding-left: 53px !important; }

.pl54px {
  padding-left: 54px !important; }

.pl55px {
  padding-left: 55px !important; }

.pl56px {
  padding-left: 56px !important; }

.pl57px {
  padding-left: 57px !important; }

.pl58px {
  padding-left: 58px !important; }

.pl59px {
  padding-left: 59px !important; }

.pl60px {
  padding-left: 60px !important; }

.pl61px {
  padding-left: 61px !important; }

.pl62px {
  padding-left: 62px !important; }

.pl63px {
  padding-left: 63px !important; }

.pl64px {
  padding-left: 64px !important; }

.pl65px {
  padding-left: 65px !important; }

.pl66px {
  padding-left: 66px !important; }

.pl67px {
  padding-left: 67px !important; }

.pl68px {
  padding-left: 68px !important; }

.pl69px {
  padding-left: 69px !important; }

.pl70px {
  padding-left: 70px !important; }

.pl71px {
  padding-left: 71px !important; }

.pl72px {
  padding-left: 72px !important; }

.pl73px {
  padding-left: 73px !important; }

.pl74px {
  padding-left: 74px !important; }

.pl75px {
  padding-left: 75px !important; }

.pl76px {
  padding-left: 76px !important; }

.pl77px {
  padding-left: 77px !important; }

.pl78px {
  padding-left: 78px !important; }

.pl79px {
  padding-left: 79px !important; }

.pl80px {
  padding-left: 80px !important; }

.pl81px {
  padding-left: 81px !important; }

.pl82px {
  padding-left: 82px !important; }

.pl83px {
  padding-left: 83px !important; }

.pl84px {
  padding-left: 84px !important; }

.pl85px {
  padding-left: 85px !important; }

.pl86px {
  padding-left: 86px !important; }

.pl87px {
  padding-left: 87px !important; }

.pl88px {
  padding-left: 88px !important; }

.pl89px {
  padding-left: 89px !important; }

.pl90px {
  padding-left: 90px !important; }

.pl91px {
  padding-left: 91px !important; }

.pl92px {
  padding-left: 92px !important; }

.pl93px {
  padding-left: 93px !important; }

.pl94px {
  padding-left: 94px !important; }

.pl95px {
  padding-left: 95px !important; }

.pl96px {
  padding-left: 96px !important; }

.pl97px {
  padding-left: 97px !important; }

.pl98px {
  padding-left: 98px !important; }

.pl99px {
  padding-left: 99px !important; }

.pl100px {
  padding-left: 100px !important; }

.p0px {
  padding: 0px !important; }

.p1px {
  padding: 1px !important; }

.p2px {
  padding: 2px !important; }

.p3px {
  padding: 3px !important; }

.p4px {
  padding: 4px !important; }

.p5px {
  padding: 5px !important; }

.p6px {
  padding: 6px !important; }

.p7px {
  padding: 7px !important; }

.p8px {
  padding: 8px !important; }

.p9px {
  padding: 9px !important; }

.p10px {
  padding: 10px !important; }

.p11px {
  padding: 11px !important; }

.p12px {
  padding: 12px !important; }

.p13px {
  padding: 13px !important; }

.p14px {
  padding: 14px !important; }

.p15px {
  padding: 15px !important; }

.p16px {
  padding: 16px !important; }

.p17px {
  padding: 17px !important; }

.p18px {
  padding: 18px !important; }

.p19px {
  padding: 19px !important; }

.p20px {
  padding: 20px !important; }

.p21px {
  padding: 21px !important; }

.p22px {
  padding: 22px !important; }

.p23px {
  padding: 23px !important; }

.p24px {
  padding: 24px !important; }

.p25px {
  padding: 25px !important; }

.p26px {
  padding: 26px !important; }

.p27px {
  padding: 27px !important; }

.p28px {
  padding: 28px !important; }

.p29px {
  padding: 29px !important; }

.p30px {
  padding: 30px !important; }

.p31px {
  padding: 31px !important; }

.p32px {
  padding: 32px !important; }

.p33px {
  padding: 33px !important; }

.p34px {
  padding: 34px !important; }

.p35px {
  padding: 35px !important; }

.p36px {
  padding: 36px !important; }

.p37px {
  padding: 37px !important; }

.p38px {
  padding: 38px !important; }

.p39px {
  padding: 39px !important; }

.p40px {
  padding: 40px !important; }

.p41px {
  padding: 41px !important; }

.p42px {
  padding: 42px !important; }

.p43px {
  padding: 43px !important; }

.p44px {
  padding: 44px !important; }

.p45px {
  padding: 45px !important; }

.p46px {
  padding: 46px !important; }

.p47px {
  padding: 47px !important; }

.p48px {
  padding: 48px !important; }

.p49px {
  padding: 49px !important; }

.p50px {
  padding: 50px !important; }

.p51px {
  padding: 51px !important; }

.p52px {
  padding: 52px !important; }

.p53px {
  padding: 53px !important; }

.p54px {
  padding: 54px !important; }

.p55px {
  padding: 55px !important; }

.p56px {
  padding: 56px !important; }

.p57px {
  padding: 57px !important; }

.p58px {
  padding: 58px !important; }

.p59px {
  padding: 59px !important; }

.p60px {
  padding: 60px !important; }

.p61px {
  padding: 61px !important; }

.p62px {
  padding: 62px !important; }

.p63px {
  padding: 63px !important; }

.p64px {
  padding: 64px !important; }

.p65px {
  padding: 65px !important; }

.p66px {
  padding: 66px !important; }

.p67px {
  padding: 67px !important; }

.p68px {
  padding: 68px !important; }

.p69px {
  padding: 69px !important; }

.p70px {
  padding: 70px !important; }

.p71px {
  padding: 71px !important; }

.p72px {
  padding: 72px !important; }

.p73px {
  padding: 73px !important; }

.p74px {
  padding: 74px !important; }

.p75px {
  padding: 75px !important; }

.p76px {
  padding: 76px !important; }

.p77px {
  padding: 77px !important; }

.p78px {
  padding: 78px !important; }

.p79px {
  padding: 79px !important; }

.p80px {
  padding: 80px !important; }

.p81px {
  padding: 81px !important; }

.p82px {
  padding: 82px !important; }

.p83px {
  padding: 83px !important; }

.p84px {
  padding: 84px !important; }

.p85px {
  padding: 85px !important; }

.p86px {
  padding: 86px !important; }

.p87px {
  padding: 87px !important; }

.p88px {
  padding: 88px !important; }

.p89px {
  padding: 89px !important; }

.p90px {
  padding: 90px !important; }

.p91px {
  padding: 91px !important; }

.p92px {
  padding: 92px !important; }

.p93px {
  padding: 93px !important; }

.p94px {
  padding: 94px !important; }

.p95px {
  padding: 95px !important; }

.p96px {
  padding: 96px !important; }

.p97px {
  padding: 97px !important; }

.p98px {
  padding: 98px !important; }

.p99px {
  padding: 99px !important; }

.p100px {
  padding: 100px !important; }

#column0 {
  width: 200px;
  display: inline-block; }

#column1 {
  width: 200px;
  display: inline-block; }

#column2 {
  width: 200px;
  display: inline-block; }

#column3 {
  width: 200px;
  display: inline-block; }

#column4 {
  width: 200px;
  display: inline-block; }

.col_1_1, .col_2_2, .col_3_3, .col_4_4, .col_5_5, .col_6_6 {
  width: 100%; }
  .col_1_1.small_spacer, .col_2_2.small_spacer, .col_3_3.small_spacer, .col_4_4.small_spacer, .col_5_5.small_spacer, .col_6_6.small_spacer {
    width: calc(100% - 0px); }
  .col_1_1.medium_spacer, .col_2_2.medium_spacer, .col_3_3.medium_spacer, .col_4_4.medium_spacer, .col_5_5.medium_spacer, .col_6_6.medium_spacer {
    width: calc(100% - 15px); }
  .col_1_1.big_spacer, .col_2_2.big_spacer, .col_3_3.big_spacer, .col_4_4.big_spacer, .col_5_5.big_spacer, .col_6_6.big_spacer {
    width: calc(100% - 60px); }

.col_1_2, .col_2_4, .col_3_6, .col_4_8, .col_5_10, .col_6_12 {
  width: 50%; }
  .col_1_2.small_spacer, .col_2_4.small_spacer, .col_3_6.small_spacer, .col_4_8.small_spacer, .col_5_10.small_spacer, .col_6_12.small_spacer {
    width: calc(50% - 0px); }
  .col_1_2.medium_spacer, .col_2_4.medium_spacer, .col_3_6.medium_spacer, .col_4_8.medium_spacer, .col_5_10.medium_spacer, .col_6_12.medium_spacer {
    width: calc(50% - 15px); }
  .col_1_2.big_spacer, .col_2_4.big_spacer, .col_3_6.big_spacer, .col_4_8.big_spacer, .col_5_10.big_spacer, .col_6_12.big_spacer {
    width: calc(50% - 60px); }

.col_1_3, .col_3_9, .col_4_12 {
  width: calc(100% / 3); }
  .col_1_3.small_spacer, .col_3_9.small_spacer, .col_4_12.small_spacer {
    width: calc((100% / 3) - 0px); }
  .col_1_3.medium_spacer, .col_3_9.medium_spacer, .col_4_12.medium_spacer {
    width: calc((100% / 3) - 15px); }
  .col_1_3.big_spacer, .col_3_9.big_spacer, .col_4_12.big_spacer {
    width: calc((100% / 3) - 60px); }

.col_2_3, .col_6_9, .col_8_12 {
  width: calc((100% / 3) * 2); }
  .col_2_3.small_spacer, .col_6_9.small_spacer, .col_8_12.small_spacer {
    width: calc(((100% / 3) * 2) - 0px); }
  .col_2_3.medium_spacer, .col_6_9.medium_spacer, .col_8_12.medium_spacer {
    width: calc(((100% / 3) * 2) - 15px); }
  .col_2_3.big_spacer, .col_6_9.big_spacer, .col_8_12.big_spacer {
    width: calc(((100% / 3) * 2) - 60px); }

.col_1_4, .col_2_8, .col_3_12 {
  width: 25%; }
  .col_1_4.small_spacer, .col_2_8.small_spacer, .col_3_12.small_spacer {
    width: calc(25% - 0px); }
  .col_1_4.medium_spacer, .col_2_8.medium_spacer, .col_3_12.medium_spacer {
    width: calc(25% - 15px); }
  .col_1_4.big_spacer, .col_2_8.big_spacer, .col_3_12.big_spacer {
    width: calc(25% - 60px); }

.col_3_4, .col_6_8, .col_9_12 {
  width: 75%; }
  .col_3_4.small_spacer, .col_6_8.small_spacer, .col_9_12.small_spacer {
    width: calc(75% - 0px); }
  .col_3_4.medium_spacer, .col_6_8.medium_spacer, .col_9_12.medium_spacer {
    width: calc(75% - 15px); }
  .col_3_4.big_spacer, .col_6_8.big_spacer, .col_9_12.big_spacer {
    width: calc(75% - 60px); }

.col_1_5, .col_2_10 {
  width: 20%; }
  .col_1_5.small_spacer, .col_2_10.small_spacer {
    width: calc(20% - 0px); }
  .col_1_5.medium_spacer, .col_2_10.medium_spacer {
    width: calc(20% - 15px); }
  .col_1_5.big_spacer, .col_2_10.big_spacer {
    width: calc(20% - 60px); }

.col_2_5, .col_4_10 {
  width: 40%; }
  .col_2_5.small_spacer, .col_4_10.small_spacer {
    width: calc(40% - 0px); }
  .col_2_5.medium_spacer, .col_4_10.medium_spacer {
    width: calc(40% - 15px); }
  .col_2_5.big_spacer, .col_4_10.big_spacer {
    width: calc(40% - 60px); }

.col_3_5, .col_6_10 {
  width: 60%; }
  .col_3_5.small_spacer, .col_6_10.small_spacer {
    width: calc(60% - 0px); }
  .col_3_5.medium_spacer, .col_6_10.medium_spacer {
    width: calc(60% - 15px); }
  .col_3_5.big_spacer, .col_6_10.big_spacer {
    width: calc(60% - 60px); }

.col_4_5, .col_8_10 {
  width: 80%; }
  .col_4_5.small_spacer, .col_8_10.small_spacer {
    width: calc(80% - 0px); }
  .col_4_5.medium_spacer, .col_8_10.medium_spacer {
    width: calc(80% - 15px); }
  .col_4_5.big_spacer, .col_8_10.big_spacer {
    width: calc(80% - 60px); }

.col_1_6 {
  width: calc(100% / 6); }
  .col_1_6.small_spacer {
    width: calc((100% / 6) - 0px); }
  .col_1_6.medium_spacer {
    width: calc((100% / 6) - 15px); }
  .col_1_6.big_spacer {
    width: calc((100% / 6) - 60px); }

.col_2_6 {
  width: calc((100% / 6) * 2); }
  .col_2_6.small_spacer {
    width: calc(((100% / 6) * 2) - 0px); }
  .col_2_6.medium_spacer {
    width: calc(((100% / 6) * 2) - 15px); }
  .col_2_6.big_spacer {
    width: calc(((100% / 6) * 2) - 60px); }

.col_4_6 {
  width: calc((100% / 6) * 4); }
  .col_4_6.small_spacer {
    width: calc(((100% / 6) * 4) - 0px); }
  .col_4_6.medium_spacer {
    width: calc(((100% / 6) * 4) - 15px); }
  .col_4_6.big_spacer {
    width: calc(((100% / 6) * 4) - 60px); }

.col_5_6 {
  width: calc((100% / 6) * 5); }
  .col_5_6.small_spacer {
    width: calc(((100% / 6) * 5) - 0px); }
  .col_5_6.medium_spacer {
    width: calc(((100% / 6) * 5) - 15px); }
  .col_5_6.big_spacer {
    width: calc(((100% / 6) * 5) - 60px); }

.col_1_7 {
  width: calc(100% / 7); }
  .col_1_7.small_spacer {
    width: calc(100% / 7) - 0px; }
  .col_1_7.medium_spacer {
    width: calc(100% / 7) - 15px; }
  .col_1_7.big_spacer {
    width: calc(100% / 7) - 60px; }

.col_2_7 {
  width: calc((100% / 7) * 2); }
  .col_2_7.small_spacer {
    width: calc(((100% / 7) * 2) - 0px); }
  .col_2_7.medium_spacer {
    width: calc(((100% / 7) * 2) - 15px); }
  .col_2_7.big_spacer {
    width: calc(((100% / 7) * 2) - 60px); }

.col_3_7 {
  width: calc((100% / 7) * 3); }
  .col_3_7.small_spacer {
    width: calc(((100% / 7) * 3) - 0px); }
  .col_3_7.medium_spacer {
    width: calc(((100% / 7) * 3) - 15px); }
  .col_3_7.big_spacer {
    width: calc(((100% / 7) * 3) - 60px); }

.col_4_7 {
  width: calc((100% / 7) * 4); }
  .col_4_7.small_spacer {
    width: calc(((100% / 7) * 4) - 0px); }
  .col_4_7.medium_spacer {
    width: calc(((100% / 7) * 4) - 15px); }
  .col_4_7.big_spacer {
    width: calc(((100% / 7) * 4) - 60px); }

.col_5_7 {
  width: calc((100% / 7) * 5); }
  .col_5_7.small_spacer {
    width: calc(((100% / 7) * 5) - 0px); }
  .col_5_7.medium_spacer {
    width: calc(((100% / 7) * 5) - 15px); }
  .col_5_7.big_spacer {
    width: calc(((100% / 7) * 5) - 60px); }

.col_6_7 {
  width: calc((100% / 7) * 6); }
  .col_6_7.small_spacer {
    width: calc(((100% / 7) * 6) - 0px); }
  .col_6_7.medium_spacer {
    width: calc(((100% / 7) * 6) - 15px); }
  .col_6_7.big_spacer {
    width: calc(((100% / 7) * 6) - 60px); }

.col_1_8 {
  width: calc(100% / 8); }
  .col_1_8.big_spacer {
    width: calc(100% / 8) - 60px; }
  .col_1_8.medium_spacer {
    width: calc(100% / 8) - 15px; }
  .col_1_8.big_spacer {
    width: calc(100% / 8) - 60px; }

.col_3_8 {
  width: calc((100% / 8) * 3); }
  .col_3_8.small_spacer {
    width: calc(((100% / 8) * 3) - 0px); }
  .col_3_8.medium_spacer {
    width: calc(((100% / 8) * 3) - 15px); }
  .col_3_8.big_spacer {
    width: calc(((100% / 8) * 3) - 60px); }

.col_5_8 {
  width: calc((100% / 8) * 5); }
  .col_5_8.small_spacer {
    width: calc(((100% / 8) * 5) - 0px); }
  .col_5_8.medium_spacer {
    width: calc(((100% / 8) * 5) - 15px); }
  .col_5_8.big_spacer {
    width: calc(((100% / 8) * 5) - 60px); }

.col_7_8 {
  width: calc((100% / 8) * 7); }
  .col_7_8.small_spacer {
    width: calc(((100% / 8) * 7) - 0px); }
  .col_7_8.medium_spacer {
    width: calc(((100% / 8) * 7) - 15px); }
  .col_7_8.big_spacer {
    width: calc(((100% / 8) * 7) - 60px); }

.col_1_9 {
  width: calc(100% / 9); }
  .col_1_9.small_spacer {
    width: calc(100% / 9) - 0px; }
  .col_1_9.medium_spacer {
    width: calc(100% / 9) - 15px; }
  .col_1_9.big_spacer {
    width: calc(100% / 9) - 60px; }

.col_2_9 {
  width: calc((100% / 9) * 2); }
  .col_2_9.small_spacer {
    width: calc(((100% / 9) * 2) - 0px); }
  .col_2_9.medium_spacer {
    width: calc(((100% / 9) * 2) - 15px); }
  .col_2_9.big_spacer {
    width: calc(((100% / 9) * 2) - 60px); }

.col_4_9 {
  width: calc((100% / 9) * 4); }
  .col_4_9.small_spacer {
    width: calc(((100% / 9) * 4) - 0px); }
  .col_4_9.medium_spacer {
    width: calc(((100% / 9) * 4) - 15px); }
  .col_4_9.big_spacer {
    width: calc(((100% / 9) * 4) - 60px); }

.col_5_9 {
  width: calc((100% / 9) * 5); }
  .col_5_9.small_spacer {
    width: calc(((100% / 9) * 5) - 0px); }
  .col_5_9.medium_spacer {
    width: calc(((100% / 9) * 5) - 15px); }
  .col_5_9.big_spacer {
    width: calc(((100% / 9) * 5) - 60px); }

.col_7_9 {
  width: calc((100% / 9) * 7); }
  .col_7_9.small_spacer {
    width: calc(((100% / 9) * 7) - 0px); }
  .col_7_9.medium_spacer {
    width: calc(((100% / 9) * 7) - 15px); }
  .col_7_9.big_spacer {
    width: calc(((100% / 9) * 7) - 60px); }

.col_8_9 {
  width: calc((100% / 9) * 8); }
  .col_8_9.small_spacer {
    width: calc(((100% / 9) * 8) - 0px); }
  .col_8_9.medium_spacer {
    width: calc(((100% / 9) * 8) - 15px); }
  .col_8_9.big_spacer {
    width: calc(((100% / 9) * 8) - 60px); }

.col_1_10 {
  width: 10%; }
  .col_1_10.small_spacer {
    width: 10% - 0px; }
  .col_1_10.medium_spacer {
    width: 10% - 15px; }
  .col_1_10.big_spacer {
    width: 10% - 60px; }

.col_3_10 {
  width: 30%; }
  .col_3_10.small_spacer {
    width: 30% - 0px; }
  .col_3_10.medium_spacer {
    width: 30% - 15px; }
  .col_3_10.big_spacer {
    width: 30% - 60px; }

.col_7_10 {
  width: 70%; }
  .col_7_10.small_spacer {
    width: 70% - 0px; }
  .col_7_10.medium_spacer {
    width: 70% - 15px; }
  .col_7_10.big_spacer {
    width: 70% - 60px; }

.col_9_10 {
  width: 90%; }
  .col_9_10.small_spacer {
    width: 90% - 0px; }
  .col_9_10.medium_spacer {
    width: 90% - 15px; }
  .col_9_10.big_spacer {
    width: 90% - 60px; }

.col_1_11 {
  width: calc(100% / 11); }
  .col_1_11.small_spacer {
    width: calc(100% / 11) - 0px; }
  .col_1_11.medium_spacer {
    width: calc(100% / 11) - 15px; }
  .col_1_11.big_spacer {
    width: calc(100% / 11) - 60px; }

.col_2_11 {
  width: calc((100% / 11) * 2); }
  .col_2_11.small_spacer {
    width: calc(((100% / 11) * 2) - 0px); }
  .col_2_11.medium_spacer {
    width: calc(((100% / 11) * 2) - 15px); }
  .col_2_11.big_spacer {
    width: calc(((100% / 11) * 2) - 60px); }

.col_3_11 {
  width: calc((100% / 11) * 3); }
  .col_3_11.small_spacer {
    width: calc(((100% / 11) * 3) - 0px); }
  .col_3_11.medium_spacer {
    width: calc(((100% / 11) * 3) - 15px); }
  .col_3_11.big_spacer {
    width: calc(((100% / 11) * 3) - 60px); }

.col_4_11 {
  width: calc((100% / 11) * 4); }
  .col_4_11.small_spacer {
    width: calc(((100% / 11) * 4) - 0px); }
  .col_4_11.medium_spacer {
    width: calc(((100% / 11) * 4) - 15px); }
  .col_4_11.big_spacer {
    width: calc(((100% / 11) * 4) - 60px); }

.col_5_11 {
  width: calc((100% / 11) * 5); }
  .col_5_11.small_spacer {
    width: calc(((100% / 11) * 5) - 0px); }
  .col_5_11.meidum_small_spacer {
    width: calc(((100% / 11) * 5) - 15px); }
  .col_5_11.big_spacer {
    width: calc(((100% / 11) * 5) - 60px); }

.col_6_11 {
  width: calc((100% / 11) * 6); }
  .col_6_11.small_spacer {
    width: calc(((100% / 11) * 6) - 0px); }
  .col_6_11.medium_spacer {
    width: calc(((100% / 11) * 6) - 15px); }
  .col_6_11.big_spacer {
    width: calc(((100% / 11) * 6) - 60px); }

.col_7_11 {
  width: calc((100% / 11) * 7); }
  .col_7_11.small_spacer {
    width: calc(((100% / 11) * 7) - 0px); }
  .col_7_11.medium_spacer {
    width: calc(((100% / 11) * 7) - 15px); }
  .col_7_11.big_spacer {
    width: calc(((100% / 11) * 7) - 60px); }

.col_8_11 {
  width: calc((100% / 11) * 8); }
  .col_8_11.small_spacer {
    width: calc(((100% / 11) * 8) - 0px); }
  .col_8_11.medium_spacer {
    width: calc(((100% / 11) * 8) - 15px); }
  .col_8_11.big_spacer {
    width: calc(((100% / 11) * 8) - 60px); }

.col_9_11 {
  width: calc((100% / 11) * 9); }
  .col_9_11.big_spacer {
    width: calc(((100% / 11) * 9) - 60px); }
  .col_9_11.medium_spacer {
    width: calc(((100% / 11) * 9) - 15px); }
  .col_9_11.big_spacer {
    width: calc(((100% / 11) * 9) - 60px); }

.col_10_11 {
  width: calc((100% / 11) * 10); }
  .col_10_11.small_spacer {
    width: calc(((100% / 11) * 10) - 0px); }
  .col_10_11.medium_spacer {
    width: calc(((100% / 11) * 10) - 15px); }
  .col_10_11.big_spacer {
    width: calc(((100% / 11) * 10) - 60px); }

.col_10_11 {
  width: calc((100% / 11) * 10); }
  .col_10_11.small_spacer {
    width: calc(((100% / 11) * 10) - 0px); }
  .col_10_11.medium_spacer {
    width: calc(((100% / 11) * 10) - 15px); }
  .col_10_11.big_spacer {
    width: calc(((100% / 11) * 10) - 60px); }

.col_1_12 {
  width: calc(100% / 12); }
  .col_1_12.small_spacer {
    width: calc(100% / 12) - 0px; }
  .col_1_12.medium_spacer {
    width: calc(100% / 12) - 15px; }
  .col_1_12.big_spacer {
    width: calc(100% / 12) - 60px; }

.col_2_12 {
  width: calc((100% / 12) * 2); }
  .col_2_12.small_spacer {
    width: calc(((100% / 12) * 2) - 0px); }
  .col_2_12.medium_spacer {
    width: calc(((100% / 12) * 2) - 15px); }
  .col_2_12.big_spacer {
    width: calc(((100% / 12) * 2) - 60px); }

.col_5_12 {
  width: calc((100% / 12) * 5); }
  .col_5_12.small_spacer {
    width: calc(((100% / 12) * 5) - 0px); }
  .col_5_12.medium_spacer {
    width: calc(((100% / 12) * 5) - 15px); }
  .col_5_12.big_spacer {
    width: calc(((100% / 12) * 5) - 60px); }

.col_7_12 {
  width: calc((100% / 12) * 7); }
  .col_7_12.small_spacer {
    width: calc(((100% / 12) * 7) - 0px); }
  .col_7_12.medium_spacer {
    width: calc(((100% / 12) * 7) - 15px); }
  .col_7_12.big_spacer {
    width: calc(((100% / 12) * 7) - 60px); }

.col_10_12 {
  width: calc((100% / 12) * 10); }
  .col_10_12.small_spacer {
    width: calc(((100% / 12) * 10) - 0px); }
  .col_10_12.medium_spacer {
    width: calc(((100% / 12) * 10) - 15px); }
  .col_10_12.big_spacer {
    width: calc(((100% / 12) * 10) - 60px); }

.col_11_12 {
  width: calc((100% / 12) * 11); }
  .col_11_12.small_spacer {
    width: calc(((100% / 12) * 11) - 0px); }
  .col_11_12.medium_spacer {
    width: calc(((100% / 12) * 11) - 15px); }
  .col_11_12.big_spacer {
    width: calc(((100% / 12) * 11) - 60px); }

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

.font-weight-bold {
  font-weight: bold; }

.thumbs {
  font-size: 50px;
  position: fixed;
  right: 10px;
  z-index: 1000; }
  .thumbs p {
    position: absolute;
    right: 40px;
    top: 10px;
    z-index: 1000; }
  .thumbs .red {
    color: #db3a20; }
  .thumbs .green {
    color: #1aaa55; }

.hours_info {
  position: fixed;
  top: 120px;
  right: 0px;
  padding: 10px;
  background-color: #FFF;
  border-radius: 3px;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(34, 31, 31, 0.1);
  box-shadow: 0px 0px 5px 0px rgba(34, 31, 31, 0.1); }

.id_table {
  width: 80px; }

.greyed label, .greyed input, .greyed i {
  color: #687686 !important; }

.login textarea:not(.default),
.login select:not(.default),
.login input:not(.default) {
  -webkit-appearance: none;
  height: 50px;
  width: 100%;
  vertical-align: top;
  border: 1px solid #ddd;
  border-radius: 3px;
  font-size: 15px;
  color: #79838F;
  outline: none;
  overflow: hidden;
  margin-bottom: 15px; }
.login textarea:not(.default),
.login select:not(.default),
.login input[type="text"]:not(.default),
.login input[type="password"]:not(.default),
.login input[type="email"]:not(.default),
.login input[type="number"]:not(.default) {
  padding: 0 10px;
  cursor: text; }

.extra__width {
  width: 645px; }

.input__group {
  width: 345px;
  margin: 10px 0; }
  .input__group--full {
    width: 100%; }
  .input__group label {
    color: #18202F;
    font-size: 16px;
    margin-bottom: 6px;
    display: block; }
    .input__group label .sub {
      font-style: italic; }
  .input__group textarea {
    line-height: normal !important; }
  .input__group input.text, .input__group textarea {
    width: 100%;
    height: 47px;
    line-height: 47px;
    border: none;
    border-radius: 4px;
    padding-left: 10px;
    color: #18202f;
    font-size: 15px;
    border: 1px solid #c4c9cb;
    outline-color: #DF417F; }
    .input__group input.text::placeholder, .input__group textarea::placeholder {
      color: #C4C4C4; }
    .input__group input.text:disabled, .input__group textarea:disabled {
      color: #FFF;
      background-color: #C4C4C4; }
    .input__group input.text.err, .input__group textarea.err {
      border: 1px solid #EA1F4B; }
  .input__group textarea {
    height: 200px;
    resize: none; }
  .input__group input[type="checkbox"] {
    border-radius: 0;
    width: 16px;
    height: 16px;
    background-color: white;
    outline: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
    border: 1px solid #c4c9cb;
    position: relative; }
    .input__group input[type="checkbox"]:checked {
      background-color: #18202F;
      border: 0;
      color: #FFF; }
      .input__group input[type="checkbox"]:checked:before {
        content: "\f00c";
        display: block;
        line-height: 16px;
        position: absolute;
        top: 0;
        font-family: 'Font Awesome 5 Free';
        font-weight: 600;
        left: 1px;
        font-size: 14px; }
  .input__group input[type="checkbox"]:not(.slide) + label {
    display: inline; }
  .input__group input[type="radio"] {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    height: 16px;
    width: 16px;
    box-shadow: 0px 0px 5px 0px rgba(34, 31, 31, 0.1);
    background-color: white;
    border-radius: 50%; }
    .input__group input[type="radio"]:checked {
      border: 1px solid #18202F;
      color: #18202F; }
      .input__group input[type="radio"]:checked:before {
        content: "\f111";
        display: block;
        line-height: 15px;
        position: relative;
        top: 0;
        font-family: 'Font Awesome 5 Free';
        font-weight: 600;
        left: -8px;
        font-size: 10px; }
  .input__group .slide__checkbox input[type="checkbox"] {
    height: 0;
    width: 0;
    visibility: hidden; }
  .input__group .slide__checkbox label {
    width: 62px;
    height: 18px;
    border-radius: 10px;
    background-color: #F4F4F4;
    border: 1px solid #E8E9EB;
    position: relative; }
    .input__group .slide__checkbox label:after {
      content: '';
      position: absolute;
      left: 0;
      top: -8px;
      height: 30px;
      width: 30px;
      border-radius: 50%;
      background-color: #FFF;
      border: 1px solid #E8E9EB;
      box-shadow: 0px 0px 5px 0px rgba(34, 31, 31, 0.1);
      transition: transform .2s linear;
      will-change: transform; }
  .input__group .slide__checkbox input:checked + label {
    background-color: #F3FFF3; }
  .input__group .slide__checkbox input:checked + label:after {
    background-color: #37D150;
    transform: translateX(100%); }

.select_state {
  width: 520px; }

cw-select {
  width: 400px;
  height: 47px;
  border: 1px solid #c4c9cb;
  border-radius: 4px;
  background-color: #FFF;
  display: inline-block;
  color: #18202f;
  cursor: pointer;
  position: relative; }
  cw-select[viewall] {
    display: flex; }
    cw-select[viewall] cw-option {
      border-left: 1px solid #c4c9cb;
      text-align: center;
      line-height: 47px; }
      cw-select[viewall] cw-option[selected] {
        color: #79838F;
        border: 1px solid #18202F; }
  cw-select[dropdown] .fas {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #18202f; }
  cw-select[dropdown] .dorpdown__items {
    display: none;
    position: absolute;
    top: 45px;
    border: 1px solid #c4c9cb;
    border-radius: 4px;
    background-color: #FFF;
    z-index: 9;
    color: #18202f;
    overflow: scroll;
    width: 100%; }
    cw-select[dropdown] .dorpdown__items--open {
      display: block; }
    cw-select[dropdown] .dorpdown__items cw-option {
      padding: 5px 10px;
      cursor: pointer; }
      cw-select[dropdown] .dorpdown__items cw-option[selected] {
        background-color: #F4F4F4; }
      cw-select[dropdown] .dorpdown__items cw-option:hover {
        background-color: #F4F4F4; }
  cw-select .dropdown__selected {
    line-height: 47px;
    padding-left: 10px; }
  cw-select cw-option {
    display: inline-block;
    width: 100%;
    font-size: 15px; }

.team__list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; }

cw-radio-group {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  max-width: 400px; }

cw-radio-option:first-of-type {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px; }

cw-radio-option:last-of-type {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px; }

cw-radio-option {
  padding: 10px 15px;
  border: 1px solid #c4c9cb;
  background-color: #ffffff;
  color: #18202f;
  cursor: pointer;
  font-size: 15px;
  transition: all 0.2s ease;
  user-select: none; }
  cw-radio-option:hover {
    background-color: #f4f4f4; }
  cw-radio-option[selected] {
    border: 1px solid #002f6c;
    background-color: #e0e7ef;
    color: #7a7f85; }
  cw-radio-option:focus {
    outline: none;
    box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25); }

.btn {
  -webkit-appearance: none;
  outline: none;
  border: none;
  font-size: 14px;
  text-transform: uppercase;
  padding: 18px 20px;
  font-weight: 500;
  text-decoration: none; }
  .btn[disabled] {
    background-color: #CCC;
    background-image: none;
    cursor: not-allowed;
    pointer-events: none; }
    .btn[disabled]:hover {
      cursor: not-allowed;
      background-image: none; }

.btn--white {
  color: #18202F;
  background-color: #fff;
  box-shadow: 0px 0px 5px 0px rgba(34, 31, 31, 0.1);
  margin: 0px auto 0 auto;
  font-weight: 700; }

.btn--white:hover {
  background-color: #252E42;
  color: #fff;
  cursor: pointer; }

.btn--rounded {
  border-radius: 25px; }

.btn--smallrounded {
  border-radius: 3px; }

.btn--gradient {
  color: #fff;
  position: relative;
  background-color: #ccc;
  background-image: linear-gradient(to right, #DF417F, #E85A3E);
  -webkit-backface-visibility: hidden;
  z-index: 1; }

.btn--gradient:after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to right, #E85A3E, #DF417F);
  transition: opacity 0.5s ease-out;
  z-index: 2;
  opacity: 0; }

.btn--gradient:hover:after {
  opacity: 1; }

.btn--gradient:hover {
  cursor: pointer; }

.btn--gradient span {
  position: relative;
  z-index: 3; }

.btn--rounded:after {
  border-radius: 25px; }

.btn--smallrounded:after {
  border-radius: 3px; }

.btn-flex-container {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  width: calc(100% - 300px); }
  .btn-flex-container--fixed {
    position: fixed;
    top: 25px;
    right: 20px;
    z-index: 999;
    width: auto; }

@media all and (max-width: 425px) {
  .btn {
    font-size: 13px; } }
.btn_new {
  height: 45px;
  line-height: 45px;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 1px;
  text-decoration: none;
  text-transform: uppercase;
  display: inline-block;
  border-radius: 3px;
  padding: 0 15px;
  transition: all 500ms ease-out;
  -webkit-transition: all 500ms ease-out;
  -moz-transition: all 500ms ease-out;
  -o-transition: all 500ms ease-out;
  -ms-transition: all 500ms ease-out;
  cursor: pointer;
  font-family: 'Source Sans Pro', sans-serif; }
  .btn_new.btn_1 {
    background: #41ad60;
    border: 1px solid #2f9148;
    color: white; }
    .btn_new.btn_1:hover {
      background: #fff;
      color: #41ad60;
      border-color: #41ad60; }
  .btn_new.btn_2 {
    border: 1px solid #b91132;
    color: #b91132;
    background: #fff; }
    .btn_new.btn_2:hover {
      background: #b91132;
      border-color: #b91132;
      color: white; }
  .btn_new.btn_3 {
    border: 1px solid #DF417F;
    color: #DF417F;
    background: #fff; }
    .btn_new.btn_3:hover {
      background: #DF417F;
      border-color: #DF417F;
      color: white; }

.card__title, .card cw-card-title, cw-card__title, cw-card cw-card-title {
  color: #18202F;
  font-size: 15px;
  font-weight: 600;
  padding-bottom: 15px;
  text-transform: uppercase;
  letter-spacing: 1px;
  display: flex;
  justify-content: space-between; }
  .card__title .card__filters .input__group, .card cw-card-title .card__filters .input__group, cw-card__title .card__filters .input__group, cw-card cw-card-title .card__filters .input__group {
    display: inline-block;
    width: auto;
    margin: 0 20px 0 0; }
    .card__title .card__filters .input__group label, .card cw-card-title .card__filters .input__group label, cw-card__title .card__filters .input__group label, cw-card cw-card-title .card__filters .input__group label {
      text-transform: none;
      font-size: 15px;
      display: initial;
      color: #79838F;
      font-weight: normal; }
    .card__title .card__filters .input__group .text, .card__title .card__filters .input__group cw-select, .card cw-card-title .card__filters .input__group .text, .card cw-card-title .card__filters .input__group cw-select, cw-card__title .card__filters .input__group .text, cw-card__title .card__filters .input__group cw-select, cw-card cw-card-title .card__filters .input__group .text, cw-card cw-card-title .card__filters .input__group cw-select {
      height: 32px;
      line-height: 32px;
      width: 119px;
      font-size: 14px; }
    .card__title .card__filters .input__group cw-select, .card cw-card-title .card__filters .input__group cw-select, cw-card__title .card__filters .input__group cw-select, cw-card cw-card-title .card__filters .input__group cw-select {
      width: 150px;
      text-transform: none; }
      .card__title .card__filters .input__group cw-select .dorpdown__items, .card cw-card-title .card__filters .input__group cw-select .dorpdown__items, cw-card__title .card__filters .input__group cw-select .dorpdown__items, cw-card cw-card-title .card__filters .input__group cw-select .dorpdown__items {
        top: 32px; }
      .card__title .card__filters .input__group cw-select .dropdown__selected, .card cw-card-title .card__filters .input__group cw-select .dropdown__selected, cw-card__title .card__filters .input__group cw-select .dropdown__selected, cw-card cw-card-title .card__filters .input__group cw-select .dropdown__selected {
        line-height: 32px; }
.card__body, .card cw-card-body, cw-card__body, cw-card cw-card-body {
  width: 100%;
  background-color: #FFF;
  border-radius: 3px;
  display: inline-block;
  box-shadow: 0px 0px 5px 0px rgba(34, 31, 31, 0.1);
  position: relative;
  margin-bottom: 20px; }
  .card__body .card__body__row, .card cw-card-body .card__body__row, cw-card__body .card__body__row, cw-card cw-card-body .card__body__row {
    display: flex;
    flex-direction: row; }
  .card__body form, .card cw-card-body form, cw-card__body form, cw-card cw-card-body form {
    padding: 10px; }
  .card__body .card_top, .card cw-card-body .card_top, cw-card__body .card_top, cw-card cw-card-body .card_top {
    padding: 10px 20px;
    border-bottom: 1px solid #c4c9cb; }
    .card__body .card_top h3, .card cw-card-body .card_top h3, cw-card__body .card_top h3, cw-card cw-card-body .card_top h3 {
      color: #18202f;
      font-size: 14px;
      font-weight: 700;
      margin: 0px; }
  .card__body .card_top_bar, .card cw-card-body .card_top_bar, cw-card__body .card_top_bar, cw-card cw-card-body .card_top_bar {
    border-bottom: 1px solid #c4c9cb;
    padding-bottom: 25px; }
    .card__body .card_top_bar .medium_title, .card cw-card-body .card_top_bar .medium_title, cw-card__body .card_top_bar .medium_title, cw-card cw-card-body .card_top_bar .medium_title {
      font-size: 24px;
      color: #18202f;
      margin-top: 0px;
      margin-bottom: 2px; }
    .card__body .card_top_bar .sub_project, .card cw-card-body .card_top_bar .sub_project, cw-card__body .card_top_bar .sub_project, cw-card cw-card-body .card_top_bar .sub_project {
      font-size: 14px;
      font-weight: 800; }
      .card__body .card_top_bar .sub_project a, .card cw-card-body .card_top_bar .sub_project a, cw-card__body .card_top_bar .sub_project a, cw-card cw-card-body .card_top_bar .sub_project a {
        color: #1f78d1;
        text-decoration: none; }
        .card__body .card_top_bar .sub_project a:hover, .card cw-card-body .card_top_bar .sub_project a:hover, cw-card__body .card_top_bar .sub_project a:hover, cw-card cw-card-body .card_top_bar .sub_project a:hover {
          color: #DF417F; }
    .card__body .card_top_bar .sub_klant, .card cw-card-body .card_top_bar .sub_klant, cw-card__body .card_top_bar .sub_klant, cw-card cw-card-body .card_top_bar .sub_klant {
      color: #8a949e;
      font-size: 14px; }
    .card__body .card_top_bar .new_label, .card cw-card-body .card_top_bar .new_label, cw-card__body .card_top_bar .new_label, cw-card cw-card-body .card_top_bar .new_label {
      display: inline-block;
      padding: 5px 13px;
      border-radius: 3px;
      margin-left: 10px; }
      .card__body .card_top_bar .new_label.status, .card cw-card-body .card_top_bar .new_label.status, cw-card__body .card_top_bar .new_label.status, cw-card cw-card-body .card_top_bar .new_label.status {
        background-color: #f7f7f7;
        border: 1px solid #c4c9cb;
        color: #18202f; }
      .card__body .card_top_bar .new_label.date, .card cw-card-body .card_top_bar .new_label.date, cw-card__body .card_top_bar .new_label.date, cw-card cw-card-body .card_top_bar .new_label.date {
        background-color: #fff;
        border: 1px solid #1aaa55;
        color: #1aaa55; }
        .card__body .card_top_bar .new_label.date.red, .card cw-card-body .card_top_bar .new_label.date.red, cw-card__body .card_top_bar .new_label.date.red, cw-card cw-card-body .card_top_bar .new_label.date.red {
          background-color: #fff3f3;
          border: 1px solid #db3a20;
          color: #db3a20; }
      .card__body .card_top_bar .new_label.done, .card cw-card-body .card_top_bar .new_label.done, cw-card__body .card_top_bar .new_label.done, cw-card cw-card-body .card_top_bar .new_label.done {
        border: 1px solid #c4c9cb; }
        .card__body .card_top_bar .new_label.done i, .card cw-card-body .card_top_bar .new_label.done i, cw-card__body .card_top_bar .new_label.done i, cw-card cw-card-body .card_top_bar .new_label.done i {
          color: #79838F; }
        .card__body .card_top_bar .new_label.done:hover, .card cw-card-body .card_top_bar .new_label.done:hover, cw-card__body .card_top_bar .new_label.done:hover, cw-card cw-card-body .card_top_bar .new_label.done:hover {
          background-color: #1aaa55; }
          .card__body .card_top_bar .new_label.done:hover i, .card cw-card-body .card_top_bar .new_label.done:hover i, cw-card__body .card_top_bar .new_label.done:hover i, cw-card cw-card-body .card_top_bar .new_label.done:hover i {
            color: #fff; }
  .card__body .details, .card cw-card-body .details, cw-card__body .details, cw-card cw-card-body .details {
    padding: 20px 10px; }
    .card__body .details .col_1_2, .card cw-card-body .details .col_1_2, cw-card__body .details .col_1_2, cw-card cw-card-body .details .col_1_2 {
      padding: 4px 0; }
    .card__body .details .label, .card cw-card-body .details .label, cw-card__body .details .label, cw-card cw-card-body .details .label {
      color: #18202f;
      font-weight: 800;
      font-size: 14px; }
    .card__body .details span:not(.label), .card cw-card-body .details span:not(.label), cw-card__body .details span:not(.label), cw-card cw-card-body .details span:not(.label) {
      color: #8a949e;
      font-size: 14px; }
    .card__body .details .details_block, .card cw-card-body .details .details_block, cw-card__body .details .details_block, cw-card cw-card-body .details .details_block {
      padding: 0px 10px; }
      .card__body .details .details_block.red_d, .card cw-card-body .details .details_block.red_d, cw-card__body .details .details_block.red_d, cw-card cw-card-body .details .details_block.red_d {
        background-color: #ffdbd7; }
        .card__body .details .details_block.red_d .col_1_2, .card cw-card-body .details .details_block.red_d .col_1_2, cw-card__body .details .details_block.red_d .col_1_2, cw-card cw-card-body .details .details_block.red_d .col_1_2 {
          color: #db3a20; }
  .card__body #editSection, .card__body #editSection li, .card__body #editSection p, .card cw-card-body #editSection, .card cw-card-body #editSection li, .card cw-card-body #editSection p, cw-card__body #editSection, cw-card__body #editSection li, cw-card__body #editSection p, cw-card cw-card-body #editSection, cw-card cw-card-body #editSection li, cw-card cw-card-body #editSection p {
    color: #8a949e !important;
    font-size: 14px !important; }
  .card__body .spinner__container, .card cw-card-body .spinner__container, cw-card__body .spinner__container, cw-card cw-card-body .spinner__container {
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.4);
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center; }
  .card__body .card__body__sort, .card__body cw-sort, .card cw-card-body .card__body__sort, .card cw-card-body cw-sort, cw-card__body .card__body__sort, cw-card__body cw-sort, cw-card cw-card-body .card__body__sort, cw-card cw-card-body cw-sort {
    letter-spacing: 1px;
    height: 55px;
    border-bottom: 1px solid #E9EBEE;
    display: flex;
    justify-content: flex-end; }
    .card__body .card__body__sort__menu, .card__body cw-sort__menu, .card cw-card-body .card__body__sort__menu, .card cw-card-body cw-sort__menu, cw-card__body .card__body__sort__menu, cw-card__body cw-sort__menu, cw-card cw-card-body .card__body__sort__menu, cw-card cw-card-body cw-sort__menu {
      display: none;
      position: absolute;
      min-width: 180px;
      background: #FFF;
      border-radius: 4px;
      box-shadow: 0px 0px 5px 0px rgba(34, 31, 31, 0.1);
      z-index: 99; }
      .card__body .card__body__sort__menu--show, .card__body cw-sort__menu--show, .card cw-card-body .card__body__sort__menu--show, .card cw-card-body cw-sort__menu--show, cw-card__body .card__body__sort__menu--show, cw-card__body cw-sort__menu--show, cw-card cw-card-body .card__body__sort__menu--show, cw-card cw-card-body cw-sort__menu--show {
        display: block; }
      .card__body .card__body__sort__menu ul, .card__body cw-sort__menu ul, .card cw-card-body .card__body__sort__menu ul, .card cw-card-body cw-sort__menu ul, cw-card__body .card__body__sort__menu ul, cw-card__body cw-sort__menu ul, cw-card cw-card-body .card__body__sort__menu ul, cw-card cw-card-body cw-sort__menu ul {
        padding: 0; }
        .card__body .card__body__sort__menu ul li, .card__body cw-sort__menu ul li, .card cw-card-body .card__body__sort__menu ul li, .card cw-card-body cw-sort__menu ul li, cw-card__body .card__body__sort__menu ul li, cw-card__body cw-sort__menu ul li, cw-card cw-card-body .card__body__sort__menu ul li, cw-card cw-card-body cw-sort__menu ul li {
          list-style: none; }
          .card__body .card__body__sort__menu ul li button, .card__body cw-sort__menu ul li button, .card cw-card-body .card__body__sort__menu ul li button, .card cw-card-body cw-sort__menu ul li button, cw-card__body .card__body__sort__menu ul li button, cw-card__body cw-sort__menu ul li button, cw-card cw-card-body .card__body__sort__menu ul li button, cw-card cw-card-body cw-sort__menu ul li button {
            background: transparent;
            border: 0;
            display: block;
            width: 100%;
            padding: 6px;
            text-align: left;
            color: #79838F; }
            .card__body .card__body__sort__menu ul li button i, .card__body cw-sort__menu ul li button i, .card cw-card-body .card__body__sort__menu ul li button i, .card cw-card-body cw-sort__menu ul li button i, cw-card__body .card__body__sort__menu ul li button i, cw-card__body cw-sort__menu ul li button i, cw-card cw-card-body .card__body__sort__menu ul li button i, cw-card cw-card-body cw-sort__menu ul li button i {
              margin-right: 6px; }
            .card__body .card__body__sort__menu ul li button:hover, .card__body cw-sort__menu ul li button:hover, .card cw-card-body .card__body__sort__menu ul li button:hover, .card cw-card-body cw-sort__menu ul li button:hover, cw-card__body .card__body__sort__menu ul li button:hover, cw-card__body cw-sort__menu ul li button:hover, cw-card cw-card-body .card__body__sort__menu ul li button:hover, cw-card cw-card-body cw-sort__menu ul li button:hover {
              background-color: #F4F4F4;
              cursor: pointer; }
    .card__body .card__body__sort__sortbox, .card__body cw-sort__sortbox, .card cw-card-body .card__body__sort__sortbox, .card cw-card-body cw-sort__sortbox, cw-card__body .card__body__sort__sortbox, cw-card__body cw-sort__sortbox, cw-card cw-card-body .card__body__sort__sortbox, cw-card cw-card-body cw-sort__sortbox {
      padding: 20px;
      text-transform: uppercase;
      color: #79838F;
      font-size: 12px;
      background: transparent;
      border: 0; }
    .card__body .card__body__sort i, .card__body cw-sort i, .card cw-card-body .card__body__sort i, .card cw-card-body cw-sort i, cw-card__body .card__body__sort i, cw-card__body cw-sort i, cw-card cw-card-body .card__body__sort i, cw-card cw-card-body cw-sort i {
      margin-left: 6px; }

@media all and (max-width: 425px) {
  cw-card cw-card-title {
    flex-direction: column; }
    cw-card cw-card-title .input__group {
      margin: 5px 0 !important; } }
.tooltip {
  position: absolute;
  display: none;
  padding: 6px 12px;
  text-transform: uppercase;
  background-color: #18202f;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  z-index: 201; }
  .tooltip:after {
    content: '';
    position: absolute;
    left: 50%;
    top: calc(100% - 8px);
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 20px solid #18202f;
    z-index: 201; }
  .tooltip--show {
    display: block; }

.alert {
  height: 55px;
  line-height: 55px;
  width: calc(100% - 250px);
  margin-left: 250px;
  display: flex;
  overflow: hidden;
  position: fixed;
  top: 100px;
  padding-left: 165px;
  animation: signup-response 0.5s 1;
  -webkit-animation: signup-response 0.5s 1;
  animation-fill-mode: forwards;
  animation-delay: 3s;
  -webkit-animation-delay: 3s;
  /* Safari and Chrome */
  -webkit-animation-fill-mode: forwards; }
  .alert__icon {
    color: #FFF;
    margin-right: 10px;
    margin-left: 10px;
    text-align: center; }
    .alert__icon i {
      display: inline-block;
      border-radius: 50%;
      padding: 5px 5px;
      width: 25px;
      height: 25px; }
  .alert--success {
    background-color: #e3ffee;
    border-bottom: 1px solid #1aaa55;
    color: #1aaa55; }
    .alert--success .alert__icon i {
      background-color: #37D150; }
  .alert--danger {
    background-color: #FFF5F8;
    border-bottom: 1px solid #EA1F4B;
    color: #EA1F4B; }
    .alert--danger .alert__icon i {
      background-color: #EA1F4B; }

@keyframes signup-response {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
@-webkit-keyframes signup-response {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
.snackbar__container {
  position: fixed;
  bottom: 30px;
  left: 50%;
  width: 464px;
  transform: translateX(-50%);
  z-index: 9999; }
  .snackbar__container .snackbar__message {
    width: 100%;
    height: 45px;
    line-height: 45px;
    background-color: #DF417F;
    color: #FFF;
    padding: 0 10px;
    font-size: 15px;
    border-radius: 4px;
    box-shadow: 0px 0px 5px 0px rgba(34, 31, 31, 0.1);
    display: flex;
    justify-content: space-between; }
    .snackbar__container .snackbar__message button {
      background: transparent;
      border: 0;
      text-transform: uppercase;
      font-size: 13px;
      color: #18202F; }

.table {
  font-size: 14px;
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 10px; }
  .table tr {
    border-bottom: 1px solid #E9EBEE; }
    .table tr:nth-child(even) {
      background: #fcfcfc; }
    .table tr td:first-child, .table tr th:first-child {
      padding-left: 20px; }
      .table tr td:first-child input, .table tr th:first-child input {
        left: 18px; }
    .table tr th:not(:first-child) {
      padding-left: 10px;
      border-left: 1px solid #c4c9cb; }
    .table tr td {
      padding-left: 10px;
      height: 50px;
      line-height: 22px; }
    .table tr th {
      border-bottom: 1px solid #c4c9cb;
      height: 37px;
      line-height: 37px; }
      .table tr th a {
        display: block;
        text-decoration: none; }
        .table tr th a span {
          float: right;
          margin-right: 10px; }
    .table tr .blue {
      color: #1f78d1;
      font-weight: 700; }
    .table tr .dark {
      color: #18202f;
      font-weight: 700; }
    .table tr .small {
      width: 400px; }
    .table tr .number__collumn {
      width: 80px; }
    .table tr .bold {
      color: #18202F;
      font-weight: 600; }
    .table tr .identifier {
      text-decoration: none; }
      .table tr .identifier:hover {
        text-decoration: underline;
        color: #DF417F; }
  .table thead {
    text-align: left; }
    .table thead th {
      color: #18202F;
      font-weight: 600;
      position: relative; }
      .table thead th input {
        position: absolute;
        left: 0px;
        top: 50px;
        width: 100%;
        max-width: 112px;
        box-shadow: 0px 0px 5px 0px rgba(34, 31, 31, 0.1);
        border-radius: 4px;
        padding-left: 10px;
        color: #79838F;
        font-size: 15px;
        border: 1px solid #E8E9EC;
        outline-color: #DF417F; }
      .table thead th a {
        color: #18202F; }
  .table tbody tr:hover .blue {
    color: #DF417F; }
  .table tbody tr td, .table tbody tr a {
    color: #79838F; }
  .table tbody tr a {
    margin: 0 5px; }
  .table tbody tr .long_title {
    width: 300px; }
  .table tbody tr .short_title {
    width: 130px; }
  .table__actions {
    width: 200px; }
    .table__actions.short_actions {
      width: 85px !important; }
    .table__actions .action_block {
      display: flex;
      align-items: center; }
      .table__actions .action_block .icon-wrapper {
        display: flex;
        align-items: center;
        width: 30px;
        height: 30px;
        border: 1px solid #c4c9cb;
        background-color: #fff;
        margin-right: 5px;
        text-align: center; }
        .table__actions .action_block .icon-wrapper .custom_icon {
          font-size: 14px;
          color: #8a949e; }
          .table__actions .action_block .icon-wrapper .custom_icon.red {
            color: #db3b21; }
          .table__actions .action_block .icon-wrapper .custom_icon.yellow {
            color: #f3de21; }
        .table__actions .action_block .icon-wrapper a {
          height: 100%;
          line-height: 30px;
          width: 100%;
          margin: 0px; }
        .table__actions .action_block .icon-wrapper:hover {
          cursor: pointer; }
          .table__actions .action_block .icon-wrapper:hover .custom_icon {
            color: #fff; }
            .table__actions .action_block .icon-wrapper:hover .custom_icon.red {
              color: #fff !important; }
          .table__actions .action_block .icon-wrapper:hover.h_red {
            background-color: #db3b21; }
          .table__actions .action_block .icon-wrapper:hover.h_orange {
            background-color: #fc9403; }
          .table__actions .action_block .icon-wrapper:hover.h_green {
            background-color: #1aaa55; }
          .table__actions .action_block .icon-wrapper:hover.h_blue {
            background-color: #1f78d1; }
          .table__actions .action_block .icon-wrapper:hover.h_pink {
            background-color: #DF417F; }
          .table__actions .action_block .icon-wrapper:hover.h_yellow {
            background-color: #f3de21; }

tbody td:not(:last-child):hover {
  cursor: pointer; }

.no_hover td:not(:last-child):hover {
  cursor: default; }

.test {
  background-color: rgba(232, 90, 62, 0.2) !important; }

@media all and (max-width: 425px) {
  .table__actions {
    width: auto; } }
@media all and (max-width: 1330px) {
  .table tr {
    line-height: unset; } }
cw-popup {
  display: inline-block;
  min-width: 550px;
  min-height: 248px;
  max-height: 90%;
  overflow-y: auto;
  position: fixed;
  top: 50px;
  left: 50%;
  transform: translate(-50%, -150%);
  background-color: #FFF;
  z-index: 202;
  border-radius: 4px;
  box-shadow: 0px 0px 5px 0px rgba(34, 31, 31, 0.1);
  will-change: transform;
  transition: transform 0.5s cubic-bezier(0, 0, 0, 1.71); }
  cw-popup[open] {
    transform: translate(-50%, 0); }
  cw-popup h2 {
    font-size: 20px;
    color: #18202F;
    padding-left: 20px; }
  cw-popup h3 {
    padding-left: 20px; }
  cw-popup p, cw-popup .input__group, cw-popup button {
    padding: 0 20px; }

.cw__popup__header {
  width: 100%;
  height: 40px;
  border-bottom: 1px solid #E8E9EB;
  display: flex;
  justify-content: flex-end; }
  .cw__popup__header button {
    background-color: transparent;
    border: 0;
    color: #8A949E;
    font-size: 16px; }

.cw__popup__underlay {
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  background-color: rgba(24, 32, 47, 0.75);
  left: 0;
  z-index: 201;
  display: none;
  pointer-events: none; }
  .cw__popup__underlay--open {
    display: block; }

@media all and (max-width: 425px) {
  cw-popup {
    max-width: 98%;
    min-width: 95%; } }
@media all and (max-height: 800px) {
  cw-popup {
    overflow-y: auto;
    max-height: 90%; } }
.spinner {
  animation: rotator 1.4s linear infinite; }

@keyframes rotator {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(270deg); } }
.path {
  stroke-dasharray: 187;
  stroke-dashoffset: 0;
  transform-origin: center;
  animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite; }

@keyframes colors {
  0% {
    stroke: #18202F; }
  25% {
    stroke: #252E42; }
  50% {
    stroke: #DF417F; }
  75% {
    stroke: #E85A3E; }
  100% {
    stroke: #18202F; } }
@keyframes dash {
  0% {
    stroke-dashoffset: 187; }
  50% {
    stroke-dashoffset: 46.75;
    transform: rotate(135deg); }
  100% {
    stroke-dashoffset: 187;
    transform: rotate(450deg); } }
:root {
  --row-coloms: 4 ; }

.row {
  display: flex;
  justify-content: space-between; }
  .row .col {
    width: calc((100% / var(--row-coloms)) - 20px); }

@media all and (max-width: 425px) {
  .row {
    flex-direction: column; }
    .row .col {
      width: 100%; } }
.scrum_board cw-card-body {
  min-height: 70px;
  overflow: hidden;
  padding-bottom: 30px;
  position: relative; }
  .scrum_board cw-card-body .placeholder {
    height: 100%;
    width: 100%;
    pointer-events: none;
    background-color: rgba(255, 255, 255, 0.6);
    padding: 10px;
    position: absolute;
    top: 0;
    display: none; }
.scrum_board cw-card.task__hoverd cw-card-body {
  width: 100%;
  border: dotted 2px #495664; }
  .scrum_board cw-card.task__hoverd cw-card-body .placeholder {
    display: block; }
.scrum_board__task {
  padding: 20px 20px 0;
  cursor: pointer; }
  .scrum_board__task__inner {
    border-bottom: 1px solid #E9EBEE;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 20px; }
    .scrum_board__task__inner i {
      color: #79838F; }
  .scrum_board__task__title h2, .scrum_board__task__title .title-2 {
    font-size: 16px;
    font-weight: bold; }
  .scrum_board__task__title .task-url {
    color: #18202F;
    text-decoration: none; }
  .scrum_board__task .check {
    margin-left: 4px; }
    .scrum_board__task .check i {
      color: #37D150; }
  .scrum_board__task:hover {
    background-color: #F4F4F4; }

.task__popup {
  padding-bottom: 20px; }
  .task__popup__inner {
    width: 700px;
    display: flex;
    justify-content: space-between; }
    .task__popup__inner__left {
      width: 500px; }
      .task__popup__inner__left h2 {
        margin-bottom: 0; }
      .task__popup__inner__left h3 {
        margin: 0; }
        .task__popup__inner__left h3.project__title {
          margin-bottom: 30px;
          font-size: 15px;
          color: #79838F; }
      .task__popup__inner__left p {
        margin: 0;
        color: #8A949E;
        font-size: 14px;
        line-height: 17px;
        padding-bottom: 20px; }
      .task__popup__inner__left .task__members {
        padding-left: 20px; }
        .task__popup__inner__left .task__members .user-icon {
          height: 37px;
          width: 37px; }
          .task__popup__inner__left .task__members .user-icon img {
            height: 37px;
            width: 37px; }
    .task__popup__inner__right {
      width: 150px;
      padding-right: 10px; }
      .task__popup__inner__right h3 {
        padding: 0; }
      .task__popup__inner__right .popup__deadline {
        color: #DF417F; }
        .task__popup__inner__right .popup__deadline h3 {
          margin: 16px 0 5px;
          color: #DF417F; }
        .task__popup__inner__right .popup__deadline__date {
          padding: 5px 0;
          width: 100%;
          text-align: center;
          border: 1px solid #DF417F;
          border-radius: 4px; }
      .task__popup__inner__right ul {
        margin-left: -40px; }
        .task__popup__inner__right ul li {
          list-style: none; }
          .task__popup__inner__right ul li button {
            width: 100%; }
          .task__popup__inner__right ul li:first-child button {
            border-top-left-radius: 4px;
            border-top-right-radius: 4px; }
          .task__popup__inner__right ul li:last-child button {
            border-bottom-left-radius: 4px;
            border-bottom-right-radius: 4px; }

.hourregistration__widget {
  position: fixed;
  bottom: 0;
  left: 280px;
  background-color: #18202F;
  padding: 10px 30px;
  color: #FFF;
  min-width: 250px;
  transform: translateY(100%);
  will-change: transform;
  transition: transform .2s linear;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  box-shadow: 0px 0px 5px 0px rgba(34, 31, 31, 0.1);
  z-index: 2; }
  .hourregistration__widget h2, .hourregistration__widget h4 {
    font-weight: normal; }
  .hourregistration__widget h2 {
    margin-bottom: 0;
    letter-spacing: 1px; }
    .hourregistration__widget h2 i {
      cursor: pointer; }
  .hourregistration__widget h4, .hourregistration__widget a {
    margin-top: 0;
    font-size: 14px;
    color: #8A949E; }
  .hourregistration__widget--show {
    transform: translateY(0%); }
  .hourregistration__widget--minimize {
    transform: translateY(86%); }
  .hourregistration__widget__buttons, .hourregistration__widget__header {
    display: flex;
    justify-content: flex-end; }
    .hourregistration__widget__buttons button, .hourregistration__widget__header button {
      margin: 0; }
  .hourregistration__widget__header button {
    background: transparent;
    color: #FFF;
    border: 0; }
    .hourregistration__widget__header button .fa-angle-up {
      font-size: 16px; }

.hourregistration__total {
  display: flex;
  justify-content: flex-end;
  padding: 10px;
  color: #79838F;
  font-size: 12px; }
  .hourregistration__total span {
    margin-left: 6px; }

.hourregistration__endtime__text {
  text-align: center; }
  .hourregistration__endtime__text span {
    font-size: 38px; }
  .hourregistration__endtime__text i {
    vertical-align: super;
    color: #8A949E;
    margin-left: 6px; }
  .hourregistration__endtime__text input {
    height: 47px;
    font-size: 38px;
    width: 100px; }
.hourregistration__endtime textarea {
  width: 400px;
  height: 80px; }
.hourregistration__endtime__description {
  text-align: center; }
.hourregistration__endtime__changestate {
  display: flex;
  flex-direction: column;
  align-items: center; }
.hourregistration__endtime__select {
  flex-direction: column;
  display: flex;
  align-items: center; }
.hourregistration__endtime__billable_why {
  text-align: center; }

.hourregistration__new_project {
  max-height: 0px;
  overflow-y: hidden;
  overflow-x: visible;
  transition: max-height 0.25s ease-in; }
  .hourregistration__new_project--show {
    max-height: 200px;
    overflow: visible; }
  .hourregistration__new_project cw-select {
    width: 345px; }

.login {
  color: #fff;
  background-color: #18202F;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center; }
  .login__content {
    padding: 20px;
    text-align: center;
    width: 340px; }
    .login__content__text {
      font-size: 15px;
      margin: 15px 0px 30px 0px; }
    .login__content .remember {
      text-align: left;
      margin-bottom: 20px;
      margin-top: 5px;
      font-size: 15px; }
    .login__content img {
      width: 200px; }
    .login__content button {
      width: 100%; }
    .login__content .err {
      border: 1px solid #EA1F4B !important; }
    .login__content .err-text {
      color: #EA1F4B;
      font-size: 13px;
      text-align: left; }
  .login input[type="checkbox"]:not(.default) {
    width: 16px;
    height: 16px;
    background-color: white;
    border: 1px solid rgba(189, 189, 189, 0.5);
    outline: none;
    overflow: hidden;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
    margin: 0px 10px 0px 0px; }
  .login input[type="checkbox"]:not(.default):checked:before {
    content: "\f00c";
    display: block;
    line-height: 20px;
    position: relative;
    top: 0;
    font-family: 'FontAwesome';
    left: 1px;
    color: #717070;
    font-weight: 400;
    font-size: 16px; }

.dashboard {
  display: flex;
  flex-direction: row;
  background-color: #E9EBEE; }
  .dashboard .stat__counter, .dashboard cw-statcounter {
    text-transform: uppercase;
    color: #18202F;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center; }
    .dashboard .stat__counter p, .dashboard cw-statcounter p {
      margin: 0; }
    .dashboard .stat__counter p:first-child, .dashboard cw-statcounter p:first-child {
      font-size: 24px; }
    .dashboard .stat__counter p:last-child, .dashboard cw-statcounter p:last-child {
      font-size: 11px; }
    .dashboard .stat__counter a, .dashboard cw-statcounter a {
      text-decoration: none;
      color: inherit; }
    .dashboard .stat__counter--gradient, .dashboard cw-statcounter--gradient {
      background: linear-gradient(to right, #DF417F, #E85A3E); }
      .dashboard .stat__counter--gradient a, .dashboard cw-statcounter--gradient a {
        color: #FFF; }
  .dashboard section.menu {
    width: 250px;
    z-index: 95;
    position: fixed;
    color: #687686;
    background: #252E42; }
    .dashboard section.menu .menu_info {
      background: #18202F;
      height: 100px;
      width: 100%;
      position: relative;
      border-bottom: 1px solid #252E42;
      box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.1); }
      .dashboard section.menu .menu_info .menu_info_icon {
        width: 80px;
        height: 100%;
        position: relative; }
        .dashboard section.menu .menu_info .menu_info_icon img {
          width: 43px;
          height: 43px;
          border-radius: 50%;
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%); }
      .dashboard section.menu .menu_info .settings_dropdown_trigger {
        line-height: 55px;
        padding-right: 15px;
        cursor: pointer;
        display: inline-block;
        color: #ffffff; }
      .dashboard section.menu .menu_info .settings_dropdown {
        display: none;
        position: absolute;
        left: 50px;
        top: 100%;
        width: calc(100% - 50px);
        padding: 10px;
        background: #1a1a1a;
        line-height: 40px;
        z-index: 200;
        text-decoration: none; }
      .dashboard section.menu .menu_info .menu_info_brand {
        box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
        z-index: 150;
        position: relative;
        padding-left: 10px;
        font-size: 12px;
        position: absolute;
        left: 63px;
        top: 50%;
        transform: translate(0, -50%); }
        .dashboard section.menu .menu_info .menu_info_brand .menu_info_brand_url {
          font-weight: 800;
          font-size: 15px;
          color: #fff; }
        .dashboard section.menu .menu_info .menu_info_brand .menu_info_brand_name {
          font-size: 15px;
          color: #687686; }
    .dashboard section.menu .menu_small_nav {
      background: #18202F;
      width: 50px;
      height: calc(100vh - 150px);
      z-index: 150;
      padding-top: 10px;
      position: relative; }
      .dashboard section.menu .menu_small_nav a {
        color: #687686; }
      .dashboard section.menu .menu_small_nav .menu_small_nav_item, .dashboard section.menu .menu_small_nav .small_bottom_item {
        height: 50px;
        text-align: center;
        line-height: 50px;
        cursor: pointer; }
        .dashboard section.menu .menu_small_nav .menu_small_nav_item i, .dashboard section.menu .menu_small_nav .small_bottom_item i {
          font-size: 16px; }
        .dashboard section.menu .menu_small_nav .menu_small_nav_item.active, .dashboard section.menu .menu_small_nav .small_bottom_item.active {
          background: #252E42;
          position: relative;
          transition: .2s; }
          .dashboard section.menu .menu_small_nav .menu_small_nav_item.active i, .dashboard section.menu .menu_small_nav .small_bottom_item.active i {
            color: #DF417F; }
          .dashboard section.menu .menu_small_nav .menu_small_nav_item.active:before, .dashboard section.menu .menu_small_nav .small_bottom_item.active:before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            height: 100%;
            width: 3px;
            background: #DF417F; }
        .dashboard section.menu .menu_small_nav .menu_small_nav_item:hover, .dashboard section.menu .menu_small_nav .small_bottom_item:hover {
          color: #DF417F; }
      .dashboard section.menu .menu_small_nav .small_bottom {
        height: 100px;
        text-align: center;
        line-height: 50px;
        cursor: pointer;
        position: absolute;
        bottom: 60px; }
        .dashboard section.menu .menu_small_nav .small_bottom .small_bottom_item {
          height: 50px;
          text-align: center;
          line-height: 50px;
          cursor: pointer; }
          .dashboard section.menu .menu_small_nav .small_bottom .small_bottom_item i {
            font-size: 16px; }
          .dashboard section.menu .menu_small_nav .small_bottom .small_bottom_item:hover {
            color: #DF417F; }
            .dashboard section.menu .menu_small_nav .small_bottom .small_bottom_item:hover button {
              color: #DF417F; }
    .dashboard section.menu .menu_big_nav {
      background: #252E42;
      width: 200px;
      height: calc(100vh - 150px);
      padding-top: 10px; }
      .dashboard section.menu .menu_big_nav:not(.active) {
        display: none; }
      .dashboard section.menu .menu_big_nav .menu_big_nav_item {
        height: 50px;
        line-height: 50px;
        padding-left: 20px; }
        .dashboard section.menu .menu_big_nav .menu_big_nav_item.active {
          position: relative;
          transition: .1s; }
          .dashboard section.menu .menu_big_nav .menu_big_nav_item.active a {
            color: #ffffff; }
          .dashboard section.menu .menu_big_nav .menu_big_nav_item.active:before {
            content: none;
            position: absolute;
            right: 0;
            top: 0;
            height: 100%;
            width: 10%;
            background: #252E42; }
        .dashboard section.menu .menu_big_nav .menu_big_nav_item i, .dashboard section.menu .menu_big_nav .menu_big_nav_item a {
          font-size: 16px; }
        .dashboard section.menu .menu_big_nav .menu_big_nav_item i {
          padding-right: 10px; }
        .dashboard section.menu .menu_big_nav .menu_big_nav_item a {
          color: #687686;
          text-decoration: none;
          font-weight: 400;
          width: 100%;
          height: 100%; }
    .dashboard section.menu .clearwater_block {
      background-color: #252E42;
      width: 250px;
      height: 50px;
      padding-left: 9px;
      padding-top: 9px; }
  .dashboard__content {
    width: calc(100% - 250px);
    margin-left: 250px; }
    .dashboard__content header {
      height: 100px;
      background-color: #fff;
      border-left: 1px solid #252E42;
      box-shadow: 0 1px 15px 0 rgba(32, 33, 36, 0.15);
      width: 100%;
      position: fixed;
      top: 0px;
      z-index: 200; }
      .dashboard__content header .header__right {
        display: flex; }
    .dashboard__content__menuBtn {
      color: #DF417F;
      border: 0;
      background: transparent;
      font-size: 25px;
      display: none; }
    .dashboard__content__searchform {
      display: flex;
      align-items: center; }
      .dashboard__content__searchform button {
        border: 0;
        background: transparent;
        font-size: 20px;
        color: #495664; }
      .dashboard__content__searchform input[type="search"] {
        border: 0;
        font-size: 20px;
        background: transparent; }
        .dashboard__content__searchform input[type="search"]::placeholder {
          color: #495664; }
    .dashboard__content__userdropdown {
      display: flex;
      align-items: center;
      position: relative;
      cursor: pointer; }
      .dashboard__content__userdropdown .avatar {
        width: 43px;
        height: 43px;
        border-radius: 50%;
        background-color: #666;
        line-height: 0; }
        .dashboard__content__userdropdown .avatar img {
          width: 43px;
          height: 43px;
          border-radius: 50%; }
      .dashboard__content__userdropdown h2 {
        font-size: 15px;
        line-height: 18px;
        color: #FFF;
        padding: 0 10px; }
      .dashboard__content__userdropdown i {
        color: #DF417F; }
      .dashboard__content__userdropdown__items {
        display: none;
        background-color: #FFF;
        box-shadow: 0px 0px 5px 0px rgba(34, 31, 31, 0.1);
        border-radius: 4px;
        padding: 10px;
        width: 100%;
        line-height: 1;
        position: absolute;
        top: 100%;
        z-index: 90000; }
        .dashboard__content__userdropdown__items a {
          display: block;
          padding: 6px 0;
          text-decoration: none;
          color: #79838F; }
          .dashboard__content__userdropdown__items a i {
            color: #79838F;
            padding-right: 6px; }
          .dashboard__content__userdropdown__items a:hover {
            color: #DF417F; }
            .dashboard__content__userdropdown__items a:hover i {
              color: #DF417F; }
      .dashboard__content__userdropdown:hover .dashboard__content__userdropdown__items {
        display: block; }
    .dashboard__content__inner {
      padding: 120px 175px 40px; }
      @media all and (max-width: 1440px) {
        .dashboard__content__inner {
          padding: 120px 40px 40px; } }
    .dashboard__content__avatar {
      height: 112px;
      width: 112px;
      border-radius: 50%;
      border: 1px solid #E7E8EA;
      text-align: center; }
      .dashboard__content__avatar img {
        height: 95px;
        width: 95px;
        border-radius: 50%;
        margin-top: 8px; }

.flex_menu {
  display: flex;
  display: -o-flex;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .flex_menu.align_img {
    align-items: baseline; }

.col_1_1 {
  width: 100%; }

.card--personal_info .card__body__row:first-child {
  padding: 25px 15px 30px 30px; }
  .card--personal_info .card__body__row:first-child div:not(.dashboard__content__avatar) {
    margin-left: 20px;
    display: flex;
    justify-content: center;
    flex-direction: column; }
    .card--personal_info .card__body__row:first-child div:not(.dashboard__content__avatar) h1, .card--personal_info .card__body__row:first-child div:not(.dashboard__content__avatar) p {
      margin: 0; }
    .card--personal_info .card__body__row:first-child div:not(.dashboard__content__avatar) h1 {
      padding: 0; }
    .card--personal_info .card__body__row:first-child div:not(.dashboard__content__avatar) p {
      color: #79838F;
      font-size: 15px; }
.card--personal_info .card__body__row:last-child {
  border-top: 1px solid #E7E8EA; }
  .card--personal_info .card__body__row:last-child .stat__counter, .card--personal_info .card__body__row:last-child cw-statcounter {
    width: 50%;
    height: 85px; }

.flex-container {
  display: flex; }
  .flex-container .dashboard__column {
    padding: 20px; }
  .flex-container .dashboard__column--right {
    width: 30%; }

.card__body__items {
  padding: 0px 30px 20px 30px; }
  .card__body__items a {
    color: #18202F;
    text-decoration: none; }
  .card__body__items .vertical_align {
    display: flex;
    align-items: center; }
  .card__body__items__item {
    padding: 20px 0px;
    border-bottom: 1px solid #E9EBEE;
    position: relative; }
    .card__body__items__item.--mine {
      padding: 8px 0px; }
    .card__body__items__item:hover {
      background-color: #F4F4F4;
      cursor: pointer;
      margin: 0 -30px;
      padding-left: 30px;
      padding-right: 30px; }
    .card__body__items__item:hover .card__body__items__item__info__title > h2:after {
      background-image: linear-gradient(to left, #F4F4F4, rgba(255, 255, 255, 0)); }
    .card__body__items__item:hover .hover-fa {
      display: block; }
    .card__body__items__item:hover .deadline-fa {
      display: none; }
    .card__body__items__item .active_item, .card__body__items__item .active_item > .card__body__items__item__info__title > span, .card__body__items__item .active_item > .deadline-fa, .card__body__items__item .active_item > .hover-fa {
      color: #DF417F !important; }
    .card__body__items__item .active_item {
      border-left: 5px solid #DF417F; }
    .card__body__items__item__info {
      color: #18202F;
      padding: 0 30px;
      margin-left: -30px;
      position: relative; }
      .card__body__items__item__info .hover-fa {
        display: none; }
      .card__body__items__item__info i:not(.noti) {
        position: absolute;
        top: 20px;
        color: #79838F;
        right: 0; }
      .card__body__items__item__info .noti {
        font-size: 14px;
        margin-right: 4px;
        position: absolute;
        top: 18px; }
      .card__body__items__item__info__date {
        width: 46px;
        display: inline-block;
        font-weight: 800; }
        .card__body__items__item__info__date .date_number {
          font-size: 28px;
          display: block; }
        .card__body__items__item__info__date span {
          font-size: 16px;
          text-transform: uppercase; }
      .card__body__items__item__info__time {
        width: 50px;
        text-align: center;
        color: #79838F; }
      .card__body__items__item__info__title {
        width: 80%;
        display: inline-block;
        vertical-align: super; }
        @media all and (max-width: 768px) {
          .card__body__items__item__info__title {
            width: 60%; } }
        .card__body__items__item__info__title h2 {
          font-size: 16px;
          margin: 0px 0px 2px 0px;
          position: relative;
          overflow: hidden;
          white-space: nowrap; }
        .card__body__items__item__info__title h2:after {
          background-image: linear-gradient(to left, #fff, rgba(255, 255, 255, 0));
          position: absolute;
          bottom: 0;
          right: 0;
          height: 1.00em;
          width: 40%;
          content: ''; }
        .card__body__items__item__info__title span {
          color: #79838F; }
      .card__body__items__item__info__users {
        display: inline-block;
        vertical-align: top;
        margin-top: 12px;
        width: calc(100% - 80% - 4px);
        text-align: right;
        padding-right: 9px; }
      .card__body__items__item__info__user {
        display: inline-block;
        vertical-align: top;
        width: calc(100% - 80% - 4px); }
        @media all and (max-width: 768px) {
          .card__body__items__item__info__user {
            width: calc(100% - 60% - 4px); } }
        .card__body__items__item__info__user .user__avatar {
          display: inline-block;
          background-image: linear-gradient(to right, #E85A3E, #DF417F);
          border-radius: 50%;
          width: 45px;
          height: 45px;
          border: 2px solid #fff;
          text-align: center;
          margin-right: -9px; }
          .card__body__items__item__info__user .user__avatar .tooltip_box {
            height: 100%; }
          .card__body__items__item__info__user .user__avatar img {
            border-radius: 50%;
            width: 45px;
            height: 45px; }
          .card__body__items__item__info__user .user__avatar__taskicon {
            color: #fff;
            font-size: 12px;
            font-weight: 700;
            background-color: #18202F;
            border-radius: 50%;
            width: 20px;
            height: 20px;
            line-height: 20px;
            position: absolute; }
.card__body__sort .toggle__blocks {
  display: flex;
  margin-top: 13px;
  margin-left: 15px; }
  .card__body__sort .toggle__blocks__item {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    font-weight: 600;
    line-height: 30px; }
  .card__body__sort .toggle__blocks .--expired {
    background-color: #EA1F4B;
    margin-right: 8px; }
  .card__body__sort .toggle__blocks .--completed {
    background-color: #37D150; }
  .card__body__sort .toggle__blocks .--upcoming {
    background-image: linear-gradient(to right, #E85A3E, #DF417F);
    margin-right: 8px; }
  .card__body__sort .toggle__blocks:hover {
    cursor: pointer; }
.card__body__sort .tab__blocks {
  display: flex; }
  .card__body__sort .tab__blocks__item {
    padding: 0px 10px;
    text-align: center;
    font-weight: 500;
    line-height: 54px;
    border-right: 1px solid #E9EBEE;
    color: #79838F; }
    .card__body__sort .tab__blocks__item:hover {
      cursor: pointer;
      color: #DF417F; }
    .card__body__sort .tab__blocks__item.--active {
      background-color: #F4F4F4;
      color: #DF417F; }

.project__members {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 20px 0;
  flex-wrap: wrap; }
  .project__members cw-card {
    width: calc(100% / 4 - 20px);
    height: 256px;
    margin-bottom: 20px;
    position: relative; }
    .project__members cw-card a {
      top: 10px;
      right: 10px;
      position: absolute;
      color: #252E42; }
    .project__members cw-card .user-icon {
      width: 97px;
      height: 97px; }
      .project__members cw-card .user-icon img {
        width: 93px;
        height: 93px; }
    .project__members cw-card cw-card-body {
      height: 256px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center; }
      .project__members cw-card cw-card-body h2 {
        font-size: 20px;
        margin-bottom: 0; }
      .project__members cw-card cw-card-body h3 {
        margin: 0; }

.project__members_new .p_member {
  position: relative;
  border-bottom: 1px solid #e9ebee; }
  .project__members_new .p_member .user-icon, .project__members_new .p_member h2 {
    display: inline-block; }
  .project__members_new .p_member .user-icon {
    margin-right: 15px; }
  .project__members_new .p_member h2 {
    margin: 0px;
    color: #8a949e;
    font-size: 14px;
    vertical-align: middle;
    font-weight: 500; }
  .project__members_new .p_member a {
    position: absolute;
    right: 20px;
    color: #495664; }
    .project__members_new .p_member a:hover {
      color: #DF417F; }

.view__project {
  display: flex;
  justify-content: space-between; }
  .view__project__left {
    width: 70%; }
  .view__project__right {
    width: 28%; }

@media all and (max-width: 425px) {
  .project__members cw-card {
    width: calc(100% / 3 - 20px);
    height: auto; }
    .project__members cw-card .user-icon {
      width: 67px;
      height: 67px; }
      .project__members cw-card .user-icon img {
        width: 63px;
        height: 63px; }
    .project__members cw-card cw-card-body {
      height: 180px; }
      .project__members cw-card cw-card-body h2 {
        font-size: 14px; }

  .view__project {
    flex-direction: column; }
    .view__project__left, .view__project__right {
      width: 100%; } }
.add-note, .add__team__member {
  margin-top: 15px;
  margin-right: 15px; }
  .add-note i, .add__team__member i {
    color: #495664;
    margin-left: 0px !important; }
    .add-note i:hover, .add__team__member i:hover {
      color: #DF417F;
      cursor: pointer; }

.note--item > div {
  pointer-events: none; }

@media all and (max-width: 768px) {
  aside {
    transform: translateX(-100%);
    position: fixed;
    will-change: transform;
    transition: transform .5s linear;
    z-index: 9; }
    aside.open {
      transform: translateX(0); }

  .menu__underlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    display: none; }
    .menu__underlay.open {
      display: block; }

  .dashboard__content {
    margin-left: 0;
    width: 100%; }
    .dashboard__content__menuBtn {
      display: block; }

  .flex-container {
    flex-direction: column; }
    .flex-container .dashboard__column {
      width: 100%; }
      .flex-container .dashboard__column--right {
        width: 100%; } }
.header .header_content .left {
  position: fixed;
  top: 40px;
  left: 424px;
  z-index: 201; }
  .header .header_content .left i {
    margin-right: 20px;
    color: #18202f;
    display: inline-block; }
  .header .header_content .left .breadcrumb {
    list-style: none;
    display: inline-block;
    vertical-align: top;
    margin: 0;
    padding-left: 0; }
    .header .header_content .left .breadcrumb .breadcrumb-item {
      float: left; }
      .header .header_content .left .breadcrumb .breadcrumb-item a {
        text-decoration: none;
        color: #8a949e; }
        .header .header_content .left .breadcrumb .breadcrumb-item a:hover {
          text-decoration-color: #8a949e;
          text-decoration: underline; }
      .header .header_content .left .breadcrumb .breadcrumb-item.active {
        font-weight: 600;
        color: #18202f; }
      .header .header_content .left .breadcrumb .breadcrumb-item .spacer i {
        font-size: 13px;
        color: #8a949e;
        margin: 0 7px; }
    .header .header_content .left .breadcrumb::after {
      display: block;
      content: "";
      clear: both; }
.header .header_content .right {
  position: fixed;
  top: 25px;
  right: 174px;
  z-index: 201; }

.save_block {
  position: fixed;
  top: 25px;
  right: 174px;
  z-index: 201; }

.badge {
  color: #fff;
  border: 2px solid #18202F;
  height: 20px;
  width: 20px;
  line-height: 16px;
  border-radius: 50%;
  background-image: -webkit-gradient(linear, left top, right top, from(#DF417F), to(#E85A3E));
  background-image: linear-gradient(to right, #DF417F, #E85A3E);
  text-align: center;
  font-size: 12px; }

li.dropdown, li.dropdown_new {
  list-style-type: none; }

.droppdown-toggle i {
  display: inline-block;
  font-size: 28px;
  color: #DF417F; }
.droppdown-toggle .badge {
  position: absolute;
  right: -6px;
  top: 23px;
  display: inline-block; }

.droppdown_new-toggle i {
  display: inline-block; }
.droppdown_new-toggle .badge {
  position: absolute;
  right: 5px;
  top: 4px;
  display: inline-block; }

li.dropdown:hover, li.dropdown_new:hover {
  cursor: pointer; }
  li.dropdown:hover .dropdown-menu, li.dropdown:hover .dropdown_new-menu, li.dropdown_new:hover .dropdown-menu, li.dropdown_new:hover .dropdown_new-menu {
    display: block; }

.dropdown-toggle:focus {
  outline: 0; }

.dropdown-menu {
  position: absolute;
  top: 20px;
  right: 100%;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 250px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box; }

.dropdown_new-menu {
  position: absolute;
  top: 0px;
  left: 50px;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 250px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box; }

.dropdown-menu.pull-right {
  right: 0;
  left: auto; }

.dropdown-menu .divider {
  height: 1px;
  margin: 10px 0;
  overflow: hidden;
  background-color: #e5e5e5; }

.dropdown-menu > li > a, .dropdown_new-menu > li > a {
  display: block;
  padding: 20px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.6;
  color: #333333;
  white-space: nowrap;
  text-decoration: none;
  border-bottom: 1px solid #E9EBEE; }

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown_new-menu > li > a:hover,
.dropdown_new-menu > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5; }

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus,
.dropdown_new-menu > .active > a,
.dropdown_new-menu > .active > a:hover,
.dropdown_new-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #3097D1; }

.hover_block {
  background-color: green;
  width: 50px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0; }

.dropup {
  position: relative;
  display: inline-block;
  width: 100%; }

.dropup-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 350px;
  bottom: 10px;
  z-index: 1;
  left: 50px;
  font-size: 14px; }

.dropup-content a {
  color: #495664;
  padding: 5px 16px;
  text-decoration: none;
  display: block;
  border-bottom: 1px solid #d0d0d0; }

.dropup-content a:hover {
  background-color: #ccc; }

.dropup:hover .dropup-content {
  display: block; }

.calendar__sort__block {
  width: 100%;
  color: #C4C4C4;
  padding: 0px 20px;
  box-shadow: 0px 0px 5px 0px rgba(34, 31, 31, 0.1);
  display: flex;
  margin-bottom: 4px; }
  .calendar__sort__block__overview {
    width: calc(100% / 3); }
    .calendar__sort__block__overview ul {
      padding: 0px;
      margin: 0px;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      list-style-type: none; }
      .calendar__sort__block__overview ul .active_item {
        position: relative;
        color: #DF417F; }
        .calendar__sort__block__overview ul .active_item:after {
          content: "";
          background-image: linear-gradient(to right, #E85A3E, #DF417F);
          display: block;
          height: 2px;
          width: 100%;
          position: absolute;
          bottom: 0; }
      .calendar__sort__block__overview ul li:hover {
        cursor: pointer;
        position: relative; }
        .calendar__sort__block__overview ul li:hover:after {
          content: "";
          background-image: linear-gradient(to right, #E85A3E, #DF417F);
          display: block;
          height: 2px;
          width: 100%;
          position: absolute;
          bottom: 0; }
      .calendar__sort__block__overview ul li a {
        padding: 20px 20px;
        display: block; }
  .calendar__sort__block__timeperiod {
    width: calc(100% / 3);
    text-align: center;
    padding: 20px 0; }
    .calendar__sort__block__timeperiod i {
      padding: 0 15px; }
      .calendar__sort__block__timeperiod i:hover {
        cursor: pointer;
        color: #DF417F; }
  .calendar__sort__block__sortoptions {
    width: calc(100% / 3);
    text-align: right;
    padding: 20px 0; }
    .calendar__sort__block__sortoptions a:hover {
      cursor: pointer;
      color: #DF417F; }

.open-popup {
  display: block; }

.close-popup {
  display: none; }

.lnb-calendars-item {
  padding: 5px 0px; }

.js-task-calendar-popup {
  width: 401px;
  min-width: 301px;
  padding: 20px;
  padding-bottom: 0;
  background-color: #fff;
  box-shadow: 0px 0px 5px 0px rgba(34, 31, 31, 0.1);
  position: absolute;
  top: 440px;
  right: 600px;
  border-top: 6px solid #DF417F;
  z-index: 9999; }
  .js-task-calendar-popup:after {
    content: '';
    position: absolute;
    left: 50%;
    top: calc(100% - 2px);
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 20px solid #FFF; }
  .js-task-calendar-popup h2 {
    font-weight: 600;
    color: #18202F;
    margin-top: 0px; }
  .js-task-calendar-popup .calendar_name {
    display: inline-block;
    margin-bottom: 14px;
    color: #79838F;
    font-style: italic; }
  .js-task-calendar-popup .item {
    width: 100%;
    font-size: 16px;
    display: flex;
    padding-bottom: 10px; }
    .js-task-calendar-popup .item .title {
      width: 100px;
      color: #18202F; }
    .js-task-calendar-popup .item .value {
      color: #8A949E; }
  .js-task-calendar-popup .edit-options {
    border-top: 1px solid #E9EBEE;
    display: flex;
    justify-content: space-between;
    text-align: center; }
    .js-task-calendar-popup .edit-options:hover {
      cursor: pointer; }
    .js-task-calendar-popup .edit-options i {
      color: #DF417F; }
    .js-task-calendar-popup .edit-options .edit {
      width: 100%;
      padding: 20px 0px; }
      .js-task-calendar-popup .edit-options .edit:hover > i {
        color: #DF417F !important; }
    .js-task-calendar-popup .edit-options .delete {
      width: 100%;
      padding: 20px 0px; }
      .js-task-calendar-popup .edit-options .delete:hover > i {
        color: #DF417F !important; }

.gCalendar--left {
  width: 20% !important; }

.gCalendar--right {
  width: 100% !important; }

@media all and (max-width: 425px) {
  .gCalendar {
    padding: 0px !important; }

  .gCalendar--left {
    width: 100% !important; }

  .js-new-schedule-popup {
    position: absolute; }
    .js-new-schedule-popup cw-select {
      width: 100%; } }
.tui-full-calendar-month-dayname, .tui-full-calendar-dayname-container {
  border-top: none !important;
  overflow-y: hidden !important; }

.tui-full-calendar-layout {
  height: 100%;
  position: relative;
  box-sizing: border-box; }

.tui-full-calendar-layout * {
  box-sizing: border-box; }

.tui-full-calendar-dragging {
  cursor: move; }

.tui-full-calendar-resizing {
  cursor: row-resize; }

.tui-full-calendar-resizing-x {
  cursor: col-resize; }

.tui-full-calendar-hidden {
  display: none !important; }

.tui-full-calendar-invisible span {
  visibility: hidden; }

.tui-full-calendar-clear {
  zoom: 1; }

.tui-full-calendar-clear:after {
  content: '';
  display: block;
  clear: both; }

.tui-full-calendar-scroll-y {
  overflow-y: scroll; }

.tui-full-calendar-dot {
  display: inline-block;
  position: relative;
  top: -1px;
  content: '';
  width: 7px;
  height: 7px;
  border-radius: 50%; }

.tui-full-calendar-holiday {
  color: #f00; }

.tui-full-calendar-today {
  background: rgba(218, 229, 249, 0.3); }

.handle-x {
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAECAMAAACEE47CAAAACVBMVEX///////////+OSuX+AAAAA3RSTlMrQJG5H4EIAAAAEUlEQVR4AWNgYoRABhjEFAEAArQAIcHQcPsAAAAASUVORK5CYII="); }

.handle-y {
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAICAMAAADp7a43AAAACVBMVEX///////////+OSuX+AAAAA3RSTlMrQJG5H4EIAAAAEUlEQVR4AWNgYmRiZABB/CwAAtgAIUTUNkMAAAAASUVORK5CYII="); }

@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-devicepixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
  .handle-x {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAICAMAAADHqI+lAAAACVBMVEX///////////+OSuX+AAAAA3RSTlMZK5EY+QKaAAAAGUlEQVR4AWNgYmJAwegCIMDIiIwxBKhhBgAcSABh8gN42gAAAABJRU5ErkJggg==");
    background-size: 8px 4px; }

  .handle-y {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAQCAMAAAAcVM5PAAAACVBMVEX///////////+OSuX+AAAAA3RSTlMEK5EMBzK5AAAAGElEQVR4AWNgYmIAYxgDBBgZQRjOoKcaABzQAGGjsIM/AAAAAElFTkSuQmCC");
    background-size: 4px 8px; } }
.tui-full-calendar-month-week-item .tui-full-calendar-weekday-grid {
  overflow-y: hidden; }

.tui-full-calendar-month-week-item .tui-full-calendar-weekday-schedules {
  overflow-y: visible;
  height: 0; }

.tui-full-calendar-month-week-item .tui-full-calendar-weekday-schedule {
  margin: 0 10px; }

.tui-full-calendar-month-week-item .tui-full-calendar-today {
  background: none; }

.tui-full-calendar-month-week-item .tui-full-calendar-today .tui-full-calendar-weekday-grid-date-decorator {
  display: inline-block;
  width: 27px;
  height: 27px;
  line-height: 27px;
  text-align: center;
  background: #E85A3E;
  border-radius: 50%;
  color: #fff;
  font-weight: bold;
  margin-left: 2px; }

.tui-full-calendar-weekday-container,
.tui-full-calendar-weekday-grid,
.tui-full-calendar-weekday-grid-line {
  height: 100%;
  min-height: inherit; }

.tui-full-calendar-weekday-grid {
  position: absolute;
  width: 100%;
  overflow-y: scroll; }

.tui-full-calendar-weekday-border {
  border-top: 1px solid #ddd; }

.tui-full-calendar-weekday-container {
  position: relative; }

.tui-full-calendar-weekday-container > div {
  height: 100%; }

.tui-full-calendar-weekday-grid-line {
  position: absolute;
  padding: 3px; }

.tui-full-calendar-weekday-grid-line .tui-full-calendar-weekday-grid-footer {
  position: absolute;
  bottom: 4px; }

.tui-full-calendar-weekday-grid-line .tui-full-calendar-weekday-grid-date {
  display: inline-block;
  width: 27px;
  height: 27px;
  line-height: 27px;
  text-align: center; }

.tui-full-calendar-weekday-grid-line .tui-full-calendar-weekday-grid-date-title {
  line-height: 27px;
  margin-right: 5px; }

.tui-full-calendar-weekday-grid-line .tui-full-calendar-weekday-grid-more-schedules {
  float: right;
  display: inline-block;
  height: 27px;
  line-height: 27px;
  padding: 0 5px;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  color: #aaa; }

.tui-full-calendar-weekday-creation {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  overflow-y: scroll; }

.tui-full-calendar-weekday-schedules {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  font-size: 12px;
  overflow-y: scroll; }

.tui-full-calendar-weekday-schedules-height-span {
  width: 1px;
  margin-left: -1px; }

.tui-full-calendar-weekday-schedule-block {
  position: absolute; }

.tui-full-calendar-weekday-schedule-block-dragging-dim {
  opacity: 0.3; }

.tui-full-calendar-weekday-schedule {
  position: relative;
  margin: 0 10px 0 1px;
  cursor: pointer;
  border-left-style: solid;
  border-left-width: 3px; }

.tui-full-calendar-weekday-schedule.tui-full-calendar-weekday-schedule-time {
  border-left-width: 0; }

.tui-full-calendar-weekday-schedule.tui-full-calendar-weekday-schedule-time .tui-full-calendar-weekday-schedule-title {
  padding-left: 9px; }

.tui-full-calendar-weekday-schedule-bullet {
  position: absolute;
  padding: 0;
  width: 6px;
  height: 6px;
  top: 6px;
  left: 0;
  border-radius: 50%; }

.tui-full-calendar-weekday-schedule-bullet-focused {
  left: 10px;
  background: #fff; }

.tui-full-calendar-weekday-schedule-title {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 3px;
  font-weight: bold; }

.tui-full-calendar-weekday-schedule-title-focused {
  padding-left: 16px; }

.tui-full-calendar-weekday-schedule-cover {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1); }

.tui-full-calendar-weekday-exceed-left .tui-full-calendar-weekday-schedule {
  margin-left: 0;
  border-left-width: 0; }

.tui-full-calendar-weekday-exceed-right .tui-full-calendar-weekday-schedule {
  margin-right: 0; }

.tui-full-calendar-weekday-exceed-right .tui-full-calendar-weekday-resize-handle {
  display: none; }

.tui-full-calendar-weekday-exceed-in-month {
  cursor: pointer; }

.tui-full-calendar-weekday-exceed-in-month:hover {
  background-color: #f0f1f5; }

.tui-full-calendar-weekday-exceed-in-week,
.tui-full-calendar-weekday-collapse-btn {
  position: absolute;
  bottom: 5px;
  margin-right: 5px;
  font-size: 12px;
  line-height: 14px;
  cursor: pointer;
  padding: 1px 5px;
  background-color: #fff;
  border: 1px solid #ddd;
  color: #000; }

.tui-full-calendar-weekday-resize-handle {
  position: absolute;
  top: 0;
  right: 0;
  width: 6px;
  background-position: 3px center;
  cursor: col-resize;
  line-height: 18px; }

.tui-full-calendar-weekday-filled {
  background-color: #e8e8e8 !important; }

.tui-full-calendar-left {
  height: 100%;
  float: left;
  box-sizing: border-box;
  display: table; }

.tui-full-calendar-left-content {
  display: table-cell;
  vertical-align: middle;
  text-align: right;
  font-size: 11px; }

.tui-full-calendar-right {
  height: 100%;
  overflow-y: scroll;
  position: relative; }

.tui-full-calendar-week-container {
  width: 100%;
  height: inherit;
  display: inline-block;
  font-size: 10px; }

.tui-full-calendar-week-container .tui-full-calendar-today {
  background: none; }

.tui-full-calendar-dayname {
  position: absolute;
  margin-left: -1px;
  height: 100%;
  overflow: hidden; }

.tui-full-calendar-dayname.tui-full-calendar-today {
  font-weight: bold; }

.tui-full-calendar-dayname-container {
  overflow-y: scroll; }

.tui-full-calendar-dayname-leftmargin {
  position: relative;
  height: 100%;
  margin-left: 77px; }

.tui-full-calendar-dayname-date {
  font-size: 26px; }

.tui-full-calendar-dayname-name {
  font-weight: bold;
  font-size: 12px; }

.tui-full-calendar-daygrid-layout {
  height: 100%; }

.tui-full-calendar-daygrid-layout .tui-full-calendar-right {
  overflow-y: hidden; }

.tui-full-calendar-daygrid-guide-creation-block {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1; }

.tui-full-calendar-timegrid-container {
  height: 100%;
  position: relative;
  overflow: hidden;
  overflow-y: scroll; }

.tui-full-calendar-timegrid-container-split {
  height: 100%;
  position: relative;
  overflow: hidden; }

.tui-full-calendar-timegrid-left {
  position: absolute; }

.tui-full-calendar-timegrid-hour {
  position: relative;
  color: #555;
  box-sizing: border-box; }

.tui-full-calendar-timegrid-hour:first-child span {
  display: none; }

.tui-full-calendar-timegrid-hour:last-child {
  border-bottom: none; }

.tui-full-calendar-timegrid-hour span {
  position: absolute;
  top: -11px;
  left: 0;
  right: 7px;
  text-align: right;
  line-height: 25px; }

.tui-full-calendar-timegrid-right {
  position: relative; }

.tui-full-calendar-timegrid-gridline {
  border-bottom: 1px solid #eee;
  box-sizing: border-box; }

.tui-full-calendar-timegrid-gridline:last-child {
  border-bottom: none; }

.tui-full-calendar-timegrid-schedules {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  cursor: pointer; }

.tui-full-calendar-timegrid-hourmarker {
  position: absolute;
  width: 100%;
  z-index: 98; }

.tui-full-calendar-timegrid-hourmarker-wrap {
  position: relative; }

.tui-full-calendar-timegrid-hourmarker-line-left {
  position: absolute;
  min-height: 1px;
  left: 0; }

.tui-full-calendar-timegrid-hourmarker-line-today {
  position: absolute;
  min-height: 1px; }

.tui-full-calendar-timegrid-hourmarker-line-right {
  position: absolute;
  min-height: 1px;
  right: 0; }

.tui-full-calendar-timegrid-hourmarker-time {
  position: absolute;
  width: 52px;
  left: -60px;
  top: -6px;
  line-height: 12px;
  text-align: right; }

.tui-full-calendar-timegrid-todaymarker {
  position: absolute;
  text-indent: -9999px;
  width: 9px;
  height: 9px;
  background-color: #135de6;
  margin: -4px 0 0 -5px;
  border-radius: 50%;
  z-index: 99; }

.tui-full-calendar-time-date {
  position: absolute;
  height: 100%;
  margin-left: -1px;
  box-sizing: content-box; }

.tui-full-calendar-time-date:last-child {
  border-right: none;
  margin: 0; }

.tui-full-calendar-time-date:last-child .tui-full-calendar-time-schedule,
.tui-full-calendar-time-date:last-child .tui-full-calendar-time-guide-creation {
  left: 0px; }

.tui-full-calendar-time-date-schedule-block-wrap {
  position: relative;
  height: 100%; }

.tui-full-calendar-time-date-schedule-block {
  position: absolute;
  right: 0px; }

.tui-full-calendar-time-date-schedule-block-pending {
  opacity: 0.7; }

.tui-full-calendar-time-date-schedule-block-dragging-dim {
  opacity: 0.3; }

.tui-full-calendar-time-date-schedule-block-focused {
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2); }

.tui-full-calendar-time-date-schedule-block-cover {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1); }

.tui-full-calendar-time-schedule {
  position: relative;
  left: 1px;
  height: 100%;
  font-size: 12px;
  overflow: hidden;
  border-left-width: 3px;
  border-left-style: solid;
  font-weight: bold;
  padding: 1px 0 1px 3px; }

.tui-full-calendar-time-resize-handle {
  position: absolute;
  right: 0px;
  bottom: 0px;
  left: 0px;
  height: 5px;
  text-align: center;
  color: #fff;
  cursor: row-resize;
  background-position: center top; }

.tui-full-calendar-time-guide-creation {
  position: absolute;
  right: 10px;
  left: 1px;
  padding: 3px; }

.tui-full-calendar-time-guide-move .tui-full-calendar-time-schedule,
.tui-full-calendar-time-guide-resize .tui-full-calendar-time-schedule,
.tui-full-calendar-time-guide-move .tui-full-calendar-time-resize-handle,
.tui-full-calendar-time-guide-resize .tui-full-calendar-time-resize-handle {
  opacity: 0.8;
  z-index: 97; }

.tui-full-calendar-time-guide-creation-label {
  cursor: default; }

.tui-full-calendar-time-guide-bottom {
  position: absolute;
  bottom: 3px; }

.tui-full-calendar-month {
  height: 100%; }

.tui-full-calendar-month-dayname {
  width: 100%;
  position: absolute;
  font-size: 13px; }

.tui-full-calendar-month-dayname-item {
  height: 100%;
  font-weight: bold; }

.tui-full-calendar-month-week-item {
  position: relative; }

.tui-full-calendar-month-week-item > div {
  height: 100%; }

.tui-full-calendar-month-more {
  background-color: #fff;
  height: inherit;
  min-width: 200px;
  min-height: 150px;
  border: 1px solid #ddd; }

.tui-full-calendar-month-more-title {
  padding: 0 10px;
  height: 28px;
  line-height: 28px;
  font-weight: bold;
  font-size: 14px;
  background: #f4f4f4;
  border-bottom: 1px solid #ddd;
  position: relative; }

.tui-full-calendar-month-more-close {
  position: absolute;
  right: 0;
  outline: 0;
  background: none;
  border: 0;
  font-size: 14px;
  line-height: 28px;
  padding: 0 7px;
  cursor: pointer; }

.tui-full-calendar-month-more-list {
  height: calc(100% - 29px);
  padding: 10px;
  overflow-y: auto; }

.tui-full-calendar-month-more-schedule {
  cursor: pointer;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12px; }

.tui-full-calendar-month-guide-block {
  display: none !important; }

.tui-full-calendar-month-weekday-schedule {
  margin-top: 2px; }

.tui-full-calendar-month-guide-focused {
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2); }

.tui-full-calendar-month-guide {
  position: relative;
  padding-left: 3px;
  line-height: 18px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.tui-full-calendar-month-guide-cover {
  width: 100%;
  position: absolute;
  top: -50%;
  left: -50%;
  background-color: rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1); }

.tui-full-calendar-month-exceed-left .tui-full-calendar-month-guide {
  margin-left: 0px; }

.tui-full-calendar-month-exceed-right .tui-full-calendar-month-guide {
  margin-right: 0px; }

.tui-full-calendar-month-exceed-right .tui-full-calendar-month-guide-handle {
  display: none; }

.tui-full-calendar-month-guide-handle {
  position: absolute;
  top: 0;
  right: 3px;
  width: 6px;
  background-position: 3px center;
  cursor: col-resize; }

.tui-full-calendar-vlayout-container {
  position: relative; }

.tui-full-calendar-splitter {
  clear: left;
  cursor: row-resize; }

.tui-full-calendar-splitter:hover {
  border-color: #999; }

.tui-full-calendar-splitter-focused {
  background-color: #ddd;
  border: none; }

.tui-full-calendar-splitter-guide {
  position: absolute;
  width: 100%;
  height: 3px;
  border: none;
  background-color: #e8e8e8; }

.tui-full-calendar-popup {
  position: absolute;
  font-weight: 2.5;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  clear: both; }

.tui-full-calendar-popup-container {
  min-width: 474px;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
  border: solid 1px #d5d5d5;
  padding: 17px;
  border-radius: 2px; }

.tui-full-calendar-popup-section {
  padding-bottom: 8px;
  font-size: 0;
  height: 40px; }

.tui-full-calendar-section-calendar {
  width: 176px; }

.tui-full-calendar-section-calendar.tui-full-calendar-hide {
  height: 21px;
  visibility: hidden; }

.tui-full-calendar-section-title {
  width: calc(100% - 36px);
  padding-right: 4px; }

.tui-full-calendar-section-title input {
  width: 365px; }

.tui-full-calendar-button.tui-full-calendar-section-private {
  height: 32px;
  padding: 8px;
  font-size: 0;
  margin-left: 4px; }

.tui-full-calendar-section-private.tui-full-calendar-public .tui-full-calendar-ic-private {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAKdJREFUKBVjYCATMKLri46Olvn9+3fX////HUByjIyMB1hZWcuWLl36BFktikaQpl+/fl0EKhBCVgRkv2NjY9NH1syErABkE1TTdqBCWRAG8reDxKBycOUoGmHOA2pIA5kOwiA2SDVMDq4TmREaGvofhJHFcLHhfgwLC9sKNNULl0KQODCgtq1atcobxIY7lZAmkGJkNXCNIAlSwIjSCApqIgJnK0wNALoOPwSpOcq0AAAAAElFTkSuQmCC") no-repeat; }

.tui-full-calendar-section-start-date,
.tui-full-calendar-section-end-date {
  width: 176px; }

.tui-full-calendar-section-start-date input,
.tui-full-calendar-section-end-date input {
  width: 139px; }

.tui-full-calendar-section-start-date:hover .tui-full-calendar-popup-section-item,
.tui-full-calendar-section-end-date:hover .tui-full-calendar-popup-section-item,
.tui-full-calendar-section-start-date:focus .tui-full-calendar-popup-section-item,
.tui-full-calendar-section-end-date:focus .tui-full-calendar-popup-section-item,
.tui-full-calendar-section-start-date:hover .tui-datepicker,
.tui-full-calendar-section-end-date:hover .tui-datepicker,
.tui-full-calendar-section-start-date:focus .tui-datepicker,
.tui-full-calendar-section-end-date:focus .tui-datepicker {
  border-color: #bbb; }

.tui-full-calendar-popup-section-item:focus {
  border-color: #bbb; }

.tui-full-calendar-section-date-dash {
  font-size: 12px;
  color: #d5d5d5;
  height: 32px;
  padding: 0 4px;
  vertical-align: middle; }

.tui-full-calendar-popup-section-item.tui-full-calendar-section-allday {
  border: none;
  padding: 0 0 0 8px;
  cursor: pointer; }

.tui-full-calendar-popup-section-item.tui-full-calendar-section-location {
  display: block; }

.tui-full-calendar-popup-section-item.tui-full-calendar-section-location input {
  width: 400px; }

.tui-full-calendar-section-allday .tui-full-calendar-icon.tui-full-calendar-ic-checkbox {
  margin: 0; }

.tui-full-calendar-popup-section-item.tui-full-calendar-section-allday .tui-full-calendar-content {
  padding-left: 4px; }

.tui-full-calendar-section-state {
  width: 109px; }

.tui-full-calendar-section-state .tui-full-calendar-content {
  width: 58px;
  text-overflow: ellipsis;
  overflow: hidden; }

.tui-full-calendar-popup-section-item {
  height: 32px;
  padding: 0 9px 0 12px;
  border: 1px solid #d5d5d5;
  display: inline-block;
  font-size: 0;
  border-radius: 2px; }

.tui-full-calendar-popup-section-item:hover {
  border-color: #bbb; }

.tui-full-calendar-popup-section-item:focus {
  border-color: #bbb; }

.tui-full-calendar-popup-section-item .tui-full-calendar-icon {
  position: relative; }

.tui-full-calendar-icon.tui-full-calendar-ic-title {
  top: 2px; }

.tui-full-calendar-popup-section-item .tui-full-calendar-content {
  text-align: left;
  display: inline-block;
  font-size: 12px;
  vertical-align: middle;
  position: relative;
  padding-left: 8px; }

.tui-full-calendar-section-calendar .tui-full-calendar-dropdown-button .tui-full-calendar-content {
  width: 125px;
  text-overflow: ellipsis;
  overflow: hidden;
  top: -1px; }

.tui-full-calendar-popup-section-item input {
  border: none;
  height: 30px;
  outline: none;
  display: inline-block; }

.tui-full-calendar-popup-section-item input::placeholder {
  color: #bbb;
  font-weight: 300; }

.tui-full-calendar-dropdown {
  position: relative; }

.tui-full-calendar-dropdown:hover .tui-full-calendar-dropdown-button {
  border: 1px solid #bbb; }

.tui-full-calendar-dropdown-button.tui-full-calendar-popup-section-item {
  height: 32px;
  font-size: 0;
  top: -1; }

.tui-full-calendar-dropdown-arrow {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAHlJREFUKBVjYBgFOEOAEVkmPDxc89+/f6eAYjzI4kD2FyYmJrOVK1deh4kzwRggGiQBVJCELAZig8SQNYHEmEEEMrh69eo1HR0dfqCYJUickZGxf9WqVf3IakBsFBthklpaWmVA9mEQhrJhUoTp0NBQCRAmrHL4qgAAuu4cWZOZIGsAAAAASUVORK5CYII=") no-repeat; }

.dropdown.open .tui-full-calendar-dropdown-arrow,
.tui-full-calendar-open .tui-full-calendar-dropdown-arrow {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAIFJREFUKBVjYBj+gBmXF2NiYiTV1dV5rl279gWbGiZsgg0NDSw/f/5cCZRbBWJjU4PVRjExsR6g4nAgln/z5g3v1atXd6JrxtAYHh4e+v///z4khZa6urrXgJqvIYkxMCJzgJo0//37dwooxoMsDmR/YWJiMlu5cuV1NPFRLrYQAADMVCaUtbG7XwAAAABJRU5ErkJggg==") no-repeat; }

.tui-full-calendar-dropdown-menu {
  position: absolute;
  top: 31px;
  padding: 4px 0;
  background-color: #fff;
  border: 1px solid #d5d5d5;
  border-top: none;
  border-radius: 0 0 2px 2px;
  width: 100%; }

.tui-full-calendar-dropdown:hover .tui-full-calendar-dropdown-menu {
  border: 1px solid #bbb;
  border-top: none; }

.tui-full-calendar-dropdown-menu {
  display: none; }

.tui-full-calendar-open .tui-full-calendar-dropdown-menu {
  display: block; }

.tui-full-calendar-dropdown-menu-item {
  height: 30px;
  border: none;
  cursor: pointer; }

.tui-full-calendar-section-calendar .tui-full-calendar-dropdown-menu-item {
  width: 100%; }

.tui-full-calendar-section-state .tui-full-calendar-dropdown-menu-item {
  width: 100%; }

.tui-full-calendar-dropdown-menu-item:hover {
  background-color: rgba(81, 92, 230, 0.05); }

.tui-full-calendar-dropdown-menu-item .tui-full-calendar-content {
  line-height: 30px; }

.tui-full-calendar-button.tui-full-calendar-popup-close {
  position: absolute;
  top: 10px;
  right: 10px;
  background-color: #fff;
  padding: 2px;
  border: none; }

.tui-full-calendar-section-button-save {
  height: 36px; }

.tui-full-calendar-popup-save {
  float: right; }

.tui-full-calendar-popup-arrow-border,
.tui-full-calendar-popup-arrow-fill {
  position: absolute; }

.tui-full-calendar-arrow-top .tui-full-calendar-popup-arrow-border {
  border-top: none;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #d5d5d5;
  border-left: 8px solid transparent;
  left: calc(50% - 8px);
  top: -7px; }

.tui-full-calendar-arrow-right .tui-full-calendar-popup-arrow-border {
  border-top: 8px solid transparent;
  border-right: none;
  border-bottom: 8px solid transparent;
  border-left: 8px solid #d5d5d5;
  top: calc(50% - 8px);
  right: -7px; }

.tui-full-calendar-arrow-bottom .tui-full-calendar-popup-arrow-border {
  border-top: 8px solid #d5d5d5;
  border-right: 8px solid transparent;
  border-bottom: none;
  border-left: 8px solid transparent;
  left: calc(50% - 8px);
  bottom: -7px; }

.tui-full-calendar-arrow-left .tui-full-calendar-popup-arrow-border {
  border-top: 8px solid transparent;
  border-right: 8px solid #d5d5d5;
  border-bottom: 8px solid transparent;
  border-left: none;
  top: calc(50% - 8px);
  left: -7px; }

.tui-full-calendar-arrow-top .tui-full-calendar-popup-arrow-fill {
  border-top: none;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #fff;
  border-left: 7px solid transparent;
  left: -7px;
  top: 1px; }

.tui-full-calendar-arrow-right .tui-full-calendar-popup-arrow-fill {
  border-top: 7px solid transparent;
  border-right: none;
  border-bottom: 7px solid transparent;
  border-left: 7px solid #fff;
  top: -7px;
  right: 1px; }

.tui-full-calendar-arrow-bottom .tui-full-calendar-popup-arrow-fill {
  border-top: 7px solid #fff;
  border-right: 7px solid transparent;
  border-bottom: none;
  border-left: 7px solid transparent;
  left: -7px;
  bottom: 1px; }

.tui-full-calendar-arrow-left .tui-full-calendar-popup-arrow-fill {
  border-top: 7px solid transparent;
  border-right: 7px solid #fff;
  border-bottom: 7px solid transparent;
  border-left: none;
  top: -7px;
  left: 1px; }

.tui-full-calendar-button {
  background: #fff;
  border: 1px solid #d5d5d5;
  border-radius: 2px;
  text-align: center;
  outline: none;
  font-size: 12px;
  cursor: pointer;
  color: #333; }

.tui-full-calendar-button:hover {
  border-color: #bbb;
  color: #333; }

.tui-full-calendar-button:active {
  background: #f9f9f9;
  color: #333; }

.tui-full-calendar-button .round {
  border-radius: 25px; }

.tui-full-calendar-confirm {
  width: 96px;
  height: 36px;
  border-radius: 40px;
  background-color: #ff6618;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  border: none; }

.tui-full-calendar-confirm:hover {
  background-color: #e55b15;
  color: #fff; }

.tui-full-calendar-confirm:active {
  background-color: #d95614;
  color: #fff; }

.tui-full-calendar-icon.tui-full-calendar-right {
  float: right;
  top: 1px; }

.tui-full-calendar-icon .tui-full-calendar-none {
  display: none; }

.tui-full-calendar-icon.tui-full-calendar-calendar-dot {
  border-radius: 8px;
  width: 12px;
  height: 12px;
  margin: 1px; }

input[type='checkbox'].tui-full-calendar-checkbox-square {
  display: none; }

input[type='checkbox'].tui-full-calendar-checkbox-square + span {
  display: inline-block;
  cursor: pointer;
  line-height: 14px;
  margin-right: 8px;
  width: 14px;
  height: 14px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAADpJREFUKBVjPHfu3O5///65MJAAmJiY9jCcOXPmP6kApIeJBItQlI5qRAkOVM5o4KCGBwqPkcxEvhsAbzRE+Jhb9IwAAAAASUVORK5CYII=") no-repeat;
  vertical-align: middle; }

input[type='checkbox'].tui-full-calendar-checkbox-square:checked + span {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAMBJREFUKBWVkjEOwjAMRe2WgZW7IIHEDdhghhuwcQ42rlJugAQS54Cxa5cq1QM5TUpByZfS2j9+dlJVt/tX5ZxbS4ZU9VLkQvSHKTIGRaVJYFmKrBbTCJxE2UgCdDzMZDkHrOV6b95V0US6UmgKodujEZbJg0B0ZgEModO5lrY1TMQf1TpyJGBEjD+E2NPN7ukIUDiF/BfEXgRiGEw8NgkffYGYwCi808fpn/6OvfUfsDr/Vc1IfRf8sKnFVqeiVQfDu0tf/nWH9gAAAABJRU5ErkJggg==") no-repeat; }

input[type='checkbox'].tui-full-calendar-checkbox-round {
  display: none; }

input[type='checkbox'].tui-full-calendar-checkbox-round + span {
  display: inline-block;
  cursor: pointer;
  width: 14px;
  height: 14px;
  line-height: 14px;
  vertical-align: middle;
  margin-right: 8px;
  border-radius: 8px;
  border: solid 2px;
  background: transparent; }

.tui-full-calendar-popup-top-line {
  position: absolute;
  border-radius: 2px 2px 0 0;
  width: 100%;
  height: 4px;
  border: none;
  top: 0; }

.tui-full-calendar-popup-detail .tui-full-calendar-popup-container {
  width: 301px;
  min-width: 301px;
  padding-bottom: 0; }

.tui-full-calendar-popup-detail .tui-full-calendar-icon {
  width: 12px;
  height: 12px;
  background-size: 12px;
  position: relative; }

.tui-full-calendar-popup-detail .tui-full-calendar-icon {
  margin-right: 8px; }

.tui-full-calendar-popup-detail .tui-full-calendar-icon.tui-full-calendar-ic-location-b {
  display: none;
  top: -2px; }

.tui-full-calendar-popup-detail .tui-full-calendar-icon.tui-full-calendar-ic-user-b {
  top: -2px; }

.tui-full-calendar-popup-detail .tui-full-calendar-icon.tui-full-calendar-ic-state-b {
  top: -1px; }

.tui-full-calendar-popup-detail .tui-full-calendar-icon.tui-full-calendar-calendar-dot {
  width: 10px;
  height: 10px;
  margin-right: 8px;
  top: -1px; }

.tui-full-calendar-popup-detail .tui-full-calendar-content {
  line-height: 24px;
  height: 24px;
  font-size: 12px;
  line-height: 2; }

.tui-full-calendar-popup-detail .tui-full-calendar-section-header {
  margin-bottom: 12px; }

.tui-full-calendar-popup-detail .tui-full-calendar-schedule-title {
  font-size: 15px;
  font-weight: bold;
  line-height: 1.6; }

.tui-full-calendar-popup-detail .tui-full-calendar-schedule-private {
  display: none;
  width: 16px;
  height: 16px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAKpJREFUKBVjYCATMKLri46Olvn9+3fX////HUByjIyMB1hZWcuWLl36BFktikaQpl+/fl0EKhBCVgRkv2NjY9NH1syErABkE1TTdqBCWRAG8reDxKBycOUoGmHOA2pIA5kOwiA2SDVMDqYTRSNQUBIkgewkJDZYDqYR7sewsLCtQFO9YBLYaGBAbVu1apU3SA5uIyFNIMXIauAaQRKkgBGlERTURATOVpgaABRQQOK46wEAAAAAAElFTkSuQmCC") no-repeat 16px; }

.tui-full-calendar-popup-detail .tui-full-calendar-schedule-private .tui-full-calendar-ic-private {
  display: block; }

.tui-full-calendar-popup-detail .tui-full-calendar-section-detail {
  margin-bottom: 16px; }

.tui-full-calendar-popup-detail .tui-full-calendar-section-button {
  border-top: 1px solid #e5e5e5;
  font-size: 0; }

.tui-full-calendar-section-button .tui-full-calendar-icon {
  margin-right: 4px;
  top: -3px; }

.tui-full-calendar-section-button .tui-full-calendar-content {
  position: relative;
  top: 2px; }

.tui-full-calendar-popup-edit,
.tui-full-calendar-popup-delete {
  display: inline-block;
  padding: 7px 9px 11px 9px;
  width: calc(50% - 1px);
  outline: none;
  background: none;
  border: none;
  cursor: pointer; }

.tui-full-calendar-popup-vertical-line {
  background: #e5e5e5;
  width: 1px;
  height: 14px;
  vertical-align: middle;
  display: inline-block;
  margin-top: -7px; }

.tui-datepicker {
  left: -12px;
  z-index: 1;
  border-color: #d5d5d5; }

.tui-full-calendar-icon {
  width: 14px;
  height: 14px;
  display: inline-block;
  vertical-align: middle; }

.tui-full-calendar-icon.tui-full-calendar-ic-title {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAO5JREFUKBVjYCATMOLSFxkZqfHnz5+1QHktNDVbV69e7cOCJgjmQjXtB3IksMh7g8SY0CXQNTEyMlYD1fBCabhyFI3omkCq/v//PwnotC8gGq4LyIBrxKYJpBBoU15oaCgPiEbWCPYjUEIFGBBY/QS0qRWooRVIg/UBDXgMYoBtBHJSgWxsAQFWjET8BBqQBuLDNM4Can6GpAAb8ydQMADo3x0gSbDGlStX3gVqdMSjGUUTSCNKAggPD1cDOmU/EEuBJKEAQxNIHEUjSABNM1ZNIHXMIAIZXL169a2+vv5moK18QKeXAv20B1meYjYAr7xrljpOzc0AAAAASUVORK5CYII=") no-repeat; }

.tui-full-calendar-icon.tui-full-calendar-ic-location {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAR1JREFUKBWdUTtPg1AUBiT8CydHJtv/0MTJRWAgcTK1bq0/pO3k4E4IYLo2Me46tS4wumjSpV07kAb6HXLPzaGPRZLL+c73uE/D+OdnHuaCIOhVVTUEf620pWVZ0yRJ3qW3FfR9f1zX9UgaGJumOUnT9Fn3DDzPuwPOuD9TvSzL3kizhOFJ4LnjOJc0wM0FP2Asgx0mEehHUfRHgzDzqF3GOogzbJg8V6XHFqYv4Cvqy7J8DcOwWYmw8Hwy1kHMRjcaKuEGgV82caWbZay3indagJyxcKLOlKeRdJA627YfUVaN0v6tlKbZVjCO4zW2cw91px3AxJEmOONCNoTzPP9xXZfOd6u0Bzz60RGOgmQuiuIb4S3gB0IvaoJW2QMDs1bBoH1CAQAAAABJRU5ErkJggg==") no-repeat; }

.tui-full-calendar-icon.tui-full-calendar-ic-date {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAGpJREFUKBVjYKAGCA0N/Q/C6GZhE2cEKQoLC9v6//9/L3QN2PiMjIzbVq1a5c0EkiRWE7JasEZsJhMSI1sjC7LJq1evBvsZWQyZjRxwZNs4hDSiBA6y55EDBRsb7EdQasAmiUNsKw5x4oQBkUAeDPJ53KsAAAAASUVORK5CYII=") no-repeat; }

.tui-full-calendar-icon.tui-full-calendar-ic-state {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAIxJREFUKBVjYCATMKLrCw8P9/z3798soLgMVO4JExNT2sqVK7cjq2VC5oDYME2MjIyNIAwUkoGKoShlQeFBOGCbVq1a1QDihoaG1gMpmO0gITAAOzUsLGzr////vWCC+GigK7YBDfUGO5VYTSADYWox/IjPNmS5UY3IoYHGBgcOKG7QxPFxt+KTJCgHAGcZJbGLRuJ2AAAAAElFTkSuQmCC") no-repeat; }

.tui-full-calendar-icon.tui-full-calendar-ic-private {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAKpJREFUKBVjYCATMKLri46Olvn9+3fX////HUByjIyMB1hZWcuWLl36BFktikaQpl+/fl0EKhBCVgRkv2NjY9NH1syErABkE1TTdqBCWRAG8reDxKBycOUoGmHOA2pIA5kOwiA2SDVMDqYTRSNQUBIkgewkJDZYDqYR7sewsLCtQFO9YBLYaGBAbVu1apU3SA5uIyFNIMXIauAaQRKkgBGlERTURATOVpgaABRQQOK46wEAAAAAAElFTkSuQmCC") no-repeat; }

.tui-full-calendar-icon.tui-full-calendar-ic-public {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAKdJREFUKBVjYCATMKLri46Olvn9+3fX////HUByjIyMB1hZWcuWLl36BFktikaQpl+/fl0EKhBCVgRkv2NjY9NH1syErABkE1TTdqBCWRAG8reDxKBycOUoGmHOA2pIA5kOwiA2SDVMDq4TmREaGvofhJHFcLHhfgwLC9sKNNULl0KQODCgtq1atcobxIY7lZAmkGJkNXCNIAlSwIjSCApqIgJnK0wNALoOPwSpOcq0AAAAAElFTkSuQmCC") no-repeat; }

.tui-full-calendar-icon.tui-full-calendar-ic-close {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAJRJREFUKBXFkNERhCAMREUbuEKohzq0Eq2DDq6Da4B60KezDORkxj+ZwchmX0IYhtdWCGFl9y5g82NtzDnPdzAaudo76ZBS+nrvPxiInMkJcs5tMcZFfqcfxdqIRiELof+BiIJPg+mExmpmvKRn3zKj7OrG9Y79szPL14A1xEP0Hgy4gBZS5R7czHj3ehSgOzkVeyfuGrBw/WLm0hsAAAAASUVORK5CYII=") no-repeat; }

.tui-full-calendar-ic-location-b {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAAXNSR0IArs4c6QAAAOZJREFUKBWVUT0KwjAUbkzGTuJWPYNDpV0cXD2ETuIRBK+gs4ubp3BwcXBp6eINBKWDgydoid9X8oKCggYeee/7S9IGwZ9LverTNO3Wdb2y1o6IK6WOWutFlmU30XmDE58hbgvpTA+Y+mJqCemS20jdG2N6LPYMICc6b5BrIG3ONBZ7CoVj7w0cfllGRDj+gKQpjt/iPU0ye/LkROcNANaoCUzjqqquIsBuHddAWoiyLO9RFHUwJ4JxR/qmKIqdYG9vCMNwCeIiJHuHecj/B0GSJBng7ifO+ErDPM8L4b7ucRzPWJ8ET1E7YC7tmi9qAAAAAElFTkSuQmCC"); }

.tui-full-calendar-ic-state-b {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAAXNSR0IArs4c6QAAAHlJREFUKBVjYCARMCKrNzEx8QTyZ/3//18GJM7IyPgESKWdOXNmO4gPAkwQCk6CFQMVNoIwVOMsuCw6w9jY+D8Iw8TR+SBxsJOATtkKNM0LphAbDbRxG9Bp3mAnEVIMMgCmBt0P2AxHERusGkAhgOJQ7Jyt2IUJiAIAwwIn24FgmhkAAAAASUVORK5CYII="); }

.tui-full-calendar-icon.tui-full-calendar-ic-user-b {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAAXNSR0IArs4c6QAAAJpJREFUKBVjYKA1YES3wMTExBMoNgsqnnbmzJntyGqYkDlQ9qz////LgDCQD9MIV4ZNA1wSGwObhjRGRsYnIAzUkIZNE0licE+bm5tr/fnzJx1osjPQBFmoKY+BftnLwsIy8+TJk9dAYmANxsbGoUD2YiBmBwliAT+BYrFnz55dDfNDO1AAl2KQfpAcSA0DTIMyiEMAEKMG0wgAolIjcM7Tjm8AAAAASUVORK5CYII="); }

.tui-full-calendar-icon.tui-full-calendar-ic-edit {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAAXNSR0IArs4c6QAAAMdJREFUKBVjYCARMOJTb2xsLMfIyBjLysq64Pjx409BapnwaQDKzf7//3/L79+/D1tbW0uB1LJg02BmZqYIVPgdKBf/79+//UC2xs+fP8OB/H4MG0CK//79ewCkEGQYExOTI5DawMnJuQTER/EDTDFQXA4kCQQ3QBpOnz79AsJF8gMWxTA1KDTYBhyKMUwH6WSysrKSB7kZyIY5AySOVTFIggno+5VAmijFYA1AwhzEgAKcJsMUwIMVGKPH2NnZ7ZFDBKYImQYAuO5YIMgk39gAAAAASUVORK5CYII="); }

.tui-full-calendar-icon.tui-full-calendar-ic-delete {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAAXNSR0IArs4c6QAAAFhJREFUKBVjYCARMKKrNzEx2fr//38vkDgjI+O2M2fOeCOrAWtAVoQsicyGaWZCFsTHBtr6H588Tjm4H4yNjfGacPbsWbBaop0Es3JYaQBFDMxjWOitMDEA3EEZfFEISwUAAAAASUVORK5CYII="); }

.tui-full-calendar-icon.tui-full-calendar-ic-arrow-solid-top {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAIFJREFUKBVjYBj+gBmXF2NiYiTV1dV5rl279gWbGiZsgg0NDSw/f/5cCZRbBWJjU4PVRjExsR6g4nAgln/z5g3v1atXd6JrxtAYHh4e+v///z4khZa6urrXgJqvIYkxMCJzgJo0//37dwooxoMsDmR/YWJiMlu5cuV1NPFRLrYQAADMVCaUtbG7XwAAAABJRU5ErkJggg==") no-repeat; }

.tui-full-calendar-icon.tui-full-calendar-ic-milestone {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAAXNSR0IArs4c6QAAAGFJREFUKBVjYCARMILU/3dw+I+hj5FxG+P+/d7o4rg1IKtE0syELI6T/f+/F0yOOA0w1UCa9hpYkGxjYDxwABwIILH/jo5bGWBuZ2TcClOHogEmCKKxBSlInPZ+ANlCEgAA37EU4AHbBQUAAAAASUVORK5CYII=") no-repeat; }

/*# sourceMappingURL=src/css/main.css.map */
/*# sourceMappingURL=tui-calendar.css.map*/
.employee_avatar {
  height: 112px;
  width: 112px;
  border-radius: 50%;
  border: 1px solid #E7E8EA;
  text-align: center;
  display: inline-block;
  margin-right: 20px;
  vertical-align: top; }
  .employee_avatar img {
    height: 95px;
    width: 95px;
    border-radius: 50%;
    margin-top: 8px; }

.employee_info {
  display: inline-block; }

.deleteNote {
  position: absolute;
  right: 19px;
  top: 55px; }

.favourite {
  margin-left: 10px;
  display: flex;
  align-items: center; }
  .favourite .icon-wrapper {
    display: flex;
    align-items: center;
    width: 32px;
    height: 32px;
    border-radius: 3px;
    border: 1px solid #c4c9cb;
    background-color: #fff;
    margin-right: 5px;
    text-align: center; }
    .favourite .icon-wrapper .custom_icon {
      font-size: 14px;
      color: #8a949e; }
      .favourite .icon-wrapper .custom_icon.red {
        color: #db3b21; }
      .favourite .icon-wrapper .custom_icon.yellow {
        color: #f3de21; }
    .favourite .icon-wrapper a {
      height: 100%;
      line-height: 30px;
      width: 100%;
      margin: 0px; }
    .favourite .icon-wrapper:hover {
      cursor: pointer; }
      .favourite .icon-wrapper:hover .custom_icon {
        color: #fff; }
        .favourite .icon-wrapper:hover .custom_icon.red {
          color: #fff !important; }
      .favourite .icon-wrapper:hover.h_red {
        background-color: #db3b21; }
      .favourite .icon-wrapper:hover.h_orange {
        background-color: #fc9403; }
      .favourite .icon-wrapper:hover.h_green {
        background-color: #1aaa55; }
      .favourite .icon-wrapper:hover.h_blue {
        background-color: #1f78d1; }
      .favourite .icon-wrapper:hover.h_pink {
        background-color: #DF417F; }
      .favourite .icon-wrapper:hover.h_yellow {
        background-color: #f3de21; }

.pagination__container {
  display: flex; }
  .pagination__container .pagination {
    background-color: #FFF;
    border-radius: 4px;
    box-shadow: 0px 0px 5px 0px rgba(34, 31, 31, 0.1);
    padding: 0; }
    .pagination__container .pagination li {
      display: inline-block;
      color: #C4C4C4;
      font-size: 18px;
      border-right: 1px solid #C4C4C4; }
      .pagination__container .pagination li .page-link {
        padding: 12px 10px;
        color: #C4C4C4;
        text-decoration: none; }
      .pagination__container .pagination li.active {
        border: 1px solid #18202F; }
        .pagination__container .pagination li.active span {
          color: #18202F; }
      .pagination__container .pagination li:last-child {
        border: 0; }

.account__settings button, .account__settings .input__group {
  margin-left: 10px; }
.account__settings button {
  margin-bottom: 10px; }

.tui-editor-contents p {
  color: inherit !important; }

.bigger {
  font-size: 20px;
  font-weight: 700; }

.worked_hours_normal {
  color: inherit !important; }

.green {
  color: #37D150 !important; }

.red {
  color: #db3a20 !important; }

.orange {
  color: #fc9403 !important; }

.yellow {
  color: #f3de21 !important; }

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

.input_block {
  padding: 20px; }
  .input_block label {
    font-weight: 600;
    display: block;
    color: #18202f;
    margin-bottom: 4px;
    font-size: 14px; }
  .input_block.border {
    border-right: 1px solid #c4c9cb; }
  .input_block textarea {
    line-height: normal !important; }
  .input_block input.text, .input_block textarea {
    width: 100%;
    height: 35px;
    line-height: 35px;
    border: none;
    border-radius: 4px;
    padding-left: 10px;
    color: #18202f;
    font-size: 15px;
    border: 1px solid #c4c9cb;
    outline-color: #DF417F; }
    .input_block input.text::placeholder, .input_block textarea::placeholder {
      color: #c4c4c4; }
    .input_block input.text:disabled, .input_block textarea:disabled {
      color: #FFF;
      background-color: #c4c4c4; }
    .input_block input.text.err, .input_block textarea.err {
      border: 1px solid #EA1F4B; }
  .input_block textarea {
    height: 200px;
    resize: none; }
  .input_block input[type="checkbox"] {
    border-radius: 0;
    box-shadow: 0px 0px 5px 0px rgba(34, 31, 31, 0.1);
    width: 16px;
    height: 16px;
    background-color: white;
    outline: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
    border: 1px solid #E8E9EC;
    position: relative; }
    .input_block input[type="checkbox"]:checked {
      background-color: #18202F;
      border: 0;
      color: #FFF; }
      .input_block input[type="checkbox"]:checked:before {
        content: "\f00c";
        display: block;
        line-height: 16px;
        position: absolute;
        top: 0;
        font-family: 'FontAwesome';
        left: 1px;
        font-size: 14px; }
  .input_block input[type="checkbox"]:not(.slide) + label {
    display: inline; }
  .input_block input[type="radio"] {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    height: 16px;
    width: 16px;
    box-shadow: 0px 0px 5px 0px rgba(34, 31, 31, 0.1);
    background-color: white;
    border-radius: 50%; }
    .input_block input[type="radio"]:checked {
      border: 1px solid #18202F;
      color: #18202F; }
      .input_block input[type="radio"]:checked:before {
        content: "\f111";
        display: block;
        line-height: 15px;
        position: relative;
        top: 0;
        font-family: 'FontAwesome';
        left: 3px;
        font-size: 10px; }
  .input_block .slide__checkbox input[type="checkbox"] {
    height: 0;
    width: 0;
    visibility: hidden; }
  .input_block .slide__checkbox label {
    width: 62px;
    height: 18px;
    border-radius: 10px;
    background-color: #F4F4F4;
    border: 1px solid #E8E9EB;
    position: relative; }
    .input_block .slide__checkbox label:after {
      content: '';
      position: absolute;
      left: 0;
      top: -8px;
      height: 30px;
      width: 30px;
      border-radius: 50%;
      background-color: #FFF;
      border: 1px solid #E8E9EB;
      box-shadow: 0px 0px 5px 0px rgba(34, 31, 31, 0.1);
      transition: transform .2s linear;
      will-change: transform; }
  .input_block .slide__checkbox input:checked + label {
    background-color: #F3FFF3; }
  .input_block .slide__checkbox input:checked + label:after {
    background-color: #37D150;
    transform: translateX(100%); }
  .input_block cw-select {
    width: 400px;
    height: 35px;
    border: 1px solid #c4c9cb;
    border-radius: 4px;
    background-color: #FFF;
    display: inline-block;
    color: #18202f;
    cursor: pointer;
    position: relative; }
    .input_block cw-select[viewall] {
      display: flex; }
      .input_block cw-select[viewall] cw-option {
        border-left: 1px solid #c4c9cb;
        text-align: center;
        line-height: 35px; }
        .input_block cw-select[viewall] cw-option[selected] {
          color: #18202f;
          border: 1px solid #18202F; }
    .input_block cw-select[dropdown] .fas {
      position: absolute;
      right: 10px;
      top: 50%;
      transform: translateY(-50%);
      color: #79838F; }
    .input_block cw-select[dropdown] .dorpdown__items {
      display: none;
      position: absolute;
      top: 45px;
      border: 1px solid #c4c9cb;
      border-radius: 4px;
      background-color: #FFF;
      z-index: 9;
      color: #18202f;
      overflow: scroll;
      width: 100%; }
      .input_block cw-select[dropdown] .dorpdown__items--open {
        display: block; }
      .input_block cw-select[dropdown] .dorpdown__items cw-option {
        padding: 5px 10px;
        cursor: pointer; }
        .input_block cw-select[dropdown] .dorpdown__items cw-option[selected] {
          background-color: #F4F4F4; }
        .input_block cw-select[dropdown] .dorpdown__items cw-option:hover {
          background-color: #F4F4F4; }
    .input_block cw-select .dropdown__selected {
      line-height: 35px;
      padding-left: 10px; }
    .input_block cw-select cw-option {
      display: inline-block;
      width: 100%;
      font-size: 15px; }

.werk_uren .uren_overview {
  border-bottom: 1px solid #e9ebee; }
  .werk_uren .uren_overview .uren {
    padding: 20px;
    text-align: center; }
    .werk_uren .uren_overview .uren:first-child {
      border-right: 1px solid #e9ebee; }
    .werk_uren .uren_overview .uren .amount {
      color: #18202f;
      font-size: 30px;
      font-weight: 700; }
    .werk_uren .uren_overview .uren .text {
      color: #8a949e;
      font-size: 15px; }
    .werk_uren .uren_overview .uren.worked_hours_red .amount, .werk_uren .uren_overview .uren.worked_hours_red .text {
      color: #db3a20; }

.add_new_type {
  color: #1f78d1;
  cursor: pointer; }

.grid {
  display: grid;
  grid-gap: 40px;
  grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
  grid-auto-rows: 20px; }

progress {
  border-radius: 2px;
  height: 17px;
  text-align: center;
  position: relative; }

progress::-webkit-progress-bar {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset;
  background-color: #eee;
  border-radius: 2px; }

progress::-webkit-progress-value {
  border-radius: 2px;
  background-color: #1aaa55; }

progress::-moz-progress-bar {
  /* style rules */ }

progress:after {
  content: attr(value) "%";
  color: #18202f;
  font-weight: 600;
  top: 0;
  position: absolute;
  left: 0;
  right: 0; }

.js-add-task {
  color: #495664; }
  .js-add-task:hover {
    color: #DF417F;
    cursor: pointer; }

.scheduled_task {
  padding: 10px 20px;
  border-bottom: 1px solid #E8E9EB; }
  .scheduled_task p {
    padding: 0px;
    margin: 0px; }
    .scheduled_task p.title {
      width: 350px; }
    .scheduled_task p.project {
      width: 300px; }
    .scheduled_task p.time {
      width: 30px; }
    .scheduled_task p.date {
      width: 80px; }
  .scheduled_task input {
    width: 50px;
    height: 30px;
    line-height: 30px;
    border: none;
    border-radius: 4px;
    padding-left: 10px;
    color: #18202f;
    font-size: 15px;
    border: 1px solid #c4c9cb;
    outline-color: #DF417F; }
  .scheduled_task a {
    color: #495664; }
  .scheduled_task i {
    margin-top: 7px; }
    .scheduled_task i:hover {
      cursor: pointer;
      color: red; }

.headlines {
  border-radius: 8px;
  overflow: hidden; }
  .headlines .item-row {
    background: #fff;
    color: #000;
    display: flex;
    padding: 20px 30px; }
    .headlines .item-row:not(:last-child) {
      border-bottom: 1px solid #f0f0f0; }
    .headlines .item-row .date {
      margin-top: auto;
      margin-bottom: auto; }
      .headlines .item-row .date .day {
        font-size: 30px; }
      .headlines .item-row .date .month {
        font-size: 20px;
        text-transform: uppercase; }
    .headlines .item-row .description {
      margin-top: auto;
      margin-bottom: auto; }
      .headlines .item-row .description .item-description {
        margin-right: auto; }
        .headlines .item-row .description .item-description .link {
          text-decoration: none;
          color: #000; }
        .headlines .item-row .description .item-description .title {
          font-size: 24px; }
        .headlines .item-row .description .item-description .task-name {
          font-style: italic; }
  .headlines .row {
    display: flex;
    flex-wrap: wrap; }
  .headlines .progress .progress-bar {
    margin: auto; }
    .headlines .progress .progress-bar progress {
      height: 25px;
      border-radius: 5px;
      overflow: hidden; }
      .headlines .progress .progress-bar progress::-webkit-progress-bar {
        box-shadow: none;
        background-color: #E5E8EB; }
      .headlines .progress .progress-bar progress::-webkit-progress-value {
        background-color: #07AC00;
        border-radius: 5px; }
      .headlines .progress .progress-bar progress::after {
        top: 2px; }
  .headlines .progress .task-state {
    margin: auto;
    font-weight: bold; }
  .headlines .item-members {
    margin-left: auto; }
    .headlines .item-members .members {
      justify-content: end; }
      .headlines .item-members .members:has(> :only-child) {
        justify-content: space-around; }
    .headlines .item-members .member-icon:not(:first-child) {
      padding-left: 8px; }
    .headlines .item-members .member-icon img {
      width: 40px;
      height: 40px;
      border-radius: 50%;
      border: 1px solid #fff; }
  .headlines .col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%; }
  .headlines .col_auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none; }

.open__chat__btn {
  color: #fff;
  background: transparent;
  margin-right: 10px;
  border: 0;
  font-size: 30px;
  position: relative;
  outline: none; }
  .open__chat__btn .badge {
    position: absolute;
    top: 29px;
    left: 26px; }

.open__chat__btn_new {
  color: #687686;
  background: transparent;
  border: 0;
  font-size: 30px;
  position: relative;
  outline: none; }
  .open__chat__btn_new .badge {
    position: absolute;
    top: 1px;
    left: 14px; }

.chat {
  position: fixed;
  bottom: 10px;
  right: 40px;
  width: 350px;
  height: 500px;
  background-color: #FFF;
  z-index: 999;
  border-radius: 4px;
  box-shadow: 0px 0px 5px 0px rgba(34, 31, 31, 0.1); }
  .chat__users {
    display: flex;
    flex-direction: column;
    overflow-y: scroll;
    height: calc(100% - 64px); }
    .chat__users__user {
      width: 100%;
      height: 55px;
      align-items: center;
      padding: 10px;
      cursor: pointer;
      display: -webkit-box; }
      .chat__users__user .user-icon {
        height: 40px;
        width: 40px;
        margin-right: 15px; }
        .chat__users__user .user-icon img {
          height: 36px;
          width: 36px; }
      .chat__users__user .info p, .chat__users__user .info h4 {
        margin: 0; }
      .chat__users__user > * {
        pointer-events: none; }
  .chat__header {
    padding: 4px;
    height: 64px;
    display: flex;
    justify-content: space-between;
    background: linear-gradient(to right, #DF417F, #E85A3E);
    color: #FFF;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom: 4px solid #FFF;
    align-items: center; }
    .chat__header h3 {
      color: #FFF; }
    .chat__header button {
      color: #FFF;
      background-color: transparent;
      border: none;
      font-size: 20px; }
    .chat__header .user-icon {
      height: 45px;
      width: 45px; }
      .chat__header .user-icon img {
        width: 40px;
        height: 40px; }
  .chat__messages {
    height: calc(100% - 124px);
    overflow-y: auto; }
    .chat__messages .date {
      text-align: center; }
    .chat__messages__message {
      display: flex;
      flex-direction: column;
      padding: 5px 10px;
      align-items: flex-start; }
      .chat__messages__message .msg-content {
        background-color: #79838F;
        padding: 10px;
        border-radius: 6px;
        color: #FFF;
        font-size: 14px; }
        .chat__messages__message .msg-content a {
          color: #FFF; }
      .chat__messages__message .time {
        margin: 0;
        font-size: 12px; }
      .chat__messages__message--right {
        align-items: flex-end; }
        .chat__messages__message--right .msg-content {
          background-color: #DF417F; }
      .chat__messages__message img {
        width: 70px; }
      .chat__messages__message--left {
        flex-direction: row; }
        .chat__messages__message--left .avatar {
          width: 40px; }
          .chat__messages__message--left .avatar img {
            width: 27px; }
  .chat__form {
    height: 60px;
    border-top: 1px solid #495664; }
    .chat__form input {
      width: 78%;
      height: 100%;
      line-height: 60px;
      border: 0;
      color: #79838F;
      background-color: #FFF;
      outline: none; }
      .chat__form input::placeholder {
        color: inherit; }
    .chat__form button {
      font-size: 20px;
      color: #79838F;
      border: 0;
      background-color: transparent; }
      .chat__form button:hover {
        color: #DF417F; }

/*# sourceMappingURL=style.css.map */