body {
    padding: 0;
    background-color: #edecec;
}


/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url(https://fonts.gstatic.com/s/roboto/v16/ty9dfvLAziwdqQ2dHoyjphTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url(https://fonts.gstatic.com/s/roboto/v16/frNV30OaYdlFRtH2VnZZdhTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url(https://fonts.gstatic.com/s/roboto/v16/gwVJDERN2Amz39wrSoZ7FxTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url(https://fonts.gstatic.com/s/roboto/v16/aZMswpodYeVhtRvuABJWvBTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url(https://fonts.gstatic.com/s/roboto/v16/VvXUGKZXbHtX_S_VCTLpGhTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url(https://fonts.gstatic.com/s/roboto/v16/e7MeVAyvogMqFwwl61PKhBTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url(https://fonts.gstatic.com/s/roboto/v16/2tsd397wLxj96qwHyNIkxPesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/roboto/v16/0eC6fl06luXEYWpBSJvXCBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/roboto/v16/Fl4y0QdOxyyTHEGMXX8kcRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/roboto/v16/-L14Jk06m6pUHB-5mXQQnRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/roboto/v16/I3S1wsgSg9YCurV6PUkTORJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/roboto/v16/NYDWBdD4gIq26G5XYbHsFBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/roboto/v16/Pru33qjShpZSmG3z6VYwnRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/roboto/v16/Hgo13k-tfSpn0qi1SFdUfVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v16/ek4gzZ-GeXAPcSbHtCeQI_esZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v16/mErvLBYg_cXG3rLvUsKT_fesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v16/-2n2p-_Y08sg57CNWQfKNvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v16/u0TOpm082MNkS5K0Q4rhqvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v16/NdF9MtnOpLzo-noMoG0miPesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v16/Fcx7Wwv8OzT71A3E1XOAjvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v16/CWB0XYA8bzo0kSThX0UTuA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/roboto/v16/ZLqKeelYbATG60EpZBSDyxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/roboto/v16/oHi30kwQWvpCWqAhzHcCSBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/roboto/v16/rGvHdJnr2l75qb0YND9NyBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/roboto/v16/mx9Uck6uB63VIKFYnEMXrRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/roboto/v16/mbmhprMH69Zi6eEPBYVFhRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/roboto/v16/oOeFwZNlrTefzLYmlVV1UBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/roboto/v16/RxZJdnzeo3R5zSexge8UUVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/roboto/v16/77FXFjRbGzN4aCrSFhlh3hJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/roboto/v16/isZ-wbCXNKAbnjo6_TwHThJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/roboto/v16/UX6i4JxQDm3fVTc1CPuwqhJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/roboto/v16/jSN2CGVDbcVyCnfJfjSdfBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/roboto/v16/PwZc-YbIL414wB9rB1IAPRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/roboto/v16/97uahxiqZRoncBaCEI3aWxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/roboto/v16/d-6IYplOFocCacKzxwXSOFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

.main-content {
    min-height: 100%;
    position: relative;
    background-color: rgb(243, 244, 246);
}

nav nav {
    margin-top: 10px;
    height: 100%;
}

.nav-pills > li > a i {
    position: relative;
    top: -2px;
}

.mdl-layout__header {
    padding: 0;
    width: 100%;
    z-index: 9999;
    padding-left: 240px;
    height: 150px;
    background: #e53935;
    border-top: 30px solid #c62828;
    transition: all 0.1s cubic-bezier(0.4, 0, 0.2, 1);
}


.editdefinition .mdl-layout__header {
    padding: 0;
    width: 100%;
    z-index: 9999;
    height: 64px;
    background: #e53935;
    border-top: 0;
    transition: all 0.1s cubic-bezier(0.4, 0, 0.2, 1);
}

.mdl-layout__drawer-button {
    z-index: 100000;
}

.homepage .mdl-card.card-green i, .homepage .mdl-card.card-orange i, .homepage .mdl-card.card-indigo i, .homepage .mdl-card.card-blue i, .homepage .mdl-card.card-red i {
    top: 20px;
    left: 20px;
    position: absolute;
    font-size: 28px;
}

.homepage .mdl-card.card-purple svg {
    top: 20px;
    left: 20px;
    position: absolute;
}

.homepage .mdl-card.card-green i {
    color: #4caf50;
}

.homepage .mdl-card.card-orange i {
    color: #ff9800;
}

.homepage .mdl-card.card-red i {
    color: #e53935;
}

.homepage .mdl-card.card-indigo i {
    color: #673ab7;
}

.homepage .mdl-card.card-blue i {
    color: #3f51b5;
}

.homepage .mdl-card.card-purple svg {
    fill: #b50ac3;
}

.homepage .mdl-card {
    min-height: 233px;
}

.homepage .mdl-card .mdl-card__supporting-text {
    display: block;
    position: absolute;
    bottom: 0;
    min-height: 161px;
    -webkit-transition: min-height .2s ease-in-out; /* Safari */
    transition: min-height .2s ease-in-out;
}

.homepage .mdl-card:hover .mdl-card__supporting-text {
    min-height: 171px;
    -webkit-transition: min-height .15s ease-in-out; /* Safari */
    transition: min-height .15s ease-in-out;
}

.homepage .mdl-card {
    -webkit-transition: padding .15s ease-in-out; /* Safari */
    transition: all .15s ease-in-out;
}

.homepage .mdl-card:hover {
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    -webkit-transition: padding .15s ease-in-out; /* Safari */
    transition: all .15s ease-in-out;
}

.homepage .mdl-card h3 {
    font-family: 'Roboto', Helvetica, Arial, Sans-Serif !important;
    font-size: 19px;
    color: white;
    margin-bottom: 15px;
    min-height: 50px;
}

.card-green .mdl-card__supporting-text {
    background: #4caf50;
}
.card-orange .mdl-card__supporting-text {
    background: #ff9800;
}
.card-indigo .mdl-card__supporting-text {
    background: #673ab7;
}
.card-red .mdl-card__supporting-text {
    background: #e53935;
}
.card-blue .mdl-card__supporting-text {
    background: #3f51b5;
}
.card-purple .mdl-card__supporting-text {
    background: #b50ac3;
}

.homepage .mdl-card .mdl-card__title {
    height: 90px;
    background: white;
}

.homepage .mdl-card__supporting-text {
    padding: 16px 23px;
}

.homepage .mdl-card__supporting-text p {
    color: white;
    margin-bottom: 10px;
    font-size: 12px;
    font-weight: 300;
}

.mdl-spinner-container {
    margin: 20px auto 20px; padding-bottom: 20px; display: block;text-align: center;
}

.outer-spinner {
    width: 100%; 
    margin: 0 auto; 
    text-align: center; 
    padding: 50px 0;
}

.mdl-card {
    width: 100%;
    margin-bottom: 40px;
}

.mdl-card.task-panel {
    padding: 0;
    min-height: 150px;
}

.mdl-card .mdl-button--fab {
    width: 45px;
    right: 0;
    padding: 0;
    vertical-align: middle;                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              background-color: #4caf50;
    position: absolute;
    bottom: 39px;
    right: 30px;
    border-radius: 50px;
}

.mdl-card--scrollicon {
    color: #989898;
    text-align: right;
    width: 100%;
    font-size: 28px;
    padding-right: 0px;
    padding-top: 10px;
    
}

.mdl-card__title, .mdl-card__supporting-text {
    padding: 16px 26px;
    font-family: 'Roboto', Helvetica, Arial, Sans-Serif !important;
}

.mdl-card__title h2, .mdl-card__supporting-text p {
    font-family: 'Roboto', Helvetica, Arial, Sans-Serif !important;
}
.mdl-card__supporting-text {
    width: 100%;
}

.large-mdl {
    width: 100%; 
    height: 610px;
    margin-bottom: 40px;
}

.large-mdl .mdl-card__title {
    padding-top: 70px;
}

.large-mdl .mdl-card__actions.mdl-card--border {
    height: 65px;
    position: absolute;
    bottom: 0;
} 

.getmdl-select .mdl-icon-toggle__label{float:right;margin-top:-30px;color:rgba(0,0,0,0.4)}.getmdl-select.is-focused .mdl-icon-toggle__label{color:#3f51b5}.getmdl-select .mdl-menu__container{width:100% !important}.getmdl-select .mdl-menu__container .mdl-menu .mdl-menu__item{font-size:16px}.getmdl-select__fullwidth .mdl-menu{width:100%}

/*# sourceMappingURL=getmdl-select.min.css.map */

.mdl-spinner:not(.is-upgraded).is-active:after {
    color: rgba(0,0,0,0.5);
    font-family: 'Roboto', Helvetica, Arial, Sans-Serif !important;
}

h2.mdl-card__title-text {
    color: #424242;
    font-weight: 400;
    font-size: 21px;
}

.large-mdl.mdl-card__supporting-text {
    height: 480px;
    max-height: 480px;
    overflow-y: none;
}

.mdl-list__item.with-border {
    border-bottom: 1px solid #d7d7d7;
    padding-left: 7px;
    padding-right: 15px;
}

.mdl-list__item-avatar, .mdl-list__item-avatar.material-icons {
    background-color: transparent;
}

.mdl-textfield {
    width: 100%;
}

.mdl-textfield__input {
    font-size: 14px;
}

.mdl-list__item {
    letter-spacing: 0;
    font-size: 14px;
}

.mdl-list__item i {
    font-size: 20px;
}

.slimScrollBar{right: -15px !important;}

.mdl-layout__drawer {
    z-index: 10000;
}

 .mdl-layout__content {
     /*padding-left: 240px;*/
 }

 .editdefinition .mdl-layout__content {
     overflow-x: auto;
 }

 .mdl-layout__obfuscator.is-visible {
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 9999;
 }

 .mdl-button--icon.custom-mdl-profile-avatar {
     width: auto;
     height: auto;
 }

.mdl-textfield__label:after {
    background-color: rgb(63,81,181);
    bottom: 15px;
}

.sidebar-profile .profile-image {
    height: 60px;
    width: 60px;
    margin-top: 30px;
    margin-bottom: 15px;
}

.sidebar-profile {
    border-bottom: none;
    padding: 0;
}

.user-management-icon i {
    width: 37px !important;
    display: inline-block;
}

.username-panel-text {
    max-width: 80%;
    width: 80%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.editdefinition #main-container {
    padding: 0 !important;
}

 #main-container {
     padding: 50px 50px !important;
 }

 .completed-task-results {
     height: 0;
 }

.sidebar-mini .mdl-layout__header, .sidebar-mini .mdl-layout__content {
    padding-left: 0;
} 

.rtk-logo, .rtk-logo-retina {
    position: absolute;
    left: 50%;
    top: 50px;
    z-index: 9999;
    margin-left: -85px;
}

.rtk-logo-retina {
    display: none;
}

.share-logo-retina {
    display: none;
}

.mdl-button i {
    font-size: 24px;
    vertical-align: middle;
    margin-right: 3px;
}

.date-range-button {
    position: absolute;
    top: 23px;
    right: 190px;
    color: #6d6d6d;
}

.perspective-tasks .date-range-button {
    right: 30px;
}

#all-tasks-grid.k-grid.k-widget .k-header.k-grid-toolbar {
    display: none !important;
}

