@charset "UTF-8";img,legend {
  border: 0
}

legend,ul {
  padding: 0
}

.fade-in,ul.staggered-list li {
  opacity: 0
}

.picker__table,table {
  border-spacing: 0;
  border-collapse: collapse
}

.pagination li,table.centered tbody tr td,table.centered thead tr th {
  text-align: center
}

table.bordered>tbody>tr,table.bordered>thead>tr,thead {
  border-bottom: 1px solid #d0d0d0
}

.mdi-ul,.rulegraph-wrap .canvas-actions ul,.timeline-card,ul,ul li {
  list-style-type: none
}

.picker__holder,.transform180Deg,.transform180DegN,.transform270Deg,.transform270DegN,.transform90Deg,.transform90DegN,[type=checkbox]:checked+label:before {
  -webkit-backface-visibility: hidden
}

.areaReadOnlyContent .ellipsis,.attachment-file-name,.p-t-c-suptitle,.p-t-c-title,.truncate,.wj-cell {
  text-overflow: ellipsis
}

.award-addSupplierHdrTbl,.award-addsupplierTbl,.configure-chkHdrTbl,.configure-chkTbl,.configure-chkTbl table.bordered,.fixed-table-layout,.fixedTbl,.picker__table,.pricesheetTable,.scenarioPanelContentHdrTbl,.scenarioPanelContentTbl,.score-chkHdrTbl,.score-chkTbl,.score-scenarioHdrTbl,.score-scenarioTbl,.scorecard-chkHdrTbl,.scorecard-chkTbl,.scorecard-chkTbl table.bordered,.scorecardQuestinnaireTbl,.table-header-fix,.uploadDownloadLog,.wj-pivotpanel table,table.awardingTblHeight,table.scenarioTblHeight {
  table-layout: fixed
}

.btn,.btn-flat,.btn-large,.waves-effect,a {
  -webkit-tap-highlight-color: transparent
}

.hljs,html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%
}

.materialize-red.lighten-5 {
  background-color: #fdeaeb!important
}

.materialize-red-text.text-lighten-5 {
  color: #fdeaeb!important
}

.materialize-red.lighten-4 {
  background-color: #f8c1c3!important
}

.materialize-red-text.text-lighten-4 {
  color: #f8c1c3!important
}

.materialize-red.lighten-3 {
  background-color: #f3989b!important
}

.materialize-red-text.text-lighten-3 {
  color: #f3989b!important
}

.materialize-red.lighten-2 {
  background-color: #ee6e73!important
}

.materialize-red-text.text-lighten-2 {
  color: #ee6e73!important
}

.materialize-red.lighten-1 {
  background-color: #ea454b!important
}

.materialize-red-text.text-lighten-1 {
  color: #ea454b!important
}

.materialize-red {
  background-color: #e51c23!important
}

.materialize-red-text {
  color: #e51c23!important
}

.materialize-red.darken-1 {
  background-color: #d0181e!important
}

.materialize-red-text.text-darken-1 {
  color: #d0181e!important
}

.materialize-red.darken-2 {
  background-color: #b9151b!important
}

.materialize-red-text.text-darken-2 {
  color: #b9151b!important
}

.materialize-red.darken-3 {
  background-color: #a21318!important
}

.materialize-red-text.text-darken-3 {
  color: #a21318!important
}

.materialize-red.darken-4 {
  background-color: #8b1014!important
}

.materialize-red-text.text-darken-4 {
  color: #8b1014!important
}

.red.lighten-5 {
  background-color: #FFEBEE!important
}

.red-text.text-lighten-5 {
  color: #FFEBEE!important
}

.red.lighten-4 {
  background-color: #FFCDD2!important
}

.red-text.text-lighten-4 {
  color: #FFCDD2!important
}

.red.lighten-3 {
  background-color: #EF9A9A!important
}

.red-text.text-lighten-3 {
  color: #EF9A9A!important
}

.red.lighten-2 {
  background-color: #E57373!important
}

.red-text.text-lighten-2 {
  color: #E57373!important
}

.red.lighten-1 {
  background-color: #EF5350!important
}

.red-text.text-lighten-1 {
  color: #EF5350!important
}

.red {
  background-color: #F44336!important
}

.red.darken-1 {
  background-color: #E53935!important
}

.red-text.text-darken-1 {
  color: #E53935!important
}

.red.darken-2 {
  background-color: #D32F2F!important
}

.red-text.text-darken-2 {
  color: #D32F2F!important
}

.red.darken-3 {
  background-color: #C62828!important
}

.red-text.text-darken-3 {
  color: #C62828!important
}

.red.darken-4 {
  background-color: #B71C1C!important
}

.red-text.text-darken-4 {
  color: #B71C1C!important
}

.red.accent-1 {
  background-color: #FF8A80!important
}

.red-text.text-accent-1 {
  color: #FF8A80!important
}

.red.accent-2 {
  background-color: #FF5252!important
}

.red-text.text-accent-2 {
  color: #FF5252!important
}

.red.accent-3 {
  background-color: #FF1744!important
}

.red-text.text-accent-3 {
  color: #FF1744!important
}

.red.accent-4 {
  background-color: #D50000!important
}

.red-text.text-accent-4 {
  color: #D50000!important
}

.pink.lighten-5 {
  background-color: #fce4ec!important
}

.pink-text.text-lighten-5 {
  color: #fce4ec!important
}

.pink.lighten-4 {
  background-color: #f8bbd0!important
}

.pink-text.text-lighten-4 {
  color: #f8bbd0!important
}

.pink.lighten-3 {
  background-color: #f48fb1!important
}

.pink-text.text-lighten-3 {
  color: #f48fb1!important
}

.pink.lighten-2 {
  background-color: #f06292!important
}

.pink-text.text-lighten-2 {
  color: #f06292!important
}

.pink.lighten-1 {
  background-color: #ec407a!important
}

.pink-text.text-lighten-1 {
  color: #ec407a!important
}

.pink {
  background-color: #e91e63!important
}

.pink-text {
  color: #e91e63!important
}

.pink.darken-1 {
  background-color: #d81b60!important
}

.pink-text.text-darken-1 {
  color: #d81b60!important
}

.pink.darken-2 {
  background-color: #c2185b!important
}

.pink-text.text-darken-2 {
  color: #c2185b!important
}

.pink.darken-3 {
  background-color: #ad1457!important
}

.pink-text.text-darken-3 {
  color: #ad1457!important
}

.pink.darken-4 {
  background-color: #880e4f!important
}

.pink-text.text-darken-4 {
  color: #880e4f!important
}

.pink.accent-1 {
  background-color: #ff80ab!important
}

.pink-text.text-accent-1 {
  color: #ff80ab!important
}

.pink.accent-2 {
  background-color: #ff4081!important
}

.pink-text.text-accent-2 {
  color: #ff4081!important
}

.pink.accent-3 {
  background-color: #f50057!important
}

.pink-text.text-accent-3 {
  color: #f50057!important
}

.pink.accent-4 {
  background-color: #c51162!important
}

.pink-text.text-accent-4 {
  color: #c51162!important
}

.purple.lighten-5 {
  background-color: #f3e5f5!important
}

.purple-text.text-lighten-5 {
  color: #f3e5f5!important
}

.purple.lighten-4 {
  background-color: #e1bee7!important
}

.purple-text.text-lighten-4 {
  color: #e1bee7!important
}

.purple.lighten-3 {
  background-color: #ce93d8!important
}

.purple-text.text-lighten-3 {
  color: #ce93d8!important
}

.purple.lighten-2 {
  background-color: #ba68c8!important
}

.purple-text.text-lighten-2 {
  color: #ba68c8!important
}

.purple.lighten-1 {
  background-color: #ab47bc!important
}

.purple-text.text-lighten-1 {
  color: #ab47bc!important
}

.purple.darken-1 {
  background-color: #8e24aa!important
}

.purple-text.text-darken-1 {
  color: #8e24aa!important
}

.purple.darken-2 {
  background-color: #7b1fa2!important
}

.purple-text.text-darken-2 {
  color: #7b1fa2!important
}

.purple.darken-3 {
  background-color: #6a1b9a!important
}

.purple-text.text-darken-3 {
  color: #6a1b9a!important
}

.purple.darken-4 {
  background-color: #4a148c!important
}

.purple-text.text-darken-4 {
  color: #4a148c!important
}

.purple.accent-1 {
  background-color: #ea80fc!important
}

.purple-text.text-accent-1 {
  color: #ea80fc!important
}

.purple.accent-2 {
  background-color: #e040fb!important
}

.purple-text.text-accent-2 {
  color: #e040fb!important
}

.purple.accent-3 {
  background-color: #d500f9!important
}

.purple-text.text-accent-3 {
  color: #d500f9!important
}

.purple.accent-4 {
  background-color: #a0f!important
}

.purple-text.text-accent-4 {
  color: #a0f!important
}

.deep-purple.lighten-5 {
  background-color: #ede7f6!important
}

.deep-purple-text.text-lighten-5 {
  color: #ede7f6!important
}

.deep-purple.lighten-4 {
  background-color: #d1c4e9!important
}

.deep-purple-text.text-lighten-4 {
  color: #d1c4e9!important
}

.deep-purple.lighten-3 {
  background-color: #b39ddb!important
}

.deep-purple-text.text-lighten-3 {
  color: #b39ddb!important
}

.deep-purple.lighten-2 {
  background-color: #9575cd!important
}

.deep-purple-text.text-lighten-2 {
  color: #9575cd!important
}

.deep-purple.lighten-1 {
  background-color: #7e57c2!important
}

.deep-purple-text.text-lighten-1 {
  color: #7e57c2!important
}

.deep-purple {
  background-color: #673ab7!important
}

.deep-purple-text {
  color: #673ab7!important
}

.deep-purple.darken-1 {
  background-color: #5e35b1!important
}

.deep-purple-text.text-darken-1 {
  color: #5e35b1!important
}

.deep-purple.darken-2 {
  background-color: #512da8!important
}

.deep-purple-text.text-darken-2 {
  color: #512da8!important
}

.deep-purple.darken-3 {
  background-color: #4527a0!important
}

.deep-purple-text.text-darken-3 {
  color: #4527a0!important
}

.deep-purple.darken-4 {
  background-color: #311b92!important
}

.deep-purple-text.text-darken-4 {
  color: #311b92!important
}

.deep-purple.accent-1 {
  background-color: #b388ff!important
}

.deep-purple-text.text-accent-1 {
  color: #b388ff!important
}

.deep-purple.accent-2 {
  background-color: #7c4dff!important
}

.deep-purple-text.text-accent-2 {
  color: #7c4dff!important
}

.deep-purple.accent-3 {
  background-color: #651fff!important
}

.deep-purple-text.text-accent-3 {
  color: #651fff!important
}

.deep-purple.accent-4 {
  background-color: #6200ea!important
}

.deep-purple-text.text-accent-4 {
  color: #6200ea!important
}

.indigo.lighten-5 {
  background-color: #e8eaf6!important
}

.indigo-text.text-lighten-5 {
  color: #e8eaf6!important
}

.indigo.lighten-4 {
  background-color: #c5cae9!important
}

.indigo-text.text-lighten-4 {
  color: #c5cae9!important
}

.indigo.lighten-3 {
  background-color: #9fa8da!important
}

.indigo-text.text-lighten-3 {
  color: #9fa8da!important
}

.indigo.lighten-2 {
  background-color: #7986cb!important
}

.indigo-text.text-lighten-2 {
  color: #7986cb!important
}

.indigo.lighten-1 {
  background-color: #5c6bc0!important
}

.indigo-text.text-lighten-1 {
  color: #5c6bc0!important
}

.indigo {
  background-color: #3f51b5!important
}

.indigo-text {
  color: #3f51b5!important
}

.indigo.darken-1 {
  background-color: #3949ab!important
}

.indigo-text.text-darken-1 {
  color: #3949ab!important
}

.indigo.darken-2 {
  background-color: #303f9f!important
}

.indigo-text.text-darken-2 {
  color: #303f9f!important
}

.indigo.darken-3 {
  background-color: #283593!important
}

.indigo-text.text-darken-3 {
  color: #283593!important
}

.indigo.darken-4 {
  background-color: #1a237e!important
}

.indigo-text.text-darken-4 {
  color: #1a237e!important
}

.indigo.accent-1 {
  background-color: #8c9eff!important
}

.indigo-text.text-accent-1 {
  color: #8c9eff!important
}

.indigo.accent-2 {
  background-color: #536dfe!important
}

.indigo-text.text-accent-2 {
  color: #536dfe!important
}

.indigo.accent-3 {
  background-color: #3d5afe!important
}

.indigo-text.text-accent-3 {
  color: #3d5afe!important
}

.indigo.accent-4 {
  background-color: #304ffe!important
}

.indigo-text.text-accent-4 {
  color: #304ffe!important
}

.blue.lighten-5 {
  background-color: #E3F2FD!important
}

.blue-text.text-lighten-5 {
  color: #E3F2FD!important
}

.blue.lighten-4 {
  background-color: #BBDEFB!important
}

.blue-text.text-lighten-4 {
  color: #BBDEFB!important
}

.blue.lighten-3 {
  background-color: #90CAF9!important
}

.blue-text.text-lighten-3 {
  color: #90CAF9!important
}

.blue.lighten-2 {
  background-color: #64B5F6!important
}

.blue-text.text-lighten-2 {
  color: #64B5F6!important
}

.blue.lighten-1 {
  background-color: #42A5F5!important
}

.blue-text.text-lighten-1 {
  color: #42A5F5!important
}

.blue.darken-1 {
  background-color: #1E88E5!important
}

.blue-text.text-darken-1 {
  color: #1E88E5!important
}

.blue.darken-2 {
  background-color: #1976D2!important
}

.blue-text.text-darken-2 {
  color: #1976D2!important
}

.blue.darken-3 {
  background-color: #1565C0!important
}

.blue-text.text-darken-3 {
  color: #1565C0!important
}

.blue.darken-4 {
  background-color: #0D47A1!important
}

.blue-text.text-darken-4 {
  color: #0D47A1!important
}

.blue.accent-1 {
  background-color: #82B1FF!important
}

.blue-text.text-accent-1 {
  color: #82B1FF!important
}

.blue.accent-2 {
  background-color: #448AFF!important
}

.blue-text.text-accent-2 {
  color: #448AFF!important
}

.blue.accent-3 {
  background-color: #2979FF!important
}

.blue-text.text-accent-3 {
  color: #2979FF!important
}

.blue.accent-4 {
  background-color: #2962FF!important
}

.blue-text.text-accent-4 {
  color: #2962FF!important
}

.light-blue.lighten-5 {
  background-color: #e1f5fe!important
}

.light-blue-text.text-lighten-5 {
  color: #e1f5fe!important
}

.light-blue.lighten-4 {
  background-color: #b3e5fc!important
}

.light-blue-text.text-lighten-4 {
  color: #b3e5fc!important
}

.light-blue.lighten-3 {
  background-color: #81d4fa!important
}

.light-blue-text.text-lighten-3 {
  color: #81d4fa!important
}

.light-blue.lighten-2 {
  background-color: #4fc3f7!important
}

.light-blue-text.text-lighten-2 {
  color: #4fc3f7!important
}

.light-blue.lighten-1 {
  background-color: #29b6f6!important
}

.light-blue-text.text-lighten-1 {
  color: #29b6f6!important
}

.light-blue {
  background-color: #03a9f4!important
}

.light-blue-text {
  color: #03a9f4!important
}

.light-blue.darken-1 {
  background-color: #039be5!important
}

.light-blue-text.text-darken-1 {
  color: #039be5!important
}

.light-blue.darken-2 {
  background-color: #0288d1!important
}

.light-blue-text.text-darken-2 {
  color: #0288d1!important
}

.light-blue.darken-3 {
  background-color: #0277bd!important
}

.light-blue-text.text-darken-3 {
  color: #0277bd!important
}

.light-blue.darken-4 {
  background-color: #01579b!important
}

.light-blue-text.text-darken-4 {
  color: #01579b!important
}

.light-blue.accent-1 {
  background-color: #80d8ff!important
}

.light-blue-text.text-accent-1 {
  color: #80d8ff!important
}

.light-blue.accent-2 {
  background-color: #40c4ff!important
}

.light-blue-text.text-accent-2 {
  color: #40c4ff!important
}

.light-blue.accent-3 {
  background-color: #00b0ff!important
}

.light-blue-text.text-accent-3 {
  color: #00b0ff!important
}

.light-blue.accent-4 {
  background-color: #0091ea!important
}

.light-blue-text.text-accent-4 {
  color: #0091ea!important
}

.cyan.lighten-5 {
  background-color: #e0f7fa!important
}

.cyan-text.text-lighten-5 {
  color: #e0f7fa!important
}

.cyan.lighten-4 {
  background-color: #b2ebf2!important
}

.cyan-text.text-lighten-4 {
  color: #b2ebf2!important
}

.cyan.lighten-3 {
  background-color: #80deea!important
}

.cyan.lighten-2 {
  background-color: #4dd0e1!important
}

.cyan-text.text-lighten-2 {
  color: #4dd0e1!important
}

.cyan.lighten-1 {
  background-color: #26c6da!important
}

.cyan-text.text-lighten-1 {
  color: #26c6da!important
}

.cyan {
  background-color: #00bcd4!important
}

.cyan-text {
  color: #00bcd4!important
}

.cyan.darken-1 {
  background-color: #00acc1!important
}

.cyan-text.text-darken-1 {
  color: #00acc1!important
}

.cyan.darken-2 {
  background-color: #0097a7!important
}

.cyan-text.text-darken-2 {
  color: #0097a7!important
}

.cyan.darken-3 {
  background-color: #00838f!important
}

.cyan-text.text-darken-3 {
  color: #00838f!important
}

.cyan.darken-4 {
  background-color: #006064!important
}

.cyan-text.text-darken-4 {
  color: #006064!important
}

.cyan.accent-1 {
  background-color: #84ffff!important
}

.cyan-text.text-accent-1 {
  color: #84ffff!important
}

.cyan.accent-2 {
  background-color: #18ffff!important
}

.cyan-text.text-accent-2 {
  color: #18ffff!important
}

.cyan.accent-3 {
  background-color: #00e5ff!important
}

.cyan-text.text-accent-3 {
  color: #00e5ff!important
}

.cyan.accent-4 {
  background-color: #00b8d4!important
}

.cyan-text.text-accent-4 {
  color: #00b8d4!important
}

.teal.lighten-5 {
  background-color: #e0f2f1!important
}

.teal-text.text-lighten-5 {
  color: #e0f2f1!important
}

.teal.lighten-4 {
  background-color: #b2dfdb!important
}

.teal-text.text-lighten-4 {
  color: #b2dfdb!important
}

.teal.lighten-3 {
  background-color: #80cbc4!important
}

.teal-text.text-lighten-3 {
  color: #80cbc4!important
}

.teal.lighten-2 {
  background-color: #4db6ac!important
}

.teal-text.text-lighten-2 {
  color: #4db6ac!important
}

.teal.lighten-1 {
  background-color: #26a69a!important
}

.teal-text.text-lighten-1 {
  color: #26a69a!important
}

.teal {
  background-color: #009688!important
}

.teal-text {
  color: #009688!important
}

.teal.darken-1 {
  background-color: #00897b!important
}

.teal-text.text-darken-1 {
  color: #00897b!important
}

.teal.darken-2 {
  background-color: #00796b!important
}

.teal-text.text-darken-2 {
  color: #00796b!important
}

.teal.darken-3 {
  background-color: #00695c!important
}

.teal-text.text-darken-3 {
  color: #00695c!important
}

.teal.darken-4 {
  background-color: #004d40!important
}

.teal-text.text-darken-4 {
  color: #004d40!important
}

.teal.accent-1 {
  background-color: #a7ffeb!important
}

.teal-text.text-accent-1 {
  color: #a7ffeb!important
}

.teal.accent-2 {
  background-color: #64ffda!important
}

.teal-text.text-accent-2 {
  color: #64ffda!important
}

.teal.accent-3 {
  background-color: #1de9b6!important
}

.teal-text.text-accent-3 {
  color: #1de9b6!important
}

.teal.accent-4 {
  background-color: #00bfa5!important
}

.teal-text.text-accent-4 {
  color: #00bfa5!important
}

.green.lighten-5 {
  background-color: #E8F5E9!important
}

.green-text.text-lighten-5 {
  color: #E8F5E9!important
}

.green.lighten-4 {
  background-color: #C8E6C9!important
}

.green-text.text-lighten-4 {
  color: #C8E6C9!important
}

.green.lighten-3 {
  background-color: #A5D6A7!important
}

.green-text.text-lighten-3 {
  color: #A5D6A7!important
}

.green.lighten-2 {
  background-color: #81C784!important
}

.green-text.text-lighten-2 {
  color: #81C784!important
}

.green.lighten-1 {
  background-color: #66BB6A!important
}

.green-text.text-lighten-1 {
  color: #66BB6A!important
}

.green.darken-1 {
  background-color: #43A047!important
}

.green-text.text-darken-1 {
  color: #43A047!important
}

.green.darken-2 {
  background-color: #388E3C!important
}

.green-text.text-darken-2 {
  color: #388E3C!important
}

.green.darken-3 {
  background-color: #2E7D32!important
}

.green-text.text-darken-3 {
  color: #2E7D32!important
}

.green.darken-4 {
  background-color: #1B5E20!important
}

.green-text.text-darken-4 {
  color: #1B5E20!important
}

.green.accent-1 {
  background-color: #B9F6CA!important
}

.green-text.text-accent-1 {
  color: #B9F6CA!important
}

.green.accent-2 {
  background-color: #69F0AE!important
}

.green-text.text-accent-2 {
  color: #69F0AE!important
}

.green.accent-3 {
  background-color: #00E676!important
}

.green-text.text-accent-3 {
  color: #00E676!important
}

.green.accent-4 {
  background-color: #00C853!important
}

.green-text.text-accent-4 {
  color: #00C853!important
}

.light-green.lighten-5 {
  background-color: #f1f8e9!important
}

.light-green-text.text-lighten-5 {
  color: #f1f8e9!important
}

.light-green.lighten-4 {
  background-color: #dcedc8!important
}

.light-green-text.text-lighten-4 {
  color: #dcedc8!important
}

.light-green.lighten-3 {
  background-color: #c5e1a5!important
}

.light-green-text.text-lighten-3 {
  color: #c5e1a5!important
}

.light-green.lighten-2 {
  background-color: #aed581!important
}

.light-green-text.text-lighten-2 {
  color: #aed581!important
}

.light-green.lighten-1 {
  background-color: #9ccc65!important
}

.light-green-text.text-lighten-1 {
  color: #9ccc65!important
}

.light-green {
  background-color: #8bc34a!important
}

.light-green-text {
  color: #8bc34a!important
}

.light-green.darken-1 {
  background-color: #7cb342!important
}

.light-green-text.text-darken-1 {
  color: #7cb342!important
}

.light-green.darken-2 {
  background-color: #689f38!important
}

.light-green-text.text-darken-2 {
  color: #689f38!important
}

.light-green.darken-3 {
  background-color: #558b2f!important
}

.light-green-text.text-darken-3 {
  color: #558b2f!important
}

.light-green.darken-4 {
  background-color: #33691e!important
}

.light-green-text.text-darken-4 {
  color: #33691e!important
}

.light-green.accent-1 {
  background-color: #ccff90!important
}

.light-green-text.text-accent-1 {
  color: #ccff90!important
}

.light-green.accent-2 {
  background-color: #b2ff59!important
}

.light-green-text.text-accent-2 {
  color: #b2ff59!important
}

.light-green.accent-3 {
  background-color: #76ff03!important
}

.light-green-text.text-accent-3 {
  color: #76ff03!important
}

.light-green.accent-4 {
  background-color: #64dd17!important
}

.light-green-text.text-accent-4 {
  color: #64dd17!important
}

.lime.lighten-5 {
  background-color: #f9fbe7!important
}

.lime-text.text-lighten-5 {
  color: #f9fbe7!important
}

.lime.lighten-4 {
  background-color: #f0f4c3!important
}

.lime-text.text-lighten-4 {
  color: #f0f4c3!important
}

.lime.lighten-3 {
  background-color: #e6ee9c!important
}

.lime-text.text-lighten-3 {
  color: #e6ee9c!important
}

.lime.lighten-2 {
  background-color: #dce775!important
}

.lime-text.text-lighten-2 {
  color: #dce775!important
}

.lime.lighten-1 {
  background-color: #d4e157!important
}

.lime-text.text-lighten-1 {
  color: #d4e157!important
}

.lime {
  background-color: #cddc39!important
}

.lime-text {
  color: #cddc39!important
}

.lime.darken-1 {
  background-color: #c0ca33!important
}

.lime-text.text-darken-1 {
  color: #c0ca33!important
}

.lime.darken-2 {
  background-color: #afb42b!important
}

.lime-text.text-darken-2 {
  color: #afb42b!important
}

.lime.darken-3 {
  background-color: #9e9d24!important
}

.lime-text.text-darken-3 {
  color: #9e9d24!important
}

.lime.darken-4 {
  background-color: #827717!important
}

.lime-text.text-darken-4 {
  color: #827717!important
}

.lime.accent-1 {
  background-color: #f4ff81!important
}

.lime-text.text-accent-1 {
  color: #f4ff81!important
}

.lime.accent-2 {
  background-color: #eeff41!important
}

.lime-text.text-accent-2 {
  color: #eeff41!important
}

.lime.accent-3 {
  background-color: #c6ff00!important
}

.lime-text.text-accent-3 {
  color: #c6ff00!important
}

.lime.accent-4 {
  background-color: #aeea00!important
}

.lime-text.text-accent-4 {
  color: #aeea00!important
}

.yellow.lighten-5 {
  background-color: #fffde7!important
}

.yellow-text.text-lighten-5 {
  color: #fffde7!important
}

.yellow.lighten-4 {
  background-color: #fff9c4!important
}

.yellow-text.text-lighten-4 {
  color: #fff9c4!important
}

.yellow.lighten-3 {
  background-color: #fff59d!important
}

.yellow-text.text-lighten-3 {
  color: #fff59d!important
}

.yellow.lighten-2 {
  background-color: #fff176!important
}

.yellow-text.text-lighten-2 {
  color: #fff176!important
}

.yellow.lighten-1 {
  background-color: #ffee58!important
}

.yellow-text.text-lighten-1 {
  color: #ffee58!important
}

.yellow {
  background-color: #ffeb3b!important
}

.yellow-text {
  color: #ffeb3b!important
}

.yellow.darken-1 {
  background-color: #fdd835!important
}

.yellow-text.text-darken-1 {
  color: #fdd835!important
}

.yellow.darken-2 {
  background-color: #fbc02d!important
}

.yellow-text.text-darken-2 {
  color: #fbc02d!important
}

.yellow.darken-3 {
  background-color: #f9a825!important
}

.yellow-text.text-darken-3 {
  color: #f9a825!important
}

.yellow.darken-4 {
  background-color: #f57f17!important
}

.yellow-text.text-darken-4 {
  color: #f57f17!important
}

.yellow.accent-1 {
  background-color: #ffff8d!important
}

.yellow-text.text-accent-1 {
  color: #ffff8d!important
}

.yellow.accent-2 {
  background-color: #ff0!important
}

.yellow-text.text-accent-2 {
  color: #ff0!important
}

.yellow.accent-3 {
  background-color: #ffea00!important
}

.yellow-text.text-accent-3 {
  color: #ffea00!important
}

.yellow.accent-4 {
  background-color: #ffd600!important
}

.yellow-text.text-accent-4 {
  color: #ffd600!important
}

.amber.lighten-5 {
  background-color: #fff8e1!important
}

.amber-text.text-lighten-5 {
  color: #fff8e1!important
}

.amber.lighten-4 {
  background-color: #ffecb3!important
}

.amber-text.text-lighten-4 {
  color: #ffecb3!important
}

.amber.lighten-3 {
  background-color: #ffe082!important
}

.amber-text.text-lighten-3 {
  color: #ffe082!important
}

.amber.lighten-2 {
  background-color: #ffd54f!important
}

.amber-text.text-lighten-2 {
  color: #ffd54f!important
}

.amber.lighten-1 {
  background-color: #ffca28!important
}

.amber-text.text-lighten-1 {
  color: #ffca28!important
}

.amber {
  background-color: #ffc107!important
}

.amber-text {
  color: #ffc107!important
}

.amber.darken-1 {
  background-color: #ffb300!important
}

.amber-text.text-darken-1 {
  color: #ffb300!important
}

.amber.darken-2 {
  background-color: #ffa000!important
}

.amber-text.text-darken-2 {
  color: #ffa000!important
}

.amber.darken-3 {
  background-color: #ff8f00!important
}

.amber-text.text-darken-3 {
  color: #ff8f00!important
}

.amber.darken-4 {
  background-color: #ff6f00!important
}

.amber-text.text-darken-4 {
  color: #ff6f00!important
}

.amber.accent-1 {
  background-color: #ffe57f!important
}

.amber-text.text-accent-1 {
  color: #ffe57f!important
}

.amber.accent-2 {
  background-color: #ffd740!important
}

.amber-text.text-accent-2 {
  color: #ffd740!important
}

.amber.accent-3 {
  background-color: #ffc400!important
}

.amber-text.text-accent-3 {
  color: #ffc400!important
}

.amber.accent-4 {
  background-color: #ffab00!important
}

.amber-text.text-accent-4 {
  color: #ffab00!important
}

.orange.lighten-5 {
  background-color: #fff3e0!important
}

.orange-text.text-lighten-5 {
  color: #fff3e0!important
}

.orange.lighten-4 {
  background-color: #ffe0b2!important
}

.orange-text.text-lighten-4 {
  color: #ffe0b2!important
}

.orange.lighten-3 {
  background-color: #ffcc80!important
}

.orange-text.text-lighten-3 {
  color: #ffcc80!important
}

.orange.lighten-2 {
  background-color: #ffb74d!important
}

.orange-text.text-lighten-2 {
  color: #ffb74d!important
}

.orange.lighten-1 {
  background-color: #ffa726!important
}

.orange-text.text-lighten-1 {
  color: #ffa726!important
}

.orange.darken-1 {
  background-color: #fb8c00!important
}

.orange-text.text-darken-1 {
  color: #fb8c00!important
}

.orange.darken-2 {
  background-color: #f57c00!important
}

.orange-text.text-darken-2 {
  color: #f57c00!important
}

.orange.darken-3 {
  background-color: #ef6c00!important
}

.orange-text.text-darken-3 {
  color: #ef6c00!important
}

.orange.darken-4 {
  background-color: #e65100!important
}

.orange-text.text-darken-4 {
  color: #e65100!important
}

.orange.accent-1 {
  background-color: #ffd180!important
}

.orange-text.text-accent-1 {
  color: #ffd180!important
}

.orange.accent-2 {
  background-color: #ffab40!important
}

.orange-text.text-accent-2 {
  color: #ffab40!important
}

.orange.accent-3 {
  background-color: #ff9100!important
}

.orange-text.text-accent-3 {
  color: #ff9100!important
}

.orange.accent-4 {
  background-color: #ff6d00!important
}

.orange-text.text-accent-4 {
  color: #ff6d00!important
}

.deep-orange.lighten-5 {
  background-color: #fbe9e7!important
}

.deep-orange-text.text-lighten-5 {
  color: #fbe9e7!important
}

.deep-orange.lighten-4 {
  background-color: #ffccbc!important
}

.deep-orange-text.text-lighten-4 {
  color: #ffccbc!important
}

.deep-orange.lighten-3 {
  background-color: #ffab91!important
}

.deep-orange-text.text-lighten-3 {
  color: #ffab91!important
}

.deep-orange.lighten-2 {
  background-color: #ff8a65!important
}

.deep-orange-text.text-lighten-2 {
  color: #ff8a65!important
}

.deep-orange.lighten-1 {
  background-color: #ff7043!important
}

.deep-orange-text.text-lighten-1 {
  color: #ff7043!important
}

.deep-orange {
  background-color: #ff5722!important
}

.deep-orange-text {
  color: #ff5722!important
}

.deep-orange.darken-1 {
  background-color: #f4511e!important
}

.deep-orange-text.text-darken-1 {
  color: #f4511e!important
}

.deep-orange.darken-2 {
  background-color: #e64a19!important
}

.deep-orange-text.text-darken-2 {
  color: #e64a19!important
}

.deep-orange.darken-3 {
  background-color: #d84315!important
}

.deep-orange-text.text-darken-3 {
  color: #d84315!important
}

.deep-orange.darken-4 {
  background-color: #bf360c!important
}

.deep-orange-text.text-darken-4 {
  color: #bf360c!important
}

.deep-orange.accent-1 {
  background-color: #ff9e80!important
}

.deep-orange-text.text-accent-1 {
  color: #ff9e80!important
}

.deep-orange.accent-2 {
  background-color: #ff6e40!important
}

.deep-orange-text.text-accent-2 {
  color: #ff6e40!important
}

.deep-orange.accent-3 {
  background-color: #ff3d00!important
}

.deep-orange-text.text-accent-3 {
  color: #ff3d00!important
}

.deep-orange.accent-4 {
  background-color: #dd2c00!important
}

.deep-orange-text.text-accent-4 {
  color: #dd2c00!important
}

.brown.lighten-5 {
  background-color: #efebe9!important
}

.brown-text.text-lighten-5 {
  color: #efebe9!important
}

.brown.lighten-4 {
  background-color: #d7ccc8!important
}

.brown-text.text-lighten-4 {
  color: #d7ccc8!important
}

.brown.lighten-3 {
  background-color: #bcaaa4!important
}

.brown-text.text-lighten-3 {
  color: #bcaaa4!important
}

.brown.lighten-2 {
  background-color: #a1887f!important
}

.brown-text.text-lighten-2 {
  color: #a1887f!important
}

.brown.lighten-1 {
  background-color: #8d6e63!important
}

.brown-text.text-lighten-1 {
  color: #8d6e63!important
}

.brown {
  background-color: #795548!important
}

.brown-text {
  color: #795548!important
}

.brown.darken-1 {
  background-color: #6d4c41!important
}

.brown-text.text-darken-1 {
  color: #6d4c41!important
}

.brown.darken-2 {
  background-color: #5d4037!important
}

.brown-text.text-darken-2 {
  color: #5d4037!important
}

.brown.darken-3 {
  background-color: #4e342e!important
}

.brown-text.text-darken-3 {
  color: #4e342e!important
}

.brown.darken-4 {
  background-color: #3e2723!important
}

.brown-text.text-darken-4 {
  color: #3e2723!important
}

.blue-grey.lighten-5 {
  background-color: #eceff1!important
}

.blue-grey-text.text-lighten-5 {
  color: #eceff1!important
}

.blue-grey.lighten-4 {
  background-color: #cfd8dc!important
}

.blue-grey-text.text-lighten-4 {
  color: #cfd8dc!important
}

.blue-grey.lighten-3 {
  background-color: #b0bec5!important
}

.blue-grey-text.text-lighten-3 {
  color: #b0bec5!important
}

.blue-grey.lighten-2 {
  background-color: #90a4ae!important
}

.blue-grey-text.text-lighten-2 {
  color: #90a4ae!important
}

.blue-grey.lighten-1 {
  background-color: #78909c!important
}

.blue-grey-text.text-lighten-1 {
  color: #78909c!important
}

.blue-grey {
  background-color: #607d8b!important
}

.blue-grey-text {
  color: #607d8b!important
}

.blue-grey.darken-1 {
  background-color: #546e7a!important
}

.blue-grey-text.text-darken-1 {
  color: #546e7a!important
}

.blue-grey.darken-2 {
  background-color: #455a64!important
}

.blue-grey-text.text-darken-2 {
  color: #455a64!important
}

.blue-grey.darken-3 {
  background-color: #37474f!important
}

.blue-grey-text.text-darken-3 {
  color: #37474f!important
}

.blue-grey.darken-4 {
  background-color: #263238!important
}

.blue-grey-text.text-darken-4 {
  color: #263238!important
}

.grey.lighten-5 {
  background-color: #fafafa!important
}

.grey-text.text-lighten-5 {
  color: #fafafa!important
}

.grey.lighten-4 {
  background-color: #f5f5f5!important
}

.grey-text.text-lighten-4 {
  color: #f5f5f5!important
}

.grey.lighten-3 {
  background-color: #eee!important
}

.grey-text.text-lighten-3 {
  color: #eee!important
}

.grey.lighten-2 {
  background-color: #e0e0e0!important
}

.grey-text.text-lighten-2 {
  color: #e0e0e0!important
}

.grey.lighten-1 {
  background-color: #bdbdbd!important
}

.grey-text.text-lighten-1 {
  color: #bdbdbd!important
}

.grey {
  background-color: #9e9e9e!important
}

.grey-text {
  color: #9e9e9e!important
}

.grey.darken-1 {
  background-color: #757575!important
}

.grey-text.text-darken-1 {
  color: #757575!important
}

.grey.darken-2 {
  background-color: #616161!important
}

.grey-text.text-darken-2 {
  color: #616161!important
}

.grey.darken-3 {
  background-color: #424242!important
}

.grey-text.text-darken-3 {
  color: #424242!important
}

.grey.darken-4 {
  background-color: #212121!important
}

.grey-text.text-darken-4 {
  color: #212121!important
}

.shades.black {
  background-color: #000!important
}

.shades-text.text-black {
  color: #000!important
}

.shades.white {
  background-color: #FFF!important
}

.shades-text.text-white {
  color: #FFF!important
}

.shades.transparent {
  background-color: transparent!important
}

.shades-text.text-transparent {
  color: transparent!important
}

.black {
  background-color: #000!important
}

.white {
  background-color: #FFF!important
}

.white-text {
  color: #FFF!important
}

.transparent {
  background-color: transparent!important
}

.transparent-text {
  color: transparent!important
}

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
  display: block
}

audio,canvas,progress,video {
  display: inline-block;
  vertical-align: baseline
}

audio:not([controls]) {
  display: none;
  height: 0
}

[hidden],template {
  display: none
}

.toast,.valign-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox
}

a {
  background-color: transparent;
  color: #0177d6
}

a:active,a:hover {
  outline: 0
}

abbr[title] {
  border-bottom: 1px dotted
}

b,optgroup,strong {
  font-weight: 700
}

dfn {
  font-style: italic
}

mark {
  background: #ff0;
  color: #000
}

sub,sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sup {
  top: -.5em
}

sub {
  bottom: -.25em
}

svg:not(:root) {
  overflow: hidden
}

figure {
  margin: 1em 40px
}

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  border: none;
  border-bottom: 1px solid #ccc
}

pre,textarea {
  overflow: auto
}

code,kbd,pre,samp {
  font-family: monospace,monospace;
  font-size: 1em
}

button,input,optgroup,select,textarea {
  color: inherit;
  font: inherit;
  margin: 0
}

button,select {
  text-transform: none
}

button,html input[type=button],input[type=reset],input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer
}

button[disabled],html input[disabled] {
  cursor: default
}

button::-moz-focus-inner,input::-moz-focus-inner {
  border: 0;
  padding: 0
}

input {
  line-height: normal
}

input[type=checkbox],input[type=radio] {
  box-sizing: border-box;
  padding: 0
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
  height: auto
}

input[type=search] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: .35em .625em .75em
}

html {
  box-sizing: border-box
}

*,:after,:before {
  box-sizing: inherit
}

.valign-wrapper {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center
}

.valign-wrapper .valign {
  display: block
}

.clearfix {
  clear: both
}

.clearfix:after,.clearfix:before {
  content: " ";
  display: table
}

.clearfix:after {
  clear: both
}

.z-depth-0 {
  box-shadow: none!important
}

.btn,.btn-floating,.btn-large,.btn-large-circle,.card,.card-panel,.collapsible,.dropdown-content,.side-nav,.toast,.z-depth-1 {
  box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)
}

.btn-floating:hover,.btn-large-circle:hover,.btn-large:hover,.btn:hover,.z-depth-1-half {
  box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15)
}

.z-depth-2 {
  box-shadow: 0 8px 17px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)
}

.z-depth-3 {
  box-shadow: 0 12px 15px 0 rgba(0,0,0,.24),0 17px 50px 0 rgba(0,0,0,.19)
}

.modal,.z-depth-4 {
  box-shadow: 0 16px 28px 0 rgba(0,0,0,.22),0 25px 55px 0 rgba(0,0,0,.21)
}

.z-depth-5 {
  box-shadow: 0 27px 24px 0 rgba(0,0,0,.2),0 40px 77px 0 rgba(0,0,0,.22)
}

.z-depth-6 {
  box-shadow: 0 6px 10px 0 rgba(0,0,0,.08),0 6px 8px 0 rgba(0,0,0,.08)
}

.hoverable:hover {
  transition: box-shadow .25s;
  box-shadow: 0 6px 10px 0 rgba(0,0,0,.16),0 6px 8px 0 rgba(0,0,0,.08)
}

header .right-sidebar-nav.side-nav,header .right-sidebar-nav.side-nav.collapsible {
  box-shadow: none
}

.divider {
  height: 1px;
  overflow: hidden;
  background-color: #e0e0e0
}

.pagination li.active,footer.page-footer {
  background-color: #ee6e73
}

blockquote {
  margin: 20px 0;
  padding-left: 1.5rem;
  border-left: 5px solid #ee6e73
}

i {
  line-height: inherit
}

i.left {
  float: left;
  margin-right: 15px
}

i.right {
  float: right;
  margin-left: 15px
}

i.tiny {
  font-size: 1rem
}

i.small {
  font-size: 2rem
}

i.medium {
  font-size: 4rem
}

i.large {
  font-size: 6rem
}

img.responsive-img,video.responsive-video {
  max-width: 100%;
  height: auto
}

.pagination li {
  display: inline-block;
  font-size: 1.2rem;
  padding: 0 10px;
  line-height: 30px;
  border-radius: 2px
}

.pagination li a {
  color: #444
}

.pagination li.active a {
  color: #fff
}

.pagination li.disabled a {
  cursor: default;
  color: #999
}

.pagination li i {
  font-size: 2rem
}

.pagination li.pages ul li {
  display: inline-block;
  float: none
}

.parallax-container {
  position: relative;
  overflow: hidden;
  height: 500px
}

.parallax,.parallax img {
  position: absolute;
  bottom: 0
}

.parallax {
  top: 0;
  left: 0;
  right: 0;
  z-index: -1
}

.parallax img {
  display: none;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  transform: translateX(-50%)
}

.pin-bottom,.pin-top {
  position: relative
}

.pinned {
  position: fixed!important
}

.fade-in {
  transform-origin: 0 50%
}

@media only screen and (max-width: 600px) {
  .hide-on-small-and-down,.hide-on-small-only {
      display:none!important
  }
}

@media only screen and (max-width: 960px) {
  .pagination {
      width:100%
  }

  .pagination li.next,.pagination li.prev {
      width: 10%
  }

  .pagination li.pages {
      width: 80%;
      overflow: hidden;
      white-space: nowrap
  }

  .hide-on-med-and-down {
      display: none!important
  }
}

@media only screen and (min-width: 601px) {
  .hide-on-med-and-up {
      display:none!important
  }
}

@media only screen and (min-width: 600px) and (max-width:960px) {
  .hide-on-med-only {
      display:none!important
  }
}

@media only screen and (max-width: 1200px) {
  .hide-on-large-and-down {
      display:none!important
  }
}

@media only screen and (min-width: 961px) {
  .hide-on-large-and-up {
      display:none!important
  }
}

@media only screen and (min-width: 960px) and (max-width:1200px) {
  .hide-on-large-only {
      display:none!important
  }
}

@media only screen and (max-width: 1500px) {
  .hide-on-xlarge-and-down {
      display:none!important
  }
}

@media only screen and (min-width: 1201px) {
  .hide-on-xlarge-and-up {
      display:none!important
  }
}

@media only screen and (min-width: 1200px) and (max-width:1500px) {
  .hide-on-xlarge-only {
      display:none!important
  }
}

@media only screen and (max-width: 1920px) {
  .hide-on-xxlarge-and-down {
      display:none!important
  }
}

@media only screen and (min-width: 1501px) {
  .hide-on-xxlarge-and-up,.hide-on-xxlarge-only {
      display:none!important
  }

  .show-on-xxlarge {
      display: initial!important
  }
}

@media only screen and (min-width: 601px) {
  .show-on-medium-and-up {
      display:initial!important
  }
}

@media only screen and (max-width: 960px) {
  .show-on-medium-and-down {
      display:initial!important
  }
}

@media only screen and (min-width: 600px) and (max-width:960px) {
  .show-on-medium {
      display:initial!important
  }
}

@media only screen and (min-width: 961px) {
  .show-on-large-and-up {
      display:initial!important
  }
}

@media only screen and (max-width: 1200px) {
  .show-on-large-and-down {
      display:initial!important
  }
}

@media only screen and (min-width: 960px) and (max-width:1200px) {
  .show-on-large {
      display:initial!important
  }
}

@media only screen and (min-width: 1201px) {
  .show-on-xlarge-and-up {
      display:initial!important
  }
}

@media only screen and (max-width: 1500px) {
  .show-on-xlarge-and-down {
      display:initial!important
  }
}

@media only screen and (min-width: 1200px) and (max-width:1500px) {
  .show-on-xlarge {
      display:initial!important
  }
}

@media only screen and (max-width: 600px) {
  .show-on-small {
      display:initial!important
  }

  .center-on-small-only {
      text-align: center
  }
}

footer.page-footer {
  margin-top: 20px
}

footer.page-footer .footer-copyright {
  overflow: hidden;
  height: 50px;
  line-height: 50px;
  color: rgba(255,255,255,.8);
  background-color: rgba(51,51,51,.08)
}

table.highlight>tbody>tr:hover,table.striped>tbody>tr:nth-child(odd) {
  background-color: #f2f2f2
}

table,td,th {
  border: none
}

table {
  width: 100%;
  display: table
}

table.striped>tbody>tr>td {
  border-radius: 0
}

table.highlight>tbody>tr {
  -webkit-transition: background-color .25s ease;
  -moz-transition: background-color .25s ease;
  -o-transition: background-color .25s ease;
  -ms-transition: background-color .25s ease;
  transition: background-color .25s ease
}

td,th {
  padding: 15px 5px;
  display: table-cell;
  text-align: left;
  vertical-align: middle;
  border-radius: 2px
}

@media only screen and (max-width: 960px) {
  table.responsive-table {
      width:100%;
      border-collapse: collapse;
      border-spacing: 0;
      display: block;
      position: relative
  }

  table.responsive-table td,table.responsive-table th {
      margin: 0;
      vertical-align: top
  }

  table.responsive-table thead {
      display: block;
      float: left;
      border: 0;
      border-right: 1px solid #d0d0d0
  }

  table.responsive-table thead tr {
      display: block;
      padding: 0 10px 0 0
  }

  table.responsive-table thead tr th::before {
      content: "\00a0"
  }

  table.responsive-table tbody {
      display: block;
      width: auto;
      position: relative;
      overflow-x: auto;
      white-space: nowrap
  }

  table.responsive-table tbody tr {
      display: inline-block;
      vertical-align: top
  }

  table.responsive-table th {
      display: block;
      text-align: right
  }

  table.responsive-table td {
      display: block;
      min-height: 1.25em;
      text-align: left
  }

  table.responsive-table tr {
      padding: 0 10px
  }

  table.responsive-table.bordered th {
      border-bottom: 0;
      border-left: 0
  }

  table.responsive-table.bordered td {
      border-left: 0;
      border-right: 0;
      border-bottom: 0
  }

  table.responsive-table.bordered tr {
      border: 0
  }

  table.responsive-table.bordered tbody tr {
      border-right: 1px solid #d0d0d0
  }
}

.btn-floating,.btn-large-circle,.card,.card.large .card-content,.card.large .card-image,.card.medium .card-content,.card.medium .card-image,.card.small .card-content,.card.small .card-image,.material-tooltip,.progress,.truncate,.video-container {
  overflow: hidden
}

.collection {
  margin: 0;
  border: 1px solid #e0e0e0;
  border-radius: 2px;
  position: relative
}

.collection .collection-item {
  position: relative;
  line-height: 1.5rem;
  padding: .7143rem 1.429rem;
  margin: 0;
  border-bottom: 1px solid #e0e0e0
}

.collection .collection-item p {
  color: #757575;
  margin: 0
}

.collection .collection-item .title {
  font-size: 16px
}

.collection .collection-item.avatar {
  min-height: 80px;
  padding-left: 72px;
  position: relative
}

.collection .collection-item.avatar .circle {
  position: absolute;
  width: 42px;
  height: 42px;
  overflow: hidden;
  left: 15px;
  display: inline-block;
  vertical-align: middle
}

.collection .collection-item.avatar i.circle {
  font-size: 18px;
  color: #fff;
  background-color: #999;
  text-align: center
}

.collection .collection-item.avatar .title {
  font-size: 16px
}

.collection .collection-item.avatar p {
  margin: 0
}

.collection .collection-item:last-child {
  border-bottom: none
}

.collection .collection-item.active {
  color: #eafaf9
}

.collection .collection-item.active .secondary-content {
  color: #fff
}

.collection a.collection-item {
  display: block;
  -webkit-transition: .25s;
  -moz-transition: .25s;
  -o-transition: .25s;
  -ms-transition: .25s;
  transition: .25s
}

.collection a.collection-item:not(.active):hover {
  background-color: #ddd
}

.collection.with-header .collection-header {
  background-color: #fff;
  border-bottom: 1px solid #e0e0e0;
  padding: 10px 20px
}

.collection.with-header .collection-item {
  padding-left: 30px
}

.collection.with-header .collection-item.avatar {
  padding-left: 72px
}

.secondary-content {
  float: right;
  color: #0177d6
}

.collapsible .collection {
  margin: 0;
  border: none
}

span.badge {
  min-width: 3rem;
  padding: 0 6px;
  text-align: center;
  font-size: 1rem;
  line-height: inherit;
  color: #757575;
  position: absolute;
  right: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.mdi-inverse,nav,nav a,nav ul a,span.badge.new {
  color: #fff
}

span.badge.new {
  font-weight: 300;
  font-size: .8rem;
  background-color: #26a69a;
  border-radius: 2px
}

span.badge.new:after {
  content: " new"
}

nav ul a span.badge {
  position: static;
  margin-left: 4px;
  line-height: 0
}

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0
}

.video-container.no-controls {
  padding-top: 0
}

.video-container embed,.video-container iframe,.video-container object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.progress {
  position: relative;
  height: 4px;
  display: block;
  width: 100%;
  background-color: #acece6;
  border-radius: 2px;
  margin: .5rem 0 1rem
}

.progress .determinate,.progress .indeterminate {
  background-color: #26a69a
}

.progress .determinate {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  -webkit-transition: width .3s linear;
  -moz-transition: width .3s linear;
  -o-transition: width .3s linear;
  -ms-transition: width .3s linear;
  transition: width .3s linear
}

.progress .indeterminate:after,.progress .indeterminate:before {
  content: '';
  background-color: inherit;
  left: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  will-change: left,right
}

.progress .indeterminate:before {
  -webkit-animation: indeterminate 2.1s cubic-bezier(.65,.815,.735,.395) infinite;
  -moz-animation: indeterminate 2.1s cubic-bezier(.65,.815,.735,.395) infinite;
  -ms-animation: indeterminate 2.1s cubic-bezier(.65,.815,.735,.395) infinite;
  -o-animation: indeterminate 2.1s cubic-bezier(.65,.815,.735,.395) infinite;
  animation: indeterminate 2.1s cubic-bezier(.65,.815,.735,.395) infinite
}

.progress .indeterminate:after {
  -webkit-animation: indeterminate-short 2.1s cubic-bezier(.165,.84,.44,1) infinite;
  -moz-animation: indeterminate-short 2.1s cubic-bezier(.165,.84,.44,1) infinite;
  -ms-animation: indeterminate-short 2.1s cubic-bezier(.165,.84,.44,1) infinite;
  -o-animation: indeterminate-short 2.1s cubic-bezier(.165,.84,.44,1) infinite;
  animation: indeterminate-short 2.1s cubic-bezier(.165,.84,.44,1) infinite;
  -webkit-animation-delay: 1.15s;
  -moz-animation-delay: 1.15s;
  -ms-animation-delay: 1.15s;
  -o-animation-delay: 1.15s;
  animation-delay: 1.15s
}

@-webkit-keyframes indeterminate {
  0% {
      left: -35%;
      right: 100%
  }

  100%,60% {
      left: 100%;
      right: -90%
  }
}

@-moz-keyframes indeterminate {
  0% {
      left: -35%;
      right: 100%
  }

  100%,60% {
      left: 100%;
      right: -90%
  }
}

@keyframes indeterminate {
  0% {
      left: -35%;
      right: 100%
  }

  100%,60% {
      left: 100%;
      right: -90%
  }
}

@-webkit-keyframes indeterminate-short {
  0% {
      left: -200%;
      right: 100%
  }

  100%,60% {
      left: 107%;
      right: -8%
  }
}

@-moz-keyframes indeterminate-short {
  0% {
      left: -200%;
      right: 100%
  }

  100%,60% {
      left: 107%;
      right: -8%
  }
}

@keyframes indeterminate-short {
  0% {
      left: -200%;
      right: 100%
  }

  100%,60% {
      left: 107%;
      right: -8%
  }
}

.hide {
  display: none!important
}

.left-align {
  text-align: left
}

.right-align {
  text-align: right
}

.btn,.btn-large,.center,.center-align,.fixed-action-btn ul,.material-tooltip,.mdi-fw,.mdi-li,.mdi-stack-1x,.mdi-stack-2x {
  text-align: center
}

.left {
  float: left!important
}

.right {
  float: right!important
}

.row .col,nav ul li,nav ul.left {
  float: left
}

.no-select,input[type=range],input[type=range]+.thumb {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.circle {
  border-radius: 50%
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto
}

.truncate {
  display: block;
  white-space: nowrap
}

.no-padding {
  padding: 0!important
}

@font-face {
  font-family: Material-Design-Icons;
  src: url(../font/material-design-icons/Material-Design-Icons.eot?#iefix) format("embedded-opentype"),url(../font/material-design-icons/Material-Design-Icons.woff2) format("woff2"),url(../font/material-design-icons/Material-Design-Icons.woff) format("woff"),url(../font/material-design-icons/Material-Design-Icons.ttf) format("truetype"),url(../font/material-design-icons/Material-Design-Icons.svg#Material-Design-Icons) format("svg");
  font-weight: 400;
  font-style: normal
}

[class*=mdi-],[class^=mdi-] {
  speak: none;
  display: inline-block;
  font-family: Material-Design-Icons;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0,0)
}

[class*=mdi-]:before,[class^=mdi-]:before {
  display: inline-block;
  speak: none;
  text-decoration: inherit
}

[class*=mdi-].pull-left,[class^=mdi-].pull-left {
  margin-right: .3em
}

[class*=mdi-].pull-right,[class^=mdi-].pull-right {
  margin-left: .3em
}

[class*=mdi-].mdi-lg:after,[class*=mdi-].mdi-lg:before,[class^=mdi-].mdi-lg:after,[class^=mdi-].mdi-lg:before {
  font-size: 1.33333333em;
  line-height: .75em;
  vertical-align: -15%
}

[class*=mdi-].mdi-2x:after,[class*=mdi-].mdi-2x:before,[class^=mdi-].mdi-2x:after,[class^=mdi-].mdi-2x:before {
  font-size: 2em
}

[class*=mdi-].mdi-3x:after,[class*=mdi-].mdi-3x:before,[class^=mdi-].mdi-3x:after,[class^=mdi-].mdi-3x:before {
  font-size: 3em
}

[class*=mdi-].mdi-4x:after,[class*=mdi-].mdi-4x:before,[class^=mdi-].mdi-4x:after,[class^=mdi-].mdi-4x:before {
  font-size: 4em
}

[class*=mdi-].mdi-5x:after,[class*=mdi-].mdi-5x:before,[class^=mdi-].mdi-5x:after,[class^=mdi-].mdi-5x:before {
  font-size: 5em
}

.mdi-device-network-wifi:after,[class^=mdi-device-signal-cellular-]:after,[class^=mdi-device-battery-]:after,[class^=mdi-device-battery-charging-]:after,[class^=mdi-device-signal-cellular-connected-no-internet-]:after,[class^=mdi-device-signal-wifi-]:after,[class^=mdi-device-signal-wifi-statusbar-not-connected]:after {
  opacity: .3;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  display: inline-block;
  speak: none;
  text-decoration: inherit
}

.btn,.btn-large,a {
  text-decoration: none
}

[class^=mdi-device-signal-cellular-]:after {
  content: "\e758"
}

[class^=mdi-device-battery-]:after {
  content: "\e735"
}

[class^=mdi-device-battery-charging-]:after {
  content: "\e733"
}

[class^=mdi-device-signal-cellular-connected-no-internet-]:after {
  content: "\e75d"
}

.mdi-device-network-wifi:after,[class^=mdi-device-signal-wifi-]:after {
  content: "\e765"
}

[class^=mdi-device-signal-wifi-statusbasr-not-connected]:after {
  content: "\e8f7"
}

.mdi-device-battery-alert:after,.mdi-device-battery-full .mdi-device-battery-unknown:after,.mdi-device-battery-std:after,.mdi-device-signal-cellular-4-bar:after,.mdi-device-signal-cellular-connected-no-internet-4-bar:after,.mdi-device-signal-cellular-no-sim:after,.mdi-device-signal-cellular-null:after,.mdi-device-signal-cellular-off:after,.mdi-device-signal-wifi-4-bar:after,.mdi-device-signal-wifi-off:after {
  content: ""
}

.mdi-fw {
  width: 1.28571429em
}

.mdi-ul {
  padding-left: 0;
  margin-left: 2.14285714em
}

.mdi-ul>li {
  position: relative
}

.mdi-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: .14285714em
}

.mdi-li.mdi-lg {
  left: -1.85714286em
}

.mdi-border {
  padding: .2em .25em .15em;
  border: .08em solid #eee;
  border-radius: .1em
}

.mdi-spin {
  -webkit-animation: mdi-spin 2s infinite linear;
  animation: mdi-spin 2s infinite linear;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%
}

.mdi-pulse {
  -webkit-animation: mdi-spin 1s steps(8) infinite;
  animation: mdi-spin 1s steps(8) infinite;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%
}

@-webkit-keyframes mdi-spin {
  0% {
      -webkit-transform: rotate(0);
      transform: rotate(0)
  }

  100% {
      -webkit-transform: rotate(359deg);
      transform: rotate(359deg)
  }
}

@keyframes mdi-spin {
  0% {
      -webkit-transform: rotate(0);
      transform: rotate(0)
  }

  100% {
      -webkit-transform: rotate(359deg);
      transform: rotate(359deg)
  }
}

.mdi-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg)
}

.mdi-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}

.mdi-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg)
}

.mdi-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1,1);
  -ms-transform: scale(-1,1);
  transform: scale(-1,1)
}

.mdi-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1,-1);
  -ms-transform: scale(1,-1);
  transform: scale(1,-1)
}

:root .mdi-flip-horizontal,:root .mdi-flip-vertical,:root .mdi-rotate-180,:root .mdi-rotate-270,:root .mdi-rotate-90 {
  filter: none
}

.mdi-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle
}

.mdi-stack-1x,.mdi-stack-2x {
  position: absolute;
  left: 0;
  width: 100%
}

.mdi-stack-1x {
  line-height: inherit
}

.mdi-stack-2x {
  font-size: 2em
}

.mdi-action-3d-rotation:before {
  content: "\e600"
}

.mdi-action-accessibility:before {
  content: "\e601"
}

.mdi-action-account-balance-wallet:before {
  content: "\e602"
}

.mdi-action-account-balance:before {
  content: "\e603"
}

.mdi-action-account-box:before {
  content: "\e604"
}

.mdi-action-account-child:before {
  content: "\e605"
}

.mdi-action-account-circle:before {
  content: "\e606"
}

.mdi-action-add-shopping-cart:before {
  content: "\e607"
}

.mdi-action-alarm-add:before {
  content: "\e608"
}

.mdi-action-alarm-off:before {
  content: "\e609"
}

.mdi-action-alarm-on:before {
  content: "\e60a"
}

.mdi-action-alarm:before {
  content: "\e60b"
}

.mdi-action-android:before {
  content: "\e60c"
}

.mdi-action-announcement:before {
  content: "\e60d"
}

.mdi-action-aspect-ratio:before {
  content: "\e60e"
}

.mdi-action-assessment:before {
  content: "\e60f"
}

.mdi-action-assignment-ind:before {
  content: "\e610"
}

.mdi-action-assignment-late:before {
  content: "\e611"
}

.mdi-action-assignment-return:before {
  content: "\e612"
}

.mdi-action-assignment-returned:before {
  content: "\e613"
}

.mdi-action-assignment-turned-in:before {
  content: "\e614"
}

.mdi-action-assignment:before {
  content: "\e615"
}

.mdi-action-autorenew:before {
  content: "\e616"
}

.mdi-action-backup:before {
  content: "\e617"
}

.mdi-action-book:before {
  content: "\e618"
}

.mdi-action-bookmark-outline:before {
  content: "\e619"
}

.mdi-action-bookmark:before {
  content: "\e61a"
}

.mdi-action-bug-report:before {
  content: "\e61b"
}

.mdi-action-cached:before {
  content: "\e61c"
}

.mdi-action-check-circle:before {
  content: "\e61d"
}

.mdi-action-class:before {
  content: "\e61e"
}

.mdi-action-credit-card:before {
  content: "\e61f"
}

.mdi-action-dashboard:before {
  content: "\e620"
}

.mdi-action-delete:before {
  content: "\e621"
}

.mdi-action-description:before {
  content: "\e622"
}

.mdi-action-dns:before {
  content: "\e623"
}

.mdi-action-done-all:before {
  content: "\e624"
}

.mdi-action-done:before {
  content: "\e625"
}

.mdi-action-event:before {
  content: "\e626"
}

.mdi-action-exit-to-app:before {
  content: "\e627"
}

.mdi-action-explore:before {
  content: "\e628"
}

.mdi-action-extension:before {
  content: "\e629"
}

.mdi-action-face-unlock:before {
  content: "\e62a"
}

.mdi-action-favorite-outline:before {
  content: "\e62b"
}

.mdi-action-favorite:before {
  content: "\e62c"
}

.mdi-action-find-in-page:before {
  content: "\e62d"
}

.mdi-action-find-replace:before {
  content: "\e62e"
}

.mdi-action-flip-to-back:before {
  content: "\e62f"
}

.mdi-action-flip-to-front:before {
  content: "\e630"
}

.mdi-action-get-app:before {
  content: "\e631"
}

.mdi-action-grade:before {
  content: "\e632"
}

.mdi-action-group-work:before {
  content: "\e633"
}

.mdi-action-help:before {
  content: "\e634"
}

.mdi-action-highlight-remove:before {
  content: "\e635"
}

.mdi-action-history:before {
  content: "\e636"
}

.mdi-action-home:before {
  content: "\e637"
}

.mdi-action-https:before {
  content: "\e638"
}

.mdi-action-info-outline:before {
  content: "\e639"
}

.mdi-action-info:before {
  content: "\e63a"
}

.mdi-action-input:before {
  content: "\e63b"
}

.mdi-action-invert-colors:before {
  content: "\e63c"
}

.mdi-action-label-outline:before {
  content: "\e63d"
}

.mdi-action-label:before {
  content: "\e63e"
}

.mdi-action-language:before {
  content: "\e63f"
}

.mdi-action-launch:before {
  content: "\e640"
}

.mdi-action-list:before {
  content: "\e641"
}

.mdi-action-lock-open:before {
  content: "\e642"
}

.mdi-action-lock-outline:before {
  content: "\e643"
}

.mdi-action-lock:before {
  content: "\e644"
}

.mdi-action-loyalty:before {
  content: "\e645"
}

.mdi-action-markunread-mailbox:before {
  content: "\e646"
}

.mdi-action-note-add:before {
  content: "\e647"
}

.mdi-action-open-in-browser:before {
  content: "\e648"
}

.mdi-action-open-in-new:before {
  content: "\e649"
}

.mdi-action-open-with:before {
  content: "\e64a"
}

.mdi-action-pageview:before {
  content: "\e64b"
}

.mdi-action-payment:before {
  content: "\e64c"
}

.mdi-action-perm-camera-mic:before {
  content: "\e64d"
}

.mdi-action-perm-contact-cal:before {
  content: "\e64e"
}

.mdi-action-perm-data-setting:before {
  content: "\e64f"
}

.mdi-action-perm-device-info:before {
  content: "\e650"
}

.mdi-action-perm-identity:before {
  content: "\e651"
}

.mdi-action-perm-media:before {
  content: "\e652"
}

.mdi-action-perm-phone-msg:before {
  content: "\e653"
}

.mdi-action-perm-scan-wifi:before {
  content: "\e654"
}

.mdi-action-picture-in-picture:before {
  content: "\e655"
}

.mdi-action-polymer:before {
  content: "\e656"
}

.mdi-action-print:before {
  content: "\e657"
}

.mdi-action-query-builder:before {
  content: "\e658"
}

.mdi-action-question-answer:before {
  content: "\e659"
}

.mdi-action-receipt:before {
  content: "\e65a"
}

.mdi-action-redeem:before {
  content: "\e65b"
}

.mdi-action-reorder:before {
  content: "\e65c"
}

.mdi-action-report-problem:before {
  content: "\e65d"
}

.mdi-action-restore:before {
  content: "\e65e"
}

.mdi-action-room:before {
  content: "\e65f"
}

.mdi-action-schedule:before {
  content: "\e660"
}

.mdi-action-search:before {
  content: "\e661"
}

.mdi-action-settings-applications:before {
  content: "\e662"
}

.mdi-action-settings-backup-restore:before {
  content: "\e663"
}

.mdi-action-settings-bluetooth:before {
  content: "\e664"
}

.mdi-action-settings-cell:before {
  content: "\e665"
}

.mdi-action-settings-display:before {
  content: "\e666"
}

.mdi-action-settings-ethernet:before {
  content: "\e667"
}

.mdi-action-settings-input-antenna:before {
  content: "\e668"
}

.mdi-action-settings-input-component:before {
  content: "\e669"
}

.mdi-action-settings-input-composite:before {
  content: "\e66a"
}

.mdi-action-settings-input-hdmi:before {
  content: "\e66b"
}

.mdi-action-settings-input-svideo:before {
  content: "\e66c"
}

.mdi-action-settings-overscan:before {
  content: "\e66d"
}

.mdi-action-settings-phone:before {
  content: "\e66e"
}

.mdi-action-settings-power:before {
  content: "\e66f"
}

.mdi-action-settings-remote:before {
  content: "\e670"
}

.mdi-action-settings-voice:before {
  content: "\e671"
}

.mdi-action-settings:before {
  content: "\e672"
}

.mdi-action-shop-two:before {
  content: "\e673"
}

.mdi-action-shop:before {
  content: "\e674"
}

.mdi-action-shopping-basket:before {
  content: "\e675"
}

.mdi-action-shopping-cart:before {
  content: "\e676"
}

.mdi-action-speaker-notes:before {
  content: "\e677"
}

.mdi-action-spellcheck:before {
  content: "\e678"
}

.mdi-action-star-rate:before {
  content: "\e679"
}

.mdi-action-stars:before {
  content: "\e67a"
}

.mdi-action-store:before {
  content: "\e67b"
}

.mdi-action-subject:before {
  content: "\e67c"
}

.mdi-action-supervisor-account:before {
  content: "\e67d"
}

.mdi-action-swap-horiz:before {
  content: "\e67e"
}

.mdi-action-swap-vert-circle:before {
  content: "\e67f"
}

.mdi-action-swap-vert:before {
  content: "\e680"
}

.mdi-action-system-update-tv:before {
  content: "\e681"
}

.mdi-action-tab-unselected:before {
  content: "\e682"
}

.mdi-action-tab:before {
  content: "\e683"
}

.mdi-action-theaters:before {
  content: "\e684"
}

.mdi-action-thumb-down:before {
  content: "\e685"
}

.mdi-action-thumb-up:before {
  content: "\e686"
}

.mdi-action-thumbs-up-down:before {
  content: "\e687"
}

.mdi-action-toc:before {
  content: "\e688"
}

.mdi-action-today:before {
  content: "\e689"
}

.mdi-action-track-changes:before {
  content: "\e68a"
}

.mdi-action-translate:before {
  content: "\e68b"
}

.mdi-action-trending-down:before {
  content: "\e68c"
}

.mdi-action-trending-neutral:before {
  content: "\e68d"
}

.mdi-action-trending-up:before {
  content: "\e68e"
}

.mdi-action-turned-in-not:before {
  content: "\e68f"
}

.mdi-action-turned-in:before {
  content: "\e690"
}

.mdi-action-verified-user:before {
  content: "\e691"
}

.mdi-action-view-agenda:before {
  content: "\e692"
}

.mdi-action-view-array:before {
  content: "\e693"
}

.mdi-action-view-carousel:before {
  content: "\e694"
}

.mdi-action-view-column:before {
  content: "\e695"
}

.mdi-action-view-day:before {
  content: "\e696"
}

.mdi-action-view-headline:before {
  content: "\e697"
}

.mdi-action-view-list:before {
  content: "\e698"
}

.mdi-action-view-module:before {
  content: "\e699"
}

.mdi-action-view-quilt:before {
  content: "\e69a"
}

.mdi-action-view-stream:before {
  content: "\e69b"
}

.mdi-action-view-week:before {
  content: "\e69c"
}

.mdi-action-visibility-off:before {
  content: "\e69d"
}

.mdi-action-visibility:before {
  content: "\e69e"
}

.mdi-action-wallet-giftcard:before {
  content: "\e69f"
}

.mdi-action-wallet-membership:before {
  content: "\e6a0"
}

.mdi-action-wallet-travel:before {
  content: "\e6a1"
}

.mdi-action-work:before {
  content: "\e6a2"
}

.mdi-alert-error:before {
  content: "\e6a3"
}

.mdi-alert-warning:before {
  content: "\e6a4"
}

.mdi-av-album:before {
  content: "\e6a5"
}

.mdi-av-closed-caption:before {
  content: "\e6a6"
}

.mdi-av-equalizer:before {
  content: "\e6a7"
}

.mdi-av-explicit:before {
  content: "\e6a8"
}

.mdi-av-fast-forward:before {
  content: "\e6a9"
}

.mdi-av-fast-rewind:before {
  content: "\e6aa"
}

.mdi-av-games:before {
  content: "\e6ab"
}

.mdi-av-hearing:before {
  content: "\e6ac"
}

.mdi-av-high-quality:before {
  content: "\e6ad"
}

.mdi-av-loop:before {
  content: "\e6ae"
}

.mdi-av-mic-none:before {
  content: "\e6af"
}

.mdi-av-mic-off:before {
  content: "\e6b0"
}

.mdi-av-mic:before {
  content: "\e6b1"
}

.mdi-av-movie:before {
  content: "\e6b2"
}

.mdi-av-my-library-add:before {
  content: "\e6b3"
}

.mdi-av-my-library-books:before {
  content: "\e6b4"
}

.mdi-av-my-library-music:before {
  content: "\e6b5"
}

.mdi-av-new-releases:before {
  content: "\e6b6"
}

.mdi-av-not-interested:before {
  content: "\e6b7"
}

.mdi-av-pause-circle-fill:before {
  content: "\e6b8"
}

.mdi-av-pause-circle-outline:before {
  content: "\e6b9"
}

.mdi-av-pause:before {
  content: "\e6ba"
}

.mdi-av-play-arrow:before {
  content: "\e6bb"
}

.mdi-av-play-circle-fill:before {
  content: "\e6bc"
}

.mdi-av-play-circle-outline:before {
  content: "\e6bd"
}

.mdi-av-play-shopping-bag:before {
  content: "\e6be"
}

.mdi-av-playlist-add:before {
  content: "\e6bf"
}

.mdi-av-queue-music:before {
  content: "\e6c0"
}

.mdi-av-queue:before {
  content: "\e6c1"
}

.mdi-av-radio:before {
  content: "\e6c2"
}

.mdi-av-recent-actors:before {
  content: "\e6c3"
}

.mdi-av-repeat-one:before {
  content: "\e6c4"
}

.mdi-av-repeat:before {
  content: "\e6c5"
}

.mdi-av-replay:before {
  content: "\e6c6"
}

.mdi-av-shuffle:before {
  content: "\e6c7"
}

.mdi-av-skip-next:before {
  content: "\e6c8"
}

.mdi-av-skip-previous:before {
  content: "\e6c9"
}

.mdi-av-snooze:before {
  content: "\e6ca"
}

.mdi-av-stop:before {
  content: "\e6cb"
}

.mdi-av-subtitles:before {
  content: "\e6cc"
}

.mdi-av-surround-sound:before {
  content: "\e6cd"
}

.mdi-av-timer:before {
  content: "\e6ce"
}

.mdi-av-video-collection:before {
  content: "\e6cf"
}

.mdi-av-videocam-off:before {
  content: "\e6d0"
}

.mdi-av-videocam:before {
  content: "\e6d1"
}

.mdi-av-volume-down:before {
  content: "\e6d2"
}

.mdi-av-volume-mute:before {
  content: "\e6d3"
}

.mdi-av-volume-off:before {
  content: "\e6d4"
}

.mdi-av-volume-up:before {
  content: "\e6d5"
}

.mdi-av-web:before {
  content: "\e6d6"
}

.mdi-communication-business:before {
  content: "\e6d7"
}

.mdi-communication-call-end:before {
  content: "\e6d8"
}

.mdi-communication-call-made:before {
  content: "\e6d9"
}

.mdi-communication-call-merge:before {
  content: "\e6da"
}

.mdi-communication-call-missed:before {
  content: "\e6db"
}

.mdi-communication-call-received:before {
  content: "\e6dc"
}

.mdi-communication-call-split:before {
  content: "\e6dd"
}

.mdi-communication-call:before {
  content: "\e6de"
}

.mdi-communication-chat:before {
  content: "\e6df"
}

.mdi-communication-clear-all:before {
  content: "\e6e0"
}

.mdi-communication-comment:before {
  content: "\e6e1"
}

.mdi-communication-contacts:before {
  content: "\e6e2"
}

.mdi-communication-dialer-sip:before {
  content: "\e6e3"
}

.mdi-communication-dialpad:before {
  content: "\e6e4"
}

.mdi-communication-dnd-on:before {
  content: "\e6e5"
}

.mdi-communication-email:before {
  content: "\e6e6"
}

.mdi-communication-forum:before {
  content: "\e6e7"
}

.mdi-communication-import-export:before {
  content: "\e6e8"
}

.mdi-communication-invert-colors-off:before {
  content: "\e6e9"
}

.mdi-communication-invert-colors-on:before {
  content: "\e6ea"
}

.mdi-communication-live-help:before {
  content: "\e6eb"
}

.mdi-communication-location-off:before {
  content: "\e6ec"
}

.mdi-communication-location-on:before {
  content: "\e6ed"
}

.mdi-communication-message:before {
  content: "\e6ee"
}

.mdi-communication-messenger:before {
  content: "\e6ef"
}

.mdi-communication-no-sim:before {
  content: "\e6f0"
}

.mdi-communication-phone:before {
  content: "\e6f1"
}

.mdi-communication-portable-wifi-off:before {
  content: "\e6f2"
}

.mdi-communication-quick-contacts-dialer:before {
  content: "\e6f3"
}

.mdi-communication-quick-contacts-mail:before {
  content: "\e6f4"
}

.mdi-communication-ring-volume:before {
  content: "\e6f5"
}

.mdi-communication-stay-current-landscape:before {
  content: "\e6f6"
}

.mdi-communication-stay-current-portrait:before {
  content: "\e6f7"
}

.mdi-communication-stay-primary-landscape:before {
  content: "\e6f8"
}

.mdi-communication-stay-primary-portrait:before {
  content: "\e6f9"
}

.mdi-communication-swap-calls:before {
  content: "\e6fa"
}

.mdi-communication-textsms:before {
  content: "\e6fb"
}

.mdi-communication-voicemail:before {
  content: "\e6fc"
}

.mdi-communication-vpn-key:before {
  content: "\e6fd"
}

.mdi-content-add-box:before {
  content: "\e6fe"
}

.mdi-content-add-circle-outline:before {
  content: "\e6ff"
}

.mdi-content-add-circle:before {
  content: "\e700"
}

.mdi-content-add:before {
  content: "\e701"
}

.mdi-content-archive:before {
  content: "\e702"
}

.mdi-content-backspace:before {
  content: "\e703"
}

.mdi-content-block:before {
  content: "\e704"
}

.mdi-content-clear:before {
  content: "\e705"
}

.mdi-content-content-copy:before {
  content: "\e706"
}

.mdi-content-content-cut:before {
  content: "\e707"
}

.mdi-content-content-paste:before {
  content: "\e708"
}

.mdi-content-create:before {
  content: "\e709"
}

.mdi-content-drafts:before {
  content: "\e70a"
}

.mdi-content-filter-list:before {
  content: "\e70b"
}

.mdi-content-flag:before {
  content: "\e70c"
}

.mdi-content-forward:before {
  content: "\e70d"
}

.mdi-content-gesture:before {
  content: "\e70e"
}

.mdi-content-inbox:before {
  content: "\e70f"
}

.mdi-content-link:before {
  content: "\e710"
}

.mdi-content-mail:before {
  content: "\e711"
}

.mdi-content-markunread:before {
  content: "\e712"
}

.mdi-content-redo:before {
  content: "\e713"
}

.mdi-content-remove-circle-outline:before {
  content: "\e714"
}

.mdi-content-remove-circle:before {
  content: "\e715"
}

.mdi-content-remove:before {
  content: "\e716"
}

.mdi-content-reply-all:before {
  content: "\e717"
}

.mdi-content-reply:before {
  content: "\e718"
}

.mdi-content-report:before {
  content: "\e719"
}

.mdi-content-save:before {
  content: "\e71a"
}

.mdi-content-select-all:before {
  content: "\e71b"
}

.mdi-content-send:before {
  content: "\e71c"
}

.mdi-content-sort:before {
  content: "\e71d"
}

.mdi-content-text-format:before {
  content: "\e71e"
}

.mdi-content-undo:before {
  content: "\e71f"
}

.mdi-editor-attach-file:before {
  content: "\e776"
}

.mdi-editor-attach-money:before {
  content: "\e777"
}

.mdi-editor-border-all:before {
  content: "\e778"
}

.mdi-editor-border-bottom:before {
  content: "\e779"
}

.mdi-editor-border-clear:before {
  content: "\e77a"
}

.mdi-editor-border-color:before {
  content: "\e77b"
}

.mdi-editor-border-horizontal:before {
  content: "\e77c"
}

.mdi-editor-border-inner:before {
  content: "\e77d"
}

.mdi-editor-border-left:before {
  content: "\e77e"
}

.mdi-editor-border-outer:before {
  content: "\e77f"
}

.mdi-editor-border-right:before {
  content: "\e780"
}

.mdi-editor-border-style:before {
  content: "\e781"
}

.mdi-editor-border-top:before {
  content: "\e782"
}

.mdi-editor-border-vertical:before {
  content: "\e783"
}

.mdi-editor-format-align-center:before {
  content: "\e784"
}

.mdi-editor-format-align-justify:before {
  content: "\e785"
}

.mdi-editor-format-align-left:before {
  content: "\e786"
}

.mdi-editor-format-align-right:before {
  content: "\e787"
}

.mdi-editor-format-bold:before {
  content: "\e788"
}

.mdi-editor-format-clear:before {
  content: "\e789"
}

.mdi-editor-format-color-fill:before {
  content: "\e78a"
}

.mdi-editor-format-color-reset:before {
  content: "\e78b"
}

.mdi-editor-format-color-text:before {
  content: "\e78c"
}

.mdi-editor-format-indent-decrease:before {
  content: "\e78d"
}

.mdi-editor-format-indent-increase:before {
  content: "\e78e"
}

.mdi-editor-format-italic:before {
  content: "\e78f"
}

.mdi-editor-format-line-spacing:before {
  content: "\e790"
}

.mdi-editor-format-list-bulleted:before {
  content: "\e791"
}

.mdi-editor-format-list-numbered:before {
  content: "\e792"
}

.mdi-editor-format-paint:before {
  content: "\e793"
}

.mdi-editor-format-quote:before {
  content: "\e794"
}

.mdi-editor-format-size:before {
  content: "\e795"
}

.mdi-editor-format-strikethrough:before {
  content: "\e796"
}

.mdi-editor-format-textdirection-l-to-r:before {
  content: "\e797"
}

.mdi-editor-format-textdirection-r-to-l:before {
  content: "\e798"
}

.mdi-editor-format-underline:before {
  content: "\e799"
}

.mdi-editor-functions:before {
  content: "\e79a"
}

.mdi-editor-insert-chart:before {
  content: "\e79b"
}

.mdi-editor-insert-comment:before {
  content: "\e79c"
}

.mdi-editor-insert-drive-file:before {
  content: "\e79d"
}

.mdi-editor-insert-emoticon:before {
  content: "\e79e"
}

.mdi-editor-insert-invitation:before {
  content: "\e79f"
}

.mdi-editor-insert-link:before {
  content: "\e7a0"
}

.mdi-editor-insert-photo:before {
  content: "\e7a1"
}

.mdi-editor-merge-type:before {
  content: "\e7a2"
}

.mdi-editor-mode-comment:before {
  content: "\e7a3"
}

.mdi-editor-mode-edit:before {
  content: "\e7a4"
}

.mdi-editor-publish:before {
  content: "\e7a5"
}

.mdi-editor-vertical-align-bottom:before {
  content: "\e7a6"
}

.mdi-editor-vertical-align-center:before {
  content: "\e7a7"
}

.mdi-editor-vertical-align-top:before {
  content: "\e7a8"
}

.mdi-editor-wrap-text:before {
  content: "\e7a9"
}

.mdi-file-attachment:before {
  content: "\e7aa"
}

.mdi-file-cloud-circle:before {
  content: "\e7ab"
}

.mdi-file-cloud-done:before {
  content: "\e7ac"
}

.mdi-file-cloud-download:before {
  content: "\e7ad"
}

.mdi-file-cloud-off:before {
  content: "\e7ae"
}

.mdi-file-cloud-queue:before {
  content: "\e7af"
}

.mdi-file-cloud-upload:before {
  content: "\e7b0"
}

.mdi-file-cloud:before {
  content: "\e7b1"
}

.mdi-file-file-download:before {
  content: "\e7b2"
}

.mdi-file-file-upload:before {
  content: "\e7b3"
}

.mdi-file-folder-open:before {
  content: "\e7b4"
}

.mdi-file-folder-shared:before {
  content: "\e7b5"
}

.mdi-file-folder:before {
  content: "\e7b6"
}

.mdi-device-access-alarm:before {
  content: "\e720"
}

.mdi-device-access-alarms:before {
  content: "\e721"
}

.mdi-device-access-time:before {
  content: "\e722"
}

.mdi-device-add-alarm:before {
  content: "\e723"
}

.mdi-device-airplanemode-off:before {
  content: "\e724"
}

.mdi-device-airplanemode-on:before {
  content: "\e725"
}

.mdi-device-battery-20:before {
  content: "\e726"
}

.mdi-device-battery-30:before {
  content: "\e727"
}

.mdi-device-battery-50:before {
  content: "\e728"
}

.mdi-device-battery-60:before {
  content: "\e729"
}

.mdi-device-battery-80:before {
  content: "\e72a"
}

.mdi-device-battery-90:before {
  content: "\e72b"
}

.mdi-device-battery-alert:before {
  content: "\e72c"
}

.mdi-device-battery-charging-20:before {
  content: "\e72d"
}

.mdi-device-battery-charging-30:before {
  content: "\e72e"
}

.mdi-device-battery-charging-50:before {
  content: "\e72f"
}

.mdi-device-battery-charging-60:before {
  content: "\e730"
}

.mdi-device-battery-charging-80:before {
  content: "\e731"
}

.mdi-device-battery-charging-90:before {
  content: "\e732"
}

.mdi-device-battery-charging-full:before {
  content: "\e733"
}

.mdi-device-battery-full:before {
  content: "\e734"
}

.mdi-device-battery-std:before {
  content: "\e735"
}

.mdi-device-battery-unknown:before {
  content: "\e736"
}

.mdi-device-bluetooth-connected:before {
  content: "\e737"
}

.mdi-device-bluetooth-disabled:before {
  content: "\e738"
}

.mdi-device-bluetooth-searching:before {
  content: "\e739"
}

.mdi-device-bluetooth:before {
  content: "\e73a"
}

.mdi-device-brightness-auto:before {
  content: "\e73b"
}

.mdi-device-brightness-high:before {
  content: "\e73c"
}

.mdi-device-brightness-low:before {
  content: "\e73d"
}

.mdi-device-brightness-medium:before {
  content: "\e73e"
}

.mdi-device-data-usage:before {
  content: "\e73f"
}

.mdi-device-developer-mode:before {
  content: "\e740"
}

.mdi-device-devices:before {
  content: "\e741"
}

.mdi-device-dvr:before {
  content: "\e742"
}

.mdi-device-gps-fixed:before {
  content: "\e743"
}

.mdi-device-gps-not-fixed:before {
  content: "\e744"
}

.mdi-device-gps-off:before {
  content: "\e745"
}

.mdi-device-location-disabled:before {
  content: "\e746"
}

.mdi-device-location-searching:before {
  content: "\e747"
}

.mdi-device-multitrack-audio:before {
  content: "\e748"
}

.mdi-device-network-cell:before {
  content: "\e749"
}

.mdi-device-network-wifi:before {
  content: "\e74a"
}

.mdi-device-nfc:before {
  content: "\e74b"
}

.mdi-device-now-wallpaper:before {
  content: "\e74c"
}

.mdi-device-now-widgets:before {
  content: "\e74d"
}

.mdi-device-screen-lock-landscape:before {
  content: "\e74e"
}

.mdi-device-screen-lock-portrait:before {
  content: "\e74f"
}

.mdi-device-screen-lock-rotation:before {
  content: "\e750"
}

.mdi-device-screen-rotation:before {
  content: "\e751"
}

.mdi-device-sd-storage:before {
  content: "\e752"
}

.mdi-device-settings-system-daydream:before {
  content: "\e753"
}

.mdi-device-signal-cellular-0-bar:before {
  content: "\e754"
}

.mdi-device-signal-cellular-1-bar:before {
  content: "\e755"
}

.mdi-device-signal-cellular-2-bar:before {
  content: "\e756"
}

.mdi-device-signal-cellular-3-bar:before {
  content: "\e757"
}

.mdi-device-signal-cellular-4-bar:before {
  content: "\e758"
}

.mdi-signal-wifi-statusbar-connected-no-internet-after:before {
  content: "\e8f6"
}

.mdi-device-signal-cellular-connected-no-internet-0-bar:before {
  content: "\e759"
}

.mdi-device-signal-cellular-connected-no-internet-1-bar:before {
  content: "\e75a"
}

.mdi-device-signal-cellular-connected-no-internet-2-bar:before {
  content: "\e75b"
}

.mdi-device-signal-cellular-connected-no-internet-3-bar:before {
  content: "\e75c"
}

.mdi-device-signal-cellular-connected-no-internet-4-bar:before {
  content: "\e75d"
}

.mdi-device-signal-cellular-no-sim:before {
  content: "\e75e"
}

.mdi-device-signal-cellular-null:before {
  content: "\e75f"
}

.mdi-device-signal-cellular-off:before {
  content: "\e760"
}

.mdi-device-signal-wifi-0-bar:before {
  content: "\e761"
}

.mdi-device-signal-wifi-1-bar:before {
  content: "\e762"
}

.mdi-device-signal-wifi-2-bar:before {
  content: "\e763"
}

.mdi-device-signal-wifi-3-bar:before {
  content: "\e764"
}

.mdi-device-signal-wifi-4-bar:before {
  content: "\e765"
}

.mdi-device-signal-wifi-off:before {
  content: "\e766"
}

.mdi-device-signal-wifi-statusbar-1-bar:before {
  content: "\e767"
}

.mdi-device-signal-wifi-statusbar-2-bar:before {
  content: "\e768"
}

.mdi-device-signal-wifi-statusbar-3-bar:before {
  content: "\e769"
}

.mdi-device-signal-wifi-statusbar-4-bar:before {
  content: "\e76a"
}

.mdi-device-signal-wifi-statusbar-connected-no-internet-:before {
  content: "\e76b"
}

.mdi-device-signal-wifi-statusbar-connected-no-internet:before {
  content: "\e76f"
}

.mdi-device-signal-wifi-statusbar-connected-no-internet-2:before {
  content: "\e76c"
}

.mdi-device-signal-wifi-statusbar-connected-no-internet-3:before {
  content: "\e76d"
}

.mdi-device-signal-wifi-statusbar-connected-no-internet-4:before {
  content: "\e76e"
}

.mdi-signal-wifi-statusbar-not-connected-after:before {
  content: "\e8f7"
}

.mdi-device-signal-wifi-statusbar-not-connected:before {
  content: "\e770"
}

.mdi-device-signal-wifi-statusbar-null:before {
  content: "\e771"
}

.mdi-device-storage:before {
  content: "\e772"
}

.mdi-device-usb:before {
  content: "\e773"
}

.mdi-device-wifi-lock:before {
  content: "\e774"
}

.mdi-device-wifi-tethering:before {
  content: "\e775"
}

.mdi-hardware-cast-connected:before {
  content: "\e7b7"
}

.mdi-hardware-cast:before {
  content: "\e7b8"
}

.mdi-hardware-computer:before {
  content: "\e7b9"
}

.mdi-hardware-desktop-mac:before {
  content: "\e7ba"
}

.mdi-hardware-desktop-windows:before {
  content: "\e7bb"
}

.mdi-hardware-dock:before {
  content: "\e7bc"
}

.mdi-hardware-gamepad:before {
  content: "\e7bd"
}

.mdi-hardware-headset-mic:before {
  content: "\e7be"
}

.mdi-hardware-headset:before {
  content: "\e7bf"
}

.mdi-hardware-keyboard-alt:before {
  content: "\e7c0"
}

.mdi-hardware-keyboard-arrow-down:before {
  content: "\e7c1"
}

.mdi-hardware-keyboard-arrow-left:before {
  content: "\e7c2"
}

.mdi-hardware-keyboard-arrow-right:before {
  content: "\e7c3"
}

.mdi-hardware-keyboard-arrow-up:before {
  content: "\e7c4"
}

.mdi-hardware-keyboard-backspace:before {
  content: "\e7c5"
}

.mdi-hardware-keyboard-capslock:before {
  content: "\e7c6"
}

.mdi-hardware-keyboard-control:before {
  content: "\e7c7"
}

.mdi-hardware-keyboard-hide:before {
  content: "\e7c8"
}

.mdi-hardware-keyboard-return:before {
  content: "\e7c9"
}

.mdi-hardware-keyboard-tab:before {
  content: "\e7ca"
}

.mdi-hardware-keyboard-voice:before {
  content: "\e7cb"
}

.mdi-hardware-keyboard:before {
  content: "\e7cc"
}

.mdi-hardware-laptop-chromebook:before {
  content: "\e7cd"
}

.mdi-hardware-laptop-mac:before {
  content: "\e7ce"
}

.mdi-hardware-laptop-windows:before {
  content: "\e7cf"
}

.mdi-hardware-laptop:before {
  content: "\e7d0"
}

.mdi-hardware-memory:before {
  content: "\e7d1"
}

.mdi-hardware-mouse:before {
  content: "\e7d2"
}

.mdi-hardware-phone-android:before {
  content: "\e7d3"
}

.mdi-hardware-phone-iphone:before {
  content: "\e7d4"
}

.mdi-hardware-phonelink-off:before {
  content: "\e7d5"
}

.mdi-hardware-phonelink:before {
  content: "\e7d6"
}

.mdi-hardware-security:before {
  content: "\e7d7"
}

.mdi-hardware-sim-card:before {
  content: "\e7d8"
}

.mdi-hardware-smartphone:before {
  content: "\e7d9"
}

.mdi-hardware-speaker:before {
  content: "\e7da"
}

.mdi-hardware-tablet-android:before {
  content: "\e7db"
}

.mdi-hardware-tablet-mac:before {
  content: "\e7dc"
}

.mdi-hardware-tablet:before {
  content: "\e7dd"
}

.mdi-hardware-tv:before {
  content: "\e7de"
}

.mdi-hardware-watch:before {
  content: "\e7df"
}

.mdi-image-add-to-photos:before {
  content: "\e7e0"
}

.mdi-image-adjust:before {
  content: "\e7e1"
}

.mdi-image-assistant-photo:before {
  content: "\e7e2"
}

.mdi-image-audiotrack:before {
  content: "\e7e3"
}

.mdi-image-blur-circular:before {
  content: "\e7e4"
}

.mdi-image-blur-linear:before {
  content: "\e7e5"
}

.mdi-image-blur-off:before {
  content: "\e7e6"
}

.mdi-image-blur-on:before {
  content: "\e7e7"
}

.mdi-image-brightness-1:before {
  content: "\e7e8"
}

.mdi-image-brightness-2:before {
  content: "\e7e9"
}

.mdi-image-brightness-3:before {
  content: "\e7ea"
}

.mdi-image-brightness-4:before {
  content: "\e7eb"
}

.mdi-image-brightness-5:before {
  content: "\e7ec"
}

.mdi-image-brightness-6:before {
  content: "\e7ed"
}

.mdi-image-brightness-7:before {
  content: "\e7ee"
}

.mdi-image-brush:before {
  content: "\e7ef"
}

.mdi-image-camera-alt:before {
  content: "\e7f0"
}

.mdi-image-camera-front:before {
  content: "\e7f1"
}

.mdi-image-camera-rear:before {
  content: "\e7f2"
}

.mdi-image-camera-roll:before {
  content: "\e7f3"
}

.mdi-image-camera:before {
  content: "\e7f4"
}

.mdi-image-center-focus-strong:before {
  content: "\e7f5"
}

.mdi-image-center-focus-weak:before {
  content: "\e7f6"
}

.mdi-image-collections:before {
  content: "\e7f7"
}

.mdi-image-color-lens:before {
  content: "\e7f8"
}

.mdi-image-colorize:before {
  content: "\e7f9"
}

.mdi-image-compare:before {
  content: "\e7fa"
}

.mdi-image-control-point-duplicate:before {
  content: "\e7fb"
}

.mdi-image-control-point:before {
  content: "\e7fc"
}

.mdi-image-crop-3-2:before {
  content: "\e7fd"
}

.mdi-image-crop-5-4:before {
  content: "\e7fe"
}

.mdi-image-crop-7-5:before {
  content: "\e7ff"
}

.mdi-image-crop-16-9:before {
  content: "\e800"
}

.mdi-image-crop-din:before {
  content: "\e801"
}

.mdi-image-crop-free:before {
  content: "\e802"
}

.mdi-image-crop-landscape:before {
  content: "\e803"
}

.mdi-image-crop-original:before {
  content: "\e804"
}

.mdi-image-crop-portrait:before {
  content: "\e805"
}

.mdi-image-crop-square:before {
  content: "\e806"
}

.mdi-image-crop:before {
  content: "\e807"
}

.mdi-image-dehaze:before {
  content: "\e808"
}

.mdi-image-details:before {
  content: "\e809"
}

.mdi-image-edit:before {
  content: "\e80a"
}

.mdi-image-exposure-minus-1:before {
  content: "\e80b"
}

.mdi-image-exposure-minus-2:before {
  content: "\e80c"
}

.mdi-image-exposure-plus-1:before {
  content: "\e80d"
}

.mdi-image-exposure-plus-2:before {
  content: "\e80e"
}

.mdi-image-exposure-zero:before {
  content: "\e80f"
}

.mdi-image-exposure:before {
  content: "\e810"
}

.mdi-image-filter-1:before {
  content: "\e811"
}

.mdi-image-filter-2:before {
  content: "\e812"
}

.mdi-image-filter-3:before {
  content: "\e813"
}

.mdi-image-filter-4:before {
  content: "\e814"
}

.mdi-image-filter-5:before {
  content: "\e815"
}

.mdi-image-filter-6:before {
  content: "\e816"
}

.mdi-image-filter-7:before {
  content: "\e817"
}

.mdi-image-filter-8:before {
  content: "\e818"
}

.mdi-image-filter-9-plus:before {
  content: "\e819"
}

.mdi-image-filter-9:before {
  content: "\e81a"
}

.mdi-image-filter-b-and-w:before {
  content: "\e81b"
}

.mdi-image-filter-center-focus:before {
  content: "\e81c"
}

.mdi-image-filter-drama:before {
  content: "\e81d"
}

.mdi-image-filter-frames:before {
  content: "\e81e"
}

.mdi-image-filter-hdr:before {
  content: "\e81f"
}

.mdi-image-filter-none:before {
  content: "\e820"
}

.mdi-image-filter-tilt-shift:before {
  content: "\e821"
}

.mdi-image-filter-vintage:before {
  content: "\e822"
}

.mdi-image-filter:before {
  content: "\e823"
}

.mdi-image-flare:before {
  content: "\e824"
}

.mdi-image-flash-auto:before {
  content: "\e825"
}

.mdi-image-flash-off:before {
  content: "\e826"
}

.mdi-image-flash-on:before {
  content: "\e827"
}

.mdi-image-flip:before {
  content: "\e828"
}

.mdi-image-gradient:before {
  content: "\e829"
}

.mdi-image-grain:before {
  content: "\e82a"
}

.mdi-image-grid-off:before {
  content: "\e82b"
}

.mdi-image-grid-on:before {
  content: "\e82c"
}

.mdi-image-hdr-off:before {
  content: "\e82d"
}

.mdi-image-hdr-on:before {
  content: "\e82e"
}

.mdi-image-hdr-strong:before {
  content: "\e82f"
}

.mdi-image-hdr-weak:before {
  content: "\e830"
}

.mdi-image-healing:before {
  content: "\e831"
}

.mdi-image-image-aspect-ratio:before {
  content: "\e832"
}

.mdi-image-image:before {
  content: "\e833"
}

.mdi-image-iso:before {
  content: "\e834"
}

.mdi-image-landscape:before {
  content: "\e835"
}

.mdi-image-leak-add:before {
  content: "\e836"
}

.mdi-image-leak-remove:before {
  content: "\e837"
}

.mdi-image-lens:before {
  content: "\e838"
}

.mdi-image-looks-3:before {
  content: "\e839"
}

.mdi-image-looks-4:before {
  content: "\e83a"
}

.mdi-image-looks-5:before {
  content: "\e83b"
}

.mdi-image-looks-6:before {
  content: "\e83c"
}

.mdi-image-looks-one:before {
  content: "\e83d"
}

.mdi-image-looks-two:before {
  content: "\e83e"
}

.mdi-image-looks:before {
  content: "\e83f"
}

.mdi-image-loupe:before {
  content: "\e840"
}

.mdi-image-movie-creation:before {
  content: "\e841"
}

.mdi-image-nature-people:before {
  content: "\e842"
}

.mdi-image-nature:before {
  content: "\e843"
}

.mdi-image-navigate-before:before {
  content: "\e844"
}

.mdi-image-navigate-next:before {
  content: "\e845"
}

.mdi-image-palette:before {
  content: "\e846"
}

.mdi-image-panorama-fisheye:before {
  content: "\e847"
}

.mdi-image-panorama-horizontal:before {
  content: "\e848"
}

.mdi-image-panorama-vertical:before {
  content: "\e849"
}

.mdi-image-panorama-wide-angle:before {
  content: "\e84a"
}

.mdi-image-panorama:before {
  content: "\e84b"
}

.mdi-image-photo-album:before {
  content: "\e84c"
}

.mdi-image-photo-camera:before {
  content: "\e84d"
}

.mdi-image-photo-library:before {
  content: "\e84e"
}

.mdi-image-photo:before {
  content: "\e84f"
}

.mdi-image-portrait:before {
  content: "\e850"
}

.mdi-image-remove-red-eye:before {
  content: "\e851"
}

.mdi-image-rotate-left:before {
  content: "\e852"
}

.mdi-image-rotate-right:before {
  content: "\e853"
}

.mdi-image-slideshow:before {
  content: "\e854"
}

.mdi-image-straighten:before {
  content: "\e855"
}

.mdi-image-style:before {
  content: "\e856"
}

.mdi-image-switch-camera:before {
  content: "\e857"
}

.mdi-image-switch-video:before {
  content: "\e858"
}

.mdi-image-tag-faces:before {
  content: "\e859"
}

.mdi-image-texture:before {
  content: "\e85a"
}

.mdi-image-timelapse:before {
  content: "\e85b"
}

.mdi-image-timer-3:before {
  content: "\e85c"
}

.mdi-image-timer-10:before {
  content: "\e85d"
}

.mdi-image-timer-auto:before {
  content: "\e85e"
}

.mdi-image-timer-off:before {
  content: "\e85f"
}

.mdi-image-timer:before {
  content: "\e860"
}

.mdi-image-tonality:before {
  content: "\e861"
}

.mdi-image-transform:before {
  content: "\e862"
}

.mdi-image-tune:before {
  content: "\e863"
}

.mdi-image-wb-auto:before {
  content: "\e864"
}

.mdi-image-wb-cloudy:before {
  content: "\e865"
}

.mdi-image-wb-incandescent:before {
  content: "\e866"
}

.mdi-image-wb-irradescent:before {
  content: "\e867"
}

.mdi-image-wb-sunny:before {
  content: "\e868"
}

.mdi-maps-beenhere:before {
  content: "\e869"
}

.mdi-maps-directions-bike:before {
  content: "\e86a"
}

.mdi-maps-directions-bus:before {
  content: "\e86b"
}

.mdi-maps-directions-car:before {
  content: "\e86c"
}

.mdi-maps-directions-ferry:before {
  content: "\e86d"
}

.mdi-maps-directions-subway:before {
  content: "\e86e"
}

.mdi-maps-directions-train:before {
  content: "\e86f"
}

.mdi-maps-directions-transit:before {
  content: "\e870"
}

.mdi-maps-directions-walk:before {
  content: "\e871"
}

.mdi-maps-directions:before {
  content: "\e872"
}

.mdi-maps-flight:before {
  content: "\e873"
}

.mdi-maps-hotel:before {
  content: "\e874"
}

.mdi-maps-layers-clear:before {
  content: "\e875"
}

.mdi-maps-layers:before {
  content: "\e876"
}

.mdi-maps-local-airport:before {
  content: "\e877"
}

.mdi-maps-local-atm:before {
  content: "\e878"
}

.mdi-maps-local-attraction:before {
  content: "\e879"
}

.mdi-maps-local-bar:before {
  content: "\e87a"
}

.mdi-maps-local-cafe:before {
  content: "\e87b"
}

.mdi-maps-local-car-wash:before {
  content: "\e87c"
}

.mdi-maps-local-convenience-store:before {
  content: "\e87d"
}

.mdi-maps-local-drink:before {
  content: "\e87e"
}

.mdi-maps-local-florist:before {
  content: "\e87f"
}

.mdi-maps-local-gas-station:before {
  content: "\e880"
}

.mdi-maps-local-grocery-store:before {
  content: "\e881"
}

.mdi-maps-local-hospital:before {
  content: "\e882"
}

.mdi-maps-local-hotel:before {
  content: "\e883"
}

.mdi-maps-local-laundry-service:before {
  content: "\e884"
}

.mdi-maps-local-library:before {
  content: "\e885"
}

.mdi-maps-local-mall:before {
  content: "\e886"
}

.mdi-maps-local-movies:before {
  content: "\e887"
}

.mdi-maps-local-offer:before {
  content: "\e888"
}

.mdi-maps-local-parking:before {
  content: "\e889"
}

.mdi-maps-local-pharmacy:before {
  content: "\e88a"
}

.mdi-maps-local-phone:before {
  content: "\e88b"
}

.mdi-maps-local-pizza:before {
  content: "\e88c"
}

.mdi-maps-local-play:before {
  content: "\e88d"
}

.mdi-maps-local-post-office:before {
  content: "\e88e"
}

.mdi-maps-local-print-shop:before {
  content: "\e88f"
}

.mdi-maps-local-restaurant:before {
  content: "\e890"
}

.mdi-maps-local-see:before {
  content: "\e891"
}

.mdi-maps-local-shipping:before {
  content: "\e892"
}

.mdi-maps-local-taxi:before {
  content: "\e893"
}

.mdi-maps-location-history:before {
  content: "\e894"
}

.mdi-maps-map:before {
  content: "\e895"
}

.mdi-maps-my-location:before {
  content: "\e896"
}

.mdi-maps-navigation:before {
  content: "\e897"
}

.mdi-maps-pin-drop:before {
  content: "\e898"
}

.mdi-maps-place:before {
  content: "\e899"
}

.mdi-maps-rate-review:before {
  content: "\e89a"
}

.mdi-maps-restaurant-menu:before {
  content: "\e89b"
}

.mdi-maps-satellite:before {
  content: "\e89c"
}

.mdi-maps-store-mall-directory:before {
  content: "\e89d"
}

.mdi-maps-terrain:before {
  content: "\e89e"
}

.mdi-maps-traffic:before {
  content: "\e89f"
}

.mdi-navigation-apps:before {
  content: "\e8a0"
}

.mdi-navigation-arrow-back:before {
  content: "\e8a1"
}

.mdi-navigation-arrow-drop-down-circle:before {
  content: "\e8a2"
}

.mdi-navigation-arrow-drop-down:before {
  content: "\e8a3"
}

.mdi-navigation-arrow-drop-up:before {
  content: "\e8a4"
}

.mdi-navigation-arrow-forward:before {
  content: "\e8a5"
}

.mdi-navigation-cancel:before {
  content: "\e8a6"
}

.mdi-navigation-check:before {
  content: "\e8a7"
}

.mdi-navigation-chevron-left:before {
  content: "\e8a8"
}

.mdi-navigation-chevron-right:before {
  content: "\e8a9"
}

.mdi-navigation-close:before {
  content: "\e8aa"
}

.mdi-navigation-expand-less:before {
  content: "\e8ab"
}

.mdi-navigation-expand-more:before {
  content: "\e8ac"
}

.mdi-navigation-fullscreen-exit:before {
  content: "\e8ad"
}

.mdi-navigation-fullscreen:before {
  content: "\e8ae"
}

.mdi-navigation-menu:before {
  content: "\e8af"
}

.mdi-navigation-more-horiz:before {
  content: "\e8b0"
}

.mdi-navigation-more-vert:before {
  content: "\e8b1"
}

.mdi-navigation-refresh:before {
  content: "\e8b2"
}

.mdi-navigation-unfold-less:before {
  content: "\e8b3"
}

.mdi-navigation-unfold-more:before {
  content: "\e8b4"
}

.mdi-notification-adb:before {
  content: "\e8b5"
}

.mdi-notification-bluetooth-audio:before {
  content: "\e8b6"
}

.mdi-notification-disc-full:before {
  content: "\e8b7"
}

.mdi-notification-dnd-forwardslash:before {
  content: "\e8b8"
}

.mdi-notification-do-not-disturb:before {
  content: "\e8b9"
}

.mdi-notification-drive-eta:before {
  content: "\e8ba"
}

.mdi-notification-event-available:before {
  content: "\e8bb"
}

.mdi-notification-event-busy:before {
  content: "\e8bc"
}

.mdi-notification-event-note:before {
  content: "\e8bd"
}

.mdi-notification-folder-special:before {
  content: "\e8be"
}

.mdi-notification-mms:before {
  content: "\e8bf"
}

.mdi-notification-more:before {
  content: "\e8c0"
}

.mdi-notification-network-locked:before {
  content: "\e8c1"
}

.mdi-notification-phone-bluetooth-speaker:before {
  content: "\e8c2"
}

.mdi-notification-phone-forwarded:before {
  content: "\e8c3"
}

.mdi-notification-phone-in-talk:before {
  content: "\e8c4"
}

.mdi-notification-phone-locked:before {
  content: "\e8c5"
}

.mdi-notification-phone-missed:before {
  content: "\e8c6"
}

.mdi-notification-phone-paused:before {
  content: "\e8c7"
}

.mdi-notification-play-download:before {
  content: "\e8c8"
}

.mdi-notification-play-install:before {
  content: "\e8c9"
}

.mdi-notification-sd-card:before {
  content: "\e8ca"
}

.mdi-notification-sim-card-alert:before {
  content: "\e8cb"
}

.mdi-notification-sms-failed:before {
  content: "\e8cc"
}

.mdi-notification-sms:before {
  content: "\e8cd"
}

.mdi-notification-sync-disabled:before {
  content: "\e8ce"
}

.mdi-notification-sync-problem:before {
  content: "\e8cf"
}

.mdi-notification-sync:before {
  content: "\e8d0"
}

.mdi-notification-system-update:before {
  content: "\e8d1"
}

.mdi-notification-tap-and-play:before {
  content: "\e8d2"
}

.mdi-notification-time-to-leave:before {
  content: "\e8d3"
}

.mdi-notification-vibration:before {
  content: "\e8d4"
}

.mdi-notification-voice-chat:before {
  content: "\e8d5"
}

.mdi-notification-vpn-lock:before {
  content: "\e8d6"
}

.mdi-social-cake:before {
  content: "\e8d7"
}

.mdi-social-domain:before {
  content: "\e8d8"
}

.mdi-social-group-add:before {
  content: "\e8d9"
}

.mdi-social-group:before {
  content: "\e8da"
}

.mdi-social-location-city:before {
  content: "\e8db"
}

.mdi-social-mood:before {
  content: "\e8dc"
}

.mdi-social-notifications-none:before {
  content: "\e8dd"
}

.mdi-social-notifications-off:before {
  content: "\e8de"
}

.mdi-social-notifications-on:before {
  content: "\e8df"
}

.mdi-social-notifications-paused:before {
  content: "\e8e0"
}

.mdi-social-notifications:before {
  content: "\e8e1"
}

.mdi-social-pages:before {
  content: "\e8e2"
}

.mdi-social-party-mode:before {
  content: "\e8e3"
}

.mdi-social-people-outline:before {
  content: "\e8e4"
}

.mdi-social-people:before {
  content: "\e8e5"
}

.mdi-social-person-add:before {
  content: "\e8e6"
}

.mdi-social-person-outline:before {
  content: "\e8e7"
}

.mdi-social-person:before {
  content: "\e8e8"
}

.mdi-social-plus-one:before {
  content: "\e8e9"
}

.mdi-social-poll:before {
  content: "\e8ea"
}

.mdi-social-public:before {
  content: "\e8eb"
}

.mdi-social-school:before {
  content: "\e8ec"
}

.mdi-social-share:before {
  content: "\e8ed"
}

.mdi-social-whatshot:before {
  content: "\e8ee"
}

.mdi-toggle-check-box-outline-blank:before {
  content: "\e8ef"
}

.mdi-toggle-check-box:before {
  content: "\e8f0"
}

.mdi-toggle-radio-button-off:before {
  content: "\e8f1"
}

.mdi-toggle-radio-button-on:before {
  content: "\e8f2"
}

.mdi-toggle-star-half:before {
  content: "\e8f3"
}

.mdi-toggle-star-outline:before {
  content: "\e8f4"
}

.mdi-toggle-star:before {
  content: "\e8f5"
}

.container {
  margin: 0 auto
}

@media only screen and (min-width: 601px) {
  .container {
      width:85%
  }

  .font-adjust {
      font-size: 13px
  }
}

@media only screen and (min-width: 961px) {
  .container {
      width:70%
  }
}

.container .row {
  margin-left: -.75rem;
  margin-right: -.75rem
}

.section {
  padding-top: 1rem;
  padding-bottom: 1rem
}

.section.no-pad {
  padding: 0
}

.section.no-pad-bot {
  padding-bottom: 0
}

.section.no-pad-top {
  padding-top: 0
}

.row {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px
}

.row:after {
  content: "";
  display: table;
  clear: both
}

.row .col {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 .75rem
}

.row .col.s1 {
  width: 8.33333%;
  margin-left: 0
}

.row .col.s2 {
  width: 16.66667%;
  margin-left: 0
}

.row .col.s3 {
  width: 25%;
  margin-left: 0
}

.row .col.s4 {
  width: 33.33333%;
  margin-left: 0
}

.row .col.s5 {
  width: 41.66667%;
  margin-left: 0
}

.row .col.s6 {
  width: 50%;
  margin-left: 0
}

.row .col.s7 {
  width: 58.33333%;
  margin-left: 0
}

.row .col.s8 {
  width: 66.66667%;
  margin-left: 0
}

.row .col.s9 {
  width: 75%;
  margin-left: 0
}

.row .col.s10 {
  width: 83.33333%;
  margin-left: 0
}

.row .col.s11 {
  width: 91.66667%;
  margin-left: 0
}

.row .col.s12 {
  width: 100%;
  margin-left: 0
}

.row .col.offset-s1 {
  margin-left: 8.33333%
}

.row .col.offset-s2 {
  margin-left: 16.66667%
}

.row .col.offset-s3 {
  margin-left: 25%
}

.row .col.offset-s4 {
  margin-left: 33.33333%
}

.row .col.offset-s5 {
  margin-left: 41.66667%
}

.row .col.offset-s6 {
  margin-left: 50%
}

.row .col.offset-s7 {
  margin-left: 58.33333%
}

.row .col.offset-s8 {
  margin-left: 66.66667%
}

.row .col.offset-s9 {
  margin-left: 75%
}

.row .col.offset-s10 {
  margin-left: 83.33333%
}

.row .col.offset-s11 {
  margin-left: 91.66667%
}

.row .col.offset-s12 {
  margin-left: 100%
}

@media only screen and (min-width: 601px) {
  .row .col.m1 {
      width:8.33333%;
      margin-left: 0
  }

  .row .col.m2 {
      width: 16.66667%;
      margin-left: 0
  }

  .row .col.m3 {
      width: 25%;
      margin-left: 0
  }

  .row .col.m4 {
      width: 33.33333%;
      margin-left: 0
  }

  .row .col.m5 {
      width: 41.66667%;
      margin-left: 0
  }

  .row .col.m6 {
      width: 50%;
      margin-left: 0
  }

  .row .col.m7 {
      width: 58.33333%;
      margin-left: 0
  }

  .row .col.m8 {
      width: 66.66667%;
      margin-left: 0
  }

  .row .col.m9 {
      width: 75%;
      margin-left: 0
  }

  .row .col.m10 {
      width: 83.33333%;
      margin-left: 0
  }

  .row .col.m11 {
      width: 91.66667%;
      margin-left: 0
  }

  .row .col.m12 {
      width: 100%;
      margin-left: 0
  }

  .row .col.offset-m1 {
      margin-left: 8.33333%
  }

  .row .col.offset-m2 {
      margin-left: 16.66667%
  }

  .row .col.offset-m3 {
      margin-left: 25%
  }

  .row .col.offset-m4 {
      margin-left: 33.33333%
  }

  .row .col.offset-m5 {
      margin-left: 41.66667%
  }

  .row .col.offset-m6 {
      margin-left: 50%
  }

  .row .col.offset-m7 {
      margin-left: 58.33333%
  }

  .row .col.offset-m8 {
      margin-left: 66.66667%
  }

  .row .col.offset-m9 {
      margin-left: 75%
  }

  .row .col.offset-m10 {
      margin-left: 83.33333%
  }

  .row .col.offset-m11 {
      margin-left: 91.66667%
  }

  .row .col.offset-m12 {
      margin-left: 100%
  }
}

@media only screen and (min-width: 961px) {
  .row .col.l1 {
      width:8.33333%;
      margin-left: 0
  }

  .row .col.l2 {
      width: 16.66667%;
      margin-left: 0
  }

  .row .col.l3 {
      width: 25%;
      margin-left: 0
  }

  .row .col.l4 {
      width: 33.33333%;
      margin-left: 0
  }

  .row .col.l5 {
      width: 41.66667%;
      margin-left: 0
  }

  .row .col.l6 {
      width: 50%;
      margin-left: 0
  }

  .row .col.l7 {
      width: 58.33333%;
      margin-left: 0
  }

  .row .col.l8 {
      width: 66.66667%;
      margin-left: 0
  }

  .row .col.l9 {
      width: 75%;
      margin-left: 0
  }

  .row .col.l10 {
      width: 83.33333%;
      margin-left: 0
  }

  .row .col.l11 {
      width: 91.66667%;
      margin-left: 0
  }

  .row .col.l12 {
      width: 100%;
      margin-left: 0
  }

  .row .col.offset-l1 {
      margin-left: 8.33333%
  }

  .row .col.offset-l2 {
      margin-left: 16.66667%
  }

  .row .col.offset-l3 {
      margin-left: 25%
  }

  .row .col.offset-l4 {
      margin-left: 33.33333%
  }

  .row .col.offset-l5 {
      margin-left: 41.66667%
  }

  .row .col.offset-l6 {
      margin-left: 50%
  }

  .row .col.offset-l7 {
      margin-left: 58.33333%
  }

  .row .col.offset-l8 {
      margin-left: 66.66667%
  }

  .row .col.offset-l9 {
      margin-left: 75%
  }

  .row .col.offset-l10 {
      margin-left: 83.33333%
  }

  .row .col.offset-l11 {
      margin-left: 91.66667%
  }

  .row .col.offset-l12 {
      margin-left: 100%
  }
}

@media only screen and (min-width: 1201px) {
  .row .col.xl1 {
      width:8.33333%;
      margin-left: 0
  }

  .row .col.xl2 {
      width: 16.66667%;
      margin-left: 0
  }

  .row .col.xl3 {
      width: 25%;
      margin-left: 0
  }

  .row .col.xl4 {
      width: 33.33333%;
      margin-left: 0
  }

  .row .col.xl5 {
      width: 41.66667%;
      margin-left: 0
  }

  .row .col.xl6 {
      width: 50%;
      margin-left: 0
  }

  .row .col.xl7 {
      width: 58.33333%;
      margin-left: 0
  }

  .row .col.xl8 {
      width: 66.66667%;
      margin-left: 0
  }

  .row .col.xl9 {
      width: 75%;
      margin-left: 0
  }

  .row .col.xl10 {
      width: 83.33333%;
      margin-left: 0
  }

  .row .col.xl11 {
      width: 91.66667%;
      margin-left: 0
  }

  .row .col.xl12 {
      width: 100%;
      margin-left: 0
  }

  .row .col.offset-xl1 {
      margin-left: 8.33333%
  }

  .row .col.offset-xl2 {
      margin-left: 16.66667%
  }

  .row .col.offset-xl3 {
      margin-left: 25%
  }

  .row .col.offset-xl4 {
      margin-left: 33.33333%
  }

  .row .col.offset-xl5 {
      margin-left: 41.66667%
  }

  .row .col.offset-xl6 {
      margin-left: 50%
  }

  .row .col.offset-xl7 {
      margin-left: 58.33333%
  }

  .row .col.offset-xl8 {
      margin-left: 66.66667%
  }

  .row .col.offset-xl9 {
      margin-left: 75%
  }

  .row .col.offset-xl10 {
      margin-left: 83.33333%
  }

  .row .col.offset-xl11 {
      margin-left: 91.66667%
  }

  .row .col.offset-xl12 {
      margin-left: 100%
  }
}

@media only screen and (min-width: 1501px) {
  .row .col.xxl1 {
      width:8.33333%;
      margin-left: 0
  }

  .row .col.xxl2 {
      width: 16.66667%;
      margin-left: 0
  }

  .row .col.xxl3 {
      width: 25%;
      margin-left: 0
  }

  .row .col.xxl4 {
      width: 33.33333%;
      margin-left: 0
  }

  .row .col.xxl5 {
      width: 41.66667%;
      margin-left: 0
  }

  .row .col.xxl6 {
      width: 50%;
      margin-left: 0
  }

  .row .col.xxl7 {
      width: 58.33333%;
      margin-left: 0
  }

  .row .col.xxl8 {
      width: 66.66667%;
      margin-left: 0
  }

  .row .col.xxl9 {
      width: 75%;
      margin-left: 0
  }

  .row .col.xxl10 {
      width: 83.33333%;
      margin-left: 0
  }

  .row .col.xxl11 {
      width: 91.66667%;
      margin-left: 0
  }

  .row .col.xxl12 {
      width: 100%;
      margin-left: 0
  }

  .row .col.offset-xxl1 {
      margin-left: 8.33333%
  }

  .row .col.offset-xxl2 {
      margin-left: 16.66667%
  }

  .row .col.offset-xxl3 {
      margin-left: 25%
  }

  .row .col.offset-xxl4 {
      margin-left: 33.33333%
  }

  .row .col.offset-xxl5 {
      margin-left: 41.66667%
  }

  .row .col.offset-xxl6 {
      margin-left: 50%
  }

  .row .col.offset-xxl7 {
      margin-left: 58.33333%
  }

  .row .col.offset-xxl8 {
      margin-left: 66.66667%
  }

  .row .col.offset-xxl9 {
      margin-left: 75%
  }

  .row .col.offset-xxl10 {
      margin-left: 83.33333%
  }

  .row .col.offset-xxl11 {
      margin-left: 91.66667%
  }

  .row .col.offset-xxl12 {
      margin-left: 100%
  }
}

nav .input-field,nav ul {
  margin: 0
}

nav {
  width: 100%;
  height: 56px;
  line-height: 56px
}

nav .nav-wrapper {
  position: relative;
  height: 100%
}

nav .nav-wrapper i {
  display: block;
  font-size: 2rem
}

nav .button-collapse {
  float: left;
  position: relative;
  z-index: 1;
  height: 56px
}

nav .button-collapse i {
  font-size: 2.7rem;
  height: 56px;
  line-height: 56px
}

nav .brand-logo {
  color: #fff;
  display: inline-block;
  font-size: 2.1rem;
  padding: 0;
  white-space: nowrap
}

nav .brand-logo.center {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%)
}

@media only screen and (max-width: 960px) {
  nav .brand-logo {
      left:50%;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%)
  }

  nav .brand-logo.left,nav .brand-logo.right {
      padding: 0;
      -webkit-transform: none;
      -moz-transform: none;
      -ms-transform: none;
      -o-transform: none;
      transform: none
  }

  nav .brand-logo.left {
      left: .5rem
  }

  nav .brand-logo.right {
      right: .5rem;
      left: auto
  }
}

nav .brand-logo.right {
  right: .5rem;
  padding: 0
}

nav ul li {
  -webkit-transition: background-color .3s;
  -moz-transition: background-color .3s;
  -o-transition: background-color .3s;
  -ms-transition: background-color .3s;
  transition: background-color .3s;
  padding: 0
}

nav ul li.active,nav ul li:hover {
  background-color: rgba(0,0,0,.1)
}

nav ul a {
  font-size: 1rem;
  display: block;
  padding: 0 15px
}

nav .input-field input {
  height: 100%;
  font-size: 1.2rem;
  border: none;
  padding-left: 2rem
}

nav .input-field input:focus,nav .input-field input[type=date]:valid,nav .input-field input[type=email]:valid,nav .input-field input[type=password]:valid,nav .input-field input[type=text]:valid,nav .input-field input[type=url]:valid {
  border: none;
  box-shadow: none
}

nav .input-field label {
  top: 0;
  left: 0
}

nav .input-field label i {
  color: rgba(255,255,255,.7);
  -webkit-transition: color .3s;
  -moz-transition: color .3s;
  -o-transition: color .3s;
  -ms-transition: color .3s;
  transition: color .3s
}

nav .input-field label.active i {
  color: #fff
}

nav .input-field label.active {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0)
}

.navbar-fixed {
  position: relative;
  height: 56px;
  z-index: 998
}

.navbar-fixed nav {
  position: fixed
}

.card,.card.large,.card.medium,.card.small {
  position: relative
}

@media only screen and (min-width: 601px) {
  nav,nav .nav-wrapper i,nav a.button-collapse,nav a.button-collapse i {
      height:64px;
      line-height: 57px
  }

  .navbar-fixed {
      height: 64px
  }
}

html {
  line-height: 1.5;
  font-family: 'Noto Sans',sans-serif;
  font-weight: 400
}

@media only screen and (min-width: 1200px) {
  html {
      font-size:14px
  }
}

@media only screen and (min-width: 0) {
  html {
      font-size:14px
  }

  .width-adjust {
      width: 143px
  }

  .break-setn {
      clear: both;
      float: none
  }
}

@media only screen and (min-width: 960px) {
  html {
      font-size:14px
  }

  .font-adjust {
      font-size: 13px
  }

  .width-adjust {
      width: 105px
  }
}

@media only screen and (min-width: 1200px) {
  .font-adjust {
      font-size:16px
  }

  .width-adjust {
      width: 60px
  }
}

h1,h2,h3,h4,h5,h6 {
  font-weight: 400;
  line-height: 110%
}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
  font-weight: inherit
}

h1 {
  font-size: 4.2rem;
  margin: 2.1rem 0 1.68rem
}

h2 {
  font-size: 3.56rem;
  margin: 1.78rem 0 1.424rem
}

h3 {
  font-size: 2.92rem;
  margin: 1.46rem 0 1.168rem
}

h4 {
  font-size: 2.28rem;
  margin: 1.14rem 0 .912rem
}

h5 {
  font-size: 1.64rem;
  margin: .82rem 0 .656rem
}

h6 {
  font-size: 1rem;
  margin: .5rem 0 .4rem
}

.card .card-content .card-title,.toast {
  line-height: 48px
}

.card,.card-panel {
  margin: .5rem 0 1rem;
  transition: box-shadow .25s;
  background-color: #fff
}

em {
  font-style: italic
}

strong {
  font-weight: 700
}

small {
  font-size: 75%
}

.light,footer.page-footer .footer-copyright {
  font-weight: 300
}

.thin {
  font-weight: 200
}

.card .card-title,.flow-text,.toast {
  font-weight: 300
}

@media only screen and (min-width: 360px) {
  .flow-text {
      font-size:1.2rem
  }
}

@media only screen and (min-width: 390px) {
  .flow-text {
      font-size:1.224rem
  }
}

@media only screen and (min-width: 420px) {
  .flow-text {
      font-size:1.248rem
  }
}

@media only screen and (min-width: 450px) {
  .flow-text {
      font-size:1.272rem
  }
}

@media only screen and (min-width: 480px) {
  .flow-text {
      font-size:1.296rem
  }
}

@media only screen and (min-width: 510px) {
  .flow-text {
      font-size:1.32rem
  }
}

@media only screen and (min-width: 540px) {
  .flow-text {
      font-size:1.344rem
  }
}

@media only screen and (min-width: 570px) {
  .flow-text {
      font-size:1.368rem
  }
}

@media only screen and (min-width: 600px) {
  .flow-text {
      font-size:1.392rem
  }
}

@media only screen and (min-width: 630px) {
  .flow-text {
      font-size:1.416rem
  }
}

@media only screen and (min-width: 660px) {
  .flow-text {
      font-size:1.44rem
  }
}

@media only screen and (min-width: 690px) {
  .flow-text {
      font-size:1.464rem
  }
}

@media only screen and (min-width: 720px) {
  .flow-text {
      font-size:1.488rem
  }
}

@media only screen and (min-width: 750px) {
  .flow-text {
      font-size:1.512rem
  }
}

@media only screen and (min-width: 780px) {
  .flow-text {
      font-size:1.536rem
  }
}

@media only screen and (min-width: 810px) {
  .flow-text {
      font-size:1.56rem
  }
}

@media only screen and (min-width: 840px) {
  .flow-text {
      font-size:1.584rem
  }
}

@media only screen and (min-width: 870px) {
  .flow-text {
      font-size:1.608rem
  }
}

@media only screen and (min-width: 900px) {
  .flow-text {
      font-size:1.632rem
  }
}

@media only screen and (min-width: 930px) {
  .flow-text {
      font-size:1.656rem
  }
}

@media only screen and (min-width: 960px) {
  .flow-text {
      font-size:1.68rem
  }
}

@media only screen and (max-width: 360px) {
  .flow-text {
      font-size:1.2rem
  }
}

.card-panel {
  padding: 20px;
  border-radius: 2px
}

.card .card-title {
  color: #fff;
  font-size: 2.143rem
}

.card .card-title.activator {
  cursor: pointer
}

.card.large .card-action,.card.medium .card-action,.card.small .card-action {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0
}

.card .card-image,.tabs,.toast {
  position: relative
}

.card.small {
  height: 300px
}

.card.small .card-content,.card.small .card-image {
  height: 150px
}

.card.medium {
  height: 400px
}

.card.medium .card-image {
  height: 250px
}

.card.medium .card-content {
  height: 150px
}

.card.large {
  height: 500px
}

.card.large .card-image {
  height: 330px
}

.card.large .card-content {
  height: 170px
}

.card .card-image img {
  display: block;
  border-radius: 2px 2px 0 0;
  position: relative;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%
}

.card .card-image .card-title {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 20px
}

.card .card-content {
  padding: 20px;
  border-radius: 0 0 2px 2px
}

.card .card-action {
  border-top: 1px solid rgba(160,160,160,.2);
  padding: 20px
}

.card .card-action.noTopBorder {
  border-top: none
}

.card .card-action.right-align a {
  margin-right: 0
}

.card .card-action a {
  color: #0177d6;
  margin-right: 20px;
  -webkit-transition: color .3s ease;
  -moz-transition: color .3s ease;
  -o-transition: color .3s ease;
  -ms-transition: color .3s ease;
  transition: color .3s ease;
  text-transform: uppercase
}

.card .card-action a:hover {
  color: rgba(1,119,214,.8)
}

.card .card-reveal {
  padding: 20px;
  position: absolute;
  background-color: #fff;
  width: 100%;
  overflow-y: auto;
  top: 100%;
  height: 100%;
  z-index: 1;
  display: none
}

.card .card-reveal .card-title {
  cursor: pointer;
  display: block
}

#toast-container {
  display: block;
  position: fixed;
  z-index: 10000
}

@media only screen and (max-width: 600px) {
  #toast-container {
      min-width:100%;
      bottom: 0
  }
}

@media only screen and (min-width: 601px) and (max-width:960px) {
  #toast-container {
      min-width:30%;
      left: 5%;
      bottom: 7%
  }

  .toast {
      float: left
  }
}

@media only screen and (min-width: 961px) {
  #toast-container {
      min-width:8%;
      top: 10%;
      right: 7%
  }
}

.toast {
  border-radius: 2px;
  top: 0;
  width: auto;
  clear: both;
  margin-top: 10px;
  max-width: 100%;
  height: 48px;
  background-color: #323232;
  padding: 0 25px;
  font-size: 1.1rem;
  color: #fff;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between
}

.toast .btn,.toast .btn-flat,.toast .btn-large {
  margin: 0 0 0 3rem
}

.toast.rounded {
  border-radius: 24px
}

@media only screen and (max-width: 600px) {
  .toast {
      width:100%;
      border-radius: 0
  }
}

.material-tooltip,[type=checkbox].filled-in+label:after {
  border-radius: 2px
}

@media only screen and (min-width: 961px) {
  .toast {
      float:right
  }
}

.tabs {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 48px!important;
  background-color: #fff;
  margin: 0 auto;
  width: 100%;
  white-space: nowrap
}

.tabs .tab a {
  color: #757575;
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transition: color .28s ease;
  -moz-transition: color .28s ease;
  -o-transition: color .28s ease;
  -ms-transition: color .28s ease;
  transition: color .28s ease
}

.backdrop,.material-tooltip {
  position: absolute;
  display: none;
  opacity: 0
}

.tabs .tab a:hover {
  color: #0177d6
}

.tabs .tab.disabled a {
  color: #c2c2c2;
  cursor: default
}

.tabs .indicator {
  position: absolute;
  bottom: 0;
  height: 2px;
  background-color: #0177d6;
  will-change: left,right
}

.tabs .tab {
  padding: 0
}

.material-tooltip {
  padding: 10px 8px;
  font-size: 1rem;
  background-color: transparent;
  color: #fff;
  min-height: 36px;
  line-height: 1rem;
  left: 0;
  top: 0;
  will-change: top,left
}

.backdrop {
  height: 7px;
  width: 14px;
  border-radius: 0 0 14px 14px;
  background-color: #323232;
  z-index: -1;
  -webkit-transform-origin: 50% 10%;
  -moz-transform-origin: 50% 10%;
  -ms-transform-origin: 50% 10%;
  -o-transform-origin: 50% 10%;
  transform-origin: 50% 10%;
  will-change: transform,opacity
}

.btn,.btn-flat,.btn-large {
  border: none;
  font-weight: 700;
  border-radius: 2px;
  display: inline-block;
  height: 36px;
  line-height: 36px;
  outline: 0;
  padding: 0 1rem;
  text-transform: uppercase;
  vertical-align: middle
}

.btn-floating.disabled,.btn-floating:disabled,.btn-large-circle:disabled,.btn-large.disabled,.btn-large:disabled,.btn.disabled,.btn:disabled,.disabled.btn-large,.disabled.btn-large-circle {
  background-color: #d3d3d3!important;
  box-shadow: none;
  color: #a2a2a2!important;
  cursor: default;
  outline: 0
}

.btn-floating.disabled *,.btn-floating:disabled *,.btn-large-circle:disabled *,.btn-large.disabled *,.btn-large:disabled *,.btn.disabled *,.btn:disabled *,.disabled.btn-large *,.disabled.btn-large-circle * {
  pointer-events: none
}

.btn-floating.disabled:hover,.btn-floating:disabled:hover,.btn-large-circle:disabled:hover,.btn-large.disabled:hover,.btn-large:disabled:hover,.btn.disabled:hover,.btn:disabled:hover,.disabled.btn-large-circle:hover,.disabled.btn-large:hover {
  background-color: #d3d3d3;
  color: #a2a2a2;
  outline: 0
}

.btn i,.btn-flat i,.btn-floating i,.btn-large i,.btn-large-circle i {
  font-size: 1.3rem;
  line-height: inherit
}

.btn,.btn-large {
  color: #fff;
  background-color: #0177d6;
  letter-spacing: .5px;
  -webkit-transition: .2s ease-out;
  -moz-transition: .2s ease-out;
  -o-transition: .2s ease-out;
  -ms-transition: .2s ease-out;
  transition: .2s ease-out;
  cursor: pointer;
  outline: 0
}

.btn-large.waves-effect.waves-light .waves-ripple,.btn.waves-effect.waves-light .waves-ripple {
  background: #003764
}

.btn-large:focus,.btn-large:hover,.btn:focus,.btn:hover {
  background-color: #0162b2;
  outline: 0;
  color: #fff
}

.btn-floating,.btn-large-circle {
  display: inline-block;
  color: #fff;
  position: relative;
  z-index: 1;
  width: 37px;
  height: 37px;
  line-height: 37px;
  padding: 0;
  background-color: #0177d6;
  border-radius: 50%;
  transition: .3s;
  cursor: pointer;
  vertical-align: middle
}

.footerStatesFixed,.waves-effect {
  -webkit-transition: all .3s ease-out
}

.btn-floating i,.btn-large-circle i {
  width: inherit;
  display: inline-block;
  text-align: center;
  color: #fff;
  font-size: 1.6rem;
  line-height: 37px
}

.btn-floating:before,.btn-large-circle:before {
  border-radius: 0
}

.btn-floating.btn-large,.btn-large.btn-large-circle {
  width: 55.5px;
  height: 55.5px
}

.btn-floating.btn-large i,.btn-large.btn-large-circle i {
  line-height: 52px
}

button.btn-floating,button.btn-large-circle {
  border: none
}

.fixed-action-btn {
  position: fixed;
  right: 23px;
  bottom: 23px;
  margin-bottom: 0
}

.fixed-action-btn ul {
  left: 0;
  right: 0;
  position: absolute;
  margin: 0;
  visibility: hidden
}

.fixed-action-btn.active ul {
  visibility: visible
}

.fixed-action-btn ul li {
  margin-bottom: 15px
}

.fixed-action-btn ul a.btn-floating,.fixed-action-btn ul a.btn-large-circle {
  opacity: 0
}

.btn-flat {
  box-shadow: none;
  background-color: transparent;
  color: #0177d6;
  cursor: pointer
}

.btn-flat.disabled {
  color: #a2a2a2;
  cursor: default
}

.btn-flat.disabled:hover {
  background: 0 0;
  box-shadow: none
}

.btn-large {
  height: 54px;
  line-height: 56px
}

.btn-large i {
  font-size: 1.6rem
}

.btn-block {
  display: block
}

.btn-large-circle {
  width: 128.02px;
  height: 128.02px;
  line-height: 1;
  text-transform: uppercase
}

.btn-large-circle i {
  margin-top: 35px
}

.dropdown-content {
  background-color: #fff;
  margin: 0;
  display: none;
  min-width: 200px;
  max-height: 650px;
  overflow-y: auto;
  opacity: 0;
  position: absolute;
  z-index: 982;
  will-change: width,height
}

.dropdown-content li {
  clear: both;
  color: rgba(0,0,0,.87);
  line-height: 1.5rem;
  width: 100%;
  text-align: left;
  text-transform: none
}

.dropdown-content li.active,.dropdown-content li.selected,.dropdown-content li:hover {
  background-color: #eee
}

.dropdown-content li>a,.dropdown-content li>span {
  font-size: 1rem;
  display: block
}

.dropdown-content li>a>i {
  height: inherit;
  line-height: inherit
}

/*!
* Waves v0.6.0
* http://fian.my.id/Waves
*
* Copyright 2014 Alfiana E. Sibuea and other contributors
* Released under the MIT license
* https://github.com/fians/Waves/blob/master/LICENSE
*/
.waves-effect {
  position: relative;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
  z-index: 1;
  will-change: opacity,transform;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  transition: all .3s ease-out
}

.picker,.select-wrapper input.select-dropdown:disabled,.switch,.switch *,[type=checkbox]+label {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none
}

.waves-effect .waves-ripple {
  position: absolute;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  opacity: 0;
  background: rgba(0,0,0,.2);
  -webkit-transition: all .7s ease-out;
  -moz-transition: all .7s ease-out;
  -o-transition: all .7s ease-out;
  -ms-transition: all .7s ease-out;
  transition: all .7s ease-out;
  -webkit-transition-property: -webkit-transform,opacity;
  -moz-transition-property: -moz-transform,opacity;
  -o-transition-property: -o-transform,opacity;
  transition-property: transform,opacity;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  pointer-events: none
}

.waves-effect.waves-light .waves-ripple {
  background-color: rgba(255,255,255,.45)
}

.waves-effect.waves-red .waves-ripple {
  background-color: rgba(244,67,54,.7)
}

.waves-effect.waves-yellow .waves-ripple {
  background-color: rgba(255,235,59,.7)
}

.waves-effect.waves-orange .waves-ripple {
  background-color: rgba(255,152,0,.7)
}

.waves-effect.waves-purple .waves-ripple {
  background-color: rgba(156,39,176,.7)
}

.waves-effect.waves-green .waves-ripple {
  background-color: rgba(76,175,80,.7)
}

.waves-effect.waves-teal .waves-ripple {
  background-color: rgba(21,157,252,.7)
}

.waves-effect.waves-blue .waves-ripple {
  background-color: rgba(3,155,229,.7)
}

.waves-effect.waves-defaultLight .waves-ripple {
  background-color: rgba(238,238,238,.7)
}

.waves-notransition {
  -webkit-transition: none!important;
  -moz-transition: none!important;
  -o-transition: none!important;
  -ms-transition: none!important;
  transition: none!important
}

.waves-input-wrapper {
  border-radius: .2em;
  vertical-align: bottom
}

.waves-input-wrapper .waves-button-input {
  position: relative;
  top: 0;
  left: 0;
  z-index: 1
}

.waves-circle {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  text-align: center;
  width: 2.5em;
  height: 2.5em;
  line-height: 2.5em;
  border-radius: 50%;
  -webkit-mask-image: none
}

.waves-block {
  display: block
}

.lean-overlay,.modal {
  position: fixed;
  display: none;
  left: 0;
  right: 0
}

a.waves-effect .waves-ripple {
  z-index: -1
}

.modal {
  background-color: #fff;
  padding: 0;
  max-height: 90%;
  width: 55%;
  margin: auto;
  overflow-y: auto;
  will-change: top,opacity
}

.modal.modal-sm {
  width: 35%
}

.modal.modal-lg:not(.expand-css) {
  width: 75%
}

@media only screen and (max-width: 960px) {
  .modal {
      width:80%
  }

  .modal.modal-sm {
      width: 50%
  }

  .modal.modal-lg:not(.expand-css) {
      width: 90%
  }
}

@media only screen and (max-width: 600px) {
  .modal .modal,.modal .modal.modal-lg:not(.expand-css),.modal .modal.modal-sm {
      width:95%
  }
}

.modal h1,.modal h2,.modal h3,.modal h4 {
  margin-top: 0
}

.modal .modal-content {
  padding: 24px
}

.modal .modal-close {
  cursor: pointer
}

.modal .modal-footer {
  border-radius: 0 0 2px 2px;
  background-color: #fafafa;
  height: 56px;
  width: 100%
}

.modal .modal-footer .btn,.modal .modal-footer .btn-flat,.modal .modal-footer .btn-large {
  float: right;
  margin: 6px 0
}

.lean-overlay {
  z-index: 999;
  top: -100px;
  bottom: 0;
  height: 125%;
  width: 100%;
  background: #000;
  will-change: opacity
}

.modal.modal-fixed-footer {
  padding: 0;
  height: 70%
}

.modal.modal-fixed-footer .modal-content {
  position: absolute;
  height: calc(100% - 56px);
  max-height: 100%;
  width: 100%;
  overflow-y: auto
}

.modal.modal-fixed-footer .modal-footer {
  border-top: 1px solid rgba(0,0,0,.1);
  position: absolute;
  bottom: 0
}

.modal.bottom-sheet {
  top: auto;
  bottom: -100%;
  margin: 0;
  width: 100%;
  max-height: 45%;
  border-radius: 0;
  will-change: bottom,opacity
}

.collapsible {
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  margin: .5rem 0 1rem
}

.collapsible-header {
  display: block;
  cursor: pointer;
  min-height: 3rem;
  line-height: 3rem;
  background-color: #fff;
  border-bottom: 1px solid #ddd
}

.collapsible-header i {
  width: 2rem;
  font-size: 1.6rem;
  line-height: 3rem;
  display: block;
  float: left;
  text-align: center
}

.collapsible-body {
  display: none;
  border-bottom: 1px solid #ddd;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.collapsible-body p {
  margin: 0;
  padding: 2rem
}

.side-nav .collapsible {
  border: none;
  box-shadow: none
}

.side-nav .collapsible li {
  padding: 0
}

.side-nav .collapsible-header {
  background-color: transparent;
  border: none;
  height: inherit
}

.side-nav .collapsible-header i {
  line-height: inherit
}

.side-nav .collapsible-body {
  border: 0;
  background-color: #fff
}

.side-nav .collapsible-body li a {
  margin: 0 1rem 0 2rem
}

.collapsible.popout {
  border: none;
  box-shadow: none
}

.collapsible.popout>li {
  box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
  margin: 0 24px;
  transition: margin .35s cubic-bezier(.25,.46,.45,.94)
}

.collapsible.popout>li.active {
  box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
  margin: 16px 0
}

.chip {
  display: inline-block;
  height: 25px;
  font-size: 13px;
  font-weight: 500;
  line-height: 25px;
  border-radius: 12px;
  background-color: #E4E4E4
}

.chip img {
  float: left;
  margin: 0 8px 0 -12px;
  height: 25px;
  width: 25px;
  border-radius: 50%
}

.chip i.icon.iconSmall,.chip i.material-icons {
  cursor: pointer;
  float: right;
  font-size: 16px;
  padding-left: 8px
}

.materialboxed {
  display: block;
  cursor: zoom-in;
  position: relative;
  -webkit-transition: opacity .4s;
  -moz-transition: opacity .4s;
  -o-transition: opacity .4s;
  -ms-transition: opacity .4s;
  transition: opacity .4s
}

.materialboxed:hover {
  will-change: left,top,width,height
}

.materialboxed:hover:not(.active) {
  opacity: .8
}

.materialboxed.active {
  cursor: zoom-out
}

#materialbox-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #292929;
  z-index: 999;
  will-change: opacity
}

.materialbox-caption {
  position: fixed;
  display: none;
  color: #fff;
  line-height: 50px;
  bottom: 0;
  width: 100%;
  text-align: center;
  padding: 0 15%;
  height: 50px;
  z-index: 1000;
  -webkit-font-smoothing: antialiased
}

button:focus {
  outline: 0;
  background-color: #29a5fc;
  color: #fff
}

label {
  font-size: .8rem;
  color: #9e9e9e
}

.input-field pre {
  color: #d1d1d1
}

::-webkit-input-placeholder {
  color: #d1d1d1
}

:-moz-placeholder {
  color: #d1d1d1
}

::-moz-placeholder {
  color: #d1d1d1
}

:-ms-input-placeholder {
  color: #d1d1d1
}

input[type=mask], input[type=date],input[type=datetime-local],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],textarea.materialize-textarea {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #e0e0e0;
  border-radius: 0;
  outline: 0;
  width: 100%;
  font-size: 1rem;
  margin: .5rem 0 0;
  padding: 0;
  box-shadow: none;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: border-box;
  box-sizing: content-box;
  transition: all .3s
}

input[type=date]:focus:not([readonly]),input[type=datetime-local]:focus:not([readonly]),input[type=email]:focus:not([readonly]),input[type=number]:focus:not([readonly]),input[type=password]:focus:not([readonly]),input[type=search]:focus:not([readonly]),input[type=tel]:focus:not([readonly]),input[type=text]:focus:not([readonly]),input[type=time]:focus:not([readonly]),input[type=url]:focus:not([readonly]),textarea.materialize-textarea:focus:not([readonly]) {
  border-bottom: 1px solid #0177d6;
  box-shadow: 0 1px 0 0 #0177d6
}

input[type=date]:focus:not([readonly])+label,input[type=datetime-local]:focus:not([readonly])+label,input[type=email]:focus:not([readonly])+label,input[type=number]:focus:not([readonly])+label,input[type=password]:focus:not([readonly])+label,input[type=search]:focus:not([readonly])+label,input[type=tel]:focus:not([readonly])+label,input[type=text]:focus:not([readonly])+label,input[type=time]:focus:not([readonly])+label,input[type=url]:focus:not([readonly])+label,textarea.materialize-textarea:focus:not([readonly])+label {
  color: #0177d6
}

input[type=date].valid,input[type=datetime-local].valid,input[type=email].valid,input[type=number].valid,input[type=password].valid,input[type=search].valid,input[type=tel].valid,input[type=text].valid,input[type=time].valid,input[type=url].valid,textarea.materialize-textarea.valid {
  border-bottom: 1px solid #4CAF50
}

input[type=date]:focus.valid,input[type=datetime-local]:focus.valid,input[type=email]:focus.valid,input[type=number]:focus.valid,input[type=password]:focus.valid,input[type=search]:focus.valid,input[type=tel]:focus.valid,input[type=text]:focus.valid,input[type=time]:focus.valid,input[type=url]:focus.valid,textarea.materialize-textarea:focus.valid {
  border-bottom: 1px solid #4CAF50;
  box-shadow: 0 1px 0 0 #4CAF50
}

input[type=date].valid+label:after,input[type=date]:focus.valid+label:after,input[type=datetime-local].valid+label:after,input[type=datetime-local]:focus.valid+label:after,input[type=email].valid+label:after,input[type=email]:focus.valid+label:after,input[type=number].valid+label:after,input[type=number]:focus.valid+label:after,input[type=password].valid+label:after,input[type=password]:focus.valid+label:after,input[type=search].valid+label:after,input[type=search]:focus.valid+label:after,input[type=tel].valid+label:after,input[type=tel]:focus.valid+label:after,input[type=text].valid+label:after,input[type=text]:focus.valid+label:after,input[type=time].valid+label:after,input[type=time]:focus.valid+label:after,input[type=url].valid+label:after,input[type=url]:focus.valid+label:after,textarea.materialize-textarea.valid+label:after,textarea.materialize-textarea:focus.valid+label:after {
  content: attr(data-success);
  color: #4CAF50;
  opacity: 1
}

input[type=date].invalid,input[type=datetime-local].invalid,input[type=email].invalid,input[type=number].invalid,input[type=password].invalid,input[type=search].invalid,input[type=tel].invalid,input[type=tel]:focus.invalid,input[type=text].invalid,input[type=time].invalid,input[type=url].invalid,textarea.materialize-textarea.invalid {
  border-bottom: 1px solid #f44336
}

input[type=date]:focus.invalid,input[type=datetime-local]:focus.invalid,input[type=email]:focus.invalid,input[type=number]:focus.invalid,input[type=password]:focus.invalid,input[type=search]:focus.invalid,input[type=text]:focus.invalid,input[type=time]:focus.invalid,input[type=url]:focus.invalid,textarea.materialize-textarea:focus.invalid {
  border-bottom: 1px solid #d63d3d;
  box-shadow: 0 1px 0 0 #d63d3d
}

input[type=date].invalid+label:after,input[type=date]:focus.invalid+label:after,input[type=datetime-local].invalid+label:after,input[type=datetime-local]:focus.invalid+label:after,input[type=email].invalid+label:after,input[type=email]:focus.invalid+label:after,input[type=number].invalid+label:after,input[type=number]:focus.invalid+label:after,input[type=password].invalid+label:after,input[type=password]:focus.invalid+label:after,input[type=search].invalid+label:after,input[type=search]:focus.invalid+label:after,input[type=tel].invalid+label:after,input[type=tel]:focus.invalid+label:after,input[type=text].invalid+label:after,input[type=text]:focus.invalid+label:after,input[type=time].invalid+label:after,input[type=time]:focus.invalid+label:after,input[type=url].invalid+label:after,input[type=url]:focus.invalid+label:after,textarea.materialize-textarea.invalid+label:after,textarea.materialize-textarea:focus.invalid+label:after {
  content: attr(data-error);
  color: #d63d3d;
  opacity: 1
}

input[type=date]+label:after,input[type=datetime-local]+label:after,input[type=email]+label:after,input[type=number]+label:after,input[type=password]+label:after,input[type=search]+label:after,input[type=tel]+label:after,input[type=text]+label:after,input[type=time]+label:after,input[type=url]+label:after,textarea.materialize-textarea+label:after {
  display: block;
  content: "";
  position: absolute;
  top: 43px;
  opacity: 0;
  transition: .2s opacity ease-out,.2s color ease-out
}

.input-field {
  position: relative;
  margin-top: .2rem
}

.input-field label {
  color: rgba(0,0,0,.64);
  position: absolute;
  left: .75rem;
  font-size: 1rem;
  cursor: text;
  -webkit-transition: .2s ease-out;
  -moz-transition: .2s ease-out;
  -o-transition: .2s ease-out;
  -ms-transition: .2s ease-out;
  transition: .2s ease-out;
  width: calc(100% - 1.5rem);
  -moz-width: calc(100% - 1.5rem)
}

.input-field label.active {
  font-size: .8rem
}

.input-field .prefix,.input-field .suffix {
  position: absolute;
  width: 3rem;
  font-size: 2rem;
  -webkit-transition: color .2s;
  -moz-transition: color .2s;
  -o-transition: color .2s;
  -ms-transition: color .2s;
  transition: color .2s;
  opacity: .4
}

.input-field .prefix.active,.input-field .suffix.active {
  color: #0177d6
}

.input-field .prefix~input,.input-field .prefix~textarea {
  margin-left: 3rem;
  width: 92%;
  width: calc(100% - 3rem)
}

.input-field .suffix~input,.input-field .suffix~textarea {
  margin-right: 3rem;
  width: 92%;
  width: calc(100% - 3rem)
}

.input-field .prefix~textarea,.input-field .suffix~textarea {
  padding-top: .8rem
}

.input-field .prefix~label {
  margin-left: 3rem
}

.input-field .suffix~label {
  margin-right: 3rem
}

@media only screen and (max-width: 960px) {
  .input-field .prefix~input,.input-field .suffix~input {
      width:86%;
      width: calc(100% - 3rem)
  }
}

@media only screen and (max-width: 600px) {
  .input-field .prefix~input,.input-field .suffix~input {
      width:80%;
      width: calc(100% - 3rem)
  }
}

.input-field input[type=search] {
  display: block;
  line-height: inherit;
  padding-left: 4rem;
  width: calc(100% - 4rem)
}

.input-field input[type=search]:focus {
  background-color: #fff;
  border: 0;
  box-shadow: none;
  color: #444
}

.input-field input[type=search]:focus+label i,.input-field input[type=search]:focus~.material-icons,.input-field input[type=search]:focus~.mdi-navigation-close {
  color: #444
}

.input-field input[type=search]+label {
  left: 1rem
}

.input-field input[type=search]~.material-icons,.input-field input[type=search]~.mdi-navigation-close {
  position: absolute;
  top: 0;
  right: 1rem;
  color: transparent;
  cursor: pointer;
  font-size: 2rem;
  transition: .3s color
}

[type=checkbox]+label,[type=radio]:checked+label,[type=radio]:not(:checked)+label {
  font-size: 1rem;
  display: inline-block;
  color: rgba(0,0,0,.87)
}

textarea {
  width: 100%;
  height: 3rem;
  background-color: transparent;
  resize: none
}

textarea.materialize-textarea {
  overflow-y: hidden;
  resize: none
}

.hiddendiv {
  display: none;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow-wrap: break-word;
  padding-top: 1.2rem
}

[type=radio]:checked,[type=radio]:not(:checked) {
  position: absolute;
  left: 6px;
  top: 6px
}

[type=radio]:checked+label,[type=radio]:not(:checked)+label {
  position: relative;
  cursor: pointer;
  display: inline-block;
  font-size: 1rem;
  -webkit-transition: .28s ease;
  -moz-transition: .28s ease;
  -o-transition: .28s ease;
  -ms-transition: .28s ease;
  transition: .28s ease;
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none
}

[type=radio]+label:after,[type=radio]+label:before {
  content: '';
  position: absolute;
  top: 0;
  margin: 4px;
  width: 16px;
  height: 16px;
  z-index: 0;
  -webkit-transition: .28s ease;
  -moz-transition: .28s ease;
  -o-transition: .28s ease;
  -ms-transition: .28s ease;
  transition: .28s ease
}

[type=radio]:not(:checked)+label:before {
  border-radius: 50%;
  border: 2px solid #5a5a5a
}

[type=radio]:not(:checked)+label:after {
  border-radius: 50%;
  border: 2px solid #5a5a5a;
  z-index: -1;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0)
}

[type=radio]:checked+label:before {
  border-radius: 50%;
  border: 2px solid transparent
}

[type=radio]:checked+label:after {
  border-radius: 50%;
  border: 2px solid #0177d6;
  background-color: #0177d6;
  z-index: 0;
  -webkit-transform: scale(1.02);
  -moz-transform: scale(1.02);
  -ms-transform: scale(1.02);
  -o-transform: scale(1.02);
  transform: scale(1.02)
}

[type=radio].with-gap:checked+label:before {
  border-radius: 50%;
  border: 2px solid #0177d6
}

[type=radio].with-gap:checked+label:after {
  border-radius: 50%;
  border: 2px solid #0177d6;
  background-color: #0177d6;
  z-index: 0;
  -webkit-transform: scale(.5);
  -moz-transform: scale(.5);
  -ms-transform: scale(.5);
  -o-transform: scale(.5);
  transform: scale(.5)
}

[type=radio].tabbed:focus+label:before,[type=radio]:focus+label:before {
  -webkit-box-shadow: 0 0 0 10px rgba(0,0,0,.1);
  box-shadow: 0 0 0 10px rgba(0,0,0,.1)
}

[type=radio].with-gap:disabled:checked+label:before {
  border: 2px solid rgba(0,0,0,.26)
}

[type=radio].with-gap:disabled:checked+label:after {
  border: none;
  background-color: rgba(0,0,0,.26)
}

[type=radio]:disabled:checked+label:before,[type=radio]:disabled:not(:checked)+label:before {
  background-color: transparent;
  border-color: rgba(0,0,0,.26)
}

[type=radio]:disabled+label {
  color: rgba(0,0,0,.26)
}

[type=radio]:disabled:not(:checked)+label:before {
  border-color: rgba(0,0,0,.26)
}

[type=radio]:disabled:checked+label:after {
  background-color: rgba(0,0,0,.26);
  border-color: #BDBDBD
}

form p {
  margin-bottom: 10px;
  text-align: left
}

form p:last-child {
  margin-bottom: 0
}

[type=checkbox]:checked,[type=checkbox]:not(:checked) {
  position: absolute;
  top: 6px;
  left: 6px
}

[type=checkbox]+label {
  position: relative;
  cursor: pointer;
  display: inline-block;
  font-size: 1rem;
  -khtml-user-select: none
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  [type=checkbox]+label {
      line-height:22px
  }
}

[type=checkbox]+label:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  z-index: 0;
  border: 2px solid #5a5a5a;
  border-radius: 1px;
  margin-top: 2px;
  -webkit-transition: .2s;
  -moz-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s
}

[type=checkbox]:not(:checked):disabled+label:before {
  border: none;
  background-color: rgba(0,0,0,.26)
}

[type=checkbox].tabbed:focus+label:after,[type=checkbox]:checked:focus+label:after,[type=checkbox]:not(:checked):focus+label:after {
  -webkit-transform: scale(1);
  transform: scale(1);
  border: 0;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 5px rgba(0,0,0,.1);
  box-shadow: 0 0 0 5px rgba(0,0,0,.1);
  background-color: #fff
}

[type=checkbox]:checked+label:before {
  top: -4px;
  left: -3px;
  width: 12px;
  height: 22px;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid #0177d6;
  border-bottom: 2px solid #0177d6;
  -webkit-transform: rotate(40deg);
  -moz-transform: rotate(40deg);
  -ms-transform: rotate(40deg);
  -o-transform: rotate(40deg);
  transform: rotate(40deg);
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%
}

[type=checkbox]:checked:disabled+label:before {
  border-right: 2px solid rgba(0,0,0,.26);
  border-bottom: 2px solid rgba(0,0,0,.26)
}

[type=checkbox]:indeterminate+label:before {
  left: -10px;
  top: -11px;
  width: 10px;
  height: 22px;
  border-top: none;
  border-left: none;
  border-right: 2px solid #0177d6;
  border-bottom: none;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-backface-visibility: hidden;
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%
}

[type=checkbox]:indeterminate:disabled+label:before {
  border-right: 2px solid rgba(0,0,0,.26);
  background-color: transparent
}

[type=checkbox].filled-in+label:after,[type=checkbox].filled-in+label:before {
  content: '';
  position: absolute;
  transition: border .25s,background-color .25s,width .2s .1s,height .2s .1s,top .2s .1s,left .2s .1s;
  z-index: 1
}

.switch label .lever,.switch label .lever:after {
  content: "";
  display: inline-block
}

[type=checkbox].filled-in:not(:checked)+label:before {
  width: 0;
  height: 0;
  border: 3px solid transparent;
  left: 6px;
  top: 10px;
  -webkit-transform: rotateZ(37deg);
  transform: rotateZ(37deg);
  -webkit-transform-origin: 20% 40%;
  transform-origin: 100% 100%
}

[type=checkbox].filled-in:not(:checked)+label:after {
  background-color: transparent;
  z-index: 0
}

[type=checkbox].filled-in:checked+label:before {
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotateZ(37deg);
  transform: rotateZ(37deg);
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%
}

[type=checkbox].filled-in:checked+label:after {
  border: 2px solid #0177d6;
  background-color: #0177d6;
  z-index: 0
}

[type=checkbox].filled-in.tabbed:focus+label:after {
  border-radius: 2px;
  border-color: #5a5a5a;
  background-color: rgba(0,0,0,.1)
}

[type=checkbox].filled-in.tabbed:checked:focus+label:after {
  border-radius: 2px;
  background-color: #0177d6;
  border-color: #0177d6
}

[type=checkbox].filled-in:disabled:not(:checked)+label:before {
  background-color: transparent;
  border: 2px solid transparent
}

[type=checkbox].filled-in:disabled:not(:checked)+label:after {
  border-color: rgba(0,0,0,.26);
  background-color: transparent
}

[type=checkbox].filled-in:disabled:checked+label:before {
  background-color: transparent
}

[type=checkbox].filled-in:disabled:checked+label:after {
  background-color: #BDBDBD;
  border-color: #BDBDBD
}

.switch,.switch * {
  -khtml-user-select: none
}

.switch label {
  cursor: pointer
}

.switch label input[type=checkbox] {
  opacity: 0;
  width: 0;
  height: 0
}

.switch label .lever {
  position: relative;
  border-radius: 15px;
  transition: background .3s ease;
  vertical-align: middle
}

.switch label .lever:after {
  position: absolute;
  transition: left .3s ease,background .3s ease,box-shadow .1s ease
}

input[type=checkbox]:checked:not(:disabled).tabbed:focus~.lever::before,input[type=checkbox]:checked:not(:disabled)~.lever:active::before {
  -webkit-transform: scale(2.4);
  transform: scale(2.4);
  background-color: rgba(38,166,154,.15)
}

input[type=checkbox]:not(:disabled).tabbed:focus~.lever::before,input[type=checkbox]:not(:disabled)~.lever:active:before {
  -webkit-transform: scale(2.4);
  transform: scale(2.4);
  background-color: rgba(0,0,0,.08)
}

.switch input[type=checkbox][disabled]+.lever {
  cursor: default
}

.additionalText .input-field {
  cursor: default;
  pointer-events: none
}

.additionalText label.input-field span:nth-child(1),.additionalText label.input-field span:nth-child(3),.additionalText label.input-field span:nth-child(4) {
  cursor: pointer;
  pointer-events: all
}

.select-label {
  position: absolute
}

.select-wrapper {
  position: relative
}

.select-wrapper input.select-dropdown {
  position: relative;
  cursor: pointer;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #e0e0e0;
  outline: 0;
  font-size: 1rem;
  margin: .5rem 0 0;
  padding: 0;
  display: block
}

.select-wrapper span.caret {
  color: #727272;
  position: absolute;
  font-size: 10px
}

.select-wrapper span.caret.disabled {
  color: rgba(0,0,0,.26)
}

.select-wrapper+label {
  position: absolute;
  top: -14px;
  font-size: .8rem
}

select {
  display: none
}

select.browser-default {
  display: block
}

select:disabled {
  color: rgba(0,0,0,.3)
}

.select-wrapper input.select-dropdown:disabled {
  cursor: default;
  border-bottom: 1px solid rgba(0,0,0,.3)
}

.file-field input[type=file],.file-field span,input[type=range],input[type=range]+.thumb {
  cursor: pointer
}

.select-wrapper i {
  color: rgba(0,0,0,.9)
}

.select-dropdown li.disabled {
  color: rgba(0,0,0,.3);
  background-color: transparent
}

.select-dropdown li.current span {
  color: #0177d6;
  font-weight: 700
}

.file-field {
  position: relative
}

.file-field .file-path-wrapper {
  overflow: hidden;
  padding-left: 10px
}

.file-field input.file-path {
  width: 100%
}

.file-field .btn,.file-field .btn-large {
  float: left;
  height: 3rem;
  line-height: 3rem
}

.file-field input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 20px;
  opacity: 0;
  filter: alpha(opacity=0)
}

.range-field,input[type=range] {
  position: relative
}

input[type=range] {
  background-color: transparent;
  outline: 0;
  width: 100%;
  margin: 15px 0;
  padding: 0
}

input[type=range]+.thumb {
  position: absolute;
  border: none;
  height: 0;
  width: 0;
  border-radius: 50%;
  background-color: #0177d6;
  top: 10px;
  margin-left: -6px;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.drag-target,.side-nav,.side-nav.fixed,.table-of-contents.fixed {
  position: fixed
}

input[type=range]+.thumb .value {
  display: block;
  width: 30px;
  text-align: center;
  color: #0177d6;
  font-size: 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg)
}

input[type=range]+.thumb.active {
  border-radius: 50% 50% 50% 0
}

input[type=range]+.thumb.active .value {
  color: #fff;
  margin-left: -1px;
  margin-top: 8px;
  font-size: 10px
}

input[type=range]:focus {
  outline: 0
}

input[type=range]::-webkit-slider-runnable-track {
  height: 3px;
  background: #c2c0c2;
  border: none
}

input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: none;
  height: 14px;
  width: 14px;
  border-radius: 50%;
  background-color: #0177d6;
  transform-origin: 50% 50%;
  margin: -5px 0 0;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  transition: .3s
}

input[type=range]:focus::-webkit-slider-runnable-track {
  background: #ccc
}

input[type=range] {
  -webkit-appearance: none;
  border: 1px solid #fff
}

input[type=range]::-moz-range-track {
  height: 3px;
  background: #ddd;
  border: none
}

input[type=range]::-moz-range-thumb {
  border: none;
  height: 14px;
  width: 14px;
  border-radius: 50%;
  background: #0177d6;
  margin-top: -5px
}

input[type=range]:-moz-focusring {
  outline: #fff solid 1px;
  outline-offset: -1px
}

input[type=range]:focus::-moz-range-track {
  background: #ccc
}

input[type=range]::-ms-track {
  height: 3px;
  background: 0 0;
  border-color: transparent;
  border-width: 6px 0;
  color: transparent
}

input[type=range]::-ms-fill-lower {
  background: #777
}

input[type=range]::-ms-fill-upper {
  background: #ddd
}

input[type=range]::-ms-thumb {
  border: none;
  height: 14px;
  width: 14px;
  border-radius: 50%;
  background: #0177d6
}

input[type=range]:focus::-ms-fill-lower {
  background: #888
}

input[type=range]:focus::-ms-fill-upper {
  background: #ccc
}

select {
  background-color: rgba(255,255,255,.9);
  width: 100%;
  padding: 5px;
  border: 1px solid #f2f2f2;
  border-radius: 2px;
  height: 3rem
}

.table-of-contents li {
  padding: 2px 0
}

.table-of-contents a {
  font-weight: 300;
  color: #757575;
  padding-left: 20px;
  height: 1.5rem;
  line-height: 1.5rem;
  letter-spacing: .4;
  display: inline-block
}

.table-of-contents a:hover {
  color: #a8a8a8;
  padding-left: 19px;
  border-left: 1px solid #ea4a4f
}

.table-of-contents a.active {
  font-weight: 500;
  padding-left: 18px;
  border-left: 2px solid #ea4a4f
}

.side-nav a,.side-nav.fixed a {
  display: block;
  padding: 0 15px;
  color: #444
}

.side-nav {
  width: 240px;
  left: -105%;
  top: 0;
  margin: 0;
  z-index: 999;
  overflow-y: auto;
  will-change: left
}

.side-nav.right-aligned {
  will-change: right;
  right: -105%;
  left: auto
}

.side-nav .collapsible {
  margin: 0
}

.side-nav li {
  float: none
}

.side-nav a {
  font-size: .8571rem
}

.drag-target {
  height: 100%;
  width: 10px;
  top: 0;
  z-index: 998
}

.side-nav.fixed {
  left: 0
}

.side-nav.fixed.right-aligned {
  right: 0;
  left: auto
}

@media only screen and (max-width: 960px) {
  .side-nav.fixed {
      left:-105%
  }

  .side-nav.fixed.right-aligned {
      right: -105%;
      left: auto
  }
}

.side-nav .collapsible-body li.active,.side-nav.fixed .collapsible-body li.active {
  background-color: #ee6e73
}

.side-nav .collapsible-body li.active a,.side-nav.fixed .collapsible-body li.active a {
  color: #fff
}

#sidenav-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 120vh;
  background-color: rgba(0,0,0,.5);
  will-change: opacity
}

.preloader-wrapper {
  display: inline-block;
  position: relative;
  width: 48px;
  height: 48px
}

.preloader-wrapper.small {
  width: 36px;
  height: 36px
}

.preloader-wrapper.big {
  width: 64px;
  height: 64px
}

.preloader-wrapper.active {
  -webkit-animation: container-rotate 1568ms linear infinite;
  animation: container-rotate 1568ms linear infinite
}

@-webkit-keyframes container-rotate {
  to {
      -webkit-transform: rotate(360deg)
  }
}

@keyframes container-rotate {
  to {
      transform: rotate(360deg)
  }
}

.spinner-layer {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  border-color: #26a69a
}

.spinner-red,.spinner-red-only {
  border-color: #db4437
}

.spinner-yellow,.spinner-yellow-only {
  border-color: #f4b400
}

.spinner-green,.spinner-green-only {
  border-color: #0f9d58
}

.circle-clipper,.circle-clipper .circle,.gap-patch {
  height: 100%;
  border-color: inherit
}

.active .spinner-layer.spinner-blue {
  -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,blue-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both;
  animation: fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,blue-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both
}

.active .spinner-layer.spinner-red {
  -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,red-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both;
  animation: fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,red-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both
}

.active .spinner-layer.spinner-yellow {
  -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,yellow-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both;
  animation: fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,yellow-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both
}

.active .spinner-layer.spinner-green {
  -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,green-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both;
  animation: fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,green-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both
}

.active .spinner-layer,.active .spinner-layer.spinner-blue-only,.active .spinner-layer.spinner-green-only,.active .spinner-layer.spinner-red-only,.active .spinner-layer.spinner-yellow-only {
  opacity: 1;
  -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both;
  animation: fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both
}

@-webkit-keyframes fill-unfill-rotate {
  12.5% {
      -webkit-transform: rotate(135deg)
  }

  25% {
      -webkit-transform: rotate(270deg)
  }

  37.5% {
      -webkit-transform: rotate(405deg)
  }

  50% {
      -webkit-transform: rotate(540deg)
  }

  62.5% {
      -webkit-transform: rotate(675deg)
  }

  75% {
      -webkit-transform: rotate(810deg)
  }

  87.5% {
      -webkit-transform: rotate(945deg)
  }

  to {
      -webkit-transform: rotate(1080deg)
  }
}

@keyframes fill-unfill-rotate {
  12.5% {
      transform: rotate(135deg)
  }

  25% {
      transform: rotate(270deg)
  }

  37.5% {
      transform: rotate(405deg)
  }

  50% {
      transform: rotate(540deg)
  }

  62.5% {
      transform: rotate(675deg)
  }

  75% {
      transform: rotate(810deg)
  }

  87.5% {
      transform: rotate(945deg)
  }

  to {
      transform: rotate(1080deg)
  }
}

@-webkit-keyframes blue-fade-in-out {
  100%,25%,90%,from {
      opacity: 1
  }

  26%,89% {
      opacity: 0
  }
}

@keyframes blue-fade-in-out {
  100%,25%,90%,from {
      opacity: 1
  }

  26%,89% {
      opacity: 0
  }
}

@-webkit-keyframes red-fade-in-out {
  15%,51%,from {
      opacity: 0
  }

  25%,50% {
      opacity: 1
  }
}

@keyframes red-fade-in-out {
  15%,51%,from {
      opacity: 0
  }

  25%,50% {
      opacity: 1
  }
}

@-webkit-keyframes yellow-fade-in-out {
  40%,76%,from {
      opacity: 0
  }

  50%,75% {
      opacity: 1
  }
}

@keyframes yellow-fade-in-out {
  40%,76%,from {
      opacity: 0
  }

  50%,75% {
      opacity: 1
  }
}

@-webkit-keyframes green-fade-in-out {
  100%,65%,from {
      opacity: 0
  }

  75%,90% {
      opacity: 1
  }
}

@keyframes green-fade-in-out {
  100%,65%,from {
      opacity: 0
  }

  75%,90% {
      opacity: 1
  }
}

.gap-patch {
  position: absolute;
  top: 0;
  left: 45%;
  width: 10%;
  overflow: hidden
}

.gap-patch .circle {
  width: 1000%;
  left: -450%
}

.circle-clipper {
  display: inline-block;
  position: relative;
  width: 50%;
  overflow: hidden
}

.circle-clipper .circle {
  width: 200%;
  border-width: 3px;
  border-style: solid;
  border-bottom-color: transparent!important;
  border-radius: 50%;
  -webkit-animation: none;
  animation: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0
}

.circle-clipper.left .circle {
  left: 0;
  border-right-color: transparent!important;
  -webkit-transform: rotate(129deg);
  transform: rotate(129deg)
}

.circle-clipper.right .circle {
  left: -100%;
  border-left-color: transparent!important;
  -webkit-transform: rotate(-129deg);
  transform: rotate(-129deg)
}

.active .circle-clipper.left .circle {
  -webkit-animation: left-spin 1333ms cubic-bezier(.4,0,.2,1) infinite both;
  animation: left-spin 1333ms cubic-bezier(.4,0,.2,1) infinite both
}

.active .circle-clipper.right .circle {
  -webkit-animation: right-spin 1333ms cubic-bezier(.4,0,.2,1) infinite both;
  animation: right-spin 1333ms cubic-bezier(.4,0,.2,1) infinite both
}

@-webkit-keyframes left-spin {
  from,to {
      -webkit-transform: rotate(130deg)
  }

  50% {
      -webkit-transform: rotate(-5deg)
  }
}

@keyframes left-spin {
  from,to {
      transform: rotate(130deg)
  }

  50% {
      transform: rotate(-5deg)
  }
}

@-webkit-keyframes right-spin {
  from,to {
      -webkit-transform: rotate(-130deg)
  }

  50% {
      -webkit-transform: rotate(5deg)
  }
}

@keyframes right-spin {
  from,to {
      transform: rotate(-130deg)
  }

  50% {
      transform: rotate(5deg)
  }
}

#spinnerContainer.cooldown {
  -webkit-animation: container-rotate 1568ms linear infinite,fade-out .4s cubic-bezier(.4,0,.2,1);
  animation: container-rotate 1568ms linear infinite,fade-out .4s cubic-bezier(.4,0,.2,1)
}

@-webkit-keyframes fade-out {
  from {
      opacity: 1
  }

  to {
      opacity: 0
  }
}

@keyframes fade-out {
  from {
      opacity: 1
  }

  to {
      opacity: 0
  }
}

.slider {
  position: relative;
  height: 400px;
  width: 100%
}

.slider.fullscreen {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}

.slider.fullscreen ul.slides {
  height: 100%
}

.slider.fullscreen ul.indicators {
  z-index: 2;
  bottom: 30px
}

.slider .slides {
  margin: 0;
  height: 400px
}

.slider .slides li {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: inherit;
  overflow: hidden
}

.slider .slides li img {
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: center
}

.slider .slides li .caption {
  color: #fff;
  position: absolute;
  top: 15%;
  left: 15%;
  width: 70%;
  opacity: 0
}

.slider .slides li .caption p {
  color: #e0e0e0
}

.slider .slides li.active {
  z-index: 2
}

.slider .indicators {
  position: absolute;
  text-align: center;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0
}

.slider .indicators .indicator-item {
  display: inline-block;
  position: relative;
  cursor: pointer;
  height: 10px;
  width: 10px;
  margin: 0 12px;
  border: 1px solid rgba(255,255,255,.5);
  -webkit-transition: background-color .3s;
  -moz-transition: background-color .3s;
  -o-transition: background-color .3s;
  -ms-transition: background-color .3s;
  transition: background-color .3s;
  border-radius: 50%
}

.slider .indicators .indicator-item.active {
  background-color: #b2ebf2
}

.slider .arrows,.slider .showNext,.slider .showPrev {
  position: absolute;
  top: calc(50% - 22px);
  background: rgba(0,0,0,.1);
  display: inline-block;
  color: #fff;
  z-index: 3
}

.slider .showNext {
  left: 0
}

.slider .showPrev {
  right: 0
}

.slider .sliderfixedImage {
  width: 190px;
  height: 190px;
  position: absolute;
  top: 0;
  left: calc(50% - 95px)
}

.picker {
  font-size: 16px;
  text-align: left;
  line-height: 1.2;
  color: #000;
  position: absolute;
  z-index: 10000;
  user-select: none
}

.picker__header,.picker__table,.picker__table td,.picker__table th {
  text-align: center
}

.card-slider .slick-slider,.slick-slider {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-tap-highlight-color: transparent
}

.picker__input {
  cursor: default
}

.picker__holder {
  width: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  position: fixed;
  -webkit-transition: background .15s ease-out,top 0s .15s;
  -moz-transition: background .15s ease-out,top 0s .15s;
  transition: background .15s ease-out,top 0s .15s
}

/*!
* Default mobile-first, responsive styling for pickadate.js
* Demo: http://amsul.github.io/pickadate.js
*/
.picker__frame,.picker__holder {
  bottom: 0;
  left: 0;
  right: 0;
  top: 100%
}

.picker__frame {
  position: absolute;
  min-width: 256px;
  width: 300px;
  max-height: 350px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition: all .15s ease-out;
  -moz-transition: all .15s ease-out;
  transition: all .15s ease-out
}

@media (min-height: 40.125em) {
  .picker__frame {
      margin-bottom:7.5%
  }
}

.picker__wrap {
  display: table;
  width: 100%;
  height: 100%
}

@media (min-height: 28.875em) {
  .picker__frame {
      overflow:visible;
      top: auto;
      bottom: -100%;
      max-height: 80%
  }

  .picker__wrap {
      display: block
  }
}

.picker__box {
  background: #fff;
  display: table-cell;
  vertical-align: middle
}

@media (min-height: 28.875em) {
  .picker__box {
      display:block;
      border: 1px solid #777;
      border-top-color: #898989;
      border-bottom-width: 0;
      -webkit-border-radius: 5px 5px 0 0;
      -moz-border-radius: 5px 5px 0 0;
      border-radius: 5px 5px 0 0;
      -webkit-box-shadow: 0 12px 36px 16px rgba(0,0,0,.24);
      -moz-box-shadow: 0 12px 36px 16px rgba(0,0,0,.24);
      box-shadow: 0 12px 36px 16px rgba(0,0,0,.24)
  }
}

.picker--opened .picker__holder {
  top: 0;
  zoom:1;background: rgba(0,0,0,.32);
  -webkit-transition: background .15s ease-out;
  -moz-transition: background .15s ease-out;
  transition: background .15s ease-out
}

.picker--opened .picker__frame {
  top: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1
}

@media (min-height: 35.875em) {
  .picker--opened .picker__frame {
      top:10%;
      bottom: 20% auto
  }
}

.picker__input.picker__input--active {
  border-color: #E3F2FD
}

.picker__frame {
  margin: 0 auto;
  max-width: 325px
}

@media (min-height: 38.875em) {
  .picker--opened .picker__frame {
      top:10%;
      bottom: auto
  }
}

.picker__header {
  position: relative;
  margin-top: .75em
}

.picker__month,.picker__year {
  display: inline-block;
  margin-left: .25em;
  margin-right: .25em
}

.picker__select--month,.picker__select--year {
  height: 2em;
  padding: 0;
  margin-left: .25em;
  margin-right: .25em
}

.picker__select--month.browser-default {
  display: inline;
  background-color: #FFF;
  width: 40%
}

.picker__select--year.browser-default {
  display: inline;
  background-color: #FFF;
  width: 25%
}

.picker__select--month:focus,.picker__select--year:focus {
  border-color: rgba(0,0,0,.05)
}

.picker__nav--next,.picker__nav--prev {
  position: absolute;
  padding: .5em 1.25em;
  width: 1em;
  height: 1em;
  box-sizing: content-box;
  top: -.25em
}

.picker__nav--prev {
  left: -1em;
  padding-right: 1.25em
}

.picker__nav--next {
  right: -1em;
  padding-left: 1.25em
}

.picker__nav--disabled,.picker__nav--disabled:before,.picker__nav--disabled:before:hover,.picker__nav--disabled:hover {
  cursor: default;
  background: 0 0;
  border-right-color: #f5f5f5;
  border-left-color: #f5f5f5
}

.picker__table {
  font-size: 1rem;
  width: 100%
}

.picker__table td {
  margin: 0;
  padding: 0
}

.picker__weekday {
  width: 14.285714286%;
  padding-bottom: .25em;
  color: #999;
  font-weight: 500
}

@media (min-height: 33.875em) {
  .picker__weekday {
      padding-bottom:.5em
  }
}

.picker__day--today {
  position: relative;
  color: #595959;
  letter-spacing: -.3;
  padding: .75rem 0;
  font-weight: 400;
  border: 1px solid transparent
}

.picker__day--disabled:before {
  border-top-color: #aaa
}

.picker__day--infocus:hover {
  cursor: pointer;
  color: #000;
  font-weight: 500
}

.picker__day--outfocus {
  display: none;
  padding: .75rem 0;
  color: #fff
}

.picker__day--outfocus:hover {
  cursor: pointer;
  color: #ddd;
  font-weight: 500
}

.picker--focused .picker__day--highlighted,.picker__day--highlighted:hover {
  cursor: pointer
}

.picker--focused .picker__day--selected,.picker__day--selected,.picker__day--selected:hover {
  background: #0089ec
}

.picker--focused .picker__day--disabled,.picker__day--disabled,.picker__day--disabled:hover {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #ddd;
  cursor: default
}

.picker__day--highlighted.picker__day--disabled,.picker__day--highlighted.picker__day--disabled:hover {
  background: #bbb
}

.picker__footer {
  display: flex;
  align-items: center;
  justify-content: space-between
}

.picker__button--clear,.picker__button--close,.picker__button--today {
  border: 1px solid #fff;
  background: #fff;
  font-size: .8em;
  padding: .66em 0;
  font-weight: 700;
  width: 33%;
  display: inline-block;
  vertical-align: bottom
}

.picker__button--clear:hover,.picker__button--close:hover,.picker__button--today:hover {
  cursor: pointer;
  color: #000;
  background: #b1dcfb;
  border-bottom-color: #b1dcfb
}

.picker__button--clear:focus,.picker__button--close:focus,.picker__button--today:focus {
  background: #b1dcfb;
  border-color: rgba(0,0,0,.05);
  outline: 0
}

.picker__button--clear:before,.picker__button--close:before,.picker__button--today:before {
  position: relative;
  display: inline-block;
  height: 0
}

.picker__button--clear:before,.picker__button--today:before {
  content: " ";
  margin-right: .45em
}

.picker__button--today:before {
  top: -.05em;
  width: 0;
  border-top: .66em solid #0059bc;
  border-left: .66em solid transparent
}

.picker__button--clear:before {
  top: -.25em;
  width: .66em;
  border-top: 3px solid #e20
}

.picker__button--close:before {
  content: "\D7";
  top: -.1em;
  vertical-align: top;
  font-size: 1.1em;
  margin-right: .35em;
  color: #777
}

.picker__button--today[disabled],.picker__button--today[disabled]:hover {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #ddd;
  cursor: default
}

.picker__button--today[disabled]:before {
  border-top-color: #aaa
}

.picker__date-display {
  text-align: center;
  background-color: #e0e0e0;
  color: #fff;
  padding-bottom: 15px;
  font-weight: 300
}

.picker__nav--next:hover,.picker__nav--prev:hover {
  cursor: pointer;
  color: #000;
  background: #a1ded8
}

.picker__weekday-display {
  background-color: #1f897f;
  padding: 10px;
  font-weight: 200;
  letter-spacing: .5;
  font-size: 1rem;
  margin-bottom: 15px
}

.picker__month-display {
  text-transform: uppercase
}

.picker__day-display {
  font-weight: 400
}

.picker__box {
  border-radius: 2px;
  overflow: hidden;
  padding: 0
}

.picker__calendar-container {
  padding: 0 1rem
}

.picker__calendar-container thead {
  border: none
}

.picker__table {
  margin-top: 0;
  margin-bottom: .5em
}

.picker__day--infocus {
  color: #595959;
  letter-spacing: -.3;
  padding: .75rem 0;
  font-weight: 400;
  border: 1px solid transparent
}

.picker__day.picker__day--today {
  color: #0177d6
}

.picker__day.picker__day--today.picker__day--selected {
  color: #fff
}

.picker__weekday {
  font-size: .9rem
}

.picker--focused .picker__day--selected,.picker__day--selected,.picker__day--selected:hover {
  border-radius: 50%;
  -webkit-transform: scale(.9);
  -moz-transform: scale(.9);
  -ms-transform: scale(.9);
  -o-transform: scale(.9);
  transform: scale(.9);
  background-color: #0177d6;
  color: #fff
}

.picker--focused .picker__day--selected.picker__day--outfocus,.picker__day--selected.picker__day--outfocus,.picker__day--selected:hover.picker__day--outfocus,button.picker__clear:focus,button.picker__close:focus,button.picker__today:focus {
  background-color: #a1ded8
}

.picker__footer {
  text-align: right;
  padding: 5px 10px
}

.picker__close,.picker__today {
  font-size: 1.1rem;
  padding: 0 1rem;
  color: #000
}

.picker__nav--next:before,.picker__nav--prev:before {
  content: " ";
  border-top: .5em solid transparent;
  border-bottom: .5em solid transparent;
  border-right: .75em solid #676767;
  width: 0;
  height: 0;
  display: block;
  margin: 0 auto
}

.picker__nav--next:before {
  border-right: 0;
  border-left: .75em solid #676767
}

.picker__list {
  list-style: none;
  padding: .75em 0 4.2em;
  margin: 0
}

.picker__list-item {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  margin-bottom: -1px;
  position: relative;
  background: #fff;
  padding: .75em 1.25em
}

.picker__list-item--highlighted,.picker__list-item:hover {
  border-color: #0089ec;
  z-index: 10
}

.picker--focused .picker__list-item--highlighted,.picker__list-item--highlighted:hover,.picker__list-item:hover {
  cursor: pointer;
  color: #000;
  background: #b1dcfb
}

@media (min-height: 46.75em) {
  .picker__list-item {
      padding:.5em 1em
  }
}

.picker--focused .picker__list-item--selected,.picker__list-item--selected,.picker__list-item--selected:hover {
  background: #0089ec;
  color: #fff;
  z-index: 10
}

.picker--focused .picker__list-item--disabled,.picker__list-item--disabled,.picker__list-item--disabled:hover {
  background: #f5f5f5;
  color: #ddd;
  cursor: default;
  border-color: #ddd;
  z-index: auto
}

.picker--time .picker__button--clear {
  display: block;
  width: 80%;
  margin: 1em auto 0;
  padding: 1em 1.25em;
  background: 0 0;
  border: 0;
  font-weight: 500;
  font-size: .67em;
  text-align: center;
  text-transform: uppercase;
  color: #666
}

.picker--time .picker__button--clear:focus,.picker--time .picker__button--clear:hover {
  background: #e20;
  border-color: #e20;
  cursor: pointer;
  color: #fff;
  outline: 0
}

.picker--time .picker__button--clear:before {
  top: -.25em;
  color: #666;
  font-size: 1.25em;
  font-weight: 700
}

td,th {
  font-weight: 400
}

.picker--time .picker__button--clear:focus:before,.picker--time .picker__button--clear:hover:before {
  color: #fff
}

.picker--time .picker__frame {
  min-width: 256px;
  max-width: 320px
}

.picker--time .picker__box {
  font-size: 1em;
  background: #f2f2f2;
  padding: 0
}

@media (min-height: 40.125em) {
  .picker--time .picker__box {
      margin-bottom:5em
  }
}

.fontsize16 .select-wrapper input.select-dropdown {
  font-size: 1.143rem!important
}

input[type=date]:disabled+label,input[type=date][readonly=readonly]+label,input[type=datetime-local]:disabled+label,input[type=datetime-local][readonly=readonly]+label,input[type=email]:disabled+label,input[type=email][readonly=readonly]+label,input[type=number]:disabled+label,input[type=number][disabled]+label,input[type=number][readonly=readonly]+label,input[type=number][readonly]+label,input[type=password]:disabled+label,input[type=password][readonly=readonly]+label,input[type=search]:disabled+label,input[type=search][readonly=readonly]+label,input[type=tel]:disabled+label,input[type=tel][readonly=readonly]+label,input[type=text]:disabled+label,input[type=text][disabled=disabled]+label,input[type=text][disabled]+label,input[type=text][readonly=readonly]+label,input[type=text][readonly]+label,input[type=time]:disabled+label,input[type=time][readonly=readonly]+label,input[type=url]:disabled+label,input[type=url][readonly=readonly]+label,textarea.materialize-textarea:disabled+label,textarea.materialize-textarea[readonly=readonly]+label {
  color: rgba(0,0,0,.64)
}

input[type=date]:disabled,input[type=date][readonly=readonly],input[type=datetime-local]:disabled,input[type=datetime-local][readonly=readonly],input[type=email]:disabled,input[type=email][readonly=readonly],input[type=number]:disabled,input[type=number][disabled],input[type=number][readonly=readonly],input[type=number][readonly],input[type=password]:disabled,input[type=password][readonly=readonly],input[type=search]:disabled,input[type=search][readonly=readonly],input[type=tel]:disabled,input[type=tel][readonly=readonly],input[type=text]:disabled,input[type=text][disabled=disabled],input[type=text][disabled],input[type=text][readonly=readonly],input[type=text][readonly],input[type=time]:disabled,input[type=time][readonly=readonly],input[type=url]:disabled,input[type=url][readonly=readonly],textarea.materialize-textarea:disabled,textarea.materialize-textarea[readonly=readonly] {
  color: rgba(0,0,0,.9);
  border-bottom: 1px dotted transparent
}

input[type=text][readonly=readonly].select-dropdown,input[type=text][readonly].select-dropdown {
  border-bottom: 1px solid #e0e0e0
}

input[type=text].file-path.invalid {
  box-shadow: none
}

.fixed-action-btn {
  z-index: 11
}

.autocomplete-suggestion {
  background-color: #fff
}

.autocomplete-suggestion:hover {
  background-color: #e0e0e0
}

.autocomplete-textfield-suggestions {
  position: absolute;
  z-index: 1;
  top: 39px;
  left: 10px;
  width: calc(100% - 20px)
}

.autocomplete-selected {
  background-color: #f0f0f0!important
}

.scrollableModel .modal-header {
  border-bottom: 1px solid rgba(0,0,0,.1)
}

.scrollableModel .modal-footer,.scrollableModel .modal-footer_new {
  border-top: 1px solid rgba(0,0,0,.1);
  background: 0 0
}

.modal .modal-footer,.modal-content-with-form {
  border-top: 1px solid transparent
}

.modal .modal-footer {
  padding: 4px 8px 10px 20px;
  background: #fff
}

.m-f-checkbox-valign {
  margin-top: 12px
}

th {
  color: #5c5c5c;
  font-size: .8571rem
}

td {
  color: #3b3b3b
}

td:first-child,th:first-child {
  padding-left: 20px
}

td:last-child,th:last-child {
  padding-right: 20px
}

.input-fields-inside td,.input-fields-inside th {
  padding-top: 3px;
  padding-bottom: 10px
}

.input-fields-inside td:first-child,.input-fields-inside th:first-child {
  padding-left: 10px
}

.input-fields-inside td:last-child,.input-fields-inside th:last-child,.table-with-inputbox td:first-child {
  padding-left: 24px
}

.table-with-inputbox td:last-child {
  padding-right: 24px
}

.table-with-inputbox td {
  padding: 8px 15px
}

.formEdit .input-field {
  margin-bottom: 15px
}

[type=checkbox].filled-in:not(:checked)+label:after {
  background: #fff;
  border: 2px solid #757575
}

footer.page-footer {
  padding-top: 16px
}

.lookup-header {
  font-size: 16px;
  padding: 1.429rem;
  line-height: 1.5;
  border-bottom: 1px solid #e7e7e7;
  color: #000
}

.btn-small {
  font-size: .85rem;
  font-weight: 400!important
}

.circle-emt-checkbox[type=checkbox]+label {
  padding: 17px;
  top: .7143rem;
  left: 15px;
  border-radius: 50%;
  position: absolute
}

.circle-emt-checkbox[type=checkbox]+label:after,.circle-emt-checkbox[type=checkbox]+label:before {
  top: 8px!important;
  left: 8px!important
}

.nxt-checkbox-hide {
  -webkit-transition: "all ease-in-out 0.5s";
  -moz-transition: "all ease-in-out 0.5s";
  -o-transition: "all ease-in-out 0.5s";
  -ms-transition: "all ease-in-out 0.5s";
  transition: "all ease-in-out 0.5s";
  cursor: pointer
}

.nxt-checkbox-hide+.circle-emt-checkbox[type=checkbox]+label {
  visibility: hidden;
  -webkit-transition: "all ease-in-out 0.5s";
  -moz-transition: "all ease-in-out 0.5s";
  -o-transition: "all ease-in-out 0.5s";
  -ms-transition: "all ease-in-out 0.5s";
  transition: "all ease-in-out 0.5s"
}

.nxt-checkbox-show,.nxt-checkbox-show-prement {
  visibility: hidden
}

.nxt-checkbox-show+.circle-emt-checkbox[type=checkbox]+label,.nxt-checkbox-show-prement+.circle-emt-checkbox[type=checkbox]+label {
  visibility: visible
}

.collection .collection-item {
  background-color: transparent
}

.collection .collection-item.avatar i.circle {
  height: 36px;
  width: 36px;
  color: rgba(0,0,0,.38);
  background: rgba(224,224,224,.38);
  line-height: 29px
}

.collection .collection-item.avatar i.circle img {
  width: 100%;
  vertical-align: middle
}

.card-content .collection .collection-item.avatar .title {
  font-size: 14px
}

.collection .title {
  color: #212121
}

.card-content .collection .title {
  color: rgba(0,0,0,.87)
}

.collection .collection-item p,.collection .collection-item.avatar p {
  font-size: .85714rem
}

.collecton-item-secondary-text-wrapper {
  font-size: .85714rem;
  margin: 0;
  display: block;
  color: #757575
}

.chklink label,.tabs .tab .active {
  color: #0177d6
}

.s-c-with-tab {
  padding: 10px 15px
}

.lookup-bulk-order-edit {
  width: 350px;
  z-index: 982
}

[type=checkbox].filled-partial:checked+label:before {
  top: 0;
  left: 2px;
  width: 16px;
  height: 16px;
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotateZ(0);
  transform: rotateZ(0);
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  border-radius: 2px
}

.tabs .tab a {
  font-weight: 700;
  text-align: center
}

.tabs .indicator {
  display: none!important
}

ul .tabs {
  height: 48px!important
}

.tabs .tab a.active {
  border-bottom: 2px solid #0177d6!important
}

.dropdown-content--size-small {
  min-width: 214px
}

.dropdown-content--size-medium {
  min-width: 285px
}

.dropdown-content li.dropdown-content-content,.dropdown-content li.dropdown-content-footer,.dropdown-content li.dropdown-content-header,.dropdown-content li:hover.dropdown-content-content,.dropdown-content li:hover.dropdown-content-footer,.dropdown-content li:hover.dropdown-content-header {
  background-color: #fff;
  white-space: nowrap;
  line-height: normal;
  cursor: default
}

.dropdown-content li.dropdown-content-content,.dropdown-content li.dropdown-content-footer span,.dropdown-content li.dropdown-content-header span {
  padding: 0
}

.dropdown-content-content:after,.dropdown-content-footer:after,.dropdown-content-header:after {
  content: '';
  clear: both;
  height: 0;
  width: 100%;
  box-sizing: border-box
}

.dropdown-content li.dropdown-content-header {
  height: 57px;
  padding: 17px 12px
}

.dropdown-content .dropdown-content-footer,.dropdown-content li.dropdown-content-footer {
  height: 51px;
  padding: 7px
}

.dropdown-content-header .title {
  line-height: 24px;
  font-size: 1.143rem
}

.dropdown-button--withBorder {
  padding: 5px 0;
  border-bottom: 1px solid #e0e0e0
}

.dropdown-content li.collection-item label {
  text-transform: capitalize
}

.chip {
  padding: 0 2px 0 10px
}

.chip i.icon.iconSmall,.chip i.material-icons {
  line-height: 24px
}

.selected .chklink label {
  color: rgba(0,0,0,.87)
}

.dropdown-content .secondary-content {
  top: 5px!important
}

.filled-partial [type=checkbox].filled-in:checked+label:before,.filled-partial [type=checkbox].filled-in:not(:checked)+label:before {
  top: 5px;
  left: 7px;
  width: 12px;
  height: 12px;
  border-color: #fff;
  border-width: 2px;
  transform: rotateZ(0)
}

.filled-partial [type=checkbox].filled-in:checked+label:after,.filled-partial [type=checkbox].filled-in:not(:checked)+label:after {
  border-color: #5a5a5a;
  border-width: 2px;
  background-color: #0177d6
}

.disable-partial [type=checkbox].filled-in:checked+label:before,.disable-partial [type=checkbox].filled-in:not(:checked)+label:before {
  top: 5px;
  left: 7px;
  width: 12px;
  height: 12px;
  border-color: #fff;
  border-width: 2px;
  transform: rotateZ(0)
}

.disable-partial [type=checkbox].filled-in:checked+label:after {
  border-color: #d3d3d3;
  border-width: 2px;
  background-color: #d3d3d3;
  cursor: default;
  pointer-events: none
}

.disable-partial [type=checkbox].filled-in:not(:checked)+label:after {
  border: 1px solid #d3d3d3;
  background-color: #d3d3d3;
  cursor: default;
  pointer-events: none
}

.select-wrapper span.caret {
  right: 0
}

.select-wrapper input.select-dropdown {
  height: 2.1rem;
  line-height: 2.1rem
}

.optionalField .select-wrapper {
  margin-top: 11px
}

.ContractlangPage {
  bottom: 8px
}

input[type=mask], input[type=date],input[type=datetime-local],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],textarea.materialize-textarea {
  height: 2rem;
}

.input-field label {
  top: auto;
  bottom: 5px
}

.input-field label.active {
  bottom: 27px;
}
.lineFieldsInput .input-field label.active {
  bottom: 45px;
  left: 0px;
}
.input-field label.active.empty-label {
  top: -5px!important;
}

.input-field label.active.emptyTxt {
  bottom: 5px;
  font-size: 1rem;
  color: rgba(0,0,0,.64)
}

.input-field label.active.emptyTxt:after {
  font-size: .8rem
}

.input-field label.active.invalidTxt {
  color: rgba(0,0,0,.64)
}

.line-height-manager.input-field .ng-empty+label,.line-height-manager.input-field .ng-empty+label.active {
  bottom: 15px;
  font-size: 1rem;
  color: rgba(0,0,0,.64)
}

.line-height-manager.input-field .ng-empty+label.active:after,.line-height-manager.input-field .ng-empty+label:after {
  top: 25px;
  font-size: .8rem;
  transition: all .2s ease-out
}

.line-height-manager.input-field .line-height-manager.input-field input[type=text][disabled].ng-not-empty+label,.line-height-manager.input-field input[type=text][readonly=readonly].ng-empty+label.active,.line-height-manager.input-field input[type=text][readonly].ng-empty+label.active {
  bottom: 37px;
  font-size: 12px;
  color: rgba(0,0,0,.64)
}

.line-height-manager.input-field .ng-empty.ng-not-empty-add+label.active {
  bottom: 37px;
  font-size: 12px
}

.line-height-manager.input-field .ng-empty.ng-not-empty-add+label.active:after {
  top: 45px;
  font-size: .8rem;
  transition: all .2s ease-out
}

.line-height-manager.input-field .ng-empty:focus+label.active:after {
  top: 45px;
  transition: all .2s ease-out
}

.input-field .ng-empty+label,.input-field .ng-empty+label.active {
  bottom: 5px;
  font-size: 1rem;
  color: rgba(0,0,0,.64)
}

.input-field .ng-empty+label.active:after,.input-field .ng-empty+label:after {
  top: 25px;
  font-size: .8rem;
  transition: all .2s ease-out
}

.input-field.readOnlyField .ng-empty+label.active {
  bottom: 27px;
  font-size: .8rem
}

.input-field .ng-empty:focus+label.active {
  bottom: 27px;
  font-size: .8rem;
  color: rgba(0,0,0,.64)
}

.input-field .ng-empty:focus+label.active:after {
  top: 45px;
  transition: all .2s ease-out
}

.input-field input[type=number].ng-empty+label.active.empty-label:after,.input-field input[type=text].ng-empty+label.active.empty-label:after,.input-field textarea.materialize-textarea.ng-empty+label:after,.input-field textarea.materialize-textarea.ng-empty:focus+label.active:after {
  top: 47px
}

.input-field textarea.ng-empty+label.active {
  top: 18px!important
}

.input-field textarea.ng-empty+label.active:after {
  top: 30px
}

.line-height-manager.input-field .datepicker+label.active:after,.line-height-manager.input-field .datepicker.ng-empty+label.active:after {
  top: 45px
}

.line-height-manager.input-field .datepicker label.active,.line-height-manager.input-field .datepicker+label.active,.line-height-manager.input-field input:focus:not([readonly]).datepicker+label.active {
  font-size: .8rem;
  bottom: 37px
}

.line-height-manager.input-field .datepicker+label.active {
  font-size: .8rem
}

.input-field .datepicker+label.active {
  font-size: .8rem;
  bottom: 27px
}

[type=checkbox]:checked,[type=checkbox]:not(:checked),[type=radio]:checked,[type=radio]:not(:checked) {
  opacity: 0
}

.dropdown-content {
  border-radius: 2px
}

.fixed-action-btn.is-page-end {
  position: inherit;
  padding-top: 0;
  padding-bottom: 5px;
  float: right;
  padding-right: 23px;
  margin-bottom: 23px
}

.is-action-btn-trigger i.icon svg {
  -webkit-transition: all ease-in-out .2s;
  -moz-transition: all ease-in-out .2s;
  -o-transition: all ease-in-out .2s;
  -ms-transition: all ease-in-out .2s;
  transition: all ease-in-out .2s
}

.active .is-action-btn-trigger i.icon svg {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform-origin: center center
}

.pricesheetTable [type=checkbox]+label {
  height: 20px
}

.pricesheetTable i.small {
  font-size: 1rem
}

.secHeader,.sub-title {
  font-size: 1.28571rem
}

.pricesheetTable td {
  padding: 9px 10px 8px;
  color: #212121
}

.pricesheetTable td:first-child,.pricesheetTable th:first-child {
  padding-left: 20px!important
}

.pricesheetTable th {
  padding: 14px 10px 13px!important
}

.pricesheetTable th .th-cnt {
  max-width: calc(100% - 30px)
}

.sidebar-btn svg {
  width: 16px!important
}

.progress--bar {
  height: 2px;
  background-color: #e5e5e5;
  border-radius: 0;
  margin: 1.5rem 0 .3rem;
  width: 10%;
  display: inline-block
}

.progress--bar .indeterminate--bar {
  background-color: #6c6
}

.addRowRB [type=radio]:checked+label,.addRowRB [type=radio]:not(:checked)+label {
  padding-left: 25px
}

.addRowRB .redio-chanel label {
  margin: 0
}

.addRowRB .marginRight30:last-child {
  margin-right: 0
}

.icon.icon--xLarge>svg {
  width: 68px;
  height: 68px
}

.tabShadow .borderBtmGray {
  box-shadow: 0 1px 5px #e0e0e0;
  border-color: #e0e0e0
}

.circle-clipper.circle-clipper--x .circle {
  border-width: 2px
}

.preloader-wrapper.x-small {
  width: 18px;
  height: 18px
}

[type=date] input[type=text][readonly] {
  border-bottom: 1px solid #e0e0e0
}

table [type=date] input[type=text]+label:before {
  top: 14px;
  right: -11px
}

.lookup-popup.list-item:hover {
  background-color: #eee
}

.dropdown-content li>a,.dropdown-content li>span {
  color: #212121
}

.dropdown-content li {
  cursor: default;
  box-sizing: border-box
}

.tabs {
  background-color: rgba(255,255,255,0)
}

[type=radio]:checked+label,[type=radio]:not(:checked)+label {
  padding-left: 30px
}

[type=checkbox]+label {
  padding-left: 29px;
  height: 27px;
  line-height: 27px
}

textarea.materialize-textarea+label:after {
  top: 44px
}

.input-field textarea.materialize-textarea~label.active.emptyTxt {
  top: 1.6rem!important
}

.material-tooltip {
  white-space: pre-wrap;
  max-width: 50%;
  z-index: 2030
}

.switch label {
  height: 21px;
  display: inline-block
}

.box-solid {
  border: 1px solid #ccc;
  min-height: 100px
}

.box-switch .switch label .lever {
  float: left
}

.box-switch .switch label span:first-child {
  width: 145px;
  display: block;
  float: left;
  margin-top: -12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.switch label .lever {
  top: -3px;
  width: 28px;
  height: 5px;
  margin: 0 0 0 2px;
  background-color: #ccc
}

.switch label .lever:after {
  width: 14px;
  height: 14px;
  border-radius: 14px;
  top: -5px;
  left: 0;
  box-shadow: 0 1px 1.96px .04px rgba(3,3,3,.68);
  background-color: #fff
}

.switch label input[type=checkbox]:checked+.lever {
  background-color: #7ac5fa
}

.switch label input[type=checkbox]:checked+.lever:after {
  background-color: #0177d6;
  left: 14px
}

.switch label input[type=checkbox][disabled]+.lever {
  background-color: #ccc
}

.switch label input[type=checkbox][disabled]:checked+.lever {
  background-color: #b2e5ff
}

.switch label input[type=checkbox][disabled]+.lever:after {
  background-color: #e1e1e1;
  box-shadow: None
}

.switch label input[type=checkbox][disabled]:checked+.lever:after {
  background-color: #8acefd;
  box-shadow: None
}

textarea.materialize-textarea[readonly=readonly] {
  top: 1.6rem
}

table.highlight.noTransitionTr>tbody>tr {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none
}

.textareaSpace textarea.materialize-textarea {
  padding: 0;
  min-height: 0
}

.textareaSpace textarea.materialize-textarea+label:after {
  top: 48px
}

.btn-floating i {
  line-height: 33px
}

.collection.with-header .collection-item.avatar {
  padding-right: 20px
}

.lookup-modal .select-dropdown li:hover {
  background-color: #eee
}

.lookup-popup .dropdown-content li>a,.lookup-popup .dropdown-content li>span {
  padding: .5rem
}

.lookup-popup .select-dropdown li {
  cursor: pointer
}

.whiteSecondaryBtn .btn {
  background-color: #fff;
  color: #0177d6
}

[type=checkbox].filled-in:checked:focus+label:after,[type=checkbox].filled-in:focus+label:after {
  border-radius: 2px
}

input[type=checkbox]:checked:not(:disabled)~.lever:active:after,input[type=checkbox]:not(:disabled)~.lever:active:after {
  box-shadow: 0 1px 3px 1px rgba(0,0,0,.4),0 0 0 8px rgba(0,0,0,.08)
}

input[disabled][type=checkbox]+label {
  cursor: default
}

.dropdown-content-content .btn-flat:focus,.dropdown-content-content .btn:focus,.dropdown-content-content a:focus,.dropdown-content-content i.icon:focus,.dropdown-content-header .btn-flat:focus,.dropdown-content-header .btn:focus,.dropdown-content-header a:focus,.dropdown-content-header i.icon:focus,.extra-nav-wrap .btn-flat:focus,.extra-nav-wrap .btn:focus,.extra-nav-wrap a:focus,.extra-nav-wrap i.icon:focus,.modal-content .cancel-icon:focus,.modal-content .search-icon:focus,.modal-header .btn-flat:focus,.modal-header .btn:focus,.modal-header a:focus,.modal-header i.icon:focus,.nav-wrapper .btn-flat:focus,.nav-wrapper .btn:focus,.nav-wrapper a:focus,.nav-wrapper i.icon:focus {
  outline: #159dfc auto 1px
}

.collapsible-header {
  padding: 0 1.2rem
}

.collapsible-header i {
  margin-right: .5rem
}

.ui-grid-cell .btn-flat {
  height: 30px;
  line-height: 20px
}

.model.update--model .modal-header {
  padding: 17px 24px
}

.dropdown-content li.tab:hover {
  background-color: #fff
}

.collection a.collection-item {
  color: #0177d6
}

.collection .collection-item.active {
  background-color: #f5f5f5;
  color: rgba(0,0,0,.87)
}

.dropdown-content li.optgroup.active,.dropdown-content li.optgroup.selected,.dropdown-content li.optgroup:hover {
  background: #fff;
  cursor: default
}

.dropdown-content li.optgroup {
  padding-left: 0
}

.dropdown-content li.optgroup>span {
  color: #9e9e9e
}

.dropdownHasDivider .dropdown-content li.optgroup {
  border-top: 1px solid #eee
}

.dropdownHasDivider .dropdown-content li.optgroup>span {
  display: none
}

.text-justify {
  text-align: justify
}

.shadowNone {
  box-shadow: none!important
}

.sub-title {
  color: #212121;
  padding: 17px 22px
}

.toast-container {
  max-width: 400px;
  bottom: 10px;
  left: 10px;
  display: block;
  position: fixed;
  z-index: 10000
}

.toast-animation--duration {
  animation-duration: .5s!important
}

.toast-transition--easeIn {
  transition: all 0s ease-in
}

.toast-transition--easeOut {
  transition: all 0s ease-out
}

#toast-container {
  max-width: 400px;
  left: 10px;
  bottom: 78px;
  top: auto;
  right: auto
}

#toast-container .toast {
  height: auto;
  line-height: 1.4;
  padding: 14px 25px 13px;
  word-break: break-word
}

.dropdown-content li>a,.dropdown-content li>span,.filterHeaderAction .dropdown-content li>a {
  color: #5A5A5A;
  padding: .7rem
}

.input-field textarea~label {
  top: 1.3rem!important;
  bottom: auto!important
}

.input-field textarea:focus:not([readonly])+label,.input-field textarea~label.active {
  top: 0!important;
  bottom: auto!important;
  font-size: 12px
}

textarea.materialize-textarea {
  max-height: 84.2px!important;
  overflow: auto;
  min-height: 1.8rem;
  margin-top: 16px;
  height: 1.8rem;
  padding: 0
}

span.collection-Badge--position {
  top: .7857rem;
  right: .3571rem
}

.input-field .suffix {
  right: 0
}

.input-field textarea~label.active {
  top: -.6rem;
  bottom: auto!important
}

[type=checkbox].filled-in:checked+label:before {
  top: 5px;
  width: 7px;
  height: 11px;
  border-top-width: 1px;
  border-left-width: 1px
}

[type=checkbox].filled-in:checked+label:after,[type=checkbox].filled-in:not(:checked)+label:after {
  height: 16px;
  width: 16px;
  top: 5px
}

[type=radio]+label:after,[type=radio]+label:before {
  left: 0
}

[type=checkbox].filled-in+label:after,[type=checkbox].filled-in+label:before {
  left: 5px
}

[type=date] input[type=text][readonly][disabled] {
  border-bottom: none
}

.input-field .field-suffix-loader {
  position: absolute;
  top: 10px;
  right: 10px
}

.input-field .field-suffix-loader~input[type=text] {
  padding-right: 25px;
  box-sizing: border-box
}

.select-wrapper .select-dropdown {
  max-height: 200px
}

.character-counter {
  margin-top: 0
}

span.character-counter {
  line-height: 0!important;
  margin-top: 8px!important
}

.readonly-value-manager+span.character-counter {
  margin-top: 14px
}

.optionalField .character-counter {
  margin-right: 22px;
  line-height: 0;
  margin-top: 5px
}

.noSpinner input[type=number]::-webkit-inner-spin-button,.noSpinner input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0
}

.collection-with-spacing {
  border: none
}

.collection-with-spacing .collection-item {
  border: 1px solid #e0e0e0;
  margin-bottom: 5px
}

.collection-with-spacing .collection-item:last-child {
  border: 1px solid #e0e0e0
}

.collection-with-spacing .collection-item.avatar {
  min-height: 50px
}

.collection-with-spacing .collection-item.avatar .circle {
  background: #f5f5f5;
  border: 1px solid #e0e0e0;
  height: 30px;
  width: 30px;
  color: #949494;
  line-height: 27px;
  text-align: center
}

.secondary-content-with-waves {
  top: 6px
}

input[type=text]+label+.character-counter,textarea+label+.character-counter {
  visibility: hidden
}

input[type=text]:focus+label+.character-counter,textarea:focus+label+.character-counter {
  visibility: visible
}

.card-slider .slick-loading .slick-slide,.card-slider .slick-loading .slick-track,.is-visible-hidden,.slick-loading .slick-slide,.slick-loading .slick-track {
  visibility: hidden
}

.ddautoHeight {
  height: auto!important
}

.ddContentWithPadding {
  padding: 1.7143rem
}

.dropdown-content--size-xsmall {
  width: 150px
}

@media only screen and (min-width: 961px) {
  .toast {
      float:left
  }
}

.row::after {
  display: block;
  height: 0;
  overflow: hidden
}

.tabs .tab a {
  padding: 15px 20px 10px
}

::selection {
  background-color: #3297fd;
  color: #fff
}

.select-wrapper input.select-dropdown:focus::selection {
  background-color: transparent;
  color: rgba(0,0,0,.9)
}

.areaReadOnlyContent {
  position: relative
}

.areaReadOnlyContent .areaReadOnlyPara {
  margin-right: 52px!important;
  margin-bottom: -3px!important;
  overflow: hidden;
  color: rgba(0,0,0,.87)
}

.areaReadOnlyContent .areaReadOnlyPara span:focus {
  outline: 0!important
}

.areaReadOnlyContent .areaReadOnlyPara.readOnlyshowLess {
  white-space: nowrap
}

.areaReadOnlyContent .areaReadOnlyPara.areareadOnlyContentPara1 {
  max-width: calc(100% - 110px);
  text-align: justify
}

.areaReadOnlyContent .areaReadOnlyPara.areareadOnlyContentPara2 {
  max-width: 100%;
  margin-right: 0!important;
  margin-bottom: 0!important;
  text-align: justify
}

.areaReadOnlyContent .areaReadOnlyPara>p {
  margin: 2px 0
}

.areaReadOnlyContent .areaReadOnlyPara>span:first-child {
  display: inline-block;
  padding-top: 10px
}

.areaReadOnlyContent .showMoreLink {
  width: 115px;
  right: 0;
  position: absolute;
  top: 9px;
  cursor: default;
  padding-left: 5px
}

.areaReadOnlyContent .ellipsis {
  white-space: nowrap
}

.areaReadOnlyContent+label,.optionalField .areaReadOnlyContent+label {
  top: -3px!important;
  bottom: auto!important
}

.input-field .prefix+div>input,.input-field .prefix+div>textarea {
  margin-left: 3rem;
  width: 92%;
  width: calc(100% - 3rem)
}

.input-field .suffix+div>input,.input-field .suffix+div>textarea {
  margin-right: 3rem;
  width: 92%;
  width: calc(100% - 3rem)
}

.input-field .prefix+div>textarea,.input-field .suffix+div>textarea {
  padding-top: .8rem
}

.input-field .prefix+div>label {
  margin-left: 3rem
}

.input-field .suffix+div>label {
  margin-right: 3rem
}

@media only screen and (max-width: 960px) {
  .input-field .prefix+div>input,.input-field .suffix+div>input {
      width:86%;
      width: calc(100% - 3rem)
  }
}

@media only screen and (max-width: 600px) {
  .input-field .prefix+div>input,.input-field .suffix+div>input {
      width:80%;
      width: calc(100% - 3rem)
  }
}

.fixed-action-btn ul {
  bottom: 94px
}

.fixed-action-btn.activeOnClick ul {
  bottom: 54px
}

.fixed-action-btn.top ul {
  top: 35px
}

.modal {
  border-radius: 0
}

.autocomplete-suggestions.autocomplete-suggestion-box {
  max-height: 300px;
  z-index: 9999;
  display: block!important;
  position: absolute;
  width: 100%;
  color: #000!important;
  font-size: 1rem!important
}

.spinner-blue,.spinner-blue-only {
  border-color: #0177d6
}

html {
  color: #1c1c1c
}

.black-text {
  color: #1c1c1c!important
}

.blue {
  background-color: #0177d6!important
}

.blue-text {
  color: #0177d6!important
}

.green {
  background-color: #268406!important
}

.green-text {
  color: #268406!important
}

.red-text {
  color: #d63d3d!important
}

.orange {
  background-color: #e67300!important
}

.orange-text {
  color: #e67300!important
}

.purple {
  background-color: #9577db!important
}

.purple-text {
  color: #9577db!important
}

.cyan-text.text-lighten-3 {
  color: #64c1ff!important
}

.error-status-bg {
  background-color: #d63d3d
}

.success-status-bg {
  background-color: #268406
}

.pending-status-bg {
  background-color: #e67300
}

.notYetStarted-status-bg {
  background-color: #667985
}

.notAvailable-status-bg {
  background-color: #a8a8a8
}

.confirmation-status-bg {
  background-color: #ffc107
}

.error-status-text {
  color: #d63d3d
}

.success-status-text {
  color: #268406
}

.pending-status-text {
  color: #e67300
}

.notYetStarted-status-text {
  color: #667985
}

.notAvailable-status-text {
  color: #a8a8a8
}

.confirmation-status-text {
  color: #ffc107
}

input[type=text][readonly=readonly].select-dropdown:focus,input[type=text][readonly].select-dropdown:focus {
  border-bottom: 1px solid #0177d6;
  box-shadow: 0 1px 0 0 #0177d6
}

.isFocused label {
  color: #0177d6!important
}

.tableSelect .select-wrapper,table.sTable td>smart-select .select-wrapper {
  height: 20px
}

.tableSelect .select-wrapper input.select-dropdown,table.sTable td>smart-select .select-wrapper input.select-dropdown {
  border: 1px solid transparent;
  height: 25px;
  margin: 0;
  padding: 0 20px 4px 5px;
  line-height: normal
}

.tableSelect .select-wrapper input.select-dropdown:focus,table.sTable td>smart-select .select-wrapper input.select-dropdown:focus {
  box-shadow: 0 0 0 1px #0177d6;
  border: 1px solid #0177d6
}

.tableSelect .select-wrapper span.caret,table.sTable td>smart-select .select-wrapper span.caret {
  top: 0;
  right: 0
}

@keyframes leftToRight {
  0% {
      right: -100%
  }

  100% {
      right: 85%
  }
}

@-webkit-keyframes leftToRight {
  0% {
      right: -100%
  }

  100% {
      right: 85%
  }
}

@-moz-keyframes leftToRight {
  0% {
      right: -100%
  }

  100% {
      right: 85%
  }
}

@-ms-keyframes leftToRight {
  0% {
      right: -100%
  }

  100% {
      right: 85%
  }
}

@-o-keyframes leftToRight {
  0% {
      right: -100%
  }

  100% {
      right: 85%
  }
}

@keyframes rightToLeft {
  0% {
      left: 0
  }

  100% {
      left: 85%
  }
}

@-webkit-keyframes rightToLeft {
  0% {
      left: 0
  }

  100% {
      left: 85%
  }
}

@-moz-keyframes rightToLeft {
  0% {
      left: 0
  }

  100% {
      left: 85%
  }
}

@-ms-keyframes rightToLeft {
  0% {
      left: 0
  }

  100% {
      left: 85%
  }
}

@-o-keyframes rightToLeft {
  0% {
      left: 0
  }

  100% {
      left: 85%
  }
}

@keyframes topToBottom {
  0% {
      bottom: -10%
  }

  100% {
      bottom: 85%
  }
}

@-webkit-keyframes topToBottom {
  0% {
      bottom: -10%
  }

  100% {
      bottom: 85%
  }
}

@-moz-keyframes topToBottom {
  0% {
      bottom: -10%
  }

  100% {
      bottom: 85%
  }
}

@-ms-keyframes topToBottom {
  0% {
      bottom: -10%
  }

  100% {
      bottom: 85%
  }
}

@-o-keyframes topToBottom {
  0% {
      bottom: -10%
  }

  100% {
      bottom: 85%
  }
}

@keyframes bottomToTop {
  0% {
      top: -10%
  }

  100% {
      top: 85%
  }
}

@-webkit-keyframes bottomToTop {
  0% {
      top: -10%
  }

  100% {
      top: 85%
  }
}

@-moz-keyframes bottomToTop {
  0% {
      top: -10%
  }

  100% {
      top: 85%
  }
}

@-ms-keyframes bottomToTop {
  0% {
      top: -10%
  }

  100% {
      top: 85%
  }
}

@-o-keyframes bottomToTop {
  0% {
      top: -10%
  }

  100% {
      top: 85%
  }
}

.staggeredRight.ng-enter {
  opacity: 0;
  left: 60px;
  transition: all ease .25s;
  position: relative
}

.staggeredRight.ng-enter-stagger {
  transition-delay: .1s;
  -webkit-transition-delay: .1s;
  transition-duration: 0s;
  -webkit-transition-duration: 0s
}

.staggeredRight.ng-enter.ng-enter-active {
  opacity: 1;
  left: 0
}

.staggeredLeft.ng-enter {
  opacity: 0;
  right: 60px;
  transition: all ease .25s;
  position: relative
}

.staggeredLeft.ng-enter-stagger {
  transition-delay: .1s;
  -webkit-transition-delay: .1s;
  transition-duration: 0s;
  -webkit-transition-duration: 0s
}

.staggeredLeft.ng-enter.ng-enter-active {
  opacity: 1;
  right: 0
}

.staggeredTop.ng-enter {
  transform: translateY(60px);
  transition: all ease .25s;
  opacity: 0
}

.staggeredTop.ng-enter-stagger {
  transition-delay: .2s;
  transition-duration: 0s;
  transform: translateY(0)
}

.staggeredTop.ng-enter.ng-enter-active {
  opacity: 1;
  transform: translateY(0)
}

.blue-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0,103,176,.92);
  z-index: 1000
}

.blue-overlay .centered {
  position: relative;
  top: 50%;
  margin-top: -118.5px
}

.blue-overlay .centered .action-box {
  width: 172px;
  height: 172px;
  margin: 10px;
  padding: 10px;
  border-radius: 2px;
  display: inline-block;
  position: relative;
  cursor: pointer
}

.blue-overlay .centered .action-box .action-box-icon {
  padding: 30px 30px 24px
}

.blue-overlay .centered .action-box .action-box-icon .action-icon {
  margin: 0 auto
}

.blue-overlay .centered .action-box .action-box-icon .action-icon svg {
  width: 60px;
  height: 60px
}

.blue-overlay .centered .action-box .action-box-text {
  position: absolute;
  width: 100%;
  padding: 10px 20px;
  left: 0;
  bottom: 0
}

.blue-overlay .overlay-okay-button {
  position: absolute;
  bottom: 15px;
  right: 20px
}

.blue-overlay .layout-profile-image {
  width: 15vw;
  height: 15vw
}

.blue-overlay .slider-container {
  display: inline;
  float: left;
  position: relative;
  width: 100%
}

.blue-overlay .action-block-disable {
  color: #e7e7e7;
  cursor: default!important;
  box-shadow: none
}

.card-page-container {
  margin: 0;
  position: relative
}

.card-page-container .scrollbar-outer.scroll-content.scroll-scrolly_visible {
  -ms-overflow-style: none
}

.card-page-container .scroll_card_next_button,.card-page-container .scroll_card_prev_button {
  height: 45px;
  width: 45px;
  justify-content: center;
  text-align: center;
  display: flex;
  vertical-align: middle
}

.card-page-container .scroll_card_next_button i,.card-page-container .scroll_card_prev_button i {
  line-height: inherit
}

.card-page-container .landing-cards .card-header {
  height: 140px;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out
}

.card-page-container .landing-cards .card-header .card-title {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1
}

.card-header {
  height: 87px!important
}

.card-action {
  height: 62px!important
}

.card-page-container .landing-cards .card-header .card-title .container {
  position: relative;
  width: calc(100% - 30px)
}

.card-page-container .landing-cards .card-header .card-title .container .card-header-title {
  width: 80%;
  float: left
}

.card-page-container .landing-cards .card-header .card-title .container .card-status {
  position: absolute;
  bottom: -11px;
  left: 0;
  text-transform: uppercase;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  width: 100%
}

.card-page-container .landing-cards .work-count,.work-count {
  color: #000;
  font-size: 16px;
  font-weight: 300;
  right: -5px;
  background: #fdd835;
  z-index: 98989899;
  border-radius: 3px;
  width: 75px;
  height: 30px;
  text-align: center;
  padding: 3px 0;
  box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
  position: absolute;
  float: right
}

.card-page-container .landing-cards .work-count {
  bottom: 39px
}

.work-count {
  bottom: 39px!important
}

.card-page-container .landing-cards .work-count.isfilteredCount {
  cursor: pointer;
  color: #0177d6;
  background: #fff
}

.card-page-container .landing-cards i.card-header-icon {
  color: #fff;
  opacity: .2;
  position: absolute;
  top: -78px;
  left: -62px;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out
}

.card-page-container .landing-cards i.card-header-icon svg {
  height: 360px;
  width: 360px
}

.card-header-btn-option {
  margin-top: 12px;
  text-align: right;
  float: right;
  padding-right: 23px
}

.card-header-btn-option .card-search .input-field {
  top: -12px;
  width: calc(100% - 37px);
  float: left;
  opacity: .01;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out
}

.card-header-btn-option .input-field [type=text] {
  padding-left: 35px
}

.card-header-btn-option .card-search.open .input-field {
  opacity: 1;
  font-size: 1.2rem
}

.card-header-btn-option .card-search.open .input-field input {
  font-size: 1.2rem
}

.card-header-btn-option .card-search.open .input-field input::-webkit-input-placeholder {
  color: #fff
}

.card-header-btn-option .card-search.open .input-field input:-moz-placeholder {
  color: #fff
}

.card-header-btn-option .card-search.open .input-field input::-moz-placeholder {
  color: #fff
}

.card-header-btn-option .card-search.open .input-field input:-ms-input-placeholder {
  color: #fff
}

.card-header-btn-option .card-search.open .input-field pre {
  color: #fff
}

.card-header-btn-option li {
  display: block;
  float: left
}

.card-header-btn-option li.card-search {
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  width: 46px;
  position: relative;
  margin-top: 2px
}

.card-header-btn-option li.card-search .search-icon {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1
}

.card-header-btn-option li.card-search .cancel-icon {
  position: absolute;
  right: 0;
  top: 0;
  display: none;
  z-index: 1
}

.card-header-btn-option li.card-search.open {
  width: 320px
}

.card-header-btn-option li.card-search.open .search-icon {
  left: 0;
  padding: 0
}

.card-header-btn-option li.card-search.open .cancel-icon {
  display: block
}

.card-header-btn-option>li .btn-flat {
  padding: 0 6px;
  border-radius: 50%
}

.card-header-btn-option>li .btn-flat i {
  line-height: 1rem
}

.card-header-btn-option>li .btn-flat:focus {
  box-shadow: none;
  background: 0 0
}

.iconThree .card-header-btn-option li.card-search.open {
  width: 310px
}

.choose_slider_items>ul>li {
  position: relative;
  list-style: none;
  display: none;
  width: 464px;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out
}

.choose_slider_items>ul.fastAnimate>li,.collapsible_title .dirArrow {
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out
}

.choose_slider_items>ul.fastAnimate>li {
  transition: all .4s ease-in-out
}

.choose_slider_items>ul.acceleratedFastAnimate>li {
  -webkit-transition: all .1s ease-in-out;
  -moz-transition: all .1s ease-in-out;
  -o-transition: all .1s ease-in-out;
  -ms-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out
}

.choose_slider_items .previous_item {
  display: block;
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 15px;
  z-index: 0;
  transform: translateY(-50%) scale(.9,.9)
}

.choose_slider_items .next_item {
  display: block;
  opacity: 1;
  position: absolute;
  top: 50%;
  left: calc(100% - 486px);
  z-index: 0;
  transform: translateY(-50%) scale(.9,.9)
}

.choose_slider_items .previous_hidden {
  display: block;
  opacity: 0;
  position: absolute;
  top: calc(50% + 40px);
  left: 95px;
  z-index: 0;
  transform: translateY(-50%) scale(.8,.8)
}

.choose_slider_items .next_hidden {
  display: block;
  -webkit-transform: scale(.8,.8);
  -moz-transform: scale(.8,.8);
  -ms-transform: scale(.8,.8);
  -o-transform: scale(.8,.8);
  transform: scale(.8,.8);
  opacity: 0;
  position: absolute;
  top: 50%;
  left: calc(50% - 233px);
  z-index: 0;
  transform: translateY(-50%)
}

.choose_slider_items .next_item_2,.choose_slider_items .previous_item_2 {
  opacity: .35;
  position: absolute;
  top: calc(50% + 40px);
  z-index: 0;
  display: block
}

.choose_slider_items .previous_item_2 {
  left: -5px;
  transform: translateY(-50%) scale(.6,.6)
}

.choose_slider_items .next_item_2 {
  -webkit-transform: scale(.6,.6);
  -moz-transform: scale(.6,.6);
  -ms-transform: scale(.6,.6);
  -o-transform: scale(.6,.6);
  transform: scale(.6,.6);
  left: 525px;
  transform: translateY(-50%) scale(.6,.6)
}

.choose_slider_items.card {
  box-shadow: 25px 10px 150px 0 rgba(0,0,0,.21)
}

.boxShadowNone,.cardWithTabs .tabparent-container {
  box-shadow: none!important
}

.choose_slider_items .card.scrolledCard .card-header {
  height: 87px
}

.choose_slider_items .card.scrolledCard .card-header.searchOpenH .card-title {
  z-index: -1
}

.choose_slider_items .card.scrolledCard .card-header.searchOpenH .card-title .card-status {
  opacity: 0
}

.choose_slider_items .card.scrolledCard .card-header ._favIcon {
  margin-left: -17px
}

.choose_slider_items .card.scrolledCard .card-title .card-status {
  -webkit-transform: translateY(-31px);
  -moz-transform: translateY(-31px);
  -ms-transform: translateY(-31px);
  -o-transform: translateY(-31px);
  transform: translateY(-31px);
  font-size: .55em;
  width: 200px
}

.right-sidebar-nav li.active .collapsible-header .right svg,.side-nav .collapsible-header.active i.arrowRotateOnActive {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg)
}

.choose_slider_items .card.scrolledCard .card-title .container .card-status {
  width: 90%
}

.choose_slider_items .card.scrolledCard .card-content {
  height: 100%;
  padding: 30px 0 0
}

.choose_slider_items .search-open .card.scrolledCard .card-title .card-status {
  opacity: 0;
  z-index: -1
}

.filterContainer .filterHeaderAction>.right .filterTopIcon.disabled,.filterWraper .arrowWraper span.disabled {
  opacity: .3;
  cursor: not-allowed
}

.choose_slider_items .filterDropDown .drop-down-footer {
  margin: 10px 0;
  padding: 0 6px
}

.choose_slider_items .filterDropDown .drop-down-footer:after {
  clear: both;
  content: '';
  height: 0;
  width: 100%;
  display: block
}

.choose_slider_items .filterDropDown.maxHeight300 {
  max-height: 300px!important
}

.landing-cards .slick-slide .card {
  margin: 0!important
}

.landing-cards .card-content {
  padding: 0;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  position: relative;
  height: 265px
}

.landing-cards .card-content .tabparent .scroll-x,.landing-cards .card-content .tabparent .scroll-y {
  display: none
}

.landing-cards .card-content .scrollbar-outer {
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  height: auto!important;
  min-height: 275px;
  overflow-x: hidden!important;
  width: 100%!important
}

.landing-cards .card-content .tabparent .scrollbar-outer {
  min-height: 40px!important;
  width: auto!important
}

.landing-cards .collection {
  margin: 0;
  border: none
}

.landing-cards .card-action {
  height: 62px;
  box-sizing: border-box;
  padding-top: 13px;
  padding-bottom: 13px;
  background: #fff;
  z-index: 10;
  border-top: 1px solid #ccc;
  position: absolute;
  width: 100%;
  bottom: 0
}

.card-button {
  color: #0177d6
}

.card-button[disabled=disabled] {
  color: #343434
}

.card-exp-cotent {
  margin: 0
}

.card-exp-cotent>.scrollContainer {
  height: calc(100% - 30px)
}

.expanded-card-item {
  width: 145%!important;
  height: 600px!important;
  z-index: 1000!important;
  left: -25%!important;
  top: -100px!important
}

.expand-card-transition {
  transition: all 2s
}

@media screen and (976px) {
  .card-exp-cotent>.scrollContainer {
      height: 465px
  }
}

.stackholder-card-header {
  display: inline-block;
  background-color: #f0f0f0;
  padding: 0 10px;
  position: relative;
  height: 26px;
  font-size: 12px;
  line-height: 26px;
  color: #919191
}

.stackholder-card-header::after {
  content: "";
  width: 0;
  height: 0;
  border-top: 26px solid #f0f0f0;
  border-right: 7px solid rgba(231,231,231,0);
  display: inline-block;
  position: absolute;
  right: -7px;
  top: 0
}

.color-four {
  background-color: #ED498A
}

.color-five {
  background-color: #71A044
}

.color-six {
  background-color: #9577DB
}

.cards-title-container {
  display: inline-block;
  padding-left: 24px;
  width: calc(100% - 80px)
}

.isfilteredCount {
  cursor: pointer;
  color: #0177d6;
  background: #fff
}

.cards-title {
  display: table;
  height: 67px
}

.cards-title .card-header-title {
  display: table-cell;
  vertical-align: middle;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 24px
}

.cardWithTabs .tabs .tab a,.cardWithTabs .tabs .tab a:hover {
  color: rgba(255,255,255,.65)
}

.collection-item.avatar:last-child {
  padding-bottom: 15px!important
}

.choose_slider_items .card.scrolledCard .cardWithTabs .card-header {
  height: 40px!important
}

.card-content .scrollbar-outer.scroll-content.scroll-scrolly_visible {
  margin-right: 0!important
}

.cardWithTabs {
  position: relative;
  width: 100%;
  z-index: 5;
  overflow: hidden
}

.cardWithTabs .scrollbar-outer {
  min-height: auto!important
}

.cardWithTabs .tabparent-container.card-header {
  height: initial!important;
  padding: 0!important
}

.cardWithTabs .tabs .tab a {
  padding: 6px 16px 15px!important
}

.cardWithTabs .tabs .tab a.active {
  border-bottom: 3px solid #fdd835!important
}

.cardWithTabs ul.tabs {
  height: 40px!important
}

.cardWithTabs .tabs .tab .active {
  color: #fff
}

.cardWithTabs .tabContents .scrollbar-outer,.cardWithTabs smart-list .scrollbar-outer {
  float: left
}

.cardWithTabs .slideTabData .scrollbar-outer.scroll-content.scroll-scrolly_visible {
  -ms-overflow-style: none;
  margin-right: 0!important;
  width: 100%!important
}

.cardWithTabs .slideTabData .scroll-wrapper.scrollbar-outer {
  width: 100%!important
}

.cardWithTabs .collection .collection-item.avatar .circle {
  top: 13px
}

.collection .collection-item p,.collection .collection-item.avatar p {
  line-height: 17px
}

.card-content .collection .collection-item.avatar .title span {
  padding-bottom: 4px;
  display: block
}

.collection {
  overflow: visible
}

.collection.no-outer-border,.collection.noBorder {
  border: none
}

.collection.noBorder .collection-item {
  border-bottom: none
}

.collection .collection-title-font-size-medium {
  font-size: 1rem
}

.collection .searchSlideMain .searchWithHiddenTextField {
  width: 1.8em
}

.collection .searchSlideMain .searchWithHiddenTextField .cancel-icon {
  right: -6px
}

.collection .searchSlideMain .searchWithHiddenTextField.active {
  width: 100%
}

.collection .searchSlideMain .searchWithHiddenTextField .input-field,.collection .searchSlideMain .searchWithHiddenTextField input[type=text] {
  transition: none
}

.collection .collection-item .secondary-content {
  position: absolute;
  top: 10px;
  right: 17px
}

.collection .collection-item .secondary-status {
  position: absolute;
  top: 10px;
  right: 60px
}

.collection .collection-item.waves-effect {
  display: block
}

.s-c--closest-top {
  top: 4px!important
}

.inlineList {
  padding: 1.071rem 0
}

.inlineList .inlineList-item {
  padding: .7143rem 1.429rem
}

.collection li.collection-item.avatar i.circle {
  color: #fff!important;
  line-height: 32px!important
}

.collection .is-added .collecton-item-secondary-text-wrapper {
  color: #c3c3c3
}

.collection.collection-with-right-icon .collection-item {
  padding-right: 55px
}

.hideHorizontalScroll ul.collection {
  overflow-x: hidden!important
}

table.cke_dialog tr td {
  padding-left: 0;
  padding-right: 0
}

table.cke_dialog_contents tr td.cke_dialog_contents_body {
  padding: 0 20px
}

table input.cke_dialog_ui_input_text {
  margin-top: 0
}

.filterContainer .filterHeaderAction>.right,.filterHeaderAction>.right {
  margin-top: 20px
}

.filterWraper {
  margin-bottom: 24px
}

.filterWraper .filterItem {
  padding: 5px 30px;
  display: none;
  float: left;
  box-sizing: border-box
}

.filterWraper .filterItem.currentDisplay,.filterWraper .filterItem.currentDisplay+.filterItem,.filterWraper .filterItem.currentDisplay+.filterItem+.filterItem {
  display: block
}

.filterWraper .filterItem .option-container {
  padding: 5px;
  overflow: auto;
  max-height: 245px
}

.filterWraper .arrowWraper {
  float: right;
  text-align: right;
  margin-right: 15px
}

.filterWraper .arrowWraper span {
  width: 25px;
  height: 25px;
  line-height: 23px;
  text-align: center;
  margin-right: 10px;
  display: inline-block;
  float: right;
  border: 1px solid gray;
  cursor: pointer
}

.filterContainer {
  padding: 25px;
  background: #F7F6F6
}

.filterContainer .filterHeaderAction {
  float: left;
  width: 100%;
  padding: 0 34px 6px;
  margin-bottom: 10px
}

.filterContainer .filterHeaderAction>.right .filterTopIcon {
  display: block;
  float: left;
  margin-left: 25px
}

.filterContainer .filterHeaderAction .dropdown-content li>a,.filterContainer .filterHeaderAction .dropdown-content li>span {
  color: #5A5A5A
}

.filterContainer .filterFooterAction {
  padding: 25px 15px 0 35px
}

.filterAppliedIndicator {
  display: none;
  padding: 6px;
  background: #FFF9C4;
  z-index: 9;
  opacity: .99;
  border-bottom: 2px solid #e7e7e7;
  text-transform: uppercase;
  font-weight: bolder;
  line-height: 36px
}

.filterHeaderAction .right .filterTopIcon {
  display: block;
  float: left;
  margin-left: 25px
}

.filterHeaderAction .right .filterTopIcon.disabled {
  opacity: .3;
  cursor: not-allowed
}

.filterSection pre {
  top: -10px
}

.next_arrow,.prev_arrow {
  width: 25px;
  height: 25px;
  line-height: 23px;
  text-align: center;
  display: inline-block;
  border: 1px solid #2196F3;
  cursor: pointer
}

.next_arrow.right,.right.prev_arrow {
  margin-right: 10px
}

.next_arrow.right:first-child,.right.prev_arrow:first-child {
  margin-right: 0
}

.filter-item {
  float: left
}

.filter-item--container {
  padding-right: 1.5rem;
  box-sizing: border-box
}

.withSearchIcon input {
  margin-top: 0
}

.filter-item .filter-Managetitle {
  line-height: 2rem;
  padding: 0 10px;
  margin-top: .2rem
}

.secondary-filter-container {
  margin: 24px
}

.input-field.withSearchIcon input {
  height: 2.65rem
}

.catalog-filter .withSearchIcon.input-field .iconFix.active~input {
  padding-left: 30px
}

.filter-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,.5);
  z-index: 1;
  top: 0;
  left: 0
}

.panelBox--filter {
  clear: both;
  width: 100%;
  z-index: 2;
  font-size: 14px;
  color: #000
}

.side-nav li a,.side-nav>li:first-child a {
  color: #fff
}

.panelBox-withSpace.bottom-to-top-slide {
  transition: all .5s ease;
  position: absolute;
  top: -480px
}

.panelBox-withSpace.top-to-bottom-slide {
  transition: all .5s ease;
  position: absolute;
  top: 50px;
  background-color: #0067b0
}

.panelBox-withSpace.workbench-bottom-to-top-slide {
  transition: all .5s ease;
  position: relative;
  top: -480px
}

.workbench-top-to-bottom-slide {
  transition: all .5s ease;
  position: relative;
  top: 0
}

.slide--Bottom--Panel,.workbench--slide--Bottom--Panel {
  top: -468px;
  position: relative;
  transition: all .5s ease
}

.footerLogo,.footerLogoImg {
  position: absolute;
  left: 10px;
  bottom: 10px
}

.radio-vertical.radio-block>div>div>div {
  margin: 14px 0 0 8px!important
}

.workbench-top-to-bottom-slide {
  background-color: #fff;
  box-shadow: 0 3px 5px 0 rgba(0,0,0,.2) inset
}

.workbench-icon-focus-on {
  background: rgba(255,255,255,.24)
}

.workbench-icon-focus-off {
  background: 0 0
}

@media only screen and (max-width: 600px) {
  .workbench--slide--Bottom--Panel {
      top:-827px
  }

  .panelBox-withSpace.workbench-bottom-to-top-slide {
      top: -794px
  }
}

@media only screen and (min-width: 601px) {
  .workbench--slide--Bottom--Panel {
      top:-488px
  }

  .panelBox-withSpace.workbench-bottom-to-top-slide {
      top: -455px
  }
}

@media only screen and (min-width: 961px) {
  .workbench--slide--Bottom--Panel {
      top:-352px
  }

  .panelBox-withSpace.workbench-bottom-to-top-slide {
      top: -387px
  }
}

@media only screen and (min-width: 1201px) {
  .workbench--slide--Bottom--Panel {
      top:-284px
  }

  .panelBox-withSpace.workbench-bottom-to-top-slide {
      top: -319px
  }
}

@media only screen and (min-width: 1501px) {
  .workbench--slide--Bottom--Panel {
      top:-217px
  }

  .panelBox-withSpace.workbench-bottom-to-top-slide {
      top: -251px
  }
}

.footerLogo {
  background: url(../images/logo.png) no-repeat;
  width: 144px;
  height: 25px;
  opacity: .8
}

.footerLogoImg {
  height: 40px
}

.footerSpace {
  padding: 15px
}

.footerSpace .footerBtn.right {
  margin-right: 15px
}

.footerSpace .footerBtn.left {
  margin-left: 15px
}

.side-nav {
  background-color: #004c82;
  height: 100vh
}

.side-nav a {
  height: 47px;
  line-height: 47px
}

.side-nav.collapsible {
  border: none;
  z-index: 1!important
}

.side-nav .collapsible-header {
  padding: 0 1rem;
  font-size: .8571rem;
  margin: 0;
  line-height: 47px
}

.side-nav li,.side-nav li li {
  padding: 0
}

.side-nav .collapsible-header i {
  width: inherit
}

.side-nav .collapsible-header.active i.arrowRotateOnActive {
  transform: rotate(180deg)
}

.side-nav .collapsible-body {
  background: #002e4e
}

.side-nav>li:first-child {
  margin-top: 0;
  position: fixed;
  width: 320px;
  height: 64px;
  background: #004c82;
  top: 0;
  z-index: 1
}

.side-nav>li:first-child a i {
  margin-right: 25px;
  display: inline-block
}

.side-nav li.active,.side-nav li:active,.side-nav li:hover {
  background-color: #013c67
}

.side-nav li li:active,.side-nav li li:hover {
  background-color: #015895
}

.side-nav .active,.side-nav .active .active {
  color: #00fffb
}

.side-nav .side-nav-search {
  padding: 0 15px;
  line-height: 47px;
  position: relative
}

.side-nav .side-nav-search .active {
  color: #fff
}

.side-nav .side-nav-search .icon-left {
  position: absolute;
  left: 15px
}

.side-nav .side-nav-search .icon-right {
  position: absolute;
  right: 15px;
  top: 0
}

.side-nav .side-nav-search input[type=text],.side-nav .side-nav-search pre {
  border-bottom: none;
  margin: 0 3rem 0 2.8rem;
  width: calc(100% - 7rem);
  color: #fff;
  font-size: .8571rem
}

.nav-bookmark.currentActive a,.nav-notification.currentActive a,.nav-right-buttons.nav-slide-active li:last-child a {
  color: #64c1ff
}

.side-nav .side-nav-search input[type=text]:focus,.side-nav .side-nav-search pre:focus {
  outline: 0;
  border-bottom: none;
  box-shadow: none
}

.side-nav .side-nav-search pre {
  margin-top: 14px
}

.side-nav .side-nav-search:after {
  clear: both;
  width: 100%;
  height: 0;
  content: ""
}

.brand-logo {
  line-height: 24px;
  padding: 5px!important;
  margin-top: 3px
}

.brand-logo img {
  margin: 2px 15px 0 0
}

.brand-logo .user-name {
  font-size: 24px;
  letter-spacing: 1px;
  line-height: 24px;
  display: block
}

.brand-logo .product-name {
  font-weight: 700;
  display: block;
  font-size: 24px;
  letter-spacing: 1px
}

.user-image span {
  height: 64px;
  line-height: 64px;
  overflow: hidden;
  display: block
}

.user-image img {
  height: 46px;
  width: 46px;
  border-radius: 50%
}

.nav-right-buttons {
  -webkit-transition: all .1s ease-in-out;
  -moz-transition: all .1s ease-in-out;
  -o-transition: all .1s ease-in-out;
  -ms-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
  z-index: 3;
  position: relative
}

.nav-right-buttons li:first-child a {
  margin-top: 10px;
  outline: 0;
  height: 46px;
  border-radius: 50%;
  overflow: hidden
}

.nav-right-buttons li {
  line-height: 40px;
  height: 62px;
  padding: 0 10px;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

.nav-right-buttons li:hover {
  background-color: transparent
}

.nav-right-buttons li a {
  padding: 0;
  margin-top: 15px
}

.nav-right-buttons li a i {
  line-height: 28px;
  height: 32px
}

.nav-right-buttons.nav-slide-active {
  -webkit-transform: translateX(-256px);
  -moz-transform: translateX(-256px);
  -ms-transform: translateX(-256px);
  -o-transform: translateX(-256px);
  transform: translateX(-256px);
  -webkit-transition: all .1s ease-in-out;
  -moz-transition: all .1s ease-in-out;
  -o-transition: all .1s ease-in-out;
  -ms-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out
}

.nav-bookmark.currentActive {
  margin-right: 148px
}

.nav-notification.currentActive {
  margin-right: 202px
}

.nav-icon-row a {
  padding: 0 15px;
  height: 64px
}

.nav-icon-row .row {
  margin-bottom: 0
}

.nav-icon-row:after {
  clear: both;
  content: '';
  width: 100%;
  display: block;
  height: 0
}

.right-sidebar-nav {
  padding-top: 64px
}

.right-sidebar-nav i {
  line-height: 44px;
  height: 47px
}

.right-sidebar-nav i.left {
  margin-right: 30px
}

.right-sidebar-nav li.active .collapsible-header .right svg {
  transform: rotate(180deg)
}

.collection-item.nav-bottom-stick,.nav-bottom-stick {
  position: absolute;
  bottom: 0;
  width: 320px;
  background: #004c82;
  z-index: 1;
  right: 0
}

.nextAnn {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg)
}

.nextAnn,.prevAnn {
  cursor: pointer
}

.delete_attach {
  margin-left: 16px
}

.announcement_footer {
  border-top: 1px solid #eee!important
}

.icons-ops .icon {
  color: #64c1ff;
  height: 30px;
  width: 30px;
  line-height: 30px
}

.add-announce {
  color: #64c1ff!important;
  font-size: 14px!important
}

.icons-ops {
  padding: 0!important;
  margin-top: 4px
}

.announce-desc {
  font-size: 13px;
  line-height: normal;
  display: block
}

.dt-attact-sep {
  line-height: normal!important;
  font-style: normal;
  margin: 0 3px
}

.announce-dt-attach {
  font-size: 11px;
  display: block;
  margin: 6px 0;
  color: #dcdcdc
}

.announce-actions>li:hover {
  background-color: transparent!important
}

.announce-fields {
  margin-bottom: 14px
}

.announcement_attachments .drop-box {
  margin-bottom: 0;
  padding: 25px 0;
  height: auto
}

.announcement_attachments .upload-files:last-child {
  border-bottom: 0;
  padding: 15px 0
}

.announcement_attachments .upload-files {
  padding: 6px 0
}

.announce-dt-attach .icon {
  line-height: normal;
  height: auto;
  width: 24px;
  margin: 0 -5px
}

.announce-dt-attach .icon svg {
  width: inherit
}

.side-out-bm-nf-ct>div:first-child {
  height: 100%;
  background-color: #013c67
}

.side-out-bm-nf-ct .navParent {
  overflow: auto
}

.side-out-bm-nf-ct .collection-item.nav-bottom-stick a {
  line-height: 47px
}

.side-out-bm-nf-ct .nav-bottom-stick button i {
  line-height: inherit;
  height: auto
}

.side-out-bm-nf-ct .row {
  margin-bottom: 0
}

.side-out-bm-nf-ct .tabs {
  background: #004c82;
  box-shadow: 0 3px 6px rgba(0,0,0,.23);
  z-index: 1
}

.side-out-bm-nf-ct .tabs .tab a {
  color: #fff
}

.side-out-bm-nf-ct .tabs .tab a.active {
  color: #64c1ff;
  border-bottom: 2px solid #64c1ff!important
}

.side-out-bm-nf-ct .tabs .indicator {
  background: #0177d6
}

.side-out-bm-nf-ct .collection a.collection-item:not(.active):hover {
  background: 0 0
}

.side-out-bm-nf-ct .collection a.collection-item p {
  color: #fff
}

.side-out-bm-nf-ct .collection a.collection-item .title {
  color: #64c1ff;
  font-weight: 700
}

.side-out-bm-nf-ct .collection-item.avatar {
  padding: 0;
  background-color: transparent;
  line-height: normal
}

.side-out-bm-nf-ct .scrollbar-outer>.scroll-element .scroll-bar {
  background: rgba(255,255,255,.4)
}

.side-out-bm-nf-ct a {
  color: #fff;
  height: auto;
  line-height: inherit
}

.side-out-bm-nf-ct .collection,.side-out-bm-nf-ct .collection-item {
  border: none;
  background-color: #013c67
}

#sidenav-overlay {
  background: rgba(255,255,255,.5)
}

.navLogoutButton {
  position: absolute;
  top: 0;
  right: 0
}

.navLogoutButton a {
  line-height: 64px
}

.navLogoutButton a.logoutBtn {
  background: #db121b
}

.side-nav-lookup-txt {
  color: #000!important;
  margin-top: 14px!important
}

.side-nav-lookup-item:hover {
  background-color: #ddd!important
}

.smart1-navigation {
  margin: 0;
  padding: 20px 10px;
  border-top: 5px solid
}

.smart1-navigation .header-action-icon {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAEsCAYAAADHIkNEAAAM9klEQVR4Ae3cC3RU9Z3A8SaQAIlt92xRPMWCS4tdwK12FXfPVny03e3huAoCrrBb62MtLqW7UIs0EkVcgVgWEBIeSSmIEFCQB4oQEd+AsBJikiIPsdEQQikPxE0mySST+e33XH7N3vM/9878587MoUvzP+fjvXPn8s3kP/87kRngCyKSFs5/fEY/5GM3TkDQgD16vC+8hm84B7MRxhk8h59hLKZghR4P63k5NuFeqESDRnrAa/RAPkKowKWxwt2xB8cwyAg9jrXIM45/C/XYjWy/8Cw04q9gjs0QbNTbZjyEAq/w19CMx+A1SiE6315jKppwhRn+BRqQA6+xCIJCeI0vohE/N8M7sRZ+owCC6fAbm/C2GT6NqfAbeRBMht+YhpNmuA3j4Dd+AsFD8BvjETLD9XEezQicxTD4jSn41GuOX0QyY6PXHD+BBuTCa2Tp+u4aY1WE8JgZ7oM2PA6v8TIE62M8cU3o7XXlzUUI18MctRDUwBx/gxBm+l3S2diNelwH97gVy3GzcXwwfoedvq8VOi5FBZqQH2POL9Fpa8ZeXGr7ejwPrTiHVXgED2EqVuvxVsxF93ivx+boizzswHFEcBbvYVqQnyDBhxlOA/LzT6ZDZ9il38Pb06Ej3AWTIUn4JTLM8DqN/2fAaKFGl5hhwSqNP5Ng9NfIxEKIGRb1K2TqVmIxHswciG9YPaMnr4oTXW9MX5ww9OSu2OgT3YJsPAqxDqvJyMY24/gb6IEJkCDhl5CJHLwDwU69nYEtCYWNb/VnuBdfRrFu78FPkYPXEwlv1ehECCK4S88bpbejeFDj79qEX0U3/DuiEBVGgW5FteNefAm7Y4W3oQfGG9FYIrhbp6jcK1yGHPybTdTQhhH4CvaZ4a74cSJRQxi3oYcZTpl0h9P4EyStv5cWFWT4hC/sI/4ujqlb4B5JhX8LUUdSGRZDasKd4RKLcEmQsFiEJUi4HV38wnpfe5BwHf7CYx0fBIP7OCdIeBmecF159ah1XXlPYFmQcH+cwU0wx016X/+gy+02DRThDlWkx25Ldh33wWyIYp9jKbpAsiAqKxVX3o1YhNMQdQaLMSSZsMRhHw7g4gmn7X9YLuLwfYigFjnJhDOQ7bpdAFF99FgWRiDXNpyDd3AcA/TYfIjqj2ysg+i5GTbhkRB1Au9DXP4HFRBVjyybcDbWQyycwIBE5vgShCCqHYc0JC5TbZ+8XPTDv0JUGN/T+7thuTENT6v7Y4XrIIbVxjk9IR4iscIRiGGNcc5XfcLHYoXvw9NYZUzFENdv21ZA1Kfop3JtnrxuqLV48nYiO5FVMdCMxLAO2TbhLNRD1O+NUAjzjC880iaciXeMR3MTRBXoeQNwXM/NsZ2KXIxyXap9zLDKRmYyL5s5OIoI7vvT/gnSGQ6s8//dPMLl5eV/MAbvIYSz2IQb9D6TdXgxotiCCZiCSrRiTNDwGAjuM35xFzyLFvQNEt6FV3y+5RycxlNBwiFM9Aqrl7ApSPgMpsQIb0dpkPBL+ABdPKJXoBk/CRIejAhK8SXXL+6PCkR1P9ByuwctOIWN2IZmiPoIvRMOq34owBadnp9iAGqMuHU4nj6ueFXKwqov9mN4qsOmCxZWnS/0CYwB2IMo3kZvpCS8H+KyPRXhb0AM7cmEe2AKPoMYamzDXdAXXZGJB3AMohrRBkEL7rAJX4NaiG4/hKgwFqAn+mEk+oARP7wbYohirc6v74gXjkAM85AJRvBwFcRDBb6fTPgGnITodivEpQzfxvV4EIPihc2l9S2wdcYQY+7bEYUggn9OZh1nYAQ+ghjqUnHl9YIY2pIO6yg3wi+nKnwlynAKG9DTIhx4dL4bm3i4F2biN2hWVZiBnkHDY9AA8XEOoxMN/xBRCMrw9/gKemIotkH0nDG24SvRDMEv/E7GNAga0MsmvAiC9Rbf5mYIfmkTroPgBovwLRAcihfOhaANXSzC3SFoRUascA8IwuaJPrIhqmu8qfg9BFdbhK+HoNZmjldCUGwRftY8N1b4WkQQxV1+J+MePacd34wbVnkQtKMQ/Vz39cdCvU/UHNtwBqYYv/gszkF8zLEJu6dlDRqM14hSDMYrRnxGvLApE1fgcmQay20zRBVYhO1o/EXMRUbwcOefbEpG+sIff/yxpIMTPnXqVEpdBOHS0lIZO3asI6Vh3tjoCL/11ltWkZMnT9pNxQcffKDxxNTV1cUOwzlx8uTJzv6kSZOc7bRp02Tfvn2yevVqeeGFF2Tv3r0ya9asjvOZRrvwU0895exPmDDB2T755JOyf/9+Wbt2raxZs0aqq6tlxowZHeevWrUqfnjcuHHOyfn5+c528eLFznb69Ony8MMPy8SJE2XmzJnOsZKSEme7fv36+GECzsn19fWyfPly59i8efOErfOk8iQ7+ytXrux4xMXFxfHDmzZtSvjJ27FjR/zwkSNHnJPLyspET3Se9U8++USOHj0qtbW1wr5zrLKyUg4cOGB95TnhvLw850lZsGCBFBUVdeB2x7FHH31UNm7cmFA4EfZhOGt26dKlcvDgQamqqnLW7qFDh2TPnj3Ck+Ws6127dklNTU1iYX00zvp1H2eNO8c3bNgQ7NVt/PjxnuHCwkLnOHMbIKxYAZ7HDx8+fAFfj9MhfT+lG2ZeK+ngHe4Mh3c/KzpSG25acX9HuHnDJMvIt+2mIvTsv0iQ0Th3SPw5Fkb03HFnP9pw0tm2nzjId3SvhHf9WsI7SqRp5QMSqdndcT7TaBeO1FefDzd/fj78uwMSWjJKwu8slPC7iyS09G6J1FX8X/i9pRbhSKsIo/10jbNtq94sDEKVEm08LdGmcxI5us851lq16Xz4zXnxw5FjVefnbfbfSev7q5xjbYffFLbOk8qTrKtoubDVL/5y/HDL63Mk0dH84oT44caFQ0UYLVumnb9d9APnWW+c/z22N0njMzfr/hAJLRsjoZLh9leeM8ef1TlPStuHr0rbgW14FfiwrONY+9mj0vLGHPtwosM6DGfNtu5bK6HiYSyv0c7aDS2+XZpWj2U1vOSs66Y1451pSSisg/V7l7FqqoXBFMwN9uombS2e4baD2zU8J1gYrIBbvI4zJf94sb3Qp/tvxm6HYFEq3wj5J4jLdakKD8IEfApBYarCWeiGLZAkRbHYfE/oaYgqx24IDuBdCGrwJiI4gW1ow2lsRSMEPd3huyH4HFdjEI7hrzEAv8FwfBOv4QFchRXIR38UQHCtO3wlBG3IRRZa0EfvP4Yf6H45HtT9LXhS90sguF6jihBEHYfgLH4LQQMOQBDCh9AHo/s+4UMQvI/BOIXv4gZ8hB/p8V34D91fh+m6P98vvBGCSr0dxpd1vx5/q/sVGKH7G/CI7v8XBIP9PudI1tfN8J0QnMCreC2AfHQxw5dDcBpfwzcC+DO/N00bIahAZYKq0dsvvBeShB/6hUfjDZRhK7b5zOU2vb9Mb2/HOlzhF87FX2I2VuAWDMQgl4H4PlZjKq7S4/2R4RlWQyFxPjErh6jBtu943wpRy3zOeQuirrEN52AS5uIqn3MGoxAT0c0qrL6Iy3Xfz1dxyR/npwqd4WuwCIfRjCYcQhGuDhLujiVoh/hoRzF62IZzsMOINGIvKtAGcXkd2TbhZRD1Oe4wPlbujXeNeGG88DVoN8I5Pn+ioQWiIhgYK7wEYngOm3Ecj7jO/W+Iy4JY4SMQH2Hjb1ZUQlyqY4VbfKIbcJnrvOs8VszZhP76kcrT+7vhxzgDSSR8JE74ZoiPqljhYoiHgyjBLoiPwljhq32utp0YrnG/q3CQGbZ51P1d938CMRTZXtJvQ1xudv1UOQtxec3qklbZKHKtknN4Dochqg3z0S3Iy+ZAzMV+NCGE/Rq86gK/0Hd+RN/52f9FFp4xZ8EfrMAw3Xe7HSt1P1B4FEJG/A49dleQsBlvxJ0YZkSDh9VINGh0lB5LSfhONGp8ZErCGtKgfgH2kwxrlKDr2HCNj0omvNIddRmGUt3/Y7ryOsN8kO12I57HMYR1+7we/4JKKNwVCyF+9P6sRMNLIBaWJBL+DgRR/AP2GrFXcA9Efcc2vBqitqKXK/6K3i6HqOdtwycgHvFZut0Hcam3DYuHx3Tul0IM4SCP2P3tz8Zl2Bv0ET/vES035zzIHN/oWhVDNWrO+Y8g6sZE1vECiIUFiV4gWem68szXinqEdRvstSIZnWHT/9d/6dZHPk5CYng8SFgs/TxQ2PILT0hXOIqHUhk24/enIrwFYoh4hXNR5HprvAGfmUHbB+L1rspW65hF+GUImnE7HkeXVISHogHDXHO3yH5d+4RVT7wIcclL6hG7jPNYQqODPmJTAcQlhOuSesQqA6UQVYE/1+PBwyoHe1CNy1CMW5MOq0s1+gwE65INmwbhV2hAb3SH+Dhlhm30xNeR6xNtxujOf5LmIgj/L4Ehqlaex5CKAAAAAElFTkSuQmCC)
}

.smart1-navigation .icon-query {
  background-position: -2px -218px
}

.smart1-navigation .icon-setting {
  background-position: -3px -67px
}

.smart1-navigation .smart1-right-icon {
  float: left
}

.smart1-navigation .smart1-right-icon .smat1-icon {
  float: right;
  margin-left: 20px;
  position: relative
}

.smart1-navigation .smart1-right-icon .smat1-icon .smat1-icon-a {
  float: left;
  width: 20px;
  height: 20px
}

.smart1-navigation .smart1-setting-dropdown {
  position: absolute;
  border: 3px solid #e7e7e7;
  border-radius: 5px;
  background: #fff;
  top: 30px;
  right: 0;
  z-index: 999
}

.smart1-navigation .smart1-setting-dropdown .query-links {
  border-bottom: 1px solid #e7e7e7;
  padding: 5px
}

.smart1-navigation .smart1-setting-dropdown .arrow-up {
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  border-bottom: 11px solid #ebebeb;
  position: absolute;
  top: -12px;
  right: 1px
}

.smart1-navigation .smart1-setting-dropdown.setting-wrap {
  min-width: 100px
}

.minWidth200,.smart1-navigation .smart1-setting-dropdown.support-wrap {
  min-width: 200px
}

.smart1-navigation .smart1-setting-dropdown-support {
  padding: 10px;
  border-bottom: 1px solid #e7e7e7
}

.smart1-navigation .smart1-support-label {
  color: #7d7d7d;
  font-weight: 700
}

.smart1-navigation .smart1-support-phone-lable {
  color: #000;
  margin: 5px 0
}

.smart1-navigation .smart1-support-contact-wrap {
  font-size: .8rem;
  margin-bottom: 5px
}

.smart1-navigation .smart1-support-email {
  font-size: .8rem
}

.smart1-navigation .smart1-search-wrap {
  max-width: 468px;
  border: 1px solid #2272BB;
  float: left;
  border-radius: 2px
}

.smart1-navigation .smart1-search-wrap-input {
  display: block;
  height: 18px!important;
  margin: 0!important;
  padding: 0 5px 0 20px!important;
  font-size: .8rem!important;
  border: 0 solid transparent!important;
  width: 168px!important
}

.smart1-navigation .smart1-search-wrap-input:focus {
  border: 0 solid transparent!important;
  box-shadow: none!important
}

.smart1-navigation .smart1-search-wrap-setectbox {
  padding: 0 25px 0 10px;
  cursor: pointer;
  background: #2272bb;
  border: 0 solid #2272bb;
  color: #fff;
  text-align: center;
  float: right
}

.smart1-navigation .smart1-search-icon-wrap {
  position: absolute;
  top: -2px;
  left: 2px
}

.smart1-navigation .smart1-search-icon-wrap svg {
  height: 15px!important;
  width: 15px!important;
  color: #AFA4A4
}

.smart1-navigation .smart1-search-drop-arrow {
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  border-top: 5px solid #FFF;
  position: absolute;
  right: 9px;
  top: 9px
}

.smart1-navigation .smart1-search-suggest-dropdown {
  position: absolute;
  color: #000;
  background: #FFF;
  text-align: left;
  top: 0;
  left: 0;
  margin-top: 22px;
  border: 2px solid #fff;
  z-index: 999;
  box-shadow: 0 1px 3px #3F3F3F;
  border-radius: 2px
}

.smart1-navigation .smart1-search-suggest-dropdown .smart1-dropdown-item {
  margin-left: 0;
  padding: 5px 15px 5px 23px;
  border-bottom: 1px solid #e7e7e7
}

.smart1-navigation .smart1-search-suggest-dropdown .smart1-dropdown-item:hover {
  background-color: #F4F4F4
}

.smart1-navigation .smart1-search-suggest-dropdown .smart1-quickLinkTitle {
  background: #F0F0F0!important;
  cursor: default;
  border-top: 3px solid #e4e4e4;
  border-bottom: 1px dotted #e4e4e4;
  display: block
}

.smart1-navigation .smart1-search-suggest-dropdown .smart1-quickLinkItem {
  background: #F8F8F8!important;
  padding: 3px 39px;
  font-style: normal
}

.smart1-navigation .smart1-search-recent-dropdown,.smart1-navigation .smart1-search-result-dropdown {
  background: #FFF;
  color: #000;
  z-index: 4;
  position: absolute;
  left: 0
}

.smart1-navigation .smart1-search-suggest-dropdown .smart1-quickLinkItemBorder {
  border-bottom: 4px solid #e4e4e4
}

.smart1-navigation .smart1-search-recent-list {
  font-size: 12px;
  margin-top: 5px
}

.smart1-navigation .smart1-search-recent-list .smart1-search-recent-list-item {
  padding: 5px 0;
  word-wrap: break-word
}

.smart1-navigation .smart1-search-result-dropdown {
  top: 25px;
  border: 1px solid #e7e7e7;
  width: 281px
}

.smart1-navigation .smart1-search-result-dropdown .smart1-search-result-list {
  margin: 0;
  padding: 0;
  font-size: 12px
}

.smart1-navigation .smart1-search-result-dropdown .smart1-search-result-list .smart1-search-result-item {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #e7e7e7;
  float: left
}

.smart1-navigation .smart1-search-result-dropdown .smart1-search-result-list .smart1-search-result-item .smart1-search-result-item-title {
  width: 100px;
  padding: 8px;
  background: #F4F4F4;
  float: left;
  display: block;
  word-wrap: break-word
}

.smart1-navigation .smart1-search-result-dropdown .smart1-search-result-list .smart1-search-result-item .smart1-search-result-item-result {
  width: 179px;
  padding: 8px;
  background: #FFF;
  float: left;
  display: block
}

.internal-external-notification .col {
  padding: 0
}

.internal-external-notification .borderBtmLight {
  border-bottom: 1px solid rgba(255,255,255,.1)
}

.internal-external-notification .collection .collection-item.avatar .title {
  font-size: 14px
}

.internal-external-notification .tabs .tab a {
  line-height: normal
}

.internal-external-notification .scroll-element.scroll-y .scroll-element_outer .scroll-element_track {
  background-color: transparent
}

.internal-external-notification .scroll-element.scroll-y .scroll-element_outer .scroll-bar {
  background-color: #4d95c8;
  opacity: 1
}

.right-panel {
  padding-left: 10px
}

.header-noti-circle {
  height: 20px!important;
  width: 20px!important;
  border-radius: 50%!important;
  -webkit-transition: none!important;
  -moz-transition: none!important;
  -o-transition: none!important;
  -ms-transition: none!important;
  transition: none!important
}

.header-noti-circle i {
  height: inherit!important;
  font-size: 10px!important;
  font-style: normal!important;
  color: #0177d6!important;
  line-height: 20px!important
}

.headersearch input[type=text] {
  margin: 0
}

.ddSubLinkWrapper {
  line-height: normal
}

.disabledAddAnnouncement {
  pointer-events: none;
  cursor: default
}

.white-header-container {
  border-top: 2px solid #0067b0
}

.white-header-container nav {
  background-color: #fff
}

.white-header-container nav .brand-logo,.white-header-container nav ul a {
  color: #0067b0
}

.white-header-container nav ul.side-nav-active a {
  color: #fff
}

.white-header-container .right-sidebar-nav {
  padding-top: 66px
}

.extraHeader .public-rfx-header-action .btn-separator:after {
  content: ' ';
  display: block;
  float: left;
  background: #ADADAD;
  margin: 18px 10px 0;
  height: 24px;
  width: 1px
}

.extraHeader .public-rfx-header-action li.publicRfxList {
  padding: 0
}

.extraHeader .public-rfx-header-action li.publicRfxList a {
  float: left;
  width: auto;
  padding: 0 5px;
  font-size: 12px
}

body:after,html {
  width: 100%
}

.extraHeader .public-rfx-header-action li.publicRfxList:last-child .btn-separator {
  display: none
}

.copyrightBtmCont {
  padding: 0 15px;
  background: 0 0;
  border-top: 1px solid #004c82
}

.copyrightBtmCont img {
  display: block;
  padding: 20px 0 0
}

.copyrightBtmCont .copyrightPara {
  margin: 0;
  line-height: 18px;
  display: block;
  padding: 5px 0;
  font-size: .8571rem
}

.copyrightBtmCont .copyrightLinks {
  float: left;
  width: 100%;
  padding: 0 0 15px
}

.copyrightBtmCont .copyrightLinks li {
  float: left;
  padding: 0 8px;
  border-right: 1px solid #fff;
  line-height: 12px
}

.copyrightBtmCont .copyrightLinks li:first-child {
  padding-left: 0
}

.copyrightBtmCont .copyrightLinks li:last-child {
  border: 0;
  padding-right: 0
}

.noBBorder,.noLBorder,.noRBorder,.noTBorder,.noTopBorder {
  border-Top: none!important
}

.copyrightBtmCont .copyrightLinks li a {
  padding: 0;
  color: #84c7fd
}

.supportCloseIconWrapper {
  position: absolute;
  top: 17px;
  right: 285px;
  cursor: pointer;
  z-index: 2
}

.supportCloseIconWrapper .supportCloseIcon {
  height: auto;
  line-height: normal;
  font-size: initial
}

body,body:after,html {
  height: 100%
}

.ng-cloak,.x-ng-cloak,[data-ng-cloak],[ng-cloak],[ng\:cloak],[x-ng-cloak] {
  display: none!important
}

*,:after,:before {
  outline: 0
}

body {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-attachment: fixed
}

.pageBg {
  background-image: url(../images/pageBg.jpg)
}

body:after {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  background: -webkit-radial-gradient(circle,rgba(229,229,229,.49) 0,#EEE 40%,transparent 90%,transparent 100%),0 0;
  background: -moz-radial-gradient(circle,rgba(229,229,229,.49) 0,#EEE 40%,transparent 90%,transparent 100%),0 0;
  background: radial-gradient(circle,rgba(229,229,229,.49) 0,#EEE 40%,transparent 90%,transparent 100%),0 0;
  background-position: 1px 1px;
  -webkit-background-origin: padding-box;
  background-origin: padding-box;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-background-size: 3px 3px;
  background-size: 3px 3px
}

.zIndex0 {
  z-index: 0!important
}

.zIndex1 {
  z-index: 1!important
}

.zIndex2 {
  z-index: 2!important
}

.zIndex3 {
  z-index: 3!important
}

.zIndex4 {
  z-index: 4!important
}

.zIndex5 {
  z-index: 5!important
}

.zIndex6 {
  z-index: 6!important
}

.zIndex7 {
  z-index: 7!important
}

.zIndex8 {
  z-index: 8!important
}

.zIndex9 {
  z-index: 9!important
}

.zIndex99 {
  z-index: 99!important
}

.zIndex999 {
  z-index: 999!important
}

.zIndex9999 {
  z-index: 9999!important
}

.margin0 {
  margin: 0!important
}

.margin5 {
  margin: 5px!important
}

.margin10 {
  margin: 10px!important
}

.margin15 {
  margin: 15px!important
}

.margin20 {
  margin: 20px!important
}

.margin25 {
  margin: 25px!important
}

.margin30 {
  margin: 30px!important
}

.margin35 {
  margin: 35px!important
}

.margin40 {
  margin: 40px!important
}

.margin45 {
  margin: 45px!important
}

.margin50 {
  margin: 50px!important
}

.margin55 {
  margin: 55px!important
}

.margin60 {
  margin: 60px!important
}

.margin65 {
  margin: 65px!important
}

.margin70 {
  margin: 70px!important
}

.margin75 {
  margin: 75px!important
}

.margin80 {
  margin: 80px!important
}

.margin85 {
  margin: 85px!important
}

.margin90 {
  margin: 90px!important
}

.margin95 {
  margin: 95px!important
}

.margin100 {
  margin: 100px!important
}

.margin105 {
  margin: 105px!important
}

.margin110 {
  margin: 110px!important
}

.margin115 {
  margin: 115px!important
}

.margin120 {
  margin: 120px!important
}

.margin125 {
  margin: 125px!important
}

.margin130 {
  margin: 130px!important
}

.margin135 {
  margin: 135px!important
}

.margin140 {
  margin: 140px!important
}

.margin145 {
  margin: 145px!important
}

.margin150 {
  margin: 150px!important
}

.marginTop0 {
  margin-top: 0!important
}

.marginTop1 {
  margin-top: 1px!important
}

.marginTop2 {
  margin-top: 2px!important
}

.marginTop3 {
  margin-top: 3px!important
}

.marginTop4 {
  margin-top: 4px!important
}

.marginTop5 {
  margin-top: 5px!important
}

.marginTop6 {
  margin-top: 6px!important
}

.marginTop7 {
  margin-top: 7px!important
}

.marginTop8 {
  margin-top: 8px!important
}

.marginTop9 {
  margin-top: 9px!important
}

.marginTop10 {
  margin-top: 10px!important
}

.marginTop11 {
  margin-top: 11px!important
}

.marginTop12 {
  margin-top: 12px!important
}

.marginTop13 {
  margin-top: 13px!important
}

.marginTop14 {
  margin-top: 14px!important
}

.marginTop15 {
  margin-top: 15px!important
}

.marginTop16 {
  margin-top: 16px!important
}

.marginTop17 {
  margin-top: 17px!important
}

.marginTop18 {
  margin-top: 18px!important
}

.marginTop19 {
  margin-top: 19px!important
}

.marginTop20 {
  margin-top: 20px!important
}

.marginTop21 {
  margin-top: 21px!important
}

.marginTop22 {
  margin-top: 22px!important
}

.marginTop23 {
  margin-top: 23px!important
}

.marginTop24 {
  margin-top: 24px!important
}

.marginTop25 {
  margin-top: 25px!important
}

.marginTop30 {
  margin-top: 30px!important
}

.marginTop35 {
  margin-top: 35px!important
}

.marginTop40 {
  margin-top: 40px!important
}

.marginTop45 {
  margin-top: 45px!important
}

.marginTop50 {
  margin-top: 50px!important
}

.marginTop55 {
  margin-top: 55px!important
}

.marginTop60 {
  margin-top: 60px!important
}

.marginTop65 {
  margin-top: 65px!important
}

.marginTop70 {
  margin-top: 70px!important
}

.marginTop75 {
  margin-top: 75px!important
}

.marginTop80 {
  margin-top: 80px!important
}

.marginTop85 {
  margin-top: 85px!important
}

.marginTop90 {
  margin-top: 90px!important
}

.marginTop95 {
  margin-top: 95px!important
}

.marginTop100 {
  margin-top: 100px!important
}

.marginTop105 {
  margin-top: 105px!important
}

.marginTop110 {
  margin-top: 110px!important
}

.marginTop115 {
  margin-top: 115px!important
}

.marginTop120 {
  margin-top: 120px!important
}

.marginTop125 {
  margin-top: 125px!important
}

.marginTop130 {
  margin-top: 130px!important
}

.marginTop135 {
  margin-top: 135px!important
}

.marginTop140 {
  margin-top: 140px!important
}

.marginTop145 {
  margin-top: 145px!important
}

.marginTop150 {
  margin-top: 150px!important
}

.marginTop155 {
  margin-top: 155px!important
}

.marginTop160 {
  margin-top: 160px!important
}

.marginTop165 {
  margin-top: 165px!important
}

.marginTop170 {
  margin-top: 170px!important
}

.marginTop175 {
  margin-top: 175px!important
}

.marginTop180 {
  margin-top: 180px!important
}

.marginTop185 {
  margin-top: 185px!important
}

.marginTop190 {
  margin-top: 190px!important
}

.marginTop195 {
  margin-top: 195px!important
}

.marginTop200 {
  margin-top: 200px!important
}

.marginRight0 {
  margin-right: 0!important
}

.marginRight1 {
  margin-right: 1px!important
}

.marginRight2 {
  margin-right: 2px!important
}

.marginRight3 {
  margin-right: 3px!important
}

.marginRight4 {
  margin-right: 4px!important
}

.marginRight5 {
  margin-right: 5px!important
}

.marginRight6 {
  margin-right: 6px!important
}

.marginRight7 {
  margin-right: 7px!important
}

.marginRight8 {
  margin-right: 8px!important
}

.marginRight9 {
  margin-right: 9px!important
}

.marginRight10 {
  margin-right: 10px!important
}

.marginRight11 {
  margin-right: 11px!important
}

.marginRight12 {
  margin-right: 12px!important
}

.marginRight13 {
  margin-right: 13px!important
}

.marginRight14 {
  margin-right: 14px!important
}

.marginRight15 {
  margin-right: 15px!important
}

.marginRight16 {
  margin-right: 16px!important
}

.marginRight17 {
  margin-right: 17px!important
}

.marginRight18 {
  margin-right: 18px!important
}

.marginRight19 {
  margin-right: 19px!important
}

.marginRight20 {
  margin-right: 20px!important
}

.marginRight21 {
  margin-right: 21px!important
}

.marginRight22 {
  margin-right: 22px!important
}

.marginRight23 {
  margin-right: 23px!important
}

.marginRight24 {
  margin-right: 24px!important
}

.marginRight25 {
  margin-right: 25px!important
}

.marginRight30 {
  margin-right: 30px!important
}

.marginRight35 {
  margin-right: 35px!important
}

.marginRight40 {
  margin-right: 40px!important
}

.marginRight45 {
  margin-right: 45px!important
}

.marginRight50 {
  margin-right: 50px!important
}

.marginRight55 {
  margin-right: 55px!important
}

.marginRight60 {
  margin-right: 60px!important
}

.marginRight65 {
  margin-right: 65px!important
}

.marginRight70 {
  margin-right: 70px!important
}

.marginRight75 {
  margin-right: 75px!important
}

.marginRight80 {
  margin-right: 80px!important
}

.marginRight85 {
  margin-right: 85px!important
}

.marginRight90 {
  margin-right: 90px!important
}

.marginRight95 {
  margin-right: 95px!important
}

.marginRight100 {
  margin-right: 100px!important
}

.marginRight105 {
  margin-right: 105px!important
}

.marginRight110 {
  margin-right: 110px!important
}

.marginRight115 {
  margin-right: 115px!important
}

.marginRight120 {
  margin-right: 120px!important
}

.marginRight125 {
  margin-right: 125px!important
}

.marginRight130 {
  margin-right: 130px!important
}

.marginRight135 {
  margin-right: 135px!important
}

.marginRight140 {
  margin-right: 140px!important
}

.marginRight145 {
  margin-right: 145px!important
}

.marginRight150 {
  margin-right: 150px!important
}

.marginRight155 {
  margin-right: 155px!important
}

.marginRight160 {
  margin-right: 160px!important
}

.marginRight165 {
  margin-right: 165px!important
}

.marginRight170 {
  margin-right: 170px!important
}

.marginRight175 {
  margin-right: 175px!important
}

.marginRight180 {
  margin-right: 180px!important
}

.marginRight185 {
  margin-right: 185px!important
}

.marginRight190 {
  margin-right: 190px!important
}

.marginRight195 {
  margin-right: 195px!important
}

.marginRight200 {
  margin-right: 200px!important
}

.marginBtm0 {
  margin-bottom: 0!important
}

.marginBtm1 {
  margin-bottom: 1px!important
}

.marginBtm2 {
  margin-bottom: 2px!important
}

.marginBtm3 {
  margin-bottom: 3px!important
}

.marginBtm4 {
  margin-bottom: 4px!important
}

.marginBtm5 {
  margin-bottom: 5px!important
}

.marginBtm6 {
  margin-bottom: 6px!important
}

.marginBtm7 {
  margin-bottom: 7px!important
}

.marginBtm8 {
  margin-bottom: 8px!important
}

.marginBtm9 {
  margin-bottom: 9px!important
}

.marginBtm10 {
  margin-bottom: 10px!important
}

.marginBtm11 {
  margin-bottom: 11px!important
}

.marginBtm12 {
  margin-bottom: 12px!important
}

.marginBtm13 {
  margin-bottom: 13px!important
}

.marginBtm14 {
  margin-bottom: 14px!important
}

.marginBtm15 {
  margin-bottom: 15px!important
}

.marginBtm16 {
  margin-bottom: 16px!important
}

.marginBtm17 {
  margin-bottom: 17px!important
}

.marginBtm18 {
  margin-bottom: 18px!important
}

.marginBtm19 {
  margin-bottom: 19px!important
}

.marginBtm20 {
  margin-bottom: 20px!important
}

.marginBtm21 {
  margin-bottom: 21px!important
}

.marginBtm22 {
  margin-bottom: 22px!important
}

.marginBtm23 {
  margin-bottom: 23px!important
}

.marginBtm24 {
  margin-bottom: 24px!important
}

.marginBtm25 {
  margin-bottom: 25px!important
}

.marginBtm30 {
  margin-bottom: 30px!important
}

.marginBtm35 {
  margin-bottom: 35px!important
}

.marginBtm40 {
  margin-bottom: 40px!important
}

.marginBtm50 {
  margin-bottom: 50px!important
}

.marginBtm55 {
  margin-bottom: 55px!important
}

.marginBtm60 {
  margin-bottom: 60px!important
}

.marginBtm65 {
  margin-bottom: 65px!important
}

.marginBtm70 {
  margin-bottom: 70px!important
}

.marginBtm75 {
  margin-bottom: 75px!important
}

.marginBtm80 {
  margin-bottom: 80px!important
}

.marginBtm85 {
  margin-bottom: 85px!important
}

.marginBtm90 {
  margin-bottom: 90px!important
}

.marginBtm95 {
  margin-bottom: 95px!important
}

.marginBtm100 {
  margin-bottom: 100px!important
}

.marginBtm105 {
  margin-bottom: 105px!important
}

.marginBtm110 {
  margin-bottom: 110px!important
}

.marginBtm115 {
  margin-bottom: 115px!important
}

.marginBtm120 {
  margin-bottom: 120px!important
}

.marginBtm125 {
  margin-bottom: 125px!important
}

.marginBtm130 {
  margin-bottom: 130px!important
}

.marginBtm135 {
  margin-bottom: 135px!important
}

.marginBtm140 {
  margin-bottom: 140px!important
}

.marginBtm145 {
  margin-bottom: 145px!important
}

.marginBtm150 {
  margin-bottom: 150px!important
}

.marginBtm155 {
  margin-bottom: 155px!important
}

.marginBtm160 {
  margin-bottom: 160px!important
}

.marginBtm165 {
  margin-bottom: 165px!important
}

.marginBtm170 {
  margin-bottom: 170px!important
}

.marginBtm175 {
  margin-bottom: 175px!important
}

.marginBtm180 {
  margin-bottom: 180px!important
}

.marginBtm185 {
  margin-bottom: 185px!important
}

.marginBtm190 {
  margin-bottom: 190px!important
}

.marginBtm195 {
  margin-bottom: 195px!important
}

.marginBtm200 {
  margin-bottom: 200px!important
}

.marginLeft0 {
  margin-left: 0!important
}

.marginLeft1 {
  margin-left: 1px!important
}

.marginLeft2 {
  margin-left: 2px!important
}

.marginLeft3 {
  margin-left: 3px!important
}

.marginLeft4 {
  margin-left: 4px!important
}

.marginLeft5 {
  margin-left: 5px!important
}

.marginLeft6 {
  margin-left: 6px!important
}

.marginLeft7 {
  margin-left: 7px!important
}

.marginLeft8 {
  margin-left: 8px!important
}

.marginLeft9 {
  margin-left: 9px!important
}

.marginLeft10 {
  margin-left: 10px!important
}

.marginLeft11 {
  margin-left: 11px!important
}

.marginLeft12 {
  margin-left: 12px!important
}

.marginLeft13 {
  margin-left: 13px!important
}

.marginLeft14 {
  margin-left: 14px!important
}

.marginLeft15 {
  margin-left: 15px!important
}

.marginLeft16 {
  margin-left: 16px!important
}

.marginLeft17 {
  margin-left: 17px!important
}

.marginLeft18 {
  margin-left: 18px!important
}

.marginLeft19 {
  margin-left: 19px!important
}

.marginLeft20 {
  margin-left: 20px!important
}

.marginLeft21 {
  margin-left: 21px!important
}

.marginLeft22 {
  margin-left: 22px!important
}

.marginLeft23 {
  margin-left: 23px!important
}

.marginLeft24 {
  margin-left: 24px!important
}

.marginLeft25 {
  margin-left: 25px!important
}

.marginLeft35 {
  margin-left: 35px!important
}

.marginLeft40 {
  margin-left: 40px!important
}

.marginLeft45 {
  margin-left: 45px!important
}

.marginLeft50 {
  margin-left: 50px!important
}

.marginLeft55 {
  margin-left: 55px!important
}

.marginLeft60 {
  margin-left: 60px!important
}

.marginLeft65 {
  margin-left: 65px!important
}

.marginLeft70 {
  margin-left: 70px!important
}

.marginLeft75 {
  margin-left: 75px!important
}

.marginLeft80 {
  margin-left: 80px!important
}

.marginLeft85 {
  margin-left: 85px!important
}

.marginLeft90 {
  margin-left: 90px!important
}

.marginLeft95 {
  margin-left: 95px!important
}

.marginLeft100 {
  margin-left: 100px!important
}

.marginLeft105 {
  margin-left: 105px!important
}

.marginLeft110 {
  margin-left: 110px!important
}

.marginLeft115 {
  margin-left: 115px!important
}

.marginLeft120 {
  margin-left: 120px!important
}

.marginLeft125 {
  margin-left: 125px!important
}

.marginLeft130 {
  margin-left: 130px!important
}

.marginLeft135 {
  margin-left: 135px!important
}

.marginLeft140 {
  margin-left: 140px!important
}

.marginLeft145 {
  margin-left: 145px!important
}

.marginLeft150 {
  margin-left: 150px!important
}

.marginLeft155 {
  margin-left: 155px!important
}

.marginLeft160 {
  margin-left: 160px!important
}

.marginLeft165 {
  margin-left: 165px!important
}

.marginLeft170 {
  margin-left: 170px!important
}

.marginLeft175 {
  margin-left: 175px!important
}

.marginLeft180 {
  margin-left: 180px!important
}

.marginLeft185 {
  margin-left: 185px!important
}

.marginLeft190 {
  margin-left: 190px!important
}

.marginLeft195 {
  margin-left: 195px!important
}

.marginLeft200 {
  margin-left: 200px!important
}

.marginBottom0 {
  margin-bottom: 0!important
}

.padding0 {
  padding: 0!important
}

.padding5 {
  padding: 5px!important
}

.padding10 {
  padding: 10px!important
}

.padding15 {
  padding: 15px!important
}

.padding20 {
  padding: 20px!important
}

.padding25 {
  padding: 25px!important
}

.padding30 {
  padding: 30px!important
}

.padding35 {
  padding: 35px!important
}

.padding40 {
  padding: 40px!important
}

.padding45 {
  padding: 45px!important
}

.padding50 {
  padding: 50px!important
}

.padding55 {
  padding: 55px!important
}

.padding60 {
  padding: 60px!important
}

.padding65 {
  padding: 65px!important
}

.padding70 {
  padding: 70px!important
}

.padding75 {
  padding: 75px!important
}

.padding80 {
  padding: 80px!important
}

.padding85 {
  padding: 85px!important
}

.padding90 {
  padding: 90px!important
}

.padding95 {
  padding: 95px!important
}

.padding100 {
  padding: 100px!important
}

.padding105 {
  padding: 105px!important
}

.padding110 {
  padding: 110px!important
}

.padding115 {
  padding: 115px!important
}

.padding120 {
  padding: 120px!important
}

.padding125 {
  padding: 125px!important
}

.padding130 {
  padding: 130px!important
}

.padding135 {
  padding: 135px!important
}

.padding140 {
  padding: 140px!important
}

.padding145 {
  padding: 145px!important
}

.padding150 {
  padding: 150px!important
}

.paddingTop0 {
  padding-top: 0!important
}

.paddingTop1 {
  padding-top: 1px!important
}

.paddingTop2 {
  padding-top: 2px!important
}

.paddingTop3 {
  padding-top: 3px!important
}

.paddingTop4 {
  padding-top: 4px!important
}

.paddingTop5 {
  padding-top: 5px!important
}

.paddingTop6 {
  padding-top: 6px!important
}

.paddingTop7 {
  padding-top: 7px!important
}

.paddingTop8 {
  padding-top: 8px!important
}

.paddingTop9 {
  padding-top: 9px!important
}

.paddingTop10 {
  padding-top: 10px!important
}

.paddingTop11 {
  padding-top: 11px!important
}

.paddingTop12 {
  padding-top: 12px!important
}

.paddingTop13 {
  padding-top: 13px!important
}

.paddingTop14 {
  padding-top: 14px!important
}

.paddingTop15 {
  padding-top: 15px!important
}

.paddingTop16 {
  padding-top: 16px!important
}

.paddingTop17 {
  padding-top: 17px!important
}

.paddingTop18 {
  padding-top: 18px!important
}

.paddingTop19 {
  padding-top: 19px!important
}

.paddingTop20 {
  padding-top: 20px!important
}

.paddingTop21 {
  padding-top: 21px!important
}

.paddingTop22 {
  padding-top: 22px!important
}

.paddingTop23 {
  padding-top: 23px!important
}

.paddingTop24 {
  padding-top: 24px!important
}

.paddingTop25 {
  padding-top: 25px!important
}

.paddingTop30 {
  padding-top: 30px!important
}

.paddingTop35 {
  padding-top: 35px!important
}

.paddingTop40 {
  padding-top: 40px!important
}

.paddingTop45 {
  padding-top: 45px!important
}

.paddingTop50 {
  padding-top: 50px!important
}

.paddingTop55 {
  padding-top: 55px!important
}

.paddingTop60 {
  padding-top: 60px!important
}

.paddingTop65 {
  padding-top: 65px!important
}

.approvalCont,.paddingTop70 {
  padding-top: 70px!important
}

.paddingTop75 {
  padding-top: 75px!important
}

.paddingTop80 {
  padding-top: 80px!important
}

.paddingTop85 {
  padding-top: 85px!important
}

.paddingTop90 {
  padding-top: 90px!important
}

.paddingTop95 {
  padding-top: 95px!important
}

.paddingTop100 {
  padding-top: 100px!important
}

.paddingTop105 {
  padding-top: 105px!important
}

.paddingTop110 {
  padding-top: 110px!important
}

.paddingTop115 {
  padding-top: 115px!important
}

.paddingTop120 {
  padding-top: 120px!important
}

.paddingTop125 {
  padding-top: 125px!important
}

.paddingTop130 {
  padding-top: 130px!important
}

.paddingTop135 {
  padding-top: 135px!important
}

.paddingTop140 {
  padding-top: 140px!important
}

.paddingTop145 {
  padding-top: 145px!important
}

.paddingTop150 {
  padding-top: 150px!important
}

.paddingTop155 {
  padding-top: 155px!important
}

.paddingTop160 {
  padding-top: 160px!important
}

.paddingTop165 {
  padding-top: 165px!important
}

.paddingTop170 {
  padding-top: 170px!important
}

.paddingTop175 {
  padding-top: 175px!important
}

.paddingTop180 {
  padding-top: 180px!important
}

.paddingTop185 {
  padding-top: 185px!important
}

.paddingTop190 {
  padding-top: 190px!important
}

.paddingTop195 {
  padding-top: 195px!important
}

.paddingTop200 {
  padding-top: 200px!important
}

.paddingRight0 {
  padding-right: 0!important
}

.paddingRight1 {
  padding-right: 1px!important
}

.paddingRight2 {
  padding-right: 2px!important
}

.paddingRight3 {
  padding-right: 3px!important
}

.paddingRight4 {
  padding-right: 4px!important
}

.paddingRight5 {
  padding-right: 5px!important
}

.paddingRight6 {
  padding-right: 6px!important
}

.paddingRight7 {
  padding-right: 7px!important
}

.paddingRight8 {
  padding-right: 8px!important
}

.paddingRight9 {
  padding-right: 9px!important
}

.paddingRight10 {
  padding-right: 10px!important
}

.paddingRight11 {
  padding-right: 11px!important
}

.paddingRight12 {
  padding-right: 12px!important
}

.paddingRight13 {
  padding-right: 13px!important
}

.paddingRight14 {
  padding-right: 14px!important
}

.paddingRight15 {
  padding-right: 15px!important
}

.paddingRight16 {
  padding-right: 16px!important
}

.paddingRight17 {
  padding-right: 17px!important
}

.paddingRight18 {
  padding-right: 18px!important
}

.paddingRight19 {
  padding-right: 19px!important
}

.paddingRight20 {
  padding-right: 20px!important
}

.paddingRight21 {
  padding-right: 21px!important
}

.paddingRight22 {
  padding-right: 22px!important
}

.paddingRight23 {
  padding-right: 23px!important
}

.paddingRight24 {
  padding-right: 24px!important
}

.paddingRight25 {
  padding-right: 25px!important
}

.paddingRight30 {
  padding-right: 30px!important
}

.paddingRight35 {
  padding-right: 35px!important
}

.paddingRight40 {
  padding-right: 40px!important
}

.paddingRight45 {
  padding-right: 45px!important
}

.paddingRight50 {
  padding-right: 50px!important
}

.paddingRight55 {
  padding-right: 55px!important
}

.paddingRight60 {
  padding-right: 60px!important
}

.paddingRight65 {
  padding-right: 65px!important
}

.paddingRight70 {
  padding-right: 70px!important
}

.paddingRight75 {
  padding-right: 75px!important
}

.paddingRight80 {
  padding-right: 80px!important
}

.paddingRight85 {
  padding-right: 85px!important
}

.paddingRight90 {
  padding-right: 90px!important
}

.paddingRight95 {
  padding-right: 95px!important
}

.paddingRight100 {
  padding-right: 100px!important
}

.paddingRight105 {
  padding-right: 105px!important
}

.paddingRight110 {
  padding-right: 110px!important
}

.paddingRight115 {
  padding-right: 115px!important
}

.paddingRight120 {
  padding-right: 120px!important
}

.paddingRight125 {
  padding-right: 125px!important
}

.paddingRight130 {
  padding-right: 130px!important
}

.paddingRight135 {
  padding-right: 135px!important
}

.paddingRight140 {
  padding-right: 140px!important
}

.paddingRight145 {
  padding-right: 145px!important
}

.paddingRight150 {
  padding-right: 150px!important
}

.paddingRight155 {
  padding-right: 155px!important
}

.paddingRight160 {
  padding-right: 160px!important
}

.paddingRight165 {
  padding-right: 165px!important
}

.paddingRight170 {
  padding-right: 170px!important
}

.paddingRight175 {
  padding-right: 175px!important
}

.paddingRight180 {
  padding-right: 180px!important
}

.paddingRight185 {
  padding-right: 185px!important
}

.paddingRight190 {
  padding-right: 190px!important
}

.paddingRight195 {
  padding-right: 195px!important
}

.paddingRight200 {
  padding-right: 200px!important
}

.paddingBtm0 {
  padding-bottom: 0!important
}

.paddingBtm1 {
  padding-bottom: 1px!important
}

.paddingBtm2 {
  padding-bottom: 2px!important
}

.paddingBtm3 {
  padding-bottom: 3px!important
}

.paddingBtm4 {
  padding-bottom: 4px!important
}

.paddingBtm5 {
  padding-bottom: 5px!important
}

.paddingBtm6 {
  padding-bottom: 6px!important
}

.paddingBtm7 {
  padding-bottom: 7px!important
}

.paddingBtm8 {
  padding-bottom: 8px!important
}

.paddingBtm9 {
  padding-bottom: 9px!important
}

.paddingBtm10 {
  padding-bottom: 10px!important
}

.paddingBtm11 {
  padding-bottom: 11px!important
}

.paddingBtm12 {
  padding-bottom: 12px!important
}

.paddingBtm13 {
  padding-bottom: 13px!important
}

.paddingBtm14 {
  padding-bottom: 14px!important
}

.paddingBtm15 {
  padding-bottom: 15px!important
}

.paddingBtm16 {
  padding-bottom: 16px!important
}

.paddingBtm17 {
  padding-bottom: 17px!important
}

.paddingBtm18 {
  padding-bottom: 18px!important
}

.paddingBtm19 {
  padding-bottom: 19px!important
}

.paddingBtm20 {
  padding-bottom: 20px!important
}

.paddingBtm21 {
  padding-bottom: 21px!important
}

.paddingBtm22 {
  padding-bottom: 22px!important
}

.paddingBtm23 {
  padding-bottom: 23px!important
}

.paddingBtm24 {
  padding-bottom: 24px!important
}

.paddingBtm25 {
  padding-bottom: 25px!important
}

.paddingBtm30 {
  padding-bottom: 30px!important
}

.paddingBtm35 {
  padding-bottom: 35px!important
}

.paddingBtm40 {
  padding-bottom: 40px!important
}

.paddingBtm45 {
  padding-bottom: 45px!important
}

.paddingBtm50 {
  padding-bottom: 50px!important
}

.paddingBtm55 {
  padding-bottom: 55px!important
}

.paddingBtm60 {
  padding-bottom: 60px!important
}

.paddingBtm65 {
  padding-bottom: 65px!important
}

.paddingBtm70 {
  padding-bottom: 70px!important
}

.paddingBtm75 {
  padding-bottom: 75px!important
}

.paddingBtm80 {
  padding-bottom: 80px!important
}

.paddingBtm85 {
  padding-bottom: 85px!important
}

.paddingBtm90 {
  padding-bottom: 90px!important
}

.paddingBtm95 {
  padding-bottom: 95px!important
}

.paddingBtm100 {
  padding-bottom: 100px!important
}

.paddingBtm105 {
  padding-bottom: 105px!important
}

.paddingBtm110 {
  padding-bottom: 110px!important
}

.paddingBtm115 {
  padding-bottom: 115px!important
}

.paddingBtm120 {
  padding-bottom: 120px!important
}

.paddingBtm125 {
  padding-bottom: 125px!important
}

.paddingBtm130 {
  padding-bottom: 130px!important
}

.paddingBtm135 {
  padding-bottom: 135px!important
}

.paddingBtm140 {
  padding-bottom: 140px!important
}

.paddingBtm145 {
  padding-bottom: 145px!important
}

.paddingBtm150 {
  padding-bottom: 150px!important
}

.paddingBtm155 {
  padding-bottom: 155px!important
}

.paddingBtm160 {
  padding-bottom: 160px!important
}

.paddingBtm165 {
  padding-bottom: 165px!important
}

.paddingBtm170 {
  padding-bottom: 170px!important
}

.paddingBtm175 {
  padding-bottom: 175px!important
}

.paddingBtm180 {
  padding-bottom: 180px!important
}

.paddingBtm185 {
  padding-bottom: 185px!important
}

.paddingBtm190 {
  padding-bottom: 190px!important
}

.paddingBtm195 {
  padding-bottom: 195px!important
}

.paddingBtm200 {
  padding-bottom: 200px!important
}

.paddingLeft0 {
  padding-left: 0!important
}

.paddingLeft1 {
  padding-left: 1px!important
}

.paddingLeft2 {
  padding-left: 2px!important
}

.paddingLeft3 {
  padding-left: 3px!important
}

.paddingLeft4 {
  padding-left: 4px!important
}

.paddingLeft5 {
  padding-left: 5px!important
}

.paddingLeft6 {
  padding-left: 6px!important
}

.paddingLeft7 {
  padding-left: 7px!important
}

.paddingLeft8 {
  padding-left: 8px!important
}

.paddingLeft9 {
  padding-left: 9px!important
}

.paddingLeft10 {
  padding-left: 10px!important
}

.paddingLeft11 {
  padding-left: 11px!important
}

.paddingLeft12 {
  padding-left: 12px!important
}

.paddingLeft13 {
  padding-left: 13px!important
}

.paddingLeft14 {
  padding-left: 14px!important
}

.paddingLeft15 {
  padding-left: 15px!important
}

.paddingLeft16 {
  padding-left: 16px!important
}

.paddingLeft17 {
  padding-left: 17px!important
}

.paddingLeft18 {
  padding-left: 18px!important
}

.paddingLeft19 {
  padding-left: 19px!important
}

.paddingLeft20 {
  padding-left: 20px!important
}

.paddingLeft21 {
  padding-left: 21px!important
}

.paddingLeft22 {
  padding-left: 22px!important
}

.paddingLeft23 {
  padding-left: 23px!important
}

.paddingLeft24 {
  padding-left: 24px!important
}

.paddingLeft25 {
  padding-left: 25px!important
}

.paddingLeft30 {
  padding-left: 30px!important
}

.paddingLeft35 {
  padding-left: 35px!important
}

.paddingLeft40 {
  padding-left: 40px!important
}

.paddingLeft45 {
  padding-left: 45px!important
}

.paddingLeft50 {
  padding-left: 50px!important
}

.paddingLeft55 {
  padding-left: 55px!important
}

.paddingLeft60 {
  padding-left: 60px!important
}

.paddingLeft65 {
  padding-left: 65px!important
}

.paddingLeft70 {
  padding-left: 70px!important
}

.paddingLeft75 {
  padding-left: 75px!important
}

.paddingLeft80 {
  padding-left: 80px!important
}

.paddingLeft85 {
  padding-left: 85px!important
}

.paddingLeft90 {
  padding-left: 90px!important
}

.paddingLeft95 {
  padding-left: 95px!important
}

.paddingLeft100 {
  padding-left: 100px!important
}

.paddingLeft105 {
  padding-left: 105px!important
}

.paddingLeft110 {
  padding-left: 110px!important
}

.paddingLeft115 {
  padding-left: 115px!important
}

.paddingLeft120 {
  padding-left: 120px!important
}

.paddingLeft125 {
  padding-left: 125px!important
}

.paddingLeft130 {
  padding-left: 130px!important
}

.paddingLeft135 {
  padding-left: 135px!important
}

.paddingLeft140 {
  padding-left: 140px!important
}

.paddingLeft145 {
  padding-left: 145px!important
}

.paddingLeft150 {
  padding-left: 150px!important
}

.paddingLeft155 {
  padding-left: 155px!important
}

.paddingLeft160 {
  padding-left: 160px!important
}

.paddingLeft165 {
  padding-left: 165px!important
}

.paddingLeft170 {
  padding-left: 170px!important
}

.paddingLeft175 {
  padding-left: 175px!important
}

.paddingLeft180 {
  padding-left: 180px!important
}

.paddingLeft185 {
  padding-left: 185px!important
}

.paddingLeft190 {
  padding-left: 190px!important
}

.paddingLeft195 {
  padding-left: 195px!important
}

.paddingLeft200 {
  padding-left: 200px!important
}

.widthMinus50 {
  width: calc(100% - 50px)!important
}

.widthMinus65 {
  width: calc(100% - 65px)!important
}

.widthMinus105 {
  width: calc(100% - 105px)!important
}

.width245 {
  width: 245px!important
}

.width50p {
  width: 50%
}

.icon.iconSmall>svg,.icon>svg {
  height: 24px;
  width: 24px
}

.paddingBottom0 {
  padding-bottom: 0!important
}

.centered {
  margin-right: auto!important;
  margin-left: auto!important;
  float: none!important
}

.relative {
  position: relative
}

.absolute {
  position: absolute
}

.fixed {
  position: fixed
}

.icon {
  display: inline-block;
  direction: ltr
}

.icon>svg {
  fill: currentColor;
  vertical-align: middle;
  margin: auto;
  align-content: center
}

.icon.iconMedium>svg {
  height: 36px;
  width: 36px
}

.icon.iconLarge>svg {
  height: 48px;
  width: 48px
}

.icon.iconSize20>svg {
  height: 20px;
  width: 20px
}

.icon.iconSize16>svg {
  height: 16px;
  width: 16px;
  vertical-align: top
}

.pgInputBx,.vBottom {
  vertical-align: bottom
}

.height250 {
  height: 250px
}

.height300 {
  height: 300px
}

.height50 {
  height: 50px
}

.height21 {
  height: 21px
}

.height215 {
  height: 215px
}

.height150 {
  height: 150px
}

.maxHeight250 {
  max-height: 250px
}

.lineHeight30 {
  line-height: 30px
}

.lineHeight15 {
  line-height: 15px
}

.transform90Deg {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg)
}

.transform90DegN {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

.transform180Deg {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg)
}

.transform180DegN {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg)
}

.transform270Deg {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg)
}

.transform270DegN {
  -webkit-transform: rotate(-270deg);
  -moz-transform: rotate(-270deg);
  -ms-transform: rotate(-270deg);
  -o-transform: rotate(-270deg);
  transform: rotate(-270deg)
}

.temp-bg-1 {
  background: #16b587
}

.temp-bg-1 .temp-card-label {
  color: #16b587
}

.temp-bg-2 {
  background: #9696dc
}

.temp-bg-2 .temp-card-label {
  color: #9696dc
}

.width170 {
  width: 170px
}

.fontNormal {
  font-weight: 400
}

.heightAuto {
  height: auto!important
}

.lineHeightInherit {
  line-height: inherit!important
}

.marginTop5N {
  margin-top: -5px!important
}

.marginBtm29 {
  margin-bottom: 29px!important
}

.opacity-08 {
  opacity: .8
}

.bold {
  font-weight: 700
}

.top200N {
  top: -200px!important
}

.noRightBorder {
  border-Right: none!important
}

.noBottomBorder {
  border-Bottom: none!important
}

.noLeftBorder {
  border-Left: none!important
}

.noBorder {
  border: none!important
}

.borderAll {
  border: 1px solid #e8e8e8
}

.displayBlock {
  display: block
}

.marginTop11N {
  margin-top: -11px!important
}

.fontSize10 {
  font-size: .71429rem!important
}

.ddSubLinkWrapper,.fontSize12 {
  font-size: .85714rem!important
}

.fontSize14 {
  font-size: 1rem!important
}

.fontSize16 {
  font-size: 1.14286rem!important
}

.fontSize18 {
  font-size: 1.28571rem!important
}

.fontSize20 {
  font-size: 1.42857rem!important
}

.fontSize22 {
  font-size: 1.57143rem!important
}

.fontSize24 {
  font-size: 1.71429rem!important
}

.fontSize26 {
  font-size: 1.85714rem!important
}

.fontSize28 {
  font-size: 2rem!important
}

.fontSize30 {
  font-size: 2.14286rem!important
}

.fontSize32 {
  font-size: 2.28571rem!important
}

.fontSize34 {
  font-size: 2.42857rem!important
}

.fontSize36 {
  font-size: 2.57143rem!important
}

.linkNormal {
  text-transform: inherit;
  font-weight: 400
}

.high-ligher {
  border-left: 5px solid #fafafa
}

.high-ligher1 {
  border-left: 5px solid #ffcc80
}

.high-ligher2 {
  border-left: 5px solid #ff8a65
}

.high-ligher3 {
  border-left: 5px solid #9ccc65
}

.high-ligher4 {
  border-left: 5px solid #29b6f6
}

.high-ligher5 {
  border-left: 5px solid #f48fb1
}

#id1 {
  background: #ff8a65
}

#id2 {
  background: #9ccc65
}

#id3 {
  background: #29b6f6
}

#id4 {
  background: #f48fb1
}

#id5 {
  background: #88B489
}

#id6 {
  background: #65E0FF
}

.is-overflowHidden {
  overflow: hidden
}

.overflowVisible {
  overflow: visible
}

.borderBtmGray {
  border-bottom: 1px solid #A2A2A2
}

.borderBtmLight,.secContentWithBorder {
  border-bottom: 1px solid #e0e0e0
}

.horizontalTabs.tabparent-container.grid-fixed-container {
  position: fixed;
  background: #fff;
  z-index: 999;
  top: 50px;
  width: 100%!important
}

.fixedFilterHeader {
  position: fixed;
  top: 90px;
  background: #fff;
  z-index: 999
}

.borderBtmGraye7 {
  background-color: #e7e7e7
}

.is-hide {
  display: none
}

.cursorPointer {
  cursor: pointer
}

.cursorDefault,.disabled {
  cursor: default
}

.backSpaceVisibility {
  backface-visibility: hidden
}

.marginTop47p {
  margin-top: 47%!important
}

.marginLeft30N {
  margin-left: -30px
}

.is-scrolled {
  border-top: 1px solid #e5e5e5!important
}

.is-modified {
  font-size: .85714rem
}

.footerSpacer {
  padding-bottom: 2.85rem
}

.autoWidth {
  width: auto
}

.aCenter {
  text-align: center
}

.aRight {
  text-align: right
}

.aCenter input {
  text-align: center
}

.aRight input {
  text-align: right
}

.pagDisabled a {
  opacity: .5!important;
  cursor: default!important
}

.pgInputBx {
  width: 25px;
  display: inline-block
}

.secContentWithBorder {
  box-sizing: border-box;
  float: left;
  width: 100%
}

.scroll-element,.scroll-element div,.workAsInput {
  box-sizing: content-box
}

.borderTopLight {
  border-top: 1px solid #e0e0e0
}

i.small.smallest {
  font-size: 1rem
}

.disabled {
  opacity: .4;
  pointer-events: none
}

.linkdisabled,.linkdisabled a {
  cursor: default;
  pointer-events: none!important;
  text-decoration: none
}

.width400 {
  width: 400px
}

.width700 {
  width: 700px
}

.highlighted {
  background: #ff0
}

.is-added .title {
  color: #c3c3c3
}

.linkdisabled,.linkdisabled.with-readonly {
  color: #1c1c1c!important
}

.zIndex998 {
  z-index: 998
}

.pagePlainWhite {
  background: #fff!important
}

.pagePlainWhite:after {
  display: none
}

.linkdisabled a {
  color: #c9c9c9!important
}

.shadowGreyOuter {
  box-shadow: 0 3px 5px 0 gray
}

.nowrap {
  white-space: nowrap!important
}

.is-fixed-on-top {
  position: fixed!important;
  left: 0;
  right: 0
}

.italic {
  font-style: italic
}

.highlightRow {
  background: #f7fbfe
}

.pointEventN {
  pointer-events: none
}

.workAsInput {
  height: 2rem;
  margin: .5rem 0 0;
  padding: .5rem 0 0
}

.subHeader {
  font-size: 1.286rem
}

.subHeaderWithFilter {
  position: relative;
  z-index: 3;
  background-color: #0067b0
}

.alignwithCel {
  margin: -8px 0 0
}

.triggerr {
  cursor: pointer
}

.sectionContentWithShadow {
  box-shadow: 0 2px 2px #d0d0d0 inset
}

.sectionContentWithShadow.ng-enter,.sectionContentWithShadow.ng-leave {
  overflow: hidden;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out
}

.sectionContentWithShadow.ng-enter {
  max-height: 0
}

.sectionContentWithShadow.ng-enter.ng-enter-active,.sectionContentWithShadow.ng-leave {
  max-height: 500px
}

.sectionContentWithShadow.ng-leave.ng-leave-active {
  max-height: 0
}

.make-it-disabled {
  opacity: .5
}

.dIBlock {
  display: inline-block
}

.bottom0 {
  bottom: 0
}

.breakWord {
  word-wrap: break-word
}

.text-strikethrough {
  text-decoration: line-through
}

.chipWithPadding {
  padding: 0 12px
}

.isInvalid,.isInvalid .searchWrapper {
  -webkit-animation-name: shake;
  animation-name: shake;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}

.isInvalid .searchWrapper input::-webkit-input-placeholder,.isInvalid input::-webkit-input-placeholder {
  color: red;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  -ms-transition: all .5s ease;
  transition: all .5s ease
}

.isInvalid .searchWrapper input::-moz-placeholder,.isInvalid input::-moz-placeholder {
  color: red;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  -ms-transition: all .5s ease;
  transition: all .5s ease
}

.isInvalid input:-ms-input-placeholder {
  color: red;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  -ms-transition: all .5s ease;
  transition: all .5s ease
}

.isInvalid input:-moz-placeholder {
  color: red;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  -ms-transition: all .5s ease;
  transition: all .5s ease
}

.isInvalid .searchWrapper .input-field pre,.isInvalid.searchWrapper .input-field pre {
  color: red
}

.fixed2 .dropdown-content {
  left: auto!important;
  right: 10px
}

.rotateMin90 {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

.rotateMin180 {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg)
}

.rotateMin270 {
  -webkit-transform: rotate(-270deg);
  -moz-transform: rotate(-270deg);
  -ms-transform: rotate(-270deg);
  -o-transform: rotate(-270deg);
  transform: rotate(-270deg)
}

.rotate0 {
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0)
}

.rotate90 {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg)
}

.rotate180 {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg)
}

.rotate270 {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg)
}

.widgetForScannedSection {
  height: 260px;
  padding-bottom: 10px
}

.height285 {
  height: 285px
}

li.listStyleDisc {
  list-style-type: disc
}

.minHeigth70 {
  min-height: 70px!important
}

.marginTopN15 {
  margin-top: -15px!important
}

.borderLeftLight {
  border-left: 1px solid #e5e5e5
}

.filter-list li.ng-scope.collection-item {
  padding-bottom: 14px
}

.filter-list li.collection-item:last-child {
  padding-bottom: 25px!important
}

.text-uppercase {
  text-transform: uppercase
}

.checkboxWithInfo {
  width: 83%;
  float: left
}

.inputFieldWithInfoicon {
  padding-left: 0
}

.inputFieldWithInfoicon .input-field {
  width: 88%;
  padding-right: 0
}

.inputFieldWithInfoicon.hideInfoIcon .input-field {
  width: 100%;
  padding-right: .75rem
}

table.sTable th.table-header-checkbox:first-child {
  padding: 10px 19px
}

.line-height-30 {
  line-height: 30px!important
}

a:focus {
  outline: rgba(21,157,252,.54) auto 2px
}

a:active:focus,a:hover:focus,a:visited:focus {
  outline-width: 0;
  outline-style: auto;
  outline-color: rgba(21,157,252,.54)
}

.quick-search-link:focus,.recom-item a,.tabs .tab a:focus {
  outline: 0
}

[isItemList]:focus {
  background: #eee!important
}

.modal .model_closeIcon {
  position: absolute;
  right: 1.5em;
  top: 1.5em;
  color: #fff
}

.modal .title {
  font-size: 18px
}

.modal .modal-footer_new {
  float: left;
  width: 100%;
  padding: 10px 0
}

.modal .modal-header {
  padding: 18px 20px 16px;
  height: 60px
}

.modal .modal-header>.material-icons,.modal .modal-header>a {
  padding: 3px
}

.modal .modal-header .title {
  font-size: 1.286rem
}

.modal .modal-header.iCard-header {
  height: 50px
}

.modal .modal-footer .notifyBubble {
  width: 30px;
  height: 30px;
  margin-top: 1px
}

.modal .modal-footer .notifyBubble span {
  margin: 0 auto;
  color: #fff
}

.modal .modal-footer .notifyBubble .bubble {
  left: 0
}

.modal.ui-draggable {
  cursor: move
}

.modal .iconAttachmentdelete {
  margin-top: -4px;
  float: left
}

.collapsible-header .modal {
  line-height: 1.5
}

.collapsible-header .modal i {
  line-height: inherit;
  font-size: inherit
}

.modal-header--Icon {
  line-height: 26px
}

.modal-footer--notification {
  background-color: #f5f5f5;
  padding: 1.071rem 1.429rem
}

.is-popup-Draggable {
  overflow: visible
}

.is-popup-Draggable .lean-overlay {
  display: none!important
}

.popupDraggableHandler {
  height: 24px;
  position: absolute;
  left: 50%;
  margin-left: -12px
}

.popupDraggableHandler i {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  cursor: -webkit-grab;
  display: inline-flex;
  color: #999
}

a.tree-view-str-collapsible-trigger:focus {
  background: #e7f5ff;
  border-radius: 50%;
  outline: 0!important
}

.slick-slider .slick-list:focus,a:active {
  outline: 0
}

.modal .modal-header .searchWithHiddenTextField a:focus {
  box-shadow: 0 1px 1px #e2e2e2;
  background: #f1f1f1;
  text-align: center;
  width: 2.5em;
  height: 2.5em;
  line-height: 2.5em;
  border-radius: 50%
}

.white-path-with-loader {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #fff
}

.ui-slider {
  border-top: 3px solid #9b9b9b;
  height: 1px;
  position: relative
}

.ui-slider-handle {
  z-index: 2;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none;
  top: 0;
  margin-left: -.6em;
  position: absolute
}

.ui-slider-tip {
  top: -40px;
  position: absolute;
  left: 0;
  background: #323232;
  color: #fff;
  width: 40px;
  text-align: center;
  border-radius: 3px;
  padding: 2px 3px
}

.ui-slider-tip:after {
  content: "";
  background: #106cc8;
  border-radius: 30px;
  width: 20px;
  height: 20px;
  display: inline-block;
  position: absolute;
  left: 8px;
  top: 28px
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  top: -3px;
  border-top: 3px solid #4CAF50
}

.notification-massage .modal {
  box-shadow: 0 30px 30px 0 rgba(0,0,0,.1),0 50px 57px 0 rgba(0,0,0,.1);
  border-radius: 0
}

.notification-massage .notifi-card-content-checkbox {
  padding: 0 25px
}

.notification-massage .modal-content {
  background: #fff;
  overflow: hidden
}

.notification-massage .card-header {
  height: 87px;
  position: relative;
  overflow: hidden;
  display: table;
  width: 100%;
  text-align: center
}

.notification-massage .card-header .notify-header-cont {
  display: table-cell;
  vertical-align: middle
}

.notification-massage .card-header .icon-bg {
  position: absolute;
  right: -72px;
  top: -70px
}

.notification-massage .notify-error .session-image,.notification-massage .notify-information .session-image,.notification-massage .notify-session-expire .notify-header .icon-head,.notification-massage .notify-session-timeout .notify-header .icon-head,.notification-massage .notify-session-timeout p,.notification-massage .notify-success .session-image,.notification-massage .notify-warning .session-image {
  display: none
}

.notification-massage .session-image {
  position: absolute;
  width: 93px;
  height: 169px;
  left: 40px;
  top: 0;
  z-index: 1
}

.notification-massage .notify-session-timeout .session-image {
  background: url(../images/session-timeout.png) no-repeat;
  width: 296px;
  height: 157px;
  left: 0;
  top: 11px
}

.notification-massage .notify-session-expire .session-image {
  background: url(../images/session-expire.png)
}

.notification-massage .notify-session-expire .card-header .icon-bg,.notification-massage .notify-session-timeout .card-header .icon-bg {
  position: absolute;
  right: -72px;
  top: -69px;
  left: auto
}

.notification-massage .notify-session-expire .notify-header .notify-text,.notification-massage .notify-session-timeout .notify-header .notify-text {
  left: 0;
  line-height: 30px;
  width: 100%;
  text-align: left;
  bottom: auto;
  padding-left: 150px;
  padding-right: 15px
}

.notification-massage .notify-session-expire,.notification-massage .notify-session-timeout {
  background: 0 0;
  padding-top: 48px
}

.notification-massage .notify-error .notify-header {
  background: #d63d3d
}

.notification-massage .notify-success .notify-header {
  background: #268406
}

.notification-massage .notify-warning .notify-header {
  background: #e67300
}

.notification-massage .notify-information .notify-header {
  background: #0177d6
}

.notification-massage .notify-confirm .notify-header {
  background: #ffc107
}

.notification-massage .notify-session-timeout .notify-header {
  background: #607d8b;
  padding-top: 45px
}

.notification-massage .notify-session-expire .notify-header {
  background: #673ab4
}

.notification-massage .notify-confirm .icon-bg svg {
  fill: rgba(255,255,255,.2)
}

.notification-massage .notify-header .icon-head {
  left: -4px;
  position: relative
}

.notification-massage .notify-header .notify-text {
  color: #fff;
  font-size: 2.143rem;
  position: relative;
  line-height: 1.6rem;
  text-transform: uppercase;
  display: inline-block;
  vertical-align: middle;
  left: 0!important;
  transform: none!important;
  -webkit-transform: none!important;
  -ms-transform: none!important
}

.notification-massage p {
  margin: 0;
  line-height: 1.8;
  color: #9e9e9e
}

.notification-massage p.notify-header-cont {
  display: table-cell;
  vertical-align: middle
}

.icon-bg svg {
  width: 260px;
  height: 260px;
  fill: rgba(255,255,255,.1)
}

.icon-head svg {
  width: 65px;
  height: 65px;
  fill: #fff
}

.notification-massage .card-content {
  word-wrap: break-word
}

.notificationContent {
  overflow-y: auto;
  max-height: 200px
}

.accumulator-container,.dropdown-content .accumulator-container {
  padding: 0 20px
}

.accumulator-content .accumulator-box,.dropdown-content .accumulator-content .accumulator-box {
  border: 1px solid #e5e5e5;
  padding: 0
}

.accumulator-box-list,.dropdown-content .accumulator-box-list {
  border-bottom: 1px solid #e5e5e5;
  margin: 0
}

.accumulator-box .input-field,.dropdown-content .accumulator-box .input-field {
  margin: 0
}

.accumulator-box-list-item.accumulator-search,.dropdown-content .accumulator-box-list-item.accumulator-search {
  height: 48px;
  padding: 8px 15px
}

.accumulator-box .input-field.withSearchIcon input,.dropdown-content .accumulator-box .input-field.withSearchIcon input {
  height: 31px;
  line-height: 28px;
  border: none;
  box-shadow: none
}

.accumulator-box-list-item,.dropdown-content .accumulator-box-list-item {
  padding: 8px 15px;
  line-height: 32px
}

.accumulator-box-list-item.accumulator-list-group,.dropdown-content .accumulator-box-list-item.accumulator-list-group {
  padding: 0
}

.accumulator-box-list-item.accumulator-list-group-items,.dropdown-content .accumulator-box-list-item.accumulator-list-group-items {
  padding: 8px 15px 8px 45px;
  background-color: #f5f5f5
}

.accumulator-content .accumulator-box-list:last-child,.dropdown-content .accumulator-content .accumulator-box-list:last-child {
  border: 0
}

.time-date,.time-date>.control>.slider>.date-control>.title>input {
  border: none
}

.accumalator-chk,.dropdown-content .accumalator-chk {
  float: left;
  margin-top: 5px;
  line-height: 20px
}

.accumulator-action-box,.dropdown-content .accumulator-action-box {
  position: relative
}

.accumulator-action-box .accumulator-action-opt,.dropdown-content .accumulator-action-box .accumulator-action-opt {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%)
}

.accumulator-box-list-item .group-icon,.dropdown-content .accumulator-box-list-item .group-icon {
  position: absolute;
  right: 15px
}

.accumulator-box-list-item .accumulator-grp-title,.dropdown-content .accumulator-box-list-item .accumulator-grp-title {
  position: relative;
  padding-right: 30px;
  display: inline-block;
  vertical-align: middle;
  max-width: calc(100% - 30px);
  margin-top: -2px
}

.btn-link-now,.time-date.date-only>.control>.slider>.switch-control,.time-date.date-only>.control>.slider>.time-control,.time-date.time-only>.control>.slider>.date-control,.time-date.time-only>.control>.slider>.switch-control {
  display: none
}

.accumulator-group-arrow,.dropdown-content .accumulator-group-arrow {
  position: absolute;
  right: 0
}

.dropdown-content .accumulator-container li.active,.dropdown-content .accumulator-container li.selected,.dropdown-content .accumulator-container li:hover {
  background: 0 0
}

.dropdown-content .accumulator-container li {
  padding: 0
}

.dropdown-content-box {
  padding: 2px 5px
}

.time-date {
  font-size: 16px;
  overflow: hidden;
  max-width: 600px
}

.time-date>.display {
  position: relative;
  width: 47%;
  cursor: pointer
}

.time-date>.display>.content {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  color: #e1e1e1
}

.time-date>.display>.content>.main-title>small {
  font-size: 1.5rem;
  margin-left: .5rem
}

.time-date>.control {
  width: 53%;
  overflow-x: hidden;
  position: relative
}

.time-date>.control>.slider {
  position: absolute!important;
  width: 200%;
  -webkit-transition: left .6s ease-in-out;
  -moz-transition: left .6s ease-in-out;
  -o-transition: left .6s ease-in-out;
  -ms-transition: left .6s ease-in-out;
  transition: left .6s ease-in-out
}

.leftSide-footer,.searchWrapper {
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  -ms-transition: all .5s ease
}

.time-date>.control>.slider>.date-control,.time-date>.control>.slider>.switch-control,.time-date>.control>.slider>.time-control {
  float: left
}

.time-date>.control>.slider>.date-control,.time-date>.control>.slider>.time-control {
  width: 45%
}

.time-date>.control>.slider>.switch-control {
  width: 10%;
  cursor: pointer
}

.time-date>.control>.slider>.switch-control>i.fa {
  margin-top: 12.65rem
}

.time-date>.control>.slider>.switch-control>i.fa:first-child {
  margin-right: 1rem
}

.time-date>.control>.slider>.switch-control>i.fa:last-child {
  margin-left: 1rem
}

.time-date>.control>.slider>.date-control>.title {
  line-height: 2em
}

.time-date>.control>.slider>.date-control>.title>span {
  cursor: pointer;
  position: relative
}

.time-date>.control>.slider>.date-control>.title>span:hover {
  text-decoration: underline
}

.time-date>.control>.slider>.date-control>.title>span>select {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0)
}

.time-date>.control>.slider>.date-control>.headers {
  color: #737373
}

.time-date>.control>.slider>.date-control>.headers>.day-cell {
  cursor: default
}

.time-date>.control>.slider>.date-control .day-cell {
  float: left;
  padding-top: 1rem;
  cursor: pointer;
  -webkit-border-radius: 4rem;
  border-radius: 4rem
}

.time-date>.control>.slider>.date-control>.days .day-cell.selected {
  color: #fff
}

.time-date>.control>.slider>.date-control>.days .day-cell:active,.time-date>.control>.slider>.date-control>.days .day-cell:hover,.time-date>.control>.slider>.time-control>.clock>.clock-face>.hand:active,.time-date>.control>.slider>.time-control>.clock>.clock-face>.hand:active:before,.time-date>.control>.slider>.time-control>.clock>.clock-face>.hand:hover,.time-date>.control>.slider>.time-control>.clock>.clock-face>.hand:hover:before {
  color: #e6e6e6
}

.time-date>.control>.slider>.time-control {
  position: relative
}

.time-date>.control>.slider>.time-control>.buttons {
  position: absolute;
  left: 8px;
  right: 8px
}

.time-date>.control>.slider>.time-control>.buttons>input {
  float: left;
  bottom: 50%;
  border: none;
  border-bottom: 1px solid #000;
  text-align: center;
  position: absolute;
  left: 50%
}

.time-date>.control>.slider>.time-control>.buttons>button {
  -webkit-border-radius: 100%;
  border-radius: 100%;
  width: 5rem;
  height: 5rem
}

.time-date>.control>.slider>.time-control>.clock {
  position: relative;
  width: 100%;
  padding-left: 50%
}

.time-date>.control>.slider>.time-control>.clock>.clock-face {
  position: relative;
  margin-left: -75px;
  margin-top: 1.5rem
}

.time-date>.control>.slider>.time-control>.clock>.clock-face:before {
  content: " ";
  background-color: #eceff1;
  position: absolute;
  top: -20px;
  left: -20px;
  height: 188px;
  width: 188px;
  -webkit-border-radius: 94px;
  border-radius: 94px
}

.time-date>.control>.slider>.time-control>.clock>.clock-face>.center {
  position: absolute;
  width: 4px;
  height: 4px;
  background-color: #202020;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  z-index: 3;
  left: 74px;
  top: 73px
}

.time-date>.control>.slider>.time-control>.clock>.clock-face>.hand {
  position: absolute;
  text-align: center;
  -webkit-border-radius: 8rem;
  border-radius: 8rem;
  cursor: pointer;
  z-index: 2
}

.time-date>.control>.slider>.time-control>.clock>.clock-face>.hand.selected,.time-date>.control>.slider>.time-control>.clock>.clock-face>.hand.selected:before {
  color: #fff
}

.time-date>.control>.slider>.time-control>.clock>.clock-face>.hand:nth-child(2) {
  left: 112.5px;
  top: 10.05px
}

.time-date>.control>.slider>.time-control>.clock>.clock-face>.hand:nth-child(2):before {
  content: " ";
  position: absolute;
  height: 75px;
  width: 2px;
  z-index: -1;
  -webkit-transform-origin: center top;
  -moz-transform-origin: center top;
  -o-transform-origin: center top;
  -ms-transform-origin: center top;
  transform-origin: center top;
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  -o-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg)
}

.time-date>.control>.slider>.time-control>.clock>.clock-face>.hand:nth-child(3) {
  left: 139.95px;
  top: 37.5px
}

.time-date>.control>.slider>.time-control>.clock>.clock-face>.hand:nth-child(3):before {
  content: " ";
  position: absolute;
  height: 75px;
  width: 2px;
  z-index: -1;
  -webkit-transform-origin: center top;
  -moz-transform-origin: center top;
  -o-transform-origin: center top;
  -ms-transform-origin: center top;
  transform-origin: center top;
  -webkit-transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  -o-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg)
}

.time-date>.control>.slider>.time-control>.clock>.clock-face>.hand:nth-child(4) {
  left: 150px;
  top: 75px
}

.time-date>.control>.slider>.time-control>.clock>.clock-face>.hand:nth-child(4):before {
  content: " ";
  position: absolute;
  height: 75px;
  width: 2px;
  z-index: -1;
  -webkit-transform-origin: center top;
  -moz-transform-origin: center top;
  -o-transform-origin: center top;
  -ms-transform-origin: center top;
  transform-origin: center top;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg)
}

.time-date>.control>.slider>.time-control>.clock>.clock-face>.hand:nth-child(5) {
  left: 139.95px;
  top: 112.5px
}

.time-date>.control>.slider>.time-control>.clock>.clock-face>.hand:nth-child(5):before {
  content: " ";
  position: absolute;
  height: 75px;
  width: 2px;
  z-index: -1;
  -webkit-transform-origin: center top;
  -moz-transform-origin: center top;
  -o-transform-origin: center top;
  -ms-transform-origin: center top;
  transform-origin: center top;
  -webkit-transform: rotate(120deg);
  -moz-transform: rotate(120deg);
  -o-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  transform: rotate(120deg)
}

.time-date>.control>.slider>.time-control>.clock>.clock-face>.hand:nth-child(6) {
  left: 112.5px;
  top: 139.95px
}

.time-date>.control>.slider>.time-control>.clock>.clock-face>.hand:nth-child(6):before {
  content: " ";
  position: absolute;
  height: 75px;
  width: 2px;
  z-index: -1;
  -webkit-transform-origin: center top;
  -moz-transform-origin: center top;
  -o-transform-origin: center top;
  -ms-transform-origin: center top;
  transform-origin: center top;
  -webkit-transform: rotate(150deg);
  -moz-transform: rotate(150deg);
  -o-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  transform: rotate(150deg)
}

.time-date>.control>.slider>.time-control>.clock>.clock-face>.hand:nth-child(7):before,.time-date>.control>.slider>.time-control>.clock>.clock-face>.hand:nth-child(8):before {
  content: " ";
  position: absolute;
  height: 75px;
  width: 2px;
  z-index: -1;
  -webkit-transform-origin: center top;
  -moz-transform-origin: center top;
  -ms-transform-origin: center top
}

.time-date>.control>.slider>.time-control>.clock>.clock-face>.hand:nth-child(7) {
  left: 75px;
  top: 150px
}

.time-date>.control>.slider>.time-control>.clock>.clock-face>.hand:nth-child(7):before {
  -o-transform-origin: center top;
  transform-origin: center top;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}

.time-date>.control>.slider>.time-control>.clock>.clock-face>.hand:nth-child(8) {
  left: 37.5px;
  top: 139.95px
}

.time-date>.control>.slider>.time-control>.clock>.clock-face>.hand:nth-child(8):before {
  -o-transform-origin: center top;
  transform-origin: center top;
  -webkit-transform: rotate(210deg);
  -moz-transform: rotate(210deg);
  -o-transform: rotate(210deg);
  -ms-transform: rotate(210deg);
  transform: rotate(210deg)
}

.time-date>.control>.slider>.time-control>.clock>.clock-face>.hand:nth-child(10):before,.time-date>.control>.slider>.time-control>.clock>.clock-face>.hand:nth-child(9):before {
  content: " ";
  position: absolute;
  height: 75px;
  width: 2px;
  z-index: -1;
  -webkit-transform-origin: center top;
  -moz-transform-origin: center top;
  -o-transform-origin: center top;
  -ms-transform-origin: center top
}

.time-date>.control>.slider>.time-control>.clock>.clock-face>.hand:nth-child(9) {
  left: 10.05px;
  top: 112.5px
}

.time-date>.control>.slider>.time-control>.clock>.clock-face>.hand:nth-child(9):before {
  transform-origin: center top;
  -webkit-transform: rotate(240deg);
  -moz-transform: rotate(240deg);
  -o-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  transform: rotate(240deg)
}

.time-date>.control>.slider>.time-control>.clock>.clock-face>.hand:nth-child(10) {
  left: 0;
  top: 75px
}

.time-date>.control>.slider>.time-control>.clock>.clock-face>.hand:nth-child(10):before {
  transform-origin: center top;
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg)
}

.time-date>.control>.slider>.time-control>.clock>.clock-face>.hand:nth-child(11):before,.time-date>.control>.slider>.time-control>.clock>.clock-face>.hand:nth-child(12):before {
  -webkit-transform-origin: center top;
  -moz-transform-origin: center top;
  -o-transform-origin: center top;
  -ms-transform-origin: center top;
  content: " ";
  position: absolute;
  height: 75px;
  width: 2px;
  z-index: -1
}

.time-date>.control>.slider>.time-control>.clock>.clock-face>.hand:nth-child(11) {
  left: 10.05px;
  top: 37.5px
}

.time-date>.control>.slider>.time-control>.clock>.clock-face>.hand:nth-child(11):before {
  transform-origin: center top;
  -webkit-transform: rotate(300deg);
  -moz-transform: rotate(300deg);
  -o-transform: rotate(300deg);
  -ms-transform: rotate(300deg);
  transform: rotate(300deg)
}

.time-date>.control>.slider>.time-control>.clock>.clock-face>.hand:nth-child(12) {
  left: 37.5px;
  top: 10.05px
}

.time-date>.control>.slider>.time-control>.clock>.clock-face>.hand:nth-child(12):before {
  transform-origin: center top;
  -webkit-transform: rotate(330deg);
  -moz-transform: rotate(330deg);
  -o-transform: rotate(330deg);
  -ms-transform: rotate(330deg);
  transform: rotate(330deg)
}

.time-date>.control>.slider>.time-control>.clock>.clock-face>.hand:nth-child(13) {
  left: 75px;
  top: 0
}

.pull-left {
  float: left
}

.pull-right {
  float: right
}

.time-date>.control>.slider>.time-control>.clock>.clock-face>.hand:nth-child(13):before {
  content: " ";
  position: absolute;
  height: 75px;
  width: 2px;
  z-index: -1;
  -webkit-transform-origin: center top;
  -moz-transform-origin: center top;
  -o-transform-origin: center top;
  -ms-transform-origin: center top;
  transform-origin: center top;
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg)
}

.time-date.date-mode>.control>.slider {
  left: 0
}

.time-date.time-mode>.display>.content {
  padding-top: 5.4rem
}

.time-date.time-mode>.control>.slider {
  left: -100%
}

.time-date.date-only>.control>.slider>.date-control {
  width: 50%;
  padding-left: 1.4rem
}

.time-date.time-only>.display>.content {
  top: 0;
  padding-top: 8.2rem
}

.time-date.time-only>.control>.slider>.time-control {
  width: 50%
}

.time-date>.control,.time-date>.display {
  float: left;
  text-align: center
}

.time-date .button {
  color: #009688;
  font-weight: 700
}

.time-date .button.active,.time-date button.active {
  color: #fff!important;
  background-color: #009688
}

.datetimemodal {
  width: 595px
}

.time-date {
  width: 100%
}

.time-date>.control>.slider {
  height: 100%
}

.time-date>.control>.slider>.date-control .day-cell {
  width: 34px;
  height: 36px;
  padding: 7px 2px 0 0
}

.time-date>.control>.slider>.date-control>.headers {
  margin-top: -5px;
  font-weight: 700;
  font-size: 1rem;
  padding-left: 20px
}

.time-date>.control>.slider>.date-control>.days {
  font-size: 1rem;
  padding-left: 20px;
  width: 100%
}

.time-date.full-mode>.buttons,.time-date>.control>.slider>.date-control>.days .day-cell:active,.time-date>.control>.slider>.date-control>.days .day-cell:hover,.time-date>.control>.slider>.time-control>.clock>.clock-face>.hand:active,.time-date>.control>.slider>.time-control>.clock>.clock-face>.hand:active:before,.time-date>.control>.slider>.time-control>.clock>.clock-face>.hand:hover,.time-date>.control>.slider>.time-control>.clock>.clock-face>.hand:hover:before,.time-date>.display>.content {
  background-color: #0177d6
}

.time-date>.control>.slider>.date-control>.days .day-cell.today,.time-date>.control>.slider>.time-control>.clock>.clock-face>.hand {
  color: #0177d6
}

.time-date .button.active,.time-date>.control>.slider>.date-control>.days .day-cell.selected,.time-date>.control>.slider>.time-control>.buttons>button.active,.time-date>.control>.slider>.time-control>.clock>.clock-face>.hand.selected,.time-date>.control>.slider>.time-control>.clock>.clock-face>.hand.selected:before,.time-date>.display>.title {
  background-color: #0067b0
}

.time-date>.control>.slider>.time-control>.buttons>input {
  margin-bottom: -14px;
  width: 66px;
  margin-left: -30px
}

.time-date>.display>.content {
  top: 32px;
  padding: 30px;
  font-size: 20px
}

.time-date>.display>.title {
  line-height: 2em;
  color: #fff
}

.time-date>.display>.content>.super-title {
  text-transform: uppercase;
  margin: 31px 0 0
}

.time-date>.display>.content>.main-title {
  font-size: 80px;
  padding: 0 0 6px;
  line-height: 79px;
  color: #fff
}

.time-date>.display>.content>.sub-title,.time-date>.display>.content>.super-title {
  color: #fff
}

.time-date>.control,.time-date>.control>.slider>.date-control,.time-date>.control>.slider>.switch-control,.time-date>.control>.slider>.time-control,.time-date>.display {
  height: 300px
}

.time-date>.buttons {
  clear: both;
  text-align: right;
  padding: 10px 0;
  border-top: 1px solid #e5e5e5
}

.time-date>.control>.slider>.date-control>.title {
  font-weight: 600;
  padding-top: 12px
}

.lineArr,.p-t-c-title,.track-section-container .t-s-c-wrap .t-s-content .t-s-c-title {
  font-weight: 700
}

.time-date .switch-control.button,.time-date .switch-control.button:hover {
  background-color: #f6f6f6
}

.time-date>.control>.slider>.time-control>.buttons>.btn,button.btn-flat:focus {
  box-shadow: none;
  background-color: transparent;
  color: #0177d6
}

.time-date>.control>.slider>.time-control>.clock>.clock-face>.hand {
  height: 40px;
  width: 40px;
  margin-left: -20px;
  margin-top: -20px;
  padding: 9px 10px
}

.time-date>.control>.slider>.time-control>.clock {
  padding-top: 30px
}

.time-date>.control>.slider>.time-control>.buttons>.btn {
  width: 50px;
  height: 50px;
  padding: 0 10px
}

.time-date>.control>.slider>.time-control>.buttons {
  bottom: 10px
}

.button.switch-control {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fb4242
}

.time-date .button.switch-control:hover {
  color: #fb4242
}

.month-part select {
  display: block;
  padding: 0;
  height: 100%
}

.time-date>.control>.slider>.date-control>.title>input {
  width: 56px
}

.icon-timezone {
  margin: 0 3px 0 0
}

.icon-calendar {
  margin: 0 0 0 3px
}

.input-field .buttons .btn-flat {
  padding-left: 20px
}

.time-date.time-mode>.control>.slider>.time-control>.clock>.clock-face:before {
  top: -24px;
  left: -24px;
  height: 198px;
  width: 198px
}

.next i.glyphicon-chevron-right,.prev i.glyphicon-chevron-left {
  width: 0;
  height: 0;
  border-bottom: 6px solid transparent;
  border-top: 6px solid transparent;
  display: block
}

.time-date.time-mode>.display>.content {
  padding: 43px 19px 48px 13px
}

.time-date>.control>.slider>.time-control>.clock>.clock-face>.hand:nth-child(1):before,.time-date>.control>.slider>.time-control>.clock>.clock-face>.hand:nth-child(10):before,.time-date>.control>.slider>.time-control>.clock>.clock-face>.hand:nth-child(11):before,.time-date>.control>.slider>.time-control>.clock>.clock-face>.hand:nth-child(12):before,.time-date>.control>.slider>.time-control>.clock>.clock-face>.hand:nth-child(13):before,.time-date>.control>.slider>.time-control>.clock>.clock-face>.hand:nth-child(2):before,.time-date>.control>.slider>.time-control>.clock>.clock-face>.hand:nth-child(3):before,.time-date>.control>.slider>.time-control>.clock>.clock-face>.hand:nth-child(4):before,.time-date>.control>.slider>.time-control>.clock>.clock-face>.hand:nth-child(5):before,.time-date>.control>.slider>.time-control>.clock>.clock-face>.hand:nth-child(6):before,.time-date>.control>.slider>.time-control>.clock>.clock-face>.hand:nth-child(7):before,.time-date>.control>.slider>.time-control>.clock>.clock-face>.hand:nth-child(8):before,.time-date>.control>.slider>.time-control>.clock>.clock-face>.hand:nth-child(9):before {
  left: 20px;
  top: 20px
}

.prev i.glyphicon-chevron-left {
  border-left: 10px solid transparent;
  border-right: 10px solid #828282
}

.next i.glyphicon-chevron-right {
  border-left: 10px solid #828282;
  margin-left: 10px
}

.daterangepicker select.ampmselect,.daterangepicker select.hourselect,.daterangepicker select.minuteselect {
  font-size: 12px;
  padding: 1px;
  height: auto;
  margin: 0;
  cursor: default;
  color: #5e5e5e
}

.scroll-wrapper {
  overflow: hidden!important;
  padding: 0!important;
  position: relative
}

.scroll-wrapper>.scroll-content {
  border: none!important;
  height: auto;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none!important;
  overflow: scroll!important;
  padding: 0;
  position: relative!important;
  top: 0;
  width: auto!important;
  margin-bottom: 0!important;
  margin-right: 0!important
}

.scroll-wrapper>.scroll-content::-webkit-scrollbar {
  height: 0;
  width: 0
}

@supports (-ms-ime-align:auto) {
  .scroll-wrapper>.scroll-content {
      overflow: auto!important
  }
}

.scroll-element {
  display: none
}

.scroll-element.scroll-x.scroll-scrollx_visible,.scroll-element.scroll-y.scroll-scrolly_visible {
  display: block
}

.scroll-element .scroll-arrow,.scroll-element .scroll-bar {
  cursor: default
}

.scroll-textarea {
  border: 1px solid #ccc;
  border-top-color: #999
}

.scroll-textarea>.scroll-content {
  overflow: hidden!important
}

.scroll-textarea>.scroll-content>textarea {
  border: none!important;
  box-sizing: border-box;
  height: 100%!important;
  margin: 0;
  max-height: none!important;
  max-width: none!important;
  overflow: scroll!important;
  outline: 0;
  padding: 2px;
  position: relative!important;
  top: 0;
  width: 100%!important
}

.card-slider .slick-list,.scrollbar-outer>.scroll-element .scroll-element_outer,.slick-slider .slick-list,.slider-for,.slider-nav {
  overflow: hidden
}

.scroll-textarea>.scroll-content>textarea::-webkit-scrollbar {
  height: 0;
  width: 0
}

.scroll-inner-container {
  display: inline-block;
  width: 100%
}

.scrollbar-outer>.scroll-element,.scrollbar-outer>.scroll-element div {
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 10
}

.scrollbar-outer>.scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%
}

.scrollbar-outer>.scroll-element.scroll-x {
  bottom: 0;
  height: 10px;
  left: 0;
  width: 100%
}

.scrollbar-outer>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size,.scrollbar-outer>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
  left: -12px
}

.scrollbar-outer>.scroll-element.scroll-x .scroll-bar {
  top: 1px;
  height: 80%
}

.scrollbar-outer>.scroll-element.scroll-y {
  height: 100%;
  right: 0;
  top: 0;
  width: 10px
}

.scrollbar-outer>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size,.scrollbar-outer>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
  top: -12px
}

.scrollbar-outer>.scroll-element.scroll-y .scroll-bar {
  left: 1px;
  width: 80%;
  min-height: 50px!important
}

.scrollbar-outer>.scroll-element .scroll-element_track {
  background-color: rgba(0,0,0,.05)
}

.scrollbar-outer>.scroll-element .scroll-bar {
  background-color: #9e9e9e
}

.scrollbar-outer>.scroll-element.scroll-draggable .scroll-bar,.scrollbar-outer>.scroll-element:hover .scroll-bar,.scrollingInProcess .scrollbar-outer>.scroll-element .scroll-bar {
  background-color: #757575
}

@supports (-ms-accelerator:true) {
  .scroll-wrapper>.scroll-content {
      margin: 0 -12px -12px 0!important
  }
}

.searchWrapper {
  background: #fff;
  text-align: left;
  opacity: 0;
  transition: all .5s ease;
  position: relative;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  -webkit-border-radius: 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.searchWrapper input,.searchWrapper pre {
  padding: 0 50px 0 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  margin-bottom: 0;
  height: 3.5rem;
  border-bottom: none!important
}

.searchWrapper pre {
  box-sizing: border-box;
  margin-top: 0
}

.searchWrapper .input-field pre {
  color: rgba(0,0,0,.54);
  margin-top: 15px
}

.searchWrapper input {
  box-sizing: border-box;
  margin-top: 0;
  font-size: 14px
}

.regularSearch,.searchpanelSearch {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box
}

.searchWrapper input[type=search] {
  height: 48px;
  line-height: 48px
}

.searchWrapper input::-webkit-input-placeholder {
  color: rgba(0,0,0,.54)
}

.searchWrapper input:-moz-placeholder {
  color: rgba(0,0,0,.54)
}

.searchWrapper input::-moz-placeholder {
  color: rgba(0,0,0,.54)
}

.searchWrapper input:-ms-input-placeholder {
  color: rgba(0,0,0,.54)
}

.searchWrapper input:focus {
  box-shadow: 0 4px 4px 0 rgba(0,0,0,.01),0 17px 50px 0 rgba(0,0,0,.01)!important
}

.searchWrapper a.search {
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  color: #b9b9b9;
  padding: 12px;
  width: auto;
  background: 0 0
}

.searchWrapper a.search i.material-icons {
  line-height: 57px
}

.homePageSearchBar .input-field pre {
  top: -4px
}

.regularSearch {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  padding: 0 40px;
  background: #fff;
  box-sizing: border-box
}

.regularSearch .search-icon {
  position: absolute;
  right: 20px;
  padding: 0;
  top: 17px
}

.regularSearch .cancel-icon,.regularSearch .input-field {
  display: none
}

.regularSearch .input-field {
  width: 0
}

.regularSearch.open .input-field {
  width: 100%;
  -webkit-transition: all .5s ease-out;
  -moz-transition: all .5s ease-out;
  -o-transition: all .5s ease-out;
  -ms-transition: all .5s ease-out;
  transition: all .5s ease-out;
  display: block
}

.regularSearch.open .search-icon {
  position: absolute;
  right: calc(100% - 40px);
  padding: 0;
  top: 17px;
  -webkit-transition: all .5s ease-out;
  -moz-transition: all .5s ease-out;
  -o-transition: all .5s ease-out;
  -ms-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.regularSearch.open .cancel-icon {
  position: absolute;
  right: 5px;
  padding: 0;
  top: 17px;
  display: block
}

.searchSlideMain {
  position: relative;
  float: left;
  width: 100%
}

.searchSlideMain--inputBdrBNone input {
  border-bottom: none!important;
  box-shadow: none!important
}

.searchWithHiddenTextField {
  padding: 0;
  position: absolute;
  right: 0;
  width: 35px;
  transition: .5s;
  background: #FFF;
  height: 30px
}

.searchWithHiddenTextField pre {
  display: none;
  top: -2px!important
}

.searchWithHiddenTextField.active {
  transition: .5s;
  width: 100%
}

.searchWithHiddenTextField.active pre {
  display: inline-block;
  font-size: 14px;
  top: 1px
}

.searchWithHiddenTextField .elements-include {
  position: relative;
  overflow: hidden
}

.searchWithHiddenTextField .elements-include input {
  padding-right: 30px;
  width: calc(100% - 30px)
}

.global-search .searchWithHiddenTextField.active {
  width: 100%
}

.modal-header .searchWithHiddenTextField .search-icon,.modal-header .searchWithHiddenTextField .search-icon:hover {
  text-align: center;
  width: 2.5em;
  height: 2.5em;
  line-height: 2.5em
}

.searchWithHiddenTextField .search-icon {
  position: absolute;
  padding: 0;
  cursor: pointer;
  left: 0;
  top: -5px;
  z-index: 1
}

.searchWithHiddenTextField.active .search-icon {
  cursor: default
}

.searchWithHiddenTextField.active .search-icon.btn-flat:focus,.searchWithHiddenTextField.active .search-icon.btn-flat:hover {
  background: 0 0;
  box-shadow: none
}

.modal-header .searchWithHiddenTextField .search-icon:hover {
  box-shadow: 0 1px 1px #e2e2e2;
  background: #f1f1f1;
  border-radius: 50%
}

.searchContentField .searchWithHiddenTextField .search-icon {
  left: 0
}

.searchWithHiddenTextField input {
  margin-bottom: 2px;
  height: 2rem
}

.searchWithHiddenTextField .cancel-icon {
  position: absolute;
  padding: 0;
  right: 0;
  top: -5px
}

.searchWithHiddenTextField .input-field {
  display: block;
  margin-top: -5px;
  padding: 0 0 0 2.5rem
}

.searchWithHiddenTextField .input-field.active {
  transition: .5s;
  width: 100%
}

.searchWithHiddenTextField .inputField {
  width: 100%
}

.searchWithHiddenTextField .input-field .validate {
  margin-top: 0;
  height: 2rem
}

.extra-nav-wrap .searchWithHiddenTextField .input-field {
  padding: 0 .8rem 0 2.5rem
}

.bar {
  position: relative;
  display: block;
  margin: -6px 30px 0;
  width: 86%
}

.bar:before {
  left: 50%
}

.bar:after {
  right: 50%
}

.bar:after,.bar:before {
  content: '';
  height: 1px;
  width: 0;
  bottom: 1px;
  position: absolute;
  background: #fff;
  -webkit-transition: .5s ease all;
  -moz-transition: .5s ease all;
  -o-transition: .5s ease all;
  -ms-transition: .5s ease all;
  transition: .5s ease all
}

.sidebar-serach--input:focus {
  box-shadow: none!important;
  border-bottom: none!important
}

.sidebar-serach--input {
  border-bottom: none!important
}

.search {
  width: 100%;
  padding: 0 40px;
  background: #fff
}

.searHolder {
  padding: 5px 24px;
  background: #fff;
  border-bottom: 1px solid #e0e0e0
}

.sidebar-search {
  background: #fff;
  text-align: left;
  transition: all .5s ease;
  position: relative;
  border-radius: 2px;
  box-sizing: border-box;
  padding: 13px 8px 12px 53px;
  border-bottom: solid 1px #e2e2e2
}

.search-input {
  font-size: 1rem;
  padding: 0 50px 0 12px;
  color: #a8a8a8
}

.searchpanelSearch {
  width: 100%;
  padding: 0 40px;
  background: #fff;
  box-sizing: border-box
}

.search-btn {
  position: absolute;
  left: 0;
  top: 16px;
  cursor: pointer;
  color: #b9b9b9;
  padding: 8px 12px 12px
}

.searchWrapper .smart-search-wrap-setectbox {
  float: left;
  height: 3.5rem;
  padding-top: 1rem;
  position: absolute
}

.smart-search-drop-arrow {
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  border-top: 5px solid #FFF;
  position: absolute;
  right: 9px;
  top: 9px
}

.smart-search-recent-dropdown {
  top: 3.4rem;
  width: 100%;
  border: 1px solid #e7e7e7;
  box-shadow: none;
  position: absolute;
  background: #FFF;
  color: #000;
  left: 0;
  z-index: 4
}

.globalSearch .smart-search-recent-dropdown {
  top: 2.8rem;
  margin-left: 3.5%;
  width: 95.5%
}

.smart-search-suggest-dropdown {
  margin-top: 3.5rem
}

.smart-search-recent-list {
  font-size: 14px;
  margin: 0
}

.smart-search-recent-list .smart-search-recent-list-item {
  padding: 10px 20px;
  word-wrap: break-word
}

.smart-search-recent-list .smart-search-recent-list-item:hover {
  background-color: #F0f0f0
}

.smart-search-recent-list-item.selected {
  background-color: #E0E0E0
}

.extra-nav-wrap .global-search {
  height: auto
}

.extra-nav-wrap .global-search .searchWithHiddenTextField {
  background-color: #0067b0;
  height: auto
}

.extra-nav-wrap .global-search .searchWithHiddenTextField i {
  color: #fff
}

.global-search {
  position: absolute;
  transition: all ease-in-out 1s;
  top: 0;
  right: 0;
  height: 100%
}

.global-search .searchWithHiddenTextField {
  background: #fff
}

.global-search .searchWithHiddenTextField i {
  color: #9e9e9e
}

.global-search .searchWithHiddenTextField .input-field {
  margin-top: 2px
}

.global-search .searchWithHiddenTextField .search-icon {
  top: 9px
}

.global-search .searchWithHiddenTextField input {
  border-bottom: 1px solid rgba(255,255,255,.4)!important;
  box-shadow: none!important
}

.global-search .searchWithHiddenTextField.active input {
  padding-right: 30px;
  width: calc(100% - 30px)
}

.dropdown-content li.dropdown-content-header .searchWithHiddenTextField {
  background-color: #fff
}

.dropdown-content li.dropdown-content-header .searchWithHiddenTextField i {
  color: #9e9e9e!important
}

.dropdown-content .input-field pre {
  top: -6px
}

.globalSearch {
  height: 46px;
  line-height: normal;
  padding: 0 1.429rem 0 0;
  position: relative
}

.globalSearch .input-field input {
  padding: 0;
  margin: 0 10px;
  height: 46px;
  width: 100%
}

.globalSearch a {
  position: absolute;
  padding: 0;
  top: 0
}

.globalSearch a.left {
  left: 0
}

.globalSearch a.right {
  right: 0
}

.card-search-subheader .searchWrapper {
  border-bottom: 1px solid #e0e0e0;
  background: 0 0;
  border-radius: 0
}

.card-search-subheader .searchWrapper a.search {
  padding: 0
}

.card-search-subheader .searchWrapper ::-webkit-input-placeholder {
  color: #b9b9b9
}

.card-search-subheader .searchWrapper :-ms-input-placeholder {
  color: #b9b9b9
}

.card-search-subheader .searchWrapper ::-moz-placeholder {
  color: #b9b9b9
}

.card-search-subheader .searchWrapper input {
  font-size: 1rem;
  border-bottom: 1px solid #e0e0e0;
  height: 2rem;
  padding: 0 30px 0 0
}

.card-search-subheader .searchWrapper .input-field {
  margin-top: 10px
}

.card-search-subheader .searchWrapper input:focus {
  border-bottom: 1px solid #0177d6!important;
  box-shadow: 0 1px 0 0 #0177d6!important
}

.plan-search {
  height: 38px;
  padding: 8px;
  width: 100%
}

.plan-search .plan-search-closeicon,.plan-search .plan-search-searchicon {
  position: absolute;
  z-index: 10
}

.plan-search .plan-search-searchicon {
  left: 15px
}

.plan-search .plan-search-closeicon {
  right: 20px
}

.plan-search .input-field {
  padding: 0 2.5rem;
  margin: 0
}

.plan-search .input-field input {
  margin: 0;
  height: 1.5rem
}

.plan-search .input-field pre {
  top: -14px
}

.lineArr {
  color: #fff;
  display: inline-block;
  font-family: Arial,Helvetica,sans-serif;
  padding: 12px 16px 12px 10px;
  position: relative;
  text-decoration: none;
  border: 1px solid #99c2df
}

.lineArr:after,.lineArr:before {
  border-right: 2px solid;
  content: '';
  display: block;
  height: 8px;
  margin-top: -6px;
  position: absolute;
  transform: rotate(135deg);
  right: 12px;
  top: 50%;
  width: 0
}

.arr,.hexagon {
  display: inline-block
}

.itemImageCaroselList .imgCarosalArrow.rightArrow,.right.imgCarosalArrowBlue.rightArrow {
  right: 0
}

.lineArr:after {
  margin-top: -1px;
  transform: rotate(45deg)
}

.lineArr--left:before {
  transform: rotate(-135deg)
}

.lineArr--left:after {
  transform: rotate(-45deg)
}

.arr {
  border: 6px solid transparent;
  width: 0;
  height: 0
}

.arr--down {
  border-top: 6px solid #757575;
  border-bottom: 5px solid transparent
}

.arr--left {
  border-right: 6px solid #757575;
  border-left: 5px solid transparent
}

.arr--top {
  border-bottom: 6px solid #757575;
  border-top: 5px solid transparent
}

.arr--right {
  border-left: 6px solid #757575;
  border-right: 5px solid transparent
}

.hexagon {
  position: relative;
  width: 55px;
  height: 33.75px;
  background-color: #92c46d;
  margin: 15.88px 0;
  border-left: solid 3px #fff;
  border-right: solid 3px #fff;
  box-shadow: 0 2px 7px -4px #000;
  border-radius: 8px;
  z-index: 5
}

.hexagon:after,.hexagon:before {
  content: "";
  position: absolute;
  z-index: 1;
  width: 38.89px;
  height: 38.89px;
  -webkit-transform: scaleY(.5774) rotate(-45deg);
  -ms-transform: scaleY(.5774) rotate(-45deg);
  transform: scaleY(.5774) rotate(-45deg);
  background-color: inherit;
  left: 5.05px
}

.hexagon:before {
  top: -17.45px;
  border-top: solid 4.24px #fff;
  border-right: solid 4.24px #fff;
  border-radius: 6px 9px 6px 0
}

.hexagon:after {
  bottom: -17.45px;
  border-bottom: solid 4.24px #fff;
  border-left: solid 4.24px #fff;
  border-radius: 6px 0 6px 9px;
  box-shadow: -2px 2px 8px -6px #000
}

.approvalCont {
  height: 343px
}

.approvalCont-path {
  position: relative;
  width: 545px;
  margin: 0 auto
}

.approvalCont-path-line {
  width: 510px;
  height: 5px;
  background-color: #92c46d;
  position: absolute;
  left: 15px;
  top: 31px;
  z-index: 1
}

.approvalCont-path-hexagon {
  margin-left: 103px
}

.approvalCont-path-hexagon:first-child {
  margin-left: 0
}

.approvalCont-path-icon {
  position: absolute;
  z-index: 10;
  left: 9px;
  top: 2px;
  color: #fff
}

.icon.approvalCont-path-icon svg {
  width: 30px;
  height: 30px
}

.approvalCont-path-hexagon-sec {
  position: absolute;
  top: 60px;
  width: 150px;
  left: -52px;
  text-align: center;
  font-size: 12px;
  color: #7a7a7a
}

.hexagon-sec-title {
  font-size: 16px;
  color: #000;
  margin-bottom: 10px
}

.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y
}

.slick-slider .slick-list {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  height: calc(100%);
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  -o-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0)
}

.itemImageCaroselList .imgCarosalArrowBlue:focus,.secondary-navigation-one a:active,.secondary-navigation-one a:focus {
  outline: 0!important
}

.slick-slider .slick-list.dragging {
  cursor: pointer;
  cursor: hand
}

.slick-slider .slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  -o-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0)
}

.slick-slider .slick-track .slick-track:after,.slick-slider .slick-track:before {
  display: table;
  content: ''
}

.slick-slider .slick-track:after {
  clear: both
}

.slick-slider .slick-track .slick-slide {
  float: left;
  height: 100%;
  min-height: 1px
}

.slick-slider .slick-track .slick-slide .slick-loading img {
  display: none
}

.slick-slider .slick-track .slick-slide.dragging img {
  pointer-events: none
}

.slick-slide h5 {
  line-height: 135%
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent
}

.slick-arrow.slick-hidden {
  display: none
}

.slider-nav .imgHolder {
  float: left
}

.slider-nav .imageCarousel {
  width: 60px;
  float: left;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #ccc
}

.items-slider-container {
  padding: 20px
}

.slider-for {
  height: 100%
}

.itemImageCaroselList {
  padding: 25px;
  position: relative
}

.itemImageCaroselList .imgCarosalArrow,.itemImageCaroselList .imgCarosalArrowBlue {
  position: absolute;
  bottom: 0;
  margin: 48px 0;
  top: 0
}

.itemImageCaroselList .imgCarosalArrow.leftArrow {
  left: 0
}

.itemImageCaroselList .imgCarosalArrow.leftArrow svg {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg)
}

.itemImageCaroselList .imgCarosalArrow.rightArrow svg {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

.itemImageCaroselList .imgCarosalArrowBlue.leftArrow {
  left: 0
}

.analyzeR .card-slider .slick-dots {
  bottom: -25px;
  margin: 0
}

.card-slider .slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  user-select: none;
  -ms-touch-action: none;
  touch-action: none
}

.slide-view-modal.modal,.t-s-c-container,.t-s-c-header,.well,.wj-calendar-month,.wj-calendar-year,.wj-content,.wj-listbox-item {
  box-sizing: border-box
}

.card-slider .slick-list {
  position: relative;
  display: block;
  margin: 0;
  padding: 0 0 5px
}

.card-slider .slick-list:focus {
  outline: 0
}

.card-slider .slick-list.dragging {
  cursor: pointer
}

.card-slider .slick-slide,.card-slider .slick-slide img,.card-slider .slick-slider .slick-list,.card-slider .slick-track {
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  -o-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0)
}

.card-slider .slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  zoom:1;margin: 0 auto
}

.card-slider .slick-track:after,.card-slider .slick-track:before {
  content: "";
  display: table
}

.card-slider .slick-track:after {
  clear: both
}

.card-slider .slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none
}

.card-slider .slick-slide img {
  display: block
}

.card-slider .slick-slide.dragging img {
  pointer-events: none
}

.card-slider .slick-initialized .slick-slide {
  display: block;
  padding: 0 1.2rem
}

.card-slider .slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent
}

.card-slider .slick-next,.card-slider .slick-prev {
  position: absolute;
  display: block;
  height: 45px;
  width: 45px;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background: #01579b!important;
  color: #fff;
  top: 50%;
  margin-top: -10px;
  padding: 0;
  border: none
}

.card-slider .slick-next:focus,.card-slider .slick-prev:focus {
  outline: 0
}

.card-slider .slick-next.slick-disabled:before,.card-slider .slick-prev.slick-disabled:before {
  opacity: .25
}

.card-slider .slick-prev {
  left: -11px!important
}

.card-slider .slick-next {
  right: -10px!important
}

.card-slider .slick-disabled {
  opacity: .5;
  pointer-events: none
}

.card-slider .slick-slider {
  margin: 0
}

.card-slider .slick-dots {
  position: absolute;
  bottom: -45px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  width: 100%
}

.card-slider .slick-dots li {
  display: inline-block;
  background: #fff;
  position: relative;
  cursor: pointer;
  height: 10px;
  width: 10px;
  margin: 0 5px 3px;
  border-radius: 50%;
  box-shadow: 0 1px 2px 1px #9B9B9B;
  z-index: 101
}

.card-slider .slick-dots li.slick-active {
  opacity: .75;
  width: 16px;
  height: 16px;
  margin-bottom: 0;
  padding: 4px
}

.card-slider .slick-dots li.slick-active:after {
  content: " ";
  width: 8px;
  height: 8px;
  display: block;
  background: #0177d6;
  border-radius: 50%;
  box-shadow: 0 0 1px 0 #e7e7e7
}

nav .indexHeader .search-header .input-field input,nav .input-field input {
  width: calc(100% - 9rem)
}

.slick-next:before,.slick-prev:before {
  content: ""!important
}

.page-scanned-invoice.card-slider .slick-next,.page-scanned-invoice.card-slider .slick-prev {
  position: fixed;
  z-index: 1
}

.page-scanned-invoice.card-slider .slick-prev {
  left: 0
}

.page-scanned-invoice.card-slider .slick-next {
  right: 17px
}

.isMac .page-scanned-invoice.card-slider .slick-prev {
  left: 17px
}

.slick-track {
  height: 100%
}

.choose_slider_items {
  padding-top: 30px!important
}

.pending-approval {
  background: #159dfc!important
}

.draft {
  background: #26beb4!important
}

.awarded {
  background: #ffcc80!important
}

.project {
  background-color: #c76060!important
}

.color-approved {
  color: #268406!important
}

.color-approved-pending {
  color: #e67300!important
}

.color-rejected {
  color: #d63d3d!important
}

.color-pool-approved {
  color: #e67300!important
}

.color-add-Hoc {
  color: #9577db!important
}

.color-withdraw {
  color: #d63d3d
}

.color-offline {
  color: #ccc
}

.color-bud-overrid,.color-bud-overrid-pending {
  color: #e67300
}

.color-assigned-on {
  color: #a12dd8
}

.color-updation {
  color: #2979ff!important
}

.color-notification {
  color: #11d9a7!important
}

.color-workflowevents {
  color: #ff5722!important
}

.color-attachment {
  color: #673ab7!important
}

.color-milestones {
  color: #43a047!important
}

.track-section-container .color-updation:after {
  background: #2979ff!important
}

.track-section-container .color-notification:after {
  background: #11d9a7!important
}

.track-section-container .color-workflowevents:after {
  background: #ff5722!important
}

.track-section-container .color-attachment:after {
  background: #673ab7!important
}

.track-section-container .color-milestones:after {
  background: #43a047!important
}

.koromiko {
  background: #fdb657!important
}

.asparagus {
  background: #78a74b!important
}

.cornflower-blue {
  background: #5EA0F3!important
}

.slate-blue {
  background: #7e57c2!important
}

.red-orange {
  background: #f44336!important
}

.summer-sky {
  background: #26c6da!important
}

.extra-nav-wrap,nav {
  background-color: #0067b0
}

nav .input-field input {
  padding: 0 2rem
}

nav .indexHeader .input-field span {
  right: 0;
  position: absolute;
  top: 0
}

nav .search-header .input-field input {
  padding: 0 0 .2rem .5rem;
  width: calc(100% - 7rem);
  margin: 0 0 0 2rem;
  border-bottom: 1px solid rgba(255,255,255,.5)!important
}

.indexHeader {
  display: none;
  transition: all .3s
}

.indexHeader input[type=text]:focus:not([readonly]) {
  border-bottom: 1px solid #fff;
  box-shadow: 0 1px 0 0 #fff
}

.indexHeader .extr-nav-wrap-content {
  width: calc(100% - 500px)
}

.extra-nav-wrap {
  opacity: 1;
  -webkit-transition: opacity 1s ease;
  -moz-transition: opacity 1s ease;
  -o-transition: opacity 1s ease;
  -ms-transition: opacity 1s ease;
  transition: opacity 1s ease;
  z-index: 980;
  font-size: 1.286rem;
  color: #fff;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
  box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
  position: relative
}

.extra-nav-wrap .extra-nav-title--icon {
  float: left;
  margin-right: 15px;
  line-height: 45px!important
}

.extra-nav-wrap .dropdown-content i {
  line-height: normal!important;
  height: auto!important
}

.extra-nav-wrap .dropdown-content li>a {
  color: #4d4d4d
}

.extra-nav-wrap .headingText {
  margin-top: 15px
}

.extra-nav-wrap.extra-nav-wrap-fixed {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 999!important
}

.extra-nav-wrap .extra-nav-right-icon {
  margin: 0
}

.extra-nav-wrap .extra-nav-wrap-back-arrow {
  width: 50px;
  height: 50px;
  text-align: center
}

.extra-nav-wrap .extra-nav-right-icon>.extra-nav-icon {
  float: left;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 47px
}

.extra-nav-wrap .extra-nav-right-icon>.extra-nav-icon .icon {
  color: #fff
}

.extra-nav-wrap-fixed~.smartFormWidgetContainer .secondary-navigation {
  top: 50px!important;
  position: fixed
}

.alert-bar--fixed-to-nav~.smartFormWidgetContainer .secondary-navigation {
  top: 88px!important;
  position: fixed
}

.smart1-extra-nav-wrap-white-fixed {
  background-color: #FFF;
  color: #000
}

.extr-nav-wrap-content {
  width: calc(100% - 282px);
  position: relative
}

.extr-nav-wrap-content.catalog-landing {
  width: calc(100% - 550px);
  margin-left: 10px;
  height: 40px
}

.extr-nav-wrap-content.catalogSearchBox {
  width: calc(100% - 380px)
}

.extra-nav-item {
  padding: 0 5px 0 10px
}

.extra-nav-title {
  margin-left: .3rem;
  float: left
}

.extra-nav-title--back {
  float: left;
  color: #fff;
  margin: 9px 20px 0 8px
}

.extra-nav-title--text {
  line-height: 49px;
  float: left;
  height: 50px;
  text-transform: uppercase
}

.extra-nav-title-for-edit-mode {
  width: calc(100% - 110px)
}

.extra-nav-title-text-for-edit-mode {
  width: calc(100% - 155px)
}

.extra-nav-title-text-for-edit-mode.extra-nav-title-text-for-create-mode {
  width: calc(100% - 250px)
}

.extra-nav-action {
  float: right
}

.extra-nav-action .extra-nav-action-value {
  margin-top: 15px;
  display: inline-block
}

.extra-nav-wrap .cardList .dropdown-content li span,.extra-nav-wrap .cardList .select-wrapper input.select-dropdown {
  height: 2rem!important;
  line-height: 0!important
}

.extra-nav-wrap .cardList .select-wrapper span.caret {
  top: 7px
}

.extra-nav-wrap .normalMode .dropdown-content li span,.extra-nav-wrap .normalMode .select-wrapper input.select-dropdown {
  border: none
}

.extra-nav-wrap .normalMode .select-wrapper span.caret {
  top: 10px;
  line-height: normal;
  color: #fff
}

.s-dd-icon-wth-color {
  color: #0177d6!important
}

.sub-header-dd .select-wrapper input.select-dropdown {
  text-transform: uppercase;
  font-size: 18px;
  margin: 0;
  border: none;
  padding-right: 15px;
  color: #fff;
  line-height: 49px;
  height: 49px
}

.sub-header-dd .select-wrapper span.caret i {
  color: #fff
}

.sub-header-dd.input-field {
  margin: 0 .4rem
}

samrt1-extra-nav-wrap-white-fixed {
  color: #000!important;
  background-color: #FFF!important
}

.sub-header-dd .select-wrapper .dropdown-content {
  margin-top: 0
}

.extra-nav-wrap i {
  font-size: 1.3em!important;
  line-height: 26px!important;
  height: 40px!important
}

.extra-nav-wrap .waves-circle {
  width: 32px!important;
  height: 32px!important;
  line-height: 26px!important
}

.is-breadcrumb-active .extra-nav-wrap {
  height: 98px
}

.sort-dropdown-callout .grey-text.text-darken-4.s-dd-icon-wth-color {
  color: #0177d6!important
}

.sort-dropdown-callout .grey-text.text-darken-4 {
  font-size: 1rem;
  display: inline-block
}

.sort-dropdown-callout {
  padding: 10px 0 0
}

.sort-dropdown-callout .dropdown-content-header .title {
  padding-left: 0!important;
  font-size: 16px
}

.sort-dropdown-callout li.dropdown-content-header {
  color: #000!important;
  height: 40px;
  padding: 7px 16px 25px!important
}

.sort-dropdown-callout li.collection-item {
  padding: 10px 10px 10px 15px!important;
  cursor: pointer!important
}

.sort-dropdown-callout .secondary-content {
  margin-top: -7px;
  display: inline-block;
  float: none
}

.sort-dropdown-callout li.dropdown-content-footer {
  padding-right: 3px
}

.expand-css-trans {
  transition: width 1s ease-in-out,height 1s ease-in-out
}

.trackStatusPopup {
  max-height: none!important
}

.expand-css {
  width: 100%;
  left: 0;
  top: 64px!important;
  margin-top: 0!important;
  z-index: 2;
  min-height: calc(100%);
  height: calc(100%);
  overflow-y: visible!important;
  box-shadow: none
}

.attachment-file-name,.chipDataCont,.expand-header,.p-t-c-suptitle,.p-t-c-title,.slide-up-css,.slide-view-modal,.track-status-parent {
  overflow: hidden
}

.expand-css .modal-footer_new {
  position: fixed;
  bottom: 0
}

.extra-nav-wrap.extra-nav-wrap-fixed.expand-header {
  z-index: 1000!important
}

.white-space-normal {
  white-space: normal
}

.attachment-file-name,.p-t-c-suptitle,.p-t-c-title,.t-c-approver-name,.wj-btn,.wj-cell,.wj-input-group-btn {
  white-space: nowrap
}

.expand-header {
  padding: 6px 20px!important
}

.expand-header i {
  color: #fff!important
}

.expand-header span.title {
  margin-bottom: 8px
}

.section-part {
  padding-top: .2rem;
  padding-bottom: .5rem;
  padding-left: 1rem
}

.track-section-container .t-s-c-wrap:nth-child(odd) .t-s-content,.track-section-container.left-align .t-s-c-wrap:nth-child(even) .t-s-content {
  text-align: left;
  display: inline-block;
  position: relative;
  background: rgba(255,255,255,.5);
  padding: 7px;
  border: 1px solid #e5e5e5;
  -webkit-transform: translateX(87px);
  -moz-transform: translateX(87px);
  -ms-transform: translateX(87px);
  -o-transform: translateX(87px);
  transform: translateX(87px)
}

.track-section-container .t-s-c-wrap:nth-child(odd) .t-s-content:before,.track-section-container.left-align .t-s-c-wrap:nth-child(even) .t-s-content:before {
  content: '';
  display: block;
  position: absolute;
  top: 5px;
  left: -20px;
  border-top: 10px solid transparent;
  border-right: 10px solid #e5e5e5;
  border-bottom: 10px solid transparent;
  border-left: 10px solid transparent
}

.track-section-container .t-s-c-wrap:nth-child(odd) .t-s-content:after,.track-section-container.left-align .t-s-c-wrap:nth-child(even) .t-s-content:after {
  border-top: 10px solid transparent;
  border-left: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #fff;
  content: "";
  position: absolute;
  left: -19px;
  top: 5px;
  z-index: 1
}

.track-section-container .t-s-c-wrap:nth-child(odd) .t-s-content.grey:after,.track-section-container.left-align .t-s-c-wrap:nth-child(even) .t-s-content.grey:after {
  border-right: 10px solid #fbfbfb;
  top: 20px
}

.track-section-container .t-s-c-wrap:nth-child(odd) .t-s-content.grey:before,.track-section-container.left-align .t-s-c-wrap:nth-child(even) .t-s-content.grey:before {
  top: 20px
}

.track-section-container {
  margin-bottom: 5.7em;
  opacity: 1
}

.track-section-container .t-s-c-wrap {
  position: relative;
  width: 55px;
  margin: 0 auto
}

.track-section-container .t-s-c-wrap .icon-container {
  position: relative
}

.track-section-container .t-s-c-wrap .icon-container .t-s-c-icon {
  position: absolute;
  left: 21%;
  display: block;
  z-index: 1;
  text-align: center
}

.track-section-container .t-s-c-wrap .icon-container .t-s-c-icon.ts-inner-icon {
  left: 8%;
  width: 48px;
  padding-top: 14px
}

.track-section-container .t-s-c-wrap .icon-container .t-s-c-icon.iconMedium>svg {
  height: 32px;
  width: 32px
}

.track-section-container .t-s-c-wrap .icon-container .t-s-c-icon.iconHexLarge {
  top: 35%;
  left: 2%;
  background-color: #fff
}

.track-section-container .t-s-c-wrap .icon-container .t-s-c-icon.iconHexLarge>svg {
  height: 60px;
  width: 54px
}

.track-section-container .t-s-c-wrap .t-s-content {
  margin-top: 1px;
  width: 282px;
  color: #757575;
  opacity: 1;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out
}

.track-section-container .t-s-c-wrap .t-s-content .t-s-c-Box {
  border: 1px solid #e5e5e5;
  background: #fff;
  padding: 8px;
  margin-top: 5px;
  margin-bottom: 5px;
  line-height: 18px;
  font-size: 12px
}

.track-section-container .t-s-c-wrap .t-s-content .t-s-c-Box .delegate-arrow {
  left: -23px;
  top: -12px
}

.track-section-container .t-s-c-wrap:nth-child(even) .t-s-content {
  display: inline-block;
  position: relative;
  background: rgba(255,255,255,.5);
  padding: 7px;
  border: 1px solid #e5e5e5;
  -webkit-transform: translateX(-113%);
  -moz-transform: translateX(-113%);
  -ms-transform: translateX(-113%);
  -o-transform: translateX(-113%);
  transform: translateX(-113%)
}

.track-section-container .t-s-c-wrap:nth-child(even) .t-s-content:after {
  content: '';
  display: block;
  position: absolute;
  right: -20px;
  top: 5px;
  border-top: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #e5e5e5
}

.process-vertical .p-t-step:first-child:before,.process-vertical .p-t-step:last-child:after,.track-section-container .t-s-c-wrap:first-child:before,.track-section-container .t-s-c-wrap:last-child:after,.track-section-container .t-s-c-wrap:last-child:before {
  display: none
}

.track-section-container .t-s-c-wrap:nth-child(even) .t-s-content:before {
  border-top: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #fff;
  content: "";
  position: absolute;
  right: -19px;
  top: 5px;
  z-index: 1
}

.track-section-container .t-s-c-wrap:nth-child(even) .t-s-content.grey:before {
  border-left: 10px solid #fbfbfb;
  top: 20px
}

.track-section-container .t-s-c-wrap:nth-child(even) .t-s-content.grey:after {
  top: 20px
}

.track-section-container .t-s-c-wrap:after,.track-section-container .t-s-c-wrap:before {
  content: "";
  width: 2px;
  margin-left: -2.5px;
  height: 100%;
  position: absolute;
  left: 54%
}

.track-section-container .t-s-c-wrap:before {
  top: 0
}

.track-section-container .t-s-c-wrap:after {
  bottom: 0
}

.track-section-container .color-approved-pending:after {
  background-color: #e67300
}

.track-section-container .color-approved:after {
  background-color: #268406
}

.track-section-container .color-rejected:after {
  background-color: #d63d3d!important
}

.track-section-container .grey-text:after {
  background-color: #e5e5e5!important
}

.track-section-container.left-align .t-s-c-wrap {
  margin: 0 0 0 5.7143rem
}

.track-section-container.left-align .t-s-c-wrap:nth-child(even) .t-s-content:after,.track-section-container.left-align .t-s-c-wrap:nth-child(even) .t-s-content:before {
  right: inherit
}

.legend-dropdown {
  top: 16px;
  right: 23px;
  z-index: 3
}

.slide-up-css {
  max-height: 0;
  -moz-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  -o-transition-duration: .3s;
  transition-duration: .3s;
  -moz-transition-timing-function: cubic-bezier(0,1,.5,1);
  -webkit-transition-timing-function: cubic-bezier(0,1,.5,1);
  -o-transition-timing-function: cubic-bezier(0,1,.5,1);
  transition-timing-function: cubic-bezier(0,1,.5,1)
}

.slide-down-css {
  -moz-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  -o-transition-duration: .3s;
  transition-duration: .3s;
  -moz-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  max-height: 1000px
}

.track-section-container .t-s-c-wrap .t-s-content.widthSet {
  width: 375px;
  min-height: 104px
}

@media only screen and (min-width: 1700px) {
  .track-section-container .t-s-c-wrap .t-s-content {
      width:375px;
      min-height: 104px
  }

  .track-section-container .t-s-c-wrap .t-s-content.is-empty-t-s-c-content {
      border: 1px dashed #e5e5e5
  }

  .track-section-container .t-s-c-wrap .t-s-content .t-s-c-Box.delegateDiv {
      width: calc(100% - 35px)
  }

  .track-section-container .t-s-c-wrap .t-s-content .t-s-c-Box .delegate-arrow {
      left: -7%;
      top: -14%
  }
}

.track-status-parent .upDownChevron {
  position: absolute;
  top: 15px;
  right: 10px
}

.track-section-container .t-s-c-wrap .t-s-content.extendedCard {
  width: 375px;
  min-height: 104px
}

.track-section-container .t-s-c-wrap .t-s-content.normalCard {
  width: 282px;
  min-height: 104px
}

.track-section-container .t-s-c-wrap .t-s-content .t-s-c-Box.delegateDiv {
  float: right;
  width: calc(100% - 35px)
}

.p-t-step {
  color: #757575;
  position: relative
}

.p-t-step:after,.p-t-step:before {
  content: '';
  background: #92c46d
}

.process-vertical .p-t-step {
  min-height: 83px
}

.process-vertical .p-t-step:before {
  width: 5px;
  position: absolute;
  left: 0;
  top: 0;
  height: 46%
}

.process-vertical .p-t-step:after {
  width: 5px;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 54%
}

.process-vertical .process-start-from {
  position: absolute;
  top: 50%;
  left: -25.25px;
  margin-top: -30px;
  z-index: 1
}

.process-start-from {
  height: 60px;
  width: 55px;
  display: block;
  color: #92c46d
}

.process-start-from svg {
  height: 56px;
  width: 55px;
  background: #fff
}

.process-icon {
  display: block;
  margin: -37px 0 0 -10px;
  z-index: 1;
  position: absolute;
  top: 44px;
  color: #92c46d
}

.process-icon.icon svg {
  height: 36px;
  width: 25px
}

.p-t-container {
  max-width: 400px;
  margin-left: 31px;
  padding: 14px 0 20px
}

.p-t-container:after {
  content: '';
  clear: both;
  display: block
}

.p-t-header {
  margin-bottom: 4px
}

.p-t-c-title {
  margin-right: 10px;
  display: inline-block;
  max-width: 40%
}

.p-t-c-suptitle {
  display: inline-block;
  max-width: 50%
}

.make-space-frm-left {
  margin-left: 23%
}

.p-t-c-element {
  margin-right: 15px;
  float: left;
  min-height: 24px
}

.p-t-c-element:last-child {
  margin-right: 0
}

.comp-comment-with-attachment .c-c-w-a-element {
  float: left;
  padding: 0 15px;
  border-right: 1px solid #e6e6e6
}

.comp-comment-with-attachment .c-c-w-a-element:first-child {
  padding-left: 0
}

.comp-comment-with-attachment .c-c-w-a-element:last-child {
  padding-right: 0;
  border-right: none
}

.comp-comment-with-attachment .attachment-file-container {
  display: inline-block;
  margin-right: 10px
}

.attachment-file-name {
  max-width: 90%;
  display: inline
}

.comment-dd-set-left--update {
  left: 90px!important
}

.t-s-c-header {
  border-bottom: 1px solid #e5e5e5;
  min-height: 34px;
  margin-left: -7px;
  margin-right: -7px;
  position: relative
}

.approvalBox,.reassignContentBox {
  min-height: 30px;
  line-height: 30px
}

.t-s-c-header .collapsible-header-drag-icon {
  top: -12px;
  bottom: inherit
}

.t-s-c-header-title {
  font-size: 1rem;
  padding-left: 7px;
  font-weight: 700
}

.t-s-c-container {
  padding-top: 19px
}

.t-s-c-header .secondary-content {
  margin-top: -6px;
  position: relative
}

.track-section-with-add-more .t-s-w-add-more-item:last-child:after {
  display: block
}

.track-section-with-add-more .ui-sortable-helper .t-s-w-add-more-item .btn-add-new-approval-group,.track-section-with-add-more .ui-sortable-helper .t-s-w-add-more-item:after {
  display: none
}

.track-section-with-add-more .ui-sortable-helper .t-s-w-add-more-item .icon-container .iconHexLarge {
  background: 0 0
}

.btn-add-new-approval-group {
  position: absolute;
  bottom: 10px;
  left: 10px
}

.btn-add-new-approval-group .icon {
  line-height: 21px;
  z-index: 1;
  position: relative
}

.btn-add-new-approval-group:after {
  height: 16px;
  width: 17px;
  display: block;
  content: '';
  background: #fff;
  position: absolute;
  left: 8px;
  top: 10px;
  border-radius: 50%
}

.reassignContentBox {
  position: relative;
  margin-top: 5px
}

.reassignContentBox .iconReassign {
  position: absolute;
  left: -48px;
  top: 0
}

.collection .collection-item.avatar .approvalBox .circle,.collection .collection-item.avatar .reassignContentBox .circle {
  left: -57px
}

.collection .collection-item.avatar .approvalBox .secondary-content-with-waves,.collection .collection-item.avatar .reassignContentBox .secondary-content-with-waves {
  top: -4px;
  right: -3px
}

.approvalBox {
  position: relative
}

.reassignTitle .typeaHeade {
  margin: 0;
  height: 30px;
  line-height: 30px
}

.adjust-last-bottom-items:last-child .btn-add-new-approval-group {
  bottom: -8px
}

.offlineCheckboxContainer {
  width: 135px;
  position: absolute;
  left: 292px;
  top: 10px
}

.offlineCheckboxContainer .radioCnt {
  width: calc(100% - 35px)
}

.t-s-c-header-copy {
  width: calc(100% - 80px);
  margin-bottom: 7px
}

.approval-tab-section .scroll-wrapper {
  width: 100%
}

.approval-tab-section .tabparent-container {
  position: relative;
  z-index: 50
}

.approval-group-wrap {
  padding-left: 50px
}

.approval-group-wrap .groupStatusCnt {
  position: absolute;
  right: -120px;
  bottom: 5px
}

.approval-group-wrap .approval-group-inner-wrap .dummy-border {
  margin-left: -2px
}

.approval-group-wrap .approval-group-inner-wrap .right-gray-border {
  border-right: 2px solid #e5e5e5;
  padding-bottom: 99999px;
  margin-bottom: -99999px
}

.approval-group-wrap .adjust-last-bottom-items .btn-add-new-approval-group.not-last-btn {
  bottom: 10px
}

.approval-group-wrap .adjust-last-bottom-items:last-child .btn-add-new-approval-group.last-btn {
  bottom: -8px
}

.approval-group-wrap .approval-cc-wrap {
  width: 550px;
  float: left;
  margin-left: -29px
}

.approval-group-wrap .approval-cc-wrap .t-s-c-title {
  font-weight: 400;
  text-transform: uppercase
}

.approval-group-wrap .approval-cc-wrap .t-s-c-wrap {
  margin: 0
}

.approval-group-wrap .approval-cc-wrap .t-s-c-wrap .t-s-content {
  width: 282px
}

.approval-group-wrap .approval-cc-wrap .right-arrow,.approval-group-wrap .approval-cc-wrap .selected-user {
  display: inline-block;
  position: relative;
  top: -3px
}

.approval-group-wrap .approval-cc-wrap .attachIcon {
  position: relative;
  top: -5px
}

.approval-group-title-wrap {
  display: inline-block;
  margin-left: -2px
}

.approval-group-title-wrap .group-title {
  width: 200px;
  font-size: 1rem;
  font-weight: 700;
  border: 1px solid #e5e5e5;
  color: #757575;
  text-transform: uppercase;
  text-align: center
}

.approval-cc-title-wrap {
  padding-left: 27px
}

.approval-cc-title-wrap .approval-cc-title {
  padding: 10px 10px 10px 0
}

.approval-cc-title-wrap .approval-cc-title span.ccName-cnt {
  background-color: #fff4b8;
  margin-left: 60px;
  padding: 2px 10px;
  font-size: 12px
}

.approval-cc-title-wrap .approval-cc-title .edit-ccName-icon {
  margin: -2px 0 0 10px;
  height: 24px;
  line-height: 24px
}

.approval-cc-title-wrap .approval-cc-title .edit-ccName-icon i {
  height: 24px;
  line-height: 24px
}

.approval-cc-title-wrap .btn-add-new-cc {
  position: absolute;
  top: -18px;
  right: -26px
}

.top-gray-border {
  width: 100%;
  height: 2px;
  background-color: #e5e5e5
}

.vertical-line {
  width: 2px;
  height: 20px;
  background-color: #e5e5e5;
  margin: 0 auto
}

.top-vertical-line {
  height: 40px
}

.bottom-gray-border,.bottom-short-gray-border,.top-short-gray-border {
  height: 2px;
  background-color: #e5e5e5
}

.top-short-gray-border {
  width: 101px
}

.bottom-short-gray-border {
  display: inline-block;
  width: 101px;
  position: absolute;
  left: 48px;
  bottom: 0
}

.bottom-gray-border {
  display: inline-block;
  width: calc(100% - 27px);
  position: relative;
  left: 48px;
  bottom: 0
}

.summary-wrap .summary-inner-wrap {
  margin-left: -29px
}

.summary-wrap .top-short-gray-border {
  margin-left: -2px
}

.summary-wrap .vertical-line.top-line {
  margin-left: 97px
}

.summary-wrap .vertical-line.left-line {
  height: 30px;
  margin-left: -2px
}

.group-approval-name {
  text-transform: capitalize
}

.legend-section {
  top: 0;
  right: 23px;
  z-index: 100
}

.track-section-container .summary-wrap .t-s-c-wrap .t-s-content {
  width: 282px
}

.imgHolder,.sliderHolder {
  width: 100%;
  float: left
}

@media only screen and (max-width: 768px) {
  .top-legends {
      display:none
  }
}

/*!
Animate.css - http://daneden.me/animate
Version - 3.4.0
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 Daniel Eden
*/
.animated {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}

.animated-fast {
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s
}

.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY {
  -webkit-animation-duration: .75s;
  animation-duration: .75s
}

@-webkit-keyframes bounce {
  20%,53%,80%,from,to {
      -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
      animation-timing-function: cubic-bezier(.215,.61,.355,1);
      -webkit-transform: translate3d(0,0,0);
      transform: translate3d(0,0,0)
  }

  40%,43% {
      -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
      animation-timing-function: cubic-bezier(.755,.05,.855,.06);
      -webkit-transform: translate3d(0,-30px,0);
      transform: translate3d(0,-30px,0)
  }

  70% {
      -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
      animation-timing-function: cubic-bezier(.755,.05,.855,.06);
      -webkit-transform: translate3d(0,-15px,0);
      transform: translate3d(0,-15px,0)
  }

  90% {
      -webkit-transform: translate3d(0,-4px,0);
      transform: translate3d(0,-4px,0)
  }
}

@keyframes bounce {
  20%,53%,80%,from,to {
      -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
      animation-timing-function: cubic-bezier(.215,.61,.355,1);
      -webkit-transform: translate3d(0,0,0);
      transform: translate3d(0,0,0)
  }

  40%,43% {
      -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
      animation-timing-function: cubic-bezier(.755,.05,.855,.06);
      -webkit-transform: translate3d(0,-30px,0);
      transform: translate3d(0,-30px,0)
  }

  70% {
      -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
      animation-timing-function: cubic-bezier(.755,.05,.855,.06);
      -webkit-transform: translate3d(0,-15px,0);
      transform: translate3d(0,-15px,0)
  }

  90% {
      -webkit-transform: translate3d(0,-4px,0);
      transform: translate3d(0,-4px,0)
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom
}

@-webkit-keyframes flash {
  50%,from,to {
      opacity: 1
  }

  25%,75% {
      opacity: 0
  }
}

@keyframes flash {
  50%,from,to {
      opacity: 1
  }

  25%,75% {
      opacity: 0
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash
}

@-webkit-keyframes pulse {
  from,to {
      -webkit-transform: scale3d(1,1,1);
      transform: scale3d(1,1,1)
  }

  50% {
      -webkit-transform: scale3d(1.05,1.05,1.05);
      transform: scale3d(1.05,1.05,1.05)
  }
}

@keyframes pulse {
  from,to {
      -webkit-transform: scale3d(1,1,1);
      transform: scale3d(1,1,1)
  }

  50% {
      -webkit-transform: scale3d(1.05,1.05,1.05);
      transform: scale3d(1.05,1.05,1.05)
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse
}

@-webkit-keyframes rubberBand {
  from,to {
      -webkit-transform: scale3d(1,1,1);
      transform: scale3d(1,1,1)
  }

  30% {
      -webkit-transform: scale3d(1.25,.75,1);
      transform: scale3d(1.25,.75,1)
  }

  40% {
      -webkit-transform: scale3d(.75,1.25,1);
      transform: scale3d(.75,1.25,1)
  }

  50% {
      -webkit-transform: scale3d(1.15,.85,1);
      transform: scale3d(1.15,.85,1)
  }

  65% {
      -webkit-transform: scale3d(.95,1.05,1);
      transform: scale3d(.95,1.05,1)
  }

  75% {
      -webkit-transform: scale3d(1.05,.95,1);
      transform: scale3d(1.05,.95,1)
  }
}

@keyframes rubberBand {
  from,to {
      -webkit-transform: scale3d(1,1,1);
      transform: scale3d(1,1,1)
  }

  30% {
      -webkit-transform: scale3d(1.25,.75,1);
      transform: scale3d(1.25,.75,1)
  }

  40% {
      -webkit-transform: scale3d(.75,1.25,1);
      transform: scale3d(.75,1.25,1)
  }

  50% {
      -webkit-transform: scale3d(1.15,.85,1);
      transform: scale3d(1.15,.85,1)
  }

  65% {
      -webkit-transform: scale3d(.95,1.05,1);
      transform: scale3d(.95,1.05,1)
  }

  75% {
      -webkit-transform: scale3d(1.05,.95,1);
      transform: scale3d(1.05,.95,1)
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand
}

@-webkit-keyframes shake {
  from,to {
      -webkit-transform: translate3d(0,0,0);
      transform: translate3d(0,0,0)
  }

  10%,30%,50%,70%,90% {
      -webkit-transform: translate3d(-10px,0,0);
      transform: translate3d(-10px,0,0)
  }

  20%,40%,60%,80% {
      -webkit-transform: translate3d(10px,0,0);
      transform: translate3d(10px,0,0)
  }
}

@keyframes shake {
  from,to {
      -webkit-transform: translate3d(0,0,0);
      transform: translate3d(0,0,0)
  }

  10%,30%,50%,70%,90% {
      -webkit-transform: translate3d(-10px,0,0);
      transform: translate3d(-10px,0,0)
  }

  20%,40%,60%,80% {
      -webkit-transform: translate3d(10px,0,0);
      transform: translate3d(10px,0,0)
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake
}

@-webkit-keyframes swing {
  20% {
      -webkit-transform: rotate3d(0,0,1,15deg);
      transform: rotate3d(0,0,1,15deg)
  }

  40% {
      -webkit-transform: rotate3d(0,0,1,-10deg);
      transform: rotate3d(0,0,1,-10deg)
  }

  60% {
      -webkit-transform: rotate3d(0,0,1,5deg);
      transform: rotate3d(0,0,1,5deg)
  }

  80% {
      -webkit-transform: rotate3d(0,0,1,-5deg);
      transform: rotate3d(0,0,1,-5deg)
  }

  to {
      -webkit-transform: rotate3d(0,0,1,0deg);
      transform: rotate3d(0,0,1,0deg)
  }
}

@keyframes swing {
  20% {
      -webkit-transform: rotate3d(0,0,1,15deg);
      transform: rotate3d(0,0,1,15deg)
  }

  40% {
      -webkit-transform: rotate3d(0,0,1,-10deg);
      transform: rotate3d(0,0,1,-10deg)
  }

  60% {
      -webkit-transform: rotate3d(0,0,1,5deg);
      transform: rotate3d(0,0,1,5deg)
  }

  80% {
      -webkit-transform: rotate3d(0,0,1,-5deg);
      transform: rotate3d(0,0,1,-5deg)
  }

  to {
      -webkit-transform: rotate3d(0,0,1,0deg);
      transform: rotate3d(0,0,1,0deg)
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing
}

@-webkit-keyframes tada {
  from,to {
      -webkit-transform: scale3d(1,1,1);
      transform: scale3d(1,1,1)
  }

  10%,20% {
      -webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
      transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)
  }

  30%,50%,70%,90% {
      -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
      transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
  }

  40%,60%,80% {
      -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
      transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
  }
}

@keyframes tada {
  from,to {
      -webkit-transform: scale3d(1,1,1);
      transform: scale3d(1,1,1)
  }

  10%,20% {
      -webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
      transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)
  }

  30%,50%,70%,90% {
      -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
      transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
  }

  40%,60%,80% {
      -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
      transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada
}

@-webkit-keyframes wobble {
  from,to {
      -webkit-transform: none;
      transform: none
  }

  15% {
      -webkit-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
      transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)
  }

  30% {
      -webkit-transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg);
      transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg)
  }

  45% {
      -webkit-transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
      transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)
  }

  60% {
      -webkit-transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg);
      transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg)
  }

  75% {
      -webkit-transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
      transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)
  }
}

@keyframes wobble {
  from,to {
      -webkit-transform: none;
      transform: none
  }

  15% {
      -webkit-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
      transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)
  }

  30% {
      -webkit-transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg);
      transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg)
  }

  45% {
      -webkit-transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
      transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)
  }

  60% {
      -webkit-transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg);
      transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg)
  }

  75% {
      -webkit-transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
      transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble
}

@-webkit-keyframes jello {
  11.1%,from,to {
      -webkit-transform: none;
      transform: none
  }

  22.2% {
      -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
      transform: skewX(-12.5deg) skewY(-12.5deg)
  }

  33.3% {
      -webkit-transform: skewX(6.25deg) skewY(6.25deg);
      transform: skewX(6.25deg) skewY(6.25deg)
  }

  44.4% {
      -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
      transform: skewX(-3.125deg) skewY(-3.125deg)
  }

  55.5% {
      -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
      transform: skewX(1.5625deg) skewY(1.5625deg)
  }

  66.6% {
      -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
      transform: skewX(-.78125deg) skewY(-.78125deg)
  }

  77.7% {
      -webkit-transform: skewX(.39063deg) skewY(.39063deg);
      transform: skewX(.39063deg) skewY(.39063deg)
  }

  88.8% {
      -webkit-transform: skewX(-.19531deg) skewY(-.19531deg);
      transform: skewX(-.19531deg) skewY(-.19531deg)
  }
}

@keyframes jello {
  11.1%,from,to {
      -webkit-transform: none;
      transform: none
  }

  22.2% {
      -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
      transform: skewX(-12.5deg) skewY(-12.5deg)
  }

  33.3% {
      -webkit-transform: skewX(6.25deg) skewY(6.25deg);
      transform: skewX(6.25deg) skewY(6.25deg)
  }

  44.4% {
      -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
      transform: skewX(-3.125deg) skewY(-3.125deg)
  }

  55.5% {
      -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
      transform: skewX(1.5625deg) skewY(1.5625deg)
  }

  66.6% {
      -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
      transform: skewX(-.78125deg) skewY(-.78125deg)
  }

  77.7% {
      -webkit-transform: skewX(.39063deg) skewY(.39063deg);
      transform: skewX(.39063deg) skewY(.39063deg)
  }

  88.8% {
      -webkit-transform: skewX(-.19531deg) skewY(-.19531deg);
      transform: skewX(-.19531deg) skewY(-.19531deg)
  }
}

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center
}

@-webkit-keyframes bounceIn {
  20%,40%,60%,80%,from,to {
      -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
      animation-timing-function: cubic-bezier(.215,.61,.355,1)
  }

  0% {
      opacity: 0;
      -webkit-transform: scale3d(.3,.3,.3);
      transform: scale3d(.3,.3,.3)
  }

  20% {
      -webkit-transform: scale3d(1.1,1.1,1.1);
      transform: scale3d(1.1,1.1,1.1)
  }

  40% {
      -webkit-transform: scale3d(.9,.9,.9);
      transform: scale3d(.9,.9,.9)
  }

  60% {
      opacity: 1;
      -webkit-transform: scale3d(1.03,1.03,1.03);
      transform: scale3d(1.03,1.03,1.03)
  }

  80% {
      -webkit-transform: scale3d(.97,.97,.97);
      transform: scale3d(.97,.97,.97)
  }

  to {
      opacity: 1;
      -webkit-transform: scale3d(1,1,1);
      transform: scale3d(1,1,1)
  }
}

@keyframes bounceIn {
  20%,40%,60%,80%,from,to {
      -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
      animation-timing-function: cubic-bezier(.215,.61,.355,1)
  }

  0% {
      opacity: 0;
      -webkit-transform: scale3d(.3,.3,.3);
      transform: scale3d(.3,.3,.3)
  }

  20% {
      -webkit-transform: scale3d(1.1,1.1,1.1);
      transform: scale3d(1.1,1.1,1.1)
  }

  40% {
      -webkit-transform: scale3d(.9,.9,.9);
      transform: scale3d(.9,.9,.9)
  }

  60% {
      opacity: 1;
      -webkit-transform: scale3d(1.03,1.03,1.03);
      transform: scale3d(1.03,1.03,1.03)
  }

  80% {
      -webkit-transform: scale3d(.97,.97,.97);
      transform: scale3d(.97,.97,.97)
  }

  to {
      opacity: 1;
      -webkit-transform: scale3d(1,1,1);
      transform: scale3d(1,1,1)
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {
  60%,75%,90%,from,to {
      -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
      animation-timing-function: cubic-bezier(.215,.61,.355,1)
  }

  0% {
      opacity: 0;
      -webkit-transform: translate3d(0,-3000px,0);
      transform: translate3d(0,-3000px,0)
  }

  60% {
      opacity: 1;
      -webkit-transform: translate3d(0,25px,0);
      transform: translate3d(0,25px,0)
  }

  75% {
      -webkit-transform: translate3d(0,-10px,0);
      transform: translate3d(0,-10px,0)
  }

  90% {
      -webkit-transform: translate3d(0,5px,0);
      transform: translate3d(0,5px,0)
  }

  to {
      -webkit-transform: none;
      transform: none
  }
}

@keyframes bounceInDown {
  60%,75%,90%,from,to {
      -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
      animation-timing-function: cubic-bezier(.215,.61,.355,1)
  }

  0% {
      opacity: 0;
      -webkit-transform: translate3d(0,-3000px,0);
      transform: translate3d(0,-3000px,0)
  }

  60% {
      opacity: 1;
      -webkit-transform: translate3d(0,25px,0);
      transform: translate3d(0,25px,0)
  }

  75% {
      -webkit-transform: translate3d(0,-10px,0);
      transform: translate3d(0,-10px,0)
  }

  90% {
      -webkit-transform: translate3d(0,5px,0);
      transform: translate3d(0,5px,0)
  }

  to {
      -webkit-transform: none;
      transform: none
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
  60%,75%,90%,from,to {
      -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
      animation-timing-function: cubic-bezier(.215,.61,.355,1)
  }

  0% {
      opacity: 0;
      -webkit-transform: translate3d(-3000px,0,0);
      transform: translate3d(-3000px,0,0)
  }

  60% {
      opacity: 1;
      -webkit-transform: translate3d(25px,0,0);
      transform: translate3d(25px,0,0)
  }

  75% {
      -webkit-transform: translate3d(-10px,0,0);
      transform: translate3d(-10px,0,0)
  }

  90% {
      -webkit-transform: translate3d(5px,0,0);
      transform: translate3d(5px,0,0)
  }

  to {
      -webkit-transform: none;
      transform: none
  }
}

@keyframes bounceInLeft {
  60%,75%,90%,from,to {
      -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
      animation-timing-function: cubic-bezier(.215,.61,.355,1)
  }

  0% {
      opacity: 0;
      -webkit-transform: translate3d(-3000px,0,0);
      transform: translate3d(-3000px,0,0)
  }

  60% {
      opacity: 1;
      -webkit-transform: translate3d(25px,0,0);
      transform: translate3d(25px,0,0)
  }

  75% {
      -webkit-transform: translate3d(-10px,0,0);
      transform: translate3d(-10px,0,0)
  }

  90% {
      -webkit-transform: translate3d(5px,0,0);
      transform: translate3d(5px,0,0)
  }

  to {
      -webkit-transform: none;
      transform: none
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
  60%,75%,90%,from,to {
      -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
      animation-timing-function: cubic-bezier(.215,.61,.355,1)
  }

  from {
      opacity: 0;
      -webkit-transform: translate3d(3000px,0,0);
      transform: translate3d(3000px,0,0)
  }

  60% {
      opacity: 1;
      -webkit-transform: translate3d(-25px,0,0);
      transform: translate3d(-25px,0,0)
  }

  75% {
      -webkit-transform: translate3d(10px,0,0);
      transform: translate3d(10px,0,0)
  }

  90% {
      -webkit-transform: translate3d(-5px,0,0);
      transform: translate3d(-5px,0,0)
  }

  to {
      -webkit-transform: none;
      transform: none
  }
}

@keyframes bounceInRight {
  60%,75%,90%,from,to {
      -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
      animation-timing-function: cubic-bezier(.215,.61,.355,1)
  }

  from {
      opacity: 0;
      -webkit-transform: translate3d(3000px,0,0);
      transform: translate3d(3000px,0,0)
  }

  60% {
      opacity: 1;
      -webkit-transform: translate3d(-25px,0,0);
      transform: translate3d(-25px,0,0)
  }

  75% {
      -webkit-transform: translate3d(10px,0,0);
      transform: translate3d(10px,0,0)
  }

  90% {
      -webkit-transform: translate3d(-5px,0,0);
      transform: translate3d(-5px,0,0)
  }

  to {
      -webkit-transform: none;
      transform: none
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {
  60%,75%,90%,from,to {
      -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
      animation-timing-function: cubic-bezier(.215,.61,.355,1)
  }

  from {
      opacity: 0;
      -webkit-transform: translate3d(0,3000px,0);
      transform: translate3d(0,3000px,0)
  }

  60% {
      opacity: 1;
      -webkit-transform: translate3d(0,-20px,0);
      transform: translate3d(0,-20px,0)
  }

  75% {
      -webkit-transform: translate3d(0,10px,0);
      transform: translate3d(0,10px,0)
  }

  90% {
      -webkit-transform: translate3d(0,-5px,0);
      transform: translate3d(0,-5px,0)
  }

  to {
      -webkit-transform: translate3d(0,0,0);
      transform: translate3d(0,0,0)
  }
}

@keyframes bounceInUp {
  60%,75%,90%,from,to {
      -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
      animation-timing-function: cubic-bezier(.215,.61,.355,1)
  }

  from {
      opacity: 0;
      -webkit-transform: translate3d(0,3000px,0);
      transform: translate3d(0,3000px,0)
  }

  60% {
      opacity: 1;
      -webkit-transform: translate3d(0,-20px,0);
      transform: translate3d(0,-20px,0)
  }

  75% {
      -webkit-transform: translate3d(0,10px,0);
      transform: translate3d(0,10px,0)
  }

  90% {
      -webkit-transform: translate3d(0,-5px,0);
      transform: translate3d(0,-5px,0)
  }

  to {
      -webkit-transform: translate3d(0,0,0);
      transform: translate3d(0,0,0)
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
  20% {
      -webkit-transform: scale3d(.9,.9,.9);
      transform: scale3d(.9,.9,.9)
  }

  50%,55% {
      opacity: 1;
      -webkit-transform: scale3d(1.1,1.1,1.1);
      transform: scale3d(1.1,1.1,1.1)
  }

  to {
      opacity: 0;
      -webkit-transform: scale3d(.3,.3,.3);
      transform: scale3d(.3,.3,.3)
  }
}

@keyframes bounceOut {
  20% {
      -webkit-transform: scale3d(.9,.9,.9);
      transform: scale3d(.9,.9,.9)
  }

  50%,55% {
      opacity: 1;
      -webkit-transform: scale3d(1.1,1.1,1.1);
      transform: scale3d(1.1,1.1,1.1)
  }

  to {
      opacity: 0;
      -webkit-transform: scale3d(.3,.3,.3);
      transform: scale3d(.3,.3,.3)
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
  20% {
      -webkit-transform: translate3d(0,10px,0);
      transform: translate3d(0,10px,0)
  }

  40%,45% {
      opacity: 1;
      -webkit-transform: translate3d(0,-20px,0);
      transform: translate3d(0,-20px,0)
  }

  to {
      opacity: 0;
      -webkit-transform: translate3d(0,2000px,0);
      transform: translate3d(0,2000px,0)
  }
}

@keyframes bounceOutDown {
  20% {
      -webkit-transform: translate3d(0,10px,0);
      transform: translate3d(0,10px,0)
  }

  40%,45% {
      opacity: 1;
      -webkit-transform: translate3d(0,-20px,0);
      transform: translate3d(0,-20px,0)
  }

  to {
      opacity: 0;
      -webkit-transform: translate3d(0,2000px,0);
      transform: translate3d(0,2000px,0)
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
  20% {
      opacity: 1;
      -webkit-transform: translate3d(20px,0,0);
      transform: translate3d(20px,0,0)
  }

  to {
      opacity: 0;
      -webkit-transform: translate3d(-2000px,0,0);
      transform: translate3d(-2000px,0,0)
  }
}

@keyframes bounceOutLeft {
  20% {
      opacity: 1;
      -webkit-transform: translate3d(20px,0,0);
      transform: translate3d(20px,0,0)
  }

  to {
      opacity: 0;
      -webkit-transform: translate3d(-2000px,0,0);
      transform: translate3d(-2000px,0,0)
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
  20% {
      opacity: 1;
      -webkit-transform: translate3d(-20px,0,0);
      transform: translate3d(-20px,0,0)
  }

  to {
      opacity: 0;
      -webkit-transform: translate3d(2000px,0,0);
      transform: translate3d(2000px,0,0)
  }
}

@keyframes bounceOutRight {
  20% {
      opacity: 1;
      -webkit-transform: translate3d(-20px,0,0);
      transform: translate3d(-20px,0,0)
  }

  to {
      opacity: 0;
      -webkit-transform: translate3d(2000px,0,0);
      transform: translate3d(2000px,0,0)
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
  20% {
      -webkit-transform: translate3d(0,-10px,0);
      transform: translate3d(0,-10px,0)
  }

  40%,45% {
      opacity: 1;
      -webkit-transform: translate3d(0,20px,0);
      transform: translate3d(0,20px,0)
  }

  to {
      opacity: 0;
      -webkit-transform: translate3d(0,-2000px,0);
      transform: translate3d(0,-2000px,0)
  }
}

@keyframes bounceOutUp {
  20% {
      -webkit-transform: translate3d(0,-10px,0);
      transform: translate3d(0,-10px,0)
  }

  40%,45% {
      opacity: 1;
      -webkit-transform: translate3d(0,20px,0);
      transform: translate3d(0,20px,0)
  }

  to {
      opacity: 0;
      -webkit-transform: translate3d(0,-2000px,0);
      transform: translate3d(0,-2000px,0)
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
  from {
      opacity: 0
  }

  to {
      opacity: 1
  }
}

@keyframes fadeIn {
  from {
      opacity: 0
  }

  to {
      opacity: 1
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
  from {
      opacity: 0;
      -webkit-transform: translate3d(0,-100%,0);
      transform: translate3d(0,-100%,0)
  }

  to {
      opacity: 1;
      -webkit-transform: none;
      transform: none
  }
}

@keyframes fadeInDown {
  from {
      opacity: 0;
      -webkit-transform: translate3d(0,-100%,0);
      transform: translate3d(0,-100%,0)
  }

  to {
      opacity: 1;
      -webkit-transform: none;
      transform: none
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
  from {
      opacity: 0;
      -webkit-transform: translate3d(0,-2000px,0);
      transform: translate3d(0,-2000px,0)
  }

  to {
      opacity: 1;
      -webkit-transform: none;
      transform: none
  }
}

@keyframes fadeInDownBig {
  from {
      opacity: 0;
      -webkit-transform: translate3d(0,-2000px,0);
      transform: translate3d(0,-2000px,0)
  }

  to {
      opacity: 1;
      -webkit-transform: none;
      transform: none
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
  from {
      opacity: 0;
      -webkit-transform: translate3d(-100%,0,0);
      transform: translate3d(-100%,0,0)
  }

  to {
      opacity: 1;
      -webkit-transform: none;
      transform: none
  }
}

@keyframes fadeInLeft {
  from {
      opacity: 0;
      -webkit-transform: translate3d(-100%,0,0);
      transform: translate3d(-100%,0,0)
  }

  to {
      opacity: 1;
      -webkit-transform: none;
      transform: none
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
  from {
      opacity: 0;
      -webkit-transform: translate3d(-2000px,0,0);
      transform: translate3d(-2000px,0,0)
  }

  to {
      opacity: 1;
      -webkit-transform: none;
      transform: none
  }
}

@keyframes fadeInLeftBig {
  from {
      opacity: 0;
      -webkit-transform: translate3d(-2000px,0,0);
      transform: translate3d(-2000px,0,0)
  }

  to {
      opacity: 1;
      -webkit-transform: none;
      transform: none
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
  from {
      opacity: 0;
      -webkit-transform: translate3d(100%,0,0);
      transform: translate3d(100%,0,0)
  }

  to {
      opacity: 1;
      -webkit-transform: none;
      transform: none
  }
}

@keyframes fadeInRight {
  from {
      opacity: 0;
      -webkit-transform: translate3d(100%,0,0);
      transform: translate3d(100%,0,0)
  }

  to {
      opacity: 1;
      -webkit-transform: none;
      transform: none
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
  from {
      opacity: 0;
      -webkit-transform: translate3d(2000px,0,0);
      transform: translate3d(2000px,0,0)
  }

  to {
      opacity: 1;
      -webkit-transform: none;
      transform: none
  }
}

@keyframes fadeInRightBig {
  from {
      opacity: 0;
      -webkit-transform: translate3d(2000px,0,0);
      transform: translate3d(2000px,0,0)
  }

  to {
      opacity: 1;
      -webkit-transform: none;
      transform: none
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
  from {
      opacity: 0;
      -webkit-transform: translate3d(0,100%,0);
      transform: translate3d(0,100%,0)
  }

  to {
      opacity: 1;
      -webkit-transform: none;
      transform: none
  }
}

@keyframes fadeInUp {
  from {
      opacity: 0;
      -webkit-transform: translate3d(0,100%,0);
      transform: translate3d(0,100%,0)
  }

  to {
      opacity: 1;
      -webkit-transform: none;
      transform: none
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
  from {
      opacity: 0;
      -webkit-transform: translate3d(0,2000px,0);
      transform: translate3d(0,2000px,0)
  }

  to {
      opacity: 1;
      -webkit-transform: none;
      transform: none
  }
}

@keyframes fadeInUpBig {
  from {
      opacity: 0;
      -webkit-transform: translate3d(0,2000px,0);
      transform: translate3d(0,2000px,0)
  }

  to {
      opacity: 1;
      -webkit-transform: none;
      transform: none
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOut {
  from {
      opacity: 1
  }

  to {
      opacity: 0
  }
}

@keyframes fadeOut {
  from {
      opacity: 1
  }

  to {
      opacity: 0
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
  from {
      opacity: 1
  }

  to {
      opacity: 0;
      -webkit-transform: translate3d(0,100%,0);
      transform: translate3d(0,100%,0)
  }
}

@keyframes fadeOutDown {
  from {
      opacity: 1
  }

  to {
      opacity: 0;
      -webkit-transform: translate3d(0,100%,0);
      transform: translate3d(0,100%,0)
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
  from {
      opacity: 1
  }

  to {
      opacity: 0;
      -webkit-transform: translate3d(0,2000px,0);
      transform: translate3d(0,2000px,0)
  }
}

@keyframes fadeOutDownBig {
  from {
      opacity: 1
  }

  to {
      opacity: 0;
      -webkit-transform: translate3d(0,2000px,0);
      transform: translate3d(0,2000px,0)
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
  from {
      opacity: 1
  }

  to {
      opacity: 0;
      -webkit-transform: translate3d(-100%,0,0);
      transform: translate3d(-100%,0,0)
  }
}

@keyframes fadeOutLeft {
  from {
      opacity: 1
  }

  to {
      opacity: 0;
      -webkit-transform: translate3d(-100%,0,0);
      transform: translate3d(-100%,0,0)
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
  from {
      opacity: 1
  }

  to {
      opacity: 0;
      -webkit-transform: translate3d(-2000px,0,0);
      transform: translate3d(-2000px,0,0)
  }
}

@keyframes fadeOutLeftBig {
  from {
      opacity: 1
  }

  to {
      opacity: 0;
      -webkit-transform: translate3d(-2000px,0,0);
      transform: translate3d(-2000px,0,0)
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
  from {
      opacity: 1
  }

  to {
      opacity: 0;
      -webkit-transform: translate3d(100%,0,0);
      transform: translate3d(100%,0,0)
  }
}

@keyframes fadeOutRight {
  from {
      opacity: 1
  }

  to {
      opacity: 0;
      -webkit-transform: translate3d(100%,0,0);
      transform: translate3d(100%,0,0)
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
  from {
      opacity: 1
  }

  to {
      opacity: 0;
      -webkit-transform: translate3d(2000px,0,0);
      transform: translate3d(2000px,0,0)
  }
}

@keyframes fadeOutRightBig {
  from {
      opacity: 1
  }

  to {
      opacity: 0;
      -webkit-transform: translate3d(2000px,0,0);
      transform: translate3d(2000px,0,0)
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
  from {
      opacity: 1
  }

  to {
      opacity: 0;
      -webkit-transform: translate3d(0,-100%,0);
      transform: translate3d(0,-100%,0)
  }
}

@keyframes fadeOutUp {
  from {
      opacity: 1
  }

  to {
      opacity: 0;
      -webkit-transform: translate3d(0,-100%,0);
      transform: translate3d(0,-100%,0)
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
  from {
      opacity: 1
  }

  to {
      opacity: 0;
      -webkit-transform: translate3d(0,-2000px,0);
      transform: translate3d(0,-2000px,0)
  }
}

@keyframes fadeOutUpBig {
  from {
      opacity: 1
  }

  to {
      opacity: 0;
      -webkit-transform: translate3d(0,-2000px,0);
      transform: translate3d(0,-2000px,0)
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
  from {
      -webkit-transform: perspective(400px) rotate3d(0,1,0,-360deg);
      transform: perspective(400px) rotate3d(0,1,0,-360deg);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
  }

  40% {
      -webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
      transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
  }

  50% {
      -webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
      transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
  }

  80% {
      -webkit-transform: perspective(400px) scale3d(.95,.95,.95);
      transform: perspective(400px) scale3d(.95,.95,.95);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
  }

  to {
      -webkit-transform: perspective(400px);
      transform: perspective(400px);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
  }
}

@keyframes flip {
  from {
      -webkit-transform: perspective(400px) rotate3d(0,1,0,-360deg);
      transform: perspective(400px) rotate3d(0,1,0,-360deg);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
  }

  40% {
      -webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
      transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
  }

  50% {
      -webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
      transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
  }

  80% {
      -webkit-transform: perspective(400px) scale3d(.95,.95,.95);
      transform: perspective(400px) scale3d(.95,.95,.95);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
  }

  to {
      -webkit-transform: perspective(400px);
      transform: perspective(400px);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip
}

@-webkit-keyframes flipInX {
  from {
      -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
      transform: perspective(400px) rotate3d(1,0,0,90deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      opacity: 0
  }

  40% {
      -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
      transform: perspective(400px) rotate3d(1,0,0,-20deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
  }

  60% {
      -webkit-transform: perspective(400px) rotate3d(1,0,0,10deg);
      transform: perspective(400px) rotate3d(1,0,0,10deg);
      opacity: 1
  }

  80% {
      -webkit-transform: perspective(400px) rotate3d(1,0,0,-5deg);
      transform: perspective(400px) rotate3d(1,0,0,-5deg)
  }

  to {
      -webkit-transform: perspective(400px);
      transform: perspective(400px)
  }
}

@keyframes flipInX {
  from {
      -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
      transform: perspective(400px) rotate3d(1,0,0,90deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      opacity: 0
  }

  40% {
      -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
      transform: perspective(400px) rotate3d(1,0,0,-20deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
  }

  60% {
      -webkit-transform: perspective(400px) rotate3d(1,0,0,10deg);
      transform: perspective(400px) rotate3d(1,0,0,10deg);
      opacity: 1
  }

  80% {
      -webkit-transform: perspective(400px) rotate3d(1,0,0,-5deg);
      transform: perspective(400px) rotate3d(1,0,0,-5deg)
  }

  to {
      -webkit-transform: perspective(400px);
      transform: perspective(400px)
  }
}

.flipInX {
  -webkit-backface-visibility: visible!important;
  backface-visibility: visible!important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX
}

.flipInY,.flipOutX {
  -webkit-backface-visibility: visible!important
}

@-webkit-keyframes flipInY {
  from {
      -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
      transform: perspective(400px) rotate3d(0,1,0,90deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      opacity: 0
  }

  40% {
      -webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg);
      transform: perspective(400px) rotate3d(0,1,0,-20deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
  }

  60% {
      -webkit-transform: perspective(400px) rotate3d(0,1,0,10deg);
      transform: perspective(400px) rotate3d(0,1,0,10deg);
      opacity: 1
  }

  80% {
      -webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg);
      transform: perspective(400px) rotate3d(0,1,0,-5deg)
  }

  to {
      -webkit-transform: perspective(400px);
      transform: perspective(400px)
  }
}

@keyframes flipInY {
  from {
      -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
      transform: perspective(400px) rotate3d(0,1,0,90deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      opacity: 0
  }

  40% {
      -webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg);
      transform: perspective(400px) rotate3d(0,1,0,-20deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
  }

  60% {
      -webkit-transform: perspective(400px) rotate3d(0,1,0,10deg);
      transform: perspective(400px) rotate3d(0,1,0,10deg);
      opacity: 1
  }

  80% {
      -webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg);
      transform: perspective(400px) rotate3d(0,1,0,-5deg)
  }

  to {
      -webkit-transform: perspective(400px);
      transform: perspective(400px)
  }
}

.flipInY {
  backface-visibility: visible!important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY
}

@-webkit-keyframes flipOutX {
  from {
      -webkit-transform: perspective(400px);
      transform: perspective(400px)
  }

  30% {
      -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
      transform: perspective(400px) rotate3d(1,0,0,-20deg);
      opacity: 1
  }

  to {
      -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
      transform: perspective(400px) rotate3d(1,0,0,90deg);
      opacity: 0
  }
}

@keyframes flipOutX {
  from {
      -webkit-transform: perspective(400px);
      transform: perspective(400px)
  }

  30% {
      -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
      transform: perspective(400px) rotate3d(1,0,0,-20deg);
      opacity: 1
  }

  to {
      -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
      transform: perspective(400px) rotate3d(1,0,0,90deg);
      opacity: 0
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  backface-visibility: visible!important
}

@-webkit-keyframes flipOutY {
  from {
      -webkit-transform: perspective(400px);
      transform: perspective(400px)
  }

  30% {
      -webkit-transform: perspective(400px) rotate3d(0,1,0,-15deg);
      transform: perspective(400px) rotate3d(0,1,0,-15deg);
      opacity: 1
  }

  to {
      -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
      transform: perspective(400px) rotate3d(0,1,0,90deg);
      opacity: 0
  }
}

@keyframes flipOutY {
  from {
      -webkit-transform: perspective(400px);
      transform: perspective(400px)
  }

  30% {
      -webkit-transform: perspective(400px) rotate3d(0,1,0,-15deg);
      transform: perspective(400px) rotate3d(0,1,0,-15deg);
      opacity: 1
  }

  to {
      -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
      transform: perspective(400px) rotate3d(0,1,0,90deg);
      opacity: 0
  }
}

.flipOutY {
  -webkit-backface-visibility: visible!important;
  backface-visibility: visible!important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY
}

@-webkit-keyframes lightSpeedIn {
  from {
      -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
      transform: translate3d(100%,0,0) skewX(-30deg);
      opacity: 0
  }

  60% {
      -webkit-transform: skewX(20deg);
      transform: skewX(20deg);
      opacity: 1
  }

  80% {
      -webkit-transform: skewX(-5deg);
      transform: skewX(-5deg);
      opacity: 1
  }

  to {
      -webkit-transform: none;
      transform: none;
      opacity: 1
  }
}

@keyframes lightSpeedIn {
  from {
      -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
      transform: translate3d(100%,0,0) skewX(-30deg);
      opacity: 0
  }

  60% {
      -webkit-transform: skewX(20deg);
      transform: skewX(20deg);
      opacity: 1
  }

  80% {
      -webkit-transform: skewX(-5deg);
      transform: skewX(-5deg);
      opacity: 1
  }

  to {
      -webkit-transform: none;
      transform: none;
      opacity: 1
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
  from {
      opacity: 1
  }

  to {
      -webkit-transform: translate3d(100%,0,0) skewX(30deg);
      transform: translate3d(100%,0,0) skewX(30deg);
      opacity: 0
  }
}

@keyframes lightSpeedOut {
  from {
      opacity: 1
  }

  to {
      -webkit-transform: translate3d(100%,0,0) skewX(30deg);
      transform: translate3d(100%,0,0) skewX(30deg);
      opacity: 0
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
  from {
      -webkit-transform-origin: center;
      transform-origin: center;
      -webkit-transform: rotate3d(0,0,1,-200deg);
      transform: rotate3d(0,0,1,-200deg);
      opacity: 0
  }

  to {
      -webkit-transform-origin: center;
      transform-origin: center;
      -webkit-transform: none;
      transform: none;
      opacity: 1
  }
}

@keyframes rotateIn {
  from {
      -webkit-transform-origin: center;
      transform-origin: center;
      -webkit-transform: rotate3d(0,0,1,-200deg);
      transform: rotate3d(0,0,1,-200deg);
      opacity: 0
  }

  to {
      -webkit-transform-origin: center;
      transform-origin: center;
      -webkit-transform: none;
      transform: none;
      opacity: 1
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn
}

@-webkit-keyframes rotateInDownLeft {
  from {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      -webkit-transform: rotate3d(0,0,1,-45deg);
      transform: rotate3d(0,0,1,-45deg);
      opacity: 0
  }

  to {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      -webkit-transform: none;
      transform: none;
      opacity: 1
  }
}

@keyframes rotateInDownLeft {
  from {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      -webkit-transform: rotate3d(0,0,1,-45deg);
      transform: rotate3d(0,0,1,-45deg);
      opacity: 0
  }

  to {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      -webkit-transform: none;
      transform: none;
      opacity: 1
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
  from {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      -webkit-transform: rotate3d(0,0,1,45deg);
      transform: rotate3d(0,0,1,45deg);
      opacity: 0
  }

  to {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      -webkit-transform: none;
      transform: none;
      opacity: 1
  }
}

@keyframes rotateInDownRight {
  from {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      -webkit-transform: rotate3d(0,0,1,45deg);
      transform: rotate3d(0,0,1,45deg);
      opacity: 0
  }

  to {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      -webkit-transform: none;
      transform: none;
      opacity: 1
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
  from {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      -webkit-transform: rotate3d(0,0,1,45deg);
      transform: rotate3d(0,0,1,45deg);
      opacity: 0
  }

  to {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      -webkit-transform: none;
      transform: none;
      opacity: 1
  }
}

@keyframes rotateInUpLeft {
  from {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      -webkit-transform: rotate3d(0,0,1,45deg);
      transform: rotate3d(0,0,1,45deg);
      opacity: 0
  }

  to {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      -webkit-transform: none;
      transform: none;
      opacity: 1
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
  from {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      -webkit-transform: rotate3d(0,0,1,-90deg);
      transform: rotate3d(0,0,1,-90deg);
      opacity: 0
  }

  to {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      -webkit-transform: none;
      transform: none;
      opacity: 1
  }
}

@keyframes rotateInUpRight {
  from {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      -webkit-transform: rotate3d(0,0,1,-90deg);
      transform: rotate3d(0,0,1,-90deg);
      opacity: 0
  }

  to {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      -webkit-transform: none;
      transform: none;
      opacity: 1
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
  from {
      -webkit-transform-origin: center;
      transform-origin: center;
      opacity: 1
  }

  to {
      -webkit-transform-origin: center;
      transform-origin: center;
      -webkit-transform: rotate3d(0,0,1,200deg);
      transform: rotate3d(0,0,1,200deg);
      opacity: 0
  }
}

@keyframes rotateOut {
  from {
      -webkit-transform-origin: center;
      transform-origin: center;
      opacity: 1
  }

  to {
      -webkit-transform-origin: center;
      transform-origin: center;
      -webkit-transform: rotate3d(0,0,1,200deg);
      transform: rotate3d(0,0,1,200deg);
      opacity: 0
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
  from {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      opacity: 1
  }

  to {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      -webkit-transform: rotate3d(0,0,1,45deg);
      transform: rotate3d(0,0,1,45deg);
      opacity: 0
  }
}

@keyframes rotateOutDownLeft {
  from {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      opacity: 1
  }

  to {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      -webkit-transform: rotate3d(0,0,1,45deg);
      transform: rotate3d(0,0,1,45deg);
      opacity: 0
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
  from {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      opacity: 1
  }

  to {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      -webkit-transform: rotate3d(0,0,1,-45deg);
      transform: rotate3d(0,0,1,-45deg);
      opacity: 0
  }
}

@keyframes rotateOutDownRight {
  from {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      opacity: 1
  }

  to {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      -webkit-transform: rotate3d(0,0,1,-45deg);
      transform: rotate3d(0,0,1,-45deg);
      opacity: 0
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
  from {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      opacity: 1
  }

  to {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      -webkit-transform: rotate3d(0,0,1,-45deg);
      transform: rotate3d(0,0,1,-45deg);
      opacity: 0
  }
}

@keyframes rotateOutUpLeft {
  from {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      opacity: 1
  }

  to {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      -webkit-transform: rotate3d(0,0,1,-45deg);
      transform: rotate3d(0,0,1,-45deg);
      opacity: 0
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
  from {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      opacity: 1
  }

  to {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      -webkit-transform: rotate3d(0,0,1,90deg);
      transform: rotate3d(0,0,1,90deg);
      opacity: 0
  }
}

@keyframes rotateOutUpRight {
  from {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      opacity: 1
  }

  to {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      -webkit-transform: rotate3d(0,0,1,90deg);
      transform: rotate3d(0,0,1,90deg);
      opacity: 0
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight
}

@-webkit-keyframes hinge {
  0% {
      -webkit-transform-origin: top left;
      transform-origin: top left;
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out
  }

  20%,60% {
      -webkit-transform: rotate3d(0,0,1,80deg);
      transform: rotate3d(0,0,1,80deg);
      -webkit-transform-origin: top left;
      transform-origin: top left;
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out
  }

  40%,80% {
      -webkit-transform: rotate3d(0,0,1,60deg);
      transform: rotate3d(0,0,1,60deg);
      -webkit-transform-origin: top left;
      transform-origin: top left;
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out;
      opacity: 1
  }

  to {
      -webkit-transform: translate3d(0,700px,0);
      transform: translate3d(0,700px,0);
      opacity: 0
  }
}

@keyframes hinge {
  0% {
      -webkit-transform-origin: top left;
      transform-origin: top left;
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out
  }

  20%,60% {
      -webkit-transform: rotate3d(0,0,1,80deg);
      transform: rotate3d(0,0,1,80deg);
      -webkit-transform-origin: top left;
      transform-origin: top left;
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out
  }

  40%,80% {
      -webkit-transform: rotate3d(0,0,1,60deg);
      transform: rotate3d(0,0,1,60deg);
      -webkit-transform-origin: top left;
      transform-origin: top left;
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out;
      opacity: 1
  }

  to {
      -webkit-transform: translate3d(0,700px,0);
      transform: translate3d(0,700px,0);
      opacity: 0
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge
}

@-webkit-keyframes rollIn {
  from {
      opacity: 0;
      -webkit-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
      transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)
  }

  to {
      opacity: 1;
      -webkit-transform: none;
      transform: none
  }
}

@keyframes rollIn {
  from {
      opacity: 0;
      -webkit-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
      transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)
  }

  to {
      opacity: 1;
      -webkit-transform: none;
      transform: none
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn
}

@-webkit-keyframes rollOut {
  from {
      opacity: 1
  }

  to {
      opacity: 0;
      -webkit-transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg);
      transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg)
  }
}

@keyframes rollOut {
  from {
      opacity: 1
  }

  to {
      opacity: 0;
      -webkit-transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg);
      transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg)
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut
}

@-webkit-keyframes zoomIn {
  from {
      opacity: 0;
      -webkit-transform: scale3d(.3,.3,.3);
      transform: scale3d(.3,.3,.3)
  }

  50% {
      opacity: 1
  }
}

@keyframes zoomIn {
  from {
      opacity: 0;
      -webkit-transform: scale3d(.3,.3,.3);
      transform: scale3d(.3,.3,.3)
  }

  50% {
      opacity: 1
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
  from {
      opacity: 0;
      -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
      transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
      -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
      animation-timing-function: cubic-bezier(.55,.055,.675,.19)
  }

  60% {
      opacity: 1;
      -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
      transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
      -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
      animation-timing-function: cubic-bezier(.175,.885,.32,1)
  }
}

@keyframes zoomInDown {
  from {
      opacity: 0;
      -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
      transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
      -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
      animation-timing-function: cubic-bezier(.55,.055,.675,.19)
  }

  60% {
      opacity: 1;
      -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
      transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
      -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
      animation-timing-function: cubic-bezier(.175,.885,.32,1)
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
  from {
      opacity: 0;
      -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
      transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
      -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
      animation-timing-function: cubic-bezier(.55,.055,.675,.19)
  }

  60% {
      opacity: 1;
      -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
      transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
      -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
      animation-timing-function: cubic-bezier(.175,.885,.32,1)
  }
}

@keyframes zoomInLeft {
  from {
      opacity: 0;
      -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
      transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
      -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
      animation-timing-function: cubic-bezier(.55,.055,.675,.19)
  }

  60% {
      opacity: 1;
      -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
      transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
      -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
      animation-timing-function: cubic-bezier(.175,.885,.32,1)
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
  from {
      opacity: 0;
      -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
      transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
      -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
      animation-timing-function: cubic-bezier(.55,.055,.675,.19)
  }

  60% {
      opacity: 1;
      -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
      transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
      -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
      animation-timing-function: cubic-bezier(.175,.885,.32,1)
  }
}

@keyframes zoomInRight {
  from {
      opacity: 0;
      -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
      transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
      -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
      animation-timing-function: cubic-bezier(.55,.055,.675,.19)
  }

  60% {
      opacity: 1;
      -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
      transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
      -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
      animation-timing-function: cubic-bezier(.175,.885,.32,1)
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
  from {
      opacity: 0;
      -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
      transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
      -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
      animation-timing-function: cubic-bezier(.55,.055,.675,.19)
  }

  60% {
      opacity: 1;
      -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
      transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
      -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
      animation-timing-function: cubic-bezier(.175,.885,.32,1)
  }
}

@keyframes zoomInUp {
  from {
      opacity: 0;
      -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
      transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
      -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
      animation-timing-function: cubic-bezier(.55,.055,.675,.19)
  }

  60% {
      opacity: 1;
      -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
      transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
      -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
      animation-timing-function: cubic-bezier(.175,.885,.32,1)
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
  from {
      opacity: 1
  }

  50% {
      opacity: 0;
      -webkit-transform: scale3d(.3,.3,.3);
      transform: scale3d(.3,.3,.3)
  }

  to {
      opacity: 0
  }
}

@keyframes zoomOut {
  from {
      opacity: 1
  }

  50% {
      opacity: 0;
      -webkit-transform: scale3d(.3,.3,.3);
      transform: scale3d(.3,.3,.3)
  }

  to {
      opacity: 0
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
  40% {
      opacity: 1;
      -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
      transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
      -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
      animation-timing-function: cubic-bezier(.55,.055,.675,.19)
  }

  to {
      opacity: 0;
      -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
      transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
      -webkit-transform-origin: center bottom;
      transform-origin: center bottom;
      -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
      animation-timing-function: cubic-bezier(.175,.885,.32,1)
  }
}

@keyframes zoomOutDown {
  40% {
      opacity: 1;
      -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
      transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
      -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
      animation-timing-function: cubic-bezier(.55,.055,.675,.19)
  }

  to {
      opacity: 0;
      -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
      transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
      -webkit-transform-origin: center bottom;
      transform-origin: center bottom;
      -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
      animation-timing-function: cubic-bezier(.175,.885,.32,1)
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown
}

@-webkit-keyframes zoomOutLeft {
  40% {
      opacity: 1;
      -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
      transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
  }

  to {
      opacity: 0;
      -webkit-transform: scale(.1) translate3d(-2000px,0,0);
      transform: scale(.1) translate3d(-2000px,0,0);
      -webkit-transform-origin: left center;
      transform-origin: left center
  }
}

@keyframes zoomOutLeft {
  40% {
      opacity: 1;
      -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
      transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
  }

  to {
      opacity: 0;
      -webkit-transform: scale(.1) translate3d(-2000px,0,0);
      transform: scale(.1) translate3d(-2000px,0,0);
      -webkit-transform-origin: left center;
      transform-origin: left center
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft
}

@-webkit-keyframes zoomOutRight {
  40% {
      opacity: 1;
      -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
      transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
  }

  to {
      opacity: 0;
      -webkit-transform: scale(.1) translate3d(2000px,0,0);
      transform: scale(.1) translate3d(2000px,0,0);
      -webkit-transform-origin: right center;
      transform-origin: right center
  }
}

@keyframes zoomOutRight {
  40% {
      opacity: 1;
      -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
      transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
  }

  to {
      opacity: 0;
      -webkit-transform: scale(.1) translate3d(2000px,0,0);
      transform: scale(.1) translate3d(2000px,0,0);
      -webkit-transform-origin: right center;
      transform-origin: right center
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight
}

@-webkit-keyframes zoomOutUp {
  40% {
      opacity: 1;
      -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
      transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
      -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
      animation-timing-function: cubic-bezier(.55,.055,.675,.19)
  }

  to {
      opacity: 0;
      -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
      transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
      -webkit-transform-origin: center bottom;
      transform-origin: center bottom;
      -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
      animation-timing-function: cubic-bezier(.175,.885,.32,1)
  }
}

@keyframes zoomOutUp {
  40% {
      opacity: 1;
      -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
      transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
      -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
      animation-timing-function: cubic-bezier(.55,.055,.675,.19)
  }

  to {
      opacity: 0;
      -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
      transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
      -webkit-transform-origin: center bottom;
      transform-origin: center bottom;
      -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
      animation-timing-function: cubic-bezier(.175,.885,.32,1)
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp
}

@-webkit-keyframes slideInDown {
  from {
      -webkit-transform: translate3d(0,-100%,0);
      transform: translate3d(0,-100%,0);
      visibility: visible
  }

  to {
      -webkit-transform: translate3d(0,0,0);
      transform: translate3d(0,0,0)
  }
}

@keyframes slideInDown {
  from {
      -webkit-transform: translate3d(0,-100%,0);
      transform: translate3d(0,-100%,0);
      visibility: visible
  }

  to {
      -webkit-transform: translate3d(0,0,0);
      transform: translate3d(0,0,0)
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
  from {
      -webkit-transform: translate3d(-100%,0,0);
      transform: translate3d(-100%,0,0);
      visibility: visible
  }

  to {
      -webkit-transform: translate3d(0,0,0);
      transform: translate3d(0,0,0)
  }
}

@keyframes slideInLeft {
  from {
      -webkit-transform: translate3d(-100%,0,0);
      transform: translate3d(-100%,0,0);
      visibility: visible
  }

  to {
      -webkit-transform: translate3d(0,0,0);
      transform: translate3d(0,0,0)
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
  from {
      -webkit-transform: translate3d(100%,0,0);
      transform: translate3d(100%,0,0);
      visibility: visible
  }

  to {
      -webkit-transform: translate3d(0,0,0);
      transform: translate3d(0,0,0)
  }
}

@keyframes slideInRight {
  from {
      -webkit-transform: translate3d(100%,0,0);
      transform: translate3d(100%,0,0);
      visibility: visible
  }

  to {
      -webkit-transform: translate3d(0,0,0);
      transform: translate3d(0,0,0)
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
  from {
      -webkit-transform: translate3d(0,100%,0);
      transform: translate3d(0,100%,0);
      visibility: visible
  }

  to {
      -webkit-transform: translate3d(0,0,0);
      transform: translate3d(0,0,0)
  }
}

@keyframes slideInUp {
  from {
      -webkit-transform: translate3d(0,100%,0);
      transform: translate3d(0,100%,0);
      visibility: visible
  }

  to {
      -webkit-transform: translate3d(0,0,0);
      transform: translate3d(0,0,0)
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
  from {
      -webkit-transform: translate3d(0,0,0);
      transform: translate3d(0,0,0)
  }

  to {
      visibility: hidden;
      -webkit-transform: translate3d(0,100%,0);
      transform: translate3d(0,100%,0)
  }
}

@keyframes slideOutDown {
  from {
      -webkit-transform: translate3d(0,0,0);
      transform: translate3d(0,0,0)
  }

  to {
      visibility: hidden;
      -webkit-transform: translate3d(0,100%,0);
      transform: translate3d(0,100%,0)
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
  from {
      -webkit-transform: translate3d(0,0,0);
      transform: translate3d(0,0,0)
  }

  to {
      visibility: hidden;
      -webkit-transform: translate3d(-100%,0,0);
      transform: translate3d(-100%,0,0)
  }
}

@keyframes slideOutLeft {
  from {
      -webkit-transform: translate3d(0,0,0);
      transform: translate3d(0,0,0)
  }

  to {
      visibility: hidden;
      -webkit-transform: translate3d(-100%,0,0);
      transform: translate3d(-100%,0,0)
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
  from {
      -webkit-transform: translate3d(0,0,0);
      transform: translate3d(0,0,0)
  }

  to {
      visibility: hidden;
      -webkit-transform: translate3d(100%,0,0);
      transform: translate3d(100%,0,0)
  }
}

@keyframes slideOutRight {
  from {
      -webkit-transform: translate3d(0,0,0);
      transform: translate3d(0,0,0)
  }

  to {
      visibility: hidden;
      -webkit-transform: translate3d(100%,0,0);
      transform: translate3d(100%,0,0)
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
  from {
      -webkit-transform: translate3d(0,0,0);
      transform: translate3d(0,0,0)
  }

  to {
      visibility: hidden;
      -webkit-transform: translate3d(0,-100%,0);
      transform: translate3d(0,-100%,0)
  }
}

@keyframes slideOutUp {
  from {
      -webkit-transform: translate3d(0,0,0);
      transform: translate3d(0,0,0)
  }

  to {
      visibility: hidden;
      -webkit-transform: translate3d(0,-100%,0);
      transform: translate3d(0,-100%,0)
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp
}

.imgHolder {
  position: relative
}

.imgHolder .imgListHolder {
  width: calc(100% - 120px);
  text-align: center;
  margin: auto;
  overflow: hidden;
  position: relative;
  height: 378px
}

.imgHolder .imgListHolder .imgList {
  width: 100%;
  float: left;
  position: absolute;
  left: 0;
  transition: 1s
}

.imgHolder .imgListHolder .imgList li {
  float: left;
  margin: 0 5px
}

.slide-view-modal-next,.slide-view-modal-previous {
  padding: 8px;
  height: 40px;
  width: 40px;
  vertical-align: middle;
  background-color: rgba(0,0,0,.75);
  color: #fff;
  top: 50%;
  margin-top: -22.5px;
  z-index: 1005;
  opacity: 0;
  text-align: center;
  border-radius: 50%
}

.imgHolder .leftArrowBig {
  float: left;
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  transform: rotate(90deg)
}

.imgHolder .rightArrowBig {
  float: right;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  transform: rotate(-90deg)
}

.slide {
  transition: 1s
}

.slide-view-modal-next {
  justify-content: center;
  position: fixed;
  right: 50%;
  margin-right: -460px;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out
}

.slide-view-modal-previous {
  justify-content: center;
  position: fixed;
  left: 50%;
  margin-left: -460px;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out
}

.modal-header-dd.input-field {
  margin: 0 .4rem
}

.modal-header-dd .select-wrapper input.select-dropdown {
  text-transform: uppercase;
  font-size: 18px;
  margin: 0;
  border-bottom: 1px solid transparent;
  height: 1.9rem;
  line-height: 1.9rem;
  padding-right: 15px;
  color: #000
}

.modal-header-dd .select-wrapper span.caret {
  top: 2px
}

.slide-view-modal {
  opacity: 0;
  position: fixed;
  top: 0;
  bottom: 0;
  background-color: #fff;
  padding: 0;
  height: 100%;
  width: 748px;
  margin: auto auto auto -374px;
  border-radius: 2px;
  z-index: 1002;
  -webkit-transition: .7s ease-in-out;
  transition: .7s ease-in-out;
  left: 50%
}

.slide-view-modal--open {
  opacity: 1
}

.slide-view-modal-overlay.overlay-show {
  opacity: .6
}

.slide-view-modal-next.btn-show,.slide-view-modal-previous.btn-show {
  opacity: 1
}

.slide-view-modal.modal {
  max-height: 85%;
  height: auto;
  top: 50%;
  display: table;
  padding: 0;
  -webkit-transform: translate(0,-50%);
  -moz-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  -o-transform: translate(0,-50%);
  transform: translate(0,-50%);
  margin: inherit
}

.slide-view-modal.modal.slide-current {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin: inherit
}

.slide-view-modal.slide-prev {
  left: -160%;
  right: 60%
}

.slide-view-modal.slide-current {
  left: 0;
  right: 0
}

.slide-view-modal.slide-next {
  left: 160%;
  right: -60%
}

.lineitem-info .tabs .tab {
  letter-spacing: 0
}

.slide-view-modal-overlay {
  position: fixed;
  z-index: 1001;
  top: -100px;
  left: 0;
  bottom: 0;
  right: 0;
  height: 125%;
  width: 100%;
  background: #000;
  opacity: 0;
  -webkit-transition: opacity .5s ease-in-out;
  -moz-transition: opacity .5s ease-in-out;
  transition: opacity .5s ease-in-out
}

.slide-view-modal .model_closeIcon {
  position: absolute;
  right: 1.5em;
  top: 1.5em;
  color: #fff
}

.slide-view-modal .slide-view-modal-footer {
  width: 100%;
  padding: 10px;
  border-top: 1px solid #e5e5e5;
  position: absolute;
  bottom: 0;
  background-color: #fff;
  z-index: 15
}

.slide-view-modal .slide-view-modal-header {
  padding: 15px 20px;
  border-bottom: 1px solid #e5e5e5
}

.slide-view-modal .slide-view-modal-content {
  padding: 24px 10px 57px
}

.slide-view-modal .slide-view-modal-header>.material-icons,.slide-view-modal .slide-view-modal-header>a {
  padding: 3px
}

.slide-view-modal .slide-view-modal-header .title {
  font-size: 18px
}

.slide-view-modal-header .slide-view-modal-header-icon {
  float: left;
  margin-right: 10px
}

.slide-view-modal .slide-view-modal-footer .notifyBubble {
  width: 30px;
  height: 30px;
  margin-top: 1px
}

.slide-view-modal .slide-view-modal-footer .notifyBubble span {
  margin: 0 auto;
  color: #fff
}

.slide-view-modal .slide-view-modal-footer .notifyBubble .bubble {
  left: 0
}

.responsive-height.slide-view-modal {
  height: 80%
}

.responsive-height .slide-view-modal-content {
  height: calc(100% - 127px)
}

.scrollableslide-view-modal .slide-view-modal-header {
  border-bottom: 1px solid rgba(0,0,0,.1)
}

.scrollableModel .modal-footer_new,.scrollableModel .slide-view-modal-footer {
  border-top: 1px solid rgba(0,0,0,.1)
}

.preview-doc-info {
  padding-top: 20px;
  border-top: 1px solid #e5e5e5
}

.preview-doc-info-section {
  margin-right: 20px
}

.slide-reset-animate {
  transition: none;
  left: 150%
}

.slide-out-animate {
  left: -50%
}

.slide-in-animate {
  left: 50%
}

.alert-bar {
  padding: 10px 20px;
  clear: both
}

.alert-bar:after,.alert-bar:before {
  content: " ";
  display: table;
  clear: both
}

.alert-bar--warning {
  background: #fff8c6!important
}

.alert-bar--with-button {
  padding: 2px 0 2px 20px
}

.alert-bar--fixed {
  width: 100%;
  z-index: 55;
  box-shadow: 0 2px 2px 0 rgba(128,128,128,.75);
  position: relative
}

.alert-bar--fixed-to-nav {
  top: 50px;
  position: fixed
}

.well {
  background: #eee;
  padding: .95rem
}

.well:after,.well:before {
  content: " ";
  display: table;
  clear: both
}

.info-bar {
  border-bottom: 1px solid #e0e0e0
}

.info-bar i {
  line-height: 30px
}

.resetFilterButton {
  float: right;
  margin: 0 11px
}

.appliedFiltersName {
  width: 88%
}

.appliedFiltersName.savedFilterApplied {
  width: 95%
}

.appliedFiltersName.pendingFilters {
  width: calc(100% - 140px)
}

@media (min-width: 1900px) {
  .appliedFiltersName.savedFilterApplied {
      width:96%
  }
}

@media (max-width: 1300px) and (min-width:960px) {
  .appliedFiltersName.savedFilterApplied {
      width:92%
  }
}

.chipDataCont {
  height: 38px
}

.chipDataCont .chipWrapLeft {
  width: calc(100% - 84px);
  float: left!important
}

.showSelectedValues {
  position: absolute;
  left: 20px;
  top: 27px;
  color: #5c5c5c;
  font-size: 12px
}

.relativePosition {
  position: relative
}

.fillterPanelLinks i {
  height: auto!important
}

.fillterPanelLinks i svg {
  fill: #0177d6!important
}

.fillterPanelLinks {
  color: #191919
}

.tabs-vertical .tabs .tab>div .fillterPanelLinks.filterPanelSubLink a {
  height: 54px;
  padding: 7px 20px
}

.wj-content {
  display: inline-block;
  border: 1px solid rgba(0,0,0,.2);
  border-radius: 0!important;
  background-color: #fff;
  outline: 0
}

.wj-content.wj-calendar-outer,.wj-content.wj-dropdown,.wj-content.wj-inputmask,.wj-content.wj-inputnumber,.wj-content.wj-pager {
  display: inline-table
}

.wj-control {
  outline: 0;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.wj-header {
  background-color: #eaeaea;
  font-weight: 700
}

.wj-state-selected {
  background-color: #0085c7
}

.wj-state-multi-selected {
  background-color: #80adbf
}

.wj-state-disabled {
  opacity: .5;
  cursor: default;
  pointer-events: none
}

.wj-control[disabled] {
  opacity: .5;
  background-color: #eee;
  pointer-events: none
}

button,html input[type=button],input[type=reset],input[type=submit] {
  -webkit-appearance: button;
  overflow: visible;
  border-radius: inherit;
  cursor: pointer
}

.wj-btn {
  padding: 0 10px;
  height: 100%;
  vertical-align: top;
  text-align: center;
  cursor: pointer
}

.wj-btn-default {
  background-color: transparent;
  color: inherit
}

.wj-btn-default:focus,.wj-btn-default:hover {
  background-color: rgba(0,0,0,.1)
}

.wj-control a[wj-part^=btn-] {
  background: #e6e6e6;
  padding: 6px 20px;
  color: #444;
  display: inline-block;
  margin-top: 5px;
  text-decoration: none;
  font-size: 12px;
  font-weight: 700
}

.wj-control a[wj-part^=btn-]:hover {
  text-decoration: none;
  background: #e0e0e0
}

.wj-btn-group,.wj-btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: top
}

.wj-dropdown,.wj-input-group .wj-form-control,.wj-inputnumber {
  vertical-align: middle
}

.wj-btn-group>.wj-btn:not(:first-child):not(:last-child) {
  border-radius: 0
}

.wj-btn-group>.wj-btn:first-child {
  margin-left: 0
}

.wj-btn-group>.wj-btn:first-child:not(:last-child) {
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

.wj-btn-group>.wj-btn:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

.wj-btn-group .wj-btn+.wj-btn,.wj-btn-group .wj-btn+.wj-btn-group,.wj-btn-group .wj-btn-group+.wj-btn,.wj-btn-group .wj-btn-group+.wj-btn-group {
  margin-left: -1px
}

.wj-listbox {
  overflow: auto;
  cursor: default
}

.wj-listbox-item {
  padding: 3px 10px
}

.wj-listbox-item.wj-separator {
  height: 1px;
  margin: 3px 0;
  padding: 0;
  background-color: rgba(0,0,0,.1)
}

.wj-listbox-item:not(.wj-state-selected):not(.wj-state-disabled):not(.wj-separator):hover {
  background-color: rgba(0,0,0,.05)
}

.wj-listbox-item.wj-state-selected input[type=checkbox]:focus {
  outline: 0
}

.wj-listbox .wj-listbox-item label {
  font-weight: 400;
  margin: 0
}

.wj-autocomplete-match,.wj-day-today {
  font-weight: 700
}

.wj-dropdown .wj-listbox {
  padding: 0;
  white-space: nowrap
}

.wj-listbox-item.wj-state-selected .wj-control {
  background: #fff;
  color: #444
}

.wj-dropdown .wj-dropdown-menu,.wj-dropdown .wj-template {
  border-radius: inherit
}

.wj-template {
  height: 100%
}

.wj-dropdown-panel {
  z-index: 1500!important
}

.wj-inputnumber input[type=number]::-webkit-inner-spin-button,.wj-inputnumber input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0
}

button,input,optgroup,select,textarea {
  outline: 0
}

.wj-input-group .wj-form-control,.wj-input-group-btn {
  box-sizing: border-box;
  display: table-cell
}

.wj-input {
  height: 100%;
  overflow: hidden
}

.wj-input-group {
  position: relative;
  display: table;
  overflow: hidden;
  width: 100%;
  height: 100%;
  min-height: 2em;
  border-collapse: separate;
  background: inherit
}

.wj-input-group .wj-form-control {
  position: relative;
  float: left;
  padding: 0 8px;
  min-height: 2em;
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 0;
  background-color: transparent
}

.wj-input-group .wj-form-control.wj-numeric {
  text-align: right
}

.wj-input-group div[wj-part=header] {
  float: none;
  width: auto;
  vertical-align: middle;
  padding: 6px 8px
}

.wj-input-group-btn:first-child>.wj-btn {
  border-right-width: 1px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

.wj-input-group-btn:last-child>.wj-btn {
  border-left-width: 1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

[dir=rtl] .wj-input-group-btn:first-child>.wj-btn {
  border-left-width: 1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-right-width: 0;
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit
}

[dir=rtl] .wj-input-group-btn:last-child>.wj-btn {
  border-right-width: 1px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-left-width: 0;
  border-top-left-radius: inherit;
  border-bottom-left-radius: inherit
}

.wj-input-group-btn {
  position: relative;
  width: 26px;
  height: 100%;
  vertical-align: top
}

.wj-pager {
  vertical-align: middle;
  margin-left: 5px;
  margin-right: 5px
}

.wj-pager .wj-input-group-btn>.wj-btn {
  min-width: 40px
}

.wj-pager .wj-btn[disabled] span {
  opacity: .5;
  cursor: default
}

.wj-pager .wj-form-control {
  text-align: center;
  border-left: 1px solid rgba(0,0,0,.2);
  border-right: 1px solid rgba(0,0,0,.2)
}

.wj-calendar-outer {
  display: block;
  padding: 10px;
  width: 100%;
  height: auto;
  cursor: default
}

.wj-calendar td {
  text-align: center
}

.wj-dropdown-panel.wj-calendar {
  width: 20em
}

.wj-dropdown-panel .wj-calendar-outer {
  border: 0;
  background: 0 0
}

.wj-day-othermonth {
  opacity: .5
}

.wj-calendar-header {
  display: block;
  padding: 0 0 15px;
  width: 100%
}

.wj-month-select {
  float: left;
  display: inline-block;
  cursor: pointer
}

.wj-calendar-header .wj-btn-group {
  float: right;
  display: inline-block;
  margin-bottom: 7px
}

.wj-calendar-header .wj-btn-group .wj-btn {
  padding: 0 8px 1px;
  min-height: 25px
}

.wj-calendar-month {
  width: 100%;
  border-collapse: collapse;
  font: inherit
}

.wj-calendar-month td {
  width: 14.29%;
  padding: 5px 0;
  border: none
}

.wj-calendar-month .wj-header {
  font-size: 90%
}

.wj-calendar-year {
  width: 100%;
  border-collapse: collapse;
  font: inherit
}

.wj-calendar-year td {
  width: 25%;
  padding: 8px;
  border: none
}

.wj-cell,.wj-cell .wj-grid-editor {
  padding: 3px;
  box-sizing: border-box
}

.wj-cell {
  position: absolute;
  overflow: hidden;
  outline: 0
}

.wj-cell.wj-state-multi-selected .wj-control,.wj-cell.wj-state-selected .wj-control {
  color: #444
}

.wj-header.wj-state-multi-selected {
  background-color: #e4e4e4;
  color: #444;
  font-weight: 700
}

.wj-colheaders .wj-header.wj-state-multi-selected {
  border-bottom: 2px solid #0085c7
}

.wj-rowheaders .wj-header.wj-state-multi-selected {
  border-right: 2px solid #0085c7
}

.wj-state-sticky .wj-header {
  opacity: .75
}

.wj-cell.wj-wrap {
  white-space: normal;
  text-overflow: clip
}

.wj-group:not(.wj-state-selected):not(.wj-state-multi-selected) {
  background-color: #ddd
}

.wj-cell.wj-frozen-row {
  border-bottom: 1px solid #666
}

.wj-cell.wj-frozen-col {
  border-right: 1px solid #666
}

.wj-cell .wj-grid-editor {
  border: none;
  width: 100%;
  margin: 0
}

.wj-cell .wj-elem-dropdown {
  position: absolute;
  top: 0;
  padding: 3px 6px;
  opacity: .25;
  right: 0
}

[dir=rtl] .wj-cell .wj-elem-dropdown {
  left: 0;
  right: auto
}

.wj-flexgrid .wj-marker {
  position: absolute;
  background-color: #0085c7;
  opacity: .5;
  pointer-events: none
}

[dir=rtl] .wj-cell {
  border-right: none
}

[dir=rtl] .wj-frozen-col {
  border-left: 1px solid #666;
  border-right: none
}

.wj-header .wj-elem-filter {
  float: right;
  cursor: pointer;
  padding: 0 4px
}

[dir=rtl] .wj-header .wj-elem-filter {
  float: left
}

.wj-filter-on .wj-glyph-filter {
  opacity: .85
}

.wj-filter-off .wj-glyph-filter {
  opacity: .25
}

.wj-columnfiltereditor {
  padding: 10px;
  min-width: 230px;
  max-width: 50%
}

.sts-list,.wj-pivotfieldeditor {
  min-width: 400px
}

.wj-columnfiltereditor .wj-control {
  margin-bottom: 6px;
  width: 100%
}

.wj-columnfiltereditor .wj-listbox .wj-listbox-item label {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.wj-grouppanel {
  background-color: #f4f4f4;
  padding: 15px
}

.wj-grouppanel .wj-cell {
  margin-right: 10px;
  padding: 6px 16px;
  border: 1px solid #e6e6e6;
  cursor: pointer
}

.wj-grouppanel .wj-cell:hover {
  background: #e0e0e0
}

.wj-multirow .wj-cell.wj-record-end:not(.wj-header) {
  border-bottom-color: #787878
}

.wj-multirow .wj-cell.wj-group-end {
  border-right-color: #787878
}

.wj-multirow .wj-hdr-collapse {
  position: absolute;
  padding: 6px;
  right: 0;
  top: 0;
  color: #0085c7;
  opacity: .5
}

.wj-multirow .wj-hdr-collapse:hover {
  opacity: 1
}

.wj-flexsheet .wj-marquee {
  position: absolute;
  box-sizing: border-box
}

.wj-flexsheet .wj-state-multi-selected {
  background: #e6e6e6;
  color: #222
}

.wj-flexsheet .wj-cell.wj-state-multi-selected {
  border-right: 1px solid #bbb;
  border-bottom: 1px solid #bbb
}

.wj-tooltip {
  position: absolute;
  z-index: 1000;
  top: 0;
  left: 0;
  pointer-events: none;
  max-width: 400px;
  padding: 6px;
  background-color: #ffffe5;
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
  box-sizing: border-box
}

.wj-flexchart {
  height: 400px;
  padding: 15px 10px;
  margin-bottom: 12px;
  background-color: #fff;
  border: 1px solid #e4e4e4
}

.wj-flexchart .wj-header .wj-title {
  font-size: 16pt;
  fill: #666;
  font-weight: 400
}

.wj-flexchart .wj-footer .wj-title {
  fill: #666;
  font-weight: 400
}

.wj-flexchart .wj-data-label,.wj-flexchart .wj-legend .wj-label {
  fill: #666
}

.wj-flexchart .wj-data-label-border {
  stroke: rgba(128,128,128,.5)
}

.wj-flexchart .wj-data-label-line {
  stroke: gray
}

.wj-flexchart .wj-axis-x .wj-title,.wj-flexchart .wj-axis-y .wj-title {
  font-style: italic
}

.wj-flexchart .wj-state-selected {
  stroke-width: 3px;
  stroke-dasharray: 6;
  stroke-linecap: square
}

.wj-flexchart .fibonacci-arcs path.wj-state-selected {
  stroke-dasharray: 5 10;
  stroke-linecap: butt
}

@media (max-width: 1025px) {
  .wj-flexchart .wj-state-selected {
      stroke-width:2px;
      stroke-dasharray: 4
  }
}

@media (max-width: 767px) {
  wj-flexchart .wj-state-selected {
      stroke-width:1px;
      stroke-dasharray: 3
  }
}

.wj-flexchart .wj-axis-x .wj-label {
  fill: #666
}

.wj-flexchart .wj-axis-x .wj-line,.wj-flexchart .wj-axis-x .wj-tick {
  stroke: #aaa;
  stroke-width: 1px
}

.wj-flexchart .wj-axis-x .wj-gridline {
  stroke: #000;
  stroke-width: .25px
}

.wj-flexchart .wj-axis-x .wj-tick-minor {
  stroke: #aaa;
  stroke-width: 1px
}

.wj-flexchart .wj-axis-x .wj-gridline-minor {
  stroke: #000;
  stroke-dasharray: 6;
  stroke-width: .25px
}

.wj-flexchart .wj-axis-y .wj-label {
  fill: #666
}

.wj-flexchart .wj-axis-y .wj-tick {
  stroke: #aaa;
  stroke-width: 1px
}

.wj-flexchart .wj-axis-y .wj-gridline {
  stroke: #777;
  stroke-width: .25px
}

.wj-flexchart .wj-axis-y .wj-tick-minor {
  stroke: #aaa;
  stroke-width: 1px
}

.wj-flexchart .wj-axis-y .wj-gridline-minor {
  stroke: #000;
  stroke-dasharray: 6;
  stroke-width: .25px
}

.wj-flexchart .wj-chart-rangeslider {
  position: absolute;
  touch-action: none;
  -ms-touch-action: none
}

.wj-flexchart .wj-chart-rangeslider button {
  position: absolute;
  text-align: center;
  vertical-align: middle;
  padding: 0;
  line-height: 16px;
  border-radius: 2px
}

.wj-flexchart .wj-chart-hrangeslider button {
  width: 16px;
  height: 100%
}

.wj-flexchart .wj-chart-vrangeslider button {
  height: 16px;
  width: 100%
}

.wj-flexchart .wj-chart-rangeslider .wj-rangeslider-content {
  background-color: #eaeaea;
  height: 100%;
  position: relative
}

.wj-flexchart .wj-chart-rangeslider .wj-rangeslider-rangehandle {
  position: absolute;
  text-align: center;
  vertical-align: middle;
  background-color: #bdbdbd;
  height: 100%;
  width: 100%
}

.wj-flexchart .wj-chart-rangeslider .wj-rangeslider-maxhandle,.wj-flexchart .wj-chart-rangeslider .wj-rangeslider-minhandle {
  border: 1px solid gray;
  display: block;
  position: absolute;
  border-radius: 4px
}

.wj-flexchart .wj-chart-hrangeslider .wj-rangeslider-maxhandle,.wj-flexchart .wj-chart-hrangeslider .wj-rangeslider-minhandle {
  background-color: #bdbdbd;
  cursor: ew-resize;
  height: 22px;
  margin-top: -2px;
  width: 14px
}

.wj-flexchart .wj-chart-vrangeslider .wj-rangeslider-maxhandle,.wj-flexchart .wj-chart-vrangeslider .wj-rangeslider-minhandle {
  background-color: #bdbdbd;
  cursor: ns-resize;
  width: 22px;
  margin-left: -2px;
  height: 14px
}

.wj-flexchart .wj-chart-rangeslider .wj-rangeslider-handle-active {
  z-index: 2
}

.wj-flexchart .wj-chart-hrangeslider .wj-rangeslider-decbtn {
  left: 0
}

.wj-flexchart .wj-chart-hrangeslider .wj-rangeslider-incbtn {
  right: 0
}

.wj-flexchart .wj-chart-vrangeslider .wj-rangeslider-decbtn {
  bottom: 0
}

.wj-flexchart .wj-chart-vrangeslider .wj-rangeslider-incbtn {
  top: 0
}

.wj-flexchart .wj-chart-rangeslider .wj-glyph-left {
  border-top: 5px solid transparent;
  border-right: 4px solid;
  border-bottom: 4px solid transparent;
  margin-right: 2px
}

.wj-flexchart .wj-chart-rangeslider .wj-glyph-right {
  border-bottom: 5px solid transparent;
  border-left: 4px solid;
  border-top: 4px solid transparent;
  margin-left: 2px
}

.wj-flexchart .wj-chart-rangeslider .wj-glyph-down {
  border-top: 5px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  margin-bottom: 3px
}

.wj-flexchart .wj-chart-rangeslider .wj-glyph-up {
  border-right: 4px solid transparent;
  border-bottom: 5px solid;
  border-left: 4px solid transparent;
  margin-bottom: 4px
}

.wj-flexchart .wj-chart-rangeselector-container {
  position: relative
}

.wj-flexchart .wj-chart-rangeselector-container .wj-chart-rangeslider,.wj-flexchart .wj-chart-rangeselector-container .wj-rangeslider-content {
  background-color: transparent;
  border-color: transparent
}

.wj-flexchart .wj-chart-rangeselector-container .wj-rangeslider-rangehandle {
  opacity: .3
}

.wj-flexchart .wj-chart-rangeselector-container .wj-rangeslider-maxhandle,.wj-flexchart .wj-chart-rangeselector-container .wj-rangeslider-minhandle {
  background-color: transparent;
  opacity: .6;
  border: 2px solid gray;
  border-radius: .5em
}

.wj-flexchart .wj-chart-rangeselector-container .wj-chart-hrangeslider .wj-rangeslider-maxhandle,.wj-flexchart .wj-chart-rangeselector-container .wj-chart-hrangeslider .wj-rangeslider-minhandle {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  border: 1px solid rgba(128,128,128,.75);
  top: 0;
  bottom: 0;
  margin: auto;
  color: gray;
  background: #d3d3d3;
  opacity: 1
}

.wj-flexchart .wj-chart-rangeselector-container .wj-chart-hrangeslider .wj-rangeslider-maxhandle:after,.wj-flexchart .wj-chart-rangeselector-container .wj-chart-hrangeslider .wj-rangeslider-minhandle:after {
  content: "║";
  text-align: center;
  width: 100%;
  display: inline-block;
  position: absolute;
  margin: 0;
  top: 50%;
  transform: translateY(-55%);
  -webkit-transform: translateY(-55%);
  opacity: .75;
  font-size: 10px
}

.wj-flexchart .wj-chart-rangeselector-container .wj-chart-vrangeslider .wj-rangeslider-maxhandle,.wj-flexchart .wj-chart-rangeselector-container .wj-chart-vrangeslider .wj-rangeslider-minhandle {
  height: 20px;
  width: 20px;
  left: 50%;
  border-radius: 50%;
  border: 1px solid rgba(128,128,128,.75);
  top: 0;
  bottom: 0;
  color: gray;
  background: #d3d3d3;
  opacity: 1
}

.wj-flexchart .wj-chart-rangeselector-container .wj-chart-vrangeslider .wj-rangeslider-maxhandle:after,.wj-flexchart .wj-chart-rangeselector-container .wj-chart-vrangeslider .wj-rangeslider-minhandle:after {
  content: "═";
  text-align: center;
  height: 100%;
  display: inline-block;
  position: absolute;
  margin: 0;
  left: 50%;
  transform: translate(-50%,15%);
  -webkit-transform: translate(-50%,15%);
  opacity: .75;
  font-size: 12px
}

.wj-glyph-file:after,.wj-glyph-filter:after,.wj-glyph-plus:after,.wj-glyph-step-backward:after,.wj-glyph-step-forward:after {
  content: ""
}

.wj-flexchart .wj-chart-rangeselector-container .wj-chart-rangeslider .wj-rangeslider-maxhandle.wj-rangeslider-handle-active,.wj-flexchart .wj-chart-rangeselector-container .wj-chart-rangeslider .wj-rangeslider-minhandle.wj-rangeslider-handle-active {
  background-color: rgba(136,189,230,.7)
}

.wj-flexchart .wj-rangeselector .wj-scroller-center {
  background: rgba(128,128,128,.1);
  position: absolute;
  display: block;
  touch-action: none
}

.wj-flexchart .wj-zoom {
  visibility: hidden;
  position: relative
}

.wj-flexchart .wj-zoom-overlay {
  background: rgba(128,128,128,.2);
  position: absolute;
  display: block;
  touch-action: none
}

.ui-resizable-handle,.wj-flexchart-touch-disabled {
  -ms-touch-action: none
}

.wj-flexchart.wj-panable {
  cursor: pointer
}

.wj-flexchart .wj-block-other-interaction {
  display: none
}

.wj-glyph-down,.wj-glyph-up {
  display: inline-block;
  border-right: .4em solid transparent;
  border-left: .4em solid transparent
}

.wj-flexchart .wj-chart-linemarker {
  background: rgba(128,128,128,.3);
  position: absolute;
  padding: 2px
}

.wj-flexchart .wj-chart-linemarker-container {
  position: relative
}

.wj-flexchart .wj-chart-linemarker .wj-chart-linemarker-hline {
  height: 2px;
  background: gray;
  touch-action: none;
  position: absolute
}

.wj-flexchart .wj-chart-linemarker .wj-chart-linemarker-vline {
  width: 2px;
  background: gray;
  touch-action: none;
  position: absolute
}

.wj-flexchart .wj-chart-linemarker .wj-chart-linemarker-draggable,.wj-flexchart.wj-chart-linemarker-draggable {
  -khtml-user-drag: element;
  cursor: move
}

.wj-gauge:focus {
  outline: 0
}

.wj-gauge .wj-face path {
  fill: #f5f5f5;
  stroke: #cbcbcb;
  stroke-width: 1px;
  stroke-linejoin: round
}

.wj-gauge .wj-pointer {
  fill: #0085c7
}

.wj-gauge .wj-max,.wj-gauge .wj-min {
  font-size: 60%;
  opacity: .5
}

.wj-radialgauge .wj-value {
  font-size: 150%
}

.wj-lineargauge {
  height: 1.2em
}

.wj-colorpicker {
  width: 420px;
  height: 200px;
  padding: 4px
}

.wj-colorbox {
  position: relative;
  width: 100%;
  height: 100%;
  cursor: pointer;
  box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)
}

.wj-popup {
  background-color: #fff;
  box-shadow: 0 3px 9px rgba(0,0,0,.5);
  z-index: 1500;
  margin: 2px 0
}

.wj-popup-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1500;
  background-color: rgba(0,0,0,.5)
}

.wj-glyph-up {
  position: relative;
  border-bottom: .5em solid;
  opacity: .75;
  cursor: pointer
}

.wj-glyph-down {
  position: relative;
  border-top: .5em solid;
  opacity: .75;
  cursor: pointer
}

.wj-glyph-left,.wj-glyph-right,.wj-glyph-step-backward,.wj-glyph-step-forward {
  display: inline-block;
  border-top: .4em solid transparent;
  border-bottom: .4em solid transparent;
  opacity: .75;
  cursor: pointer
}

.wj-glyph-left,.wj-glyph-step-backward {
  position: relative;
  border-right: .5em solid
}

.wj-glyph-step-backward {
  transform: translateX(.12em)
}

.wj-glyph-step-backward:after {
  position: absolute;
  border-left: .2em solid;
  height: .75em;
  transform: translate(-100%,-50%)
}

.wj-glyph-right,.wj-glyph-step-forward {
  position: relative;
  border-left: .5em solid
}

.wj-glyph-step-forward:after {
  position: absolute;
  border-left: .2em solid;
  height: .75em;
  transform: translateY(-50%)
}

.wj-glyph-circle,.wj-glyph-down-left,.wj-glyph-down-right,.wj-glyph-up-left,.wj-glyph-up-right {
  position: relative;
  display: inline-block
}

.wj-glyph-down-left {
  border-top: .65em solid transparent;
  border-left: .65em solid;
  opacity: .75;
  cursor: pointer
}

.wj-glyph-down-right {
  border-bottom: .65em solid;
  border-left: .65em solid transparent;
  opacity: .75;
  cursor: pointer
}

.wj-glyph-up-left {
  border-bottom: .65em solid transparent;
  border-left: .65em solid;
  opacity: .75;
  cursor: pointer
}

.wj-glyph-up-right {
  border-top: .65em solid;
  border-left: .65em solid transparent;
  opacity: .75;
  cursor: pointer
}

.wj-glyph-circle {
  border: .25em solid;
  border-radius: 1em;
  transform: translateY(-.1em);
  opacity: .75;
  cursor: pointer
}

.wj-glyph-diamond,.wj-glyph-square {
  border: .25em solid;
  position: relative;
  opacity: .75;
  cursor: pointer;
  display: inline-block
}

.wj-glyph-diamond {
  transform: rotate(45deg);
  transform-origin: 50% 50%
}

.wj-glyph-check {
  position: relative;
  display: inline-block;
  width: .75em;
  height: .75em;
  border-right: .3em solid;
  border-bottom: .22em solid;
  transform: rotate(35deg) scaleX(.5);
  opacity: .75;
  cursor: pointer
}

.wj-glyph-filter {
  position: relative;
  box-sizing: border-box;
  display: inline-block;
  top: -.1em;
  width: .5em;
  border-top: .5em solid;
  border-right: .4em solid transparent;
  border-left: .4em solid transparent;
  opacity: .75;
  cursor: pointer
}

.wj-glyph-filter:after {
  position: absolute;
  box-sizing: border-box;
  border-left: .2em solid;
  height: .4em;
  transform: translateX(-50%);
  top: -.2em
}

[dir=rtl] .wj-glyph-filter:after {
  transform: translateX(50%)
}

.wj-glyph-minus,.wj-glyph-plus {
  position: relative;
  box-sizing: border-box;
  display: inline-block;
  border-top: .25em solid;
  width: .9em;
  top: -.2em;
  opacity: .75;
  cursor: pointer
}

.wj-glyph-plus:after {
  position: absolute;
  box-sizing: border-box;
  border-left: .25em solid;
  width: .25em;
  height: .85em;
  left: .32em;
  top: -.55em
}

.wj-glyph-file {
  position: relative;
  display: inline-block;
  border-left: .7em solid;
  height: .85em;
  opacity: .75;
  cursor: pointer
}

.wj-glyph-calendar,.wj-glyph-clock {
  display: inline-block;
  width: 1em;
  height: 1em;
  opacity: .75;
  cursor: pointer
}

.wj-glyph-file:after {
  position: absolute;
  transform: translateX(-100%);
  border-top: .3em solid transparent;
  border-left: .3em solid #fff
}

.wj-glyph-calendar {
  position: relative;
  top: .2em;
  border: .1em solid;
  border-top: .3em solid
}

.wj-glyph-calendar:after {
  position: absolute;
  font-size: 50%;
  top: -.15em;
  left: .4em;
  content: '1'
}

.wj-glyph-clock {
  position: relative;
  top: .2em;
  border: .13em solid;
  border-radius: 50%
}

.wj-glyph-clock:after {
  position: absolute;
  border-left: .1em solid;
  border-bottom: .1em solid;
  width: .3em;
  height: .4em;
  top: .05em;
  left: .32em;
  content: ""
}

.wj-flexsheet .wj-content {
  outline: 0;
  border-color: #ccc;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0
}

.wj-flexsheet-formula-list {
  margin: 0;
  padding: 0;
  background: #fff;
  border: 1px solid rgba(0,0,0,.2);
  font-family: arial,sans-serif;
  font-size: 12px;
  line-height: 22px;
  position: absolute;
  width: 300px;
  z-index: 2001;
  -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.2);
  -moz-box-shadow: 0 2px 4px rgba(0,0,0,.2);
  box-shadow: 0 2px 4px rgba(0,0,0,.2)
}

.wj-flexsheet-formula-name {
  color: #222;
  font-size: 13px;
  font-family: inconsolata,monospace,arial,sans,sans-serif;
  margin: -2px 0
}

.wj-flexsheet-formula-description {
  color: #666;
  display: block;
  font-size: 11px;
  margin: -2px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.wj-state-selected .wj-flexsheet-formula-description {
  color: #fff
}

.wj-flexsheet div[wj-filter] {
  display: none
}

div[wj-part=tab-holder] {
  background: #b8b8b8
}

span.wj-sheet-icon {
  margin: 0 14px
}

div.wj-sheet-page {
  padding-top: 1px
}

div.wj-sheet-page>button {
  padding: 1px 0 0;
  border-radius: 0;
  border: 0;
  background-color: #e4e5e8;
  color: #727275
}

div.wj-sheet-page>button:hover {
  background-color: #dee0e3
}

.wj-sheet-tab ul {
  display: inline-block;
  margin: 0;
  padding: 0;
  float: left
}

.wj-sheet-tab ul li {
  float: left;
  display: block;
  padding-right: 20px;
  padding-left: 20px;
  cursor: pointer;
  margin-top: 1px;
  border-left: 1px solid #b8b8b8;
  min-height: 20px;
  background-color: #d2d3d8;
  text-align: center;
  padding-top: 2px;
  font-size: 11px;
  color: #727275
}

.wj-sheet-tab ul li.active {
  border-top-color: transparent;
  background-color: #fff;
  cursor: default;
  height: 100%;
  margin-top: 1px;
  border-left: 1px solid #b8b8b8;
  font-weight: 700
}

.wj-sheet-tab ul li.hidden {
  display: none
}

.wj-sheet-tab ul li:not(.active):hover,.wj-sheet-tab ul li:not(.hidden):hover {
  background-color: #aabcd6;
  color: #fff;
  cursor: pointer
}

.wj-sheet-tab ul li.wj-new-sheet:hover {
  background-color: #0085c7
}

.wj-new-sheet {
  padding: 0;
  width: 32px;
  height: 20px;
  font-size: 11px;
  text-align: center;
  background-color: #668eb9;
  color: #fff
}

.wj-new-sheet .wj-sheet-icon {
  color: #727275;
  margin-top: 5px
}

div.wj-sheet>div {
  display: block;
  float: left
}

.wj-control a[wj-part^=btn-apply],.wj-elem-dropdown,.wj-elem-filter,.wj-pivotpanel a {
  float: right
}

[dir=rtl] div.wj-sheet>div {
  display: block;
  float: right
}

.wj-flexsheet {
  background-color: #a9a9a9;
  width: 100%;
  height: 100%
}

.wj-context-menu {
  background-color: #fff;
  border: thin solid gray;
  cursor: default
}

.wj-context-menu-item {
  padding: 3px 10px
}

.wj-context-menu-item:hover {
  background-color: #0085c7;
  color: #fff
}

.wj-pivotpanel {
  position: relative;
  padding: 3px 6px;
  overflow: auto;
  min-height: 25em
}

.wj-pivotpanel a {
  margin: 6px
}

.wj-pivotpanel div,.wj-pivotpanel table {
  width: 100%
}

.wj-pivotpanel td,.wj-pivotpanel tr {
  border: 1px #e0e0e0;
  padding: 3px
}

.wj-pivotpanel label {
  font-weight: 700;
  margin: 0
}

.wj-pivotpanel .wj-glyph {
  opacity: .5
}

.wj-pivotpanel .wj-listbox {
  flex-grow: 1;
  border: none;
  border-radius: 0;
  min-height: 8em;
  max-height: 20em
}

.wj-pivotpanel table .wj-listbox {
  min-height: 5em;
  height: 5em
}

.wj-pivotpanel .wj-listbox .wj-listbox-item.wj-state-selected {
  background-color: transparent;
  color: inherit
}

.wj-pivotpanel .wj-marker {
  position: absolute;
  background-color: #0085c7;
  opacity: .5;
  pointer-events: none
}

.wj-pivotpanel .wj-listbox .wj-listbox-item .wj-glyph-filter {
  cursor: default;
  opacity: .5
}

.wj-pivotpanel .wj-listbox .wj-listbox-item .wj-aggregate {
  font-size: 80%;
  opacity: .5
}

.context-menu {
  font-size: 90%;
  padding: 6px
}

.menu-icon {
  display: inline-block;
  width: 1em;
  margin-right: 6px;
  opacity: .75;
  color: #0000c0
}

.menu-icon.menu-icon-remove {
  color: maroon;
  font-weight: 700
}

.wj-pivotfieldeditor tr.wj-separator {
  border-top: 10px solid transparent
}

.wj-pivotfieldeditor td:first-child {
  text-align: right
}

.wj-pivotfiltereditor {
  padding: 10px;
  min-width: 230px
}

.wj-dialog-body,.wj-dialog-footer,.wj-dialog-header {
  padding: 1em;
  box-sizing: border-box
}

.wj-pivotfiltereditor .wj-control {
  margin-bottom: 6px;
  width: 100%
}

.wj-pivotfiltereditor .wj-listbox .wj-listbox-item label {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.wj-pivotgrid .wj-colheaders .wj-cell.wj-header {
  text-align: center
}

.wj-pivotgrid .wj-cell.wj-aggregate {
  font-weight: 700
}

.wj-pivotgrid .wj-aggregate.wj-cell:not(.wj-header):not(.wj-group):not(.wj-state-selected):not(.wj-state-multi-selected) {
  background-color: rgba(0,133,199,.15)
}

.wj-pivotchart {
  position: relative
}

.wj-pivotchart .wj-dropdown {
  position: absolute;
  margin-right: 15px
}

.wj-detaildialog .wj-flexgrid {
  max-width: 800px;
  max-height: 400px;
  box-sizing: border-box
}

.wj-dialog-header {
  width: 100%;
  background: rgba(0,0,0,.05);
  font-weight: 700;
  font-size: 120%
}

.wj-dialog-footer {
  text-align: right;
  margin-top: 1em
}

.wj-content,.wj-content .wj-input-group .wj-form-control,div[wj-part=cells] {
  color: #222;
  background: #fff
}

.wj-listbox-item:not(.wj-state-selected):hover {
  background: rgba(0,0,0,.04)
}

.wj-header {
  background: #eaeaea;
  color: #222
}

.wj-flexgrid .wj-group:not(.wj-state-selected):not(.wj-state-multi-selected) {
  background: #d9d9d9;
  color: #000
}

.wj-flexgrid .wj-marker,.wj-state-selected {
  background: #217346
}

.wj-state-selected {
  color: #fff
}

.wj-state-multi-selected {
  background: #e6e6e6;
  color: #222
}

.wj-grid-editor,.wj-input-group .wj-form-control {
  background: #fff;
  color: #000
}

div[wj-part=rhcells] .wj-header {
  background: #eaeaea
}

.wj-cell {
  border-right: 1px solid rgba(0,0,0,.2);
  border-bottom: 1px solid rgba(0,0,0,.2)
}

[dir=rtl] .wj-cell {
  border-left: 1px solid rgba(0,0,0,.2)
}

.wj-cell:not(.wj-header):not(.wj-group):not(.wj-alt):not(.wj-state-selected):not(.wj-state-multi-selected) {
  background: #fff
}

.wj-frozen.wj-cell:not(.wj-header):not(.wj-group):not(.wj-header-row):not(.wj-state-selected):not(.wj-state-multi-selected) {
  color: #222;
  background: #e7eef1
}

.wj-frozen.wj-alt:not(.wj-header):not(.wj-group):not(.wj-state-selected):not(.wj-state-multi-selected) {
  background: #d7e3e8;
  color: #222
}

.wj-cell.wj-frozen-row {
  border-bottom-color: #222;
  border-width: 1px
}

.wj-cell.wj-frozen-col {
  border-right-color: #222;
  border-width: 1px
}

.wj-flexgrid .wj-header.wj-state-multi-selected {
  background: #ddd;
  color: #222;
  font-weight: 700
}

.wj-flexgrid .wj-marquee {
  position: absolute;
  box-sizing: border-box
}

.wj-content .wj-btn-group>.wj-btn,.wj-content .wj-input-group-btn>.wj-btn {
  background: #fff;
  color: #666
}

.wj-content .wj-btn-group>.wj-btn:focus,.wj-content .wj-btn-group>.wj-btn:hover,.wj-content .wj-input-group-btn>.wj-btn:focus,.wj-content .wj-input-group-btn>.wj-btn:hover {
  background: #e8e8e8;
  color: #666
}

.wj-alt:not(.wj-header):not(.wj-group):not(.wj-state-selected):not(.wj-state-multi-selected),.wj-flexgrid .wj-alt:not(.wj-header):not(.wj-group):not(.wj-state-selected):not(.wj-state-multi-selected),.wj-tooltip {
  background: #fff
}

.wj-btn-default,.wj-content:not(.wj-dropdown-panel):not(.wj-listbox):not(.wj-flexgrid):not(.wj-calendar-outer) {
  border: 1px solid rgba(0,0,0,.2)
}

.wj-input-group-btn>.wj-btn {
  border: 1px
}

.customEdit,.wj-btn-group,.wj-btn-group-vertical,.wj-content,.wj-input-group,.wj-tooltip {
  border-radius: 0
}

.wj-tooltip {
  color: #000;
  border: 1px solid rgba(0,0,0,.1)
}

.wj-gauge .wj-pointer path {
  fill: #217346
}

.wj-dropdown-panel {
  outline: 0;
  max-width: 350px;
  box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
  will-change: width,height;
  transition-delay: 0s,0s,.3s
}

.wj-colheaders .wj-header.wj-state-multi-selected,.wj-rowheaders .wj-header.wj-state-multi-selected {
  color: #217346!important
}

.wj-content.wj-flexsheet {
  border: none
}

.wj-header-row {
  background-color: #f2f2f2!important;
  color: #757575!important
}

.wj-control .wj-listbox .wj-content input[type=checkbox],.wj-control .wj-state-focused input[type=radio],.wj-listbox-item input[type=checkbox] {
  opacity: 1;
  position: relative;
  left: 0
}

.wj-flexgrid .wj-colheaders .wj-header.wj-state-multi-selected {
  border-bottom: 2px solid #0177d6!important
}

.wj-flexgrid .wj-marquee,.wj-flexsheet .wj-marquee {
  border: 2px solid #0177d6!important
}

.wj-sTable-cell input[type=date],.wj-sTable-cell input[type=datetime-local],.wj-sTable-cell input[type=email],.wj-sTable-cell input[type=number],.wj-sTable-cell input[type=password],.wj-sTable-cell input[type=search],.wj-sTable-cell input[type=tel],.wj-sTable-cell input[type=text],.wj-sTable-cell input[type=time],.wj-sTable-cell input[type=url],.wj-sTable-cell textarea.materialize-textarea {
  height: 20px
}

.wj-sTable-cell input[type=date]:focus:not([readonly]),.wj-sTable-cell input[type=datetime-local]:focus:not([readonly]),.wj-sTable-cell input[type=email]:focus:not([readonly]),.wj-sTable-cell input[type=number]:focus:not([readonly]),.wj-sTable-cell input[type=password]:focus:not([readonly]),.wj-sTable-cell input[type=search]:focus:not([readonly]),.wj-sTable-cell input[type=tel]:focus:not([readonly]),.wj-sTable-cell input[type=text]:focus:not([readonly]),.wj-sTable-cell input[type=time]:focus:not([readonly]),.wj-sTable-cell input[type=url]:focus:not([readonly]),.wj-sTable-cell textarea.materialize-textarea:focus:not([readonly]) {
  border-bottom: none;
  box-shadow: none
}

.wj-control a[wj-part^=btn-apply],.wj-control a[wj-part^=btn-apply]:hover,.wj-control a[wj-part^=btn-clear],.wj-control a[wj-part^=btn-clear]:hover {
  text-decoration: none;
  text-align: center;
  letter-spacing: .5px;
  -webkit-transition: .2s ease-out;
  -moz-transition: .2s ease-out;
  -o-transition: .2s ease-out;
  -ms-transition: .2s ease-out;
  transition: .2s ease-out;
  border: none;
  font-weight: 700;
  font-size: 1rem;
  border-radius: 2px;
  display: inline-block;
  height: 36px;
  line-height: 36px;
  outline: 0;
  padding: 0 1.429rem;
  text-transform: uppercase;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
  box-shadow: none;
  background-color: transparent!important;
  color: #0177d6!important;
  cursor: pointer
}

.wj-control a[wj-part^=btn-asc],.wj-control a[wj-part^=btn-asc]:hover,.wj-control a[wj-part^=btn-dsc],.wj-control a[wj-part^=btn-dsc]:hover {
  padding-right: 0;
  box-shadow: none;
  background-color: transparent!important;
  color: #0177d6!important;
  cursor: pointer;
  font-weight: 400
}

.wj-control a[wj-part^=btn-dsc] {
  padding-left: 0;
  margin-left: 10px
}

.wj-control a[wj-part^=btn-]:hover {
  background-color: #00b0ff;
  color: #fff
}

.wj-control div[wj-part^=div-filter] {
  border: none!important;
  padding: 6px 15px;
  border-top: 1px solid #e0e0e0!important;
  border-bottom: 1px solid #e0e0e0!important;
  margin: 0!important
}

.wj-control a[wj-part^=a-cnd] {
  margin-right: 5px
}

.wj-control a[wj-part^=a-val] {
  margin-left: 5px
}

.wj-control div[wj-part^=div-filter] input[wj-part^=input] {
  border: none!important;
  margin-top: 0!important
}

.wj-control div[wj-part^=div-filter] input[wj-part^=input]:focus {
  border: none!important;
  box-shadow: none!important
}

.wj-control div[wj-part^=div-values] {
  border: none!important;
  margin-bottom: -5px
}

.wj-control .wj-listbox-item label {
  position: relative;
  padding-left: 29px;
  color: rgba(0,0,0,.87);
  height: 20px;
  line-height: 20px;
  font-size: 1rem;
  cursor: pointer;
  display: inline-block
}

.wj-control input[type=checkbox] {
  content: '';
  position: absolute;
  z-index: 0;
  border: 2px solid #5a5a5a;
  border-radius: 1px;
  margin-top: 2px;
  -webkit-transition: .2s;
  -moz-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s
}

.wj-control input[type=checkbox]::after,.wj-control input[type=checkbox]::before {
  transition: border .25s,background-color .25s,width .2s .1s,height .2s .1s,top .2s .1s,left .2s .1s;
  position: absolute;
  content: ''
}

.wj-control input[type=checkbox]:checked,.wj-control input[type=checkbox]:not(:checked) {
  position: absolute;
  left: 0;
  visibility: visible
}

.wj-control input[type=checkbox]:not(:checked)::before {
  width: 0;
  height: 0;
  border: 3px solid transparent;
  left: 0;
  top: 10px;
  -webkit-transform: rotateZ(37deg);
  transform: rotateZ(37deg);
  -webkit-transform-origin: 20% 40%;
  transform-origin: 100% 100%
}

.wj-control input[type=checkbox]::before {
  z-index: 1
}

.wj-control input[type=checkbox]:checked::before {
  top: 2px;
  width: 7px;
  height: 11px;
  left: 0;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotateZ(37deg);
  transform: rotateZ(37deg);
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%
}

.wj-control input[type=checkbox]::after {
  left: 0;
  border-radius: 2px
}

.wj-control input[type=checkbox]:checked::after {
  top: 0;
  width: 16px;
  height: 16px;
  border: 2px solid #0177d6;
  background-color: #0177d6;
  z-index: 0
}

.wj-control input[type=checkbox]:not(:checked)::after {
  background-color: #fff;
  border: 2px solid #5a5a5a;
  width: 16px;
  height: 16px;
  z-index: 0
}

.wj-control .wj-state-selected {
  background-color: #fff
}

.wj-control.wj-dropdown-panel {
  padding: 0 0 5px
}

.wj-control div[wj-part^=div-sort] {
  padding: 10px 0
}

.wj-control div[wj-part^=div-type] {
  padding: 0 20px;
  font-size: 14px;
  text-align: left
}

.wj-lg-select div[wj-part=rh],.wj-lg-select div[wj-part=rh] .wj-cell.wj-header,.wj-lg-select-catalog div[wj-part=rh] .wj-cell.wj-header {
  text-align: right!important
}

.wj-control div[wj-part^=div-edt-val] {
  margin-bottom: 0;
  border-bottom: 1px solid #e0e0e0
}

.wj-control .wj-listbox-item {
  line-height: 13px;
  padding: 10px 20px
}

.wj-control div[wj-part^=div-filter]+.wj-listbox-item {
  border-bottom: 1px solid #e0e0e0
}

.wj-control a[wj-part^=btn-apply],.wj-control a[wj-part^=btn-clear] {
  margin-top: 0
}

.wj-control .wj-input-group-btn:last-child>.wj-btn {
  border-left: 1px solid #e0e0e0
}

.wj-control .wj-input-group input.wj-form-control {
  height: 30px;
  margin: 0;
  border: none!important;
  box-shadow: none!important
}

.wj-content:not(.wj-dropdown-panel):not(.wj-listbox):not(.wj-flexgrid):not(.wj-calendar-outer) {
  border: 1px solid #e0e0e0
}

.wj-control div[wj-part^=div-edt-cnd] {
  padding: 0 20px
}

.wj-control div[wj-part^=div-edt-cnd] .wj-combobox {
  margin-bottom: 10px
}

.wj-control div[wj-part^=div-edt-cnd] div[wj-part^=div-cmb2] {
  margin-top: 10px
}

.wj-control div[wj-part^=div-edt-cnd] div[wj-part^=div-hdr] {
  margin-bottom: 5px
}

.wj-control input[type=radio]+span::after,.wj-control input[type=radio]+span::before {
  content: '';
  position: absolute;
  left: -17px;
  top: 1px;
  width: 16px;
  height: 16px;
  z-index: 0;
  -webkit-transition: .28s ease;
  -moz-transition: .28s ease;
  -o-transition: .28s ease;
  -ms-transition: .28s ease;
  transition: .28s ease
}

.wj-control input[type=radio]:checked+span::before {
  border-radius: 50%;
  border: 2px solid #0177d6;
  background: #fff
}

.wj-control input[type=radio]:checked+span::after {
  border-radius: 50%;
  border: 2px solid #0177d6;
  background-color: #0177d6;
  z-index: 0;
  -webkit-transform: scale(.5);
  -moz-transform: scale(.5);
  -ms-transform: scale(.5);
  -o-transform: scale(.5);
  transform: scale(.5)
}

.wj-control input[type=radio]:not(:checked)+span::before {
  border-radius: 50%;
  border: 2px solid #5a5a5a;
  background: #fff
}

.wj-control input[type=radio]:not(:checked)+span::after {
  border-radius: 50%;
  border: 2px solid #5a5a5a;
  z-index: -1;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0)
}

.wj-control input[type=radio]+span {
  position: relative;
  padding-left: 5px;
  color: rgba(0,0,0,.87);
  height: 20px;
  line-height: 20px;
  font-size: 1rem;
  cursor: pointer;
  display: inline-block;
  opacity: 1;
  left: 0;
  margin-right: 15px
}

.wj-control.wj-columnfiltereditor {
  min-width: 350px
}

.wj-control input[type=radio] {
  position: absolute!important;
  left: -99999px!important
}

.wj-control .wj-listbox-item.wj-state-selected,.wj-control .wj-state-selected {
  border: 1px solid #0177d6;
  color: #333
}

.wj-control input[type=checkbox]:indeterminate:after {
  border-color: #5a5a5a;
  border-width: 2px;
  background-color: #0177d6;
  height: 16px;
  width: 16px;
  top: 0
}

.wj-control input[type=checkbox]:indeterminate::before {
  top: 2px;
  left: 2px;
  width: 12px;
  height: 12px;
  border-color: #fff;
  border-width: 2px;
  -webkit-transform: rotateZ(0);
  transform: rotateZ(0)
}

.wj-lg-select-catalog .setupMngrAction .select-wrapper span.caret,.wj-setup-manager .setupMngrAction .select-wrapper span.caret {
  top: 0
}

.wj-flexgrid .wj-rowheaders .wj-header.wj-state-multi-selected {
  border-right: 1px solid #c6c6c6!important;
  color: #0177d6!important
}

.wj-control .wj-cells .wj-state-multi-selected {
  background-color: #efefef
}

.wj-control div[wj-part=ch],.wj-control div[wj-part=ch] .wj-cell,.wj-control div[wj-part=tl],.wj-control div[wj-part=tl] .wj-cell {
  background-color: #fff;
  color: #5e5e5e
}

.wj-control div[wj-part=ch] .wj-cell {
  font-size: 12px;
  font-weight: 400;
  border-left: none;
  padding: 5px 20px 5px 10px;
  border-right: 1px solid #e0e0e0
}

.wj-sTable-cell {
  padding: 12px 10px!important;
  color: #212121;
  border-right: none
}

.wj-header .wj-glyph-check[style*="opacity:1"],.wj-header .wj-glyph-check[style*="opacity: 1"] {
  color: #0177d6
}

.wj-lg-select-catalog .wj-content .wj-btn-group>.wj-btn:hover,.wj-lg-select-catalog .wj-content .wj-input-group-btn>.wj-btn,.wj-lg-select-catalog .wj-content .wj-input-group-btn>.wj-btn:hover {
  color: #000;
  background: 0 0
}

.wj-header .wj-elem-filter {
  font-size: 16px;
  margin-top: -4px;
  margin-right: -10px;
  background-color: #fff;
  position: relative
}

.wj-lg-select .wj-content {
  border: none
}

.wj-lg-select .wj-cell.wj-sTable-cell.wj-state-selected,.wj-lg-select .wj-control .wj-cells .wj-state-multi-selected {
  background-color: #efefef;
  border-bottom: 1px solid rgba(0,0,0,.2);
  border-top: none;
  border-left: none;
  border-right: none
}

.wj-lg-select-catalog .wj-control [wj-part=cells] {
  overflow: hidden;
  width: 100%!important
}

.wj-lg-select-catalog .wj-control [wj-part=ch] {
  width: 100%!important
}

.wj-lg-select-catalog .wj-glyph-down {
  border-top: .4em solid
}

.wj-lg-select-catalog .wj-control .wj-input-group-btn:last-child>.wj-btn {
  border-left: none
}

.wj-lg-select-catalog .wj-content,.wj-lg-select-catalog .wj-control .wj-input-group input.wj-form-control {
  background: 0 0
}

.wj-lg-select-catalog .wj-content:not(.wj-dropdown-panel):not(.wj-listbox):not(.wj-flexgrid):not(.wj-calendar-outer) {
  border: none
}

.wj-lg-select-catalog .wj-cell.wj-sTable-cell.wj-state-selected {
  background-color: #efefef;
  border-bottom: 1px solid rgba(0,0,0,.2);
  border-top: none;
  border-left: none;
  border-right: none
}

.wj-lg-select-catalog .wj-flexgrid {
  border-radius: 0!important
}

.wj-lg-select-catalog .wj-cell.wj-frozen-col {
  border-right: 1px solid #ccc
}

.wj-lg-select-catalog .wj-input-btm-border,.wj-lg-select-catalog .wj-overflow-vis {
  overflow: visible
}

.wj-lg-select-catalog .wj-input-btm-border .cart-wrapper,.wj-lg-select-catalog .wj-overflow-vis .cart-wrapper {
  width: 110px!important
}

.wj-lg-select-catalog .wj-input-btm-border input[type=tel]:not([readonly]):focus,.wj-lg-select-catalog .wj-input-btm-border input[type=text]:not([readonly]):focus,.wj-lg-select-catalog .wj-overflow-vis input[type=tel]:not([readonly]):focus,.wj-lg-select-catalog .wj-overflow-vis input[type=text]:not([readonly]):focus {
  border-bottom: 1px solid #0177d6
}

.wj-lg-select-catalog .wj-flexgrid .wj-frozen.wj-alt:not(.wj-header):not(.wj-group):not(.wj-state-selected):not(.wj-state-multi-selected),.wj-lg-select-catalog .wj-frozen.wj-cell:not(.wj-header):not(.wj-group):not(.wj-alt):not(.wj-state-selected):not(.wj-state-multi-selected) {
  background: #f7f7f7
}

.wj-lg-select-catalog .catalog-card-item-type {
  z-index: 0
}

.wj-lg-select-catalog .wj-content {
  border: none
}

.wj-lg-select-catalog div[wj-part=rh] {
  z-index: 9
}

.wj-lg-select-catalog .setupMngrAction {
  margin: -3px 0 0;
  padding-left: 0
}

.wj-lg-select-catalog .setupMngrAction input[type=text][readonly].select-dropdown {
  margin: 0;
  border-bottom: none
}

.wj-lg-select-catalog .description-cnt {
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  float: left
}

.wj-lg-select-catalog .dropdown-content--size-wj {
  min-width: 185px;
  left: calc(100% - 208px)!important
}

.wj-lg-select-catalog .tableDropdown .line-height0 {
  line-height: 0
}

.wj-setup-manager {
  margin: 0;
  height: calc(100% - 170px)
}

.wj-setup-manager .wj-content {
  border: none;
  height: 100%;
  width: 100%
}

.wj-setup-manager .wj-glyph-down-right,.wj-setup-manager .wj-glyph-right {
  display: none
}

.wj-setup-manager .expandCollapseIcon {
  display: inline-block!important
}

.wj-setup-manager .wj-control [wj-part=root] .wj-cell.wj-sTable-cell {
  overflow: visible
}

.wj-setup-manager .wj-control [wj-part=root] .wj-cell.wj-sTable-cell.child-node {
  border-top: none;
  padding-left: 35px!important;
  background-color: #f0f0f0
}

.wj-setup-manager .wj-control div[wj-part=ch] .wj-cell,.wj-setup-manager .wj-control div[wj-part=ch] .wj-cell:hover {
  border-right: 1px solid rgba(0,0,0,.2);
  border-left: none;
  padding: 5px 20px 5px 10px
}

.wj-setup-manager .wj-control .wj-cells .wj-state-multi-selected,.wj-setup-manager .wj-flexgrid .wj-group:not(.wj-state-selected):not(.wj-state-multi-selected) {
  background: #fff
}

.wj-setup-manager .wj-control div[wj-part=ch] {
  z-index: 1
}

.evo-pop,.evo-pop-ie {
  z-index: 10000
}

.wj-setup-manager .wj-control .wj-listbox-item.wj-state-selected,.wj-setup-manager .wj-control .wj-state-selected {
  border: none;
  background-color: #fff;
  border-bottom: 1px solid rgba(0,0,0,.2)
}

.wj-setup-manager .wj-control input[type=checkbox]:checked,.wj-setup-manager .wj-control input[type=checkbox]:not(:checked) {
  visibility: hidden;
  left: -99999px
}

.wj-setup-manager .setupMngrAction {
  margin: -3px 0 0;
  padding-left: 0
}

.wj-setup-manager .setupMngrAction input[type=text][readonly].select-dropdown {
  height: auto;
  margin: 0;
  border-bottom: none
}

.wj-setup-manager.wj-add-feature .wj-control [wj-part=root] .wj-cell.wj-sTable-cell:nth-last-child(-n+9),.wj-setup-manager.wj-configure-feature .wj-control [wj-part=root] .wj-cell.wj-sTable-cell:nth-last-child(-n+9) {
  border-bottom: 1px solid rgba(0,0,0,.2)
}

.wj-setup-manager .setupMngrAction.setupMngrSetting .select-wrapper span.caret {
  display: none
}

.wj-setup-manager .setupMngrAction.setupMngrSetting input[type=text][readonly].select-dropdown {
  color: #0177d6
}

.wj-setup-manager .description-cnt {
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis
}

.wj-setup-manager .add-sub-record,.wj-setup-manager .configure-btn {
  line-height: 24px;
  height: 24px;
  width: 24px;
  position: relative;
  top: -2px
}

.wj-setup-manager.wj-add-feature .wj-control [wj-part=root] .wj-cell.wj-sTable-cell:nth-child(-n+9) {
  border-top: none
}

.panelBox-header,.wj-setup-manager .wj-sTable-cell .lookupCnt input[type=text]:focus {
  border-bottom: 1px solid #e0e0e0
}

.wj-setup-manager.wj-configure-feature .wj-control [wj-part=root] .wj-cell.wj-sTable-cell:nth-child(-n+9) {
  border-top: none
}

.wj-setup-manager .wj-sTable-cell .lookupCnt {
  display: inline-block;
  width: 100%
}

.wj-setup-manager .wj-sTable-cell .lookupCnt .lookup-popup {
  width: 100%;
  left: 0!important;
  padding: 10px
}

div[wj-part=container]>div:first-child {
  padding-bottom: 3px
}

.wj-cell .infotip-popover-container {
  white-space: normal
}

.panelBox {
  padding: 0
}

.panelBox-withSpace {
  padding: 1.429rem 1.714rem
}

.panelBox-content {
  background: #fff;
  transition: box-shadow .25s;
  border-radius: .1429rem;
  margin: .5rem 0 1rem
}

.panelBox-header {
  padding: .9rem .75rem;
  line-height: 2.643rem;
  min-height: 64px
}

.panelBox-header .select-wrapper .caret {
  line-height: 1rem
}

.panelBox-header .select-wrapper input.select-dropdown {
  border-bottom: none
}

.panelBox-header-fixed-to-nav {
  top: 92px
}

.panelBox-secondary-header-fixed-to-nav {
  top: 150px
}

.panelBox-header--title {
  font-size: 1.143rem
}

.evo-palette td,.evo-palette-ie td,.evo-palette2 td,.evo-palette2-ie td {
  font-size: 1px;
  cursor: pointer
}

.panelBox-header--action {
  float: right;
  margin: 0
}

.panelBox-header--aLink {
  display: inline-block;
  padding: 0 10px
}

.panelBox-body {
  position: relative;
  padding: .9rem
}

.panelBox-footer {
  border-top: 1px solid #e0e0e0;
  padding: .6rem .7143rem;
  margin-bottom: 0
}

.panelBox-field {
  margin-bottom: 2.143rem
}

.panelBoxWithBorder {
  border: 1px solid #e0e0e0;
  -moz-box-shadow: 0 0 4px #c7c7c7;
  -webkit-box-shadow: 0 0 4px #c7c7c7;
  -ms-box-shadow: 0 0 4px #c7c7c7;
  -o-box-shadow: 0 0 4px #c7c7c7;
  box-shadow: 0 0 4px #c7c7c7
}

.evo-pop-ie {
  width: 212px;
  padding: 3px
}

.evo-palette td {
  border: 1px solid silver;
  padding: 7px
}

.evo-palette tr.top>td {
  border-bottom: 0
}

.evo-palette tr.in>td {
  border-top: 0;
  border-bottom: 0
}

.evo-palette tr.bottom>td {
  border-top: 0
}

.evo-palette div.sep {
  height: 3px
}

.evo-palette,.evo-palette-ie {
  border-collapse: separate;
  border-spacing: 4px 0
}

.evo-palette th,.evo-palette-ie th {
  border: 0;
  padding: 5px 3px;
  text-align: left;
  font-weight: 400;
  background: 0 0!important
}

.evo-palette-ie td {
  border: 1px solid silver;
  padding: 7px
}

.evo-palette2,.evo-palette2-ie {
  margin: auto;
  border-collapse: collapse
}

.evo-palette2 td {
  padding: 6px 7px
}

.evo-palette2-ie td {
  padding: 5px
}

.evo-palcenter {
  padding: 5px;
  text-align: center
}

.evo-colorind,.evo-colorind-ff,.evo-colorind-ie {
  border: 1px solid #c3c3c3;
  width: 18px;
  height: 18px;
  float: right
}

.evo-colorind-ie {
  position: relative;
  top: -23px
}

.evo-colorbox-ie {
  font-size: 8px;
  padding: 3px 9px!important
}

.evo-cHist:after,.evo-color span:after,.evo-colorind-ff:after,.evo-colorind-ie:after,.evo-colorind:after,.evo-pop-ie:after,.evo-pop:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0
}

.evo-color {
  width: 94px;
  padding: 1px 3px 0 4px
}

.evo-cHist div,.evo-color div {
  width: 10px;
  height: 10px;
  float: left
}

.evo-color div {
  border: 1px solid grey;
  border-right: solid 1px silver;
  border-bottom: solid 1px silver;
  padding: 3px;
  margin-bottom: 5px
}

.evo-cHist div,.evo-tr-box {
  border: 1px solid silver;
  cursor: pointer
}

.evo-color span {
  font-size: 15px;
  margin: 1px 0 4px 3px;
  float: left
}

.evo-sep {
  height: 10px;
  font-size: 0
}

.evo-more {
  padding: 4px 5px;
  font-size: smaller
}

.evo-cHist,.evo-tr-box {
  padding: 3px
}

.evo-cHist div {
  padding: 3px;
  margin: 5px
}

.evo-transparent {
  background-image: repeating-linear-gradient(135deg,#000,#000 1px,#fff 1px,#fff 3px)
}

.evo-tr-box {
  width: 7px;
  height: 7px;
  float: right;
  position: relative;
  right: -3px;
  top: 2px
}

a.evo-hist {
  margin-left: 6px
}

.evo-pointer {
  cursor: pointer
}

.evo-hidden-button {
  display: none
}

.multiselect-main .multiselect-main-container {
  border-bottom: 1px solid #e0e0e0;
  cursor: text
}

.multiselect-main .multiselect-main-container.showBorder .multiselect-chip-wrap {
  border-bottom: 1px solid #d63d3d;
  box-shadow: 0 1px 0 0 #d63d3d
}

.multiselect-main .multiselect-main-container .multiselect-input {
  border-bottom: none!important;
  box-shadow: none!important;
  margin-top: 0;
  width: 250px
}

.multiselect-main .multiselect-main-container .multiselect-input.invalidEmail.invalid {
  color: red
}

.multiselect-main .multiselect-label {
  left: 0!important;
  top: -15px!important;
  bottom: auto!important;
  font-size: .8rem
}

.multiselect-main .multiselect-label.active {
  font-size: .8rem!important
}

.multiselect-main .multiselect-chip-wrap {
  margin-top: 8px;
  margin-left: 0;
  max-height: 110px;
  overflow: auto
}

.multiselect-main .multiselect-chip-wrap input[type=text]+label:after {
  top: 50px!important;
  display: none
}

.multiselect-main .multiselect-chip-wrap .errorMessage {
  font-size: .8rem;
  transition: all .2s ease-out;
  position: absolute;
  color: #d63d3d;
  bottom: -17px;
  left: 0
}

.multiselect-main .multiselect-chip-wrap .multiselect-chip-item {
  padding: 0 5px;
  margin: 2px 5px 5px 0
}

.multiselect-main .multiselect-chip-wrap .multiselect-chip-item.chip .icon svg {
  margin-top: -5px;
  height: 14px;
  width: 14px;
  background-color: #b6b5b5;
  fill: #fff;
  border-radius: 50%;
  padding: 1px;
  font-weight: 700
}

.multiselect-main .multiselect-chip-wrap .multiselect-chip-item.selected-chip {
  background-color: #878787
}

.multiselect-main .multiselect-chip-wrap .multiselect-chip-item.selected-chip .chips-link {
  color: #fff
}

.multiselect-main .multiselect-chip-wrap .multiselect-chip-item.chip.invalidEmail .icon svg {
  background: #ff5252;
  border-radius: 50%;
  height: 14px;
  width: 14px
}

.multiselect-main .multiselect-chip-wrap .multiselect-chip-item.chip.invalidEmail .icon svg use {
  color: #fff;
  padding: 9px;
  margin: 4px
}

.multiselect-main .multiselect-chip-wrap .multiselect-chip-item .chips-link {
  padding: 0 8px
}

.autocomplete-suggestions {
  background: #fff;
  cursor: default;
  overflow: visible;
  border: 1px solid #f0f0f0!important;
  box-shadow: none;
  display: none
}

.autocomplete-suggestions .autocomplete-no-suggestion {
  padding: 10px 20px;
  font-size: .8rem;
  color: grey;
  background: #fff;
  border-bottom: 1px solid #e7e7e7
}

.autocomplete-suggestion {
  padding: 10px 20px;
  font-size: 1em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.autocomplete-suggestion span.titleHasHierarchy {
  margin: -10px -5px;
  padding: 10px 5px;
  display: block
}

.autocomplete-selected {
  background: #f0f0f0
}

.autocomplete-suggestions strong {
  font-weight: 400;
  color: #39f
}

.scroll-inner-wrapp {
  overflow-y: auto;
  max-height: 200px;
  border-bottom: 1px solid #e7e7e7;
  box-shadow: 0 2px 6px #ccc
}

.vis-background,.vis-labelset,.vis-timeline {
  overflow: hidden
}

.typeaHeade-add-new {
  width: 45px;
  text-align: center;
  border-right: 1px solid #e7e7e7;
  padding: 7px 5px!important
}

.typeaHeade-open-lookup {
  width: calc(100% - 45px);
  text-align: right;
  padding: 7px!important
}

.autocomplete-suggestion-half {
  display: inline-table
}

.typeaHeade-add-new.width-adj-to,.typeaHeade-open-lookup.width-adj-to {
  width: 100%
}

.typeaHeade-add-new.width-adj-to {
  text-align: left
}

.typeaHeade-inputIcon {
  width: 27px;
  height: 27px;
  top: -3px
}

.multiselect-main .multiselect-disable {
  border-bottom: 1px solid transparent;
  cursor: default
}

.multiselect-disable .chip:hover {
  box-shadow: none;
  background-color: #E4E4E4;
  cursor: default
}

.multiselect-disable .chip-remove {
  display: none
}

.multiselect-disable .chip:hover .chips-link {
  color: #000;
  cursor: default
}

.vis .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10
}

.vis-active {
  box-shadow: 0 0 10px #86d5f8
}

.vis [class*=span] {
  min-height: 0;
  width: auto
}

div.vis-configuration {
  position: relative;
  display: block;
  float: left;
  font-size: 12px
}

div.vis-configuration-wrapper {
  display: block;
  width: 700px
}

div.vis-configuration-wrapper::after {
  clear: both;
  content: "";
  display: block
}

div.vis-configuration.vis-config-option-container {
  display: block;
  width: 495px;
  background-color: #fff;
  border: 2px solid #f7f8fa;
  border-radius: 4px;
  margin-top: 20px;
  left: 10px;
  padding-left: 5px
}

div.vis-configuration.vis-config-button {
  display: block;
  width: 495px;
  height: 25px;
  vertical-align: middle;
  line-height: 25px;
  background-color: #f7f8fa;
  border: 2px solid #ceced0;
  border-radius: 4px;
  margin-top: 20px;
  left: 10px;
  padding-left: 5px;
  cursor: pointer;
  margin-bottom: 30px
}

div.vis-configuration.vis-config-button.hover {
  background-color: #4588e6;
  border: 2px solid #214373;
  color: #fff
}

div.vis-configuration.vis-config-item {
  display: block;
  float: left;
  width: 495px;
  height: 25px;
  vertical-align: middle;
  line-height: 25px
}

div.vis-configuration.vis-config-item.vis-config-s2 {
  left: 10px;
  background-color: #f7f8fa;
  padding-left: 5px;
  border-radius: 3px
}

div.vis-configuration.vis-config-item.vis-config-s3 {
  left: 20px;
  background-color: #e4e9f0;
  padding-left: 5px;
  border-radius: 3px
}

div.vis-configuration.vis-config-item.vis-config-s4 {
  left: 30px;
  background-color: #cfd8e6;
  padding-left: 5px;
  border-radius: 3px
}

div.vis-configuration.vis-config-header {
  font-size: 18px;
  font-weight: 700
}

div.vis-configuration.vis-config-label {
  width: 120px;
  height: 25px;
  line-height: 25px
}

div.vis-configuration.vis-config-label.vis-config-s3 {
  width: 110px
}

div.vis-configuration.vis-config-label.vis-config-s4 {
  width: 100px
}

div.vis-configuration.vis-config-colorBlock {
  top: 1px;
  width: 30px;
  height: 19px;
  border: 1px solid #444;
  border-radius: 2px;
  padding: 0;
  margin: 0;
  cursor: pointer
}

input.vis-configuration.vis-config-checkbox {
  left: -5px
}

input.vis-configuration.vis-config-rangeinput {
  position: relative;
  top: -5px;
  width: 60px;
  padding: 1px;
  margin: 0;
  pointer-events: none
}

.vis-panel,.vis-timeline {
  padding: 0;
  box-sizing: border-box
}

input.vis-configuration.vis-config-range {
  -webkit-appearance: none;
  border: 0 solid #fff;
  background-color: transparent;
  width: 300px;
  height: 20px
}

input.vis-configuration.vis-config-range::-webkit-slider-runnable-track {
  width: 300px;
  height: 5px;
  background: #dedede;
  background: -moz-linear-gradient(top,#dedede 0,#c8c8c8 99%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#dedede),color-stop(99%,#c8c8c8));
  background: -webkit-linear-gradient(top,#dedede 0,#c8c8c8 99%);
  background: -o-linear-gradient(top,#dedede 0,#c8c8c8 99%);
  background: -ms-linear-gradient(top,#dedede 0,#c8c8c8 99%);
  background: linear-gradient(to bottom,#dedede 0,#c8c8c8 99%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedede', endColorstr='#c8c8c8', GradientType=0 );
  border: 1px solid #999;
  box-shadow: #aaa 0 0 3px 0;
  border-radius: 3px
}

input.vis-configuration.vis-config-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: 1px solid #14334b;
  height: 17px;
  width: 17px;
  border-radius: 50%;
  background: #3876c2;
  background: -moz-linear-gradient(top,#3876c2 0,#385380 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#3876c2),color-stop(100%,#385380));
  background: -webkit-linear-gradient(top,#3876c2 0,#385380 100%);
  background: -o-linear-gradient(top,#3876c2 0,#385380 100%);
  background: -ms-linear-gradient(top,#3876c2 0,#385380 100%);
  background: linear-gradient(to bottom,#3876c2 0,#385380 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3876c2', endColorstr='#385380', GradientType=0 );
  box-shadow: #111927 0 0 1px 0;
  margin-top: -7px
}

input.vis-configuration.vis-config-range:focus {
  outline: 0
}

input.vis-configuration.vis-config-range:focus::-webkit-slider-runnable-track {
  background: #9d9d9d;
  background: -moz-linear-gradient(top,#9d9d9d 0,#c8c8c8 99%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#9d9d9d),color-stop(99%,#c8c8c8));
  background: -webkit-linear-gradient(top,#9d9d9d 0,#c8c8c8 99%);
  background: -o-linear-gradient(top,#9d9d9d 0,#c8c8c8 99%);
  background: -ms-linear-gradient(top,#9d9d9d 0,#c8c8c8 99%);
  background: linear-gradient(to bottom,#9d9d9d 0,#c8c8c8 99%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9d9d9d', endColorstr='#c8c8c8', GradientType=0 )
}

input.vis-configuration.vis-config-range::-moz-range-track {
  width: 300px;
  height: 10px;
  background: #dedede;
  background: -moz-linear-gradient(top,#dedede 0,#c8c8c8 99%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#dedede),color-stop(99%,#c8c8c8));
  background: -webkit-linear-gradient(top,#dedede 0,#c8c8c8 99%);
  background: -o-linear-gradient(top,#dedede 0,#c8c8c8 99%);
  background: -ms-linear-gradient(top,#dedede 0,#c8c8c8 99%);
  background: linear-gradient(to bottom,#dedede 0,#c8c8c8 99%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedede', endColorstr='#c8c8c8', GradientType=0 );
  border: 1px solid #999;
  box-shadow: #aaa 0 0 3px 0;
  border-radius: 3px
}

input.vis-configuration.vis-config-range::-moz-range-thumb {
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #385380
}

input.vis-configuration.vis-config-range:-moz-focusring {
  outline: #fff solid 1px;
  outline-offset: -1px
}

input.vis-configuration.vis-config-range::-ms-track {
  width: 300px;
  height: 5px;
  background: 0 0;
  border-color: transparent;
  border-width: 6px 0;
  color: transparent
}

input.vis-configuration.vis-config-range::-ms-fill-lower {
  background: #777;
  border-radius: 10px
}

input.vis-configuration.vis-config-range::-ms-fill-upper {
  background: #ddd;
  border-radius: 10px
}

input.vis-configuration.vis-config-range::-ms-thumb {
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #385380
}

input.vis-configuration.vis-config-range:focus::-ms-fill-lower {
  background: #888
}

input.vis-configuration.vis-config-range:focus::-ms-fill-upper {
  background: #ccc
}

.vis-configuration-popup {
  position: absolute;
  background: rgba(57,76,89,.85);
  border: 2px solid #f2faff;
  line-height: 30px;
  height: 30px;
  width: 150px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  border-radius: 4px;
  -webkit-transition: opacity .3s ease-in-out;
  -moz-transition: opacity .3s ease-in-out;
  transition: opacity .3s ease-in-out
}

.isArrowIcon,.slick-cell.highlighted {
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s
}

.vis-configuration-popup:after,.vis-configuration-popup:before {
  left: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none
}

.vis-configuration-popup:after {
  border-color: rgba(136,183,213,0);
  border-left-color: rgba(57,76,89,.85);
  border-width: 8px;
  margin-top: -8px
}

.vis-configuration-popup:before {
  border-color: rgba(194,225,245,0);
  border-left-color: #f2faff;
  border-width: 12px;
  margin-top: -12px
}

.vis-timeline {
  position: relative;
  border-top: 1px solid #bfbfbf;
  margin: 0
}

.vis-panel {
  position: absolute;
  margin: 0
}

.vis-panel.vis-bottom,.vis-panel.vis-center,.vis-panel.vis-left,.vis-panel.vis-right,.vis-panel.vis-top {
  border: 1px #bfbfbf
}

.vis-panel.vis-center,.vis-panel.vis-left,.vis-panel.vis-right {
  border-top-style: solid;
  border-bottom-style: solid;
  overflow: hidden
}

.vis-panel.vis-bottom,.vis-panel.vis-center,.vis-panel.vis-top {
  border-left-style: solid;
  border-right-style: solid
}

.vis-panel>.vis-content {
  position: relative
}

.vis-panel .vis-shadow {
  position: absolute;
  width: 100%;
  height: 1px;
  box-shadow: 0 0 10px rgba(0,0,0,.8)
}

.vis-itemset,.vis-labelset,.vis-labelset .vis-label {
  position: relative;
  box-sizing: border-box
}

.vis-panel .vis-shadow.vis-top {
  top: -1px;
  left: 0
}

.vis-panel .vis-shadow.vis-bottom {
  bottom: -1px;
  left: 0
}

.vis-labelset .vis-label {
  left: 0;
  top: 0;
  width: 100%;
  color: #4d4d4d;
  border-bottom: 1px solid #bfbfbf
}

.vis-labelset .vis-label.draggable {
  cursor: pointer
}

.vis-labelset .vis-label:last-child {
  border-bottom: none
}

.vis-labelset .vis-label .vis-inner {
  display: inline-block;
  padding: 5px
}

.vis-labelset .vis-label .vis-inner.vis-hidden {
  padding: 0
}

.vis-itemset {
  padding: 0;
  margin: 0
}

.vis-itemset .vis-background,.vis-itemset .vis-foreground {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: visible
}

.vis-axis {
  position: absolute;
  width: 100%;
  height: 0;
  left: 0;
  z-index: 1
}

.vis-foreground .vis-group {
  position: relative;
  box-sizing: border-box;
  border-bottom: 1px solid #bfbfbf
}

.vis-foreground .vis-group:last-child {
  border-bottom: none
}

.vis-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10
}

.vis-item {
  position: absolute;
  color: #1A1A1A;
  border-color: #97B0F8;
  border-width: 1px;
  background-color: #D5DDF6;
  display: inline-block
}

.vis-item.vis-point.vis-selected,.vis-item.vis-selected {
  background-color: #FFF785
}

.vis-item.vis-selected {
  border-color: #FFC200;
  z-index: 2
}

.vis-editable.vis-selected {
  cursor: move
}

.vis-item.vis-box {
  text-align: center;
  border-style: solid;
  border-radius: 2px
}

.vis-item.vis-point {
  background: 0 0
}

.vis-item.vis-dot {
  position: absolute;
  padding: 0;
  border-width: 4px;
  border-style: solid;
  border-radius: 4px
}

.vis-item.vis-range {
  border-style: solid;
  border-radius: 5px;
  box-sizing: border-box
}

.vis-item.vis-background {
  border: none;
  background-color: rgba(213,221,246,.4);
  box-sizing: border-box;
  padding: 0;
  margin: 0
}

.vis-item .vis-item-overflow {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0
}

.vis-item .vis-delete,.vis-item .vis-delete-rtl {
  background: url(img/timeline/delete.png) center no-repeat;
  height: 24px;
  top: -4px;
  cursor: pointer
}

.vis-item.vis-range .vis-item-content {
  position: relative
}

.vis-item.vis-background .vis-item-content {
  position: absolute
}

.vis-item.vis-line {
  padding: 0;
  position: absolute;
  width: 0;
  border-left-width: 1px;
  border-left-style: solid
}

.vis-item .vis-item-content {
  white-space: nowrap;
  box-sizing: border-box;
  padding: 0
}

.vis-item .vis-delete {
  position: absolute;
  width: 24px;
  right: -24px
}

.vis-item .vis-delete-rtl {
  position: absolute;
  width: 24px;
  left: -24px
}

.vis-item.vis-range .vis-drag-left {
  position: absolute;
  width: 24px;
  max-width: 20%;
  min-width: 2px;
  height: 100%;
  top: 0;
  left: -4px;
  cursor: w-resize
}

.vis-item.vis-range .vis-drag-right {
  position: absolute;
  width: 24px;
  max-width: 20%;
  min-width: 2px;
  height: 100%;
  top: 0;
  right: -4px;
  cursor: e-resize
}

.vis-range.vis-item.vis-readonly .vis-drag-left,.vis-range.vis-item.vis-readonly .vis-drag-right {
  cursor: auto
}

.vis-time-axis {
  position: relative;
  overflow: hidden
}

.vis-time-axis.vis-foreground {
  top: 0;
  left: 0;
  width: 100%
}

.vis-time-axis.vis-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.vis-time-axis .vis-text {
  position: absolute;
  color: #4d4d4d;
  padding: 3px;
  overflow: hidden;
  box-sizing: border-box;
  white-space: nowrap
}

.vis-time-axis .vis-text.vis-measure {
  position: absolute;
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
  visibility: hidden
}

.vis-time-axis .vis-grid.vis-vertical {
  position: absolute;
  border-left: 1px solid
}

.vis-time-axis .vis-grid.vis-vertical-rtl {
  position: absolute;
  border-right: 1px solid
}

.vis-time-axis .vis-grid.vis-minor {
  border-color: #e5e5e5
}

.vis-time-axis .vis-grid.vis-major {
  border-color: #bfbfbf
}

.vis-current-time {
  background-color: #FF7F6E;
  width: 2px;
  z-index: 1;
  display: none
}

.vis-custom-time {
  background-color: #6E94FF;
  width: 2px;
  cursor: move;
  z-index: 1
}

div.vis-network div.vis-close,div.vis-network div.vis-edit-mode div.vis-button,div.vis-network div.vis-manipulation div.vis-button {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none
}

.vis-panel.vis-background.vis-horizontal .vis-grid.vis-horizontal {
  position: absolute;
  width: 100%;
  height: 0;
  border-bottom: 1px solid
}

.vis-panel.vis-background.vis-horizontal .vis-grid.vis-minor {
  border-color: #e5e5e5
}

.vis-panel.vis-background.vis-horizontal .vis-grid.vis-major {
  border-color: #bfbfbf
}

.vis-data-axis .vis-y-axis.vis-major {
  width: 100%;
  position: absolute;
  color: #4d4d4d;
  white-space: nowrap
}

.vis-data-axis .vis-y-axis.vis-major.vis-measure {
  padding: 0;
  margin: 0;
  border: 0;
  visibility: hidden;
  width: auto
}

.vis-data-axis .vis-y-axis.vis-minor {
  position: absolute;
  width: 100%;
  color: #bebebe;
  white-space: nowrap
}

.vis-data-axis .vis-y-axis.vis-minor.vis-measure {
  padding: 0;
  margin: 0;
  border: 0;
  visibility: hidden;
  width: auto
}

.vis-data-axis .vis-y-axis.vis-title {
  position: absolute;
  color: #4d4d4d;
  white-space: nowrap;
  bottom: 20px;
  text-align: center
}

.vis-data-axis .vis-y-axis.vis-title.vis-measure {
  padding: 0;
  margin: 0;
  visibility: hidden;
  width: auto
}

.vis-data-axis .vis-y-axis.vis-title.vis-left {
  bottom: 0;
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left bottom;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

.vis-data-axis .vis-y-axis.vis-title.vis-right {
  bottom: 0;
  -webkit-transform-origin: right bottom;
  -moz-transform-origin: right bottom;
  -ms-transform-origin: right bottom;
  -o-transform-origin: right bottom;
  transform-origin: right bottom;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg)
}

.vis-legend {
  background-color: rgba(247,252,255,.65);
  padding: 5px;
  border: 1px solid #b3b3b3;
  box-shadow: 2px 2px 10px rgba(154,154,154,.55)
}

.vis-legend-text {
  white-space: nowrap;
  display: inline-block
}

.vis-graph-group0 {
  fill: #4f81bd;
  fill-opacity: 0;
  stroke-width: 2px;
  stroke: #4f81bd
}

.vis-graph-group1 {
  fill: #f79646;
  fill-opacity: 0;
  stroke-width: 2px;
  stroke: #f79646
}

.vis-graph-group2 {
  fill: #8c51cf;
  fill-opacity: 0;
  stroke-width: 2px;
  stroke: #8c51cf
}

.vis-graph-group3 {
  fill: #75c841;
  fill-opacity: 0;
  stroke-width: 2px;
  stroke: #75c841
}

.vis-graph-group4 {
  fill: #ff0100;
  fill-opacity: 0;
  stroke-width: 2px;
  stroke: #ff0100
}

.vis-graph-group5 {
  fill: #37d8e6;
  fill-opacity: 0;
  stroke-width: 2px;
  stroke: #37d8e6
}

.vis-graph-group6 {
  fill: #042662;
  fill-opacity: 0;
  stroke-width: 2px;
  stroke: #042662
}

.vis-graph-group7 {
  fill: #00ff26;
  fill-opacity: 0;
  stroke-width: 2px;
  stroke: #00ff26
}

.vis-graph-group8 {
  fill: #f0f;
  fill-opacity: 0;
  stroke-width: 2px;
  stroke: #f0f
}

.vis-graph-group9 {
  fill: #8f3938;
  fill-opacity: 0;
  stroke-width: 2px;
  stroke: #8f3938
}

.vis-timeline .vis-fill {
  fill-opacity: .1;
  stroke: none
}

.vis-timeline .vis-bar {
  fill-opacity: .5;
  stroke-width: 1px
}

.vis-timeline .vis-point {
  stroke-width: 2px;
  fill-opacity: 1
}

.vis-timeline .vis-legend-background {
  stroke-width: 1px;
  fill-opacity: .9;
  fill: #fff;
  stroke: #c2c2c2
}

.vis-timeline .vis-outline {
  stroke-width: 1px;
  fill-opacity: 1;
  fill: #fff;
  stroke: #e5e5e5
}

.vis-timeline .vis-icon-fill {
  fill-opacity: .3;
  stroke: none
}

div.vis-network div.vis-manipulation {
  border-width: 0;
  border-bottom: 1px;
  border-style: solid;
  border-color: #d6d9d8;
  background: #fff;
  background: -moz-linear-gradient(top,#fff 0,#fcfcfc 48%,#fafafa 50%,#fcfcfc 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(48%,#fcfcfc),color-stop(50%,#fafafa),color-stop(100%,#fcfcfc));
  background: -webkit-linear-gradient(top,#fff 0,#fcfcfc 48%,#fafafa 50%,#fcfcfc 100%);
  background: -o-linear-gradient(top,#fff 0,#fcfcfc 48%,#fafafa 50%,#fcfcfc 100%);
  background: -ms-linear-gradient(top,#fff 0,#fcfcfc 48%,#fafafa 50%,#fcfcfc 100%);
  background: linear-gradient(to bottom,#fff 0,#fcfcfc 48%,#fafafa 50%,#fcfcfc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fcfcfc', GradientType=0 );
  padding-top: 4px;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 28px
}

div.vis-network div.vis-edit-mode {
  position: absolute;
  left: 0;
  top: 5px;
  height: 30px
}

div.vis-network div.vis-close {
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
  height: 30px;
  background-position: 20px 3px;
  background-repeat: no-repeat;
  background-image: url(img/network/cross.png);
  user-select: none
}

div.vis-network div.vis-close:hover {
  opacity: .6
}

div.vis-network div.vis-edit-mode div.vis-button,div.vis-network div.vis-manipulation div.vis-button {
  float: left;
  font-family: verdana;
  font-size: 12px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  display: inline-block;
  background-position: 0 0;
  background-repeat: no-repeat;
  height: 24px;
  margin-left: 10px;
  padding: 0 8px;
  user-select: none
}

div.vis-network div.vis-manipulation div.vis-button:hover {
  box-shadow: 1px 1px 8px rgba(0,0,0,.2)
}

div.vis-network div.vis-manipulation div.vis-button:active {
  box-shadow: 1px 1px 8px rgba(0,0,0,.5)
}

div.vis-network div.vis-manipulation div.vis-button.vis-back {
  background-image: url(img/network/backIcon.png)
}

div.vis-network div.vis-manipulation div.vis-button.vis-none:hover {
  box-shadow: 1px 1px 8px transparent;
  cursor: default
}

div.vis-network div.vis-manipulation div.vis-button.vis-none:active {
  box-shadow: 1px 1px 8px transparent
}

div.vis-network div.vis-manipulation div.vis-button.vis-none {
  padding: 0
}

div.vis-network div.vis-manipulation div.notification {
  margin: 2px;
  font-weight: 700
}

div.vis-network div.vis-manipulation div.vis-button.vis-add {
  background-image: url(img/network/addNodeIcon.png)
}

div.vis-network div.vis-edit-mode div.vis-button.vis-edit,div.vis-network div.vis-manipulation div.vis-button.vis-edit {
  background-image: url(img/network/editIcon.png)
}

div.vis-network div.vis-edit-mode div.vis-button.vis-edit.vis-edit-mode {
  background-color: #fcfcfc;
  border: 1px solid #ccc
}

div.vis-network div.vis-manipulation div.vis-button.vis-connect {
  background-image: url(img/network/connectIcon.png)
}

div.vis-network div.vis-manipulation div.vis-button.vis-delete {
  background-image: url(img/network/deleteIcon.png)
}

div.vis-network div.vis-edit-mode div.vis-label,div.vis-network div.vis-manipulation div.vis-label {
  margin: 0 0 0 23px;
  line-height: 25px
}

div.vis-network div.vis-manipulation div.vis-separator-line {
  float: left;
  display: inline-block;
  width: 1px;
  height: 21px;
  background-color: #bdbdbd;
  margin: 0 7px 0 15px
}

.daterangepicker.single .calendar,.daterangepicker.single .ranges,.ranges {
  float: none
}

div.vis-network-tooltip {
  position: absolute;
  visibility: hidden;
  padding: 5px;
  white-space: nowrap;
  font-family: verdana;
  font-size: 14px;
  color: #000;
  background-color: #f5f4ed;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #808074;
  box-shadow: 3px 3px 10px rgba(0,0,0,.2);
  pointer-events: none
}

div.vis-network div.vis-navigation div.vis-button {
  width: 34px;
  height: 34px;
  -moz-border-radius: 17px;
  border-radius: 17px;
  position: absolute;
  display: inline-block;
  background-position: 2px 2px;
  background-repeat: no-repeat;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

div.vis-network div.vis-navigation div.vis-button:hover {
  box-shadow: 0 0 3px 3px rgba(56,207,21,.3)
}

div.vis-network div.vis-navigation div.vis-button:active {
  box-shadow: 0 0 1px 3px rgba(56,207,21,.95)
}

div.vis-network div.vis-navigation div.vis-button.vis-up {
  background-image: url(img/network/upArrow.png);
  bottom: 50px;
  left: 55px
}

div.vis-network div.vis-navigation div.vis-button.vis-down {
  background-image: url(img/network/downArrow.png);
  bottom: 10px;
  left: 55px
}

div.vis-network div.vis-navigation div.vis-button.vis-left {
  background-image: url(img/network/leftArrow.png);
  bottom: 10px;
  left: 15px
}

div.vis-network div.vis-navigation div.vis-button.vis-right {
  background-image: url(img/network/rightArrow.png);
  bottom: 10px;
  left: 95px
}

div.vis-network div.vis-navigation div.vis-button.vis-zoomIn {
  background-image: url(img/network/plus.png);
  bottom: 10px;
  right: 15px
}

div.vis-network div.vis-navigation div.vis-button.vis-zoomOut {
  background-image: url(img/network/minus.png);
  bottom: 10px;
  right: 55px
}

div.vis-network div.vis-navigation div.vis-button.vis-zoomExtends {
  background-image: url(img/network/zoomExtends.png);
  bottom: 50px;
  right: 15px
}

div.vis-color-picker {
  position: absolute;
  top: 0;
  left: 30px;
  margin-top: -140px;
  margin-left: 30px;
  width: 310px;
  height: 444px;
  z-index: 1;
  padding: 10px;
  border-radius: 15px;
  background-color: #fff;
  display: none;
  box-shadow: rgba(0,0,0,.5) 0 0 10px 0
}

div.vis-color-picker div.vis-arrow {
  position: absolute;
  top: 147px;
  left: 5px
}

div.vis-color-picker div.vis-arrow::after,div.vis-color-picker div.vis-arrow::before {
  right: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none
}

div.vis-color-picker div.vis-arrow:after {
  border-color: rgba(255,255,255,0);
  border-right-color: #fff;
  border-width: 30px;
  margin-top: -30px
}

div.vis-color-picker div.vis-color {
  position: absolute;
  width: 289px;
  height: 289px;
  cursor: pointer
}

div.vis-color-picker div.vis-brightness {
  position: absolute;
  top: 313px
}

div.vis-color-picker div.vis-opacity {
  position: absolute;
  top: 350px
}

div.vis-color-picker div.vis-selector {
  position: absolute;
  top: 137px;
  left: 137px;
  width: 15px;
  height: 15px;
  border-radius: 15px;
  border: 1px solid #fff;
  background: #4c4c4c;
  background: -moz-linear-gradient(top,#4c4c4c 0,#595959 12%,#666 25%,#474747 39%,#2c2c2c 50%,#000 51%,#111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#4c4c4c),color-stop(12%,#595959),color-stop(25%,#666),color-stop(39%,#474747),color-stop(50%,#2c2c2c),color-stop(51%,#000),color-stop(60%,#111),color-stop(76%,#2b2b2b),color-stop(91%,#1c1c1c),color-stop(100%,#131313));
  background: -webkit-linear-gradient(top,#4c4c4c 0,#595959 12%,#666 25%,#474747 39%,#2c2c2c 50%,#000 51%,#111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%);
  background: -o-linear-gradient(top,#4c4c4c 0,#595959 12%,#666 25%,#474747 39%,#2c2c2c 50%,#000 51%,#111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%);
  background: -ms-linear-gradient(top,#4c4c4c 0,#595959 12%,#666 25%,#474747 39%,#2c2c2c 50%,#000 51%,#111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%);
  background: linear-gradient(to bottom,#4c4c4c 0,#595959 12%,#666 25%,#474747 39%,#2c2c2c 50%,#000 51%,#111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313', GradientType=0 )
}

div.vis-color-picker div.vis-initial-color,div.vis-color-picker div.vis-new-color {
  width: 140px;
  height: 20px;
  top: 380px;
  color: rgba(0,0,0,.4);
  line-height: 20px;
  position: absolute;
  vertical-align: middle;
  font-size: 10px
}

div.vis-color-picker div.vis-new-color {
  border: 1px solid rgba(0,0,0,.1);
  border-radius: 5px;
  left: 159px;
  text-align: right;
  padding-right: 2px
}

div.vis-color-picker div.vis-initial-color {
  border: 1px solid rgba(0,0,0,.1);
  border-radius: 5px;
  left: 10px;
  text-align: left;
  padding-left: 2px
}

div.vis-color-picker div.vis-label {
  position: absolute;
  width: 300px;
  left: 10px
}

div.vis-color-picker div.vis-label.vis-brightness {
  top: 300px
}

div.vis-color-picker div.vis-label.vis-opacity {
  top: 338px
}

div.vis-color-picker div.vis-button {
  position: absolute;
  width: 68px;
  height: 25px;
  border-radius: 10px;
  vertical-align: middle;
  text-align: center;
  line-height: 25px;
  top: 410px;
  border: 2px solid #d9d9d9;
  background-color: #f7f7f7;
  cursor: pointer
}

div.vis-color-picker div.vis-button.vis-cancel {
  left: 5px
}

div.vis-color-picker div.vis-button.vis-load {
  left: 82px
}

div.vis-color-picker div.vis-button.vis-apply {
  left: 159px
}

div.vis-color-picker div.vis-button.vis-save {
  left: 236px
}

div.vis-color-picker input.vis-range {
  width: 290px;
  height: 20px
}

.vis-current-time .timelineLabelToday,.vis-current-time::after {
  width: 42px;
  height: 20px;
  color: #fff;
  background-color: inherit;
  position: absolute;
  bottom: 0;
  left: -20px;
  font-size: 12px;
  text-align: center;
  border-radius: 2px
}

.vis-panel.vis-left {
  box-shadow: #a2a2a2 -2px -4px 3px 3px
}

.vis-timeline .vis-timeline-cstyle-0 {
  background-color: rgba(218,120,0,.4);
  border-color: #DA7800
}

.vis-timeline .vis-timeline-cstyle-0.line-ended {
  background-color: #DA7800
}

.vis-timeline .vis-timeline-cstyle-0.line-not-started {
  background-color: transparent
}

.vis-timeline .vis-timeline-cstyle-1 {
  background-color: rgba(149,119,219,.4);
  border-color: #9577db
}

.vis-timeline .vis-timeline-cstyle-1.line-ended {
  background-color: #9577db
}

.vis-timeline .vis-timeline-cstyle-1.line-not-started {
  background-color: transparent
}

.vis-timeline .vis-timeline-cstyle-2 {
  background-color: rgba(229,47,114,.4);
  border-color: #e52f72
}

.vis-timeline .vis-timeline-cstyle-2.line-ended {
  background-color: #e52f72
}

.vis-timeline .vis-timeline-cstyle-2.line-not-started {
  background-color: transparent
}

.vis-timeline .vis-timeline-cstyle-3 {
  background-color: rgba(0,151,167,.4);
  border-color: #0097a7
}

.vis-timeline .vis-timeline-cstyle-3.line-ended {
  background-color: #0097a7
}

.vis-timeline .vis-timeline-cstyle-3.line-not-started {
  background-color: transparent
}

.vis-timeline .vis-timeline-cstyle-4 {
  background-color: rgba(104,159,56,.4);
  border-color: #689f38
}

.vis-timeline .vis-timeline-cstyle-4.line-ended {
  background-color: #689f38
}

.vis-timeline .vis-timeline-cstyle-4.line-not-started {
  background-color: transparent
}

.vis-timeline .vis-timeline-cstyle-5 {
  background-color: rgba(154,33,58,.4);
  border-color: #9a213a
}

.vis-timeline .vis-timeline-cstyle-5.line-ended {
  background-color: #9a213a
}

.vis-timeline .vis-timeline-cstyle-5.line-not-started {
  background-color: transparent
}

.vis-timeline .vis-timeline-cstyle-6 {
  background-color: rgba(139,112,66,.4);
  border-color: #8b7042
}

.vis-timeline .vis-timeline-cstyle-6.line-ended {
  background-color: #8b7042
}

.vis-timeline .vis-timeline-cstyle-6.line-not-started {
  background-color: transparent
}

.timeLine-addNew-label {
  position: absolute;
  top: -10px;
  right: -20px;
  height: 48px;
  width: 320px;
  background-color: #f5f5f5
}

.timeline-manageTop {
  top: 9px!important
}

.timeline-title {
  width: calc(100% - 35px);
  display: inline-block
}

.vis-item .vis-item-overflow {
  overflow: visible
}

.divAsTable :after,.dtHeader :after {
  clear: both;
  content: '';
  width: 100%;
  height: 0
}

.divAsTR.row {
  margin-bottom: 0
}

.bordered .divAsTR.row {
  border-bottom: 1px solid #e0e0e0
}

.bordered .dtBody.divAsTR.row:last-child {
  border-bottom: none
}

.dtHeaderTD.col {
  font-size: .8571rem;
  color: #5e5e5e;
  padding: 1.2rem .75rem;
  min-height: 56px
}

.dtHeaderTD.col:first-child {
  padding-left: 1.7143rem
}

.dtHeaderTD.col:last-child {
  padding-right: 1.7143rem
}

.dtBodyTD.col {
  padding: .96rem .75rem;
  min-height: 48px
}

.dtBodyTD.col:first-child {
  padding-left: 1.7143rem
}

.dtBodyTD.col:last-child {
  padding-right: 1.7143rem
}

.dtBodyTDWithIconCircle.col {
  padding: .38rem .75rem
}

.dtBodyTDWithIcon.col {
  padding: .8rem .75rem
}

.dtHeaderWithIcon.col {
  padding: 1.2rem .75rem 1rem
}

.highlight .dtBody .divAsTR:hover {
  background: #fafafa
}

.daterangepicker {
  position: absolute;
  display: none;
  border: 1px solid #d7d7d7;
  color: inherit;
  background: #fff;
  border-radius: 4px;
  width: 278px;
  padding: 4px;
  margin-top: 1px;
  top: 100px;
  left: 20px
}

.daterangepicker:after,.daterangepicker:before {
  position: absolute;
  display: inline-block;
  content: ''
}

.daterangepicker:before {
  top: -7px;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #ccc
}

.daterangepicker:after {
  top: -6px;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent
}

.daterangepicker.opensleft:before {
  right: 9px
}

.daterangepicker.opensleft:after {
  right: 10px
}

.daterangepicker.openscenter:after,.daterangepicker.openscenter:before {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto
}

.daterangepicker.opensright:before {
  left: 9px
}

.daterangepicker.opensright:after {
  left: 10px
}

.daterangepicker.dropup {
  margin-top: -5px
}

.daterangepicker.dropup:before {
  top: auto;
  bottom: -7px;
  border-bottom: none;
  border-top: 7px solid #ccc
}

.daterangepicker.dropup:after {
  top: auto;
  bottom: -6px;
  border-bottom: none;
  border-top: 6px solid #fff
}

.daterangepicker.dropdown-menu {
  max-width: none;
  z-index: 3001
}

.daterangepicker.show-calendar .calendar {
  display: block
}

.daterangepicker .calendar {
  display: none;
  max-width: 270px;
  margin: 4px
}

.daterangepicker .calendar.single .calendar-table {
  border: none
}

.daterangepicker .calendar td,.daterangepicker .calendar th {
  white-space: nowrap;
  text-align: center;
  min-width: 32px
}

.daterangepicker .calendar-table {
  border: 1px solid #fff;
  padding: 4px;
  border-radius: 4px;
  background: #fff
}

.daterangepicker table {
  width: 100%;
  margin: 0
}

.daterangepicker td,.daterangepicker th {
  text-align: center;
  padding: 1px;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  border: 1px solid transparent;
  white-space: nowrap;
  cursor: pointer
}

.daterangepicker td.available:hover,.daterangepicker th.available:hover {
  background-color: #eee;
  border-color: transparent;
  color: inherit
}

.daterangepicker td.week,.daterangepicker th.week {
  font-size: 80%;
  color: #ccc
}

.daterangepicker td.off,.daterangepicker td.off.end-date,.daterangepicker td.off.in-range,.daterangepicker td.off.start-date {
  background-color: #fff;
  border-color: transparent;
  color: #999
}

.daterangepicker td.in-range {
  background-color: #ebf4f8;
  border-color: transparent;
  color: #000;
  border-radius: 0
}

.daterangepicker td.start-date {
  border-radius: 4px 0 0 4px
}

.daterangepicker td.end-date {
  border-radius: 0 4px 4px 0
}

.daterangepicker td.start-date.end-date {
  border-radius: 4px
}

.daterangepicker td.active,.daterangepicker td.active:hover {
  background-color: #357ebd;
  border-color: transparent;
  color: #fff
}

.daterangepicker th.month {
  width: auto
}

.daterangepicker option.disabled,.daterangepicker td.disabled {
  color: #999;
  cursor: not-allowed;
  text-decoration: line-through
}

.daterangepicker select {
  display: inline-block
}

.daterangepicker select.monthselect,.daterangepicker select.yearselect {
  font-size: 12px;
  padding: 1px;
  height: auto;
  margin: 0;
  cursor: default
}

.daterangepicker select.monthselect {
  margin-right: 2%;
  width: 56%
}

.daterangepicker select.yearselect {
  width: 40%
}

.daterangepicker select.ampmselect,.daterangepicker select.hourselect,.daterangepicker select.minuteselect,.daterangepicker select.secondselect {
  width: 50px;
  margin-bottom: 0
}

.daterangepicker .input-mini {
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #555;
  height: 30px;
  line-height: 30px;
  display: block;
  vertical-align: middle;
  margin: 0 0 5px;
  padding: 0 6px 0 28px;
  width: 100%
}

.daterangepicker .input-mini.active {
  border: 1px solid #08c;
  border-radius: 4px
}

.daterangepicker .daterangepicker_input {
  position: relative
}

.daterangepicker .daterangepicker_input i {
  position: absolute;
  left: 8px;
  top: 8px
}

.daterangepicker.rtl .input-mini {
  padding-right: 28px;
  padding-left: 6px
}

.daterangepicker.rtl .daterangepicker_input i {
  left: auto;
  right: 8px
}

.daterangepicker .calendar-time {
  text-align: center;
  margin: 5px auto;
  line-height: 30px;
  position: relative;
  padding-left: 28px
}

.daterangepicker .calendar-time select.disabled {
  color: #ccc;
  cursor: not-allowed
}

.ranges {
  font-size: 11px;
  margin: 4px;
  text-align: left
}

.ranges ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 100%
}

.ranges li {
  font-size: 13px;
  background: #f5f5f5;
  border: 1px solid #f5f5f5;
  border-radius: 4px;
  color: #08c;
  padding: 3px 12px;
  margin-bottom: 8px;
  cursor: pointer
}

.ranges li.active,.ranges li:hover {
  background: #08c;
  border: 1px solid #08c;
  color: #fff
}

@media (min-width: 564px) {
  .daterangepicker.ltr .calendar.right .calendar-table,.daterangepicker.rtl .calendar.left .calendar-table {
      border-left:none;
      border-top-left-radius: 0;
      border-bottom-left-radius: 0
  }

  .daterangepicker.ltr .calendar.left .calendar-table,.daterangepicker.rtl .calendar.right .calendar-table {
      border-right: none;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0
  }

  .daterangepicker {
      width: auto
  }

  .daterangepicker .ranges ul {
      width: 160px
  }

  .daterangepicker.single .ranges ul {
      width: 100%
  }

  .daterangepicker.single .calendar.left {
      clear: none
  }

  .daterangepicker.single.ltr .calendar,.daterangepicker.single.ltr .ranges {
      float: left
  }

  .daterangepicker.single.rtl .calendar,.daterangepicker.single.rtl .ranges {
      float: right
  }

  .daterangepicker.ltr {
      direction: ltr;
      text-align: left
  }

  .daterangepicker.ltr .calendar.left {
      clear: left;
      margin-right: 0
  }

  .daterangepicker.ltr .calendar.right {
      margin-left: 0
  }

  .daterangepicker.ltr .calendar.left .calendar-table,.daterangepicker.ltr .left .daterangepicker_input {
      padding-right: 12px
  }

  .daterangepicker.ltr .calendar,.daterangepicker.ltr .ranges {
      float: left
  }

  .daterangepicker.rtl {
      direction: rtl;
      text-align: right
  }

  .daterangepicker.rtl .calendar.left {
      clear: right;
      margin-left: 0
  }

  .daterangepicker.rtl .calendar.right {
      margin-right: 0
  }

  .daterangepicker.rtl .calendar.left .calendar-table,.daterangepicker.rtl .left .daterangepicker_input {
      padding-left: 12px
  }

  .daterangepicker.rtl .calendar,.daterangepicker.rtl .ranges {
      text-align: right;
      float: right
  }
}

@media (min-width: 730px) {
  .daterangepicker .ranges {
      width:auto
  }

  .daterangepicker.ltr .ranges {
      float: left
  }

  .daterangepicker.rtl .ranges {
      float: right
  }

  .daterangepicker .calendar.left {
      clear: none!important
  }
}

.daterangepicker.ltr .ranges,.daterangepicker.single.ltr .ranges {
  float: none;
  clear: both;
  text-align: right
}

.daterangepicker.ltr .ranges .btn {
  background: #fff;
  color: #0177d6;
  box-shadow: none;
  line-height: 30px;
  padding: 0 10px;
  height: 30px;
  float: right
}

.daterangepicker {
  box-shadow: 0 2px 4px rgba(0,0,0,.16),0 2px 4px rgba(0,0,0,.23)
}

.slick-header.ui-state-default,.slick-headerrow.ui-state-default {
  width: 100%;
  overflow: hidden;
  border-left: 0
}

.slick-header-columns,.slick-headerrow-columns {
  position: relative;
  white-space: nowrap;
  cursor: default;
  overflow: hidden
}

.slick-header-column.ui-state-default {
  position: relative;
  display: inline-block;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  line-height: 16px;
  margin: 0;
  padding: 4px;
  border-right: 1px solid silver;
  border-left: 0;
  border-top: 0;
  border-bottom: 0;
  float: left
}

.slick-headerrow-column.ui-state-default {
  padding: 4px
}

.slick-sort-indicator {
  display: inline-block;
  width: 8px;
  height: 5px;
  margin-top: 6px;
  float: left
}

.slick-resizable-handle {
  position: absolute;
  font-size: .1px;
  display: block;
  cursor: col-resize;
  width: 4px;
  right: 0;
  top: 0;
  height: 100%
}

.grid-canvas {
  position: relative;
  outline: 0
}

.slick-row.ui-state-active,.slick-row.ui-widget-content {
  position: absolute;
  border: 0;
  width: 100%
}

.slick-cell,.slick-headerrow-column {
  position: absolute;
  border: 1px solid transparent;
  border-right: 1px dotted silver;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  vertical-align: middle;
  z-index: 1;
  padding: 1px 2px 2px 1px;
  margin: 0;
  white-space: nowrap;
  cursor: default
}

.slick-cell.highlighted {
  background: #87cefa;
  background: rgba(0,0,255,.2);
  transition: all .5s
}

.slick-cell.flashing {
  border: 1px solid red!important
}

.slick-cell.editable {
  z-index: 11;
  overflow: visible;
  background: #fff;
  border-color: #000;
  border-style: solid
}

.slick-cell:focus {
  outline: 0
}

.slick-reorder-proxy {
  display: inline-block;
  background: #00f;
  opacity: .15;
  filter: alpha(opacity=15);
  cursor: move
}

.slick-reorder-guide {
  display: inline-block;
  height: 2px;
  background: #00f;
  opacity: .7;
  filter: alpha(opacity=70)
}

.slick-selection {
  z-index: 10;
  position: absolute;
  border: 2px dashed #000
}

.slick-header-column {
  border-right: 1px solid silver
}

.slick-headerrow {
  background: #fafafa
}

.slick-headerrow-column {
  height: 100%
}

.slick-row {
  position: absolute;
  background: #fff;
  border: 0;
  line-height: 20px
}

.slick-row.selected {
  z-index: 10;
  background: #DFE8F6
}

.slick-group {
  border-bottom: 2px solid silver
}

.slick-group-toggle {
  display: inline-block;
  width: 9px;
  height: 9px;
  margin-right: 5px
}

.slick-group-toggle.expanded {
  background: url(images/collapse.gif) center center no-repeat
}

.slick-group-toggle.collapsed {
  background: url(images/expand.gif) center center no-repeat
}

.slick-group-totals {
  color: gray;
  background: #fff
}

.slick-cell.selected {
  background-color: beige
}

.slick-sortable-placeholder {
  background: silver!important
}

.slick-row.ui-state-active {
  background: #F5F7D7
}

.slick-row.loading {
  opacity: .5;
  filter: alpha(opacity=50)
}

.slick-cell.invalid {
  border-color: red;
  -moz-animation-duration: .2s;
  -webkit-animation-duration: .2s;
  -moz-animation-name: slickgrid-invalid-hilite;
  -webkit-animation-name: slickgrid-invalid-hilite
}

@-moz-keyframes slickgrid-invalid-hilite {
  from {
      box-shadow: 0 0 6px red
  }

  to {
      box-shadow: none
  }
}

@-webkit-keyframes slickgrid-invalid-hilite {
  from {
      box-shadow: 0 0 6px red
  }

  to {
      box-shadow: none
  }
}

.slickGridContainer {
  width: 100%;
  height: 500px;
  box-sizing: content-box;
  color: #212121
}

.slick-cell,.slick-headerrow-column.ui-state-default {
  padding-left: 16px;
  padding-right: 16px
}

.slick-header-column.ui-state-default {
  height: 44px;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 8px
}

.slickgreyCell {
  background: #f2f2f2;
  font-weight: 700
}

.slick-headerrow-column {
  background: #fff;
  text-overflow: clip;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #e0e0e0
}

.slickGridContainer .slickGrid-input-field {
  margin: 3px 0 0;
  display: block
}

.slick-sort-indicator-desc {
  background: url(../images/sort-desc.png)
}

.slick-sort-indicator-asc {
  background: url(../images/sort-asc.png)
}

.slick-headerrow-columns .slick-headerrow-column:first-child .slickGrid-input-field {
  display: none
}

.slick-column-name {
  float: left
}

.slick-sort-indicator {
  margin-left: 10px
}

.slick-header-column-sorted {
  font-style: normal
}

.slickicon {
  margin: 10px 0 0 -6px;
  display: inline-block
}

.slickstatustext {
  position: relative;
  z-index: 1;
  display: block;
  font-weight: 700
}

.slickHeaderStatusPercentage {
  font-weight: 700;
  margin-top: 10px;
  display: inline-block
}

.slickHeaderStatusText {
  display: block
}

.slickHeaderStatusPercentage,.slickstatusdate {
  font-size: 12px
}

.slick-cell,.slick-headerrow-column {
  line-height: 43px
}

.slick-cell .slickgridcontent,.slick-headerrow-column .slickgridcontent {
  display: inline-block;
  margin-top: -2px;
  line-height: 1.5;
  vertical-align: middle
}

.slick-cell.active {
  overflow: visible;
  z-index: 2
}

.slickGridMatch {
  background: #f2f2f2
}

.slick-cell,.slick-header-column.ui-state-default,.slick-headerrow-column {
  border-right-color: transparent
}

.slickstatusMatchCol {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #f2f2f2
}

.slick-group-header-columns {
  position: relative;
  width: 2000%!important;
  white-space: nowrap;
  cursor: default
}

.slick-group-header-columns .slick-header-column {
  padding-left: 0;
  padding-right: 0;
  background: #f9f7f7
}

.slick-group-header-columns .slick-column-name {
  text-align: center;
  float: none;
  margin: 11px 0 0;
  font-weight: 700
}

.scrollingNav #leftBar>a,.scrollingNav .scrollHBar.leftSide ul.collection {
  float: right
}

.slick-group-header-columns .slick-header-column:first-child .slick-column-name,.slick-group-header-columns .slick-header-column:nth-child(3) .slick-column-name {
  visibility: hidden
}

.slick-group-header-columns .slick-header-column:nth-child(3) {
  background: #f2f2f2
}

.slick-header-columns,.slick-headerrow-columns {
  font-size: 12px;
  color: #5e5e5e
}

.slick-header-columns {
  border-bottom: 1px solid #e0e0e0;
  border-top: 1px solid #e0e0e0
}

.slick-cell,.slick-headerrow-column {
  border-bottom-color: #e0e0e0
}

.slick-headerrow-columns .search-icon {
  position: absolute;
  left: 9px
}

.slickGridContainer .slickGrid-input-field {
  padding-left: 30px;
  width: 90%;
  border-bottom-color: transparent
}

.slickGridContainer .slickGrid-input-field:focus {
  border-bottom-color: transparent!important;
  box-shadow: 0 1px 0 0 transparent!important
}

.ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-top-panel {
  background-color: #efefef;
  font-size: 12px;
  font-weight: 400;
  color: #5e5e5e
}

.ui-grid-contents-wrapper .ui-grid-render-container-left .ui-grid-top-panel {
  background-color: #efefef
}

.ui-grid-selection-row-header-buttons {
  font-size: 14px;
  color: #000
}

.ui-grid-selection-row-header-buttons.ui-grid-all-selected,.ui-grid-selection-row-header-buttons.ui-grid-row-selected {
  color: #0177d6
}

.ui-grid-cell {
  border-color: #e0e0e0;
  border-top: 1px solid transparent;
  border-left: 1px solid transparent
}

.ui-grid-filter-container input[type=text].ui-grid-filter-input {
  border: 1px solid #e7e7e7;
  padding: 0 5px;
  box-sizing: border-box
}

.ui-grid-filter-container pre {
  font-size: 14px;
  top: -6px;
  left: 11px;
  color: #d1d1d1
}

div.ui-grid-cell input {
  height: 2rem
}

.ui-grid-render-container-left .ui-grid-header-cell-wrapper .ui-grid-header-cell:first-child {
  border-right: 1px solid #e0e0e0
}

.ui-grid-header-cell-wrapper .ui-grid-header-cell:first-child {
  border-left: none!important;
  padding-left: 1px!important
}

.ui-grid-render-container .ui-grid-header-cell-wrapper .ui-grid-header-cell:last-child {
  padding-right: 1px
}

.ui-grid-header-cell-wrapper .ui-grid-header-cell:last-child {
  border-right: none!important
}

.ui-grid-render-container-left .ui-grid-header-cell-wrapper .ui-grid-header-cell:nth-child(2) {
  border-left: none;
  padding-left: 1px
}

.ui-grid-row .ui-grid-cell.ui-grid-row-header-cell {
  border-right: 1px solid #e0e0e0
}

.ui-grid-column-menu .ui-grid-menu-inner {
  box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)
}

.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-inner ul li button:focus,.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-inner ul li button:hover {
  box-shadow: none;
  background-color: #eee
}

.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-inner ul li button {
  background: #fff
}

.ui-grid-contents-wrapper .ui-grid-cell-contents {
  padding: 0
}

.ui-grid-contents-wrapper .ui-grid-cell,.ui-grid-contents-wrapper .ui-grid-header-cell-wrapper .ui-grid-cell-contents {
  padding: 0 6px
}

.ui-grid-contents-wrapper .ui-grid-cell .btn-flat {
  padding: 5px 0
}

.ui-grid-tree-base-row-header-buttons {
  color: #0177d6;
  text-align: center
}

.ui-grid-tree-base-row-header-buttons i.ui-grid-icon-minus-squared,.ui-grid-tree-base-row-header-buttons i.ui-grid-icon-plus-squared {
  margin: 0 auto;
  display: block
}

.ui-grid-pinned-container .ui-grid-row .ui-grid-cell {
  background-color: #efefef
}

.ui-grid-row.ui-grid-row-selected>[ui-grid-row]>.ui-grid-cell:not(.ui-grid-cell-invalid) {
  background-color: #e3f2fd
}

.ui-grid-row:nth-child(odd) .ui-grid-cell {
  border-bottom: 1px solid #d4d4d4
}

.ui-grid-row:nth-child(even) .ui-grid-cell {
  border-top: none
}

.ui-grid-header-cell:last-child .ui-grid-column-resizer.right {
  border-right: none
}

.ui-grid-header-cell:last-child:hover .ui-grid-column-resizer.right {
  border-right: 1px solid #e0e0e0
}

.ui-grid-render-container-left .ui-grid-header-cell:last-child .ui-grid-column-resizer.right {
  border-right: 2px solid #aeaeae!important
}

.ui-grid-render-container-left pre {
  top: -7px!important
}

.ui-grid {
  height: auto!important;
  border: none;
  border-top: 1px solid #d4d4d4
}

.ui-grid .ui-grid-viewport {
  height: 100%!important
}

.ui-grid-column-menu-button {
  visibility: hidden
}

.sortable .ui-grid-column-menu-button {
  visibility: visible
}

.docInfo:last-child:after,.erpPopupGrid,.hideVisibility {
  visibility: hidden
}

.ui-grid-pinned-container-left .ui-grid-cell-contents-hidden+div.ng-scope {
  padding: 0
}

.ui-grid-pinned-container .ui-grid-row:nth-child(even) .ui-grid-cell,.ui-grid-pinned-container .ui-grid-row:nth-child(odd) .ui-grid-cell {
  border-top: none
}

.ui-grid-contents-wrapper .ui-grid-row:nth-child(even) .ui-grid-cell,.ui-grid-contents-wrapper .ui-grid-row:nth-child(odd) .ui-grid-cell,.ui-grid-pinned-container .ui-grid-row:nth-child(even) .ui-grid-cell,.ui-grid-pinned-container .ui-grid-row:nth-child(odd) .ui-grid-cell {
  background-color: #fff
}

.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:last-child {
  border-right: 2px solid #aeaeae!important
}

.ui-grid-contents-wrapper .ui-grid-row div.ui-grid-cell.ui-grid-cell-readonly {
  background-color: #efefef
}

.ui-grid-render-container-left .ui-grid-row.ui-grid-row-selected>[ui-grid-row]>.ui-grid-cell:not(.ui-grid-cell-invalid) {
  background-color: #e3f2fd!important
}

.ui-grid-contents-wrapper .ui-grid-row div.ui-grid-cell.ui-grid-cell-invalid {
  background-color: #ffdada!important
}

.hcRgtWithoutSort .ui-grid-cell-contents[role=button] {
  text-align: right;
  width: 100%
}

.hcRgtWithoutSort .ui-grid-invisible {
  display: none
}

.t-p-dropdown.catExcel {
  max-width: 40px
}

.t-p-dropdown .select-wrapper .caret {
  top: -3px
}

.t-p-dropdown .select-wrapper .caret i {
  color: grey
}

.t-p-dropdown .select-wrapper input.select-dropdown {
  height: 24px;
  margin-top: 0;
  font-size: 12px;
  line-height: normal;
  border-bottom: none
}

.smart-table-new-ui .smart-table-wrapper .smart-table-pinned-column {
  background-color: #fff
}

.smart-table-new-ui .smart-table-wrapper th.smart-table-pinned-column.smart-table-icon-holder,.smart-table-new-ui .smart-table-wrapper th.smart-table-pinned-column.smart-table-icon-holder.smart-table-row-cell-selected {
  background-color: #efefef!important
}

.smart-table-new-ui .smart-table-wrapper .smart-table-header-cell {
  background-color: #efefef;
  border-left: none
}

.smart-table-new-ui .smart-table-wrapper .smart-table-row-cell {
  border-left: none
}

.smart-table-new-ui .smart-table-wrapper .smart-table-row-cell.smart-table-row-cell-invalid {
  border-left: none!important;
  background-color: #ffdada!important
}

.smart-table-new-ui .smart-table-row-cell-disabled {
  background-color: #efefef!important
}

.smart-table-new-ui .smart-table-wrapper .smart-table-pinned-column.smart-table-row-cell-selected:not(.smart-table-row-cell-invalid) {
  background-color: #e3f2fd!important
}

div.number-spin-btn-container {
  display: none!important;
  vertical-align: bottom;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 10px;
  top: 8px
}

div.number-spin-btn {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-width: 2px;
  border-color: #ededed #777 #777 #ededed;
  border-style: solid;
  background-color: #ccc;
  width: 1.2em
}

div.number-spin-btn:hover {
  cursor: pointer
}

div.number-spin-btn:active {
  border-width: 2px;
  border-color: #5e5e5e #d8d8d8 #d8d8d8 #5e5e5e;
  border-style: solid;
  background-color: #999
}

div.number-spin-btn-up {
  border-bottom-width: 1px;
  -moz-border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0
}

div.number-spin-btn-up:before {
  border-width: 0 .3em .3em;
  border-color: transparent transparent #000;
  top: 25%
}

div.number-spin-btn-up:active {
  border-bottom-width: 1px
}

div.number-spin-btn-up:active:before {
  border-bottom-color: #fff;
  top: 26%;
  left: 51%
}

div.number-spin-btn-down {
  border-top-width: 1px;
  -moz-border-radius: 0 0 3px 3px;
  -webkit-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px
}

div.number-spin-btn-down:before {
  border-width: .3em .3em 0;
  border-color: #000 transparent transparent;
  top: 75%
}

div.number-spin-btn-down:active {
  border-top-width: 1px
}

div.number-spin-btn-down:active:before {
  border-top-color: #fff;
  top: 76%;
  left: 51%
}

div.number-spin-btn-down:before,div.number-spin-btn-up:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  left: 50%;
  margin: -.15em 0 0 -.3em;
  padding: 0
}

input:disabled+div.number-spin-btn-container>div.number-spin-btn-down:active,input:disabled+div.number-spin-btn-container>div.number-spin-btn-up:active {
  border-color: #ededed #777 #777 #ededed;
  border-style: solid;
  background-color: #ccc
}

input:disabled+div.number-spin-btn-container>div.number-spin-btn-up:active:before,input:disabled+div.number-spin-btn-container>div.number-spin-btn-up:before {
  border-bottom-color: #999;
  top: 25%;
  left: 50%
}

input:disabled+div.number-spin-btn-container>div.number-spin-btn-down:active:before,input:disabled+div.number-spin-btn-container>div.number-spin-btn-down:before {
  border-top-color: #999;
  top: 75%;
  left: 50%
}

.number-spin-field input {
  padding-right: 17px;
  width: calc(100% - 17px)!important
}

.number-spin-field .number-spin-btn-container {
  display: inline-block!important
}

.wizard-stepperH {
  padding: 40px 80px 10px 40px;
  background: #fff;
  box-shadow: 0 3px 5px 0 rgba(0,0,0,.1);
  z-index: 1
}

.wizard-stepperH-container {
  width: 100%;
  background-color: #fff;
  padding: 20px;
  line-height: 24px;
  border-bottom: 1px solid #e5e5e5;
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  display: -moz-flex;
  display: -o-flex
}

.wizard-stepperH-container-step .wizard-stepperH-line {
  position: absolute;
  display: block;
  height: 1px;
  background-color: #e0e0e0;
  z-index: -1;
  width: calc(100% - 45px);
  top: 50%;
  left: 35px
}

.wizard-stepperH-container .wizard-stepperH-container-step:last-child .wizard-stepperH-line {
  display: none
}

.wizard-stepperH-container-step {
  flex-grow: 1;
  -webkit-flex-grow: 1;
  -ms-flex-grow: 1;
  -moz-flex-grow: 1;
  -o-flex-grow: 1;
  flex-basis: 0;
  -webkit-flex-basis: 0;
  -ms-flex-basis: 0;
  -moz-flex-basis: 0;
  -o-flex-basis: 0;
  position: relative;
  z-index: 1
}

.wizard-stepperH-step-state {
  display: inline-block;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: #0177d6;
  vertical-align: middle;
  text-align: center;
  color: #fff;
  cursor: pointer
}

.wizard-stepperH-fixed {
  position: fixed;
  width: 100%;
  top: 50px;
  left: 0
}

.wizard-cont-holder {
  background-color: #fff;
  padding: 40px 30px
}

.wizard-stepperH .wizard-stepperH-step-state-title {
  position: absolute;
  bottom: 35px;
  left: -53px;
  z-index: -1;
  width: 130px;
  text-align: center;
  font-size: 12px;
  line-height: 16px
}

.wizard-stepperH .wizard-stepperH-container-step:last-child {
  flex-grow: 0
}

.wizard-stepperH .wizard-stepperH-container {
  border: none
}

.wizard-stepperH-content {
  padding: 16px
}

.wizard-stepperH-cont-fix {
  padding-top: 136px
}

.wizard-stepperH-container-step .wizard-stepperH-step-state.initial-state i svg {
  width: 24px;
  height: 24px;
  margin-left: -1px;
  margin-top: 0
}

.wizard-stepperH-container-step .wizard-stepperH-step-state.initial-state i {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg)
}

@keyframes wizardStepAnimation {
  from {
      margin-left: -100%;
      opacity: 0
  }

  to {
      margin-left: 0;
      opacity: 1
  }
}

@-webkit-keyframes wizardStepAnimation {
  from {
      margin-left: -100%;
      opacity: 0
  }

  to {
      margin-left: 0;
      opacity: 1
  }
}

@-moz-keyframes wizardStepAnimation {
  from {
      margin-left: -100%;
      opacity: 0
  }

  to {
      margin-left: 0;
      opacity: 1
  }
}

@-ms-keyframes wizardStepAnimation {
  from {
      margin-left: -100%;
      opacity: 0
  }

  to {
      margin-left: 0;
      opacity: 1
  }
}

.wizard-initial-state {
  width: 300px
}

.wizard-step-animate .wizard-stepperH-step-state,.wizard-stepperH-container-step.wizard-step-animate .wizard-stepperH-line {
  animation-name: wizardStepAnimation;
  -webkit-animation-name: wizardStepAnimation;
  -moz-animation-name: wizardStepAnimation;
  -ms-animation-name: wizardStepAnimation;
  animation-duration: .4s;
  -webkit-animation-duration: .4s;
  -ms-animation-duration: .4s;
  -moz-animation-duration: .4s;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards
}

.wizard-stepperH-container-step .wizard-stepperH-line,.wizard-stepperH-container-step .wizard-stepperH-step-state {
  opacity: 0
}

.wizard-stepperH-container .wizard-stepperH-container-step:first-child .wizard-stepperH-step-state,.wizard-stepperH-container-step .wizard-stepperH-line.initial-first-line,.wizard-stepperH-container-step.stepper-dot .wizard-stepperH-step-state {
  opacity: 1
}

.wizard-stepperH-container-step.active .wizard-stepperH-step-state-title {
  font-weight: 700
}

.wizard-stepperH-container-step.disable .wizard-stepperH-step-state {
  background-color: #9e9e9e;
  cursor: default
}

.wizard-stepperH-container-step .wizard-stepperH-step-state svg {
  width: 18px;
  height: 18px
}

.wizard-stepperH-step-state .wizard-stepperH-step-icon svg {
  margin-top: -3px
}

.wizard-stepperH-container-step.disable .wizard-stepperH-step-state-title {
  color: #9e9e9e;
  cursor: default
}

.wizard-container,.wizard-step {
  position: relative
}

.wizard-step-content {
  padding: 0 0 40px 30px
}

@keyframes wizardLineAnimation {
  from {
      height: 0
  }

  to {
      height: 100%
  }
}

@-webkit-keyframes wizardLineAnimation {
  from {
      height: 0
  }

  to {
      height: 100%
  }
}

@-moz-keyframes wizardLineAnimation {
  from {
      height: 0
  }

  to {
      height: 100%
  }
}

@-ms-keyframes wizardLineAnimation {
  from {
      height: 0
  }

  to {
      height: 100%
  }
}

@keyframes wizardDotAnimation {
  0% {
      transform: scale(0);
      opacity: 0
  }

  100% {
      transform: scale(1);
      opacity: 1
  }
}

@-webkit-keyframes wizardDotAnimation {
  0% {
      transform: scale(0);
      opacity: 0
  }

  100% {
      transform: scale(1);
      opacity: 1
  }
}

@-moz-keyframes wizardDotAnimation {
  0% {
      transform: scale(0);
      opacity: 0
  }

  100% {
      transform: scale(1);
      opacity: 1
  }
}

@-ms-keyframes wizardDotAnimation {
  0% {
      transform: scale(0);
      opacity: 0
  }

  100% {
      transform: scale(1);
      opacity: 1
  }
}

@-webkit-keyframes wizardTextAnimation {
  0% {
      opacity: 0
  }

  100% {
      opacity: 1
  }
}

@-moz-keyframes wizardTextAnimation {
  0% {
      opacity: 0
  }

  100% {
      opacity: 1
  }
}

@-ms-keyframes wizardTextAnimation {
  0% {
      opacity: 0
  }

  100% {
      opacity: 1
  }
}

.wizard-text-animate {
  opacity: 0;
  animation-name: wizardTextAnimation;
  animation-duration: .8s;
  animation-fill-mode: forwards;
  -webkit-animation-name: wizardTextAnimation;
  -moz-animation-name: wizardTextAnimation;
  -ms-animation-name: wizardTextAnimation;
  -webkit-animation-duration: .8s;
  -moz-animation-duration: .8s;
  -ms-animation-duration: .8s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards
}

.wizard-stepperH-line-animate {
  opacity: 0;
  animation-name: wizardStepAnimation;
  animation-duration: .5s;
  animation-fill-mode: forwards;
  -webkit-animation-name: wizardStepAnimation;
  -moz-animation-name: wizardStepAnimation;
  -ms-animation-name: wizardStepAnimation;
  -webkit-animation-duration: .5s;
  -moz-animation-duration: .5s;
  -ms-animation-duration: .5s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards
}

.wizard-step .wizard-step-point::before {
  content: "";
  position: absolute;
  left: -7px;
  top: 2px;
  opacity: 0;
  height: 16px;
  width: 16px;
  background: #03ACFF;
  border-radius: 50%;
  display: inline-block;
  animation: wizardDotAnimation .3s ease .3s forwards;
  -webkit-animation: wizardDotAnimation .3s ease .3s forwards;
  -moz-animation: wizardDotAnimation .3s ease .3s forwards;
  -ms-animation: wizardDotAnimation .3s ease .3s forwards
}

.wizard-step.wizard-step-next-visible .wizard-step-point::after {
  content: "";
  position: absolute;
  top: 8px;
  bottom: -10px;
  width: 2px;
  background-color: #03ACFF;
  animation: wizardLineAnimation .3s ease;
  -webkit-animation: wizardLineAnimation .3s ease;
  -moz-animation: wizardLineAnimation .3s ease;
  -ms-animation: wizardLineAnimation .3s ease
}

.wizard-step:last-child .wizard-step-point::after {
  content: none
}

.docInfo:after,.popHdr:after,.proc-profile-selector:after,.scrollingNav .scrollHBar::after {
  content: ''
}

.global-loader {
  background-color: rgba(255,255,255,.65)
}

.global-loader.fixed-loader {
  position: fixed;
  z-index: 9998
}

.global-loader.plainbg {
  background-color: rgba(255,255,255,.9)
}

.global-loader .relative-loader-container {
  top: calc(50% - 25px);
  position: absolute;
  left: calc(50% - 50px);
  padding: 24px;
  border-radius: 2px
}

.global-loader .relative-loader-container .loader-message {
  padding: 10px 16px
}

.tree-view-str [type=radio]+label {
  height: 20px;
  line-height: 20px
}

.tree-view-str [type=radio]+label:after,.tree-view-str [type=radio]+label:before {
  margin: 2px 0!important
}

.custom-add-to-cart-wrap input[type=number],.custom-add-to-cart-wrap input[type=text] {
  color: #1c1c1c!important
}

.ruleSummaryGrid .wj-content {
  width: 100%
}

.ruleSummaryGrid div[wj-part=root] {
  overflow: hidden!important
}

.hideForLoad {
  display: none!important
}

.scrollingNav .scrollVBar.bottomSide .animation.ng-leave.ng-leave-active,.scrollingNav .scrollVBar.topSide .animation.ng-leave.ng-leave-active {
  display: none
}

.scrollingNav {
  position: relative;
  z-index: 32
}

.scrollingNav .reqNavArrow {
  position: absolute;
  color: #fbfcfc;
  cursor: pointer;
  background: #485459
}

.scrollingNav .reqNavArrow.topArrow {
  background: -webkit-linear-gradient(#2d3233,#485459,#485459);
  background: -o-linear-gradient(#2d3233,#485459,#485459);
  background: -moz-linear-gradient(#2d3233,#485459,#485459);
  background: linear-gradient(#2d3233,#485459,#485459)
}

.scrollingNav .reqNavArrow.rightArrow {
  background: -webkit-linear-gradient(right,#2d3233,#485459,#485459);
  background: -o-linear-gradient(left,#2d3233,#485459,#485459);
  background: -moz-linear-gradient(left,#2d3233,#485459,#485459);
  background: linear-gradient(to left,#2d3233,#485459,#485459)
}

.scrollingNav .reqNavArrow.leftArrow {
  background: -webkit-linear-gradient(left,#2d3233,#485459,#485459);
  background: -o-linear-gradient(right,#2d3233,#485459,#485459);
  background: -moz-linear-gradient(right,#2d3233,#485459,#485459);
  background: linear-gradient(to right,#2d3233,#485459,#485459)
}

.scrollingNav .reqNavArrow.btmArrow {
  background: -webkit-linear-gradient(#485459,#485459,#2d3233);
  background: -o-linear-gradient(#485459,#485459,#2d3233);
  background: -moz-linear-gradient(#485459,#485459,#2d3233);
  background: linear-gradient(#485459,#485459,#2d3233)
}

.scrollingNav .scrollVBar {
  background: #485459;
  width: 94px;
  position: absolute;
  z-index: 1;
  left: 17px;
  -moz-box-shadow: 0 0 1px rgba(0,0,0,.1);
  -webkit-box-shadow: 0 0 1px rgba(0,0,0,.1);
  -ms-box-shadow: 0 0 1px rgba(0,0,0,.1);
  -o-box-shadow: 0 0 1px rgba(0,0,0,.1);
  box-shadow: 0 0 1px rgba(0,0,0,.1)
}

.scrollingNav .scrollVBar.topSide {
  padding: 0 0 85px;
  bottom: 50%;
  -moz-box-shadow: inset 1px 8px 10px rgba(0,0,0,.4);
  -webkit-box-shadow: inset 1px 8px 10px rgba(0,0,0,.4);
  -ms-box-shadow: inset 1px 8px 10px rgba(0,0,0,.4);
  -o-box-shadow: inset 1px 8px 10px rgba(0,0,0,.4);
  box-shadow: inset 1px 8px 10px rgba(0,0,0,.4)
}

.scrollingNav .scrollVBar.bottomSide {
  padding: 85px 0 0;
  top: 50%;
  -moz-box-shadow: inset -1px -8px 10px rgba(0,0,0,.4);
  -webkit-box-shadow: inset -1px -8px 10px rgba(0,0,0,.4);
  -ms-box-shadow: inset -1px -8px 10px rgba(0,0,0,.4);
  -o-box-shadow: inset -1px -8px 10px rgba(0,0,0,.4);
  box-shadow: inset -1px -8px 10px rgba(0,0,0,.4)
}

.scrollingNav .scrollVBar .reqNavArrow {
  left: 0;
  width: 100%;
  text-align: center
}

.scrollingNav .scrollVBar .topArrow {
  top: 0
}

.scrollingNav .scrollVBar .btmArrow {
  bottom: 0
}

.scrollingNav .scrollVBar .collection {
  border: none;
  margin: 0;
  min-height: 94px
}

.scrollingNav .scrollVBar .collection a.collection-item {
  border-bottom: none;
  color: #fbfcfc;
  padding: 0!important;
  width: 94px;
  height: 94px;
  background: 0 0;
  line-height: 1.2rem;
  white-space: pre-wrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: .9rem
}

.scrollingNav .scrollVBar .collection a.collection-item i {
  display: list-item
}

.scrollingNav .scrollHBar.leftSide .animation.ng-leave.ng-leave-active,.scrollingNav .scrollHBar.rightSide .animation.ng-leave.ng-leave-active {
  display: none
}

.scrollingNav .scrollVBar .collection a.collection-item:hover {
  background: #6d767a
}

.scrollingNav .scrollHBar {
  background: #485459;
  height: 94px;
  position: absolute;
  z-index: 1;
  -moz-box-shadow: 0 0 1px rgba(0,0,0,.1);
  -webkit-box-shadow: 0 0 1px rgba(0,0,0,.1);
  -ms-box-shadow: 0 0 1px rgba(0,0,0,.1);
  -o-box-shadow: 0 0 1px rgba(0,0,0,.1);
  box-shadow: 0 0 1px rgba(0,0,0,.1)
}

.scrollingNav .scrollHBar.leftSide {
  width: 540px;
  right: 50%;
  top: 17px;
  text-align: right;
  padding: 0 85px 0 0;
  overflow: hidden;
  -moz-box-shadow: inset 5px 1px 10px rgba(0,0,0,.6);
  -webkit-box-shadow: inset 5px 1px 10px rgba(0,0,0,.6);
  -ms-box-shadow: inset 5px 1px 10px rgba(0,0,0,.6);
  -o-box-shadow: inset 5px 1px 10px rgba(0,0,0,.6);
  box-shadow: inset 5px 1px 10px rgba(0,0,0,.6)
}

.scrollingNav .scrollHBar.rightSide {
  width: 360px;
  left: 50%;
  top: 17px;
  padding: 0 0 0 85px;
  -moz-box-shadow: inset -5px 1px 10px rgba(0,0,0,.6);
  -webkit-box-shadow: inset -5px 1px 10px rgba(0,0,0,.6);
  -ms-box-shadow: inset -5px 1px 10px rgba(0,0,0,.6);
  -o-box-shadow: inset -5px 1px 10px rgba(0,0,0,.6);
  box-shadow: inset -5px 1px 10px rgba(0,0,0,.6)
}

.scrollingNav .scrollHBar .reqNavArrow {
  top: 0;
  width: 36px;
  height: 100%;
  padding-top: 30px
}

.scrollingNav .scrollHBar .leftArrow {
  left: 0
}

.scrollingNav .scrollHBar .rightArrow {
  right: 0
}

.scrollingNav .scrollHBar .collection {
  border: none;
  margin: 0;
  min-height: 94px;
  min-width: 94px
}

.scrollingNav .scrollHBar .collection a.collection-item {
  display: inline-block;
  border-bottom: none;
  color: #fbfcfc;
  padding: 0!important;
  height: 94px;
  width: 94px;
  background: 0 0;
  line-height: 1.2rem;
  font-size: .9rem;
  white-space: pre-wrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top
}

.scrollingNav .scrollHBar .collection a.collection-item:hover {
  background: #6d767a
}

.scrollingNav .scrollHBar .collection a.collection-item i {
  display: list-item
}

.scrollingNav .topBarOverflow,.scrollingNav .topBarOverflowHidden {
  display: table-cell;
  vertical-align: bottom;
  width: 94px!important
}

.scrollingNav .scrollHBar::after {
  position: absolute;
  background: 0 0;
  border-radius: 50%;
  z-index: -1;
  -moz-box-shadow: inset 0 0 10px rgba(52,61,64,.6);
  -webkit-box-shadow: inset 0 0 10px rgba(52,61,64,.6);
  -ms-box-shadow: inset 0 0 10px rgba(52,61,64,.6);
  -o-box-shadow: inset 0 0 10px rgba(52,61,64,.6);
  box-shadow: inset 0 0 10px rgba(52,61,64,.6)
}

.scrollingNav .topBarOverflowHidden {
  position: absolute;
  height: auto!important;
  bottom: 87px
}

.scrollingNav #leftBar,.scrollingNav #rightBar {
  white-space: nowrap;
  overflow: hidden
}

.animation {
  transition: all .25s linear .5s!important;
  -webkit-transition: all .25s linear!important
}

.navMenuContainer .ui-sortable-helper {
  border: 1px dotted #333;
  background: rgba(72,84,89,.7)!important;
  min-height: 94px;
  min-width: 94px;
  color: #fff;
  font-size: .9rem!important;
  display: inline-block;
  padding: 0!important;
  line-height: 1.2rem;
  overflow: hidden;
  text-overflow: ellipsis
}

.navMenuContainer .ui-sortable-helper .icon {
  display: list-item
}

.navMenuContainer .placeholder {
  display: inline-block;
  height: 93px;
  width: 93px;
  background-color: rgba(255,255,255,.3);
  border: 1px dotted #000;
  padding: 35px 47px 38px 45px
}

.workqueueBtnGroup a {
  text-align: center
}

.workqueueBtnGroup .navMenuContainer {
  width: 130px;
  height: 130px;
  position: relative;
  margin: 0 auto
}

.workqueueBtnGroup .navMenuContainer a {
  text-align: center
}

.workqueueBtnGroup .scrollVBar .barContainer {
  height: calc(100% - 100px);
  margin: 50px 0
}

.workqueueBtnGroup .scrollVBar.topSide {
  animation: topToBottom .5s linear;
  -webkit-animation: topToBottom .5s linear;
  -moz-animation: topToBottom .5s linear;
  -ms-animation: topToBottom .5s linear;
  -o-animation: topToBottom .5s linear
}

.workqueueBtnGroup .scrollVBar.bottomSide {
  animation: bottomToTop .5s linear;
  -webkit-animation: bottomToTop .5s linear;
  -moz-animation: bottomToTop .5s linear;
  -ms-animation: bottomToTop .5s linear;
  -o-animation: bottomToTop .5s linear
}

.workqueueBtnGroup .scrollHBar .barContainer {
  width: calc(100% - 100px);
  margin: 0 50px
}

.workqueueBtnGroup .scrollHBar.leftSide {
  animation: leftToRight .5s linear;
  -webkit-animation: leftToRight .5s linear;
  -moz-animation: leftToRight .5s linear;
  -ms-animation: leftToRight .5s linear;
  -o-animation: leftToRight .5s linear
}

.workqueueBtnGroup .scrollHBar.rightSide {
  animation: rightToLeft .5s linear;
  -webkit-animation: rightToLeft .5s linear;
  -moz-animation: rightToLeft .5s linear;
  -ms-animation: rightToLeft .5s linear;
  -o-animation: rightToLeft .5s linear
}

.home-page-bubble-button {
  -webkit-transform: scale(0,0);
  -moz-transform: scale(0,0);
  -ms-transform: scale(0,0);
  -o-transform: scale(0,0);
  transform: scale(0,0);
  -webkit-transition: transform 1s ease-in-out;
  -moz-transition: transform 1s ease-in-out;
  -o-transition: transform 1s ease-in-out;
  -ms-transition: transform 1s ease-in-out;
  transition: transform 1s ease-in-out
}

.s-n-b-wrapper {
  height: 128.02px;
  width: 128.02px;
  display: inline-block;
  position: relative;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-border-radius: 50%
}

.small-notification-bubble {
  background: #fff;
  color: #3888c1;
  text-align: center;
  height: 30px;
  width: 30px;
  padding: 4px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 75%;
  right: 0;
  z-index: 32;
  opacity: 0;
  display: block;
  cursor: pointer;
  -webkit-transition: all 2s ease-in-out;
  -moz-transition: all 2s ease-in-out;
  -o-transition: all 2s ease-in-out;
  -ms-transition: all 2s ease-in-out;
  transition: all 2s ease-in-out
}

.notifyBubble {
  position: relative;
  float: left
}

.notifyBubble .bubble {
  top: 15px;
  left: 25px;
  padding: 0;
  min-width: 20px;
  height: 16px;
  font-size: 10px;
  border-radius: .4em;
  -moz-border-radius: .4em;
  -ms-border-radius: .4em;
  -o-border-radius: .4em;
  -webkit-border-radius: .4em
}

.notifyBubble span {
  margin: -20px auto 0;
  display: block;
  box-sizing: initial;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0
}

.nav-wrapper .notifyBubble .bubble {
  border-radius: 30%!important;
  -moz-border-radius: 30%!important;
  -ms-border-radius: 30%!important;
  -o-border-radius: 30%!important;
  -webkit-border-radius: 30%!important;
  padding: 0 5px;
  min-width: 25px;
  top: 5px
}

#hm-search-box {
  position: relative;
  top: 90%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%)
}

.workqueueBtnGroup {
  position: relative;
  top: 31%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%)
}

.hoverRing,pre {
  position: absolute
}

.workqueueBtnGroup .linkdisabled a,.workqueueBtnGroup .linkdisabled a i {
  color: #fff!important;
  box-shadow: none
}

.hoverRing {
  top: -20px;
  left: -20px;
  width: 170px;
  height: 170px;
  z-index: 2;
  background: 0 0;
  border-radius: 170px;
  -moz-border-radius: 170px;
  -ms-border-radius: 170px;
  -o-border-radius: 170px;
  -webkit-border-radius: 170px;
  -moz-box-shadow: -1px 1px 10px 0 rgba(0,0,0,.5);
  -webkit-box-shadow: -1px 1px 10px 0 rgba(0,0,0,.5);
  -ms-box-shadow: -1px 1px 10px 0 rgba(0,0,0,.5);
  -o-box-shadow: -1px 1px 10px 0 rgba(0,0,0,.5);
  box-shadow: -1px 1px 10px 0 rgba(0,0,0,.5)
}

#btnscrollNav:hover,#workQueue_btn:hover {
  -moz-box-shadow: 0 12px 15px 0 rgba(0,0,0,.24),0 17px 50px 0 rgba(0,0,0,.19);
  -webkit-box-shadow: 0 12px 15px 0 rgba(0,0,0,.24),0 17px 50px 0 rgba(0,0,0,.19);
  -ms-box-shadow: 0 12px 15px 0 rgba(0,0,0,.24),0 17px 50px 0 rgba(0,0,0,.19);
  -o-box-shadow: 0 12px 15px 0 rgba(0,0,0,.24),0 17px 50px 0 rgba(0,0,0,.19);
  box-shadow: 0 12px 15px 0 rgba(0,0,0,.24),0 17px 50px 0 rgba(0,0,0,.19)
}

.bubble--task {
  background: #5a69ce
}

.bubble--view {
  background: #5c8935
}

.bubble--request {
  background: #c45638
}

.bubble--Analyse {
  background: #267aae
}

.bubble--shop {
  background: #8447b9
}

.searchWrapper--hide {
  -webkit-transition: 1s ease-in-out;
  -moz-transition: 1s ease-in-out;
  -o-transition: 1s ease-in-out;
  -ms-transition: 1s ease-in-out;
  transition: 1s ease-in-out;
  -webkit-transform: translate(0,-300px);
  -moz-transform: translate(0,-300px);
  -o-transform: translate(0,-300px);
  -ms-transform: translate(0,-300px);
  transform: translate(0,-300px)
}

.workqueueBtnGroup .row .col {
  padding: 0 2rem
}

.workqueueBtnGroup ul {
  display: table;
  margin: 0 auto
}

.fade-in-small-bubble {
  opacity: 1
}

.nav-list-item,.side-out-bm-nf-ct a.nav-list-item {
  line-height: 47px;
  height: 47px;
  padding: 0
}

.announce-fields label {
  left: 0
}

.announcement_options {
  margin-bottom: 8px
}

.announcement_options>div {
  display: table
}

.announcement_attachments .attached_itemlist .attached_item {
  line-height: 40px;
  padding: 8px 4px;
  border-top: 1px solid #eaeaea
}

.announcement_attachments .attached_itemlist .attached_item .filExtention {
  width: 40px;
  height: 40px;
  float: left;
  text-align: center;
  background-color: #fafafa;
  border-radius: 50%;
  margin-right: 15px;
  font-weight: 700;
  font-size: 10px;
  color: #afafaf;
  text-transform: uppercase;
  line-height: 38px
}

.announcement_attachments .attached_itemlist .attached_item .filExtention.attached-pdf {
  background-color: #EF5350
}

.announcement_attachments .attached_itemlist .attached_item .filExtention.attached-img {
  background-color: #0097a7
}

.announcement_attachments .attached_itemlist .attached_item .filExtention.attached-doc {
  background-color: #448aff
}

.announcement_attachments .attached_itemlist .attached_item .filExtention.attached-ppt {
  background-color: #EF6C00
}

.announcement_attachments .attached_itemlist .attached_item .filExtention.attached-xl {
  background-color: #43a047
}

.announcement_attachments .attached_itemlist .attached_item .filExtention svg {
  width: 21px;
  height: 21px;
  color: #fff
}

.announcement_attachments .attached_itemlist .attached_item .attachedFileName {
  max-width: 300px
}

.ud-modal-footer {
  border-top: 1px solid #dfdfdf!important
}

::-ms-reveal {
  display: none
}

input::-ms-clear {
  display: none
}

pre {
  z-index: 0;
  pointer-events: none
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  pre {
      margin-top:-25px;
      right: 57px
  }
}

@-moz-document url-prefix() {
  pre {
      right: 69px
  }
}

.headerWrapper {
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out
}

.headerWrapper.ng-hide-add {
  margin-top: 0
}

.headerWrapper.ng-hide-add-active {
  margin-top: -62px;
  display: none
}

.headerWrapper.ng-hide-remove {
  margin-top: -62px;
  display: block
}

.headerWrapper.ng-hide-remove-active {
  margin-top: 0
}

.sniffingContainer {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 9999;
  overflow: auto;
  background: 0 0;
  display: none;
  opacity: 0
}

.sniffingContainer.active {
  background-color: #0067b0;
  display: block;
  opacity: 1
}

.sniffingContainer .notIE .browser-list li {
  display: inline-block;
  list-style-type: none
}

.sniffingContainer .thisIsIE {
  display: none
}

.sniffingContainer .ms_ie .thisIsIE {
  display: block
}

.sniffingContainer .ms_ie .notIE {
  display: none
}

.sniffingContainer .unsupportedResolutionView {
  text-align: center;
  color: #fff;
  padding-top: 5%
}

.sniffingContainer .unsupportedResolutionView .text-large {
  font-size: 18px
}

.sniffingContainer .unsupportedResolutionView .support-email,.sniffingContainer .unsupportedResolutionView .text-large {
  color: #fff71b;
  text-decoration: none
}

.sniffingContainer .unsupportedResolutionView .screen-resolution-img-container {
  width: 100%;
  height: 269px;
  display: inline-block;
  background-size: cover
}

.sniffingContainer .unsupportedResolutionView .whiteSecondaryBtn .btn {
  height: 25px;
  line-height: 25px
}

.snifferCheck {
  margin: 15px 0
}

.snifferCheck label {
  color: #fff
}

.snifferCheck [type=checkbox].filled-in:not(:checked)+label:after {
  background: #0067b0;
  border: 2px solid #fff
}

.snifferCheck [type=checkbox].filled-in:checked+label:before {
  border-right: 2px solid #0177d6;
  border-bottom: 2px solid #0177d6
}

.snifferCheck [type=checkbox].filled-in:checked+label:after {
  border: 2px solid #fff;
  background-color: #fff
}

.notification-massage .notify-unsupported-browser-version.modal,.notification-massage .notify-unsupported-browser.modal {
  overflow: visible
}

.notification-massage .notify-unsupported-browser-version.modal.modal-sm,.notification-massage .notify-unsupported-browser.modal.modal-sm {
  width: 500px
}

.notification-massage .notify-unsupported-browser-version.modal .notify-header,.notification-massage .notify-unsupported-browser.modal .notify-header {
  background-color: #000
}

.notification-massage .notify-unsupported-browser-version.modal .notify-header .notify-text,.notification-massage .notify-unsupported-browser.modal .notify-header .notify-text {
  font-size: 22px;
  text-transform: none;
  left: 0;
  width: 50%;
  bottom: auto!important;
  line-height: 2rem!important;
  text-align: left
}

.container-right,.login-wrapper {
  bottom: 0;
  z-index: 999;
  top: 0;
  right: 0
}

.notification-massage .notify-unsupported-browser-version.modal .notify-header .notify-text.browser-unsupported-header-text,.notification-massage .notify-unsupported-browser-version.modal .notify-header .notify-text.browser-version-header-text,.notification-massage .notify-unsupported-browser.modal .notify-header .notify-text.browser-unsupported-header-text,.notification-massage .notify-unsupported-browser.modal .notify-header .notify-text.browser-version-header-text {
  color: #ffeb3b
}

.notification-massage .notify-unsupported-browser-version.modal .notify-header .modal-content,.notification-massage .notify-unsupported-browser.modal .notify-header .modal-content {
  background: 0 0!important
}

.notification-massage .notify-unsupported-browser-version.modal ul.browser-list li,.notification-massage .notify-unsupported-browser.modal ul.browser-list li {
  padding: 5px;
  display: inline-block
}

.notification-massage .notify-unsupported-browser-version.modal ul.browser-list li:first-child,.notification-massage .notify-unsupported-browser.modal ul.browser-list li:first-child {
  padding-left: 0!important
}

.notification-massage .notify-unsupported-browser-version.modal ul.browser-list img,.notification-massage .notify-unsupported-browser.modal ul.browser-list img {
  vertical-align: middle
}

.notification-massage .notify-unsupported-browser-version.modal ul.browser-list p,.notification-massage .notify-unsupported-browser.modal ul.browser-list p {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  padding: 0 10px;
  color: #9e9e9e
}

.notification-massage .notify-unsupported-browser-version.modal ul.browser-list a,.notification-massage .notify-unsupported-browser.modal ul.browser-list a {
  color: #9e9e9e;
  padding: 0 0 4px;
  display: block
}

.notification-massage .notify-unsupported-browser-version.modal .modal-footer .btn-flat,.notification-massage .notify-unsupported-browser.modal .modal-footer .btn-flat {
  background: 0 0;
  box-shadow: none
}

.notification-massage .notify-unsupported-browser .session-image,.notification-massage .notify-unsupported-browser-version .session-image {
  background: url(../images/browser-sniff/Exclamation.png) no-repeat;
  width: 156px;
  height: 156px;
  position: absolute;
  top: -60px;
  z-index: 1;
  left: 0
}

.resizeDiagram {
  width: calc(100% - 250px);
  transition: all .5s ease
}

.inspector {
  position: absolute;
  background-color: #fff;
  box-shadow: 0 1px 3px #a99e9e;
  z-index: 3;
  transition: all .5s ease;
  display: block;
  max-height: 500px;
  overflow-y: auto;
  top: 200px;
  left: 250px
}

.wrapper--withRightSidebar .inspector {
  display: block;
  margin-right: 0;
  transition: all .5s ease;
  width: 250px
}

.inspector input {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #e0e0e0;
  border-radius: 0;
  outline: 0;
  height: 2rem;
  width: 100%;
  font-size: 1rem;
  padding: 0;
  box-shadow: none;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: border-box;
  box-sizing: content-box;
  transition: all .3s
}

.inspector label {
  text-transform: capitalize
}

.inspector select {
  border: none;
  display: block;
  padding: 0;
  width: 100%;
  border-bottom: 1px solid #e0e0e0;
  height: 30px
}

select:focus {
  outline: 0
}

.extra-nav-wrap-fixed~.rulegraph-wrap .inspector {
  top: 50px
}

.rulegraph-wrap {
  background-color: #fff;
  position: relative;
  height: 100%;
  display: inline-block;
  width: 100%
}

.rulegraph-wrap .canvas-container {
  height: 100%!important;
  width: calc(100% - 250px);
  position: relative;
  margin-left: 250px
}

.rulegraph-wrap .canvas-actions {
  position: absolute;
  z-index: 9;
  right: 15px;
  color: #0177d6
}

.rulegraph-wrap .canvas-actions ul {
  margin: 0
}

.rulegraph-wrap .canvas-actions ul li,.rulegraph-wrap .node-chips {
  display: inline-block;
  margin-left: 10px;
  cursor: pointer
}

.rulegraph-wrap .canvas-actions ul li .grouping {
  padding: 2px 4px;
  border: 1px solid #0177d6
}

.rulegraph-wrap .sidebar-right {
  float: left;
  width: 250px;
  position: absolute;
  border-left: 1px solid #e0e0e0;
  transition: all .5s ease;
  RIGHT: 0;
  TOP: 115px;
  height: 100%
}

.rulegraph-wrap .sidebar-right .sidebar-btn {
  right: auto
}

.rulegraph-wrap .node-chips {
  font-size: .9rem;
  color: #585858;
  width: 100px;
  height: 90px;
  vertical-align: top;
  margin-top: 10px;
  text-align: center
}

.rulegraph-wrap .sidebar {
  margin-left: 0;
  overflow: hidden
}

.rulegraph-wrap #myDiagramDiv canvas {
  background: url(../images/rule_graph_background.png);
  width: 100%!important;
  overflow: auto;
  height: inherit
}

.rulegraph-wrap #myDiagramDiv canvas+div {
  background-color: #fff;
  height: inherit
}

.rulegraph-wrap .accordion {
  padding-top: 10px
}

.rulegraph-wrap .accordion .searchWithHiddenTextField .search-icon {
  top: 5px
}

.rulegraph-wrap .accordion h1,.rulegraph-wrap .accordion h2,.rulegraph-wrap .accordion h3,.rulegraph-wrap .accordion h4,.rulegraph-wrap .accordion h5 {
  padding: 10px 10px 5px;
  font-size: 14px;
  font-weight: 400;
  color: #2d3233;
  margin: 0;
  text-transform: uppercase;
  cursor: pointer
}

.rulegraph-wrap .accordion h2,.rulegraph-wrap .accordion h3,.rulegraph-wrap .accordion h4,.rulegraph-wrap .accordion h5,.textCapitalize,.textCapitalize .btn-flat {
  text-transform: capitalize
}

.rulegraph-wrap .accordion ul {
  margin: 0
}

.rulegraph-wrap .accordion .opened-for-rules {
  display: block;
  overflow: auto;
  height: 80%
}

.rulegraph-wrap .accordion .ui-resizable {
  padding-bottom: 10px;
  overflow: hidden
}

.rulegraph-wrap .accordion .ui-resizable .ui-resizable-s {
  background: #fff;
  border-top: 1px solid #e0e0e0
}

.rulegraph-wrap .accordion .ui-resizable .ui-resizable-s::after {
  border-top: 1px dashed #e0e0e0;
  border-bottom: 1px dashed #e0e0e0
}

.rulegraph-wrap .accordion .ui-resizable .searchWithHiddenTextField .search-icon {
  top: 0
}

.rulegraph-wrap .accordion .extra-nav-title--icon {
  width: 40px;
  height: 40px;
  color: #fff;
  border-radius: 50%
}

.rulegraph-wrap .accordion .extra-nav-title--icon.small {
  font-size: 1.6rem
}

.rulegraph-wrap .accordion .icon.arrow {
  transition: transform .1s;
  color: #2d3233
}

.rulegraph-wrap .rule-header,.rulegraph-wrap .sub-header {
  min-height: 50px;
  background-color: #fff
}

.rulegraph-wrap .rule-header.expand,.rulegraph-wrap .sub-header.expand {
  color: #0177d6
}

.rulegraph-wrap .collapaseRules {
  transition: transform .1s;
  transform: rotate(-90deg)
}

.transitionMargin {
  transition: margin .5s!important
}

.randomTransition {
  transition: transform 1s ease-out;
  -webkit-transition: transform 1s ease-out
}

.spinning {
  transform: rotate(-270deg);
  -moz-transform: rotate(-270deg);
  -ms-transform: rotate(-270deg);
  -webkit-transform: rotate(-270deg);
  -o-transform: rotate(-270deg)
}

.confidentialityNoticePopUp {
  height: 511px
}

.confidentialityNoticePopUp .pagination li {
  font-size: 12px;
  line-height: 25px;
  padding: 0;
  margin: 0 5px
}

.confidentialityNoticePopUp .pagination li a {
  padding: 5px 10px;
  color: #0177d6
}

.confidentialityNoticePopUp .pagination li.active a {
  color: #fff
}

.confidentialityNoticePopUp .pagination li:first-child,.confidentialityNoticePopUp .pagination li:last-child,.confidentialityNoticePopUp span.range-label {
  display: none
}

.confidentialityNoticePopUp .messageContent {
  height: 290px
}

.confidentialityNoticePopUp .messageContent span {
  padding-right: 24px;
  color: rgba(0,0,0,.64)
}

.confidentialityNoticePopUp ul.pagination {
  padding-right: 24px
}

.confidentialityNoticePopUp .paginationControls {
  text-align: right;
  padding-left: 24px
}

.confidentialityNoticePopUp .messageContentContainer {
  padding: 24px 0 0 24px
}

.confidentialityNoticePopUp .messageContentContainer .scrollbar-outer {
  overflow-x: hidden!important;
  margin-bottom: 0!important
}

.confidentialityNoticePopUp .pagination li.active {
  background-color: #0177d6;
  border-radius: 50%
}

.confidentialityNoticePopUp .gotItLink {
  margin-right: 24px
}

.confidentialityNoticePopUp .activeLink {
  color: #0177d6!important
}

.confidentialityNoticePopUp .pagination li.activeLink a {
  color: #000
}

.confidentialityNoticePopUp .pagination li.activeLink.active a {
  color: #fff!important
}

.confidentialityNoticePopUp .modal-content {
  border: none
}

.confidentialityNoticePopUp .modal-content,.confidentialityNoticePopUp .modal-footer {
  border-top: 1px solid #e5e5e5
}

.confidentialityNoticePopUp .announcementImage {
  background: url(../images/Annoucement.png) no-repeat;
  height: 92px;
  width: 100px;
  position: absolute;
  left: 24px;
  top: 13px
}

.confidentialityNoticePopUp .modal-header {
  height: 115px;
  background: #e2173e;
  color: #fff
}

.confidentialityNoticePopUp .btn-flat:focus,.confidentialityNoticePopUp .btn-flat:hover,.confidentialityNoticePopUp .whiteSecondaryBtn .btn:not(.disabled):focus,.confidentialityNoticePopUp .whiteSecondaryBtn .btn:not(.disabled):hover,.whiteSecondaryBtn .confidentialityNoticePopUp .btn:not(.disabled):focus,.whiteSecondaryBtn .confidentialityNoticePopUp .btn:not(.disabled):hover {
  box-shadow: none;
  background: 0 0
}

.confidentialityNoticePopUp .title {
  display: inline-block;
  padding: 25px 0 0 130px;
  font-weight: 700;
  font-size: 22px!important
}

.confidentialityNoticePopUp a.btn-flat {
  padding: 0
}

.messageBannerContainer {
  height: 45px;
  position: absolute
}

.messageBannerContainer .small-notification-bubble {
  background: #0177d6;
  color: #fff;
  font-size: 10px;
  text-align: center;
  height: 20px;
  width: 20px;
  padding: 2px 0;
  position: absolute;
  top: 5px;
  right: -1px
}

.messageBannerContainer .messageIconContainer {
  position: relative
}

.messageBannerContainer .messageIconContainer .waves-ripple {
  background-color: #dad294!important
}

.messageBannerContainer .messageIconContainer .showBannerPopUp {
  width: auto!important;
  margin-left: 20px;
  padding: 6px 7px;
  line-height: normal;
  height: auto
}

.messageBannerContainer .adminMessageContainer {
  margin: 12px 0;
  width: calc(100% - 162px)
}

.messageBannerContainer .readMoreLink {
  margin: 12px 0
}

.closeMessageBanner {
  width: calc(100% - 200px)!important
}

.home-page.hide-on-down.fixed-action-btn.fixed {
  position: fixed
}

.login-wrapper {
  background: #0067b0;
  margin-bottom: 0;
  position: absolute;
  left: 0
}

.container-left,.container-right {
  padding-top: 15px
}

.container-right {
  position: fixed;
  background: #fff
}

.brand-logo-container {
  margin-top: 15px
}

.brand-icon {
  background: url(../images/workspace-icon.png) no-repeat;
  height: 137px;
  width: 137px;
  display: block;
  position: absolute;
  left: 25%;
  top: 50%;
  margin-left: -68.5px;
  margin-top: -68.5px
}

.log-in-footer-wrapper {
  position: fixed;
  bottom: 13px;
  left: .75rem;
  color: #fff;
  font-size: 12px
}

.log-in-footer-wrapper a {
  color: #fff
}

.login-form-container {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
  transform: translateY(-50%)
}

.login-form-container .input-field label {
  opacity: .8
}

.login-form-container .input-field input:focus {
  color: #000
}

.login-form-container .loginbox {
  position: relative;
  transform: translateY(-50%);
  top: 50%;
  margin: 0
}

.login-form-container .row {
  margin-bottom: 31px
}

.logo-container {
  margin-bottom: 12px;
  color: #1973b4
}

.logo-container h1 {
  font-size: 2.4rem;
  margin: 0
}

.logo-container h6 {
  font-size: 1.3rem;
  word-spacing: 2px;
  margin: 5px 0 0
}

.container-right .brand-logo-container {
  background: #0067b0;
  padding: 10px;
  margin-top: 0;
  position: relative
}

.flag-icon,.flag-icon-background {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat
}

.flag-button {
  float: right;
  margin: 20px 0 0;
  color: #000;
  display: block;
  min-width: 161px;
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 7px;
  line-height: 12px
}

.flag-button .drop-arrow {
  position: relative;
  height: 11px;
  width: 10px;
  overflow: hidden
}

.flag-button .drop-arrow:before {
  content: "";
  border-color: #727272 transparent transparent;
  border-width: 6px 5px 5px;
  height: 0;
  border-style: solid;
  position: relative;
  bottom: -13px
}

.collection-item .flag-icon {
  margin-top: 6px
}

#multi-language ul li.selected {
  color: #000;
  font-weight: 700
}

#multi-language {
  right: 20px!important
}

.flag-icon {
  position: relative;
  display: inline-block;
  width: 16px;
  height: 11px
}

.flag-icon.flag-icon-squared {
  width: 1em
}

.flag-icon-cn {
  background-image: url(../images/cn.svg)
}

.flag-icon-cz {
  background-image: url(../images/cz.svg)
}

.flag-icon-de {
  background-image: url(../images/de.svg)
}

.flag-icon-dk {
  background-image: url(../images/dk.svg)
}

.flag-icon-es {
  background-image: url(../images/es.svg)
}

.flag-icon-fr {
  background-image: url(../images/fr.svg)
}

.flag-icon-jp {
  background-image: url(../images/jp.svg)
}

.flag-icon-pl {
  background-image: url(../images/pl.svg)
}

.flag-icon-pt {
  background-image: url(../images/pt.svg)
}

.flag-icon-se {
  background-image: url(../images/se.svg)
}

.flag-icon-us {
  background-image: url(../images/us.svg)
}

.flag-icon-it {
  background-image: url(../images/it.svg)
}

.flag-icon-ru {
  background-image: url(../images/ru.svg)
}

.cardList .cardListImg {
  height: 130px;
  margin: 35px 0 0;
  text-align: center;
  display: block;
  position: relative;
  padding: 0 .75rem
}

.cardList .cardListImg img {
  display: table;
  margin: 0 auto
}

.cardList .title {
  max-width: 100%;
  margin-bottom: 10px;
  float: left
}

.cardList .cardListContent {
  padding: 16px 0 10px
}

.cardList .cardListContent .txtWOTruncate {
  margin-top: -2px
}

.cardList .cardListContent.wishListView .title {
  max-width: calc(100% - 30px)
}

.cardList .cardListFooter {
  padding: 8px 0 0
}

.cardList .dropdown-content li span,.cardList input {
  font-size: .8571rem!important;
  line-height: 1rem!important;
  color: #000
}

.cardList .showSelectCheckboxWrap {
  position: absolute;
  top: 15px;
  right: 25px
}

.cardList .showSelectCheckboxWrap label {
  line-height: 27px!important
}

.cardList .dropdown-content li>span {
  padding: .3rem 1rem
}

.cardList .select-wrapper span.caret {
  top: 4px
}

.cardList .cardListContent .cartP {
  margin: 0
}

.cardList .cardListContent .listTxtAlign {
  text-align: left
}

.cardList .cardListContent p {
  margin-top: 0;
  margin-bottom: 0!important
}

.cardList .cardListContent p.clearfix {
  margin-bottom: 5px
}

.cardList .cardListContent p.productPrice {
  font-size: 13px;
  font-weight: 700
}

.cardList .cardListContent .input-field.productPrice {
  margin: 0
}

.cardList .cardListContent .input-field.productPrice input {
  height: 24px;
  margin: 0
}

.cardList .cardListContent .scs {
  margin-top: -3px;
  margin-bottom: 7px
}

.cardList .cardListContent .colStructure.supdet {
  margin: 5px 0 7px
}

.cardList .addCardOptions .addCardOptionsItem .dropdown-content {
  bottom: 0!important;
  top: inherit!important
}

.cardList .openCart .cardListImg {
  margin-top: -130px
}

.cardListFooter a.addToCart-btn {
  font-weight: 700;
  margin-right: 10px
}

.rating {
  margin-bottom: 5px;
  height: 16px;
  display: inline-block;
  position: relative;
  color: #e67300
}

.rating svg {
  width: 79.33px;
  height: 16px;
  fill: currentColor
}

.rating .rating-fill {
  top: 0;
  left: 0;
  bottom: 0;
  overflow: hidden;
  display: block;
  position: absolute;
  z-index: 1
}

.is-userRating {
  margin-bottom: 5px;
  display: inline-block
}

.is-userRating .icon svg {
  height: 17px;
  width: 17px
}

.star-rating-icon,.star-rating-icon:focus,.star-rating-icon:hover {
  color: #9e9e9e
}

.fill-rating-star,.fill-rating-star:focus,.fill-rating-star:hover {
  color: #e67300
}

.cardContent {
  height: 380px;
  position: relative
}

.columnView .addCardOptions .input-field {
  margin-top: 25px!important
}

.columnView .addCardOptionsAction {
  margin-top: 1px;
  padding-bottom: 15px
}

.columnView .goDown .greyPanel {
  margin: 70px 0 0;
  z-index: 1;
  position: relative
}

.columnView .goUp .greyPanel {
  display: block;
  z-index: 2;
  position: relative;
  margin-top: 20px
}

.columnView .cardListFooter {
  width: 100%
}

.columnView .goUp {
  margin-top: -147px;
  transition: all .5s
}

.columnView .goUp.cardList {
  padding-bottom: 0
}

.cartCount,.listView .cartCount {
  background: #ff9800;
  padding: 2px 10px;
  right: 0;
  font-size: 11px;
  color: #fff;
  position: absolute
}

.columnView .goUpMore {
  margin-top: -208px;
  transition: all .5s
}

.columnView .is-FixedService {
  margin-top: -86px;
  transition: all .5s
}

.columnView .goDown {
  margin-top: 0;
  transition: all .5s
}

.cartCount {
  border-radius: 3px 0 0 3px;
  top: 133px
}

.listView .cardContent {
  height: auto
}

.listView .cartCount {
  border-radius: 3px 0;
  top: 0
}

.listView .greyPanel {
  position: absolute;
  border: 0;
  bottom: 10px;
  height: 58px;
  left: inherit;
  padding-top: 0!important;
  background: #eee!important;
  width: 345px;
  z-index: 10;
  transition: all .5s
}

.compare-search,.listView .cardList .cardImgHolder {
  position: relative;
  float: left
}

.listView .greyPanel .greyPanel.ng-hide {
  width: 0;
  transition: all .5s
}

.listView .goDown .greyPanel {
  right: -345px
}

.listView .goUp .greyPanel {
  right: 0
}

.listView .goUpMore .greyPanel {
  right: 0;
  width: 465px
}

.listView .is-FixedService .greyPanel {
  right: 0;
  width: 225px
}

.listView .cardList {
  height: auto
}

.listView .cardList .cardImgHolder .cardListImg {
  width: 136px;
  height: 102px;
  margin: 15px 0 0;
  text-align: center;
  overflow: hidden;
  float: left;
  padding: 0
}

.listView .cardList .cardImgHolder .cardListImg img {
  height: auto;
  width: 100%
}

.listView .cardList .title {
  margin-bottom: 0
}

.listView .cardList .rating {
  margin-bottom: 2px
}

.listView .cardList .cardListContent {
  width: calc(100% - 185px);
  float: left
}

.listView .cardList .cardListContent .listTxtAlign {
  text-align: right
}

.listView .cardList .cardListContent .txtWOTruncate {
  margin-top: -2px
}

.listView .cardList .cardListContent p {
  margin-bottom: 5px!important
}

.listView .cardList .cardListContent p span+span {
  display: block
}

.listView .cardList .cardListContent .colStructure.supdet {
  margin: 3px 0 0
}

.listView .cardList .addCardOptionsItem {
  float: left;
  width: 120px
}

.listView .cardList .addCardOptionsAction {
  float: left;
  margin-left: 20px;
  margin-top: 10px
}

.listView .cardList .addCardOptions {
  float: left
}

.listView .cardListFooter {
  padding: 0 5px;
  margin-bottom: 6px
}

.listView>li {
  border-width: 0 0 1px;
  border-style: solid;
  border-color: #eaeaea
}

.listView>li.list {
  width: 100%!important;
  display: inline-block
}

.cardListContent .listTxtAlign .quantityfor .input-field input {
  margin-top: 4px
}

.compare-view {
  padding: 0 10px;
  margin: 30px auto
}

.compare-view .compare-img {
  width: 71px;
  height: 49px;
  float: left
}

.compare-view .compare-img img {
  max-width: 100%;
  max-height: 100%
}

.compare-view .compare-description {
  float: left;
  margin-left: 10px;
  width: calc(100% - 81px)
}

.compare-view .compare-description p {
  padding: 0;
  margin: 0;
  line-height: 12px;
  word-break: break-word
}

.compare-view .compare-description .waves-circle {
  line-height: 1.9em
}

.compare-view .card-panel {
  padding: 20px 0 0;
  margin: 1rem 1.5rem
}

.compare-view .card-panel .row+.row {
  margin-bottom: 7px
}

.compare-view .add-compare {
  border: 1px dashed #bbb
}

.compare-table-td,.compare-table-th {
  vertical-align: top;
  border-left: 1px solid #ededed
}

.compare-view .add-compare p {
  color: #bbb;
  text-align: center
}

.compare-view .compare-text {
  height: 41px;
  width: 68%;
  word-wrap: break-word;
  text-overflow: ellipsis;
  white-space: pre-wrap;
  overflow: hidden;
  line-height: 1.4;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: block;
  display: -webkit-box
}

.compare-view .columnView-compare-items {
  margin-bottom: 0
}

.compare-view .columnView-compare-items ._blankcompair {
  min-height: 51px;
  margin-bottom: 20px
}

.columnView-compare-items {
  padding: 0 .7143rem
}

.cardList {
  height: auto
}

.compare-search {
  padding: 0 0 0 35px;
  width: 100%
}

.compare-search input[type=text] {
  margin-top: 0
}

.compare-search-icon {
  position: absolute;
  left: 0!important;
  top: 0!important
}

.compare-search-remove {
  position: absolute;
  top: 0;
  right: 0
}

.cardList-title {
  width: 100%;
  float: left;
  text-align: left
}

.cardList-content {
  padding: .7143rem .3571rem 0
}

.cardList-imgPlaceholder {
  height: 130px;
  margin: 1.429rem 0 0;
  text-align: center;
  overflow: hidden;
  display: block;
  padding: 0 .75rem
}

.cardList-imgPlaceholder--img {
  display: table;
  margin: 0 auto;
  max-height: 100%;
  max-width: 129px
}

.cardList .cardListImg img {
  max-height: 100%;
  max-width: 100%
}

.compare-img--qty {
  background-color: #ff9800;
  font-size: 12px;
  color: #fff;
  position: absolute;
  bottom: 0;
  right: 6px;
  border-radius: 2px;
  padding: 0 5px
}

.compare-table {
  width: 100%
}

.compare-table.fixedTableHead {
  top: 50px!important
}

.compare-table th {
  font-size: 1rem
}

.compare-table .cardClose {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 500
}

.compare-table-th {
  border-bottom: 1px solid #ededed;
  padding-bottom: 1.429rem!important
}

.compare-table-td {
  padding: 10px 20px
}

.compare-product-view .select-wrapper span.caret {
  overflow: hidden
}

.fixedTableHead {
  position: fixed;
  background: #fff;
  top: 100px;
  box-shadow: 0 0 10px #aaa;
  z-index: 10;
  transition: all .15s ease-in
}

.catalog-main-view-container {
  overflow: hidden
}

.catalog-main-view-container:not(.collapse-filter) .catalog-filter,.catalog-main-view-container:not(.collapse-filter) .filterView {
  padding-bottom: 99999px!important;
  margin-bottom: -99999px!important
}

.catalog-filter {
  background: #fafafa;
  border-top: 1px solid #eaeaea;
  border-right: 1px solid #eaeaea;
  float: left;
  padding: 0!important;
  width: 275px
}

.catalog-filter .collection .collection-item {
  background: 0 0;
  padding: .7143rem 0
}

.catalog-filter .input-field .iconFix~input {
  width: 100%
}

.catalog-filter .iconFix {
  left: 90%
}

.catalog-filter .filterItem {
  padding: 0 .75rem;
  margin-bottom: 20px
}

.catalog-filter .filterWidth100p .scroll-content>div {
  width: 100%!important;
  max-width: 100%!important
}

.catalog-filter .leftSide-inner {
  position: relative;
  z-index: 800
}

.catalog-filter .filter-section-item .sub-ops .dropdown-content {
  max-height: 300px
}

.catalog-filter-container .collection-item label {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: calc(100% - 60px)
}

.filter-view {
  padding: 0!important;
  width: calc(100% - 275px)
}

.filter-view--autoWidth {
  width: auto
}

.filter-view ul li .cardListImg {
  position: relative
}

.cart-checkbox {
  position: absolute;
  top: 5px;
  right: 10px;
  width: 21px;
  height: 21px
}

.listView .cardList .cardListImg {
  width: 185px;
  height: auto;
  margin: 15px 0 0;
  text-align: center;
  overflow: hidden;
  float: left;
  padding: 0
}

.listView .cardList .cardListImg img {
  max-width: 75%
}

.addField {
  padding: 1.571rem 1.786rem .7143rem;
  border-bottom: 1px solid #e0e0e0
}

.iconlist,.iconlist-item {
  border-style: solid;
  border-color: #e0e0e0
}

.addField .addField-inputHolder {
  width: 85%;
  margin-right: 1.25rem
}

.addField .expressText {
  font-size: 12px;
  color: rgba(0,0,0,.64)
}

.addField-focusColor pre {
  color: #303030
}

.addField-focusColor input::-webkit-input-placeholder {
  color: #303030
}

.addField-focusColor input:-moz-placeholder {
  color: #303030
}

.addField-focusColor input::-moz-placeholder {
  color: #303030
}

.addField-focusColor input:-ms-input-placeholder {
  color: #303030
}

.iconlist {
  border-width: 1px 0 0 1px
}

.iconlist-item-wrapper {
  padding: 1.429rem .3571rem;
  height: 171px;
  position: relative
}

.iconlist-item-wrapper-content {
  position: absolute;
  bottom: 1.429rem;
  left: 0;
  right: 0
}

.iconlist-item {
  border-width: 0 1px 1px 0
}

.iconlist-item-logo {
  text-align: center;
  margin-bottom: .7143rem
}

.iconlist-item-link {
  font-weight: 700
}

.iconlist-item-text {
  font-size: .8571rem;
  color: #9e9e9e
}

.search-header .input-field input {
  padding: 0 0 .2rem .5rem;
  width: calc(100% - 7rem);
  margin: 0 0 0 2rem;
  border-bottom: 1px solid rgba(255,255,255,.5)!important;
  height: 100%
}

.search-header .input-field label {
  top: 0;
  left: 0
}

.search-header .input-field label.active i {
  color: #fff
}

.search-header .input-field label.active {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0)
}

.advance-search-lead-time-cnt .input-field label.active,.advance-search-price-cnt .input-field label.active {
  bottom: 27px;
  font-size: .8rem;
  width: calc(100% - 1.5rem)
}

.recommended-items,.slide-animation {
  -webkit-transition: all cubic-bezier(.25,.46,.45,.94) 1s;
  -moz-transition: all cubic-bezier(.25,.46,.45,.94) 1s;
  -ms-transition: all cubic-bezier(.25,.46,.45,.94) 1s;
  -o-transition: all cubic-bezier(.25,.46,.45,.94) 1s;
  transition: all cubic-bezier(.25,.46,.45,.94) 1s
}

.filter-selected-list {
  background: #FFF9C4;
  position: fixed;
  left: 0;
  bottom: 0;
  padding: 10px;
  z-index: 10000;
  width: 100%
}

.recommended-items {
  width: 25%;
  left: 0
}

.recommended-items.ng-hide,.recommended-items.suggested-items {
  left: -25%
}

.recommended-items-popup .cart-checkbox {
  position: relative;
  float: left;
  margin: 25px 10px 25px 25px
}

.recommended-items-popup .listView .cardList .cardListContent {
  width: calc(100% - 250px)
}

.recommended-items-popup .listView .cardList .cardListImg img {
  padding: 10px
}

.selected-items td,.selected-items th {
  padding: 15px 20px
}

#header_search_box,#left-content {
  width: 75%;
  position: absolute;
  top: 0;
  left: 0
}

#header_search_box.ng-hide,#left-content.ng-hide {
  left: -75%;
  opacity: 0
}

.slider-nav .imageCarousel {
  height: 75px;
  margin: 11px 5px;
  overflow: hidden
}

.slider-item img,.slider-nav .imageCarousel img {
  max-height: 100%;
  max-width: 100%;
  margin: 0 auto
}

.slider-item {
  height: 100%
}

.slider-nav {
  height: 75px!important
}

.smartslider-container-list {
  position: relative;
  left: 0;
  width: 2000%;
  transition: all .3s ease-in-out
}

.columnView>.card-content-listitem {
  float: left;
  border-width: 1px;
  width: 30%;
  position: relative
}

.smartslider-container {
  overflow: hidden
}

.card-content-listitem .cardList .cardListImg img {
  width: auto
}

.smartslider-container>.collection {
  border: 0
}

.white.ng-enter {
  transition: .2s linear all 0s;
  transform: translate3d(0,30%,0);
  opacity: 0
}

.collection-item--animate.ng-enter-stagger,.white.ng-enter-stagger {
  transition-delay: .4s;
  transition-duration: 0s
}

.collection-item--animate.ng-enter.ng-enter-active,.white.ng-enter.ng-enter-active {
  opacity: 1;
  transform: translate3d(0,0,0)
}

.cartItem-datefield .input-field,.griddropdownList .input-field {
  margin: 0
}

.cartItem-datefield .input-field input[type=text] {
  cursor: pointer
}

.griddropdownList .active {
  display: none
}

.compareAnimation.ng-enter {
  transition: .2s linear all 0s;
  transform: translate3d(0,30%,0);
  opacity: 0
}

.compareAnimation.ng-enter.ng-enter-active {
  opacity: 1;
  transform: translate3d(0,0,0)
}

.scrolledContainer .dropdown-button {
  width: 100%;
  display: inline-block
}

.card-content-partnerlist td:first-child,.card-content-partnerlist th:first-child {
  padding-left: 5px
}

.griddropdownList .select-wrapper {
  width: 120px
}

.griddropdownList {
  width: 170px
}

.headersearch.searchSlideMain {
  position: absolute;
  height: 50px;
  width: calc(100% - 270px);
  right: 210px;
  transition: all ease-in-out 1s;
  bottom: 2px
}

.homepageSearch.headersearch.searchSlideMain {
  right: 15px;
  width: calc(100% - 85px)
}

.headersearch .searchWithHiddenTextField .input-field {
  margin-top: 12px;
  z-index: 10
}

.itemDetailheadersearch.searchSlideMain {
  width: calc(100% - 210px);
  right: 164px
}

.reqnewheadersearch.searchSlideMain {
  width: calc(100% - 282px)
}

.wishlistheadersearch.searchSlideMain {
  width: calc(100% - 220px);
  right: 174px
}

.cartheadersearch.searchSlideMain {
  width: calc(100% - 205px);
  right: 145px
}

.compareheadersearch.searchSlideMain {
  width: calc(100% - 170px);
  right: 124px
}

.landinglistheadersearch.searchSlideMain {
  width: calc(100% - 230px);
  right: 160px
}

.landinglistheadersearch.searchBarNew.searchSlideMain {
  right: 212px;
  width: calc(100% - 273px)
}

.templateheadersearch.searchSlideMain {
  width: calc(100% - 55px);
  right: 10px
}

.headersearch pre {
  color: rgba(209,209,209,.6);
  margin-top: 4px;
  font-size: 14px
}

.headersearch .searchWithHiddenTextField {
  background: #0067b0;
  height: 100%
}

.headersearch .searchWithHiddenTextField .cancel-icon {
  top: 10px;
  right: 5px;
  z-index: 15
}

.headersearch .searchWithHiddenTextField .search-icon {
  top: 11px;
  z-index: 20
}

.headersearch .searchWithHiddenTextField input {
  border-bottom: 1px solid #3184bf!important;
  color: #fff;
  background-color: transparent;
  transition: none
}

.headersearch .searchWithHiddenTextField.active input {
  padding-right: 28px;
  box-sizing: border-box
}

.headersearch .searchWithHiddenTextField .dummyTextWrapper {
  position: absolute;
  top: 13px;
  width: 100%;
  padding: 0 .8rem 0 2.5rem;
  z-index: 0
}

.headersearch .searchWithHiddenTextField .dummyText {
  font-size: 1rem;
  width: calc(100% - 30px);
  height: 28px;
  line-height: 27px;
  border-bottom: 1px solid #3184bf;
  display: block
}

.headersearch ::-webkit-input-placeholder {
  color: rgba(209,209,209,.6)
}

.headersearch :-moz-placeholder {
  color: rgba(209,209,209,.6)
}

.headersearch ::-moz-placeholder {
  color: rgba(209,209,209,.6)
}

.headersearch :-ms-input-placeholder {
  color: rgba(209,209,209,.6)
}

.addReview-manage {
  position: relative
}

.addReview-manage-comment {
  padding-right: 2.8rem!important
}

.addReview-manage-info {
  position: absolute;
  right: 10px;
  top: 25px
}

.addReview-manage-comment input,.addReview-manage-comment textarea.materialize-textarea {
  width: calc(100% - 30px);
  padding-right: 30px;
  max-height: 64px
}

.manage-space .collection {
  border: none
}

.image-clone {
  opacity: .5;
  position: fixed!important;
  z-index: 9999
}

.lookup-popup-width {
  width: auto;
  padding: 10px 25px 25px
}

.itemDetails-slick--alignment .choose_slider_items,.itemDetails-slick--alignment .slick-list,.itemDetails-slick--alignment .slick-slider {
  margin: 0!important
}

.itemDetails-slick--alignment .slick-list {
  width: 100%!important
}

.itemDetails-slick--alignment .card-page-container {
  min-height: 417px
}

.itemDetails-slick--alignment .slick-dots {
  display: none!important
}

.itemDetails-slick--alignment .slick-next,.itemDetails-slick--alignment .slick-prev {
  top: calc(100% + 20px);
  width: 25px;
  height: 25px;
  background: #fff!important;
  border: 1px solid #2196F3;
  color: #0177d6
}

.itemDetails-slick--alignment .slick-next {
  right: 0
}

.itemDetails-slick--alignment .slick-prev {
  right: 35px;
  left: initial
}

.itemDetails-slick--alignment .choose_slider_items {
  padding: 0!important;
  border-left: 1px solid #eaeaea;
  border-right: 1px solid #eaeaea
}

.itemBorder {
  border: 1px solid #eaeaea;
  border-left: 0
}

.cart-items-description {
  margin-bottom: 7px
}

.cart-items-sub-text {
  margin-bottom: 1px
}

.cart-items-sub-text:last-child {
  margin-bottom: 0
}

.edit-punchout-link {
  margin-top: 15px
}

.edit-punchout-link .edit-punchout-icon {
  margin: -1px 0 0 5px
}

.cardContent.card-tile {
  height: 524px;
  position: relative
}

.cardContent.card-tile.cart-tile-new-height {
  height: 450px
}

.cardContent.card-tile .quantityfor input[type=text] {
  margin: 0
}

.cardContent.card-tile .topStript {
  width: calc(100% - 35px);
  background-color: rgba(255,255,255,.45);
  position: absolute;
  right: 0;
  top: 0
}

.cardContent.card-tile .topStript ul.dropdown-content {
  z-index: 800
}

.cardContent.card-tile .topStript+.cardListImg {
  margin-top: 8px
}

.cardContent.card-tile .cardList .morech {
  z-index: 1;
  cursor: default
}

.cardContent.card-tile .forlbl {
  margin-top: 6px
}

.cardContent.card-tile ._fxLbl>label {
  left: 0
}

.cardContent.card-tile .cardListContent {
  padding-bottom: 0
}

.catalogPurchaseReqItem {
  position: relative;
  padding-right: 35px!important
}

.catalogPurchaseReqItem>span {
  display: inline-block;
  width: 35px;
  position: absolute;
  right: 0;
  text-align: center
}

.catalogPurchaseReqItem.catalogItemDetailHeading>span {
  top: 10px
}

.listView .cardContent.card-tile {
  height: auto
}

.listView .cardContent.card-tile .cardList .bin {
  width: auto
}

.listView .cardContent.card-tile .cardList .scs {
  width: auto;
  border-left: 1px solid #bcbcbc;
  line-height: 14px;
  margin: 0
}

.listView .cardContent.card-tile .cardList .scs .pro-rating-star {
  position: relative;
  top: -2px
}

.listView .cardContent.card-tile .cardList .supdet>p:not(.catalog-card-supplier-name-wrap) {
  display: inline-block;
  vertical-align: middle;
  line-height: 21px;
  border-right: 1px solid #bcbcbc;
  margin-right: 6px;
  padding-right: 8px;
  float: left
}

.listView .cardContent.card-tile .cardList .supdet>p:last-child {
  border: 0
}

.listView .cardContent.card-tile .cardList .morech {
  position: static
}

.listView .cardContent.card-tile .cardList .lcontent {
  margin-top: 10px
}

.listView .cardContent.card-tile .cardList .cardListImg {
  position: static;
  margin-top: 35px
}

.listView .cardContent.card-tile .cardList .topStript {
  bottom: 11px;
  top: auto;
  width: 74px;
  left: 110px;
  right: initial
}

.listView .cardContent.card-tile .cardList .icon {
  font-size: inherit
}

.listView .effortsTextField,.listView .quantityTextField {
  width: calc(100% - 70px)
}

.effortsTextField,.quantityTextField {
  width: calc(100% - 90px)
}

.product-incart {
  display: inline-block;
  position: absolute;
  z-index: 99
}

.compare-wrap-fixed-with-full-width.columnView-compare,.compare-wrap-fixed.columnView-compare {
  position: fixed;
  width: 75%;
  right: 0;
  z-index: 998;
  top: 101px;
  background-color: #fff
}

.collapse-filter .compare-wrap-fixed.columnView-compare {
  width: 100%
}

.compare-wrap-fixed-with-full-width.columnView-compare {
  width: 100%;
  top: 49px
}

.catalog-price-container .catalog-price-content .catalog-unit-price {
  width: 186px!important
}

.catalog-price-container .catalog-price-content .catalog-unit-price label {
  left: 0;
  text-align: left
}

.catalog-price-container .catalog-price-content .unit-price-currency {
  padding: 15px 0 0 10px;
  color: rgba(0,0,0,.64)
}

.listView .cardContent .catalog-price-container {
  width: 230px!important;
  float: right!important;
  padding: 0!important
}

.catalog-card-item-type,.catalog-card-item-type-ContractExp {
  width: 0;
  height: 0;
  z-index: 1;
  border-right: 40px solid transparent;
  display: inline-block;
  position: absolute;
  left: 0
}

.listView .cardContent .catalog-price-container .catalog-price-content {
  float: right
}

.listView .cardContent .catalog-add-cart {
  padding: 0
}

.isRowDisabled {
  pointer-events: none;
  cursor: default;
  color: #ccc
}

.lineHeight43 {
  line-height: 43px
}

.catBrowsingPopup .modal-footer {
  padding: 0!important
}

.catalog-card-item-type {
  top: 0;
  border-top: 40px solid #268406
}

.catalog-card-item-type i {
  position: absolute;
  top: -40px;
  left: 0;
  color: #fff
}

.catalog-card-item-type-ContractExp {
  top: 0;
  border-top: 40px solid #d63d3d
}

.catalog-card-item-type-ContractExp i {
  position: absolute;
  top: -40px;
  left: 0;
  color: #fff
}

.time-price-cont {
  min-height: 30px
}

.catalog-sub-header-cont {
  z-index: 5
}

.ms-radio .input-field label {
  margin-top: -5px;
  position: static
}

.ms-radio .redio-chanel label {
  bottom: 0!important
}

.ms-radio .input-field {
  margin: 0
}

.cc-option .error {
  color: #f44336;
  position: absolute;
  bottom: 4px;
  left: 10px;
  font-size: 12px
}

.cc-option {
  position: relative
}

.marginLeft4N {
  margin-left: -4px!important
}

.marginLeft28N {
  margin-left: -28px!important
}

.fixed-header-when-scrolled {
  position: absolute;
  background: #fff;
  z-index: 10;
  border-bottom: 1px solid #d0d0d0
}

.marginBottom25 {
  margin-bottom: 25px
}

.catalog-filter {
  background-color: #fff!important
}

.borderBottme5e5e5 {
  border-bottom: 1px solid #e5e5e5
}

.filterSection .filterSearchIcon {
  position: absolute;
  top: 2px
}

.filterSection .filterText {
  padding-left: 0;
  box-sizing: border-box;
  margin-left: 34px;
  width: calc(100% - 43px)
}

.filter-section-item .withSearchIcon input[type=text]:focus:not([readonly]) {
  padding-left: 0!important
}

.marginleft11 {
  margin-left: 11px
}

.filterCloseIcon.tFocus {
  display: block!important
}

.marginBottom10 {
  margin-bottom: 10px
}

.marginLeft30 {
  margin-left: 30px!important
}

.sub-ops {
  white-space: nowrap;
  color: #858585;
  margin-bottom: 6px;
  overflow: hidden;
  height: 20px;
  margin-top: 4px
}

.sub-ops span {
  margin-top: 17px;
  display: inline-block;
  transition: all .2s ease
}

.filter-tl {
  position: relative;
  top: 16px;
  transition: all .2s ease;
  color: #000
}

.filter-tl.active {
  top: 6px
}

.filter-tl.active+.sub-ops span {
  margin-top: 0
}

.filter-section-item.active .filter-tl {
  color: #0177d6
}

.list-chk label {
  white-space: nowrap;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  float: left
}

.releted-keys input[type=text] {
  display: block!important
}

.releted-keys .typeahead-lookup-sel-title {
  display: none!important
}

.filter-section-item .filterRemoveIcon {
  font-size: 0!important;
  margin-top: 16px
}

.main-view-container>.catalog-filter {
  transition: all .5s ease;
  z-index: 4;
  top: 165px;
  height: calc(100% - 165px)
}

.main-view-container>.filterView {
  transition: all .5s ease
}

.main-view-container.collapse-filter>.catalog-filter {
  margin-left: -25%
}

.main-view-container.collapse-filter>.filterView {
  width: 100%
}

.main-view-container.collapse-filter>.filterView .columnView .col.list {
  width: 25%
}

.sub-header-fixed .catalog-filter {
  top: 100px;
  height: calc(100% - 100px)
}

.padding18 {
  padding: 18px 0 18px 11px!important
}

.info-opened .catalog-filter {
  top: 210px;
  height: calc(100% - 214px)
}

.sub-ops-pop-view {
  width: auto!important;
  max-width: 80%
}

.sub-ops-pop-view._opacity0 {
  opacity: 0!important
}

.sub-header-fixed.info-opened .catalog-filter {
  top: 146px;
  height: calc(100% - 150px)
}

.sub-header-fixed.info-opened.collapse-filter .catalog-filter {
  height: 0
}

.catalog-filter .collection .collection-item .list-slp {
  margin-right: 22px
}

.sub-ops-pop-view .secondary-content {
  top: 8px!important;
  right: 8px!important
}

.filter-section-item.active {
  border-left: 2px solid #0177d6;
  background-color: #fafafa
}

.clo-ico {
  margin-top: -8px
}

.colorError {
  color: #d63d3d;
  font-size: 12px
}

.alignErrorMsg {
  margin-left: 8px;
  margin-bottom: 5px
}

.marginRight5N {
  margin-right: -5px
}

.txt-search {
  margin-right: 10px
}

.txt-search input {
  box-sizing: border-box;
  padding-right: 32px!important
}

.leftSide-footer,.rightSide-footer {
  position: fixed;
  bottom: 0;
  left: 0;
  padding: 13px 0;
  background: #fafafa;
  z-index: 970;
  border-top: 1px solid #e8e8e8;
  border-right: 1px solid #e8e8e8
}

.txt-search input::-webkit-input-placeholder {
  color: #b5b5b5
}

.txt-search input:-moz-placeholder {
  color: #b5b5b5
}

.txt-search input::-moz-placeholder {
  color: #b5b5b5
}

.txt-search input:-ms-input-placeholder {
  color: #b5b5b5
}

.leftSide-footer {
  width: 25%;
  margin-left: 0;
  transition: all .5s ease
}

.collapse-filter .leftSide-footer {
  margin-left: -25%
}

.rightSide-footer {
  width: 75%;
  margin-left: 25%;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  -ms-transition: all .5s ease;
  transition: all .5s ease
}

.collapse-filter .rightSide-footer {
  margin-left: 0;
  width: 100%
}

.absolutePos {
  position: absolute!important
}

.catalog-itemMaster-uiGrid-wrapper .ui-grid {
  border-top: none
}

.catalog-itemMaster-uiGrid-wrapper .ui-grid-contents-wrapper {
  border: 1px solid #d4d4d4
}

.divAsTable .divAsTR .dtHeaderTD .priceInfoIcon {
  display: block;
  height: 21px;
  margin-left: 6px
}

.cart-need-by-date input[type=text],.localizedReadOnly input {
  height: auto;
  margin: 0
}

.headerWishlistWrap ul li:nth-last-child(2) {
  border-bottom: 1px solid #eee
}

.black64p {
  color: rgba(0,0,0,.64)
}

.manageWLNameCnt {
  width: calc(100% - 150px)
}

.supplier-name-cnt {
  width: 100%
}

.cart-need-by-date .input-field.readOnlyField,.localizedReadOnly {
  margin: 0
}

.publish-by-val-cnt {
  display: inline-block;
  width: calc(100% - 15px)
}

.publish-by-val-inner-cnt {
  display: inline-block;
  width: calc(100% - 105px)
}

@media only screen and (max-width: 1024px) {
  .cardList .title {
      max-width:171px;
      text-overflow: ellipsis;
      overflow: hidden
  }
}

@media only screen and (min-width: 1025px) {
  .cardList .efforts-field,.cardList .quantity-field {
      margin:0
  }

  .cardList .efforts-field label,.cardList .quantity-field label {
      float: left;
      width: 55px;
      padding-right: 5px;
      position: relative;
      top: 7px;
      left: 0
  }

  .cardList .efforts-field input,.cardList .quantity-field input {
      float: right;
      width: calc(100% - 55px);
      margin: 0
  }

  .cardList .efforts-field input:focus+label,.cardList .quantity-field input:focus+label {
      color: #000
  }

  .cardList .forlbl {
      margin-top: 5px
  }
}

@media only screen and (max-width: 1200px) {
  .compare-wrap-fixed-with-full-width.columnView-compare,.compare-wrap-fixed.columnView-compare {
      width:75%
  }
}

@media only screen and (max-width: 960px) {
  .main-view-container.collapse-filter>.catalog-filter {
      margin-left:-33.3333%
  }

  .compare-wrap-fixed-with-full-width.columnView-compare,.compare-wrap-fixed.columnView-compare {
      width: 66.66667%
  }

  .leftSide-footer {
      width: 33.33%
  }

  .collapse-filter .leftSide-footer {
      margin-left: -33.33%
  }

  .rightSide-footer {
      width: 66.67%;
      margin-left: 33.33%
  }

  .cardList .cardListContent {
      padding: 0 0 10px
  }

  .cardList .title {
      max-width: 158px
  }

  .fixedTableHead .cardList .cardListContent {
      padding: 16px 0 10px
  }

  .main-view-container.collapse-filter>.filterView .columnView .col.list {
      width: 50%
  }
}

.fixed-action-btn.top.catalog-floating-btn {
  top: 185px;
  right: 24px
}

.width6percent {
  width: 6%;
  max-width: 100px
}

.catalogSearch.headersearch.searchSlideMain {
  width: 35px;
  right: 301px
}

.catalogSearch.headersearch.searchSlideMain.active {
  width: calc(100% - 376px)
}

.width500 {
  width: 500px!important
}

.dd-header {
  padding: 15px 14px 35px;
  border-bottom: 1px solid rgba(0,0,0,.1)
}

.dd-header-title {
  font-size: 18px;
  font-weight: 400
}

.dd-content {
  padding: 17px 14px 10px;
  color: #4d4d4d;
  text-align: justify
}

.gridItemName,.searchWrapper .search-field input {
  padding-left: 10px
}

.searchWrapper .all-categories-select {
  width: 190px;
  position: absolute;
  margin-top: 15px;
  left: 10px
}

.searchWrapper .all-categories-select input.select-dropdown {
  font-size: 18px;
  padding-top: 5px;
  color: rgba(0,0,0,.64)
}

.searchWrapper .all-categories-select span.dropdown-button {
  font-size: 14px;
  width: 86%
}

.searchWrapper .all-categories-select i {
  position: absolute;
  left: calc(100% - 12%)
}

.searchWrapper .all-categories-select #searchCategories {
  top: 38px!important;
  left: -10px!important;
  height: 300px!important
}

.searchWrapper .search-field {
  margin-left: 205px;
  border-left: 1px solid #e5e5e5
}

.gridItemName {
  margin-left: 20px;
  position: relative;
  display: block
}

.gridItemName .catalog-card-item-type {
  left: -27px;
  top: 0;
  border: none;
  height: 29px;
  width: 29px;
  background: #268406
}

.gridItemName .catalog-card-item-type.catalog-card-item-type-ContractExp {
  background: #d63d3d
}

.gridItemName .catalog-card-item-type i {
  top: 0;
  left: 3px
}

.ddAdjustRight {
  left: auto!important;
  right: 0
}

.checkboxSpaceRight {
  margin-right: 30px
}

@media only screen and (min-width: 961px) {
  .truncateLgNXxl .truncateLgNXxlTarget {
      display:block;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      width: 30%;
      margin-right: 15px
  }

  .truncateLgNXxl .truncateLgNXxlTarget:last-child {
      margin-right: 0
  }
}

@media only screen and (min-width: 1201px) {
  .truncateLgNXxl .truncateLgNXxlTarget {
      width:auto
  }

  .cardList-imgPlaceholder--img {
      max-width: 203px
  }
}

@media only screen and (min-width: 1501px) {
  .cardList-imgPlaceholder--img {
      max-width:100%
  }
}

.formCheckboxGroup {
  margin-bottom: 15px;
  height: 50px;
  line-height: 50px;
  margin-top: .2rem;
  position: relative
}

.formCheckboxGroup label.active {
  line-height: normal;
  position: absolute;
  bottom: 37px;
  font-size: 12px
}

.docInfo,.proc-profile-comp {
  font-size: 14px
}

.procurment-text {
  float: left;
  margin-top: 3px;
  color: #1c1c1c
}

.proc-profile-selector {
  height: 25px;
  overflow: hidden;
  float: left
}

.proc-profile-selector:after {
  clear: both
}

.manage-profile-icon {
  margin-left: 10px;
  display: inline-block;
  height: 30px;
  overflow: hidden
}

li.listWithIcon {
  position: relative
}

li.listWithIcon a.listLinkContent {
  padding-right: 25px;
  outline: 0;
  max-width: 90%
}

li.listWithIcon a.iconInsideList {
  position: absolute;
  right: 10px;
  top: 10px;
  padding: 0;
  outline: 0
}

.docInfo:after,.docList,.docList-li-pad,.docListWrap {
  position: relative
}

.readonly-number-field input {
  height: 21px;
  line-height: 21px;
  margin: 0
}

.viewChangePg {
  padding-bottom: 100px
}

.viewChangePg .fixedTopHeader {
  width: 100%!important;
  left: 0
}

.viewChangePg .btnHolder {
  height: 93px
}

.docInfo {
  float: left;
  padding: 20px
}

.docInfo:after {
  border-right: 1px solid #000;
  right: -20px;
  display: inline-block;
  height: 20px;
  top: 5px
}

label.docInfo-lbl {
  font-size: 14px;
  color: #000
}

span.docInfo-val {
  color: #757575
}

.docInfoWrap .sep {
  float: left;
  padding-top: 19px;
  color: #000
}

.viewChangePg--compared .docList {
  box-shadow: 0 3px 5px 0 rgba(0,0,0,.1);
  border-bottom: 1px solid #ccc;
  padding-top: 13px
}

.docList-hdr {
  background: rgba(0,0,0,.02);
  padding: 10px
}

.docList-hdr-left {
  padding-right: 28px;
  margin-bottom: 12px
}

.docList-hdr-left:last-child {
  margin-bottom: 0;
  padding: 0
}

.docList-li-pad {
  box-shadow: 0 3px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
  margin: 0 10px 30px
}

.docList-hdr-chkWrap {
  position: absolute;
  right: 1px;
  top: 10px
}

.docList-hdr-left-lbl {
  color: #757575;
  font-size: 12px
}

.doc-hdr-amt {
  float: right
}

.docList-cnt {
  padding: 10px
}

.docList-cnt-field .d-c-f-label {
  padding-left: 0;
  color: #9e9e9e
}

.value-divider {
  margin-right: 10px;
  color: #9e9e9e
}

.docList-cnt-field .docList-value {
  width: calc(100% - 15px)
}

.changeLnk {
  position: relative;
  top: 30%;
  transform: translateY(-30%)
}

.docListWrap-hdr {
  padding-left: 20px
}

.viewChangePg table td,.viewChangePg table th {
  padding-left: 25px;
  font-weight: 400
}

.viewChangePg table th {
  font-size: 12px;
  color: #757575
}

.t-title {
  font-size: 18px;
  padding-left: 25px
}

.lineChangeFltr {
  position: absolute;
  right: 25px;
  margin-top: 25px
}

table td.right-align,table th.right-align {
  padding-right: 25px
}

.sts {
  padding: 4px
}

.stsCir--approved {
  background: #268406
}

.stsCir--modified {
  background: #e67300
}

.stsCir--cancelled {
  background: #ccc
}

.stsCir--rejected {
  background: #d63d3d
}

.stsCir--icon {
  width: 17px;
  height: 17px;
  display: inline-block;
  border-radius: 11px
}

.sts-list {
  font-weight: 400;
  z-index: 1
}

.sts-li {
  padding: 0 0 2px 60px;
  line-height: 1.5rem!important
}

.sts-list .stsCir {
  float: left;
  margin-right: 10px;
  margin-top: 12px;
  padding: 0
}

.sts-cnt-info {
  font-size: 12px;
  color: #757575
}

.sts-cnt {
  float: left
}

.sts-cnt-hdr {
  margin-top: 10px
}

.navFixedUp .viewChangePg {
  padding-top: 10px!important
}

.fixedTopHeader {
  position: fixed;
  z-index: 4;
  background: #fff;
  top: 50px;
  left: 10px;
  width: calc(100% - 89px)!important;
  box-shadow: 0 0 2px
}

.popHdr {
  background: #0067b0;
  color: #fff;
  padding: 22px 24px;
  width: 100%
}

.popHdr:after {
  clear: both;
  width: 100%;
  height: 0
}

.popHdr-name,.popHdr-status {
  padding-bottom: 4px
}

.popHdr-name {
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 90%;
  white-space: nowrap
}

.popHdr-info {
  font-size: 12px
}

.popAction {
  padding: 14px 24px
}

.popAction-txt {
  padding: 0 5px
}

.popAction .popAction-txt,.popAction .stsCir--icon {
  vertical-align: middle
}

.popAction .arr {
  vertical-align: bottom
}

.popHdr-lineArr {
  position: absolute;
  top: 22px;
  right: 16px
}

#lineItemModal .tabs {
  border-bottom: 1px solid #e3e3e3;
  box-shadow: 0 0 1px 0 rgba(0,0,0,.4)
}

.docInfoWrap--main {
  background: #fff9c4;
  box-shadow: 0 2px 1px 0 rgba(0,0,0,.2)
}

.footer.page-footer {
  position: fixed
}

.col.lineitem-tab--spliter {
  border-bottom: 1px solid #d0d0d0;
  padding-bottom: 15px
}

.itemPopup--tabContentHeight {
  height: 308px
}

.d-c-f-value {
  position: relative
}

.d-c-f-value.col {
  padding-left: 1.45rem
}

.d-c-f-value .value-divider {
  position: absolute;
  left: .75rem;
  top: 0
}

.backspace {
  padding-right: 15px
}

.h2Icon {
  margin-right: 13px
}

.progress-bar {
  position: relative;
  margin: 50px auto 0;
  display: table
}

.progress-bar .profilePic {
  position: relative;
  height: 200px
}

.progress-bar div {
  position: absolute;
  height: 200px;
  width: 200px;
  border-radius: 50%
}

.progress-bar .background {
  background-color: #fff;
  border: 1px solid #fff
}

.progress-bar .rotate {
  clip: rect(0 100px 200px 0);
  background-color: #4b86db
}

.progress-bar .left {
  clip: rect(0 100px 200px 0);
  opacity: 1;
  background-color: #b3cef6
}

.progress-bar .right {
  clip: rect(0 100px 200px 0);
  transform: rotate(180deg);
  opacity: 0;
  background-color: #4b86db
}

.progress-bar .roundImg {
  overflow: hidden;
  box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
  position: absolute;
  font-family: Arial;
  font-size: 25px;
  line-height: 175px;
  height: 175px;
  width: 175px;
  left: 12.5px;
  top: 12.5px;
  text-align: center;
  border-radius: 50%
}

.progress-bar .bigText,.progress-bar .smallText {
  display: block;
  text-align: center;
  color: #0177d6;
  text-transform: uppercase
}

.progress-bar .bigText {
  font-size: 25px;
  font-size: 33px;
  line-height: 29px;
  margin-top: 10px
}

.progress-bar .smallText {
  font-size: 16px
}

.accountDetails ul.ui-sortable {
  margin-top: 0
}

.accountDetails .collapsible {
  margin: .57rem 0
}

.accountDetails .collapsible .collapsible-body {
  border-bottom: none;
  text-align: left
}

.configure-chkHdrTbl th,.configure-chkTbl td,.configure-hdr-txt,.overviewContainer-title {
  text-align: center
}

.accountDetails .collapsible form {
  padding-bottom: 1rem
}

.accountDetails .collapsible form .row,.accountDetails .collapsible form .row .col input {
  margin-bottom: 0
}

.row .col.accountDetails {
  padding: 0 .57rem
}

.secondary-navigation {
  right: -186px
}

.secondary-navigation ul li a span:active,.secondary-navigation ul li a span:hover {
  color: #000
}

.lowerHeading,.lowerHeading ul li a {
  color: #fff
}

.accountDetailPage {
  overflow: hidden;
  padding-top: 12px
}

.readOnlyForm .card-panel .col:nth-child(1) ul {
  margin-left: 1rem;
  margin-top: 1.5rem
}

.readOnlyForm .card-panel .col:nth-child(2) ul {
  margin-right: 1rem;
  margin-top: 1.5rem
}

.readOnlyForm .card-panel .col:nth-child(3) ul,.readOnlyForm .card-panel .col:nth-child(4) ul,.readOnlyForm .card-panel .col:nth-child(5) ul {
  margin: 1rem
}

.readOnlyForm {
  Padding: 0
}

.readOnlyForm .secondUl {
  border-left: 1px solid #e5e5e5
}

.readOnlyForm ul li {
  font-size: 14px
}

.readOnlyForm ul li .label {
  font-weight: 700;
  margin-right: 15px
}

.readOnlyForm .border {
  border-top: 1px solid #e5e5e5
}

.readOnlyForm .floatBreak {
  float: none;
  display: block
}

.lowerHeading ul li {
  float: left
}

.iconFix {
  width: 3rem;
  -webkit-transition: color .2s;
  -moz-transition: color .2s;
  -o-transition: color .2s;
  -ms-transition: color .2s;
  top: 0
}

.previewMode {
  display: none
}

.previewModeContainer {
  transition: 1s ease-out
}

.item-details-template-wrap {
  margin: 0 -10px;
  padding: 0!important;
  box-shadow: none
}

.pricesheet-type {
  padding: 10px
}

.pricesheet-type .pricesheet-type-info {
  padding-left: 47px;
  margin: 0
}

@media only screen and (max-width: 1500px) {
  .modal.uploadLog-Resp {
      width:80%
  }
}

@media only screen and (min-width: 1501px) {
  .modal.uploadLog-Resp {
      width:60%
  }
}

.formatingBar {
  width: 330px!important;
  background: #fff;
  z-index: 3;
  float: right;
  box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
  height: 35px;
  transition: width 10ms;
  position: absolute;
  right: 45px;
  top: -5px;
  opacity: 1
}

.formulaBar {
  width: 100%
}

.formulaBar-txt {
  margin: 13px 10px 0 0
}

.formulaBar-inpt {
  width: 90%
}

.formatingBar>a {
  margin: 5px 8px
}

.formatingBar>span {
  float: left;
  margin: 5px 3px 5px 8px
}

.formatingBar .divider {
  border-right: 1px solid #9e9e9e;
  height: 24px;
  margin: 5px 1px
}

.formatingBar .selected {
  background: #e8e8e8
}

.uploadPopup-detailsBox {
  box-shadow: inset 0 8px 8px -8px grey
}

.formatingBar .closeBtn {
  padding: 10px;
  position: absolute;
  top: 0;
  right: 0;
  background: #eee
}

.formatingBar .last i.left {
  margin-right: 0!important
}

.iconPallet {
  padding: 5px 5px 7px;
  background: #fff;
  margin-left: 10px;
  margin-right: -397px;
  position: relative
}

.formatingBar-hide,.settingsPopup-dropdown {
  padding: 0!important
}

.iconPallet .selected {
  background: #e8e8e8
}

.formatingBar i.left {
  margin-right: 0!important
}

.formatingBar-hide {
  width: 0!important;
  border: 0!important;
  opacity: 0;
  display: none
}

.headingTextLineHeightFix {
  line-height: 1.9rem
}

.settingsPopup-dropdown-Item {
  padding: 15px!important;
  color: #000!important;
  cursor: pointer!important
}

.settingsPopup-dropdown-Item:hover {
  background: #eee!important
}

.modal-footer-normalScroll {
  border-top: 1px solid rgba(0,0,0,.1)!important
}

.sourcingResponseWorkbenchContainer {
  padding: 0 0 15px;
  background: #fff
}

.summary-container {
  border-bottom: 1px solid #d0d0d0
}

.summary-inner-container {
  display: flex;
  justify-content: center;
  padding: 30px 0
}

.overviewContainer {
  background: #fff;
  padding: 0 6px
}

.overviewContainer-divider {
  border-left: 1px solid #d5dce0;
  margin-left: 12px;
  display: inline-block;
  margin-right: 12px;
  height: 21px
}

.overviewContainer-section {
  width: 23%;
  border: 1px solid #c7e8fe;
  background: #f2faff;
  margin-right: 20px;
  display: inline-flex;
  justify-content: center;
  flex-direction: column;
  height: 110px;
  max-width: 310px
}

.columnManppingHscroll>div,.configure-eventTbl-txt,.notify-alert,.subheader-links-divider {
  display: inline-block
}

@media only screen and (max-width: 961px) {
  .overviewContainer-section {
      margin-right:10px
  }
}

.overviewContainer-section:last-child {
  margin-right: 0
}

.overviewContainer-section-status {
  font-size: 12px;
  margin-left: 3px
}

.overviewContainer-count {
  font-size: 24px;
  text-align: center;
  color: #8a8e91;
  margin-top: 10px
}

.overviewContainer-count-container {
  display: inline-block;
  float: left;
  width: 50%
}

.overviewContainer-count-container-divider {
  border-right: solid 1px #d5dce0
}

.sourcingResponseWorkbenchContainer-title {
  font-size: 1.286rem
}

.notify-alert {
  background: #FFEBA0;
  width: 100%;
  margin: 10px 0 0;
  padding: 13px
}

.responseSummary-container {
  background: #fff;
  padding: 15px 15px 0 0;
  width: 100%;
  float: left;
  clear: both
}

.responseSummary-weight-container {
  font-size: 14px;
  float: left
}

.uiGridContainer {
  float: left;
  width: 100%;
  clear: both
}

.subheader-text-link {
  margin-top: 16px!important;
  font-size: 14px
}

.subheader-links-divider {
  border-left: 1px solid #d5dce0;
  margin: 16px 12px 0!important;
  height: 21px;
  float: right
}

@media only screen and (min-width: 1201px) {
  .columnMappingPopupConResp,.columnMappingPopupResponsive.modal {
      width:1037px!important
  }
}

@media only screen and (max-width: 1200px) {
  .columnMappingPopupConResp,.columnMappingPopupResponsive.modal {
      width:750px!important
  }
}

@media only screen and (max-width: 600px) {
  .columnMappingPopupConResp,.columnMappingPopupResponsive.modal {
      width:450px!important
  }
}

.dwnload-popup-container {
  float: left;
  width: 100%;
  padding: 0 20px
}

.dwnload-popup-section {
  float: left;
  width: 100%;
  padding: 20px 0 25px
}

.dwnload-popup-sub-section {
  float: left;
  width: 100%;
  margin-bottom: 24px
}

.dwnload-popup-pricesheets-section-list,.dwnload-popup-sub-section:last-child {
  margin: 0
}

.dwnload-popup-section-dashed-border {
  border-bottom: 1px dashed rgba(0,0,0,.24)
}

.dwnload-popup-pricesheets-section {
  width: 45%;
  float: left
}

.dwnload-popup-questionaires-section {
  width: 45%;
  float: right
}

.dwnload-popup-pricesheets-section-list-Item {
  padding: 0 0 21px 2px;
  color: #969696
}

.dwnload-popup-pricesheets-section-list-Item label {
  color: #969696!important
}

.fixedTableHeaderShadow {
  box-shadow: 0 0 1px 0 rgba(128,128,128,.75)
}

.dividerSupplierInfo {
  color: #757575;
  margin-left: 2px
}

.iconBarWrap {
  padding-right: 400px!important
}

.configure-eventHdrTbl {
  float: left;
  width: auto
}

.configure-eventHdrTbl td,.configure-eventHdrTbl th {
  width: 379px;
  height: 65px;
  padding: 0 20px;
  border-right: 1px solid #d0d0d0
}

.configure-chkHdrTbl th {
  height: 65px;
  padding-top: 0;
  padding-bottom: 0
}

.configure-chkHdrTblWrap {
  overflow: hidden
}

.configure-eventTbl {
  float: none;
  border-right: 1px solid #d0d0d0
}

.configure-eventTblWrap {
  position: absolute;
  top: 122px;
  left: 0
}

.configure-eventTbl td {
  padding: 0 0 0 15px;
  width: 380px;
  border-right: 1px solid #d0d0d0
}

.configure-eventTbl-txt {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 320px
}

.configure-chkTbl td,.configure-eventTbl td {
  padding-top: 0;
  height: 48px;
  padding-bottom: 6px
}

.configureContent {
  width: 75px;
  margin: 0 auto
}

.configure-chkTblWrap>.scrollbar-outer {
  margin-left: 380px!important;
  vertical-align: top
}

.configure-eventTblWrap>.scroll-wrapper>.scroll-y .scroll-element_outer {
  display: none
}

.configure-hdr-slct {
  width: 379px;
  border-right: 1px solid #d0d0d0;
  padding-top: 17px;
  padding-bottom: 3px;
  height: 55px
}

.configure-hdr-slct .input-field {
  padding: 0 190px 0 0
}

.configure-hdr-txt {
  margin-top: 32px;
  font-size: .8571rem;
  color: #5e5e5e;
  padding: 25px 5px 5px
}

.configure-eventTbl .bordered td {
  border-right: 0
}

.compactListView.listView>li:last-child {
  border: 0
}

.compactListView .cardList .cardListContent {
  padding: 4px 0 2px
}

.compactListView .collection.with-header .collection-item {
  padding-left: 22px
}

.compactListView ul.collection {
  border-right: none;
  border-left: none
}

.compactListView .listHeadingFixed {
  width: 100%;
  position: fixed;
  top: 50px;
  z-index: 4
}

.compactListView .listHeadingFixed.filterApplied {
  top: 92px
}

.compactListView .whenHeaderFixed {
  padding-top: 52px
}

.compactListView .whenHeaderFixed.withFilter {
  padding-top: 94px
}

.configure-eventTbl-arr {
  transition: all .5s
}

.noSlctBdr .select-dropdown {
  border: none!important
}

.highlightCell {
  background: #f0f0f0
}

.custom-email-lable-style {
  color: #757575!important;
  font-size: .85rem!important;
  opacity: .85!important
}

.minHeight-tabs-content {
  min-height: 260px!important
}

.section-header-IconsWith-Search {
  width: 150px;
  float: left
}

section-header-IconsWith-Search .btn-flat:focus {
  background: #fff!important
}

.section-header-IconsWith-Search input {
  height: 1.5rem!important;
  margin: 0!important
}

.section-header-search {
  width: calc(100% - 150px);
  height: 30px;
  float: left
}

.questionnaire-search-header {
  background-color: #fff;
  box-shadow: 0 2px 3px 0 rgba(0,0,0,.2);
  color: #000!important;
  font-size: 1rem;
  padding: 0 32px!important
}

.questionnaire-search-header-hide {
  background-color: #fff;
  box-shadow: 0 3px 5px 0 gray;
  color: #000!important;
  font-size: 1rem;
  position: absolute;
  width: 100%;
  transition: opacity 2s linear;
  padding: 0 33px 10px!important
}

.questionnaire-search-header i {
  line-height: 1rem!important
}

.questionnaire-section {
  margin-bottom: 22px;
  position: relative
}

.questionnaire-section-question {
  border-top: dotted 2px #e6e6e6;
  position: relative;
  margin-top: 20px
}

.questionnaire-section-header+.questionnaire-section-question {
  border-top: none;
  margin-top: 0
}

.questionnaireresponseNav-dropdown-content .questionnaire-section-question {
  border-top: none
}

.questionnaire-section-question-details-header {
  padding: 12px 23px 12px 12px;
  border-bottom: 1px solid #e0e0e0
}

.questionnaire-section-question.active {
  box-shadow: -2px -2px 5px 0 rgba(0,0,0,.16),2px 2px 5px 0 rgba(0,0,0,.12);
  border: none
}

.questionnaire-section-question .collapse-header-ctn {
  position: relative;
  padding: 24px 0 0;
  background: #fff
}

.questionnaire-section-question.active .collapse-header-ctn {
  box-shadow: 1px 1px 10px rgba(0,0,0,.12)
}

.questionnaire-section-question.active.absoluteContain .collapse-header-ctn {
  position: absolute;
  top: auto;
  bottom: 49px;
  left: 0;
  right: 0;
  z-index: 1
}

.questionnaire-section-question.active.fixedContain .collapse-header-ctn {
  position: fixed;
  top: 98px;
  left: 20px;
  right: 20px;
  bottom: auto;
  z-index: 3;
  box-shadow: -2px -2px 5px 0 rgba(0,0,0,.16),2px 2px 5px 0 rgba(0,0,0,.12);
  border: 0
}

.questionnaire-section-question.active.fixedContain .questionnaire-section-question-details-header {
  position: fixed;
  top: 202px;
  left: 20px;
  right: 20px;
  bottom: auto;
  z-index: 2;
  background-color: #fafafa
}

.qualification-questionnaire-section.questionnaire-section-question.active.fixedContain .collapse-header-ctn {
  left: 300px;
  right: 26px;
  top: 50px
}

.qualification-questionnaire-section.questionnaire-section-question.active.fixedContain .questionnaire-section-question-details-header {
  left: 300px;
  right: 26px;
  top: 117px
}

.qualification-questionnaire-section .questionnaire-section-view-icon.sourcingView {
  right: 0
}

.qualification-questionnaire-section.questionnaire-section-question .status.sourcingStatus {
  padding-right: 10px!important
}

.supplier-score.right-align input {
  text-align: right
}

.questionnaire-section-question .question {
  cursor: pointer
}

.collapse-header-ctn .question {
  min-height: 46px
}

.questionnaire-section-question .type {
  float: left
}

.questionnaire-section-question .status {
  float: right;
  padding: 15px 0 0;
  position: absolute;
  right: 35px
}

.questionnaire-section-header {
  padding: 0
}

.questionnaire-container {
  background-color: #fff
}

.questionnaire-container-with-header {
  background-color: #fff;
  padding: 20px 20px 150px
}

.questionnaire-search-header--activeFixed {
  margin-top: 53px
}

.questionnaire-search-header--fixed {
  position: fixed;
  left: 0;
  right: 0;
  top: 50px;
  z-index: 999!important;
  margin-top: 0
}

.questionnaire-section-header-title {
  position: relative;
  display: inline-block;
  padding: 1em 8px 1em 1em;
  overflow: hidden;
  color: #909090;
  z-index: 1;
  font-weight: 700;
  margin-top: -10px
}

.questionnaire-section-header-section-name {
  font-weight: 700;
  margin: 0 0 0 18px
}

.questionnaire-section-question-details {
  background-color: #fafafa
}

.questionnaire-section-question-details-search {
  padding: 0!important;
  border-bottom: 0!important
}

.question-details-search-hiddenTextField {
  background: #fafafa!important
}

.question-details.section-header-search {
  width: calc(100% - 85px)!important
}

.question-details.section-header-IconsWith-Search {
  width: auto!important
}

.questionnaire-section-question-details-content {
  padding: 20px 8px 15px 21px;
  border-bottom: dotted 2px #e6e6e6;
  border-left: 3px solid #fafafa
}

.questionnaire-section-question-details-content.completed {
  border-left: 3px solid #4CAF50
}

.questionnaire-section-question-details-content .supplier-name {
  font-weight: 700;
  float: left
}

.questionnaire-section-question-details-content .supplier-score {
  float: right;
  padding-right: 20px;
  width: 110px;
  margin: 0 0 8px
}

.questionnaire-section-question .search-panel {
  margin: 0;
  padding: 10px;
  border-width: 1px 0;
  border-style: solid;
  border-color: #e0e0e0
}

.manageScorecaredHdr,.score-eventTbl td:last-child,.score-eventTbl th:last-child,.scorecard-eventTbl,.scorecard-eventTbl td,.scorecardQuestinnaireTbl td:last-child,.scorecardQuestinnaireTbl th:last-child {
  border-right: 1px solid #d0d0d0
}

.questionnaire-section-header-section-description {
  margin-top: 20px;
  position: relative;
  padding: 0 20px
}

.questionnaire-section-header-section-description .more {
  position: absolute;
  width: 65px;
  bottom: 0;
  right: 0;
  font-size: 12px
}

.questionnaire-section-header-section-description-paragraph {
  max-width: 98%;
  margin-right: 46px!important;
  overflow: hidden;
  font-size: 12px
}

.questionnaire-section-header-section-description-paragraph.ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap
}

.questionnaire-section-header-section-description .showLess {
  display: inline-block
}

.progressMeter circle {
  stroke-dashoffset: 0;
  stroke-width: .4em;
  transition: stroke-dashoffset 1s linear
}

.progressMeter .progress-percentage {
  stroke: #268406;
  transition: stroke-dashoffset 1s linear
}

.progressMeterWrapper {
  height: 65px;
  width: 71px;
  border-radius: 100%;
  position: relative;
  transform: rotate(270deg)
}

.progressMeterWrapper.not-applicable .progressMeter .progress-percentage {
  stroke: #a8a8a8
}

.progressMeterWrapper:after {
  position: absolute;
  display: block;
  height: 160px;
  width: 160px;
  left: 50%;
  top: 50%;
  content: attr(data-pct) "%";
  margin-top: -80px;
  margin-left: -80px;
  border-radius: 100%;
  line-height: 160px;
  font-size: 10px;
  text-align: center;
  transform: rotate(90deg);
  font-weight: 700
}

.not-applicable.progressMeterWrapper:after {
  content: "N/A"
}

.scoreAnalysisSearch {
  width: calc(100% - 66px)!important;
  right: 66px!important;
  top: -4px!important;
  left: 54px
}

.questionnaireSourcingSearch {
  width: calc(100% - -180px)!important
}

.extra-nav-wrap .questionnaireScore i {
  line-height: 38px!important
}

.questionWidthResponsive {
  width: 92%!important
}

.questionWidthResponsive.right-space {
  width: calc(92% - 52px)!important
}

.questionnaire-section-question-weight {
  width: 110px!important
}

@media only screen and (max-width: 1160px) {
  .questionWidthResponsive {
      width:90%!important
  }

  .questionWidthResponsive.right-space {
      width: calc(90% - 52px)!important
  }
}

@media only screen and (max-width: 1560px) {
  .questionnaire-section-question-weight {
      width:84px!important
  }
}

@media only screen and (min-width: 1560px) {
  .questionWidthResponsive {
      width:94%!important
  }

  .questionWidthResponsive.right-space {
      width: calc(94% - 52px)!important
  }

  .questionnaire-section-question-weight {
      width: 90px!important
  }
}

.questionnaire-section-view-icon {
  width: 50px!important;
  text-align: center
}

.collapse-body {
  display: none
}

.questionnaire-section-question .collapse-body:first-child {
  background-color: red!important
}

.intro {
  max-width: 800px;
  padding: 10px
}

.whitespace {
  padding: 75px
}

ddn-sticky,ddn-sticky-wrapper {
  display: block
}

ddn-sticky-wrapper {
  opacity: .8
}

ddn-sticky-wrapper>ddn-sticky {
  background: #2B3E50;
  padding-left: 20px;
  line-height: 40px;
  z-index: 1;
  color: #fff
}

ddn-sticky-wrapper>ddn-sticky.fixed {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 0
}

.scorecard-eventTblWrap,ddn-sticky-wrapper>ddn-sticky.fixed.absolute {
  position: absolute
}

.Landinglistheadersearch.questionnareScoreSearch {
  width: calc(100% - 178px)!important;
  right: 110px!important
}

.questionStatusWrapper {
  font-size: 12px
}

.overAllScoreDetails {
  font-weight: 600
}

.scorecard-eventHdrTbl {
  float: left;
  width: auto
}

.scorecard-eventHdrTbl td,.scorecard-eventHdrTbl th {
  width: 379px;
  height: 65px;
  padding: 0 20px;
  border-right: 1px solid #d0d0d0
}

.scorecard-chkHdrTbl th {
  height: 65px;
  padding-top: 0;
  padding-bottom: 0;
  text-align: center
}

.scorecard-chkHdrTblWrap {
  overflow: hidden
}

.scorecard-eventTbl {
  float: none
}

.scorecard-eventTbl td {
  padding: 0 0 0 15px;
  width: 380px
}

.scorecard-eventTbl-txt {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 320px;
  display: inline-block
}

.scorecard-chkTbl td,.scorecard-eventTbl td {
  padding-top: 12px;
  height: 48px;
  padding-bottom: 6px
}

.scorecard-chkTbl td {
  text-align: center
}

.scorecard-chkTblWrap>.scrollbar-outer {
  margin-left: 380px!important;
  vertical-align: top
}

.scorecard-eventTblWrap>.scroll-wrapper>.scroll-y .scroll-element_outer {
  display: none
}

.scorecardQuestinnaireTbl {
  float: left;
  width: 600px
}

.scorecardQuestinnaireTbl.scoringAnalysisTbl {
  width: 502px!important
}

.scoringAnalysisTbl>.scroll-wrapper {
  margin-left: 502px;
  vertical-align: middle
}

.scorecardQuestinnaireTbl td,.scorecardQuestinnaireTbl th {
  height: 56px;
  padding: 6px 20px
}

.score-chkHdrTbl td,.score-chkHdrTbl th {
  height: 56px;
  padding-top: 9px;
  padding-bottom: 3px;
  text-align: center;
  width: 182px
}

.score-chkHdrTbl.socringAnalysisTbl td,.score-chkHdrTbl.socringAnalysisTbl th {
  width: 102px;
  font-size: .8571rem;
  color: #5e5e5e
}

.scorecard-chkTblWrap.myscore>.scroll-wrapper.scrollbar-outer {
  margin-left: 600px!important
}

.score-chkTblWrap>.scroll-wrapper {
  margin-left: 600px
}

.score-chkTblWrap.scoringAnalysisTbl>.scroll-wrapper {
  margin-left: 501px
}

.score-eventTbl td,.score-eventTbl th {
  font-size: 13px;
  padding: 0;
  height: 48px
}

.score-chkTbl td {
  height: 48px;
  padding: 0;
  width: 182px;
  text-align: center
}

.score-chkTbl.scoringAnalysisTbl td {
  width: 102px
}

.scoreCardTableWrapper,.scorecardQuestionnaireScore {
  border-bottom: 1px solid #d0d0d0!important
}

.scoreCardAnalysisList ul {
  height: 130px
}

.manageScorecaredHdrWrapper:first-child {
  width: 600px!important
}

.manageScorecaredHdrWrapper {
  float: left;
  width: calc(100% - 600px);
  display: inline-block
}

.manageScorecaredHdr {
  height: 57px;
  padding: 17px 20px;
  display: table-cell;
  vertical-align: middle;
  font-size: .8571rem;
  width: 100%;
  float: left;
  color: #5e5e5e;
  border-bottom: 1px solid #d0d0d0
}

.questionnnaireWeightLockWidth>.fieldEditable {
  width: 60px!important
}

.questionnaireWeightTextField {
  width: 54px!important
}

.scoreAnalysisEvntSummaryTbl {
  table-layout: fixed
}

.scoreAnalysisEvntSummaryTbl td {
  height: 48px
}

.scoreAnalysisEvntSummaryTbl th {
  height: 56px
}

.marginBtm45 {
  margin-bottom: 45px!important
}

.scoreCardTableWrapper--expanded .scorecardQuestinnaireTbl {
  width: 100%!important;
  float: none
}

.scoreCardTableWrapper--expanded .score-chkTblWrap,.scoreCardTableWrapper--expanded .scorecard-chkHdrTblWrap {
  display: none
}

.scoreCardTableWrapper--expanded .scorecard-eventTblWrap {
  position: static
}

.scoreCardTableWrapper--expanded .scorecard-eventTblWrap>.scroll-wrapper>.scroll-y .scroll-element_outer {
  display: block
}

.score-chkTbl tr:last-child,.score-eventTbl tr:last-child {
  border-bottom: none
}

.scorecard-scenarioHdrTblWrap {
  overflow: hidden
}

.score-scenarioTbl.scenarioTbl td {
  width: 102px
}

.score-scenarioHdrTbl td,.score-scenarioHdrTbl th {
  height: 56px;
  padding-top: 9px;
  padding-bottom: 3px;
  width: 182px
}

.scenarioPanelContentHdrTbl.scenarioPanelContentTbl td,.scenarioPanelContentHdrTbl.scenarioPanelContentTbl th,.score-scenarioHdrTbl.scenarioTbl td,.score-scenarioHdrTbl.scenarioTbl th {
  width: 102px;
  font-size: .8571rem;
  color: #5e5e5e
}

.scenarioTblHeight th {
  height: 56px!important
}

.scenarioPanelContentHdrTblWrap {
  overflow: hidden
}

.scenarioTblHeight td {
  height: 48px
}

.award-addSupplierTblWrap {
  overflow: hidden
}

.award-addSupplierHdrTblWrap {
  width: 100%;
  background-color: #fff;
  z-index: 500;
  top: 117px;
  left: 0
}

.award-addsupplierTbl.addsupplierTbl .selectSupplierDataName {
  width: calc(100% - 53px)
}

.fixedPos {
  position: fixed!important
}

.extraShadow {
  box-shadow: 0 3px 5px 0 rgba(0,0,0,.2)
}

.award-addSupplierHdrTbl td,.award-addSupplierHdrTbl th {
  height: 56px;
  padding-top: 9px;
  padding-bottom: 3px
}

.award-addSupplierHdrTbl.addsupplierTbl td,.award-addSupplierHdrTbl.addsupplierTbl th {
  font-size: .8571rem;
  color: #5e5e5e
}

.awardingTblHeight td {
  height: 48px
}

.awardingTblHeight th {
  height: 56px!important
}

.marginBtm46 {
  margin-bottom: 46px!important
}

.questionnaireSearch-sourcing {
  padding-right: 220px!important
}

.questionnaireSearch-sourcing-buyerPreview,.questionnaireSearch-sourcing-supplierView {
  padding: 0 57px 0 0!important
}

.pricesheetSearch-sourcing {
  padding-right: 290px!important
}

.pricesheetSearch-sourcing-supplierView {
  padding: 0 113px 0 0!important
}

.pricesheetSearch-sourcing-buyerPreview {
  padding: 0 57px 0 0!important
}

.prciesheetSectionSearchContainer {
  padding: 1px 250px 0 0
}

.sectionSearchContainer .searchWithHiddenTextField {
  top: -20px!important
}

.questionnaireListsearchContainer.sectionSearchContainer input[type=text],.sectionSearchContainer input[type=text] {
  margin-top: 0!important;
  padding-bottom: 6px;
  border: 0!important;
  box-shadow: none!important
}

.sectionSearchContainer .searchWithHiddenTextField .search-icon {
  top: -7px
}

.extra-nav-wrap.questionnaire-search-header .sh-icon.waves-circle {
  width: 135px;
  margin: 0 0 0 -9px;
  line-height: 3.4em
}

.questionnaireresponseNav-dropdown-content {
  left: 20px!important;
  right: 20px;
  top: 50px!important;
  box-shadow: 0 4px 7px 0 rgba(0,0,0,.4),0 2px 8px 0 rgba(0,0,0,.12);
  white-space: normal!important
}

.questionnaire-section-header-cnt {
  padding: 10px 0 14px;
  border: 1px solid #e0e0e0;
  background: #f0f0f0
}

.questionnaire-search-header .searchSlideMain {
  float: right;
  width: 60%;
  max-width: 400px;
  margin: 12px -12px 0 0
}

.questionrespNav .dropdown-button .icon.iconSmall>svg {
  transform: rotate(-90deg)
}

.questionrespNav .dropdown-button.active .icon.iconSmall>svg {
  transform: rotate(0)
}

.questionrespNav .go-to-question-icon .icon.iconSmall>svg {
  transform: rotate(-90deg)
}

.questionrespNav .go-to-question-icon.active .icon.iconSmall>svg {
  transform: rotate(0)
}

.questionResponseNav-src .dropdown-content {
  opacity: 1
}

.questionrespNav {
  display: block;
  width: 100%
}

.questionnaire-section-question-indication {
  width: 25px;
  margin: 1px 0 0 3px
}

.backpanelContent,.compareResponseForm .compareresponselist .questionnaire-section-question.active.fixedContain .collapse-header-ctn {
  margin-left: 250px
}

.questionnaire-section-question-details-content:last-of-type {
  border: none
}

.question-details-loadmore {
  border-top: dotted 1px #e6e6e6
}

.filters-list-item {
  width: 100%
}

.filters-list-item-two-col {
  width: 50%
}

.section-bar {
  padding: 10px 22px;
  box-sizing: border-box;
  border-bottom: 1px solid #e0e0e0;
  float: left;
  width: 100%;
  font-size: 12px;
  height: 46px
}

.addScenario,.scenarioTitle {
  border-bottom: 1px solid #d0d0d0
}

.backpanelContent {
  width: calc(100% - 250px);
  height: 100%;
  left: 0
}

.scenarioPanelContent {
  width: 100%;
  height: 100%;
  transition: all .5s ease;
  background: #fff
}

.scenarioPanelContentWithPanel .scrollbar-outer>.scroll-element.scroll-x {
  display: none
}

.scenarioPanelContentWithPanel {
  width: 250px;
  position: absolute
}

.scenarioPanelContent .wrapper {
  overflow: hidden;
  border-right: solid 1px #e5e5e5;
  padding-bottom: 0
}

.searchWithHiddenTextField.addSupplierSearch {
  right: 1px
}

.secnarioTabContainer {
  overflow: hidden
}

.scenarioPanelContentHdrTbl td,.scenarioPanelContentHdrTbl th {
  height: 56px;
  padding-top: 9px;
  padding-bottom: 3px
}

.scenarioPageScrollFix {
  overflow: hidden
}

.awardScenarioSearch {
  width: calc(100% - 111px)!important;
  top: -4px!important;
  left: 54px
}

.addScenario {
  height: 56px;
  padding: 17px
}

.scenarioTitle,.scorecardAnalysisTitle {
  padding-top: 3px;
  height: 56px
}

.sidebar-btn.scenario {
  top: 357px;
  transform: rotateZ(180deg)
}

.scenarioPanelContentWithPanel .sidebar-btn {
  transform: rotateZ(0);
  transition: none
}

.verticalAlignMiddle {
  vertical-align: middle!important
}

.sourcingQustionnaire.questionnaire-section-header-section-description .more {
  position: absolute;
  width: 0;
  bottom: 0;
  right: 57px;
  font-size: 12px
}

.questionnaire-section-header-section-description-paragraph.questionRespoPara {
  width: calc(100% - 55px)!important;
  max-width: none!important
}

.questionnaire-section-view-icon.sourcingView {
  right: 11px;
  position: absolute
}

.questionnaire-section-question .status.sourcingStatus {
  font-size: 12px;
  right: 0;
  padding-right: 27px!important
}

.scenarioPanelContentTbl .selected a {
  position: relative;
  background: #f5f5f5;
  color: #0177d6!important
}

.summaryAwardingData,.summaryScenarioData {
  color: #000;
  font-size: 14px
}

.scenarioPanelContentTbl .selected:after {
  background: #f5f5f5
}

.scenarioTruncation {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block
}

table.sTable td:last-child,table.sTable th:last-child {
  padding-right: 24px!important
}

.configureCurrencyTd {
  padding-top: 0!important;
  padding-bottom: 0!important
}

.configureCurrencyTd input.select-dropdown {
  margin: 0;
  border: 0!important
}

.sectionSearch-supplier {
  padding-right: 75px
}

.sectionSearch-contractingTerms {
  padding-right: 120px
}

.summaryScenarioData {
  vertical-align: bottom
}

.summaryAwardingTitle {
  min-height: 56px;
  padding: 10px
}

.summaryScenarioTitle {
  height: 56px;
  padding: 10px
}

.awardingSelectSuppliers .global-search {
  top: -13px
}

.awardingCommentTextarea textarea {
  height: 0!important;
  margin-top: 0
}

.awardingAwardIcon {
  right: 4px
}

.awardScenarioEvntSumTbl {
  border-bottom: 1px solid #d0d0d0
}

.awardingSelectSuppliers i {
  color: #2196F3!important
}

.sourcingActionItemsDivider {
  border-right: solid 1px #ccc
}

.supplierNameFilter {
  height: 205px;
  overflow: auto
}

.sourcingActionBar {
  line-height: 40px;
  height: 40px;
  width: 100%;
  padding: 0 24px 15px;
  margin: -40px 0 0;
  z-index: 10;
  position: relative;
  background-color: #fff;
  transition: margin .5s ease
}

.sourcingActionBar.show-dv-msg {
  margin-top: 0
}

.alert-bar-rfx {
  margin-top: -40px;
  transition: margin .5s ease
}

.alert-bar-rfx.show-dv-msg {
  margin-top: 0
}

.alert-bar-addTeamMember {
  margin-top: -42px;
  transition: margin .5s ease
}

.alert-bar-addTeamMember.show-dv-msg {
  margin-top: 0
}

.extendBg.sourcing-configure-supllier {
  min-height: calc(100% - 55px)
}

.extendBg.sourcing-configure-supllier .sourcingActionBar {
  margin-top: 0;
  z-index: 1
}

.extendBg.sourcing-configure-supllier .configureContent input[type=text][readonly].select-dropdown {
  border-bottom: none
}

.extendBg.sourcing-configure-supllier .configureContent .caret {
  top: 10%
}

.extendBg.pageHeightAfterAlertBar {
  min-height: calc(100% - 90px)
}

.subHeader-strip {
  z-index: 11
}

table.score-chkHdrTbl th.right-align {
  text-align: right;
  padding-right: 20px
}

.score-chkTbl td.right-align {
  text-align: right
}

.go-to-question-header {
  float: left;
  padding: 11px 0 0;
  height: 49px
}

.questionnaire-response-nav .searchWithHiddenTextField .cancel-icon,.questionnaire-response-nav .searchWithHiddenTextField .search-icon {
  top: 0
}

.questionnnaireWeightLockWidth .fieldEditable,.scorecard-eventTblWrap .fieldEditable {
  margin: 3px 0 0
}

.score-chkHdrTbl td.questionnnaireWeightLockWidth,.score-chkHdrTbl td:last-child,.score-chkHdrTbl th:last-child,table td.right-align.questionnnaireWeightLockWidth {
  padding-right: 20px
}

.question-response-comment {
  width: 25%!important
}

.scoring-col .select-dropdown {
  margin-top: -8px!important
}

.scoring-col {
  margin-bottom: 15px
}

.info-link {
  font-size: 12px
}

.currency-sel .dropdown-content {
  width: 250px!important
}

.currency-sel .dropdown-content .input-field {
  margin-left: 8px;
  margin-right: 8px
}

.pricesheetComputed .computed-formulalist {
  overflow: hidden
}

.discussion_forum_popup_wrapper {
  position: relative
}

.discussion_forum_popup_wrapper .vertical-tabs {
  width: 250px;
  height: calc(100% - 50px);
  position: absolute;
  left: -250px;
  top: 0
}

.discussion_forum_popup_wrapper .bottomLeftIcons {
  width: 250px;
  height: 50px;
  padding: 10px 22px;
  position: absolute;
  left: -250px;
  bottom: 0;
  border-top: 1px solid #e5e5e5
}

.discussion_forum_popup_wrapper .bottomLeftIcons a {
  display: block;
  width: 30px;
  padding: 3px 0;
  text-align: center;
  border: 1px solid #e5e5e5
}

.discussion_forum_popup_wrapper .discussionHeader {
  padding: 10px 15px;
  border-bottom: 1px solid #e5e5e5
}

.discussion_forum_popup_wrapper .discussionTitle {
  font-size: 18px
}

.discussion_forum_popup_wrapper .discussionIcons a {
  margin-left: 15px
}

.discussion_forum_popup_wrapper .newDiscussionCnt {
  padding: 0 15px 80px
}

.discussion_forum_popup_wrapper .discussionField {
  margin: 15px 0 0
}

.discussion_forum_popup_wrapper .discussionArea {
  margin: 10px 0
}

.discussion_forum_popup_wrapper .character-counter {
  height: 15px!important
}

.discussion_forum_popup_wrapper .button-and-icon-cnt {
  margin-bottom: 30px
}

.discussion_forum_popup_wrapper .attachmentLink {
  display: block;
  width: 36px;
  height: 36px;
  text-align: center;
  border-right: 1px solid #e5e5e5;
  margin-right: 10px;
  padding: 5px 0
}

.discussion_forum_popup_wrapper .attachmentLink i {
  margin: 0
}

.discussion_forum_popup_wrapper .emailNotification,.discussion_forum_popup_wrapper .internalDiscusssion {
  margin-bottom: 20px;
  position: relative
}

.discussion_forum_popup_wrapper .emailNotification .emailNotifyInfo,.discussion_forum_popup_wrapper .internalDiscusssion .emailNotifyInfo {
  position: absolute;
  top: 0;
  left: 160px
}

.create-panel-info label,.fieldcollapse label {
  left: 0
}

.discussion_forum_popup_wrapper .emailNotification small,.discussion_forum_popup_wrapper .internalDiscusssion small {
  padding-left: 30px;
  color: #9e9e9e
}

.discussion_forum_popup_wrapper .oldDiscussionCnt {
  padding: 0 15px 350px
}

.discussion_forum_popup_wrapper .oldDiscussionCnt ul {
  margin: 0
}

.discussion_forum_popup_wrapper .oldDiscussionCnt ul li {
  padding: 15px 0;
  border-bottom: 1px solid #e5e5e5
}

.discussion_forum_popup_wrapper .oldDiscussionCnt ul li p {
  margin-bottom: 0
}

.discussion_forum_popup_wrapper .post-wrapper .back-btn {
  margin-right: 20px
}

.discussion_forum_popup_wrapper .post-wrapper .discussionTitle {
  padding: 5px 0
}

.discussion_forum_popup_wrapper .post-wrapper .postInnerCnt {
  border: 1px solid #e5e5e5
}

.discussion_forum_popup_wrapper .post-wrapper .topicTitle {
  display: block;
  font-weight: 700;
  margin-bottom: 15px
}

.discussion_forum_popup_wrapper .post-wrapper .imgCnt {
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center
}

.discussion_forum_popup_wrapper .post-wrapper .imgCnt img {
  margin-bottom: 5px
}

.discussion_forum_popup_wrapper .post-wrapper .textCnt {
  padding-top: 10px;
  padding-bottom: 10px
}

.discussion_forum_popup_wrapper .post-wrapper .textCnt span {
  font-style: italic;
  color: #9e9e9e
}

.discussion_forum_popup_wrapper .post-wrapper .replyBtnGroup {
  border-top: 1px solid #e5e5e5;
  padding: 5px
}

.discussion_forum_popup_wrapper .post-wrapper .replyBtnGroup a {
  padding-left: 10px;
  margin-left: 10px;
  border-left: 1px solid #e5e5e5
}

.discussion_forum_popup_wrapper .post-wrapper .replyBtnGroup a:last-child {
  margin-left: 0;
  border-left: none
}

.discussion_forum_popup_wrapper .post-wrapper .replyCnt {
  margin-top: 10px;
  border: 1px solid #e5e5e5;
  padding: 10px 0 0
}

.discussion_forum_popup_wrapper .post-wrapper .replyCnt .button-and-icon-cnt {
  margin: 15px 0
}

.discussion_forum_popup_wrapper .post-wrapper .replyWithQuoteCnt p {
  color: #9e9e9e
}

.discussion_forum_popup_wrapper .post-wrapper .replyWithQuoteCnt p span {
  display: block;
  font-style: italic
}

.change-history-main-container .revision-select .revision-user .revision-user-info>i,.data-lbl a,.legent-rcount,.report-card-count,.report-card-stat .icon,.report-card-stat .icon i {
  font-style: normal
}

.discussion_forum_popup_wrapper .participantsCnt,.discussion_forum_popup_wrapper .postCnt {
  padding: 20px 15px 80px
}

.discussion_forum_popup_wrapper .participants {
  border: 1px solid #e5e5e5
}

.discussion_forum_popup_wrapper .participants-heading {
  background: #f5f5f5;
  padding: 10px
}

.discussion_forum_popup_wrapper .participants-heading small,.discussion_forum_popup_wrapper .participants-heading span {
  display: block
}

.discussion_forum_popup_wrapper .participants-heading span {
  font-weight: 700;
  text-transform: uppercase
}

.discussion_forum_popup_wrapper .participants-heading small {
  color: #9e9e9e
}

.discussion_forum_popup_wrapper .participants-list ul li {
  padding: 10px 6px
}

.discussion_forum_popup_wrapper .btn-holder {
  margin-top: 20px
}

.discussion_forum_popup_wrapper .btn-holder .whiteSecondaryBtn {
  margin-right: 10px
}

.discussion_forum_popup_wrapper .addNewTopicCnt,.discussion_forum_popup_wrapper .editTopicCnt {
  padding: 20px 15px 80px
}

.discussion_forum_popup_wrapper .addNewTopicCnt .participants-heading label,.discussion_forum_popup_wrapper .editTopicCnt .participants-heading label {
  font-weight: 700
}

.discussion_forum_popup_wrapper .addNewTopicCnt .participants-heading small,.discussion_forum_popup_wrapper .editTopicCnt .participants-heading small {
  padding-left: 30px
}

.discussion_forum_popup_wrapper .iTextCnt,.discussion_forum_popup_wrapper .topicField {
  margin-bottom: 15px
}

table.sTable.scoreAnalysisEvntSummaryTbl td:last-child .dropdown-button {
  padding-right: 30px!important
}

.attachment-title,.inline-text {
  float: left;
  display: inline-block
}

.attachment-title-width {
  max-width: calc(95% - 35px)
}

.evaluation-summary-info-text,.supplier-attachment-width,.supplier-response-status .truncate {
  max-width: calc(100% - 35px)
}

.max-width125 {
  max-width: calc(125px - 35px)
}

.max-width235 {
  max-width: 235px
}

.max-width550 {
  max-width: 550px
}

.width360 {
  width: 360px
}

.sourcing-rfx-templateList .preview-section-table td,.sourcing-rfx-templateList .preview-section-table th {
  border: none;
  border-top: 1px solid #e0e0e0!important
}

.preview-doc table td {
  border: 1px solid!important
}

.preview-doc .attachment-dropdown-content table td {
  border: 0!important
}

.questionnaire-bar-overlap.questionnaire-search-header--fixed {
  z-index: 10!important
}

.paddingLeft28 {
  padding-left: 28px!important
}

.marginTop3N {
  margin-top: -3px
}

.height56 {
  height: 56px!important
}

.eventBar {
  height: 40px!important
}

.eventBar span {
  font-size: 14px!important
}

.event-admin-switch {
  margin-top: -8px
}

.event-admin-switch span,.landing-event-admin span {
  color: #000
}

.event-download-type .marginRight30 {
  margin-right: 0!important
}

.select-documents label {
  font-size: 13px!important
}

.container-left-panel li {
  padding: 0
}

.container-left-panel li a {
  padding: 8px 20px 8px 24px;
  display: block;
  color: #757575;
  text-overflow: ellipsis;
  overflow: hidden
}

.container-left-panel li.selected a {
  color: #0177d6;
  border-left: 3px solid #0177d6
}

.table-container-border {
  border: 1px solid #d0d0d0;
  border-bottom: none
}

.manage-column-type {
  min-width: 80px
}

.tabHolder .tree-view .icon {
  height: auto!important;
  line-height: inherit!important;
  font-size: 14px!important
}

.supplier-response-status .status-icon {
  cursor: default
}

.landing-template-search.headersearch.searchSlideMain {
  right: 164px
}

.src-addSupplier-search.headersearch.searchSlideMain {
  width: calc(100% - 240px);
  right: 175px
}

.non-award-search.headersearch.searchSlideMain {
  width: calc(100% - 85px);
  right: 17px
}

.event-summary-txt {
  max-width: 70%;
  float: left;
  margin-top: 15px
}

.section-status-bar {
  float: left;
  width: 100%;
  padding: 0 5px;
  line-height: 40px
}

.section-status-bar .btn-flat:focus,.section-status-bar .btn-flat:hover,.section-status-bar .whiteSecondaryBtn .btn:not(.disabled):focus,.section-status-bar .whiteSecondaryBtn .btn:not(.disabled):hover,.whiteSecondaryBtn .section-status-bar .btn:not(.disabled):focus,.whiteSecondaryBtn .section-status-bar .btn:not(.disabled):hover {
  background: #ffdeae
}

.default-state {
  background-color: rgba(255,224,178,.7)
}

.accepted-state {
  background-color: #d4e2c7
}

.rejected-state {
  background-color: #f7d8d8
}

.status-text {
  line-height: 22px;
  padding: 10px 0;
  width: calc(100% - 40px);
  float: left
}

.status-left-box {
  width: calc(100% - 150px)
}

.public-rfx-search.headersearch.searchSlideMain {
  right: 165px;
  width: calc(100% - 230px)
}

.eventTabsFixed .tabparent-container {
  top: 50px;
  width: 100%!important;
  background: #fff;
  position: fixed;
  z-index: 2
}

.filtersApplied.eventTabsFixed .tabparent-container {
  top: 93px
}

.event-inf-bar-fixed.alert-bar--fixed-to-nav {
  top: 94px
}

.public-rfx-info-bar {
  position: relative;
  height: 48px;
  display: table;
  width: 100%
}

.public-rfx-info-bar .public-rfx-info-txt {
  padding-top: 9px;
  padding-left: 8px;
  padding-bottom: 3px;
  font-size: 12px
}

.public-rfx-info-bar .public-rfx-info-icon,.public-rfx-info-bar .public-rfx-info-txt {
  display: table-cell;
  vertical-align: middle
}

.qualificationResultsSearch.searchSlideMain {
  right: 120px;
  width: calc(100% - 190px);
  top: 0
}

.questionnarie-type-wrap {
  max-height: 142px;
  overflow-y: auto
}

.questionnarie-type-wrap .questionnaire-range {
  margin: -2px 0 4px;
  padding: 0 2px 0 12px;
  width: 96px
}

.questionnaire-range input {
  text-align: right
}

.questionnaire-type-popup.modal {
  overflow-y: visible
}

.auto-weight-inactive {
  color: rgba(0,0,0,.34);
  cursor: default
}

.auto-weight-active {
  color: #0177d6;
  cursor: pointer
}

.adhoc-request-add-container .adhoc-add-timeline {
  padding: 16px 20px;
  height: 60px
}

.adhoc-request-add-container .adhoc-add-timeline .timeLine-addNew-label {
  top: -18px;
  height: 60px
}

.request-approvers-action-container {
  padding: 12px 24px;
  float: left;
  width: 100%
}

.center-stepper {
  margin: 0 auto;
  width: 50%
}

.panelBox-content .modal-header {
  padding: 11px 20px 11px 15px
}

.panelBox-content .modal-header .cancel-icon {
  line-height: 32px!important
}

@supports (-ms-ime-align:auto) {
  .team-member-scrollBar .scroll-wrapper>.scroll-content {
      -ms-overflow-style: none
  }

  .team-member-scrollBar .scroll-wrapper>.scroll-content>div {
      max-width: 100%!important
  }
}

@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) {
  .team-member-scrollBar .scroll-wrapper>.scroll-content>div {
      max-width: 100%!important
  }
}

.smart-iframe-container .iframeWrapper {
  height: 100%!important
}

.smart-iframe-container .modal-footer {
  display: none
}

.uploadDownloadLog #filterOfDocumentStatus .no-hover:hover,.uploadDownloadLog #filterOfNameByUploaded .no-hover:hover,.uploadDownloadLog #filterOfUploadedType .no-hover:hover {
  background: 0 0!important
}

.load-more-button a {
  color: #2196F3!important
}

.public-rfx-header-action.nav-right-buttons li:first-child a {
  margin-top: 15px;
  border-radius: initial
}

.preview-doc .ckeditorPreviewContainer h1,.preview-doc .ckeditorPreviewContainer h2,.preview-doc .ckeditorPreviewContainer h3,.preview-doc .ckeditorPreviewContainer h5,.preview-doc .ckeditorPreviewContainer h6 {
  font-weight: 700
}

.preview-doc .ckeditorPreviewContainer h1 {
  font-size: 2em
}

.preview-doc .ckeditorPreviewContainer h2 {
  font-size: 1.5em
}

.preview-doc .ckeditorPreviewContainer h3 {
  font-size: 1.17em
}

.preview-doc .ckeditorPreviewContainer h5 {
  font-size: .83em
}

.preview-doc .ckeditorPreviewContainer h6 {
  font-size: .67em
}

.preview-doc .ckeditorPreviewContainer td,.preview-doc .ckeditorPreviewContainer th {
  padding: 5px;
  vertical-align: top;
  border-radius: 0
}

.preview-doc .ckeditorPreviewContainer img {
  max-width: 100%
}

.preview-doc .ckeditorPreviewContainer table td p,.preview-doc .ckeditorPreviewContainer table td p>span {
  padding: 0;
  margin: 0
}

.preview-doc .ckeditorPreviewContainer pre {
  position: relative;
  margin-top: 0;
  right: auto;
  overflow: visible;
  pointer-events: inherit
}

.collapsible-body .preview-doc .ckeditorPreviewContainer p {
  padding: 0
}

.add-attachment-width {
  max-width: calc(345px - 207px)
}

.input-field .attachment-dropdown-content .btn-flat {
  padding-left: 1rem!important
}

.manageCol td,.manageCol th {
  border-radius: 0
}

.manage-column ul.dropdown-menu {
  float: left;
  max-height: 70px
}

.tblHeader {
  display: table
}

.tblCellHeader {
  display: table-cell;
  vertical-align: middle
}

.supplierParticipationIndicator {
  background-color: #f7d958
}

.contractTermsReviewModification {
  top: 8px
}

.height35 {
  height: 35px!important
}

.lineHeight35 {
  line-height: 35px!important
}

.rangeTextField {
  padding-left: 0!important;
  padding-right: 0!important;
  width: 40px!important
}

.rangeTextField input[type=text] {
  margin-top: 0;
  text-align: center
}

.rangeInfo .infotip-popover {
  width: 300px!important
}

.supplierPriceSheet .wj-header {
  background-color: #f2f2f2!important
}

.emailSent input[type=text] {
  text-align: center!important
}

.eventSummaryBox {
  background-color: #f5fbfe;
  padding: 16px;
  border: 1px solid #e1f2fe;
  color: #7f8081;
  font-size: 13px;
  height: 145px;
  margin-bottom: 10px
}

.blockSeparator,.panel-separator {
  border-bottom: 1px dashed rgba(0,0,0,.24)
}

.eventTitle {
  color: rgba(0,0,0,.9);
  display: table-cell;
  vertical-align: bottom;
  font-size: 16px
}

.eventTitleWrapper {
  min-height: 28px;
  display: table
}

.descripCharCount .character-counter {
  height: 18px!important;
  line-height: 18px!important;
  margin-top: 0!important
}

.height60 {
  height: 60px!important
}

.wj-control.wj-columnfiltereditor input[type=checkbox] {
  margin-top: -5px!important
}

.width367 {
  width: 367px
}

.icard-title .supplier_iCardName {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 400px;
  width: auto
}

.supplierStatus {
  line-height: 1;
  font-size: 12px;
  color: rgba(0,0,0,.64)
}

.maxWidth80P {
  max-width: 80%
}

.displayFullScrollableContent .scroll-content>div:first-child {
  max-width: 100%!important
}

.displayFullScrollableContent .scroll-content textarea:disabled {
  max-height: 100%!important;
  overflow: hidden!important
}

.displayFullScrollableContent .areaReadOnlyPara:not(.ellipsis) span:first-child {
  display: block;
  word-wrap: break-word
}

.questionnaireSection-content:empty {
  display: none
}

.hideRowtoShowSelect select {
  display: none!important
}

.read-mode,.supplier-profile-container .tree-view .grey-text.title,.tree-view-str-item-read-mode,.tree-view-str-item-write-mode,.write-mode {
  display: none
}

.hideRowtoShowSelect .dropdown-content {
  min-width: 70px
}

.maxWidth70P {
  max-width: 70%
}

.filterVisible {
  top: 157px!important;
  height: calc(100% - 225px)!important
}

.subHeaderFixedPlaceHolder .filterVisible {
  top: 92px!important;
  height: calc(100% - 160px)!important
}

.panel-separator {
  margin: 0 .75rem 10px;
  border-top: 1px dashed rgba(0,0,0,.24)
}

.blockSeparator {
  margin: 0 .75rem
}

.accountDetails .collapsible .vertical_tab_wrapper li,.supplier-vertical-tabs.vertical-tabs {
  margin: 0
}

.create-panel-info .col .col,.create-panel-info .panel-separator .col {
  padding: 0 .75rem 0 0
}

.optionalField.line-height-manager .select-wrapper {
  width: 90%
}

.similarPopup {
  max-width: 800px
}

.legalNameContainer {
  position: relative
}

.optionalField.overlay--active .optionalFieldHover {
  width: 50%
}

.fieldloader {
  position: absolute;
  right: 14px;
  top: 12px
}

.accountDetails .collapsible .vertical_tab_wrapper .vertical__tab {
  padding: 15px 18px;
  color: #000
}

.supplier-vertical-tabs.vertical-tabs .vertical__tab {
  padding: 15px 18px
}

.supplier-input-field label {
  width: 100%
}

.dropdown-content li {
  padding: 0 10px
}

.btn-reset .btn-flat,.fieldcollapse.col {
  padding-left: 0
}

.headersearchsupplier.landinglistheadersearch.searchSlideMain {
  width: calc(100% - 178px);
  right: 120px
}

.readMode .read-mode,.readMode .tree-view-str-item-read-mode,.writeMode .tree-view-str-item-write-mode,.writeMode .write-mode {
  display: block
}

.catpopup-title {
  display: inline-block;
  cursor: pointer
}

.categoryPopup .title {
  text-transform: uppercase
}

.approvers-add-icon {
  margin-top: -31px
}

.supplierApprovalTableDeleteCol {
  width: 50px
}

.splitContainertotalVal.splitContainertotalVal {
  margin: 0;
  padding: 0
}

.splitContainertotalVal-errorText {
  display: none
}

.invalid-container .splitContainertotalVal {
  display: block;
  color: red
}

.btn-apply .btn-flat.disabled {
  color: #0177d6
}

.innerModal {
  max-height: 95%
}

table.bordered.supplierApprovalTable tr:last-child {
  border: 0
}

.supplierheadersearch.searchSlideMain {
  width: calc(100% - 80px);
  right: 26px
}

.supplierheadersearch .searchWithHiddenTextField .search-icon {
  left: 14px
}

.page-container {
  padding: 18px 24px 24px;
  margin-bottom: 50px;
  min-height: 100%;
  box-sizing: border-box
}

.icon-action-container {
  width: 60px
}

.ui-dragger {
  cursor: move
}

.cusror-default,.document-item-icon {
  cursor: default
}

.managelist-item {
  padding: 18px 21px
}

.contactSeparator {
  margin: 0 20px
}

.supplierdoc-container .collection {
  overflow: hidden
}

.supplierdoc-container .collection .collection-item:last-child {
  border-bottom: 1px solid #e0e0e0
}

.editableMode .businessinfo .input-field {
  margin-bottom: 3px
}

.supplier-managecolumn .tree-view-str-item {
  padding: 11px 0
}

.supplier-managecolumn .collection .collection-item {
  padding: 0 15px
}

.supplier-profile-container .dropdown-content .secondary-content {
  top: 13px!important
}

.supplier-profile-container .supplierdoc-container .collection .collection-item .secondary-content {
  top: 23px;
  right: -1px
}

.secContentWithBorder {
  padding: 17px 10px 16px
}

.supplier-profile-sections .secContentWithBorder {
  padding: 17px 25px 16px 10px
}

.suppliername-field {
  padding-left: 0;
  margin-bottom: 0!important;
  margin-top: 4px
}

.suppliername-field input[type=text] {
  margin-top: 0
}

.supplierprofile-dropdown ul {
  max-height: 245px
}

.certificate-reminder span {
  float: left;
  padding: 12px 0 0
}

.certificate-reminder input[type=text] {
  width: 58px
}

.similarsupplier-popup .vertical-tabs-content {
  padding: 24px 14px 20px
}

@media screen and (max-width: 1224px) {
  .supplierprofile-popup {
      width:85%!important
  }
}

.section-full-wrap-content {
  margin: 0 -10px
}

.chips-link-hide {
  display: none
}

.metadata-text-field input {
  padding-right: 32px
}

.metadata-add-btn {
  top: 7px;
  left: -37px
}

.chips-container {
  max-height: 48px
}

.chips-container.chips-container--active {
  max-height: 600px
}

.chips-container.chips-container--active .chips-link-hide {
  display: inline-block
}

.chips-container .chip {
  margin: 0 10px 10px 0;
  box-shadow: none;
  cursor: default
}

.chips-container .chips-items {
  margin-top: -1px
}

.metadata-container-totalitem .chips-container {
  max-height: 100%
}

.chips-link-active.chip {
  background: #0177d6;
  color: #fff
}

.chips-container .chip:hover {
  transition: none!important;
  background-color: #878787!important;
  color: #fff!important
}

.chips-container .chip:hover .chips-icon {
  transition: none!important
}

.chips-icon,.chips-icon:focus {
  color: #9e9e9e
}

.duplicate-field {
  background: #fff9e7;
  padding: 10px 10px 5px!important;
  margin: -4px 0 18px;
  border: 1px solid #fae6aa
}

.duplicate-text {
  color: #f90;
  position: absolute;
  font-size: 12px;
  top: -20px;
  right: -11px;
  text-align: right
}

.card-icon {
  top: -6px
}

.siteurl-title {
  margin: 5px 10px 0 0;
  color: rgba(0,0,0,.87)
}

.site-title,.socurl-title {
  width: 50%
}

.website-field {
  width: -webkit-calc(100% - 135px);
  width: -moz-calc(100% - 135px);
  width: -ms-calc(100% - 135px);
  width: calc(100% - 135px)
}

.facebook-field {
  width: -webkit-calc(100% - 204px);
  width: -moz-calc(100% - 204px);
  width: -ms-calc(100% - 204px);
  width: calc(100% - 204px)
}

.linkedin-field {
  width: -webkit-calc(100% - 195px);
  width: -moz-calc(100% - 195px);
  width: -ms-calc(100% - 195px);
  width: calc(100% - 195px)
}

.twitter-field {
  width: -webkit-calc(100% - 187px);
  width: -moz-calc(100% - 187px);
  width: -ms-calc(100% - 187px);
  width: calc(100% - 187px)
}

.facebook-field input[type=text]:focus+label,.facebook-field label,.linkedin-field input[type=text]:focus+label,.linkedin-field label,.twitter-field input[type=text]:focus+label,.twitter-field label,.website-field input[type=text]:focus+label,.website-field label {
  color: #fff;
  left: 0;
  width: 100%
}

.radio-field .input-field {
  margin-bottom: 15px
}

.certificate--active {
  background: #f7fbfe
}

.date-placeholder .input-field {
  opacity: 0
}

.date-displaytext {
  position: absolute;
  display: none
}

.date-placeholder .date-displaytext {
  display: block;
  margin: 6px 0 0
}

.ui-dragger.collapsible-header-drag-icon {
  transform: none;
  position: static;
  margin: 0
}

.outer-row {
  padding: 0 10px
}

.map-container {
  min-height: 192px
}

.collapsible-header.active .toggleview-icon {
  display: block
}

.collapsible-header .toggleview-icon {
  display: none
}

.registrationinfo-block.questionnaireBox.secContentWithBorder {
  padding: 3px 10px 13px;
  height: 55px
}

.questContentPara.ellipsis {
  max-height: 24px;
  transition: max-height .5s linear
}

.questContentPara {
  max-height: 400px;
  transition: max-height .5s linear
}

.messagepanel .alert-bar {
  max-height: 0;
  overflow: hidden
}

.messagepanel--active .alert-bar {
  max-height: 50px;
  transition: max-height .5s linear
}

.autocomplete-suggestions.displayBlock {
  display: block
}

.table-typeahead-lookup.lookup-popup {
  width: 250px;
  overflow: hidden
}

.table-typeahead-lookup.lookup-popup.lookup-popup-small {
  width: 136px
}

.table-typeahead-lookup.table-typeahead-lookup--active {
  left: 0!important;
  top: -5px!important;
  z-index: 970;
  display: block!important;
  opacity: 1;
  box-shadow: none;
  background: 0 0;
  padding: 0 0 0 10px
}

.table-typeahead-lookup.table-typeahead-lookup--active .editableMode .input-field {
  margin-bottom: 0
}

.marginTopN10 {
  margin-top: -10px
}

.supplier-icard-popup {
  width: 500px
}

.supplier-icard-popup.modal {
  background: 0 0;
  box-shadow: none!important;
  overflow-y: visible
}

.width33P {
  width: 33.33%
}

.width50P {
  width: 50%
}

.icard-container {
  float: left;
  background: #fff;
  margin: 0;
  border-radius: 3px;
  width: 500px;
  position: relative
}

.icard-container.company-icard .is-scrolled {
  border-top: 1px solid #e5e5e5!important
}

.icard-container.location-card {
  width: 360px
}

.icard-container.location-card .icard-header {
  background: #fab44b
}

.icard-container.location-card .icard-header .icard-logo .company-name-logo {
  color: #fab44b;
  font-size: 30px
}

.icard-container.location-card .icard-header .icard-title {
  font-size: 16px
}

.icard-container .is-scrolled {
  border-top: 0!important
}

.icard-container .icard-header {
  background: #ef5350;
  padding: 17px 25px;
  position: relative;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  float: left;
  width: 100%
}

.icard-container .icard-header .modal-header a:focus {
  box-shadow: none
}

.icard-container .icard-header .icard-logo {
  background: #fff;
  border-radius: 3px;
  width: 80px;
  height: 80px;
  padding: 10px;
  position: absolute;
  left: 25px;
  top: -27px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center
}

.icard-container .icard-header .icard-logo img {
  width: 100%;
  display: table;
  height: auto
}

.icard-container .icard-header .icard-logo .company-name-logo {
  font-size: 23px;
  font-weight: 700;
  color: #ef5350;
  text-align: center;
  display: table-cell;
  vertical-align: middle
}

.icard-container .icard-header .icard-information {
  clear: both
}

.icard-container .icard-header .icard-information .icard-title {
  font-size: 18px;
  font-weight: 700;
  float: left;
  width: 100%
}

.icard-container .icard-header .icard-information .single-line-text span {
  display: inline-block
}

.icard-container .icard-header .icard-information span,.icard-container .supplier-icard-container .icard-field .icard-emailfield a {
  display: block
}

.icard-container .icard-header .icard-information span .seperator-line {
  padding: 8px 15px
}

.icard-container .icard-header .icard-information span.chip {
  background: #fff
}

.icard-container .icard-header .icard-information span.chip:hover {
  color: #000
}

.icard-container .icard-header .icard-information span.default-location {
  line-height: 20px;
  padding: 3px 15px
}

.icard-container .icard-header .icard-information .site-link {
  color: #fff;
  display: block
}

.icard-container .supplier-icard-container {
  float: left;
  width: 100%;
  min-height: 316px
}

.icard-container .supplier-icard-container .icard-field {
  padding: 20px 15px 0;
  margin-bottom: 0;
  min-height: 221px
}

.icard-container .supplier-icard-container .icard-field a,.icard-container .supplier-icard-container .icard-field input {
  width: 210px!important;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap
}

.icard-container .supplier-icard-container .icard-field .icard-emailfield {
  margin-bottom: 21px;
  margin-top: -8px
}

.icard-container .supplier-icard-container .icard-field .row {
  margin-bottom: 0!important
}

.icard-container .supplier-icard-container .icard-field .row .business-unit-content,.icard-container .supplier-icard-container .icard-field .row .input-field {
  margin-bottom: 15px
}

.icard-container .supplier-icard-container .icard-field .row .business-unit-content {
  height: 42px
}

.icard-container .supplier-icard-container .icard-field .catpopup-title {
  padding-top: 1px
}

.icard-container .supplier-icard-container .icard-field .catpopup-title span {
  display: inline-block;
  overflow: hidden
}

.icard-container .supplier-icard-container .icard-field .catpopup-title span.text-ellipsis {
  width: 70px!important;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding-right: 8px
}

.icard-container .supplier-icard-container .icard-container-row {
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  float: left;
  width: 100%
}

.icard-container .supplier-icard-container .icard-container-row .icard-container-box {
  float: left;
  border-right: 1px solid #e0e0e0;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  flex-direction: column;
  height: 88px
}

.icard-container .supplier-icard-container .icard-container-row .icard-container-box:last-child {
  border-right: 0
}

.icard-container .supplier-icard-container .icard-container-row .icard-container-box .icard-container-count {
  margin-bottom: 8px
}

.icard-container .supplier-icard-container .icard-container-row .icard-container-box .icard-container-count a {
  font-weight: 700;
  font-size: 25px;
  line-height: 25px
}

@media screen and (max-width: 600px) {
  .icard-container,.supplier-icard-popup {
      width:400px!important
  }

  .icard-container .supplier-icard-container .icard-field .row {
      margin-bottom: 0
  }

  .icard-container .icard-field .input-field {
      margin-bottom: 17px!important
  }

  .business-unit-content,.icard-container .supplier-icard-container .icard-field .icard-emailfield {
      margin-bottom: 15px
  }
}

.supplier-certificates .card-slider .slick-track {
  margin: 0 auto
}

.supplier-certificates .team-card-list-item {
  padding-top: 20px!important
}

.supplier-certificates .team-card-list-item .team-card-list-container {
  max-width: 280px;
  min-width: 240px;
  margin: 0 auto;
  border-radius: 4px 4px 0 0
}

.supplier-certificates .team-card-list-item .team-card-list-container .team-card {
  padding: 12px 20px 20px;
  margin: 0;
  text-align: center;
  overflow: visible;
  float: left;
  width: 100%;
  border-radius: 0 0 4px 4px
}

.supplier-certificates .team-card-list-item .team-card-list-container .team-card .certificate-action {
  width: 100%;
  margin-right: -15px
}

.supplier-certificates .team-card-list-item .team-card-list-container .team-card .team-card-title {
  font-size: 16px;
  line-height: 21px;
  padding: 15px 0;
  text-align: center;
  float: left;
  width: 100%
}

.supplier-certificates .team-card-list-item .team-card-list-container .team-card .diversity-team-card-title {
  padding: 15px 0 0!important;
  clear: both;
  text-align: center
}

.supplier-certificates .team-card-list-item .team-card-list-container .team-card span {
  display: block;
  line-height: 18px
}

.supplier-certificates .team-card-list-item .team-card-list-container .team-card span.title-heading {
  color: #757575;
  font-size: 12px;
  padding: 17px 0 5px
}

.supplier-certificates .team-card-list-item .team-card-list-container .team-card span.status {
  padding: 17px 0 7px;
  font-weight: 700;
  letter-spacing: .4px
}

.supplier-certificates .team-card-list-item .team-card-list-container .team-card span.dateField {
  min-height: 36px
}

.profile-completeness {
  padding: 19px 15px 19px 21px;
  border-bottom: 1px solid #e0e0e0;
  position: relative
}

.profile-completeness .profile-sort-icon {
  position: absolute;
  right: 7px;
  top: 6px
}

.dropdown-content.profile-completeness-dropdown {
  min-width: 320px
}

.dropdown-content.profile-completeness-dropdown ul {
  margin: 0
}

.dropdown-content.profile-completeness-dropdown ul li {
  float: left;
  width: 100%
}

.dropdown-content.profile-completeness-dropdown ul li a {
  color: #0177d6!important;
  padding-top: 13px;
  padding-bottom: 13px;
  float: left;
  width: 100%
}

.dropdown-content.profile-completeness-dropdown ul li a span:first-child {
  float: left;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 250px
}

.dropdown-content.profile-completeness-dropdown ul li a span:last-child {
  float: right;
  margin-top: 3px
}

.profile-down-arrow {
  float: left;
  border-top: 6px solid #727272;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  margin: 28px 0 0 5px
}

.profile-logo {
  display: table;
  padding-top: 0!important;
  margin-left: 0!important;
  background: #fafafa;
  height: 198px;
  width: 198px
}

.profile-logo .userProfile img,.profile-logo.user-profile.is-profile-pic:hover .overL {
  border-radius: 0;
  -webkit-border-radius: 0
}

.profile-logo .userProfile {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  border: 1px solid #e0e0e0
}

.profile-logo .userProfile img {
  width: auto;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
  max-height: 100%;
  padding: 10px 0;
  box-sizing: border-box
}

.profile-logo .userProfile .fileMsg,.profile-logo .userProfile .fileSize,.profile-logo .userProfile .logoInfo {
  vertical-align: middle;
  text-align: center
}

.profile-logo .userProfile .logoInfo {
  text-transform: uppercase;
  padding: 10px 30px;
  color: #262c2c;
  font-size: 14px
}

.profile-logo .userProfile .fileMsg,.profile-logo .userProfile .fileSize {
  padding: 5px 30px;
  color: #262c2c;
  font-size: 12px;
  line-height: 14px
}

@media screen and (max-width: 1200px) {
  .legal-name-duplicate {
      padding-bottom:30px!important
  }
}

.supplier-basic-details .catpopup-title {
  display: block
}

.modal .modal-header.registration-form {
  padding: 0 20px
}

.modal .modal-header.registration-form .title {
  padding: 20px 0;
  display: inline-block
}

.modal .modal-header.registration-form .registration-langauage {
  float: right;
  width: 200px;
  margin-top: 5px
}

.modal .modal-header.registration-form .registration-langauage input[type=text][readonly].select-dropdown {
  border-bottom: 0;
  margin-top: 4px
}

.registration-info-selection input[type=text][readonly].select-dropdown,.second-tier-supplier .borderBtmGray {
  border-bottom: none
}

.registration-send-mail .btn-flat {
  padding-right: 5px
}

.parent-company-code .iconFix {
  right: 36px
}

.parent-company-code .input-field .iconFix~input {
  padding-right: 70px
}

.parent-company-code .parent-child-Hierarchy {
  position: absolute;
  right: 8px;
  top: 15px
}

.catpopup-text {
  line-height: 19px!important
}

.second-tier-supplier .supplier-heading {
  font-size: 18px;
  font-weight: 700;
  color: #e67300;
  padding-left: 15px
}

.second-tier-supplier .supplier-search-field {
  position: relative
}

.second-tier-supplier .supplier-search-field i {
  position: absolute;
  bottom: 3px
}

.second-tier-supplier .supplier-search-field input {
  padding-left: 30px;
  width: 175px;
  margin-top: 0
}

.second-tier-supplier .supplier-advance-search {
  padding: 6px 24px 6px 30px;
  border-right: 1px solid #ddd;
  float: left
}

.popuptab .scroll-wrapper {
  width: 100%;
  min-height: 350px
}

.currencycontent {
  width: 14%;
  max-width: 98px
}

.amountcontent {
  width: 37%;
  max-width: 290px
}

.info-panel {
  position: absolute;
  z-index: 1000;
  box-shadow: 0 3px 5px 0 rgba(0,0,0,.2)
}

.supplier-spend-card {
  width: 218px;
  float: left;
  position: relative;
  background: #fafafa
}

.supplier-spend-card .spend-card-header {
  background: #f48fb1;
  padding: 19px 20px 0 24px
}

.supplier-spend-card .spend-card-header div {
  clear: both
}

.supplier-spend-card .spend-card-header div span {
  display: block;
  color: #fff
}

.supplier-spend-card .spend-card-header div span.title {
  line-height: 17px
}

.supplier-spend-card .spend-card-header div span.amount {
  font-size: 18px
}

.supplier-spend-card .spend-card-content {
  padding: 22px 14px 15px
}

.supplier-spend-card:after {
  content: "";
  width: 0;
  height: 0;
  border-top: 18px solid #fafafa;
  border-left: 18px solid transparent;
  border-right: 18px solid transparent;
  position: absolute;
  left: 42%
}

.supplier-location-card .tabparent-container {
  padding: 0;
  box-shadow: 0 3px 5px 0 rgba(0,0,0,.2)
}

.supplier-location-card .row {
  margin-bottom: 0
}

.supplier-location-card .location-card-content {
  float: left;
  width: 100%;
  padding: 14px 9px 4px
}

.supplier-location-card .location-card-content.roles-contact-container {
  padding: 22px 0;
  overflow: hidden
}

.supplier-location-card .location-card-content.roles-contact-container .roles-contact {
  padding: 0 14px
}

.erpTable {
  margin-bottom: 25px
}

.erpTable td {
  padding-top: 0!important;
  padding-bottom: 0!important
}

.sTable .tabletypeahead.input-field {
  height: 40px;
  margin: -10px 0 0
}

.language-header-dropdown {
  margin-top: 10px
}

.inco-terms-container table.sTable td:last-child,.inco-terms-container table.sTable th:last-child {
  padding-right: 0!important
}

.inco-terms-container table.sTable td .inco-terms-content,.inco-terms-container table.sTable th .inco-terms-content {
  padding-right: 24px!important
}

.certificate-attachment-table table.sTable td:last-child,.certificate-attachment-table table.sTable th:last-child {
  padding-right: 0!important
}

.hierarchyList .input-field label.active {
  left: 0
}

.supplier-profile-name,.supplier-title-name {
  width: auto;
  max-width: 550px;
  padding-right: 8px
}

.registrationinfo-container .input-field,.registrationinfo-container .secHeader {
  display: inline-block
}

.registrationinfo-container .input-field {
  width: 235px;
  padding-left: 10px;
  height: auto
}

.registrationinfo-container .registrationinfo-list {
  margin-bottom: 0!important
}

.registrationinfo-container .registrationinfo-list .select-wrapper span.caret i,.registrationinfo-container .registrationinfo-list.line-height-manager {
  line-height: normal!important
}

.duplicate-supplier-container {
  background: #fef9c6;
  padding: 10px 22px!important
}

.duplicate-supplier-container a {
  font-size: 14px
}

.duplicate-supplier-count {
  color: #0177d6;
  background: #fff;
  border-radius: 50%;
  padding: 0;
  height: 18px;
  width: 18px;
  float: left;
  font-size: 13px;
  text-align: center;
  position: absolute;
  right: -11px;
  top: 5px
}

.supplier-profile-logo .edit-delete-profile {
  width: 86px;
  position: absolute;
  left: 50%;
  bottom: -15px;
  height: 33px;
  margin-left: -42px
}

.supplier-profile-logo .edit-delete-profile.small {
  width: 43px;
  margin-left: -22px
}

.supplier-profile-logo .edit-delete-profile .img-delete,.supplier-profile-logo .edit-delete-profile .img-editing {
  float: left;
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
  border: 1px solid #e7e7e7;
  width: 33px;
  height: 33px;
  position: relative;
  top: auto;
  right: auto;
  margin: 0 5px
}

.supplier-profile-logo .edit-delete-profile .img-delete .icon {
  margin: 2px 0 0 2px
}

.supplier-profile-logo i.white-text {
  color: #2196F3!important
}

.supplier-profile-logo .user-profile {
  height: 200px;
  width: 200px
}

.supplier-profile-logo .userProfile img {
  max-width: 200px
}

.identificationno-show {
  display: none!important
}

.similar-supplier-tab,.similar-supplier-tab-content {
  min-height: 380px
}

.similar-supplier-tab-content {
  border-left: 1px solid #e5e5e5;
  padding: 0!important
}

.similar-supplier-tab-content .field-cols,.similar-supplier-tab-content .input-field.field-cols {
  margin-bottom: 10px!important
}

.similar-supplier-tab-content .field-cols .input-field label {
  left: 0
}

.similar-supplier-tab-content .vertical-tabs-content {
  border-left: 0;
  margin: 0
}

.similar-supplier-tab-content .vertical_tab_content_wrapper>.row {
  border-bottom: 1px dashed rgba(0,0,0,.24);
  padding-bottom: 10px;
  position: relative
}

.similar-supplier-tab-content .vertical_tab_content_wrapper>.row:last-child {
  border-bottom: 0
}

.similar-supplier-tab-content .profileText {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1
}

.certificateTabScroll {
  float: left;
  width: 100%
}

.certificates-serchfield {
  width: 35%;
  float: right
}

.certificates-serchfield .cancel-icon,.certificates-serchfield .search-icon {
  top: 0
}

.certificates-serchfield .searchWithHiddenTextField {
  top: -3px
}

.overlayOptionalField.overlay--active .closingOpt {
  display: block
}

.hideDisabledOpt .select-dropdown li.disabled {
  display: none
}

.locationaddresstitle {
  font-size: .8rem
}

.sup-slick-slider {
  min-height: 300px
}

.widgetizeTabs .tabs {
  height: auto
}

.searchForRolesLocation {
  right: 27px;
  width: calc(100% - 36px)
}

.supplier-team-card-list-container {
  padding: 0 10px
}

.certificatesslider-animate .slick-initialized .slick-slide {
  display: block;
  padding: 0;
  position: relative;
  top: 0;
  max-width: 400px;
  transition: top .5s cubic-bezier(.4,0,.6,1),max-width .5s cubic-bezier(.4,0,.6,1)
}

.team-animate .slick-initialized .slick-slide {
  max-width: none
}

.supplier-certificates .team-card-list-item .green-border:before {
  border-top: 5px solid #268406
}

.supplier-certificates .team-card-list-item .red-border:before {
  border-top: 5px solid #d63d3d
}

.supplier-certificates .team-card-list-item .green-border:before,.supplier-certificates .team-card-list-item .red-border:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  border-radius: 4px 4px 0 0;
  z-index: 1;
  transition: border .1s linear .6s
}

.supplier-certificates .team-card-list-item.active .green-border:before,.supplier-certificates .team-card-list-item.active .red-border:before {
  border-top-width: 0
}

.certificatesslider-animate .slick-initialized .team-card-list-item.active {
  top: -600px;
  max-width: 0;
  padding: 0
}

.certificatePopWrap {
  overflow: hidden
}

.certificateSortDrpDwn {
  margin-top: -3px
}

.spendinnercontainer {
  min-height: 90px
}

.supplierSecTier-team-card {
  position: relative;
  overflow: visible;
  margin: .5rem 0 1rem;
  background-color: #fff;
  transition: box-shadow .25s;
  min-height: 250px;
  border: 1px solid #e5e5e5
}

.team-card-content {
  padding: 20px 0 0 24px
}

.add-team-member-section .team-card-content {
  padding: 0 0 0 24px;
  min-height: 250px
}

.secTierIndirectTabHdr {
  color: #fff;
  padding: 29px 24px 8px;
  position: relative
}

.secTierIndirectTabHdr .actionMenuContainer {
  position: absolute;
  top: 15px;
  right: 24px
}

.secTierIndirectTabHdr .spendContainer {
  width: 170px
}

.secTierIndirectTabHdr .spend {
  font-size: 18px
}

.rightArrow.triangle-with-shadow {
  width: 20px;
  height: 30px;
  position: absolute;
  overflow: hidden;
  bottom: 0;
  right: -20px
}

.leftArrow.triangle-with-shadow {
  width: 20px;
  height: 30px;
  position: absolute;
  overflow: hidden;
  bottom: 0;
  left: -20px
}

.leftArrow.triangle-with-shadow:after,.rightArrow.triangle-with-shadow:after {
  content: "";
  width: 25px;
  height: 50px;
  background: #fff;
  transform: rotate(45deg);
  box-shadow: 1px -1px 9px -1px rgba(0,1,0,.3);
  position: absolute
}

.rightArrow.triangle-with-shadow:after {
  top: 0;
  left: -25px
}

.leftArrow.triangle-with-shadow:after {
  top: -16px;
  right: -25px
}

.mauve {
  background-color: #d6adff
}

.skyblue {
  background-color: #26c6da
}

.Manz {
  background-color: #d4e157
}

.heather {
  background-color: #b0bec5
}

.skydarkblue {
  background-color: #64b5f6
}

.mossgreen {
  background-color: #a5d6a7
}

.frenchrose {
  background-color: #f25d8f
}

.rosebud {
  background-color: #ffab91
}

.skylightblue {
  background-color: #90caf9
}

.spink {
  background-color: #ef9a9a
}

.biloba {
  background-color: #b39ddb
}

.supplier-profile-certificates .slick-dots {
  position: absolute;
  bottom: -64px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  width: 100%;
  margin-bottom: 10px
}

.ediTypeAheadContainer {
  width: 240px!important
}

.tabtitle-new {
  background: #1a67ae;
  color: #fff;
  border-radius: 3px;
  padding: 0 4px;
  margin: -34px 10px 0 3px;
  float: right;
  font-size: 12px;
  font-weight: 400
}

.supplier-profile-alert-bar.alert-bar {
  height: 49px!important
}

.supplier-profile-alert-bar .dropdown-content.select-dropdown {
  top: 15px!important
}

.secondTsupSpendCount {
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translateX(-50%)
}

.timeline-content-br {
  border-radius: 5px
}

.IndirectSpendPopContainer {
  min-height: 254px
}

.icard-information .icard-title .locTitleWidth {
  width: 274px
}

.revision-data-wrapper.revision-center span,.revision-data-wrapper.revision-left span,.revision-data-wrapper.revision-right span {
  width: 100%
}

.change-history-main-container .revision-select {
  background-color: #fff;
  padding: 20px
}

.change-history-main-container .revision-select .revision-select-wrap {
  padding: 15px!important;
  background-color: #fafafa;
  border-radius: 2px;
  box-shadow: 0 2px 6px #b3b3b3
}

.change-history-main-container .revision-select .revision-user .revision-user-info {
  display: block
}

.change-history-main-container .revision-select .revision-user .revision-user-info>i.info-label {
  color: #929292;
  font-size: 13px;
  min-width: 120px;
  display: inline-block;
  padding-right: 6px
}

.change-history-main-container .revision-select .revision-user .revision-user-info>i.info-label:after {
  content: ":";
  float: right
}

.revision-data-wrapper.revision-center label,.revision-data-wrapper.revision-left label,.revision-data-wrapper.revision-right label {
  float: none
}

.change-history-main-container .revision-select .revision-user .revision-user-info>i.info-value {
  color: #000;
  font-size: 14px
}

.change-history-main-container .revision-select .version-selector {
  font-weight: 700;
  color: #000;
  margin-bottom: 8px;
  display: block;
  cursor: pointer
}

.change-history-main-container .revision-select .version-selector:after {
  content: "";
  display: inline-block;
  border-width: 6px 6px 0;
  border-style: solid;
  border-color: #939393 transparent;
  position: relative;
  top: -2px;
  left: 4px
}

.revision-data-wrapper .revision-data .tree-change.collapsed .tree-val:after,.revision-data-wrapper .revision-data .tree-change.collapsed .tree-val:last-child:before,.revision-data-wrapper .revision-data .tree-change.expanded .tree-val:after {
  content: ">"
}

.change-history-main-container .revision-compare {
  margin-top: 40px;
  display: inline-block;
  cursor: pointer
}

.revision-data-wrapper .revision-data .tree-change.collapsed .tree-val:last-child:after,.revision-data-wrapper .revision-data .tree-change.expanded .tree-val:last-child:after {
  display: none
}

.input-field.revision-mode {
  margin-top: 0
}

.revision-data-wrapper.revision-right {
  text-align: right
}

.revision-data-wrapper.revision-left {
  text-align: left
}

.revision-data-wrapper.revision-center {
  text-align: center
}

.revision-data-wrapper label {
  font-size: .8rem;
  position: static;
  float: left
}

.revision-data-wrapper .revision-data {
  float: left;
  clear: both;
  width: 100%
}

.revision-data-wrapper .revision-data .tree-change .icon svg {
  height: 20px
}

.revision-data-wrapper .revision-data .change-group>li {
  line-height: 20px
}

.revision-data-wrapper .revision-data .revision-img img {
  vertical-align: middle;
  width: 150px;
  box-sizing: border-box;
  border: 1px solid #dcdcdc
}

.revision-data-wrapper .revision-data .revision-img label {
  display: block;
  float: none
}

.revision-data-wrapper .revision-new-img,.revision-data-wrapper .revision-old-img {
  display: inline-block;
  vertical-align: middle
}

.revision-data-wrapper .revision-old-img {
  position: relative;
  overflow: hidden
}

.revision-data-wrapper .revision-old-img .strike {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -1px;
  height: 2px;
  width: 100%;
  background-color: red;
  z-index: 4;
  transform: rotateZ(-45deg)
}

.revision-data-wrapper .revision-new-img img {
  border: 2px solid #393!important
}

.revision-data-wrapper .revision-img {
  display: block
}

.revision-data-wrapper .revision-old-data {
  text-decoration: line-through;
  color: red;
  position: relative
}

.revision-data-wrapper .revision-old-data.image-data,.revision-data-wrapper .revision-old-data.no-change {
  text-decoration: none;
  margin-bottom: 16px
}

.revision-data-wrapper .revision-old-data .revision-old-val {
  color: #000
}

.revision-data-wrapper .revision-new-data {
  color: #393
}

.revision-data-wrapper.revision-truncate span {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.tree-change-popup {
  border-bottom: 1px solid #eee
}

.revision-mode-change {
  font-size: 15px;
  font-weight: 700;
  color: #ff9800;
  position: absolute;
  right: 18px;
  top: 10px
}

.revision-changes-count {
  background-color: #0177d6;
  color: #fff;
  font-weight: lighter;
  font-size: 11px;
  display: inline-block;
  vertical-align: middle;
  height: 18px;
  min-width: 18px;
  line-height: 18px;
  text-align: center;
  border-radius: 18px;
  padding: 0 3px;
  margin-left: 2px
}

.tree-view-change {
  margin-top: 8px;
  float: left;
  font-size: .8rem;
  cursor: pointer
}

.team-card-revision-changes {
  margin-bottom: 7px
}

.team-card-revision-changes a {
  font-size: 13px;
  margin-top: 2px
}

.basic-details-sup-layout {
  height: 87px
}

.basic-details-sup-layout.supSec {
  height: 67px
}

.basic-details-sup-layout-profile {
  height: 223px!important
}

.filtercount {
  right: 20px;
  top: 10px
}

.status-chip {
  position: relative;
  z-index: 1;
  top: -1px;
  display: inline;
  padding: 3px 7px;
  font-size: .8rem;
  color: #fff;
  background-color: #E4E4E4;
  cursor: pointer;
  font-weight: 500;
  border-radius: 12px;
  height: 25px;
  margin: 0 0 0 10px;
  white-space: nowrap
}

.status-chip.green {
  background-color: #4CAF50
}

.status-chip.red {
  background-color: #d63d3d
}

.accordian--table-row {
  border: 1px solid #d0d0d0;
  padding: 11px 50px;
  border-bottom: none
}

.accordian--table-row.with-collapse {
  border: 1px solid #d0d0d0;
  padding: 0;
  border-bottom: none
}

.accordian--table-row:last-child,.formTabSectionTitle {
  border-bottom: 1px solid #d0d0d0
}

.process-accordion>.accordian--table-row .collapsible-header {
  padding: 0 1rem 1.2rem
}

.process-accordion>.accordian--table-row .collapsible-header.active {
  box-shadow: none!important
}

.process-accordion>.accordian--table-row .collapsible-header>div span {
  color: #000
}

.process-accordion>.accordian--table-row .collapsible-body {
  background: #fafafa
}

.verification-table-borderTop {
  border-top: 1px solid #d0d0d0
}

.tin-popup-table {
  border: 1px solid #d0d0d0
}

.tin-popup-table td,.tin-popup-table th {
  padding: 0
}

.grmsTbl {
  width: 100%;
  overflow-y: auto
}

.modal .modal-header,.with-ellipsis {
  overflow: hidden
}

.with-ellipsis {
  display: inline-block;
  width: 200px;
  white-space: nowrap;
  text-overflow: ellipsis
}

.compareresponselist .markText .infotip-popover-template,.questioncomparesearchcontainer .markText .infotip-popover-template {
  white-space: normal
}

.basicDetailsHistoryLayout {
  height: 75px
}

.basicDetailsProfilePicHistory {
  height: 358px
}

.basicDetailsTreeHistory {
  height: 175px
}

.noBorderUploadLayout .is-scrolled {
  border-top: none!important
}

.roleshContactHistoryCount {
  position: absolute;
  left: 12px;
  top: 4px
}

.formTabSectionTitle {
  height: 56px;
  padding-top: 3px
}

.messageBarList {
  margin: 0;
  padding: 0 0 0 27px!important
}

.widgetizeSectionSearch {
  width: 35%;
  float: right
}

.widgetizeSectionSearch .search-icon {
  top: 0
}

.widgetizeSectionSearch .searchWithHiddenTextField {
  top: -3px
}

.supplierFormsWidgetLayout {
  line-height: 50px
}

.supplierFormsWidgetCBRLayout {
  height: 50px
}

.certificateExpiryField {
  width: 44px
}

.customFormFieldError {
  padding-top: 3px;
  font-size: .8rem;
  color: red;
  position: absolute;
  top: 30px;
  left: 10px
}

.labelSizeBig label {
  width: 300px
}

.statusPassBg {
  background-color: #effce7;
  color: #4CAF50!important
}

.statusFailBg {
  background-color: #ffebeb;
  color: #d63d3d!important
}

.statusAlert {
  color: #ff9800!important
}

.sup-table-height-manager>span {
  left: 0!important;
  bottom: -17px!important
}

.rolescontactContainer {
  height: 290px;
  overflow: hidden;
  border-bottom: 1px solid #e5e5e5
}

.statusTypeAhead {
  position: absolute;
  top: 45px;
  left: 10px;
  font-size: 12px
}

.supplierinfotip,.timeLineValidationMsgContainer {
  position: relative
}

.table-typeahead-lookup--active pre {
  display: none!important
}

.docListContainerHeight {
  min-height: 281px
}

.supplierinfotip {
  z-index: 1
}

.rolescontactContainer .tabs-vertical .tabparent-container,.rolescontactContainer .tabs-vertical .tabparent-container~div {
  border-bottom-color: transparent!important
}

.rolescontactContainer .tabs-vertical .tabs {
  margin-bottom: 11px
}

.repeatabilityinfomsg,.repeatabilitymsgcontainer .repeatabilityerrormsg {
  display: block
}

.repeatabilityerrormsg,.repeatabilitymsgcontainer .repeatabilityinfomsg {
  display: none
}

.menuLevelswitch.settingPopup {
  padding: 0;
  margin: 0;
  border: 0
}

.scorecard-questionnaire-panel .readonlyView {
  padding-right: 14px;
  padding-left: 14px
}

.sup-alert-bar-clone {
  display: none;
  height: 40px
}

.sup-info-bar-clone {
  display: none;
  height: 73px
}

.sup-alert-bar.alert-bar--fixed-to-nav+.sup-alert-bar-clone,.sup-info-bar.fixed+.sup-info-bar-clone {
  display: block
}

.alert-bar--fixed-to-nav+.sup-alert-bar-clone+.scorecard-questionnaire-panel.fixed {
  top: 90px
}

.supplier-timeline-row {
  height: 55px!important
}

.vis-labelset .vis-label.supplier-timeline-row .vis-inner {
  display: table-cell;
  vertical-align: middle
}

.vis-labelset .vis-label.supplier-timeline-row {
  top: 43%!important;
  display: table
}

.supplier-timeline-row .supplier-timeline {
  top: 43%!important
}

.timeline-inline-label {
  float: left;
  margin: 13px 10px 0 0
}

.timeline-inline-input {
  float: left;
  margin-right: 10px
}

.timeline-inline-input.small-width-50 {
  width: 50px
}

.timeline-width-fix {
  width: 190px
}

.rearrangePopup .tree-view-str [type=checkbox]+label {
  margin-top: 2px
}

.for-compareResponse.questionnaire-search-header {
  box-shadow: none;
  padding: 0!important
}

.for-compareResponse.questionnaireresponseNav-dropdown-content {
  right: -4px;
  top: 44px!important
}

.for-compareResponse.questionnaire-search-header .questionnaireResponseShadow {
  box-shadow: 0 2px 3px 0 rgba(0,0,0,.2)
}

.for-compareResponse.questionnaire-search-header .searchSlideMain {
  width: 100%!important;
  margin: 12px -12px 0 0;
  max-width: none;
  float: right
}

.questioncomparesearchcontainer.questioncomparesearch--active {
  width: 100%
}

.questioncomparesearchcontainer .questionnaireresponseNav-dropdown-content {
  right: 4px;
  top: 123px!important
}

.readonlySupDataContainer .readonlySupDataMode {
  padding-left: 17px
}

.questionnairePreviewModeContainer.scorecardPageSupplier .fieldEditable label {
  display: block!important
}

.timeLineValidationMsgContainer .timelineErrorMsg {
  position: absolute;
  font-size: 12px!important
}

.timeLineValidationMsgContainer .timelineErrorMsg.evaluationPeriod {
  left: 8px;
  top: 40px
}

.timeLineValidationMsgContainer .timelineErrorMsg.cycleEndVal {
  top: -12px
}

.previewWeigtFieldContainer {
  position: relative
}

.previewWeightField {
  position: absolute;
  top: -19px;
  right: 0
}

.compareresponselist .questionnaire-section-question-details-header {
  border-top: 1px solid #e0e0e0
}

.compareresponselist .questionnaire-section-question-details-content {
  padding: 20px 0 15px;
  margin: 0 21px;
  border-bottom: dotted 2px #e6e6e6;
  border-left: 3px solid #fafafa
}

.scorecardPanelBorder {
  border-bottom: 2px dotted #e6e6e6
}

td .tree-type-structure label {
  display: none
}

.scorecard-response.sidebar-btn {
  top: 30%!important
}

.searchWithHiddenTextField pre[style*=inline-block] {
  display: none!important
}

.searchWithHiddenTextField.active pre[style*=inline-block] {
  display: inline-block!important
}

.chips-container.responded-by .chip:hover {
  background-color: #E4E4E4!important;
  color: #000!important
}

.scorecard-wrapper {
  transition: margin .5s ease
}

.scorecard-wrapper .sidebar.sidebar--left {
  position: fixed;
  top: 187px;
  height: 384px;
  overflow-y: auto;
  overflow-x: hidden
}

.supplierBankingInFo {
  width: 100px
}

.compareresponselist .questionnaire-section-question.active {
  box-shadow: -2px 0 5px 0 rgba(0,0,0,.16),2px 2px 5px 0 rgba(0,0,0,.12);
  border: 0
}

.compareresponselist .questionnaire-section-question.active.fixedContain .collapse-header-ctn {
  top: 182px;
  border-top: 1px solid #e0e0e0
}

.compareresponselist .questionnaire-section-question-details-hdr {
  border-top: 1px solid #e0e0e0;
  padding: 12px 23px 12px 12px;
  border-bottom: 1px solid #e0e0e0
}

.compareresponselist .questionnaire-section-question.active.absoluteContain .collapse-header-ctn {
  bottom: 0
}

.questionnaire-section-question-details-content:last-child {
  border-bottom: dotted 2px #e6e6e6!important
}

.wrap-combogrid .questionnaire-section-question-details-content .table-border-top-compare-response {
  padding-top: 20px;
  border-top: 1px solid #d0d0d0;
  margin-top: 12px
}

.wrap-combogrid.first .questionnaire-section-question-details-content .table-border-top-compare-response {
  border: none!important;
  padding-top: 0!important
}

.questionnaire-section-question-details-container {
  margin-top: -2px;
  background-color: #fafafa
}

.questionnaireBox-ctn {
  height: 2px;
  width: 100%;
  position: absolute;
  bottom: 0;
  background-color: #fafafa
}

.questioncompareresp-container {
  position: relative;
  z-index: 979
}

.questioncompareresp-container.questionnaire-search-header--fixed {
  position: fixed;
  z-index: 979!important
}

.compareresponselist .questionnaire-section {
  margin-bottom: 0
}

.compareresponselist .questionnaire-section-question {
  margin-top: 0
}

.compareresponselist .markText .infotip-popover-element,.questioncomparesearchcontainer .markText .infotip-popover-element {
  margin-top: -3px
}

.questionnaire-section-label-header {
  margin-bottom: -2px
}

.compareresponselist .questionnaire-section-question .collapse-header-ctn {
  padding: 24px 0 24px 8px
}

.questionstitle {
  width: 95%
}

.norecordfoundContainer {
  min-height: 200px;
  background: #fff;
  text-align: center;
  color: #5e5e5e;
  font-size: 16px;
  position: relative
}

.norecordfoundContainer-title {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%)
}

.compare-response-accumulator .searchWithHiddenTextField {
  background-color: #fafafa
}

.contract-compare-view,.team-card {
  background-color: #fff;
  position: relative
}

.ratingColor {
  height: 10px;
  width: 10px;
  float: left
}

.ratingRange {
  font-size: 12px;
  padding: 2px
}

.ratingContainer {
  float: left;
  margin-right: 8px;
  padding-right: 8px;
  width: 130px;
  border-right: solid 1px #efefef
}

.ratingContainer:last-child {
  border-right: 0
}

.ratingDescription {
  padding-left: 18px;
  font-size: 12px;
  line-height: 16px
}

.scoreSummaryFxdTbl .absTbl-th {
  border-radius: 0
}

.scoreSummaryFxdTbl .absTbl-th .hrd-col {
  border-left: none;
  border-right: solid 1px #e0e0e0
}

.scoreSummaryFxdTbl .absTbl-th:last-child .hrd-col {
  border-bottom: none
}

.scoreSummaryFxdTbl th {
  width: 200px
}

.scoreSummaryFxdTblContainer {
  overflow-y: auto;
  float: left;
  width: calc(100% - 650px)
}

.slider-main-wraper {
  overflow: hidden
}

.scoreSummaryFxdTbl .hrd-col {
  padding: 10px 10px 10px 50px;
  border-top: 1px solid #e0e0e0;
  height: 48px
}

.scoreSummaryFxdTbl .hrd-header {
  border-top: 1px solid #e0e0e0;
  padding: 10px;
  height: 66px
}

.scoreSummaryFxdTbl thead {
  border: none!important
}

.scoreSummaryFxdTbl>tbody>tr:last-child td {
  border-bottom: 1px solid #e0e0e0
}

.scoreSummaryFxdTbl .subTableHdr td {
  padding: 10px 10px 10px 62px;
  height: 48px;
  position: relative
}

.scoreSummaryFxdTbl .absTbl-th .subTableHdr td,.scoreSummaryFxdTbl .absTbl-th .subTblContent td {
  border: 1px solid #e0e0e0
}

.scoreSummaryFxdTbl .absTbl-th .subTableHdr tr:last-child td,.scoreSummaryFxdTbl .absTbl-th .subTblContent tr:last-child td {
  border-bottom: none
}

.scoreSummaryFxdTbl .subTblContent td {
  border-top: 1px solid #e0e0e0;
  padding: 10px 10px 10px 50px;
  height: 48px
}

.row .slick-prev+.col.scorecard-slick-sliders.s11 {
  width: 91.66667%;
  margin-left: 0
}

.hrd-col-title {
  width: 180px
}

.subTableHdr .hrd-col-title {
  width: 160px
}

.sharedSupicon {
  position: absolute;
  right: 10px
}

.scorecard-legendslider-container {
  min-height: 148px
}

.card-page-container.scorecard-legendslider {
  border-bottom: 2px dotted #eee;
  min-height: 99px
}

.scorecard-legendslider.card-slider .slick-next,.scorecard-legendslider.card-slider .slick-prev {
  width: 25px;
  top: 4px
}

.actionExportCompareResponse {
  min-width: 180px
}

.recurrence-title {
  width: 300px
}

.abs-color-rating {
  position: absolute;
  width: 10px;
  height: 48px;
  top: 0;
  left: 1px
}

.scoreSummaryFxdLTbl {
  width: 450px;
  float: left
}

.scoreSummaryFxdRTbl {
  width: 200px;
  float: right
}

.scoreSummaryFxdTbl .hrd-tlscore-fxd {
  width: 200px;
  position: relative
}

.scoreSummaryFxdTbl .hrd-sup-fxd {
  width: 275px;
  position: relative
}

.scoreSummaryFxdTbl .hrd-score-fxd {
  width: 175px
}

.scoreSummaryFxdTbl .absTbl-th .subTblContent.noBdr td {
  border-left: 0
}

.scoreSummaryFxdTblContainerL th.hrd-kpi-fld {
  width: 100%
}

.tableHeadCard {
  height: 56px
}

.tableBodyCard {
  height: 48px
}

.scoreSummaryFxdRTbl .absTbl-th .hrd-col,.scoreSummaryFxdRTbl .absTbl-th .subTblContent td {
  border-right: 0;
  border-left: 1px solid #e0e0e0
}

.erpMapGridItem .line-height-manager {
  height: auto;
  margin-bottom: 0;
  line-height: normal
}

.erpMapGridItem .line-height-manager .catpopup-title {
  margin: 0
}

.erpMapGridItem .line-height-manager .catpopup-title .typeaHeade-title {
  margin-top: 2px!important
}

.temp-alignment-fix-compareResponse {
  margin-left: -7px
}

.generateCheck {
  position: relative
}

.generateCheck .check {
  width: calc(100% - 24px)
}

.generateCheck .iconCheck {
  position: absolute;
  top: 2px;
  right: 20px
}

.erpPopupScrollDiv .changeIcons,.erpPopupScrollDiv .changeIconsTd {
  position: absolute;
  top: auto;
  border-bottom: 1px solid #d0d0d0;
  width: 150px
}

.erpPopupScrollDiv {
  overflow-x: auto;
  overflow-y: hidden;
  margin-right: 100px
}

.erpPopupScrollDiv tr {
  line-height: 17px
}

.erpPopupScrollDiv .changeIcons {
  right: 0;
  height: 45px
}

.erpPopupScrollDiv .changeIconsTd {
  right: 0;
  height: 51px
}

.iTextOrgErp {
  right: 0
}

.erpPopupGrid {
  margin-bottom: -45px;
  background: #fff;
  z-index: 1;
  position: relative
}

.erpPopupGrid.fixed-active {
  visibility: visible
}

.hide-table-erpHdr,.questionnaire-drag-icon {
  visibility: hidden
}

.locTypePop .input-field {
  margin-bottom: 0!important
}

.linkLocationExdInpt {
  width: 219px;
  float: left
}

.linkLocationExdInpt .supplierprofile-dropdown {
  width: 219px
}

.supplier-input-without-pre pre {
  display: none!important
}

.delegateNotif i {
  position: relative;
  bottom: 15px
}

.delegateNotif span {
  left: 0!important;
  position: relative;
  width: 90%
}

.erpReadonly .typeaHeade-title {
  max-width: 100%!important
}

.llErrText {
  position: relative;
  top: -30px
}

.llLabel label.active {
  left: 0
}

.maxWidth100 {
  max-width: 100px!important
}

.alert-bar--fixed+.scorecard-questionnaire-panel.fixed {
  top: 90px
}

.suppManagerLookup .catpopup-title a {
  display: block!important
}

.erpAddIcon {
  position: absolute;
  right: 25px;
  bottom: 131px
}

.paddingBtm64 {
  padding-bottom: 64px!important
}

.truncate-custom {
  max-width: calc(100% - 50px)!important
}

.removeOptional input {
  opacity: 1!important;
  width: 100%!important
}

height400 {
  height: 400px!important
}

.popupHeight .scroll-wrapper {
  height: 350px
}

.position-validate-msg .select-invalid-wrapper {
  bottom: -25px!important;
  left: 0!important
}

.position-validate-msg label {
  display: none
}

.maxWidth85 {
  max-width: 85%!important
}

.invalid-website input {
  border-bottom: 1px solid #f44336
}

.alignErrText {
  position: relative;
  top: -15px
}

.smart-list-lookup-location .line-height-manager {
  height: auto;
  line-height: inherit
}

.contract-action-bar,.sub-extra-nav-bar {
  line-height: 42px;
  height: 42px;
  width: 100%;
  padding: 0 15px;
  margin: 0;
  z-index: 10;
  position: relative;
  background-color: #fff
}

.contract-action-bar .input-field,.sub-extra-nav-bar .input-field {
  margin: 0
}

.contract-action-bar .select-wrapper span.caret,.sub-extra-nav-bar .select-wrapper span.caret {
  line-height: 42px;
  top: 0
}

.contract-action-bar input[type=text][readonly].select-dropdown,.sub-extra-nav-bar input[type=text][readonly].select-dropdown {
  margin: 0;
  border: none;
  line-height: 42px;
  height: 42px;
  font-weight: 600
}

.contract-action-bar .sub-header-dd .select-wrapper input.select-dropdown,.sub-extra-nav-bar .sub-header-dd .select-wrapper input.select-dropdown {
  color: #000;
  font-size: 14px;
  font-weight: 400
}

.contract-action-bar .sub-header-dd .select-wrapper span.caret i,.sub-extra-nav-bar .sub-header-dd .select-wrapper span.caret i {
  color: #000
}

.contract-action-bar i svg,.sub-extra-nav-bar i svg {
  margin-top: -5px
}

.contract-action-bar-fixed {
  position: fixed;
  top: 50px
}

.contract-compare-view {
  padding: 20px
}

.contract-compare .docList {
  padding: 20px 10px;
  margin: 0;
  z-index: 1
}

.contract-compare.viewChangePg--compared .docList-li-pad {
  margin-bottom: 0
}

.contract-legend {
  float: right
}

.contract-legend .square-legend {
  float: left;
  margin-left: 20px
}

@keyframes contractCompareViewSlide {
  0% {
      transform: translateY(30%)
  }

  100% {
      transform: translateY(0)
  }
}

.contract-compare-view-slide {
  animation: .5s contractCompareViewSlide
}

.contract-switch-mode {
  border-right: 1px solid #c7c7c7;
  padding-right: 20px;
  margin-right: 10px;
  margin-top: 1px;
  float: right
}

.contract-default-mode-info {
  padding-top: 20px
}

.contractCKEditor .cke_toolbox {
  display: inline-block;
  vertical-align: middle
}

.contractCKEditor .cke,.contractCKEditor span[role=application] {
  border: none;
  box-shadow: none
}

.contractCKEditor .cke_top {
  height: 47px;
  line-height: 47px;
  padding: 0 15px
}

.contractConfidentialChk {
  line-height: 48px
}

.contractCKEditor .cke_contents {
  padding: 0 5px
}

.contractSelectDD.input-field {
  margin: 0
}

.contractSelectDD input[type=text][readonly].select-dropdown {
  border: none;
  font-weight: 600;
  margin: 0
}

.contract-add-team-name .input-field {
  margin: 0;
  padding: 0 10px;
  width: 50%
}

.contract-add-team-name {
  width: 100%;
  padding: 15px 10px
}

.team-card-list-item {
  float: left
}

.team-card {
  overflow: hidden;
  margin: .5rem 0 1rem;
  transition: box-shadow .25s;
  min-height: 250px;
  border: 1px solid #e5e5e5
}

.team-card-header {
  padding: 8px 10px 8px 20px;
  line-height: 32px;
  border-bottom: 1px solid #e5e5e5;
  cursor: pointer
}

.team-slider {
  position: relative;
  padding: 0 50px
}

.contract-team .team-card {
  width: 350px!important;
  height: 350px!important
}

.contract-team .slick-dots {
  bottom: -20px!important
}

@media all and (max-width: 1920px) and (min-width:1080px) and (-ms-high-contrast:none),(max-width:1920px) and (min-width:1080px) and (-ms-high-contrast:active) {
  .contract-team .slick-dots {
      margin-left:-109px
  }
}

.team-card-header-title {
  font-size: 16px
}

.contract-langauge-section-desp {
  margin: 15px 0 20px
}

.contract-compare-onfix {
  padding-top: 193px
}

.contract-mode-type {
  border-bottom: 1px dashed rgba(0,0,0,.24)
}

.contract-mode-type [type=radio]+label:after,.contract-mode-type [type=radio]+label:before {
  top: 1px
}

.contract-mode-type:last-child {
  border: none
}

.contract-mode-type-list {
  padding: 20px 24px 0
}

.contract-mode-type-list .contract-mode-type-desp {
  padding-left: 27px;
  color: #9e9e9e;
  font-size: 12px
}

.custom-card .secHeader {
  margin-left: 35px
}

#contractDocument.alert-bar--fixed-to-nav,#contractDocument.extra-nav-wrap-fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999!important
}

#contractDocument.extra-nav-wrap-fixed~.smartFormWidgetContainer .secondary-navigation {
  top: 50px!important;
  position: fixed
}

#contractDocument.alert-bar--fixed-to-nav~.smartFormWidgetContainer .secondary-navigation {
  top: 90px!important;
  position: fixed
}

.approval-user-count input[type=text].invalid+label:after,.approval-user-count input[type=text]:focus.invalid+label:after {
  min-width: 215px;
  text-align: left
}

.input-field.approval-user-count {
  width: 50px
}

@media (max-width: 1920px) and (min-width:1701px) {
  .contract-title-truncate {
      max-width:805px
  }
}

@media (max-width: 1700px) and (min-width:1301px) {
  .contract-title-truncate {
      max-width:570px
  }
}

@media (max-width: 1300px) and (min-width:960px) {
  .contract-title-truncate {
      max-width:235px
  }
}

.contract-payment-term-field {
  position: relative;
  padding-right: 30px
}

.questionaire-error-left .truncate {
  width: 95%
}

.questionaire-error-left .section-table-title-icon {
  position: absolute;
  right: 10px;
  top: 14px
}

.contract-payment-term-info {
  position: absolute;
  right: 12px;
  top: 18px
}

table.bordered>tbody>tr.removeHighlight,table.bordered>thead>tr.removeHighlight {
  border-bottom: none
}

table.highlight>tbody>tr.removeHighlight:hover {
  background-color: transparent
}

.version-message .updated-blue-version {
  position: absolute;
  top: 1px;
  background-color: #0177d6;
  border-radius: 50%;
  width: 9px;
  height: 9px;
  border: 3px solid transparent
}

.baseCurrencyLoader {
  position: absolute;
  top: 28px;
  width: 100%;
  left: 20px;
  background: #fff;
  height: 12px
}

.baseCurrencyLoader .indeterminate-loader {
  position: absolute;
  bottom: 3px;
  left: 10px;
  width: 100%;
  height: 3px;
  background-color: #c5cae9;
  overflow: hidden;
  border-radius: 0!important
}

.file-field-title,.questionResponseContainer {
  position: relative
}

.questionairefield-drag-icon,.questionairefield-drag-icon.collection-item-drag-icon.collapsible-header-drag-icon {
  position: absolute;
  display: none;
  left: -11px;
  top: 14px;
  cursor: move
}

.questionairefield-drag-icon.collection-item-drag-icon.collapsible-header-drag-icon {
  left: 0
}

.switchSupplierContainer {
  border-right: 1px solid #ccc;
  margin: 0 20px 0 0
}

.rating-title {
  display: inline-block;
  padding: 2px 0 0;
  min-width: 92px;
  text-align: left
}

.questionnaireSectionNav .input-field {
  margin-top: -10px
}

.stickyAddPanel {
  position: absolute;
  top: 1px;
  width: 44px;
  right: -64px;
  background-color: #0177d6;
  transition: top .3s linear
}

.stickyAddPanel.stickyAddPanelFloating {
  position: fixed!important;
  top: 50%!important;
  transform: translateY(-50%);
  right: 20px!important
}

.stickyAddPanel-fixed {
  top: 666px;
  transition: all .5s ease-in-out
}

.icon-stickyAddPanel {
  padding: 10px
}

.questionnaireSectionNavContainer {
  margin: 0 .75rem;
  position: relative
}

.questionnaireSection {
  margin: 20px 0 0
}

table.gridTypeContainer.sTable td:first-child {
  font-size: .8571rem
}

.questionnaireSection-content--active {
  position: relative;
  box-shadow: -2px -2px 5px 0 rgba(0,0,0,.16),2px 2px 5px 0 rgba(0,0,0,.12);
  margin-left: 0!important;
  margin-right: 0!important;
  margin-top: -1px;
  background: #fff
}

.questionnaireSection-content--active .addAttachment,.questionnaireSection-content--active .questionnaireRow {
  margin-bottom: 20px!important
}

.questionnaireSection-content--active .questionnaireBox {
  background: #fafafa
}

.questionnaireSection-content--active .questionnaireResponseContainer {
  padding: 25px 10px 18px!important
}

.questionnaireSection-content--active .redio-chanel {
  padding-left: 0!important
}

.questionnaireSection-content--active .questionResponseContainerOptionList {
  padding-bottom: 15px!important
}

.questionnaireSection-content.questionnaireSection-content--active .questList input {
  margin: .5rem 0 0!important
}

.questionnaireSection-content .questList,.questionnaireSection-content .questList input {
  margin: 0!important
}

.questionnaireSection-content .questField,.questionnaireSection-content .questField input {
  margin-top: 0!important
}

.questionnaireSection-content .questionnaireRow {
  margin-bottom: 5px
}

.questionnaireSection-content .questionnaireRow .questionItemTitle {
  word-wrap: break-word
}

.questionnaireSection-content .redio-chanel {
  padding-left: 11px
}

.questionnaireSection-content .questionResponseContainer.singleResponseRadio {
  padding: 0 0 16px
}

.questionnaireSection-content .questionResponseContainer.singleResponseRadio .questionairefield-drag-icon {
  top: 4px
}

.questionnaireSubSection-content .questionRow {
  margin-bottom: 0
}

.questionnaireSubSection-content .addAttachment {
  margin-bottom: 10px
}

.informationArea {
  width: calc(100% - 195px)
}

.informationPara {
  padding: 1px 0 0 35px!important
}

.previewModeFooter {
  border-bottom: 1px dashed rgba(0,0,0,.24);
  padding: 13px 0 10px;
  margin: 0 16px 0 12px
}

.editModeFooter {
  border-top: 1px solid #e0e0e0;
  padding: 15px 16px 5px 0
}

.row .col.editModeFooterSelect {
  padding-right: 28px
}

.questionairefield input[type=text] {
  border-color: transparent
}

.questionnaireSection-content--active .questionairefield input[type=text] {
  border-color: #e0e0e0
}

.questionResponseContainer:hover .collapsible-header-drag-icon,.questionResponseContainer:hover .questionairefield-drag-icon,.questionnaiePreviewMode,.questionnaireSection-content--active .questionResponseContainer:hover .collapsible-header-drag-icon,.questionnaireSection-content--active .questionResponseContainer:hover .questionairefield-drag-icon,.questionnaireSection-content--active .questionairefield label,.questionnaireSection-content--active .questionnaieEditMode {
  display: block
}

.questionairefield label,.questionnaieEditMode,.questionnaireSection-content--active .questionnaiePreviewMode {
  display: none
}

.questionnaiePreviewMode .previewModeTrash {
  width: 20px
}

.questionairefield .redio-chanel label {
  font-size: 0
}

.conditional-check-container,.conditional-container .conditional-container-checklist {
  padding: 10px;
  background: #fafafa;
  border: 1px solid #e0e0e0
}

.conditional-container .conditional-container-checklist {
  margin: 0 0 -1px;
  border-bottom: 0
}

.innerChild li,.rearrangePopup li.rowClass {
  border-bottom: 1px solid #d3d3d3
}

.conditionalCheck [type=checkbox].filled-in:not(:checked)+label:after {
  cursor: default
}

.conditional-container .infoIcon {
  padding-top: 10px
}

.row .col.questionResponseTitle {
  margin: 0 0 0 -10px
}

.row .col.questionResponseRadioTitle {
  margin: 0 0 0 -40px
}

.row .col.questionnaireSelectionbox {
  padding: 0!important;
  margin-left: 10px
}

.questionResponseContainer {
  padding-bottom: 9px
}

.ratePop .scroll-wrapper {
  min-height: 320px
}

.ratePop .dropdown-content li {
  padding: 20px 10px
}

.ratePop .dropdown-content li span {
  width: 25px;
  height: 15px;
  padding: 0;
  font-size: 0
}

.ratePop .dropdown-content li:first-child span {
  background: #ef5350
}

.ratePop .dropdown-content li:nth-child(2) span {
  background: #66bb6a
}

.ratePop .dropdown-content li:nth-child(3) span {
  background: #5c6bc0
}

.rearrangePopup .tree-view-str {
  margin: 0
}

.rearrangePopup li .tree-view-str-item {
  background: #fff;
  padding: 0!important
}

.rearrangePopup li .tree-view-str-item i,.rearrangePopup li .tree-view-str-item span {
  padding: 13px 0
}

.rearrangePopup li .tree-view-str-item .order {
  background: #f0f0f0;
  padding: 5px 10px 0;
  width: 100px;
  margin-right: 10px
}

.rearrangePopup li .tree-view-str-item .dragIcon {
  margin-right: 3px!important
}

.rearrangePopup li.rowClass {
  padding: 1px 0 0
}

.rearrangePopup .tree-view-str .is-select {
  background: 0 0!important
}

.rearrangePopup .tree_view_content {
  float: left;
  width: 74%
}

.rearrangePopup .tree_view_content label {
  width: 90%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  float: left
}

.rearrangePopup .tree_view_content a {
  color: #000
}

.rearrangePopup .tree_view_content div:first-child {
  width: 100%
}

.rearrangePopup .modal-content {
  padding-bottom: 57px!important
}

.rearrangePopup .modal-footer_new {
  position: absolute;
  bottom: 0
}

.rearrangePopup .dropdown-content {
  min-width: 135px;
  max-height: 400px
}

.innerChild {
  border-top: 1px solid #d3d3d3
}

.innerChild .tree-view-str-item i {
  margin-right: 68px!important
}

.innerChild li:last-child {
  border-bottom: none
}

.innerChild .tree_view_content label {
  width: 84%
}

.rearrangeNavPanel {
  background: #fff9c4;
  padding: 10px 0;
  position: absolute;
  bottom: 57px;
  width: 100%;
  z-index: 10
}

.rearrangeNavPanel .select-wrapper {
  margin-top: -13px
}

.rearrangeNavPanel .selectSection {
  width: 120px
}

.rearrangeNavPanel .selectQuestion {
  width: 130px
}

.ckeditorBox {
  margin: 0;
  padding: 0 11px
}

.dropdownPop .dropdownModal {
  padding-bottom: 45px;
  padding-top: 0
}

.dropdownPop .dropdownModal a {
  float: left;
  padding: 12px 0 0
}

.dropdownPop .dropdownModal a i.right {
  margin-left: 0
}

.removePopBorder .modal-header {
  border-bottom: 0!important
}

.scrollableModel.removePopBorder .modal-footer_new {
  border-top: 0!important
}

.autoWeight label {
  font-size: 14px
}

.questionnaireList {
  padding: 20px 0!important;
  position: relative;
  margin: 0;
  border-bottom: 1px solid #e0e0e0
}

.questionnaireList.supplier-profile-questionnairelist {
  padding: 18px 12px 20px!important
}

.questionnaireList p {
  padding: 0
}

.questionnaireList p.questCount {
  padding: 11px 0 0
}

.questionnaireList a {
  display: block
}

.questionnaireList label {
  color: #000;
  font-size: 14px
}

.questionnaireList .rightCol label,.questionnaireList input {
  text-align: right
}

.questionnaireList .editIcon {
  position: absolute;
  right: 10px;
  top: 0
}

.questionnaireList .questionnaireRightCol {
  position: absolute;
  right: 10px;
  bottom: 17px
}

.questionnaireList .weightWidth {
  width: 88px;
  margin-right: 2px;
  padding-top: 5px
}

.questionnaireList .questChk {
  width: 21px;
  margin-right: 15px
}

.questionnaireList .questChk:nth-child(2) {
  width: 17px
}

.questContent {
  position: relative
}

.questContent.change-ownership {
  max-width: 268px
}

.questContent.change-ownership .more {
  width: 115px;
  text-align: right
}

.questContent.change-ownership .questContentPara1 {
  margin-right: 60px!important;
  overflow: hidden
}

.questContent.change-ownership .questContentPara2 {
  margin-right: 0!important
}

.questContent .more {
  position: absolute;
  width: 65px;
  bottom: 0;
  right: -14px
}

.questContent .questContentPara {
  max-width: 98%;
  margin-right: 52px!important;
  color: rgba(0,0,0,.87)
}

.questContent .ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap
}

.questContent .showLess {
  display: inline-block;
  padding-left: 5px
}

.more {
  display: none
}

.ellipsis+.more {
  display: block
}

.scoreSmallPopup {
  width: 480px
}

.subQuestionnarie {
  background: #fafafa;
  display: none
}

.questionContainer {
  position: relative;
  border: 1px solid transparent;
  padding: 3px 10px 3px 24px;
  margin: 0 0 10px
}

.questionContainer.bgOuter {
  background: #fafafa;
  border: 1px solid #e0e0e0!important
}

.questionContainer.bgOuter .show:before {
  display: none
}

.questionContainer span {
  display: block;
  padding: 6px 0
}

.questionContainer .show {
  position: relative;
  font-size: 13px
}

.questionContainer .show::after,.questionContainer .show::before {
  height: 0;
  position: absolute;
  content: ""
}

.questionContainer .show::after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 7px solid #9b9b9b;
  right: 0;
  top: 13px;
  width: 0
}

.questionContainer .show::before {
  width: 58%;
  border-bottom: 1px solid #e0e0e0;
  right: 34px;
  top: 16px;
  padding: 0
}

.questionContainer .question span {
  font-weight: 700
}

.scorePopup .computed-formulalist {
  width: 392px;
  height: 191px
}

.scorePopup .computed {
  padding: 0;
  width: 432px!important
}

.scorePopup .computed .computed-content {
  padding-top: 20px
}

.scorePopup .computed .computed-operatorlist li:last-child {
  margin-bottom: 0
}

.scorePopup .modal-content {
  padding-top: 0;
  padding-bottom: 20px
}

.supplierQuest .questionnaireSection-header {
  padding: 16px 20px
}

.supplierQuest .collapsible-header-drag-wrap span {
  color: #b5b5b5
}

.supplierQuest label {
  color: #1e1e1e;
  padding-bottom: 10px;
  font-size: 1rem;
  display: block
}

.supplierQuest input[type=text] {
  padding: 0 0 0 10px;
  margin: 0
}

.sectionOpt {
  float: left;
  width: 100%;
  padding-top: 20px
}

.sectionOpt div {
  padding: 0 0 30px
}

.gridTypeContent {
  overflow: auto;
  margin-bottom: 15px
}

.gridTypeCombination {
  padding: 0 10px 15px;
  overflow-y: auto
}

.gridTypeContainer {
  border-top: 1px solid #d0d0d0
}

.gridTypeContainer .lookup-popup-quantity {
  width: 214px;
  background: #fafbfb
}

.gridTypeContainer .redio-chanel {
  margin-right: 0!important;
  float: none!important
}

.gridTypeContainer .select-dropdown {
  border-bottom: 0!important;
  margin: 0!important
}

.gridTypeContainer .gridTypeCheck,.gridTypeContainer [type=checkbox]+label,.gridTypeContainer [type=radio]:checked+label,.gridTypeContainer [type=radio]:not(:checked)+label {
  height: 20px
}

.gridTypeContainer th {
  min-width: 150px
}

.gridTypeContainer td {
  padding: 5px 25px
}

.questionnaireSection-header {
  position: relative;
  padding: 10px 0;
  margin: 0 14px 0 12px;
  border-bottom: 1px dashed rgba(0,0,0,.24)
}

.questionnaireSection .questionnaireSection-content:last-child .questionnaireSection-header,.questionnaireSection-content--active .questionnaireSection-header {
  border-bottom-color: transparent
}

.questionnaireSection-header-title {
  padding: 10px 30px 10px 12px;
  background: #f0f0f0;
  color: #919191;
  width: 100%;
  border: 1px solid #e0e0e0;
  text-transform: uppercase
}

.questionnaireSection-header-title-preview {
  font-weight: 700;
  color: #000
}

.questionnaireDescPreview .materialize-textarea {
  font-size: 12px;
  color: #9e9e9e!important
}

.response-completeness-dropdown {
  top: -32px!important
}

.row.smartFormWidgetContainer .questionnaireSectionSpacing {
  padding-left: 36px
}

.questionnaireSection-content-block {
  margin: 0 24px 20px
}

.questionnaireSectionNavHeader.questionnaireSectionNavHeader-fixed {
  position: fixed;
  top: 50px;
  left: 0;
  z-index: 998!important;
  padding: 0 73px 0 13px;
  width: 100%;
  background: #fff;
  box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)
}

.questionnaireSectionNavContainer-fixed {
  margin-top: 75px
}

.questionnaireSection-content:hover .questionnaire-drag-icon,.questionnaireSection-header:hover .questionnaire-drag-icon {
  visibility: visible
}

.questionnaireSelectionbox {
  background: #fafafa
}

.questionnaireSelectionbox input[type=text][readonly].select-dropdown {
  border-bottom: 0
}

.questionnaireSelectionbox .select-wrapper .dropdown-content {
  max-height: 343px
}

.questionnaireSelectionbox .select-wrapper span.caret {
  right: 18px;
  top: 15%
}

.questionnaireSelectionbox .select-wrapper input.select-dropdown {
  padding: 0 35px 0 11px;
  width: 280px;
  margin: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.questionnaireSelectionbox .select-wrapper {
  width: 100%!important
}

input[type=file]::-webkit-file-upload-button {
  cursor: pointer
}

.arrow--disabled,.iconDefaultCursor {
  cursor: default!important
}

.file-field-overlay.ng-scope {
  position: absolute;
  z-index: 10;
  opacity: .6;
  width: 100%;
  height: 100%;
  background: #fff
}

.score-link {
  margin: 16px 0 0 20px
}

.questionnaireListsearchContainer,.spend-search-container {
  padding: 1px 250px 0 0
}

.questionnaireListsearchContainer.registration-searchfield,.spend-search-container.registration-searchfield {
  margin-right: 10px
}

.questionnaireListsearchContainer.registration-searchfield,.questionnaireListsearchContainer.spend-searchfield,.spend-search-container.registration-searchfield,.spend-search-container.spend-searchfield {
  float: right;
  width: 35%
}

.questionnaireListsearchContainer.registration-searchfield .searchWithHiddenTextField,.questionnaireListsearchContainer.spend-searchfield .searchWithHiddenTextField,.spend-search-container.registration-searchfield .searchWithHiddenTextField,.spend-search-container.spend-searchfield .searchWithHiddenTextField {
  top: 13px
}

.questionnaireListsearchContainer.spend-searchfield .searchWithHiddenTextField,.spend-search-container.spend-searchfield .searchWithHiddenTextField {
  top: 3px
}

.questionnaireListsearchContainer.spend-searchfield input[type=text],.spend-search-container.spend-searchfield input[type=text] {
  margin-top: 5px
}

.questionnaireListsearchContainer .searchWithHiddenTextField,.spend-search-container .searchWithHiddenTextField {
  top: -19px
}

.questionnaireListsearchContainer .searchWithHiddenTextField .cancel-icon,.questionnaireListsearchContainer .searchWithHiddenTextField .search-icon,.spend-search-container .searchWithHiddenTextField .cancel-icon,.spend-search-container .searchWithHiddenTextField .search-icon {
  top: -4px!important
}

.questionnaireListsearchContainer .searchWithHiddenTextField .elements-include,.spend-search-container .searchWithHiddenTextField .elements-include {
  margin-top: -10px!important
}

.questionnaireListsearchContainer input[type=text],.spend-search-container input[type=text] {
  margin-top: 7px
}

.card-panel.card-container {
  padding: 20px 13px;
  box-shadow: none
}

.dateTime[type=date] input[type=text]+label:before {
  top: 5px
}

.rateColor {
  border-bottom: 1px solid #e0e0e0;
  float: left;
  padding: 18px 0 9px!important
}

.rateColor .colorPickerArrow {
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 7px solid #757575;
  margin: 2px 0 0
}

.rateColor .colorPickerWrap {
  float: left;
  margin-left: 0;
  width: 20px;
  height: 10px
}

.rateColor .colorPickerWrap .evo-pointer {
  width: 20px;
  height: 10px;
  border: 0;
  margin: 0
}

.rateColor .colorPickerWrap .evo-colorind {
  border: 0;
  width: 20px
}

.mandatoryField {
  top: -.3em
}

.questionnairePreviewModeContainer .questionnairefileTitle {
  color: #0177d6!important
}

.questionnairePreviewModeContainer .fieldEditable label,.questionnairePreviewModeContainer .questionResponseContainer:hover .collapsible-header-drag-icon,.questionnairePreviewModeContainer .questionResponseContainer:hover .questionairefield-drag-icon,.questionnairePreviewModeContainer .questionnaireEmptyDesc,.questionnairePreviewModeContainer .questionnaireRow .questionnaireWeightField,.questionnairePreviewModeContainer .questionnaireRow .rating-title,.questionnairePreviewModeContainer .questionnaireSection-content:hover .questionnaire-drag-icon,.questionnairePreviewModeContainer .questionnaireSection-header:hover .questionnaire-drag-icon,.questionnairePreviewModeContainer .stickyAddPanel {
  display: none
}

.questionnairePreviewModeContainer .redio-chanel {
  padding-left: 11px
}

.questionnaireCardPanel {
  padding-bottom: 319px!important
}

.questionnaireWeightFieldArea {
  width: 135px;
  max-width: 135px
}

.questionnaireWeightFieldArea label {
  left: 0;
  width: 100%;
  text-align: right
}

.previewModeFieldholder .fieldEditable.questionairefield {
  position: absolute;
  opacity: 0
}

.previewModeFieldholder {
  position: relative
}

.previewPlaceholder {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.questionnaireBox .blockSeparator {
  margin: 20px 10px
}

.griddropdownContainer {
  margin-top: 15px
}

.griddropdownContainer:first-child {
  margin-top: 0
}

.questionnaireSection:first-child {
  margin: 0
}

.modeChangeBtn {
  margin-left: -11px
}

.sectionIcons {
  position: absolute;
  right: 9px;
  top: 9px
}

.row .col.ratingPopupIconField {
  width: 83px;
  padding: 30px 20px 0 0
}

.questionnaireBox.secContentWithBorder {
  padding: 19px 10px
}

.questionnaireBox .questionnaireBoxSearch .global-search .searchWithHiddenTextField {
  background: 0 0;
  top: -11px
}

.questionnaireBox .questionnaireBoxSearch .global-search .searchWithHiddenTextField i {
  color: #2196F3!important
}

.dropdownPop .dropdownModal .scroll-wrapper {
  min-height: 145px
}

.profileText {
  line-height: 12px
}

.smartFormWidgetContainerList .input-field,.smartFormWidgetContainerList .line-height-manager {
  margin-bottom: 0!important
}

.markText {
  position: relative;
  z-index: 1;
  top: -1px;
  display: inline;
  padding: 3px 7px;
  font-size: .8rem
}

.markText.chip {
  margin: 0 0 0 10px;
  white-space: nowrap
}

.markText.chip.marktext-subquestion {
  top: 10px
}

.markText.chip.marktext-radio-subquestion {
  top: 4px;
  margin: 0 0 0 -20px
}

.computed-header input {
  border-bottom-color: transparent
}

.computed-header input:focus {
  border-bottom-color: transparent!important;
  box-shadow: none!important
}

.editModeFooter.previewModeFooter {
  padding: 15px 0;
  border-top-color: transparent
}

.switchSupplierContainer span {
  font-size: 14px
}

table.bordered.supplierApprovalTable tr:last-child td {
  padding-bottom: 5px
}

.leftField {
  width: 73%
}

.leftField input {
  width: 100%!important
}

.rightField {
  width: 27%;
  padding-left: 0!important
}

.rightField input {
  width: 100%!important
}

.rightField label {
  left: 0
}

.optionalField .rightField {
  width: 22%
}

.questionnaireSection-content {
  background: #fff
}

.rearrange-selection-nav .select-wrapper .dropdown-content {
  margin-top: 18px;
  top: auto!important;
  bottom: 0!important
}

.importRepoSearch.searchSlideMain {
  width: calc(100% - 74px);
  right: 16px
}

@media only screen and (min-width: 1201px) {
  .row .col.xl7.questionnaireField {
      width:61%
  }
}

.questionnaireSectionNavContainer.questionnaireSectionNavContainer-preview {
  margin: 0 .75rem 0 -10px
}

.questionnaireSectionNavContainer.questionnaireSectionNavContainer-preview .questionnaireSection-content-highlight {
  border-top: none
}

.questionnaireSectionNavContainer.questionnaireSectionNavContainer-preview .collapsible-header-drag-wrap {
  height: 0;
  margin: 0!important
}

.questionnairePreviewModeContainer .fieldEditable.questionnaireField label {
  display: block
}

.questionnaireSection-content-highlight {
  border-top: 1px dashed rgba(0,0,0,.239216)
}

.questionnaireSection-content-highlight.questionnaireSection-content--active {
  border: none
}

.questionnaireSectionNavContainer-preview .previewModeFooter,.questionnaireSectionNavContainer-preview .questionnaireSection-header {
  border-bottom-color: transparent
}

.surveyCreation {
  background: 0 0!important
}

.responsanceattachmentList {
  background: #fafafa
}

.responsanceattachmentList-item {
  padding: 15px 0 0 6px
}

.responsanceattachmentList-item:last-child {
  padding: 15px 0 15px 28px
}

.responsanceattachmentList-item-title {
  width: 160px
}

.attach-doc-title,.attach-doc-title.active {
  top: auto;
  transition: .2s ease-out;
  width: calc(100% - 2.25rem);
  position: relative
}

#secondaryContacts li a {
  display: inline-block;
  padding-left: 0;
  color: #0177d6
}

.gotoOptions input.select-dropdown {
  margin-top: 5px
}

.attach-doc-title.active {
  bottom: 7px;
  color: rgba(0,0,0,.64);
  font-size: 12px
}

.attach-doc-title {
  bottom: 1px;
  font-size: 1rem
}

#addAttachForResponsePage.active {
  max-height: 1099px
}

#addAttachForResponsePage {
  max-height: 0;
  transition: all 1s;
  position: relative
}

#addAttachForPage .modal-footer,#addAttachForPage .modal-header,#addAttachForResponsePage .modal-footer,#addAttachForResponsePage .modal-header {
  display: none
}

#addAttachForResponsePage .box-input.box-input-small-height {
  background: #fff
}

#addAttachForPage .model_body .center,#addAttachForResponsePage .model_body .center {
  text-align: left
}

.public-rfx-quetionnaire .questionnaireCardPanel {
  padding-bottom: 65px!important
}

.switchScorecardContainer .switchSupplierContainer {
  border-right: none;
  margin: 0
}

.scorecard-questionnaire-panel {
  width: 100%
}

.truncate-questionnaire {
  width: 85%!important;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.top8 {
  top: 8px
}

.scorecard-questionnaire-panel.readonlyView {
  padding-right: 24px;
  padding-left: 24px
}

.scorecard-questionnaire-panel.fixed {
  top: 50px;
  position: fixed;
  width: 100%
}

td.disablePalatte {
  position: relative
}

td.disablePalatte:after,td.disablePalatte:before {
  position: absolute;
  content: ""
}

td.disablePalatte:before {
  font-weight: bolder;
  top: -2px;
  width: 18px;
  cursor: not-allowed;
  color: red;
  line-height: 14px;
  padding-left: 1px;
  border: 1px solid red;
  left: -2px;
  font-size: 16px;
  height: 18px;
  z-index: 3;
  background: rgba(255,255,255,.4)
}

td.disablePalatte:after {
  height: 23px;
  width: 2px;
  left: 6px;
  background: #8b0000;
  top: -4px;
  transform-origin: left;
  transform: rotate(-45deg)
}

#addAttachForPage .modal-content {
  border-top: none!important
}

#addAttachForPage smart-scroll {
  max-height: none!important
}

#addAttachForPage .uploaded-file-list {
  height: auto!important
}

.compareResponseForm .questionnaire-search-header--fixed {
  width: calc(100% - 250px);
  margin-left: 250px
}

.compareHeightFixed {
  display: none;
  height: 50px
}

.extra-nav-wrap-fixed compareHeightFixed {
  display: none
}

.scorecard-questionnaire-panel .catpopup-title a {
  display: block!important
}

.overflowAuto {
  overflow: auto!important
}

.breakAll {
  word-break: break-all
}

.multiLine_textWrap a.show_more:before {
  content: '... ';
  text-decoration: none;
  color: #000
}

.analyse-cards-main {
  height: 467px!important
}

.analyse-cards-main.ui-sortable-helper .card {
  overflow: visible
}

.analyse-cards-wrap {
  padding: 6px 0 0;
  height: 100%;
  background: #fff;
  box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)
}

.analyse-cards-wrap .dropdown-content {
  right: 0;
  left: auto!important;
  width: auto!important
}

.analyse-cards-wrap .dropdown-content>li>a {
  white-space: nowrap
}

.timeline-card {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 0
}

.timeline-card li {
  padding: 13px 0
}

.timeline-card li:last-child {
  padding-bottom: 0
}

.timeline-card li:first-child {
  padding: 0 0 10px;
  height: 68px
}

.timeline-card li:first-child .timeline-right-content {
  padding: 0
}

.timeline-card li:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden
}

.timeline-card:before {
  position: absolute;
  left: 36%;
  top: 0;
  content: ' ';
  display: block;
  width: 3px;
  height: 100%;
  margin-left: -3px;
  background: #e5e5e5;
  z-index: 5
}

.timeline-card:after {
  content: "";
  position: absolute;
  left: 32%;
  top: 0;
  width: 29px;
  height: 100%;
  background-image: linear-gradient(top,rgba(255,255,255,0),#fff 130%);
  background-image: -webkit-linear-gradient(top,rgba(255,255,255,0),#fff 130%);
  background-image: -moz-linear-gradient(top,rgba(255,255,255,0),#fff 130%);
  background-image: -ms-linear-gradient(top,rgba(255,255,255,0),#fff 130%);
  background-image: -o-linear-gradient(top,rgba(255,255,255,0),#fff 130%);
  z-index: 10
}

.timeline-card>li:last-child>.timeline-left-content .report-content:after {
  content: "";
  position: absolute;
  width: 3px;
  top: 50%;
  height: 65%;
  background: #fff;
  right: 0;
  z-index: 5
}

.project-chart,.project-chart .project-chart-holder {
  position: relative
}

.project-chart {
  height: 80px;
  overflow: hidden;
  float: left
}

.project-chart .project-ico {
  position: absolute;
  width: 56px;
  height: 56px;
  top: 50%;
  left: 50%;
  margin: -28px;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 2px 2px 6px rgba(0,0,0,.52)
}

.project-chart .project-ico svg {
  width: 24px;
  margin-top: 10px
}

.timeline-left-content {
  position: relative;
  width: 36%;
  float: left;
  text-align: right
}

.timeline-left-content .analytical-reports {
  padding-right: 20px;
  display: block
}

.timeline-left-content .analytical-reports .report-content span {
  text-align: right;
  color: #000;
  display: block;
  line-height: 18px;
  font-size: 12px;
  opacity: .8
}

.timeline-left-content .analytical-reports .report-content:before {
  position: absolute;
  top: 54%;
  right: -5px;
  content: ' ';
  display: block;
  width: 13px;
  height: 13px;
  margin-top: -10px;
  background: #e67300;
  border-radius: 10px;
  z-index: 10;
  box-sizing: content-box
}

.timeline-right-content {
  position: relative;
  width: 64%;
  float: right;
  padding-top: 6px
}

.timeline-right-content .analytical-reports {
  padding-left: 40px;
  display: block
}

.timeline-right-content .analytical-reports a {
  white-space: nowrap;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%
}

.timeline-right-content .more-reports .card-count {
  border: 4px solid #cbcaca;
  padding: 3px;
  border-radius: 100%;
  text-align: center;
  color: rgba(0,0,0,.87);
  font-size: 24px;
  position: absolute;
  top: 0;
  left: -30px;
  content: ' ';
  z-index: 11;
  background: #fff;
  height: 44px;
  width: 44px;
  line-height: 44px;
  box-sizing: content-box;
  cursor: pointer
}

.timeline-right-content .more-reports .report-head {
  font-size: 14px;
  color: #0177d6;
  padding: 16px 0 0 40px;
  display: block;
  line-height: 19px;
  cursor: pointer
}

.cardActions {
  right: 0;
  top: 8px
}

.card-bottom {
  padding: 14px 8px;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%
}

.analyse-card {
  padding: 20px 20px 0;
  float: left;
  width: 100%
}

.analyse-card.feedback {
  padding-left: 0;
  padding-right: 0
}

.opportunity-finder {
  float: left;
  padding: 0 0 0 25px;
  margin-top: 7px
}

.opportunity-finder .left-icon {
  padding-right: 6px;
  float: left;
  margin-left: -6px;
  position: absolute;
  top: 0;
  left: 0
}

.opportunity-finder .right-content {
  float: left;
  padding-left: 50px
}

.opportunity-finder .right-content span {
  display: block;
  font-size: 12px
}

.opportunity-finder .estimated-saving-wrap {
  border-color: #bbb;
  border-style: solid;
  border-width: 1px 0 1px 1px;
  float: left;
  width: 100%;
  position: relative;
  margin: 15px 0;
  padding: 23px 0;
  display: table
}

.opportunity-finder .estimated-saving-wrap .estimated-saving-left {
  display: table-cell;
  vertical-align: middle
}

.opportunity-finder .estimated-saving-wrap .estimated-saving-left .rounded-border {
  border: 12px solid #268406;
  border-radius: 100%;
  margin-left: -36px;
  height: 200px;
  width: 200px
}

.opportunity-finder .estimated-saving-wrap .estimated-saving-left .rounded-border .rounded-estimates {
  padding: 20px;
  background: #f5f5f5;
  border-radius: 100%;
  width: 176px;
  height: 176px;
  display: block;
  box-shadow: 0 3px 7px 0 rgba(0,0,0,.3)
}

.opportunity-finder .estimated-saving-wrap .estimated-saving-left .rounded-border .rounded-estimates:hover {
  background-color: #f1f8e9
}

.opportunity-finder .estimated-saving-wrap .estimated-saving-left .rounded-border .rounded-estimates .estimated-saving-content {
  text-align: center;
  padding: 14px 0 0;
  display: block
}

.opportunity-finder .estimated-saving-wrap .estimated-saving-left .rounded-border .rounded-estimates .estimated-saving-content .saving-text {
  color: #878787;
  font-size: 12px
}

.opportunity-finder .estimated-saving-wrap .estimated-saving-left .rounded-border .rounded-estimates .estimated-saving-content span {
  display: block;
  color: rgba(0,0,0,.87)
}

.opportunity-finder .estimated-saving-wrap .estimated-saving-left .rounded-border .rounded-estimates .estimated-saving-content .saving-amount {
  border-bottom: 1px dashed #878787;
  font-size: 22px;
  padding: 0 0 10px;
  line-height: 25px;
  margin: 0 0 7px;
  color: rgba(0,0,0,.87)
}

.opportunity-finder .estimated-saving-wrap .estimated-saving-right {
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  width: 105px;
  line-height: 17px
}

.opportunity-finder .estimated-saving-wrap .estimated-saving-right .money-icon {
  width: 22px
}

.opportunity-finder .estimated-saving-wrap .estimated-saving-right .esti-save-count {
  color: rgba(0,0,0,.87);
  display: inline-block;
  vertical-align: middle
}

.opportunity-finder .estimated-saving-wrap .estimated-saving-right .estimated-saving-text {
  display: block;
  padding: 3px 0 0;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: .5px
}

.darkblue-text {
  color: #004890
}

.lightgreen-text {
  color: #268406
}

.analyzeR .slick-track {
  padding: 14px 0
}

.selected-card {
  animation: pop 1.5s linear 1
}

@keyframes pop {
  25%,75% {
      transform: scale(1.05)
  }

  100%,50% {
      transform: scale(1)
  }
}

.analyzeR .choose_slider_items {
  padding-top: 14px!important
}

.analyzeR .slick-track>.drop-hover {
  float: left
}

.analyzeR .scroll-wrapper {
  height: 100%!important
}

.analyzeR .scroll-wrapper>.scroll-content {
  overflow-x: hidden!important
}

.analyse-cards-main {
  padding: 0 1.2rem
}

.analyse-cards-main>.drop-hover+div {
  margin-top: 100px
}

.data-export-container {
  margin: 0 0 13px;
  float: left;
  width: 100%;
  position: relative
}

.data-export-container .data-export-left {
  padding: 0 10px 6px;
  width: 100%;
  position: relative;
  z-index: 1
}

.data-export-container .data-export-left a.text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: calc(100% - 39px);
  display: block
}

.data-export-container .data-export-left span {
  display: block;
  line-height: 18px
}

.data-export-container .data-export-left span.currency {
  font-size: 12px;
  color: #9a9a9a;
  margin-bottom: 14px
}

.data-export-container .data-export-right {
  position: absolute;
  right: 0;
  bottom: -2px
}

.data-export-container .data-export-right .data-export-progress-bar {
  width: 111px;
  height: 40px;
  display: inline-block;
  margin-top: 12px;
  float: left
}

.data-export-container .data-export-ico {
  position: relative;
  z-index: 1
}

.data-export-container .data-export-ico .icon.iconLarge>svg {
  height: 52px;
  width: 38px
}

.data-export-container .data-export-ico .data-export-download {
  position: absolute;
  left: 7px;
  color: #fff;
  top: 16px
}

.data-export-container .data-export-progress-bar {
  margin-right: -6px;
  background: #fff
}

.feedback-card .feedback-container.feed-withdraw .feed-count,.feedback-card .feedback-container.feed-withdraw .feedback-status,.feedback-card .feedback-container.inprogress .feed-count,.feedback-card .feedback-container.inprogress .feedback-status,.feedback-card .feedback-container.review-pending .feed-count,.feedback-card .feedback-container.review-pending .feedback-status {
  background: #ffcc9a
}

.data-export-container .data-export-progress-bar svg {
  width: 111px;
  height: 40px;
  fill: currentColor
}

.data-export-container.active-state {
  border-bottom: 2px solid #e5f1db;
  cursor: pointer
}

.data-export-container.active-state .data-export-progress-bar {
  color: #e5f1db
}

.data-export-container.active-state .data-export-ico .icon.iconLarge>svg {
  color: #268406!important
}

.data-export-container.active-state .data-export-ico:hover .iconLarge svg {
  color: #185304!important
}

.data-export-container.partial-state {
  border-bottom: 2px solid #ffe3c7
}

.data-export-container.partial-state .data-export-progress-bar {
  color: #ffe3c7
}

.data-export-container.partial-state .data-export-ico {
  cursor: default
}

.data-export-container.partial-state .data-export-ico .icon.iconLarge>svg {
  color: #e67300!important
}

.data-export-container.partial-state .text-ellipsis {
  color: #212121;
  cursor: default
}

.data-export-container.error-state {
  border-bottom: 2px solid #fae5e5
}

.data-export-container.error-state .data-export-progress-bar {
  color: #fae5e5
}

.data-export-container.error-state .data-export-ico {
  cursor: default
}

.data-export-container.error-state .data-export-ico .icon.iconLarge>svg {
  color: #d63d3d!important
}

.data-export-container.error-state .text-ellipsis {
  color: #212121;
  cursor: default
}

.data-export-container.not-started-state {
  border-bottom: 2px solid #dfe6ea
}

.data-export-container.not-started-state .data-export-progress-bar {
  color: #dfe6ea
}

.data-export-container.not-started-state .data-export-ico .icon.iconLarge>svg {
  color: #667985!important
}

.data-export-container.not-started-state .data-export-download {
  color: #fff
}

@media (max-width: 829px) {
  .analyse-cards-wrap {
      width:436px;
      margin: 0 auto
  }
}

@media (min-width: 1024px) and (max-width:1230px) {
  .analyse-cards-wrap {
      margin:0 auto;
      width: 436px
  }
}

.feedback-card .feedback-container {
  float: left;
  width: 100%;
  margin-bottom: 14px
}

.feedback-card .feedback-container span {
  display: block;
  font-size: 12px
}

.feedback-card .feedback-container span.feedback-text,.feedback-card .feedback-container span.status-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.feedback-card .feedback-container span.feedback-text {
  color: #9a9a9a
}

.feedback-card .feedback-container span.status-text {
  line-height: 21px
}

.feedback-card .feedback-container .feedback-status {
  padding: 2px;
  position: absolute;
  left: 49%;
  border-radius: 50%;
  margin-left: -25px
}

.feedback-card .feedback-container .feedback-status span {
  float: left;
  height: 56px;
  width: 56px;
  border-radius: 50px;
  z-index: 5;
  box-shadow: 2px 3px 6px 1px rgba(0,0,0,.2) inset;
  border: 13px solid #fff;
  text-align: center
}

.feedback-card .feedback-container .feedback-status span .feed-icon>svg {
  width: 13px;
  height: 13px;
  margin-top: 9px
}

.feedback-card .feedback-container .feed-count {
  width: 50%;
  padding: 9px 39px 9px 15px;
  float: left;
  text-align: right
}

.feedback-card .feedback-container .feed-count a {
  position: relative;
  top: 10px;
  right: 0
}

.feedback-card .feedback-container .feedback-content {
  padding: 0 15px 0 39px;
  width: 50%;
  float: right;
  height: 60px;
  line-height: 60px
}

.feedback-card .feedback-container .feedback-content .feedback-content-wrap {
  line-height: normal;
  display: inline-block;
  vertical-align: middle
}

.feedback-card .feedback-container.inverse .feed-count {
  float: right;
  text-align: left;
  padding: 9px 15px 9px 39px
}

.feedback-card .feedback-container.inverse .feedback-content {
  float: left;
  padding-right: 39px;
  text-align: right;
  padding-left: 12px
}

.feedback-card .feedback-container.feed-withdraw .feed-count span,.feedback-card .feedback-container.inprogress .feed-count span,.feedback-card .feedback-container.review-pending .feed-count span {
  color: #e67300
}

.feedback-card .feedback-container.feed-withdraw .feedback-status span,.feedback-card .feedback-container.inprogress .feedback-status span,.feedback-card .feedback-container.review-pending .feedback-status span {
  background: #e67300
}

.feedback-card .feedback-container.feed-completed .feed-count,.feedback-card .feedback-container.feed-completed .feedback-status,.feedback-card .feedback-container.feedback-approved .feed-count,.feedback-card .feedback-container.feedback-approved .feedback-status {
  background: #d4e2c7
}

.feedback-card .feedback-container.feed-withdraw .feedback-status span .feed-icon svg,.feedback-card .feedback-container.inprogress .feedback-status span .feed-icon svg,.feedback-card .feedback-container.review-pending .feedback-status span .feed-icon svg {
  margin-left: 5px
}

.feedback-card .feedback-container.feed-completed .feed-count span,.feedback-card .feedback-container.feedback-approved .feed-count span {
  color: #268406
}

.feedback-card .feedback-container.feed-completed .feedback-status span,.feedback-card .feedback-container.feedback-approved .feedback-status span {
  background: #268406
}

.feedback-card .feedback-container.error-out .feed-count,.feedback-card .feedback-container.error-out .feedback-status,.feedback-card .feedback-container.review-rejected .feed-count,.feedback-card .feedback-container.review-rejected .feedback-status {
  background: #f5d0d0
}

.feedback-card .feedback-container.error-out .feed-count span,.feedback-card .feedback-container.review-rejected .feed-count span {
  color: #d63d3d
}

.feedback-card .feedback-container.error-out .feedback-status span,.feedback-card .feedback-container.review-rejected .feedback-status span {
  background: #d63d3d
}

.feedback-card .feedback-container.feed-retained .feed-count,.feedback-card .feedback-container.feed-retained .feedback-status,.feedback-card .feedback-container.on-hold .feed-count,.feedback-card .feedback-container.on-hold .feedback-status {
  background: #c8d0d5
}

.feedback-card .feedback-container.feed-retained .feed-count span,.feedback-card .feedback-container.on-hold .feed-count span {
  color: #667985
}

.feedback-card .feedback-container.feed-retained .feedback-status span,.feedback-card .feedback-container.on-hold .feedback-status span {
  background: #667985
}

@media (max-width: 930px) and (min-width:830px) {
  .feedback-card .feedback-container .feedback-status {
      left:49%
  }
}

.dashboard-card>ul {
  margin: 0
}

.dashboard-card .dashboard-card-container {
  width: 100%;
  display: table;
  height: 144px
}

.dashboard-card .dashboard-card-container .dashboard-card-content {
  cursor: pointer;
  display: table-cell;
  vertical-align: middle;
  position: relative;
  text-align: center
}

.dashboard-card .dashboard-card-container .dashboard-card-content:hover .dashboard-card-count .module-data label {
  opacity: 1;
  top: -3px;
  cursor: pointer
}

.dashboard-card .dashboard-card-container .dashboard-card-content .dashboard-card-value {
  margin-bottom: 13px
}

.dashboard-card .dashboard-card-container .dashboard-card-content .dashboard-card-value span {
  display: block
}

.dashboard-card .dashboard-card-container .dashboard-card-content .dashboard-card-value span.amount {
  font-size: 18px;
  line-height: 20px
}

.dashboard-card .dashboard-card-container .dashboard-card-content .dashboard-card-value span.value {
  color: #9a9a9a;
  font-size: 12px
}

.dashboard-card .dashboard-card-container .dashboard-card-content .dashboard-card-count {
  height: 30px
}

.dashboard-card .dashboard-card-container .dashboard-card-content .dashboard-card-count .module-data {
  margin-right: 19px;
  display: inline-block
}

.dashboard-card .dashboard-card-container .dashboard-card-content .dashboard-card-count .module-data span .numbers {
  font-size: 16px
}

.dashboard-card .dashboard-card-container .dashboard-card-content .dashboard-card-count .module-data label {
  display: block;
  position: relative;
  top: -3px;
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  -ms-transition: all .3s ease
}

.dashboard-card .dashboard-card-container .dashboard-card-content .dashboard-card-count .module-data:last-child {
  margin-right: 0;
  margin-bottom: 0!important;
  height: 26px!important
}

.dashboard-card .dashboard-card-container .dashboard-card-content .dashboard-card-disabled {
  opacity: .4
}

.dashboard-card .dashboard-card-container .dashboard-card-content .dashboard-card-disabled.hide {
  display: none
}

.dashboard-card .dashboard-card-container .dashboard-card-content .dashboard-card-disabled svg {
  color: #000
}

.dashboard-card .dashboard-card-container .dashboard-card-content h1 {
  text-transform: uppercase;
  color: #999;
  font-size: 16px;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 2px;
  left: 2px
}

.dashboard-card .dashboard-card-container .dashboard-card-content.project-content:hover {
  background-color: #f7f7f5
}

.dashboard-card .dashboard-card-container .dashboard-card-content.project-content .left-content {
  float: left;
  width: 50%;
  text-align: right;
  padding-right: 20px
}

.dashboard-card .dashboard-card-container .dashboard-card-content.project-content .left-content div span {
  font-size: 12px;
  color: #9a9a9a
}

.dashboard-card .dashboard-card-container .dashboard-card-content.project-content .left-content div span .samrtCultureCompWrapper .showCultureVal {
  color: #268406;
  font-size: 16px
}

.dashboard-card .dashboard-card-container .dashboard-card-content.project-content .left-content div span.saving-value {
  font-size: 16px;
  display: block;
  line-height: 16px
}

.dashboard-card .dashboard-card-container .dashboard-card-content.project-content .left-content div span.saving-value.realized-text {
  color: #268406
}

.dashboard-card .dashboard-card-container .dashboard-card-content.project-content .left-content .btl {
  font-size: 12px;
  color: #9a9a9a;
  margin-top: -2px;
  display: block
}

.dashboard-card .dashboard-card-container .dashboard-card-content.project-content .right-content {
  float: right;
  width: 50%;
  text-align: left;
  padding-left: 19px;
  border-left: 1px solid #e4e4e4
}

.dashboard-card .dashboard-card-container .dashboard-card-content.project-content .right-content div span {
  font-size: 12px;
  color: #9a9a9a
}

.dashboard-card .dashboard-card-container .dashboard-card-content.project-content .right-content div span .samrtCultureCompWrapper .showCultureVal {
  font-size: 16px
}

.dashboard-card .dashboard-card-container .dashboard-card-content.project-content .right-content div span.saving-value {
  font-size: 16px;
  display: block;
  line-height: 16px
}

.dashboard-card .dashboard-card-container .dashboard-card-content.project-content .right-content div span.saving-value.realized-text {
  color: #268406
}

.dashboard-card .dashboard-card-container .dashboard-card-content.project-content .right-content .btl {
  font-size: 12px;
  color: #9a9a9a;
  margin-top: -2px;
  display: block
}

.dashboard-card .dashboard-card-container .dashboard-card-content .project-saving {
  margin: 0 auto;
  display: table
}

.dashboard-card .dashboard-card-container .dashboard-card-content .project-saving .project-circle .project-bar {
  position: absolute;
  border: .08em solid #268406;
  width: .84em;
  height: .84em;
  clip: rect(0,.4em,1em,0);
  border-radius: 50%;
  -webkit-transform: rotate(13deg);
  -moz-transform: rotate(13deg);
  -ms-transform: rotate(13deg);
  -o-transform: rotate(13deg);
  transform: rotate(13deg)
}

.dashboard-card .dashboard-card-container .dashboard-card-content .project-saving .project-circle {
  position: relative;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  background-color: #757575
}

.dashboard-card .dashboard-card-container .dashboard-card-content .project-saving .project-circle *,.dashboard-card .dashboard-card-container .dashboard-card-content .project-saving .project-circle :after,.dashboard-card .dashboard-card-container .dashboard-card-content .project-saving .project-circle :before {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box
}

.dashboard-card .dashboard-card-container .dashboard-card-content .project-saving .project-circle.small {
  font-size: 63px
}

.dashboard-card .dashboard-card-container .dashboard-card-content .project-saving .project-circle>span {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 5em;
  line-height: 5em;
  font-size: .2em
}

.dashboard-card .dashboard-card-container .dashboard-card-content .project-saving .project-circle:after {
  position: absolute;
  top: .08em;
  left: .08em;
  display: block;
  content: " ";
  border-radius: 50%;
  background-color: #fff;
  width: .84em;
  height: .84em
}

.dashboard-card .dashboard-card-container .dashboard-card-content.supplier-content {
  background: #f0f4c3
}

.dashboard-card .dashboard-card-container .dashboard-card-content.supplier-content:hover {
  background-color: #ecf2a7
}

.dashboard-card .dashboard-card-container .dashboard-card-content.supplier-content .module-title {
  display: none
}

.dashboard-card .dashboard-card-container .dashboard-card-content.supplier-content .supplier-container i {
  color: #268406
}

.dashboard-card .dashboard-card-container .dashboard-card-content.supplier-content .supplier-container .numbers,.dashboard-card .dashboard-card-container .dashboard-card-content.supplier-content .supplier-container label {
  display: block;
  cursor: pointer
}

.dashboard-card .dashboard-card-container .dashboard-card-content.supplier-content .supplier-container .numbers {
  font-size: 24px;
  color: #757575;
  line-height: 20px;
  margin: 0 0 4px
}

.dashboard-card .dashboard-card-container .dashboard-card-content.procurement-content:hover {
  background-color: #f7f7f5
}

.dashboard-card .dashboard-card-container .dashboard-card-content.procurement-content i {
  color: #d5d5d5
}

.dashboard-card .dashboard-card-container .dashboard-card-content.procurement-content .dashboard-card-value span.amount {
  color: #d63d3d
}

.dashboard-card .dashboard-card-container .dashboard-card-content.cpo-content {
  background: #fff0c2
}

.dashboard-card .dashboard-card-container .dashboard-card-content.cpo-content:hover {
  background-color: #fae8b0
}

.dashboard-card .dashboard-card-container .dashboard-card-content.cpo-content .dashboard-card-count i,.dashboard-card .dashboard-card-container .dashboard-card-content.cpo-content .dashboard-card-value span.amount,.dashboard-card .dashboard-card-container .dashboard-card-content.cpo-content h1 span {
  color: #e67300
}

.dashboard-card .dashboard-card-container .dashboard-card-content.contract-content:hover {
  background-color: #f7f7f5
}

.dashboard-card .dashboard-card-container .dashboard-card-content.contract-content .dashboard-card-value {
  margin-bottom: 22px
}

.dashboard-card .dashboard-card-container .dashboard-card-content.contract-content .dashboard-card-count i {
  color: #d5d5d5
}

.dashboard-card .dashboard-card-container .dashboard-card-content.sourcing-content {
  background: #d8efed
}

.dashboard-card .dashboard-card-container .dashboard-card-content.sourcing-content:hover {
  background-color: #c9e9e6
}

.dashboard-card .dashboard-card-container .dashboard-card-content.sourcing-content h1 {
  right: 2px;
  left: auto
}

.dashboard-card .dashboard-card-container .dashboard-card-content.sourcing-content h1 span {
  color: #9fd5d0
}

.dashboard-card .dashboard-card-container .dashboard-card-content.sourcing-content .dashboard-card-count {
  margin: 0 auto;
  display: table
}

.dashboard-card .dashboard-card-container .dashboard-card-content.sourcing-content .dashboard-card-count .sourcing-container .module-data {
  float: left;
  margin: 0 0 4px 12px;
  height: 34px;
  width: auto
}

.dashboard-card .dashboard-card-container .dashboard-card-content.sourcing-content .dashboard-card-count .sourcing-container .module-data .left-data {
  float: left
}

.dashboard-card .dashboard-card-container .dashboard-card-content.sourcing-content .dashboard-card-count .sourcing-container .module-data .left-data i {
  color: #4db6ac
}

.dashboard-card .dashboard-card-container .dashboard-card-content.sourcing-content .dashboard-card-count .sourcing-container .module-data .right-data {
  float: left;
  text-align: left
}

.dashboard-card .dashboard-card-container .dashboard-card-content.sourcing-content .dashboard-card-count .sourcing-container .module-data .right-data label {
  display: block;
  line-height: 13px
}

.dashboard-card .dashboard-card-container.diff-width .dashboard-card-content:first-child {
  width: 30%
}

.dashboard-card .dashboard-card-container.diff-width .dashboard-card-content:last-child {
  width: 70%
}

.dashboard-card .dashboard-card-container.equal-width .dashboard-card-content {
  border: 1px solid #ebebeb;
  width: 50%
}

.dashboard-card .dashboard-card-container.equal-width .dashboard-card-content:last-child {
  border: 0
}

@media (min-width: 1231px) and (max-width:1365px) {
  .report-chart-legents {
      margin:0 9px!important
  }
}

@media (min-width: 1024px) and (max-width:1230px) {
  .report-chart-legents {
      margin:0 50px!important
  }
}

.report-card .highcharts-container {
  margin: 0 auto
}

.report-card {
  position: relative;
  z-index: 1
}

.report-card g.highcharts-tooltip {
  opacity: 0
}

.report-card div.highcharts-tooltip {
  z-index: 2;
  background: #323232;
  padding: 6px;
  border-radius: 2px
}

.report-card div.highcharts-tooltip>span {
  position: static!important
}

.report-card .grpt-tip {
  color: #fff;
  margin: 0;
  padding: 6px
}

.report-card .grpt-tip>li:before {
  content: "";
  width: 5px;
  height: 5px;
  background-color: #fff;
  display: inline-block;
  vertical-align: middle;
  margin-right: 6px;
  border-radius: 50%
}

.report-card .grpt-tip>li:first-child:before {
  display: none
}

.report-chart-legents {
  margin: 0 30px;
  margin-top: 30px!important
}

.legent-color {
  display: inline-block;
  width: 12px;
  height: 12px;
  background-color: #fff;
  vertical-align: middle
}

.legent-title {
  display: inline-block;
  vertical-align: middle;
  padding-left: 8px;
  text-transform: uppercase;
  cursor: pointer;
  width: calc(100% - 20px);
  margin-right: 6px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.legent-rcount {
  font-size: 1.1em;
  color: #0177d6;
  max-width: 26px;
  padding-right: 3px;
  display: inline-block
}

.report-card-chart {
  height: 220px;
  margin-top: 30px
}

.data-lbl {
  font-weight: lighter;
  font-size: 12px
}

.data-lbl a {
  font-size: 16px;
  vertical-align: baseline
}

.report-card-stat {
  position: absolute;
  width: 155px;
  height: 155px;
  left: 50%;
  margin: -77.5px;
  top: 50%;
  background-color: #eceeee;
  border-radius: 50%;
  z-index: 1;
  box-shadow: 2px 2px 4px rgba(0,0,0,.47);
  text-align: center;
  color: #000
}

.report-card-stat .icon {
  margin-top: 47px
}

.report-card-count {
  font-size: 26px;
  vertical-align: middle
}

.report-card-lb {
  display: block;
  font-size: 16px
}

.analyse-cards-wrap.spend-total-alerts .spend-alert-card .sAlerts .salert-row>div,.analyse-cards-wrap.spend-total-alerts .spend-alert-card .sAlerts .salert-row>div.ldata-al>span,.data-ext-tooltip>ul>li:before {
  display: inline-block;
  vertical-align: middle
}

.analyse-card.gReport {
  padding: 0
}

.report-card-stat svg {
  color: #777
}

.data-ext-tooltip {
  margin: 0;
  background-color: #f1f1f1;
  border: 1px solid #c4c4c4;
  border-radius: 2px;
  padding: 14px;
  z-index: 10;
  box-shadow: 2px 2px 3px rgba(0,0,0,.1)
}

.data-ext-tooltip>ul>li:before {
  content: "";
  width: 0;
  height: 0;
  padding: 2.5px;
  background-color: #717171;
  margin-right: 10px
}

.data-ext-tooltip>ul>li {
  color: #4b4b4b;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 13px
}

.data-ext-tooltip ul {
  margin: 0
}

.data-ext-tooltip .data-tl {
  font-weight: 700
}

.data-ext-tooltip:after,.data-ext-tooltip:before {
  content: "";
  width: 0;
  height: 0;
  border-width: 8px 8px 0;
  border-style: solid;
  border-color: #c4c4c4 transparent;
  position: absolute;
  bottom: -8px;
  left: 50%;
  margin-left: -8px
}

.data-ext-tooltip:after {
  border-color: #f1f1f1 transparent;
  bottom: -6px
}

.analyse-cards-main.act {
  z-index: 1
}

.report-card .highcharts-container svg text tspan:first-child {
  fill: #0177d6;
  font-size: 16px
}

.report-chart-legents-list>li {
  cursor: default;
  margin-bottom: 5px
}

.analyse-card.spend-dashboard {
  padding: 0
}

.analyse-card.spend-dashboard .hmap-wrap {
  position: relative;
  margin-top: 35px
}

.analyse-card.spend-dashboard .hmap-wrap .spend-dash-ico {
  position: absolute;
  margin: 30px
}

.analyse-card.spend-dashboard .hmap-wrap .spend-dash-ico>div {
  float: left
}

.analyse-card.spend-dashboard .hmap-wrap .spend-dash-ico .spend-dash-info {
  margin: 3px 15px 0
}

.analyse-card.spend-dashboard .hmap-wrap .spend-dash-ico .spend-dash-info .total-calculate {
  display: block;
  font-size: 1.1em;
  font-weight: 700;
  color: #4e4e4e
}

.analyse-card.spend-dashboard .hmap-wrap .spend-dash-ico .spend-dash-info .calculate-title {
  display: block;
  font-size: 12px
}

.analyse-card.spend-dashboard .hmap-wrap .spend-dash-ico .spend-dash-info>a {
  font-weight: 700;
  cursor: pointer
}

.analyse-card.spend-dashboard .hmap-wrap .spend-dash-ico.region {
  top: 0;
  left: 0
}

.analyse-card.spend-dashboard .hmap-wrap .spend-dash-ico.region .icon svg {
  margin-top: -4px;
  margin-right: -2px
}

.analyse-card.spend-dashboard .hmap-wrap .spend-dash-ico.supplier {
  right: 0;
  bottom: 0;
  text-align: right
}

.analyse-card.spend-dashboard .hmap-wrap .spend-dash-ico .icon {
  width: 70px;
  height: 70px;
  text-align: center;
  line-height: 60px;
  border: 4px solid #268406;
  border-radius: 50%;
  color: grey
}

.analyse-card.spend-dashboard .hmap-wrap .wmap {
  width: 100%;
  height: 214px;
  fill: #e8f9fb
}

.analyse-card.spend-dashboard .harea-wrap {
  overflow: hidden;
  margin-top: -21px
}

.analyse-card.spend-dashboard .harea-wrap .harea {
  margin: 0;
  position: relative
}

.analyse-card.spend-dashboard .harea-wrap .harea .harea-shadow {
  position: absolute;
  width: 100%;
  height: 8px;
  box-shadow: 0 5px 6px rgba(0,0,0,.1);
  bottom: 53px;
  background: 0 0;
  border-bottom: 1px solid #fff;
  z-index: 1
}

.reports-card .cardItemsCount {
  float: right;
  color: #000;
  font-size: 16px;
  font-weight: 300;
  position: absolute;
  right: -5px;
  bottom: 9px;
  background: #fdd835;
  z-index: 98989899;
  border-radius: 3px;
  width: 75px;
  text-align: center;
  padding: 3px 0;
  box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)
}

.reports-card .tabs {
  height: 40px!important;
  background: #E53935
}

.reports-card .tabs .tab a {
  padding: 7px 12px 8px;
  color: #fff
}

.reports-card .tabs .tab a.active {
  border-bottom: 3px solid #fdd835!important
}

.reports-card .tabparent-container {
  padding: 0;
  box-shadow: none
}

.analyse-cards-info .analyse-cards-wrap.reports-card .cards-header-top {
  background: #E53935!important
}

.reports-card .scrollbar-outer {
  clear: both
}

.analyse-cards-wrap.spend-total-alerts {
  padding: 0
}

.analyse-cards-wrap.spend-total-alerts .spend-alert-card .collapsible-header-drag-wrap {
  z-index: 1
}

.analyse-cards-wrap.spend-total-alerts .spend-alert-card .card-content {
  padding: 0;
  height: calc(100% - 87px)
}

.analyse-cards-wrap.spend-total-alerts .spend-alert-card .scrollMargin0 .scrollbar-outer {
  margin-bottom: 0!important
}

.analyse-cards-wrap.spend-total-alerts .spend-alert-card .card-action {
  height: 62px;
  box-sizing: border-box;
  padding: 14px 8px;
  bottom: 0;
  position: absolute;
  width: 100%
}

.analyse-cards-wrap.spend-total-alerts .spend-alert-card .spend-top {
  background-color: #e58983;
  padding-top: 4px;
  position: relative;
  height: 87px
}

.analyse-cards-wrap.spend-total-alerts .spend-alert-card .spend-top .collapsible-header-drag-icon {
  color: #fff
}

.analyse-cards-wrap.spend-total-alerts .spend-alert-card .spend-top .work-count {
  z-index: 0;
  float: right;
  color: #000;
  font-size: 16px;
  font-weight: 300;
  position: absolute;
  right: -5px;
  bottom: 9px;
  background: #fdd835;
  border-radius: 3px;
  width: 75px;
  text-align: center;
  padding: 3px 0;
  box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)
}

.analyse-cards-wrap.spend-total-alerts .spend-alert-card .spend-top .alrt-bg {
  color: #e99a95
}

.analyse-cards-wrap.spend-total-alerts .spend-alert-card .spend-top .alrt-bg svg {
  position: absolute;
  top: -70px;
  left: 0;
  width: 202px;
  height: 202px
}

.analyse-cards-wrap.spend-total-alerts .spend-alert-card .spend-top .alert-stat {
  color: #fff;
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 0 16px;
  font-size: 2.2em;
  overflow: hidden
}

.dcc-progress,.dcc-progress .dcc-progress-points>li .process-wrapper {
  position: relative
}

.analyse-cards-wrap.spend-total-alerts .spend-alert-card .spend-top .alert-stat>span {
  margin-bottom: -11px
}

.analyse-cards-wrap.spend-total-alerts .spend-alert-card .dropdown-button {
  right: 0;
  top: 8px;
  color: #fff
}

.analyse-cards-wrap.spend-total-alerts .spend-alert-card .sAlerts {
  width: 90%;
  margin: 0 auto
}

.analyse-cards-wrap.spend-total-alerts .spend-alert-card .sAlerts .salert-row {
  padding: 8px 0;
  border-bottom: 1px solid #f2f2f2
}

.analyse-cards-wrap.spend-total-alerts .spend-alert-card .sAlerts .salert-row.success-alrt .ldata-al .icon {
  color: #268406
}

.analyse-cards-wrap.spend-total-alerts .spend-alert-card .sAlerts .salert-row.NA-alrt .ldata-al .icon {
  color: #e67300
}

.analyse-cards-wrap.spend-total-alerts .spend-alert-card .sAlerts .salert-row>div.ldata-al {
  width: 100px;
  text-align: right;
  padding-right: 8px
}

.analyse-cards-wrap.spend-total-alerts .spend-alert-card .sAlerts .salert-row>div.ldata-al>span.icon {
  border-radius: 50%;
  width: 25px;
  height: 25px;
  text-align: center
}

.analyse-cards-wrap.spend-total-alerts .spend-alert-card .sAlerts .salert-row>div.ldata-al>span.ld-dt {
  font-size: 12px;
  color: #6f6f6f;
  margin-right: 10px;
  width: 50px
}

.analyse-cards-wrap.spend-total-alerts .spend-alert-card .sAlerts .salert-row>div.rdata-al {
  padding-left: 15px;
  width: calc(100% - 100px);
  overflow: hidden;
  text-overflow: ellipsis
}

.analyse-cards-wrap.spend-total-alerts .spend-alert-card .sAlerts .salert-row>div.rdata-al .salert-dt {
  font-size: 13px;
  color: #6f6f6f
}

.analyse-cards-wrap.spend-total-alerts .spend-alert-card .sAlerts .salert-row>div.rdata-al .salert-title {
  font-size: 15px
}

.analyse-cards-wrap.spend-total-alerts .spend-alert-card .sAlerts .salert-row:last-child {
  border-bottom: 0
}

.analyse-cards-wrap.spend-total-alerts .card {
  box-shadow: 0 0
}

.dcc-title {
  margin: 0 15px;
  padding: 4px 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  font-size: 16px
}

.dcc-info {
  margin: 50px 18px 0
}

.dcc-info .dcc-col {
  float: left;
  width: 50%;
  text-align: center
}

.dcc-info .dcc-col-title {
  font-weight: 700
}

.dcc-info .dcc-col-trans-count {
  font-size: 1.7em;
  font-weight: 700;
  color: #ff9f07;
  margin: 5px 0 4px
}

.dcc-info .dcc-col-nifty-difty {
  font-size: 12px
}

.dcc-info .dcc-col-nifty-difty .icon {
  vertical-align: text-bottom;
  margin-right: 1px
}

.dcc-info .dcc-col-nifty-difty .icon svg {
  height: 16px;
  width: 15px;
  fill: none;
  stroke: #000;
  vertical-align: top
}

.dcc-progress {
  z-index: 1;
  margin-bottom: 10px
}

.dcc-progress .dcc-progress-points {
  margin: 25px 0;
  text-align: center;
  display: block
}

.dcc-progress .dcc-progress-points>li {
  float: left;
  width: 16.666666666666668%;
  position: relative
}

.dcc-progress .dcc-progress-points>li .process-title {
  font-size: 10px;
  color: #696969;
  line-height: 12px;
  display: inline-block
}

.dcc-progress .dcc-progress-points>li.dcc-complete .process-wrapper:after {
  background-color: #268406
}

.dcc-progress .dcc-progress-points>li:last-child .process-wrapper:after {
  display: none
}

.dcc-progress .dcc-progress-points>li .process-wrapper:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -1px;
  height: 2px;
  width: 100%;
  background-color: #a8a8a8
}

.dcc-progress .dcc-progress-points>li .dcc-progress-point {
  width: 28px;
  height: 28px;
  background-color: #eee;
  display: block;
  margin: 0 auto;
  border-radius: 50%;
  z-index: 2;
  position: relative;
  overflow: hidden
}

.dcc-progress .dcc-progress-points>li .dcc-progress-point .progress-point-percent {
  height: 100%
}

.dcc-progress .dcc-progress-points>li.dcc-complete .dcc-progress-point .progress-point-percent {
  background-color: #268406;
  width: 100%
}

.dcc-progress .dcc-progress-points>li.dcc-inProgress .dcc-progress-point .progress-point-percent {
  background-color: #ea983e;
  width: 50%
}

.dcc-progress .dcc-progress-points>li.dcc-incomplete .dcc-progress-point {
  background-color: #a8a8a8
}

.dcc-progress .dcc-progress-points>li.dcc-error .dcc-progress-point .progress-point-percent {
  background-color: #d63d3d;
  width: 100%
}

.file-guage {
  overflow: hidden;
  position: relative
}

.file-guage .highcharts-container {
  margin: 0 auto
}

.file-guage>div {
  margin: 6px 0;
  z-index: 1;
  position: relative
}

.file-guage .dcc-process-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  color: #268406;
  margin: -16px
}

.file-guage .dcc-process-icon svg {
  width: 32px;
  height: 32px
}

.file-guage .dcc-process-icon.uncomplete-dcc {
  color: #ccc!important
}

.file-guage:after {
  content: "";
  position: absolute;
  width: 130px;
  height: 130px;
  top: 50%;
  left: 50%;
  margin: -65px;
  border-radius: 50%;
  box-shadow: 0 2px 6px rgba(0,0,0,.29);
  z-index: 0
}

.dcc-inProgress-status .process-percent {
  color: #ea983e
}

.dcc-inProgress-status .dcc-process-icon {
  margin: -22.5px
}

.dcc-inProgress-status .dcc-process-icon svg {
  width: 45px;
  height: 45px
}

.dcc-error-status .process-percent {
  color: #d63d3d
}

.dcc-error-status .dcc-process-icon {
  margin: -20px;
  color: #d63d3d
}

.dcc-error-status .dcc-process-icon svg {
  width: 40px;
  height: 40px
}

.dcc-error-status .ErrorModeStatus {
  display: none!important
}

.dcc-error-status .stat-Error-label {
  display: block;
  font-size: 14px;
  color: #5c5c5c
}

.dcc-complete-status .dcc-progress-chart,.dcc-complete-status .dccProgressNewchart,.dcc-complete-status .process-stat-wrap {
  display: inline-block;
  vertical-align: middle
}

.dcc-error-status .process-progress-label {
  color: #5c5c5c;
  font-size: 14px
}

.dcc-complete-status .dcc-progress-chart {
  width: 50%
}

.dcc-complete-status .dccProgressNewchart {
  width: 100%!important
}

.dcc-complete-status .process-percent {
  color: #268406
}

.dcc-complete-status .dcc-process-icon {
  margin: -22.5px
}

.dcc-complete-status .dcc-process-icon svg {
  width: 45px;
  height: 45px
}

.dcc-complete-status .process-stat .stat-label {
  font-size: 12px;
  color: #5c5c5c;
  display: block!important
}

.dcc-complete-status .process-stat .stat-count,.dcc-complete-status .stat-sign-count {
  font-size: 18px;
  color: #191919;
  display: inline-block;
  font-weight: 700
}

.dcc-complete-status .process-stat {
  margin-bottom: 12px
}

.process-status-info .process-percent {
  font-size: 30px;
  display: block;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 45px
}

.spend-vi-dashboard .vi-top .iconCircle,.spend-vi-dashboard .viResults .salert-row>div,.spend-vi-dashboard .viResults .salert-row>div.ldata-al>span {
  display: inline-block;
  vertical-align: middle
}

.process-status-info a {
  font-size: 14px;
  text-transform: uppercase;
  cursor: pointer
}

.spend-vi-dashboard {
  padding-top: 0
}

.spend-vi-dashboard .card-header .icon svg {
  color: #fff
}

.spend-vi-dashboard .work-count {
  z-index: 0!important;
  float: right;
  color: #000;
  font-size: 16px;
  font-weight: 300;
  position: absolute;
  right: -5px;
  bottom: 9px;
  background: #fdd835;
  border-radius: 3px;
  width: 75px;
  text-align: center;
  padding: 3px 0;
  box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)
}

.spend-vi-dashboard .vi-top {
  background-color: #7859BC;
  padding-top: 4px;
  position: relative;
  height: 87px
}

.spend-vi-dashboard .vi-top .collapsible-header-drag-icon {
  color: #fff
}

.spend-vi-dashboard .vi-top .fav-star-icon {
  margin-top: 12px;
  text-align: right;
  float: right;
  padding-right: 23px
}

.spend-vi-dashboard .vi-top .iconCircle {
  color: #fff!important;
  line-height: 32px!important;
  height: 36px;
  width: 36px;
  font-size: 18px;
  text-align: center;
  position: absolute;
  overflow: hidden;
  left: 15px;
  border-radius: 50%
}

.spend-vi-dashboard .card-action {
  height: 62px;
  box-sizing: border-box;
  padding: 14px 8px;
  bottom: 0;
  position: absolute;
  width: 100%
}

.spend-vi-dashboard .card-content {
  padding: 0
}

.spend-vi-dashboard .viResults {
  width: 100%;
  margin: 0 auto
}

.spend-vi-dashboard .viResults .salert-row {
  position: relative;
  padding: 8px 0;
  border-bottom: 1px solid #f2f2f2
}

.spend-vi-dashboard .viResults .salert-row.success-alrt .ldata-al .icon {
  background-color: #e58983
}

.spend-vi-dashboard .viResults .salert-row.NA-alrt .ldata-al .icon {
  background-color: #7a7772
}

.spend-vi-dashboard .viResults .salert-row>div.ldata-al {
  padding-left: 24px
}

.spend-vi-dashboard .viResults .salert-row>div.ldata-al>span.icon {
  border-radius: 50%;
  box-shadow: 0 0 6px rgba(0,0,0,.19) inset;
  width: 25px;
  height: 25px;
  text-align: center
}

.spend-vi-dashboard .viResults .salert-row>div.ldata-al>span.icon svg {
  width: 12px;
  height: 13px
}

.spend-vi-dashboard .viResults .salert-row>div.ldata-al>span.ld-dt {
  font-size: 12px;
  color: #6f6f6f;
  margin-right: 10px;
  width: 50px
}

.spend-vi-dashboard .viResults .salert-row>div.rdata-al {
  padding-left: 15px;
  width: calc(100% - 100px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.spend-vi-dashboard .viResults .salert-row>div.rdata-al .salert-dt {
  font-size: 13px;
  color: #6f6f6f
}

.spend-vi-dashboard .viResults .salert-row>div.rdata-al .salert-title {
  font-size: 15px
}

.spend-vi-dashboard .viResults .salert-row:last-child {
  border-bottom: 0
}

.spend-vi-dashboard .viResults .salert-row .ldata-al .iconCircle {
  color: #fff!important;
  line-height: 32px!important;
  height: 36px;
  width: 36px;
  font-size: 18px;
  text-align: center;
  overflow: hidden;
  left: 15px;
  border-radius: 50%;
  background: #e53935
}

.spend-vi-dashboard .viResults .salert-row .ldata-al .iconCircle svg {
  height: 18px;
  width: 18px
}

.spend-vi-dashboard .viResults .salert-row .ldata-al {
  vertical-align: top
}

.spend-vi-dashboard .viResults .salert-row a.title {
  text-decoration: none;
  font-size: 14px;
  color: rgba(0,0,0,.87)
}

.spend-vi-dashboard .viResults .salert-row a.title span:first-child {
  padding-bottom: 4px;
  display: block
}

.spend-vi-dashboard .viResults .salert-row a.title span:not(:first-child) {
  line-height: 17px;
  font-size: .85714rem;
  margin: 0;
  color: #757575;
  display: block
}

.spend-vi-dashboard .viResults .salert-row p {
  margin: 0;
  color: #757575;
  white-space: normal;
  font-size: .85714rem
}

.tip-table {
  line-height: normal;
  color: #fff
}

.tip-col-th {
  color: #fff;
  padding: 0!important;
  font-weight: 700;
  min-width: 90px
}

.tip-col-td {
  color: #fff;
  padding: 0 20px 0 0!important;
  text-overflow: ellipsis;
  max-width: 180px;
  overflow: hidden
}

.tip-row {
  white-space: nowrap
}

.cards-title .cardHeaderWidth {
  max-width: 250px
}

.analyse-cards-info .cards-title {
  height: 66px!important
}

.analyse-cards-info .card-header {
  height: 87px!important
}

.analyse-cards-info .card-header .collapsible-header-drag-icon {
  color: #fff
}

.analyse-cards-info .analyse-cards-wrap {
  padding: 0
}

.analyse-cards-info .analyse-cards-wrap.spend-dashboard .cards-header-top {
  background: #e97200
}

.analyse-cards-info .analyse-cards-wrap.business-insight .cards-header-top {
  background: #5768cf
}

.analyse-cards-info .analyse-cards-wrap.opportunity-finder {
  margin: 0
}

.analyse-cards-info .analyse-cards-wrap.opportunity-finder .cards-header-top {
  background: #62a233
}

.analyse-cards-info .analyse-cards-wrap.feedback .cards-header-top {
  background: #ff348b
}

.analyse-cards-info .analyse-cards-wrap.analytical-report .cards-header-top {
  background: #9b75e2
}

.analyse-cards-info .analyse-cards-wrap.dashboard .cards-header-top {
  background: #f08604
}

.analyse-cards-info .analyse-cards-wrap.data-export .cards-header-top,.analyse-cards-info .analyse-cards-wrap.spend-total-alerts .cards-header-top {
  background: #f91a27
}

.analyse-cards-info .analyse-cards-wrap.dashboard .analyse-card {
  padding: 1px
}

.analyse-cards-info .analyse-cards-wrap.data-export .analyse-card {
  padding: 10px 20px 0
}

.analyse-cards-info .analyse-cards-wrap.reports .cards-header-top {
  background: #62a233
}

.analyse-cards-info .analyse-cards-wrap.spend-dcc .cards-header-top {
  background: #5768cf
}

.analyse-cards-info .analyse-cards-wrap.spend-vi-dashboard .cards-header-top {
  background: #9b75e2
}

.analyse-cards-info .analyse-card.spend-dashboard .hmap-wrap {
  margin-top: 15px
}

.analyse-cards-info .analyse-card.spend-dashboard .hmap-wrap .spend-dash-ico {
  margin: 20px 30px
}

.analyse-cards-info .analyse-card.spend-dashboard .hmap-wrap .spend-dash-ico.supplier {
  bottom: 20px
}

.analyse-cards-info .analyse-card.spend-dashboard .harea-wrap {
  margin-top: -27px
}

.analyse-cards-info .analyse-card.feedback {
  padding-top: 12px
}

.analyse-cards-info .nextArrow {
  overflow: hidden;
  height: 16px;
  width: 16px;
  display: inline-block;
  position: relative
}

.analyse-cards-info .nextArrow:before {
  content: '';
  height: 8px;
  width: 8px;
  display: block;
  border: 2px solid #fff;
  border-left-width: 0;
  border-top-width: 0;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  position: absolute;
  top: 6px;
  right: 2px
}

.analyse-cards-info .nextArrow:after {
  content: '';
  height: 2px;
  width: 15px;
  display: block;
  background: #fff;
  position: absolute;
  top: 9px;
  left: 0
}

.analyse-cards-info .card-header-title>a {
  display: inline-block;
  position: relative
}

.analyse-cards-info .card-header-title>a.disabled {
  opacity: 1
}

.analyse-cards-info .vertical-align-middle {
  vertical-align: middle!important
}

.analyse-cards-info .card-header-title .nextArrow {
  text-indent: -9999px;
  margin-left: 10px;
  left: 0
}

.analyse-cards-info .opportunity-finder .estimated-saving-wrap {
  padding: 5px 0
}

.analyse-cards-info .dashboard-card .dashboard-card-container {
  height: 126px
}

.analyse-cards-info .report-card-chart {
  margin-top: 10px
}

.analyse-cards-info .dcc-progress .dcc-progress-points {
  margin: 15px 0
}

.analyse-cards-info .spend-vi-dashboard .viResults {
  margin-top: 15px
}

.analyse-cards-info.analyse-cards-main:hover .nextArrow {
  -webkit-animation-name: bouncingArr;
  animation-name: bouncingArr;
  -moz-animation-name: bouncingArr;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite
}

.analyse-cards-info.analyse-cards-main .nextArrow {
  animation-iteration-count: 0;
  -webkit-animation-iteration-count: 0;
  -moz-animation-iteration-count: 0
}

@-webkit-keyframes bouncingArr {
  0%,100%,20%,60% {
      -webkit-transform: translateX(0)
  }

  40% {
      -webkit-transform: translateX(5px)
  }

  80% {
      -webkit-transform: translateX(8px)
  }
}

@keyframes bouncingArr {
  0%,100%,20%,60% {
      -webkit-transform: translateX(0)
  }

  40% {
      -webkit-transform: translateX(5px)
  }

  80% {
      -webkit-transform: translateX(8px)
  }
}

a.analyse-card-culture-date span {
  display: inline!important;
  color: #0177d6!important
}

table.sTable.scoreAnalysisEvntSummaryTbl th {
  padding: 13px 10px
}

.tableaddbtn {
  left: 25px;
  top: 3px
}

.dccmetadatachips {
  display: none
}

.row .col.dcc-metadata-container {
  margin-left: -10px
}

.queryExecute {
  background: #0177d6
}

.borderBtmPop {
  border-bottom: 1px solid #ddd
}

.querydisabled {
  background: #f5f5f5
}

.dcc-query-container .wrapper--withSidebar,.dcc-table-container .wrapper--withSidebar {
  margin-left: 350px
}

.dcc-query-container .sidebar--left,.dcc-query-container .sidebar--leftDv {
  float: left;
  width: 350px;
  margin-left: -350px
}

.spenddccheadersearch.searchSlideMain {
  width: calc(100% - 177px);
  right: 110px
}

.dccspendalert-bar,.spenddccheadersearch.active.searchSlideMain {
  z-index: 1
}

.dccspend-panel-content .collapsible-header-drag-icon {
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
  position: static;
  margin-left: 0
}

.dccspend-panel-content-dragicon {
  margin: 3px 5px 0 10px;
  line-height: 18px
}

.dccspend-panel-content .drop-hover {
  height: 48px!important
}

.dcc-metadata-container .chips-items span {
  cursor: pointer
}

.right-align-lookup.lookup-popup {
  left: auto!important;
  right: 0
}

.panel-content-iteamList-item.ui-sortable-helper {
  background-color: #fff
}

.panel-content-iteamList-item.ui-sortable-helper.selected {
  background-color: #f5f5f5
}

.dcc-container-footer.page-footer {
  background: #fff;
  z-index: 0
}

footer.page-footer.footer-spend-data-process {
  width: calc(100% - 285px);
  right: 0;
  left: auto;
  background-color: #f8f8f8
}

.dcc-main-options>.spend-radio>div>div:not(:first-child) {
  display: inline-block;
  vertical-align: middle
}

.readOnly-input-field label,.threshold-slider .ui-slider-tip::after {
  display: none
}

.dcc-main-options>.spend-radio>div>div:not(:first-child) label {
  margin: 0 15px 0 0
}

.later-date-picker .input-field label {
  left: 0
}

.later-date-picker {
  margin-top: -8px
}

.sidebar.dcc-container-sidebar.sidebar--left {
  z-index: 100;
  width: 282px;
  margin-left: -282px;
  background-color: #fff;
  height: calc(100% - 114px)
}

.spendTableContainer {
  margin: 0 -25px
}

.spendTableContainer table.sTable td:first-child,.spendTableContainer table.sTable th:first-child {
  padding-left: 31px!important
}

.spend-mapping-content.stepper-container--active.extra-nav-wrap-fixed {
  top: 50px;
  position: fixed;
  border-bottom: 1px solid #e5e5e5;
  box-shadow: 0 1px 2px 0 gray;
  z-index: 5
}

.spend-mapping-content.stepper-container--active {
  position: relative;
  background: #fff;
  box-shadow: 0 1px 2px 0 gray
}

.spend-mapping-content {
  border-bottom: 1px solid #e5e5e5;
  box-shadow: 0 1px 2px 0 gray;
  width: 100%
}

.spend-mapping-content .stepper-container {
  z-index: 1;
  padding: 20px 31px;
  width: 73%;
  box-shadow: none;
  border-bottom: none
}

.selectRunMatchingType .modal-header {
  border-bottom: 1px solid #eee
}

.selectRunMatchingType .modal-footer {
  border-top: 1px solid #eee
}

.page-loader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% + 50px);
  margin-top: -50px;
  background-color: rgba(255,255,255,.8);
  z-index: 4
}

.page-loader .preloader-wrapper {
  margin: -18px auto 0;
  position: relative;
  top: 50%
}

.spendspinnerfield {
  width: 70px;
  float: left;
  margin-right: 7px
}

.spendspinnerfield input[type=number]::-webkit-inner-spin-button,.spendspinnerfield input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none
}

.spendthresholdField {
  width: 90px;
  float: left
}

.spendthresholdField input[type=number]::-webkit-inner-spin-button,.spendthresholdField input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none
}

.spendthresholdField .input-field {
  float: left;
  width: 57px
}

.spendinner-edit-field {
  padding-left: 37px!important
}

.spendinner-edit-field .spendspinnerfield {
  font-weight: 700;
  font-size: 14px;
  color: #212121
}

.spendspinnerfield input[type=number] {
  margin: -4px 0 0
}

.content.spend-content.content-fixed {
  padding-top: 120px
}

.step-state .step-icon svg {
  margin-top: -3px
}

.threshold-slider .threshold-text {
  width: 152px;
  float: left;
  padding: 0 0 20px 7px;
  font-size: 14px
}

.threshold-slider .ui-slider-tip {
  top: -40px;
  position: absolute;
  left: -14px;
  background: 0 0
}

.threshold-slider .ui-slider-handle {
  padding: 0!important
}

.threshold-slider .ui-slider-handle::before {
  width: 28px;
  padding: 5px;
  line-height: 17px;
  background: #329df9;
  transform: rotate(45deg);
  border-radius: 50% 50% 0;
  height: 28px;
  left: -8px;
  content: "";
  position: absolute;
  display: block;
  top: -43px
}

.threshold-slider .ui-slider .ui-slider-range {
  border-top: 3px solid #329df9
}

.threshold-slider .slider-range-point {
  border-left: 1px solid #9a9a9a;
  border-right: 1px solid #9a9a9a;
  height: 7px;
  position: relative
}

.threshold-slider .slider-range-point span {
  position: absolute;
  top: 8px;
  color: #9a9a9a;
  font-size: 13px
}

.threshold-slider .slider-range-point span.start-point {
  left: -4px
}

.threshold-slider .slider-range-point span.end-point {
  right: -11px
}

.threshold-slider .ui-slider-range+.ui-slider-handle::before {
  left: -5px
}

.threshold-slider .ui-slider-range+.ui-slider-handle .ui-slider-tip {
  left: -12px
}

.spend-mapping-container .extra-nav-wrap {
  -webkit-box-shadow: none;
  box-shadow: none
}

.total-amount {
  line-height: 23px;
  margin-left: 2px
}

.spend-matching-container {
  margin: 0 -25px
}

.spend-matching-container .tabparent ul li:first-child div {
  height: 100%
}

.spend-matching-container .tabparent .tabs {
  height: 48px!important
}

.spendVarianceTable {
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  margin: 0 0 1rem
}

.tool-arrow {
  margin: 15px auto 0;
  visibility: hidden;
  width: 0;
  height: 0;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 9px solid #949494;
  display: table
}

.active-tool .tool-arrow {
  visibility: visible;
  display: table
}

.report-filter-chips .chipDataCont .filterDrop .gu-transit,.spend-dcc-right-container .spend-dcc-content .caret.disabled {
  visibility: hidden
}

.selfServingForm .varianceDCC {
  padding: 15px;
  border-bottom: 1px solid #ddd
}

.selfServingForm .selfServiceBckg {
  background-color: #f5f5f5;
  border-bottom: 1px solid #ddd
}

.IncludeVarianceBckg {
  background-color: #f5f5f5
}

.content.spend-content {
  padding-top: 0;
  padding-bottom: 120px
}

.contentSectionTitle {
  padding: 10px 30px 6px;
  margin-bottom: 0
}

.tabtitle-count {
  background: #1a67ae;
  color: #fff;
  border-radius: 3px;
  padding: 0 4px;
  margin: -3px 0 0 3px;
  line-height: 16px;
  float: right;
  font-size: 12px;
  font-weight: 400
}

.label-text,.manageCol .lookup-footer,.steper-wrapper .step-item.active .step-title span {
  font-weight: 700
}

.savedview-dropdown {
  width: 100%
}

.panel-content-container .panel-content-iteamList-item {
  border-left: 2px solid transparent
}

.panel-content-container .panel-content-iteamList-item a {
  color: #000
}

.panel-content-container .panel-content-iteamList-item.selected a,.panel-content-container .panel-content-iteamList-item:hover a {
  color: #0177d6
}

.panel-content-container .panel-content-iteamList-item.selected {
  border-left: 2px solid #1498f4;
  background-color: #f5f5f5
}

.panel-content-container .panel-content-iteamList-item.selected:hover {
  border-left: 2px solid #1498f4
}

.panel-content-container .panel-content-iteamList-item:hover {
  border-left: 2px solid transparent;
  background-color: #f5f5f5
}

.adj-gear-icon {
  width: calc(100% - 35px)
}

.adj-gear-icon>label {
  left: 0
}

.spendthresholdField label {
  left: auto;
  right: 0;
  width: 100%
}

.spendthresholdNoMatchField {
  width: 48px
}

.panel-content-container .panel-content-container-iteamList .panel-content-iteamList-item .item-name {
  float: left;
  padding: 6px 20px 8px 1px;
  width: 272px
}

.panel-content-container.spend-sidebar .panel-content-container-iteamList .panel-content-iteamList-item .item-name {
  padding: 6px 0 8px 1px;
  width: 100%
}

.panel-content-container.spend-sidebar .panel-content-container-iteamList .panel-content-iteamList-item .item-name span {
  float: left
}

.panel-content-container .panel-content-container-iteamList .panel-content-iteamList-item .chklink {
  padding: 8px 0
}

.panel-content-container .dccspend-panel-content .panel-content-iteamList-item,.panel-content-container .panel-content-container-iteamList .panel-content-iteamList-item {
  padding-top: 0;
  padding-bottom: 0
}

.panel-content-container .dccspend-panel-content .panel-content-iteamList-item .item-name {
  padding: 6px 0 8px 1px;
  width: 190px
}

.spend-dcc-right-container {
  padding: 0!important
}

.spend-dcc-right-container .add-new-table-shortcut {
  position: relative;
  top: 50%;
  margin-top: -84px;
  float: left;
  width: 100%
}

.spend-dcc-right-container .spend-dcc-top-bar {
  background: #f5f5f5;
  padding: 0 15px!important
}

.spend-dcc-right-container .spend-dcc-top-bar .input-field {
  margin: 0;
  height: 48px;
  line-height: 48px;
  white-space: nowrap;
  text-overflow: ellipsis
}

.spend-dcc-right-container .spend-dcc-content {
  padding: 0 25px
}

.spend-dcc-right-container .spend-dcc-content .secContentWithBorder {
  padding: 0 0 10px!important
}

.spend-dcc-right-container .spend-dcc-content .secContentWithBorder .table-type-field {
  margin-left: -10px;
  padding-left: 0
}

.spend-dcc-right-container .spend-dcc-content .select-dropdown[disabled] {
  color: #000!important;
  border-bottom: 0!important
}

.dccspend-panel-content.panel-content-iteamList {
  border-bottom: 3px solid #e5e5e5
}

.dccspend-panel-content.panel-content-iteamList:last-child {
  border-bottom: 0
}

.dccspend-panel-content .panel-content-iteamList-item {
  border-right: 2px solid transparent
}

.slick-ck-wrap {
  position: relative;
  margin-left: -10px
}

.slick-ck-wrap label {
  padding: 0;
  width: 20px;
  vertical-align: middle
}

.slick-ck-wrap label:after {
  width: 12px!important;
  height: 12px!important
}

.slick-ck-wrap label:before {
  width: 4px!important;
  height: 9px!important
}

.select-levels {
  min-width: 80px
}

.threshold-container-section {
  width: auto
}

.spend-mapping-dropdown {
  width: 155px
}

@media screen and (min-width: 1500px) {
  .threshold-slider .overviewContainer-section {
      width:226px
  }
}

.toolsChoices {
  position: relative;
  z-index: 0;
  padding: 0 15px
}

.toolsChoices div.center-align .tool-icon {
  position: relative;
  width: 100%;
  display: inline-block;
  padding: 10px 0
}

.toolsChoices div.center-align .tool-icon:after,.toolsChoices div.center-align .tool-icon:before {
  content: '';
  position: absolute;
  top: 50%;
  width: 50%;
  height: 2px;
  background: #e3e3e3;
  transform: translateY(-50%);
  z-index: -1
}

.toolsChoices div.center-align .tool-icon:after {
  right: 0
}

.toolsChoices div.center-align .tool-icon:before {
  left: 0
}

.toolsChoices div.center-align .btn-floating.btn-large {
  background: #fff;
  width: 56px;
  height: 56px;
  transition: all .3s ease-in-out
}

.toolsChoices div.center-align .btn-floating.btn-large i {
  color: #b0b0b0
}

.toolsChoices div.center-align.active-tool {
  position: relative
}

.toolsChoices div.center-align.active-tool .circularBorder .btn-floating.btn-large {
  background: #0177d6
}

.toolsChoices div.center-align.active-tool .circularBorder .btn-floating.btn-large i {
  color: #fff
}

.toolsChoices div.center-align.active-tool label {
  font-weight: 700;
  color: #000
}

.toolsChoices div.center-align:first-child .tool-icon:before,.toolsChoices div.center-align:last-child .tool-icon:after {
  display: none
}

.toolsChoices.processList div.center-align .circularBorder {
  border: 2px solid #e3e3e3;
  display: inline-block;
  border-radius: 50%
}

.toolsChoices.processList div.center-align .circularBorder .btn-floating.btn-large {
  background: #e3e3e3;
  border: 2px solid #fff;
  box-shadow: none
}

.toolsChoices.processList div.center-align .circularBorder .btn-floating.btn-large i {
  width: 50px;
  line-height: 50px;
  color: #fff
}

.toolsChoices.processList div.center-align .tool-icon.process-inprogress .circularBorder .btn-floating.btn-large i,.toolsChoices.processList div.center-align .tool-icon.process-scheduled .circularBorder .btn-floating.btn-large i {
  color: #757575
}

.toolsChoices.processList div.center-align .tool-icon.process-completed .circularBorder {
  border: 2px solid #cddc39
}

.toolsChoices.processList div.center-align .tool-icon.process-completed .circularBorder .btn-floating.btn-large,.toolsChoices.processList div.center-align .tool-icon.process-completed:after,.toolsChoices.processList div.center-align .tool-icon.process-completed:before,.toolsChoices.processList div.center-align .tool-icon.process-inprogress:before {
  background: #cddc39
}

.toolsChoices.processList div.center-align .tool-icon.process-inprogress .circularBorder {
  border: 2px solid transparent;
  position: relative
}

.toolsChoices.processList div.center-align .tool-icon.process-inprogress .circularBorder .btn-floating.btn-large {
  background: #fff;
  border-color: #e3e3e3;
  box-shadow: 0 5px 15px 0 rgba(0,0,0,.1),0 4px 16px 0 rgba(0,0,0,.1)
}

.btn-group,.process-accordion>div .collapsible-header.active {
  box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)
}

.toolsChoices.processList div.center-align .tool-icon.process-inprogress .circularBorder:after {
  border: 2px solid #cddc39;
  position: absolute;
  content: '';
  left: 0;
  width: 32px;
  height: 56px;
  top: 0;
  border-radius: 56px 0 0 56px;
  border-right: 1px solid transparent;
  z-index: 2;
  cursor: pointer
}

.toolsChoices.processList div.center-align .tool-icon.process-scheduled .circularBorder {
  border: 2px solid #e3e3e3
}

.toolsChoices.processList div.center-align .tool-icon.process-scheduled .circularBorder .btn-floating.btn-large {
  background: #e3e3e3
}

.toolsChoices.processList div.center-align .tool-icon.process-stopped .circularBorder {
  border: 2px solid #ff706d
}

.toolsChoices.processList div.center-align .tool-icon.process-stopped .circularBorder .btn-floating.btn-large {
  background: #ff706d
}

.toolsChoices.processList div.center-align .tool-icon.process-stopped:before {
  background: #cddc39
}

.toolsChoices.processList div.center-align .tool-icon.process-stopped.process-prev-stopped:before {
  background: #e3e3e3
}

.toolsChoices.processList div.center-align .tool-icon.process-error .circularBorder {
  border: 2px solid #fc0c0b
}

.toolsChoices.processList div.center-align .tool-icon.process-error .circularBorder .btn-floating.btn-large {
  background: #fff
}

.toolsChoices.processList div.center-align .tool-icon.process-error .circularBorder .btn-floating.btn-large i {
  color: #fc0c0b
}

.toolsChoices.processList div.center-align .tool-icon.process-error:before {
  background: #cddc39
}

.toolsChoices.processList div.center-align.active-tool:after {
  width: 0;
  height: 0;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 9px solid #0177d6;
  position: absolute;
  content: '';
  left: 50%;
  margin-left: -9px;
  bottom: -13px
}

.toolsChoices.processList.transformed {
  transition: all 1s ease
}

.toolsChoices.processList.transformed div.center-align .circularBorder {
  transform: scale(.35);
  border: none!important
}

.toolsChoices.processList.transformed div.center-align .circularBorder .btn-floating.btn-large i {
  display: none
}

.toolsChoices.processList.transformed div.center-align .tool-icon {
  padding: 0
}

.toolsChoices.processList.transformed div.center-align .tool-icon.process-inprogress .circularBorder:after {
  width: 28px;
  background: #cddc39
}

.toolsChoices.processList.transformed div.center-align label {
  position: relative;
  top: -8px
}

.toolsChoices.slick-slider button.slick-arrow {
  background: 0 0;
  border: none;
  top: 35%;
  transform: translateY(-50%);
  position: absolute;
  z-index: 1;
  display: block!important;
  color: #0f0f0f
}

.toolsChoices.slick-slider button.slick-arrow.slick-disabled {
  display: none!important
}

.ev-status .ev-title,.ev-status .stage-event-stat {
  display: block;
  line-height: normal
}

.toolsChoices.slick-slider button.slick-arrow.slick-prev {
  left: 0
}

.toolsChoices.slick-slider button.slick-arrow.slick-next {
  right: 0
}

.toolsChoices.slick-slider .slick-list {
  padding-bottom: 13px;
  padding-top: 0
}

.toolsChoices.slick-dotted .slick-list {
  padding-bottom: 0
}

.ev-status {
  text-align: center
}

.ev-status .stage-event-stat {
  font-size: 12px;
  color: #000
}

.process-accordion>div,.process-charts .charts-container .chart-title,.process-table .chart-title {
  font-size: 14px
}

.ev-status .stage-event-stat:before {
  content: "(";
  margin-right: 2px
}

.ev-status .stage-event-stat:after {
  content: ")";
  margin-left: 2px
}

.ev-status .stage-event-stat .ev-info-sep {
  color: #000;
  margin: 0 2px
}

.process-accordion {
  margin-top: 0
}

.process-accordion .version-selection {
  padding: 8px;
  border-bottom: 1px solid #ddd
}

.process-accordion .version-selection .selected-vr {
  margin-left: 15px
}

.process-accordion>div {
  clear: both
}

.process-accordion>div .collapsible-header>div {
  float: left
}

.process-accordion>div .collapsible-header>div span {
  color: #b5b5b5
}

.process-accordion>div .collapsible-header div.process-status {
  float: right;
  padding-right: 0;
  text-align: right
}

.process-accordion>div .collapsible-header div.process-status.status-completed {
  color: #cddc39
}

.process-accordion>div .collapsible-header.active>div a {
  color: #000
}

.process-accordion>div .collapsible-body {
  line-height: 3rem;
  float: left;
  width: 100%;
  padding: 10px 1.2rem 10px 4.6rem;
  background: #f5f5f5;
  color: #8b8b8b
}

.process-accordion>div .collapsible-body .collapsible-content {
  float: left;
  width: 100%
}

.process-accordion>div .collapsible-body .collapsible-content .left-info {
  float: left
}

.process-accordion>div .collapsible-body .collapsible-content div.process-status {
  float: right
}

.process-charts {
  border: 1px solid #ddd;
  border-bottom: none
}

.process-charts .charts-container {
  border-bottom: 1px solid #ddd
}

.process-charts .charts-container:nth-child(2n+1) {
  border-right: 1px solid #ddd
}

.process-table {
  border: 1px solid #ddd
}

.process-table .paginationWrapper {
  margin-bottom: 20px
}

.process-table .paginationWrapper .rowsToShow {
  padding: 18px 5px 0 19px
}

.spend-fields {
  padding: 0 15px!important
}

.top-right-icons {
  margin: 0
}

.top-right-icons li {
  float: left;
  width: 38px;
  height: 50px;
  text-align: center;
  line-height: 47px;
  margin-left: 12px
}

.spend-dcc-right-container.fixed-cont {
  position: fixed;
  top: 50px;
  background: #fff;
  box-shadow: 9px 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
  z-index: 10
}

.spend-radio label {
  margin: 10px
}

.spend-profile .steper {
  padding: 16px 0;
  box-shadow: 0 1px 6px rgba(0,0,0,.3);
  position: relative
}

.data-box-top-info [type=checkbox]+label {
  color: inherit
}

.data-box-top-info .top-info-count {
  margin-left: 6px;
  display: inline-block
}

.data-box-top .data-box-search-util {
  float: right;
  width: 35px
}

.steper-wrapper {
  padding: 12px
}

.steper-wrapper .step-item {
  float: left;
  width: 33.33%;
  text-align: center;
  position: relative;
  vertical-align: middle
}

.steper-wrapper .step-item.active .step-title .step-count {
  background-color: #0177d6
}

.steper-wrapper .step-item .step-title {
  cursor: pointer;
  display: inline-block;
  z-index: 3;
  position: relative;
  background-color: #fff;
  padding: 0 10px
}

.steper-wrapper .step-item .step-title span {
  vertical-align: middle;
  display: inline-block;
  white-space: nowrap
}

.steper-wrapper .step-item .step-title .step-count {
  font-style: normal;
  background-color: #a8a8a8;
  color: #fff;
  display: inline-block;
  width: 25px;
  height: 25px;
  vertical-align: middle;
  text-align: center;
  line-height: 25px;
  border-radius: 50%;
  margin-right: 6px
}

.steper-wrapper .step-item:after {
  content: "";
  position: absolute;
  height: 1px;
  background-color: #a8a8a8;
  width: 100%;
  top: 50%;
  margin-top: -1px;
  left: 0
}

.steper-wrapper .step-item:first-child {
  text-align: left
}

.steper-wrapper .step-item:last-child {
  text-align: right
}

.data-holder-box {
  padding: 15px;
  overflow: hidden
}

.data-holder-box .data-holder-box-left,.data-holder-box .data-holder-box-right {
  padding: 0;
  border: 1px solid #dfdfdf;
  width: calc(50% - 55px);
  height: 600px
}

.data-holder-box .data-holder-box-actions {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -60px 0 0 -55px
}

.data-holder-box .data-holder-box-left {
  float: left
}

.data-holder-box .data-holder-box-right {
  float: right
}

.data-holder-box .data-holder-box-actions .box-actions {
  text-align: center
}

.data-holder-box .data-holder-box-actions .box-actions .box-actions-item.active {
  border: 1px solid #0177d6;
  color: #0177d6
}

.data-holder-box .data-holder-box-actions .box-actions .box-actions-item {
  display: block;
  width: 30px;
  height: 30px;
  line-height: 25px;
  margin: 20px 40px;
  border: 1px solid #eee;
  color: #888;
  cursor: pointer
}

.data-holder-box .data-holder-box-pan .data-box-search-util .cl-ico,.data-holder-box .data-holder-box-pan .data-box-search-util .s-ico {
  padding: 0;
  position: absolute;
  top: 0;
  background-color: #fff
}

.data-box-search-util {
  position: relative;
  background-color: #fff;
  transition: all .5s ease
}

.data-box-search-util .s-ico {
  z-index: 2
}

.data-box-search-util .cl-ico,.data-box-search-util .s-ico {
  position: absolute;
  left: 0;
  top: 0;
  width: 35px;
  height: 35px;
  padding: 0;
  background-color: #fff;
  color: #0177d6!important
}

.data-box-search-util.rename-dpc .box-search-input input[type=text] {
  border-bottom: 1px solid #eee;
  margin: 0!important;
  height: 100%;
  box-sizing: border-box
}

.table.main-data-table {
  border-top: 1px solid #dfdfdf
}

.rename-dpc-wrap {
  margin: 0 16px
}

.data-box-search-util.rename-dpc {
  width: 35px;
  margin: 10px 0;
  overflow: hidden
}

.data-box-search-util .cl-ico {
  right: 0;
  top: 0;
  left: auto
}

.data-box-top-info {
  position: absolute
}

.data-box-top {
  position: relative;
  line-height: 35px;
  padding: 8px 12px;
  border-bottom: 1px solid #dfdfdf
}

.data-box-list {
  padding: 12px
}

.data-box-top-wrap {
  margin-right: 18px
}

.main-data-table .col-content {
  color: #000;
  font-size: 14px
}

.freez-col {
  background-color: #eee;
  padding-left: 30px
}

.main-data-table .tbl-row {
  border-bottom: 1px solid #dedede
}

.box-list-item.ui-sortable-helper {
  background-color: #fafafa;
  border: 1px solid #eee
}

.box-container {
  margin: 0 auto;
  width: 1000px
}

.list-item-info {
  color: #0177d6;
  position: absolute;
  right: 25px;
  top: 0
}

.data-holder-box .data-holder-box-pan .data-box-search-util .cl-ico,.scroll_card_next_button,.searchHeader {
  right: 0
}

.box-list-item {
  position: relative;
  line-height: 50px
}

.main-table-columns .map-temp-btn {
  padding: 12px 0
}

.sp-back a,.sp-cancel a {
  color: #000!important
}

.box-list-item .collapsible-header-drag-icon {
  position: static;
  display: inline-block;
  transform: none;
  margin: 0;
  float: left
}

.frozen-list {
  border-bottom: 1px solid #dfdfdf;
  margin: 0 -12px!important;
  display: block;
  padding: 0 12px
}

.data-holder-box .data-holder-box-pan .data-box-search-util .s-ico {
  left: 0;
  z-index: 2
}

.box-search-input {
  border-bottom: 0!important;
  padding: 0 35px!important;
  width: 100%!important;
  box-sizing: border-box!important;
  margin: 0!important;
  height: 35px!important
}

.searchHeader {
  float: right;
  width: 32px;
  height: 32px;
  overflow: hidden;
  margin-top: 8px;
  transition: width .5s ease;
  -o-transition: width .5s ease;
  -ms-transition: width .5s ease;
  -moz-transition: width .5s ease;
  -webkit-transition: width .5s ease;
  background-color: #0067b0
}

.searchHeader .data-box-search-util a:focus {
  box-shadow: 0 0
}

.searchHeader .data-box-search-util {
  background-color: transparent
}

.searchHeader .data-box-search-util a {
  width: 32px!important;
  height: 32px!important;
  line-height: 32px!important;
  background-color: #0067b0
}

.searchHeader .data-box-search-util a>i {
  height: auto!important
}

.searchHeader input {
  margin: 0
}

.centerArrow .dccAnalyseCard:after {
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 9px solid #949494;
  position: absolute;
  content: '';
  left: 50%;
  margin-left: -9px;
  bottom: -13px
}

.centerArrow .dccProgressBorder {
  width: calc(100% - 40px);
  height: 2px;
  border-top: 1px solid #eee;
  margin: -2px 20px 0;
  box-sizing: border-box;
  color: #949494
}

.data-box-search-util.active {
  width: 100%
}

.utilities-container-extendBg {
  background: #fff;
  min-height: calc(100% - 30px)
}

.dcctableData-column-name.invalid {
  color: red
}

.error-without-label label:after {
  top: 30px!important;
  left: -10px!important
}

.num-spinner .number-spin-btn-container .number-spin-btn {
  background-color: #ececec;
  border: 0!important;
  border-radius: 0
}

.main-table-columns .fixed-header-when-scrolled {
  border-bottom: 1px solid #d0d0d0;
  border-top: 1px solid #d0d0d0
}

.utilities-container-extendBg .panel-content-container.spend-sidebar .panel-content-container-iteamList .panel-content-iteamList-item {
  min-height: 45px
}

.utilities-container-extendBg .item-name span {
  max-width: 260px;
  overflow: hidden;
  text-overflow: ellipsis
}

.utilities-container-extendBg ul.slick-dots {
  margin: 0
}

.utilities-container-extendBg .spend-dcc-right-container .spend-dcc-top-bar .input-field {
  width: 88%;
  float: left
}

.utilities-container-extendBg .top-right-icons {
  width: 12%
}

.highcharts-container {
  height: 210px;
  width: 100%
}

.width260 {
  width: 260px
}

@media only screen and (max-width: 1024px) {
  .utilities-container-extendBg .spend-dcc-right-container .spend-dcc-top-bar .input-field {
      width:82%
  }

  .utilities-container-extendBg .top-right-icons {
      width: 18%
  }
}

.main-app-parent-container {
  height: calc(100% - 64px);
  -webkit-tap-highlight-color: transparent
}

.accountDetailPage {
  position: relative;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -o-transition: all .2s ease;
  -ms-transition: all .2s ease;
  transition: all .2s ease;
  margin-top: 40px;
  padding: 20px 0 100px
}

.accountDetailPage .scrolledContainer {
  overflow: auto;
  height: 100%;
  padding-bottom: 50px
}

.accountDetailPage .card-panel {
  margin: 0 0 .75rem
}

.accountDetailPage .filterAppliedIndicator {
  border: none
}

.accountDetailPage form .row {
  margin-bottom: 12px
}

.accountDetailPage .secondary-navigation {
  top: 115px
}

#slider {
  opacity: 0
}

.scroll_card_next_button,.scroll_card_prev_button {
  opacity: 0;
  position: absolute;
  top: 50%;
  margin-top: -22.5px
}

.scroll_card_next_button i,.scroll_card_prev_button i {
  margin-top: 10px
}

.scroll_card_prev_button {
  left: 0
}

.scroll-card-content {
  position: relative
}

.scroll_card_inner {
  overflow: hidden
}

.container {
  width: 100%;
  max-width: 100%
}

footer.page-footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #fafafa;
  z-index: 970;
  border-top: 1px solid #e8e8e8;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out
}

footer.page-footer .extra-nav-wrap {
  opacity: 1;
  -webkit-transition: opacity 1s ease;
  -moz-transition: opacity 1s ease;
  -o-transition: opacity 1s ease;
  -ms-transition: opacity 1s ease;
  transition: opacity 1s ease;
  height: 50px;
  line-height: 50px;
  background-color: #0067b0;
  font-size: 1.1em
}

.extra-nav-wrap .sh-icon.waves-circle {
  height: 50px;
  width: 50px
}

.input-field a.disable {
  color: rgba(0,0,0,.9);
  cursor: default
}

.input-field.withSearchIcon {
  margin-bottom: 1em
}

.input-field.withSearchIcon i.filterSearchIcon {
  position: absolute;
  bottom: 5px;
  font-size: 1.7em;
  color: #949494;
  right: 0;
  left: unset;
  width: auto;
  cursor: pointer
}

.input-field.withSearchIcon input {
  padding-right: 30px;
  box-sizing: border-box;
  z-index: 1;
  position: relative
}

.input-field.top .dropdown-content {
  bottom: 0!important;
  top: auto!important
}

.secondary-content i {
  line-height: 1.5em
}

.responsive-height.modal {
  height: 80%
}

.responsive-height .modal-content {
  height: calc(100% - 127px)
}

.selector-main-wrapper {
  height: 100%;
  overflow: hidden
}

.selector-main-wrapper .s-selected {
  height: 32%;
  overflow: hidden;
  transition: all .5s ease-in-out
}

.selector-main-wrapper .s-selected.selected-active {
  height: calc(100% - 37px);
  transition: all .5s ease-in-out
}

.selector-main-wrapper .s-more {
  height: calc(68% - 37px)
}

.rightMin70 {
  right: -70px!important
}

.toSelectedLink {
  position: absolute;
  bottom: 5px;
  font-size: .8em;
  right: 0
}

.label-text,.label-text-normal {
  font-size: .85rem;
  color: #757575
}

.ckeditorContainer {
  margin-top: 20px
}

#track_status.modal {
  height: 90%
}

#track_status.modal .modal-content {
  height: calc(100% - 127px)
}

#track_status.modal .modal-content .scrollbar-outer {
  height: calc(100% - 199px)
}

.section-container>.row {
  margin-bottom: 0
}

.add-verticle-divider>div {
  border-right: 1px solid #e0e0e0
}

.add-verticle-divider>div:last-child {
  border-right: none
}

.card-_count-wraper {
  position: absolute;
  text-align: center;
  left: 0;
  right: 0;
  top: calc(50% + 260px);
  margin: 0;
  transform: translateY(-50%)
}

.card-_count-wraper .card_count-dots {
  display: inline-block;
  background: #fff;
  position: relative;
  cursor: pointer;
  height: 10px;
  width: 10px;
  margin: 0 5px 3px;
  border-radius: 50%;
  box-shadow: 0 1px 2px 1px #9B9B9B;
  z-index: 101
}

.card-_count-wraper .card_count-dots.current-dot {
  width: 16px;
  height: 16px;
  margin-bottom: 0;
  padding: 4px
}

.card-_count-wraper .card_count-dots.current-dot:after {
  content: " ";
  width: 8px;
  height: 8px;
  display: block;
  background: #0067b0;
  border-radius: 50%;
  box-shadow: 0 0 1px 0 #e7e7e7
}

.withSearchIcon .filterCloseIcon,.withSearchIcon .filterRemoveIcon {
  width: auto;
  font-size: 1.7em;
  z-index: 2
}

.card-_count-wraper .card_count-dots:hover {
  box-shadow: 0 0 2px 2px #e7e7e7
}

.barContainer .collection-item.selected {
  background: #6d767a!important
}

.withSearchIcon input[type=text].valid,.withSearchIcon input[type=text]:focus:not([readonly]) {
  padding-left: 30px
}

.withSearchIcon .filterCloseIcon {
  position: absolute;
  right: 0;
  color: #5A5A5A;
  display: none;
  cursor: pointer;
  left: inherit
}

.withSearchIcon .filterCloseIcon.active {
  display: inline-block
}

.withSearchIcon .filterRemoveIcon.disabled.active {
  color: #bdbdbd;
  pointer-events: none
}

.input-field.withSearchIcon i.filterSearchIcon.active {
  left: 0;
  transition: 1s
}

#header_search_box .header_search_box_icon {
  position: absolute
}

#header_search_box .header_search_undo {
  position: absolute;
  right: 0;
  cursor: pointer;
  display: none
}

#header_search_box .header_search_undo.active {
  display: block
}

.searchResultSearchIcon {
  position: absolute;
  top: 0;
  left: 40px
}

.card-exp-cotent-listItem {
  padding-bottom: 82px
}

.extra-nav-wrap.catalog-search-sub-header-cnt {
  z-index: 980!important
}

.catalog-main-view-container .sidePanelLoaderCnt {
  width: 25%;
  height: calc(100% - 115px);
  position: fixed;
  top: 115px;
  z-index: 975;
  border-right: 1px solid #eaeaea
}

.columnView .cardList .cardListContent .colStructure,.emptyBox,.separated .cardList .cardListContent .colStructure {
  width: 100%
}

.catalog-main-view-container .sidePanelLoaderCnt .global-loader .relative-loader-container {
  left: calc(50% - 24px)!important;
  top: calc(50% - 24px)!important
}

.breadcrumbActivated~.catalog-main-view-container .sidePanelLoaderCnt {
  height: calc(100% - 165px);
  top: 165px
}

.filterStripActived~.catalog-main-view-container .sidePanelLoaderCnt {
  height: calc(100% - 160px);
  top: 160px
}

.filterStripActived.breadcrumbActivated~.catalog-main-view-container .sidePanelLoaderCnt {
  height: calc(100% - 210px);
  top: 210px
}

.catalog-main-view-container.sub-header-fixed .sidePanelLoaderCnt {
  height: calc(100% - 50px);
  top: 50px
}

.breadcrumbActivated~.catalog-main-view-container.sub-header-fixed .sidePanelLoaderCnt {
  height: calc(100% - 100px);
  top: 100px
}

.filterStripActived~.catalog-main-view-container.sub-header-fixed .sidePanelLoaderCnt {
  height: calc(100% - 95px);
  top: 95px
}

.filterStripActived.breadcrumbActivated~.catalog-main-view-container.sub-header-fixed .sidePanelLoaderCnt {
  height: calc(100% - 145px);
  top: 145px
}

.loaderContainer {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99;
  text-align: center;
  background: rgba(255,255,255,.93);
  display: none
}

.inlineLabelList li,.itemSpec li {
  display: inline-block
}

.loaderContainer .preloader-wrapper {
  margin-top: 70px
}

.loaderContainer .preloader-wrapper .active {
  -webkit-animation: none;
  animation: none
}

.sectionContainerTrackStatus {
  height: calc(100% - 114px)
}

.sectionContainerTrackStatus .trackStatusCard {
  min-height: 100%;
  margin: 0
}

.emptyBox {
  position: absolute;
  height: calc(100% - 64px);
  background: #fff
}

.cartCountWrap,.centered-searchBox,.columnView>li,.countWithIcon {
  position: relative
}

.columnView>li {
  border-width: 0 1px 1px 0;
  border-style: solid;
  border-color: #eaeaea;
  margin: 0 0 0 -1px
}

.columnView .columnView-compare {
  height: auto
}

.rating>.icon:hover>svg {
  fill: #9d6107
}

.centered-contentbox {
  position: relative;
  top: 40%;
  -webkit-transform: translateY(-40%);
  -moz-transform: translateY(-40%);
  -ms-transform: translateY(-40%);
  -o-transform: translateY(-40%);
  transform: translateY(-40%)
}

.centered-searchBox {
  top: 30%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%)
}

.centered-searchBox .searchWrapper .input-field pre {
  left: 0
}

.cartCountWrap .small-cart-count,.countWithIcon .small-cart-count {
  position: absolute;
  line-height: 2;
  top: 5px;
  right: 8px;
  padding: 0;
  width: 20px;
  height: 20px;
  font-size: 10px;
  text-align: center;
  border-radius: 50%;
  background-color: #fff;
  color: #159DFC;
  z-index: 2
}

.fadeBg,.footerStatesFixed {
  position: absolute;
  width: 100%
}

.chip,.chip .chips-link {
  color: #000
}

.text-ellipsis {
  text-overflow: ellipsis;
  overflow: hidden
}

.fadeBg {
  height: calc(100% - 114px);
  background: rgba(255,255,255,.65)
}

.fadeBg.fadeBgnoCategoryStrip {
  height: calc(100% - 165px)!important
}

.chip {
  margin: 0 15px 15px 3px;
  cursor: pointer
}

.chip:hover {
  background-color: #d6d6d6
}

.lookup-popup li,.lookup-popup li:hover {
  background: 0 0;
  cursor: auto
}

.footerStatesFixed {
  bottom: 0;
  text-align: justify;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  transition: all .3s ease-out;
  opacity: 1;
  -webkit-transform: translateY(-3px);
  -moz-transform: translateY(-3px);
  -ms-transform: translateY(-3px);
  -o-transform: translateY(-3px);
  transform: translateY(-3px)
}

.footerStatesFixed span {
  color: rgba(0,0,0,.15);
  margin: 0 7px;
  text-align: justify
}

.looup-data-summary {
  width: 275px
}

.looup-data-summary li:last-child,.looup-data-summary li:last-child:hover {
  padding: 0 .4rem
}

.looup-data-summary li:last-child a.btn-flat {
  padding: 0 .7rem
}

.looup-data-summary li a,.looup-data-summary li>span {
  padding: 0
}

.looup-data-summary li label {
  left: 0
}

.looup-data-summary .detail-field-summary {
  margin-top: 1rem;
  font-size: 15px;
  overflow: hidden;
  min-height: 3.2rem
}

.lookup-popup {
  padding: 1rem 0
}

.lookup-popup li {
  padding: 0 1rem;
  float: left
}

.lookup-popup li span {
  padding: 0 0 .75rem .75rem
}

.lookup-popup li.divider {
  background-color: #e0e0e0
}

.lookup-popup .iconFix {
  top: .9rem
}

.lookup-popup .input-field span {
  padding: 0
}

.lookup-popup pre {
  top: 1px
}

.dropdown-content li.active,.dropdown-content li.selected {
  background: 0 0
}

.dropdown-content li.active>span,.dropdown-content li.selected>span {
  color: #0177d6
}

.dropdown-content li.dropdown-content-header.align-search-panel {
  padding: 14px 12px;
  border-bottom: 1px solid #e0e0e0
}

.dropdown-content li.dropdown-content-header.align-search-panel .search-text-align input {
  margin-top: 4px
}

.dropdown-content.d-c-m li>a {
  font-weight: 400;
  color: #9e9e9e
}

.detail-field-summary span.right {
  margin-left: 15px
}

.tableBodyWrap {
  height: 55vh;
  border-radius: .2em;
  padding-bottom: 20px!important
}

.tableBodyWrap ._draghandle {
  cursor: move
}

.tableBodyWrap .ui-sortable-helper {
  cursor: row-resize;
  background-color: #e7e7e7
}

.tableBodyWrap .ui-sortable-helper ._draghandle {
  cursor: row-resize
}

.tableBodyWrap #dropdowntr0,.tableBodyWrap #dropdowntr1,.tableBodyWrap #dropdowntr2 {
  margin-top: -12px;
  cursor: pointer
}

._commonForm .ui-sortable-helper {
  z-index: 965!important
}

.lookup-bulk-order .title {
  font-size: 1.143rem;
  color: #000;
  text-align: center
}

.inlineLabelList,.itemSpec {
  color: #878787
}

ul.dropdown-content.data-summary {
  padding: 1rem 0 0
}

ul.dropdown-content.data-summary li {
  padding: 0 1rem;
  cursor: auto;
  float: left
}

ul.dropdown-content.data-summary li+li {
  margin-bottom: 1rem
}

ul.dropdown-content.data-summary li a,ul.dropdown-content.data-summary li>span {
  padding: 0
}

ul.dropdown-content.data-summary li:hover {
  background: 0 0
}

.borderList li {
  border-width: 0 0 1px 1px;
  border-style: solid;
  border-color: #e0e0e0;
  height: 75px;
  text-align: center
}

.borderList li .hAlign {
  margin: auto
}

.borderList li:last-child {
  border-right: 1px solid #e0e0e0
}

.inlineLabelList li:first-child:after {
  content: "";
  padding: 0
}

.inlineLabelList li:after {
  content: " |";
  padding: 0 5px
}

.inlineLabelList li:last-child:after {
  content: " "
}

.itemSpec li:first-child:after {
  content: " |";
  padding: 0 5px
}

.box-input {
  background: #f8f8f8;
  border: 1px dashed #ccc;
  min-height: 110px
}

.box-input .valign {
  width: 100%
}

.tableHeadedWrap {
  margin-bottom: 0!important;
  font-size: .8rem
}

ul.custom-tab {
  border-bottom: 1px solid #e3e3e3;
  box-shadow: 0 5px 5px 0 rgba(227,227,227,.2);
  margin-bottom: 20px;
  overflow: hidden
}

.item-details h5 {
  padding: 10px 20px 0
}

.tabs .tab {
  text-transform: uppercase
}

.tabs .custom-tab .tab a.active {
  color: #0177d6
}

.optionalSelect .select-wrapper+label {
  top: 0
}

.optionalSelect .select-wrapper span.caret {
  color: #6e6e6e
}

.see-more-divider {
  text-align: center;
  border-bottom: 1px solid #e5e5e5;
  color: #757575
}

.drop-arrow:before,.up-arrow:before {
  content: "";
  border-color: currentColor transparent transparent;
  border-width: 6px 5px 5px;
  height: 0;
  border-style: solid;
  position: relative
}

.drop-arrow:before {
  bottom: -13px
}

.up-arrow:before {
  top: -15px
}

.cart-lookaup-popup {
  width: 300px;
  padding-bottom: .3571rem
}

.cart-lookaup-popup li {
  padding: 0 1.5rem
}

.cart-lookaup-popup li+li {
  margin-top: 20px;
  font-size: 1rem
}

.filter-lookup-popup {
  width: 170px
}

.filter-lookup-popup li {
  margin-bottom: 10px;
  margin-top: 10px;
  font-size: 1rem;
  cursor: pointer
}

.collection-list-view.collection .collection-item {
  opacity: 0
}

.collection-list-view.collection .collection-item.show-items {
  opacity: 1
}

.attachemnts-file li {
  float: none;
  margin-bottom: 5px
}

.card-footer-btn {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0
}

.card-footer-btn .card-_count-wraper {
  position: inherit
}

.item-description {
  border: 1px solid #e0e0e0;
  margin-bottom: 0
}

.item-description+.item-description {
  border-top: none
}

.item-description .col {
  height: calc(100%)
}

.item-description .col.side-border {
  border-right: 1px solid #e0e0e0;
  height: calc(100%)
}

.item-description .table-heading {
  border-bottom: 1px solid #e0e0e0;
  padding: 15px 0!important;
  vertical-align: middle;
  margin-bottom: 10px
}

.editableMode {
  width: calc(100% - 70px)
}

.editableMode .input-field,.model_body .file-field.input-field {
  margin-bottom: 15px
}

.sliderContainer .showNext,.sliderContainer .showPrev {
  position: absolute;
  top: calc(50% - 15px);
  color: #fff;
  z-index: 3
}

.sliderContainer .showNext {
  left: -25px;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg)
}

.sliderContainer .showPrev {
  right: -25px;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

.requisitionPage .previewModeContainer .card .row {
  padding: 0 15px
}

.multiple-disable-text {
  margin-top: 17px;
  float: left
}

.other-detail-division+.other-detail-division {
  margin-top: 30px
}

.icon-disabled {
  opacity: .5
}

.preview-text {
  border: 15px solid rgba(0,0,0,.2);
  padding: 0 1rem;
  font-size: 150px;
  position: absolute;
  top: 30%;
  left: 30%;
  opacity: .1;
  z-index: 1;
  -webkit-transform: rotate(-41deg);
  -moz-transform: rotate(-41deg);
  -ms-transform: rotate(-41deg);
  -o-transform: rotate(-41deg);
  transform: rotate(-41deg);
  font-weight: 600;
  color: rgba(0,0,0,.2);
  line-height: 153px
}

.listLoader {
  height: 80px;
  display: flex;
  align-items: center
}

.listLoader .btn-flat,.listLoader .preloader-wrapper {
  margin: auto
}

.search-header {
  overflow: hidden
}

.undo-bar {
  position: relative;
  z-index: 10
}

.picker__day-display,.picker__month-display,.picker__year-display {
  display: inline-block;
  font-size: 1rem;
  margin-left: 5px;
  color: #000
}

.picker__weekday-display {
  display: none
}

.picker__date-display {
  padding-top: 15px;
  box-shadow: 1px 1px 1px 1px rgba(0,0,0,.3);
  border-bottom: 1px solid #fff
}

.optionalField {
  position: relative;
  margin-top: .2rem
}

.optionalField .line-height-manager {
  margin-top: 0
}

.optionalField input,.optionalField input.select-dropdown {
  opacity: .99;
  width: calc(100% - 23px)
}

.optionalField input.select-dropdown {
  width: calc(100% - 34px);
  padding-right: 10px
}

.optionalField textarea {
  opacity: .99;
  width: calc(100% - 23px)
}

#clear-value,#iconClose {
  position: absolute;
  right: 40px;
  top: -5px
}

#clear-value {
  right: 55px
}

#_tableBodyWrap .looup-data-summary {
  position: absolute!important;
  top: 0!important
}

.next_arrow .icon.iconSmall>svg,.prev_arrow .icon.iconSmall>svg {
  margin-top: -3px
}

.previewModeContainer {
  position: relative;
  margin: 20px 0 100px
}

.previewModeContainer .card-panel {
  padding: 0
}

.previewModeContainer .card-panel ul li {
  line-height: 30px
}

.previewModeContainer .card-panel ul li span {
  font-weight: 400
}

.previewModeContainer .card-panel ul li span+span {
  color: rgba(0,0,0,.55)
}

.recentChips .linkNormal {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  display: none
}

.item-detail-card-panel {
  transition: box-shadow .25s;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
  -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
  -ms-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
  -o-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
  box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)
}

.showInCol3 {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  -o-column-count: 3;
  -ms-column-count: 3;
  column-count: 3
}

.font-adjust .dropdown-button {
  margin-top: -12px;
  cursor: pointer
}

.select-wrapper span.caret {
  width: 24px
}

.select-wrapper span.caret i {
  width: 100%
}

.select-wrapper .dropdown-content {
  margin-top: -10px
}

.redio-chanel label {
  left: 0;
  color: rgba(0,0,0,.87)
}

.shipTo1-container .iconFix {
  z-index: 10;
  cursor: pointer;
  font-size: 1rem;
  width: 24px;
  top: .5rem;
  right: .5rem
}

.navbar-fixed nav {
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  -ms-transition: all .5s ease;
  transition: all .5s ease;
  top: 0
}

.navbar-fixed nav.InTop {
  top: -68px;
  line-height: 45px
}

.secondary-navigation ul li a i,a.initialDiv i {
  font-size: 22px;
  line-height: 20px;
  float: left
}

.navFixedUp {
  top: 50px
}

.navFixedUp .navbar-fixed nav {
  top: -64px
}

.navFixedUp .accountDetailPage {
  margin-top: -13px
}

.opacityBlur {
  opacity: .7;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1
}

@keyframes toggle {
  0% {
      opacity: 0
  }

  100% {
      opacity: 1
  }
}

@-webkit-keyframes toggle {
  0% {
      opacity: 0
  }

  100% {
      opacity: 1
  }
}

@-moz-keyframes toggle {
  0% {
      opacity: 0
  }

  100% {
      opacity: 1
  }
}

@-ms-keyframes toggle {
  0% {
      opacity: 0
  }

  100% {
      opacity: 1
  }
}

@-o-keyframes toggle {
  0% {
      opacity: 0
  }

  100% {
      opacity: 1
  }
}

.userProfile {
  height: 200px;
  width: 200px;
  margin: -7px auto 0;
  display: table;
  position: relative
}

.collapsible .row.marginZero,.secondary-navigation ul {
  margin: 0;
  margin-top: 12em;
}

.userProfile img {
  border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-border-radius: 50%
}

.userProfile #callFileFOrProfile {
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  height: 100%;
  width: 100%;
  border: 1px solid;
  z-index: 1;
  opacity: 0
}

.accountDetails ul.collapsible li span {
  color: #474747
}

.accountDetails ul.collapsible li.active .img-editing i {
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
  color: #fff
}

.accountDetails ul.profileFiels.collapsible li.active i {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  color: #12b7fc
}

.accountDetails .collapsible {
  border: none;
  box-shadow: none
}

.accountDetails .collapsible-body,.accountDetails .collapsible-header {
  border: none
}

.accountDetails .border-top {
  border-top: 1px solid #00b2fd
}

.accountDetails .card-panel {
  padding: .75rem 1.5rem
}

ul.collapsible.change-passaword li.active span {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  color: #12b7fc
}

.loginInfo,.personalDetails {
  padding: 45px 0 0
}

.secondary-navigation ul li a,a.initialDiv {
  padding: 10px 30px 10px 26px
}

.change-passaword label {
  left: 0
}

.secondary-navigation {
  position: absolute;
  height: calc(100% - 115px);
  /* border-left: 1px solid #D4D4D4; */
  z-index: 1;
  left: calc(100% - 70px);
  display: inline-table;
  /* height: 100%; */
  top: 0
}

.secondary-navigation ul li {
  position: relative
}

.secondary-navigation ul li a span {
  float: left;
  margin-left: 26px
}

.secondary-navigation ul li a span._optionalFieldLabel {
  margin: 0 15px 0 5px
}

.secondary-navigation ul li .reactive {
  position: absolute;
  right: 10px;
  top: 12px;
  z-index: 100000;
  cursor: pointer;
  display: none
}

.secondary-navigation ul li.selected a {
  color: #999
}

.secondary-navigation ul li.selected .reactive {
  display: block
}

.secondary-navigation .thumbnails-wrap .section-opts-ddcnt {
  top: auto!important;
  bottom: 0!important;
  right: 18px!important;
  left: auto!important
}

a.initialDiv {
  background: #e6e6e6;
  color: #000;
  margin-top: 8px
}

.easeIn {
  -webkit-transform: translateX(-176px);
  -moz-transform: translateX(-176px);
  -ms-transform: translateX(-176px);
  -o-transform: translateX(-176px);
  transform: translateX(-176px)
}

.optionalFieldHover {
  border: 1px solid #ebebeb;
  padding: 2.2rem;
  position: absolute;
  left: 1px;
  top: -5px;
  right: .75rem;
  bottom: 0;
  opacity: 9
}

.optionalFieldHover.hilighted {
  background: #f7fbfe;
  border-color: #e3f2fd
}

.closingOpt {
  right: 0;
  position: absolute;
  top: 0;
  cursor: pointer;
  z-index: 1
}

.input-field .iconFix~input {
  padding-right: 37px;
  position: relative;
  box-sizing: border-box
}

.input-field .iconFix.active {
  color: #00b2fd
}

.input-field.dual-icon .iconFix~input {
  padding: 0 3rem;
  width: 92%;
  width: calc(100% - 6rem)
}

.input-field.dual-icon label {
  left: 3.75rem
}

.input-field.dual-icon .second-icon {
  left: .75rem;
  width: 24px
}

.iconFix {
  position: absolute;
  font-size: 2rem;
  color: #bdbdbd;
  z-index: 1;
  right: 0;
  transition: 1s
}

.normalMode,.previewMode {
  opacity: 1;
  -webkit-transition: opacity 1s ease;
  -moz-transition: opacity 1s ease;
  -o-transition: opacity 1s ease;
  -ms-transition: opacity 1s ease;
  transition: opacity 1s ease
}

.reactive1,.reactive2,.reactive3,.reactive4 {
  display: none
}

.profile-percentage {
  font-size: 36px;
  line-height: 30px
}

.profile-status {
  font-size: 14px;
  margin-left: 10px;
  line-height: 16px;
  opacity: .8
}

table.header-table th {
  vertical-align: top;
  font-size: 12px;
  font-weight: 400
}

.datepicker.custom-input {
  line-height: 8px;
  height: 18px;
  margin: 0;
  border: none;
  font-size: 12px
}

.collapsible-header.quetionHeader {
  line-height: 24px;
  min-height: 24px;
  padding: 0
}

.collapsible-header.quetionHeader.active {
  color: #000
}

.collapsible-header .quetionCount {
  width: 24px;
  height: 24px;
  border: 1px solid #00B6D4;
  float: left;
  line-height: 24px;
  text-align: center;
  border-radius: 50%;
  margin-right: 12px
}

.collapsible-header .quetionContent {
  padding-left: 36px;
  margin-bottom: 10px
}

.collapsible-header .informationOnInfo {
  position: absolute;
  width: 93%;
  left: 36px;
  bottom: 35px;
  line-height: 18px;
  background: #F1F0F0;
  padding: 10px;
  border: 1px solid #e7e7e7;
  border-radius: .3em;
  z-index: 1;
  display: none;
  cursor: initial
}

.dropdown-button.icon,.quick-search-list-items,.tabs .tab {
  cursor: pointer
}

.collapsible-header .informationOnInfo .triangleToUp {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #E7E7E7;
  position: absolute;
  left: 265px;
  z-index: 1;
  bottom: -10px
}

.collapsible .verticalLineSpace,.collapsible-body.quetionBody {
  border-left: 1px solid #BDBDBD;
  margin-left: 10px
}

.collapsible-body .tableCnt,.slight-dark-grey-border-top {
  border-top: 1px solid #d0d0d0
}

.collapsible-header .select-wrapper span.caret i {
  line-height: normal;
  font-size: 10px
}

.collapsible-header .headerHasText {
  display: block;
  width: 100%
}

.collapsible-header .headerHasText .headerTextHolder {
  width: calc(100% - 100px)
}

.collapsible-header .headerHasNoText {
  display: block;
  width: 35px
}

.collapsible-header .templateHeader {
  width: calc(100% - 35px);
  float: left
}

.collapsible-header .templateHeader .headerTextHolder {
  width: auto;
  max-width: calc(65% - 26px)
}

.collapsible-header .templateHeader .separator {
  padding: 0 5px
}

.dropDownCnt {
  width: 30%;
  max-width: 250px
}

.dropDownCnt a.dropdown-button span,.exceptionHelp_dropdown a.dropdown-button span {
  max-width: calc(100% - 35px);
  font-size: 14px;
  float: left;
  line-height: 24px;
  white-space: nowrap;
  text-overflow: ellipsis
}

.dropDownCnt a.dropdown-button {
  display: block;
  width: 100%
}

.dropDownCnt a.dropdown-button span {
  display: inline-block;
  overflow: hidden
}

.dropDownCnt a.dropdown-button i,.dropDownCnt a.dropdown-button:focus i {
  display: inline-block;
  width: auto;
  float: left;
  line-height: 24px;
  margin-top: -2px
}

.collapsible .verticalLineSpace.topSpace {
  margin-top: 6px;
  height: 10px
}

.collapsible .verticalLineSpace.bottomSpace {
  margin-bottom: 6px;
  height: 18px
}

.collapsible-body.quetionBody {
  padding-left: 26px
}

.collapsible-body.quetionBody .quetionBodyContainer {
  background: #F1F0F0;
  margin-bottom: 0;
  padding: 10px
}

.collapsible-body .tableCnt {
  width: 100%;
  overflow: auto
}

.collapsible-body .tableCnt table {
  width: 100%;
  min-width: 890px
}

.exceptionHelp {
  padding: 15px 0
}

.exceptionHelp .info-cnt {
  width: 100%
}

.exceptionHelp.hasOverride .info-cnt {
  width: calc(100% - 60px)
}

.slight-dark-grey-border-bottom {
  border-bottom: 1px solid #d0d0d0
}

.exceptionHelp_dropdown {
  width: 160px
}

.exceptionHelp_dropdown a.dropdown-button span {
  display: inline-block;
  overflow: hidden
}

.exceptionHelp_dropdown a.dropdown-button i,.exceptionHelp_dropdown a.dropdown-button:focus i {
  display: inline-block;
  width: auto;
  float: left;
  line-height: 24px;
  margin-top: -2px
}

.exceptionHelp_tableWrap {
  width: calc(100% - 160px)
}

.exceptionHelp_tableWrap .flex-container {
  display: flex;
  flex-direction: row;
  align-items: center
}

.exceptionHelp_tableWrap .flex-container>div {
  width: 35px;
  text-align: left;
  padding-right: 10px
}

.exceptionHelp_tableWrap .flex-container>.desc {
  width: calc(100% - 35px);
  padding-right: 0
}

.exceptionHelp_tableWrap .flex-container .desc-title {
  color: #5c5c5c
}

.resolveException {
  padding: 15px 0
}

.resolveException ul.resolveAction li {
  float: right;
  margin-left: 20px
}

.resolveException ul.resolveAction li.iconReject {
  transform: scaleY(-1)
}

.resolveException ul.resolveAction li a {
  display: inline-block;
  line-height: 24px
}

.informationIconWithQuestion {
  display: initial!important;
  float: none!important;
  line-height: 20px!important
}

.quetionHeader.mandatoryQuestions .quetionCount {
  border-color: #C62828
}

.quetionHeader.filledQuestions .quetionCount {
  background-color: #00B6D4;
  color: #fff
}

.quetionHeader.filledQuestions.mandatoryQuestions .quetionCount {
  background-color: #D50000
}

input.medium-height-input {
  height: 1.4rem
}

.item-image {
  width: 100px;
  height: 51px;
  position: relative;
  overflow: hidden;
  margin-right: 15px
}

.item-image img {
  height: 100%
}

.item-image.is-checked .image__checked__wrapper {
  top: 0;
  transform: scale(1)
}

.image__checked__wrapper {
  height: 70px;
  width: 100px;
  vertical-align: middle;
  text-align: center;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  background: #999;
  border: 1px solid #8f8f8f;
  transform: scale(0);
  transition: all 1s;
  color: #fff
}

.image__checked__wrapper .icon {
  margin-top: 23px
}

.item-detail {
  padding-left: 110px
}

.table-update-padding-valign {
  font-size: 12px
}

.table-update-padding-valign td {
  vertical-align: top;
  padding: 10px 5px
}

.table-update-padding-valign td:first-child,.table-update-padding-valign th:first-child {
  padding-left: 15px
}

.table-update-padding-valign td:last-child,.table-update-padding-valign th:last-child {
  padding-right: 15px
}

.table__header--update-color-font-weight th {
  font-weight: 400;
  color: #888;
  padding: 16px 5px
}

.requesting-self {
  background: #fff;
  box-shadow: 0 1px 5px #888;
  position: relative;
  z-index: 10
}

.requesting-self .input-field {
  margin-top: 0;
  padding: .75rem
}

.requesting-self #OnBehalfOfUser.input-field {
  padding: 3px
}

.requesting-self .select-wrapper input.select-dropdown {
  border: none;
  margin-top: 0
}

.requesting-self .select-wrapper span.caret {
  top: -9px
}

.requesting-self .select-wrapper span.caret i {
  color: #9e9e9e
}

.requesting-self .select-dropdown {
  color: #000
}

.tree-view-str {
  background: #fff;
  margin: 0
}

.tree-view-str li {
  min-height: 48px
}

.tree-view-str .is-select {
  background: #ededed
}

.tree-item {
  padding-left: 35px
}

.tree-item .tree-view-str-item {
  padding-left: 0!important;
  overflow: visible
}

.tree-item .tree-view-str-item a.tree-view-str-collapsible-trigger {
  left: -25px!important
}

.tree-view-str-item {
  padding: 8px 21px;
  overflow: hidden
}

.tree-view-str-item.waves-effect,.tree_view_content {
  display: block
}

.tree_view_content [type=checkbox]+label {
  padding-left: 36px
}

.comment-poup-content {
  border-top: 1px solid #e5e5e5
}

.vertical-tabs smart-scroll {
  top: 0!important
}

.vertical-tabs .sidebar--left {
  border: none
}

.vertical-tabs .vertical_tab_wrapper {
  margin: 0
}

.vertical-tabs .vertical_tab_wrapper a.vertical__tab {
  padding: 8px 22px;
  border-bottom: 1px solid #e5e5e5;
  display: block;
  border-right: 2px solid transparent;
  color: #000
}

.vertical-tabs .vertical_tab_wrapper a.vertical__tab.is-active {
  background: #f5f5f5;
  color: #0177d6;
  border-left: 2px solid #1498f4
}

.vertical-tabs .vertical_tab_wrapper a.vertical__tab:not(.is-active):hover {
  background: #f5f5f5;
  color: #0177d6
}

.vertical-tabs .vertical_tab_wrapper a.vertical__tab:not(.is-active):hover label {
  color: #0177d6
}

.comment-poup-footer .input-field.dropdownOpenUp label.active {
  bottom: 23px
}

.small-text,.small-text-link {
  font-size: .85714rem;
  color: #828282
}

.vertical-tabs-content {
  position: relative;
  margin: 0 -.75rem;
  border-left: 1px solid #e5e5e5
}

.vertical-tabs-content:after {
  content: "";
  display: table;
  clear: both
}

.iconSize20 .infotip-popover-element svg {
  height: 20px!important;
  width: 20px!important
}

.attachmentcontainer-dropdown-content-title .truncate {
  width: 84px;
  display: inline-block
}

.expand-header.expand-css-trans {
  box-shadow: none!important
}

.attachmentcontainer-content,.attachmentcontainer-footer,.attachmentcontainer-header {
  padding: 10px 10px 10px 20px
}

.comment-notification-container {
  text-align: center
}

.comment-notification-container .chip {
  padding: 0 20px;
  background: #fff8c6
}

.attachmentcontainer-content>div {
  padding-bottom: 20px
}

.attachmentcontainer-content>div:last-child {
  padding-bottom: 10px
}

.attachment-dropdown-content .circle-loading-container {
  display: inline-block;
  margin-left: 4px;
  margin-right: 6px
}

.attachmentcontainer-content,.attachmentcontainer-header {
  border-bottom: 1px solid #d0d0d0
}

.attachmentcontainer-content {
  max-height: 185px;
  overflow-y: auto
}

.input-field .attachmentcontainer-footer .btn-flat {
  padding-left: 15px
}

.attachmentcontainer-dropdown-content {
  width: 250px;
  position: absolute;
  bottom: 6px;
  left: 10px
}

.attachmentcontainer-header-title {
  float: left;
  width: 192px
}

.modal.expand-css .comment-modal,.modal.expand-css .model_body,.modal.expand-css .vertical-tabs-content,.modal.expand-css .vertical-tabs-content-container,.modal.expand-css>div {
  height: 100%
}

.modal.expand-css .vertical_tab_content_wrapper {
  height: calc(100% - 167px)
}

.modal.expand-css .comment-modal .vertical_tab_content_wrapper {
  background: #f5f5f5
}

.modal.expand-css .modal-content {
  height: calc(100% - 174px)
}

.modal.expand-css .extra-nav-wrap.extra-nav-wrap-fixed~.modal-content {
  height: calc(100% - 116px);
  position: relative;
  top: -5px
}

.addLines-modal .modal-header~div:not(.modal-content):not(.modal-footer_new) {
  display: none
}

.addLines-modal .modal-header .select-column-dd {
  top: -3px
}

.addLines-modal .modal-header.expand-css-trans .popup-heading-cnt {
  margin-top: 5px
}

.addLines-modal .modal-header.expand-css-trans .select-column-dd {
  top: 2px
}

.addLines-modal .modal-header.expand-css-trans .extra-nav-wrap i {
  line-height: 1.5rem!important;
  height: 24px!important
}

.addLines-modal .modal-header.expand-css-trans input[type=text][readonly=readonly].select-dropdown,.addLines-modal .modal-header.expand-css-trans input[type=text][readonly=readonly].select-dropdown:focus,.addLines-modal .modal-header.expand-css-trans input[type=text][readonly].select-dropdown,.addLines-modal .modal-header.expand-css-trans input[type=text][readonly].select-dropdown:focus {
  border-bottom: 1px solid rgba(255,255,255,.4);
  box-shadow: none
}

.addLines-modal .modal-header.expand-css-trans .select-column-dd.input-field label,.addLines-modal .modal-header.expand-css-trans .select-column-dd.isFocused label,.addLines-modal .modal-header.expand-css-trans .select-wrapper input.select-dropdown {
  color: #fff!important
}

.global-search .searchWithHiddenTextField .cancel-icon {
  top: 5px;
  right: 10px
}

.global-search .searchWithHiddenTextField .search-icon:hover,.global-search .searchWithHiddenTextField a:focus {
  background: 0 0;
  box-shadow: none
}

.popup-header-search-cnt {
  width: 60%;
  float: right
}

.comment-modal .vertical-tabs-container {
  height: 100%
}

.comment-modal .vertical-tabs-countcontainer {
  display: inline-block;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  line-height: 25px;
  text-align: center;
  color: #fff;
  cursor: pointer;
  background-color: #0177d6;
  font-size: 12px;
  position: absolute;
  right: 10px;
  top: 10px
}

.comment-modal .comment-tabs-content {
  background: #f5f5f5
}

.comment-modal .function_delete {
  margin-right: -4px
}

.comment-modal .commentFieldContainer {
  border-bottom: 1px solid #e5e5e5;
  border-right: 0;
  padding: 0 0 20px 5px!important
}

.comment-modal .commentFieldContainer .materialize-textarea {
  min-height: 65px;
  max-height: 65px!important
}

.comment-modal .comment-user-box {
  margin: 0
}

.comment-modal .user_box .iconSize16 svg {
  vertical-align: middle
}

.comment-modal .other_user_comment .user_comment_container,.comment-modal .user_comment .user_comment_container {
  background: #fff
}

.comment-modal .other_user_comment .comment-notification-container+.user_comment_container {
  margin-top: 10px
}

.comment-modal .vertical-tabs .vertical_tab_wrapper a.vertical__tab {
  padding: 8px 38px 8px 22px
}

.comment-modal .vertical-tabs .vertical_tab_wrapper a.vertical__tab.is-active {
  background: #fbfbfb
}

.comment-modal .character-counter {
  position: absolute;
  bottom: -4px;
  right: 0;
  padding-right: 10px
}

.scroll-wrapper>.scroll-content {
  -ms-overflow-style: none
}

.modalCommentpopup.modal {
  min-width: 755px
}

.attachmentcontainer-header-errortext {
  position: absolute;
  left: 0;
  bottom: 10px;
  font-size: .8rem;
  color: #d63d3d
}

.settingsPopupTableSubheader,.vertical-tabs-table-subHeader {
  color: #9e9e9e!important;
  font-size: 12px!important
}

.attchmenterrorIcon {
  height: 18px;
  margin-top: 4px;
  margin-left: 3px
}

.user_comment_dateField {
  margin: 5px 0 0
}

.attachmentcontainer-dropdown-content-title {
  margin: 3px 5px 0 0;
  display: inline-flex;
  max-width: 140px
}

.settings-poup-content {
  border-top: 1px solid #e5e5e5
}

.settings-poup-content .row .col {
  display: inline-block;
  box-sizing: border-box;
  padding: 0 .75rem;
  -moz-box-sizing: border-box
}

.settingsPopupSection {
  margin-bottom: 20px;
  padding-bottom: 30px;
  display: inline-block;
  width: 100%;
  border-bottom: 1px dashed rgba(0,0,0,.24)
}

.settingsPopupSectionTitle {
  padding: 10px 0 20px
}

.settingsPopupTable {
  border: 1px solid #d0d0d0;
  vertical-align: top;
  padding: 22px 5px
}

.settingsPopupTableItem {
  padding-right: 60px!important
}

.settingsPopupSection:last-child {
  margin-bottom: 0;
  border-bottom: none!important
}

.vertical-tabs-section {
  margin-bottom: 20px;
  padding-bottom: 30px;
  display: inline-block;
  width: 100%;
  border-bottom: 1px dashed rgba(0,0,0,.24)
}

.vertical-tabs-section-title {
  padding: 10px 0 20px
}

.vertical-tabs-table {
  border: 1px solid #d0d0d0;
  vertical-align: top;
  padding: 22px 5px
}

.vertical-tabs-table-item {
  padding-right: 60px!important
}

.vertical-tabs-section:last-child {
  margin-bottom: 0
}

.small-input .select-wrapper input.select-dropdown {
  height: 2rem;
  line-height: 2rem
}

.small-input .select-wrapper span.caret {
  margin-top: -10px
}

.small-input_next_headingText_subheader,.small-input_next_in_model_title {
  margin-left: 10px
}

.small-input input[type=text] {
  height: 2rem;
  margin-top: 0
}

.small-input_next_headingText_subheader {
  margin-top: 5px;
  border-bottom: none
}

.small-input_next_headingText_subheader input[type=text] {
  height: 2rem;
  margin-top: .5rem
}

.small-input_next_headingText_subheader .select-wrapper span.caret i {
  color: #fff
}

.small-input_next_headingText_subheader .select-wrapper input[type=text]:read-only {
  border-bottom: none;
  color: #fff
}

.small-input_next_headingText_subheader .select-wrapper span.caret {
  top: 0
}

.comment-user-box {
  overflow: hidden;
  padding: 0 15px
}

.comment-user-box .other_user_comment,.comment-user-box .user_comment {
  margin-bottom: 10px
}

.comment-user-box .other_user_comment:first-child,.comment-user-box .user_comment:first-child {
  margin-top: 10px
}

.other_user_comment .user_comment_container,.user_comment .user_comment_container {
  border: 1px solid #e6e6e6;
  margin-top: 15px;
  border-radius: 2px;
  float: left;
  padding: 10px;
  box-sizing: border-box
}

.other_user_comment .user_comment_container.small-text,.other_user_comment .user_comment_container.small-text-link,.user_comment .user_comment_container.small-text,.user_comment .user_comment_container.small-text-link {
  margin-top: 8px
}

.other_user_comment .user_comment_container:first-child,.user_comment .user_comment_container:first-child {
  margin-top: 0
}

.other_user_comment .user_comment_container {
  margin-right: 12%
}

.user_comment .user_comment_container {
  background: #f1f8fe;
  float: right;
  margin-left: 12%;
  word-wrap: break-word
}

.user_box {
  margin-bottom: 7px
}

.vertical-tabs-footer {
  border-top: 1px solid #e5e5e5
}

.vertical-tabs-footer .comment_input {
  padding: 0 24px;
  box-sizing: border-box;
  border: none
}

.vertical-tabs-footer input[type=date]:focus:not([readonly]),.vertical-tabs-footer input[type=datetime-local]:focus:not([readonly]),.vertical-tabs-footer input[type=email]:focus:not([readonly]),.vertical-tabs-footer input[type=number]:focus:not([readonly]),.vertical-tabs-footer input[type=password]:focus:not([readonly]),.vertical-tabs-footer input[type=search]:focus:not([readonly]),.vertical-tabs-footer input[type=tel]:focus:not([readonly]),.vertical-tabs-footer input[type=text]:focus:not([readonly]),.vertical-tabs-footer input[type=time]:focus:not([readonly]),.vertical-tabs-footer input[type=url]:focus:not([readonly]),.vertical-tabs-footer textarea.materialize-textarea:focus:not([readonly]) {
  border: none;
  box-shadow: none
}

.alert-warning {
  display: block;
  padding: 10px;
  text-align: center;
  color: #000;
  background: #fffde7
}

.alert-massage-absolute-top {
  position: absolute;
  top: 0;
  right: 0;
  left: 0
}

.alert-massage-absolute-parent {
  height: 41px
}

.dropdown-content.customModified input {
  border-bottom: 1px solid #e7e7e7!important;
  height: 45px;
  padding: 0
}

.quick-search-footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: justify;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  transition: all .3s ease-out;
  opacity: 1;
  -webkit-transform: translateY(-3px);
  -moz-transform: translateY(-3px);
  -ms-transform: translateY(-3px);
  -o-transform: translateY(-3px);
  transform: translateY(-3px)
}

.quick-search-bg {
  background-color: rgba(255,255,255,.3)
}

.quick-search-list {
  margin-bottom: 0;
  border-left: 1px solid #fff
}

.quick-search-list-items {
  border-width: 0 1px 1px 0;
  border-style: solid;
  border-color: #fff
}

.quick-search-list-items:hover {
  background-color: rgba(255,255,255,.5)
}

.quick-search-list-items:hover .quick-search-link-circle {
  color: #fff;
  background-color: #0177d6
}

.quick-search-link {
  padding: 1.429rem .7143rem!important;
  display: block
}

.quick-search-link-circle {
  font-size: 1.2rem;
  line-height: 3rem;
  color: #0177d6;
  background-color: #fff;
  text-align: center;
  border-radius: 50%;
  width: 3rem;
  height: 3rem;
  overflow: hidden;
  left: 1.071rem;
  display: inline-block;
  vertical-align: middle
}

.quick-search-link-text {
  color: #0177d6;
  text-align: center;
  display: block;
  margin-top: .7143rem
}

.adv-footer-chk {
  float: left;
  margin-left: 15px;
  line-height: 48px
}

.adv-search-content {
  padding: 0 .321rem 1.071rem;
  border-bottom: 1px solid #e7e7e7
}

.adv-search-content .filterItem {
  padding-left: 10px
}

.adv-searchBox input[type=text] {
  border-bottom: none!important;
  box-shadow: none!important;
  margin-bottom: 0;
  margin-right: 3rem;
  margin-left: 1.5rem;
  width: calc(100% - 7rem);
  font-size: 1rem
}

.adv-searchBox {
  padding: 0 15px;
  line-height: 47px;
  position: relative
}

.adv-searchBox .icon-left {
  position: absolute;
  left: 0;
  top: 0
}

.adv-searchBox .icon-right {
  position: absolute;
  right: 0;
  top: 0
}

.adv-searchBox .bar:after,.adv-searchBox .bar:before {
  background: #0177d6!important
}

.table-detailed-View-title {
  padding: 10px;
  border-bottom: 1px solid #e7e7e7;
  line-height: 47px
}

.tabs-wrap {
  border-bottom: 1px solid #e3e3e3;
  box-shadow: 0 5px 5px 0 rgba(227,227,227,.2);
  margin-bottom: 20px;
  overflow: hidden
}

.tabs-wrap .tabs {
  width: 500px!important;
  margin: 0 20px!important
}

.tabs-wrap .tabs li.tab {
  width: 100%;
  min-width: 150px
}

.lookup-modal li:hover {
  background: 0 0
}

.lookup-modal ul.custom-tab li a {
  padding: 0
}

.lookup-modal li {
  float: left;
  width: 100%
}

.lookup-modal .cell-content {
  float: left;
  width: 100%;
  padding: .7143rem 1.429rem;
  background-color: #fff;
  line-height: 2.5rem;
  margin: 0;
  border-bottom: 1px solid #e0e0e0
}

.lookup-modal .cell-content ul {
  float: left;
  width: 100%
}

.lookup-modal .cell-content ul li {
  float: left;
  width: 100%;
  padding: 10px 0
}

.lookup-footer {
  border-top: 1px solid #e7e7e7;
  padding-top: 10px;
  padding-bottom: 10px;
  float: left;
  width: 100%;
  line-height: 1.5
}

.lookup-body {
  padding: 0;
  width: 100%;
  float: left
}

.lookup-modal .cell-content.cell-content-last {
  border-bottom: #e7e7e7
}

.navInactive {
  display: none
}

.requItemContainer {
  margin-bottom: 20px!important
}

.requItemContainer .requItemContainerLeft {
  padding: 10px;
  background-color: #F3F3F3;
  border-right: 1px solid #A2A2A2
}

.requItemContainer .requItemWrap {
  border-bottom: 1px solid #828282;
  display: flex
}

.tabs.widthForItemTab {
  width: 520px!important
}

.lookup-modal .lookup-header .regularSearch {
  top: -7px
}

.small-field {
  display: inline
}

.small-field input {
  height: 14px;
  width: 40px;
  padding: 4px
}

.breadcrum-container {
  padding: 1rem .75rem
}

.breadcrum-container--stick {
  padding: 0 .75rem;
  line-height: 50px;
  font-size: 1rem
}

.breadcrum-container--stick i {
  height: unset!important
}

.servRadioContent {
  position: relative;
  z-index: 1
}

.materialsRadioContent ul.tabs,.servRadioContent ul.tabs {
  margin: 0;
  overflow: hidden
}

.equal-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.apply-height-100-percent,.height-for-page-with-subheader {
  height: 100%
}

.input-field .btn-flat {
  height: 32px;
  padding-left: 0
}

.discountTable {
  border-bottom: 1px solid #e2e2e2;
  border-top: 1px solid #e2e2e2;
  margin-bottom: 0;
  min-width: 1200px
}

.discountTable .select-dropdown,.discountTable input {
  border: 1px solid #e9e9e9!important;
  padding: 0 10px;
  box-shadow: none!important;
  width: calc(100% - 20px)
}

.discountTable input:focus {
  border-bottom: 1px solid #e9e9e9
}

.discountTable .select-wrapper span.caret {
  right: 10px
}

.discountTable .col+.col {
  border-left: 1px solid #e2e2e2
}

.discountTable .innerCols .col {
  border: none
}

.discountTable hr {
  border-bottom: 1px solid #e2e2e2;
  margin: 0
}

.discountTable .row {
  margin-bottom: 0;
  padding: 15px 0
}

.discountTable [type=checkbox]+label {
  height: 20px;
  padding: 0
}

.discountTable p {
  margin: 0
}

.legends li span {
  margin: 3px 10px 0 0
}

.commonCircle,.fullyReceived,.inProgress,.notReceived,.overReceived,.partiallyReceived {
  border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-border-radius: 50%;
  width: 16px;
  height: 16px;
  float: left;
  border: 1px solid #b5b5b5;
  text-indent: -9999px;
  font-size: 0
}

.notReceived {
  background: #fff
}

.partiallyReceived {
  background: #268406
}

.fullyReceived {
  background: #e57373
}

.overReceived {
  background: #fff;
  position: relative;
  overflow: hidden
}

.renewal-partially-received {
  background: rgba(81,254,89,.24)!important
}

.overReceived::after {
  content: " ";
  background: #268406;
  position: absolute;
  top: 7px;
  left: 0;
  width: 15px;
  height: 8px;
  border-bottom-left-radius: 45px;
  border-bottom-right-radius: 50px
}

.ui-resizable-s:after,.ui-resizable-w:after {
  content: '';
  position: absolute
}

.thead-wrap-fixed {
  position: fixed;
  top: 50px;
  border-bottom: none;
  width: 100%;
  z-index: 999999;
  background: #fff
}

.inProgress {
  background: #ffb128
}

.discountTable+.discountTable {
  border-top: none
}

.tabsWrap {
  border-bottom: 1px solid #A2A2A2
}

.collapsible_title,.errorPage,.projectCards .uppercase {
  text-transform: uppercase
}

.dropdownOpenUp .dropdown-content {
  bottom: 0;
  top: auto!important
}

.dropdown-content-large {
  width: 45%
}

.dropdown-content-medium {
  width: 370px
}

.maptoSourcePop {
  width: 150px!important;
  min-width: 150px!important
}

.lookup-popup-quantity {
  width: 70px;
  padding: 10px 25px 25px
}

.linklocationlookup .lookup-popup-quantity {
  width: 220px!important;
  padding: 10px 24px 24px
}

.icon_inside_collecion_header {
  margin: 0 9px
}

.icon_inside_collecion_header:last-child {
  margin-right: 0
}

.content-with-pipe {
  margin: 0
}

.content-with-pipe li {
  display: inline-block;
  line-height: 24px;
  color: #888;
  border-right: 1px solid #e6e6e6;
  margin-right: 18px;
  padding-right: 18px
}

.content-with-pipe li:last-child {
  border-right: none;
  margin-right: 0;
  padding-right: 0
}

.image-fluid-container img {
  width: 100%
}

.invoiceExcepGridContent {
  border-top: 1px solid #d0d0d0
}

.editableMode .input-field.input-chk,.input-field.input-chk {
  margin: 0
}

.input-field.input-chk label {
  top: 0
}

.supplierApprovalTable .dropdown-content li>a,.supplierApprovalTable .dropdown-content li>span,.supplierApprovalTable .filterHeaderAction .dropdown-content li>a {
  padding: 10px;
  line-height: 20px
}

.supplierApprovalTable .dropdown-content li {
  line-height: 40px;
  min-height: 40px
}

.section-opts-ddcnt.optional-list {
  width: 300px
}

.section-opts-ddcnt.optional-list.dropdown-content li>a {
  padding: .7rem 2.5rem .7rem .7rem
}

.input-field-btn {
  padding: .75rem
}

.bullet li {
  list-style: disc inside
}

nav .brand-logo {
  position: static
}

.ui-resizable {
  position: relative
}

.ui-resizable-handle {
  position: absolute;
  font-size: .1px;
  display: block;
  touch-action: none
}

.active .collapsible_title,.collapsible_title {
  color: #000;
  font-size: 1.14286rem
}

.ui-resizable-s {
  display: block;
  background: #fff;
  cursor: s-resize;
  height: 8px;
  width: 100%;
  bottom: 0;
  left: 0;
  right: 0;
  border-top: 1px solid #ccc
}

.ui-resizable-w {
  display: block;
  background: #fff;
  cursor: w-resize;
  height: 100%;
  top: 0;
  left: 0;
  width: 8px;
  border-right: 1px solid #ccc
}

.ui-resizable-w:after {
  height: 50px;
  border-left: 1px solid #0177d6;
  border-right: 1px solid #0177d6;
  width: 4px;
  left: 1px;
  top: 50%
}

.ui-resizable-s:after {
  height: 4px;
  border-bottom: 1px solid #0177d6;
  border-top: 1px solid #0177d6;
  width: 50px;
  top: 1px;
  left: 50%;
  margin-left: -25px
}

.collapsible_title .dirArrow {
  transform: rotate(0);
  transition: all .4s ease-in-out
}

.active .collapsible_title .dirArrow {
  transform: rotate(180deg);
  color: #12b7fc;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out
}

.lookupInline .inlineWithInput {
  padding: 10px!important;
  line-height: 40px
}

.catalog-filter .input-chk {
  margin: 1em 0
}

.filterHeader {
  border-bottom: 1px solid #e5e5e5
}

.col.filterHeader {
  padding: .75rem
}

.sub-header-fixed .col.s12.filterHeader {
  width: 25%;
  z-index: 900;
  position: fixed;
  top: 50px;
  background-color: #fff;
  border-right: 1px solid #e5e5e5
}

.breadcrumbActivated~.sub-header-fixed .col.s12.filterHeader {
  top: 100px
}

.filterStripActived~.sub-header-fixed .col.s12.filterHeader {
  top: 95px
}

.breadcrumbActivated.filterStripActived~.sub-header-fixed .col.s12.filterHeader {
  top: 145px
}

.leftSide-inner {
  padding-bottom: 65px
}

.catalog-main-view-container .catalog-filter .sidebar-btn {
  position: fixed;
  right: inherit;
  left: 25%;
  top: 215px;
  margin-top: 0;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  -ms-transition: all .5s ease;
  transition: all .5s ease
}

.breadcrumbActivated~.catalog-main-view-container .catalog-filter .sidebar-btn {
  top: 216px
}

.filterStripActived~.catalog-main-view-container .catalog-filter .sidebar-btn {
  top: 211px
}

.breadcrumbActivated.filterStripActived~.catalog-main-view-container .catalog-filter .sidebar-btn {
  top: 261px
}

.catalog-main-view-container.sub-header-fixed .catalog-filter .sidebar-btn {
  top: 101px;
  z-index: 1000
}

.breadcrumbActivated~.catalog-main-view-container.sub-header-fixed .catalog-filter .sidebar-btn {
  top: 150px
}

.filterStripActived~.catalog-main-view-container.sub-header-fixed .catalog-filter .sidebar-btn {
  top: 146px
}

.breadcrumbActivated.filterStripActived~.catalog-main-view-container.sub-header-fixed .catalog-filter .sidebar-btn {
  top: 195px
}

.catalog-filter-strip .filterStripWrap {
  display: table;
  width: 100%
}

.catalog-filter-strip .filterStripInner {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
  height: 45px
}

.showCountHide,.showCountOpen {
  z-index: 99;
  padding: 7px 15px;
  display: inline-block;
  width: 115px;
  left: calc(50% - 57px)
}

.catalog-filter-strip .filterStripInner.alert-bar--with-button {
  line-height: 16px
}

.scrollingPopup {
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6
}

.scrollingList {
  border-bottom: 1px solid #d9d9d9;
  position: relative
}

.scrollingList .borderBtmGray {
  border-bottom: 1px solid #e6e6e6
}

.scrollingList .scrollingListBg {
  background-color: #f6f6f6
}

.showCountHide {
  background: #fff;
  position: absolute;
  bottom: -1px;
  border: 1px solid #e1e1e1;
  border-bottom: 1px solid #fff
}

.showCountOpen {
  background: #f6f6f6;
  position: absolute;
  bottom: -37px;
  border: 1px solid #e1e1e1;
  border-top: 1px solid #f6f6f6
}

.approver-content-height {
  height: 400px
}

.errorPage {
  color: #ef5350
}

.dropdown-content i {
  padding-right: 4px
}

.slider-pop {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  -webkit-transition: all .4s ease-in;
  -moz-transition: all .4s ease-in;
  -o-transition: all .4s ease-in;
  -ms-transition: all .4s ease-in;
  transition: all .4s ease-in;
  z-index: 1
}

.slider-pop .greyPanel {
  padding: 10px 0 5px
}

.slider-pop.ng-hide {
  right: -100%
}

.slider-pop input {
  padding-left: 0!important;
  width: 100%!important;
  font-size: 15px!important;
  border-bottom: 1px solid #e0e0e0!important
}

.slider-pop label {
  left: .75rem!important
}

.edit-tootip-from-right-side {
  overflow: hidden
}

.manageColPopup,.removeHidden {
  overflow: visible
}

.small-text-link {
  color: #0177d6
}

.dropdown-content_footer,li.dropdown-content_footer:last-child,li.dropdown-content_footer:last-child:hover {
  border-top: 1px solid #e0e0e0;
  padding: 0 1rem;
  margin-top: 1rem
}

.subFabLblContainer {
  right: 60px;
  top: 8px;
  display: block;
  position: absolute;
  z-index: 10000;
  min-width: 8%
}

.subFabLblContainer-label {
  border-radius: 3px;
  padding: 0 1.071rem;
  line-height: 2;
  background-color: #000;
  color: #fff;
  white-space: nowrap;
  font-size: .8571rem
}

.side-nav-bookmark-title {
  padding: 0 35px!important;
  border-bottom: 1px solid rgba(255,255,255,.5)!important;
  line-height: 47px!important
}

.side-nav a.bookmark-name {
  word-wrap: break-word;
  padding-right: 50px;
  font-size: 14px;
  color: #64c1ff
}

[type=radio]:checked+label,[type=radio]:not(:checked)+label {
  top: 0
}

.btn-flat-icon {
  margin: 0 8px;
  display: inline-block;
  line-height: 36px
}

.input-field label {
  line-height: normal
}

.input-field .readonly-value-manager {
  margin-top: 6px;
  line-height: 30px;
  height: 30px
}

.line-height-manager {
  height: 50px;
  margin-top: .2rem;
  margin-bottom: 15px;
  line-height: 50px
}

.line-height-manager * {
  line-height: normal
}

.line-height-manager .select-wrapper {
  width: 100%
}

.line-height-manager .catpopup-title {
  margin: .8rem 0 1px;
  line-height: 2rem
}

.line-height-manager .elements-include {
  line-height: 43px
}

.line-height-manager .elements-include .truncate {
  display: inline-table
}

.line-height-manager.input-field label {
  bottom: 15px
}

.line-height-manager.input-field label.active {
  bottom: 37px;
  font-size: 12px;
  color: rgba(0,0,0,.64)
}

.line-height-manager.input-field label.active:after {
  top: 45px;
  font-size: .8rem;
  color: #d63d3d
}

.line-height-manager.input-field input:focus:not([readonly])+label,.readOnlyField .ng-empty+label {
  bottom: 37px;
  font-size: 12px
}

.line-height-manager .readonly-value-manager {
  line-height: 40px
}

.readOnlyField .ng-empty~label:before,.readOnlyField.fielddataempty label:before,.readonlyMetatField.fielddataempty label:before {
  position: absolute;
  top: 23px;
  content: "--"
}

.readOnlyField.fielddataempty .ng-not-empty+label:before {
  content: ""
}

.input-field .ng-not-empty+label {
  transition: none
}

.single-edit-panel-input-box .input-field.readOnlyField .ng-empty+label {
  bottom: 27px;
  font-size: .8rem
}

.selectPreview.ng-empty .active.ng-hide {
  display: block!important
}

.selectPreview.ng-empty .active.ng-hide:before {
  position: absolute;
  top: 23px;
  content: "--"
}

.readOnlyField.optionalFieldInPopup .optionalFieldTxt,.selectPreview.ng-empty .select-wrapper,.selectPreview.optionalFieldInPopup .optionalFieldTxt {
  display: none
}

.area-height-manager {
  padding-bottom: 17px!important
}

.area-height-manager.optionalField textarea {
  margin-bottom: 5px
}

.fixed-action-btn,.goTop .fixed-action-btn {
  z-index: 11;
  transition: all 1s
}

.fixed-action-btn.home-page {
  position: absolute
}

.fixed-action-btn.top {
  top: 85px;
  padding: 0 0 15px;
  bottom: inherit
}

.fixed-action-btn.top ul {
  bottom: inherit
}

.fixed-action-btn.activeOnClick.top ul {
  top: 70px
}

.fixed-action-btn.activeOnClick .is-action-btn-trigger i svg {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform-origin: center center
}

.home-page.active .is-action-btn-trigger i.icon svg,.home-page.activeOnClick .is-action-btn-trigger i svg {
  transform: rotate(0);
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  margin-left: 0
}

.btn-group {
  display: inline-block
}

.btn-group .btn-first-button,.btn-group.whiteSecondaryBtn .btn {
  border-radius: 2px 0 0 2px;
  box-shadow: none
}

.btn-group .btn-last-button {
  border-radius: 0 2px 2px 0;
  box-shadow: none;
  margin-left: -4px;
  padding: 0 .714rem;
  border-left: 1px solid rgba(255,255,255,.5)
}

.btn-group.whiteSecondaryBtn .btn-last-button {
  border-left: 1px solid rgba(0,23,125,.1)
}

.page-footer.ng-hide {
  bottom: -77px;
  -webkit-transition: "all ease-in-out 0.5s";
  -moz-transition: "all ease-in-out 0.5s";
  -o-transition: "all ease-in-out 0.5s";
  -ms-transition: "all ease-in-out 0.5s";
  transition: "all ease-in-out 0.5s"
}

.page-footer-is-active {
  padding-bottom: 57px
}

.page-footer-is-active .fixed-action-btn {
  bottom: 83px;
  transition: bottom .5s
}

.templDoc {
  padding-right: 11rem!important;
  border-bottom: 1px solid #e0e0e0!important;
  margin-bottom: 2px!important
}

.templDoc-manage {
  padding-right: 15px;
  border-right: 1px solid #e5e5e5;
  float: left;
  width: 100%
}

.templDoc-manage .searchWithHiddenTextField {
  margin-top: -4px
}

.templDoc-selected {
  margin-right: -9rem;
  padding: .4rem
}

.collection--BorderNone {
  border: none
}

.saved-view-content:after {
  content: "";
  border-top: 5px solid rgba(0,0,0,.7);
  border-right: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid transparent;
  height: 0;
  width: 0;
  position: relative;
  margin-bottom: -3px;
  display: inline-block;
  margin-left: 6px
}

.onBehalf {
  padding: 5px
}

.arrow--disabled {
  border-color: #ccc!important;
  color: #ccc!important
}

.section-opts-ddlnk {
  position: absolute;
  right: 20px;
  top: 20px;
  margin-right: 10px
}

.section-opts-ddcnt {
  width: 250px;
  right: 90px!important;
  left: auto!important
}

.section-opts-ddcnt .widget-option-field {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  color: #0177d6
}

.collapsible-header-drag-wrap {
  height: 10px
}

.form-widget-animate {
  -webkit-animation: opac 2.5s;
  animation: opac 2.5s
}

@-webkit-keyframes opac {
  from {
      opacity: 0
  }

  to {
      opacity: 1
  }
}

@keyframes opac {
  from {
      opacity: 0
  }

  to {
      opacity: 1
  }
}

.collapsible-header-drag-icon {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  display: inline-flex;
  cursor: move;
  position: absolute;
  bottom: -9px;
  left: 50%;
  margin-left: -12px;
  color: #000
}

.manageCol .collapsible-header-drag-icon {
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
  position: static;
  margin-left: 0
}

.section-opts-ddcnt li.optionalFieldTigger {
  margin: 0;
  background: #fafafa
}

.goTop .fixed-action-btn {
  bottom: 65px;
  right: 23px
}

.optionalFieldTigger.selected ._optionalFieldLabel {
  color: #C3C3C3!important
}

.edit-panel {
  background: #eee
}

.footer-dropdown-for-landing {
  min-width: 230px
}

.manageCol-tbl--type,.manageCol-tbl--typeHdr {
  min-width: 920px
}

.noTransform {
  transform: none!important
}

.manageColPopup i.left {
  margin-right: 13px
}

.manageCol-tbl--typeWrap .scrollbar-outer>.scroll-element.scroll-y {
  right: 0
}

.manageCol-header-circle {
  position: absolute;
  right: 10px;
  margin-top: 1px
}

.addColumnLookup {
  width: 156px!important
}

.addColumnLookup-hdr {
  text-align: center;
  font-size: 16px;
  padding-bottom: 15px
}

.addColumnLookup .lookup-footer {
  padding-top: 20px
}

.manageCol-header-trash {
  position: absolute;
  right: 72px;
  margin-top: -2px
}

.manageCol .manageCol-header {
  padding: 20px 111px 14px 20px
}

th.manageCol-tbl--typeHdr-name {
  padding-left: 41px;
  height: 95px
}

.manageCol-tbl-colName-txt {
  padding-top: 3px;
  display: inline-block
}

.manageCol-tbl--serialHdr {
  float: left;
  width: auto
}

.manageCol-tbl--serialHdr th {
  height: 95px;
  width: 60px
}

.manageCol-tbl--name {
  width: 260px
}

.manageCol-tbl--typeHdr-name {
  width: 30%
}

.manageCol-tbl--typeHdr-optsTd {
  width: 20%
}

.manageCol-tbl--typeHdr-mandatorychk,.manageCol-tbl--typeHdr-visiblity {
  width: 10%;
  vertical-align: bottom
}

.manageCol-tbl--typeHdr-supp {
  width: 115px;
  vertical-align: bottom
}

.manageCol-tbl--typeHdr-inpt {
  width: 10%;
  vertical-align: bottom
}

.manageCol-tbl--typeHdr-maptoTd {
  width: 20%;
  vertical-align: bottom
}

.manageCol-tbl--typeHdr-maptoTd.lineHeightFix {
  line-height: 4.6rem
}

.manageCol-tbl--name td,.manageCol-tbl--type td {
  padding: 6px 5px 8px
}

.manageCol-tbl--name td {
  padding: 14px 5px 9px
}

.manageCol-tbl--type .select-wrapper .caret {
  height: 30px
}

.manageCol-tbl--type-mapto .select-wrapper input.select-dropdown,.manageCol-tbl--type-opts .select-wrapper input.select-dropdown {
  height: 2.2rem;
  line-height: 2.2rem;
  margin-top: 0;
  border-bottom: 0
}

.manageCol-tbl-settings {
  margin: 5px 5px 0 20px
}

.manageCol-tbl--serial td {
  background: #f0f0f0;
  text-align: center;
  padding: 0;
  width: 60px;
  height: 49px
}

.manageCol-tbl--type-chk {
  text-align: center
}

.manageCol-tbl--type-chk [type=checkbox]+label {
  margin-top: 6px;
  height: 21px
}

td.manageCol-tbl--type-maptoTd {
  padding-right: 18px
}

.manageCol-tbl--type-opts {
  width: 100px
}

.colNamedd {
  width: 225px!important;
  padding: 5px 20px 20px 12px
}

.columnNameLnk {
  width: 155px;
  white-space: nowrap;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis
}

td.manageCol-tbl--type-nameTd {
  padding: 12px 5px 2px
}

.computed {
  padding: 16px 16px 0;
  width: 425px!important
}

.dropDownPosition,.settingsLookup {
  position: fixed!important;
  display: none!important;
  height: auto!important
}

.computed-header {
  padding: 6px 10px 0 11px;
  background: #f9f9f9
}

.computed-header-label {
  color: rgba(0,0,0,.54);
  font-size: 12px
}

.computed-header .btn-flat {
  padding: 0;
  font-size: 12px
}

.computed-content {
  padding: 10px 0 0
}

.computed li {
  padding: 0;
  float: none
}

.computed li a {
  padding: 5px 0 4px 12px
}

.computed li a:hover {
  background: #eee
}

.computed-formulalist {
  border: 1px solid #e0e0e0;
  float: left;
  width: 355px;
  height: 190px;
  overflow-y: auto
}

.computed-operatorlist {
  float: right;
  width: 30px
}

.computed ul,.computed-operatorlist ul {
  margin: 0;
  padding: 0
}

.computed-operatorlist li {
  border: 1px solid #e0e0e0;
  padding: 0;
  color: #0177d6;
  margin-bottom: 7px;
  line-height: 1;
  text-align: center
}

.decimaldd {
  width: 370px!important;
  padding: 5px 15px 0 0
}

.asterisk {
  color: rgba(255,0,0,.54)
}

.dropdown-content .decimaldd-lst {
  padding: .8rem
}

.decimaldd-sample {
  background: #f5f5f5;
  height: 45px
}

.decimaldd-sample label.active {
  bottom: 29px!important
}

.manageCol .lookup-footer {
  font-size: 12px;
  border-top: 0;
  width: auto
}

.datedd {
  width: 200px!important;
  padding: 1rem 1rem 0 1.5rem
}

.datedd-hdr {
  padding-bottom: 10px;
  color: #000
}

.datedd .redio-chanel {
  padding: 4px
}

.optionsdd {
  width: 300px!important;
  padding: 25px 10px 0
}

.optionsdd-chk {
  padding-top: 20px!important;
  padding-bottom: 20px!important
}

.optionsdd-sample {
  background: #f9f9f9;
  padding: 3px 80px 15px 14px!important
}

.manageCol-tbl--type thead th {
  height: 95px
}

.manageCol-tbl--type tbody td {
  height: 49px;
  position: relative
}

.dragList .ui-sortable-helper,.manageCol-tbl--type .ui-sortable-helper {
  background: #f9f9f9;
  border: 1px solid #f0f0f0;
  border-width: 1px 0;
  box-shadow: 0 2px 7px 0 rgba(0,0,0,.22)
}

.manageCol-tbl--type .ui-sortable-helper td {
  display: inline-block
}

.manageCol-tbl--type-nameTd .icon {
  cursor: move
}

.ContractlangPage {
  padding: 0 2px!important
}

.contractLang .versionUpdate {
  height: 24px!important;
  width: 24px!important;
  fill: currentColor!important;
  z-index: 1;
  position: absolute;
  display: inline-block;
  top: 8px
}

.contractLang .dragIcon {
  position: static;
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
  margin: 0
}

.contractLang .bgNumeric {
  background: #f0f0f0;
  text-align: center;
  padding: 0;
  width: 60px;
  height: 49px
}

.contractLang .drop-hover td,.contractLang td {
  border-radius: 0!important
}

.contractLang.manageCol-tbl--type thead th {
  height: auto
}

.manageCol-tbl--type-nameTd {
  width: 30%
}

.manageCol-tbl--type-optsTd {
  width: 20%
}

.manageCol-tbl--type-inpt,.manageCol-tbl--type-mandatorychk,.manageCol-tbl--type-visiblity {
  width: 10%
}

.manageCol-tbl--type-maptoTd {
  width: 20%
}

.manageCol-tbl--typeWrap>.scroll-wrapper.scrollbar-outer {
  margin-left: 60px!important;
  vertical-align: top
}

.manageCol-tbl--serial {
  float: none
}

.manageCol-tbl--serialWrap {
  position: absolute
}

.manageCol-tbl--typeHdrWrap {
  overflow: hidden
}

.manageCol-tbl--serialWrap>.scroll-wrapper>.scroll-y .scroll-element_outer {
  display: none
}

.customAttributeFieldCnt {
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  padding-top: 30px!important;
  padding-bottom: 30px!important;
  margin-bottom: 30px
}

.modal .modal-content .modal-inner-content {
  height: 400px
}

.modal .modal-content .modal-inner-content.popupExcType-content {
  height: 300px
}

.popupWithRadioList .redio-chanel {
  float: none!important;
  margin-bottom: 15px;
  margin-left: 10px
}

.padding24 {
  padding: 24px!important
}

.dcc-query-container .additional-info-wrapper {
  margin-left: 0;
  transition: all .5s ease
}

.dcc-query-container .additional-info-wrapper.wrapper--withSidebar {
  margin-left: 350px
}

.ui-sortable li div[on-click-switchable] .icon-full-screen {
  margin-right: 30px
}

.catalog-cust-attr-section {
  margin: 0 -15px
}

.catalog-cust-attr-section .questionnaire-section-content {
  padding: 0!important
}

.modal-content .ui-grid {
  border-top: none!important
}

.width60 {
  width: 60px!important
}

.header-filter-entity-wrapper table.sTable .select-wrapper span.caret i,.header-filter-entity-wrapper table.sTable i {
  line-height: normal!important;
  height: auto!important
}

.header-filter-entity-wrapper .table-main-header {
  height: 64px;
  text-align: right;
  padding-right: 25px;
  border-bottom: 1px solid #e5e5e5
}

.header-filter-entity-wrapper .table-main-header a {
  display: inline-block;
  margin-top: 18px
}

.mass-edit-popup .checkbox-content-wrapper .input-field,.mass-edit-popup .checkbox-content-wrapper input[type=text],.mgrTask table.manage-task-list .assignToCell .typeaHeade.titleless-typeahead .catpopup-title,.mgrTask table.manage-task-list .datepicker-wrapper {
  margin: 0
}

.model_body .popup-flip-to {
  min-height: 150px
}

.panel-header-action-container {
  padding: 4px 0 8px;
  border-bottom: 1px solid #d0d0d0
}

.mgrTask .overflowAuto {
  overflow: auto
}

.mgrTask table.manage-task-list {
  min-width: 1349px
}

.emailLogTbl,.emailLogTblHdr {
  min-width: 1300px
}

.mgrTask table.manage-task-list .task-list-Row td {
  padding-top: 7px;
  padding-bottom: 8px
}

.mgrTask table.manage-task-list .task-list-name-cell {
  position: relative
}

.mgrTask table.manage-task-list .task-list-name-cell.level1 {
  padding-left: 40px
}

.mgrTask table.manage-task-list .task-list-name-cell.level2 {
  padding-left: 80px
}

.mgrTask table.manage-task-list .task-list-name-cell.level3 {
  padding-left: 120px
}

.mgrTask table.manage-task-list .task-list-name-cell.level4 {
  padding-left: 160px
}

.mgrTask table.manage-task-list .task-list-name-cell.level5 {
  padding-left: 200px
}

.mgrTask table.manage-task-list .task-list-name-cell.level6 {
  padding-left: 240px
}

.mgrTask table.manage-task-list .task-list-name-cell .infoIcon {
  height: 24px;
  position: relative;
  top: 3px
}

.mgrTask table.manage-task-list .paddingRight45 {
  padding-right: 45px
}

.mgrTask table.manage-task-list .datepicker-wrapper input[type=text] {
  border-bottom: none;
  color: #0177d6;
  margin: 0
}

.mgrTask table.manage-task-list .datepicker-wrapper input[type=text]:focus:not([readonly]) {
  border-bottom: none;
  box-shadow: none
}

.mgrTask table.manage-task-list .last-worked-date-time-cnt {
  font-size: 12px
}

.mgrTask table.manage-task-list .assignToCell .typeaHeade.titleless-typeahead {
  line-height: inherit;
  width: 100%;
  height: auto
}

.mass-edit-popup .checkbox-wrapper {
  display: inline-block;
  width: 40px;
  float: left
}

.mass-edit-popup .checkbox-content-wrapper {
  display: inline-block;
  width: 200px;
  float: left
}

.mass-edit-popup .checkbox-content-wrapper .chk-label {
  display: block;
  font-size: 12px;
  color: rgba(0,0,0,.64)
}

.mass-edit-popup .checkbox-content-wrapper .ddStatus {
  margin-top: 4px
}

.mass-edit-popup .checkbox-content-wrapper .typeaHeade.titleless-typeahead {
  line-height: inherit;
  width: 100%;
  height: auto
}

.mass-edit-popup .checkbox-content-wrapper .typeaHeade.titleless-typeahead .catpopup-title {
  margin: 0
}

.statusIndicator {
  display: inline-block;
  position: relative;
  top: 3px;
  margin-right: 2px
}

.splitAccountigModal .descriptionWrapper {
  padding: 10px;
  border-bottom: 1px solid rgba(0,0,0,.1)
}

.splitAccountigModal .descriptionWrapper .label {
  font-size: 12px;
  color: rgba(0,0,0,.64)
}

.splitAccountigModal .splitValueField .input-field {
  margin-top: 15px;
  margin-bottom: 25px
}

.splitAccountigModal .splitValueField .input-field label {
  width: calc(100% - 20px)
}

.splitAccountigModal .splitValueField .input-field label:after {
  width: 100%
}

.splitAccountigModal .radio-space {
  padding-bottom: 10px!important
}

.splitAccountigModal .radio-space>div>.input-field {
  margin-top: -5px
}

.splitAccountigModal #numberContainer,.splitAccountigModal #percentContainer {
  height: 200px
}

.splitAccountigModal #numberContainer.msie,.splitAccountigModal #percentContainer.msie {
  height: 182px
}

.splitAccountigModal .tableCommonFooter {
  background-color: #fff;
  position: relative;
  z-index: 5
}

table .autoSuggestCell .line-height-manager.typeaHeade.titleless-typeahead {
  width: 100%;
  height: 29px;
  line-height: 29px
}

.adminItemMasterWrapper .ui-sortable>li:first-child .collapsible-body>.row,table .autoSuggestCell .line-height-manager.typeaHeade.titleless-typeahead .catpopup-title {
  margin: 0
}

.adminItemMasterWrapper .itemDetailsCnt .H_devider {
  border-top: 1px solid #e5e5e5;
  margin: -15px -5px 40px
}

.adminItemMasterWrapper table.sTable td .table-dropdown {
  display: inline-block;
  width: 100%
}

.adminItemMasterWrapper table.sTable td .table-dropdown>a {
  width: auto!important
}

.adminItemMasterWrapper table.sTable td .table-dropdown>div.dropdown-content {
  width: 200px!important
}

.adminItemMasterWrapper table.sTable td .table-dropdown>div.dropdown-content .input-field {
  margin-top: 15px;
  margin-bottom: 25px
}

.adminItemMasterWrapper table.sTable td .input-field.typeaHeade.titleless-typeahead .catpopup-title,.adminItemMasterWrapper table.sTable td .switch>.left .input-field {
  margin: 0
}

.adminItemMasterWrapper table.sTable td.right-align .table-dropdown>div.dropdown-content {
  left: initial!important;
  right: 0!important
}

.adminItemMasterWrapper table.sTable td.right-align .table-dropdown>div.dropdown-content .input-field label {
  width: calc(100% - 20px)
}

.adminItemMasterWrapper table.sTable td.right-align .table-dropdown>div.dropdown-content .input-field label:after {
  width: 100%
}

.adminItemMasterWrapper table.sTable td .input-field.typeaHeade.titleless-typeahead {
  line-height: inherit;
  width: 100%;
  height: auto
}

.horizontal-devider {
  width: 100%;
  border-bottom: 1px solid #e0e0e0
}

.changeHistoryLineItemPopup .tabparent-container {
  position: relative;
  z-index: 500
}

.errorBand {
  background-color: #ffdada;
  padding: 5px 12px
}

.modal-content .collection {
  border: none
}

.input-field.cbr-field .red-text {
  position: absolute;
  top: 22px
}

.input-field.cbr-field label.active {
  bottom: 23px
}

.dropdown-content.add-wishlist-dropdown-content {
  max-height: 350px
}

.manageApprovalFrame .modal {
  min-height: 400px;
  width: 90%
}

.manageApprovalFrame .iframeWrapper {
  height: 394px!important
}

@media screen and (min-width: 768px) {
  .questionnaireSmallPopup {
      width:500px
  }
}

@media (max-width: 1366px) and (min-width:960px) {
  .dropdown-content {
      max-height:550px
  }
}

@media screen and (min-width: 960px) {
  .questionnairePopup {
      width:750px
  }

  .supplierPop.modal.modal-sm {
      width: 675px
  }

  .questionnaireSmallPopup {
      width: 500px
  }
}

@media screen and (min-width: 1224px) {
  .supplierprofile-popup {
      width:1050px
  }

  .adminItemMasterWrapper .supplier-section-wrapper .supLocationCnt {
      width: 120px
  }

  .adminItemMasterWrapper .supplier-section-wrapper .supStatusCnt {
      width: 150px
  }

  .adminItemMasterWrapper .notes-section-wrapper .classificationCnt,.adminItemMasterWrapper .notes-section-wrapper .includeOnCnt {
      width: 60px
  }

  .adminItemMasterWrapper .uom-section-wrapper .measureCnt {
      width: 80px
  }

  .manageApprovalFrame .modal {
      width: 75%
  }
}

@media screen and (max-width: 960px) {
  .questionContainer .show:before {
      display:none
  }

  .sub-header-fixed .col.s12.filterHeader {
      width: 33.33%
  }

  .catalog-main-view-container .catalog-filter .sidebar-btn {
      left: 33.33%
  }

  .catalog-main-view-container .sidePanelLoaderCnt {
      width: 33.3333%
  }
}

.collapse-filter .catalog-filter .sidebar-btn {
  left: 0
}

.manageCol-tbl--type-opts .dropdown-content {
  width: 200px!important;
  max-height: 190px
}

.chkNoLbl [type=checkbox]+label {
  padding-left: 20px
}

.dropdown-content .select-wrapper i {
  color: rgba(0,0,0,.3)
}

.collapsible-header i.dirArrow {
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transition: all 2s;
  transition: all .5s
}

.collapsible-header.active i.dirArrow {
  -ms-transform: rotate(0);
  -webkit-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition: all 2s;
  transition: all .5s
}

.section-opts-ddcnt li:hover {
  background: #eee
}

.card-page-container .collection.with-header .collection-item.avatar {
  padding: 10px 50px 10px 72px;
  background-color: #fff
}

.card-search-subheader {
  float: left;
  position: relative;
  width: 600px;
  margin: -5px 0 0
}

.card-search-subheader input {
  margin: 0;
  height: 3rem
}

.projectCards .cardInnerContent .taskCompleted,.projectCards .extraLinks li span {
  margin-right: 5px
}

.card-search-subheader label {
  position: absolute;
  right: 0;
  top: 0;
  left: auto;
  width: auto
}

.card-search-subheader label.active {
  transform: translateY(0)
}

.card-subhedear {
  margin-top: 10px
}

.card.scrolledCard .card-content {
  padding: 0!important
}

.projectCards {
  position: relative;
  top: calc(50% - 50px);
  transform: translateY(-50%);
  overflow: hidden
}

.projectCards .landing-cards .card-content .scrollbar-outer {
  min-height: initial!important
}

.projectCards .choose_slider_items {
  padding-top: 0!important
}

.projectCards .card-page-container .choose_slider_items .card.scrolledCard .card-content {
  padding-top: 20px;
  padding-bottom: 62px
}

.projectCards .card-header .stateInProgress {
  background-color: #e67300
}

.projectCards .card-header .stateCompleted {
  background-color: #268406
}

.projectCards .card-header .stateNotStarted {
  background-color: #667985
}

.projectCards .indicator {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  margin-right: 5px;
  position: relative;
  top: 3px
}

.projectCards .indicator.in-progress {
  background-color: #e67300
}

.projectCards .indicator.completed {
  background-color: #268406
}

.projectCards .indicator.not-started {
  background-color: #667985
}

.projectCards .cardHeading {
  font-size: 12px;
  color: #757575
}

.projectCards .cardInnerContent {
  font-size: 14px;
  color: #000
}

.projectCards .cardInnerContent span {
  display: inline-block
}

.projectCards .extraLinks li {
  margin-bottom: 5px
}

.loader {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%)
}

.relative-loader-wrap {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 5;
  background-color: rgba(255,255,255,.65);
  overflow: hidden;
  height: 100%;
  width: 100%
}

.relative-loader-container {
  top: 50%;
  margin-top: -20px;
  position: absolute;
  left: 50%;
  margin-left: -20px
}

.card-subhedear .saved-view-content:after {
  border-top: 5px solid #fff
}

.card-subhedear .right {
  margin-left: 5px
}

.card-subhedear .dropdown-content-content {
  padding-bottom: 10px!important
}

.select-wrapper span.caret {
  top: 0
}

.line-height-manager .select-wrapper span.caret {
  top: 17%
}

.secondary-navigation-one>ul>li>a {
  position: relative;
  z-index: 3
}

.secondary-navigation-one>ul>li>span,a.initialDiv span {
  float: none;
  margin-left: 0;
  position: absolute;
  top: 0;
  left: 50%;
  height: 100%;
  background: #0177d6;
  width: 1px;
  z-index: 1;
  border: 1px
}

.secondary-navigation-one>ul>li {
  position: relative;
  height: 30px;
  z-index: 1
}

.secondary-navigation-one {
  position: fixed;
  height: 100%;
  z-index: 1;
  -webkit-transition: .5s ease-out;
  -moz-transition: .5s ease-out;
  -o-transition: .5s ease-out;
  -ms-transition: .5s ease-out;
  width: 69px
}

.secondary-navigation-one>ul>li:first-child>a {
  margin-top: 2rem
}

.secondary-navigation-one>ul>li.active>a {
  background: #fff;
  border: 3px solid #268406;
  width: 16px;
  height: 16px
}

.secondary-navigation-flex-one {
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: -1;
  width: 70px;
  background: #fff
}

.secondary-navigation-one>ul>li:last-child>span {
  display: none
}

#spliter .lookup-bulk-order li {
  width: 100%
}

.secondary-navigation-one>ul>li>a {
  border-radius: 50%;
  width: 10px;
  display: block;
  margin: 0 auto;
  background: #0177d6;
  height: 10px;
  padding: 0;
  border: 3px solid transparent
}

.secondary-navigation-one>ul>li.active.invalid>a {
  border-color: #f44336;
  background: #fff
}

.secondary-navigation-one>ul>li.invalid>a {
  background: #f44336
}

.secondary-navigation-one .add-section-icon {
  width: 22px!important;
  height: 22px!important
}

.secondary-navigation-one .add-section-plus-icon {
  margin-left: 2px;
  margin-top: -3px
}

.mandatoryfieldstatuscont:hover .mandatoryfieldstatushovercont {
  display: block
}

.mandatoryfieldstatuscont-lnk .section-opts-ddcnt,.mandatoryfieldstatuscont-lnk .section-opts-ddlnk {
  right: 55px
}

.mandatoryfieldstatuscont-lnk .section-opts-ddlnk:after {
  position: absolute;
  right: -8px;
  top: 0;
  content: "";
  width: 2px;
  background: #e0e0e0;
  height: 22px
}

.mandatoryfieldstatushovercont {
  position: relative;
  left: -16px;
  top: -12px;
  z-index: 992;
  float: left;
  display: none;
  width: 250px;
  padding: 15px;
  border: 1px solid #e5e5e5;
  background: #fff;
  box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)
}

.mandatoryfieldstatushovercont .rightArrow.triangle-with-shadow {
  top: 6px
}

.drop-hover {
  opacity: .5;
  border: 1px dashed #000;
  background: #0177d6
}

.highlight,ul.highlight-first li:first-child {
  -webkit-animation: bgChange 5s;
  animation: bgChange 5s
}

@-webkit-keyframes bgChange {
  0% {
      background: #d1e4ff;
      border-color: #e3f2fd
  }

  50% {
      background: #ebf3ff
  }

  100% {
      background: #fff
  }
}

@keyframes bgChange {
  0% {
      background: #d1e4ff;
      border-color: #e3f2fd
  }

  50% {
      background: #ebf3ff
  }

  100% {
      background: #fff
  }
}

.interface-status-wrap .infotip-popover-element {
  padding-right: 28px;
  position: relative
}

.interface-status-wrap i {
  display: inline-block;
  position: absolute;
  top: -3px;
  right: 0
}

.interface-status-wrap span {
  display: inline-block!important;
  padding-bottom: 0!important
}

.collection .collection-item.avatar i.circle {
  border: none
}

.upload-attach-link {
  margin-top: 15px
}

.single-edit-panel {
  display: -webkit-flex;
  display: flex;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 2;
  padding-top: 5px;
  padding-bottom: 5px;
  transition: .5s linear all
}

.single-edit-panel .single-edit-panel-input-box {
  -webkit-flex-grow: 99;
  flex-grow: 99;
  margin-bottom: 0
}

.single-edit-panel .single-edit-panel-secondary-content {
  -webkit-flex-grow: 1;
  flex-grow: 1
}

.single-edit-panel.ng-enter,.single-edit-panel.ng-hide {
  transition: .5s linear all;
  transform: translateX(100%)
}

.single-edit-panel.ng-enter.ng-enter-active,.single-edit-panel.ng-leave.ng-leave-active {
  transform: translateX(0)
}

.single-edit-panel.ng-leave {
  transform: translateX(100%)
}

.wrapper--sidebar--left .sidebar-btn,.wrapper--withSidebar .sidebar-btn i {
  transform: rotateZ(180deg)
}

.action-block {
  padding: 45px 0
}

.action-block-cont {
  border: 1px solid #e5e5e5;
  background-color: #fff;
  width: 190px;
  padding: 48px;
  display: inline-block;
  text-align: center;
  height: 168px;
  margin: 0 8px;
  position: relative;
  border-radius: 2px
}

.action-block-cont-icon {
  display: block;
  height: 68px
}

.action-block-cont-lbl {
  position: absolute;
  width: 100%;
  padding: 10px;
  left: 0;
  bottom: 0;
  line-height: 16px;
  height: 52px
}

.radio-space {
  padding: 5px 20px!important
}

.circle-loading-container {
  display: inline-block;
  margin-left: 10px;
  height: 20px
}

.upload-attachment {
  margin-top: 20px
}

.uploaded-file-list {
  height: 182px;
  margin-top: 20px
}

.uploaded-file-list .upload-attachment {
  margin-top: 0
}

.attachment-manage-icon {
  margin-left: 20px;
  float: left;
  margin-top: -2px
}

.attachment-info {
  font-size: 12px;
  float: left
}

.attachmentName {
  width: 180px;
  text-overflow: ellipsis;
  overflow: hidden
}

.importDocumentsSearch.searchSlideMain,.repo-pricesheet-search.searchSlideMain,.supplierAttachmentSearch.searchSlideMain {
  width: calc(100% - 116px);
  right: 50px;
  top: 0
}

.supplierAttachmentSearch.searchSlideMain {
  right: 60px
}

.field-label {
  font-size: 12px;
  color: rgba(0,0,0,.64)
}

.manange-legend {
  margin: 1px 10px 0 0
}

.pricesheet-status-lookup {
  max-width: 350px
}

.input-label-black label {
  color: #000
}

.notification-massage .successes {
  color: #4BA143
}

.collapsible-header-drag-wrap~.collapsible-header {
  margin-bottom: 10px
}

.secIcon {
  margin: 12px 3px 0 0
}

.legendsWrap {
  margin-top: 4px;
  color: #5e5e5e
}

.reqnewcontainer .optionalFieldHover {
  padding: 1.7rem 1.5rem 2.7rem;
  top: -6px
}

.reqnewcontainer .input-field.optionalField {
  margin-bottom: 27px
}

.reqnewcontainer .editableMode input[type=text] {
  margin-bottom: 20px
}

.alert-bar--warning .icon {
  cursor: pointer
}

.flexSheet {
  border: none!important;
  font-family: inherit!important
}

.gm-style,.map-canvas {
  font-family: 'Noto Sans',sans-serif!important
}

.wj-cell.wj-header-row {
  border-top: 1px solid #e0e0e0!important
}

div[wj-part=root] {
  background: #fff!important
}

div[wj-part=tab-holder] {
  display: none!important
}

div[wj-part=container] {
  height: 100%!important
}

@keyframes category_component_loading_animation {
  0% {
      bottom: -50px
  }

  100% {
      bottom: 0
  }
}

.Category_Component_Loader {
  overflow: hidden;
  bottom: 0;
  opacity: 1;
  animation: category_component_loading_animation 1s;
  padding: 11px!important;
  z-index: 3;
  width: 100%
}

.is-floating-menu-active {
  padding-bottom: 57px
}

.ellipsisContainter {
  overflow: hidden;
  height: 42px
}

.ellipsisFix {
  position: absolute;
  bottom: -24px;
  right: 40px;
  background: #fff
}

.DDReadonly,.icon-fix-overlay,.loader-fix {
  position: relative
}

.ellipsisFix span {
  color: #0177d6;
  cursor: pointer
}

.dropdown-slideUp .dropdown-content {
  bottom: 0;
  top: inherit!important
}

.dropdown-content .order-action-item {
  padding: 10px 20px;
  cursor: pointer
}

.dropdown-content .order-action-item:hover {
  background-color: #e7e7e7
}

.DDReadonly {
  display: block;
  float: left
}

.DDReadonly .dropdown-content {
  width: 100%
}

.searchContentField .collecton-item-secondary-text-wrapper {
  display: none
}

.searchContentField.dropdown-content .dropdown-content-content .contentInTitle {
  padding-left: 10px
}

table.sTable [type=checkbox]+label {
  height: 20px
}

table.sTable i.small {
  font-size: 1rem
}

table.sTable th {
  padding: 14px 10px 13px
}

table.sTable td {
  padding: 10px;
  color: #212121
}

table.sTable.contractLang td:first-child,table.sTable.contractLang th:first-child {
  padding-left: 0!important
}

table.sTable td:first-child,table.sTable th:first-child {
  padding-left: 19px
}

.wj-cell input[type=text][readonly].select-dropdown,table.sTable input[type=text][readonly].select-dropdown {
  border: 0;
  margin-top: 0
}

.sTable-addAction {
  width: 86px
}

.displayInlineBlock {
  display: inline-block!important
}

.cp-color-picker {
  box-shadow: 0 2px 5px 0 rgba(0,0,0,.46),0 2px 10px 0 rgba(0,0,0,.42)!important;
  background: #fff!important
}

.cke_editable {
  line-height: 1.6
}

.loader-fix {
  height: auto
}

.chk-txt {
  margin: 13px 3px 0 12px
}

.selectPreview .select-wrapper input.select-dropdown:disabled {
  border: 0
}

.selectPreview .select-wrapper span.caret {
  display: none
}

.modal.exchangeRatePopup {
  width: 545px
}

.exchangeRatePopup .row .col {
  float: none;
  display: inline-block
}

.addCurrRateSlct .select-dropdown.dropdown-content,.rateEle .select-dropdown.dropdown-content {
  width: 230px!important;
  height: 155px
}

.dropdown-content-header .search-icon-fix {
  left: 6px!important
}

.dropdown-content-footer .btn-flat-fix a {
  padding-right: 16px
}

.icon.icon-fix-overlay::after {
  content: " ";
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  opacity: .01;
  display: block
}

.tooltip-down .tooltip-arrow,.tooltip-up .tooltip-arrow {
  left: 50%;
  margin-left: -5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent
}

.tooltip {
  display: none;
  position: absolute;
  background-color: #222;
  padding: 7px 10px;
  max-width: 0;
  color: #fff;
  z-index: 9999999;
  opacity: 0;
  transition: opacity 5s;
  white-space: pre-wrap
}

.tooltip-show {
  display: inherit;
  max-width: 250px;
  opacity: 1
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0
}

.tooltip-down .tooltip-arrow {
  top: -5px;
  border-bottom: 5px solid #222
}

.tooltip-up .tooltip-arrow {
  bottom: -5px;
  border-top: 5px solid #222
}

.tooltip-left .tooltip-arrow,.tooltip-right .tooltip-arrow {
  top: 50%;
  margin-top: -3px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent
}

.tooltip-right .tooltip-arrow {
  left: -5px;
  border-right: 5px solid #222
}

.sidebar,.sidebar--left,.sidebar--leftDv {
  width: 250px;
  border-right: 1px solid #e0e0e0;
  float: left
}

.tooltip-left .tooltip-arrow {
  right: -5px;
  border-left: 5px solid #222
}

.page-wrapper-full-height {
  min-height: calc(100vh - 130px)
}

.sidebar {
  margin-left: -250px;
  position: relative;
  transition: all .5s ease
}

.wrapper {
  background-color: #fff;
  height: 100%;
  padding-bottom: 73px
}

.wrapper--withSidebar {
  margin-left: 250px;
  padding-bottom: 68px;
  transition: all .5s ease
}

.popup-wrapper-withSidebar {
  padding-bottom: 0
}

.sidebar-btn {
  background-color: #0177d6;
  z-index: 99;
  position: absolute;
  right: -17px;
  top: 45%;
  margin-top: -18px;
  cursor: pointer;
  padding: 6px 0
}

.sidebar-btn:focus,.sidebar-btn:hover {
  background-color: #0162b2
}

.content {
  padding: 30px 25px
}

.content.tag-popup-content {
  padding: 15px
}

.selected {
  background-color: #f5f5f5
}

.tnc-wrapper .wrapper--sidebar--left {
  margin-left: 360px
}

.wrapper--sidebar--left {
  margin-left: 250px;
  padding-bottom: 68px;
  transition: margin .5s ease
}

.sidebar--left,.sidebar--leftDv {
  margin-left: -250px;
  position: relative;
  transition: margin .5s ease;
  height: 100%
}

.sidebar--left.main-filter-applied {
  height: calc(100% - 154px)
}

.sidebar--left--isHidden {
  margin-left: -250px
}

.sidebar.Set-Top {
  top: 0!important
}

@media only screen and (max-width: 1199px) {
  .wrapper--sidebar--left {
      margin-left:0;
      padding-bottom: 68px;
      transition: all .5s ease
  }

  .wrapper--sidebar--left .sidebar-btn {
      transform: rotateZ(180deg)
  }

  .wrapper--sidebar--left .sidebar-btn--hidden {
      transform: rotateZ(0)
  }

  .sidebar--leftDv {
      float: left;
      width: 250px;
      margin-left: 0;
      position: relative;
      border-right: 1px solid #e0e0e0;
      z-index: 1;
      transition: all .5s ease
  }

  .sidebar--left--isHidden {
      margin-left: -250px
  }
}

.panel-content-iteamList {
  padding: 0;
  margin: 0;
  background-color: #fff
}

.panel-content-iteamList-item {
  border-bottom: solid 1px #e5e5e5!important;
  padding: 8px 20px 8px 24px;
  line-height: 31px
}

.reportPg .panel-content-iteamList-item {
  padding: 3px 20px 3px 13px
}

.panel-content-iteamList-item.search-item {
  padding: 6px 20px!important
}

.panel-content-iteamList-item .item-name {
  width: 158px;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  min-height: 31px
}

.modal-overflow-visible,.overflow-inherit {
  overflow: inherit
}

.panel-content-iteamList-item.selected {
  border-bottom: solid 1px #e2e2e2
}

.panel-content-iteamList [type=checkbox]+label {
  height: 17px
}

.panel-content-iteamList.panel-content-iteamList-withoutHover .panel-content-iteamList-item:hover {
  background-color: #fff
}

.vertical-itemList-tab .panel-content-iteamList-item .item-name,.vertical-itemList-tab .panel-content-iteamList-item a {
  width: 157px;
  color: #757575
}

.vertical-itemList-tab .panel-content-iteamList-item {
  border-left: 2px solid rgba(2,4,5,.02)
}

.vertical-itemList-tab .panel-content-iteamList-item.selected {
  border-left: 2px solid #0177d6!important
}

.vertical-itemList-tab .panel-content-iteamList-item.selected .item-name,.vertical-itemList-tab .panel-content-iteamList-item.selected a {
  color: #0177d6
}

.panel-content-iteamList input[type=text][readonly].select-dropdown {
  height: 31px;
  margin: 0;
  border: 0
}

.panel-content-iteamList .select-wrapper .caret {
  top: 0
}

.docSlider--open .slide-view-modal {
  opacity: 1
}

.colorPickerWrap {
  width: 24px;
  float: left;
  margin-left: -25px;
  position: relative
}

.colorPickerWrap .colorPicker {
  width: 0
}

.colorPickerWrap .evo-pointer {
  margin-top: 22px;
  width: 20px;
  height: 5px;
  border: 0
}

.colorPickerWrap .evo-colorind {
  border: none
}

.colorPickerWrap .evo-cp-wrap {
  width: auto!important
}

.evo-pop {
  border: 1px solid #ddd;
  background: #eee;
  border-radius: 4px;
  padding: 5px 5px 10px;
  width: 216px
}

.evo-color,.evo-more {
  display: none
}

.evo-palette td {
  border-radius: 0
}

.panel-content-groupList-item {
  padding: 8px 20px 8px 50px;
  background-color: #f5f5f5;
  border-bottom: 1px solid #e5e5e5
}

.group-arrow {
  position: absolute;
  right: 10px
}

.group-arrowDir {
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transition: all 2s;
  transition: all .5s
}

.group-arrowDir.active {
  -ms-transform: rotate(0)!important;
  -webkit-transform: rotate(0)!important;
  transform: rotate(0)!important;
  -webkit-transition: all 2s;
  transition: all .5s
}

.panel-content-iteamList-manageIcon {
  margin-right: 5px
}

.panel-content-iteamList-manageIcon svg {
  margin-top: -3px
}

.panel-content-iteamList-groupItem {
  padding: 0;
  border: none
}

.panel-content-iteamList-groupItem .iteamList-groupItem-content {
  position: relative;
  padding: 8px 20px 8px 40px;
  cursor: pointer;
  border-bottom: 1px solid #e5e5e5
}

.panel-content-iteamList-groupItem .group-arrow {
  position: absolute;
  right: 214px
}

.panel-content-iteamList-groupItem .panel-content-iteamList-item {
  border-bottom: solid 1px #e5e5e5!important;
  padding: 8px 20px 8px 37px;
  line-height: 31px
}

.panel-content-iteamList-item .input-field {
  margin: 0
}

.panel-content-iteamList-item .input-field.withSearchIcon input {
  height: 31px;
  line-height: 28px;
  border: none;
  box-shadow: none
}

.commentFieldContainer,.fldFxdWrapper-right--sideBar+.fldFxdWrapper-content {
  border-right: 1px solid #e5e5e5
}

.panel-content-iteamList-delete {
  position: absolute;
  right: 20px
}

.div-table-row {
  padding: 5px 1rem 0;
  border-bottom: 1px solid #e5e5e5;
  min-height: 48px
}

.div-table-row:last-child {
  border-bottom: none
}

.div-table-row.slider-pop {
  border-bottom: none;
  padding-top: 6px;
  z-index: 2
}

.abc.div-table-row.slider-pop {
  border-bottom: none;
  padding-top: 0;
  z-index: 2
}

.abc.div-table-row {
  height: 38px
}

.abc.line-height-manager.input-field label {
  bottom: 2px
}

.abc input[type=text]+label+.character-counter {
  position: absolute;
  top: 29px;
  right: 0;
  padding-right: 11px;
  color: rgba(0,0,0,.64)
}

.abc .elements-include {
  line-height: 62px
}

.div-table-row.slider-pop .input-field {
  margin-bottom: 6px
}

.div-table-row.slider-pop input {
  height: 27px
}

.abc.div-table-row.slider-pop input {
  height: 23px;
  padding-right: 48px;
  box-sizing: border-box
}

.div-table-row .icons-wrap {
  margin-top: -5px
}

.height195 {
  height: 195px!important
}

.height54 {
  height: 54px!important
}

.border-bottom-dashed {
  border-bottom: 1px dashed #e5e5e5
}

.modal .modal-content-with-form {
  padding: 24px 1rem
}

.compareDocResults {
  z-index: 2;
  position: relative
}

.table-pagination-wrapper {
  padding: 15px 20px 15px 25px;
  clear: both
}

.table-pagination-wrapper:after {
  content: '';
  display: block;
  clear: both;
  height: 0
}

.table-pagination {
  font-size: .85714rem;
  color: rgba(0,0,0,.5);
  margin: 0
}

.table-pagination .t-p-content {
  float: left;
  line-height: 2.5em;
  margin-right: 16px
}

.table-pagination .t-p-content:last-child {
  margin-right: 0
}

.table-pagination .t-p-content span span {
  margin-right: 5px
}

.t-p-label {
  float: left;
  margin-right: 16px
}

.t-p-dropdown {
  float: left
}

.t-p-dropdown .t-p-dd-label {
  line-height: 2.5em
}

.chevron_right {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

.chevron_left {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg)
}

.page-back,.page-next {
  color: #0177d6
}

.is-disabled.page-back,.page-next.is-disabled {
  color: rgba(1,119,214,.28);
  cursor: not-allowed
}

.is-disabled.page-back:focus,.is-disabled.page-back:hover,.page-next.is-disabled:focus,.page-next.is-disabled:hover {
  color: rgba(1,119,214,.28)
}

.page-back:focus,.page-back:hover,.page-next:focus,.page-next:hover {
  color: #0177d6
}

.page-back {
  margin-right: 12px
}

.viewchangePg--bottom-padding-change {
  padding-bottom: 73px
}

.error-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #0067b0
}

.error-footer p {
  margin: 0;
  color: #fff
}

.error-footer .row {
  margin: 4px 0
}

.error-footer a {
  margin-top: 10px
}

.columnMapPopup th {
  padding-top: 15px;
  padding-bottom: 15px
}

.columnMapPopup td {
  padding-top: 5px;
  padding-bottom: 5px
}

.sub-section-box {
  padding-top: 30px;
  background-color: #f5f5f5;
  position: relative
}

.optionalField .iconFix {
  right: 18px
}

.fixed-action-btn.noHover.active .is-action-btn-trigger i.icon,.home-page.active .is-action-btn-trigger i.icon {
  transform: rotate(0);
  margin: 0
}

.input-with-icon input {
  width: calc(100% - 27px);
  padding-right: 27px
}

.zipcode input[type=number]::-webkit-inner-spin-button,.zipcode input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0
}

.sec-header-add-btn {
  position: absolute;
  top: 19px;
  right: 20px
}

.fldFxdWrapper-left {
  margin-left: 250px;
  display: flex;
  transition: all .5s ease
}

.fldFxdWrapper-right {
  margin-right: 250px;
  display: flex;
  transition: all .5s ease
}

.fldFxdWrapper-left--sideBar {
  float: left;
  width: 250px;
  margin-left: -250px;
  position: relative
}

.fldFxdWrapper-right--sideBar {
  float: right;
  width: 250px;
  margin-right: -250px;
  position: relative
}

.fldFxdWrapper--sideBar--icon {
  position: absolute;
  top: .4286rem;
  right: .7143rem
}

.fldFxdWrapper--sidebar--count {
  width: 1.286rem;
  margin-right: .7143rem;
  display: inline-block
}

.fldFxdWrapper-content {
  width: 100%
}

.fldFxdWrapper-left--sideBar+.fldFxdWrapper-content {
  border-left: 1px solid #e5e5e5
}

.internalPageLink::before {
  margin-top: -70px;
  display: inline-block;
  content: "";
  visibility: hidden;
  height: 70px
}

.input-field label.label-common-color {
  color: rgba(0,0,0,.64)
}

.navMenuContainer .ui-sortable-helper {
  transition: none!important;
  cursor: move!important
}

.scrollingNav .collection-item .iconMedium {
  padding-bottom: 7px
}

.scrollingNav .collection-item span {
  font-size: .8rem
}

.searchSlide {
  transition: all .6s linear;
  -webkit-transform: translateY(-555px) translateX(0);
  transform: translateY(-555px) translateX(0)
}

header,smart-header {
  z-index: 999;
  position: relative
}

.extra-nav-wrap.Header--Search--Wrapper {
  height: 50px
}

.extra-nav-wrap.Header--Search--Wrapper-hide {
  height: 0;
  overflow: hidden;
  -webkit-transition: height 1s;
  -moz-transition: height 1s;
  transition: height 1s
}

.inline-divider {
  margin-left: 5px;
  margin-right: 5px
}

.action-bar-menu {
  float: right;
  margin-left: 20px
}

.square-legend {
  width: 18px;
  height: 18px;
  border: 1px solid #e5e5e5
}

.compr-view ins,.inserted-mark {
  background-color: #fded8d
}

.compr-view del,.removed-mark {
  background-color: #ffdbd9
}

.square-legend-label {
  margin-left: 10px
}

.action-block-template-content {
  border: 1px solid #e5e5e5;
  background-color: #fff;
  width: 189px;
  padding: 10px 10px 50px;
  text-align: left;
  display: inline-block;
  margin: 0 8px;
  position: relative;
  border-radius: 2px
}

.action-block-template-info {
  padding-top: 8px;
  color: #9e9e9e;
  font-size: 12px;
  overflow: hidden;
  min-height: calc(100% - 83px)
}

.action-block-template-chk {
  padding: 20px 0
}

.action-block-template-chk [type=checkbox]+label {
  font-size: 12px
}

.action-block-template-link {
  padding: 10px;
  position: absolute;
  left: 0;
  bottom: 0
}

.action-content-center {
  display: table;
  margin: 0 auto
}

@media only screen and (min-width: 1366px) {
  .action-block-template-content {
      width:250px;
      padding: 16px 16px 50px
  }

  .action-block-template-link {
      padding-left: 16px;
      padding-right: 16px
  }
}

@keyframes docListViewSlideDown {
  0% {
      transform: translateY(-30%)
  }

  100% {
      transform: translateY(0)
  }
}

.docList-view-slide-down {
  animation: .5s docListViewSlideDown
}

.attachIconNum {
  text-align: center;
  margin-top: 35px
}

.attachIconNum a {
  position: relative;
  display: inline-block
}

.attachIconNum a .small-notification-bubble {
  height: 16px;
  width: 16px;
  background-color: #e6e6e6;
  color: #212121;
  top: -6px;
  right: -6px;
  padding: 0;
  font-size: 12px;
  cursor: default
}

.attachIconNum a .small-notification-bubble.guildline-notification-bubble {
  background-color: #0177d6;
  color: #fff
}

.commentFieldContainer pre {
  top: -14px
}

.vertical_tab_footer_comment_input .commentField {
  padding: 0
}

.sub-section-close-icon {
  right: 10px;
  position: absolute;
  top: 10px;
  cursor: pointer;
  z-index: 1
}

.manageCol-tbl--type-nameTd>span>.dropdown-button {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 70%
}

.radio-block>div>div>div {
  float: none!important;
  display: block!important;
  margin: 5px 0 5px 10px!important
}

.listHolder .listHolder-width200 {
  width: 200px
}

.fullHeight {
  height: 100%
}

.extendBg {
  background: #fff;
  min-height: calc(100% - 50px)
}

.extendBg.reportPg {
  min-height: 100%
}

.reportPg .chartColumn {
  overflow: hidden
}

.reportPg .wrapper--withSidebar-cnt {
  height: 100%;
  overflow: auto
}

.reportPg .breadcrumb {
  padding: 10px;
  color: #9e9e9e;
  border-bottom: 1px solid #eee;
  font-size: 12px
}

.reportPg .wj-psuedo-scroll {
  overflow-x: auto
}

.reportPg .wijmo-button-cont {
  margin-bottom: 5px
}

.reportPg .wijmo-button {
  border: 2px solid #0067b0;
  outline: 0;
  background: #fff;
  margin-right: 3px
}

.reportPg .wijmo-button.selected,.reportPg .wijmo-button.selected:hover {
  background: #0067b0;
  color: #fff
}

.reportPg .wijmo-button:hover {
  background: #f0f0f0
}

.reportPg .wj-state-sticky {
  margin-top: 91px
}

.reportPg .wj-header {
  font-weight: 400
}

.reportPg .wj-pivotgrid .wj-cell.wj-aggregate {
  font-weight: 400;
  color: #222
}

.reportPg .wj-content,div[wj-part=cells] {
  color: #666
}

.extra-nav-title--text .report-name {
  width: 250px
}

.extra-nav-title--text .report-name label {
  color: #fff!important
}

.extra-nav-title--text .report-nav-cancel:hover {
  text-decoration: none
}

.smart-report-radio input {
  margin: 0!important
}

.smart-report-radio .readonly-value-manager {
  margin-top: 0;
  border-bottom: 1px solid #e0e0e0
}

.reportDate .yt-between-dropdown {
  width: 16%;
  padding-right: 5px!important
}

.panelBox-chart .chart-validation-info {
  height: 92px
}

.panelBox-chart .disable-chart {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%)
}

.panelBox-chart .chart-selection-display .pie-chart-section {
  display: block;
  margin: 20px auto
}

.panelBox-chart .chart-selection-display {
  font-size: 0
}

.subHeaderFixedPlaceHolder {
  padding-top: 52px
}

.subHeaderPlusBandFixedPlaceHolder {
  padding-top: 94px
}

.subHeaderBandFixedForCatSearch {
  padding-top: 164px
}

.catpopup-title,.catpopup-title:focus {
  background: 0 0;
  border: 0;
  color: #0177d6;
  padding: 0
}

.user-profile {
  height: auto;
  width: 80%;
  margin: 0;
  position: relative
}

.img-editing {
  position: absolute;
  right: 6%;
  top: 74%;
  padding: 2%;
  border-radius: 50%;
  background: #0067b0;
  cursor: pointer
}

.overL {
  display: none
}

.user-profile.is-profile-pic:hover .overL {
  display: block;
  background-color: #645e5e!important;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: .5;
  border-radius: 50%
}

.user-profile.is-profile-pic:hover .overL i {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -12px;
  margin-left: -12px
}

.table-body .table-body-row,.table-header {
  border-bottom: 1px solid #d0d0d0;
  margin: 0
}

.table-view {
  width: 100%;
  display: table
}

.table-header .table-header-column {
  padding: 15px 5px;
  display: table-cell;
  vertical-align: middle;
  border-radius: 2px;
  font-weight: 400;
  color: #5e5e5e;
  font-size: .8571rem
}

.table-body .table-body-row .table-body-row-cell:first-child,.table-header .table-header-column:first-child {
  padding-left: 20px
}

.table-body {
  display: inline-block;
  width: 100%
}

.table-body .table-body-row .table-body-row-cell {
  padding: 15px 5px;
  display: table-cell;
  vertical-align: middle;
  border-radius: 2px;
  font-weight: 400;
  color: #3b3b3b
}

.custom-label {
  margin-bottom: 5px;
  font-size: 12px;
  color: #9e9e9e
}

.dropdown-content-header .title {
  padding-left: 4px
}

.avatarWithImgThumbnail {
  float: left;
  width: 98px;
  height: 98px;
  border: 1px solid #e0e0e0;
  margin-left: -57px;
  background: #fff
}

.avatarWithImgThumbnail img {
  max-height: 100%;
  max-width: 96px;
  margin: 0 auto
}

.avatarWithImgContent {
  padding-left: 63px
}

.tree-component .tree-view-str li ul {
  padding-left: 30px
}

.tree-component .tree-view-str li .tree-view-str-item {
  padding-left: 53px;
  position: relative
}

.tree-component .tree-view-str li .tree-view-str-item i {
  position: absolute;
  height: 24px;
  width: 24px;
  left: 21px;
  top: 8px
}

.splitView,.textbox-with-icon {
  position: relative
}

.tree-view-str li li .tree-view-str-item .tree_view_content_icon,.tree-view-str-item .tree_view_content_icon {
  right: 21px;
  left: auto
}

.tree_view_content .tree_view_content_title {
  margin-top: 8px;
  width: calc(100% - 50px);
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #000;
  white-space: nowrap
}

.modal .modal-footer_new {
  min-height: 52px
}

.dropdown-title .select-wrapper input.select-dropdown {
  margin: 0
}

.select-wrapper input.select-dropdown {
  padding-right: 24px;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  text-overflow: ellipsis
}

.add-new-row {
  float: right;
  margin-right: 15px
}

.listCont {
  margin-left: 120px
}

.drop-box {
  background: #F8F8F8;
  border: 1px dashed #DDD;
  width: auto;
  text-align: center;
  padding-top: 25px;
  height: auto;
  min-height: 110px
}

.progress-bar,.uploaded {
  height: 14px;
  border-image: initial
}

.dragover .drop-box {
  border: 1px dashed #00f
}

.progress-bar {
  width: 300px;
  border-radius: 10px;
  border: 1px solid #CCC;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#66c),to(#4b4b95))
}

.uploaded {
  padding: 0;
  border-radius: 10px;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#6c0),to(#4b9500));
  width: 0
}

li.upload-files {
  display: block;
  float: left;
  width: 100%;
  padding: 15px 0;
  border-bottom: 1px solid #e5e5e5
}

li.upload-files li:first-child {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 180px
}

li.upload-files li {
  float: left
}

.textbox-with-icon input {
  padding-right: 25px;
  box-sizing: border-box
}

.textbox-with-icon .icon.iconSmall svg {
  cursor: pointer
}

.emailLogTblHdrWrap {
  width: 100%;
  overflow: hidden
}

.redio-chanel label {
  margin: 0
}

.contentPreviousBtn {
  border: 1px solid #0177d6;
  cursor: pointer;
  color: #0177d6;
  display: inline-block
}

.contentPreviousBtn--active {
  border: 1px solid #b2b2b2;
  color: #b2b2b2
}

.splitView .refHolder {
  background-color: #ccc;
  text-align: center
}

.splitView .contentHolder {
  position: fixed;
  bottom: 88px;
  margin: 0 15px;
  background-color: #fff;
  width: calc(100% - 30px);
  -webkit-box-shadow: 0 0 2px 0 #666;
  box-shadow: 0 0 2px 0 #666
}

.splitView .for-scanned-invoice {
  position: fixed;
  bottom: 73px;
  top: 155px;
  left: 0;
  right: 0;
  overflow: auto;
  padding-bottom: 273px
}

.fadeIn {
  -webkit-transition: opacity 2s ease-in;
  -moz-transition: opacity 2s ease-in;
  -o-transition: opacity 2s ease-in;
  -ms-transition: opacity 2s ease-in;
  transition: opacity 2s ease-in;
  opacity: 1
}

.fadeOut {
  -webkit-transition: opacity 2s ease-in;
  -moz-transition: opacity 2s ease-in;
  -o-transition: opacity 2s ease-in;
  -ms-transition: opacity 2s ease-in;
  transition: opacity 2s ease-in;
  opacity: 0
}

.opacity1 {
  opacity: 1;
  transition: opacity .5s ease-in-out
}

.opacity0 {
  opacity: 0!important
}

.tab-action-bar-container {
  width: 100%;
  float: left;
  padding: 10px 12px 8px;
  position: relative;
  z-index: 550;
  background: #fff
}

.alert-bar--with-button {
  line-height: 38px
}

.alert-bar {
  height: 40px
}

.alert-bar .icon.icon-style {
  height: 30px!important;
  cursor: default
}

.alert-bar-wrap {
  width: 100%;
  float: left;
  position: relative;
  z-index: 500
}

.alert-bar-wrap.container .row {
  margin: 0
}

.alert-bar-wrap.container .row .col {
  padding: 0
}

.alert-bar-wrap.alert-bar-animation {
  margin-top: -40px;
  transition: all ease-out .2s
}

.alert-bar-wrap.alert-bar-fadeIn {
  margin-top: 0
}

.alert-bar-wrap .dropdown-wrap {
  width: 60px;
  margin: 5px 10px 0
}

.alert-bar-wrap .dropdown-wrap .input-field input[type=text].select-dropdown {
  margin: 0;
  border-bottom: none
}

.alert-bar-wrap .dropdown-wrap .input-field .select-wrapper span.caret i {
  line-height: normal
}

.item-details-template-wrap .tabparent-container {
  position: relative;
  z-index: 100;
  float: none!important
}

.item-details-template-wrap .row.tabs-vertical .tabparent-container {
  position: static;
  float: left!important
}

.cursorZoomIn {
  cursor: zoom-in
}

.cursorZoomOut {
  cursor: zoom-out
}

.searchWrapper .smart1-search-wrap-setectbox {
  float: left;
  height: 3.5rem;
  padding-top: 1rem;
  position: absolute
}

.smart1-search-drop-arrow {
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  border-top: 5px solid #FFF;
  position: absolute;
  right: 9px;
  top: 9px
}

.smart1-search-recent-dropdown {
  position: absolute;
  background: #FFF;
  color: #000;
  left: 0;
  z-index: 4
}

.smart1-navigation .smart1-search-recent-dropdown {
  top: 22px;
  width: 212px;
  padding: 10px;
  border: 1px solid #e7e7e7
}

.searchWrapper .smart1-search-recent-dropdown {
  top: 3.4rem;
  padding: 10px 10px 10px 20px;
  width: 100%;
  border-top: 1px solid #e7e7e7
}

.searchWrapper .smart1-search-suggest-dropdown {
  margin-top: 3.5rem
}

.searchWrapper .smart1-search-recent-list {
  font-size: 14px;
  margin-top: 5px
}

.searchWrapper .smart1-search-recent-list .smart1-search-recent-list-item {
  padding: 5px 0;
  word-wrap: break-word
}

.reach-us {
  margin-top: 5px;
  float: left
}

.savedViews {
  position: relative;
  width: 100%;
  float: left
}

.savedViews .truncate {
  padding-right: 50px;
  display: inline-block;
  max-width: 85%;
  float: left
}

.savedViews .defaultTxt {
  margin-left: -44px;
  float: left;
  margin-top: 3px
}

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

.paddingLR0 {
  padding-left: 0!important;
  padding-right: 0!important
}

.compareLnk {
  position: absolute;
  top: 50%;
  transform: translateY(-50%)
}

.tabs-vertical {
  padding-left: 301px;
  min-height: 300px
}

.tabs-vertical .tabparent-container {
  margin-left: -301px!important;
  width: 301px!important;
  padding: 0;
  box-shadow: none;
  border: 1px solid #e5e5e5!important;
  border-left: none!important;
  min-height: 300px
}

.addLines-modal .tabs-vertical .tabparent-container {
  min-height: 450px
}

.tabs-vertical .tabparent-container .tabparent {
  width: auto!important
}

.tabs-vertical .tabs {
  flex-direction: column;
  height: auto!important
}

.tabs-vertical .tabs .tab.active a {
  color: #0177d6
}

.tabs-vertical .tabs .tab a {
  text-align: left;
  font-weight: 400;
  color: #191919;
  float: left
}

.tabs-vertical .tabs .tab a.active {
  border: none!important
}

.tabs-vertical .tabs .tab>a.active {
  border-left: 2px solid #0177d6!important;
  background: #f5f5f5;
  color: #0177d6
}

.tabs-vertical .tabs .tab>a {
  border-left: 2px solid transparent!important
}

.tabs-vertical .tabs .tab>div {
  float: left;
  width: 100%
}

.tabs-vertical .tabs .tab>div.active {
  border-left: 2px solid #0177d6;
  border-bottom: 0;
  background: #f5f5f5;
  color: #0177d6
}

.tabs-vertical .tabs .tab>div.active a {
  color: #0177d6
}

.tabs-vertical .tabparent-container~div {
  float: left;
  border: 1px solid #e5e5e5;
  overflow: hidden;
  height: 300px;
  border-left: 0;
  width: 100%
}

.addLines-modal .tabs-vertical .tabparent-container~div {
  height: 450px
}

.addLines-modal .tabs-vertical .tabparent-container~div .scroll-wrapper>.scroll-content {
  height: 450px!important
}

.panelBox-chart .tabs-vertical .tabparent-container~div {
  height: 329px
}

.tabs-vertical .tabparent-container~div .chart-error-msg {
  height: 35px;
  background: #ffdada;
  font-size: 12px;
  line-height: 35px;
  text-align: center
}

.top-fields-filter .tabs-vertical,.top-fields-filter .tabs-vertical .tabparent-container {
  min-height: 150px
}

.top-fields-filter .tabs-vertical .tabparent-container~div {
  height: 200px
}

.tabs-vertical .tabs .tab {
  border-bottom: 1px solid #e5e5e5;
  float: left
}

.tabs-vertical .tabs .tab:last-child {
  border-bottom: 0
}

.tabs-vertical .tabs .indicator {
  display: none!important
}

.tabHolderWrap .tabs-vertical {
  float: left
}

.tabHolder {
  float: left;
  width: calc(100% - 301px)
}

.sectionCntFull {
  margin: 0 -10px
}

.supplierView .tabparent-container {
  display: none
}

.panelBox--filter .tabs-vertical .tabparent-container,.panelBox--filter .tabs-vertical .tabparent-container~div,.panelBox-chart .tabs-vertical .tabparent-container,.panelBox-chart .tabs-vertical .tabparent-container~div {
  border-width: 0 1px!important
}

.panelBox--filter .tabs-vertical,.panelBox-chart .tabs-vertical {
  margin: 0
}

.sub-header-title {
  padding-top: 8px;
  display: inline-block;
  padding-left: 8px
}

.stepper-container-step .step-state svg {
  width: 18px;
  height: 18px
}

.award-stepper-parent-container {
  width: 100%;
  background-color: #fff;
  z-index: 500;
  top: 50px;
  left: 0
}

.stepper-container {
  width: 100%;
  background-color: #fff;
  padding: 20px;
  line-height: 24px;
  border-bottom: 1px solid #e5e5e5;
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  display: -moz-flex;
  display: -o-flex
}

.stepper-container-step {
  flex-grow: 1;
  -webkit-flex-grow: 1;
  -ms-flex-grow: 1;
  -moz-flex-grow: 1;
  -o-flex-grow: 1;
  flex-basis: 0;
  -webkit-flex-basis: 0;
  -ms-flex-basis: 0;
  -moz-flex-basis: 0;
  -o-flex-basis: 0;
  position: relative;
  z-index: 1
}

.stepper-container-step::after {
  content: "";
  position: absolute;
  display: block;
  width: calc(100% - 10px);
  height: 1px;
  top: 50%;
  left: 0;
  background-color: #e0e0e0;
  z-index: -1
}

.stepper-container .stepper-container-step:last-child::after {
  content: none
}

.stepper-container-step .step-state {
  display: inline-block;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  vertical-align: middle;
  text-align: center;
  color: #fff;
  cursor: pointer;
  background-color: #0177d6
}

.stepper-container-step .step-state-title {
  padding: 0 10px;
  display: inline-block;
  vertical-align: middle;
  background-color: #fff;
  margin-left: -3px;
  cursor: pointer
}

.stepper-container-step.active .step-state-title {
  font-weight: 700
}

.stepper-container-step.disable .step-state {
  background-color: #9e9e9e;
  cursor: default
}

.stepper-container-step.disable .step-state-title {
  color: #9e9e9e;
  cursor: default
}

.panel-content-iteamList-item .iteamList-groupItem-content-chk {
  float: left;
  margin-top: 2px
}

.manage-border {
  border-bottom: 1px solid #e0e0e0
}

.optionalFieldInPopup .labelForTextField {
  max-width: calc(100% - 60px);
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: top
}

.optionalFieldInPopup .optionalFieldTxt {
  font-style: italic;
  font-size: 12px;
  margin-left: 5px;
  color: rgba(0,0,0,.64);
  cursor: default;
  display: inline-block;
  margin-bottom: 1px
}

.optionalFieldInPopup .active .optionalFieldTxt {
  margin-top: 0
}

.hierarchylinktxt.cbuOptnField .optionalFieldTxt {
  display: inline-block;
  margin-top: 7px
}

.hierarchylinktxt .optionalFieldTxt,.search-flag,.section-card-slider .card-slider .slick-dots li.slick-active:after {
  display: none
}

.preview-placeholder {
  height: 400px;
  border: 1px solid #e0e0e0;
  text-align: center
}

.notification-tab .input-field {
  margin-bottom: 15px
}

.notification-tab hr {
  border-bottom: 1px dotted #ccc;
  margin: 15px 0
}

.notification-tab .notification-container {
  padding: 0 13px
}

.notification-tab .wrapper--withSidebar {
  border-left: 1px solid #e0e0e0
}

.notification-tab .selectDivisionPopup .redio-chanel,.notification-tab .selectEntityPopup .redio-chanel {
  float: none!important;
  margin-bottom: 10px
}

.desistement {
  font-size: 10px;
  border-top: 1px solid #ccc;
  padding: .7rem 0;
  float: left
}

.section-card-slider .card-slider .slick-next {
  right: -11px
}

.section-card-slider .card-slider .slick-dots li {
  opacity: .75;
  width: 16px;
  height: 16px;
  margin-bottom: 0;
  padding: 4px;
  box-shadow: inset 1px 3px 6px #e7e7e7;
  border: 1px solid #e5e5e5
}

.section-card-slider .card-slider .slick-dots li.slick-active {
  background: #0177d6;
  box-shadow: none
}

.team-member-container .slick-list.draggable {
  margin-bottom: 40px
}

@media all and (max-width: 1920px) and (min-width:1080px) and (-ms-high-contrast:none),(max-width:1920px) and (min-width:1080px) and (-ms-high-contrast:active) {
  .team-member-container {
      margin:0 -11px!important
  }

  .slick-prev {
      left: 41px!important
  }

  .slick-next {
      right: 41px!important
  }

  .slick-dots {
      bottom: -20px!important
  }

  .team-card-content {
      margin-left: 36px!important
  }
}

@media all and (max-width: 1366px) and (min-width:768px) and (-ms-high-contrast:none),(max-width:1366px) and (min-width:768px) and (-ms-high-contrast:active) {
  .slick-next {
      right:0!important
  }

  .team-card-content {
      margin-left: 0!important
  }

  .slick-dots {
      bottom: -40px!important
  }
}

@media all and (max-width: 960px) and (min-width:768px) and (-ms-high-contrast:none),(max-width:960px) and (min-width:768px) and (-ms-high-contrast:active) {
  .team-card-content {
      margin-left:19px!important
  }

  .slick-next {
      right: -11px!important
  }

  .slick-dots {
      bottom: -50px!important
  }
}

.section-card-slider #slider-height {
  margin: 0!important
}

.section-card-slider .card-page-container {
  min-height: 0
}

@media (max-width: 1920px) and (min-width:1080px) {
  .section-card-slider .card-page-container {
      min-height:0;
      margin-left: 20px
  }
}

@media (max-width: 1366px) and (min-width:768px) {
  .section-card-slider .card-page-container {
      min-height:0;
      margin-left: 0
  }
}

.teamMemberHdrSearch.searchSlideMain {
  width: calc(100% - 116px);
  right: 50px;
  top: 0
}

.teamMemberHdrSearch .searchWithHiddenTextField .search-icon {
  top: 11px
}

.listTbl--withChk {
  padding-left: 35px
}

.listTbl-chk {
  margin-left: -32px;
  margin-top: 0
}

.listTbl-meta {
  font-size: 12px;
  color: #757575
}

.tabparent-container {
  box-shadow: 0 3px 5px 0 rgba(0,0,0,.2);
  border-bottom: none!important
}

.custum-backdrop {
  color: #969696!important;
  overflow: visible
}

.custum-backdrop .backdropWrap {
  overflow: hidden;
  height: 100%;
  width: 100%;
  position: absolute;
  border: 1px solid #e0e0e0
}

.custum-backdrop .backdrop {
  background: #fbfbfb;
  border: none;
  border-radius: 0!important
}

.custum-backdrop .tooltip-arrow {
  border-left: 5px solid #fbfbfb
}

#tabMatLineTReqSending.dropdown-content li:hover {
  background: 0 0
}

.commentFieldContainer {
  margin-top: 0;
  padding: 10px 10px 30px!important
}

.info-bar,.vertical-tabs-content,.vertical_tab_content_wrapper {
  padding: 0
}

.commentFieldContainer textarea.materialize-textarea {
  border-bottom: none!important;
  margin: 0;
  padding: 0
}

.cfComment,.sfComment {
  height: 90px
}

.cfComment .materialize-textarea,.sfComment .materialize-textarea {
  min-height: 65px;
  max-height: 65px!important;
  margin-top: 0;
  border-bottom: none!important;
  box-shadow: none!important
}

.comment-poup-content .other_user_comment .user_comment_container:first-child,.comment-poup-content .user_comment .user_comment_container:first-child {
  width: 80%
}

.info-bar {
  position: relative
}

.info-bar ul {
  padding: 5px 20px
}

.info-bar .alert-bar--with-button {
  padding: 2px 25px;
  line-height: 53px
}

.tree-view .row {
  margin-bottom: 0
}

.info-message {
  font-style: italic;
  font-size: 14px;
  line-height: 16px
}

.info-message p {
  vertical-align: middle
}

.modal-footer-chk {
  line-height: 48px
}

[type=radio]:checked+label,[type=radio]:not(:checked)+label {
  height: 26px;
  line-height: 26px
}

.multi-org .model_body {
  position: relative;
  overflow: hidden
}

.multi-org .modal-header {
  padding: 15px 20px
}

.multi-org .search-panel {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 10
}

.multi-org .search-list li span {
  display: inline-block;
  margin-right: 10px
}

.multi-org .search-list li span::after {
  content: " > ";
  margin-left: 10px
}

.multi-org .search-list li span:last-child::after {
  display: none
}

.multi-org .searchSlideMain--inputBdrBNone input {
  border-bottom: 1px solid #e5e5e5!important
}

.multi-org .circle-loading-container {
  margin: 21% auto;
  display: table;
  width: 18px
}

.multi-org .searching {
  border-top: 1px solid #e0e0e0
}

.multi-org .search-list-header {
  background: #f5f5f5
}

.multi-org smartRadioLableoHeight-tabs-content {
  min-height: 380px!important
}

.tree-view-str-item {
  position: relative
}

.tree-view-str-item a {
  position: absolute;
  left: 10px;
  top: 15px
}

.tree-view-str-item i {
  color: #757575;
  margin-right: 11px!important;
  position: absolute;
  left: 5px
}

.tree-view-str-item i.icon-check {
  left: unset;
  right: 0
}

.tree-view-str li li .tree-view-str-item {
  padding-left: 85px
}

.tree-view-str li li .tree-view-str-item i {
  left: 40px
}

.tree-view-str li li .tree-view-str-item i.icon-check {
  left: unset;
  right: 0
}

.tree-view-str li li .tree-view-str-item a {
  left: 60px
}

.tree-view-str li li li .tree-view-str-item {
  padding-left: 110px
}

.tree-view-str [type=checkbox]+label,.tree-view-str [type=radio]+label {
  margin-top: 6px
}

.tree-view-str [type=radio]:checked+label,.tree-view-str [type=radio]:not(:checked)+label {
  padding-left: 35px
}

.typeahead-description-text {
  display: block;
  padding: 1px 0 0 35px;
  color: #9e9e9e;
  font-size: 12px
}

.catpopup-title.typeahead-lookup-sel-title {
  display: inline-block;
  width: 100%;
  cursor: default
}

.titleless-typeahead label,[type=radio].with-gap:checked+label.default-icon-container:after,[type=radio].with-gap:checked+label.default-icon-container:before,[type=radio]:not(:checked)+label.default-icon-container:after,[type=radio]:not(:checked)+label.default-icon-container:before {
  display: none
}

.listmoreTxt,.lookup-popup .input-field .listmoreTxt {
  float: left;
  padding: 5px 0 0
}

.readOnlyField.fielddata1 .catpopup-title a,.readOnlyField.fielddata1 .catpopup-title.typeahead-lookup-sel-title {
  color: #757575;
  cursor: text
}

.listerrortxt {
  float: left;
  clear: both;
  color: #f44336;
  font-size: 12px
}

.truncate.hierarchyTitle,.truncate.typeaHeade-title {
  margin: 5px 5px 0 0;
  float: left;
  max-width: 98%
}

.fielddata2 .truncate.hierarchyTitle,.fielddata2 .truncate.typeaHeade-title {
  max-width: calc(100% - 85px)
}

.smartReportRadioLable {
  min-width: 400px
}

.mgrTask table .fielddata2 .truncate.hierarchyTitle,.mgrTask table .fielddata2 .truncate.typeaHeade-title {
  max-width: calc(100% - 65px)
}

.inline-pipe {
  font-size: 16px;
  color: #e0e0e0;
  margin-left: 15px;
  margin-right: 15px
}

.help-center .collection li {
  line-height: 30px;
  padding: 0 15px
}

.help-center .collection li span {
  display: inline-block;
  line-height: 20px
}

.help-center .collection li a {
  padding: 0;
  line-height: 14px;
  color: #84c7fd
}

.help-center .collection li div {
  line-height: 16px
}

.help-center .collection li .support-li {
  background-color: #01365c;
  padding: 5px 10px;
  margin-bottom: 4px;
  box-sizing: border-box;
  float: left;
  width: 100%
}

.help-center .collection li .support-li .number-list {
  width: 165px;
  float: right
}

.help-center .collection li .support-li .country-list {
  width: 86px
}

.help-center .collection li .title.support-title {
  box-shadow: 0 3px 6px rgba(0,0,0,.23);
  background: #004c82
}

.help-center .collection li:hover {
  background: 0 0
}

.help-center .scroll-element.scroll-y .scroll-element_outer .scroll-element_track {
  background-color: transparent
}

.help-center .scroll-element.scroll-y .scroll-element_outer .scroll-bar {
  background-color: #4d95c8;
  opacity: 1
}

.help-center .title.support-title {
  box-shadow: 0 3px 6px rgba(0,0,0,.23);
  background: #004c82;
  height: 48px;
  padding: 10px 15px 0
}

.help-center span {
  line-height: 20px;
  float: left
}

.help-center .nav-bottom-stick span {
  height: 47px;
  line-height: 47px
}

.help-center .title {
  font-size: 16px;
  padding: 5px 15px 10px;
  line-height: normal
}

.email-info {
  margin-top: 15px
}

.email-info li {
  margin-bottom: 15px
}

.dropdown-content li .multiple-menu-action a {
  font-size: 1rem;
  color: #0177d6;
  display: block;
  padding: 1rem
}

.dropdown-content li .multiple-menu-action.active,.dropdown-content li .multiple-menu-action.selected,.dropdown-content li .multiple-menu-action:hover {
  background-color: #eee
}

.hiddenSearchHolder {
  position: relative;
  float: right;
  width: 6%;
  transition: 2s
}

.hiddenSearchHolder .search-icon1 {
  margin-left: -25px;
  padding: 0;
  float: left;
  line-height: 21px;
  height: 23px
}

.hiddenSearchHolder .searchFieldHolder {
  position: absolute;
  width: 100%;
  background: #fff;
  float: right;
  padding-left: 25px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box
}

.hiddenSearchHolder .input-field {
  margin-right: 20px;
  margin-top: 0
}

.hiddenSearchHolder .input-field input {
  height: 1.5rem;
  margin-top: 0
}

.hiddenSearchHolder .cancel-icon1 {
  float: right;
  margin-top: -31px;
  padding: 0
}

.paginationWrapper .pagination {
  float: right;
  padding: 15px 20px 0 0;
  width: auto;
  margin: 0
}

.paginationWrapper .pagination li {
  font-size: 1rem;
  padding: 0
}

.paginationWrapper .pagination li a {
  padding: 0 3px;
  line-height: 30px;
  border-radius: 30px;
  display: inline-block;
  width: 32px;
  color: #03ACFF
}

.notification-content a,.popup-notification-content a {
  line-height: 25px
}

.paginationWrapper .range-label {
  padding: 24px 10px 0 5px;
  display: inline-block;
  color: #5e5e5e;
  float: right
}

.paginationWrapper .pagination li.active {
  background-color: #fff
}

.paginationWrapper .pagination li.disabled a {
  color: #999
}

.paginationWrapper .pagination li.active a,.paginationWrapper .pagination li.active a:focus,.paginationWrapper .pagination li.active a:hover {
  background-color: #e5e5e5;
  font-weight: 700;
  color: #323232
}

.paginationWrapper .pagination li:nth-child(1),.paginationWrapper .pagination li:nth-child(2),.paginationWrapper .pagination li:nth-last-child(1),.paginationWrapper .pagination li:nth-last-child(2) {
  font-size: 1.4rem
}

.paginationWrapper .rowsToShow {
  float: left;
  padding: 18px 5px 0 36px;
  color: #5e5e5e
}

.paginationWrapper .rowsToShow select {
  display: inline-block;
  padding: 0;
  width: 45px;
  height: 2rem;
  border: 0
}

input.paginationWithError,input.paginationWithError:focus {
  border-bottom: 1px solid red!important;
  box-shadow: 0 1px 0 0 red!important
}

input.paginationInputText {
  width: 25px!important;
  padding: 0 5px!important;
  text-align: right
}

input.paginationWithError {
  width: 25px;
  padding: 0 5px
}

.paginationWrapper .pagination.paginationContainer {
  padding: 0 20px 0 0
}

.contractLangDropdown {
  padding-top: 6px
}

.selectPaginationDropDown {
  width: 225px;
  padding-top: 5px
}

.selectPaginationDropDown .input-field {
  margin-bottom: 0!important
}

.selectPaginationDropDown .select-wrapper input.select-dropdown {
  padding-top: 8px;
  height: 32px!important
}

.noResultsBar-cell {
  text-align: center;
  padding: 30px
}

.fadeOutWithEaseOut {
  opacity: 0;
  transition: opacity 2s ease-in-out;
  -webkit-transition: opacity 2s ease-in-out;
  -moz-transition: opacity 2s ease-in-out;
  -ms-transition: opacity 2s ease-in-out;
  -o-transition: opacity 2s ease-in-out
}

.noTransition {
  transition: none!important
}

.preview-section {
  margin-bottom: 0;
  padding: 20px 0
}

.preview-section-title {
  font-size: 16px;
  padding: 0 10px;
  margin-bottom: 20px
}

.preview-section-sub-title {
  font-size: 14px;
  padding: 0 10px;
  margin-bottom: 20px
}

.preview-section-table {
  border: 1px solid #e0e0e0
}

.preview-section-table td,.preview-section-table th {
  padding: 5px 20px;
  border: 1px solid #e0e0e0;
  border-top: none
}

.preview-section-table th {
  height: 47px
}

.preview-section-table.vertical-col th {
  height: auto
}

.template-viewPreview .modal-preview {
  width: 900px
}

.template-viewPreview .slide-view-modal-next {
  right: 47%
}

.template-viewPreview .slide-view-modal-previous {
  left: 47%
}

.width88P {
  width: 88%
}

.width70P {
  width: 70%
}

.noReseultsSearch.searchSlideMain {
  width: calc(100% - 75px);
  right: 13px
}

.manage-panel-iteamList-item.panel-content-iteamList-item.selected {
  border-right: 2px solid #0177d6;
  color: #0177d6
}

.manage-panel-iteamList-item.panel-content-iteamList-item.selected a {
  color: #0177d6
}

.manage-panel-iteamList-item.panel-content-iteamList-item a {
  color: #000
}

.sandpAddBtn a {
  padding: 0
}

.sandpList {
  padding: 20px 0;
  position: relative;
  margin: 0;
  border-bottom: 1px solid #e0e0e0
}

.sandpList .sandpList-item {
  padding-left: 50px
}

.sandpList .sandpList-item .sandpList-chk {
  float: left;
  margin-left: -40px
}

.sandpList-item-title {
  float: left;
  width: 100%
}

.sandpList .sandpAttribute {
  padding: 5px 0
}

.notification-content,.popup-notification-content {
  border-bottom: 1px solid #e0e0e0;
  padding: 15px 24px!important
}

.sandpHeaderSearch {
  width: calc(100% - 100px)
}

.sTable .table-status-legend {
  margin: 0 auto;
  float: none;
  display: inline-block
}

.notification-content span,.popup-notification-content span {
  margin-top: 5px
}

.notification-content {
  border-top: 1px solid #e0e0e0
}

.notification-content-wrapper {
  margin-top: 20px
}

.switch span {
  font-size: 14px
}

.btn-flat:focus,.btn-flat:hover,.whiteSecondaryBtn .btn:not(.disabled):focus,.whiteSecondaryBtn .btn:not(.disabled):hover {
  outline: 0;
  color: rgba(1,119,214,.8);
  background: #ebf4fc
}

.btn-flat.waves-effect.waves-light .waves-ripple,.whiteSecondaryBtn .btn:not(.disabled).waves-effect.waves-light .waves-ripple {
  background: #e0eefa
}

.navigation-links {
  line-height: 45px;
  margin-left: 15px
}

.arrow-Dir--right {
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transition: all 2s;
  transition: all .5s
}

.arrow-Dir--btm {
  -ms-transform: rotate(0)!important;
  -webkit-transform: rotate(0)!important;
  transform: rotate(0)!important;
  -webkit-transition: all 2s;
  transition: all .5s
}

.checkboxWithIconGroup {
  overflow: hidden;
  height: 37px;
  width: 37px
}

.checkboxWithIcon {
  position: relative;
  height: 37px;
  width: 37px;
  -webkit-transition: all .5s ease-out;
  -moz-transition: all .5s ease-out;
  -o-transition: all .5s ease-out;
  -ms-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.checkboxWithIcon.showCheckboxOnly .inputField,.checkboxWithIcon:hover .inputField {
  display: block
}

.checkboxWithIcon.showCheckboxOnly .iconItem,.checkboxWithIcon:hover .iconItem,.collection .collection-item.avatar .checkboxWithIconGroup .checkboxWithIcon.showCheckboxOnly .circle.iconItem,.collection .collection-item.avatar .checkboxWithIconGroup:not(.hideCheckbox):hover .checkboxWithIcon .circle.iconItem {
  display: none
}

.collection .collection-item.avatar .checkboxWithIconGroup:hover .checkboxWithIcon .circle.iconItem.recent-documents-icon {
  display: block!important
}

.checkboxWithIcon .circle {
  height: 36px;
  width: 36px;
  border: 1px solid rgba(0,0,0,.38);
  color: rgba(0,0,0,.38);
  background: #fff;
  line-height: 29px;
  font-size: 1.3rem;
  text-align: center
}

.checkboxWithIcon .iconItem {
  position: absolute;
  top: 0;
  left: 0
}

.checkboxWithIcon .inputField {
  left: 50%;
  top: 50%;
  position: absolute;
  margin: -11px 0 0 -11px;
  display: none
}

.checkboxOnLanding {
  position: absolute;
  left: 20px
}

.collection .collection-item.avatar .checkboxWithIconGroup .checkboxWithIcon .circle {
  left: 0
}

.radio-tab-header {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  padding: 10px 18px
}

.radio-tab-content {
  padding: 14px 13px 13px
}

.rangeSliderBox {
  box-sizing: border-box;
  border: 1px solid #e3f4fe;
  background: #f7fbfe;
  padding: 0 .323rem 1.7143rem;
  min-height: 105px
}

.rangeSliderIndicators {
  position: relative;
  color: #94989b
}

.rangeSliderIndicators .max,.rangeSliderIndicators .min {
  top: 8px;
  position: absolute
}

.rangeSliderIndicators .max {
  right: 0;
  -webkit-transform: translateX(50%);
  -moz-transform: translateX(50%);
  -ms-transform: translateX(50%);
  -o-transform: translateX(50%);
  transform: translateX(50%)
}

.rangeSliderIndicators .min {
  left: 0;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%)
}

.not-sent-for-approval {
  color: #e2e2e2
}

.sidebar-tab-container .tabparent-container {
  border-bottom: 1px solid #e5e5e5!important;
  box-shadow: none;
  height: 48px
}

.sidebar-tab-container .sidebar-search-shadow {
  box-shadow: 0 1px 5px 0 rgba(0,0,0,.2);
  position: relative;
  z-index: 5
}

.blueOverlay {
  position: absolute;
  width: 100%;
  height: calc(100% - 45px);
  left: 0;
  top: 45px;
  background: #0067B0;
  z-index: 997
}

.blueOverlay>.container>.row {
  margin: 0!important
}

.blueOverlay .centered {
  margin-top: 13vh!important
}

.blueOverlay .overlayOkayButton {
  position: absolute;
  bottom: 15px;
  right: 20px
}

.blueOverlay .layOutProfileImage {
  width: 15vw;
  height: 15vw
}

.blueOverlay .sliderContainer {
  display: inline;
  float: left;
  position: relative;
  width: 100%
}

.blueOverlay h4 {
  margin-bottom: 0
}

.modal-header a:focus {
  border-radius: 50%
}

.modal-header a:focus i {
  width: 100%
}

.ui-grid-cell-container-with-icons {
  padding-right: 30px;
  width: 100%;
  float: left;
  position: relative
}

.ui-grid-cell>div.ui-grid-cell-container-with-icons {
  overflow: visible
}

.ui-grid-cell-container-name {
  width: 100%;
  float: left
}

.ui-grid-cell-container-icons {
  display: block;
  position: absolute;
  right: 0;
  height: 30px
}

.ui-grid-cell-container-icons .infotip-popover-element {
  height: 30px
}

.ui-grid-cell-container-icons .infotip-popover-element svg {
  margin-top: 4px
}

.popupWithChangeRadioButton [type=radio]+label:after,.popupWithChangeRadioButton [type=radio]+label:before {
  margin: 4px 0 0 -26px;
  position: relative;
  float: left
}

.popupWithChangeRadioButton pre {
  top: 0
}

.dropdown-content.dropdown-with-grp .dropdown-content-grp:hover {
  background: 0 0
}

.dropdown-content.dropdown-with-grp li {
  border-bottom: 1px solid #e0e0e0
}

.dropdown-content.dropdown-with-grp .dropdown-content-grp {
  padding: 0
}

.dropdown-content.dropdown-with-grp .dropdown-content-grp .dropdown-content-grp-title {
  padding: 10px 5px 10px 20px
}

.dropdown-content.dropdown-with-grp .dropdown-content-grp-list li {
  border-bottom: none
}

.width100P {
  width: 100%
}

.row-with-page-container {
  margin-left: -.75rem;
  margin-right: -.75rem;
  width: inherit
}

footer.page-footer-with-section {
  z-index: 0;
  background: #fff
}

.table-cont-full {
  margin: 0 -10px
}

.setting-page.hideFormSecNav .secondary-navigation {
  display: none
}

.setting-page.hideFormSecNav .editableMode {
  width: 100%!important
}

.setting-page.hideFormSecNav .collapsible-header {
  cursor: default
}

.setting-page .line-height-manager {
  margin-bottom: 0!important
}

.setting-page .card,.setting-page .z-depth-1 {
  box-shadow: none;
  -webkit-box-shadow: none
}

.setting-page .exchange-rate {
  margin: 20px 0 30px
}

.setting-page .exchange-rate .border-bottom {
  border-bottom: 1px solid #d0d0d0
}

.setting-page .scoring-view {
  margin-left: -10px
}

.setting-page li.disable-sort-item:first-child {
  padding-top: 0;
  border-top: none
}

.setting-page li.disable-sort-item {
  padding-top: 25px;
  border-top: 1px dashed #d0d0d0
}

.setting-page .is-fixed-on-top {
  padding-left: 20px;
  padding-right: 20px
}

.setting-page input[type=number]::-webkit-inner-spin-button,.setting-page input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0
}

table.bordered.no-last-border>tbody>tr:last-child {
  border: none
}

.questionnnaireWeightLockWidth .input-field label {
  right: 0;
  left: auto
}

.rangeSliderBxOverlay {
  position: absolute;
  top: 0;
  background: #fafafa;
  height: 105px;
  width: 333px;
  z-index: 9;
  opacity: .5
}

.sec-withoutBorder-dropdown input[type=text][readonly].select-dropdown {
  border: none;
  margin: 0
}

.sec-withoutBorder-dropdown .optionalField .select-wrapper {
  margin-top: 0!important
}

.award-summary-action-cont {
  padding: 40px 20px 0;
  border-bottom: 1px solid #e0e0e0
}

.lookupMsgBand {
  overflow: hidden;
  bottom: 0;
  opacity: 1;
  padding: 11px!important;
  z-index: 3;
  width: 100%
}

.dropdown-content .list-item-disabled a {
  color: #c2c2c2!important;
  cursor: default
}

.dropdown-content .list-item-disabled:hover {
  background: 0 0
}

.portal-supplier-desp {
  padding: 20px;
  border-bottom: 1px solid #e0e0e0
}

.supplier-logo-cont {
  float: left;
  width: 100%
}

.supplier-portal-logo {
  float: left;
  height: 40px
}

.supplier-portal-logo img {
  max-width: 100%
}

.portal-supplier-list {
  padding: 8px 0 5px 45px
}

.portal-supplier-list .rad-portal-supplier::after,.portal-supplier-list .rad-portal-supplier::before {
  top: 1px
}

.portal-supplier-list .rad-portal-supplier {
  margin-left: -41px
}

.collection.supplier-portal-collection {
  border: none
}

.collection.supplier-portal-collection .collection-item,.sidepanel-filter {
  border-right: 1px solid #e0e0e0
}

.collection.supplier-portal-collection .collection-item:last-child {
  border-bottom: 1px solid #e0e0e0
}

.supplier-portal-name {
  width: 100%;
  float: left;
  font-size: 12px
}

.manufaturer-detail-name {
  max-width: 220px
}

.manufaturer-detail-number,.manufaturer-detail-number-modal {
  max-width: 140px
}

.select-wrapper .select-dropdown .select-chips {
  padding: 0 5px;
  margin: .9rem 0;
  background: #c9c2c2;
  font-size: .8rem;
  border-radius: 50px
}

.select-wrapper .select-dropdown .select-chips::after {
  content: attr(data-chipsdata)
}

.select-wrapper .select-info-chips {
  padding: 0 5px;
  background: #c9c2c2;
  font-size: .8rem;
  border-radius: 50px;
  position: absolute;
  right: 15px;
  bottom: 5px
}

.bookmark-list .scrollbar-outer {
  height: calc(100% - 48px)
}

.bookmark-list .scrollbar-outer.scroll-content>div {
  min-height: 450px
}

.blank-section-message {
  display: table;
  margin: 0 auto;
  min-height: 150px;
  font-size: 14px;
  text-align: center
}

.blank-section-message span {
  display: table-cell;
  vertical-align: middle;
  color: #9e9e9e
}

.blank-card-section {
  min-height: 450px
}

.loader-center,.no-documents {
  display: table;
  text-align: center
}

.loader-center .circle-loading-container,.loader-center .no-documents-container,.no-documents .circle-loading-container,.no-documents .no-documents-container {
  display: table-cell;
  vertical-align: middle
}

svg use {
  pointer-events: none
}

.notifi-card-content-checkbox {
  margin-left: -5px;
  margin-bottom: 15px
}

.collection.section-collection-item p {
  padding: 0
}

input[type=text]+label+.character-counter {
  line-height: 12px;
  margin-top: -2px
}

.noRecord-container {
  height: calc(100% - 114px);
  position: absolute;
  top: 114px;
  width: 100%;
  text-align: center
}

.noRecord-container .noRecord-content {
  height: 100%
}

.noRecord-container .noRecord-message {
  position: relative;
  top: 50%;
  font-size: 1.2em;
  line-height: 30px;
  display: block;
  margin-top: -15px
}

.landingpage .noRecord-container {
  top: 170px;
  height: calc(100% - 170px)
}

.map-canvas {
  width: 100%;
  max-height: 480px;
  height: 100%
}

.gm-style {
  font-size: 12px!important;
  font-weight: 400!important
}

.gm-style-iw {
  top: 21px!important;
  left: 20px!important;
  width: 360px!important;
  overflow: visible!important
}

.mapinfocontainer {
  position: relative;
  padding: 50px 0;
  z-index: 1;
  margin-bottom: 10px;
  background: #fff
}

.icard-container.location-card {
  height: 365px;
  box-shadow: 0 3px 5px 0 rgba(0,0,0,.2)
}

.mapinfocontainer .icon>svg {
  width: 45px;
  height: 45px;
  margin: -21px 0 0
}

.highlight-error {
  background: #fbb
}

.scannedInvSheetContainer {
  position: fixed;
  bottom: 53px;
  left: 0;
  right: 17px
}

.pdfViewer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 73px;
  top: 154px;
  overflow: auto
}

.pdfViewer.is-footer-off {
  bottom: 0
}

.pdfViewer.is-header-off {
  top: 92px
}

.search-category {
  margin-left: 5px;
  color: #e47d18
}

.right-panel-filter-open {
  margin-left: 150px
}

.sidepanel-filter-wrapper {
  background-color: #fff;
  height: 100%;
  padding-bottom: 68px;
  margin-left: 85px
}

.sidepanel-filter {
  float: left;
  min-width: 85px;
  position: fixed;
  transition: width .5s ease;
  height: 100%;
  margin-left: -85px;
  z-index: 1
}

.sidepanel-filter-wrapper.sidepanel-filter-noIcons {
  margin-left: 0
}

.sidepanel-filter-wrapper.sidepanel-filter-noIcons .sidepanel-filter {
  width: 0;
  margin-left: 0
}

.sidepanel-filter-wrapper.sidepanel-filter-noIcons .sidepanel-filter .sidepanel-filter-itemList-item {
  padding: 0!important
}

ul.sidepanel-filter-itemList .scrollbar-outer.scroll-content>div {
  max-width: 100%!important
}

.sidepanel-filter-wrapper.sidepanel-filter-noIcons .right-panel-filter-open {
  margin-left: 235px
}

.sidepanel-filter-wrapper.sidepanel-filter-noIcons.sidepanel-filter-open .sidepanel-filter {
  width: 235px
}

.sidepanel-filter-wrapper.sidepanel-filter-noIcons.sidepanel-filter-open .sidepanel-filter .sidepanel-filter-itemList-item {
  padding: 5px 34px 5px 20px!important
}

.sidepanel-filter-open .sidepanel-filter {
  width: 245px!important
}

.sidepanel-filter-itemList {
  padding: 0;
  margin: 0;
  background-color: #f2f2f2;
  height: 100%
}

.sidepanel-filter-item-icon {
  margin: 12px
}

.sidepanel-filter-itemList-item {
  border-bottom: solid 1px #d5d5d5;
  padding: 5px 34px 5px 50px;
  background-color: #f2f2f2;
  height: 48px;
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center
}

.sidepanel-filter-itemList-item.isSelected,.sidepanel-filter-itemList-item.isSelected .sidepanel-filter-item-icon-cont,.sidepanel-filter-itemList-item:hover,.sidepanel-filter-itemList-item:hover .sidepanel-filter-item-icon-cont {
  background-color: #e4e4e4
}

.sidepanel-filter-itemList-item.isSelected {
  cursor: default
}

.sidepanel-filter-itemList-item-name {
  font-size: 13px;
  line-height: 15px;
  display: inline-block;
  transition: .5s ease;
  margin-left: -300px;
  word-break: break-all
}

.expand,.sidepanel-filter-wrapper.selectInvoiceList .collection .collection-item.avatar .checkboxWithIconGroup:hover .checkboxWithIcon .circle.iconItem {
  display: block
}

.summaryPanelContainerCollapsed,.un-expand.expand {
  -webkit-transition: height 1s ease;
  -moz-transition: height 1s ease;
  -o-transition: height 1s ease
}

.sidepanel-filter-open .sidepanel-filter .sidepanel-filter-itemList-item-name {
  margin-left: 0
}

.sidepanel-filter-item-count {
  position: absolute;
  right: 5px;
  top: 15px;
  width: 25px;
  z-index: 1;
  font-size: 12px;
  text-align: right;
  margin-right: 13px
}

.sidepanel-filter-item-icon-cont {
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  height: 46px;
  z-index: 1;
  background: #f2f2f2
}

.sidepanel-filter-open .sidepanel-filter .sidebar-btn {
  transform: rotateZ(180deg)
}

.sidepanel-filter-wrapper .collection {
  border-left: none;
  overflow: hidden
}

#slide-out-bookmark .side-nav-bookmark-title {
  font-size: 14px;
  color: #64c1ff!important;
  padding: 0 14px!important;
  box-shadow: 0 2px 11px 1px #333;
  border-bottom: none!important
}

#slide-out-bookmark .side-nav-bookmark-title>i {
  margin-left: 8px
}

#slide-out-bookmark .collection .collection-item {
  padding: 21px 11px
}

.side-nav #slide-out-bookmark li.collection-item a {
  padding: 0 5px 0 3px;
  color: #64c1ff
}

.side-nav #slide-out-bookmark li.collection-item {
  border-bottom: 1px solid rgba(255,255,255,.1)
}

.statusCards {
  width: 166px
}

.statusCardsOuter {
  height: 169px!important;
  margin-left: -1px
}

.un-expand {
  height: 0
}

.un-expand.expand {
  height: auto;
  transition: height 1s ease
}

.selectAllRuleItems {
  height: 50px;
  padding-left: 28px;
  padding-top: 15px;
  position: relative
}

.selectAllRuleItems .inputField {
  float: left
}

.selectAllRuleItems .inputField label {
  padding-left: 45px
}

.listCheckedItemCount {
  padding-left: 5px
}

.selectAllRuleItems a.white-text {
  color: #0067b0!important;
  position: absolute;
  top: 8px;
  right: 17px;
  right: 20px
}

.documentTypeDropDown {
  float: left;
  width: 100%
}

.docuementTypeLabel {
  font-size: .8rem;
  color: rgba(0,0,0,.64)
}

.documentTypeListValue {
  position: absolute!important;
  top: 1.3rem!important
}

.documentTypeDropDown li label {
  top: 1rem!important
}

.preview-popup-view .scroll-wrapper>.scroll-content {
  padding-top: 11px
}

table.sTable td.right-align,table.sTable th.right-align {
  padding-right: 25px
}

table.sTable td .table-dropdown>a.invalid-field {
  color: #d63d3d
}

.contract-filter-view .global-search .searchWithHiddenTextField .cancel-icon i,.contract-filter-view .global-search .searchWithHiddenTextField.active .cancel-icon i,.contract-filter-view .global-search .searchWithHiddenTextField.active i {
  color: #9e9e9e
}

.alert-bar--fixed.alert-bar-exist.alert-bar--fixed-to-nav~.page-container-active .sidepanel-filter,.alert-bar--fixed.alert-bar-exist.alert-bar--fixed-to-nav~.page-container-active .tabparent-container~div .sidepanel-filter,.subHeaderFixedPlaceHolder .sidebar--left.main-filter-applied {
  position: fixed!important
}

.questionnaire-section-content .multi-text-holder {
  width: calc(100% - 32px);
  float: left
}

.questionnaire-section-content .multi-text-icon-holder {
  width: 24px;
  float: left;
  margin-top: 20px
}

.questionnaire-section-content .multi-text-icon-holder i {
  line-height: 24px
}

.masseditconditionaladdbtn {
  position: absolute;
  right: 16px;
  top: 20px
}

.conditionalupadteattr .absolute {
  top: 16px
}

.contract-filter-view .global-search,.contract-filter-view .searchWithHiddenTextField .cancel-icon,.contract-filter-view .searchWithHiddenTextField .search-icon {
  top: 0
}

.conditionalupadteattr .input-field label {
  left: 50px
}

.contract-filter-view {
  z-index: 11!important;
  width: 100%;
  height: 38px;
  padding: 8px
}

.contract-filter-view .searchWithHiddenTextField {
  margin-right: 45px;
  width: 23px
}

.contract-filter-view .searchWithHiddenTextField .input-field {
  padding: 0 0 0 1.7rem
}

.contract-filter-view .searchWithHiddenTextField .waves-circle {
  width: auto;
  height: auto;
  line-height: normal
}

.contract-filter-view .searchWithHiddenTextField input {
  height: 1.6rem
}

.contract-filter-view .searchWithHiddenTextField.active {
  width: calc(100% - 45px)
}

.contract-filter-view .searchWithHiddenTextField.active input {
  padding-right: 27px;
  width: calc(100% - 27px)
}

.contract-filter-view .global-search .searchWithHiddenTextField {
  background: 0 0;
  width: 23px;
  overflow: hidden;
  height: 27px;
  margin-bottom: 0
}

.contract-filter-view .global-search .searchWithHiddenTextField a.widthManage {
  width: auto
}

.contract-filter-view .global-search .searchWithHiddenTextField .input-field {
  padding: 0 0 0 1.7rem
}

.contract-filter-view .global-search .searchWithHiddenTextField .input-field pre {
  top: -14px
}

.contract-filter-view .global-search .searchWithHiddenTextField.active {
  width: 100%
}

.contract-filter-view .global-search .searchWithHiddenTextField.active input {
  padding-right: 27px;
  margin: 0;
  width: calc(100% - 27px)
}

.contract-filter-view .global-search .searchWithHiddenTextField .cancel-icon,.contract-filter-view .global-search .searchWithHiddenTextField .search-icon {
  top: 0
}

.contract-filter-view .global-search .searchWithHiddenTextField input {
  height: 1rem;
  border-bottom: 1px solid #e5e5e5!important;
  padding-bottom: 5px
}

.contract-filter-view .global-search .searchWithHiddenTextField i {
  color: #0177d6
}

.contract-filter-view .global-search .searchWithHiddenTextField .waves-circle {
  width: auto;
  height: auto;
  line-height: normal
}

.contract-filter-view .filter-icon {
  padding: 4px
}

.filter-panel-view .tabs-vertical {
  margin-bottom: 0!important
}

table.matrixTable.sTable {
  border-top: 1px solid #d0d0d0;
  position: relative;
  z-index: 10
}

table.matrixTable.sTable th:first-child.border {
  border-right: 1px solid #d0d0d0
}

table.matrixTable.sTable td:first-child {
  padding-left: 10px
}

table.matrixTable.sTable .line-height-manager {
  height: 48px;
  line-height: 48px;
  margin: 0
}

table.matrixTable.sTable .line-height-manager .catpopup-title {
  margin: 0
}

table.sTable.approvalGroupTable,table.sTable.otherConditionsTable {
  position: relative;
  z-index: 10;
  margin-bottom: 55px
}

.input-field.input-field-manage-input,table.sTable.approvalGroupTable .line-height-manager .catpopup-title,table.sTable.otherConditionsTable .line-height-manager .catpopup-title {
  margin: 0
}

table.sTable.approvalGroupTable td,table.sTable.otherConditionsTable td {
  padding: 0 10px
}

table.sTable.approvalGroupTable .line-height-manager,table.sTable.otherConditionsTable .line-height-manager {
  height: 48px;
  line-height: 48px;
  margin: 0
}

table.sTable.approvalGroupTable td.selectPoolType .select-wrapper input.select-dropdown,table.sTable.otherConditionsTable td.selectPoolType .select-wrapper input.select-dropdown {
  height: 2.5rem;
  line-height: 2rem
}

table.sTable.approvalGroupTable td:first-child {
  padding-left: 19px
}

table.sTable.approvalGroupTable [type=checkbox]+label {
  height: 15px;
  line-height: 48px
}

.input-field.input-field-manage-input input {
  margin-top: -2px
}

.operatorsDropDown {
  border-bottom: 1px #e5e5e5 dashed
}

.filterConditionContainer {
  height: 175px
}

.filterActionTypeContainer {
  height: 90px
}

.actionTypeParams .scrollbar-outer {
  margin-bottom: 0!important;
  overflow-x: hidden!important
}

.modal .modal-content.addNewDelegation {
  padding: 24px 12px
}

.line-height-manager.input-field label.customOptionReset {
  bottom: 8px;
  font-size: 1rem;
  color: #000;
  padding-right: 15px;
  width: 94%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  text-overflow: ellipsis;
  height: 2.3rem;
  line-height: 2rem;
  border-bottom: 1px solid #e0e0e0
}

.Contractattorney.input-field .ng-empty+label,.Contractattorney.input-field .ng-empty+label.active {
  top: 1px!important
}

.optionalField.line-height-manager.input-field label.customOptionReset {
  width: 85%
}

.line-height-manager.input-field.defaultSelected.invalid label.customOptionReset {
  border-bottom: 1px solid #d63d3d;
  box-shadow: 0 1px 0 0 #d63d3d
}

.line-height-manager.input-field label.customOptionReset+.select-wrapper input.select-dropdown {
  opacity: 0
}

.line-height-manager.input-field.label-blank label.active:after {
  top: 30px
}

.defaultSelected .select-dropdown li:first-child.disabled {
  display: none
}

.defaultSelected.invalid input[type=text][readonly].select-dropdown {
  border-bottom: 1px solid #f44336
}

.defaultSelected.invalid input[type=text][readonly].select-dropdown:focus {
  box-shadow: 0 1px 0 0 #f44336
}

.iconsWithCollapsibleHeader {
  margin: 0
}

.iconsWithCollapsibleHeader li {
  display: inline-block;
  margin-left: .5rem
}

.iconsWithCollapsibleHeader li .waves-circle i.icon {
  line-height: 2rem;
  width: 2rem;
  margin-left: .2rem
}

.sub-header-filter-main {
  position: relative;
  margin-left: 11px
}

.sub-header-filter-main .filterSearchIcon {
  position: absolute;
  top: 7px
}

.sub-header-filter-main .filterCloseIcon {
  margin-top: 3px;
  text-align: right;
  margin-right: 6px
}

.sub-header-filter-main .input-field {
  margin: 0 10px 20px 30px
}

.collection-item-drag-icon.collapsible-header-drag-icon {
  position: static;
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
  float: left;
  margin-top: -1px
}

.uiGridForScanned {
  max-height: 175px;
  overflow-y: auto;
  overflow-x: hidden;
  min-height: 175px
}

.uiGridForScanned .ui-grid-canvas {
  font-size: 12px;
  height: auto!important
}

.uiGridForScanned .ui-grid-cell,.uiGridForScanned .ui-grid-row {
  height: 20px!important
}

.uiGridForScanned .ui-grid-cell,.uiGridForScanned .ui-grid-cell .btn-flat,.uiGridForScanned .ui-grid-cell-contents {
  height: 20px;
  line-height: 20px
}

.uiGridForScanned .ui-grid-cell .input-field input[type=text],.uiGridForScanned .ui-grid-cell .input-field input[type=number] {
  line-height: 20px
}

.uiGridForScanned .ui-grid-cell .input-field[type=date] input[type=text] {
  line-height: 17px!important
}

.uiGridForScanned .ui-grid-contents-wrapper .ui-grid-cell .btn-flat {
  padding: 0
}

.isPDFHide {
  top: 145px;
  right: 0
}

.isPDFHide .uiGridForScanned {
  max-height: 100%
}

.isPDFHide .uiGridForScanned .ui-grid-header-cell .ui-grid-cell-contents {
  line-height: 48px;
  height: 48px!important
}

.isPDFHide .uiGridForScanned .ui-grid-header-cell .ui-grid-column-menu-button {
  top: 13px
}

.setupManager-divisionPopUp .modal-content ul li,.setupManager-entityPopUp .modal-content ul li,.setupManager-selactValuePopUp .modal-content ul li {
  padding: 5px 20px
}

.icon-color-one {
  background-color: #03a678!important
}

.icon-color-two {
  background-color: #d24d57!important
}

.icon-color-three {
  background-color: #d252b2!important
}

.icon-color-four {
  background-color: #e76e3c!important
}

.icon-color-five {
  background-color: #638bb3!important
}

.info-action-bar {
  background-color: #fff;
  padding: 15px;
  box-shadow: 0 2px 2px 0 rgba(212,208,208,.75);
  z-index: 1;
  position: relative
}

.categoryPopup .info-action-bar {
  padding: 15px 21px
}

.docListWrap ul {
  box-shadow: 0 3px 5px 0 rgba(0,0,0,.1);
  -webkit-box-shadow: 0 3px 5px 0 rgba(0,0,0,.1);
  -moz-box-shadow: 0 3px 5px 0 rgba(0,0,0,.1);
  padding: 20px 10px;
  background: #fff;
  margin-top: 0;
  -webkit-transition: all 2s;
  transition: all 2s
}

.docListWrap ul.compare-ul {
  -webkit-transition: all 0s;
  transition: all 0s
}

.docListWrap .compare-view-grid {
  box-shadow: none;
  border-bottom: none;
  display: table
}

.docListWrap.fixedTopHeader {
  box-shadow: none;
  top: 50px!important
}

.docListWrap .compare-btn {
  margin-top: -53px;
  float: left
}

.docListWrap .compare-view-list li.compare-li {
  display: inline-block;
  width: 360px
}

.docListWrap .compare-view-list li:last-child {
  width: auto
}

.vertical-radio-height {
  line-height: 48px
}

.contract-extendBg.extendBg {
  min-height: calc(100% - 95px)
}

.contract-extendBg .wrapper {
  padding-bottom: 0
}

.clause-list .panel-content-iteamList-item {
  padding-right: 40px;
  position: relative
}

.clause-list .clause-list-preview {
  position: absolute;
  right: 15px;
  top: 8px
}

@media only screen and (min-width: 601px) {
  .row .col.m4.condtionValueFirst {
      width:30%
  }
}

@media only screen and (min-width: 1201px) {
  .row .col.xl3.condtionValueFirst {
      width:25%
  }
}

@media only screen and (min-width: 1501px) {
  .row .col.xxl2.condtionValueFirst {
      width:16.66667%
  }
}

.docSlider-content.slide-view-modal.slide-modal-temp-view {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin: inherit;
  bottom: initial;
  height: auto;
  min-height: 500px
}

.docSlider-content .line-height-manager {
  line-height: 0
}

.docSlider-content .line-height-manager.optionalField .select-wrapper {
  margin-top: 0!important
}

.docSlider .slide-view-modal-content .preview-doc p {
  margin-top: 1rem
}

.preview-doc .ckeditorPreviewContainer dl,.preview-doc .ckeditorPreviewContainer ol,.preview-doc .ckeditorPreviewContainer ul {
  padding: 0 40px!important
}

.preview-doc .ckeditorPreviewContainer ul li {
  list-style-type: initial!important
}

.preview-doc .ckeditorPreviewContainer ol li {
  list-style-type: inherit!important
}

.saved-view-content-container a:focus {
  outline: 0!important
}

.footer-catalog-uom .dropdown-content {
  width: 250px!important;
  max-height: 400px
}

.lookupPopupContent [type=radio]+label:after,.lookupPopupContent [type=radio]+label:before,.tree-view-str [type=radio]+label:after,.tree-view-str [type=radio]+label:before {
  top: 3px
}

.lookupPopupContent .title-of-model {
  max-width: 50%
}

.dropdown-content {
  -ms-overflow-style: auto
}

.dropdown-content.table-text-callout {
  min-width: 190px
}

.dropdown-content.table-text-callout .input-field {
  margin-left: 8px;
  margin-right: 8px
}

.p2pIrSupplierName {
  position: relative
}

.formFieldFixIcon {
  position: absolute;
  top: -1px;
  right: 10px
}

.callout-element .dropdown-content {
  display: block;
  opacity: 1
}

.tabsFixed .tabparent-container {
  top: 50px;
  width: 100%!important;
  background: #fff;
  position: fixed;
  z-index: 2
}

.tabsFixed.filtersApplied .tabparent-container {
  top: 91px;
  width: 100%!important;
  background: #fff;
  position: fixed;
  z-index: 2
}

.infotip-popover-container {
  position: absolute;
  width: 0;
  height: 0;
  left: 0
}

.infotip-popover-container.fullWidthInfo .infotip-popover {
  width: 232px
}

.infotip-popover-container.showFullTip {
  width: 100%;
  max-width: 500px
}

.infotip-popover {
  position: absolute;
  box-shadow: 0 0 4px 2px rgba(0,0,0,.2);
  background-color: #fff;
  max-width: 500px;
  min-width: 150px;
  color: #000!important;
  z-index: 9999;
  font-size: 12px;
  font-style: normal!important;
  text-align: left;
  line-height: 18px!important;
  border-radius: 2px
}

.infotip-popover-template {
  padding: 10px
}

.has-received-value .infotip-popover-template {
  color: #d63d3d
}

.hide-popover-element {
  display: none
}

.infotip-popover-triangle.infotip-popover-triangle-top {
  height: 15px
}

.infotip-popover-triangle {
  width: 30px;
  height: 30px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 6px 10px -17px rgba(0,0,0,.2)
}

.ui-grid-cell div.infotip-popover-triangle {
  width: 30px!important
}

.infotip-popover-triangle:after {
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  background: #fff;
  transform: rotate(45deg);
  box-shadow: 0 0 7px 1px rgba(0,0,0,.2);
  z-index: 99999
}

.infotip-popover-triangle-top:after {
  top: -8.5px;
  left: 7px
}

.infotip-popover-triangle-bottom:after {
  top: 23.5px;
  left: 7px
}

.infotip-popover-triangle-right::after {
  top: 7.5px;
  left: 23.5px
}

.infotip-popover-triangle-left::after {
  top: 7.5px;
  left: -8.5px
}

.infotip-popover-element svg {
  height: 24px!important;
  width: 24px!important;
  fill: currentColor!important
}

.v-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%)
}

.line-changes-tab-content .itemPopup--tabContentHeight {
  height: 100%
}

.pdfControls {
  margin: 0
}

.pdfControls>li {
  display: inline-block
}

.pdfControls .waves-circle i.icon {
  line-height: 2rem;
  width: 2rem;
  margin-left: .2rem
}

.pdfControls .dropdown-content i {
  font-size: 1rem
}

a.tabDirty {
  color: red!important
}

a.tabDirty .tabDirtyContainer {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: red;
  border-radius: 50%;
  position: absolute
}

a.tabDirty .tabDirtyIcon {
  color: #fff;
  font-size: 11px;
  vertical-align: top;
  text-align: center;
  line-height: 11px;
  display: block
}

.tabtitle-text.with-count {
  max-width: calc(100% - 70px)
}

.sec-header-add-btn.enternal-add-btn {
  top: -45px!important
}

input[type=number] {
  -moz-appearance: textfield
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0
}

input::-webkit-contacts-auto-fill-button {
  visibility: hidden;
  display: none!important;
  pointer-events: none;
  position: absolute;
  right: 0
}

table.sTable td:first-child.table-cell-with-arrow,table.sTable th:first-child.table-cell-with-arrow {
  padding-left: 40px;
  position: relative
}

.sTable.table-with-exp-col .table-collapsable-item {
  padding: 0!important
}

.table-cell-with-arrow-icon {
  position: absolute;
  left: 8px
}

.budget-widget .progressMeterWrapper {
  height: 65px;
  width: 71px;
  border-radius: 100%;
  position: relative;
  transform: rotate(270deg)
}

.currencyContent {
  position: relative;
  color: #268406
}

.currencyContent .iconDoller svg {
  position: absolute;
  width: 30px;
  height: 30px;
  display: block;
  top: 0;
  top: 18px;
  left: 20px;
  border-radius: 25%;
  background: #fff;
  fill: currentColor
}

.budget-widget .progressMeterWrapper:after,.erp-data .hide-arrow span.caret,.readonlyMetatField .chips-container .chips-icon,.readonlyMetatField .metadata-text-field input {
  display: none
}

.budget-widget .progressMeter .progress-percentage {
  stroke: #268406
}

.budget-widget {
  width: 310px;
  position: fixed;
  top: 400px;
  padding: 10px;
  right: 0!important;
  left: auto!important;
  z-index: 999;
  cursor: pointer;
  transition: .5s right ease
}

.card.budget-widget {
  box-shadow: 0 0 8px 0 rgba(0,0,0,.3),0 2px 10px 0 rgba(0,0,0,.12)
}

.budget-widget-close {
  right: -222px!important
}

.unread-comments-title {
  text-align: center;
  margin: 20px 0
}

.unread-comments-title>span {
  background: #fff8c6;
  padding: 8px 20px;
  color: #5a5a5a;
  border-radius: 16px
}

.section-response-list {
  padding: 20px 40px 20px 0;
  position: relative;
  margin: 0;
  border-bottom: 1px solid #e0e0e0
}

.section-response-list .section-response-list-item {
  padding-left: 50px;
  position: relative
}

.section-response-list .section-response-title {
  float: left;
  width: 100%
}

.section-response-list .section-response-remove {
  position: absolute;
  right: -30px;
  top: 2px
}

.section-response-list .section-response-chk {
  float: left;
  margin-left: -40px
}

.section-response-list .section-response-item-attr {
  padding-bottom: 4px
}

.wrapper.section-sidebar-wrapper {
  padding-bottom: 0;
  min-height: 300px;
  border-left: 1px solid #e0e0e0
}

.wrapper.section-sidebar-wrapper.sidebar.sidebar--left {
  border-right: none;
  margin-left: -251px
}

.form-questionnaire-section {
  border-top: 1px solid #e0e0e0;
  padding: 0;
  margin: 0 -10px
}

.section-sidebar-wrapper .panel-content-iteamList-item.selected {
  border-left: 2px solid #0177d6;
  background: #f5f5f5;
  color: #0177d6;
  padding-left: 22px
}

.section-sidebar-wrapper .section-sidebar-content {
  float: left;
  width: 100%;
  padding: 20px 10px 10px;
  position: relative
}

.section-sidebar-wrapper .section-sidebar-content .removeTab {
  position: absolute;
  top: 15px;
  right: 0
}

.enternal-party-add-sections+.enternal-party-add-sections {
  padding-top: 30px;
  margin-top: 15px;
  border-top: 1px dashed rgba(225,225,225,.9);
  position: relative
}

.erp-data {
  min-width: 1800px;
  width: 100%
}

.erp-data .hide-arrow .select-wrapper input.select-dropdown:disabled {
  color: #212121
}

.erp-data .select-wrapper span.caret {
  top: 10%
}

.erp-data .input-field {
  margin-bottom: 0;
  margin-top: 0
}

.erp-data .manage-row-height {
  line-height: 15px;
  padding: 0
}

.erp-data.sTable td {
  height: 51px
}

.truncateForRadio {
  white-space: nowrap
}

.truncateForRadio .redio-chanel {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%
}

.border-left {
  border-left: 1px solid #e5e5e5
}

.ui-grid-previewmode .ui-grid-header-cell-row {
  line-height: 35px
}

.readonlyMetatField .chips-container {
  margin-top: -39px
}

.readonlyMetatField .line-height-manager.input-field label {
  bottom: 37px;
  font-size: 12px;
  color: rgba(0,0,0,.64)
}

.readonlyMetatField .chip {
  padding: 0 10px
}

.readonlyMetatField .metadata-container {
  height: 30px
}

.modified-legend {
  border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-border-radius: 50%;
  width: 10px;
  height: 10px;
  border: 1px solid #0177d6;
  background-color: #0177d6;
  text-indent: -9999px;
  font-size: 0;
  display: inline-block
}

.selectDivisionLabel {
  padding: 11px 10px 10px 30px
}

.selectDivisionWrapper input[type=text][readonly].select-dropdown {
  border: 0;
  color: #0177d6
}

.selectDivisionWrapper {
  border-bottom: 1px solid rgba(0,0,0,.2)
}

.loadDefaultIcon {
  padding: 9px 20px
}

.lookupPopupContent .tree-view-str-item div:first-child {
  width: 100%;
  padding-right: 36px;
  word-break: break-word
}

.lookupPopupContent .tree-view-str-item .right.redio-chanel {
  position: absolute;
  right: 19px;
  top: 0
}

.metadata-errortxt {
  position: relative;
  top: -34px;
  left: 11px;
  font-size: 12px;
  color: #d63d3d
}

.lookupnorecord {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  margin: -21px 0 0;
  text-align: center
}

.transaction-view .textarea-width .truncate {
  width: 250px
}

.allDocSelect {
  margin: 0;
  padding: 13px 27px
}

.allDocSelectFixed {
  position: fixed;
  width: 100%;
  background: #fff;
  top: 50px;
  z-index: 99;
  border-bottom: 1px solid #e0e0e0
}

.allDocSelectFixed.filtersAppliedWithAll {
  top: 93px
}

.allDocSelect [type=checkbox]+label {
  font-size: 16px;
  padding-left: 45px
}

.infotipData {
  padding: 10px
}

.infotipData .infotipHeader {
  font-size: 14px;
  margin: 0;
  padding: 0 0 10px
}

.infotipData .infotipList {
  padding-left: 20px;
  color: #333
}

.infotipData .infotipList li {
  list-style: disc;
  font-size: 13px;
  padding-bottom: 5px
}

.docInfotip .infotip-popover {
  min-width: 460px
}

.menuLevelswitch {
  padding-right: 15px;
  line-height: 13px;
  height: 25px;
  margin-right: 15px;
  border-right: 1px solid #ccc
}

.menuLevelswitch .input-field {
  margin-bottom: 0
}

.addedObjList {
  border: 1px dashed transparent
}

.emptyRowList {
  border: 1px dashed #c4c4c4;
  background: #f1f1f1;
  margin-top: 0
}

.tab-chart-info,.tab-filter-info {
  display: block;
  line-height: 1;
  font-size: 12px;
  color: #aaa;
  padding-top: 4px;
  height: 17px
}

.addToBox .btn,.white-text-a a {
  color: #fff!important
}

.gu-over-decline {
  border: 1px dashed #d63d3d;
  background: rgba(214,61,61,.05)
}

.emptyRowList.gu-over-decline+.addRepoObjText {
  display: none
}

.report-filter-chips {
  width: calc(100% - 56px)
}

.report-filter-chips .chipDataCont {
  display: block
}

.gu-hide,.gu-mirror .already-panel {
  display: none!important
}

.report-filter-chips .chipDataCont .filterDrop.gu-over-accept .filterDropArea {
  background: #c3e4fc
}

.repoObjTxt {
  width: calc(100% - 90px);
  font-size: 12px
}

.gu-mirror .repoObjTxt,.gu-transit .repoObjTxt {
  width: 70px
}

.filterDropArea li {
  opacity: 0
}

.reportFilterCnt .tabs-vertical .tabs .tab:last-child {
  border-bottom: 1px solid #e5e5e5
}

.content-box {
  width: 185px;
  border-right: 1px solid rgba(0,0,0,.26);
  border-top: 1px solid rgba(0,0,0,.26);
  border-bottom: 1px solid rgba(0,0,0,.26);
  padding: 5px 8px 4px 18px;
  box-sizing: border-box;
  float: left
}

.reportPg .collapsible-header {
  min-height: 2.5rem;
  line-height: 2.5rem
}

.reportPg .collapsible-header i {
  line-height: 2.5rem
}

.width130 {
  width: 130px
}

.height47 {
  height: 47px
}

.gu-mirror,.gu-transit {
  height: 40px!important;
  width: 190px!important
}

.gu-mirror {
  position: fixed!important;
  margin: 0!important;
  z-index: 9999!important;
  opacity: .8
}

.gu-transit {
  margin-top: 10px;
  margin-right: 10px
}

html[ng-app=SMART2-Report] body {
  font-family: 'Noto Sans',sans-serif
}

.reportPg .highcharts-axis-labels,.reportPg .highcharts-legend-item,.reportPg .highcharts-subtitle,.reportPg .highcharts-title {
  font-family: 'Noto Sans',sans-serif!important
}

.vertical-itemList-tab .panel-content-iteamList-item a.width25 {
  width: 25px
}

.loader-z-index-position {
  z-index: 999!important;
  position: fixed!important
}

.overlayPage {
  opacity: 1!important;
  background: rgba(128,128,128,.25)
}

.topM73 {
  top: -73px!important
}

.gu-transit {
  opacity: .4
}

.reportPg .panel-content-iteamList-item {
  float: left;
  width: 100%;
  border-top: 1px solid transparent
}

.panel-content-iteamList-item.gu-mirror,.panel-content-iteamList-item.gu-transit {
  border-right: 1px solid #e5e5e5;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  list-style-type: none
}

.addedObjList li,.reportPg .repoObjectsListContainer .panel-content-iteamList-item {
  cursor: move
}

.panel-content-iteamList-item.gu-transit {
  width: auto;
  background-color: #fff
}

.panel-content-iteamList-group {
  padding: 12px 5px 11px 25px;
  border-bottom: 1px solid #e5e5e5;
  display: block
}

.reportPg .panel-content-iteamList-group {
  padding: 12px 5px 11px 13px
}

.panel-content-iteamList-group .dirArrow {
  transition: all .5s;
  transform: rotate(-90deg)
}

.groupTCnt {
  display: none
}

.groupActive .groupTHdr .icon {
  transform: rotate(0)
}

.groupActive .groupTCnt {
  display: block
}

.addRepoObjText {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -40px!important;
  margin-top: 5px!important;
  padding: 0!important
}

.addRepoObjText-filter {
  margin-top: 6px!important
}

.keyColor {
  height: 14px;
  width: 14px;
  display: inline-block!important;
  border-radius: 16px;
  vertical-align: middle;
  margin-top: -2px;
  margin-right: 5px;
  padding: 0!important
}

.keyColor-metric {
  background: #0097a7
}

.keyColor-attribute {
  background: #e52f72
}

.keyColor-both {
  background: #fff
}

.addToBox {
  display: none;
  padding-left: 40px;
  background: #ececec;
  position: absolute;
  top: 0;
  left: 0;
  height: 67px;
  padding-top: 16px;
  width: 250px
}

.addToBox-show,.filter-tab,.filterDrop,.filterDropArea {
  display: inline-block
}

.addToBox .btn {
  width: auto!important;
  margin-left: -5px!important;
  height: 37px;
  box-shadow: 0 0 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)
}

.matrices-color,.panel-content-iteamList-item.gu-transit.matrices-color.panel-content-iteamList-item.gu-mirror.matrices-color,.vertical-itemList-tab .panel-content-iteamList-item.matrices-color {
  border-left: 5px solid #0097a7
}

.attribute-color,.panel-content-iteamList-item.gu-mirror.attribute-color,.panel-content-iteamList-item.gu-transit.attribute-color,.vertical-itemList-tab .panel-content-iteamList-item.attribute-color {
  border-left: 5px solid #e52f72
}

#filterListContainer .panel-content-iteamList-item.gu-transit {
  height: 53px;
  padding-top: 5px;
  margin-top: 10px
}

.panel-content-iteamList-item.gu-mirror {
  float: left;
  background-color: #fff
}

.width25 {
  width: 25%
}

.notContainer.gu-over {
  background-color: #ff0
}

.containerVertical div,.gu-mirror {
  list-style-type: none;
  transition: opacity .4s ease-in-out;
  cursor: move;
  cursor: grab;
  cursor: -webkit-grab
}

.gu-unselectable {
  -webkit-user-select: none!important;
  -moz-user-select: none!important;
  -ms-user-select: none!important;
  user-select: none!important;
  cursor: grabbing;
  cursor: -webkit-grabbing
}

.handle {
  padding: 0 5px;
  margin-right: 5px;
  background-color: rgba(0,0,0,.4);
  cursor: move
}

.custom-green-mirror {
  background-color: #56AB1C;
  padding: 10px;
  cursor: move;
  cursor: grab;
  cursor: -webkit-grab;
  opacity: .8;
  position: fixed!important;
  margin: 0!important;
  z-index: 9999!important
}

.pageByBox .content-box {
  border-left: 1px solid rgba(0,0,0,.26)
}

.reportPg .wj-colheaders .wj-cell,.reportPg .wj-row-field-hdr.wj-cell {
  font-weight: 400;
  font-size: 12px;
  text-align: left!important
}

.drillTo-cnt .wj-cell,.reportPg .wj-cell {
  font-size: 12px!important;
  line-height: 14px
}

.reportPg .wj-pivotgrid .wj-colheaders .wj-cell.wj-header div {
  text-align: right!important
}

.reportPg .wj-flexgrid {
  max-height: 100%;
  height: calc(100% - 70px);
  width: auto
}

.reportPg .wj-flexgrid.active-wj-buttons {
  height: calc(100% - 30px)
}

.reportPg .paginationContainer {
  margin: 0
}

.reportPg .paginationContainer a {
  color: #066dfe
}

.reportPg .paginationContainer li span {
  font-size: 1rem
}

.reportPg .show-subtotal {
  margin-top: -2px;
  padding-bottom: 5px;
  padding-right: 5px
}

.reportPg .wj-wrap {
  word-wrap: break-word
}

.modal-content .wj-flexgrid {
  width: 100%;
  overflow: hidden
}

.reportPg .large-grid-text .wj-colheaders .wj-cell,.reportPg .large-grid-text .wj-row-field-hdr.wj-cell {
  font-weight: 400;
  font-size: 14px;
  text-align: left!important;
  line-height: 22px
}

.drillTo-cnt .large-grid-text .wj-cell,.reportPg .large-grid-text .wj-cell {
  font-size: 14px!important;
  line-height: 22px
}

.wjMenuHeader {
  line-height: 20px
}

.drillToTransactionRowCount {
  line-height: 10px
}

.columnFillBox,.filterFillBox,.rowFillBox,.valueFillBox {
  fill: #fff!important
}

.columnBorder,.columnField .columnFillBox,.filterBorder,.filterField .filterFillBox,.rowBorder,.rowField .rowFillBox,.valueBorder,.valueField .valueFillBox {
  fill: grey!important
}

.drillTo-cnt .wj-flexgrid {
  max-height: 365px
}

.addToList {
  right: 0;
  left: auto!important;
  top: -125px!important;
  min-width: 140px
}

.reportPg input.txt-search {
  border: 0!important;
  box-shadow: none!important
}

.advanceSortContent .scroll-wrapper {
  clear: both
}

.filterDropArea {
  padding-left: 20px;
  padding-right: 20px;
  border: 1px dashed #000;
  height: 25px;
  margin-top: 6px;
  float: left;
  border-radius: 16px;
  margin-left: 15px;
  font-size: 12px;
  line-height: 23px;
  text-align: center;
  margin-right: 5px
}

.emptyFilterTxt {
  position: absolute;
  left: 48px;
  font-size: 12px;
  line-height: 12px;
  top: 12px
}

.tab-list {
  display: flex;
  position: relative;
  margin: 0 auto;
  width: 100%;
  white-space: nowrap;
  background-color: rgba(255,255,255,0);
  flex-direction: column;
  height: auto
}

.tab-list .tab {
  border-bottom: 1px solid #e5e5e5;
  float: left;
  cursor: pointer;
  padding: 0
}

.tab-list .tab>div {
  float: left;
  width: 100%
}

.tab-list .tab>div.active {
  border-left: 2px solid #0177d6;
  border-bottom: 0;
  background: #f5f5f5;
  color: #0177d6
}

.tab-list .tab>div.active a {
  color: #0177d6
}

.tab-list .tab a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 15px 20px 10px;
  float: left;
  color: #191919;
  font-weight: 400;
  text-align: left
}

.noSaveItem a:focus {
  outline: 0
}

.changeHistoryNoRecord {
  width: 100%!important;
  border-bottom: 1px solid #e0e0e0
}

.typeaHeade.fielddata1 pre,.typeaHeade.fielddata2 pre {
  display: none!important
}

.readonly-active .input-field.readOnlyField .ng-empty+label.active {
  bottom: 27px
}

.chk-with-text-cont {
  position: relative;
  padding-left: 25px;
  float: left
}

.chk-with-text-cont .chk-with-text {
  margin-left: -30px;
  float: left
}

.section-table-title-cont {
  position: relative;
  padding-right: 36px;
  max-width: calc(100% - 40px);
  display: inline-block
}

.section-table-title-cont .section-table-title {
  max-width: 350px
}

.section-table-title-cont .section-table-title-icon {
  position: absolute;
  top: 0;
  right: 0
}

.triangleUp::after {
  height: 0;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 9px solid #0177d6;
  position: absolute;
  content: '';
  margin-left: -9px;
  bottom: -42px
}

.project-summary .icon-line-height {
  line-height: 28px!important
}

table.sTable .tree_view_content [type=checkbox]+label {
  height: auto
}

.input-field.readOnlyField textarea+label+.character-counter {
  display: none
}

#tabMatLineTReqSending .dropdown-content-content>div {
  margin: 0!important
}

.stayStyleFab {
  transform: scaleY(1) scaleX(1) translateY(0) translateX(0)!important;
  opacity: 1!important
}

.fixed-action-btn.activeOnClick ul {
  visibility: visible!important
}

#smartbuy .SRF_Form .char-count,#smartbuy .SRF_Form .form-field-wraper.hideScrollbar .scroll-element,.visibility-hidden {
  visibility: hidden
}

.disableCursorAction {
  pointer-events: none;
  cursor: default
}

.fixeddd {
  position: fixed!important;
  height: auto!important
}

.searchbox-li .global-search .searchWithHiddenTextField .cancel-icon {
  top: 6px;
  right: 3px
}

.spend-reports-subhdr.sub-header-dd .select-wrapper input.select-dropdown {
  font-size: 14px;
  line-height: 43px
}

.loader-footer {
  margin-top: 10px
}

.loader-footer .cancel-btn {
  margin-right: -16px;
  margin-bottom: -16px
}

.loader-footer .cancel-btn .btn-flat {
  padding: 0 16px
}

.notificationanimate {
  opacity: 0;
  transform: translateY(100px) scale(.8);
  transition: transform .3s,opacity 120ms
}

.notificationanimate.notificationanimate--active {
  opacity: 1;
  transform: translateY(0) scale(1);
  transition: transform .3s,opacity 120ms
}

.notificationanimate.notifyPopupResetPosition {
  z-index: 9999;
  top: 50%;
  display: block;
  -ms-transform: translate(-50%)!important;
  -webkit-transform: translateY(-50%)!important;
  transform: translateY(-50%)!important;
  overflow: hidden
}

.notificationanimate.notifyPopupResetPosition .card-content {
  max-height: 401px;
  overflow-y: auto
}

.help-center-link {
  font-size: 16px!important;
  color: #64c1ff!important;
  float: right
}

.highcharts-title {
  fill: #434348;
  font-weight: 700;
  font-size: 14px
}

.highcharts-subtitle {
  font-style: italic;
  fill: #7cb5ec;
  y: 40
}

searchable-cube .mainScreen {
  position: absolute;
  width: 100%;
  height: 100%
}

searchable-cube .mainScreen .navBtn {
  position: absolute;
  z-index: 1000;
  border-radius: 20px;
  background-color: #fff!important;
  color: #191919!important;
  padding: 6px;
  border: none
}

#panelexpandorreports:hover .panelexpandorreportsdiv,.reportPg .panelexpandorreportsdiv:hover {
  background-color: #0177d6
}

searchable-cube .mainScreen .searchElement {
  position: absolute;
  top: 30px;
  width: 290px;
  left: 50%;
  transform: translatex(-50%);
  z-index: 1000
}

searchable-cube .mainScreen .navBtn#right {
  top: 50%;
  left: calc(50% + 230px)
}

searchable-cube .mainScreen .navBtn#left {
  top: 50%;
  left: calc(50% - 230px)
}

searchable-cube .mainScreen .navBtn#top {
  top: calc(50% - 230px);
  left: 50%
}

searchable-cube .mainScreen .navBtn#bottom {
  top: calc(50% + 230px);
  left: 50%
}

searchable-cube .mainScreen #searchElementText {
  width: 80%
}

searchable-cube .mainScreen #search-cublet {
  color: #fff;
  display: inline-block
}

.cfComment .elements-include,.sfComment .elements-include {
  line-height: normal
}

.report-snf-button,.report-snf-textfield {
  width: 140px
}

.wj-listbox-item {
  cursor: pointer
}

.reportPg .highcharts-title {
  fill: #191919;
  font-size: 16px!important
}

.reportPg .highcharts-subtitle {
  font-style: italic;
  fill: #7cb5ec;
  y: 40
}

.card-header-title,.doc-title {
  font-family: 'Noto Sans',sans-serif
}

.reportPg .highcharts-container {
  height: 100%
}

.reportPg .generated-data {
  height: 100%;
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  margin-bottom: 50px
}

.reportPg .paginationWrapper {
  margin-bottom: 70px
}

.paymentTermsThead {
  z-index: 971!important
}

.select-invalid-wrapper {
  color: #d63d3d;
  font-size: .8rem;
  position: absolute;
  left: 10px;
  bottom: -5px
}

.projectStrategy .subsectionErrorMsg {
  font-size: .8rem;
  transition: all .2s ease-out;
  position: relative;
  color: #f44336;
  left: 10px;
  top: -26px
}

.tableTopLinks {
  padding: 10px 25px;
  float: right
}

.tableWithTopLinks {
  border-top: 1px solid #d0d0d0
}

.data-holder-box .collapsible-header-drag-icon {
  transform: none;
  left: 4px;
  top: -10px
}

.data-box-list .dragList {
  overflow: hidden
}

.tabparent-container .tabs-horizontal .left-arrow,.tabparent-container .tabs-horizontal .right-arrow {
  width: 25px;
  height: 48px
}

.tabparent-container .tabs-horizontal .left-arrow a,.tabparent-container .tabs-horizontal .right-arrow a {
  display: inline-block;
  line-height: 48px
}

.tabparent-container .tabs-horizontal.widthExceed .tabs-wrapper {
  width: calc(100% - 50px);
  overflow: hidden
}

.tabparent-container .tabs-horizontal .tabs {
  width: auto!important;
  transition: all ease-in-out .5s
}

.fixedShareReportPopupHeight {
  height: 230px;
  overflow: auto
}

.fixedAddMembersDivHeight {
  height: 280px!important
}

.fixedShareReportPopuTitleFontSize {
  font-size: 12px!important
}

.fixedSharePopHeighWithLoader {
  position: absolute;
  margin-bottom: 55px;
  animation: none
}

.fixedShareReportPopupDivHeight {
  height: 350px
}

.shareReportPopupFooter {
  height: 52px!important
}

.reportPg .wrapper--withSidebar {
  margin-left: 360px;
  padding-bottom: 68px;
  transition: all .5s ease
}

.reportPg .sidebar--left,.sidebar--leftDv {
  float: left;
  width: 360px;
  margin-left: -360px;
  position: relative;
  border-right: 1.5px solid #e0e0e0;
  transition: margin .5s ease;
  height: 100%;
  z-index: 100!important
}

.reportPg .dragLine,.reportPg .panelexpandorreports.ui-draggable-dragging {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc
}

.zIndex101 {
  z-index: 101!important
}

.reportPg .panelexpandorreports {
  position: absolute;
  width: 5px!important;
  height: 79%;
  top: 0;
  cursor: col-resize;
  left: 100%;
  z-index: 999
}

.reportPg .panelexpandorreports-nohover {
  pointer-events: none
}

.reportPg .panelexpandorreportsdiv {
  position: absolute;
  width: 3px!important;
  height: 100%;
  top: 0;
  cursor: col-resize;
  z-index: 999
}

.reportPg .conditionalLftPanelTransition,.reportPg .leftPanelTransition {
  transition: all .5s ease!important
}

.height40 {
  height: 40px!important
}

.reportPg .leftPanelWidth282 {
  width: 100%;
  margin-top: 0;
  position: static
}

.reportPg .dragLine {
  pointer-events: none
}

.reportPg .overflowVisible {
  overflow: visible!important
}

.width100Percent {
  width: 100%!important
}

.overflowHidden {
  overflow: hidden!important
}

@media (max-width: 1080px) {
  .report-content-box {
      width:160px!important
  }

  .rowsDiv,.valuesDiv {
      width: calc(50% - 5px)!important
  }

  .rowValuesMarginRight {
      margin-right: 5px!important
  }

  .valuesMarginRight {
      margin-left: 5px!important
  }
}

.report-content-box {
  width: 185px;
  border-right: 1px solid rgba(0,0,0,.26);
  border-top: 1px solid rgba(0,0,0,.26);
  border-bottom: 1px solid rgba(0,0,0,.26);
  padding: 5px 8px 4px 18px;
  box-sizing: border-box;
  float: left
}

.rowsDiv,.valuesDiv {
  width: calc(50% - 10px)
}

.rowValuesMarginRight {
  margin-right: 10px
}

.valuesMarginRight {
  margin-left: 10px
}

.width100Pixel {
  width: 100px!important
}

.width350 {
  width: 350px
}

.editableMode .kpiOptionsList .input-field {
  float: left
}

.VerticalCenterWrapper {
  position: absolute;
  left: 0;
  top: 120px;
  width: 100%;
  height: calc(100% - 190px)
}

.pageVerticalCenter {
  position: relative;
  top: 50%;
  transform: translateY(-50%)
}

.pageVerticalCenter .icoTxt {
  position: relative;
  top: -4px
}

ul.listTbl-meta-list {
  font-size: 12px;
  color: #757575
}

li.listTbl-meta-list-item {
  padding: 0 10px;
  border-right: 1px solid #ccc;
  float: left;
  max-width: 33%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 17px
}

li.listTbl-meta-list-item:last-child {
  padding-right: 0;
  border-right: none
}

li.listTbl-meta-list-item:first-child {
  padding-left: 0
}

.paddingBottom5 {
  padding-bottom: 5px!important
}

.searchProductSettingContainer {
  -webkit-transition: all ease-in-out 1s;
  transition: all ease-in-out 1s;
  width: 0;
  margin: auto
}

.dashboard-card .dashboard-card-container .dashboard-card-content[disabled=disabled] {
  pointer-events: none;
  cursor: default
}

.dropdown-content.datesList li:hover {
  background: #fff
}

.dropdown-content.datesList {
  min-width: 115px
}

.width14Percent {
  width: 14%!important
}

.modalManageSubspopup {
  border-radius: 2px
}

.showInfoFullTip .infotip-popover-container .infotip-popover {
  width: 270px
}

.fixedManageSubsPopupHeight {
  height: 340px
}

.fixedManageSubsPopupHeight .select-wrapper input.select-dropdown,.fixedManageSubsPopupHeight input[type=text] {
  margin: 0
}

.smart-list-lookup-location .listerrortxt {
  position: absolute;
  bottom: -11px
}

.align-dd-arrow .select-wrapper .caret {
  margin-top: 8px;
  right: -7px
}

.chatBubble,.whiteChatBubble {
  position: relative;
  border-radius: .4em;
  margin: 10px 10px 10px 12%;
  width: 75%;
  padding: 10px;
  text-align: center
}

.priceSheetGrid .wj-cell a {
  cursor: pointer
}

.chatBubble {
  background: #f1f1f1
}

.chatWindowTextArea {
  position: static;
  width: 100%!important;
  bottom: 0
}

.chatWindowTextArea textarea.materialize-textarea {
  height: 50px!important;
  padding: 5px 5px 20px;
  margin-top: 5px;
  overflow: auto
}

.chatIconDiv {
  display: table;
  height: 70px;
  padding-left: 10px
}

.chatIconMiddle {
  display: table-cell;
  vertical-align: middle;
  text-align: center
}

.dotLoader {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  overflow: hidden
}

.dot-pulse {
  position: relative;
  left: -9999px;
  width: 4px;
  height: 4px;
  border-radius: 2px;
  background-color: #1770d6;
  box-shadow: 9989px 0 0 0 #1770d6,9999px 0 0 0 #1770d6,10009px 0 0 0 #1770d6;
  animation: dotPulse 1s infinite linear
}

@keyframes dotPulse {
  0%,100% {
      box-shadow: 9989px 0 0 -2px #1770d6,9999px 0 0 0 #1770d6,10009px 0 0 2px #1770d6
  }

  25% {
      box-shadow: 9989px 0 0 0 #1770d6,9999px 0 0 2px #1770d6,10009px 0 0 0 #1770d6
  }

  50% {
      box-shadow: 9989px 0 0 2px #1770d6,9999px 0 0 0 #1770d6,10009px 0 0 -2px #1770d6
  }

  75% {
      box-shadow: 9989px 0 0 0 #1770d6,9999px 0 0 -2px #1770d6,10009px 0 0 0 #1770d6
  }
}

.stickyLoader {
  position: absolute;
  width: 100%;
  bottom: 0
}

.reportLoader {
  position: relative;
  border-radius: 2px;
  margin: 10px;
  width: 100%;
  text-align: center;
  padding: 5px;
  height: 50px
}

.marginLeft48P {
  margin-left: 48%
}

.autocomplete {
  position: relative;
  display: inline-block
}

.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  bottom: 100%;
  left: 0;
  right: 0
}

.autocomplete-border-btm,.autocomplete-items div {
  border-bottom: 1px solid #d4d4d4
}

.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff
}

.autocomplete-border-top {
  border-top: 1px solid #d4d4d4
}

.autocomplete-items div:hover {
  background-color: #eee
}

.autocomplete-active {
  background-color: #eee!important;
  color: #212121
}

.autocomplete-scroller {
  max-height: 190px;
  overflow-y: auto
}

.width1400 {
  width: 1400px
}

.showLookupHeight {
  height: 44px;
  line-height: 44px
}

.bgcolorededed {
  background-color: #ededed
}

.nonPoFormWidget {
  padding-bottom: 50px
}

.subFormWidget {
  position: absolute;
  top: 124px;
  bottom: 0;
  right: 0;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out
}

.subFormWidget.col {
  padding: 0
}

.subFormWidget .subFormWidgetWrapper {
  width: 25%;
  position: fixed;
  height: 100%;
  border-left: 1px solid rgba(0,0,0,.18);
  background: rgba(255,255,255,.5)
}

.sectionJumpTo,.subFormWidget .subFormWidgetWrapper .col+[smart-infotip] .icon {
  background: #fff
}

.subFormWidget .subFormWidgetWrapper .col {
  width: 100%!important
}

.subFormWidget .subFormWidgetWrapper .col+.icon {
  position: absolute;
  right: 0
}

.subFormWidget .subFormWidgetWrapper .col+[smart-infotip] {
  left: -31px
}

.subFormWidget .subFormWidgetWrapper .col+[smart-infotip] .infotip-popover {
  top: -68.61px!important;
  left: -214px!important
}

.subFormWidget .subFormWidgetWrapper .col+[smart-infotip] .infotip-popover-triangle {
  top: 2.39px!important;
  left: -3px!important
}

.subFormWidget.subFormWidgetWthOldhdr {
  top: 156px
}

.subFormWidget.ifAlertVisible {
  top: 198px
}

.sectionJumpTo {
  border-bottom: 1px solid #e0e0e0;
  height: 55px;
  box-sizing: border-box;
  padding: 14px 24px 10px
}

.sectionJumpTo .saved-view-content {
  font-size: 1.0714rem
}

.extra-nav-wrap-fixed~.smartFormWidgetContainer .subFormWidget {
  top: 60px
}

.subFormWidgetWrapper .accountDetails .collapsible-header.truncate {
  width: 75%
}

.is-switchable {
  position: absolute;
  top: 20px;
  right: 20px
}

.is-switchable~span .section-opts-ddlnk {
  right: 48px
}

.fullheightinsider>div:first-child,.fullheightinsider>div:first-child smart-scroll,.fullheightinsider>div:first-child smart-scroll .scroll-wrapper {
  height: 100%
}

.fullheightinsider>div:first-child smart-scroll .scroll-wrapper .scroll-content {
  max-height: none!important
}

.nonPoActionWrapper.extra-nav-right-icon .extra-nav-icon {
  width: 32px
}

.height292 {
  height: 292px
}

.isArrowIcon {
  -ms-transition: all .5s;
  transition: all .5s
}

.makeFixThis {
  position: fixed;
  top: 60px;
  z-index: 601;
  left: 0;
  right: 0
}

.isRightSectionActive {
  right: 25%
}

.label-truncate label {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.field-has-icon {
  position: relative
}

.field-has-icon>.elements-include,.field-has-icon>.select-wrapper {
  width: calc(100% - 30px)
}

.field-has-icon>.templatize-field {
  width: calc(100% - 30px)!important;
  padding-left: .75rem
}

.field-has-icon .info-icon,.field-has-icon .warning-icon {
  position: absolute;
  top: 0;
  right: 10px;
  z-index: 50
}

.additional-info-wrapper.wrapper--withSidebar .section-opts-ddcnt.optional-list,.field-has-icon .iconFix {
  right: 30px
}

.field-has-two-icons {
  position: relative
}

.field-has-two-icons>.elements-include,.field-has-two-icons>.select-wrapper {
  width: calc(100% - 50px)
}

.isSmallSizeCol smart-section-item-renderer smart-subsection div .col,.isSmallSizeCol smart-section-item-renderer>.col {
  width: 100%!important
}

.field-has-two-icons .info-icon {
  position: absolute;
  top: 0;
  right: 10px;
  z-index: 50
}

.field-has-two-icons .warning-icon {
  position: absolute;
  top: 0;
  right: 35px;
  z-index: 50
}

.nonPoFormWidget .section-opts-ddcnt {
  right: 25px!important
}

.nonPoFormWidget .manage-form-optional-dd .section-opts-ddcnt {
  right: 360px!important
}

.nonPoFormWidget .composed-grid-fixed-content,.nonPoFormWidget .ui-grid-header.grid-fixed-container {
  width: 100%!important;
  position: initial!important;
  top: 0;
  z-index: 0!important
}

.nonPoFormWidget .ui-grid-header.grid-fixed-container+div {
  display: none
}

.linesDetailsPopOut.cardParent {
  padding: 0;
  box-shadow: none
}

.linesDetailsPopOut.cardParent .item-details-template-wrap {
  margin: 0
}

.linesDetailsPopOut.cardParent .container .row {
  margin-left: 0;
  margin-right: 0
}

.linesDetailsPopOut.cardParent .container .row .alert-bar {
  margin-left: -.75rem;
  margin-right: -.75rem
}

.isSectionDisable .collapsible-body,.isSectionDisable .collapsible-header+div {
  display: none!important
}

.isSectionDisable .headerTextHolder {
  opacity: .34
}

.isSectionDisable .collapsible-header i.dirArrow,.isSectionDisable .collapsible-header.active i.dirArrow {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  -ms-transition: all .5s;
  transition: all .5s;
  opacity: .34
}

.isSectionDisable.isHeaderReadOnly .headerTextHolder {
  opacity: 1
}

.accountDetails .ui-sortable .card.cardParent {
  margin: .57rem 0
}

.subFormWidgetResizable {
  position: fixed;
  top: 124px;
  bottom: 0;
  right: 0;
  left: auto!important
}

.subFormWidgetResizable.col {
  padding: 0
}

.subFormWidgetResizable.top60 {
  top: 60px
}

.subFormWidgetResizable .row .col.accountDetails {
  padding-left: 1.14rem
}

.subFormWidgetResizable .subFormWidgetWrapper {
  height: 100%;
  border-left: 1px solid rgba(0,0,0,.18);
  background: rgba(255,255,255,.5)
}

.subFormWidgetResizable.subFormWidgetWthOldhdr {
  top: 156px
}

.subFormWidgetResizable.ifAlertVisible {
  top: 198px
}

.isSmallSizeCol smart-section-item-renderer>.col+.icon {
  position: absolute;
  right: 0
}

.isSmallSizeCol smart-section-item-renderer>.col+[smart-infotip] {
  left: -31px
}

.isSmallSizeCol smart-section-item-renderer>.col+[smart-infotip] .icon {
  background: #fff
}

.isSmallSizeCol smart-section-item-renderer>.col+[smart-infotip] .infotip-popover {
  top: -68.61px!important;
  left: -214px!important
}

.isSmallSizeCol smart-section-item-renderer>.col+[smart-infotip] .infotip-popover-triangle {
  top: 2.39px!important;
  left: -3px!important
}

.p2pInvoiceErrorSection ul li {
  float: left;
  margin: 0 20px 10px 0
}

.pdfCtrsmallScreenView .pdfControls>li:not(:nth-last-child(-n+2)) {
  display: none
}

.pdfCtrsmallScreenView .pdfControls>li:nth-last-child(2),.pdfCtrsmallScreenView .pdfControls>li:nth-last-child(2) .dropdown-button {
  display: inline-block!important
}

.sandpHeaderSearch .searchWithHiddenTextField .elements-include {
  margin-top: -9px!important
}

.max-width277 {
  max-width: 277px
}

.max-width200,.maxWidth200 {
  max-width: 200px
}

.receipt-line-details .detail-field-summary {
  min-height: auto
}

.levelSeprator {
  margin-bottom: 25px;
  padding-bottom: 25px;
  border-bottom: 1px dashed rgba(0,0,0,.24)
}

.row.lifecycleBoxWrap>.col {
  padding: 0 5px
}

.lifecycleBoxWrap .regular-box,.lifecycleBoxWrap .short-box {
  width: 100%
}

.lifecycleBox {
  background-color: #f5fbfe;
  padding: 15px 7px;
  border: 1px solid #e1f2fe;
  color: #7f8081;
  font-size: 13px;
  height: 265px;
  margin-bottom: 10px
}

.lifecycleBox .legends-wrap .circle {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block
}

.lifecycleBox .legends-wrap .orange-bg {
  background: #e67300
}

.lifecycleBox .legends-wrap .green-bg {
  background: #268406
}

.lifecycleBox .progressMeterWrapper:after {
  font-size: 15px;
  font-weight: 400
}

.lc_boxHeading,.transHistoryAccordian {
  font-weight: 700;
  text-transform: uppercase
}

.progressMeter circle {
  stroke: rgba(31,132,6,.2)
}

.lifecycle-details-wrap ul li {
  margin-bottom: 8px
}

.lifecycle-details-wrap .primary-value {
  font-size: 18px;
  color: #268406;
  padding-right: 5px;
  line-height: 18px
}

.lifecycle-details-wrap .secondary-value {
  font-size: 18px;
  color: #e67300;
  padding-left: 5px;
  border-left: 2px solid #797b7d;
  line-height: 18px
}

.lifecycle-other-details-wrap {
  border-top: 1px solid #d8dcdf;
  padding-top: 5px;
  margin: 5px 0 0
}

.lifecycle-other-details-wrap .other-detail-name {
  width: calc(100% - 50px)
}

.lifecycle-other-details-wrap .other-detail-value {
  width: 50px;
  text-align: right
}

.lc_boxHeading {
  margin-bottom: 10px;
  color: #1c1c1c
}

.lc_boxHeading .info-icon-wrap {
  display: inline-block;
  position: relative;
  top: -2px;
  margin-left: 3px
}

.lc_boxHeading .info-icon-wrap i {
  line-height: 18px
}

.lc_totalAmount {
  font-size: 26px;
  display: inline-block;
  margin-right: 3px;
  line-height: 26px
}

.transHistoryAccordian {
  padding: 15px;
  border-bottom: 1px solid #d0d0d0;
  cursor: pointer
}

.graphBG {
  background-color: #fafafa
}

.ts-highchart-wrap {
  margin-top: 30px
}

.ts-highchart-wrap .highcharts-title {
  visibility: hidden;
  color: #fff;
  fill: #fff
}

.optionalFieldHover.custom {
  left: .75rem
}

.opt-field-dd-pos-in-form-widget {
  position: absolute;
  top: -40px;
  right: 30px
}

.opt-field-dd-pos-not-in-form-widget {
  position: absolute;
  top: 12px;
  right: 20px;
  z-index: 50
}

.line-level-heading-cnt {
  padding: 0 26px;
  font-size: 16px;
  text-transform: uppercase
}

.minHeight50 {
  min-height: 50px
}

ul.optional-list li a:focus {
  outline: 0
}

.hdrErrMessages {
  width: 140px;
  padding-left: 10px;
  line-height: 30px;
  position: relative;
  top: -7px
}

.collection .selectedTNC a.collection-item {
  padding-left: 48px
}

.select-all-wrap {
  padding: 8px 10px 7px
}

.tnc-checkbox-wrap {
  position: absolute;
  top: 8px;
  left: 10px
}

.extra-nav-wrap [type=checkbox]+label {
  color: #fff
}

.extra-nav-wrap [type=checkbox].filled-in:not(:checked)+label:after {
  background: 0 0;
  border: 2px solid #fff
}

.extra-nav-wrap [type=checkbox].filled-in:checked+label:before {
  border-right: 2px solid #0177d6;
  border-bottom: 2px solid #0177d6
}

.extra-nav-wrap [type=checkbox].filled-in:checked+label:after {
  border: 2px solid #fff;
  background-color: #fff
}

.extra-nav-wrap [type=checkbox].filled-in.tabbed:checked:focus+label:after {
  background-color: #fff;
  border-color: #fff
}

@media only screen and (min-width: 601px) {
  .lifecycleBoxWrap .regular-box,.lifecycleBoxWrap .short-box {
      width:50%
  }
}

@media only screen and (min-width: 961px) {
  .lifecycleBoxWrap .short-box {
      width:20%
  }

  .lifecycleBoxWrap .regular-box {
      width: 30%
  }
}

.phaseContainer.phaseContainerWithAlertBar .catalog-filter {
  top: 156px;
  height: calc(100% - 156px)
}

.phaseContainer.phaseContainerWithFilterBar .catalog-filter {
  top: 158px;
  height: calc(100% - 158px)
}

.phaseContainer.phaseContainerWithFilterBar .phasesFilter.phasesFilterFixed {
  top: 94px;
  height: calc(100% - 94px)
}

.phaseContainer .catalog-filter {
  top: 114px;
  height: calc(100% - 114px);
  z-index: 10
}

.phaseContainer .phasesFilter {
  background-color: #fff;
  position: absolute
}

.phaseContainer .phasesFilter.phasesFilterFixed {
  position: fixed;
  top: 50px;
  border-right: 1px solid #eaeaea;
  height: calc(100% - 50px)
}

.phaseContainer .phasesFilter .row {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0
}

.milestonesFooter {
  bottom: 0;
  height: 65px;
  background: #f5f5f5;
  position: fixed;
  margin-left: 8px;
  z-index: 1
}

.approvalBtn {
  position: relative;
  top: 15px
}

.icon>svg .completed {
  stroke: #77909b;
  fill: #689f38
}

.icon>svg .notComplete {
  stroke: #77909b;
  fill: #fff
}

.activeLeftPanel {
  border-left: 2px solid #1498f4;
  background-color: #f5f5f5
}

.activeRightPanel {
  background-color: #fff;
  padding: 0 0 65px!important
}

@media only screen and (max-width: 1366px) {
  .activeRightPanel {
      margin-bottom:35px
  }
}

.activeRightPanel .rightPanelHeader {
  background-color: #efefef;
  line-height: 51px
}

@media only screen and (min-width: 601px) and (max-width:960px) {
  .activeRightPanel .rightPanelHeader .milestoneTitle {
      max-width:350px
  }
}

@media only screen and (min-width: 961px) and (max-width:1365px) {
  .activeRightPanel .rightPanelHeader .milestoneTitle {
      max-width:550px
  }
}

@media only screen and (min-width: 1366px) {
  .activeRightPanel .rightPanelHeader .milestoneTitle {
      max-width:700px
  }
}

.activeRightPanel .rightPanelHeader .titleIcon {
  top: 7px;
  margin-left: -2px;
  line-height: 0
}

.activeRightPanel .rightPanelContent {
  padding: 10px
}

@media only screen and (max-width: 1023px) {
  .activeRightPanel .rightPanelContent .achievedText {
      padding-left:10px
  }
}

@media only screen and (min-width: 1024px) and (max-width:1200px) {
  .activeRightPanel .rightPanelContent .achievedText {
      padding-left:0
  }
}

@media only screen and (min-width: 1201px) and (max-width:1500px) {
  .activeRightPanel .rightPanelContent .achievedText {
      padding-left:10px
  }
}

@media only screen and (min-width: 1501px) {
  .activeRightPanel .rightPanelContent .achievedText {
      padding-left:0
  }
}

.activeRightPanel .titleIcon {
  top: 10px;
  margin-left: -8px;
  line-height: 0
}

.activeRightPanel .infotipTop5 {
  top: 5px
}

.activeRightPanel .infotipTop8 {
  top: 8px
}

.activeRightPanel label {
  color: rgba(0,0,0,.64)!important
}

.activeRightPanel .questContent .questContentPara {
  max-height: 1100px
}

.activeRightPanel .questContent .questContentPara.questContentPara1 {
  max-width: calc(100% - 115px);
  text-align: justify
}

.activeRightPanel .questContent .questContentPara.questContentPara2 {
  max-width: 100%;
  margin-right: 0!important;
  text-align: justify
}

.activeRightPanel .questContent .questContentPara span:first-child,.activeRightPanel .questContent .questContentPara>p {
  margin: 0;
  display: inline
}

.activeRightPanel .questContent .questContentPara.ellipsis>p,.activeRightPanel .questContent .questContentPara.ellipsis>span:first-child {
  width: 100%;
  overflow: hidden;
  float: left;
  white-space: nowrap;
  text-overflow: ellipsis
}

.activeRightPanel .questContent .more {
  width: 115px;
  right: 0;
  top: 0
}

.activityHeader {
  position: relative;
  top: 5px;
  left: 5px
}

.activityHeaderNav {
  list-style-type: none;
  padding: 0;
  margin: 0
}

.activityHeaderNav>li {
  float: left;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 45px
}

.activityHeaderLeftNav {
  list-style-type: none;
  padding: 10px 0 0 8px;
  margin: 0
}

.activityHeaderLeftNav>li {
  float: left;
  width: 30px;
  height: 30px;
  text-align: left;
  line-height: 45px
}

.achievedDate {
  margin-left: 110px
}

.achievedStatus>div>label {
  min-width: 170px
}

.milestoneActivityContainer {
  padding: 0 20px
}

.milestoneActivity {
  box-shadow: none
}

.milestoneActivity>div .collapsible-body {
  line-height: 1.5rem;
  min-height: 1.5rem;
  padding-left: 15px;
  background: #f5f5f5
}

.milestoneActivity>div .collapsible-body-ext {
  min-height: 1.5rem;
  padding: 0 15px;
  background: #fafafa;
  border-bottom: 1px solid #ddd
}

.milestoneActivity>div .displayHidden {
  display: none
}

.milestoneActivity>div .displayBlock {
  display: block
}

@media only screen and (min-width: 601px) and (max-width:960px) {
  .milestoneActivity .activityTitle {
      max-width:350px
  }
}

@media only screen and (min-width: 961px) and (max-width:1365px) {
  .milestoneActivity .activityTitle {
      max-width:500px
  }
}

@media only screen and (min-width: 1366px) {
  .milestoneActivity .activityTitle {
      max-width:700px
  }
}

.milestoneActivity .row {
  margin-bottom: 0
}

.milestoneActivity .statusCompleted {
  color: #689f38
}

.milestoneActivity .statusNotComplete {
  color: #0177d6
}

.milestoneActivity .statusLookup {
  padding: 10px 20px;
  min-width: 185px
}

.milestoneActivity .completionPercent {
  position: absolute;
  top: 12px;
  right: 12px;
  margin-right: 10px
}

.milestoneActivity .statusSlider {
  width: 73%!important
}

.statusCircle {
  border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-border-radius: 50%;
  width: 16px;
  height: 16px;
  float: left;
  border: 1px solid #b5b5b5;
  font-size: 0
}

.statusCircle.completed {
  background: #689f38
}

.milestonesContainer {
  border-bottom: 1px solid #d0d0d0
}

.milestonesContainer .milestoneSection {
  width: 20%;
  margin: 20px 0;
  display: inline-flex;
  justify-content: center;
  flex-direction: column;
  height: 75px;
  border-right: 1px solid #d0d0d0
}

.milestonesContainer .milestoneSection.milestoneSection:first-child,.milestonesContainer .milestoneSection.milestoneSection:last-child {
  border: 0
}

.milestonesContainer .milestoneSection.milestoneSection:first-child {
  width: 18%;
  float: left
}

.milestonesContainer .milestoneSection .totalText {
  padding: 50px 0 0 17px
}

.milestonesContainer .milestoneSection .phaseCount {
  margin-bottom: -30px;
  font-size: 1.71429rem
}

.milestonesContainer .milestoneSection .phaseCount .phaseCountLink {
  display: block;
  width: 80px;
  height: 66px;
  padding-top: 12px;
  margin: auto
}

.milestonesContainer .milestoneSection .phaseCount>a.active {
  position: relative;
  background: #fff;
  border-top: 2px solid #0177d6;
  border-left: 1px solid #d0d0d0;
  border-right: 1px solid #d0d0d0;
  color: #212121
}

.linkedDocsContainer {
  border-bottom: 1px solid #d0d0d0;
  padding: 0 20px
}

.linkedDocsContainer .linkedDocsSection {
  width: 20%;
  margin: 20px 0;
  display: inline-flex;
  justify-content: center;
  flex-direction: column;
  height: 75px;
  border-right: 1px solid #d0d0d0
}

.linkedDocsContainer .linkedDocsSection.linkedDocsSection:first-child {
  width: 18%;
  float: left
}

.linkedDocsContainer .linkedDocsSection.linkedDocsSection:first-child,.linkedDocsContainer .linkedDocsSection.linkedDocsSection:last-child {
  border: 0
}

.linkedDocsContainer .linkedDocsSection .totalText {
  padding: 50px 0 0 17px
}

.linkedDocsContainer .linkedDocsSection .docsCount {
  margin-bottom: -30px;
  font-size: 1.71429rem
}

.linkedDocsContainer .linkedDocsSection .docsCount .docsCountLink {
  display: block;
  width: 80px;
  height: 66px;
  padding-top: 12px;
  margin: auto
}

.cardsRow .boxItem:last-child .beforNode,.progressWrap .progressMeterWrapper:after {
  display: none
}

.linkedDocsContainer .linkedDocsSection .docsCount>a.active {
  position: relative;
  background: #fff;
  border-top: 2px solid #159dfc;
  border-left: 1px solid #d0d0d0;
  border-right: 1px solid #d0d0d0;
  color: #212121
}

.achieved {
  color: #689f38!important
}

.notAchieved {
  color: #d63d3d!important
}

.summaryPanelContainer {
  overflow: hidden;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
  box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)
}

.summaryPanelContainer.summaryPanelFixed {
  position: fixed;
  z-index: 6;
  top: 50px;
  width: 100%
}

.summaryPanelContainer.summaryPanelErrorHeader {
  position: fixed;
  z-index: 60;
  top: 90px;
  width: 100%
}

.summaryPanelContainer .fullPanel {
  height: 100%
}

.summaryPanelContainerCollapsed {
  height: 110px;
  -ms-transition: height 1s ease;
  transition: height 1s ease
}

.summaryPanelContainerCollapsed.summaryPanelFixed {
  position: fixed;
  z-index: 999;
  top: 50px;
  width: 100%
}

.summaryPanelContainerCollapsed.summaryPanelErrorHeader {
  position: fixed;
  z-index: 999;
  top: 90px;
  width: 100%
}

.summaryPanelContainerCollapsed .fullPanel {
  height: 0;
  -webkit-transition: height 1s ease;
  -moz-transition: height 1s ease;
  -o-transition: height 1s ease;
  -ms-transition: height 1s ease;
  transition: height 1s ease
}

.summaryPanel {
  opacity: 1;
  z-index: 860;
  background-color: #fff;
  position: relative;
  overflow: hidden;
  transition: height 1s ease
}

.summaryPanel .projectFieldsContainer {
  width: 100%;
  padding-left: 85px!important;
  position: relative
}

.summaryPanel .marginTopN8 {
  margin-top: -8px!important
}

.projectsNav.extra-nav-wrap {
  box-shadow: none
}

.widgetWithPanel.fixedFormWidget.collapsedPanel .secondary-navigation {
  height: calc(100% - 120px)
}

.widgetWithPanel.fixedFormWidget.collapsedPanel .secondary-navigation .secondary-navigation-one {
  top: 95px
}

@media only screen and (max-width: 1366px) {
  .widgetWithPanel.collapsedPanel .secondary-navigation {
      height:calc(100% - 220px)
  }

  .widgetWithPanel.collapsedPanel .secondary-navigation .secondary-navigation-one {
      top: -93px
  }

  .widgetWithPanel.expandedPanel .secondary-navigation {
      height: calc(100% - 360px)
  }

  .widgetWithPanel.expandedPanel .secondary-navigation .secondary-navigation-one {
      top: 0
  }

  .widgetWithPanel.fixedFormWidget.expandedPanel .secondary-navigation {
      height: calc(100% - 240px)
  }

  .widgetWithPanel.fixedFormWidget.expandedPanel .secondary-navigation .secondary-navigation-one {
      top: 185px
  }
}

@media only screen and (min-width: 1367px) {
  .widgetWithPanel.collapsedPanel .secondary-navigation {
      height:calc(100% - 185px)
  }

  .widgetWithPanel.collapsedPanel .secondary-navigation .secondary-navigation-one {
      top: -93px
  }

  .widgetWithPanel.expandedPanel .secondary-navigation {
      height: calc(100% - 320px)
  }

  .widgetWithPanel.expandedPanel .secondary-navigation .secondary-navigation-one {
      top: 0
  }

  .widgetWithPanel.fixedFormWidget.expandedPanel .secondary-navigation {
      height: calc(100% - 190px)
  }

  .widgetWithPanel.fixedFormWidget.expandedPanel .secondary-navigation .secondary-navigation-one {
      top: 185px
  }
}

.projectSummaryPanel .marginTopN18 {
  margin-top: -18px!important
}

.projectSummaryPanel .marginTopN16 {
  margin-top: -16px!important
}

.projectSummaryPanel .projectPhase input[type=text][readonly].select-dropdown {
  border: 0;
  font-size: 1.2rem
}

.projectSummaryPanel .projectPhase .select-wrapper span.caret {
  top: 10%
}

.projectSummaryPanel input[type=text][readonly].select-dropdown {
  border: 0;
  color: #2196F3
}

.highRisk .firstContainer .row,.highRisk .projectFieldsContainer .row {
  border-bottom: 1px solid #d63d3d
}

.projectSummaryPanel input[type=text][readonly].select-dropdown:disabled {
  color: #757575
}

.projectSummaryPanel .fiscalData .fiscalYearText {
  position: absolute;
  top: 32px
}

.projectSummaryPanel .fiscalData .fiscalYearText>i {
  position: relative!important;
  top: 10px
}

.projectSummaryPanel .fiscalData .fiscalText {
  top: 45px
}

.projectSummaryPanel .fiscalData .fiscalLabel {
  top: 60px
}

.animatePanel {
  -webkit-animation: .7s fadeOutUp ease;
  animation: .7s fadeOutUp ease
}

.summaryWrapper .icon>svg {
  height: 40px;
  width: 40px
}

.projectStatus,.projectStatusFixed {
  width: 48px;
  position: absolute;
  left: 32px
}

.projectStatus {
  top: 12px;
  height: calc(100% - 12px)
}

.projectStatusFixed {
  top: 9px;
  height: calc(100% - 16px)
}

.projectFields {
  height: 135px
}

.progressWrap {
  position: relative
}

.progressWrap i {
  position: absolute;
  top: 14px;
  left: 17px;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  color: #FFF;
  text-align: center;
  line-height: 48px
}

.iconCompleted {
  background: #77a6cc;
  fill: #fff
}

.iconNotStarted {
  background: #fff
}

.progressWrap i>svg {
  width: 24px;
  height: 24px;
  color: #FFF
}

.progressWrap .progressMeter circle {
  stroke-width: 8px
}

.completedPhase {
  background: #77a6cc
}

.notStartedPhase {
  background: #EEE
}

.riskMessage {
  position: absolute;
  margin-top: 38px;
  margin-left: 10px
}

.savingsText {
  float: left;
  padding: 5px;
  line-height: 1.3;
  width: calc(100% - 71px)
}

.fiscalYearText>i {
  position: absolute!important
}

.projectStatusUpdate {
  position: relative;
  top: 5px;
  left: 20px
}

.projectStatusUpdate .commentDetails {
  position: absolute;
  top: 22px
}

.highRisk .firstContainer {
  height: 56px!important
}

.highRisk .firstContainer .row {
  height: 45px
}

.highRisk .projectFieldsContainer {
  height: 76px;
  overflow: hidden;
  transition: height 1s ease
}

.highRisk .projectFieldsContainer.projectFieldsContainerCollapsed {
  height: 0!important;
  transition: height 1s ease
}

.highRisk .projectFieldsContainer .fiscalText {
  position: absolute;
  top: 23px
}

.highRisk .projectFieldsContainer .fiscalLabel {
  line-height: 24px;
  color: #9e9e9e;
  font-size: .85714rem;
  position: absolute;
  top: 39px
}

.highRisk .projectFieldsContainer .fiscalTextCollapsed {
  position: absolute;
  top: 30px
}

.highRisk .projectFieldsContainer .fiscalLabelCollapsed {
  position: absolute;
  top: 45px
}

.highRisk .projectFieldsContainer .fiscalYearTextCollapsed {
  position: absolute;
  top: 25px
}

.highRisk .projectSummaryPanel {
  transition: height 1s ease
}

.highRisk .projectSummaryPanel .projectPhase input[type=text][readonly].select-dropdown {
  border: 0;
  color: #f44336;
  font-size: 1.2rem
}

.highRisk .iconActive {
  background: #d63d3d;
  fill: #fff
}

.highRisk .activePhase {
  background: #d63d3d
}

.highRisk.activeStroke .progressMeter .progress-percentage {
  stroke: #d63d3d
}

.mediumRisk .firstContainer {
  height: 56px!important
}

.mediumRisk .firstContainer .row {
  border-bottom: 1px solid #d63d3d;
  height: 45px
}

.mediumRisk .projectFieldsContainer {
  height: 76px;
  overflow: hidden;
  transition: height 1s ease
}

.mediumRisk .projectFieldsContainer.projectFieldsContainerCollapsed {
  height: 0!important;
  transition: height 1s ease
}

.mediumRisk .projectFieldsContainer .row {
  border-bottom: 1px solid #e85e34
}

.mediumRisk .projectFieldsContainer .fiscalText {
  position: absolute;
  top: 23px
}

.mediumRisk .projectFieldsContainer .fiscalLabel {
  line-height: 24px;
  color: #9e9e9e;
  font-size: .85714rem;
  position: absolute;
  top: 39px
}

.mediumRisk .projectFieldsContainer .fiscalTextCollapsed {
  position: absolute;
  top: 30px
}

.mediumRisk .projectFieldsContainer .fiscalLabelCollapsed {
  position: absolute;
  top: 45px
}

.mediumRisk .projectFieldsContainer .fiscalYearTextCollapsed {
  position: absolute;
  top: 25px
}

.mediumRisk .projectSummaryPanel .projectPhase input[type=text][readonly].select-dropdown {
  border: 0;
  color: #e85e34;
  font-size: 1.2rem
}

.mediumRisk .iconActive {
  background: #e85e34;
  fill: #fff
}

.mediumRisk .activePhase {
  background: #e85e34
}

.mediumRisk.activeStroke .progressMeter .progress-percentage {
  stroke: #e85e34
}

.noRisk .firstContainer {
  height: 56px!important
}

.noRisk .firstContainer .row {
  border-bottom: 1px solid #d63d3d;
  height: 45px
}

.noRisk .projectFieldsContainer {
  height: 76px;
  overflow: hidden;
  transition: height 1s ease
}

.noRisk .projectFieldsContainer.projectFieldsContainerCollapsed {
  height: 0!important;
  transition: height 1s ease
}

.noRisk .projectFieldsContainer .row {
  border-bottom: 1px solid #689f38
}

.noRisk .projectFieldsContainer .fiscalText {
  position: absolute;
  top: 23px
}

.noRisk .projectFieldsContainer .fiscalLabel {
  line-height: 24px;
  color: #9e9e9e;
  font-size: .85714rem;
  position: absolute;
  top: 39px
}

.noRisk .projectFieldsContainer .fiscalTextCollapsed {
  position: absolute;
  top: 30px
}

.noRisk .projectFieldsContainer .fiscalLabelCollapsed {
  position: absolute;
  top: 45px
}

.noRisk .projectFieldsContainer .fiscalYearTextCollapsed {
  position: absolute;
  top: 25px
}

.noRisk .projectSummaryPanel .projectPhase input[type=text][readonly].select-dropdown {
  border: 0;
  color: #689f38;
  font-size: 1.2rem
}

.noRisk .iconActive {
  background: #689f38;
  fill: #fff
}

.noRisk .activePhase {
  background: #689f38
}

.noRisk.activeStroke .progressMeter .progress-percentage {
  stroke: #689f38
}

.notApplicable .firstContainer {
  height: 56px!important
}

.notApplicable .firstContainer .row {
  border-bottom: 1px solid #d63d3d;
  height: 45px
}

.notApplicable .projectFieldsContainer {
  height: 76px;
  overflow: hidden;
  transition: height 1s ease
}

.notApplicable .projectFieldsContainer.projectFieldsContainerCollapsed {
  height: 0!important;
  transition: height 1s ease
}

.notApplicable .projectFieldsContainer .row {
  border-bottom: 1px solid #8e8e8e
}

.notApplicable .projectFieldsContainer .fiscalText {
  position: absolute;
  top: 23px
}

.notApplicable .projectFieldsContainer .fiscalLabel {
  line-height: 24px;
  color: #9e9e9e;
  font-size: .85714rem;
  position: absolute;
  top: 39px
}

.notApplicable .projectFieldsContainer .fiscalTextCollapsed {
  position: absolute;
  top: 30px
}

.notApplicable .projectFieldsContainer .fiscalLabelCollapsed {
  position: absolute;
  top: 45px
}

.notApplicable .projectFieldsContainer .fiscalYearTextCollapsed {
  position: absolute;
  top: 25px
}

.notApplicable .projectSummaryPanel .projectPhase input[type=text][readonly].select-dropdown {
  border: 0;
  color: #8e8e8e;
  font-size: 1.2rem
}

.notApplicable .iconActive {
  background: #8e8e8e;
  fill: #fff
}

.notApplicable .activePhase {
  background: #8e8e8e
}

.notApplicable.activeStroke .progressMeter .progress-percentage {
  stroke: #8e8e8e
}

.notStartedStroke .progressMeter .progress-percentage {
  stroke: #667985
}

.completedStroke .progressMeter .progress-percentage {
  stroke: #77a6cc
}

@media only screen and (max-width: 960px) {
  .commentStatus {
      max-width:450px
  }

  .highRisk .projectFieldsContainer.projectFieldsContainer:last-child,.mediumRisk .projectFieldsContainer.projectFieldsContainer:last-child,.noRisk .projectFieldsContainer.projectFieldsContainer:last-child,.notApplicable .projectFieldsContainer.projectFieldsContainer:last-child {
      height: 84px
  }
}

@media only screen and (min-width: 961px) {
  .commentStatus {
      max-width:620px
  }
}

@media only screen and (min-width: 1201px) {
  .commentStatus {
      max-width:800px
  }
}

.infotipTop8 {
  top: 8px!important
}

.errorAlertBarFixed {
  position: fixed;
  top: 50px
}

.errorAlertBarFixed.ng-hide-add {
  -webkit-animation: .5s fadeOutUp ease;
  animation: .5s fadeOutUp ease
}

.errorAlertBarFixed.ng-hide-remove {
  -webkit-animation: .5s fadeInDown ease;
  animation: .5s fadeInDown ease
}

.projectsPopup .row {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0
}

.linkError {
  font-size: .8rem;
  transition: all .2s ease-out;
  position: absolute;
  color: #d63d3d;
  bottom: 5px;
  left: 11px
}

.projectsTeamMemberHdrSearch.searchSlideMain {
  width: calc(100% - 81px);
  right: 15px;
  top: 0
}

.width125P {
  width: 125%!important
}

.selectedNodeText {
  max-width: calc(100% - 70px)
}

.requester-form .eventBar {
  height: 56px!important
}

.requester-form .eventBar span {
  font-size: 14px!important
}

.requester-form .eventBar .info-bar i {
  line-height: normal
}

.requester-form.alert-bar--fixed~.smartFormWidgetContainer .secondary-navigation {
  top: 155px!important
}

.requester-form.alert-bar--fixed.errorAlertBarFixed~.smartFormWidgetContainer .secondary-navigation {
  top: 93px!important
}

.cardsRow.myBox {
  margin-bottom: 30px!important;
  padding-bottom: 30px;
  border-bottom: 1px dashed #ccc
}

.cardsRow .checkboxWithIcon .circle {
  line-height: 32px
}

.cardsRow:last-child {
  padding-bottom: 0;
  border-bottom: none
}

.boxItem {
  display: inline-block;
  position: relative;
  z-index: 1
}

.boxItem .card {
  height: 128px;
  padding: 15px;
  margin: 0
}

.boxItem .afterNode,.boxItem .beforHiddenNode,.boxItem .beforNode {
  top: 50%;
  height: 2px;
  content: "";
  background: #ccc;
  position: absolute
}

.boxItem .beforNode {
  left: 100%;
  width: 25px
}

.boxItem .beforNode .connectorDots {
  left: -2px
}

.boxItem .afterNode {
  right: 100%;
  width: 25px
}

.boxItem .afterNode .connectorDots {
  right: -2px
}

.boxItem .beforHiddenNode {
  left: 0;
  width: 100%
}

.beforVNode:before {
  content: "";
  position: absolute;
  top: -62px;
  height: 100%;
  background: #ccc;
  width: 2px;
  left: -25px
}

.boxItem:first-of-type .connectorDots.left,.boxItem:first-of-type:before,.boxItem:last-of-type .connectorDots.right,.boxItem:last-of-type:after {
  display: none
}

.connectorDots {
  width: 6px;
  height: 6px;
  border-radius: 3px;
  background: #ccc;
  position: absolute;
  top: 50%;
  margin-top: -3px
}

.myBox {
  white-space: nowrap
}

.noAuction:before {
  content: '';
  width: 156%;
  border-bottom: 2px solid #ccc;
  position: absolute;
  top: 50%
}

.custom_box {
  margin-top: 15px
}

.cards-title-linkeddoc {
  height: 52px;
  position: relative
}

.doc-count,.line {
  position: absolute
}

.color-one {
  background-color: #E53935
}

.color-two {
  background-color: #5A68C8
}

.color-three {
  background-color: #DA7800
}

.card-header-title {
  font-size: 18px;
  line-height: 52px;
  color: #fff;
  margin-left: 10px;
  text-transform: uppercase
}

.doc-count {
  float: right;
  color: #000;
  font-size: 16px;
  font-weight: 300;
  right: -5px;
  top: 10px;
  background: #fdd835;
  border-radius: 3px;
  width: 75px;
  text-align: center;
  padding: 3px 0;
  box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)
}

.View-more-doc,.add-more-doc a {
  border-radius: 50%;
  box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)
}

.textRight {
  text-align: right
}

.doc-title {
  font-size: 14px;
  color: #000
}

.cardsRow {
  padding: 15px 4px 10px;
  margin: 0!important
}

.cardContainer {
  padding: 0 25px!important
}

.cardContent {
  overflow: visible
}

.line {
  height: 1px;
  width: 1px;
  background: #00f;
  -moz-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0
}

.View-more-doc {
  width: 30px;
  height: 30px;
  background: #179dfb;
  display: table;
  margin: -5px auto 0
}

.View-more-doc a {
  display: table;
  margin: 4px auto 0;
  text-align: center;
  color: #fff
}

.add-more-doc {
  display: table;
  margin: -12px -8px 0;
  position: relative;
  z-index: 3
}

.add-more-doc a {
  background: #fff;
  width: 17px;
  height: 17px;
  line-height: 17px
}

.boxItem.ng-hide {
  opacity: 0
}

.boxItem.ng-hide-add,.boxItem.ng-hide-remove {
  transition: all linear .5s
}

.linked-doc-landing.teamMemberHdrSearch.searchSlideMain {
  width: calc(100% - 220px);
  right: 160px;
  top: 0
}

.page-plain-gray {
  background: #ecf1f5!important
}

.card-0,.card-1 {
  margin: -120px auto 0!important;
  display: block;
  position: relative
}

.card-0 {
  transform: scale(.95);
  z-index: -1
}

.card-1 {
  transform: scale(.9);
  z-index: -2
}

.prevent-activity .prevent-activity-overlay {
  position: absolute;
  top: 0;
  left: 0;
  background: 0 0;
  width: 100%;
  height: 100%;
  z-index: 20
}

.prevent-activity .checkboxWithIcon .icon {
  background-color: #757575!important
}

.prevent-activity .doc-count {
  background: #d1d1d1;
  color: #fff
}

.prevent-activity .color-one,.prevent-activity .color-three,.prevent-activity .color-two {
  background-color: #757575
}

.prevent-activity .View-more-doc {
  background: #d1d1d1
}

.prevent-activity .add-more-doc a {
  background: #d1d1d1;
  color: #fff
}

#smartbuy {
  height: 100%
}

#smartbuy .spacer1 {
  height: 100px;
  display: block
}

#smartbuy .spacer2 {
  height: 200px;
  display: block
}

#smartbuy .sub-strip {
  height: 50px;
  width: 100%;
  background-color: #fff;
  position: absolute;
  z-index: 0;
  left: 0;
  top: 0;
  box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)
}

#smartbuy .sub-strip .strip-sep {
  height: 36px;
  width: 1px;
  background-color: #ddd;
  margin: 7px 15px 0 0;
  float: right
}

#smartbuy .sub-strip .sb-help-think {
  background-color: #fff8c6;
  position: absolute;
  right: 0;
  top: 100%;
  margin: 10px 10px 0 0;
  color: #000;
  font-size: 13px;
  padding: 8px 14px;
  text-shadow: 0 0 0;
  cursor: default
}

#smartbuy .sub-strip i.sb-help {
  height: 36px!important;
  width: 36px;
  line-height: 36px!important;
  float: right;
  color: #fff;
  text-align: center;
  border: 1px;
  background-color: #57bc90;
  border-radius: 50%;
  margin: 7px 10px 0 0
}

#smartbuy .sub-strip i.sb-help svg {
  height: 36px;
  width: 36px;
  vertical-align: top
}

#smartbuy .sub-strip-bef {
  position: relative;
  z-index: 1;
  background-color: #0067b0
}

#smartbuy .extra-nav-wrap.sb-sub-header {
  box-shadow: 0 0;
  z-index: 3
}

#smartbuy .sb-view {
  height: calc(100% - 50px)
}

#smartbuy .sb-slide-collection {
  height: 100%;
  background-color: #fff
}

#smartbuy .sb-slide-collection .sb-slide {
  height: 100%;
  position: relative;
  overflow: hidden;
  background-position: center bottom;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-image: url(../../../smartBuy/images/slantPattern.png)
}

#smartbuy .sb-slide-collection .sb-slide.sb-slide-even {
  background-color: #fafafa
}

#smartbuy .sb-slide-collection .sb-slide.sb-slide-odd {
  background-color: #fff
}

#smartbuy .sb-slide-collection .dynamic-slide-wrapper {
  position: relative;
  z-index: 1
}

#smartbuy .sb-slide-collection .slide-wrapper {
  height: 100%;
  margin-bottom: 400px
}

#smartbuy .sb-slide-collection .sb-slide-op {
  min-height: 100vh;
  padding-top: 100px;
  margin-bottom: 400px;
  z-index: 2;
  box-shadow: 0 -4px 6px 0 rgba(0,0,0,.05);
  border-top: 1px solid #fff
}

#smartbuy .sb-slide-collection .sb-slide-op.srfForm {
  padding-top: 50px
}

#smartbuy .sb-slide-collection .slide-swipe {
  position: relative;
  width: 100%;
  height: 100%
}

#smartbuy .sb-slide-collection .slide-swipe+.slide-swipe {
  top: -100%;
  left: 100%
}

#smartbuy .field-wrap {
  width: 50%;
  top: 48%;
  left: 25%;
  position: fixed;
  z-index: 3
}

#smartbuy .field-wrap .other-recom-label-wrap {
  position: relative
}

#smartbuy .field-wrap .other-recom-label-wrap .other-recom-label {
  position: absolute;
  top: 15px;
  left: 0;
  opacity: 0;
  white-space: nowrap;
  display: none;
  font-weight: 700;
  font-size: 12px
}

#smartbuy .field-wrap .sb-field input[type=text] {
  padding: 10px 16px;
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 0 2px 6px rgba(0,0,0,.15);
  transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -o-transition: all .4s ease;
  -ms-transition: all .4s ease
}

#smartbuy .field-wrap .sb-field input[type=text]:active,#smartbuy .field-wrap .sb-field input[type=text]:focus,#smartbuy .field-wrap .sb-field input[type=text]:hover {
  box-shadow: 0 2px 6px rgba(0,0,0,.3)
}

#smartbuy .field-wrap .sb-field input[type=text]::-ms-placeholder,#smartbuy .field-wrap .sb-field input[type=text]::placeholder {
  color: #b7b7b7
}

#smartbuy .field-wrap .sb-field.with-icon input {
  padding: 0 40px
}

#smartbuy .field-wrap .sb-field.with-icon .icon {
  position: absolute;
  top: 50%;
  margin-top: -12px
}

#smartbuy .field-wrap .sb-field.with-icon .icon.close-ic {
  right: 10px
}

#smartbuy .field-wrap .sb-field.with-icon .icon.search-ic {
  left: 10px
}

#smartbuy .field-wrap .sb-field input[type=text] {
  height: 3.5em;
  margin: 0;
  border: 0;
  width: 100%;
  box-sizing: border-box
}

#smartbuy .IS-bulb {
  position: absolute;
  width: 100%;
  bottom: 6%
}

#smartbuy .IS-bulb .w-wrap {
  display: block;
  width: 150px;
  margin: 25px auto 0;
  background-color: rgba(21,157,252,.17);
  border: 2px dotted #fff;
  border-radius: 3px;
  cursor: pointer
}

#smartbuy .IS-bulb .bulb-ad {
  display: block;
  text-align: center;
  width: 80px;
  height: 80px;
  margin: 8px auto 0;
  line-height: 80px;
  background-color: #fff;
  border-radius: 50%
}

#smartbuy .IS-bulb .bulb-ad svg {
  width: 40px;
  height: 40px
}

#smartbuy .IS-bulb .bulb-ad-label {
  text-align: center;
  width: 100%;
  display: inline-block;
  color: #000;
  font-size: 12px;
  text-shadow: 0 0 0 #000;
  margin: 4px 0
}

#smartbuy .search-category-result {
  opacity: 0;
  display: none
}

#smartbuy .search-category-result .cat-circle-wrap {
  width: 120px;
  height: 120px;
  margin: 0 auto;
  position: relative
}

#smartbuy .search-category-result .cat-circle-wrap .cat-circle-placeholder {
  display: none
}

#smartbuy .search-category-result .cat-circle-wrap .cat-circle {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  border: 8px solid #159dfc;
  border-radius: 50%;
  box-shadow: 0 2px 6px rgba(0,0,0,.2);
  position: relative;
  z-index: 1
}

#smartbuy .search-category-result .cat-circle-wrap .cat-circle.ui-draggable-dragging+.cat-circle-placeholder {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 2px dashed #159dfc
}

#smartbuy .search-category-result .cat-circle-wrap .cat-circle:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  box-shadow: 0 2px 6px rgba(0,0,0,.2) inset
}

#smartbuy .search-category-result .msg-status {
  color: #6a4300;
  font-size: 13px;
  margin: 25px 16px 0;
  display: block;
  text-align: center;
  line-height: 17px
}

#smartbuy .search-category-result .msg-status .icon {
  color: #159dfc;
  display: block
}

#smartbuy .search-category-result .msg-status.is-selected {
  margin-top: 35px!important;
  position: absolute;
  top: 0
}

#smartbuy .search-category-result .msg-status.is-selected b {
  display: block;
  font-size: 20px;
  margin-bottom: 8px
}

#smartbuy .search-result-list-wrap {
  position: fixed;
  top: 100%;
  right: 50%;
  margin-right: -280px;
  z-index: 3
}

#smartbuy .search-result-list-wrap.ani-goup .result-item-label {
  display: none!important
}

#smartbuy .search-result-list-wrap.ani-goup .result-item-wrap {
  width: 60px!important
}

#smartbuy .search-result-list-wrap.ani-goup .result-item {
  box-shadow: 0 0!important;
  transform: scale(.7)
}

#smartbuy .search-result-list-wrap .search-result-list {
  margin: 0
}

#smartbuy .search-result-list-wrap .search-result-list .result-item-wrap {
  float: left;
  margin: 0;
  width: 140px;
  top: 160px;
  opacity: 0;
  position: relative;
  text-align: center
}

#smartbuy .search-result-list-wrap .search-result-list .result-item-wrap .result-item {
  width: 60px;
  height: 60px;
  line-height: 56px;
  background-color: #fff;
  border: 2px solid rgba(221,221,221,0);
  box-shadow: 0 2px 6px rgba(0,0,0,.2);
  border-radius: 50%;
  margin: 0 auto
}

#smartbuy .search-result-list-wrap .search-result-list .result-item-wrap .result-item.active {
  background-color: #159dfc;
  border-color: rgba(21,157,252,0)!important
}

#smartbuy .search-result-list-wrap .search-result-list .result-item-wrap .result-item.active svg {
  color: #fff
}

#smartbuy .search-result-list-wrap .search-result-list .result-item-wrap .result-item svg {
  color: #5c5c5c;
  height: 36px;
  width: 36px
}

#smartbuy .search-result-list-wrap .search-result-list .result-item-wrap .result-item-label {
  font-size: 13px;
  font-style: normal;
  line-height: 16px;
  display: block;
  margin: 8px 25px 0;
  text-shadow: 0 0 0 #000
}

#smartbuy .other-recom {
  display: none;
  opacity: 0
}

#smartbuy .other-recom .recom-list-wrap {
  margin: 0 -8px
}

#smartbuy .other-recom .recom-list-wrap .recom-item {
  width: 33.33%;
  height: 150px;
  float: left;
  padding: 0 8px 16px;
  position: relative;
  top: 200px;
  opacity: 0
}

#smartbuy .other-recom .recom-list-wrap .recom-item>div {
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: center;
  height: 100%;
  background-color: #fff;
  padding: 3px 6px;
  border-radius: 2px;
  box-shadow: 0 0 3px rgba(0,0,0,.11)
}

#smartbuy .other-recom .recom-list-wrap .recom-item>div .recom-sublabel {
  font-style: normal;
  font-size: 11px;
  color: #a8a8a8
}

#smartbuy .other-recom .recom-label {
  margin-bottom: 14px;
  display: block;
  text-shadow: 0 0 0 #000
}

#smartbuy .other-recom,#smartbuy .search-category-result {
  position: absolute;
  width: 450px;
  top: 75%;
  left: 50%;
  margin: 0 auto 0 -225px
}

#smartbuy .other-recom {
  position: fixed
}

#smartbuy .internal-ref {
  height: 100%;
  line-height: 128px
}

#smartbuy .internal-ref .icon {
  display: inline-block;
  margin: 0 auto;
  width: 100%;
  text-align: center
}

#smartbuy .internal-ref .icon .recom-name {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 13px;
  display: block;
  text-align: center;
  margin: 6px 5px 0;
  line-height: 14px
}

#smartbuy .internal-ref .iref-wrap {
  line-height: normal;
  display: inline-block;
  vertical-align: middle;
  width: 100%
}

#smartbuy .internal-ref .iref-wrap svg {
  height: 40px;
  width: 40px
}

#smartbuy .go-next-step {
  position: fixed;
  right: 0;
  bottom: 0;
  margin: 25px;
  cursor: pointer;
  z-index: 4
}

#smartbuy .onHandStock .listing-main-wrap,#smartbuy .recommItem .listing-main-wrap {
  margin-top: -178.5px
}

#smartbuy .go-next-step .nextStepInformer {
  position: absolute;
  right: 100%;
  white-space: nowrap;
  border-radius: 5px 0 0 5px;
  margin-right: 6px;
  overflow: hidden
}

#smartbuy .go-next-step .nextStepInformer .halfround {
  height: 44px;
  width: 12px;
  display: inline-block;
  vertical-align: middle;
  background-image: url(../../../smartBuy/images/curves.png);
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: right;
  position: absolute;
  right: 0;
  top: 0
}

#smartbuy .go-next-step .nextStepInformer .nextStepInformerWrap {
  height: 44px;
  line-height: 40px;
  padding: 2px 10px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 12px;
  background-color: #159dfc
}

#smartbuy .go-next-step .nextStepInformer .nextStepInformerWrap .icon {
  vertical-align: top
}

#smartbuy .go-next-step .nextStepInformer .nextStepInformerWrap .nextstepval {
  max-width: 120px;
  display: inline-block;
  white-space: normal;
  vertical-align: top;
  margin-left: 5px;
  line-height: 34px;
  text-shadow: 0 0 0 #fff;
  padding: 3px 0;
  text-transform: uppercase
}

#smartbuy .go-next-step .nextStepInformer .nextStepInformerWrap .nextstepval span {
  line-height: 17px;
  display: inline-block
}

#smartbuy .go-next-step .nextStepInformer .nextStepInformerWrap svg {
  width: 30px!important;
  height: 30px!important
}

#smartbuy .go-next-step svg {
  height: 45px;
  width: 45px
}

#smartbuy .activeQuote .top-slide-strip,#smartbuy .contractItem .top-slide-strip,#smartbuy .externalItem .top-slide-strip,#smartbuy .onHandStock .top-slide-strip,#smartbuy .policyItem .top-slide-strip,#smartbuy .punchoutItem .top-slide-strip,#smartbuy .recommItem .top-slide-strip {
  left: 0;
  height: 95px!important;
  font-size: 1.7em!important
}

#smartbuy .go-next-step .icon.stepper-icon {
  color: #159dfc;
  background-color: #fff;
  border-radius: 50%
}

#smartbuy .activeQuote .top-slide-strip,#smartbuy .contractItem .top-slide-strip,#smartbuy .externalItem .top-slide-strip,#smartbuy .onHandStock .top-slide-strip,#smartbuy .policyItem .top-slide-strip,#smartbuy .punchoutItem .top-slide-strip,#smartbuy .recommItem .top-slide-strip,#smartbuy .teamsItem .teams .top-slide-strip {
  background-color: transparent!important;
  width: 100%;
  position: absolute
}

#smartbuy .go-next-step.go-next-step-disable {
  cursor: default;
  pointer-events: none
}

#smartbuy .go-next-step.go-next-step-disable .icon.stepper-icon {
  color: #ccc
}

#smartbuy .onHandStock .top-slide-strip {
  line-height: 95px!important
}

#smartbuy .onHandStock .top-slide-strip .slide-title-strip {
  line-height: 30px!important
}

#smartbuy .recommItem .top-slide-strip {
  line-height: 95px!important
}

#smartbuy .recommItem .top-slide-strip .slide-title-strip {
  line-height: 30px!important
}

#smartbuy .activeQuote .listing-main-wrap,#smartbuy .activeQuote .main-slide-wraper {
  margin-top: -145px
}

#smartbuy .activeQuote .top-slide-strip {
  line-height: 95px!important
}

#smartbuy .activeQuote .top-slide-strip .slide-title-strip {
  line-height: 30px!important
}

#smartbuy .contractItem .main-slide-wraper {
  margin-top: -145.5px
}

#smartbuy .contractItem .listing-main-wrap {
  margin-top: -143.5px
}

#smartbuy .contractItem .top-slide-strip {
  line-height: 95px!important
}

#smartbuy .contractItem .top-slide-strip .slide-title-strip {
  line-height: 30px!important
}

#smartbuy .externalItem .main-slide-wraper {
  margin-top: -145.5px
}

#smartbuy .externalItem .listing-main-wrap {
  margin-top: -143.5px
}

#smartbuy .externalItem .top-slide-strip {
  line-height: 95px!important
}

#smartbuy .externalItem .top-slide-strip .slide-title-strip {
  line-height: 30px!important
}

#smartbuy .policyItem .listing-main-wrap,#smartbuy .policyItem .main-slide-wraper {
  margin-top: -146.5px
}

#smartbuy .policyItem .top-slide-strip {
  line-height: 95px!important
}

#smartbuy .policyItem .top-slide-strip .slide-title-strip {
  line-height: 30px!important
}

#smartbuy .punchoutItem .listing-main-wrap,#smartbuy .punchoutItem .main-slide-wraper {
  margin-top: -100px
}

#smartbuy .punchoutItem .top-slide-strip {
  line-height: 95px!important
}

#smartbuy .punchoutItem .top-slide-strip .slide-title-strip {
  line-height: 30px!important
}

#smartbuy .teamsItem .teams .top-slide-strip {
  top: 0;
  line-height: 95px
}

#smartbuy .teamsItem .teams .slide-title-strip {
  line-height: 25px;
  display: inline-block;
  vertical-align: middle;
  position: relative
}

#smartbuy .teamsItem .teams-card {
  position: relative;
  top: 50%;
  margin-top: -119.5px
}

#smartbuy .teamsItem .teams-card .listing-cards2-collection .listing-cards2-item-wrapper {
  width: 65%;
  margin: 0 auto
}

#smartbuy .teamsItem .teams-card .listing-cards2-collection .listing-cards2-item-wrapper>.listing-cards2-item {
  float: left;
  width: 33.33%
}

#smartbuy .teamsItem .teams-card .listing-cards2-collection .listing-cards2-item-wrapper>.listing-cards2-item .listing-cards2-content {
  width: 85%;
  margin: 0 auto;
  position: relative;
  box-shadow: 0 0 10px rgba(0,0,0,.2)
}

#smartbuy .teamsItem .teams-card .listing-cards2-collection .listing-cards2-item-wrapper>.listing-cards2-item .listing-cards2-content._SM_Effect {
  top: 330px;
  transform: scale(0)
}

#smartbuy .teamsItem .teams-card .listing-cards2-collection .listing-cards2-item-wrapper>.listing-cards2-item .listing-cards2-content .listing-cards2-top {
  background-color: #ffba00;
  border-radius: 3px 3px 0 0;
  padding-bottom: 10px
}

#smartbuy .teamsItem .teams-card .listing-cards2-collection .listing-cards2-item-wrapper>.listing-cards2-item .listing-cards2-content .listing-cards2-top .listing-profile-img {
  display: block;
  width: 100px;
  height: 100px;
  background-color: #eee;
  margin: -50px auto 0;
  border-radius: 50%;
  border: 2px solid #fff;
  background-image: url(../../../smartBuy/images/profile.jpg);
  background-position: center;
  background-size: 100%
}

#smartbuy .teamsItem .teams-card .listing-cards2-collection .listing-cards2-item-wrapper>.listing-cards2-item .listing-cards2-content .listing-cards2-middle {
  background-color: #fff;
  padding: 20px;
  border-radius: 0 0 3px 3px
}

#smartbuy .teamsItem .teams-card .listing-cards2-collection .listing-cards2-item-wrapper>.listing-cards2-item .listing-cards2-content .listing-cards2-middle>div {
  margin-bottom: 6px
}

#smartbuy .teamsItem .teams-card .listing-cards2-collection .listing-cards2-item-wrapper>.listing-cards2-item .listing-cards2-content .listing-cards2-middle>div .icon {
  color: grey;
  width: 28px
}

#smartbuy .teamsItem .teams-card .listing-cards2-collection .listing-cards2-item-wrapper>.listing-cards2-item .listing-cards2-content .listing-cards2-middle>div.main-listing-row {
  margin-bottom: 10px
}

#smartbuy .teamsItem .teams-card .listing-cards2-collection .listing-cards2-item-wrapper>.listing-cards2-item .listing-cards2-content .listing-cards2-middle>div.main-listing-row>span {
  display: block
}

#smartbuy .teamsItem .teams-card .listing-cards2-collection .listing-cards2-item-wrapper>.listing-cards2-item .listing-cards2-content .listing-cards2-middle>div.main-listing-row>span.listing-row-main-value {
  font-size: 1.1em;
  font-weight: 700
}

#smartbuy .teamsItem .teams-card .listing-cards2-collection .listing-cards2-item-wrapper>.listing-cards2-item .listing-cards2-content .listing-cards2-middle>div.main-listing-row>span.listing-row-main-subvalue {
  font-size: .8em;
  color: grey
}

#smartbuy .recom-supplier .listing-main-wrap {
  margin-top: -135.5px
}

#smartbuy .main-slide-data {
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: relative
}

#smartbuy .main-slide-data .listing-main-wrap {
  position: relative;
  top: 50%
}

#smartbuy .main-slide-data .listing-main-wrap .listing-main {
  position: relative;
  display: table;
  margin: 0 auto
}

#smartbuy .main-slide-data .listing-main-wrap .listing-main .stepin-wrap {
  z-index: 1;
  position: absolute;
  right: 0;
  border-radius: 50%;
  top: 0;
  opacity: 1;
  cursor: pointer;
  margin: -10px -40px;
  padding: 10px
}

#smartbuy .main-slide-data .listing-main-wrap .listing-main .stepin-wrap._SM_Effect {
  opacity: 0;
  right: 250px
}

#smartbuy .main-slide-data .listing-main-wrap .listing-main .stepin-wrap .stepin {
  border-radius: 50%;
  border: 2px solid #159dfc;
  color: #159dfc;
  width: 24px;
  height: 24px
}

#smartbuy .main-slide-data .listing-main-wrap .listing-main .stepin-wrap .stepin svg {
  margin: -4px 0 0 -2px
}

#smartbuy .main-slide-data .listing-main-wrap .listing-main .listing-card,#smartbuy .main-slide-data .listing-main-wrap .listing-main .listing-info {
  vertical-align: middle
}

#smartbuy .main-slide-data .listing-main-wrap .listing-main .listing-card {
  position: relative
}

#smartbuy .main-slide-data .listing-main-wrap .listing-main .listing-card._SM_Effect {
  opacity: 0;
  left: -400px;
  top: 400px;
  transform: scale(0)
}

#smartbuy .main-slide-data .listing-main-wrap .listing-main .listing-info {
  position: relative;
  color: #000;
  margin: 0 20px 0 0;
  display: inline-block;
  width: 350px;
  letter-spacing: 1px;
  padding-bottom: 6px
}

#smartbuy .main-slide-data .listing-main-wrap .listing-main .listing-info>span {
  display: block;
  position: relative;
  width: 300px
}

#smartbuy .main-slide-data .listing-main-wrap .listing-main .listing-info .listing-title {
  font-size: 2.2em;
  font-weight: 700;
  line-height: 36px;
  top: 0
}

#smartbuy .main-slide-data .listing-main-wrap .listing-main .listing-info .listing-title._SM_Effect {
  top: 200px
}

#smartbuy .main-slide-data .listing-main-wrap .listing-main .listing-info .listing-for {
  top: 0
}

#smartbuy .main-slide-data .listing-main-wrap .listing-main .listing-info .listing-for._SM_Effect {
  top: 300px
}

#smartbuy .main-slide-data .listing-main-wrap .listing-main .listing-info .listing-searched-term {
  top: 0
}

#smartbuy .main-slide-data .listing-main-wrap .listing-main .listing-info .listing-searched-term._SM_Effect {
  top: 400px
}

#smartbuy .main-slide-data .listing-main-wrap .listing-main .listing-info .listing-for,#smartbuy .main-slide-data .listing-main-wrap .listing-main .listing-info .listing-searched-term {
  font-size: 1.7em;
  line-height: 30px
}

#smartbuy .main-slide-data .listing-main-wrap .listing-main .listing-info .listing-info-strip {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 4px;
  width: 100%;
  background-color: #0177d6
}

#smartbuy .main-slide-data .listing-main-wrap .listing-main .listing-info .listing-info-strip._SM_Effect {
  width: 0
}

#smartbuy .main-slide-data .listing-main-wrap .listing-main .listing-info .listing-searched-term:after,#smartbuy .main-slide-data .listing-main-wrap .listing-main .listing-info .listing-searched-term:before {
  content: "'";
  font-style: italic;
  margin: 0 1px
}

#smartbuy .top-slide-strip {
  background-color: #fafafa;
  color: #000;
  font-size: 1.8em;
  height: 106px;
  line-height: 106px;
  text-align: center
}

#smartbuy .top-slide-strip .slide-title-strip {
  line-height: normal;
  display: inline-block;
  vertical-align: middle;
  position: relative
}

#smartbuy .top-slide-strip .slide-title-strip .slide-title-strip-under {
  content: "";
  width: 0;
  height: 4px;
  background-color: #0177d6;
  margin: 5px auto 0
}

#smartbuy .top-slide-strip .slide-title-strip .stepin-wrap {
  position: absolute;
  left: -100px;
  top: 18px;
  z-index: 1;
  border-radius: 50%;
  cursor: pointer;
  transform: rotateZ(180deg)
}

#smartbuy .top-slide-strip .slide-title-strip .stepin-wrap .stepin {
  display: block;
  border-radius: 50%;
  border: 2px solid #159dfc;
  color: #159dfc;
  width: 24px;
  height: 24px
}

#smartbuy .top-slide-strip .slide-title-strip .stepin-wrap .stepin svg {
  margin: -2px 0 0 -2px;
  float: left
}

#smartbuy .top-slide-strip .slide-title-strip>span {
  display: block;
  text-align: center;
  position: relative
}

#smartbuy .top-slide-strip .slide-title-strip>span._SA_Effect {
  right: -400px;
  opacity: 0
}

#smartbuy .top-slide-strip .slide-title-strip>span:first-child {
  letter-spacing: 1px
}

#smartbuy .main-slide-wraper {
  width: 60%;
  margin: -178.5px auto 0;
  position: relative;
  top: 50%
}

#smartbuy .main-slide-wraper .main-slide-buttons .main-slide-icon {
  position: absolute;
  top: 50%;
  margin-top: -35px;
  color: #159dfc;
  cursor: pointer
}

#smartbuy .main-slide-wraper .main-slide-buttons .main-slide-icon svg {
  height: 70px;
  width: 70px
}

#smartbuy .main-slide-wraper .main-slide-buttons .main-slide-icon.main-slide-icon-disable {
  opacity: .3!important;
  pointer-events: none
}

#smartbuy .main-slide-wraper .main-slide-buttons .main-slide-icon.icon-left-move {
  left: -65px
}

#smartbuy .main-slide-wraper .main-slide-buttons .main-slide-icon.icon-left-move._SA_Effect {
  left: 0;
  opacity: 0
}

#smartbuy .main-slide-wraper .main-slide-buttons .main-slide-icon.icon-right-move {
  right: -65px
}

#smartbuy .main-slide-wraper .main-slide-buttons .main-slide-icon.icon-right-move._SA_Effect {
  right: 0;
  opacity: 0
}

#smartbuy .main-slide-wraper .stepin-wrap {
  position: absolute;
  left: -40px;
  top: 0;
  z-index: 1;
  border-radius: 50%;
  cursor: pointer;
  transform: rotateZ(180deg)
}

#smartbuy .main-slide-wraper .stepin-wrap .stepin {
  display: block;
  border-radius: 50%;
  border: 2px solid #159dfc;
  color: #159dfc;
  width: 24px;
  height: 24px
}

#smartbuy .listing-card.onHand-Stock .listing-card-top .listing-product-img img,#smartbuy .listing-card.recomm-item .listing-card-top .listing-product-img img {
  height: 90px;
  vertical-align: middle
}

#smartbuy .main-slide-wraper .stepin-wrap .stepin svg {
  margin: -2px 0 0 -2px;
  float: left
}

#smartbuy .listing-card-collection {
  margin: 0 auto;
  display: block;
  white-space: nowrap
}

#smartbuy .listing-card-collection.listing-item-slide {
  width: 100%;
  overflow: hidden
}

#smartbuy .listing-card-collection.listing-item-slide>.listing-card-item {
  width: 33.33%;
  padding: 8px 0!important;
  display: inline-block;
  vertical-align: middle;
  float: none;
  position: relative;
  left: 0;
  opacity: 1;
  white-space: normal
}

#smartbuy .listing-card-collection.listing-item-slide>.listing-card-item._SA_Effect {
  left: 100px;
  opacity: 0
}

#smartbuy .listing-card-collection.listing-item-slide>.listing-card-item>.listing-card {
  margin: 0 auto;
  display: block!important
}

#smartbuy .listing-card-collection>.listing-card-item {
  float: left;
  padding: 0 10px
}

#smartbuy .listing-card {
  display: inline-block;
  width: 260px;
  top: 0;
  left: 0;
  box-shadow: 0 0 10px rgba(0,0,0,.2);
  border-radius: 3px
}

#smartbuy .listing-card.onHand-Stock .listing-card-top {
  background-color: #ebf7ff!important;
  padding: 0!important;
  border-bottom: 1px solid #e2e2e2;
  overflow: hidden
}

#smartbuy .listing-card.onHand-Stock .listing-card-top .listing-product-img {
  float: left;
  width: 50%;
  text-align: center;
  padding: 6px 10px;
  background-color: #fff
}

#smartbuy .listing-card.onHand-Stock .listing-card-top .listing-stock-info {
  float: left;
  width: 50%;
  padding: 6px 10px
}

#smartbuy .listing-card.onHand-Stock .listing-card-top .listing-stock-info label {
  color: #636363
}

#smartbuy .listing-card.onHand-Stock .listing-card-top .listing-stock-info .stock-count b {
  display: block;
  color: #549e5b
}

#smartbuy .listing-card.onHand-Stock .listing-card-top .listing-stock-info .stock-plant {
  margin-top: 8px;
  display: block
}

#smartbuy .listing-card.onHand-Stock .listing-card-top .listing-stock-info .stock-plant span {
  display: block;
  color: #000;
  font-size: 12px
}

#smartbuy .listing-card.recomm-item .listing-card-top {
  background-color: #fff!important;
  padding: 0!important;
  border-bottom: 1px solid #e2e2e2
}

#smartbuy .listing-card.recomm-item .listing-card-top .listing-product-img {
  text-align: center;
  padding: 6px 10px
}

#smartbuy .listing-card.recomm-item .listing-card-top .listing-client-rating {
  top: auto!important;
  bottom: -10px
}

#smartbuy .listing-card.contract-item .listing-main-field .listing-client-value {
  font-size: 1.2em;
  font-weight: 700;
  line-height: 19px!important;
  margin-bottom: 0!important;
  color: #444
}

#smartbuy .listing-card.contract-item .listing-main-field {
  margin: 0 -20px 10px;
  border-left: 6px solid purple;
  padding: 8px 14px
}

#smartbuy .listing-card.contract-item .listing-card-content {
  border-radius: 3px 3px 0 0;
  padding: 12px 20px!important
}

#smartbuy .listing-card.contract-item .listing-card-button {
  padding: 12px 20px!important
}

#smartbuy .listing-card.contract-item .listing-pair-group>.pair-item {
  float: left;
  width: 50%
}

#smartbuy .listing-card.policy-item .listing-card-top {
  background-color: #ffba00!important;
  padding-top: 20px!important;
  padding-bottom: 20px!important
}

#smartbuy .listing-card.policy-item .listing-p-label {
  font-size: 1.1em
}

#smartbuy .listing-card.active-quote .listing-card-top {
  background-color: #9e9d24!important;
  padding-top: 20px!important;
  padding-bottom: 20px!important
}

#smartbuy .listing-card.active-quote .listing-p-label {
  font-size: .75em;
  opacity: .9
}

#smartbuy .listing-card.active-quote .listing-p-value {
  font-size: 1.125em
}

#smartbuy .listing-card.active-quote .listing-pair-group>.pair-item {
  float: left;
  width: 50%
}

#smartbuy .listing-card.punchout-item .listing-card-content {
  border-radius: 3px;
  height: 200px;
  line-height: 176px;
  text-align: center
}

#smartbuy .listing-card.punchout-item .listing-card-content img {
  width: 90%;
  margin: 0 auto;
  display: inline-block;
  vertical-align: middle
}

#smartbuy .listing-card .listing-card-wrap {
  position: relative
}

#smartbuy .listing-card .listing-card-wrap>div {
  padding: 12px
}

#smartbuy .listing-card .listing-card-wrap .listing-card-top {
  background-color: #0066b3;
  color: #fff;
  position: relative;
  border-radius: 3px 3px 0 0
}

#smartbuy .listing-card .listing-card-wrap .listing-card-top .c-ico {
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 3px 0 0;
  overflow: hidden
}

#smartbuy .listing-card .listing-card-wrap .listing-card-top .c-ico:before {
  content: "";
  float: left;
  border-width: 20px;
  border-style: solid;
  border-color: #34A855 transparent transparent #34A855
}

#smartbuy .listing-card .listing-card-wrap .listing-card-top .c-ico .icon {
  position: absolute;
  left: 0;
  color: #fff
}

#smartbuy .listing-card .listing-card-wrap .listing-card-top .listing-client-logo {
  width: 100px;
  height: 100px;
  display: block;
  background-color: #fff;
  border-radius: 3px;
  margin-top: -65px;
  box-shadow: 0 0 10px rgba(0,0,0,.2)
}

#smartbuy .listing-card .listing-card-wrap .listing-card-top .listing-client-name {
  display: block;
  font-weight: 700;
  font-size: 1.2em;
  margin-top: 10px;
  letter-spacing: 1px;
  line-height: 25px
}

#smartbuy .listing-card .listing-card-wrap .listing-card-top .listing-client-location {
  display: block;
  font-size: 14px;
  opacity: .9;
  letter-spacing: 0;
  line-height: 21px
}

#smartbuy .listing-card .listing-card-wrap .listing-card-top .listing-client-rating {
  display: block;
  font-size: 12px;
  background-color: #ffba00;
  position: absolute;
  padding: 1px 9px;
  border-radius: 10px;
  top: 8px;
  right: 8px;
  box-shadow: 0 0 2px rgba(0,0,0,.19)
}

#smartbuy .listing-card .listing-card-wrap .listing-card-top .listing-client-rating svg {
  width: 16px;
  height: 16px;
  vertical-align: top
}

#smartbuy .listing-card .listing-card-wrap .listing-card-top .listing-client-rating .icon {
  vertical-align: middle;
  margin-right: 2px
}

#smartbuy .listing-card .listing-card-wrap .listing-card-top .listing-client-rating span {
  vertical-align: middle;
  display: inline-block;
  font-weight: 700
}

#smartbuy .listing-card .listing-card-wrap .listing-card-content {
  background-color: #fff
}

#smartbuy .listing-card .listing-card-wrap .listing-card-content>div:last-child {
  margin-bottom: 0
}

#smartbuy .listing-card .listing-card-wrap .listing-card-content .listing-client-label {
  font-size: 12px;
  color: grey;
  line-height: 18px
}

#smartbuy .listing-card .listing-card-wrap .listing-card-content .listing-client-value {
  margin-bottom: 10px;
  line-height: 21px
}

#smartbuy .listing-card .listing-card-wrap .listing-card-button {
  border-top: 1px solid #e2e2e2;
  background-color: #fff;
  border-radius: 0 0 3px 3px;
  font-size: 13px
}

#smartbuy .listing-card .listing-card-wrap .listing-card-button a {
  line-height: 18px
}

#smartbuy .sb-title {
  margin: 50px 0 0;
  text-transform: uppercase;
  text-align: center;
  font-weight: 700;
  font-size: 2.1em
}

#smartbuy .sb-title .sb-title-underline {
  display: block;
  width: 0;
  height: 4px;
  margin: 6px auto 0;
  background-color: #0177d6
}

#smartbuy .SRF_Form {
  position: relative;
  margin: 20px 30px
}

#smartbuy .SRF_Form .srf-optional-field {
  font-style: italic;
  font-size: 12px;
  margin-left: 5px;
  color: rgba(0,0,0,.64);
  cursor: default;
  display: inline-block;
  margin-bottom: 1px
}

#smartbuy .SRF_Form .srf-add-form-wrap {
  position: absolute;
  top: 300px;
  opacity: 0;
  display: none;
  width: 100%
}

#smartbuy .SRF_Form .srf-form-card {
  position: absolute;
  top: 100%;
  width: 100%;
  opacity: 0
}

#smartbuy .SRF_Form .srf-form-wrap {
  padding: 30px
}

#smartbuy .SRF_Form .srf-add-form-section {
  border-top: 1px dashed rgba(0,0,0,.24);
  position: relative;
  padding-top: 20px;
  min-height: 100px
}

#smartbuy .SRF_Form .form-field-wraper .btn-container {
  position: absolute;
  z-index: 1;
  width: 100%
}

#smartbuy .SRF_Form .form-field-wraper .form-field {
  position: relative;
  margin-bottom: 40px;
  height: 66px;
  opacity: .5
}

#smartbuy .SRF_Form .form-field-wraper .form-field:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 1
}

#smartbuy .SRF_Form .form-field-wraper .form-field.field-enabled {
  opacity: 1
}

#smartbuy .SRF_Form .form-field-wraper .form-field.field-enabled:after {
  display: none
}

#smartbuy .SRF_Form .form-field-wraper .form-field:last-child {
  margin-bottom: 0
}

#smartbuy .SRF_Form .form-field-wraper .form-field .form-field-wraper-inner.fill-value .form-field-label {
  font-size: .99em;
  top: 2px;
  transition: none;
  text-transform: capitalize;
  left: 0
}

#smartbuy .SRF_Form .form-field-wraper .form-field .form-field-wraper-inner.field-focus .form-field-label {
  font-size: .99em;
  top: 2px
}

#smartbuy .SRF_Form .form-field-wraper .form-field .form-field-label {
  font-size: 1.3em;
  position: absolute;
  top: 20px;
  transition: all .2s ease;
  will-change: top,font-size
}

#smartbuy .SRF_Form .form-field-wraper .form-field .form-field-input {
  height: 32px;
  margin-top: 17px!important;
  font-size: 1.3em
}

#smartbuy .SRF_Form .form-field-wraper .form-field.radio-field .form-field-label {
  position: relative!important;
  font-size: .99em!important;
  top: 0!important
}

#smartbuy .SRF_Form .form-field-wraper .form-field.radio-field .rdl {
  position: relative!important;
  top: 0!important;
  font-size: 1.3em!important
}

#smartbuy .SRF_Form .form-field-wraper .form-field.radio-field .rdl:after,#smartbuy .SRF_Form .form-field-wraper .form-field.radio-field .rdl:before {
  margin: 6px 0!important
}

#smartbuy .SRF_Form .form-field-wraper .form-field.radio-field .form-radio-group>div {
  margin-right: 60px
}

#smartbuy .SRF_Form .form-field-wraper .form-field.typeahead input[id^=typeahead-] {
  height: 32px;
  font-size: 1.3em;
  margin-top: 17px
}

#smartbuy .SRF_Form .form-field-wraper .form-field.typeahead input[id^=typeahead-]:focus {
  box-shadow: 0 0
}

#smartbuy .SRF_Form .form-field-wraper .form-field.typeahead input[id^=typeahead-]:focus+label {
  bottom: 32px;
  font-size: .99em
}

#smartbuy .SRF_Form .form-field-wraper .form-field.typeahead label[id^=label-for-typeahead-] {
  left: 0;
  font-size: 1.3em;
  bottom: 5px
}

#smartbuy .SRF_Form .form-field-wraper .form-field.typeahead label[id^=label-for-typeahead-].active {
  bottom: 32px;
  font-size: .99em
}

#smartbuy .SRF_Form .form-field-wraper .form-field.typeahead .typeaHeade {
  height: auto;
  line-height: normal
}

#smartbuy .SRF_Form .form-field-wraper .form-field.selectfield .input-field input {
  height: 32px;
  margin-top: 17px;
  font-size: 1.3em
}

#smartbuy .SRF_Form .form-field-wraper .form-field.selectfield .input-field .caret {
  right: 14px
}

#smartbuy .SRF_Form .form-field-wraper .form-field.selectfield .input-field label {
  font-size: .99em;
  bottom: 32px;
  left: 0
}

#smartbuy .SRF_Form .form-field-wraper .form-field.showRecom {
  border: none;
  background-color: initial;
  line-height: normal
}

#smartbuy .SRF_Form .form-field-wraper .form-field.showRecom .form-field-wraper-inner {
  font-size: inherit!important
}

#smartbuy .SRF_Form .form-field-wraper .form-field.showRecom .form-field-wraper-inner .form-field-input {
  text-align: left;
  line-height: 32px
}

#smartbuy .SRF_Form .form-field-wraper .form-field.showRecom .form-field-wraper-inner.selected {
  background-color: transparent
}

#smartbuy .SRF_Form .form-field-wraper .form-field.showRecom .form-field-wraper-inner.selected .selectedRecomValue {
  text-decoration: none
}

#smartbuy .SRF_Form .form-field-wraper .form-field.showRecom .form-field-wraper-inner.selected .change-cs {
  display: block
}

#smartbuy .SRF_Form .form-field-wraper .form-field.showRecom .form-field-wraper-inner.selected .opt-text,#smartbuy .SRF_Form .form-field-wraper .form-field.showRecom .srecom-label {
  display: none
}

#smartbuy .SRF_Form .form-field-wraper .form-field.showRecom .selected-cs {
  position: relative
}

#smartbuy .SRF_Form .form-field-wraper .form-field.showRecom .selected-cs .selectedRecomValue {
  text-decoration: underline
}

#smartbuy .SRF_Form .form-field-wraper .form-field.showRecom .selected-cs .change-cs {
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: .8em;
  cursor: pointer;
  display: none
}

#smartbuy .SRF_Form .form-field-wraper .form-field.showRecom .selected-cs .change-cs i {
  font-style: normal;
  cursor: pointer
}

#smartbuy .SRF_Form .form-field-wraper .form-field.showRecom .form-field-wraper-inner {
  cursor: pointer;
  text-align: center
}

#smartbuy .SRF_Form .form-field-wraper .form-field.hierarchyField .treeWrapper .form-field-tree-anchor {
  display: block;
  line-height: 33px;
  cursor: pointer;
  border-bottom: 1px solid #e0e0e0
}

#smartbuy .SRF_Form .form-field-button {
  border: 0;
  background-color: #159dfc;
  color: #fff;
  text-transform: uppercase;
  font-size: .9em;
  font-weight: 700;
  height: 35px;
  line-height: 35px;
  display: inline-block;
  min-width: 80px;
  text-align: center;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0,0,0,.3);
  cursor: pointer;
  padding: 0 8px;
  margin-top: 36px;
  z-index: 1
}

#smartbuy .SRF_Form .form-field-button.flat-button {
  background: 0 0;
  box-shadow: none;
  color: #159dfc;
  padding: 0
}

#smartbuy .SRF_Form .form-field-button.sec-button {
  background-color: #fff;
  color: #159dfc
}

#smartbuy .SRF_Form .form-field-button.submit-button {
  background-color: #71aa2f!important;
  color: #fff
}

#smartbuy .SRF_Form .char-count {
  display: block;
  text-align: right;
  color: #000;
  font-size: .8em
}

#smartbuy .srf-standalone .sb-title-underline {
  width: 349px
}

#smartbuy .srf-standalone .SRF_Form .srf-form-card {
  top: 0;
  opacity: 1
}

#smartbuy .srf-standalone .SRF_Form .srf-footer {
  bottom: 0;
  opacity: 1
}

#smartbuy .srf-footer {
  position: fixed;
  bottom: -80px;
  left: 0;
  width: 100%;
  background: #fafafa;
  z-index: 970;
  padding-top: 20px;
  border-top: 1px solid #e8e8e8
}

#smartbuy input[type=text]:focus+span.char-count {
  visibility: visible
}

#smartbuy #sbmap .icon.map-mark-pointer {
  color: #ff4500
}

#smartbuy .smart-map-container {
  height: 100%;
  background-color: #e6e6e6
}

#smartbuy .smart-map-container .listing-card {
  margin-top: 60px
}

#smartbuy .smart-map-container .listing-card:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -10px;
  border-width: 10px;
  border-color: #fff;
  border-style: solid;
  transform: rotateZ(45deg);
  background-color: #fff;
  box-shadow: 1px 2px 5px rgba(0,0,0,.2);
  z-index: 0
}

#smartbuy .smart-map-container .listing-card .listing-card-wrap {
  position: relative;
  z-index: 1
}

#smartbuy .smart-map-container .listing-card .listing-card-wrap .listing-card-top {
  background-color: #28ae4b!important
}

#smartbuy img.map-marker {
  width: 30px
}

#smartbuy .step-indicator {
  position: fixed;
  right: 0;
  top: calc(50% + 50px);
  margin: 0 -200px 0 0;
  padding: 0 12px;
  background-color: transparent;
  border-radius: 20px;
  z-index: 4
}

#smartbuy .step-indicator.step-indicator-Bg {
  background-color: #fafafa;
  transition: 1s ease
}

#smartbuy .step-indicator._SM_Effect {
  margin-right: -200px
}

#smartbuy .step-indicator li {
  position: relative;
  height: 13px;
  width: 13px;
  border: 2px solid #c1c1c1;
  border-radius: 50%;
  margin: 20px 0;
  cursor: pointer
}

#smartbuy .step-indicator li:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1
}

#smartbuy .step-indicator li .sb-slide-name {
  position: absolute;
  top: -6px;
  right: 100%;
  margin-right: 12px;
  color: #afafaf;
  font-size: 14px;
  line-height: 20px;
  height: 20px;
  white-space: nowrap;
  transform: scale(1);
  text-shadow: 0 0 0 #fff
}

#smartbuy .step-indicator li .sdot {
  position: absolute;
  left: 0;
  top: 0;
  width: 5px;
  height: 5px;
  background-color: #159dfc;
  content: "";
  border-radius: 50%;
  margin: 2px 0 0 2px;
  box-shadow: 0 0 2px rgba(0,0,0,.5);
  z-index: 1
}

#smartbuy .smartBuy-cart {
  position: absolute;
  right: 22px;
  top: 64px;
  width: 35px;
  z-index: 3;
  padding-top: 7px
}

#smartbuy .smartBuy-cart-cont {
  position: relative
}

#smartbuy .smartBuy-cart-cont .smartBuy-cart-count {
  position: absolute;
  line-height: 2;
  top: 0;
  right: 0;
  padding: 0;
  width: 20px;
  height: 20px;
  font-size: 10px;
  text-align: center;
  border-radius: 50%;
  background-color: #fff;
  color: #159DFC;
  z-index: 2
}

.show-cat-modal-cont [type=radio]:checked+label,.show-cat-modal-cont [type=radio]:not(:checked)+label {
  line-height: 48px;
  min-height: 48px;
  padding-left: 37px
}

.show-cat-modal-cont .collection .collection-item {
  padding: 0
}

.show-cat-modal-cont [type=radio]+label:after,.show-cat-modal-cont [type=radio]+label:before {
  top: 11px;
  left: 7px
}

.show-recommendations-list {
  min-height: 200px
}

.smartBuy-radio-field {
  line-height: 55px
}

.smartBuy-radio-field .redio-chanel {
  margin-top: 10px
}

.card-clone-animate {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #fff;
  padding: 0!important;
  z-index: -1;
  overflow: hidden
}

.ripple2:after,.ripple:after {
  top: 0;
  height: calc(100% + 16px);
  width: calc(100% + 16px);
  transition: all 1s ease;
  margin: -8px;
  left: 0;
  content: ""
}

.ripple {
  position: relative
}

.ripple:after {
  position: absolute;
  border: 2px solid #159dfc;
  border-radius: 50%;
  transform: scale(1);
  animation: ripple 1s infinite
}

@-o-keyframes ripple {
  from {
      -o-transform: scale(1);
      transform: scale(1);
      opacity: 1;
      border-width: 2px
  }

  to {
      -o-transform: scale(1.5);
      transform: scale(1.5);
      opacity: .2;
      border-width: 1px
  }
}

@-ms-keyframes ripple {
  from {
      -ms-transform: scale(1);
      transform: scale(1);
      opacity: 1;
      border-width: 2px
  }

  to {
      -ms-transform: scale(1.5);
      transform: scale(1.5);
      opacity: .2;
      border-width: 1px
  }
}

@-moz-keyframes ripple {
  from {
      -moz-transform: scale(1);
      transform: scale(1);
      opacity: 1;
      border-width: 2px
  }

  to {
      -moz-transform: scale(1.5);
      transform: scale(1.5);
      opacity: .2;
      border-width: 1px
  }
}

@keyframes ripple {
  from {
      transform: scale(1);
      opacity: 1;
      border-width: 2px
  }

  to {
      transform: scale(1.5);
      opacity: .2;
      border-width: 1px
  }
}

.ripple2 {
  position: relative
}

.ripple2:after {
  position: absolute;
  border: 2px solid;
  border-color: inherit;
  border-radius: 50%;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-animation: ripple2 1s infinite;
  -moz-animation: ripple2 1s infinite;
  -ms-animation: ripple2 1s infinite;
  -o-animation: ripple2 1s infinite;
  animation: ripple2 1s infinite
}

@-moz-keyframes ripple2 {
  0% {
      -moz-transform: scale(.6);
      transform: scale(.6);
      opacity: 1;
      border-width: 6px
  }

  100% {
      -moz-transform: scale(1.2);
      transform: scale(1.2);
      opacity: 0;
      border-width: 6px
  }
}

@-o-keyframes ripple2 {
  0% {
      -o-transform: scale(.6);
      transform: scale(.6);
      opacity: 1;
      border-width: 6px
  }

  100% {
      -o-transform: scale(1.2);
      transform: scale(1.2);
      opacity: 0;
      border-width: 6px
  }
}

@-ms-keyframes ripple2 {
  0%,100% {
      border-width: 6px
  }

  0% {
      -ms-transform: scale(.6);
      transform: scale(.6);
      opacity: 1
  }

  100% {
      -ms-transform: scale(1.2);
      transform: scale(1.2);
      opacity: 0
  }
}

@keyframes ripple2 {
  0% {
      transform: scale(.6);
      opacity: 1;
      border-width: 6px
  }

  100% {
      transform: scale(1.2);
      opacity: 0;
      border-width: 6px
  }
}

.indeterminate-loader {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #afddfe;
  overflow: hidden;
  border-radius: 0 0 6px 6px
}

.indeterminate-loader:after,.indeterminate-loader:before {
  content: "";
  position: absolute;
  left: 0;
  width: 0;
  background-color: #159dfc;
  height: 100%
}

.indeterminate-loader:before {
  -webkit-animation: indeterminateLoader1 2.5s cubic-bezier(.36,.46,.38,.89) infinite;
  -moz-animation: indeterminateLoader1 2.5s cubic-bezier(.36,.46,.38,.89) infinite;
  -o-animation: indeterminateLoader1 2.5s cubic-bezier(.36,.46,.38,.89) infinite;
  -ms-animation: indeterminateLoader1 2.5s cubic-bezier(.36,.46,.38,.89) infinite;
  animation: indeterminateLoader1 2.5s cubic-bezier(.36,.46,.38,.89) infinite
}

.indeterminate-loader:after {
  -webkit-animation: indeterminateLoader2 2.5s cubic-bezier(.36,.46,.38,.89) infinite;
  -moz-animation: indeterminateLoader2 2.5s cubic-bezier(.36,.46,.38,.89) infinite;
  -o-animation: indeterminateLoader2 2.5s cubic-bezier(.36,.46,.38,.89) infinite;
  -ms-animation: indeterminateLoader2 2.5s cubic-bezier(.36,.46,.38,.89) infinite;
  animation: indeterminateLoader2 2.5s cubic-bezier(.36,.46,.38,.89) infinite
}

@-webkit-keyframes indeterminateLoader1 {
  0%,50% {
      width: 80%;
      left: -80%
  }

  100% {
      width: 20%;
      left: 100%
  }
}

@-moz-keyframes indeterminateLoader1 {
  0%,50% {
      width: 80%;
      left: -80%
  }

  100% {
      width: 20%;
      left: 100%
  }
}

@-o-keyframes indeterminateLoader1 {
  0%,50% {
      width: 80%;
      left: -80%
  }

  100% {
      width: 20%;
      left: 100%
  }
}

@-ms-keyframes indeterminateLoader1 {
  0%,50% {
      width: 80%;
      left: -80%
  }

  100% {
      width: 20%;
      left: 100%
  }
}

@keyframes indeterminateLoader1 {
  0%,50% {
      width: 80%;
      left: -80%
  }

  100% {
      width: 20%;
      left: 100%
  }
}

@-webkit-keyframes indeterminateLoader2 {
  0% {
      width: 80%;
      left: -80%
  }

  100%,60% {
      width: 20%;
      left: 100%
  }
}

@-moz-keyframes indeterminateLoader2 {
  0% {
      width: 80%;
      left: -80%
  }

  100%,60% {
      width: 20%;
      left: 100%
  }
}

@-o-keyframes indeterminateLoader2 {
  0% {
      width: 80%;
      left: -80%
  }

  100%,60% {
      width: 20%;
      left: 100%
  }
}

@-ms-keyframes indeterminateLoader2 {
  0% {
      width: 80%;
      left: -80%
  }

  100%,60% {
      width: 20%;
      left: 100%
  }
}

@keyframes indeterminateLoader2 {
  0% {
      width: 80%;
      left: -80%
  }

  100%,60% {
      width: 20%;
      left: 100%
  }
}

.height100P {
  height: 100%
}

.show-recom-popup>.modal-header {
  border-bottom: 1px solid #ddd
}

.show-recom-popup>.modal-footer_new {
  border-top: 1px solid #ddd
}

.show-recom-popup .recom-select-section .recom-select-title {
  font-size: 14px;
  padding-bottom: 10px
}

.show-recom-popup .recom-select-section .recom-list {
  margin: 8px 0 0
}

.show-recom-popup .recom-select-section .recom-list .recom-list-item .recom-rdo {
  float: left
}

.show-recom-popup .recom-select-section .recom-list .recom-list-item .recom-item-info {
  margin-left: 32px
}

.show-recom-popup .recom-select-section .recom-list .recom-list-item .recom-item-info .recom-item-meta-info {
  font-size: 12px;
  color: #757575;
  display: inline-block;
  width: 100%
}

.show-recom-popup .recom-select-section .recom-list .recom-list-item .recom-item-info .recom-item-meta-info>li {
  float: left;
  line-height: 18px
}

.show-recom-popup .recom-select-section .recom-list .recom-list-item .recom-item-info .recom-item-meta-info>li:after {
  content: "";
  margin: 0 5px;
  width: 1px;
  display: inline-block;
  height: 18px;
  background-color: #b3b3b3;
  vertical-align: top
}

.show-recom-popup .recom-select-section .recom-list .recom-list-item .recom-item-info .recom-item-meta-info>li:last-child:after {
  display: none
}

.show-recom-popup .recom-select-section .recom-list .recom-list-item .recom-item-info .recom-item-title {
  display: block
}

.show-recom-popup .recom-select-section .recom-list .recom-list-smore a {
  cursor: pointer
}

@media screen and (max-width: 960px) {
  .sb-slide-name {
      display:none
  }
}

.hideCheckboxIcon.collection .collection-item.avatar .checkboxWithIconGroup .checkboxWithIcon .inputField {
  display: block
}

.hideCheckboxIcon .collection-item.avatar .circle,.hideCheckboxIcon.collection .collection-item.avatar .checkboxWithIconGroup .checkboxWithIcon .circle {
  display: none
}

.hideCheckboxIcon .collection-item.avatar label {
  visibility: visible!important
}

.fixedBottom {
  position: fixed;
  bottom: 0;
  width: 100%;
  text-align: center
}

.fixedBottom .checkboxWithIcon:hover .iconItem {
  display: block
}

.fixedBottom .checkboxWithIcon .circle {
  border: 1px solid transparent
}

.fixedBottom span.clLeft,.fixedBottom span.clRight {
  width: calc(50% - 94px);
  height: 1px;
  border-bottom: 1px solid rgba(136,136,136,.6);
  margin-bottom: -1px;
  display: inline-block;
  z-index: 1;
  vertical-align: bottom;
  position: relative
}

.fixedBottom span.clLeft {
  margin-left: -1px
}

.fixedBottom span.clRight {
  margin-right: -1px
}

.fixedBottom .sliderTitle {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  background: rgba(255,255,255,.5);
  padding: 6px 20px;
  border: 1px solid rgba(136,136,136,.6);
  display: inline-block;
  border-bottom: 1px solid transparent;
  z-index: 1;
  position: relative;
  margin: 0 -1px;
  width: 190px;
  vertical-align: bottom
}

.fixedBottom a.sliderTitle:active:focus,.fixedBottom a.sliderTitle:hover:focus,.fixedBottom a.sliderTitle:visited:focus {
  outline: 0!important
}

.mat-list-option,.mat-nav-list .mat-list-item,.recentDocSlider .slick-next:focus,.recentDocSlider .slick-prev:focus,.smart-ph-value {
  outline: 0
}

.fixedBottom .checkboxWithIcon {
  float: left
}

.fixedBottom .sliderItemCont {
  float: left;
  text-align: left;
  padding-left: 10px;
  width: calc(100% - 37px)
}

.recentDocSlider {
  width: 100%;
  margin: 0;
  float: left;
  position: relative;
  background: rgba(255,255,255,.65);
  z-index: 0;
  height: 89px;
  padding: 10px 50px
}

.recentDocSlider .slick-list {
  border-right: 1px solid rgba(136,136,136,.5)
}

.recentDocSlider .recentSliderItem {
  padding: 16px 20px;
  border-left: 1px solid rgba(136,136,136,.5)
}

.recentDocSlider .recentSliderItem .collecton-item-secondary-text-wrapper {
  color: #000!important;
  opacity: .64
}

.recentDocSlider .slick-next,.recentDocSlider .slick-prev {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  padding: 0;
  border-radius: 50%;
  border: 2px solid #0177d6;
  color: #0177d6;
  background: 0 0;
  transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%)
}

.recentDocSlider .slick-prev {
  left: 25px
}

.recentDocSlider .slick-next {
  right: -4px
}

.recentDocSlider .slick-disabled {
  opacity: .5;
  pointer-events: none;
  border: 2px solid grey;
  color: grey
}

.home-page.hide-on-down.fixed-action-btn.sliderOpened {
  bottom: 110px;
  transition: all .4s!important
}

.homePageFixedActionBtn {
  transition: all .5s!important
}

.smart-ph-label,.smart-ph-label.active {
  color: rgba(0,0,0,.64);
  transition: .2s ease-out
}

#savedViewChanges .multiple-menu-action a {
  height: 47px
}

.supplier-contact-truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: calc(100% - 50px)!important
}

.version-message {
  position: relative!important
}

.version-message .updated-version {
  position: absolute!important;
  right: 0;
  top: 1px;
  background-color: #0177d6!important;
  border-radius: 50%;
  width: 9px;
  height: 9px;
  border: 3px solid transparent!important
}

.smart-ph-label {
  float: left;
  position: absolute;
  left: .75rem;
  top: 16px;
  font-size: 1rem;
  cursor: text;
  width: calc(100% - 2.25rem);
  -moz-width: calc(100% - 2.25rem)
}

.smart-ph-label.active {
  font-size: 12px
}

.smart-ph-label.active>span {
  position: absolute;
  top: -20px
}

.smart-ph-value {
  float: left;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #e0e0e0;
  border-radius: 0;
  height: 2rem;
  width: 100%;
  font-size: 1rem;
  margin: .8rem 0 0;
  padding: 0;
  box-shadow: none;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: border-box;
  box-sizing: content-box;
  cursor: text
}

.smart-ph-value.disabled {
  opacity: 1!important;
  color: rgba(0,0,0,.9);
  border-bottom: 1px dotted transparent
}

.smart-ph-value.invalid {
  border-bottom: 1px solid #F44336;
  box-shadow: 0 1px 0 0 #F44336
}

.smart-ph-value>span {
  position: absolute;
  top: 15px;
  width: calc(100% - 23px);
  white-space: nowrap;
  overflow: hidden
}

.optionalField .smart-ph-value {
  opacity: .99;
  width: calc(100% - 23px)
}

.optionalField .smart-ph-value>span {
  width: calc(100% - 46px)
}

.smart-ph-error {
  float: left;
  color: #F44336;
  font-size: .8rem
}

.smart-table {
  width: auto!important
}

.smart-table-header-cell {
  border: 1px solid #d4d4d4;
  height: auto;
  padding: 10px 5px
}

.smart-table-search-container-parent {
  background: 0 0;
  height: 31px;
  margin-top: 5px
}

.smart-table-search-container {
  background: #fff;
  height: 31px;
  border: 1px solid #d4d4d4
}

.smart-table-search {
  width: 100%;
  height: 30px!important;
  line-height: 30px!important;
  background: #fff;
  float: left;
  border: 1px solid #d4d4d4;
  font-size: 1rem;
  color: #d4d4d4
}

.smart-table-search-input-holder {
  float: left;
  width: calc(100% - 20px);
  line-height: 30px;
  position: relative
}

.smart-table-search-input-holder:-ms-input-placeholder {
  color: #d1d1d1!important
}

.smart-table-search-input-holder pre {
  margin: 0 3px;
  color: #d1d1d1!important;
  font-size: 1rem
}

.smart-table-search-empty {
  width: 100%;
  height: 30px!important;
  float: left
}

.smart-table-search span {
  margin-left: 3px
}

.smart-table-search-remove-icon {
  float: right;
  padding: 0 5px;
  width: 20px;
  height: 30px;
  line-height: 30px;
  cursor: pointer;
  font-weight: 700
}

input[type=text].smart-table-search {
  width: 94.5%;
  border: 0!important;
  padding: 0 3px;
  height: 28px!important;
  margin: 0!important;
  background: #fff;
  color: #000!important;
  border-radius: 0
}

input[type=text]:focus.smart-table-search {
  border-bottom: 0 solid #d4d4d4!important;
  box-shadow: none!important
}

.smart-table-pinned-column {
  background: #efefef;
  position: absolute;
  left: 0;
  width: 50px
}

.smart-table-unpinned-column {
  background: #fff
}

.smart-table-header-cell-text-container {
  overflow: hidden
}

.smart-table-header-cell-text {
  float: left;
  white-space: nowrap;
  width: calc(100% - 15px)!important;
  overflow: hidden;
  text-overflow: ellipsis
}

.smart-table-sort-icon {
  float: right
}

.smart-table-row-cell-text {
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 30px;
  line-height: 30px
}

.smart-table-row-cell {
  border: 1px solid #d4d4d4;
  padding: 0!important
}

.smart-table-row-cell-disabled,.smart-table-row-cell-invalid,.smart-table-row-cell-valid {
  border: 1px solid #d4d4d4!important;
  padding: 0!important
}

.smart-table-row-cell-right .smart-table-cell-template>span {
  float: right;
  padding: 0 3px
}

.smart-table-row-cell-left .smart-table-cell-template>span {
  float: left;
  padding: 0 5px
}

.smart-table-row-cell-invalid {
  background: #fdb1b1!important
}

.smart-table-row-cell-disabled {
  background: #e2e2e2!important
}

.smart-table-row-cell-canceled .smart-table-cell-text {
  text-decoration: line-through
}

.smart-table-row-cell-previouslycanceled .smart-table-cell-text {
  text-decoration: line-through underline
}

.smart-table-row-cell-valid {
  background: #fff!important
}

.smart-table-row-cell-selected:not(.smart-table-row-cell-invalid):not(.smart-table-pinned-column) {
  background-color: #e3f2fd!important
}

.smart-table-pinned-column.smart-table-row-cell-selected:not(.smart-table-row-cell-invalid) {
  background-color: #e5e5e5!important
}

.smart-table-cell-template select {
  height: 30px!important;
  margin: 0!important;
  padding: 0!important;
  background: 0 0!important;
  cursor: default
}

.smart-table-cell-template>span {
  padding: 5px
}

.smart-table-cell-template a {
  padding: 5px;
  cursor: pointer;
  text-transform: uppercase
}

.smart-table-cell-template a.disabled {
  color: #191919;
  cursor: default;
  opacity: 1!important
}

.smart-table-cell-template input {
  height: 30px!important;
  margin: 0!important;
  padding: 0 5px!important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 0!important;
  box-shadow: 0!important
}

.smart-table-cell-template input[type=checkbox] {
  opacity: 1!important;
  top: 0!important;
  position: relative!important
}

.smart-table-cell-text {
  white-space: nowrap;
  width: 98%;
  overflow: hidden;
  text-overflow: ellipsis;
  min-height: 30px;
  float: left
}

.smart-table-container,.smart-table-unpinned-container {
  overflow-x: scroll;
  overflow-y: visible
}

.smart-table-container {
  width: 800px;
  margin-left: 50px;
  padding-bottom: 1px
}

.smart-table-frozen-column {
  position: absolute
}

.smart-table-wrapper {
  position: relative;
  height: 100%;
  width: 100%;
  background: #fff;
  border-right: 1px solid #d4d4d4;
  margin-top: 10px
}

.smart-table-icon-holder {
  width: 40px;
  height: 30px;
  font-weight: 700!important;
  font-size: 14px!important;
  border: 1px solid #d4d4d4;
  text-align: center;
  line-height: 0;
  padding-left: 0!important;
  cursor: pointer
}

.icon-selection-row {
  color: #d4d4d4
}

.icon-tree-row {
  color: #000
}

.smart-table-icon-holder.smart-table-row-cell-selected:not(.icon-tree-row) {
  color: #159dfc!important
}

.smart-table-row-cell-inactiveDisabled {
  background: #e2e2e2!important
}

.smart-table-page-navigation {
  font-family: cursive!important;
  font-weight: 400!important;
  font-size: 18px!important
}

.smart-table-paginate-container {
  float: right;
  margin-right: 10px
}

.smart-table-paginate-container span {
  float: left;
  margin: 10px 0 0 10px;
  height: 30px;
  line-height: 30px
}

.smart-table-page-navigation-container {
  margin: 0!important;
  height: 40px!important;
  line-height: 45px!important
}

.smart-table-rows-per-page-option {
  height: 30px!important;
  background: 0 0!important;
  cursor: default;
  display: block!important;
  opacity: .4;
  pointer-events: none
}

.docs-api-h2 {
  font-size: 30px
}

.docs-api-h3 {
  font-size: 24px;
  font-weight: 400;
  margin-top: 45px
}

.docs-api-h4 {
  font-size: 18px;
  font-weight: 400
}

.docs-api-class-description {
  font-size: 12px
}

.docs-api-property-name {
  margin: 0
}

.docs-api-method-name-row,.docs-api-method-parameter-row,.docs-api-properties-name-cell {
  font-family: 'Roboto Mono',monospace;
  font-weight: 600
}

.docs-api-method-parameter-row,.docs-api-properties-name-cell {
  font-size: 14px
}

.docs-api-method-parameter-type {
  font-size: 12px
}

.docs-api-class-name,.docs-api-module-import {
  display: inline
}

.docs-api-method-name-cell {
  font-weight: 700;
  font-size: 18px
}

.docs-api-method-parameters-header-cell,.docs-api-method-returns-header-cell {
  font-size: 14px
}

.docs-api-deprecated-marker,.docs-api-input-marker,.docs-api-output-marker {
  font-size: 12px
}

.docs-api-class-export-name,.docs-api-class-selector-name,.docs-api-module-import {
  font-family: 'Roboto Mono',monospace;
  padding: 3px
}

.docs-api-class-deprecated-marker,.docs-api-deprecated-marker,.docs-api-interface-deprecated-marker {
  display: inline-block;
  font-weight: 700
}

.docs-api-class-deprecated-marker[title],.docs-api-deprecated-marker[title],.docs-api-interface-deprecated-marker[title] {
  border-bottom: 1px dotted grey;
  cursor: help
}

.docs-api-deprecated-marker+.docs-api-property-name {
  text-decoration: line-through
}

.docs-markdown-h1 {
  display: inline-block;
  font-size: 34px;
  font-weight: 400;
  padding: 5px
}

.docs-markdown-h2 {
  font-size: 24px
}

.docs-markdown-h3 {
  font-size: 20px
}

.docs-markdown-h2,.docs-markdown-h4 {
  margin-top: 40px
}

.docs-markdown-h5 {
  font-size: 18px
}

.docs-markdown-ol,.docs-markdown-p,.docs-markdown-ul {
  font-size: 16px;
  line-height: 28px
}

.docs-markdown-td code,pre {
  font-size: 14px
}

.docs-markdown-pre {
  border-radius: 5px;
  display: block;
  margin: 16px auto;
  overflow-x: auto;
  padding: 20px
}

.docs-markdown-code {
  padding: 3px
}

code,pre {
  font-family: 'Roboto Mono',monospace
}

.docs-header-link a {
  text-decoration: none;
  margin-left: -30px;
  display: inline-block;
  vertical-align: middle
}

.docs-header-link .material-icons {
  visibility: hidden
}

.docs-header-link:hover .material-icons {
  visibility: visible
}

.docs-api table,.docs-markdown-table {
  border-collapse: collapse;
  border-radius: 2px;
  border-spacing: 0;
  margin: 0 0 32px;
  width: 100%;
  -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.24),0 0 2px rgba(0,0,0,.12);
  box-shadow: 0 2px 2px rgba(0,0,0,.24),0 0 2px rgba(0,0,0,.12)
}

.docs-api th,.docs-markdown-th {
  font-weight: 400;
  max-width: 100px;
  padding: 13px 32px;
  text-align: left
}

.docs-api td,.docs-markdown-td {
  font-weight: 400;
  padding: 8px 16px
}

@media (max-width: 720px) {
  .docs-api table,.docs-markdown-table {
      margin:0 0 32px
  }

  .docs-api th,.docs-markdown-th {
      padding: 6px 16px
  }

  .docs-api td,.docs-markdown-td {
      padding: 4px 8px
  }
}

body {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -webkit-tap-highlight-color: transparent;
  font-family: Roboto,"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
  margin: 0
}

.docs-button[md-button],.docs-button[md-raised-button] {
  text-transform: uppercase
}

h1,h2 {
  font-weight: 400
}

.docs-primary-header {
  padding-left: 20px
}

.docs-primary-header h1 {
  font-weight: 300;
  margin: 0;
  padding: 28px 8px;
  font-size: 20px;
  color: #fff
}

code {
  font-size: 90%
}

.docs-markdown-pre code {
  font-size: 100%
}

.docs-component-category-list-card-image svg {
  width: 100%
}

.docs-footer-angular-logo svg {
  height: 50px
}

.docs-angular-logo svg {
  height: 26px;
  margin: 0 4px 3px 0;
  vertical-align: middle
}

.docs-github-logo svg {
  height: 21px;
  margin: 0 7px 2px 0;
  vertical-align: middle
}

.mat-elevation-z0 {
  -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 rgba(0,0,0,.12);
  box-shadow: 0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 rgba(0,0,0,.12)
}

.mat-elevation-z1 {
  -webkit-box-shadow: 0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);
  box-shadow: 0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)
}

.mat-elevation-z2 {
  -webkit-box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
  box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)
}

.mat-elevation-z3 {
  -webkit-box-shadow: 0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12);
  box-shadow: 0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12)
}

.mat-elevation-z4 {
  -webkit-box-shadow: 0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);
  box-shadow: 0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)
}

.mat-elevation-z5 {
  -webkit-box-shadow: 0 3px 5px -1px rgba(0,0,0,.2),0 5px 8px 0 rgba(0,0,0,.14),0 1px 14px 0 rgba(0,0,0,.12);
  box-shadow: 0 3px 5px -1px rgba(0,0,0,.2),0 5px 8px 0 rgba(0,0,0,.14),0 1px 14px 0 rgba(0,0,0,.12)
}

.mat-elevation-z6 {
  -webkit-box-shadow: 0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12);
  box-shadow: 0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)
}

.mat-elevation-z7 {
  -webkit-box-shadow: 0 4px 5px -2px rgba(0,0,0,.2),0 7px 10px 1px rgba(0,0,0,.14),0 2px 16px 1px rgba(0,0,0,.12);
  box-shadow: 0 4px 5px -2px rgba(0,0,0,.2),0 7px 10px 1px rgba(0,0,0,.14),0 2px 16px 1px rgba(0,0,0,.12)
}

.mat-elevation-z8 {
  -webkit-box-shadow: 0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);
  box-shadow: 0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)
}

.mat-elevation-z9 {
  -webkit-box-shadow: 0 5px 6px -3px rgba(0,0,0,.2),0 9px 12px 1px rgba(0,0,0,.14),0 3px 16px 2px rgba(0,0,0,.12);
  box-shadow: 0 5px 6px -3px rgba(0,0,0,.2),0 9px 12px 1px rgba(0,0,0,.14),0 3px 16px 2px rgba(0,0,0,.12)
}

.mat-elevation-z10 {
  -webkit-box-shadow: 0 6px 6px -3px rgba(0,0,0,.2),0 10px 14px 1px rgba(0,0,0,.14),0 4px 18px 3px rgba(0,0,0,.12);
  box-shadow: 0 6px 6px -3px rgba(0,0,0,.2),0 10px 14px 1px rgba(0,0,0,.14),0 4px 18px 3px rgba(0,0,0,.12)
}

.mat-elevation-z11 {
  -webkit-box-shadow: 0 6px 7px -4px rgba(0,0,0,.2),0 11px 15px 1px rgba(0,0,0,.14),0 4px 20px 3px rgba(0,0,0,.12);
  box-shadow: 0 6px 7px -4px rgba(0,0,0,.2),0 11px 15px 1px rgba(0,0,0,.14),0 4px 20px 3px rgba(0,0,0,.12)
}

.mat-elevation-z12 {
  -webkit-box-shadow: 0 7px 8px -4px rgba(0,0,0,.2),0 12px 17px 2px rgba(0,0,0,.14),0 5px 22px 4px rgba(0,0,0,.12);
  box-shadow: 0 7px 8px -4px rgba(0,0,0,.2),0 12px 17px 2px rgba(0,0,0,.14),0 5px 22px 4px rgba(0,0,0,.12)
}

.mat-elevation-z13 {
  -webkit-box-shadow: 0 7px 8px -4px rgba(0,0,0,.2),0 13px 19px 2px rgba(0,0,0,.14),0 5px 24px 4px rgba(0,0,0,.12);
  box-shadow: 0 7px 8px -4px rgba(0,0,0,.2),0 13px 19px 2px rgba(0,0,0,.14),0 5px 24px 4px rgba(0,0,0,.12)
}

.mat-elevation-z14 {
  -webkit-box-shadow: 0 7px 9px -4px rgba(0,0,0,.2),0 14px 21px 2px rgba(0,0,0,.14),0 5px 26px 4px rgba(0,0,0,.12);
  box-shadow: 0 7px 9px -4px rgba(0,0,0,.2),0 14px 21px 2px rgba(0,0,0,.14),0 5px 26px 4px rgba(0,0,0,.12)
}

.mat-elevation-z15 {
  -webkit-box-shadow: 0 8px 9px -5px rgba(0,0,0,.2),0 15px 22px 2px rgba(0,0,0,.14),0 6px 28px 5px rgba(0,0,0,.12);
  box-shadow: 0 8px 9px -5px rgba(0,0,0,.2),0 15px 22px 2px rgba(0,0,0,.14),0 6px 28px 5px rgba(0,0,0,.12)
}

.mat-elevation-z16 {
  -webkit-box-shadow: 0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12);
  box-shadow: 0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12)
}

.mat-elevation-z17 {
  -webkit-box-shadow: 0 8px 11px -5px rgba(0,0,0,.2),0 17px 26px 2px rgba(0,0,0,.14),0 6px 32px 5px rgba(0,0,0,.12);
  box-shadow: 0 8px 11px -5px rgba(0,0,0,.2),0 17px 26px 2px rgba(0,0,0,.14),0 6px 32px 5px rgba(0,0,0,.12)
}

.mat-elevation-z18 {
  -webkit-box-shadow: 0 9px 11px -5px rgba(0,0,0,.2),0 18px 28px 2px rgba(0,0,0,.14),0 7px 34px 6px rgba(0,0,0,.12);
  box-shadow: 0 9px 11px -5px rgba(0,0,0,.2),0 18px 28px 2px rgba(0,0,0,.14),0 7px 34px 6px rgba(0,0,0,.12)
}

.mat-elevation-z19 {
  -webkit-box-shadow: 0 9px 12px -6px rgba(0,0,0,.2),0 19px 29px 2px rgba(0,0,0,.14),0 7px 36px 6px rgba(0,0,0,.12);
  box-shadow: 0 9px 12px -6px rgba(0,0,0,.2),0 19px 29px 2px rgba(0,0,0,.14),0 7px 36px 6px rgba(0,0,0,.12)
}

.mat-elevation-z20 {
  -webkit-box-shadow: 0 10px 13px -6px rgba(0,0,0,.2),0 20px 31px 3px rgba(0,0,0,.14),0 8px 38px 7px rgba(0,0,0,.12);
  box-shadow: 0 10px 13px -6px rgba(0,0,0,.2),0 20px 31px 3px rgba(0,0,0,.14),0 8px 38px 7px rgba(0,0,0,.12)
}

.mat-elevation-z21 {
  -webkit-box-shadow: 0 10px 13px -6px rgba(0,0,0,.2),0 21px 33px 3px rgba(0,0,0,.14),0 8px 40px 7px rgba(0,0,0,.12);
  box-shadow: 0 10px 13px -6px rgba(0,0,0,.2),0 21px 33px 3px rgba(0,0,0,.14),0 8px 40px 7px rgba(0,0,0,.12)
}

.mat-elevation-z22 {
  -webkit-box-shadow: 0 10px 14px -6px rgba(0,0,0,.2),0 22px 35px 3px rgba(0,0,0,.14),0 8px 42px 7px rgba(0,0,0,.12);
  box-shadow: 0 10px 14px -6px rgba(0,0,0,.2),0 22px 35px 3px rgba(0,0,0,.14),0 8px 42px 7px rgba(0,0,0,.12)
}

.mat-elevation-z23 {
  -webkit-box-shadow: 0 11px 14px -7px rgba(0,0,0,.2),0 23px 36px 3px rgba(0,0,0,.14),0 9px 44px 8px rgba(0,0,0,.12);
  box-shadow: 0 11px 14px -7px rgba(0,0,0,.2),0 23px 36px 3px rgba(0,0,0,.14),0 9px 44px 8px rgba(0,0,0,.12)
}

.mat-elevation-z24 {
  -webkit-box-shadow: 0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12);
  box-shadow: 0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12)
}

.mat-h1,.mat-headline,.mat-typography h1 {
  font: 400 24px/32px Roboto,"Helvetica Neue",sans-serif;
  margin: 0 0 16px
}

.mat-h2,.mat-title,.mat-typography h2 {
  font: 500 20px/32px Roboto,"Helvetica Neue",sans-serif;
  margin: 0 0 16px
}

.mat-h3,.mat-subheading-2,.mat-typography h3 {
  font: 400 16px/28px Roboto,"Helvetica Neue",sans-serif;
  margin: 0 0 16px
}

.mat-h4,.mat-subheading-1,.mat-typography h4 {
  font: 400 15px/24px Roboto,"Helvetica Neue",sans-serif;
  margin: 0 0 16px
}

.mat-h5,.mat-typography h5 {
  font: 400 11.62px/20px Roboto,"Helvetica Neue",sans-serif;
  margin: 0 0 12px
}

.mat-h6,.mat-typography h6 {
  font: 400 9.38px/20px Roboto,"Helvetica Neue",sans-serif;
  margin: 0 0 12px
}

.mat-body-2,.mat-body-strong {
  font: 500 14px/24px Roboto,"Helvetica Neue",sans-serif
}

.mat-body,.mat-body-1,.mat-typography {
  font: 400 14px/20px Roboto,"Helvetica Neue",sans-serif
}

.mat-body p,.mat-body-1 p,.mat-typography p {
  margin: 0 0 12px
}

.mat-caption,.mat-small {
  font: 400 12px/20px Roboto,"Helvetica Neue",sans-serif
}

.mat-display-4,.mat-typography .mat-display-4 {
  font: 300 112px/112px Roboto,"Helvetica Neue",sans-serif;
  margin: 0 0 56px;
  letter-spacing: -.05em
}

.mat-display-3,.mat-typography .mat-display-3 {
  font: 400 56px/56px Roboto,"Helvetica Neue",sans-serif;
  margin: 0 0 64px;
  letter-spacing: -.02em
}

.mat-display-2,.mat-typography .mat-display-2 {
  font: 400 45px/48px Roboto,"Helvetica Neue",sans-serif;
  margin: 0 0 64px;
  letter-spacing: -.005em
}

.mat-display-1,.mat-typography .mat-display-1 {
  font: 400 34px/40px Roboto,"Helvetica Neue",sans-serif;
  margin: 0 0 64px
}

.mat-button-toggle,.mat-calendar,.mat-card,.mat-checkbox,.mat-table {
  font-family: Roboto,"Helvetica Neue",sans-serif
}

.mat-button,.mat-fab,.mat-flat-button,.mat-icon-button,.mat-mini-fab,.mat-raised-button,.mat-stroked-button {
  font-family: Roboto,"Helvetica Neue",sans-serif;
  font-size: 14px;
  font-weight: 500
}

.mat-card-title {
  font-size: 24px;
  font-weight: 400
}

.mat-card-content,.mat-card-header .mat-card-title,.mat-card-subtitle {
  font-size: 14px
}

.mat-checkbox-layout .mat-checkbox-label {
  line-height: 24px
}

.mat-chip {
  font-size: 13px;
  line-height: 18px
}

.mat-chip .mat-chip-remove.mat-icon {
  font-size: 18px
}

.mat-header-cell {
  font-size: 12px;
  font-weight: 500
}

.mat-cell {
  font-size: 14px
}

.mat-calendar-body {
  font-size: 13px
}

.mat-calendar-body-label,.mat-calendar-period-button {
  font-size: 14px;
  font-weight: 500
}

.mat-calendar-table-header th {
  font-size: 11px;
  font-weight: 400
}

.mat-dialog-title {
  font: 500 20px/32px Roboto,"Helvetica Neue",sans-serif
}

.mat-expansion-panel-header {
  font-family: Roboto,"Helvetica Neue",sans-serif;
  font-size: 15px;
  font-weight: 400
}

.mat-expansion-panel-content {
  font: 400 14px/20px Roboto,"Helvetica Neue",sans-serif
}

.mat-form-field,.mat-menu-item,.mat-paginator,.mat-paginator-page-size .mat-select-trigger,.mat-radio-button,.mat-select {
  font-family: Roboto,"Helvetica Neue",sans-serif
}

.mat-form-field {
  font-size: inherit;
  font-weight: 400;
  line-height: 1.125
}

.mat-form-field-wrapper {
  padding-bottom: 1.25em
}

.mat-form-field-prefix .mat-icon,.mat-form-field-suffix .mat-icon {
  font-size: 150%;
  line-height: 1.125
}

.mat-form-field-prefix .mat-icon-button,.mat-form-field-suffix .mat-icon-button {
  height: 1.5em;
  width: 1.5em
}

.mat-form-field-prefix .mat-icon-button .mat-icon,.mat-form-field-suffix .mat-icon-button .mat-icon {
  height: 1.125em;
  line-height: 1.125
}

.mat-form-field-infix {
  border-top: .84375em solid transparent
}

.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label,.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
  -webkit-transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(0);
  transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(0);
  -ms-transform: translateY(-1.28125em) scale(.75);
  width: 133.33333333%
}

.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label {
  -webkit-transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(0);
  transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(0);
  -ms-transform: translateY(-1.28124em) scale(.75);
  width: 133.33334333%
}

.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label {
  -webkit-transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(0);
  transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(0);
  -ms-transform: translateY(-1.28123em) scale(.75);
  width: 133.33335333%
}

.mat-form-field-label-wrapper {
  top: -.84375em;
  padding-top: .84375em
}

.mat-form-field-label {
  top: 1.28125em
}

.mat-form-field-underline {
  bottom: 1.25em
}

.mat-form-field-subscript-wrapper {
  font-size: 75%;
  margin-top: .54166667em;
  top: calc(100% - 1.66666667em)
}

.mat-grid-tile-footer,.mat-grid-tile-header {
  font-size: 14px
}

.mat-grid-tile-footer .mat-line,.mat-grid-tile-header .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.mat-grid-tile-footer .mat-line:nth-child(n+2),.mat-grid-tile-header .mat-line:nth-child(n+2) {
  font-size: 12px
}

input.mat-input-element {
  margin-top: -.0625em
}

.mat-menu-item {
  font-size: 16px;
  font-weight: 400
}

.mat-paginator,.mat-paginator-page-size .mat-select-trigger {
  font-size: 12px
}

.mat-select-trigger {
  height: 1.125em
}

.mat-slide-toggle-content {
  font: 400 14px/20px Roboto,"Helvetica Neue",sans-serif
}

.mat-slider-thumb-label-text,.mat-stepper-horizontal,.mat-stepper-vertical,.mat-tab-group,.mat-tab-label,.mat-tab-link {
  font-family: Roboto,"Helvetica Neue",sans-serif
}

.mat-slider-thumb-label-text {
  font-size: 12px;
  font-weight: 500
}

.mat-step-label {
  font-size: 14px;
  font-weight: 400
}

.mat-step-label-selected,.mat-tab-label,.mat-tab-link {
  font-size: 14px;
  font-weight: 500
}

.mat-toolbar,.mat-toolbar h1,.mat-toolbar h2,.mat-toolbar h3,.mat-toolbar h4,.mat-toolbar h5,.mat-toolbar h6 {
  font: 500 20px/32px Roboto,"Helvetica Neue",sans-serif;
  margin: 0
}

.mat-list-item,.mat-list-option,.mat-option,.mat-tooltip {
  font-family: Roboto,"Helvetica Neue",sans-serif
}

.mat-tooltip {
  font-size: 10px;
  padding-top: 6px;
  padding-bottom: 6px
}

.mat-tooltip-handset {
  font-size: 14px;
  padding-top: 9px;
  padding-bottom: 9px
}

.mat-list .mat-list-item,.mat-nav-list .mat-list-item,.mat-selection-list .mat-list-item {
  font-size: 16px
}

.mat-list .mat-list-item .mat-line,.mat-nav-list .mat-list-item .mat-line,.mat-selection-list .mat-list-item .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.mat-list .mat-list-item .mat-line:nth-child(n+2),.mat-nav-list .mat-list-item .mat-line:nth-child(n+2),.mat-selection-list .mat-list-item .mat-line:nth-child(n+2) {
  font-size: 14px
}

.mat-list .mat-list-option,.mat-nav-list .mat-list-option,.mat-selection-list .mat-list-option {
  font-size: 16px
}

.mat-list .mat-list-option .mat-line,.mat-nav-list .mat-list-option .mat-line,.mat-selection-list .mat-list-option .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.mat-list .mat-list-option .mat-line:nth-child(n+2),.mat-nav-list .mat-list-option .mat-line:nth-child(n+2),.mat-selection-list .mat-list-option .mat-line:nth-child(n+2) {
  font-size: 14px
}

.mat-list[dense] .mat-list-item,.mat-list[dense] .mat-list-item .mat-line:nth-child(n+2),.mat-list[dense] .mat-list-option,.mat-list[dense] .mat-list-option .mat-line:nth-child(n+2),.mat-nav-list[dense] .mat-list-item,.mat-nav-list[dense] .mat-list-item .mat-line:nth-child(n+2),.mat-nav-list[dense] .mat-list-option,.mat-nav-list[dense] .mat-list-option .mat-line:nth-child(n+2),.mat-selection-list[dense] .mat-list-item,.mat-selection-list[dense] .mat-list-item .mat-line:nth-child(n+2),.mat-selection-list[dense] .mat-list-option,.mat-selection-list[dense] .mat-list-option .mat-line:nth-child(n+2) {
  font-size: 12px
}

.mat-list[dense] .mat-list-item .mat-line,.mat-nav-list[dense] .mat-list-item .mat-line,.mat-selection-list[dense] .mat-list-item .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.mat-list[dense] .mat-list-option .mat-line,.mat-nav-list[dense] .mat-list-option .mat-line,.mat-selection-list[dense] .mat-list-option .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.mat-list[dense] .mat-subheader,.mat-nav-list[dense] .mat-subheader,.mat-selection-list[dense] .mat-subheader {
  font-family: Roboto,"Helvetica Neue",sans-serif;
  font-size: 12px;
  font-weight: 500
}

.mat-option {
  font-size: 16px;
  color: rgba(0,0,0,.87)
}

.mat-optgroup-label {
  font: 500 14px/24px Roboto,"Helvetica Neue",sans-serif;
  color: rgba(0,0,0,.54)
}

.mat-simple-snackbar {
  font-family: Roboto,"Helvetica Neue",sans-serif;
  font-size: 14px
}

.mat-ripple {
  overflow: hidden
}

@media screen and (-ms-high-contrast:active) {
  .mat-ripple {
      display: none
  }
}

.mat-ripple.mat-ripple-unbounded {
  overflow: visible
}

.mat-ripple-element {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  -webkit-transition: opacity,-webkit-transform 0s cubic-bezier(0,0,.2,1);
  transition: opacity,-webkit-transform 0s cubic-bezier(0,0,.2,1);
  transition: opacity,transform 0s cubic-bezier(0,0,.2,1);
  transition: opacity,transform 0s cubic-bezier(0,0,.2,1),-webkit-transform 0s cubic-bezier(0,0,.2,1);
  -webkit-transform: scale(0);
  transform: scale(0)
}

.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none
}

.cdk-global-overlay-wrapper,.cdk-overlay-container {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%
}

.cdk-overlay-container {
  position: fixed;
  z-index: 2003
}

.cdk-global-overlay-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  z-index: 1000
}

.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 1000
}

.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  -webkit-transition: opacity .4s cubic-bezier(.25,.8,.25,1);
  transition: opacity .4s cubic-bezier(.25,.8,.25,1);
  opacity: 0
}

.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1
}

.cdk-overlay-dark-backdrop {
  background: rgba(0,0,0,.288)
}

.cdk-overlay-transparent-backdrop,.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0
}

.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll
}

.mat-ripple-element {
  background-color: rgba(0,0,0,.1)
}

.mat-option.mat-active,.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled),.mat-option:focus:not(.mat-option-disabled),.mat-option:hover:not(.mat-option-disabled) {
  background: rgba(0,0,0,.04)
}

.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #3f51b5
}

.mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #ff4081
}

.mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #f44336
}

.mat-option.mat-active {
  color: rgba(0,0,0,.87)
}

.mat-optgroup-disabled .mat-optgroup-label,.mat-option.mat-option-disabled {
  color: rgba(0,0,0,.38)
}

.mat-pseudo-checkbox {
  color: rgba(0,0,0,.54)
}

.mat-pseudo-checkbox::after {
  color: #fafafa
}

.mat-app-background,.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) {
  color: rgba(0,0,0,.87)
}

.mat-accent .mat-pseudo-checkbox-checked,.mat-accent .mat-pseudo-checkbox-indeterminate,.mat-pseudo-checkbox-checked,.mat-pseudo-checkbox-indeterminate {
  background: #ff4081
}

.mat-primary .mat-pseudo-checkbox-checked,.mat-primary .mat-pseudo-checkbox-indeterminate {
  background: #3f51b5
}

.mat-warn .mat-pseudo-checkbox-checked,.mat-warn .mat-pseudo-checkbox-indeterminate {
  background: #f44336
}

.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
  background: #b0b0b0
}

.mat-app-background {
  background-color: #fafafa
}

.mat-theme-loaded-marker {
  display: none
}

.mat-autocomplete-panel {
  background: #fff;
  color: rgba(0,0,0,.87)
}

.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
  background: #fff
}

.mat-button,.mat-icon-button,.mat-stroked-button {
  background: 0 0
}

.mat-button.mat-primary .mat-button-focus-overlay,.mat-icon-button.mat-primary .mat-button-focus-overlay,.mat-stroked-button.mat-primary .mat-button-focus-overlay {
  background-color: rgba(63,81,181,.12)
}

.mat-button.mat-accent .mat-button-focus-overlay,.mat-icon-button.mat-accent .mat-button-focus-overlay,.mat-stroked-button.mat-accent .mat-button-focus-overlay {
  background-color: rgba(255,64,129,.12)
}

.mat-button.mat-warn .mat-button-focus-overlay,.mat-icon-button.mat-warn .mat-button-focus-overlay,.mat-stroked-button.mat-warn .mat-button-focus-overlay {
  background-color: rgba(244,67,54,.12)
}

.mat-button[disabled] .mat-button-focus-overlay,.mat-icon-button[disabled] .mat-button-focus-overlay,.mat-stroked-button[disabled] .mat-button-focus-overlay {
  background-color: transparent
}

.mat-button.mat-primary,.mat-icon-button.mat-primary,.mat-stroked-button.mat-primary {
  color: #3f51b5
}

.mat-button.mat-accent,.mat-icon-button.mat-accent,.mat-stroked-button.mat-accent {
  color: #ff4081
}

.mat-button.mat-warn,.mat-icon-button.mat-warn,.mat-stroked-button.mat-warn {
  color: #f44336
}

.mat-button.mat-accent[disabled],.mat-button.mat-primary[disabled],.mat-button.mat-warn[disabled],.mat-button[disabled][disabled],.mat-icon-button.mat-accent[disabled],.mat-icon-button.mat-primary[disabled],.mat-icon-button.mat-warn[disabled],.mat-icon-button[disabled][disabled],.mat-stroked-button.mat-accent[disabled],.mat-stroked-button.mat-primary[disabled],.mat-stroked-button.mat-warn[disabled],.mat-stroked-button[disabled][disabled] {
  color: rgba(0,0,0,.26)
}

.mat-fab,.mat-mini-fab,.mat-raised-button {
  color: rgba(0,0,0,.87);
  background-color: #fff
}

.mat-fab.mat-accent,.mat-fab.mat-primary,.mat-fab.mat-warn,.mat-mini-fab.mat-accent,.mat-mini-fab.mat-primary,.mat-mini-fab.mat-warn,.mat-raised-button.mat-accent,.mat-raised-button.mat-primary,.mat-raised-button.mat-warn {
  color: #fff
}

.mat-fab.mat-accent[disabled],.mat-fab.mat-primary[disabled],.mat-fab.mat-warn[disabled],.mat-fab[disabled][disabled],.mat-mini-fab.mat-accent[disabled],.mat-mini-fab.mat-primary[disabled],.mat-mini-fab.mat-warn[disabled],.mat-mini-fab[disabled][disabled],.mat-raised-button.mat-accent[disabled],.mat-raised-button.mat-primary[disabled],.mat-raised-button.mat-warn[disabled],.mat-raised-button[disabled][disabled] {
  color: rgba(0,0,0,.26);
  background-color: rgba(0,0,0,.12)
}

.mat-fab.mat-primary,.mat-mini-fab.mat-primary,.mat-raised-button.mat-primary {
  background-color: #3f51b5
}

.mat-fab.mat-accent,.mat-mini-fab.mat-accent,.mat-raised-button.mat-accent {
  background-color: #ff4081
}

.mat-fab.mat-warn,.mat-mini-fab.mat-warn,.mat-raised-button.mat-warn {
  background-color: #f44336
}

.mat-fab.mat-accent .mat-ripple-element,.mat-fab.mat-primary .mat-ripple-element,.mat-fab.mat-warn .mat-ripple-element,.mat-mini-fab.mat-accent .mat-ripple-element,.mat-mini-fab.mat-primary .mat-ripple-element,.mat-mini-fab.mat-warn .mat-ripple-element,.mat-raised-button.mat-accent .mat-ripple-element,.mat-raised-button.mat-primary .mat-ripple-element,.mat-raised-button.mat-warn .mat-ripple-element {
  background-color: rgba(255,255,255,.2)
}

.mat-button.mat-primary .mat-ripple-element {
  background-color: rgba(63,81,181,.1)
}

.mat-button.mat-accent .mat-ripple-element {
  background-color: rgba(255,64,129,.1)
}

.mat-button.mat-warn .mat-ripple-element {
  background-color: rgba(244,67,54,.1)
}

.mat-flat-button {
  color: rgba(0,0,0,.87);
  background-color: #fff
}

.mat-flat-button.mat-accent,.mat-flat-button.mat-primary,.mat-flat-button.mat-warn {
  color: #fff
}

.mat-flat-button.mat-accent[disabled],.mat-flat-button.mat-primary[disabled],.mat-flat-button.mat-warn[disabled],.mat-flat-button[disabled][disabled] {
  color: rgba(0,0,0,.26);
  background-color: rgba(0,0,0,.12)
}

.mat-flat-button.mat-primary {
  background-color: #3f51b5
}

.mat-flat-button.mat-accent {
  background-color: #ff4081
}

.mat-flat-button.mat-warn {
  background-color: #f44336
}

.mat-flat-button.mat-accent .mat-ripple-element,.mat-flat-button.mat-primary .mat-ripple-element,.mat-flat-button.mat-warn .mat-ripple-element {
  background-color: rgba(255,255,255,.2)
}

.mat-icon-button.mat-primary .mat-ripple-element {
  background-color: rgba(63,81,181,.2)
}

.mat-icon-button.mat-accent .mat-ripple-element {
  background-color: rgba(255,64,129,.2)
}

.mat-icon-button.mat-warn .mat-ripple-element {
  background-color: rgba(244,67,54,.2)
}

.mat-button-toggle {
  color: rgba(0,0,0,.38)
}

.mat-button-toggle.cdk-focused .mat-button-toggle-focus-overlay {
  background-color: rgba(0,0,0,.12)
}

.mat-button-toggle-checked {
  background-color: #e0e0e0;
  color: rgba(0,0,0,.54)
}

.mat-button-toggle-disabled {
  background-color: #eee;
  color: rgba(0,0,0,.26)
}

.mat-button-toggle-disabled.mat-button-toggle-checked {
  background-color: #bdbdbd
}

.mat-card {
  background: #fff;
  color: rgba(0,0,0,.87)
}

.mat-card-subtitle {
  color: rgba(0,0,0,.54)
}

.mat-checkbox-frame {
  border-color: rgba(0,0,0,.54)
}

.mat-checkbox-checkmark {
  fill: #fafafa
}

.mat-checkbox-checkmark-path {
  stroke: #fafafa!important
}

.mat-checkbox-mixedmark {
  background-color: #fafafa
}

.mat-checkbox-checked.mat-primary .mat-checkbox-background,.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background {
  background-color: #3f51b5
}

.mat-checkbox-checked.mat-accent .mat-checkbox-background,.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
  background-color: #ff4081
}

.mat-checkbox-checked.mat-warn .mat-checkbox-background,.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background {
  background-color: #f44336
}

.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background,.mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #b0b0b0
}

.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
  border-color: #b0b0b0
}

.mat-checkbox-disabled .mat-checkbox-label {
  color: #b0b0b0
}

.mat-checkbox:not(.mat-checkbox-disabled).mat-primary .mat-checkbox-ripple .mat-ripple-element {
  background-color: rgba(63,81,181,.26)
}

.mat-checkbox:not(.mat-checkbox-disabled).mat-accent .mat-checkbox-ripple .mat-ripple-element {
  background-color: rgba(255,64,129,.26)
}

.mat-checkbox:not(.mat-checkbox-disabled).mat-warn .mat-checkbox-ripple .mat-ripple-element {
  background-color: rgba(244,67,54,.26)
}

.mat-chip:not(.mat-basic-chip) {
  background-color: #e0e0e0;
  color: rgba(0,0,0,.87)
}

.mat-chip:not(.mat-basic-chip) .mat-chip-remove {
  color: rgba(0,0,0,.87);
  opacity: .4
}

.mat-chip:not(.mat-basic-chip) .mat-chip-remove:hover {
  opacity: .54
}

.mat-chip.mat-chip-selected.mat-primary {
  background-color: #3f51b5;
  color: #fff
}

.mat-chip.mat-chip-selected.mat-primary .mat-chip-remove {
  color: #fff;
  opacity: .4
}

.mat-chip.mat-chip-selected.mat-primary .mat-chip-remove:hover {
  opacity: .54
}

.mat-chip.mat-chip-selected.mat-warn {
  background-color: #f44336;
  color: #fff
}

.mat-chip.mat-chip-selected.mat-warn .mat-chip-remove {
  color: #fff;
  opacity: .4
}

.mat-chip.mat-chip-selected.mat-warn .mat-chip-remove:hover {
  opacity: .54
}

.mat-chip.mat-chip-selected.mat-accent {
  background-color: #ff4081;
  color: #fff
}

.mat-chip.mat-chip-selected.mat-accent .mat-chip-remove {
  color: #fff;
  opacity: .4
}

.mat-chip.mat-chip-selected.mat-accent .mat-chip-remove:hover {
  opacity: .54
}

.mat-table {
  background: #fff
}

.mat-header-row,.mat-row {
  border-bottom-color: rgba(0,0,0,.12)
}

.mat-header-cell {
  color: rgba(0,0,0,.54)
}

.mat-cell {
  color: rgba(0,0,0,.87)
}

.mat-datepicker-content {
  background-color: #fff;
  color: rgba(0,0,0,.87)
}

.mat-calendar-arrow {
  border-top-color: rgba(0,0,0,.54)
}

.mat-calendar-next-button,.mat-calendar-previous-button {
  color: rgba(0,0,0,.54)
}

.mat-calendar-table-header {
  color: rgba(0,0,0,.38)
}

.mat-calendar-table-header-divider::after {
  background: rgba(0,0,0,.12)
}

.mat-calendar-body-label {
  color: rgba(0,0,0,.54)
}

.mat-calendar-body-cell-content {
  color: rgba(0,0,0,.87);
  border-color: transparent
}

.mat-calendar-body-disabled>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
  color: rgba(0,0,0,.38)
}

.cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected),.cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected),:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
  background-color: rgba(0,0,0,.04)
}

.mat-calendar-body-selected {
  background-color: #3f51b5;
  color: #fff
}

.mat-calendar-body-disabled>.mat-calendar-body-selected {
  background-color: rgba(63,81,181,.4)
}

.mat-dialog-container,.mat-expansion-panel {
  background: #fff
}

.mat-calendar-body-today:not(.mat-calendar-body-selected) {
  border-color: rgba(0,0,0,.38)
}

.mat-calendar-body-today.mat-calendar-body-selected {
  -webkit-box-shadow: inset 0 0 0 1px #fff;
  box-shadow: inset 0 0 0 1px #fff
}

.mat-calendar-body-disabled>.mat-calendar-body-today:not(.mat-calendar-body-selected) {
  border-color: rgba(0,0,0,.18)
}

.mat-action-row,.mat-divider {
  border-top-color: rgba(0,0,0,.12)
}

.mat-datepicker-toggle-active {
  color: #3f51b5
}

.mat-dialog-container,.mat-expansion-panel,.mat-expansion-panel-header-title {
  color: rgba(0,0,0,.87)
}

.mat-divider-vertical {
  border-right-color: rgba(0,0,0,.12)
}

.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]).cdk-keyboard-focused,.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]).cdk-program-focused,.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]):hover {
  background: rgba(0,0,0,.04)
}

.mat-expansion-indicator::after,.mat-expansion-panel-header-description {
  color: rgba(0,0,0,.54)
}

.mat-expansion-panel-header[aria-disabled=true] {
  color: rgba(0,0,0,.26)
}

.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description,.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title {
  color: inherit
}

.mat-form-field-label,.mat-hint {
  color: rgba(0,0,0,.54)
}

.mat-focused .mat-form-field-label {
  color: #3f51b5
}

.mat-focused .mat-form-field-label.mat-accent {
  color: #ff4081
}

.mat-focused .mat-form-field-label.mat-warn {
  color: #f44336
}

.mat-focused .mat-form-field-required-marker {
  color: #ff4081
}

.mat-error,.mat-form-field-invalid .mat-form-field-label,.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker,.mat-form-field-invalid .mat-form-field-label.mat-accent {
  color: #f44336
}

.mat-form-field-underline {
  background-color: rgba(0,0,0,.42)
}

.mat-form-field-disabled .mat-form-field-underline {
  background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.42)),color-stop(33%,rgba(0,0,0,.42)),color-stop(0,transparent));
  background-image: linear-gradient(to right,rgba(0,0,0,.42) 0,rgba(0,0,0,.42) 33%,transparent 0);
  background-size: 4px 1px;
  background-repeat: repeat-x
}

.mat-form-field-ripple {
  background-color: #3f51b5
}

.mat-form-field-ripple.mat-accent {
  background-color: #ff4081
}

.mat-form-field-invalid .mat-form-field-ripple,.mat-form-field-ripple.mat-warn {
  background-color: #f44336
}

.mat-icon.mat-primary {
  color: #3f51b5
}

.mat-icon.mat-accent {
  color: #ff4081
}

.mat-icon.mat-warn {
  color: #f44336
}

.mat-input-element:disabled {
  color: rgba(0,0,0,.38)
}

.mat-input-element {
  caret-color: #3f51b5
}

.mat-input-element::-ms-input-placeholder {
  color: rgba(0,0,0,.42)
}

.mat-input-element::placeholder {
  color: rgba(0,0,0,.42)
}

.mat-input-element::-moz-placeholder {
  color: rgba(0,0,0,.42)
}

.mat-input-element::-webkit-input-placeholder {
  color: rgba(0,0,0,.42)
}

.mat-input-element:-ms-input-placeholder {
  color: rgba(0,0,0,.42)
}

.mat-accent .mat-input-element {
  caret-color: #ff4081
}

.mat-form-field-invalid .mat-input-element,.mat-warn .mat-input-element {
  caret-color: #f44336
}

.mat-list .mat-list-item,.mat-list .mat-list-option,.mat-nav-list .mat-list-item,.mat-nav-list .mat-list-option,.mat-selection-list .mat-list-item,.mat-selection-list .mat-list-option {
  color: rgba(0,0,0,.87)
}

.mat-list .mat-subheader,.mat-nav-list .mat-subheader,.mat-selection-list .mat-subheader {
  font-family: Roboto,"Helvetica Neue",sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: rgba(0,0,0,.54)
}

.mat-list-item-disabled {
  background-color: #eee
}

.mat-list-option.mat-list-item-focus,.mat-list-option:hover,.mat-nav-list .mat-list-item.mat-list-item-focus,.mat-nav-list .mat-list-item:hover {
  background: rgba(0,0,0,.04)
}

.mat-menu-panel {
  background: #fff
}

.mat-menu-item {
  background: 0 0;
  color: rgba(0,0,0,.87)
}

.mat-menu-item[disabled] {
  color: rgba(0,0,0,.38)
}

.mat-menu-item .mat-icon:not([color]),.mat-menu-item-submenu-trigger::after,.mat-paginator,.mat-paginator-page-size .mat-select-trigger {
  color: rgba(0,0,0,.54)
}

.mat-menu-item-highlighted:not([disabled]),.mat-menu-item.cdk-keyboard-focused:not([disabled]),.mat-menu-item.cdk-program-focused:not([disabled]),.mat-menu-item:hover:not([disabled]) {
  background: rgba(0,0,0,.04)
}

.mat-paginator {
  background: #fff
}

.mat-paginator-decrement,.mat-paginator-increment {
  border-top: 2px solid rgba(0,0,0,.54);
  border-right: 2px solid rgba(0,0,0,.54)
}

.mat-paginator-first,.mat-paginator-last {
  border-top: 2px solid rgba(0,0,0,.54)
}

.mat-icon-button[disabled] .mat-paginator-decrement,.mat-icon-button[disabled] .mat-paginator-first,.mat-icon-button[disabled] .mat-paginator-increment,.mat-icon-button[disabled] .mat-paginator-last {
  border-color: rgba(0,0,0,.38)
}

.mat-progress-bar-background {
  fill: #c5cae9
}

.mat-progress-bar-buffer {
  background-color: #c5cae9
}

.mat-progress-bar-fill::after {
  background-color: #3f51b5
}

.mat-progress-bar.mat-accent .mat-progress-bar-background {
  fill: #ff80ab
}

.mat-progress-bar.mat-accent .mat-progress-bar-buffer {
  background-color: #ff80ab
}

.mat-progress-bar.mat-accent .mat-progress-bar-fill::after {
  background-color: #ff4081
}

.mat-progress-bar.mat-warn .mat-progress-bar-background {
  fill: #ffcdd2
}

.mat-progress-bar.mat-warn .mat-progress-bar-buffer {
  background-color: #ffcdd2
}

.mat-progress-bar.mat-warn .mat-progress-bar-fill::after {
  background-color: #f44336
}

.mat-progress-spinner circle,.mat-spinner circle {
  stroke: #3f51b5
}

.mat-progress-spinner.mat-accent circle,.mat-spinner.mat-accent circle {
  stroke: #ff4081
}

.mat-progress-spinner.mat-warn circle,.mat-spinner.mat-warn circle {
  stroke: #f44336
}

.mat-radio-outer-circle {
  border-color: rgba(0,0,0,.54)
}

.mat-radio-disabled .mat-radio-outer-circle {
  border-color: rgba(0,0,0,.38)
}

.mat-radio-disabled .mat-radio-inner-circle,.mat-radio-disabled .mat-radio-ripple .mat-ripple-element {
  background-color: rgba(0,0,0,.38)
}

.mat-radio-disabled .mat-radio-label-content {
  color: rgba(0,0,0,.38)
}

.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
  border-color: #3f51b5
}

.mat-radio-button.mat-primary .mat-radio-inner-circle {
  background-color: #3f51b5
}

.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element {
  background-color: rgba(63,81,181,.26)
}

.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: #ff4081
}

.mat-radio-button.mat-accent .mat-radio-inner-circle {
  background-color: #ff4081
}

.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element {
  background-color: rgba(255,64,129,.26)
}

.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
  border-color: #f44336
}

.mat-radio-button.mat-warn .mat-radio-inner-circle {
  background-color: #f44336
}

.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element {
  background-color: rgba(244,67,54,.26)
}

.mat-select-content,.mat-select-panel-done-animating {
  background: #fff
}

.mat-select-value {
  color: rgba(0,0,0,.87)
}

.mat-select-placeholder {
  color: rgba(0,0,0,.42)
}

.mat-select-disabled .mat-select-value {
  color: rgba(0,0,0,.38)
}

.mat-select-arrow {
  color: rgba(0,0,0,.54)
}

.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
  background: rgba(0,0,0,.12)
}

.mat-form-field.mat-focused.mat-primary .mat-select-arrow {
  color: #3f51b5
}

.mat-form-field.mat-focused.mat-accent .mat-select-arrow {
  color: #ff4081
}

.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow,.mat-form-field.mat-focused.mat-warn .mat-select-arrow {
  color: #f44336
}

.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {
  color: rgba(0,0,0,.38)
}

.mat-drawer,.mat-drawer-container {
  color: rgba(0,0,0,.87)
}

.mat-drawer-container {
  background-color: #fafafa
}

.mat-drawer,.mat-drawer.mat-drawer-push {
  background-color: #fff
}

.mat-accent .mat-slider-thumb-label-text,.mat-primary .mat-slider-thumb-label-text,.mat-warn .mat-slider-thumb-label-text {
  color: #fff
}

.mat-drawer-backdrop.mat-drawer-shown {
  background-color: rgba(0,0,0,.6)
}

.mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
  background-color: #e91e63
}

.mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
  background-color: rgba(233,30,99,.5)
}

.mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
  background-color: rgba(0,0,0,.06)
}

.mat-slide-toggle .mat-ripple-element {
  background-color: rgba(233,30,99,.12)
}

.mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
  background-color: #3f51b5
}

.mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
  background-color: rgba(63,81,181,.5)
}

.mat-slide-toggle.mat-primary:not(.mat-checked) .mat-ripple-element {
  background-color: rgba(0,0,0,.06)
}

.mat-slide-toggle.mat-primary .mat-ripple-element {
  background-color: rgba(63,81,181,.12)
}

.mat-slide-toggle.mat-warn.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
  background-color: #f44336
}

.mat-slide-toggle.mat-warn.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
  background-color: rgba(244,67,54,.5)
}

.mat-slide-toggle.mat-warn:not(.mat-checked) .mat-ripple-element {
  background-color: rgba(0,0,0,.06)
}

.mat-slide-toggle.mat-warn .mat-ripple-element {
  background-color: rgba(244,67,54,.12)
}

.mat-disabled .mat-slide-toggle-thumb {
  background-color: #bdbdbd
}

.mat-disabled .mat-slide-toggle-bar {
  background-color: rgba(0,0,0,.1)
}

.mat-slide-toggle-thumb {
  background-color: #fafafa
}

.mat-slide-toggle-bar {
  background-color: rgba(0,0,0,.38)
}

.mat-slider-track-background {
  background-color: rgba(0,0,0,.26)
}

.mat-primary .mat-slider-thumb,.mat-primary .mat-slider-thumb-label,.mat-primary .mat-slider-track-fill {
  background-color: #3f51b5
}

.mat-accent .mat-slider-thumb,.mat-accent .mat-slider-thumb-label,.mat-accent .mat-slider-track-fill {
  background-color: #ff4081
}

.mat-warn .mat-slider-thumb,.mat-warn .mat-slider-thumb-label,.mat-warn .mat-slider-track-fill {
  background-color: #f44336
}

.mat-slider-focus-ring {
  background-color: rgba(255,64,129,.2)
}

.cdk-focused .mat-slider-track-background,.mat-slider:hover .mat-slider-track-background {
  background-color: rgba(0,0,0,.38)
}

.mat-slider-disabled .mat-slider-thumb,.mat-slider-disabled .mat-slider-track-background,.mat-slider-disabled .mat-slider-track-fill,.mat-slider-disabled:hover .mat-slider-track-background {
  background-color: rgba(0,0,0,.26)
}

.mat-slider-min-value .mat-slider-focus-ring {
  background-color: rgba(0,0,0,.12)
}

.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
  background-color: rgba(0,0,0,.87)
}

.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
  background-color: rgba(0,0,0,.26)
}

.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
  border-color: rgba(0,0,0,.26);
  background-color: transparent
}

.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb,.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb {
  border-color: rgba(0,0,0,.38)
}

.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb,.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb {
  border-color: rgba(0,0,0,.26)
}

.mat-slider-has-ticks .mat-slider-wrapper::after {
  border-color: rgba(0,0,0,.7)
}

.mat-slider-horizontal .mat-slider-ticks {
  background-image: repeating-linear-gradient(to right,rgba(0,0,0,.7),rgba(0,0,0,.7) 2px,transparent 0,transparent);
  background-image: -moz-repeating-linear-gradient(.0001deg,rgba(0,0,0,.7),rgba(0,0,0,.7) 2px,transparent 0,transparent)
}

.mat-slider-vertical .mat-slider-ticks {
  background-image: repeating-linear-gradient(to bottom,rgba(0,0,0,.7),rgba(0,0,0,.7) 2px,transparent 0,transparent)
}

.mat-step-header.cdk-keyboard-focused,.mat-step-header.cdk-program-focused,.mat-step-header:hover {
  background-color: rgba(0,0,0,.04)
}

.mat-step-header .mat-step-label,.mat-step-header .mat-step-optional {
  color: rgba(0,0,0,.38)
}

.mat-step-header .mat-step-icon {
  background-color: #3f51b5;
  color: #fff
}

.mat-step-header .mat-step-icon-not-touched {
  background-color: rgba(0,0,0,.38);
  color: #fff
}

.mat-step-header .mat-step-label.mat-step-label-active,.mat-tab-label,.mat-tab-link {
  color: rgba(0,0,0,.87)
}

.mat-stepper-horizontal,.mat-stepper-vertical {
  background-color: #fff
}

.mat-stepper-vertical-line::before {
  border-left-color: rgba(0,0,0,.12)
}

.mat-stepper-horizontal-line {
  border-top-color: rgba(0,0,0,.12)
}

.mat-tab-header,.mat-tab-nav-bar {
  border-bottom: 1px solid rgba(0,0,0,.12)
}

.mat-tab-group-inverted-header .mat-tab-header,.mat-tab-group-inverted-header .mat-tab-nav-bar {
  border-top: 1px solid rgba(0,0,0,.12);
  border-bottom: none
}

.mat-tab-label.mat-tab-disabled,.mat-tab-link.mat-tab-disabled {
  color: rgba(0,0,0,.38)
}

.mat-tab-header-pagination-chevron {
  border-color: rgba(0,0,0,.87)
}

.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(0,0,0,.38)
}

.mat-tab-group[class*=mat-background-] .mat-tab-header,.mat-tab-nav-bar[class*=mat-background-] {
  border-bottom: none;
  border-top: none
}

.mat-tab-group.mat-primary .mat-tab-label:not(.mat-tab-disabled):focus,.mat-tab-group.mat-primary .mat-tab-link:not(.mat-tab-disabled):focus,.mat-tab-nav-bar.mat-primary .mat-tab-label:not(.mat-tab-disabled):focus,.mat-tab-nav-bar.mat-primary .mat-tab-link:not(.mat-tab-disabled):focus {
  background-color: rgba(197,202,233,.3)
}

.mat-tab-group.mat-primary .mat-ink-bar,.mat-tab-nav-bar.mat-primary .mat-ink-bar {
  background-color: #3f51b5
}

.mat-tab-group.mat-primary.mat-background-primary .mat-ink-bar,.mat-tab-nav-bar.mat-primary.mat-background-primary .mat-ink-bar {
  background-color: #fff
}

.mat-tab-group.mat-accent .mat-tab-label:not(.mat-tab-disabled):focus,.mat-tab-group.mat-accent .mat-tab-link:not(.mat-tab-disabled):focus,.mat-tab-nav-bar.mat-accent .mat-tab-label:not(.mat-tab-disabled):focus,.mat-tab-nav-bar.mat-accent .mat-tab-link:not(.mat-tab-disabled):focus {
  background-color: rgba(255,128,171,.3)
}

.mat-tab-group.mat-accent .mat-ink-bar,.mat-tab-nav-bar.mat-accent .mat-ink-bar {
  background-color: #ff4081
}

.mat-tab-group.mat-accent.mat-background-accent .mat-ink-bar,.mat-tab-nav-bar.mat-accent.mat-background-accent .mat-ink-bar {
  background-color: #fff
}

.mat-tab-group.mat-warn .mat-tab-label:not(.mat-tab-disabled):focus,.mat-tab-group.mat-warn .mat-tab-link:not(.mat-tab-disabled):focus,.mat-tab-nav-bar.mat-warn .mat-tab-label:not(.mat-tab-disabled):focus,.mat-tab-nav-bar.mat-warn .mat-tab-link:not(.mat-tab-disabled):focus {
  background-color: rgba(255,205,210,.3)
}

.mat-tab-group.mat-warn .mat-ink-bar,.mat-tab-nav-bar.mat-warn .mat-ink-bar {
  background-color: #f44336
}

.mat-tab-group.mat-warn.mat-background-warn .mat-ink-bar,.mat-tab-nav-bar.mat-warn.mat-background-warn .mat-ink-bar {
  background-color: #fff
}

.mat-tab-group.mat-background-primary .mat-tab-label:not(.mat-tab-disabled):focus,.mat-tab-group.mat-background-primary .mat-tab-link:not(.mat-tab-disabled):focus,.mat-tab-nav-bar.mat-background-primary .mat-tab-label:not(.mat-tab-disabled):focus,.mat-tab-nav-bar.mat-background-primary .mat-tab-link:not(.mat-tab-disabled):focus {
  background-color: rgba(197,202,233,.3)
}

.mat-tab-group.mat-background-primary .mat-tab-header,.mat-tab-group.mat-background-primary .mat-tab-links,.mat-tab-nav-bar.mat-background-primary .mat-tab-header,.mat-tab-nav-bar.mat-background-primary .mat-tab-links {
  background-color: #3f51b5
}

.mat-tab-group.mat-background-primary .mat-tab-label,.mat-tab-group.mat-background-primary .mat-tab-link,.mat-tab-nav-bar.mat-background-primary .mat-tab-label,.mat-tab-nav-bar.mat-background-primary .mat-tab-link {
  color: #fff
}

.mat-tab-group.mat-background-primary .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-primary .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-primary .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-primary .mat-tab-link.mat-tab-disabled {
  color: rgba(255,255,255,.4)
}

.mat-tab-group.mat-background-primary .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-chevron {
  border-color: #fff
}

.mat-tab-group.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(255,255,255,.4)
}

.mat-tab-group.mat-background-primary .mat-ripple-element,.mat-tab-nav-bar.mat-background-primary .mat-ripple-element {
  background-color: rgba(255,255,255,.12)
}

.mat-tab-group.mat-background-accent .mat-tab-label:not(.mat-tab-disabled):focus,.mat-tab-group.mat-background-accent .mat-tab-link:not(.mat-tab-disabled):focus,.mat-tab-nav-bar.mat-background-accent .mat-tab-label:not(.mat-tab-disabled):focus,.mat-tab-nav-bar.mat-background-accent .mat-tab-link:not(.mat-tab-disabled):focus {
  background-color: rgba(255,128,171,.3)
}

.mat-tab-group.mat-background-accent .mat-tab-header,.mat-tab-group.mat-background-accent .mat-tab-links,.mat-tab-nav-bar.mat-background-accent .mat-tab-header,.mat-tab-nav-bar.mat-background-accent .mat-tab-links {
  background-color: #ff4081
}

.mat-tab-group.mat-background-accent .mat-tab-label,.mat-tab-group.mat-background-accent .mat-tab-link,.mat-tab-nav-bar.mat-background-accent .mat-tab-label,.mat-tab-nav-bar.mat-background-accent .mat-tab-link {
  color: #fff
}

.mat-tab-group.mat-background-accent .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-accent .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-accent .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-accent .mat-tab-link.mat-tab-disabled {
  color: rgba(255,255,255,.4)
}

.mat-tab-group.mat-background-accent .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-chevron {
  border-color: #fff
}

.mat-tab-group.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(255,255,255,.4)
}

.mat-tab-group.mat-background-accent .mat-ripple-element,.mat-tab-nav-bar.mat-background-accent .mat-ripple-element {
  background-color: rgba(255,255,255,.12)
}

.mat-tab-group.mat-background-warn .mat-tab-label:not(.mat-tab-disabled):focus,.mat-tab-group.mat-background-warn .mat-tab-link:not(.mat-tab-disabled):focus,.mat-tab-nav-bar.mat-background-warn .mat-tab-label:not(.mat-tab-disabled):focus,.mat-tab-nav-bar.mat-background-warn .mat-tab-link:not(.mat-tab-disabled):focus {
  background-color: rgba(255,205,210,.3)
}

.mat-tab-group.mat-background-warn .mat-tab-header,.mat-tab-group.mat-background-warn .mat-tab-links,.mat-tab-nav-bar.mat-background-warn .mat-tab-header,.mat-tab-nav-bar.mat-background-warn .mat-tab-links {
  background-color: #f44336
}

.mat-tab-group.mat-background-warn .mat-tab-label,.mat-tab-group.mat-background-warn .mat-tab-link,.mat-tab-nav-bar.mat-background-warn .mat-tab-label,.mat-tab-nav-bar.mat-background-warn .mat-tab-link {
  color: #fff
}

.mat-tab-group.mat-background-warn .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-warn .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-warn .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-warn .mat-tab-link.mat-tab-disabled {
  color: rgba(255,255,255,.4)
}

.mat-tab-group.mat-background-warn .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-chevron {
  border-color: #fff
}

.mat-tab-group.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(255,255,255,.4)
}

.mat-tab-group.mat-background-warn .mat-ripple-element,.mat-tab-nav-bar.mat-background-warn .mat-ripple-element {
  background-color: rgba(255,255,255,.12)
}

.mat-toolbar {
  background: #f5f5f5;
  color: rgba(0,0,0,.87)
}

.mat-toolbar.mat-primary {
  background: #3f51b5;
  color: #fff
}

.mat-toolbar.mat-accent {
  background: #ff4081;
  color: #fff
}

.mat-toolbar.mat-warn {
  background: #f44336;
  color: #fff
}

.mat-tooltip {
  background: rgba(97,97,97,.9)
}

.mat-snack-bar-container {
  background: #323232;
  color: #fff
}

.mat-simple-snackbar-action {
  line-height: 1;
  font-family: inherit;
  font-size: inherit;
  font-weight: 500;
  color: #ff4081
}

.docs-app-background {
  background: #fafafa
}

.docs-footer,.docs-primary-header {
  background: #3f51b5
}

.docs-footer {
  color: #fff
}

.docs-component-category-list-card-summary,.docs-component-list-item {
  color: rgba(0,0,0,.54)
}

.docs-component-viewer-nav-content {
  background: rgba(0,0,0,.03)
}

.docs-component-viewer-nav-content::-webkit-scrollbar-thumb {
  background: rgba(0,0,0,.26)
}

.docs-component-viewer-nav-content button {
  color: rgba(0,0,0,.5)
}

.docs-component-viewer-nav-content hr {
  border: none;
  border-top: 1px solid rgba(0,0,0,.1)
}

.docs-component-viewer-nav-content a {
  color: rgba(0,0,0,.54)
}

.docs-component-viewer-nav-content a.docs-component-viewer-sidenav-item-selected,.docs-component-viewer-nav-content a:hover {
  color: #3f51b5
}

@media (max-width: 720px) {
  .docs-component-viewer-sidenav .docs-component-viewer-nav-content {
      background:0 0
  }

  .mat-drawer::-webkit-scrollbar-thumb {
      background: rgba(0,0,0,.26)
  }
}

app-component-viewer,app-component-viewer .mat-tab-label:focus,guide-viewer,guide-viewer .mat-tab-label:focus {
  color: rgba(0,0,0,.87)
}

.docs-api-h3 {
  border-bottom: 1px solid rgba(0,0,0,.12)
}

.docs-api-method-parameter-type,.docs-api-method-returns-type {
  color: #303f9f
}

.docs-api-h1 {
  display: none!important
}

.docs-api>p {
  word-break: break-word
}

.docs-api-class-export-name,.docs-api-class-name,.docs-api-class-selector-name,.docs-api-module-import {
  background: rgba(0,0,0,.06)
}

.docs-markdown-a {
  text-decoration: none;
  color: #3f51b5
}

.docs-markdown-pre {
  background: rgba(0,0,0,.01);
  border: .5px solid rgba(0,0,0,.03)
}

.docs-markdown-pre .docs-markdown-code {
  padding: 0;
  background: 0 0
}

.docs-markdown-h3 .material-icons,.docs-markdown-h4 .material-icons {
  color: rgba(0,0,0,.54)
}

.docs-markdown-code {
  background: rgba(0,0,0,.03)
}

.docs-svg-primary-fill {
  fill: #3f51b5
}

.docs-svg-primary-stroke {
  stroke: #3f51b5
}

.docs-svg-primary-stop-color {
  stop-color: #3f51b5
}

.docs-svg-accent-fill {
  fill: #ff4081
}

.docs-svg-accent-stroke {
  stroke: #ff4081
}

.docs-svg-accent-stop-color {
  stop-color: #ff4081
}

.docs-svg-primary-dark-30-fill {
  fill: #2c397f
}

.docs-svg-primary-dark-30-stroke {
  stroke: #2c397f
}

.docs-svg-primary-dark-30-stop-color {
  stop-color: #2c397f
}

.docs-svg-primary-dark-40-fill {
  fill: #26316d
}

.docs-svg-primary-dark-40-stroke {
  stroke: #26316d
}

.docs-svg-primary-dark-40-stop-color {
  stop-color: #26316d
}

.docs-svg-primary-light-20-fill {
  fill: #6171c8
}

.docs-svg-primary-light-20-stroke {
  stroke: #6171c8
}

.docs-svg-primary-light-20-stop-color {
  stop-color: #6171c8
}

.docs-svg-primary-light-30-fill {
  fill: #7583cf
}

.docs-svg-primary-light-30-stroke {
  stroke: #7583cf
}

.docs-svg-primary-light-30-stop-color {
  stop-color: #7583cf
}

.docs-svg-primary-light-40-fill {
  fill: #8994d6
}

.docs-svg-primary-light-40-stroke {
  stroke: #8994d6
}

.docs-svg-primary-light-40-stop-color {
  stop-color: #8994d6
}

.docs-svg-primary-light-60-fill {
  fill: #b0b8e4
}

.docs-svg-primary-light-60-stroke {
  stroke: #b0b8e4
}

.docs-svg-primary-light-60-stop-color {
  stop-color: #b0b8e4
}

.docs-svg-primary-light-80-fill {
  fill: #d8dbf1
}

.docs-svg-primary-light-80-stroke {
  stroke: #d8dbf1
}

.docs-svg-primary-light-80-stop-color {
  stop-color: #d8dbf1
}

.docs-svg-primary-light-85-fill {
  fill: #e1e4f5
}

.docs-svg-primary-light-85-stroke {
  stroke: #e1e4f5
}

.docs-svg-primary-light-85-stop-color {
  stop-color: #e1e4f5
}

.docs-api table,.docs-markdown-table {
  color: rgba(0,0,0,.87)
}

.docs-api th,.docs-markdown-th {
  background: #f5f5f5
}

.docs-api td,.docs-markdown-td {
  border: 1px solid rgba(0,0,0,.03)
}

example-viewer .docs-example-viewer-wrapper {
  border: 1px solid rgba(0,0,0,.03);
  -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.24),0 0 2px rgba(0,0,0,.12);
  box-shadow: 0 2px 2px rgba(0,0,0,.24),0 0 2px rgba(0,0,0,.12);
  margin: 4px
}

example-viewer .docs-example-viewer-title {
  color: rgba(0,0,0,.54);
  background: rgba(0,0,0,.03)
}

app-homepage .docs-header-background,app-navbar .docs-navbar,app-navbar .docs-navbar-header {
  background: #3f51b5
}

example-viewer .docs-example-source-copy {
  color: rgba(0,0,0,.38);
  right: 8px
}

[dir=rtl] example-viewer .docs-example-source-copy {
  right: auto;
  left: 8px
}

example-viewer .docs-example-source {
  border-bottom: 1px solid rgba(0,0,0,.12);
  overflow-x: scroll
}

app-footer .docs-footer-links a {
  color: #fff
}

.docs-guide-list .docs-guide-item {
  color: #3f51b5
}

app-homepage .docs-header-headline {
  color: #fff
}

app-homepage .docs-header-start {
  color: #3f51b5
}

app-homepage .docs-homepage-row {
  color: rgba(0,0,0,.54)
}

app-navbar {
  color: #fff
}

.docs-toc-container {
  border-left: 4px solid #3f51b5
}

.docs-toc-container .docs-link {
  color: rgba(0,0,0,.54);
  -webkit-transition: color .1s;
  transition: color .1s
}

.docs-toc-container .docs-link.docs-active,.docs-toc-container .docs-link:hover {
  color: #3f51b5
}

.hljs {
  display: block;
  overflow-x: auto;
  padding: 1em;
  background: #fafafa;
  color: #37474f;
  -webkit-font-smoothing: antialiased;
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%;
  font: 300 14px/1 Roboto Mono,monospace
}

.hljs-addition,.hljs-deletion {
  display: inline-block;
  width: 100%
}

.hljs-comment,.hljs-emphasis {
  font-style: italic
}

.hljs-section,.hljs>::-moz-selection {
  background-color: #d6edea
}

.hljs-section,.hljs>::selection {
  background-color: #d6edea
}

.hljs-comment {
  color: #b0bec5
}

.hljs-meta,.hljs-regexp,.hljs-selector-tag,.hljs-tag {
  color: #9c27b0
}

.hljs-string,.hljs-subst {
  color: #0d904f
}

.hljs-number,.hljs-template-variable,.hljs-variable {
  color: #80cbc4
}

.hljs-attribute,.hljs-keyword,.hljs-name,.hljs-type {
  color: #3b78e7
}

.hljs-built_in,.hljs-builtin-name,.hljs-bullet,.hljs-function>.hljs-title,.hljs-link,.hljs-symbol,.hljs-title {
  color: #6182b8
}

.hljs-params {
  color: #d81b60
}

.hljs-addition {
  color: #3b78e7
}

.hljs-deletion {
  color: #e53935
}

.hljs-selector-class,.hljs-selector-id {
  color: #8796b0
}

.hljs-strong {
  font-weight: 700
}

.hljs-link {
  text-decoration: underline
}

.color-white {
  color: #ffffff;
}