.date-range-button:hover {
    background: transparent;
    color: initial;
}

.k-header.k-grid-toolbar {
    padding: 0 !important;
    top: 23px !important;
    right: 24px;
}

#periodic-workflows-grid .k-header.k-grid-toolbar {
    top: -50px !important;
    right: 5px !important;
}

#periodic-workflows-grid.k-grid .k-header .k-button {
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    touch-action: manipulation;
    cursor: pointer;
    white-space: nowrap;
    float: right;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 2px;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 0;
    background: #00a651;
    margin-right: 5px;
    margin-bottom: 10px;
    color: #ffffff;
    margin-top: 5px;
    font-weight: 500;
    font-family: 'Roboto', Helvetica, Arial, Sans-Serif;
    height: auto;
    top: 0 !important;
}

#periodic-workflows-grid.k-grid .k-header .k-button span {
    display: none;
}

.mdl-button .filter-text, .mdl-button.k-button {
    font-size: 14px;
    text-transform: none;
    vertical-align: middle;
    background: transparent !important;
    box-shadow: none;
    color: #6d6d6d;
}

.mdl-button.k-button:hover {
    background: transparent;
    box-shadow: none;
}

a.k-pager-refresh.k-link, .k-pager-numbers .k-state-selected {
    background: rgba(205, 220, 57, 1) !important;
    color: #6d6d6d !important;    
}

.mdl-layout__content {
    z-index: auto;
}

.mdl-switch.is-checked .mdl-switch__track {
    background: rgba(0, 188, 214, 0.5);
}

.mdl-switch.is-checked .mdl-switch__thumb {
    background: rgba(0, 188, 214, 1);
}

.mdl-switch__ripple-container .mdl-ripple {
    background: rgb(67, 203, 213);
}

.main-dashboard header h1, .completed-task-results header h1, .task-header h1, .client-details h1, .main-dashboard header h1 {
    margin-top: 6px !important;
    line-height: 30px;
    font-weight: 400;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.task-header {
    margin-top: 6px !important;
    width: 70%;
}

#rename-dashboard {
    position: fixed !important;
    top: 91px !important;
    left: 116px !important;
    z-index: 100000 !important;
}

#dashboard-name {
    padding: 5px 5px 0px 0px !important;
    font-size: 21px  !important;
    color: #ffffff  !important;
    border: none;
    border-bottom: 2px solid #cddc39 !important;
    background: transparent;
}

#rename-dashboard button {
    border-radius: 50px!important;
    width: 40px;
    height: 40px;
    font-size: 20px !important;
    color: #ffffff;
    background-color: transparent !important;
    display: inline-block;
    position: absolute;
    right: -45px;
    top: 4px;
}

.mini-charts {
    margin-top: 30px;
}

.mini-charts .row {
    margin-left: 0;
    margin-right: 0;
}

.special-charts-item i, .special-charts-item small {
    color: #686868 !important;
}

.mini-charts-item.special-charts-item {
    background-color: #eeeeee !important;
}

.special-charts-item small {
    font-weight: 400 !important;
}


.edit-buttons-template {
    margin-bottom: 40px;
}

.supporting-image-container {
    height: 300px;
    position: relative;
    overflow: hidden;
}

.supporting-image-container:hover .supporting-image-overlay {
    display: table;
    position: absolute;
}

.supporting-image-overlay {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(229, 57, 53, .4);
}

.question-panel div.question .supporting-image-overlay i {
    color: white;
    font-size: 59px;
    width: 100%;
    display: table-cell;
    vertical-align: middle;
}

.picture-list-overlay, .supporting-picture-overlay {
    display: table;
    position: relative;
    height: 300px;
    width: 100%;
    overflow: hidden;
}

.supporting-picture-overlay {
    margin: 25px 5px 0;
    padding-left: 40px;
}

.picture-cards .picture-list-overlay {
    display: table; 
    height: 200px; 
    width: 100%;
}

.picture-list-overlay-container, .supporting-picture-overlay-container {
    display: inline-block; 
    width: 100px; 
    margin-right: 16px;
}

.picture-list .picture-list-overlay {
    display: table; 
    height: 100px; 
    width: 100%;
}

.picture-list-overlay img, .picture-list-overlay .picture-area, .supporting-picture-overlay .picture-area, .supporting-picture-overlay img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

.supporting-picture-overlay .picture-area {
    margin-left: 40px;
    width: 100%;
    height: 100%;
}

.picture-list-overlay:hover .picture-list-overlay-inner, .supporting-picture-overlay:hover .supporting-picture-overlay-inner {
    opacity: 1;
}

.picture-list-overlay-inner, .supporting-picture-overlay-inner {
    display: table-cell;
    vertical-align: middle;
    height: 60px;
    position: relative;
    z-index: 200;
    opacity: 0;
    width: 100%;
    background: rgba(229, 57, 53, 0.4);
    text-align: center;
}

.question-panel div.question .picture-list-overlay-inner i, .picture-list-overlay-inner i, .question-panel div.question .supporting-picture-overlay-inner i {
    height: auto;
    width: 100%;
    text-align: center;
    font-size: 59px;
    color: white;
}

.picture-cards {
    width: 46%;
    float: left;
    margin-right: 15px;
}

.picture-cards .mdl-radio {
    position: absolute;
    right: 10px;
    min-width: auto !important;
}

.picture-cards img {
    min-height: 210px;
}

.summary-panel .picture-cards {
    width: 210px;    
}

.scrollable-execution-summary .picture-cards {
    width: 170px;
}

.summary-panel .picture-cards img, .scrollable-execution-summary .picture-cards img {
    min-height: 210px;
    border: none;
    box-shadow: none;
    margin-bottom: 0;
}

.picture-cards .mdl-card__supporting-text {
    padding-bottom: 36px !important;
}

.picture-cards span.answer-text-multi {
    height: 56px;
    display: block;
    color: #272727;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
}

.picture-cards .mdl-checkbox {
    height: auto;
}

.picture-list {
    display: table;
    padding: 15px 26px;
    margin: 0 -20px;
    border-bottom: 1px solid #e0e0e0;
}

.picture-list img {
    width: 100px;
    margin-right: 16px;
    height: 100px;
    min-width: 100px !important;
}

.picture-list span.answer-text-multi {
    display: table-cell;
    vertical-align: middle;
    width: auto;
    width: 90%;
    font-family: 'Roboto', "Helvetica", "Arial", sans-serif;
}

.picture-list .mdl-checkbox {
    display: inline;
    width: auto;

}

.middle > * {
  vertical-align: middle;
}

.multi-choice-list-item {
    display: table;
}

.multi-choice-list-item .moving-arrow {
    display: table-cell;
    padding-right: 10px;
    vertical-align: middle;
}

.picture-area {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    /* Not needed, just making it look nice */
}

.picture-cards .picture-area {
    width: 100% !important;
    height: 200px !important;
}

.picture-list .picture-area {
    width: 100px;
    margin-right: 16px;
    height: 100px;
    min-width: 100px !important;
}

.toggle-upload-visibility {
    background: transparent;
    color: #5fa6d2;
    position: relative;
    float: right;
    top: -33px;
    font-size: 24px;
    right: 20px;
}

.toggle-upload-visibility:hover {
    background: transparent;
    color: #5fa6d2;
}

.execution-detail {
    display: none;
}

.scrollable-execution-summary .execution-detail {
    display: block;
}

.scrollable-execution-summary .end-summary-image {
    display: none;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     /* IE10+ CSS styles go here */

     .main-dashboard header h1, .completed-task-results header h1, .client-details h1, .task-header, .main-dashboard header h1, .task-header h1 {
        font-weight: 300 !important;
    }

     .mdl-list__item {
         font-weight: 300;
     }

     .client-details > h3 {
         font-weight: 400;
     }
    
     .tooltip-content {
         display: none;
     }
     .tooltip-new:hover .tooltip-content {
         display: block;
     }

     .alert-area .alert h4, .alert-block.alert.alert-warning h4, .alert-block.alert.alert-info h4, .alert-block.alert.alert-danger h4, .alert-block.alert.alert-success h4 {
         font-weight: 300;
     }
}

.beta-color {
    color: #2196F3;
}

a.beta-color {
    clear: both;
    display: inline-block;
    margin-top: 10px;
    position: relative;
    left: -16px;
    text-decoration: none;
}

a.beta-color:hover {
    background-color: transparent !important;
    color: #000000 !important;
    min-width: auto;
}

.alert-beta {
    padding: 25px 30px 15px 80px;
}

.alert-beta i {
    width: 45px;
    height: 45px;
    position: absolute;
    top: 22px;
    left: 13px;
    text-align: center;
    vertical-align: middle;
    line-height: 45px;
    background-color: #2196F3;
    color: white;
    font-size: 26px;
    border-radius: 50%;
}

.completed-task-results header h1, .client-details h1, .task-header, .main-dashboard .task-header, .main-dashboard header h1 {
    z-index: 9999;
    position: fixed;
    top: 90px;
    left: 65px;
    font-size: 21px !important;
    color: white;
    font-family: 'Roboto', Helvetica, Arial, Sans-Serif !important;
}

.is-small-screen .completed-task-results header h1, .is-small-screen .client-details h1, .is-small-screen .task-header, .is-small-screen .main-dashboard .task-header, .is-small-screen .main-dashboard header h1 {
    left: 60px;
    display: block;
}

.is-small-screen .rtk-logo {
    display: none;
}

.keep-logo .is-small-screen .rtk-logo {
    display: block;
}

.mdl-layout__header .mdl-layout__drawer-button {
    background-color: transparent;
    top: 30px;
    z-index: 9999;
}

.editdefinition .mdl-layout__header .mdl-layout__drawer-button {
    top: 0;
}

.task-header h1 {
    font-size: 21px !important;
    color: white;
    font-family: 'Roboto', Helvetica, Arial, Sans-Serif !important;
    font-weight: 400;
    vertical-align: middle;
    float: left;
}

.task-header h1 i {
    
}

.completed-task-results header h1 i, .client-details h1 i, .task-header h1 i, .main-dashboard header h1 i {
    font-size: 28px;
    margin-right: 10px;
    vertical-align: middle;
        position: relative;
    top: -3px;
}

#Photo {
    margin-bottom: 40px;
}

.profile-photo img {
    border-radius: 110px; height: 110px; width: 110px; margin: 0;
}

.photo-overlay {
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.2);
    width: 110px;
    height: 110px;
    position: absolute;
    border-radius: 110px;
    text-align: center;
    vertical-align: middle;
}

.photo-overlay i {
    color: white; 
    font-size: 35px; 
    line-height: 110px;
}

.profile-photo:hover .photo-overlay {
    display: block !important;
}

.user-profile-username {
    font-size: 24px; 
    font-family: 'Roboto', Helvetica, Arial, Sans-Serif !important; 
    font-weight: 400; 
    margin-bottom: 20px;
}

.test-photo:hover .testtt {
    display: block !important;
}

.task-header h1 a, .task-header h1 a span {
    font-size: 21px;
    color: white !important;
    font-family: 'Roboto', Helvetica, Arial, Sans-Serif !important;
    text-decoration: none;
}

.completed-tasks .breadcrumb {
     border-bottom: none !important; 
    padding: 25px 20px 25px !important;
    background: rgba(205, 220, 57, 0.1);
    margin-bottom: 2px;
}

.completed-tasks.periodic-tasks .breadcrumb {
    border-bottom: none !important; 
    padding: 15px 0 25px !important;
    background: transparent;
    margin-bottom: 2px;
}

.primary-color {
    background: rgba(205, 220, 57, 1);
}

.accent-color {
    background: rgba(205, 220, 57, 0.1);
}

.table-no-border.table tr td {
    border: none;
}

/* CATEGORIES ACCORDION */

.table-accordion a {
    text-decoration: none;
}

.category-manage-list i {
    margin-right: 10px;
}

.category-manage-list i, .category-manage-list span {
    display: inline !important;
    vertical-align: middle;
}



.table-accordion a.mdl-list__item-secondary-action {
    display: block;
    flex: inherit !important;
}

.information-action {
    text-decoration: none !important;
    font-family: 'Roboto', Helvetica, Arial, Sans-Serif !important;
    font-style: normal;
    vertical-align: middle;
}

.information-icon {
    color: white;
    background: #989898;
    border-radius: 100px;
    width: 19px;
    display: block;
    padding: 5px 0 4px;
    text-align: center;
    font-family: 'Roboto', Helvetica, Arial, Sans-Serif !important;
    font-style: normal;
    font-weight: 500;
    font-size: 10px !important;
    vertical-align: middle;
}

.table-accordion a {
    display: flex;
    flex: 2;
}

.modal-dialog {
    margin-top: 160px;
}

.main-dashboard header {
    padding-top: 0 !important;
    padding-bottom: 35px;
}

/* MDL Table Override */

.mdl-data-table {
    font-family: 'Roboto', "Helvetica", "Arial", sans-serif !important;
    border: 0;
}

.mdl-data-table th {
    font-size: 13px;
}

.mdl-data-table td {
    border-top: 1px solid #E0E0E0 !important;
    border-bottom: 1px solid #E0E0E0 !important;
}

.non-humanized-time {
    margin-top: 0;
}

.completed-tasks .breadcrumb span, .completed-tasks .breadcrumb a {
    font-size: 16px;
    font-weight: 400;
    color: #827717;
    text-decoration: none;
    font-family: 'Roboto', "Helvetica", "Arial", sans-serif !important;
}

.completed-tasks.periodic-tasks .breadcrumb span, .completed-tasks.periodic-tasks .breadcrumb a {
    font-size: 16px;
    font-weight: 400;
    color: #686868;
    text-decoration: none;
    font-family: 'Roboto', "Helvetica", "Arial", sans-serif !important;
}

.completed-tasks .breadcrumb i {
    font-size: 22px;
    color: #827717;
    position: relative;
    top: 3px;
    left: 6px;
}

.editdefinition .mdl-layout__header-row {
    height: 64px;
}

.panel, .panel-default, #edit-properties-container, #component-toolbox, #component-toolbox2, #component-toolbox3, #component-toolbox4, #component-toolbox5, #component-toolbox6 {
    border-radius: 0px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow:  0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
        opacity: 1;
}

#edit-properties-container, #component-toolbox, #component-toolbox2, #component-toolbox3, #component-toolbox4, #component-toolbox5, #component-toolbox6 {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.main-content.login-container {
    background: #e53935;
}

.login-main .panel {
    box-shadow: none;
}

.pivot-table .alert {
    padding: 10px 15px;
    width: 220px !important;
}

.timeline-panel .task-start h5 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.assign-schedule-buttons {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding: 8px;
    position: absolute;
    bottom: 0;
    width: 100%;
}

.workflow-panel-buttons {
    margin-left: 30px;
}

.workflow-panel-buttons .mdl-button i {
    font-size: 21px;
}

.no-labels .title-bar, .no-labels .tools-title span {
    display: none !important;
}

.no-labels.components-toolbox ul.toolbox-components {
    display: block !important;
}

.no-labels.components-toolbox .tools-title {
    padding: 0;
    height: 13px;
    background: #e0e0e0;
}

.no-labels li, .no-labels, .components-toolbox.no-labels ul.toolbox-components {
    width: auto !important;
}

.components-toolbox.no-labels ul.toolbox-components {
    width: 73px !important;

}

#component-toolbox2.no-labels {
    left: 92px;
    top: 456px;
}

#component-toolbox3.no-labels {
    left: 174px;
    top: 80px;
}

#component-toolbox4.no-labels {
    left: 92px;
    top: 80px;
}

#component-toolbox5.no-labels {
    left: 10px;
    top: 499px;
}

#component-toolbox6.no-labels {
    left: 174px;
    top: 204px;
}

.simple-panels #component-toolbox5, .simple-panels #component-toolbox4, .simple-panels #component-toolbox3, .simple-panels #component-toolbox2, .simple-panels #component-toolbox6 {
        opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
        will-change: transform;
    transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.simple-questions #component-toolbox, #component-toolbox4, #component-toolbox2, #component-toolbox3, #component-toolbox5, #component-toolbox6  {
        opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
        will-change: transform;
    transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.no-workflow-panel #component-toolbox4, .no-identification-panel #component-toolbox3, .no-notification-panel #component-toolbox2, .no-information-panel #component-toolbox5, .no-integrations-panel #component-toolbox6, #component-toolbox {
        opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
        will-change: transform;
    transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.panel-hidden {
    display: none !important;
}

.view-options-menu  .mdl-checkbox {
    padding-left: 0;
    height: 48px;
}

.view-options-menu .mdl-checkbox__label {
    font-size: 14px;
}

.view-options-menu .mdl-checkbox__ripple-container {
    right: -10px;
    top: 5px;
    left: inherit;
}

.view-options-menu .mdl-checkbox__box-outline, .view-options-menu .mdl-checkbox__focus-helper {
    right: 0 !important;
    top: 14px;
    left: inherit;
}

.view-options-menu {
    width: 291px;
}

.view-options-menu li {
    padding: 0 21px;
}

.mdl-checkbox.is-checked .mdl-checkbox__box-outline {
    border: 2px solid #AFB42B !important;
}

.mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
    background: rgb(175, 180, 43) url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K");
}

.mdl-checkbox__ripple-container .mdl-ripple {
    background: rgb(175, 180, 43);
}

.mdl-menu__container.is-visible .mdl-menu {
    z-index: 999999;
}

.editdefinition .alert-block.alert.alert-success {
    background-color: rgba(0, 0, 0, 0.8) !important;
    display: block;
    right: 50%;
    position: absolute !important;
    bottom: 0;
    margin-right: -160px;
    padding: 16px 26px 16px 26px;
    color: white !important;
    font-size: 14px;
    width: 320px;
    margin-bottom: 0;
    z-index: 30;
}

.loading-spinner-modal {
    position: fixed;
    left: 50%;
    bottom: 20px;
    padding: 40px 60px;
    margin: 0 auto;
    margin-top: -62px;
    text-align: center;
    margin-left: -100px;
}

.editdefinition .alert-block.alert.alert-success h4, .editdefinition .alert-block.alert.alert-success img, .editdefinition .alert-block.alert.alert-success button {
    display: none;
}

.is-visible.mdl-menu__container, .is-animating.mdl-menu__container {
    z-index: 9999;
}

.map-tabs {
    background-color: #e53935;
    position: fixed;
    width: 100%;
    left: 0;
    top: 149px;
    z-index: 9999;
    padding: 0 55px;
    height: 50px;
}

.map-tabs .mdl-radio__button, .map-tabs .mdl-radio__outer-circle, .map-tabs .mdl-radio__inner-circle, .map-tabs .mdl-radio__ripple-container {
    display: none;
}

.map-tabs .mdl-radio__label {
    color: white;
    text-transform: uppercase;
    font-size: 15px;
}

.map-tabs .mdl-radio.is-upgraded {
    padding-left: 44px;
    padding-right: 44px;
    padding-top: 13px;
    height: 50px;
    text-transform: uppercase;
    font-family: 'Roboto';
}

.map-tabs .mdl-radio.is-checked {
    border-bottom: 3px solid #cddc39 !important;
}

.map-tabs-buttons {
    float: right;
}

.mdl-map-item {
    display: inline;
    margin-left: 70px;
    vertical-align: middle;

}

.map-tabs-buttons .mdl-map-item i, .map-tabs-buttons .mdl-map-item span, .map-tabs-buttons .mdl-map-item {
    color: white !important;
    text-transform: none;
}

.map-tabs-buttons .mdl-map-item i {
    font-size: 28px;
    vertical-align: middle;
}

.map-tabs-buttons .mdl-map-item span {
    font-size: 17px;
    font-weight: 400;
    margin-left: 3px;
    vertical-align: middle;
}

.completed-task-results-page header {
    margin-bottom: 50px;
}

.completed-task-results-page #main-container {
    padding: 20px 20px !important;
}

.gm-style-iw {
    background: #f8f8f8;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
    border-radius: 2px;
    padding: 7px 15px !important;
}

.gmaps-overlay-title {
    font-family: 'Roboto';
    font-weight: 300;
    color: #272727;
    font-size: 22px;
    padding: 0 10px 20px;
    overflow: hidden;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.started-info {
    font-family: 'Roboto';
    font-size: 14px;
    font-weight: 300;
    color: #272727;
    width: calc(100% - 127px);
    overflow: hidden;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 10px;
}

.started-info span {
    color: #1976d2;
}

.gmaps-overlay-link {
    position: absolute;
    bottom: 20px;
    right: 20px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
    padding: 7px 20px;
    background: #ffffff;
    font-family: 'Roboto';
    text-transform: uppercase;
    font-weight: 500;
    border-radius: 2px;
    color: #292929;
}

.gmaps-overlay-link:hover {
    color: #292929;
    text-decoration: none;
}

.gmaps-info-card {
    width: 450px;
}

.kiosk-styling {
    margin-top: 0;
}

.kiosk-styling .question-panel .panel-sub-heading-title, .kiosk-styling .question i {
    display: none !important;
}

.kiosk-styling .question-panel .question-pane-body {
    background: transparent;
    box-shadow: none;
}

.kiosk-styling .picture-cards .picture-list-overlay {
    width: 110px
}

.kiosk-styling .picture-cards {
    width: auto;
}

.kiosk-styling .mdl-card {
    background: transparent !important;
    box-shadow: none;
}

.kiosk-styling .is-checked {
    color: #2196f3;
}

.kiosk-styling .mdl-checkbox__ripple-container.mdl-js-ripple-effect.mdl-ripple--center, .kiosk-styling .mdl-checkbox__box-outline, .kiosk-styling .mdl-checkbox__focus-helper {
    display: none;
}

.issue-reporting-list .dropzone {
    background: transparent;
    border: none !important;
}

.issue-reporting-list .dropzone .dz-default.dz-message {
    display: none;
}

.raise-issue-btn {
    background-color: #39b54a;
    padding: 8px 24px;
    float: right;
}

.dropzone {
    padding: 0 !important;
}

.dropzone .dz-preview {
    min-height: 120px !important;
    margin: 6px !important;
    float: left;
}

.test-first-child {
    pointer-events: none;
}

.dropzone.dz-clickable {
    float: left;
}

.questionHidden {
    background-color: #f7f7f7;
}

.timeline-list-item.questionHidden h5 .fa, .timeline-list-item.questionHidden h5 i {
    background-color: #cecece !important;
}

.timeline-list-item.questionHidden a .fa, .timeline-list-item.questionHidden a i {
    background-color: white !important;
}

.timeline li.timeline-list-item.questionHidden .timeline-item h5 {
    color: #a0a0a0;
}

.questionHidden p span {
    color: #bdbdbd;
}

.questionHidden .timeline-item p {
    color: #A0A09F !important;
}

.timeline-list-item .location button {
    float: right;
    background: white;
}

.timeline-list-item .location button i {
    background: transparent !important;
    color: #5CB85C !important;
    margin: 0;
    font-size: 24px !important;
    width: auto;
    float: none;
}

.timeline-list-item .location button i.mdi-eye-off {
    color: #c7c7c5 !important;
}

.timeline-list-item .mdl-button--fab:focus:not(:active) {
    background-color: white !important;
    box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24);
    
}

.timeline-list-item .location .mdl-tooltip {
    transform: scale(1);
    position: absolute;
    bottom: -40px;
    left: -17px;
    top: auto;
    width: 90px;
    display: none;
}

.timeline-list-item .location:hover .mdl-tooltip {
    display: block;
}

.scrollable-execution-summary .task-summary-buttons {
    right: 0;
}

.scrollable-execution-summary .timeline-item .location {
    float: left;
    margin-left: 10px;
}

.scrollable-execution-summary .timeline li.timeline-list-item .timeline-item p {
    width: calc(100% - 120px);
}

.scrollable-execution-summary .timeline-list-item .location.show-hide-question-btn {
    display: none;
}

.scrollable-execution-summary .mdl-button--fab {
    width: 46px;
    height: 46px;
    min-width: 46px;
}

.scrollable-execution-summary .timeline-item .fa.fa-map-marker {
    line-height: 46px;
}

.desktop-show-hide-location {
    display: block;
}

.mobile-show-hide-location {
    display: none;
}

@media (max-width: 1660px) {
    .username-panel-text {
        max-width: 257px;
        width: 257px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

@media (max-width: 1500px) {
    .sidebar-mini .sidebar + .main .nav-tabs > li, .sidebar-mini .sidebar + .main .nav-tabs > li > a, .nav-tabs > li > a {
            width: 245px;
    }
}

@media (max-width: 1200px) {
    .sidebar-mini .sidebar + .main .tab-content .panel.panel-default.tasks-panel {
        width: 31.5%;
    }

        .sidebar-mini .sidebar + .main .list .tab-content .panel.panel-default.tasks-panel {
    width: 100%;
}

.sidebar + .main .nav-tabs > li > a, .sidebar + .main .nav-tabs > li {
        width: 100%;
  max-width: 100%;
  display: block;
  height: 40px;
  border: none;
            border-right: none !important;
  border-bottom: 1px solid #D8D8D8;
    }

.sidebar-mini .sidebar + .main .nav-tabs > li > a, .sidebar-mini .sidebar + .main .nav-tabs > li {
  width: 25%;
  max-width: 245px;
  display: table-cell;
  height: 63px;
  line-height: 20px;
  border-bottom: none;
}

.sidebar-mini .sidebar + .main .nav-tabs > li > a {
  border-left: 1px solid #b7b7b7;
}

            .sidebar-mini .sidebar + .main .nav-tabs > li:first-child > a {
                            border-left: none;
            }

            .sidebar-mini .sidebar + .main .nav-tabs > li:last-child > a {
                border-right: none !important;
            }
}

@media (max-width: 1024px) {

    .sidebar + .main .tab-content .panel.panel-default.tasks-panel {
  width: 98.5%;
}

   .sidebar-mini .sidebar + .main .tab-content .panel.panel-default.tasks-panel {
  width: 48.5%;
}

    .sidebar + .main {
            padding: 80px 30px 80px 30px;
    }

    .sidebar-mini .sidebar + .main {
    }

    .sidebar-mini .sidebar + .main .nav-tabs > li > a {
            border-left: 1px solid #b7b7b7;
        /* padding:5px 10px; */
        padding-right: 24px;
}

    .sidebar-mini .sidebar + .main .nav-tabs .count {
          /* right: 5px; */
          /* padding: 7px; */
          /* height: 22px; */
          /* margin-top: -11px; */
          /* line-height: 8px; */
    }

     .sidebar-mini .sidebar + .main .nav-tabs > li:first-child > a {
            border-left: none;
    }

     .sidebar-mini .sidebar + .main .nav-tabs > li:last-child > a {
    }

        .sidebar + .main .nav-tabs > li, .sidebar + .main .nav-tabs > li > a {
  width: 100%;
  max-width: 100%;
  display: block;
  height: 40px;
  border: none;
            border-right: none !important;
  border-bottom: 1px solid #D8D8D8;
}
    
        .sidebar-mini .sidebar + .main .nav-tabs > li > a, .sidebar-mini .sidebar + .main .nav-tabs > li {
        width: 25%;
        max-width: 245px;
        display: table-cell;
        height: 63px;
        line-height: 20px;
        border-bottom: none;
    }
}

@media (max-width: 1000px) {
   .sidebar-mini .sidebar + .main .create-new-badge img, .sidebar-mini .sidebar + .main .target-badge img, .sidebar-mini .sidebar + .main .assign-badge img {
        width: 30%;
    }

    .sidebar-mini .sidebar + .main .badge-content p {
        font-size: 16px;
    line-height: 24px;
    }

.sidebar-mini .sidebar + .main .nav-tabs > li > a, .sidebar-mini .sidebar + .main .nav-tabs > li {
  width: 25%;
  max-width: 245px;
  display: table-cell;
  height: 63px;
  line-height: 20px;
  border-bottom: none;
}

.sidebar-mini .sidebar + .main .nav-tabs > li > a {
  border-left: 1px solid #b7b7b7;
}

.sidebar-mini .sidebar + .main .nav-tabs > li:first-child > a {
                border-left: none;
}

            .sidebar-mini .sidebar + .main .nav-tabs > li:last-child > a {
                border-right: none !important;
}

}

@media (max-width: 1024px) {
    .sidebar + .main .tab-content .panel.panel-default.tasks-panel {
  width: 48.5%;
}

   .sidebar-mini .sidebar + .main .tab-content .panel.panel-default.tasks-panel {
  width: 31.5%;
}

   .sidebar + .main .list .tab-content .panel.panel-default.tasks-panel {
    width: 100%;
    min-height: 117px;
}

    .sidebar + .main {
            padding: 80px 30px 80px 30px;
    }

    .sidebar-mini .sidebar + .main {
    }

    .sidebar-mini .sidebar + .main .nav-tabs > li > a {
            border-left: 1px solid #b7b7b7;
        /* padding:5px 10px; */
        padding-right: 24px;
}

    .sidebar-mini .sidebar + .main .nav-tabs .count {
          /* right: 5px; */
          /* padding: 7px; */
          /* height: 22px; */
          /* margin-top: -11px; */
          /* line-height: 8px; */
    }

     .sidebar-mini .sidebar + .main .nav-tabs > li:first-child > a {
            border-left: none;
    }

     .sidebar-mini .sidebar + .main .nav-tabs > li:last-child > a {
    }

    .sidebar + .main .nav-tabs > li, .sidebar + .main .nav-tabs > li > a {
        width: 100%;
        max-width: 100%;
        display: block;
        height: 40px;
        border: none;
        border-right: none !important;
        border-bottom: 1px solid #D8D8D8;
    }
    
    .sidebar-mini .sidebar + .main .nav-tabs > li > a, .sidebar-mini .sidebar + .main .nav-tabs > li {
        width: 25%;
        max-width: 245px;
        display: table-cell;
        height: 63px;
        line-height: 20px;
        border-bottom: none;
    }
}

@media (max-width: 909px) {

    .mdl-map-item {
        margin-left: 20px;
    }

    .mdl-map-item span {
        display: none;
    }
}

@media (max-width: 900px) {

    .sidebar-mini .sidebar + .main .tab-content .panel.panel-default.tasks-panel {
        width: 48.5%;
    }
}

@media (max-width:768px) and (min-width:710px) {
    .sidebar-mini .sidebar + .main .nav-tabs > li > a, .sidebar-mini .sidebar + .main .nav-tabs > li {
        width: auto;
        min-width: 148px;
        max-width: 172px;
    }

    .sidebar-mini .sidebar + .main .nav-tabs > li:last-child > a {
        border-right: none !important;
    }

    .sidebar-mini .sidebar + .main .nav-tabs > li > a {
        padding-right: 40px;
    }
}

@media (max-width: 767px) {
    .sidebar-mini .sidebar + .main .create-new-badge img, .sidebar-mini .sidebar + .main .target-badge img, .sidebar-mini .sidebar + .main .assign-badge img {
        width: 36%;
    }

    .sidebar-mini .sidebar + .main .badge-content p {
        font-size: 14px;
        line-height: 20px;
        padding-bottom: 0;
    }

    .desktop-show-hide-location {
        display: none;
    }

    .mobile-show-hide-location {
        display: block;
    }
}

@media (max-width: 700px) {
   .sidebar-mini .sidebar + .main .nav-tabs > li, .sidebar-mini .sidebar + .main .nav-tabs > li > a {
        width: 100%;
        max-width: 100%;
        display: block;
        height: 40px;
        border: none;
        border-right: none !important;
        border-bottom: 1px solid #D8D8D8;
    }

    .sidebar + .main .nav-tabs > li > a, .sidebar-mini .sidebar + .main .nav-tabs > li > a {
        padding-top: 9px;
    }

    .sidebar-mini .sidebar + .main .nav-tabs .count {
        right: 5px; 
        padding: 7px; 
        height: 22px; 
        margin-top: -11px; 
        line-height: 8px; 
    }

    .sidebar-mini .sidebar + .main .tab-content .panel.panel-default.tasks-panel {
        width: 98.5%;
    }
}
   
@media (max-width: 500px) {
    .sidebar-mini .sidebar + .main .create-new-badge img, .sidebar-mini .sidebar + .main .target-badge img, .sidebar-mini .sidebar + .main .assign-badge img, .create-new-badge img, .target-badge img, .assign-badge img {
        width: 134%;
        height: 134%;
        max-width: 134%;
        margin: -2px 0 0px -14px;
    }


    .sidebar + .main {
        padding: 80px 8px;
    }

    .sidebar + .main .list .tab-content .panel.panel-default.tasks-panel {
        min-height: 127px;
    }
}

@media (max-width: 430px) {
    .sidebar-mini .sidebar + .main .create-new-badge img, .sidebar-mini .sidebar + .main .target-badge img, .sidebar-mini .sidebar + .main .assign-badge img, .create-new-badge img, .target-badge img, .assign-badge img {
        width: 134%;
        height: 134%;
        max-width: 134%;
        margin: -2px 0 0 -16px;
    }

    .badge-content p, .sidebar-mini .sidebar + .main .badge-content p {
        padding: 15px 10px 12px 10px;
    }
}

.sidebar-mini .slimScrollDiv, .sidebar-mini .scrollnav {
    overflow: visible !important;
}

.profile-photo {
    width: 150px;
    height: 150px;
    margin: 10px 0 40px 0;   
}

.profile-body.dropdown .title .caret {
    margin-left: 4px;
    border-top: 6px solid;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
}

.profile-body.dropdown .dropdown-toggle {
    text-align: center;
    text-decoration: none;
}

.profile-body.dropdown .dropdown-toggle span {
    font-size: 20px;
    top: -2px;
    float: right;
    position: absolute;
    right: 9px;
    color: black;
    top: 17px;
}

.avatar {
    display: block;
    position: relative;
}

.sidebar-profile .avatar i {
    left: 70px;
}

.avatar img {
    border-radius: 100%;
}

.sidebar {
    min-height: 100%;
    padding-top: 0;
    position: absolute;
    transition: all 0.1s ease-in-out 0s;
    width: 240px;
}

.sidebar-logo {
    height: 65px;
    text-align: center;
    vertical-align: middle;
}


.sidebar .nav i {
    margin-right: 5px;
}

.sidebar .nav .nav-sub {
    display: none;
    list-style: outside none none;
    padding: 0;
}

.sidebar .nav .nav-sub li > a {
    display: block;
    padding: 15px 0 15px 10px;
}

.sidebar .nav .nav-sub li:last-child > a {
    margin-bottom: 10px;
}

.sidebar .nav > li > .nav-sub > li > a {
    padding-left: 75px;
}

.sidebar .nav > li > .nav-sub > li > .nav-sub > li > a {
    padding-left: 65px;
}

.sidebar .nav > li > .nav-sub > li > .nav-sub > li > .nav-sub > li > a {
    padding-left: 70px;
}

.sidebar .nav > li > .nav-sub > li > .nav-sub > li > .nav-sub > li > .nav-sub > li > a {
    padding-left: 75px;
}

.sidebar .nav > li > .nav-sub > li > .nav-sub > li > .nav-sub > li > .nav-sub > li > .nav-sub > li > a {
    padding-left: 75px;
}

.sidebar-mini .sidebar .nav > li > .nav-sub > li > a {
    padding-left: 20px;
}

.sidebar-mini .sidebar .nav > li > .nav-sub > li > .nav-sub > li > a {
    padding-left: 25px;
}

.sidebar-mini .sidebar .nav > li > .nav-sub > li > .nav-sub > li > .nav-sub > li > a {
    padding-left: 35px;
}

.sidebar-mini .sidebar .nav > li > .nav-sub > li > .nav-sub > li > .nav-sub > li > .nav-sub > li > a {
    padding-left: 45px;
}

.sidebar .nav .nav-sub .nav-dropdown > a {
    padding-right: 30px;
}

.nav-sub li a:hover {
    background-color: #4d4d6e !important;
}

.sidebar .nav-pills > li > a {
    padding: 12px 9px;
}


.sidebar-profile {
    padding: 0;
}

.sidebar-profile .dropdown-menu {
    border: 1px solid #eff2f2;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
}

.sidebar-profile .avatar i {
    left: 70px;
}

.sidebar-profile .profile-body {
    padding: 10px 0;
    float: left;
    width: 100%;
}

.sidebar-profile .profile-body h4 {
    margin: 10px 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 215px;
}

.sidebar-profile .profile-body .dropdown-menu .divider {
    height: 1px;
    margin: 3px 0;
    overflow: hidden;
}


.sidebar-profile .profile-body.dropdown > .dropdown-menu {
    border-radius: 3px;
    box-shadow: none;
    left: 0;
    margin-top: 20px;
    position: absolute;
}

.sidebar-profile .profile-body.dropdown > .dropdown-menu:before {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #fff;
    border-image: none;
    border-style: solid;
    border-width: 8px;
    bottom: 100%;
    content: " ";
    height: 0;
    left: 85%;
    margin-left: -16px;
    pointer-events: none;
    position: absolute;
    top: -16px;
    width: 0;
    display: none;
}


.sidebar-profile .profile-body.dropdown > .dropdown-menu .profile-progress {
    padding: 10px;
}

.sidebar-profile .profile-body.dropdown > .dropdown-menu .progress {
    margin-bottom: 0;
}

.sidebar-profile .profile-body.dropdown > .dropdown-menu h5 {
    margin: 0;
    padding: 0;
}

.sidebar-profile .profile-body.dropdown > .dropdown-menu .icon {
    margin-right: 5px;
}

.sidebar-header {
    line-height: 25px;
    margin: 0;
    padding: 10px 10px 5px;
    text-transform: uppercase;
}


.sidebar-left .disabled > a, .sidebar-left .disabled > a:focus, .sidebar-left .disabled > a:hover {
    cursor: not-allowed;
    text-decoration: none;
}


.sidebar + .main-content-wrapper {
    width: 100%;
}

.sidebar-mini .sidebar .sidebar-profile {
    display: none;
    margin: -20px 0 10px;
    padding: 15px 0;
}

.sidebar-mini .sidebar .sidebar-profile .profile-image {
    display: block;
    height: 30px;
    margin: auto;
    width: 30px;
}

.sidebar-mini .sidebar .sidebar-profile .profile-body {
    padding: 0;
}

.sidebar-mini .sidebar .sidebar-profile .profile-body h4, .sidebar-mini .sidebar .sidebar-profile .profile-body .title {
    display: none;
}

.sidebar-mini .sidebar .sidebar-profile .profile-body.dropdown > .dropdown-menu {
    left: 4px;
    margin-top: 12px;
    position: absolute;
}

.sidebar-mini .sidebar .sidebar-profile .profile-body.dropdown > .dropdown-menu:before {
    left: 18%;
}

.sidebar-mini .sidebar .avatar i {
    left: 2px;
    position: absolute;
    top: 0;
}

@media (max-width: 767px) {
    .sidebar {
        left: -240px;
    }

    .sidebar-opened .sidebar-left {
        display: block;
        left: 0;
    }

    .sidebar-opened .sidebar-left + .main-content-wrapper {
        left: 240px;
        overflow: hidden;
    }

    .sidebar-opened {
        overflow-x: hidden;
    }

    .large-mdl {
            width: 100%;
            height: auto;
            max-height: 610px;
            margin-bottom: 20px;
    }
}

@media (min-width: 768px) {
    
    li.form-group.clearfix div.col-sm-5 {
            width: 350px;
    }

.sidebar {
    display: block;
}

.sidebar-mini .sidebar {
    transition: all 0.1s ease-in-out 0s;
    width: 59px;
}

.sidebar-mini .sidebar .nav > li.nav-dropdown.nav-dropdown-open > a,
.sidebar-mini .sidebar .nav > li.nav-dropdown:hover > a {
    border-bottom-right-radius: 0;
}

.sidebar-mini .sidebar .nav > li.nav-dropdown > a:after {
    content: "";
    display: none;
    font-size: 0.625em;
    left: 34px;
    top: 12px;
}

.sidebar-mini .sidebar .nav > li > a {
    overflow: hidden;
    padding: 14px 14px;
    white-space: nowrap;
}

.sidebar-mini .sidebar .nav > li.nav-dropdown-open,
.sidebar-mini .sidebar .nav-pills > li.nav-dropdown-open,
.sidebar-mini .sidebar .nav-pills > li:hover,
.sidebar-mini .sidebar .nav > li:hover {
    width: 249px;
    z-index: 10;
    background-color: #2c2c38;
}

.sidebar-mini .sidebar .nav > li.nav-dropdown-open a,
.sidebar-mini .sidebar .nav > li:hover a,
.sidebar-mini .sidebar .nav > li.nav-dropdown-open > .nav-sub,
.sidebar-mini .sidebar .nav > li:hover > .nav-sub,
.sidebar-mini .sidebar .nav > li:hover > .nav-sub > li:hover > .nav-sub {
    display: block !important;
    z-index: 10;
}

.sidebar-mini .sidebar .nav-pills > li > a > i {
    margin-right: 10px;
    width: 35px;
    font-size: 22px;
}

.sidebar-mini .sidebar .nav-pills > li.nav-dropdown > a {
    padding-right: 10px;
}

.sidebar-mini .sidebar .nav-pills > li > .nav-sub {
    left: 55px;
    width: 190px;
}

.sidebar-mini .sidebar .nav > li > .nav-sub {
    display: none !important;
    left: 59px;
    margin-top: 0;
    position: absolute;
}

.sidebar-mini .sidebar .nav-pills > li > .nav-sub a {
    padding-right: 20px;   
}

.sidebar-mini .sidebar .nav-pills > li > .nav-sub .nav-dropdown > a {
    padding-right: 20px;
}

.sidebar-mini .sidebar .sidebar-header,
.sidebar-mini .sidebar .sidebar-profile,
.sidebar-mini .sidebar .sidebar-summary {
    display: none;
}

.sidebar + .main {
    margin-left: 240px;
    transition: all 0.1s ease-in-out 0s;
    width: auto;
    min-height: 100%;
}

.sidebar-mini .navbar .navbar-brand-group {
    width: 100px;
}

.sidebar-mini .navbar .navbar-brand-group .navbar-brand {
    width: 50px;
}

.sidebar-mini .sidebar + .main {
    margin-left: 50px;
    transition: all 0.1s ease-in-out 0s;
}
}

@media only screen and (max-width: 750px) {
    .login-container .login-panel {
        width: 100%;
    }

    .login-container .login-panel .panel-body {
        margin-top: 0;
    }

    .login-container .text-left, .login-container .text-right {
        text-align: center;
    }

    .login-container .entry-point-form fieldset ol {
        margin-top: 110px;
    }

    .entry-point-form fieldset ol.account-name {
        margin-top: 50px;
    }

    .entry-point-form fieldset ol.account-info {
        margin-top: 20px;
    }
}

@media only screen and (max-width: 660px) {
.sidebar-toggle {
    margin-left: 0;
    width: 100%;
}

.main-content-toggle-left {
    margin-left: 660px;
}

.user-nav ul li {
    font-size: 0.75em;
}
}

.sidebar div.divider {
    background: none repeat scroll 0 0 #13161c;
    height: 1px;
    margin: 10px 0;
    width: 100%;
}

.sidebar .nav-pills > li > a > .badge {
    margin: 3px 0;
}

.sidebar .setting-list {
    padding: 0 20px 20px;
}

.sidebar .setting-list label {
    color: #b3b8c3;
    font-size: 0.75em;
    margin-bottom: 10px;
}

.sidebar .setting-list label:hover {
    cursor: pointer;
}

.sidebar-mini .setting-list {
    display: none;
}

.nav-pills > li > a {
    border-radius: 0px;
    font-family: 'Roboto', Helvetica, Arial, Sans-Serif !important;
    color: #4c4c4c;
    font-size: 13px;
    font-weight: 500;
}

.nav > li > a:hover, .nav > li > a:hover i {
    color: #000000 !important;
}

.profile-body.dropdown a h4 {
    text-align: left;
    padding: 0 10px 0 20px;
    font-family: 'Roboto', Helvetica, Arial, Sans-Serif !important;
    font-weight: 500;
    font-size: 13px !important;
}


.nav-pills > li.active > a {
    background-color: rgb(219, 0, 0);
}

#main-container.login-main {
    padding: 40px 0 0 !important;
}

#header button.sidebar-toggle, #header button#toggle-profile, #header .nav li.profile > a {
    color: #1d212a;
}

button.sidebar-toggle:hover, button.sidebar-toggle:active,
button#toggle-profile:hover, button#toggle-profile:active, button#toggle-fullscreen:hover, button#toggle-fullscreen:active {
    background: none repeat scroll 0 0 #f6f8f8;
}

.nav li.profile > a:hover,
.nav li.profile > a:active,
.nav li.profile > a:focus {
    background: none repeat scroll 0 0 #f6f8f8;
}

 .sidebar-left {
    background-color: #ffffff;
    position: fixed;
    z-index: 9998;
}

 .sidebar-mini .sidebar-left .nav > li.active > a:focus,
 .sidebar-mini .sidebar-left .nav > li.active > a:hover, 
 .sidebar-left .nav > li.active > a,
 .sidebar-left .nav > li.active > a:focus,
 .sidebar-left .nav > li.active > a:hover {
    /*background-color: #27b6af;*/
    color: #fff;
}

 .sidebar-profile {
    /* background: none repeat scroll 0 0 #4F565E; */
     border-bottom: none;
}

.sidebar .nav a {
    font-weight: 300;
    text-decoration: none;
    color: rgb(255, 255, 255);
}

.toggle-left button#toggle-left {
    font-size: 22px;
    background-color: transparent;
    border: medium none;
    cursor: pointer;
    float: left;
    height: 60px;
    padding: 20px 0px;
    width: 50px;
}

.icon i {
    color: #4c4c4c;
    width: 37px;
    text-align: left;
    font-size: 20px;
    vertical-align: middle; 
}

.nav li .icon:hover,
.nav li .icon:active,
.sidebar .nav .nav-sub > .open > a,
.sidebar .nav .nav-sub > .open > a:focus,
.sidebar .nav .nav-sub > .open > a:hover,
.sidebar-mini .sidebar-left .nav > li.active > a,
.sidebar-mini .sidebar-left .nav > li.active > a:focus,
.sidebar-mini .sidebar-left .nav > li.active > a:hover,
.sidebar-left .nav > li.active > a,
.sidebar-left .nav > li.active > a:focus,
.sidebar-left .nav > li.active > a:hover,
    .sidebar-mini .sidebar .nav-pills > li > .nav-sub a {
    /* background-color: #2c2c38; */
    color: #fff;
}

.nav li .icon:hover i,
        .nav li .icon:active i {
    background-color: transparent;
    color: rgba(255, 255, 255, 1.0);
}

/*
======================
SideBar Font Classes
======================
*/

.sidebar .nav i {
    font-size: 22px;
    width: 40px;
    text-align: center;
}

.sidebar .nav .nav-sub li > a,
.sidebar .nav-pills > li > a {
    font-size: 13px;
    text-decoration: none;
}

.sidebar .nav-pills > li > a {
    font-size: 13px;
}

.sidebar-profile .profile-body h4 {
    font-size: 14px;
    font-weight: 300;
}

.sidebar-profile .profile-body .title,
.sidebar-profile .profile-body.dropdown > .dropdown-menu li a,
.sidebar-profile .profile-body.dropdown > .dropdown-menu li a:active {
    font-size: 12px;
}

.sidebar .nav .md-accounts-alt {
  font-size: 27px;
}
/*
======================
SideBar Colour Classes
======================
*/


.sidebar-profile .profile-body h4 {
    color: #f5f5f5;
}

.sidebar-profile .profile-body .title,
.sidebar-profile .profile-body.dropdown > .dropdown-menu li a:hover,
.sidebar-header,
.sidebar-left a,
.sidebar-left a:focus, .sidebar-left a:hover,
.sidebar-mini .sidebar-left .nav > li.open > a,
.sidebar-left .nav > li > a:focus,
.sidebar .nav-pills > li > a {
    color: #000000 !important;
}

.sidebar-profile .profile-body .dropdown-menu .divider {
    background-color: #e5e5e5;
}

.sidebar-profile .profile-body.dropdown > .dropdown-menu {
    background-color: #fff;
    border: 1px solid #e0e7e8;
}

.sidebar-profile .profile-body.dropdown > .dropdown-menu li a:hover {
    background-color: #556b8d;
}

.sidebar-left a:focus, .sidebar-left a:hover,
    .sidebar-mini .sidebar .nav-pills > li > .nav-sub a {
    background-color: rgba(79, 86, 94, 1);
}
 
.sidebar-left .disabled > a, .sidebar-left .disabled > a:focus, .sidebar-left .disabled > a:hover {
    background-color: transparent;
    color: #5c606b;
    cursor: not-allowed;
    text-decoration: none;
}

.sidebar-left .sidebar-profile .media-body h4 {
    color: #f5f5f5;
}

.sidebar-mini .sidebar-left .nav > li.open > a,
.sidebar-left .nav > li > a:focus {
    background-color: transparent; 
}

/*
=========================
Mini Profile Dropdown
==========================
*/

.sidebar-profile .profile-body .dropdown-menu .divider {
    background-color: #e5e5e5;
    height: 1px;
    margin: 3px 0;
    overflow: hidden;
}

.sidebar-profile .nav-pills li {
    float: none;
}


.sidebar-profile .nav-pills > li + li {
    margin-left: 0;    
}

.sidebar-profile .nav-pills li a {
    position: relative;
    display: block;
    padding: 10px 15px;
    line-height: 24px;
}

.sidebar-profile .nav-pills li a:hover {
    background: #eeeeee !important;
}

.sidebar-profile .profile-body.dropdown > .dropdown-menu {
    background-color: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
    left: 0;
    position: relative;
    margin-top: 0;
    position: inherit;
    padding: 0;
    width: 100%;
}

.sidebar-profile .profile-body.dropdown > .dropdown-menu:before {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #fff;
    border-image: none;
    border-style: solid;
    border-width: 8px;
    bottom: 100%;
    content: " ";
    height: 0;
    left: 85%;
    margin-left: -16px;
    pointer-events: none;
    position: absolute;
    top: -16px;
    width: 0;
}

.sidebar-profile .profile-body.dropdown > .dropdown-menu li a, .sidebar-profile .profile-body.dropdown > .dropdown-menu li a:active {
    font-size: 13px;
}

.sidebar-profile .profile-body.dropdown > .dropdown-menu li a:hover {
    background-color: #fff;
}

.sidebar-profile .profile-body.dropdown > .dropdown-menu .profile-progress {
    padding: 10px;
}

.sidebar-profile .profile-body.dropdown > .dropdown-menu .progress {
    margin-bottom: 0;
}

.sidebar-profile .profile-body.dropdown > .dropdown-menu h5 {
    margin: 0;
    padding: 0;
}

.sidebar-profile .profile-body.dropdown > .dropdown-menu .icon {
    margin-right: 0px;
}

.dropdown-menu li a h6, .dropdown-menu li a .icon {
    display: inline;
    color: #666;
}

.dropdown-menu > li > a {
    padding: 3px 3px;
    font-weight: 500 !important;
}

.sidebar-profile .profile-body.dropdown > .dropdown-menu li a:hover .icon, .sidebar-profile .profile-body.dropdown > .dropdown-menu li a:hover h6 {
    color: #000;
}

.gmnoprint a, .gmnoprint span, .gm-style-cc {
    display:none;
}
@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
    .rtk-logo {
        display: none;
    }
    
    .rtk-logo-retina {
        display: block;
    }
    
    .share-logo {
        display: none !important;
    }
    
    .share-logo-retina {
        display: inline;
    }
}